@charset "utf-8";

.hidden{position:absolute !important;left:-999999em !important;top:-99999em !important;width:0;height:0;font-size:0;line-height:0;padding: 0 !important;margin: 0 !important;overflow: hidden;} 

/* global class */
.align_left {text-align:left !important;} .align_center {text-align:center !important;} .align_right {text-align:right !important;} .align_justify {text-align:justify !important;}
.valign_top {vertical-align:top !important;} .valign_middle{vertical-align:middle !important;} .valign_bottom {vertical-align:bottom !important;} 
.display_block {display:block !important;} 
.display_no {display:none !important;}
.display_non{display:none;}
.display_none{position:absolute; left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.visibility_hidden {position:absolute !important; visibility:hidden !important; font-size:0 !important; line-height:0 !important; height:0 !important; overflow:hidden !important;}
.float_left {float:left !important;}
.float_right {float:right !important;}
.clear_both {clear:both !important;}
.background_none {background:none !important;}
.border_none {border:none !important;}
.border_topnone {border-top:none !important;}
.border_rightnone {border-right:none !important;}
.border_bottmonone {border-bottom:none !important;}
.border_leftnone {border-left:none !important;}
.padding_none {padding:0 !important;}
.margin_none {margin:0 !important;}
.fontweight_normal {font-weight:normal !important;}
.fontweight_bold {font-weight:bold !important;}
.position_absolute {position:absolute !important;}
.position_relative {position:relative !important;}

.bold_300{font-weight:300 !important;} .bold_400{font-weight:400 !important;} .bold_500{font-weight:500 !important;} .bold{font-weight:bold !important;}

.mal3{margin-left:3px !important} .mal5{margin-left:5px !important} .mal10{margin-left:10px !important} .mal15{margin-left:15px !important} .mal20{margin-left:20px !important} .mal25{margin-left:25px !important} .mal30{margin-left:30px !important} .mal35{margin-left:35px !important} .mal40{margin-left:40px !important} .mal50{margin-left:50px !important} .mal55{margin-left:55px !important} .mal60{margin-left:60px !important} .mal65{margin-left:65px !important} .mal70{margin-left:70px !important} .mal75{margin-left:75px !important} .mal80{margin-left:80px !important} .mal90{margin-left:90px !important}
.mal100{margin-left:100px !important} .mal120{margin-left:120px !important} .mal130{margin-left:130px !important} .mal140{margin-left:140px !important} .mal150{margin-left:150px !important}
.mal-5{margin-left:-5px !important} .mal-10{margin-left:-10px !important} .mal-15{margin-left:-15px !important} .mal-20{margin-left:-20px !important} .mal-25{margin-left:-25px !important} .mal-30{margin-left:-30px !important} .mal-35{margin-left:-35px !important} .mal-40{margin-left:-40px !important} .mal-45{margin-left:-45px !important} .mal-50{margin-left:-50px !important} .mar0{margin-right:0 !important} .mar5{margin-right:5px !important} .mar10{margin-right:10px !important} .mar15{margin-right:15px !important} .mar20{margin-right:20px !important} .mar25{margin-right:25px !important} .mar30{margin-right:30px !important} .mar35{margin-right:35px !important} .mar40{margin-right:40px !important} .mar45{margin-right:45px !important} .mar50{margin-right:50px !important} .mar55{margin-right:55px !important} .mar60{margin-right:60px !important} .mar70{margin-right:70px !important} .mar80{margin-right:80px !important} .mar90{margin-right:90px !important}
.mar100{margin-right:100px !important} .mar120{margin-right:120px !important} .mar130{margin-right:130px !important} .mar140{margin-right:140px !important} .mar150{margin-right:150px !important}
.mab0{margin-bottom:0 !important} .mab5{margin-bottom:5px !important} .mab10{margin-bottom:10px !important} .mab15{margin-bottom:15px !important} .mab20{margin-bottom:20px !important} .mab25{margin-bottom:25px !important} .mab30{margin-bottom:30px !important} .mab35{margin-bottom:35px !important} .mab40{margin-bottom:40px !important} .mab45{margin-bottom:45px !important} .mab50{margin-bottom:50px !important} .mab70{margin-bottom:70px !important} .mab100{margin-bottom:100px !important}
.mat0{margin-top:0 !important} .mat5{margin-top:5px !important} .mat10{margin-top:10px !important} .mat15{margin-top:15px !important} .mat20{margin-top:20px !important} .mat25{margin-top:25px !important} .mat30{margin-top:30px !important} .mat35{margin-top:35px !important} .mat40{margin-top:40px !important} .mat45{margin-top:45px !important} .mat50{margin-top:50px !important} .mat60{margin-top:60px !important} .mat70{margin-top:70px !important}  .mat80{margin-top:80px !important}  .mat90{margin-top:90px !important} .mat100{margin-top:100px !important} .mat150{margin-top:150px !important} 
.mat-5{margin-top:-5px !important} .mat-10{margin-top:-10px !important} .mat-15{margin-top:-15px !important} .mat-20{margin-top:-20px !important} .mat-25{margin-top:-25px !important} .mat-30{margin-top:-30px !important} .mat-35{margin-top:-35px !important} .mat-40{margin-top:-40px !important} .mat-45{margin-top:-45px !important} .mat-50{margin-top:-50px !important}

.pal0 {padding-left:0px !important;} .pal5 {padding-left:5px !important;} .pal10 {padding-left:10px !important;} .pal15 {padding-left:15px !important;} .pal20 {padding-left:20px !important;} .pal25 {padding-left:25px !important;} .pal30 {padding-left:30px !important;} .pal35 {padding-left:35px !important;} .pal40 {padding-left:40px !important;} .pal50 {padding-left:50px !important;}
.par0 {padding-right:0 !important;} .par5 {padding-right:5px !important;} .par10 {padding-right:10px !important;} .par15 {padding-right:15px !important;} .par20 {padding-right:20px !important;} .par25 {padding-right:25px !important;} .par30 {padding-right:30px !important;} .par35 {padding-right:35px !important;} .par40 {padding-right:40px !important;}
.pat0 {padding-top:0 !important;}
.pat5 {padding-top:5px !important;} .pat8 {padding-top:8px !important;} .pat10 {padding-top:10px !important;} .pat15 {padding-top:15px !important;} .pat20 {padding-top:20px !important;} .pat25 {padding-top:25px !important;} .pat30 {padding-top:30px !important;} .pat35 {padding-top:35px !important;} .pat40 {padding-top:40px !important;}
.pab5 {padding-bottom:5px !important;}.pab10 {padding-bottom:10px !important;}.pab15 {padding-bottom:15px !important;}.pab20 {padding-bottom:20px !important;}.pab25 {padding-bottom:25px !important;}.pab30 {padding-bottom:30px !important;}.pab35 {padding-bottom:35px !important;}.pab40 {padding-bottom:40px !important;} .pab70 {padding-bottom:70px !important;}
.pa0{padding:0 !important;} .pa5{padding:5px !important;} .pa10{padding:10px !important;} .pa15{padding:10px !important;} .pa20{padding:15px !important;} .pa25{padding:25px !important;} .pa30{padding:30px !important;} .pa35{padding:35px !important;} .pa40{padding:40px !important;} .pa45{padding:45px !important;} .pa50{padding:50px !important;}

/* 메뉴 */	
/* .header_wrap{position:relative; top:0; height:100px; transition:all ease-in 0.3s; z-index:10; border-bottom: 1px solid #ddd;}
.header_wrap:after{content:""; display:block; width:100%; background:rgba(255, 255, 255, 0.3); height:1px; position:absolute; top:98px; }
.header_inner{max-width:1400px; margin: 0 auto; position: relative;}

.logo {display: inline-block; position: absolute;  left: 0; top:25px; z-index: 99;} */

/*gnb start*/
/* .gnb {position:relative; height:auto;}
.gnb_wrap {position:relative; display: inline-block; margin:0 auto; z-index:10;  width: 100%;}

.gnb_bg {position:relative; width:100%; margin:0 auto; z-index:101;}
#depth { position:relative; width:calc(100% - 270px); height:100%; margin:0 auto; padding:0 0 0 120px;  display: flex; justify-content: space-around;}
#depth > li{position:relative;}
#depth:after {content:""; clear:both; display:block;}

#depth li.depth_01 a.depth_01_link {display:block; color:#222; line-height: 98px; text-align:center; font-size:21px; font-weight:700; transition: all 0.1s ease-in-out 0s;}
#depth li.depth_01:hover a.depth_01_link .depth_tit{color:#0d9344}

#depth li.depth_01 ul.depth_02 {position:absolute; margin-left: -100px;  left: 50%;top:80px; background:#48a970; border-radius:30px; width: 200px; padding:20px 0; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.2);}
#depth li.depth_01 ul.depth_02:after {content:""; display:block; clear:both;}
#depth li.depth_01 ul.depth_02 li {float:left; width:100%; text-align:center;}
#depth li.depth_01 ul.depth_02 li a {position:relative; display:block; overflow:hidden; color:#fff; font-weight:400; font-size:15px; height:auto; padding:5px 0;}
#depth li.depth_01 ul.depth_02 li a:hover{color:#ffe86e; }
#depth li.depth_01 ul.depth_02 > li > a:before {content:""; position:absolute; right:-7px; bottom:12px; width:6px; height:9px;  transition: all 0.3s ease-in-out 0s;}

#depth > li.first{padding-left:73px;}
#depth > li.last{padding-right:100px;}
#depth li.depth_01.first ul.depth_02 {left:0; margin-left: 10px; }
#depth li.depth_01.last ul.depth_02{margin-left: -126px; } */

/* 메뉴 */	
.header_wrap{position:absolute; top:0; transition:all ease-in 0.3s; z-index:999; background:#fff;}
.header_wrap:after{content:""; display:block; width:100%; background:rgba(255, 255, 255, 0.3); height:1px; position:absolute; top:90px; }
.header_inner{max-width:1490px; margin: 0 auto; position: relative;}

.logo {display: inline-block; position: absolute;  left: 0; top:20px; z-index: 99;}

/*gnb start*/
.gnb_bg{text-align:center}
.gnb_bg > ul{display:inline-block;overflow:hidden}
.gnb_bg .depth_01_link{padding:0 20px;}
.gnb_bg .depth_02{height:0;overflow:hidden}
.gnb_bg .depth_02 li > a{font-family: 'Pretendard'; font-weight: 500; font-size:17px; display:block; padding:7px 0}
.gnb_bg .depth_02 li > a:hover{color:#0d9344; font-weight: 700; }

.gnb {position:relative; height:auto;}
.gnb_wrap {position:relative; display: inline-block; margin:0 auto; z-index:10;  width: 100%;}

.gnb_bg {position:relative; width:100%; margin:0 auto; z-index:101;}
#depth { position:relative; width:calc(100% - 140px); height:100%; margin:0 auto; padding:0 280px 0 250px;  display: flex; justify-content: space-around;}
#depth > li{position:relative;}
#depth:after {content:""; clear:both; display:block;}

#depth li.depth_01 a.depth_01_link {display:block; text-align:center;  transition: all 0.1s ease-in-out 0s; letter-spacing:-0.5px}
.depth_tit{font-size: 21px; font-weight:700; line-height: 98px; color:#222;}
.depth_tit:hover{color:#0d9344; }

/* #depth li.depth_01 a.depth_01_link span {float:left; } */


/*mobile gnb start*/
.m_gnb_btn, 
.dim,
.m_gnb_close,
#m_gnb {display:none; }
#m_gnb.on {display:none !important;}
#m_gnb ul div.top2m {display:none;}
#m_gnb ul {margin:0; padding:0;}
#m_gnb ul li {margin:0 0 0 33px;}
#m_gnb ul li a {display:block;}
#m_gnb ul ul li {margin:0 0 0 38px;}

header .util .util_li{display:inline-block;}
header .util .util_li a{color:#000; line-height:39px; font-size:14px; margin:0 10px; position:relative; font-family: 'GmarketSansLight'; font-weight:bold;}
header .util .util_li a:after{content:""; display:inline-block; width:1px; height:10px; background:#000;  left: 99px; position: absolute;  top: 1px;}
header .util .util_li a:last-child:after{display:none}
.util{position:absolute; right:0; top:27px; z-index: 100;}

.header_right{position: absolute;top:30px;right:0;display: block; display:flex; justify-content: space-between; align-items: center;     z-index: 99;}
.login_ico{display:flex;  align-items: center;}
.login_ico i{margin-right:5px; font-size: 20px;}
.all_menu{background:#fff url('/img/all_mn.png')no-repeat 50%;width: 49px;height: 49px;font-size: 0; margin-left:20px; text-indent: -9999px;z-index: 99;cursor: pointer; position: relative;
			display: flex;align-items: center;justify-content: right;}
.all_menu span{position: absolute;width:21px;height:3px;background:#333;display: inline-block;right: 13px;}
.all_menu span:before{content:""; width:32px;height:3px;background:#333;display: inline-block;  position: absolute; top: -12px; right:0px;}
.all_menu span:after{content:""; width:32px;height:3px;background:#333;display: inline-block;position: absolute; top: 12px;right: 0px;}
.youtube_btn{background:#fff url('/images/youtube_ico.png')no-repeat 50%;width: 46px;height: 46px;font-size: 0; margin-left:20px; text-indent: -9999px;z-index: 99;cursor: pointer; }

#sch_res_detail *{vertical-align:top;}

.sch_wrap{display: inline-block; width:100%;}
.search_b{margin:0 5px 0 18px; }
.search_b a{cursor:pointer; font-size:23px;}
.search_b .hide{display:none; position: absolute; width: 400px; right:0; top: 70px;}
#top_hd_sch{border: 3px solid #006db3; padding: 10px 0px;  background:#fff}
#top_hd_sch #sch_stx{color: #060606; background: #fff; font-size: 17px; border: 0; width:calc(100% - 43px); padding-left: 20px;}
#top_hd_sch #sch_submit{color:#006db3; background: #fff; font-size: 21px; border: 0; width: 30px;}

.banner_z{background:#ff8010; padding:20px 0; }
.banner_z .minner{position:relative; display:flex; justify-content: space-between;}
.banner_z .banner_slider_w{width:calc(100% - 100px)}
.banner_z .bx-viewport a{font-size:17px; color:#fff; font-weight:600; display: block; text-align:center}
.banner_z .bx-controls{position:absolute; top: -2px; left: 30px;  z-index:9999999;}
.banner_z .bx-controls .bx-controls-direction{display: flex;  justify-content: center;}
.banner_z .bx-controls a{font-size:25px; color:#fff; display:block; text-align: center; width:30px; height:30px; position:relative; z-index:9999999;}
.banner_z .banner_more{display:flex;  align-items: center;  justify-content: center;position: relative; font-size: 14px; left: 0px;color:#fff;}


a.top_btn{right: 15px; bottom: 15px; padding:16px 15px; font-size:13px; font-weight:bold; color:#fff; background:#111; border-radius: 100px; position: fixed; z-index: 9999; display: block;}
a.top_btn:hover{background:#000;}

/* 푸터박스 */
#footer{position:relative; width:100%; font-size:16px; background:#434343; }
#footer .footer_con{position:relative;}
#footer .footer_box{padding:50px 0; color:#fff; text-align: left;line-height:160%; display:flex;align-items: center;justify-content: center; }
#footer .footer_box .footer_logo{margin-right:100px;}

#footer .footer_con span{margin-right:20px;}
.login_box{display: inline-block; position:absolute; right:0; top:0}
.login_btn{background:#fff; font-size: 14px; padding:4px 10px ; color:#222; border-radius:3px;}
.login_btn i{margin-top: 4px;}

@media screen and (max-width: 1480px) {
	.logo{left:20px;}
	#depth{padding-left:240px}
	.all_menu{right:20px;}
	
	.banner_z .bx-controls{left: 60px; }
	
	#footer .footer_box{padding:50px 0}

}

@media all and (max-width:1200px){

	#m_gnb.on {display:block !important;}
	
	.m_gnb_btn {position:absolute;right:20px;top:30px;display:block;}
	.m_gnb_btn button {background-color:#03ac70; position:relative;z-index:100;padding:0;width:49px;height:49px;transform:rotate(0deg);cursor:pointer;border:none;}
	.m_gnb_btn button.open {top:-60px; width:70px; height:125px; background:none;} 
	.m_gnb_btn button.open {top:0; right:300px; position:fixed; width:70px; height:125px; background:none; z-index:150;}
	.m_gnb_btn button .state {background:none;opacity:0;}
	.m_gnb_btn button .line {display:block;position:absolute;right:13px;top:17px;width:22px;height:2px;background:#fff;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button .line:before {content:"";display:block;position:absolute;right:0;top:7px;width:19px;height:2px;background:#fff;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button .line:after {content:"";display:block;position:absolute;right:0;top:14px;width:22px;height:2px;background:#fff;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	
	
	.m_gnb_btn button.open .line {background:transparent;top:0;right:30px;border:none;}
	.m_gnb_btn button.open .line:before {top:30px;left:0;background:#fff;transform:rotate(135deg); width:45px;}
	.m_gnb_btn button.open .line:after {top:30px;left:0;background:#fff;transform: rotate(-135deg); width:45px;}	
	
    .m_gnb_close {display:block;position:absolute;right:5px;top:0}
    .m_gnb_close button {width:48px;height:48px; font-size:0}
    .dim {position:fixed;top:0;left:0;z-index:110;width:100%;height:100%;background:rgba(0,0,0,0.6);}

    #m_gnb {overflow-y:scroll;position:fixed;top:0;right:-320px;left:inherit;width:300px;height:100%;background:#fff;z-index:110;}
    #m_gnb div.util a {display:inline-block; color:#828282; margin:0 5px 10px 0; padding:3px 7px; font-size: 12px; border:1px solid #ddd; background:#fff; }
    #m_gnb div.util a:hover {text-decoration:underline;}
    #m_gnb #m_menu {z-index:930; width:280px; }
	#m_gnb .depth_02{display:none;}
	#m_gnb .depth_02 ul{display:none;}
    #m_gnb ul li  {display:block;float:none;margin:0;border-bottom:solid 1px #d3d3d3;background:#fff;}
    #m_gnb ul li a {position:relative;padding:0px 20px;font-size:18px;font-weight:400;color:#333;border:0;text-align:left;}

	.depth_tit{  font-size:16px;  line-height: 58px;}
	.depth_tit:hover{color:#fff}
    
	#m_gnb ul li a:hover, #m_gnb ul li a.active {border:none;background-color:#0ea04f;color:#fff;}
	#m_gnb ul li.last {margin:0;}
	#m_gnb ul li a span.bul {display:block;position:absolute;top:18px;right:30px;background:#888;transition:all .5s;width:2px;height:20px;margin:0;}
	#m_gnb ul li a:hover span.bul{background:#fff; transition:all .5s;width:2px;}
	#m_gnb ul li a span.bul:after {content:"";display:block;position:absolute;top:0;width:20px;height:2px;margin:9px 0 0 -9px;background:#888;}
	/* #m_gnb ul li a:hover span {background:#fff;}*/
	#m_gnb ul li a:hover span:after {background:#fff;}
	#m_gnb ul li a.active span.bul {background:#fff; transform: translateY(0) rotate(-450deg); }
	#m_gnb ul li a.active span:after {opacity:0;}
    #m_gnb ul div.depth_02 {position:static; padding:7px 0;}
    #m_gnb ul ul {padding:0;}
    #m_gnb ul ul li {border:none;margin:0;}
	#m_gnb > ul > ul > li{border-bottom:1px solid #e5f3e2; }
	#m_gnb ul li.last {float:none;}
	#m_gnb ul ul li:first-child a {margin:0;}
    #m_gnb ul ul li a {padding:11px 0 15px 20px; text-align:left;font-size:16px; color:#666; background:#f7f7ee; border-bottom:1px solid #ddd;}
	#m_gnb ul ul li:last-child a{border-bottom:none;}
    #m_gnb ul ul li a:hover{ background:#f7f7ee ; text-decoration:underline; color:#666; border-bottom:1px solid #ddd;}
    #m_gnb ul ul li:last-child a:hover{border-bottom:none;}
    #m_gnb ul ul ul li a:hover{border-bottom:none}
	nav.gnb {display:none;}

	.header_right{display:none;}
}


@media screen and (max-width:999px){
	.mat150 {margin-top: 75px !important;} .mat100 {margin-top: 50px !important;} .mat70{margin-top:35px !important;} .mat50 { margin-top:25px !important;} .mat40 { margin-top:20px !important;}


	.banner_z{display:none;}
	#footer .footer_box{flex-direction: column;}
	#footer .footer_box .footer_logo{margin:0 0 20px;}
	#footer .footer_con span{display:block; text-align:center; margin:0 0}
	.footer_con br{display:none;}


}




@media screen and (max-width:499px){
	.logo img{width:120px;}
	.m_gnb_btn {top: 16px;}
	.footer_box{text-align:center}
	.footer_box span{display:block; margin-bottom:10px}

	#footer{font-size:14px;}
	#footer .minner{padding:0}
	#footer .footer_box{padding:12vmin 0}
	.copyright{font-size:3.5vw}

	.login_box{position:relative; top:20px; left:50%; margin-left:-36px;}
}