@import url(css/nanumbarungothic.css);
@import url(css/kopubdotum.css);

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.05em;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
body {font-family: 'Nanum Barun Gothic', sans-serif;}
div {display:block;}


/* 공통 상단 */
#wrap {width:100%; min-width:1200px; text-align:center; margin:auto;line-height:0;}
#header {width:100%; min-width:1200px; height:179px; position:relative; z-index:1000;}
#header_area {width:1200px;margin:auto;text-align:center;height:122px;position:relative;}
#header_area .header_btn {float:right;padding-top:30px;color:#8e8e8e;}
#header_area .header_btn .member {text-align:right;height:17px;}
#header_area .header_btn .member span {padding-left:10px;font-size:11.5px;}
#header_area .header_btn ul {height:35px;border:1px #e5e5e5 solid;line-height:33px;font-size:15px;}
#header_area .header_btn li {float:left;padding:0 21px;}
#header_area .header_btn li.part {padding:0;}
#header_area .header_btn li.naver {background:#159d07;color:#fff;}
#header_area .logo {float:left;}



#header #nav {width:100%; min-width:1200px; text-align:center; margin:auto;background:#fff;height:57px;border-top:1px #d0d0d0 solid;border-bottom:1px #d0d0d0 solid;}
#header #gnb {text-align:center; position:relative;height:56px;line-height:55px;}
#header #gnb > ul {width:1200px;margin:auto;}
#header #gnb > ul > li {float:left; width:12.5%;color:#303030;border-right:1px #d0d0d0 solid;font-size:17px;}
#header #gnb > ul > li:first-child {border-left:1px #d0d0d0 solid;}
#header #gnb > ul > li a:hover {background:#9e893a;color:#fff;}
#header #gnb > ul > li a.on {background:#9e893a;color:#fff;}
#header #gnb > ul > li a {display:block;}
#header #nav .subnav { margin:auto;
width:100%;
 background-color:rgba(255,255,255,0.9); 
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:center;
  top:56px;
  font-size:12px;
  color:#303030; 
  padding-bottom:10px; 
 }
#header #nav .subnav > ul {width:1200px; margin:auto;}
#header #nav .subnav > ul > li {float:left;width:12.5%;}
#header #nav .subnav dl {text-align:center;display:block;}
#header #nav .subnav dd {height:30px;line-height:30px;}
#header #nav .subnav a:hover {background:#9e893a;color:#fff;}
#header #nav .subnav a {display:block;}





/* 메인 슬라이드 배경 */
.main_sl1 {width:100%; min-width:1200px; background:url(images/2021_main_slide01.jpg) top center;height:590px;}
.main_sl1_1 {width:100%; min-width:1200px; background:url(images/2021_main_slide06.jpg) top center;height:590px;}
.main_sl2 {width:100%; min-width:1200px; background:url(images/240425_1.jpg) top center;height:590px;}
.main_sl3 {width:100%; min-width:1200px; background:url(images/2021_main_slide03.jpg) top center;height:590px;}
.main_sl4 {width:100%; min-width:1200px; background:url(images/2021_main_slide04.jpg) top center;height:590px;}
.main_sl5 {width:100%; min-width:1200px; background:url(images/2021_main_slide05.jpg) top center;height:590px;}
.main_sl6 {width:100%; min-width:1200px; background:url(231121_21.jpg) top center;height:590px;}

/* 메인 핫이벤트 */
.main_event {width:1200px; margin:72px auto; display:inline-block;}
.main_event > div {margin-top:25px;}
.main_event .owl-carousel .item {}


/* 메인 고객센터 */
.main_cs {width:100%;min-width:1200px;background:url(images/main_bg.png) top center;height:417px;}

