@charset "utf-8";

/* Reset */
html,body{width:100%;height:100%}
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:'Malgun Gothic',sans-serif;font-size:12px;color:#383d41}
body{background-color:#fff;line-height:120%;text-align:center;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#2f3743;text-decoration:none}
a:hover{--color:#390;text-decoration:underline}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend,caption{width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;text-indent:-999px;}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0}
.hide{clear:both;position:absolute;visibility:hidden;overflow:hidden;left:0;top:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-99999px}

body {background-color:#f7f7f7}

/* skip top navigation */
#skipNav {position:absolute;overflow:hidden;width:100%;height:34px;margin:0 auto;z-index:100;}
#skipNav a{position:absolute;top:-10000px;left:0px;display:block;width:100%;height:12px;padding:10px 0;background:#000;font:bold 120%/100% "Malgun Gothic", dotum;text-align:center;color:#fff;visibility:visible;}
#skipNav a:hover,#skipNav a:active,#skipNav a:focus{position:absolute;top:0px;left:0px;color:#fff;line-height:14px;text-decoration:underline !important;}



/* wrap */
#wrap{clear:both;display:inline-block;float:left;position:relative;width:100%;min-width:980px;margin:0 auto;}


/* wrap header */
#header{clear:both;position:relative;width:100%;height:95px;z-index:2;background:#ede9d6;}
/*#header{clear:both;position:relative;width:100%;height:95px;z-index:2;background:#fff url('/resources/images/sub/header_bottom_line.png') 0 bottom repeat-x;}*/
/*
.header_wrap {width:980px;margin:0 auto 0;position:relative;overflow:hidden;background: url('/resources/images/sub/heart.png') 674px 34px no-repeat;}
*/
.header_wrap {width:980px;margin:0 auto 0;position:relative;overflow:hidden;}
.header_wrap h1 {position:absolute;top:0px;left:0px;}

/* utils */
.header_wrap .utility {display:block;width:362;height:32px;float:right;overflow:hidden;margin-top:38px;}
.header_wrap .utility li{position:relative;display:inline-block;float:left;height:32px;}
.header_wrap .utility li.support {width:117px;font-weight:bold;font-size:16px;}
.header_wrap .utility li.support a {border-left:1px solid #e5e5e5;display:block;height:32px;line-height:0;text-indent:-99999px;background:url('/resources/images/gnb/depth1_5.png') center 10px no-repeat;}

.header_wrap .utility li.search {width:245px;height:32px;vertical-align:middle;overflow:hidden;background-color:#c7a623;}
.header_wrap .utility li.search label {position:absolute;top:10px;left:10px;font-family:"Dotum";font-size:12px;color:#999999;cursor:text;}
.header_wrap .utility li input {line-height:26px;float:left;display:block;width:190px;height:26px;border:0;margin-left:2px;margin-top:2px;margin-bottom:1px;padding-left:10px;--font-family:'dotum';font-size:12px;color:#b8950c;}
.header_wrap .utility li button {float:left;width:42px;height:32px;background:url('/resources/images/sub/search_bg.png') 0 0 no-repeat;border:0;}
.header_wrap .utility:after {content:""; display:block; clear:both}

/* gnb */
.header_wrap .gnb_wrap {position:relative;display:block;margin-top:49px;margin-left:200px;float:left;clear:both;--overflow:hidden;width:450px;height:34px;z-index:20;}
.header_wrap .gnb_wrap.on {height:300px;}
.header_wrap .gnb {}
.header_wrap .gnb > li {position:relative;float:left;height:50px;margin-right:32px;display:inline-block;text-align:left;}
.header_wrap .gnb > li.m4 {}
.header_wrap .gnb > li > a {display:block;line-height:0;text-indent:-99999px;}
.header_wrap .gnb li.on {}
.header_wrap .gnb li.on > a {color:#fff;text-decoration:none;}
.header_wrap .gnb li a.active,
.header_wrap .gnb li a:hover,
.header_wrap .gnb li a:active,
.header_wrap .gnb li a:focus{color:#fff;text-decoration:none;}

.header_wrap .gnb li.on ul {display:block;}
.header_wrap .gnb li ul {position:absolute;width:50px;padding-top:20px;display:none;}
.header_wrap .gnb li ul li {text-align:center;width:121px;height:34px;background-color:#efefef;border:1px solid #e2e2e1;border-bottom:none;}
.header_wrap .gnb li ul li.on {background-color:#c7a623;}
.header_wrap .gnb li ul li a {display:block;width:121px;height:34px;line-height:34px;font-family:"Malgun Gothic",sans-serif;}
.header_wrap .gnb li ul li a:hover {color:#fff;text-decoration:none;}
.header_wrap .gnb li ul li.last {height:35px;border-bottom:1px solid #e2e2e1;}
.header_wrap .gnb li ul li.last a {height:35px;line-height:35px;}
.header_wrap .gnb_wrap:after {content:""; display:block; clear:both}


.header_wrap .gnb .depth1.m1 > a {width:57px;height:16px;background:url('/resources/images/gnb/depth1_1.png') 0 0 no-repeat;}
.header_wrap .gnb .depth1.m2 > a {width:57px;height:16px;background:url('/resources/images/gnb/depth1_2.png') 0 0 no-repeat;}
.header_wrap .gnb .depth1.m3 > a {width:71px;height:16px;background:url('/resources/images/gnb/depth1_3.png') 0 0 no-repeat;}
.header_wrap .gnb .depth1.m4 > a {width:57px;height:16px;background:url('/resources/images/gnb/depth1_4.png') 0 0 no-repeat;}
.header_wrap .gnb .depth1.on > a{--background-position:0px -23px;}

.header_wrap .gnb .depth1.m1 ul {left:-30px;}
.header_wrap .gnb .depth1.m2 ul {left:-30px;}
.header_wrap .gnb .depth1.m3 ul {left:-30px;}
.header_wrap .gnb .depth1.m4 ul {left:-30px;}



/* wrap contents */
#contents{position:relative;width:100%;height:480px;overflow:hidden;font-family:"Malgun Gothic", 'Malgun Gothic','굴림',gulim,verdana,arial, sans-serif;}
/* keyvisual */
.keyvisual_wrap {position:relative;width:100%;background-color:#000;}
.keyvisual {position:relative;/*width:1600px;left:50%;margin-left:-800px;*/height:480px;}
.keyvisual .visualList {display:inline-block;height:50px;text-align:center;}
.keyvisual .visualList li {position:absolute;left:50%;margin-left:-1500px;}
.keyvisual .visualList li div {left:0px;top:0px;}
.keyvisual .visualList li h3 {position:absolute;right:1090px;top:140px;width:230px;display:none;opacity:0;text-align:center;font-size:30px;letter-spacing:-1px;color:#fff;z-index:20;font-family:"Malgun Gothic",sans-serif;}
.keyvisual .visualList li p {position:absolute;right:1114px;top:175px;width:175px;display:none;opacity:0;text-align:left;font-weight:normal;font-size:12px;letter-spacing:0px;color:#fff;z-index:20;line-height:18px;}
.keyvisual .visualList li .btn {position:absolute;display:block;right:1226px;top:270px;z-index:20;}
.keyvisual .visualList li .point {position:absolute;display:block;left:50%;margin-left:230px;top:296px;width:15px;height:15px;background:url('/resources/images/main/visual_utils_btn.png') 0 -16px no-repeat;z-index:20;line-height:0;text-indent:-9999px;}
.keyvisual .visualList li .image {opacity:0;}

.keyvisual .visualList li .btn_1 {margin-left:206px;}
.keyvisual .visualList li .btn_2 {margin-left:226px;}
.keyvisual .visualList li .btn_3 {margin-left:246px;}
.keyvisual .visualList li .btn_4 {margin-left:266px;}
.keyvisual .visualList li .btn_5 {margin-left:286px;}
.keyvisual .visualList li .btn_6 {margin-left:306px;}
.keyvisual .visualList li .btn_7 {margin-left:326px;}

.keyvisual .visualList li.on h3 {opacity:1;display:block;}
.keyvisual .visualList li .point:hover {background-position:0 0;}
.keyvisual .visualList li.on .point {background-position:0 0;}
.keyvisual .visualList li.on .image {opacity:1;}
.keyvisual .visualList li.on p {opacity:1;display:block;}



.keyvisual .visualCopy {position:absolute;top:76px;left:47%;margin-left:150px;width:289px;height:287px;padding-top:70px;background:url('/resources/images/main/visual_txt_bg.png') 0 0 no-repeat;}
.keyvisual .visualCopy ul {position:relative;margin-top:149px;margin-left:100px;z-index:20;}
.keyvisual .visualCopy ul.st1 {margin-left:56px;}
.keyvisual .visualCopy ul.st2 {margin-left:78px;}
.keyvisual .visualCopy ul.st3 {margin-left:100px;}
.keyvisual .visualCopy ul.st4 {margin-left:138px;}
.keyvisual .visualCopy ul.st5 {margin-left:144px;}
.keyvisual .visualCopy ul.st6 {margin-left:160px;}
.keyvisual .visualCopy ul.st7 {margin-left:188px;}

.keyvisual .visualCopy ul li {display:block;float:left;width:15px;height:15px;}
.keyvisual .visualCopy ul li a {display:block;width:15px;height:16px;background:url('/resources/images/main/visual_utils.png') 0 -16px no-repeat;line-height:0;text-indent:-9999px;}
.keyvisual .visualCopy ul li {}
.keyvisual .visualCopy ul li .stop {background-position:0 -16px;}
.keyvisual .visualCopy ul li .play {background-position:-16px -16px;}
.keyvisual .visualCopy ul:after {content:""; display:block; clear:both;}

.keyvisual .visualCopy ul li.on .stop {background-position:0px 1px;}
.keyvisual .visualCopy ul li.on .play {background-position:-16px 1px;}
.keyvisual .visualCopy ul li .stop:hover {background-position:0px 1px;}
.keyvisual .visualCopy ul li .play:hover {background-position:-16px 1px;}


.keyvisual .arrow {color:#ff0000;width:28px;height:42px;line-height:0;text-indent:-99999px;}
.keyvisual .leftArrow {position:absolute;top:200px;left:0px;background:url('/resources/images/main/visual_prev_btn.png') 0 0 no-repeat;left:50%;margin-left:-480px;}
.keyvisual .rightArrow {position:absolute;top:200px;left:960px;background:url('/resources/images/main/visual_next_btn.png') 0 0 no-repeat;left:50%;margin-left:480px;}


/* main content */
.mainContent {position:relative;width:100%;height:234px;font-family:"Malgun Gothic", 'Malgun Gothic','굴림',gulim,verdana,arial, sans-serif;background:#ede9d6;}
/*.mainContent {position:relative;width:100%;height:234px;font-family:"Malgun Gothic", 'Malgun Gothic','굴림',gulim,verdana,arial, sans-serif;background:url('/resources/images/main/main_content_bg.png') 0 0 repeat;}*/
.mainContent_inner {position:relative;width:980px;margin:0 auto;padding-top:30px;}
.mainContent_inner h4 {margin-bottom:10px;color:#716950;font-family:"Malgun Gothic",sans-serif;font-size:16px;letter-spacing:-1px;}
.mainContent_inner h4.h17 {margin-bottom:17px;}
.mainContent_inner h4.h17 .more {font-size:11px; color:#888888; padding-left:12px; display:inline-block; background:url('/resources/images/main/btnmainmore.png') no-repeat left 4px; letter-spacing:-0.2px;font-family:"Dotum"; font-weight:normal; margin-left:127px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .mainContent_inner h4.h17 .more {font-size:11px; color:#888888; padding-left:12px; display:inline-block; background:url('/resources/images/main/btnmainmore.png') no-repeat left 4px; letter-spacing:-0.2px;font-family:"Dotum"; font-weight:normal; margin-left:127px;}}


.mainContent_inner > div {position:relative;display:inline-block;text-align:left;float:left;}
.mainContent_inner .judge_wrap {position:relative;display:inline-block;text-align:left;width:735px;font-family:"Dotum";letter-spacing:-1px;line-height:18px;}
/* judge_wrap원래 사이즈 width:515px */
.mainContent_inner .judge_wrap .image {position:relative;float:left;margin-right:20px;height:113px; }
/*.mainContent_inner .judge_wrap .image {position:relative;float:left;margin-right:20px;height:113px; }*/
/*.mainContent_inner .judge_wrap .image img {border:3px solid #fff;}*/
.mainContent_inner .judge_wrap .news {position:relative;float:left;width:230px; }
.mainContent_inner .judge_wrap .news dl {height:100px; overflow:hidden;}
.mainContent_inner .judge_wrap .news dl dt {margin-bottom:20px;}
.mainContent_inner .judge_wrap .news dl dt {font-size:14px;font-weight:bold;color:#88816c; letter-spacing:-2px; width:230px; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.mainContent_inner .judge_wrap .news dl dd {font-size:12px;color:#88816c;line-height:16px;}
a.news{color:#777;  letter-spacing:0px;font-family:"Malgun Gothic"}

.mainContent_inner .judge_wrap .news_btn {position:absolute;bottom:3px;left:250px;}
.mainContent_inner .judge_wrap  p {font-family:"Dotum";letter-spacing:-1px;line-height:18px;font-size:12px;color:#88816c;}
.mainContent_inner .judge_wrap .txt {font-family:"Malgun Gothic",sans-serif; margin-bottom:12px; width:220px; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden; color:#383d41; margin-top:-10px;}

.mainContent_inner .mission_wrap {margin-left:20px;}
.mainContent_inner .mission_wrap p {font-family:"Dotum";letter-spacing:-1px;line-height:18px;font-size:12px;color:#88816c;}
.mainContent_inner .mission_wrap .txt {margin-bottom:12px;}
.mainContent_inner .mission_wrap .listCont {width:208px; height:106px; background:#f4f1e1; padding:6px;}
.mainContent_inner .mission_wrap .listCont .listContIn {width:208px; height:106px; overflow-y:auto; padding-right:6px;}
.mainContent_inner .mission_wrap .listCont .listContIn li a {display:block; line-height:18px; border-top:1px solid #dfdac5; padding:4px 0 4px 23px;font-size:12px; color:#88816c;
							     font-family:"Malgun Gothic",sans-serif; background:url('/resources/images/main/mainBul.png') no-repeat 9px 10px;}
.mainContent_inner .mission_wrap .listCont .listContIn li a.first {border-top:0;}

.mainContent_inner .active_wrap  {width:220px;}
.mainContent_inner .active_wrap .more {font-size:11px; color:#888888; padding-left:12px; display:inline-block; background:url('/resources/images/main/btnmainmore.png') no-repeat left 4px; letter-spacing:0px;font-family:"Dotum"; font-weight:normal; margin-left:118px; line-height:18px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .mainContent_inner .active_wrap .more {font-size:11px; color:#888888; padding-left:12px; display:inline-block; background:url('/resources/images/main/btnmainmore.png') no-repeat left 4px; letter-spacing:0px;font-family:"Dotum"; font-weight:normal; margin-left:118px; line-height:18px;}}}




.mainContent_inner .active_wrap  p {font-family:"Dotum";letter-spacing:-1px;line-height:18px;font-size:12px;color:#88816c;}
.mainContent_inner .active_wrap .txt {margin-bottom:12px; width:220px; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/*.mainContent_inner .active_wrap p img {border:3px solid #fff;}*/
.mainContent_inner:after {content:""; display:block; clear:both;}
/* footer */
#footer{position:relative;clear:both;display:inline-block;width:100%;text-align:left; background:#efefef;}
.family_group {position:relative;width:100%;display:none;overflow:hidden;background:#e5ddc6;}
.family_group .family_inner {position:relative;width:980px;height:250px;margin:0 auto;--margin-top:40px;}


.family_container {display:none;position:absolute;left:0px;top:-280px;width:980px;height:200px;z-index:100; padding-top:50px; background:#e5ddc6;}
.family_container ul {height:150px; margin-lefT:-95px;}
.family_container ul li {float:left;margin-left:95px;}
.family_container ul li a {display:block;color:#999999;}
.family_container ul li dl {font-family:'Dotum';font-weight:bold;font-size:12px;color:#8b7e56;}
.family_container ul li dl dt{margin-bottom:17px; color:#716747;}
.family_container ul li dl dd{margin-bottom:6px; letter-spacing:-.5px;}
.family_container ul li dl dd a {font-size:11px;color:#666666;font-weight:normal;}
.family_container ul li dl.bottom {margin-top:20px;}
.family_container ul li.group1 {left:0px;}
.family_container ul li.group2 {}
.family_container ul li.group3 {}
.family_container ul li.group4 {}
.family_container ul li.group5 {}
.family_container .close {display:block;width:30px;height:30px;margin:-191px 0 0 950px;line-height:0;text-indent:-99999px;background:url('/resources/images/footer/closeBtn.png') 0 0 no-repeat;}
.family_container .close:hover {text-decoration:none;}



.footer_wrap {position:relative;width:100%;background-color:#f7f7f7;}
.footer_inner {position:relative;width:980px;margin:0 auto;height:150px;}
.footer_inner .copyright {float:left;margin-top:30px;letter-spacing:-1.0px;width:50%;}
.footer_inner .copyInfoDiv {*zoom:1;}
.footer_inner .copyInfoDiv:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.footer_inner .copyInfoDiv ul {float:right;}
.footer_inner .copyInfoDiv ul li {float:left;font-family:"Dotum";font-size:11px;color:#999999;margin-right:4px;}
.footer_inner .copyInfoDiv ul li a {color:#999999;}
.footer_inner .copyInfoDiv ul li.private {/*margin-left:305px;*/}
.footer_inner .copyInfoDiv ul li.last {padding-left:4px;background:url('/resources/images/footer/copyright_line.png') 0 1px no-repeat;}
.footer_inner .copyInfoDiv ul:after {content:""; display:block; clear:both}
.footer_inner .copyInfoDiv .siteMap { background:url('/resources/images/footer/copyright_line.png') 0 2px no-repeat !important; margin-right:0;}

.footer_inner .copyDiv {position:relative;margin-top:1px; float:right;}
.footer_inner .copyDiv ul {}
.footer_inner .copyDiv ul li {font-family:"Dotum";font-size:11px;color:#999999;margin-right:4px; text-align:right; line-height:20px;}
.footer_inner .copyDiv ul li a {color:#999999;}
.footer_inner .copyDiv ul li.last {padding-left:4px;background:url('/resources/images/footer/copyright_line.png') 0 1px no-repeat;}
.footer_inner .copyDiv ul:after {content:""; display:block; clear:both}
.footer_inner .copyDiv .line {padding:0 1px;}

.footer_inner .familySiteDiv {float:left;margin:25px 0 0 0;width:50%;height:25px;}
.footer_inner .familySiteDiv ul {}
.footer_inner .familySiteDiv ul li {float:left;margin-right:36px;--background:url('/resources/images/footer/family_line.png') 0 0 no-repeat;}
.footer_inner .familySiteDiv ul li a {display:block;}
.footer_inner .familySiteDiv ul li.first {padding-left:0px;background:none;}
.footer_inner .familySiteDiv ul li.last {margin-right:0px;}
.footer_inner .familySiteDiv ul li .open {display:block;}
.footer_inner .familySiteDiv ul li .close {display:none;}
.footer_inner .familySiteDiv ul:after {content:""; display:block; clear:both}


.familySiteView {height:35px; background:#e5ddc6; z-index:50;}
.familySiteView .open {display:inline-block; padding-top:11px; height:24px;}


.selbox02 {padding:3px 3px 3px 5px;vertical-align:middle;margin:0px;font-family:"Malgun Gothic", sans-serif;font-size:12px;border:1px solid #b2ac9a;height:26px;
	   color:#88816c;font-family:"Malgun Gothic",sans-serif; background:#f6f4eb; letter-spacing:-.5px; width:220px; margin-bottom:19px;}
.selbox02 option {display:block;height:24px;line-height:24px;}