* {margin:0; padding:0;}
html,body {width:100%; height:100%;}
body {font-family:sans-serif; font-size:12px;}
a {text-decoration:none; border:none;}
a:hover,a:active,a:visited {text-decoration: none; color:#fff;}
img,hr {border:0;}
li {list-style:none;}
input,select,button,label {vertical-align:middle; font-family: 'Nanum Gothic', sans-serif}
table {border-collapse:collapse;border-spacing:0}
.wrap {width:1024px; margin:auto; position:relative;}
#header {width:100%; height:74px; padding-top:15px; border-bottom:1px solid #cacaca;}
#nav {width:800px; position:absolute; top:0; right:0;}
#nav > div {float:right;}
#nav ul {clear:both; display:block; content:'';}
#nav li {float:left;}
#nav .gnb {text-transform:uppercase; font-weight:700; font-size:11px;  }
#nav .gnb li {margin:0 7px 0 7px;}
#nav .gnb a {color:#666;}
#nav .lnb {clear:both; margin-top:10px; font-family:"Nanum Gothic"; font-weight:700; background:#00aed7;  height:40px; width:800px; }
#nav .lnb li {background:url(/base/img/common/line_v.png) no-repeat; background-position:0 14px; padding: 0px 10px; font-size:17px; font-weight:bold; line-height:40px;  }
#nav .lnb li:first-child {background:none;}
/* #nav .lnb li:last-child {padding-right:0;} */
#nav .lnb a {color:#fff;}
#nav .topnav {height:40px;}
#nav .subnav {
 clear:both; 
 display:none; 
 position: absolute; top:65px;
 font-family:"Nanum Gothic";
 font-size:12px; 
 z-index:10;
 margin-left:-20px;
 padding-top:9px; 
 }
#nav .subnav dd {
 width:140px;
 height:42px; 
 background:#f3f6f7; 
 border-bottom:1px solid #c2c2c2; 
 line-height:42px;
 padding-left:15px;
 }
#nav .subnav dd.border {
 border-top:3px solid #00add6;
}
#nav .subnav dd a { color:#666; display:block;  }
#nav .subnav dd:hover {background:#fff; display:block;}
#nav .menu8 {margin-left:-75px;}
#container {clear:both; width:100%; background:url(/base/img/main/bg.jpg); background-size:cover;}
#container .main_content {width:1024px; margin:auto; padding: 75px 0 60px 0;}
#box {width:100%; height:519px; position:relative; margin: 20px 0 30px 0; font-family:"Nanum Gothic";}
#box .box_inner {width:100%; position:relative;}
/*¼ö¼úÈÄ±â*/
#box .box_01 {width:449px; height:194px; background:url(/base/img/main/box1_bg.png); position:absolute; top:0; left:0;}
#box .box_01 > .box1_ico {float:left; width:157px; text-align:center; margin-top:60px;}
#box .box_01 > .board_01 {float:left; width:292px; margin-top:23px; color:#fff; font-weight:700;}
#box .box_01 > .board_01 p {
 display:inline; 
 width:292px; height:15px; 
 font-size:12px; 
 line-height:15px;
 background:url(/base/img/main/box1_ico2.png) no-repeat;
 background-position:0 1px;
 padding-left:20px;
  }
#box .txt_list {margin-top:20px; line-height:20px;}
/*¿Â¶óÀÎ»ó´ã*/
#box .box_02 {width:210px; height:194px; position:absolute; top:0; left:459px;}
#box .box_03 {
 width:345px; height:319px; 
 background:url(/base/img/main/slide_bg.png); 
 position:absolute; top:0; left:679px;
 }
#box .box_04 {width:221px; height:315px; position:absolute; top:204px; left:0;}
#box .box_05 {
 position:absolute; top:204px; left:231px; 
 box-sizing:border-box;
 }
