/* reset */
/* reset.css */
html,body{width:100%;height:100%;}

body,div,dl,dt,dd,ul,li,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table,
caption,cite,code,del,dfn,em,img,ins,kbd,q,strong,sub,tbody,thead,tfoot,summary,legend,label,form,var,sup,sub,samp,address,abbr,pre,
span,object,fieldset,iframe,

small,b,i,article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,time,mark,audio,video{margin:0;padding:0;}

article,aside,details,figcaption,figure,footer,header,menu,nav,section,video{display:block;}

img{max-width:100%;}
/* width값이 %로 된 이미지들이 브라우저 폭이 줄어들 경우 비례를 맞추어 줄도록하기 위해 사용 */

table{border-collapse:collapse;}
img,fieldset{border:none;}

address,caption,cite,code,em,strong,th,option{font-style:normal;font-weight:normal;}

ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:after,q:before{content:"";}
abbr,acronym{border:none;}
img,li,input,select{vertical-align:middle;}
hr{display:none;}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'맑은 고딕';margin:0;padding:0;}

body{font-family:dotum;font-size:12px;color:#333333;padding:0px;
	margin:0px;vertical-align:top;}
img{border:0}

#wrap{text-align:center;margin:0px;padding:0px;}
#header {width: 100%;height:44px;display:inline-block;background:url(../../images/top_bg.jpg) repeat-x;margin-top:0px;}
#header .inner {width:1222px;height:44px;margin:0 auto;position:relative;display:inline-block;;background:url(../../images/top.jpg);}
#header .inner .logo {width: 300px;height:57px;float:left;}
#header .inner .home {width: 163px;height:19px; position:absolute;right:25px;top:18px;}
#header .inner .gnb {display:inline-block;height:44px;width:1222px;margin-top:0px;float:right;}
#header .inner .gnb .dep1 {float: left;display:inline-block;}
#header .inner .gnb .dep1 ul li {float: left; }
ul, ul li{list-style:none;margin:0;padding:0}

#container {width: 100%;margin-bottom:20px;}
#contents{width: 100%;margin:0 auto;display:inline-block;position:relative;}
#scontents{width:100%;height:150px;margin:0 auto;display:inline-block;background:#f3ede4;border-bottom:1px solid #dfdad1;border-top:1px solid #dfdad1;}

#contents .section1 {width: 100%; min-height:381px; margin: 0 auto; overflow:hidden; position:relative;background:url(../../images/visual.jpg);}
#contents .section1 .title {width: 342px; height: 56px; position:absolute; right:6px; top:120px; }
#contents .section1 .main_spot {display:inline-block; position:absolute; right:10px; bottom:40px;}
#contents .section1 .main_spot li {margin-left: 20px; float: left; }
#contents .section1 .main_spot li span {display:inline-block; border: solid 1px #c1c3c5;}
#contents .section1 .main_spot li.on span {border: solid 1px #2f88c7;}
#contents .section1 .main_spot li:hover span {border: solid 1px #2f88c7;}
#contents .section1 .main_spot li .detail {position:absolute; left:-1222px; top:-220px;}
#contents .section1 .main_spot li .detail2 {position:absolute; left:-255px; top:-170px; filter: alpha(opacity=0); opacity:0;}

#copyright{width: 100%;margin-top:45px;border-top:4px solid #4972c1;align:center;padding:15px 0px 15px 0px;}

