/**** Reset ****/
html, body { position:relative; }
ol, ul { list-style:none }
* { margin:0; padding:0; font-family:'Noto Sans Korean',sans-serif; }
h1, h2, h3, h4, h5, p, td, li, a, span {word-break:keep-all}
@font-face { font-family: 'Kanibuk'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.5/Kanibuk.woff') format('woff'); font-weight: normal; font-style: normal; }

/**** Layout ****/
.hd_btm { position:relative }
.hd_btm:before { position:absolute; width:100%; height:120px; border-top:3px solid #171c61; background:#fff; content: ""; z-index: -1 }
.header {border-bottom:1px solid rgba(0,0,0,0.8); width:100%; }
.header .hd_sub { width:100%; margin:0 auto; position:relative }
.header .hd_sub:after { display:block; clear:both; content:"" }
.header .hd_sub .gn_abs_txt {  display:none; position:absolute; top:150px; left:50px; color:#fff; font-size:30px; line-height:200%; font-family: 'Kanibuk'; }
.header .hd_sub .logo { width:280px; height:90px; float:left; background:url(/images/logo-pc-active.png)no-repeat 30px center ; background-size:250px; background-size: 160px; }
.header .hd_sub .logo > a { display:inline-block; width:100%; height:100%; color:transparent }
.hd_btm .gnb { float:right; }
.hd_sb_bg { display:none; position:absolute; top:115px; left:0; width:50%; height:190px; padding-top:90px; text-align:center; /*background-size:100% 100% !important; background:url(/images/gn_over_img.png)no-repeat left top*/ }
.header .hd_sub .gn_txt_wrap { display:none; position:absolute; top:180px; left:0; }
.gnb > li { float:left;width:150px ; display:inline-block; padding:0 23px; position:relative;}
.gnb > .menu_1 { width:150px !important; padding:0 5px }
.gnb > .menu_2 { width:150px !important; padding:0 15px }
.gnb > .menu_3 { width:150px !important; padding:0 15px }
.gnb > .menu_4 { width:150px !important; padding:0 15px }
.gnb > .menu_5 { width:150px !important; padding:0 15px }
.gnb > .menu_6 { width:150px !important; padding-right:0 }
.gnb > li > a { display:block; width:100%; height:90px; line-height:90px; font-size:18px; font-weight:500; color:#101010; letter-spacing:-0.5px; text-align:center; transition:all 0.4s; }

.header .hd_tel_bg {background: #1E283A; color: #9f9f9f; padding: 5px 0 3px}
.header .hd_tel_wrap {height:25px;}
.header .hd_login {text-align:right; padding-right:20px}
.header .hd_login ul {list-style: none; float: right; padding: 0; margin: 0;}
.header .hd_login li {float: left;}
.header .hd_login li a {color: #9f9f9f; display: inline-block; font-size: 14px; height: 25px; line-height: 23px; margin: 0 2px; text-align: center; transition: background-color 400ms linear 0s;}

#main_body {width:calc(100% - 60px); padding:0 30px; margin:0 auto; position: relative; min-height:690px}

/* �명꽣 */
#footer { clear:both; display:block; width:100%; padding:30px; background:#cdcdcd; box-sizing:border-box; overflow:hidden; }

.iframe_bg {position:absolute; top:0; left:0; width:100%; height: 100%; display:none; z-index:9999999; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:10;}
#work_iframe {position:fixed; display:none; background-color: #fff; z-index:999999999999; border:1px solid #000;opacity:1; width:1000px; left:calc(100% / 2 - 500px); height:800px; top:10px}