@charset "utf-8";
/*@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);



/* header */
#wrap {position:relative;min-width:1080px}
#header {position:fixed;left:0px;top:0px;width:100%;height:150px;min-width:1080px;z-index:100;}
#header h1.logo{position:absolute;top:0px;left:50%;font-size:0;line-height:0;width:174px;height:77px;margin-left:-530px;margin-bottom:20px;background:url("../../../img/seed/logo.png") left top no-repeat;text-indent:-9999px;z-index:15;}
#header h1.logo a{display:block;width:174px;height:77px;}
#header.on h1.logo{width:174px;height:77px;background:url("../../../img/seed/logo.png") no-repeat left top;z-index:150;}

#header .utilArea {width:100%;height:50px;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#header .utilArea ul{overflow:hidden;text-align:right;width:1080px;padding-top:5px;margin:0 auto;}
#header .utilArea ul li{display:inline-block;}
#header .utilArea ul li a{display:block;font-size:12px;color:#fff;padding:0 10px 0 10px;background:url("../images/common/bg/bg_dot01.gif") left 9px no-repeat;}
#header .utilArea ul li.last a{padding-right:0;}
#header .utilArea ul li:first-child a{padding-left:0;background:none;}

/* Gnb */
/*.gnbArea{position:relative;width:100%;height:70px;background:url("../images/common/bg/bg_gnb.png");}*/
.gnbArea {position:relative;width:100%;height:95px;background-color:#fff;}
.gnbArea .gnbInCont{overflow:hidden;width:1080px;height:95px;margin:0 auto;}
.gnbArea .gnbInCont #gnb {float:left;margin:10px 0 0 241px;}
.gnbArea .gnbInCont #gnb > li{float:left;margin:25px 0 0 57px;color:#535353;}
.gnbArea .gnbInCont #gnb > li:first-child{margin-left:50px;}
.gnbArea .gnbInCont #gnb > li > a{display:block;font-size:17px;color:#535353!important; font-weight:500; letter-spacing:-1px;font-family:'Nanum Barun Gothic', '나눔바른고딕';text-decoration:none;height:85px;}
.gnbArea .gnbInCont #gnb > li.on > a{color:#a2d34f !important;background:url("../../../img/seed/top-triangle.png") 0 -10px no-repeat;}
.gnbArea .gnbInCont #gnb > li:nth-child(4).on > a{color:#a2d34f !important;background:url("../../../img/seed/top-triangle.png") 20px -10px no-repeat;}
.gnbArea .gnbInCont #gnb > li:last-child.on > a{color:#a2d34f !important;background:url("../../../img/seed/top-triangle.png") 40px -10px no-repeat;}

.hover .gnbSubArea {display:none;position:absolute;top:90px;left:0;width:100%;height:350px; min-height:320px;background:#fff;z-index:5;}
.hover .gnbSubCont {width:1080px;position:relative;padding:22px 0 0 0;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-top:10px solid #a2d34f;}
.hover .gnbSubCont .gnbLeft{position:absolute;left:0;top:-1px;width:210px;height:60px;padding:30px 20px 0px 25px;background:#70b312;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.hover .gnbSubCont .gnbLeft .btn.white{position:absolute;left:25px;bottom:25px;font-size:14px;color:#ffffff !important;line-height:38px;font-family:'Nanum Barun Gothic', '나눔바른고딕';width:130px;height:40px;border:1px solid #ffffff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.hover .gnbSubCont .gnbLeft .title{font-size:28px;color:#ffffff;letter-spacing:-1px;font-family:'Nanum Barun Gothic', '나눔바른고딕';}
.hover .gnbSubCont .gnbLeft .txt{font-size:14px;line-height:22px;color:#ffffff;margin:15px 0 0 0;height:100px;letter-spacing:-1px;}
.hover .gnbSubCont .dep2{position:relative;}
.hover .gnbSubCont .dep2 > li{width:184px;font-weight:500;}
.hover .gnbSubCont .dep2 > li.on {background-color:#a2d34f;width:184px;}
.hover .gnbSubCont .dep2 > li > a{display:inline-block;font-size:16px;color:#535353;line-height:28px;font-family:'Nanum Barun Gothic', '나눔바른고딕';padding:0 15px 0 10px;}
.hover .gnbSubCont .dep2 > li.on > a {display:inline-block;font-size:16px;color:white;line-height:28px;font-family:'Nanum Barun Gothic', '나눔바른고딕';padding:0 15px 0 10px;}
.hover .gnbSubCont .dep2 > li.sub > a {background:url("../images/common/gnb_sub.png") right center no-repeat;}
.hover .gnbSubCont .dep2 > li.on > .dep3 {display:block;}
.hover .gnbSubCont .dep3 {display:none;position:absolute;left:184px;top:8px;height:182px;padding-left:20px;border-left:0px solid #d9d9d9;}
.hover .gnbSubCont .dep3 > li:first-child{margin-top:-7px;}
.hover .gnbSubCont .dep3 > li > a {display:inline-block;font-size:14px;font-weight:normal;line-height:28px;font-family:'Nanum Barun Gothic', '나눔바른고딕';padding:0 15px 0 10px;}
/*.hover .gnbSubCont .dep3 > li.on > a {display:inline-block;font-size:20px;color:red;line-height:28px;font-family:'Nanum Barun Gothic', '나눔바른고딕';padding:0 15px 0 10px;} */
.hover .gnbSubCont .dep3 > li > a:hover {display:inline-block;font-size:14px;color:#a2d34f;line-height:28px;font-family:'Nanum Barun Gothic', '나눔바른고딕';padding:0 15px 0 10px;}
.hover .gnbSubCont .gnbRight {position:absolute;right:0;top:30px;}
.hover .gnbSubCont .gnbRight.btnType a{display:block;float:left;margin-left:20px;}

/* 2016.10.19_GNB썸네일 위치 및 크기 조정_Doit */
.hover .gnbSubCont .gnbRight.mediaType .thumb{display:block;overflow:hidden;position:relative;float:right;width:180px;height:242px;margin-left:15px;}
.hover .gnbSubCont .gnbRight.mediaType .thumb a{display:block;overflow:hidden;position:relative;float:left;width:180px;height:242px;}
.hover .gnbSubCont .gnbRight.mediaType .thumb a img{display:block;position:absolute;top:0;right:0;width:100%; height:100%;z-index:1;}
.hover .gnbSubCont .gnbRight.mediaType .thumb .txt{display:block;position:absolute;top:155px;font-size:13px;color:#777; line-height:140%;font-family:'NanumGothic', '나눔고딕';z-index:2;}
/*.hover .gnbSubCont .gnbRight.mediaType a .txt{display:block;position:absolute;left:20px;bottom:15px;font-size:14px;color:#ffffff;font-family:'Nanum Barun Gothic', '나눔바른고딕';z-index:2;}*/
.hover .gnbSubCont .gnbRight.mediaType a .playIcon{display:block;position:absolute;left:50%;top:50%;width:55px;height:54px;margin:-27px 0 0 -27px;background:url("../images/common/btn_play.png") no-repeat;z-index:2;}
.hover .gnbSubCont .gnbRight.mypageType{ width:560px;height:180px;padding:35px 0px 0 0px;background:#f7f7f7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.hover .gnbSubCont .gnbRight.mypageType .title{font-size:20px;color:#323330;letter-spacing:-1px;font-family:'Nanum Barun Gothic', '나눔바른고딕';padding-left:43px;margin-bottom:28px;}
.hover .gnbSubCont .gnbRight.mypageType .title strong{color:#70b312;}
.hover .gnbSubCont .gnbRight.mypageType ul{overflow:hidden;padding-left:43px;}
.hover .gnbSubCont .gnbRight.mypageType ul li{float:left;margin-left:30px;}
.hover .gnbSubCont .gnbRight.mypageType ul li:first-child{margin-left:0px;}
.hover .gnbSubCont .gnbRight.mypageType ul li a{display:block;}
.hover .gnbSubCont .gnbRight.mypageType ul li a .tit{display:block;float:left;font-size:14px;color:#ffffff;line-height:22px;width:69px;height:22px;padding-left:7px;margin:19px 10px 0 0;background:url("../images/common/gnb_box.png") no-repeat;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.hover .gnbSubCont .gnbRight.mypageType ul li a .num{display:block;float:left;font-size:32px;color:#fff;line-height:60px;text-align:center;width:60px;height:60px;font-family:'Nanum Barun Gothic', '나눔바른고딕';background:url("../images/common/gnb_num.png") no-repeat;}
.hover .gnbSubCont .gnbRight.mypageType ul li.green a .tit{background:url("../images/common/gnb_box_g.png") no-repeat;}
.hover .gnbSubCont .gnbRight.mypageType ul li.green a .num{background:url("../images/common/gnb_num_g.png") no-repeat;}
.hover .gnbSubCont .gnbRight.mypageType .btnCenter{font-size:0;text-align:center;padding-top:16px;}
.hover .gnbSubCont .gnbRight.mypageType .btnCenter a{margin:0 5px;}

.location .gnbSubArea {position:absolute;top:70px;left:0;text-align:center;width:100%;height:48px;padding-top:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:5;}
.location .gnbSubArea .gnbLeft{display:none;}
.location .gnbSubArea .gnbRight{display:none;}
.location .gnbSubArea .dep3{display:none;}
.location .gnbSubArea .dep2{text-align:center;}
.location .gnbSubArea .dep2{font-size:0;}
.location .gnbSubArea .dep2 li{display:inline-block;color:#fff;line-height:47px;margin:0 18px}
.location .gnbSubArea .dep2 li a{color:#fff;font-size:14px;}
.location .gnbSubArea .dep2 li a:hover,
.location .gnbSubArea .dep2 li a:focus,
.location .gnbSubArea .dep2 li.on a{color:#a3d957;}
.viewType .gnbSubArea .gnbSubCont{position:relative;width:1080px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.location.viewType .gnbSubArea .dep2{display:none;}
.viewType .gnbSubArea .viewTypeCon{width:1080px;}
.viewType .gnbSubArea .viewTypeCon .leftCon{float:left;}
.viewType .gnbSubArea .viewTypeCon .leftCon li{float:left;font-size:14px;color:#fff;line-height:47px;font-family:'Nanum Barun Gothic', '나눔바른고딕';padding-left:13px;margin-left:12px;background:url("../images/common/blank_txt.png") left center no-repeat;}
.viewType .gnbSubArea .viewTypeCon .leftCon li:first-child{background:none;padding-left:0;margin-left:0;}

/* 2015-12-14 수정 S : > 추가 */
.viewType .gnbSubArea .viewTypeCon .rightCon{position:relative;float:right;margin-top:14px;}
.viewType .gnbSubArea .viewTypeCon .rightCon > li{float:left;font-size:14px;color:#fff;line-height:47px;font-family:'Nanum Barun Gothic', '나눔바른고딕';padding-left:13px;margin-left:12px;background:url("../images/common/blank_txt.png") left center no-repeat;}
/* .viewType .gnbSubArea .viewTypeCon .rightCon > li.rightBtn01 > a{overflow:hidden;display:block;width:17px;height:18px;background:url("../images/common/viewType_icon_01.png") no-repeat;text-indent:-9999px;} 2016-01-11 수정 */
.viewType .gnbSubArea .viewTypeCon .rightCon > li.rightBtn01 > a{overflow:hidden;display:block;color:#c0ff68;width:auto;height:18px;line-height:18px;padding-left:23px;background:url("../images/common/viewType_icon_01.png") no-repeat;}/* 2016-01-11 수정 */
.viewType .gnbSubArea .viewTypeCon .rightCon > li.rightBtn02 > a{display:block;width:17px;height:18px;color:#ffffff;font-size:14px;line-height:18px;font-family:'Nanum Barun Gothic', '나눔바른고딕';padding-left:23px;background:url("../images/common/viewType_icon_02.png") no-repeat;}
.viewType .gnbSubArea .viewTypeCon .rightCon > li.rightBtn02 > a .hide{overflow:hidden;position:absolute;left:-99999px;top:-9999px;text-indent:-99999px;}

/* 2016-03-23 수정 S */
.viewType .gnbSubArea .viewTypeCon .rightCon > li.rightBtn02 > a span{vertical-align:top;}
.viewType .gnbSubArea .viewTypeCon .rightCon > li.rightBtn02 > a.add{background:url("../images/common/viewType_icon_02_on.png") no-repeat;}
/* 2016-03-23 수정 E */

.viewType .gnbSubArea .viewTypeCon .rightCon > li.rightBtn03 > a{overflow:hidden;display:block;width:17px;height:18px;background:url("../images/common/viewType_icon_03.png") no-repeat;text-indent:-9999px;}
.viewType .gnbSubArea .viewTypeCon .rightCon > li.rightBtn04 > a{overflow:hidden;display:block;width:17px;height:18px;background:url("../images/common/viewType_icon_04.png") no-repeat;text-indent:-9999px;}
.viewType .gnbSubArea .viewTypeCon .rightCon > li:first-child{background:none;padding-left:0;margin-left:0;}
/* 2015-12-14 수정 E */

.gnbArea .gnbInCont #gnb > li.on .gnbSubArea{z-index:10}
.gnbArea .btnArea{overflow:hidden;float:right;margin:25px 5px 0 0;}
.gnbArea .btnArea a{display:block;float:left;font-size:14px;line-height:28px;font-family:'Nanum Barun Gothic', '나눔바른고딕';text-decoration:none;text-align:center;width:30px;height:30px;border:1px solid #b0b3aa;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.gnbArea .btnArea .btnSupport{width:98px;color:#a3d957;border:1px solid #70b312;}
.gnbArea .btnArea .btnSearch{position:relative;margin-left:15px;text-indent:-9999px;}
.gnbArea .btnArea .btnSearch:before {content:'';display:block;position:absolute;top:50%;left:50%;width:18px;height:18px;margin-left:-9px;margin-top:-9px;background:url("../../../img/seed/sp_type01.png") 0 0 no-repeat;}
.gnbArea .btnArea .btnAll {position:relative;margin-left:5px;text-indent:-9999px;}
.gnbArea .btnArea .btnAll:before {content:'';display:block;position:absolute;top:50%;left:50%;width:18px;height:14px;margin-left:-9px;margin-top:-7px;background:url("../../../img/seed/sp_type01.png") -20px -20px no-repeat;}
/*.gnbArea .btnArea .btnAll:before {content:'';display:block;position:absolute;background:url("../../../img/seed/btn_all_open.png") 0 0 no-repeat;}*/

/*allmenu*/
.allmenuWrap {position:relative;width:1080px;height:auto;margin:157px auto 0px auto;background:#FFFFFF; padding:0px 0px 0px 0px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:1;}
.allmenuWrap .btnLayClose{overflow:hidden;position:absolute;right:5px;top:-82px;width:30px;height:30px;background:url("../../../img/seed/btn_all_close.png") no-repeat;text-indent:-9999px;}
.allmenuWrap > ul{overflow:hidden;height:322px;}
.allmenuWrap > ul > li{float:left;}
.allmenuWrap > ul > li > a{display:block;font-size:16px;font-weight:900;color:#FFFFFF;font-family:'Nanum Barun Gothic', '나눔바른고딕';border-bottom:0px solid #eaeaea;background-color:#a2d34f;}
.allmenuWrap > ul > li.menu1 > a{padding:20px 0 20px 60px;width:150px;color:white;}
.allmenuWrap > ul > li.menu1 > ul {margin-left:50px;}
.allmenuWrap > ul > li.menu2 > a{padding:20px 0 20px 10px;width:150px;color:white;}
.allmenuWrap > ul > li.menu3 > a{padding:20px 0 20px 10px;width:150px;color:white;}
.allmenuWrap > ul > li.menu4 > a{padding:20px 0 20px 10px;width:170px;color:white;}
.allmenuWrap > ul > li.menu5 > a{padding:20px 0 20px 10px;width:150px;color:white;}
.allmenuWrap > ul > li.menu6 > a{padding:20px 0 20px 10px;width:200px;color:white;}
.allmenuWrap > ul > li.menu7 > a{width:170px;}
.allmenuWrap > ul > li.menu8 > a{width:170px;}
.allmenuWrap > ul > li > ul{margin-top:20px;margin-bottom:20px;}
.allmenuWrap > ul > li > ul > li a{display:block;color:#919191;;font-size:15px;font-weight:500;line-height:28px;font-family:'Nanum Barun Gothic', '나눔바른고딕';padding-left:11px;background:url("../images/common/gnb_dot.png") no-repeat left 11px;}
.allmenuWrap > ul > li > ul > li a:first-child {adding-left:40px;}


/* Gnb Active */
#header.on .gnbArea {background:#fff}
#header.on .gnbArea .gnbInCont #gnb > li > a{color:#323330}
#header.on .gnbArea .btnArea a{border:1px solid #b0b3aa}
#header.on .gnbArea .btnArea .btnSupport{color:#fff;background:#70b312;}
#header.on .gnbArea .btnArea .btnSearch:before{background-position:0 -20px}
/* #header.on .gnbArea .btnArea .btnAll:before{background-position:-20px -20px}*/