@charset "utf-8";
/* CSS Document */

 
 
/*============* mainVisual *============*/
#mainVisual {position:relative; width:100%; height:430px; overflow:hidden;}
#mainVisual .item {text-align:center; height:430px;}
#mainVisual .item.mv01 {background:url(../_img/main/visual01.jpg) no-repeat center; background-size:cover; }
#mainVisual .item.mv02 {background:url(../_img/main/visual02.jpg) no-repeat center; background-size:cover; }
#mainVisual .item.mv03 {background:url(../_img/main/visual03.jpg) no-repeat center; background-size:cover; }

#mainVisual .owl-dots { display:none; position:absolute; bottom:0; left:0; width:100%; z-index:50; margin-top:0; margin-bottom:40px;}
#mainVisual .owl-dots .owl-dot {}
#mainVisual .owl-dots .owl-dot span {width:13px !important; height:13px !important; background:#fff !important;}
#mainVisual .owl-dots .owl-dot.active span {  background:#bbd100 !important;}

#mainVisual button.owl-next, #mainVisual button.owl-prev {position:absolute; top:30%; left:50%; width:56px; height:105px;}
#mainVisual button.owl-next {margin-left:450px; background:url(../_img/icon/arr_rgt.png) no-repeat center;}
#mainVisual button.owl-prev {margin-left:-508px;background:url(../_img/icon/arr_lft.png) no-repeat center;}

 
/*==========  container  ==========*/
#container {width:100%; overflow:hidden; margin-top:100px;}
#container .contents { width:1600px; height:100%; box-sizing:border-box; margin:0 auto;}

