@charset "utf-8";

@import url('base.css');

/************************************************
	skipLink
************************************************/
#skipLink{ width:100%; overflow:hidden; position:relative; z-index:1000;}
#skipLink a{ margin:0px -1px -1px 0px; width:1px; height:1px; text-align:center; line-height:0; overflow:hidden; font-size:0px; display:block;}
#skipLink a:focus{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}
#skipLink a:hover{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}
#skipLink a:active{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}

*[tabindex] {
  outline:none;
}

/* --------------------------------------------
 * layout
/* ------------------------------------------ */
.mbg{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5; z-index:6;}
body.ovf_hdn, .ovf_hdn{ overflow:hidden; height:100%;}

#wrap{ position:relative; width:100%; min-width: 1200px; margin:0 auto; overflow:hidden; padding: 0;}

#header{ position: fixed; top: 0; left: 0; width:100%; background-color: rgba(0,0,0,.25); z-index:5; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
#header .inner{ position: relative; max-width: 1200px; margin: 0 auto; z-index: 2;}
#header .inner::after{ content: ''; display: block; clear: both;}
#header .inner h1.logo{ position: absolute; top: 50%; left: 0; width: 230px; margin-top: -30px;}
#header .inner h1.logo a{ display: block; height: 79px; text-indent: -9999px; background: url(../images/logo_w.png) 50% 50% no-repeat;}
#header.new .inner h1.logo{ width:233px;top:0;margin-top:0;}
#header .header-top{ position: relative; height: 50px; float: right; text-align: right; }
#header .header-top .hd-sch{ position: relative; display: inline-block; width: 320px; padding: 0 50px 0 0; border-bottom: #c8c7c7 1px solid;}
#header .header-top .hd-sch .ky{ display: block; height: 64px; line-height: 49px; width: 100%; border: none; background-color: transparent;}
#header .header-top .hd-sch .sch{ position: absolute; top: 0; right: 0; width: 50px; height: 76px; background: url(../images/ic_sch_w.png) 100% 50% no-repeat; text-indent: -9999px; text-align: left;}
#header .header-top .lang{ display: inline-block; margin-left: 25px; vertical-align: sub;}
#header .header-top .lang a{ position: relative; display: inline-block; color: #fff;}
#header .header-top .lang a + a{ margin-left: 6px; padding-left: 10px; line-height: 20px;}
#header .header-top .lang a + a::before{ content: ''; position: absolute; top: 50%; left: 0; margin-top: -5px; display: block; width: 1px; height: 10px; background: #dbdbdb;}
#header .header-top .lang a.active{ color: #00baed;}
#header .subBg{ position: absolute; top: 145px; left: 0; width: 100%; display: none; background-color: #fff; height: 330px; border-bottom: #000 1px solid; border-top: #e5e5e5 1px solid;}
#header .bt-mn{ display: none; width: 20px; height: 20px; position: absolute; top: 15px; right: 4.5vw; z-index: 2;}
#header .bt-mn i{ position: absolute; display: block; height: 2px; width: 20px; background-color: #333; top: 2px; left: 50%; margin-left: -10px;}
#header .bt-mn i:nth-child(2){ top: 9px;}
#header .bt-mn i:nth-child(3){ top: 16px;}
#header .bt-sch{ display: none; position: absolute; top: 15px; right: calc(4.5vw + 34px); width: 20px; height: 20px; background: url(../images/ic_sch2.png) 50% 50% no-repeat; background-size: 17px; text-indent: -9999px; z-index: 2;}
#header #gnb-wrap{ float: right; clear: both; margin-top: 35px; margin-right: 20px; position: relative;}
#gnb::after{ content:''; display: block; clear: both;}
#gnb > li{ position: relative; float: left;}
#gnb > li > a{ position: relative; display: block; height: 60px; line-height: 60px; text-align: center; padding: 0 20px; font-size: 18px; color: #fff; letter-spacing: -.05em;}
#gnb > li.gnb2 > a{ padding: 0 40px;}
#gnb > li.gnb3 > a{ padding: 0 50px;}
#gnb > li.gnb4 > a{ padding: 0 40px;}
#gnb > li.gnb6 > a{ padding: 0 30px;}



#header.new #gnb > li > a{ padding: 0 34px}
#header.new #gnb > li.gnb1  > a{ padding: 0 34px}
#header.new #gnb > li.gnb2  > a{ padding: 0 34px}
#header.new #gnb > li.gnb3  > a{ padding: 0 34px; padding-right:48px;}
#header.new #gnb > li.gnb4  > a{ padding: 0 34px}
#header.new #gnb > li.gnb5  > a{ padding: 0 34px}
#header.new #gnb > li.gnb6  > a{ padding: 0 34px}
#header.new #gnb > li.gnb7  > a{ padding: 0 34px; padding-right:120px;}


#gnb > li .subDepth{ display: none; position: absolute; top: 60px; left: 0; width: 100%; padding-top: 38px;}
#gnb > li .subDepth > li > a{ display: block; padding: 8px 0; letter-spacing: -.05em; padding-left: 34px; line-height:1.4;}
#gnb > li:hover > a{ color: #fff;}
#gnb > li:hover > .subDepth > li > a{ color: #fff;}
#gnb > li:hover > .subDepth > li > a:hover{ text-decoration: underline;}
#gnb > li::after{ content: ''; position: absolute; top: 60px; left: 50%; display: block; background-color: #9fe9fd; width: 0; opacity: 0; height: 3px; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
#gnb > li::before{ content: ''; display: block; position: absolute; top:0; height: 389px; left: 50%; width: 0; background-color: #14abd9; opacity: 0; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out; }
#gnb > li:hover::before{ opacity: 1; width: 100%; margin-left: -50%;}
#gnb > li:hover::after{ width: 80%; margin-left: -40%; opacity: 1;}


.fixed #header,
#header.on{ background-color: #fff; border-bottom: #e5e5e5 1px solid;}



.fixed #header .inner h1.logo a,
#header.on .inner h1.logo a,
.main #header .inner h1.logo a{ background: url(../images/logo.png) 50% 50% no-repeat;}


.fixed #header.new .inner h1.logo a,
#header.new.on .inner h1.logo a,
.main #header.new .inner h1.logo a{ background: url(../images/logo.png) 50% 50% no-repeat;}




.main #header{ background-color: #fff;}
.main #header .header-top .hd-sch .sch,
.fixed #header .header-top .hd-sch .sch,
#header.on .header-top .hd-sch .sch{ background: url(../images/ic_sch.png) 100% 50% no-repeat;}
.main #header .header-top .lang a,
.fixed #header .header-top .lang a,
#header.on .header-top .lang a{ color: #666; }
.main #header .header-top .lang a.active,
.fixed #header .header-top .lang a.active,
#header.on .header-top .lang a.active{ color: #00baed;}
.main #header #gnb > li > a,
.fixed #header #gnb > li > a,
#header.on #gnb > li > a{ color: #3f3f40;}
.main #header #gnb > li:hover > a,
.fixed #header #gnb > li:hover > a,
#header.on #gnb > li:hover > a{ color: #fff;}

#indexwrap{ position: relative; z-index: 1; padding-top: 125px;}

#footer{ background-color: #3c3c3c; padding: 55px 0;}
#footer .footer-wrap{ position: relative; max-width: 1200px; margin: 0 auto; padding-left: 340px;}
#footer .footer-wrap .logo{ position: absolute; top: 50%; left: 0; margin-top: -22px;}
#footer .footer-wrap address{ color: #fff; line-height: 1.8; font-size: 15px;}
#footer .footer-wrap address span{ display: inline-block; }
#footer .footer-wrap address span + span{ margin-left: 1rem;}
#footer .footer-wrap address .footer-link a{ display: inline-block; color: #fff; padding-left: 15px; position: relative;}
#footer .footer-wrap address .footer-link a + a{ margin-left: 15px;}
#footer .footer-wrap address .footer-link a::before{ content: ''; display: block; width: 1px; height: 10px; position: absolute; top: 50%; left: 0; margin-top: -5px; background-color: #99999a;}
#footer .footer-wrap .copy{ font-size: 14px; margin-top: 10px; color: #fff;}
#footer .btTop{ position: absolute; top: 50%; right: 0; width: 64px; height: 64px; display: block; background: url(../images/bt_top.png) 50% 50% no-repeat; margin-top: -32px;}

