@charset "utf-8";

*{box-sizing: border-box; padding:0; margin:0; border:0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0;	border: 0; font-size: 100%; font: inherit; vertical-align: baseline; word-break: keep-all;}
html, body { font-family: 'Gmarket SansM'; line-height: 1.5; color:#000; font-size:16px; height: 100%;}
select, input, textarea, button{ font-size:inherit; vertical-align:middle;}
button {cursor:pointer;}
img{vertical-align:top}
table { border-collapse: collapse; border-spacing: 0}
ul, ol{list-style: none}
a {text-decoration: none;}
legend, caption{text-indent:-1000%; position:absolute; top:-100%;}
hr{clear:both; font-size:0; height:0; line-height:0; border:0}

header, footer, aside, nav, article, section{display:block; width:100%}
input, select, textarea, button{vertical-align:middle; border: 1px solid #d0d6e0;}

a{color:#000000}
a:hover{color:#000000}

.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;}


.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;}

.inner {  width: 1440px;   margin: 0 auto;   position: relative;}

.utile{background:#ebf5ee}
.utile .header_inner{display: flex; align-items: center;justify-content:flex-end; gap: 20px;} 
.utile .header_inner a{color:#003e1f; font-size:15px; display: flex; align-items: center; padding:12px 0; gap: 5px; line-height: 1;}
.utile a:hover{color:#1d56bc; font-weight:bold}			 
.utile a i {display: block; width: 17px;  height:17px;  }
.utile a i[class^='utile_'] {display: inline-block; background-image:url('../../images/younghouse/ui_ico.png'); background-repeat: no-repeat;}  
.utile i.utile_ico1{ background-position:0px 0px;}
.utile i.utile_ico2{background-position:-34px 0px;}

#header{min-height:97px;}
.header_inner{max-width:1440px; margin: 0 auto; position: relative;}
.logo{position:absolute; top:25px; z-index:99;}
.wlogo{display:none; position:absolute; top:25px; z-index:99;}

.m_gnb_btn {position:absolute;right:20px;top:25px;display:block;}
.m_gnb_btn button {background-color:transparent; 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: 20px;  right: 30px; 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:0px;top:22px;width:28px;height:3px;background:#111;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out; border-radius:3px}
.m_gnb_btn button .line:before {content:"";display:block;position:absolute;right:0;top:-10px;width:36px;height:3px;background:#111;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out; border-radius:3px}
.m_gnb_btn button .line:after {content:"";display:block;position:absolute;right:0;top:10px;width:36px;height:3px;background:#111;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out; border-radius:3px}

#m_gnb .wrap .util .m_search .sch-wr .blind {display:none;}
#m_gnb .wrap .util .m_search .sch-wr {display:block; width: 100%; height:100%;right:0; }
#m_gnb .wrap .util .m_search .sch-wr .sch-box {	display: block; width:255px; height: 48px; right: 0;	top: -1px;	background: #0ea04f; overflow: hidden; transition: all .3s ease }
#m_gnb .wrap .util .m_search .sch-wr .sch-box input {display:block;width:200px;height:48px;line-height:48px;left:0px;top:0;color:#fff;border:0;padding:0;background:transparent;font-size:13px;text-indent:10px; float:left;}
#m_gnb .wrap .util .m_search .sch-wr .sch-box input::-webkit-input-placeholder {color:rgba(255, 255, 255, .8)}
#m_gnb .wrap .util .m_search .sch-wr .sch-box input:-moz-placeholder {color:rgba(255, 255, 255, .8)}
#m_gnb .wrap .util .m_search .sch-wr .sch-box input::-moz-placeholder {color:rgba(255, 255, 255, .8)}
#m_gnb .wrap .util .m_search .sch-wr .sch-box input:-ms-input-placeholder {color:rgba(255, 255, 255, .8)}
#m_gnb .wrap .util .m_search .sch-wr .sch-box .sch-go {display:block; position:absolute; width:50px;height:48px;right:12px; cursor:pointer; background-color:transparent; border:0;}
#m_gnb .wrap .util .m_search .sch-wr .sch-box .sch-go::after {content:"";display:block;position:absolute;width:16px;height:15px; top:50%; left:50%; background:url(/Data/tmfiles/images/main/searchq.png) no-repeat -68px 0px; margin:-7.5px 0 0 -8px}

header#header div.header_top ul.util li a.blank {padding-right:20px; background:url('../images/common/icon_util_blank.png') right center no-repeat;}
header#header h1.logo {position:absolute; left:0; top:67px; margin:0; padding:0; z-index:105;}

/*gnb start*/
#gnb {position:relative; width:100%; height:auto;  /* border-bottom:1px solid #eaeaea; */ background:#fff;}
#gnb_wrap {position:relative; width:100%; height:97px; z-index:10;}
#gnb_bg {position:relative; width:100%;height:97px; margin:0 auto; overflow:hidden; z-index:101;}
#gnb_bg:before {content:''; position:absolute; left:0; top:97px; width:50%; height:1000px; background:#fff;}
#gnb_bg:after {content:''; position:absolute; right:0; top:97px; width:50%; height:1000px; background:#fff; z-index:-1 }

#depth { position:relative; width:1440px; height:100%; margin:0 auto; padding:0 110px 0 330px; z-index:0; display: flex; justify-content: space-between;}
#depth ul {margin:0; padding:0;}
#depth ul li {margin:0; padding:0; list-style-type:none;}
#depth:after {content:""; clear:both; display:block;}
#depth li.depth_01 {display:inline-block;width:auto; }
/*#depth li.depth_01:first-child{margin:0 0 15px 0}*/
#depth li.depth_01 .depth_info {position:absolute; left:0; width:20%; top:91px; bottom:0; padding:47px 0}
#depth  .gnb_tit{ font-size:32px;  font-family: 'Gmarket SansB'; display: block; margin-bottom: 6px;}
#depth  .gnb_stit{ font-size:18px; color:#555; }
#depth li.depth_01 .depth_info p {color:#fff; font-size:1.571em; line-height:1.286em; margin:30px 0 20px 0;}
#depth li.depth_01 .depth_info p strong {display:block; font-size:30px; line-height:1em; font-weight:normal; padding-top:15px; margin-top:15px; color:#535353;}
#depth li.depth_01 .depth_info p span {display:block; font-size:15px; line-height:1em; letter-spacing:1; font-weight:bold; padding-top:15px; color:#e9e9e9;}
#depth li.depth_01 .depth_info p span img {display:block; padding-top:10px;}
#depth li.depth_01 .depth_info span {display:block;}
#depth li.depth_01 .depth_info span a {display:inline-block; margin-bottom:10px; vertical-align:top; color:#333; font-size:14px; border:1px solid #d3d3d3; padding:7px 37px 7px 20px; height:auto;}
#depth li.depth_01 .depth_info span a.blank {background:url('../images/common/icon_depth_info_blank.png') right center no-repeat;}
#depth li.depth_01 .depth_info span a.link {background:url('../images/common/icon_depth_info_link.png') right center no-repeat;}
#depth li.depth_01 a.depth_01_link {font-family: 'SANGJUG'; display:block; height:99px; line-height:99px;padding:0 8px; text-align:center; font-size:22px; text-decoration:none; transition: all 0.1s ease-in-out 0s; color:#222}
#depth li.depth_01 a.depth_01_link span {float:left;}
#depth li.depth_01 a.current, 
#depth li.depth_01 a:hover, 
#depth li.depth_01 a:active, 
#depth li.depth_01 a:focus {border-bottom:3px solid #295bb2; height:90px;}

#depth li.depth_01 .depth_info.depth_info_01 { background:url('../images/common/bg_depth_info_01.png') 50% 98% no-repeat; }
#depth li.depth_01 .depth_info.depth_info_02 { background:url('../images/common/bg_depth_info_02.png') 50% 98% no-repeat; }
#depth li.depth_01 .depth_info.depth_info_03 { background:url('../images/common/bg_depth_info_03.png') 50% 98% no-repeat; }
#depth li.depth_01 .depth_info.depth_info_04 { background:url('../images/common/bg_depth_info_04.png') 50% 98% no-repeat; }
#depth li.depth_01 .depth_info.depth_info_05 { background:url('../images/common/bg_depth_info_05.png') 50% 98% no-repeat; }
#depth li.depth_01 .depth_info.depth_info_07 { background:url('../images/common/bg_depth_info_07.png') 50% 98% no-repeat; }


#depth li.depth_01 ul.depth_02 {width:80%; position:absolute; top:91px; left:20%; padding-top:30px; /* height:100%; */ background:#fff; display:flex; gap: 24px; flex-wrap: wrap; padding: 40px;}
#depth li.depth_01 ul.depth_02:after {content:""; display:block; clear:both;}

#depth li.depth_01 ul.depth_02 li a {position:relative;  color: #333; font-size:17px; height:auto; border-radius:30px 0 30px 0; display:inline-block; width:250px; text-align:center;
										padding: 17px 20px 12px; background:#fff; border: 1px solid #888; font-weight: bold;}
#depth li.depth_01 ul.depth_02 li a.on, 
#depth li.depth_01 ul.depth_02 li a:hover, 
#depth li.depth_01 ul.depth_02 li a:active, 
#depth li.depth_01 ul.depth_02 li a:focus {color:#295bb2; border-bottom:1px solid #295bb2;}
#depth li.depth_01 ul.depth_02 > li > a:before {content:""; position:absolute; right:-7px; bottom:12px; width:6px; height:9px; background:url('../images/common/dot_depth_02.gif') left center no-repeat; transition: all 0.3s ease-in-out 0s;}
#depth li.depth_01 ul.depth_02 > li > a.on:before, 
#depth li.depth_01 ul.depth_02 > li > a:hover:before, 
#depth li.depth_01 ul.depth_02 > li > a:active:before, 
#depth li.depth_01 ul.depth_02 > li > a:focus:before {right:10px;}
#depth li.depth_01 a[target="_blank"] {padding-right:20px; background:url('../images/common/icon_blank_gnb.png') right 32px no-repeat;}
#depth li.depth_01 a[target="_blank"]:hover, 
#depth li.depth_01 a[target="_blank"]:active, 
#depth li.depth_01 a[target="_blank"]:focus {}
#depth li.depth_01 ul.depth_02 li a[target="_blank"] span {padding-right:17px; background:url('../images/common/icon_blank_gnb.png') right center no-repeat; word-break:keep-all;}
#depth li.depth_01 ul.depth_02 li a[target="_blank"]:hover, 
#depth li.depth_01 ul.depth_02 li a[target="_blank"]:active, 
#depth li.depth_01 ul.depth_02 li a[target="_blank"]:focus {}
#depth li.depth_01 ul.depth_02 li ul {position:relative; width:100%; padding:10px 0 15px 0;}
#depth li.depth_01 ul.depth_02 li ul li {float:none; width:auto; /*margin:0 0 3px 10px;*/margin:0 0 3px 3px;}
#depth li.depth_01 ul.depth_02 li ul li a {display:inline-block; color:#4d4d4d; font-weight:normal; font-size:14px; padding:0; background:none; border-color:#fff;}
#depth li.depth_01 ul.depth_02 li ul li a.on, 
#depth li.depth_01 ul.depth_02 li ul li a:hover, 
#depth li.depth_01 ul.depth_02 li ul li a:active, 
#depth li.depth_01 ul.depth_02 li ul li a:focus {background:none; border-bottom:1px solid;}


/* #depth li.depth_01 #gnb_02 > li:nth-child(2) {
		width: 350px;
	} */
/*gnb stop*/

/*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; padding:0; list-style-type:none; margin:0 0 0 33px;}
#m_gnb ul li a {display:block;}
#m_gnb ul ul li {margin:0 0 0 38px;}
#m_gnb ul ul ul {}



@media all and (max-width:1200px){

	#m_gnb.on {display:block !important;}
	
	.m_gnb_btn {position:absolute;right:15px;top:60px;display:block;}
	.m_gnb_btn button { position:relative;z-index:100;padding:0;width:46px;height:46px;transform:rotate(0deg);transition:.5s ease-in-out; cursor:pointer; background:none; 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;left:10px;top:10px;width:30px;height:4px;background:#0ea04f;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button .line:before {content:"";display:block;position:absolute;left:0;top:10px;width:23px;height:4px;background:#0ea04f;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button .line:after {content:"";display:block;position:absolute;left:0;top:20px;width:30px;height:4px;background:#0ea04f;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button.open .line {background:transparent;top:0;right:-100px;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 {background:#f3f3f3; padding:15px 15px 10px 15px; background:url('../images/common/bg_m_util.png') right top no-repeat; border-bottom:3px solid #0ea04f;}
    #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:15px 20px;font-size:18px;font-weight:400;color:#333;border:0;text-align:left;}
    #m_gnb ul li a[target="_blank"] span.depth_tit {padding-right:20px; background:url('../images/common/icon_blank_mgnb.png') right 5px no-repeat; }
    #m_gnb ul li a[target="_blank"]:hover span.depth_tit {padding-right:20px; background:url('../images/common/icon_blank_mgnb_on.png') right 5px no-repeat; }
	#m_gnb ul li ul li a[target="_blank"]:hover span.depth_tit{background-image:url('../images/common/icon_blank_mgnb.png');}
    #m_gnb ul li li a[target="_blank"] span.depth_tit {padding-right:20px; background:url('../images/common/icon_blank_mgnb.png') right 5px no-repeat; }
    #m_gnb ul li li li a[target="_blank"] span.depth_tit {padding-right:20px; background:url('../images/common/icon_blank_mgnb.png') right 5px no-repeat;}
    
	#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 url('../images/common/mlnb_depth2_on.png') 91% 20px no-repeat; border-bottom:1px solid #ddd;}
	#m_gnb ul ul li.arrow a{padding:11px 0 15px 20px; text-align:left;font-size:16px; color:#666; background:#f7f7ee url('../images/common/mlnb_depth2_on2.png') 90.5% 20px no-repeat; border-bottom:1px solid #ddd;}
	#m_gnb ul ul li.arrow a:hover{padding:11px 0 15px 20px; text-align:left;font-size:16px; color:#666; background:#f7f7ee url('../images/common/mlnb_depth2_on2.png') 90.5% 20px no-repeat; 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 url('../images/common/mlnb_depth2_on.png') 91% 20px no-repeat; 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}
	#m_gnb ul ul li > a.on{ background:#15b665 url('../images/common/mlnb_depth2_off.png') 91% 20px no-repeat; text-decoration:none; color:#fff;}

	#m_gnb ul ul li.arrow a.on{background:#15b665 url('../images/common/mlnb_depth2_off2.png') 91% 20px no-repeat !important; text-decoration:none; color:#fff;}

	#m_gnb ul ul ul {display:block; padding:0 0 0 20px; margin:0; background:#f9f9f9;}
	#m_gnb ul ul li.on ul {display:block;}
	#m_gnb ul ul ul li {background:#f8f8f8;}
	#m_gnb ul ul ul li a {margin:0; padding:5px 5px 5px 7px; font-size:15px; background:url('../images/common/dot_m_gnb.gif') left 15px no-repeat; color:#666; border-bottom:none;}
	#m_gnb ul ul ul li.on a {color:#0ea04f; text-decoration:none; background:url('../images/common/dot_m_gnb_on.gif') left 15px no-repeat;}
	#m_gnb ul ul ul li a:hover {color:#0ea04f; text-decoration:underline; background:url('../images/common/dot_m_gnb_on.gif') left 15px no-repeat;}
}
/*mobile gnb stop*/

@media all and (max-width:1200px){
	header#header div.header_top {width:100%;}
	header#header div.header_top ul.util {display:none;}
	header#header h1.logo {padding-left:15px;}
	nav#gnb {display:none;}
}

/* 사이트맵 */
#m_gnb ul.m_menu {margin: 0 70px;padding: 0;}
#m_gnb.on {display:block !important;}


#m_gnb ul div.top2m {font-size:30px; color:#fff; display: flex;  align-items: center;}

.m_gnb_btn {position:absolute;right:20px;top:25px;display:block; z-index:9999999999999}
.m_gnb_btn button {background-color:transparent; 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: 20px;  right: 30px; 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:0px;top:22px;width:28px;height:3px;background:#111;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out; border-radius:3px}
.m_gnb_btn button .line:before {content:"";display:block;position:absolute;right:0;top:-10px;width:36px;height:3px;background:#111;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out; border-radius:3px}
.m_gnb_btn button .line:after {content:"";display:block;position:absolute;right:0;top:10px;width:36px;height:3px;background:#111;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out; border-radius:3px}

.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:url('/images/mgnb_bg.jpg') no-repeat 0 0;}

#m_gnb {overflow-y:scroll;position:fixed;top:0;right:-320px;left:inherit;width:100%;height:100%;z-index:110;}
#m_gnb .wrap{float: right;   background:#3055a6;  height: 100vh; width: calc(100% - 36vw);     padding-top: 90px}
#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; }
#m_gnb div.util a:hover {text-decoration:underline;}
#m_gnb #m_menu {z-index:930; width:280px; }
#m_gnb ul li  {margin:0;display: flex;  justify-content: flex-start;  gap: 50px; padding: 19px 0; border-bottom:1px solid rgba(255, 255, 255, 0.1)}
#m_gnb ul li a {position:relative;padding:29px 20px 0;font-size:18px;font-weight:400;color:#fff;border:0;text-align:left;}

#m_gnb ul li a:hover, #m_gnb ul li a.active {border:none; 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 div.depth_02 {position:static; padding:7px 0;}
#m_gnb ul ul {padding:0; display: flex; align-items: baseline;}
#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:#fff; }
#m_gnb ul ul li a span{display:block;}
#m_gnb ul ul li:last-child a{border-bottom:none;}
#m_gnb ul ul li a:hover{  text-decoration:underline; color:#fff; }
#m_gnb ul ul li:last-child a:hover{border-bottom:none;}
#m_gnb ul ul ul li a:hover{border-bottom:none}


/* 푸터박스 */

footer {position:relative; clear:both; width:100%; background:#333333; padding:50px 0; color:#fff;}
footer .boho_box ul{width:100%; height:14px; margin-bottom:30px; display:flex;}
footer .boho_box li{font-size:15px; line-height:14px; padding:0 20px; position:relative;}
footer .boho_box li:after{content:""; display:inline-block; width:3px; height:3px; background:#fff; border-radius:50%; position: absolute; top: 5px; right: 0px;}
footer .boho_box li:last-child:after{display:none}
footer .boho_box li:first-child{padding-left:0;}
footer .boho_box li a{color:#ffffff;}


@media screen and (max-width: 1440px) {
	.inner {width: 100%; padding:0 30px;}

	.logo{left:20px;}

	#depth{padding-left:240px; width:1120px;}
	
	.all_menu{right:20px;}

	#footer .footer_box{padding:50px}
}

@media all and (max-width:1200px){	
	.login {top: 27px; right: 70px;}
	#m_gnb ul.m_menu{margin:0;padding: 0;}
	#m_gnb.on {display:block !important;}
	.login_w {top: 25px;}
	
	
	.depth_01_link{width:auto}

	.m_gnb_btn {position:absolute;right:20px;top:25px;display:block;}
	.m_gnb_btn button {background-color:transparent; 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:0px;top:17px;width:28px;height:3px;background:#111;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out; border-radius:3px}
	.m_gnb_btn button .line:before {content:"";display:block;position:absolute;right:0;top:-10px;width:36px;height:3px;background:#111;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out; border-radius:3px}
	.m_gnb_btn button .line:after {content:"";display:block;position:absolute;right:0;top:10px;width:36px;height:3px;background:#111;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out; border-radius:3px}
	
	#m_gnb .wrap {width: 100%; background:#fff; padding-top: 0;}
	.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; padding: 0}
    #m_gnb ul li a {position:relative;padding:15px 20px;font-size:18px;font-weight:400;color:#333;border:0;text-align:left;}
    
	#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;}	

	.m_none{display:none !important}
}


@media screen and (max-width:999px){
	.mat150 {margin-top: 75px !important;} .mat100 {margin-top: 50px !important;} .mat90 {margin-top: 45px !important;}  .mat80 {margin-top: 40px !important;} .mat50 { margin-top:25px !important;}
	.mat40 { margin-top:20px !important;} .mat30 { margin-top:15px !important;} .mat20 {margin-top: 10px !important;}
	
	footer{font-size:14px;}
}

@media screen and (max-width:765px){	
	#footer .add .inner{flex-wrap:wrap; gap:20px; padding: 0 30px;}
	#footer .add .inner span{display:block;}
}

@media screen and (max-width:499px){	
	#header {min-height: 77px;}
	.m_gnb_btn {top:21px;}
	.logo img{width:135px;}
	.wlogo img{width:135px;}

	#footer .add .inner a{color:#fff !important}

	.footer_box{text-align:center}
	.footer_box span{display:block; margin-bottom:10px}

	#footer .footer_box{padding:12vmin 8vmin}
}