@-ms-viewport{width:device-width}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
html,body,div,p,span,a,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,form,input,select,textarea,button,label,fieldset,table,tr,td,th,tbody,thead,tfoot,caption,video,strong,em,i,b{margin:0;padding:0; word-break:keep-all; font-size:inherit}
ul,ol,li{list-style:none}
img { border:none; max-width:100%}
em,i{ font-style:normal}
table{ border-collapse:collapse; border-spacing:0}
span, strong, a, em, i, b, input, button, textarea, select{ font-size:inherit; font-family:inherit; vertical-align: middle}
strong,h1,h2,h3,th{ font-weight:inherit}
input[type=button], input[type=submit], button{ cursor:pointer}
select{ max-width:100%}
input[type=text], input[type=button], input[type=submit], input[type=tel], input[type=file], button, label, textarea{ appearance:none;-webkit-appearance:none; -webkit-border-radius:0}
a, input, button, textarea, select, li{ -webkit-tap-highlight-color:transparent}
a:focus, input:focus, button:focus, textarea:focus, select:focus{ outline:none}
a{ text-decoration:none}

html{overflow-x:hidden}
/*body{font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:1.3; letter-spacing: -.3px; font-size:.938em;}
*/body{font-family: 'NanumBarunGothic', sans-serif;; font-weight:400; line-height:1.3; letter-spacing: -.3px; font-size:1.0625em;}
body.hidden, html.hidden{ overflow-y:hidden}

input::-webkit-input-placeholder{ color:#aaa !important}
input::-moz-placeholder{ color:#aaa !important}
input:-moz-placeholder{ color:#aaa !important}
input:-ms-input-placeholder{ color:#aaa !important}

.dwrap{ position: relative; width: 2000px; left: 50%; top: 0; margin-left: -1000px;}
.box1,
/* .wrap{ width: 1280px; max-width: 96%; margin: 0 auto; position: relative;} 기존 너비 1280 이였으나 시안은 1360px*/
.wrap{ width: 1360px; max-width: 96%; margin: 0 auto; position: relative;}
.box0{width:100%; position: relative;}
.doc{ font-size: 16px;}
.bgfix{background-position:center center; background-repeat: no-repeat; background-size: cover;}

.fl_wrap > *{ float:left}
.fl_wrap > li > a:not(.va){ display:block}
.fl{ float: left;}
.fr{ float: right;}
.fl_wrap:after{ content:""; display:block; clear:both}

.fl_wrap.fw3 > li{width:33.33%;}

.al{ text-align: left !important;}
.ac{ text-align: center !important;}
.ar{ text-align: right !important;}
.cl{clear:both;}

.flex{ display:flex}
.flex.fw{ flex-wrap:wrap}
.flex.col{ flex-direction:column}
.flex.col > *{ width:100%; box-sizing:border-box}
.flex.space{ justify-content: space-between}
.flex.vspace{ align-content:space-between}
.flex.hc{ justify-content:center}
.flex.hr{ justify-content:flex-end}
.flex.vt{ align-content:flex-start; align-items:flex-start}
.flex.vc{ align-content:center; align-items:center}
.flex.vb{ align-content:flex-end; align-items:flex-end}
.flex .mgL{ margin-left:auto}
.flex .mgR{ margin-right:auto}
.flex .mgT{ margin-top:auto}

.flex.sec2 > li{ flex-basis:50%}
.flex.sec3 > li{ flex-basis:33.33%}
.flex.sec4 > li{ flex-basis:25%}
.flex.sec5 > li{ flex-basis:20%}
.flex.sec6 > li{ flex-basis:16.66%}
.flex.sec7 > li{ flex-basis:14.28%}
.flex.sec8 > li{ flex-basis:12.5%}
.flex.sec9 > li{ flex-basis:11.11%}
.flex.sec10 > li{ flex-basis:10%}

.va_wrap{ display:block; text-align:center; white-space: nowrap}
.va_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%}
.va{display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal}
.va_wrap img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%}

.resize{ display:block; height:0; padding-bottom:56.25%; position:relative}
.resize .re{ position:absolute; left:0; top:0; width:100%; height:100%}

.wrap_idx{ overflow:hidden}
.con_idx{ position:relative}
.con_idx > .idx{ position:absolute; left:0; top:0; width:100%; visibility:hidden;filter:alpha(opacity=0);opacity:0;}
.con_idx > .idx.on{ position:relative; visibility: visible; filter:alpha(opacity=100);opacity:1;}

.c_point{ color: #06377a !important; vertical-align: baseline;}
.c_red{ color: #e90b1b !important; vertical-align: baseline;}
.c_black{ color:#000 !important; vertical-align: baseline;}
.c_gray{ color:#999 !important; vertical-align: baseline;}
.c_white{ color:#fff !important;  vertical-align: baseline;}
.strong{font-weight:700}
    

.fs_ms{font-family: 'Montserrat'}

.pd0{ padding:0 !important;}
.pt0{ padding-top:0 !important;}
.pb0{ padding-bottom:0 !important;}

.mt0{ margin-top:0 !important;}
.mt3{ margin-top:3px !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}

.mb0{ margin-bottom:0 !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}

.ml0{ margin-left:0 !important;}
.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml30{ margin-left:30px !important;}
.ml40{ margin-left:40px !important;}
.ml50{ margin-left:50px !important;}

.mr0{ margin-right:0 !important;}
.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr25{ margin-right:25px !important;}
.mr30{ margin-right:30px !important;}
.mr40{ margin-right:40px !important;}
.mr50{ margin-right:50px !important;}


/*pc_all_menu*/
.pc_all_menu{ background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 11em 7em 0;}
.pc_all_menu .gnb_all{ }
.pc_all_menu .gnb_all > ul:after{ display: block; clear: both; content: '';}
.pc_all_menu .gnb_all > ul > li.depth1 { float: left; width: 25%; text-align: center; box-sizing: border-box; padding: 0 2em;}
.pc_all_menu .gnb_all > ul > li.depth1 > a.gnb_al_a{ font-size: 1.5em; font-weight: 600; display: block; padding: .7em 0; border-bottom: 5px solid #ddd; margin-bottom: .4em;} 
.pc_all_menu .gnb_all > ul > li.depth1:hover > a.gnb_al_a{border-bottom-color:#06377a }
.pc_all_menu .gnb_all > ul > li.depth1 > ul{border: 1px solid #ddd; padding: 2em 1em; box-sizing: border-box; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); min-height: 400px;}
.pc_all_menu .gnb_all > ul > li.depth1 > ul .depth2{ font-size: 1.125em; margin-bottom: 13px;}
.pc_all_menu .gnb_all > ul > li.depth1 > ul .depth2:hover a{ color: #167fd9 !important;}
.pc_all_menu .gnb_all > ul > li.depth1 > ul .depth2:last-child{ margin-bottom: 0;}
.pc_all_menu .all_m_close{ position: absolute; top: .5em; right: 4em; font-size: 2.25em; color: #999 !important;}
.pc_all_menu .all_m_close:hover{ color: #06377a !important;}
.pc_all_menu{ opacity: 0; visibility: hidden;}
.pc_all_menu.on{opacity: 1; visibility: visible;}