#siteFunctions{ position: fixed; top: 0; right: -100%; width: 100%; padding-left: 110px; z-index: 9;}
#siteFunctions .inner{ background-color: #fff; height: 100vh; width: 100%; overflow-y: auto; padding: 0 4.5vw;}
#siteFunctions .inner .hd{ position: relative; padding: 1.5rem 0 0 0; border-bottom: #333 1px solid; height: 5rem;}
#siteFunctions .inner .hd .lang a{ position: relative; display: inline-block;}
#siteFunctions .inner .hd .lang a + a{ margin-left: .6rem; padding-left: 1rem;}
#siteFunctions .inner .hd .lang a + a::before{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #ddd;}
#siteFunctions .inner .hd .lang a.active{ color: #069cc6;}
#siteFunctions .inner .hd .bt-close{ width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; right: 1.5vw; margin-top: -2rem; overflow: hidden;}
#siteFunctions .inner .hd .bt-close span{ position: absolute; top: -9999px; left: -9999px;}
#siteFunctions .inner .hd .bt-close::before{ content: ''; display: block; width: 2rem; height: 1px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(45deg);}
#siteFunctions .inner .hd .bt-close::after{ content: ''; display: block; width: 2rem; height: 1px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(-45deg);}
.mobMenu{ padding: 2rem 0 0 0;}
.mobMenu > li > a{ position: relative; display: block; font-size: 1.6rem; padding: .8rem 0 .6rem; border-bottom: #e1e1e1 1px solid; font-weight: 600; }
.mobMenu > li > a::after{ content: ''; display: block; width: .8rem; height: .8rem; border-top: #7f7f7f 2px solid; border-right: #7f7f7f 2px solid; position: absolute; top: 50%; right: 4.5vw; margin-top: -.4rem; transform: rotate(135deg); -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.mobMenu > li.active > a{ color: #069cc6;}
.mobMenu > li.active > a::after{ transform: rotate(-45deg);}
.mobMenu > li > ul{ padding: 1rem 0 2rem;}
.mobMenu > li > ul > li > a{ display: block; font-size: 1.4rem; padding: .4rem 2rem;}

@media screen and (max-width:1350px){
		#header.new #gnb > li > a { padding: 0 30px;}
		#header.new #gnb > li.gnb7 > .subDepth{width:80%;}
}

@media screen and (max-width:1300px){
		
	#header.new #gnb > li .subDepth > li > a{font-size:15px;}
	#header.new #gnb > li.gnb7 > .subDepth{width:80%;}
	#header.new #gnb-wrap{margin-right:-0px;}
	#header.new #gnb > li.gnb1 > a{padding: 0 30px;}

}

@media screen and (max-width:1220px){
	#header.new #gnb > li > a{font-size:16px;}
	#header.new #gnb-wrap{margin-right:33px;}
}




@media screen and (min-width:1024px) and (max-width:1200px){
    #wrap{ width: 100%; min-width: 100%;}
    
}

@media screen and (min-width:641px) and (max-width:1200px){ 
    #wrap{ min-width: auto;}
    #header{ height: 80px; background-color: #fff;}
    #header .bt-mn{ display: block;}
    #header .inner{ height: 80px;}
    #header .inner h1.logo{ left: 4.5vw; }
    #header .inner h1.logo a{ background-size: 100% auto; background-image: url(../images/logo.png);}
	#header.new .inner h1.logo a,
	.fixed #header.new .inner h1.logo a{ background-size: 100% auto; background-image: url(../images/logo.png);background-position: top 9px center;}
    #gnb-wrap {display:none;}
    
    #header .bt-mn{ width: 40px; height: 40px;}
    #header .bt-mn i{ width: 40px; margin-left: -20px; top: 10px;}
    #header .bt-mn i:nth-child(2){ top: 20px;}
    #header .bt-mn i:nth-child(3){ top: 30px;}
    
    #header .bt-sch{ width: 40px; height: 40px; background-size: 30px; top:20px; right: calc(4.5vw + 70px);}
    #header .header-top{ display: none; position: absolute; top: 80px; left: 0; height: 70px; width: 100%; float: none; background-color: #fff; padding: 10px 4.5vw; border-top: #eee 1px solid; }
    #header .header-top .hd-sch{ width: 100%;}
    #header .header-top .hd-sch .ky{ height: 50px; line-height: 50px;}
    #header .header-top .hd-sch .sch{ width: 50px; height: 50px; background-size: 20px; background-image: url(../images/ic_sch.png);}
    #header .header-top .lang{ display: none;}
    
    #footer{ padding: 2rem 4.5vw;}
    #footer .footer-wrap{ padding: 0;}
    #footer .footer-wrap .logo{ display: none;}
    #footer .btTop{ display: none;}
    #footer .footer-wrap address{ text-align: center;}
    #footer .footer-wrap address span{ display: inline-block; font-size: 1.2rem; text-align: center;}
    #footer .footer-wrap .copy{ font-size: 1rem; text-align: center; margin-top: 1rem;}
    #footer .footer-wrap address .footer-link a:first-child::before{ display: none;}
    #footer .footer-wrap address .footer-link a:first-child,
    #footer .footer-wrap address span + span{ margin-left: 0; padding-left: 0;}
}

@media screen and (max-width:640px){
    #wrap{ min-width: auto;}
    #header{ height: 50px; background-color: #fff;}
    #header .bt-mn{ display: block;}
    #header .inner{ height: 50px;}
    #header .inner h1.logo{ width: 120px; left: 4.5vw; margin-top: -15px;}
    #header .inner h1.logo a{ height: 31px; background-size: 100% auto !important; background-image: url(../images/logo.png); /*background-position: 50% 50%;*/}

	#header.new .inner h1.logo a,
	.fixed #header.new .inner h1.logo a{width:120px; height: 50px; background-size: 100% auto; background-image: url(../images/logo.png);background-position: top 9px center !important;}

    #header #gnb-wrap{ display: none;}
    #header .bt-sch{ display: block;}
    #header .header-top{ display: none; position: absolute; top: 50px; left: 0; height: 60px; width: 100%; float: none; background-color: #fff; padding: 10px; border-top: #eee 1px solid; }
    #header .header-top .hd-sch{ width: 100%;}
    #header .header-top .hd-sch .ky{ height: 40px; line-height: 40px;}
    #header .header-top .hd-sch .sch{ width: 40px; height: 40px; background-image: url(../images/ic_sch.png);}
    #header .header-top .lang{ display: none;}
    
    #footer{ padding: 2rem 4.5vw;}
    #footer .footer-wrap{ padding: 0;}
    #footer .footer-wrap .logo{ display: none;}
    #footer .btTop{ display: none;}
    #footer .footer-wrap address{ text-align: center;}
    #footer .footer-wrap address span{ display: inline-block; font-size: 1.2rem; text-align: center;}
    #footer .footer-wrap .copy{ font-size: 1rem; text-align: center; margin-top: 1rem;}
    #footer .footer-wrap address .footer-link a:first-child::before{ display: none;}
    #footer .footer-wrap address .footer-link a:first-child,
    #footer .footer-wrap address span + span{ margin-left: 0; padding-left: 0;}
}


/* main */
.main-visual{ position: relative; height: 500px; overflow: hidden; background-color: #eee;}
.main-visual .swiper-slide{ position: relative; height: 500px; }
.main-visual .swiper-slide .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 500px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat;}
.main-visual .swiper-slide .copy{ width: 545px; position: absolute; top: 0; left: calc(50% + 415px); height: 500px; padding: 120px 100px 0 0; text-align: center;}
.main-visual .swiper-slide .copy::before{ content: ''; display: block; position: absolute; top: 0; left: 40%; width: 99px; height: 180px; /*background: url(../images/main_logo.png) 50% 50% no-repeat;*/ margin-left: -50px; }
.main-visual .swiper-slide .copy .tx01{ color: #fff; font-size: 50px; margin-top:50px;}
.main-visual .swiper-slide .copy .tx01 span{ display: block; font-weight: 200; letter-spacing: .5em;}
.main-visual .swiper-slide .copy .tx01 b{ display: block; font-weight: 600; letter-spacing: .1em;}
.main-visual .swiper-slide .copy .tx02{ font-size: 20px; margin-top: 20px; text-align: center; color: #fff;}
.main-visual .swiper-slide .copy .tx02 span{ display: block;}
.main-visual .swiper-slide .copy .more{ width: 170px; height: 42px; line-height: 42px; color: #fff; text-align: center; border: #fff 1px solid; display: block ;margin: 40px auto 0;}
.main-visual .swiper-slide .copy .more::after{ content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: -2px; background: url(../images/ic_arr.png) 50% 50% no-repeat; margin-left: 25px;}
.main-visual .swiper-slide .copy .more:hover{ background-color: rgba(255,255,255,.4);}

.main-visual .swiper-slide .copy2{ width: 545px; position: absolute; top: 0; left: calc(50% + 415px); height: 500px; padding: 120px 100px 0 0; text-align: center;}
.main-visual .swiper-slide .copy2::before{ content: ''; display: block; position: absolute; top: 0; left: 40%; width: 99px; height: 180px; /*background: url(../images/main_logo.png) 50% 50% no-repeat;*/ margin-left: -50px; }
.main-visual .swiper-slide .copy2 .tx01{ color: #fff; font-size: 50px;  margin-top:50px;}
.main-visual .swiper-slide .copy2 .tx01 span{ display: block; font-weight: 200; letter-spacing: .5em;}
.main-visual .swiper-slide .copy2 .tx01 b{ display: block; font-weight: 600; letter-spacing: .1em;}
.main-visual .swiper-slide .copy2 .tx02{ font-size: 20px; margin-top: 20px; text-align: center; color: #fff;}
.main-visual .swiper-slide .copy2 .tx02 span{ display: block;}
.main-visual .swiper-slide .copy2 .more{ width: 170px; height: 42px; line-height: 42px; color: #fff; text-align: center; border: #fff 1px solid; display: block ;margin: 40px auto 0;}
.main-visual .swiper-slide .copy2 .more::after{ content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: -2px; background: url(../images/ic_arr.png) 50% 50% no-repeat; margin-left: 25px;}
.main-visual .swiper-slide .copy2 .more:hover{ background-color: rgba(255,255,255,.4);}

.main-visual .prev{ position: absolute; left: calc(50% + 860px); top: 50%; margin-top: -74px; width: 70px; height: 70px; display: block; background: rgba(255,255,255,.2); z-index: 2;}
.main-visual .next{ position: absolute; left: calc(50% + 860px); top: 50%; margin-top: 14px; width: 70px; height: 70px; display: block; background: rgba(255,255,255,.2); z-index: 2;}
.main-visual .prev span,
.main-visual .next span{ position: absolute; top: -9999px; left: -9999px;}
.main-visual .prev::after{ content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 36px; height: 36px; border-top: #9ad0df 1px solid; border-left: #9ad0df 1px solid; margin: -10px 0 0 -18px; transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.main-visual .next::after{ content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 36px; height: 36px; border-top: #9ad0df 1px solid; border-left: #9ad0df 1px solid; margin: -26px 0 0 -18px; transform: rotate(-135deg); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.main-visual .prev:hover::after,
.main-visual .next:hover::after{ border-color:#fff;}
.main-visual .cotr{ position: absolute; text-align: center; z-index: 9; top: auto; right: auto; left: 0; width: 100%; bottom: 20px;}
.main-visual .pag{ display: inline-block; margin-right: 10px;}
.main-visual .pag .swiper-pagination-bullet{ display: inline-block; width: 11px; height: 11px; border-radius: 50%; background-color: #fff; opacity: 1; margin: 0 5px;}
.main-visual .pag .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #26c7f6;}
.main-visual .cotr .stop{ display: none; position: relative; width: 11px; height: 11px; border-left: #fff 3px solid; border-right: #fff 3px solid;}
.main-visual .cotr .play{ display: none; position: relative; width: 11px; height: 11px; }
.main-visual .cotr .play::after{ content: ''; display: block; border-left: #fff 7px solid; border-top: transparent 7px solid; border-bottom: transparent 7px solid; }
.main-visual .cotr .stop.on,
.main-visual .cotr .play.on{ display: inline-block;}

.main-quick{ max-width: 1200px; margin: 0 auto; padding: 35px 0;}
.main-quick ul::after{ content: ''; display: block; clear: both;}
.main-quick li{ float: left; width: 16.66%; text-align: center;}
.main-quick li a{ display: block;}
.main-quick li a i{ display: block; }
.main-quick li a span{ display: block; font-size: 18px; color: #141414; margin-top: 5px;}
.main-quick li a:hover span{ color: #14abd9;}

.main-bbs{ background-color: #f2f2f2; padding: 40px 0;}
.main-bbs .inner{ max-width: 1200px; margin: 0 auto;}
.main-bbs .inner::after{ content: ''; clear: both; display: block;}
.main-bbs .notice{ position: relative; width: 630px; float: left;}
.main-bbs .notice .tit{ color: #111; font-size: 25px; font-weight: 600;}
.main-bbs .bbs-bx{ background-color: #fff; border-radius: 10px; padding: 40px 40px; margin-top: 15px;}
.main-bbs .notice .more{ width: 27px; height: 27px; display: block; position: absolute; top: 0; right: 0; border: #333 1px solid; overflow: hidden;}
.main-bbs .notice .more span{ position: absolute; top: -9999px;  left: -9999px;}
.main-bbs .notice .more::before{ content: ''; display: block; width: 9px; height: 1px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -5px; transform: rotate(90deg);}
.main-bbs .notice .more::after{ content: ''; display: block; width: 9px; height: 1px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -5px;}
.main-bbs .notice .hd{ padding: 15px 0 15px 120px; position: relative;}
.main-bbs .notice .hd .date{ position: absolute; top: 50%; left: 0; border: #3a3b3f 1px solid; border-radius: 5px; text-align: center; width: 90px; height: 76px; padding-top: 10px; margin-top: -38px;}
.main-bbs .notice .hd .date b{ display: block; color: #3a3b3f; font-size: 24px;}
.main-bbs .notice .hd a{ font-size: 19px; color: #333; display: block; font-weight: 600;}
.main-bbs .notice .bd{ margin-top: 30px; padding-top: 30px; background: url(../images/bg_patten.jpg) 0 0 repeat-x;}
.main-bbs .notice .bd li{ position: relative; padding-right: 130px; padding-bottom: 5px;}
.main-bbs .notice .bd li + li{ margin-top: 10px;}
.main-bbs .notice .bd li .subject{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; color: #333;}
.main-bbs .notice .hd a:hover,
.main-bbs .notice .bd li .subject:hover{ text-decoration: underline;}
.main-bbs .notice .bd li .subject::before{ content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #333; margin-right: 10px; vertical-align: middle;}
.main-bbs .notice .bd li .date{ position: absolute; top:0; right: 0; display: inline-block; font-weight: 600; color: #999;}
.main-bbs .news{ float: right; width: calc(100% - 670px); padding-top: 50px; position: relative; overflow: hidden;}
.main-bbs .news .prev{ position: absolute; top: 0; right: 29px; display: block; width: 30px; height: 30px; border: #333 1px solid;}
.main-bbs .news .next{ position: absolute; top: 0; right: 0; display: block; width: 30px; height: 30px; border: #333 1px solid;}
.main-bbs .news .prev span,
.main-bbs .news .next span{ position: absolute; top:-9999px; left: -9999px;}
.main-bbs .news .prev::after{ content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-top: #333 1px solid; border-right: #333 1px solid; margin: -3px 0 0 -3px; transform: rotate(-135deg);}
.main-bbs .news .next::after{ content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-top: #333 1px solid; border-right: #333 1px solid; margin: -3px 0 0 -3px; transform: rotate(45deg);}
.main-bbs .news .item{ height: 86px;  }
.main-bbs .news .item .bx{ display: table; width: 100%; height: 86px; background-color: #fff; table-layout: fixed; border-radius: 5px; overflow: hidden;}
.main-bbs .news .item .bx .hd{ display: table-cell; width: 150px; vertical-align: middle; background-color: #3a3b3f; color: #fff; text-align: center;}
.main-bbs .news .item .bx .hd em{ display: block;}
.main-bbs .news .item .bx .hd::after{ content:''; display: block; width: 37px; height: 8px; background: url(../images/ic_arr2.png); margin: 10px auto 0;}
.main-bbs .news .item.green .bx .hd{ background-color: #117f88;}
.main-bbs .news .item.blue .bx .hd{ background-color: #19b3de;}
.main-bbs .news .item.green2 .bx .hd{ background-color: #92c83e;}
.main-bbs .news .item .bx .bd{ display: table-cell; vertical-align: middle; padding: 0 20px;}
.main-bbs .news .item .bx .bd .subject{ display: block; text-overflow: ellipsis; color: #333; overflow: hidden; white-space: nowrap; font-size: 17px;}
.main-bbs .news .item .bx .bd .subject:hover{ text-decoration: underline;}
.main-bbs .news .item .bx .bd .subject::before{ content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #333; margin-right: 10px; vertical-align: middle;}
.main-bbs .news .item .bx .bd .date{ color: #999; display: block; margin-top: 5px; margin-left: 15px; font-weight: 600; }
.main-bbs .news .pag{ position: absolute; top: 0; right: 70px; display: block; height: 30px; bottom: auto; left: auto; background-color: #333; color: #fff; width: 50px; text-align: center; line-height: 30px;}

.main-reg{ padding: 65px 0;}
.main-reg ul{ max-width: 1200px; margin: 0 auto;}
.main-reg ul::after{ content: ''; display: block; clear: both;}
.main-reg ul li{ position: relative; float: left; width: 580px; background-color: #3a3b3f;}
.main-reg ul li::after{ content: ''; display: block; position: absolute; width: 37px; height: 37px; top: 50%; right: 50px; margin-top: -19px; background: url(../images/ic_down.png) 50% 50% no-repeat;}
.main-reg ul li:last-child{ float: right; background-color: #007580;}
.main-reg ul li a{ display: block; padding: 30px 55px 25px; color: #fff;}
.main-reg ul li a b{ font-size: 22px; display: block;}
.main-reg ul li a span{ display: block; margin-top: 15px; opacity: .5;}

.main-prog{ position: relative; background-color: #f2f3f7; padding: 55px 0px 0;}
.main-prog .tit{ text-align: center; color: #333; font-size: 30px;}
.main-prog .slide-bx{ position: relative; overflow: hidden; padding: 40px 0 60px; width: 1200px; margin: 0 auto;}
.main-prog .swiper-slide{ width: 370px; background-color: #fff; box-shadow: 10px 10px 10px rgba(0,0,0,.1);}
.main-prog .swiper-slide .thumb img{ display: block; width: 100%;}
.main-prog .swiper-slide .desc{ padding: 25px 35px 35px; display: block;}
.main-prog .swiper-slide .desc .tx01{ display: block; color: #0cabd5; font-size: 22px;}
.main-prog .swiper-slide .desc .tx01 b{ font-size: 18px; font-weight: 400; display: block;}
.main-prog .swiper-slide .desc .tx02{ display: block; color: #333; font-size: 18px; margin-top: 10px;}
.main-prog .swiper-slide .desc .tx03{ display: block; margin-top: 25px;}
.main-prog .prev{ position: absolute; top: 50%; left: 0; width: 70px; height: 130px; background-color: rgba(0,0,0,.4); margin-top: -30px;}
.main-prog .prev span{ position: absolute; top:-9999px; left: -9999px;}
.main-prog .prev::after{ content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; border-top: #fff 2px solid; border-right: #fff 2px solid; margin: -20px 0 0 -10px; transform: rotate(-135deg);}
.main-prog .next{ position: absolute; top: 50%; right: 0; width: 70px; height: 130px; background-color: rgba(0,0,0,.4); margin-top: -30px;}
.main-prog .next span{ position: absolute; top:-9999px; left: -9999px;}
.main-prog .next::after{ content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; border-top: #fff 2px solid; border-right: #fff 2px solid; margin: -20px 0 0 -30px; transform: rotate(45deg);}

.main-eng{ padding: 55px 0 60px; max-width: 1200px; margin: 0 auto;}
.main-eng ul::after{ content: ''; display: block; clear: both;}
.main-eng .edu-camp li{ float: left; width: 578px;}
.main-eng .edu-camp li:last-child{ float: right;}
.main-eng .edu-camp li .thumb{ margin-top: 14px; display: block;}
.main-eng .edu-camp li .desc{ display: block;}
.main-eng .edu-camp li .desc b{  display: block; color: #333; font-size: 22px;}
.main-eng .edu-mn{ margin-top: 70px;}
.main-eng .edu-mn li{ float: left; width: 32.33%; border: #333 1px solid; padding: 30px 40px;}
.main-eng .edu-mn li + li{ margin-left: 1.5%;}
.main-eng .edu-mn li h3{ position: relative; font-size: 25px; color: #111; font-weight: 400; padding-bottom: 20px; margin-bottom: 25px;}
.main-eng .edu-mn li h3 b{ display: block;}
.main-eng .edu-mn li h3::after{ content:''; display: block; height: 1px; width: 40px; position: absolute; bottom: 0; left: 0; background-color: #111;}
.main-eng .edu-mn li a{ color: #7b7b7b; display: block; float: left; width: 50%; padding: 4px 0;}
.main-eng .edu-mn li a:hover{ text-decoration: underline;}

@media screen and (min-width:1024px) and (max-width:1940px){
    .main-visual .swiper-slide .bg{ background-size: cover;}
    .main-visual .swiper-slide .copy{ left: auto; right: 0; background-color: rgba(42,196,244,.72);}
	.main-visual .swiper-slide .copy2{ left: auto; right: 0; background-color: rgba(48,212,198,.72);}
    .main-visual .prev,
    .main-visual .next{ left: auto; right: 30px;}
    
    .main-reg ul li{ width: 49%; }
    .main-reg ul li:last-child{ margin-left: 2%;}
    .main-reg ul li a{ padding-right: 90px; padding-left: 30px;}

    .main-eng .edu-camp li{ width: 49%;}
}

@media screen and (min-width:1024px) and (max-width:1200px){
    .main-reg ul li a span br{ display: none;}
    .main-eng .edu-mn li{ min-height: 360px;}
    .main-eng .edu-mn li a{ width: 100%; }
}

@media screen and (min-width:641px) and (max-width:1023px){ 
    #indexwrap{ padding-top: 80px;}
    
    .main-visual{ height: 760px;}
    .main-visual .swiper-slide .bg{ position: relative; top: auto; left: auto; height: 400px; background-size: cover; background-position: 10% 50%;}
    .main-visual .swiper-slide .copy{ position: relative; top: auto; left: auto; height: 360px; width: 100%; padding: 20px 30px;}
    .main-visual .swiper-slide .copy::before{ left: auto; right: 50px; margin-left: 0; background-size: 100% auto;}
    .main-visual .swiper-slide .copy .tx01{ text-align: left;}
    .main-visual .swiper-slide .copy .tx02{ text-align: left;}
    .main-visual .swiper-slide .copy .more{ margin: 1rem 0 0; }
    .main-visual .prev{ top: auto; bottom: 2rem; left: auto; right: 6rem; width: 3rem; height: 3rem; margin: 0;}
    .main-visual .next{ top: auto; bottom: 2rem; left: auto; right: 2rem; width: 3rem; height: 3rem; margin: 0;}
    .main-visual .prev::after,
    .main-visual .next::after{ width: 1.6rem; height: 1.6rem; opacity: 1; border-color:#fff;}
    .main-visual .prev::after{ transform: rotate(-45deg); margin: -.8rem 0 0 -.4rem;}
    .main-visual .next::after{ transform: rotate(135deg); margin: -.8rem 0 0 -1.2rem;}
    
    .main-quick{ padding: 3rem 5vw;}
    .main-quick li{ width: 33.3%; padding: 1rem 0;}
    .main-quick li img{ width: 70px;}
    
    .main-bbs{ padding: 2rem 4.5vw; }
    .main-bbs .notice{ width: 100%; float: none;}
    .main-bbs .notice .tit{ text-align: center;}
    .main-bbs .notice .more{ width: 2rem; height: 2rem; top: .5rem;}
    .main-bbs .notice .bd{ margin-top: 2rem; padding-top: 2rem;}
    .main-bbs .news{ width: 100%; margin-top: 3rem; float: none; padding-top: 2.5rem;}
    .main-bbs .news .prev,
    .main-bbs .news .next{ width: 2rem; height: 2rem;}
    .main-bbs .news .prev{ right: 2rem; margin-right: -1px;}
    .main-bbs .news .item{ height: 8rem;}
    .main-bbs .news .item .bx .hd{ width: 9rem;}
    .main-bbs .news .item .bx{ height: 8rem;}
    
    .main-reg{ padding: 2rem 4.5vw;}
    .main-reg ul li{ width: 100%;}
    .main-reg ul li a span{ margin-top: .5rem;}
    .main-reg ul li + li{ margin-top: 1rem;}
    
    .main-prog{ padding: 2rem 0;}
    .main-prog .tit{ text-align: center; font-size: 1.8rem;}
    .main-prog .slide-bx{  padding: 1rem 4.5vw 1rem;}
    .main-prog .swiper-slide{ width: 330px;}
    .main-prog .swiper-slide .desc{ padding: 1rem 2rem;}
    .main-prog .swiper-slide .desc .tx03{ margin-top: 1rem;}
    .main-prog .prev,
    .main-prog .next{ z-index: 2; width: 3rem; height: 5rem;}
    .main-prog .prev::after,
    .main-prog .next::after{ width: 2rem; height: 2rem; }
    .main-prog .prev::after{ margin:-1rem 0 0 -.6rem;}
    .main-prog .next::after{ margin:-1rem 0 0 -1.4rem;}
    
    .main-eng{ padding: 2rem 4.5vw;}
    .main-eng .edu-camp li{ width: 48%;}
    .main-eng .edu-mn{ margin-top: 3rem;}
    .main-eng .edu-mn li{ position: relative; width: 100%; padding: 1.5rem; padding-left: 16rem; min-height:auto;}
    .main-eng .edu-mn li + li{ margin: 1rem 0 0 0;}
    .main-eng .edu-mn li h3{ position: absolute; top: 1.5rem; left: 1.5rem; }
}

@media screen and (max-width:640px){
    #indexwrap{ padding-top: 50px;}
    
    .main-visual{ height: 390px;}
    .main-visual .swiper-slide .bg{ position: relative; top: auto; left: auto; height: 200px; background-size: cover; background-position: 10% 50%;}
    .main-visual .swiper-slide .copy{ position: relative; top: auto; left: auto; height: 190px; width: 100%; padding: 20px 30px; background-color: rgb(29 178 224);}
    .main-visual .swiper-slide .copy::before{ width: 50px; height: 16px; left: auto; right: 50px; margin-left: 0; background-size: 100% auto;}
    .main-visual .swiper-slide .copy .tx01{ font-size: 2.2rem; text-align: left; margin-top: 1rem;}
    .main-visual .swiper-slide .copy .tx02{ font-size: 1.2rem; text-align: left; margin-top: 1rem;}
    .main-visual .swiper-slide .copy .more{ height: 2.5rem; margin: 1rem 0 0; line-height: 2.5rem; width: 10rem;}
    .main-visual .swiper-slide .copy .more::after{ margin-left: 1rem; width: 1rem; height: 1rem; background-size: 100% auto; vertical-align: .1rem;}

	.main-visual .swiper-slide .copy2{ position: relative; top: auto; left: auto; height: 190px; width: 100%; padding: 20px 30px; background-color: rgb(32 191 178);}
    .main-visual .swiper-slide .copy2::before{ width: 50px; height: 16px; left: auto; right: 50px; margin-left: 0; background-size: 100% auto;}
    .main-visual .swiper-slide .copy2 .tx01{ font-size: 2.2rem; text-align: left; margin-top: 1rem;}
    .main-visual .swiper-slide .copy2 .tx02{ font-size: 1.2rem; text-align: left; margin-top: 1rem;}
    .main-visual .swiper-slide .copy2 .more{ height: 2.5rem; margin: 1rem 0 0; line-height: 2.5rem; width: 10rem;}
    .main-visual .swiper-slide .copy2 .more::after{ margin-left: 1rem; width: 1rem; height: 1rem; background-size: 100% auto; vertical-align: .1rem;}

    .main-visual .prev{ top: auto; bottom: 3rem; left: auto; right: 6rem; width: 3rem; height: 3rem; margin: 0;}
    .main-visual .next{ top: auto; bottom: 3rem; left: auto; right: 2rem; width: 3rem; height: 3rem; margin: 0;}
    .main-visual .prev::after,
    .main-visual .next::after{ width: 1.6rem; height: 1.6rem; opacity: 1; border-color:#fff;}
    .main-visual .prev::after{ transform: rotate(-45deg); margin: -.8rem 0 0 -.4rem;}
    .main-visual .next::after{ transform: rotate(135deg); margin: -.8rem 0 0 -1.2rem;}
    .main-visual .cotr{ bottom: .5rem;}
    
    .main-quick{ padding: 3rem 5vw;}
    .main-quick li{ width: 33.3%; padding: 1rem 0;}
    .main-quick li img{ width: 40px;}
    .main-quick li a span{ font-size: 1.4rem;}
    
    .main-bbs{ padding: 2rem 4.5vw; }
    .main-bbs .notice{ width: 100%; float: none;}
    .main-bbs .notice .tit{ text-align: center; font-size: 1.8rem;}
    .main-bbs .notice .more{ width: 2rem; height: 2rem; top: .5rem;}
    .main-bbs .bbs-bx{ padding: 1.7rem 1.5rem;}
    .main-bbs .notice .hd{ padding-left: 9rem;}
    .main-bbs .notice .hd a{ font-size: 1.4rem;}
    .main-bbs .notice .hd .date{ width: 8rem; height: 6rem; padding-top: .5rem; margin-top: -3rem;}
    .main-bbs .notice .hd .date b{ font-size: 1.6rem;}
    .main-bbs .notice .bd{ margin-top: 2rem; padding-top: 2rem;}
    .main-bbs .notice .bd li .subject{ font-size: 1.3rem;}
    .main-bbs .news{ width: 100%; margin-top: 3rem; float: none; padding-top: 2.5rem;}
    .main-bbs .news .prev,
    .main-bbs .news .next{ width: 2rem; height: 2rem;}
    .main-bbs .news .prev{ right: 2rem; margin-right: -1px;}
    .main-bbs .news .item{ height: 8rem;}
    .main-bbs .news .item .bx .hd{ width: 9rem;}
    .main-bbs .news .item .bx{ height: 8rem;}
    .main-bbs .news .item .bx .bd .subject{ font-size: 1.4rem;}
    .main-bbs .news .pag{ height: 2rem; line-height: 2rem; right: 4.5rem; font-size: 1.2rem;}
    
    .main-reg{ padding: 2rem 4.5vw;}
    .main-reg ul li{ width: 100%;}
    .main-reg ul li a{ padding: 1rem 4rem 1rem 2rem; }
    .main-reg ul li::after{ width: 1.4rem; height: 1.4rem; margin-top: -.7rem; right: 2rem; background-size: 100% auto;}
    .main-reg ul li a b{ font-size: 1.6rem;}
    .main-reg ul li a span{ margin-top: .5rem;}
    .main-reg ul li a span br{ display: none;}
    .main-reg ul li + li{ margin-top: 1rem;}
    
    .main-prog{ padding: 2rem 0;}
    .main-prog .tit{ text-align: center; font-size: 1.8rem;}
    .main-prog .slide-bx{  padding: 1rem 4.5vw 1rem; width: 370px;}
    .main-prog .swiper-slide .desc{ padding: 1rem 2rem;}
    .main-prog .swiper-slide .desc .tx01{ font-size: 1.5rem;}
    .main-prog .swiper-slide .desc .tx01 b{ font-size: 1.3rem;}
    .main-prog .swiper-slide .desc .tx02{ font-size: 1.4rem;}
    .main-prog .swiper-slide .desc .tx03{ margin-top: 1rem;}
    .main-prog .prev,
    .main-prog .next{ z-index: 2; width: 3rem; height: 5rem;}
    .main-prog .prev::after,
    .main-prog .next::after{ width: 2rem; height: 2rem; }
    .main-prog .prev::after{ margin:-1rem 0 0 -.6rem;}
    .main-prog .next::after{ margin:-1rem 0 0 -1.4rem;}
    
    .main-eng{ padding: 2rem 4.5vw;}
    .main-eng .edu-camp li{ width: 100%;}
    .main-eng .edu-camp li .desc{ text-align: center;}
    .main-eng .edu-camp li .desc b{ font-size: 1.6rem; text-align: center;}
    .main-eng .edu-camp li + li{ margin-top: 2rem;}
    .main-eng .edu-mn{ margin-top: 3rem;}
    .main-eng .edu-mn li{ position: relative; width: 100%; padding: 1.5rem; padding-left: 16rem; min-height:auto;}
    .main-eng .edu-mn li + li{ margin: 1rem 0 0 0;}
    .main-eng .edu-mn li h3{ position: absolute; top: 1.5rem; left: 1.5rem; font-size: 1.5rem;}
    .main-eng .edu-mn li a{ display: block; width: 100%;}
    
}

.sub-vis{ height: 400px; background-size: cover; padding: 200px 0 0 0;}
.sub01 .sub-vis{ background-image: url(../images/sub_bg01.jpg);}
.sub02 .sub-vis{ background-image: url(../images/sub_bg02.jpg);}
.sub03 .sub-vis{ background-image: url(../images/sub_bg03.jpg);}
.sub04 .sub-vis{ background-image: url(../images/sub_bg04.jpg);}
.sub05 .sub-vis{ background-image: url(../images/sub_bg05.jpg);}
.sub06 .sub-vis{ background-image: url(../images/sub_bg06.jpg);}
.sub-vis .vis-tit{ text-align: center;}
.sub-vis .vis-tit .tit{ font-size: 45px; color: #fff; font-weight: 400; display: inline-block; margin: 0 30px; vertical-align: middle;}
.sub-vis .vis-tit .prev{ position: relative; display: inline-block; width: 48px; height: 48px; border-radius: 50%; border: #fff 1px solid; vertical-align: middle;}
.sub-vis .vis-tit .next{ position: relative; display: inline-block; width: 48px; height: 48px; border-radius: 50%; border: #fff 1px solid; vertical-align: middle;}
.sub-vis .vis-tit .prev span,
.sub-vis .vis-tit .next span{ position: absolute; top: -9999px; left: -9999px;}
.sub-vis .vis-tit .prev::after{ content: ''; display: block; width: 10px; height: 10px; border-top: #fff 3px solid; border-right: #fff 3px solid; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -5px; transform: rotate(-135deg);}
.sub-vis .vis-tit .next::after{ content: ''; display: block; width: 10px; height: 10px; border-top: #fff 3px solid; border-right: #fff 3px solid; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);}
.sub-vis .vis-tit .prev:hover,
.sub-vis .vis-tit .next:hover{ background-color:rgba(255,255,255,.2);}
.sub-vis .vis-mn{ text-align: center; margin-top: 30px;}
.sub-vis .vis-mn .itm{ display: inline-block; padding: 0 15px; margin-bottom: .5rem;}
.sub-vis .vis-mn .itm a{ position: relative; color: #b9b9b9; font-size: 18px; display: block; padding-bottom: 4px;}
.sub-vis .vis-mn .itm a:hover,
.sub-vis .vis-mn .itm.active a{ color: #fff;}
.sub-vis .vis-mn .itm.active a::after{ content: ''; display: block; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background-color: #fff;}

.sub-tab{ position: relative;  background-color: #f6f6f7; border-bottom: #b8b8b9 1px solid;}
.sub-tab .inBx{ width: 1200px; margin: 0 auto; border-left: #b8b8b9 1px solid; border-right: #b8b8b9 1px solid;}
.sub-tab .inBx .itm{ flex: 1;}
.sub-tab .inBx .itm + .itm{ border-left: #b8b8b9 1px solid;}
.sub-tab .inBx .itm a{ position: relative; display: block; height: 52px; line-height: 52px; text-align: center; font-size: 18px; color: #000; opacity: .8;}
.sub-tab .inBx .itm a::after{ content: ''; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px; background-color: #00baed; opacity: 0;}
.sub-tab .inBx .itm.active a{ opacity: 1; font-weight:600;}
.sub-tab .inBx .itm.active a::after{ opacity: 1;}
.sub-tab.n4 .inBx .itm{ width: 25%;}
.sub-tab .prev{ position: absolute; display:block; top:0; left:0; width:1rem; height:4rem; background-color:#989898; border:#989898 1px solid; z-index:3;}
.sub-tab .next{ position: absolute; display:block; top:0; right:0; width:1rem; height:4rem; background-color:#989898; border:#989898 1px solid; z-index:3;}
.sub-tab .prev::after,
.sub-tab .next::after{ content:''; display:block; position: absolute; top:50%; left:50%; border-left:#000 .5rem solid; border-top:transparent .5rem solid; border-bottom:transparent .5rem solid; margin:-.3rem 0 0 -.2rem; }
.sub-tab .prev::after{ transform:rotate(180deg); margin-left:-.4rem;}
.sub-tab .prev.swiper-button-disabled,
.sub-tab .next.swiper-button-disabled{ opacity:0;}
 
.contents{ padding: 90px 0 180px; margin: 0 auto; max-width: 1100px; min-height:70px;}
.contents.w1200{ max-width:1200px;}
h3.h3-tit{ text-align: center; color: #101010; font-size: 40px; margin: 0 0 80px 0;}
h4.h4-tit{ position: relative; margin: 80px 0 30px; font-size: 25px; color: #333; font-weight: 600; padding-left: 15px;}
h4.h4-tit::before{ content: ''; display: block; position: absolute; top: 10px; left: 0; width: 4px; height: 20px; background-color: #30c2f1}
h4.h4-tit span{font-size: 1rem; font-weight: 400; display: inline-block;}
h4.h4-tit em{ display: inline-block; font-weight: 400;}
h5.h5-tit{ font-size: 18px; color: #333; margin: 30px 0 15px;}
h5.h5-tit span{font-size: 16px; font-weight: 400; display: inline-block;}

.internet-end {color: #d60000; margin-bottom: 10px; position: relative; top: -20px;}
.sub-tx{ text-align: center; margin: -70px 0 80px; color: #000; font-size: 20px;}

.grey {background: #f6f6f7; padding: 0px 20px;}

table.data{ table-layout: fixed; width: 100%; border-top: #000 2px solid; border-right: #ccc 1px solid;}
table.data thead th{ text-align: center; padding: 20px 0; color: #333; font-size: 18px; font-weight: 400; background-color: #f0f0f0; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.data tbody th{ text-align: center; padding: 20px 0; color: #333; font-size: 18px; font-weight: 400; background-color: #f0f0f0; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.data tbody td{ text-align: center; padding: 20px 20px; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}

table.data .gloAbo02w01{ width: 140px;}
table.data .gloAbo02w02{ width: 180px;}
table.data .gloAbo02w03{ width: 160px;}
table.data .gloAbo02w04{ width: 240px;}
table.data tbody td.flag-td{ text-align: left; padding-left: 20px;}
table.data tbody td.flag-td .flag{ margin-right: 1rem;}
table.data tbody td ul.ul-list01 > li + li{ margin-top: .4rem;}
table.data thead tr.bgWhite th{ background-color: #fff;}

table.data2{ table-layout: fixed; width: 100%; border-top: #000 2px solid;}
table.data2 thead th{ text-align: center; padding: 15px 0; color: #333; /*font-size: 18px; */font-weight: 400; background-color: #f0f0f0; border-bottom: #ccc 1px solid; }
table.data2 tbody th{ text-align: center; padding: 15px 0; color: #333; font-size: 18px; font-weight: 400; background-color: #f0f0f0; border-bottom: #ccc 1px solid; }
table.data2 tbody td{ text-align: center; padding: 15px; border-bottom: #ccc 1px solid; }


table.data3{ table-layout: fixed; width: 100%; border-top: #000 2px solid; border-right: #ccc 1px solid;}
table.data3 thead th{ text-align: center; padding: 20px 0; color: #333; font-size: 18px; font-weight: 400; background-color: #f0f0f0; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.data3 tbody th{ text-align: center; padding: 20px 0; color: #333; font-size: 18px; font-weight: 400; background-color: #f0f0f0; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.data3 tbody td{ text-align: center; padding: 20px 30px; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}

table.list{ table-layout: fixed; width: 100%; border-top: #000 2px solid; }
table.list thead th{ background-color: #f0f0f0; padding: 20px 0; text-align: center; color: #333; font-weight: 400; border-bottom: #ccc 1px solid;}
table.list tbody td{ text-align: left; padding: 18px 10px; border-bottom: #ccc 1px solid;}
table.list .noti-c01{ width: 25%;border-right: #ccc 1px solid;}
table.list .noti-c02{ width: 50%;border-right: #ccc 1px solid;}
table.list .noti-c03{ width: 25%;}
table.list .subject{ text-align: left;}
table.list tbody tr:hover{ background-color:#f7f7f7;}

table.list2{ table-layout: fixed; width: 100%; border-top: #000 2px solid; }
table.list2 thead th{ background-color: #f0f0f0; padding: 20px 0; text-align: center; color: #333; font-weight: 400; border-bottom: #ccc 1px solid;}
table.list2 tbody td{ text-align: center; padding: 18px 10px; border-bottom: #ccc 1px solid;}
table.list2 .noti-c04{ width: 15%;}
table.list2 .noti-c05{ width: 50%;}
table.list2 .noti-c06{ width: 15%;}
table.list2 .noti-c07{ width: 10%;}
table.list2 .noti-c08{ width: 10%;}
table.list2 .subject{ text-align: left;}
table.list2 tbody tr:hover{ background-color:#f7f7f7;}

a.first 

div.paging{ text-align:center; padding:0; margin:60px 0 0 0; position:relative; clear:both;}
div.paging a,
/*div.paging strong{ position: relative; display:inline-block; height:30px; line-height:30px; font-size: 18px; color:#999; text-align:center; vertical-align:middle; background-color: #fff; overflow: hidden; padding: 0 12px;}*/
div.paging .on{ font-weight:600; color: #000; padding: 0 !important;}
div.paging .direction{ position:relative; width: 30px; margin: 0 2px; background-color: #fff; border: #ccc 1px solid;}
div.paging .direction:hover{ background-color: #f6f6f7;}
div.paging .direction > span{ position:absolute; top:-9999px; left:-9999px;}
div.paging .direction.prev{ margin-right: 20px;}
div.paging .direction.next{ margin-left: 20px;}
div.paging .direction.first:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.first:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -8px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }

.tbl-sch{ position: relative; text-align: center; margin-bottom: 55px;}
.tbl-sch .select{ min-width: 120px;}
.tbl-sch .kw{ min-width: 400px;}
.tbl-sch .sch{ text-indent: -9999px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; background:#666 url(../images/ic_sch_w.png) 50% 50% no-repeat;}

.tbl-view{ border-top: #000 2px solid;}
.tbl-view .hd{ padding: 20px 30px; border-bottom: #ccc 1px solid;}
.tbl-view .hd .tit{ display: block; color: #333; font-size: 22px; font-weight: 400; line-height: 1.2;}
.tbl-view .hd .date{ margin-top: 20px;}
.tbl-view .hd .date span{ position: relative; display: inline-block;}
.tbl-view .hd .date span + span{ padding-left: 25px; margin-left: 25px;}
.tbl-view .hd .date span + span::before{ content: ''; display: block; position: absolute; width: 1px; height: 12px; margin-top: -6px; background-color: #ccc; position: absolute; top: 50%; left: 0;}
.tbl-view .hd .date span em{ display: inline-block;}
.tbl-view .hd .date span em + em{ margin-left: 10px;}
.tbl-view .hd .loc{ margin-top: 20px;}
.tbl-view .bd{ padding: 50px; border-bottom: #ccc 1px solid;}

.viewBottomList ul{ display:block; width:100%; border-bottom: #ccc 1px solid;}
.viewBottomList ul li:hover{ background-color: #f5f5f5;}
.viewBottomList .viewBottomPrev{display:block; padding:0 10px 0 120px; height:56px; line-height:60px; position:relative; border-bottom:#ccc 1px solid;}
.viewBottomList .viewBottomNext{display:block; padding:0 10px 0 120px; height:56px; line-height:60px; position:relative; }
.viewBottomList .orderPrev{ vertical-align:middle; position:absolute; top:0; left:0; width:120px; line-height:56px; padding-left: 55px; color:#333; font-weight: 600; }
.viewBottomList .orderNext{ vertical-align:middle; position:absolute; top:0; left:0; width:120px; line-height:56px; padding-left: 55px; color:#333; font-weight: 600; }
.viewBottomList .orderPrev::before{ content: ''; position: absolute; top: 50%; left: 22px; display: block; width: 8px; height: 8px; border-top:#787878 1px solid; border-left: #787878 1px solid; transform: rotate(45deg);}
.viewBottomList .orderNext::before{ content: ''; position: absolute; top: 50%; left: 22px; display: block; width: 8px; height: 8px; border-top:#787878 1px solid; border-left: #787878 1px solid; transform: rotate(-135deg); margin-top: -4px;}
.viewBottomList a{ color:#666; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; height:60px; line-height:60px; font-size: 14px;}
.viewBottomList .viewBottomPrev:hover a,
.viewBottomList .viewBottomNext:hover a{ text-decoration:underline;}

p.margin { padding-right: 20px;}

ul.ul-list01{ position: relative; }
ul.ul-list01 > li{ text-indent: -10px; padding-left: 10px; line-height: 1.8; word-break: keep-all;}
ul.ul-list01 > li::before{ content: ''; display: inline-block; width: 5px; height: 5px; background-color: #ccc; border-radius: 50%; vertical-align: 3px; margin-right: 5px;}
ul.ul-list01 > li + li{ margin-top: 10px;}
ul.ul-list01 > li b{ color: #333; font-family: 'Noto Sans KR';}
ul.ul-list01 > li .d01{ text-indent: 0; padding: 0 0 0 10px;}
ul.ul-list01 .flyBt{ position: absolute; bottom: 0; right: 0;}

ul.ul-list01 .pcbr{display:block; margin-left:10px;}
ul.ul-list01 .d02 {margin-left: 10px;}

span.pcbr{display:block;}

table.data2 tbody th span{display:inline; margin-left:0px;}
table.data3 tbody td span{display:inline; margin-left:0px;}

ul.ul-list02 > li{ text-indent: -1.2rem; padding-left: 1.2rem;}
ul.ul-list002 > li{ text-indent: -1.2rem; padding-left: 1.2rem;}
ul.ul-list002 { text-align: left; padding-left: 100px;}

.con-tab{ position: relative; text-align: center; margin-bottom: 80px;}
.con-tab .inBx{ display: inline-block; margin: 0 auto;}
.con-tab .inBx::after{ content: ''; display: block; clear: both;}
.con-tab .itm{ position: relative; float: left; width: 220px;}
.con-tab .itm + .itm{ margin-left: 10px;}
.con-tab .itm > a{ display: block; height: 50px; line-height: 50px; text-align: center;  background-color: #f0f0f0; font-size: 18px; color: #8e8e8e;}
.con-tab .itm.active > a{ background-color: #00baed; color: #fff;}
.con-tab .itm > ul{ display: none; position: absolute; top: 50px; left: 0; width: 100%; background-color: #fff; border: #e3e3e3 1px solid; border-top: none; padding: 10px 15px;}
.con-tab .itm > ul > li + li{ margin-top: 15px;}
.con-tab .itm > ul > li > a{ position: relative; padding: 0; color: #666;}
.con-tab .itm > ul > li.active > a{ color: #000;}
.con-tab .itm > ul > li.active > a::before{ content: ''; display: block; width: 12px; height: 1px; position: absolute; background-color: #00baed; top: 50%;}
.con-tab .itm.sel{ z-index: 3;}
.con-tab .itm.sel > a i{ content: ''; position: relative; vertical-align:-2px; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; margin-left:1rem;}
.con-tab .itm.sel > a i::after{ content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-top: #666 1px solid; border-right: #666 1px solid; transform: rotate(135deg); margin: -3px 0 0 -3px;}
.con-tab .itm.sel.active > a i::after{ border-color: #00baed; }
.con-tab.nn5 .itm{ width:190px;}
.con-tab.nn6 .itm{ width:174px;}

.faq-wr{ border-top: #000 2px solid;}
.faq-wr dt{ position: relative; padding: 30px 120px 30px 90px; font-size: 18px; border-bottom: #ccc 1px solid;}
.faq-wr dt::after{ content: ''; display: block; width: 20px; height: 20px; border-top:#666 1px solid; border-right:#666 1px solid; position: absolute; top: 50%; right: 30px; margin-top: -10px; transform: rotate(135deg); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.faq-wr dt.active::after{ transform: rotate(-45deg); margin-top: -6px;}
.faq-wr dt a{ color: #333;}
.faq-wr dt i{ position: absolute; display: inline-block; color: #666666; font-weight: 600; position: absolute; top: 30px; left: 30px;}
.faq-wr dd{ position: relative; padding: 30px 120px 30px 90px; background-color: #f7f7f7; border-bottom: #ccc 1px solid;}
.faq-wr dd i{ position: absolute; display: inline-block; color: #cc0000; font-weight: 600; position: absolute; left: 30px; /*top: 50%; margin-top: -.5em;*/ font-size:18px;}
dt.active i {color: #00baed;}

.tit-area{ position: relative;}
.tit-area .right{ position: absolute; top: 0; right: 0;}

.scroll-bx{ border: #ccc 1px solid; padding: 1rem; overflow-y: auto; height: 280px;}

.board-view th {background:#f4f5f8; border-bottom:1px solid #d9d9d9; padding:14px 5px 14px 20px; text-align:left; font-weight: 300; color:#262626;}

p.scroll {display:none; }
.tbl-scroll{ position: relative;}


@media screen and (min-width:641px) and (max-width:1023px){ 
    .sub-tab .inBx{ width: 100%;}
    
    .con-tab{ margin-bottom: 3rem;}
    .con-tab .inBx{ width: 100%; display: block;}
    .con-tab.nn2 .inBx .itm{ width: 48.5%; }
    
    .contents{ padding: 3rem 4.5vw 5rem;}
    
    table.data .gloAbo02w01{ width: 14%;}
    table.data .gloAbo02w02{ width: 16%;}
    table.data .gloAbo02w03{ width: 14%;}
    table.data .gloAbo02w04{ width: 28%;}
    
    table.list .noti-c01{ width: 80px;}
    table.list .noti-c03{ width: 120px;}
    table.list .noti-c04{ width: 100px;}
    table.list .noti-c05{ width: 100px;}

    .tbl-scroll{ width: 100%; overflow-x: auto;}
}

@media screen and (max-width:768px){
    .sub-tab .inBx .itm{ width: auto !important;}
    .sub-tab .inBx .itm a{ padding: 0 1.5rem; white-space: nowrap;}
    .sub-tab .inBx .itm a::after{ height: 2px;}
    
	.con-tab.nn5 .itm,
    .con-tab.nn6 .itm,
    .con-tab .itm{ width: 32.33%; margin-bottom: .5rem;}
    .con-tab .itm + .itm{ margin-left: 1.5%;}
    .con-tab .itm:nth-child(3n+1){ margin-left: 0;}

	.responsive-dim{position: absolute; top: 0; left:0; width:100%; bottom:0;}
	.responsive-dim::after{ content:""; position: absolute; top:50%; left:50%; width:10rem; height:10rem; margin:-5rem 0 0 -5rem; border-radius: 50px; background:rgba(0,0,0,.3) url(../images/tx_scroll.png) 50% 50% no-repeat;  }
}


@media screen and (max-width:640px){
    .sub-vis{ padding-top: 10rem; height: 21rem;}
    .sub-vis .vis-tit .tit{ font-size: 2.7rem; margin: 0 2rem;}
    .sub-vis .vis-tit .prev,
    .sub-vis .vis-tit .next{ width: 2.5rem; height: 2.5rem;}
    .sub-vis .vis-tit .prev::after,
    .sub-vis .vis-tit .next::after{ width: .8rem; height: .8rem; border-width: 2px; margin: -.4rem 0 0 -.4rem;}
    .sub-vis .vis-mn .itm{ padding: 0 .5rem;}
    .sub-vis .vis-mn .itm a{ font-size: 1.3rem;}
    
    .sub-tab .inBx{ width: 100%;}
    .sub-tab .inBx .itm{ width: auto !important;}
    .sub-tab .inBx .itm a{ height: 4rem; line-height: 4rem; font-size: 1.3rem; padding: 0 1.5rem; white-space: nowrap;}
    .sub-tab .inBx .itm a::after{ height: 2px;}
    
    .con-tab{ margin-bottom: 3rem;}
    .con-tab .inBx{ width: 100%; display: block;}
    .con-tab.nn2 .inBx .itm{ width: 48.5%; }
    
    h3.h3-tit{ font-size: 2rem; margin: 0 0 2rem 0;}
    h4.h4-tit{ font-size: 1.8rem; margin: 3rem 0 1rem; padding-left: 1rem;}
    h4.h4-tit::before{ border-right-width: .2rem; height: 1.4rem; top: .8rem;}
    h5.h5-tit{ font-size: 1.5rem; margin: 2rem 0 1rem;}
	h5.h5-tit span{ font-size: 1.3rem;}

	h3.h3-tit span{ display:block;}

	.internet-end {margin-bottom: 20px; top: -5px;}

    .sub-tx{ margin: -2rem 0 2rem; font-size: 1.5rem;}

	.board-view th {padding: 14px 5px 14px 10px;}
    
    .contents{ padding: 3rem 4.5vw 5rem;}
    
    table.data thead th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data tbody th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data tbody td{ padding: 1rem; font-size: 1.3rem; text-align: center;}

	table.data thead th span {display:block;}
    table.data tbody th span {display:block;}
    table.data tbody td span {display:block;}
    
    table.data2 thead th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data2 tbody th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data2 tbody td{ padding: 1rem; font-size: 1.3rem;}

	table.data2 thead th span {display:block;}
    table.data2 tbody th span {display:block;}
    table.data2 tbody td span {display:block;}

	table.data3 thead th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data3 tbody th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data3 tbody td{ padding: 1rem; font-size: 1.3rem; text-align: center;}
	table.data3 span {display:block; margin-left:10px;}
    
    table.data.gloAbo02 colgroup,
    table.data.gloAbo02 thead{ display: none;} 
    table.data.gloAbo02 tr{ display: block; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
    table.data.gloAbo02 tr td{ display: inline-block; border-bottom: none; border-left: none; min-width: 45%; text-align: left;}
    
    div.paging{ margin-top: 3rem;}
    div.paging a, div.paging strong{ margin: .4rem;}
    div.paging .direction.prev{ margin-right: 1rem;}
    div.paging .direction.next{ margin-left: 1rem;}
        
    .tbl-sch::after{ content: ''; display: block ;clear: both;}
    .tbl-sch .select{ width: 30%; float: left; min-width: auto;}
    .tbl-sch .kw{ width: 68%; margin-left: 2%; float: left; min-width: auto;}
    .tbl-sch .sch{ width: 100%; clear: both; margin-top: .5rem;}
    
    table.list.tbl-noti colgroup{ display: none;}
    table.list.tbl-noti thead{ display:none;}
    table.list.tbl-noti tbody{ display: block;}
    table.list.tbl-noti tbody tr{ display: block; border-bottom: #ccc 1px solid; width: 100%; padding: .5rem 1rem; }
    table.list.tbl-noti tbody tr:nth-child(even){ background-color: #f7f7f7;}
    table.list.tbl-noti tbody td{ border-bottom: none; display: block; padding: .5rem 0; text-align: left;}
    table.list.tbl-noti .num{ display: none;}
    table.list.tbl-noti .subject{ display: block; width: 100%;}
    table.list.tbl-noti .name{ width: 30%;}
    table.list.tbl-noti .date{ width: 30%;}
    table.list.tbl-noti .click{ width: 30%;}

	table.list2.tbl-noti colgroup{ display: none;}
    table.list2.tbl-noti thead{ display:none;}
    table.list2.tbl-noti tbody{ display: block;}
    table.list2.tbl-noti tbody tr{ display: block; border-bottom: #ccc 1px solid; width: 100%; padding: .5rem 1rem; }
    table.list2.tbl-noti tbody tr:nth-child(even){ background-color: #f7f7f7;}
    table.list2.tbl-noti tbody td{ border-bottom: none; padding: .5rem 0; text-align: left;}
    table.list2.tbl-noti .num{ display: none;}
    table.list2.tbl-noti .subject{ display: block; width: 100%;}
    table.list2.tbl-noti .name{ width: 30%;}
    table.list2.tbl-noti .date{ width: 30%;}
    table.list2.tbl-noti .click{ width: 30%;}

    .tbl-scroll{ width: 100%; overflow-x: auto;}

	/*div.touch {display: block; top: 50px; left: 50%; z-index: 10; width: 70px; height: 70px;}*/

	p.scroll {display:none; text-align: center;}
    
    .tbl-view .hd{ padding: 1rem 0;}
    .tbl-view .hd .tit{ font-size: 1.6rem;}
    .tbl-view .hd .date{ margin-top: 1rem;}
    .tbl-view .hd .date span + span{ padding-left: 1rem; margin-left: 1rem;}
    .tbl-view .bd{ padding: 2rem 0;}
    
	.con-tab.nn5 .itm,
    .con-tab.nn6 .itm,
    .con-tab .itm{ width: 49%; margin-bottom: .5rem;}
    .con-tab .itm + .itm{ margin-left: 2%;}
    .con-tab .itm:nth-child(2n+1){ margin-left: 0;}
    .con-tab .itm > a{ height: 34px; line-height: 34px; font-size: 1.3rem;}
    .con-tab .itm.sel > a i{ position: relative; width: 10px; height: 10px; display: inline-block; vertical-align:.2rem; background-color: #fff;}
    .con-tab .itm.sel > a i::after{ border-color:#333;}
    .con-tab .itm.sel.active > a i::after{ border-color:#333;}
    .con-tab .itm.sel > ul{ top: 34px;}
    .con-tab .itm.sel > ul li > a{ padding-left: 0;}
    .con-tab .itm.sel > ul li > a::before{ display: none;}
    .con-tab .itm.sel > ul li.active > a{ color: #00baed;}
    
    ul.ul-list01 span {display: block; margin-left: 10px;}
    ul.ul-list01 > li + li{ margin-top: 0.6rem;}
    ul.ul-list01 > li p{ padding-left: 1rem;}
	ul.ul-list01 .pcbr{display:inline; margin-left:0px}
	span.pcbr{display:inline;}

	ul.ul-list01 .d02 {margin-left: 0px;}

	table.data3 tbody td span{display:block; margin-left:10px}
	
    .faq-wr dt{ padding: 1rem 4rem 1rem 3rem; font-size: 1.3rem;}
    .faq-wr dt i{ position: absolute; top: 1rem; left: 1rem;}
    .faq-wr dt::after{ width: 1rem; height: 1rem; margin-top: -.5rem; right: 1rem;}
    .faq-wr dt.active::after{ margin-top: -.2rem;}
    .faq-wr dd{ padding: 1rem 4rem 1rem 3rem;}
    .faq-wr dd i{ position: absolute; top:1.8rem; left: 1rem; font-size:1.3rem;}
    
    .tit-area { margin-bottom: 2rem;}
    .tit-area .right{ position: relative; right: auto;}
    
    .scroll-bx{height: 14rem;}
	.desc-lg {font-size:1.3rem;}
	ul.ul-list01 .flyBt {position: inherit; margin-top:2rem;}

	ul.ul-list002 { text-align: left; padding-left: 0px;}

    
}

@media screen and (min-width:768px) and (max-width:1110px){

    .con-tab .itm{ margin-bottom: 10px;}


}



/*search*/
.box {table-layout: fixed;  width: 100%; border-top: #000 2px solid;}
.box ul.search_list {}
.box ul.search_list li {vertical-align: middle; padding: 30px; border-bottom: #ccc 1px solid;}
.box ul.search_list li a {background-color: #fff; padding: 0px 20px; text-align: center; color: #333; font-weight: 400;}
.box ul.search_list li a:hover {color:#14abd9; font-weight: 500;}



/* global */
.abo01-wr .thumb{ position: relative; }
.abo01-wr .thumb .tx01{ margin-top: 25px;}
.abo01-wr .thumb .desc{ position: absolute; top: 250px; right: 0; width: 445px; height: 220px; padding: 40px /* 50px */; background-color: #007680; border-radius: 30px 0 30px 0; box-shadow: -5px -5px 10px rgba(0,0,0,.2); color: #fff;}
.abo01-wr .thumb .desc dt{ font-size: 26px; padding-bottom: 30px; position: relative;}
.abo01-wr .thumb .desc dt::after{content: ''; position: absolute; bottom: 0; left: 0;  background-color: #cce4e6; height: 2px; width: 50px; display: block;}
.abo01-wr .thumb .desc dd{ margin-top: 25px; font-size: 17px; word-break: keep-all;}
/*.abo01-wr .thumb .desc dd span{ display: inline-block;  font-size: 17px;}*/
.abo01-wr .tx01{ line-height: 1.8;/* letter-spacing: -.05em;*/}
.abo01-wr .tx01 strong{font-size: 25px; display: inline-block; color: #101010; max-width:580px; line-height:2.5rem;}
.abo01-wr .tx01 span{ display: block;}

.abo01-wr .grey_box {display: flex; flex-direction: row; align-items: center; background: #f7f7f7; border-radius: 20px; padding: 30px; position: relative;}
.abo01-wr .grey_box img {width: 150px; border-radius: 20px;}
.abo01-wr .grey_box .about_email {margin-left: 60px; font-size: 20px; color:#333;}
.abo01-wr .grey_box .about_email .cGreen {display: block; position: relative; margin-top: 25px; font-size: 16px;}
.abo01-wr .grey_box .about_email .cGreen:before { content: ''; display: block; width: 70px; height: 1px; background: #999; position: absolute; top: -15px; }
.abo01-wr .grey_box .sns_ico {position: absolute; right: 60px;}
.abo01-wr .grey_box .sns_ico a{display: inline-block; width: 50px; height: 50px; background: url(../images/insta_ico.png);;}
.abo01-wr .grey_box .sns_ico a + a{margin-left:20px;   background: url(../images/youtube_ico.png);}


.glo-state{ max-width: 1100px; margin: 0 auto;}
.glo-state .map{ margin-bottom: 110px;}

.map-wr .map-tx li{ display: table; width: 100%; table-layout: fixed;}
.map-wr .map-tx li strong{ display: table-cell; width: 48px; vertical-align: top; color: #111; font-weight: 400;}
.map-wr .map-tx li span{ display: table-cell;}
.map-wr .map-tx li + li{ margin-top: 30px;}
.map-wr .map{ width:100%; height: 550px; border-radius:20px 0 20px 0;}

.map-wr .map2-tx li{ display: table; width: 100%; table-layout: fixed;}
.map-wr .map2-tx li strong{ display: table-cell; width: 48px; vertical-align: top; color: #111; font-weight: 400;}
.map-wr .map2-tx li span{ display: table-cell;}
.map-wr .map2-tx li + li{ margin-top: 30px;}
.map-wr .map2{ width:100%; border-radius:20px 0 20px 0;}

.stu0103-tx01{ margin-left: -1%;}
.stu0103-tx01::after{ content: ''; display: block; clear: both;}
.stu0103-tx01 li{ float: left; width: 19%; margin-left: 1%;}

@media screen and (min-width:641px) and (max-width:1023px){ 
    .abo01-wr .thumb .desc{ position: relative; top: auto; margin-top: -5rem; padding: 2rem; border-radius: 1rem 0 1rem 0; width: 60vw; height: auto; float: right;}
    .abo01-wr .thumb .desc dt{ font-size: 1.5rem; padding-bottom: .6rem;}
    .abo01-wr .thumb .desc dd{ margin-top: 1rem;}
    .abo01-wr .tx01{ clear: both;}
}

@media screen and (max-width:960px){
	.abo01-wr .grey_box { align-items: flex-start;}
	.abo01-wr .grey_box .about_email {margin-top: 20px;}
	.abo01-wr .grey_box .about_email .cGreen { margin-top: 15px;}
	.abo01-wr .grey_box .about_email .cGreen:before { top: -8px;}
	.abo01-wr .grey_box .sns_ico { position: absolute; left: 240px; bottom: 30px;}
	.abo01-wr .grey_box .sns_ico a,
	.abo01-wr .grey_box .sns_ico a + a{ width: 40px; height: 40px; background-size: 40px;}

}

@media screen and (max-width:780px){
	.abo01-wr .grey_box { height: auto; flex-direction: column;}
	.abo01-wr .grey_box .about_email { margin-left: 0;}
	.abo01-wr .grey_box .about_email .cGreen { margin-top: 15px;}
	.abo01-wr .grey_box .about_email .cGreen:before { top: -8px;}
	.abo01-wr .grey_box .sns_ico {top: 135px; left: 200px; bottom: auto;}

}

@media screen and (max-width:640px){
    .abo01-wr .thumb .desc{ position: relative; top: auto; margin-top: -2rem; padding: 2rem; margin-bottom: 2rem; border-radius: 1rem 0 1rem 0; width: 80vw; height: auto; float: right;}
    .abo01-wr .thumb .desc dt{ font-size: 1.6rem; padding-bottom: .6rem;}
    .abo01-wr .thumb .desc dd{ margin-top: 1rem; }
    .abo01-wr .thumb .desc dd span{font-size: 1.3rem; }
    .abo01-wr .tx01{ clear: both;}
    .abo01-wr .tx01 span{ display: inline;}
    .abo01-wr .tx01 strong{ font-size: 1.6rem;}

	.abo01-wr .grey_box { height: auto; flex-direction: column; align-items: flex-start;}
	.abo01-wr .grey_box img {width: 120px;}
	.abo01-wr .grey_box .about_email{font-size: 16px; font-weight: 500; word-break: keep-all;}
	.abo01-wr .grey_box .about_email .cGreen { margin-top: 20px; font-size: 13px;}
	.abo01-wr .grey_box .sns_ico {top: 105px; left: 170px; bottom: auto;}
    
    .glo-state .map{ margin-bottom: 2rem;}
    
    .tbl-sch{ margin-bottom: 2rem;}
    
    
    .map-wr .map-tx li + li{ margin-top: 1rem;}
    
    .stu0103-tx01 li{ float: left; width: 49%; margin-left: 1%; margin-bottom: 2rem;}
	.map-wr .map{ width:100%; height: 350px; border-radius:20px 0 20px 0;}
}

@media screen and (max-width:370px){

	.abo01-wr .grey_box .sns_ico { top: 0; left: 0; position: relative; margin-top: 20px; }
}

/* stu */
.mob_view{display:none;}
.stu01-wr{ padding: 0;}
.stu01-wr .btHome{ display: inline-block; color: #00677e; font-weight: bold;}
.stu01-wr .btHome::after{ content: ''; display: inline-block; width: 18px; height: 8px; background: url(../images/ic_arr_b.png); margin-left: 1rem; vertical-align:4px;}

.stu-bt{ margin-left: -1%;}
.stu-bt::after{ content: ''; display: block; clear: both;}
.stu-bt > a.grey{ background-color: #79797c;}
.stu-bt > a{ position: relative;  display: block ;width: 24%; margin-left: 1%; float: left; padding: 25px 58px 25px 20px; background-color: #3a3b3f; color: #fff;}
.stu-bt > a.blue{ background-color: #19b3de;}
.stu-bt > a.green{ background-color: #007680;}
.stu-bt > a::before{ content: ''; display: block; width: 37px; height: 37px; background: url(../images/ic_down.png) 50% 50% no-repeat; position: absolute; top: 50%; right: 10px; margin-top: -18px; display: block;}
.stu-bt > a span{ display: inline-block;}

div.stu0102 {display: block; width: 1100px; height: 350px; background:url(../images/stu0102_img01.png);}
div.short0102-1 {display: block; width: 1100px; height: 300px; background:url(../images/short01_img02_1.png);}
div.short0102-2 {display: block; width: 1100px; height: 450px; background:url(../images/short01_img02.png);}
div.short0202-1 {display: block; width: 1100px; height: 300px; background:url(../images/short0202_img01.png);}
div.short0202-2 {display: block; width: 1100px; height: 450px; background:url(../images/short02_img02.png);}

.kor07{font-family: 'Noto Sans';}

.kor07-btz{ margin-top: 50px; margin-left: -1%;}
.kor07-btz::after{ content: ''; display: block; clear: both;}
.kor07-btz a{ width: 32%; float: left; margin-left: 1%;  color: #fff; background-color: #3a3b3f; padding: 0 3rem 0 1.4rem; line-height: 100px; height: 100px; background-image: url(../images/ic_down.png); background-position: calc(100% - 1rem) 50%; background-repeat: no-repeat;}
.kor07-btz a em{font-size:0.85rem;}
.kor07-btz a.duble{ line-height: 1.2; padding-top:20px; }
.kor07-btz a.one{ line-height: 1.2; padding-top:30px; }
.kor07-btz a.one2{ line-height: 1.2; padding-top:12px; }
.kor07-btz a.treble{ line-height: 1.2; padding-top:20px; }
.kor07-btz a.blue{ background-color: #19b3de;}
.kor07-btz a.green{ background-color: #007580;}
.kor07-btz a.grey{ background-color: #79797c;}

@media screen and (min-width:641px) and (max-width:1023px){ 
    .stu01-wr{ padding: 0;}
    .stu-bt > a{ width: 49%; margin-left: 1%; margin-bottom: .5rem;}
	.kor07-btz{display: flex; flex-direction: column;}
	.kor07-btz a {width: 100%; margin-bottom:10px;}
}

@media screen and (max-width:640px){
	.pc_view{display:none;}
	.mob_view{display:block;}
    .stu01-wr{ padding: 0;}
    
    .stu-bt > a{ width: 100%; margin-left: 1%;}
    .stu-bt > a + a{ margin-top: .5rem;}

	div.stu0102 {display: block; width: 340px; height: 270px; background:url(../images/stu0102_img01_2.png); background-size: 340px;margin:0 auto;}
	div.short0102-1 {display: block;width: 340px; height: 345px; background:url(../images/short01_img02_1m.png); background-size: 340px; margin:0 auto;}
	div.short0102-2 {display: block; width: 340px; height: 400px; background:url(../images/short01_img02_2.png); background-size: 340px;margin:0 auto;}
	div.short0202-1 {display: block; width: 340px; height: 345px; background:url(../images/short0202_img01m.png); background-size: 340px;margin:0 auto;}
	div.short0202-2 {display: block; width: 340px; height: 400px; background:url(../images/short02_img02m.png); background-size: 340px;margin:0 auto;}
	
	.kor07-btz{margin-top: 30px; display: flex; flex-direction: column;}
	.kor07-btz a {width: 100%; height: 80px; margin-bottom:10px;}
	.kor07-btz a.one {padding-top: 25px;} 
}

/* edueng */
.schedule-bx::after{ content: ''; display: block; clear: both;}
.schedule-bx .dv-cal{ float: left; width: 770px;}
.schedule-bx .dv-cal .hd{ height: 80px; text-align: center;}
.schedule-bx .dv-cal .hd .prev{ position: relative; width: 36px; height: 36px; border: #b8b8b8 1px solid; border-radius: 50%; display: inline-block; vertical-align: middle;}
.schedule-bx .dv-cal .hd .prev span{ position: absolute; top: -9999px; left: -9999px;}
.schedule-bx .dv-cal .hd .prev::after{ content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-top: #666 2px solid; border-right: #666 2px solid; margin: -5px 0 0 -5px; transform: rotate(-135deg);}
.schedule-bx .dv-cal .hd .next{ position: relative; width: 36px; height: 36px; border: #b8b8b8 1px solid; border-radius: 50%; display: inline-block; vertical-align: middle;}
.schedule-bx .dv-cal .hd .next span{ position: absolute; top: -9999px; left: -9999px;}
.schedule-bx .dv-cal .hd .next::after{ content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-top: #666 2px solid; border-right: #666 2px solid; margin: -5px 0 0 -5px; transform: rotate(45deg);}
.schedule-bx .dv-cal .hd .tit{ color: #333; font-size: 30px; display: inline-block; margin: 0 60px; vertical-align: middle;}
.schedule-bx .dv-cal table{ }
.schedule-bx .dv-cal table thead th{ background-color: #007a85; color: #fff; text-align: center; padding: 0; font-size: 18px; height: 50px; line-height: 50px; border-left: #66a3a9 1px solid; width:14.28%; }
.schedule-bx .dv-cal table tbody td{ border-bottom: #f2f2f2 1px solid; border-left: #e5e5e5 1px solid; vertical-align: top;}
.schedule-bx .dv-cal table tbody td:first-child{border-left: #ccc 1px solid;}
.schedule-bx .dv-cal table tbody td:last-child{border-right: #ccc 1px solid;}
.schedule-bx .dv-cal table tbody tr:last-child td{border-bottom: #ccc 1px solid;}
.schedule-bx .dv-cal table tbody td .bx{ position: relative; padding: 4px 0 0; height: 120px; }
.schedule-bx .dv-cal table tbody td .day{ padding: 0 15px;}
.schedule-bx .dv-cal table tbody td .day span{ width: 34px; height: 34px; display: block; border-radius: 50%; line-height: 34px; text-align: center;}
.schedule-bx .dv-cal table tbody td.today .day span{ background-color: #e5f1f3;}
.schedule-bx .dv-cal table tbody td.sun .day span{ color: #cc0000;}
.schedule-bx .dv-cal table tbody td.sat .day span{ color: #000099;}
.schedule-bx .dv-cal table tbody td .itm{ border-top: #dedede 1px solid; border-bottom: #dedede 1px solid; background-color: #f6f6f7; height: 20px; line-height: 20px; text-align: center; display: block; position: absolute; left: 0; width: 100%; color: #999; font-size: 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.schedule-bx .dv-cal table tbody td .itm.l01{ top: 40px;}
.schedule-bx .dv-cal table tbody td .itm.l02{ top: 65px;}
.schedule-bx .dv-cal table tbody td .itm.l03{ top: 90px;}
.schedule-bx .dv-desc{ float: right; width: 370px; border: #ccc 1px solid; height: 560px; margin-top: 160px; border-top: #000 1px solid;}
.schedule-bx .dv-desc .hd{ text-align: center; color: #007a85; font-size: 18px; height: 80px; line-height: 80px;}
.schedule-bx .dv-desc ul{ margin-top: 20px; padding: 0 30px;}
.schedule-bx .dv-desc ul li{ color: #333;}
.schedule-bx .dv-desc ul li .data{ color: #999; }
.schedule-bx .dv-desc ul li + li{ margin-top: 1rem;}

/*.rows-bx{ margin-left: -2%;}*/
.rows-bx::after{ content: ''; display: block; clear: both;}
.rows-bx .col-5{ width: 48%; margin-bottom: 2rem; margin-right: 2%;}
.rows-bx .col-6{ width: 48%; float: left; margin-bottom: 2rem; margin-right: 2%;}
.rows-bx .col-7{ width: 48%; float: left;  margin-bottom: 2rem; margin-left: 2%;}
/*.rows-bx .col-6 .thumb{ margin-top: 2rem;}*/

.desc-lg{ color: #333; line-height: 1.8; }

.schu-bx{ position: relative; padding: .4rem 0 0 40px; vertical-align: top; letter-spacing: -.05em;}
.schu-bx .day{ position: absolute; top:0; left: 0;}
.schu-bx ul li + li{ margin-top: 2rem;}

.camp-bx::after{ content: ''; display: block; clear: both;}
.camp-bx .dv-l{ float: left; width: 470px;}
.camp-bx .dv-l .thumb img + img{ margin-top: 1rem;}
.camp-bx .dv-l .desc{ margin-top: 30px;}
.camp-bx .dv-r{ float: right; width: 550px;}
.camp-bx .btz{ margin-top: 1rem;}
.camp-bx .btz::after{ content: ''; display: block; clear: both;}
.camp-bx .btz a{ float: left; width: 32.3%;}
.camp-bx .btz a + a{ margin-left: 1.5%;}

.weekend01-tx01{ background-color: #f0f0f0; background-image: url(../images/ic_speaker.png); background-position: 45px 50%; background-repeat: no-repeat; padding: 40px 30px 40px 150px; border-radius: 30px 0 30px 0; color: #333;}
.weekend01-tx01 .pcbr{display:block}

.btn.green1{ color: #fff; background-color: #007680; border-color: #007680; background-image: url(../images/ic_down2.png); background-position: calc(100% - 20px) 30%; background-repeat: no-repeat; padding: 0px 110px 0px 45px; text-align: left;}
.r{ text-align: right !important;}

.camp01-tx01 > li{ display:table; width:100%; table-layout:fixed; background-color:#f5f6f9; border-radius:10px; padding:20px 30px;}
.camp01-tx01 > li + li{ margin-top:10px;}
.camp01-tx01 > li > *{ display:table-cell; vertical-align:middle; }
.camp01-tx01 > li > i{ width:180px; text-align:center; }
.camp01-tx01 > li > h5{ color:#000; font-size:18px; width:190px;}

.bus {display:none;}
/*.level {display:none;}*/

@media screen and (min-width:641px) and (max-width:1023px){ 
    .schedule-bx .dv-cal .hd{ height: auto; margin-bottom: 2rem; }
    .schedule-bx .dv-cal{ float: none; width: 100%;}
    .schedule-bx .dv-desc{ margin-top: 3rem; width: 100%; float: none; height: auto; padding-bottom: 3rem;}
    
    .rows-bx{ margin-left: 0;}
    .rows-bx .col-5{ width: 100%; margin-left: 0;}
	.rows-bx .col-6{ width: 100%; margin-left: 0;}
    
    .camp-bx .dv-l,
    .camp-bx .dv-r{ width: 100%; float: none;}
    .camp-bx .dv-r{ margin-top: 3rem;}
    
}
@media screen and (max-width:1023px){
	/* 2024-02-16 */
	.abo01-wr .tx01 strong {max-width: none;}
}
@media screen and (max-width:640px){
    .schedule-bx .dv-cal .hd{ height: auto; margin-bottom: 2rem; }
    .schedule-bx .dv-cal .hd .tit{ font-size: 1.6rem; margin: 0 3rem;}
    .schedule-bx .dv-cal .hd .prev,
    .schedule-bx .dv-cal .hd .next{ width: 2.4rem; height: 2.4rem;}
    .schedule-bx .dv-cal .hd .prev::after,
    .schedule-bx .dv-cal .hd .next::after{ width: .6rem; height: .6rem; margin: -.3rem 0 0 -.3rem;}
    .schedule-bx .dv-cal{ float: none; width: 100%;}
    .schedule-bx .dv-cal table thead th{ font-size: 1.3rem; height: 3rem; line-height: 3rem;}
    .schedule-bx .dv-cal table tbody td .day{ padding: 0 .5rem;}
    .schedule-bx .dv-cal table tbody td .day span{ font-size: 1.1rem; width: 2rem; height: 2rem; line-height: 2rem;}
    .schedule-bx .dv-desc{ margin-top: 3rem; width: 100%; float: none; height: auto; padding-bottom: 3rem;}
    .schedule-bx .dv-desc .hd{ height: 4rem; line-height: 4rem;}
    
    .rows-bx{ margin-left: 0;}
	.rows-bx .col-5{ width: 100%; margin-left: 0;}
    .rows-bx .col-6{ width: 100%; margin-left: 0;}
	.rows-bx .col-7{ width: 100%; margin-left: 0;}
    
    .camp-bx .dv-l,
    .camp-bx .dv-r{ width: 100%; float: none;}
    .camp-bx .dv-r{ margin-top: 3rem;}
    
    .weekend01-tx01{ padding: 2rem 2rem 2rem 8rem; background-size: 3rem auto; background-position: 2rem 50%;}
    .weekend01-tx01 span{display: block;}
	.weekend01-tx01 .pcbr {display:inline; !important}


	.btn.green1{background-position: calc(100% - 1rem) 30%; padding: 0px 70px 0px 40px;}
	.r{ text-align: left !important;}

	.camp01-tx01 > li{ display:block;}
	.camp01-tx01 > li > *{ display:block; }
	.camp01-tx01 > li > i{ width:100%;}
	.camp01-tx01 > li > h5{ text-align:center; width:100%; margin:0 0 1rem 0; }

	.c {display:none;}
	.bus {display:block;}
	.level{display:block;}
}

/* edukor */
.abo01-wr .thumb::after{ content: ''; display: block; clear: both;}

.edukor01-tx01{ position: relative;}
.edukor01-tx01::after{ content: ''; position: absolute; top: 40px; right: 54px; display:  block; width: 73px; height: 60px; background: url(../images/ic_edukor01.png) 50% 50% no-repeat;}
.edukor01-tx01 .btn{ position: absolute; top: 126px; right: 20px; height: 40px; line-height: 40px; padding: 0; width: 130px; min-width: auto; border:none; }
.edukor06-tx01{ position: relative;}
.edukor06-tx01 .btn{ position: absolute; top: 40px; right: 20px; height: 40px; line-height: 40px; padding: 0; width: 150px; min-width: auto; display: block;}
.edukor06-tx01 .btn2{ position: absolute; top: 90px; right: 20px; height: 40px; line-height: 40px; padding: 0; width: 180px; min-width: auto; display: block;}
.edukor06-tx01 .btn3{ position: absolute; top: 40px; right: 20px; height: 40px; line-height: 40px; padding: 0; width: 180px; min-width: auto; display: block;}

.abo01-wr.edukor01-tx01::after{ content: ''; position: absolute; top: 40px; right: 54px; display:  none; width: 73px; height: 60px; background: url(../images/ic_edukor01.png) 50% 50% no-repeat;}

.edukor03-bx01{ display: table; width: 100%; table-layout: fixed;}
.edukor03-bx01 + .edukor03-bx01{ margin-top: 130px;}
.edukor03-bx01 .thumb{ display: table-cell; vertical-align: top; width: 480px; text-align: center;}
.edukor03-bx01 .desc{ display: table-cell; padding-left: 70px;}
.edukor03-bx01 .desc .tit{ border-bottom: #e5e5e5 1px solid; padding-bottom: 20px; margin-bottom: 30px;}
.edukor03-bx01 .desc .tit h4{ display: inline-block; font-size: 20px; color: #000;}
.edukor03-bx01 .desc .tit span{ display: inline-block; float: right;}
.edukor03-bx01 .desc .tx01{ font-size: 18px; color: #333; font-weight: 600;}
.edukor03-bx01 .desc .ul-list01{ margin-top: 30px;}
.edukor03-bx01 .desc .btn-box{ margin-top: 30px;}
.edukor03-bx01 .desc .btn-box a{ display: block; width: 49%; float: left; font-weight: 600; background-color: #aad047; background-image: url(../images/ic_down.png); background-position: calc(100% - 30px) 50%; background-repeat: no-repeat; padding: 15px 30px; text-align: left; color: #fff;}
.edukor03-bx01 .desc .btn-box a + a{ margin-left: 2%;}
.edukor03-bx01 .desc .btn-box a.gray{ background-color: #3a3b3f;}

.thumb-lst{ margin-top: 30px;}
.thumb-lst::after{ content: ''; display: block; clear: both;}
.thumb-lst.n3{ margin-left: -1%;}
.thumb-lst.n3 li{ float: left; width: 32.3%; margin-left: 1%;}

.edu05-slide{ position: relative; margin-top: 30px; max-width: 1200px; overflow: hidden;}
.edu05-slide img{ width: 100%;}
.edu05-slide .prev{ position: absolute; display: block; top: 50%; left: 0; background-color: rgba(0,0,0,.5); width: 50px; height: 50px; margin-top: -25px; z-index: 3;}
.edu05-slide .next{ position: absolute; display: block; top: 50%; right: 0; background-color: rgba(0,0,0,.5); width: 50px; height: 50px; margin-top: -25px; z-index: 3;}
.edu05-slide .prev::after{ content: ''; display: block; width: 1rem; height: 1rem; border-top: #fff 2px solid; border-right: #fff 2px solid; transform: rotate(-135deg); position: absolute; top: 50%; left: 50%; margin: -.5rem 0 0 -.3rem;}
.edu05-slide .next::after{ content: ''; display: block; width: 1rem; height: 1rem; border-top: #fff 2px solid; border-right: #fff 2px solid; transform: rotate(45deg); position: absolute; top: 50%; left: 50%; margin: -.5rem 0 0 -.5rem;}

@media screen and (min-width:641px) and (max-width:1023px){ 
    .edukor01-tx01::after{ display: none;}
    .edukor01-tx01 .btn{ position: relative; top: auto; right: auto; margin-top: 1rem;} 
    
    .edukor03-bx01{ display: block;}
    .edukor03-bx01 + .edukor03-bx01{ margin-top: 5rem;}
    .edukor03-bx01 .thumb{ display: block; width: 100%; }
    .edukor03-bx01 .desc{ display: block; padding: 2rem 0 0 0;}
    .edukor03-bx01 .desc .ul-list01{ margin-top: 1rem;}
    .edukor06-tx01 .btn{ position: relative; top: auto; right: auto; margin-top: 2rem;}
	.edukor06-tx01 .btn2{ position: relative; top: auto; right: auto; margin-top: 2rem;}
	.edukor06-tx01 .btn3{ position: relative; top: auto; right: auto; margin-top: 2rem;}
}

@media screen and (max-width:640px){
    .edukor01-tx01::after{ display: none;}
	.edukor01-tx01 .btn {display: block; position: relative; top: auto; right: auto; margin-top: 20px;}
    .edukor06-tx01 .btn{ position: relative; top: auto; right: auto; margin-top: 2rem; float:right;}
	.edukor06-tx01 .btn2{ position: relative; top: auto; right: auto; margin-top: 1rem; float:right;}
	.edukor06-tx01 .btn3{ position: relative; top: auto; right: auto; margin-top: 2rem; float:right;}
    
    .edukor03-bx01{ display: block;}
    .edukor03-bx01 + .edukor03-bx01{ margin-top: 5rem;}
    .edukor03-bx01 .thumb{ display: block; width: 100%; }
    .edukor03-bx01 .desc{ display: block; padding: 2rem 0 0 0;}
    .edukor03-bx01 .desc .tit{ padding-bottom: 1rem; margin-bottom: 2rem;}
    .edukor03-bx01 .desc .tit h4{ font-size: 1.6rem;}
    .edukor03-bx01 .desc .tit span{ float: none; }
    .edukor03-bx01 .desc .tx01{ font-size: 1.3rem;}
    .edukor03-bx01 .desc .ul-list01{ margin-top: 1rem;}
    .edukor03-bx01 .desc .btn-box a{ display: block; width: 100%;}
    .edukor03-bx01 .desc .btn-box a + a{ margin: 1rem 0 0 0;}
}

@media screen and (max-width:450px){
	.abo01-wr.edukor01-tx01 .btn {display: block; position: relative; height: 30px; line-height: 30px; width: 100px; top: auto; right: auto; margin-top: 20px; font-size: 12px;}
	.abo01-wr .thumb .desc dd span { word-break: keep-all; /*margin-right: 120px;*/ }
	.abo01-wr .thumb .desc dd span br{display:none;}
}

@media screen and (max-width:300px){
	.abo01-wr .thumb .desc dd span { word-break: keep-all; margin-right: 0; }
	.abo01-wr.edukor01-tx01 .btn { top: 0; position: relative; margin-top: 10px; right: 0; }

}


/* guide */
.guide01-btz{ margin-top: 50px; margin-left: -1%;}
.guide01-btz::after,
.guide03-btz::after{ content: ''; display: block; clear: both;}
.guide01-btz a{ width: 24%; float: left; margin-left: 1%;  color: #fff; background-color: #3a3b3f; padding: 0 3rem 0 1.4rem; line-height: 100px; height: 100px; background-image: url(../images/ic_down.png); background-position: calc(100% - 1rem) 50%; background-repeat: no-repeat;}
.guide01-btz a.duble{ line-height: 1.2; padding-top:20px; }
.guide01-btz a.one{ line-height: 1.2; padding-top:30px; }
.guide01-btz a.one2{ line-height: 1.2; padding-top:12px; }
.guide01-btz a.treble{ line-height: 1.2; padding-top:20px; }
.guide01-btz a.blue{ background-color: #19b3de;}
.guide01-btz a.green{ background-color: #007580;}
.guide01-btz a.grey{ background-color: #79797c;}

.guide03-btz{ margin-top: 50px; text-align: center;}
.guide03-btz a{ width: 40%; display: inline-block; margin-left: 1%;  color: #fff; text-align: left; background-color: #3a3b3f; padding: 0 4rem 0 1.4rem; line-height: 100px; height: 100px;  background-image: url(../images/ic_down.png); background-position: calc(100% - 1rem) 50%; background-repeat: no-repeat;}
.guide03-btz a.green{ background-color: #007580;}
.guide03-btz a.duble{ line-height: 1.2; padding-top:20px; }
.guide03-btz a.one{ line-height: 1.2; padding-top:30px; }

.guide01-btz a span,
.guide03-btz a span{ color:#ffcc66;}
.guide01-btz a.green span,
.guide03-btz a.green span{ color:#ffff00;}

.guide00-tx01{ margin:0 0 0 -55px;}
.guide00-tx01::after{ content:""; display:block; clear:both; }
.guide00-tx01 > li{ float:left; width:330px; margin:0 0 50px 55px;}
.guide00-tx01 > li a{ display:block; padding:50px 40px 0; height:350px; text-align:center;  background-color:#f3f4f8;  border-radius:10px;}
.guide00-tx01 > li i{ display:block; }
.guide00-tx01 > li b{ display:block; font-size:28px; margin:20px 0 15px;}
/*.guide00-tx01 > li span{ display:block; font-size:18px; color:#666;}
.guide00-tx01 > li span::after{ content:""; display:block; width:44px; height:10px; background:url(../images/ic_arr3.png); margin:20px auto 0;}*/

.guide00-tx01 > li p{ display:block; font-size:18px; color:#666;}
.guide00-tx01 > li p::after{ content:""; display:block; width:44px; height:10px; background:url(../images/ic_arr3.png); margin:20px auto 0;}

/* 캠퍼스맵/VR투어 */
.btn4 { display: table; table-layout: fixed; width: 1000px; margin-top: 2rem; }
.btn4 > div { display: table-cell; width: 50%; padding: 20px; }
.btn4 > div p { position: relative; font-size: 24px; color: white; padding-bottom: 10px; text-align: center; }
.lang_btn { background: #007580; }
.lang_btn > div { margin-top: .5rem; text-align: center; }
/* .lang_btn .btn2 { margin-left: 9%; } */
.btn4 .vr_btn { background: white url(../images/guide06_ic_vr.png) 370px center no-repeat; border: 2px solid #007580; text-align: center; }
.btn4 .vr_btn p { /* text-align: left !important; margin-left: 40px; */ color: #007580;}
.btn4 .vr_btn .vr{ margin-top: .5rem; }
.btn4 .vr_btn .btn5 { min-width: 220px; padding: 0 30px; display: inline-block; vertical-align: middle; line-height: 48px; /* margin-left: 18%; */
	letter-spacing: -0.05em; white-space: nowrap; height: 50px; color: white; text-align: center; background-color: #007580; border-radius: 30px; margin-top: .5rem; }
.btn4 .vr_btn .btn5 .link { display: inline-block; width: 19px; height: 19px; margin-left: 1rem; background:url(../images/ic_link_w.png) no-repeat; vertical-align: sub; }


@media screen and (min-width:641px) and (max-width:1023px){ 
    .guide01-btz{ margin: 1rem 0 0 -1%;}
    .guide01-btz a{ width: 49%; margin-bottom: 1rem;}
    
    .guide03-btz{ margin: 1rem 0 0 -1%;}
    .guide03-btz a{ width: 49%; margin-bottom: 1rem; float: left;}

	.guide00-tx01{ margin:0 0 0 -2%;}
	.guide00-tx01 > li{ margin:0 0 1rem 2%; width:31.3%;}
	.guide00-tx01 > li a{ height:380px; padding:30px 10px;}

	.btn4 { width: 100%; }
	.btn4 > div { width: 100%; display: block; }
	.btn4 .lang_btn { text-align: center; }
	.btn4 .vr_btn { margin-top: 10px; background-size: 12%; background-position: 80% 50%; }
}

@media screen and (max-width:640px){
    .guide01-btz{ margin: 1rem 0 0 0;}
    .guide01-btz a{ width: 100%; display: block; padding: 2rem 4rem 2rem 1rem; height: auto; }
    .guide01-btz a + a{ margin-top: 1rem;}
    .guide01-btz a.duble {width: 100%; display: block; padding: 2rem 4rem 2rem 1rem; height: auto;}
	.guide01-btz a.one {width: 100%; display: block; padding: 2rem 4rem 2rem 1rem; height: auto;}
	.guide01-btz a.one {line-height: 1.2;}
    .guide03-btz{ margin: 1rem 0 0 0;}
    .guide03-btz a.duble,
    .guide03-btz a{ width: 100%; display: block; padding: 2.5rem 4rem 2.5rem 1rem; height: auto;}
	.guide03-btz a.one {width: 100%; display: block; padding: 3.5rem 4rem 3.5rem 1rem; height: auto;}
	.guide03-btz a.one {line-height: 1.2;}
    .guide03-btz a + a{ margin-top: 1rem;}

	.guide00-tx01{ margin:0 0 0 -2%;}
	.guide00-tx01 > li{ margin:0 0 1rem 2%; width:48%;}
	.guide00-tx01 > li a{ padding:2rem .5rem; height:23rem;}
	.guide00-tx01 > li i img{ width:6rem;}
	.guide00-tx01 > li b{ font-size:1.8rem;}
	/*.guide00-tx01 > li span{ font-size:1.3rem;}*/

	.guide00-tx01 > li p{ font-size:1.3rem;}
	.guide00-tx01 > li span{ display:block;}

	.btn4 { width: 100%; }
	.btn4 > div { width: 100%; display: block; }
	.btn4 > div p { font-size: 1.8rem;}
	.btn4 .lang_btn { text-align: center; }
	.btn4 .vr_btn { background-position: 80% 30%; background-size: 10%; margin-top: 10px; text-align: center;}
	.btn4 .vr_btn p { margin-left: 0; text-align: center !important; }
	.btn4 .vr_btn .btn5 { min-width: 150px; width: 170px; margin-left: auto; }

}

@media screen and (max-width:480px){	
	.btn4 .vr_btn { background-position: 80% 14%; background-size: 12%; }
	.btn4 > div .btn2 { margin-top: .8rem; margin-left: 0; margin-top: 2.5rem;}
}


/* usupport */
.visa01-tx01{ position: relative; margin-top: 1.5rem;}
.visa01-tx01::after{ content: ''; display: block; clear: both;}
.visa01-tx01 li{ position: relative; width: 45%; float: left; background-color: #00baed; color: #fff; text-align: center; padding: 20px 0;}
.visa01-tx01 li:last-child{ float: right;}
.visa01-tx01 li.green{ background-color: #007680;}
.visa01-tx01 li:last-child::before{ content: ''; position: absolute; top: 50%; margin-left: -70px; margin-top: -19px; display: block; width: 38px; height: 38px; background: url(../images/ic_aw.png) 50% 50% no-repeat;}

.visa05-tx01 li{ position: relative; padding-left: 40px;}
.visa05-tx01 li i{ display: inline-block; margin-right: 1rem; width: 24px; height: 24px; position: absolute; top: 0; left: 0;}
.visa05-tx01 li + li{ margin-top: 20px;}

.insur02-tx01{ margin-left: -4%;}
.insur02-tx01::after{ content: ''; display: block; clear: both;}
.insur02-tx01 li{ position: relative; float: left; width: 19%; background-color: #007a85; color: #fff; text-align: center; margin-left: 6%;}
.insur02-tx01 li div{ display: table; table-layout: fixed; width: 100%; height: 80px; }
.insur02-tx01 li span{ display: table-cell; vertical-align: middle;}
.insur02-tx01 li::before{ content: ''; position: absolute; top: 50%; margin-left: -50px; margin-top: -19px; display: block; width: 38px; height: 38px; background: url(../images/ic_aw.png) 50% 50% no-repeat;}
.insur02-tx01 li:first-child::before{ display: none;}

.gallery-list{ max-width: 1100px; margin: -20px auto 0;}
.gallery-list::after{ content:''; display: block; clear: both;}
.gallery-list .item{ float: left; width: 260px; margin-left: 20px; border: #ccc 1px solid; margin-top: 20px;} 
.gallery-list .item:nth-child(4n+1){ clear: both; margin-left: 0;}
.gallery-list .item .thumb{ display: block;}
.gallery-list .item .thumb img{ width: 100%; height: 200px; object-fit: cover; object-position: center;}
.gallery-list .item .desc{ display: block; padding: 15px; text-align: center; height: 80px;}

.guide05-tx01 li{ display: table; width: 100%; table-layout: fixed; position: relative;}
.guide05-tx01 li + li{ margin-top: 50px; }
.guide05-tx01 li .hd{ position: relative; display: table-cell; width: 150px; height: 52px; border: #1bbcf0 2px solid; text-align: center; vertical-align: middle;color: #333; font-size: 18px; }
.guide05-tx01 li .hd::after{ content: ''; position: absolute; width: 26px; height: 26px; background: url(../images/ic_aw2.png) 50% 50% no-repeat; bottom: -26px; left: 50%; margin-left: -13px;}
.guide05-tx01 li:last-child .hd::after{ display: none;}
.guide05-tx01 li .bd{ display: table-cell; vertical-align: middle; padding-left: 60px;}

@media screen and (min-width:641px) and (max-width:1023px){ 
    .visa01-tx01 li:last-child::before{ margin-left: -50px;}
    
    .insur02-tx01{ margin-left: -4%;}
    .insur02-tx01 li{ width: 46%; margin-left: 4%; margin-bottom: 3rem;}
    .insur02-tx01 li:nth-child(3){ float: right;}
    .insur02-tx01 li::before{ width: 1rem; height: 1rem; margin-left: -1.4rem; margin-top: -.5rem; background-size: 100% auto;}
    .insur02-tx01 li:nth-child(3)::before{ top: -1.5rem; left: 50%; margin-left: -.5rem; transform: rotate(90deg);}
    .insur02-tx01 li:nth-child(4)::before{ left: auto; right: -1.5rem; transform: rotate(180deg);}
    
    .gallery-list .item{ width: 49%; margin-left: 2%;}
    .gallery-list .item:nth-child(2n+1){ clear: both; margin-left: 0;}
    .gallery-list .item .thumb img{ height: 32vw;}
}

@media screen and (max-width:640px){
    .visa01-tx01 li{ width: 100%;}
    .visa01-tx01 li:last-child{ margin-top: 4rem;}
    .visa01-tx01 li:last-child::before{ top: -3rem; left: 50%; margin: 0 0 0 -1rem; width: 2rem; height: 2rem; background-size: 100% auto; transform: rotate(90deg);}
    
    .visa05-tx01 li{ padding-left: 2rem;}
    .visa05-tx01 li i{ width: 16px; height: 16px;}
    .visa05-tx01 li + li{ margin-top: 1rem;}
    
    .insur02-tx01{ margin: 0;}
    .insur02-tx01 li{ width: 100%; margin: 0;}
    .insur02-tx01 li + li{ margin-top: 4rem;}
    .insur02-tx01 li::before{ top: -3rem; left: 50%; margin: 0 0 0 -1rem; width: 2rem; height: 2rem; background-size: 100% auto; transform: rotate(90deg);}
    
    .gallery-list .item{ width: 49%; margin-left: 2%;}
    .gallery-list .item:nth-child(2n+1){ clear: both; margin-left: 0;}
    .gallery-list .item .thumb img{ height: 32vw;}
    
    .guide05-tx01 li .hd{ font-size: 1.3rem; width: 8rem;}
    .guide05-tx01 li .bd{ padding-left: 2rem;}
}



/* intro */
#introWrap{ background: url(./images/intro_bg.jpg) 50% 50% no-repeat; background-size: cover; min-height: 100vh; padding: 130px 0 0 0; line-height: 1.4;}
#introWrap .intro-hd{ text-align: center; opacity:0;}
#introWrap .intro-hd p{ font-size: 40px; color: #fff; margin: 15px 0 0 0;}
#introWrap .intro-hd .lang{  width: 360px; margin: 10px auto 0; display: flex; border-radius: 7px; overflow: hidden;}
#introWrap .intro-hd .lang li{ flex: 1;}
#introWrap .intro-hd .lang li a{ height: 40px; width: 100%; line-height: 40px; text-align: center; background-color: rgba(0,0,0,.4); display: block; color: #fff;}
#introWrap .intro-hd .lang li a:hover{ color:#4cfa27;}
#introWrap .intro-hd .lang li.active a{ background-color: rgba(0,0,0,1);}
#introWrap .intro-mn{ width: 960px; margin: 90px auto 0;}
#introWrap .intro-mn::after{ content: ''; display: block; clear: both;}
#introWrap .intro-mn > div{ position: relative; width: 300px; float: left; border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.7); opacity:0;}
#introWrap .intro-mn > div + div{ margin-left: 30px;}
#introWrap .intro-mn a{ display: block; height: 360px; padding-top: 50px; text-align: center;}
#introWrap .intro-mn a b{ color: #fff; display: block; font-size: 20px; font-weight: 400; letter-spacing: nomal;}
#introWrap .intro-mn a::before{ content: ''; display: block; margin: 0 auto 25px; width: 110px; height: 110px; background-repeat: no-repeat; background-position: 50% 50%;}
#introWrap .intro-mn a .bt{ position: absolute; bottom: 28px; left: 50%; margin-left: -65px; display: block; width: 130px; height: 36px; text-align: center; color: #fff; line-height: 36px; border-radius: 18px; }
#introWrap .intro-mn a em{ color: #fff; display: block;}
#introWrap .intro-mn .itm1 a{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d2086f,7e0040+100 */
    background: #d2086f; /* Old browsers */
    background: -moz-linear-gradient(top,  #d2086f 0%, #7e0040 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d2086f 0%,#7e0040 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d2086f 0%,#7e0040 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2086f', endColorstr='#7e0040',GradientType=0 ); /* IE6-9 */
}
#introWrap .intro-mn .itm2 a{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007a85+0,0b6b74+100 */
    background: #1bbcf0; /* Old browsers */
    background: -moz-linear-gradient(top,  #1bbcf0 0%, #0c85ba 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #1bbcf0 0%,#0c85ba 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #1bbcf0 0%,#0c85ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1bbcf0', endColorstr='#0c85ba',GradientType=0 ); /* IE6-9 */
}
#introWrap .intro-mn .itm3 a{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcb040+0,c47c12+100 */
    background: #f8ae41; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8ae41 0%, #c47c12 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f8ae41 0%,#c47c12 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f8ae41 0%,#c47c12 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ae41', endColorstr='#c47c12',GradientType=0 ); /* IE6-9 */
}
#introWrap .intro-mn .itm1 a::before{ background-image: url(./images/intro_ic1.png);}
#introWrap .intro-mn .itm2 a::before{ background-image: url(./images/intro_ic2.png);}
#introWrap .intro-mn .itm3 a::before{ background-image: url(./images/intro_ic3.png);}
#introWrap .intro-mn .itm1 a .bt{ background-color: #520129; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
#introWrap .intro-mn .itm2 a .bt{ background-color: #056893; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
#introWrap .intro-mn .itm3 a .bt{ background-color: #975f0c; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
#introWrap .intro-mn .itm3 a em{ display: block;}
#introWrap .copy{ margin-top: 60px; text-align: center; color:#fff;}
#introWrap .intro-mn .itm1 a:hover .bt,
#introWrap .intro-mn .itm2 a:hover .bt,
#introWrap .intro-mn .itm3 a:hover .bt{ background-color:#fff;}
#introWrap .intro-mn .itm1 a:hover .bt{ color: #520129;}
#introWrap .intro-mn .itm2 a:hover .bt{ color: #053f59;}
#introWrap .intro-mn .itm3 a:hover .bt{ color: #553608;}


@media screen and (min-width:641px) and (max-width:1023px){ 
    #introWrap{ padding: 130px 20px 0;}
    #introWrap .intro-hd p{ font-size: 36px;}
    #introWrap .intro-mn{ width: 100%; margin-left: -1%;}
    #introWrap .intro-mn > div{ width: 32.333%; margin-left: 1%;}
    #introWrap .intro-mn > div + div{ margin-left: 1%;}
}

@media screen and (max-width:640px){
    #introWrap{ padding: 3rem 4.5vw;}
    #introWrap .intro-hd h1{ width: 18rem; margin: 0 auto;}
    #introWrap .intro-hd p{ margin:0; font-size: 1.8rem;}
    #introWrap .intro-hd .lang li a{ height: 3rem; line-height: 3rem;}
    #introWrap .intro-mn{ width: 100%; margin: 3rem 0 0 0;}
    #introWrap .intro-mn > div{ width: 100%;}
    #introWrap .intro-mn > div + div{ margin: 1rem 0 0 0;}
    #introWrap .intro-mn a{ height: auto; padding: 1rem;}
    #introWrap .intro-mn a::before{ width: 5rem; height: 5rem; background-size: 100% auto; margin: 0 auto 1rem;}
    #introWrap .intro-mn a b{ font-size: 1.6rem;}
    #introWrap .intro-mn a .bt{ position: relative; margin: 1rem auto 0; top: auto; bottom: auto;  left: auto;}
    #introWrap .copy{ margin-top: 3rem;}
}

 /* �Խñ� �˻� */
.bbs_search {text-align:center; padding:23px 10px; margin-bottom: 30px;}

.bbs_search_in { max-width:520px; margin:0 auto; position:relative; padding-right:110px; padding-left:125px;}
.bbs_search_in .btn_search { position:absolute; right:0px; top:0px;}
.bbs_search_in .select {position:absolute; left:0px; top:0px;}
.bbs_search_in #searchstr {width:350px; }

.bbs_search .select {border:1px solid #cccccc; vertical-align:middle; width:120px; background-color:#fff; height:40px; font-family: Noto Sans, dotum, gulim;}
.bbs_search .st_select {min-widht:100px; margin-right:0px; position:relative; display:inline-block; *display:inline; vertical-align:middle;}
.bbs_search .st_select p.pl10 {border:1px solid #cacccb; background:#f4f4f4;}
.bbs_search .select_input {height:38px; background:#f4f4f4; line-height:40px; font-family: Noto Sans, dotum, gulim; border:none; line-height:38px; width:100%; padding:0px; color:#737070}
.bbs_search .button-1 {border:none; width:100%; height:40px; position:absolute; left:0px; top:0px; padding:0px; font-size:0; background:url(../img/btn/button-1.png) no-repeat right center;}
.bbs_search .Select {position:absolute; width:100%; top:40px; left:0px; display:none }
.bbs_search .Select li {padding:5px 5px 5px 10px; min-height:20px; line-height:20px; border:1px solid #e2e2e2; border-top:none; background:#fff; cursor:pointer; text-align:left;}
.bbs_search .Select li:hover {background:#f7f7f7}
.bbs_search .input {border:1px solid #cccccc; color:#656565; line-height:38px; height:40px; font-family: Noto Sans, dotum, gulim; vertical-align:middle;}
.bbs_search .btn_search {
	background: #757a85;
	display: inline-block;
	zoom: 1;
	color: #fff;
	border:1px solid #757a85;
	padding:0px;
	font-family: Noto Sans;
	font-size:14px;
	width:70px;
	height:40px;
	line-height:38px;
	text-align: center;
	cursor: pointer;
	margin-left: 15px;
}
.bbs_search_in.two_col {max-width:850px; padding-left:0px; overflow:hidden;}


.bbs_search_in.two_col .two_cell .pa {left: 0px; top:50%; font-size:15px; font-weight: 700; color: #000; line-height: 20px; margin-top: -10px; padding-left: 10px; background: url(../img/common/bul04.gif) no-repeat left center; }
.bbs_search_in.two_col .col-sm-2 .select_ds {float: left; width: 50%; box-sizing: border-box; }
.bbs_search_in.two_col .two_cell .col-sm-3 .select_ds {width:33.33%;}
.bbs_search_in .col-sm-2 .select {position: relative; width: 100%;}
.bbs_search_in.two_col .cell01 {padding-right:30px; width:55%;}
.bbs_search_in.two_col .cell02 {padding-left:100px; width: 45%}
.bbs_search_in.three_col .two_cell {width:33.33%; padding-left:80px;}
.bbs_search_in.three_col .cell03 {padding-left:60px;}