* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
body, input, select, textarea {
	font-weight: 500;
	font-size: 12px;
	font-family:'Noto Sans KR',sans-serif,'Malgun Gothic','NanumGothic',Dotum;
}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
.wrap {width:1240px;margin:auto;border:none;}

#IE {height:80px;font-size:10pt;line-height:80px;text-align:center;border-bottom:1px solid #DDDDDD;background-color:#fafafa;}

#header {position:relative;width:100%;}
#top {position:relative;display:block;height:39px;border-bottom:1px solid #0f1525;background-color:#0f1525;z-index:2;}
#top .wrap {position:relative;}
#top .logo {position:absolute;width:220px;height:112px;text-align:center;border:1px solid #DDD;border-top:none;border-bottom:none;}
#top .logo img {display:block;width:218px;height:111px;padding:0;}
#top ul {float:right;text-align:right;}
#top ul li {float:left;height:39px;padding:0 0 0 20px;font-size:10pt;line-height:38px;}
#top ul li a {color:#fff;}

#gnb {position:relative;width:100%;height:73px;z-index:1;}
#gnb .mask {position:absolute;left:0;width:100%;height:73px;border-bottom:1px solid #DDD;background:#FFF;overflow:hidden;}
#gnb .d1 {position:relative;width:1240px;margin:0 auto 0;}
#gnb .d1 .bg {position:absolute;left:0;top:73px;}
#gnb .d1 h1 {float:left;width:220px;min-height:73px;margin:0;padding:0;}

#gnb .d1 > li {float:left;width:170px;height:100%;border-right:1px solid #FFF;}
#gnb .d1 > li > a {display:block;font-weight:600;font-size:13pt;line-height:73px;color:#555;text-align:center}
#gnb .d1 > li > a.on {font-weight:bold;color:#0f1525;}
#gnb .d1 > li:hover > a {color:#FFF;}

#gnb .d1 > li:hover > a {background-color:#0f1525}
#gnb .d1 > li:hover .d2 {position:relative;z-index:10}
#gnb .d1 > li:hover .d2 > li > a:hover {font-weight:normal;background-color:#FFB905;color:#000;}

#gnb .d2 {height:250px}
#gnb .d2 > li {position:relative;}
#gnb .d2 > li > a {display:block;height:40px;font-size:11pt;line-height:40px;text-align:center;color:#676767;letter-spacing:-1px;}
#gnb .d2 > li.on > a {font-weight:bold;color:#0f1525;}

#gnb .d3 {display:none;position:absolute;top:0;left:180px;width:150px;padding:2px;border:1px solid #000;background-color:#000;z-index:10;}
#gnb .d3 .arrow {position:absolute;left:-6px;top:14px;background:url('./image/arrow.gif') no-repeat;width:6px;height:11px}
#gnb .d3 li {border-top:1px solid #000}
#gnb .d3 li:first-child {border-top:none}
#gnb .d3 a {display:block;line-height:34px;padding:0 10px;color:#FFF;}
#gnb .d3 a:hover {background-color:#f5f5f5;color:#333;}

#gnb:hover li {border-right-color:#d0d0d0;}

#main_img {width:100%;height:400px;border-bottom:1px solid #DDD;text-align:center;background-color:#7486B6;}
#main_img img {width:1920px;height:400px;margin:0 auto;}

#jcomline {width:100%;height:70px;padding:15px 0;border-bottom:1px solid #DEDEDE;background-color:#fff;}
#jcompany {width:1240px;height:70px;margin:0 auto;padding:0;overflow:hidden;}

#tbox {width:100%;margin-top:20px;}
#tbox .t1 {float:left;width:400px;margin-right:20px;}
#tbox .t2 {float:right;width:820px;height:242px;}
#tbox .t2 .mbox {float:left;width:409px;height:64px;margin:0 2px 2px 0;padding:28px 0;background-color:#FAFAFA;}
#tbox .t2 .mr0 {margin-right:0;}
#tbox .t2 .mb0 {margin-bottom:0;}

#tbox .t2 .mbox i {float:left;width:64px;height:64px;margin:0 5%;background:#333;font-size:26pt;color:#fff;text-align:center;line-height:64px;border-radius:50%;}
#tbox .t2 .mbox i.fa1 {background-color:#00A804;}
#tbox .t2 .mbox i.fa2 {background-color:#FF8000;}
#tbox .t2 .mbox i.fa3 {background-color:#df5a47;}
#tbox .t2 .mbox i.fa4 {background-color:#2da6d5;}