/* 메인 컨텐츠 */
.main_content {width:1200px;margin:0 auto;display:inline-block;border-bottom:1px #d0d0d0 solid;}
.main_content li {float:left;border-right:1px #d0d0d0 solid;width:25%;height:287px;padding:30px 26px;}
.main_content li:first-child {border-left:1px #d0d0d0 solid;}
.main_content li.kakao {padding:0;}
.main_content li h3 {width:100%;text-align:left;font-size:25px;font-weight:normal;letter-spacing:-1px;font-family:'KoPub Dotum';color:#525252;}
.main_content li h3 a {color:#024c8b;float:right;}
.main_content li .output {margin-top:25px;background:#069;width:100%;line-height:160%;}
.main_content li .output td {padding:4px 0;text-align:left;}



/* 공통하단 */
#footer {width:100%; min-width:1200px;margin:auto;background:#474747; display:inline-block;position:relative;font-size:12px;letter-spacing:-0.5px;}
.footer_area {width:1200px;margin:auto;display:inline-block;background:url(images/footer_map.png) right top no-repeat;height:200px;}
.footer_area ul {padding:45px 0 30px;}
.footer_area li {float:left;padding-right:10px;color:#fff;line-height:100%;}
.footer_txt {margin:auto;text-align:left;color:#c6c6c6;margin-top:3px;line-height:180%;}
.footer_txt span {padding-right:10px;}

.bd_out1 {width:68% !important;}


/* 서브메뉴표시 */
.snb {background:#9e893a;height:48px; position:relative; width:100%;}
.snb ul { float:right; position:relative; left:-50%;}
.snb ul li { float:left; padding:0 35px; position:relative; left:50%;border-right:1px #ebdfd7 solid; margin:16px 0; }
.snb ul li a { color:#ebdfd7; font-size:16px; line-height:100%;}
.snb ul li a:hover {color:#fff;font-weight: bold;}
.snb ul li .on {color:#fff;font-weight: bold;}
.snb ul li.last { background:none; border-right:0; }



/* 서브 */
#container {width:100%; min-width:1200px; display:inline-block;}
.sub_top {width:100%; min-width:1200px;height:200px;}
.sub_top img {margin-top:43px;}
.sub1 {background:url(images/sub_top1.png) center;}

#content {width:1200px;;margin:60px auto;}
#content .map {width:100%; display:inline-block;}
#content .map li {float:left;}
#content .board_box {width:1100px; margin:auto; line-height:170%; font-size:13px !important;}
#content .board_box td.board_desc {text-align:justify;}


/* 서브tab */
#content .tab {
    width:100%; height:64px; line-height:64px; margin:70px auto 0;  background:url(images/tab.gif);
    }
#content .tab li { 
   display:inline-block;
   float:left; 
   text-align:center;
   font-size:19px; 
   color:#505050;
   letter-spacing:-1px;
   }
#content .tab.p4 li {width:25%;}
#content .tab.p3 li {width:33.33%;}
#content .tab.p2 li {width:50%;}
#content .tab_list {margin:auto;width:100%; }
.port_back {background:url(images/tab_on.gif)  !important;}
#tab_menu1,#tab_menu2,#tab_menu3,#tab_menu4,#tab_menu5,#tab_menu6 {cursor:pointer;}
.tab_sub2,.tab_sub3,.tab_sub4,.tab_sub5,.tab_sub6 {display:none;}


/* 서브하단 */
#sub_footer {width:1200px;margin:30px auto 60px;display:inline-block;border-bottom:1px #d0d0d0 solid;border-top:1px #d0d0d0 solid;}
#sub_footer li {float:left;border-right:1px #d0d0d0 solid;width:25%;height:289px;padding:30px 26px;}
#sub_footer li:first-child {border-left:1px #d0d0d0 solid;}
#sub_footer li.kakao {padding:0;}
#sub_footer li h3 {width:100%;text-align:left;font-size:25px;font-weight:normal;letter-spacing:-1px;font-family:'KoPub Dotum';color:#525252;}
#sub_footer li h3 a {color:#024c8b;float:right;}
#sub_footer li .output {margin-top:25px;background:#069;width:100%;line-height:160%;}
#sub_footer li .output td {padding:4px 0;text-align:left;}