#box .box_05 h3 {font-size:16px; margin-bottom:10px;}
#box .box_05 h4 {margin-bottom:7px;}
#box .box_05 a {color:#fff;}
#box .box_05 .more {position:absolute; top:0; right:0;}
#box .box_05 > .board_02 {line-height:20px;}
#box .box_06 {width:209px; height:190px; position:absolute; top:329px; left:231px;}
#box .box_07 {width:209px; height:190px; position:absolute; top:329px; left:450px;}
#box .box_08 {width:356px; height:190px; position:absolute; top:329px; left:816px;}
#container .sns {text-align:center;}
#container .sns span {padding: 0 13px;}

#footer {clear:both; margin:20px 0; font-family:"Nanum Gothic"; color:#7d7d7d; font-size:11px;}
#footer a {color:#7d7d7d;}
#footer .copyright {width:640px; line-height:20px;}
#footer .copyright li {float:left; margin-right:15px;}
#footer .copyright p {clear:both; text-transform:uppercase;}
#footer img {position:absolute; top:0; right:0;}
/*----------------------------------------------------------------------------------
                                    ¼­ ºê
----------------------------------------------------------------------------------*/
#sub_container {clear:both; width:100%; background: #ecf2f5 url(/base/img/sub/sub_bg.png) no-repeat top center; padding: 53px 0 67px 0; *zoom:1;}
#sub_container:after {content:" "; display:block; clear:both;}
#sub_container > .wrap > div {float:left;}
#sub_container .snb {width:226px; font-family:"Nanum Gothic";}
#sub_container .snb h2 {
 width:100%;
 height:144px; 
 background:#3e6d84; 
 color:#fff; 
 text-align:center; 
 line-height:144px; 
 font-size:26px;
 }
#sub_container .snb > ul {margin-bottom:20px;}
#sub_container .snb li {border-bottom:1px solid #d7d7d7; line-height:46px; font-weight:700;}
#sub_container .snb_top a {display:block; background:#fff;  color:#636363; padding-left:20px;}
#sub_container .snb_top a:hover {background:#00aed7; color:#fff;}
#sub_container .on > a {background:#00aed7; color:#fff;}
#sub_container .snb_sub {display:none;}
#sub_container .snb_sub > li > a {background:#f7f6f6; color:#707070}
#sub_container .snb_sub > li > a:hover {background:#fff; color:#636363;}
#sub_container .on > ul {display:block;}
#sub_container .snb .sns {text-align:center; margin-top:15px;clear:both; display:block; content:'';}
#sub_container .snb .sns span {padding-right:5px; float: left;}
#sub_container .content {
 width:727px; 
 background: #fff url(/base/img/sub/content_bg.png) no-repeat top right; 
 padding:30px;
 margin-left:10px;
 }
#sub_container .content > p {text-align:right; color:#7d7d7d; font-family:"Nanum Gothic"; font-size:11px; margin-bottom:11px;}
#sub_container .title {font-family:"Nanum Gothic"; margin-bottom:60px; line-height:38px;}
#sub_container .title h3 {font-size:36px; color:#464646; letter-spacing:-3px;}
#sub_container .title p {font-size:24px; color:#00add6; font-weight:700; text-transform:uppercase;}
#sub_container .content .tab {
 width:100%; height:40px;
 font-family: 'Nanum Gothic', sans-serif;
 border-bottom:3px solid #00aed7;
 margin-bottom:50px;
 }
 
#sub_container .content .tab li { 
   float:left; 
   width:147px; height:40px; 
   font-size:13px;
   font-weight:700;
   background:#ededed;
   line-height:40px; 
   margin-left:4px;
   text-align:center;
   }
#sub_container .content .tab a {display:block; color:#7d7d7d;}
#sub_container .content .tab li:first-child {margin-left:0;}
.tab_on a {background:#00aed7; color:#fff !important;}
.top_go {width:100%; text-align:right; margin-top:10px;}

.content_body ul.icon { padding:0 24px 0 22px; }
.content_body ul.icon li { margin:20px;   float:left;   }

.content_body .content{color:#ddd;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;}
.content_body p{margin:0 0 20px}
.content_body a {color:#22BCB9;text-decoration:none;}
.content_body .cred{margin-top:20px;font-size:11px;}
            /* This rule is read by Galleria to define the gallery height: */
#galleria {height:552px}