#tbox .t2 .mbox ul {margin:5px 0 0 0;padding:0;}
#tbox .t2 .mbox ul li {font-size:10pt;line-height:120%;}
#tbox .t2 .mbox ul li h4 {margin:0 0 8px 0;padding:0;font-size:13pt;}
#tbox .t2 .mbox ul li .fc1 {color:#00A804;}
#tbox .t2 .mbox ul li .fc2 {color:#FF8000;}
#tbox .t2 .mbox ul li .fc3 {color:#df5a47;}
#tbox .t2 .mbox ul li .fc4 {color:#2da6d5;}

#top_img {width:100%;height:178px;background:#374764;}
#top_img .img {width:1920px;height:178px;margin:0 auto;}
#top_img .img .top_ban_1 {display:block;width:100%;height:178px;background:url('./image/banner/top_ban_1.jpg') no-repeat center;}
#top_img .img .top_ban_2 {display:block;width:100%;height:178px;background:url('./image/banner/top_ban_2.jpg') no-repeat center;}
#top_img .img .top_ban_3 {display:block;width:100%;height:178px;background:url('./image/banner/top_ban_3.jpg') no-repeat center;}
#top_img .img .top_ban_4 {display:block;width:100%;height:178px;background:url('./image/banner/top_ban_4.jpg') no-repeat center;}
#top_img .img .top_ban_16 {display:block;width:100%;height:178px;background:url('./image/banner/top_ban_16.jpg') no-repeat center;}
#top_img .img .top_ban_19 {display:block;width:100%;height:178px;background:url('./image/banner/top_ban_19.jpg') no-repeat center;}

.lside {float:left;width:220px;margin-right:40px;}
.lside .ban {display:block;width:100%;}
.lside .ban img {display:block;width:100%;}
.rcont {float:right;width:960px;margin-top:20px;min-height:800px;}
.rcont h2 {width:100%;margin:0 0 30px 0;padding:0 0 10px 0;font-size:30pt;border-bottom:1px solid #d0d0d0;}
.rcont h2 small {float:right;position:relative;top:30px;font-weight:300;font-size:9pt;color:#656565;}
.rcont h2 small a {color:#656565;}
.rcont h2 small a:hover {color:#333;}

#submenu {width:100%;}
#submenu h2 {position:relative;cursor:pointer;height:100px;margin:0;padding:10px 8% 40px 8%;font-size:17pt;line-height:100px;color:#FFF;background-color:#0f1525;letter-spacing:-2px;}
#submenu h2 i {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-weight: 500;
	font-size:40pt;
	opacity : 0.4;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
}
#submenu li {height:50px;margin-top:1px;padding:0 10%;font-weight:300;font-size:11pt;line-height:50px;color:#333;background-color:#eaeaea;}
#submenu li:hover,
#submenu .on {font-weight:600;color:#FFF;background-color:#555;}
#submenu li.on:hover {background-color:#0f1525;}
#submenu li i {float:right;font-size:16pt;line-height:50px;}
#submenu li dl {width:100%;}
#submenu li dd {cursor:default;width:90%;height:40px;margin-top:1px;padding:0 5%;font-size:11pt;line-height:40px;color:#676767;z-index:10;}
#submenu li dd a {color:#FFF;} 
#submenu li dd.on a {font-weight:500;color:#656565;}
#submenu li dd.on i {float:right;margin:-2px -4% 0 0;font-size:12pt;line-height:40px;color:#656565;}

#content {width:100%;padding:0;min-height:300px;background-color:#FFF;}

#footer {width:100%;padding-top:20px;background-color:#fafafa;}
#footer .company {width:100%;margin:0;padding:16px 0;font-weight:400;font-size:12px;line-height:160%;color:#676767;text-align:center;}
#footer .company .bar {margin:0 10px;}
#footer .company b {font-size:10pt;}
#footer .company a {color:#676767;}
#footer .copyright {width:100%;height:50px;font-weight:400;font-size:12px;text-align:center;line-height:50px;color:#676767;}
#footer .copyright img {cursor:pointer;height:30px;margin:0 20px;vertical-align:middle;}
#footer .copyright .bar {margin:0 10px;}
#footer .copyright a {color:#676767;}