/* CSS Document */

html {overflow-y:scroll;}
body {font-family: 'notokr', sans-serif; font-weight: 400; color:#000; font-size: 16px; line-height: 1; letter-spacing: -0.065em;}

select {font-family: Dotum, Gulim, Tahoma; height: 24px;width: 65px;}
a:link, a:visited, a:hover, a:active {text-decoration: none;}

ul:after {content: ''; display: block; clear: both;}


input,textarea {background-color:#FFFFFF;font-family:µ¸¿ò,Dodum;font-size:12px;color:#000000;border:1px solid #EAEAEA;}
select {background-color:#E6FAFF; font-family:µ¸¿ò,Dodum;font-size:11px; color:#636163;}

.orange {color:#FF3300;}
.white {color:#FFFFFF;}
.bold {font-weight:bold;}
.verdana {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

#table_A {background-color:none;} 





.visual {position:relative; width:1100px;margin:0 auto;background:#ddd;}
.visual.main {height:380px;}
.visual.sub {height:174px;}
.visual.sub dl {position:absolute; top:50%; right:50px; transform: translate(0, -50%);}
.visual.sub dl dt {font-size:55px; font-weight:300; color:#fff; letter-spacing:-0.06em;}
.visual.sub dl dd {font-size:13px; font-weight:300; padding-top:7px; color:#fff; text-align: right; letter-spacing:0;}

.hd__btm { background: #fff; height: 60px; }

.container {position: relative;min-width: 1100px; max-width:1100px; width:100%; margin:0 auto;}
.clearfix:after {content:''; display: block; clear: both;}

.hd__btm .logo {position:absolute; top:50%; left:0; transform: translate(0, -50%);}
.hd__btm .logo a {display:block; width:100%;line-height:60px;}
.hd__btm .logo img { vertical-align: middle;}
.hd__btm .gnb-menu {float:right;background: #fff;}

.white-bg {display: none; position: absolute; width:100%; top:60px; height:40px; background: #fff;box-shadow: 0 6px 20px 0px rgba(0, 0, 0, 0.15); z-index: 2;}
.hd__btm .gnb-menu > li { float:left;width: 120px; }
.hd__btm .gnb-menu > li:nth-child(4) {width: 170px; }
.hd__btm .gnb-menu > li a:hover {color:#66ccff;}
.hd__btm .gnb-menu > li > a {display: inline-block;width: 100%; height: 60px; line-height: 60px; font-size:17px; font-weight:500;color: #000; text-align: right;}
.hd__btm .gnb-menu > li.on {background: #4076a8;}
.hd__btm .ham {float:right;  width:60px;height:60px; background: #0a5e9e url(/KOR/image/ico/ham.png)no-repeat; -webkit-background-size: 27px 18px;background-size: 27px 18px; background-position: center;}
.gnb-menu .gnb-dep { display:none; position: absolute; top:100%; width:780PX; height:40px; line-height:40px; /*background: #fff; */text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); /* box-shadow: 0 6px 20px 0px rgba(0, 0, 0, 0.15); */ z-index: 2; transition:.4s ; -webkit-transition:.4s ; -moz-transition:.4s ; -ms-transition:.4s ; -o-transition:.4s ; }
.gnb-menu .gnb-dep.m1 {left:40%;}
.gnb-menu .gnb-dep.m2 {left:55%;}  
.gnb-menu .gnb-dep.m3 {left:60%;} 
.gnb-menu .gnb-dep.m4 {left:75%;}
.gnb-menu .gnb-dep.m6 {left:95%;}

.gnb-menu .gnb-dep li {display: inline-block;}
.gnb-menu .gnb-dep li:hover a {color:#f07f00;}
.gnb-dep li a {display: block;padding:0 15px; font-size:15px; }

.main_middle {width:100%;}
.main_cont {width:1100px; margin:0 auto; padding-top:30px;}
.main_cont li {float:left;}
.main_cont li:first-child {width:400px;}
.main_cont li:nth-child(2) {width:450px; text-align:center;}
.main_cont li:last-child {width:250px; text-align:center;}
.main_cont h2 {padding-bottom:10px;}

.breadcrumb {display:block; line-height:50px; text-align:right; font-size:14px;}
.sub_left {float:left; width:175px;}
.sub_menu {}
.sub_menu dt {font-size:24px; height:50px;border-bottom:1px solid #ddd;}
.sub_menu dd {position: relative; line-height:35px; border-bottom:1px solid #ddd;padding-left:10px;}
.sub_menu dd a {display:block; font-size:16px;}
.sub_menu dd:hover a {color:#0070f0; transform:translateX(10px); transition: transform .4s;}
.sub_menu dd:hover:before { content:''; position: absolute;left:5px; top:50%; transform:translateY(-50%); width:5px; height:5px; background:#f07f00; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.sub_menu dd.on a {color:#0070f0; transform:translateX(10px); transition: transform .4s;}
.sub_menu dd.on:before { content:''; position: absolute;left:5px; top:50%; transform:translateY(-50%); width:5px; height:5px; background:#f07f00; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }


.sub_right {float:right;width:calc(100% - 175px); padding-left:6%; box-sizing: border-box;}
.sub_cont {border-top:1px solid #eaeaea; padding-top:30px;}
.cont_txt {position: relative; margin-top:20px; padding-left:20px; color:#ff3300; line-height:22px; word-break: keep-all;}
.cont_txt .dot {position: absolute; left:5px; top:2px;}
.tbl_01 {width:100%;}
.tbl_01 th {width:17%; background:#efefef; text-align:center; font-weight:500; vertical-align: middle;}
.tbl_01 td {padding:15px 10px; line-height:22px; word-break: keep-all;}
.tbl_02 {width:100%;}
.tbl_02 td {line-height:30px;}
.sgap {margin:30px 0;}
.stxt {font-size:12px;}
.mtxt,
.mtxt a {font-size:13px;}
.btxt,
.btxt a {font-size:14px;}
.mtxt img,
.btxt img {padding-left:5px;}

footer {width:1100px ;margin:60px auto 20px; border-top:1px solid #FFE9CA;}