#main_container_wrap { width:1000px; overflow:hidden; box-sizing:border-box; margin:0 auto;  }
.main_section { position:relative; width:100%; padding:90px 0; box-sizing:border-box;}
.section_title {width:100%; text-align:center; margin-bottom:60px;}
.section_title h2 {text-align:center;}
.section_title p {font-size:17px; color:#7f7f7f; text-align:center; padding:10px 0}



/*==========  about_list  ==========*/
#main_section01 { position:relative; height:400px; }
ul.about_list { position:absolute; top:-50px; width:100%;  z-index:9999;   }
ul.about_list li {float:left; width:340px; margin-left:4.4%; }
ul.about_list li:first-of-type { margin-left:13.8%; }
ul.about_list li .pic {/*width:600px; height:410px;*/  overflow:hidden;}

ul.about_list li .pic img { width:100%; }
/*ul.about_list li .pic img {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; width:auto; height:100%; box-sizing:border-box; }
ul.about_list li:hover .pic img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
*/
ul.about_list li .about_desc {width:100%; padding:30px 0;}
ul.about_list li .about_desc h5 {color:#000; font-size:25px; margin-bottom:40px; font-weight:800; }
ul.about_list li .about_desc a { border:1px solid #000; color:#000; font-size:18px; font-weight:700; padding:10px 90px 10px 20px; background:url(../_img/icon/more.png) no-repeat center right 20px; }
ul.about_list li .about_desc a:hover { color:#fff; text-decoration:none; background:url(../_img/icon/more_w.png) no-repeat center right 20px, #046eb7; }/* sub */

#content_wrap {position:relative; width:1000px; height:100%; margin:0 auto}
.s_visaul { background:url(../_img/sub/sub_visual01.jpg) no-repeat; width:1000px; height:200px; position:relative;  margin:100px auto 0;}
.s_visaul.sv02 {background-image:url(../_img/sub/sub_visual02.jpg);}
.s_visaul.sv03 {background-image:url(../_img/sub/sub_visual03.jpg);}
.s_visaul.sv04 {background-image:url(../_img/sub/sub_visual04.jpg);}


#leftmenu {position:relative; width:100%; overflow:hidden; box-sizing:border-box;}
#leftmenu h2 {display:block; width:167px; height:104px; border-bottom:1px solid #d5d6d7;}
#leftmenu>ul {width:100%; overflow:hidden; background:#003963;}
#leftmenu>ul>li {float:left; display:block; width:14%; box-sizing:border-box; text-align:center; font-weight:bold; padding:5px; padding-bottom:0;}
#leftmenu>ul>li:first-of-type {width:15%;}
#leftmenu>ul>li>a {display:block; padding-bottom:5px; line-height:50px; color:#fff; font-size:15px; text-decoration:none;}
#leftmenu>ul>li.on {}
#leftmenu>ul>li.on>a {background:#fff; color:#02403b;}
#leftmenu .s_menu {position:relative; width:1000px; height:55px; background:#fff; border-bottom:1px solid #ddd;}
#leftmenu .s_menu::before {position:absolute; top:0; left:-100%; width:100%; height:55px; background:#fff; content:''; border-bottom:1px solid #ddd;}
#leftmenu .s_menu ul {padding-left:15px;}
#leftmenu .s_menu ul li {float:left; line-height:55px; padding:0 20px; font-weight:bold; font-size:13px;}
#leftmenu .s_menu ul li a {position:relative; color:#999; padding-left:8px; text-decoration:none;}
#leftmenu .s_menu ul li a::before {position:absolute; top:1px; left:0; width:2px; height:13px; background:#999; content:'';}
#leftmenu .s_menu ul li.on {}
#leftmenu .s_menu ul li.on a {color:#02403b;}
#leftmenu .s_menu ul li.on a::before {background:#003963;}
#leftmenu p {display:block; width:167px; height:79px; border-bottom:1px solid #d5d6d7;}

#leftmenu>ul.leng04>li {width:25% !important;}
#leftmenu>ul.leng03>li {width:33.3% !important;}
#leftmenu>ul.leng03>li:first-of-type {width:33.4% !important;}
#leftmenu>ul.leng06>li {width:16.6% !important;}
#leftmenu>ul.leng06>li:first-of-type {width:17% !important;}


#content  {display:block; width:100%; /*min-height:700px;*/ height:100%; padding:50px 0;}
#content_body {position:relative; clear:both;}
#content_body h3 {position:absolute; top:0;  font-size:28px; line-height:28px; letter-spacing:-1px; font-weight:800; color:#000000}
#content_body h3 span{font-size:21px; line-height:28px; letter-spacing:-1px; font-weight:300; color:#808285;  padding-left:18px}

.snavi { display:block; height:35px; text-align:right; font-size:0.92em; color:#6a6a6a; letter-spacing:1px; }

#content_body .cont {margin-top:30px; letter-spacing:-1px; overflow:hidden;}
#content_body .cont h4 { font-size:22px; color:#046eb7; line-height:34px;  font-weight:700; margin-bottom:40px; text-align:center;}
#content_body .cont .h4txt {margin-top:30px; font-size:17px; color:#58595b; line-height:28px; font-weight:500; word-break:keep-all; margin-bottom:40px; text-align:center;}



/* ceo 인사말 */
#content_body .cont .ceotxt {position:relative; margin:0px auto 50px auto; padding:50px; padding-bottom:0; font-size:16px; color:#58595b; line-height:30px; font-weight:500; width:750px; background:url(../_img/sub/sub01/ceo_bg.jpg) no-repeat bottom right;}
#content_body .cont .ceotxt p.ceosign { position:absolute; right:0px; bottom:0; }


/* 연혁 */
.inner-section {width:50%; float:left;}
dl.history {width:100%; overflow:hidden; margin-top:80px;}
dl.history:first-of-type {margin-top:0;}
dl.history dt {position:relative; font-weight:600; font-size:31px; line-height:41px; font-style:italic; color:#046eb7; padding-bottom:15px; margin-bottom:15px;}
dl.history dt::after {position:absolute; bottom:0; left:0; width:80px; height:1px; background:#046eb7; content:'';}
dl.history dd {}
dl.history dd ul {width:100%; overflow:hidden;}
dl.history dd ul li {position:relative; margin:5px 0; font-size:17px; line-height:28px;  padding-left:90px;}
dl.history dd ul li span {position:absolute; top:0; left:0; color:#666; font-weight:600;}


/* 오시는길 */
.view { width:100%; margin:auto; text-align:center; margin-bottom:30px;  } 
.view p { text-align:center; font-size:17px; font-weight:600; color:#046eb7; letter-spacing:0px; margin:5px 0 50px 0;  }

.map_area {width:681px; margin:0 auto; position:relative}
.map_area ul.tabs {width:100%; overflow:hidden;}
.map_area ul.tabs li {float:left; width:33.3%; height:45px; line-height:43px; box-sizing:border-box; border:1px solid #ddd; border-left:0; border-bottom:0; text-align:center;}
.map_area ul.tabs li a {font-size:17px; color:#6d6e71; font-weight:600}
.map_area ul.tabs li:first-of-type {border-left:1px solid #ddd;}
.map_area ul.tabs li.on a {color:#046eb7;}
.root_daum_roughmap {box-sizing:border-box; border-radius:0;}

.addres { width:100%; height:90px; background:#fff; border-bottom:2px solid #000; padding:20px; overflow:hidden; box-sizing:border-box;  }
.addres { width:100%; height:90px; background:#fff; border-bottom:2px solid #000; padding:20px; overflow:hidden; box-sizing:border-box;  }
.addres ul { }
.addres li { float:left; width:33%; }
.addres dl {   float:left; font-size:15px; letter-spacing:0; margin-bottom:10px;   }
.addres dl:first-child { width:100%; }
.addres dl dt { position:relative; float:left; font-weight:800; margin-right:10px;  }
.addres dl dd { float:left; font-weight:600; color:#333;  }