@charset "euc-kr";

.wrap {overflow:inherit; }

.etc_navi div{width:100%;}
.navtop {height:50px;position:relative;}
.navlogo {float:none;text-align:center;margin:0; padding-top:0px;}
.navlogo img {width:120px;}
.navheader {display:block;position:absolute;top:18px;right:15px;}
.navheader .navtoggle span {width:20px;height:3px;margin-bottom:4px;}

.menu {background:#333333;color:#ffffff;float:none;position:fixed;top:0;right:-245px;width:245px;height:100%;z-index: 999;}
.menu ul.menulist {padding-top:12px;}
.menu ul.menulist li.menus {float: none;padding:0;margin:0 auto;border-bottom:1px solid #161616;}
.menu ul.menulist li.menus:first-child {border-top:none;}
.menu ul.menulist li.last {border-bottom:none;}
.menu ul.menulist li.menus>a {display:inline-block;color:#ffffff;font-size:16px;padding:15px 30px;width:100%;}
.menu ul.menulist li.menus>a:hover {color:#ffe401;}
.menu ul.menulist li.menus ul {position:relative;background:#161616;top:0;left:0;padding:15px 45px;}
.menu ul.menulist li.menus ul li a {display:block;line-height:30px;}
.menu ul.menulist li.menus ul li a:hover {color:#ffe401;}
.menu ul.menulist li.menus ul.sub1,.menu ul.menulist li.menus ul.sub2,.menu ul.menulist li.menus ul.sub3,
.menu ul.menulist li.menus ul.sub4,.menu ul.menulist li.menus ul.sub5,.menu ul.menulist li.menus ul.sub6 {left:0;}
.subm_h{display:block;}
.subm_h a{color:#bbdefb !important;}

.topbtn {
	display:inline-block;zoom:1;*display:inline;width:40px;opacity:1;
	position:fixed;bottom:30px;right:30px;z-index:1999;visibility: visible;
}


.main_visual {margin-top:0px;text-align:center;position:relative; }
.main_visual div{position:relative;width:100%;height:auto;overflow:hidden; height:150px; background: url(../n_img/visual1.jpg) no-repeat center top;background-size:auto 100%;}
.main_visual div p{padding-left:5%; padding-right:7%;color:#fff;}
.main_visual div p.first-ch{ font-size:20px; padding-top:20px;}
.main_visual div p.second-ch{padding-top:10px;font-size:15px;}
.main_visual div p.last-ch{font-size:12px; padding-top:10px; line-height:1.3em; padding-bottom:25px;}



.main_section1{width:100%;height:auto;}
.main_section1 .main_contents_wrap {max-width:auto;width:100%; margin-top:0 !important;}
.literature-wrap{float:none;width:90%; padding-right:5%; margin-right:0;padding-bottom:20px;padding-left:5%;}
.literature-wrap dl{padding-left:0px; padding-bottom:20px;}
.literature-wrap dt{padding-top:15px; font-weight:600; color:#102042; margin-bottom:5px;}
.literature-wrap dd{font-size:16px; padding-top:5px; line-height:1.3em; width:100%;}
.editor-wrap{margin-top:20px;text-align:center; margin-right:7%;float:none; width:93%; padding-bottom:30px;}
.editor-wrap dl{padding-left:30px;}
.editor-wrap dt{padding-top:30px; font-weight:600; color:#102042;}
.editor-wrap dd{padding-top:20px; line-height:1.3em; }
.editor-wrap dd a{color:#ee3e48; text-decoration:underline;}

.footer_inner{overflow:hidden; max-width:92%; padding-left:5%;width:92%; padding-right:3%; margin:30px auto 0 auto; padding-bottom:20px;}



.sub_visual {margin-top:0px;text-align:center;position:relative; }
.sub_visual div.visual-s1{position:relative;width:100%;height:auto;overflow:hidden; background: url(../n_img/visual2.jpg) no-repeat center top;background-size:auto 100%;}
.sub_visual div.visual-s2{width:100%; height:auto; background-size:auto 100%;}
.sub_visual div.visual-s3{width:100%; height:auto; background-size:auto 100%;}
.sub_visual div.visual-s4{width:100%; height:auto; background-size:auto 100%;}
.sub_visual div.visual-s5{width:100%; height:auto; background-size:auto 100%;}

.sub_visual div p{color:#fff; text-align:right; max-width:90%; width:90%; margin:0 auto;}
.sub_visual div p.sub-first-ch{ font-size:25px; padding-top:30px;}
.sub_visual div p.sub-second-ch{padding-top:5px;font-size:13px; padding-bottom:40px;}

.sub-section1_wrap {overflow:hidden;max-width:90%; width:90%; padding-left:5%; padding-right:5%;margin:0 auto;}
.sub-section1_wrap h2{margin-top:40px;}

.disnone{display:none;}



.history1 p{text-align:center; background:url(/m/n_img/cir.png) no-repeat; background-size:100%; font-size:15px; color:#fff; font-weight:600; width:100px; height:100px; margin: 0 auto; line-height:6.3em; }


.tab_common{width:96%; margin:0 auto; overflow:hidden;}


.main_icons{display:inline-block; visibility:visible;}



.main_icons{ width:100%; display:inline-block; visibility:visible;}
.main_icons ul{overflow:hidden;display:block; width:100%; }
.main_icons li{margin:1%; width:22.5%; float:left;}
.main_icons li a{height:15px;display:inline-block; text-align:center; padding-top:65%; padding-bottom:20%;}
.main_icons li a span{display:inline-block; text-align:center;}
.main_icons li:first-child a{width:100%; display:inline-block;border:1px solid #63b8dd; border-radius:4px; background:#f8f8f8 url(/m/n_img/main_ico01.png) center 25% no-repeat; background-size:50%;}
.main_icons li:nth-child(2) a{width:100%; display:inline-block; border:1px solid #9db617; border-radius:4px; background:#f8f8f8 url(/m/n_img/main_ico02.png) center 25% no-repeat; background-size:50%;}
.main_icons li:nth-child(3) a{width:100%; display:inline-block; border:1px solid #63b8dd; border-radius:4px; background:#f8f8f8 url(/m/n_img/main_ico03.png) center 25% no-repeat; background-size:50%;}
.main_icons li:last-child a{width:100%; display:inline-block; border:1px solid #9db617; border-radius:4px; background:#f8f8f8 url(/m/n_img/main_ico04.png) center 25% no-repeat; background-size:50%;}
.main_icons li span{padding-top:8%; display:inline-block;}


.well ul li{width:100%; float:none;border-bottom:1px solid #e3e3e3; }
.well ul li a{padding:15px 10px 15px 20px; width:90%; display:inline-block;}
.well ul li{border-right:1px solid #e3e3e3;}


.main_icons1{padding:3% 2% 5% 2%;}
.main_icons1 li{margin-right:2%; width:32%;}
.main_icons1 li p{width:100%; top:47%; line-height:1.2em;}
.main_icons1 li:last-child p{top:52%;}
.main_icons1 li p a{font-size:95%;}
.main_icons1 li p span{ font-size:70%; }


.certi_frm li{float:left; width:45%; text-align:center; margin-bottom:15px;}
table.table_border td img{width:100%;}