.mvisual{position:relative;background:url(../../images/index_bg.jpg) repeat-x;height:555px; }
.mv{position:relative;background:url(../../images/visual.png);height:555px;width:1222px;margin:0 auto; border-top:1px solid #ddd;}

.svisual{position:relative;height:222px;}
.sv{position:relative;background:url(../../images/sub_bg.jpg);height:222px;width:1222px;margin:0 auto; border : 1px solid #ddd;}
.visual_bg{height:0px;background:url(../../images/visual_bg.jpg);}

.move_img{opacity:0;margin-left:-35px;position:absolute;top:33px;left:493px}

.move_txt{opacity:0;margin-top:-15px;position:absolute;top:155px;left:1px}

.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:70px;left:100px;}

.notice{width:315px;float:left;display:inline-block;}
.notice_imgs{float:left;width:85px}
.notice_txt{float:left;display:inline-block;}
.banner{display:inline-block;margin-top:20px}
.banner ul li{list-style:none;float:left}
.banner1{float:left;width:166px;margin-left:28px}
.banner2{float:left;margin-left:28px}

.sub_content{width:1222px;margin:0 auto;display:inline-block;}
.l_menu{width:217px;margin-right:11px;float:left; padding-bottom:47px; font-weight:500;}
.marb{margin-bottom:0px; margin-top:15px; margin-bottom:-17px;}
.con{width:960px;float:left;text-align:left}
.mart{margin-top:30px;margin-bottom:20px}

tr {font-size:9pt}

A:link {color:#333; text-decoration:none} 
A:visited {color:#333;  text-decoration:none} 
A:active {color:#333; text-decoration:none} 
A:hover     {color:#333; font-weight : bold; text-decoration:none}

.fl2{float: left; color: #262626;  width: 960px; padding-bottom: 55px; font-weight: 400; font-size:33px; padding-left: 0px;  padding-top: -15px; font-family:나눔고딕;   }

  /* slide */
.slides{position:relative;width:1222px;}
.slides .slide{overflow:hidden;position:relative;width:1222px;height:555px;}
.slides .slide li{display:block;width:1222px;height:555px;}
.slides .slide li a{display:block}
.slides a.prev,.slides a.next{display:inline-block;z-index:100;overflow:hidden;position:absolute;top:10px;width:14px;height:14px;background:url(../../img/sp_page.gif) 0 0 no-repeat;line-height:500px;vertical-align:top}
.slides a.prev{right:25px;background-position:0 0}
.slides a.prev:hover{background-position:0 -20px}
.slides a.next{right:10px;width:15px;background-position:-20px 0}
.slides a.next:hover{background-position:-20px -20px}

.slides .page{z-index:100;position:absolute;top:400px;left:0;width:1222px;text-align:center;list-style:none}
.slides .page li{display:inline-block;_display:inline;margin:0 1px;_zoom:1}
.slides .page li a{display:block;overflow:hidden;width:12px;height:12px;background:url(../img/sp_page.png) no-repeat;line-height:1222px;vertical-align:top;}
.slides .page li.current a{background-position:0 -12px}

.slides2{position:relative;width:1222px}
.slides2 .slide{overflow:hidden;position:relative;width:1222px;height:400px}
.slides2 .slide li{display:block;width:1222px;height:400px}
.slides2 .slide li a{display:block}

.slides2 .page{z-index:100;position:absolute;bottom:10px;right:10px;height:12px;list-style:none}
.slides2 .page li{display:inline-block;_display:inline;margin:0 1px;_zoom:1}
.slides2 .page li a{display:block;overflow:hidden;width:12px;height:12px;border:1px solid #e7e7e7;background:#fff;color:#999;font-family:Verdana,Geneva,sans-serif;font-size:11px;line-height:12px;text-align:center}
.slides2 .page li a:hover{text-decoration:none}
.slides2 .page li.current a{border:1px solid #6d9506;background:#6d9506;color:#fff;font-weight:bold}

.txt{font-weight:600; font-size:15px; color:#006699; padding:10px 0}

.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-left:1px solid #ddd; border-top:1px solid #333;}
.table_style th{color:#333; text-align:center; padding:3px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; background-color:#f9f9f9; font-weight:700;}
.table_style td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0; text-align:center; line-height:180%; color:#666;}

.bmar_50{margin-bottom:10px;}

/* 좌측메뉴 */
.lnb { float:left; width:210px; position:relative; margin-right:25px;  }
.lnb h3 { padding:45px 0 45px 11px; font-size:28px; color:#fff;  background:#0c65c2; url(../../images/inc.png);  font-weight:600; text-align:left; }
.lnb h3 p.stit{color:#b1d3f5; font-weight:100; font-size:14px; letter-spacing:0.3pt;  margin-bottom:7px;  }
.lnb ul {  margin-bottom:46px; text-align:left; }
.lnb li { border-bottom:1px solid #fff;  position:relative;     }


/* 텍스트 메뉴 */
.lnb li a {  padding:14px 10px;  display:block; color:#333; font-size:14px;  font-weight:600;  border-bottom:1px solid #ccc;  }
.lnb li:hover a, .lnb li.active a { color:#333; padding:14px 10px; font-size:14px;  font-weight:600;  background:#f3f3f3 url('../../images/left_up.gif') 183px 18px no-repeat;}




	/*depth_3*/
	.lnb ol.depth_3{ color:#333;  background: #fafafa; border-bottom:1px solid #ccc; padding:10px 0 20px 10px;}
	.depth_3 dd a:link, .depth_3 dd a:visited{display:block; color:#333; font-size:12px; height:25px; background: #fafafa url('../../images/dot.gif') 0 8px no-repeat !important; padding-left:8px;}
		.depth_3 dd a:hover{display:block; color:#333;}
		.depth_linktop{color:#fff !important; }
		.depth_linktop:hover{text-decoration:none; font-weight:bold !important; }
	




.lnb_common dl{border:1px solid #cccccc;background:url(../images/i_call.png) no-repeat right 11px top 11px;padding:11px;color:#666; margin-bottom:37px; text-align:left; }
.lnb_common dl dt{  position:relative; color:#33302e; font-size:17px; font-weight:600;line-height:30px;padding:0px px;letter-spacing:-0.5px;}
.lnb_common dl dd.tel{ font-weight:800;font-size:25px; color:#0c65c2;line-height:25px; padding-top:8px}
.lnb_common dl dd.tel2{ font-weight:700;font-size:12px; color:#707070; line-height:25px;}
.lnb_common dl dd.fax{font-size:15px; font-weight:600; color:#707070;  padding-top:3px}
.lnb_common dl dd.email{font-size:13px;color:#666;  padding-top:8px}


.lnb_banner {border:1px solid #cccccc; padding:2px;color:#666; margin-top:5px}



#container{width:100%;margin:0 auto;margin-bottom:20px;box-sizing:border-box;}
#container:after{content:'';display:block;clear:both;}
#container > div{box-sizing:border-box;}
#container > div.main_txt{width:250px;height:555px;background:#195da9;}
#container > div.main_txt ul{padding:40px;box-sizing:border-box;color:#fff;font-size:18px;}
#container > div.main_txt ul li{border-bottom:1px solid #6ea7e7;padding:10px 0;font-weight:bold;}
#container > div.main_txt ul li img{display:block;margin:0 auto;}
#container > div.main_txt ul li span{display:block;}
#container > div.main_txt ul li:last-child{border:0;}
#container > div.main_txt ul li:nth-of-type(2){font-size:15px;}
#container > div.main_txt ul li:nth-of-type(3){font-size:15px;}
#container > div.main_txt span.red_txt{color:#ffe58a;}

#container > div.slides{width:840px;height:555px;}
#container > div.slides ul{position:relative;width:100%;height:100%;overflow:hidden;}
#container > div.slides ul li{position:absolute;left:0;top:0;width:100%;height:100%;display:none;}
#container > div.slides ul li.on{display:block;}

tr {font-size:9pt}

A:link {color:#333; text-decoration:none} 
A:visited {color:#333;  text-decoration:none} 
A:active {color:#333; text-decoration:none} 
A:hover     {color:#333; font-weight : bold; text-decoration:none}

/* ej basic */
body{margin:0; padding: 0;}
body {font:normal 12px dotum,'돋움'; color:#000; font-family: "나눔 고딕","맑은 고딕", "돋움", "Segoe UI", "verdana", "arial";}
img{border:0}



/* 메인 이미지 */
.main_img{width:100%;min-width:1222px;text-align:center;}

/* 메인박스 */
.main_box{width:1200px;margin:0 auto;padding:20px;background:#ddd;box-sizing:border-box;}
.main_box h4{display:block;width:100%;font-family:'맑은고딕';font-size:22px;color:#666;text-align:left;font-weight:normal;padding-bottom:20px;}

.main_box:after{display:block;content:'';clear:both;}
.left_box{float:right;}
.right_box{float:left;width:400px;text-align:left;}
.right_box > div{margin-bottom:15px;}

.right1{background:#fff;box-sizing:border-box;border:5px solid #004387;padding:20px;}
.right1 h5{font-size:24px;color:#004387;font-weight:bold;}
.right1 p{font-size:11px;color:#666;letter-spacing:-1px;padding-bottom:5px;}
.right1 ul li{font-size:24px;color:#666;padding-bottom:5px;}
.right1 ul li span{color:#d62424;font-weight:bold;}
.right1 ul li:last-child{background:#ddd;color:#666;font-size:15px;padding:10px 5px;}

.right2{background:#fff;}
.right2 a{display:block;width:100%;height:100%;box-sizing:border-box;text-indent:-9999px;font-size:0;overflow:hidden;}
.right2 a:hover{border:5px solid #004387;}
.right2 p{float:left;width:50%;height:150px;margin-bottom:15px; text-align:center; }
.right2 p:first-child{ background:url(../images/icon1.jpg)no-repeat center ;}
.right2 p:nth-of-type(2){background:url(../images/icon2.jpg)no-repeat center;}
.right2 div{width:100%;height:48px;clear:both;background:url(../images/icon3.jpg)no-repeat 0 0;}

.mhm2 a:link, a:visited, a:active { text-decoration:none; color:#222; font-weight: bold; }
.mhm2 a:hover { text-decoration:none; color:#acacac; font-weight: bold; }
.mhm2 {font-size: 17px; font-weight: normal; font-family: "맑은 고딕", "돋움",  "arial"; }

.l_menu{width:250px;}
.l_menu li{width:100%;text-align:left;box-sizing:border-box;border-bottom:1px solid #ddd;}
.l_menu li > a{display:block;width:100%;line-height:20px;font-size:16px;padding:10px 20px;box-sizing:border-box;}
.l_menu li a{display:block;width:100%;line-height:20px;padding:10px 20px;box-sizing:border-box;}
.l_menu li:first-child{height:100px;font-size:22px;line-height:100px;background:#004387;color:#fff;font-weight:bold;text-align:center;border:0;}

.l_menu li dl a{font-size:13px;box-sizing:border-box;padding-left:10px;background:#ddd;}
.l_menu li > dl > dd > a{font-size:12px;font-weight:bold;background:#e3e3e3;}
.l_menu li dl dd a{font-size:12px;background:#d1d1d1;}