@charset "utf-8";
@import url('reset.css');
@import url('layout.css');
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(cdn.jsdelivr.net/npm/font-kopub@1.0/kopubdotum.min.css);

/* 모든 페이지 공통사항 */
p, ul li, input {font:14px/1.5 "Nanum Gothic","KoPub Dotum","Malgun Gothic","맑은고딕";color:#444;}
a {color:#444;text-decoration:none;font:14px/1.5 "Nanum Gothic","KoPub Dotum","Malgun Gothic","맑은고딕";}
a:hover {text-decoration:underline;}
.tbox {border:1px solid #ddd;}
.clear {clear:both;}

/* header */
header {}/* border-bottom:4px solid #eb002d; */
.util {position:absolute;right:0;top:5px;}
.util:after {content:""; display:block; clear:both;}
.util li {float:left;font-size:11px;color:#666; }
.util li a {font:12px "Nanum Gothic";color:#666;}
#navBox {width:980px;height:94px; margin:0 auto; position:relative;}
#navBox:after {content:""; display:block; clear:both;}
#navBox h1 {float:left;padding: 15px 0 0 10px;}
#navBox nav {float:right;padding-right:90px;}
.gnb {margin-top:30px;}
.gnb:after {content:"";display:block;clear:both;}
.gnb li {float:left;height:64px;}
.gnb li a {display:block;height:64px;padding:0 37px;font:bold 18px/63px "Nanum Gothic","KoPub Dotum","Malgun Gothic","맑은고딕";vertical-align:top;}
.gnb li a.on {}/* background:url('../img/common/bg_gnbCurrent.png') no-repeat center bottom; */

p.sitemap {position:absolute;right:0;top:45px;}

#searchBox{}
#searchBox p{position:absolute; right:36px; top:45px;z-index:300;}
.zForm {position:absolute; right:0; top:105px; background:#fff; border:1px solid #9b9999; padding:5px 17px; z-index:500; display:none;}
.sZone input{font:14px "Nanum Gothic","KoPub Dotum","Malgun Gothic","맑은고딕"; border:none; width:260px; padding:5px 0; line-height:5px; color:#9b9999;}
.sZone a{font:13px "Nanum Gothic","KoPub Dotum","Malgun Gothic","맑은고딕"; color:#9b9999; background:#fff; border:1px solid #9b9999; display:inline-block; padding:4px 13px 5px;}

/* 전체메뉴 */
.allMenuArea {position:absolute;left:0;top:94px;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;z-index:300;display:none;}/* top:98px; */
.allMenuArea .allMenuBox {position:relative;width:980px;height:290px;margin:0 auto;background:#fff;}
.allMenuBox .menuBox {display:none;}	/* 네개의 메뉴 박스를 일단 모두 숨김.*/
.allMenuBox .menuBox1{display:block;}	/* 첫번째 메뉴박스만 보임. */
.allMenuBox:after {content:"";display:block;clear:both;}
.allMenuBox dl {position:absolute;width:187px;left:0;top:20px;}
.allMenuBox dl dt {display:none;}
.allMenuBox dl dd {padding:3px 12px;}
.allMenuBox dl dd a {display:block;padding:4px 7px;font:14px "Nanum Gothic","KoPub Dotum","Malgun Gothic","맑은고딕";border-bottom:1px solid #fff;}
.allMenuBox dl dd a:hover, .allMenuBox dl dd a.on {border-bottom:1px solid #000;background:url('../img/common/bg_snbCurrent.gif') no-repeat 100% 50%;color:#ed3c2c;text-decoration:none;}
.allMenuBox dl dd ul {position:absolute;left:185px;top:0px;width:160px;height:240px;padding:5px 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;background:#fff;z-index:400; display:none;}							/* 첫번째 메뉴박스의 모든 서브메뉴들 일단 숨김  */
.allMenuBox dd.sm11 ul {display:block;}		/* 첫번째 메뉴박스의 첫번째 서브메뉴들만 보이도록  */
.allMenuBox dl dd ul li {padding:3px 0;}
.allMenuBox dl dd ul li a {display:block;letter-spacing:-1px;border-bottom:none;}
.allMenuBox dl dd ul li a:hover, .allMenuBox dl dd ul li a.on {color:#f6821b;border-bottom:none;background:none;}
.allMenuBox ul.menuCon {position:absolute;right:0;top:20px;}
.allMenuBox ul.menuCon:after {content:"";display:block;clear:both;}
.allMenuBox ul.menuCon li {position:relative;float:left;width:183px;margin-left:20px;}
.allMenuBox ul.menuCon li h3 {padding:5px 0 9px;}
.allMenuBox ul.menuCon li img {width:183px;height:136px;}
.allMenuBox ul.menuCon li .txt {padding-top:10px;font-size:13px;line-height:170%;color:#444;letter-spacing:-1px;}
.allMenuBox ul.menuCon li .more {position:absolute;right:0;top:10px;width:15px;height:15px;text-align:center;border:1px solid #ddd;font:15px/15px "Arial black";color:#999;}

/* footer */
.footer {border-top:1px solid #ddd;background:url('../img/common/bg_footer.gif') no-repeat center 0;}
.footer #footerBox {width:980px;margin:0 auto;}
.footer #footerBox .partner01 {float:left;width:600px;}
.footer #footerBox .partner01 h3 {float:left;width:127px}
.footer #footerBox .partner01 .bLogoArea {float:left;width:424px;height:50px;padding:0 0 0 10px;margin:10px 0;overflow:hidden; }
.footer #footerBox .partner01 .bLogoArea ul.logoList {position:relative;}
.footer #footerBox .partner01 .bLogoArea ul.logoList:after {content:"";display:block;clear:both;}
.footer #footerBox .partner01 .bLogoArea ul.logoList li {float:left;}
.footer #footerBox .partner01 ul.verbtns {float:right;width:37px;}
.footer #footerBox .partner01 ul.verbtns a.up {}
.footer #footerBox .partner01 ul.verbtns a.down {}
.footer #footerBox .partner02 {float:right;width:380px;padding-top:20px;}
.footer #footerBox .partner02 li {float:left;margin-left:15px;}
.footer #footerBox .partner02 li a img {vertical-align:-webkit-baseline-middle;}
.footer #footerBox .etcUl {clear:both;width:100%;}
.footer #footerBox .etcUl:after {content:""; display:block; clear:both;}
.footer #footerBox .etcUl li {float:left; background:url('../img/common/bg_bar.gif') no-repeat right center; /*padding:15px  56px;*/ padding:15px 43px;}
.footer #footerBox .etcUl li.first {padding-left:20px;}
.footer #footerBox .etcUl li.last {padding-right:0;}
.footer #footerBox .etcUl li a {display:block;font-size:13px;}
.footer #footerBox .etcUl li.last {background:none;}
.footer #footerBox .addrBox {position:relative;width:100%;padding:20px 0;}
.footer #footerBox .addrBox address {font:12px/1.6 "Nanum Gothic","KoPub Dotum","Malgun Gothic","맑은고딕";padding:0 0 5px 0; color:#666;}
.footer #footerBox .addrBox .copy {font:12px "Nanum Gothic","KoPub Dotum","Malgun Gothic","맑은고딕";padding:0;}
.footer #footerBox .addrBox .logoBox {position:absolute;right:0;top:40px;}
.footer #footerBox .addrBox .logoBox img {}
.footer .awards {border-top:1px solid #ddd;text-align:center;}

/* 따라다니는 메뉴 */
.mainFArea {position:absolute;left:0;top:748px;width:100%;z-index:100;}
.mainFArea .FBound {position:relative;width:980px;margin:0 auto;}
.mainFArea .followingMenu {position:absolute;right:-112px;}
.mainFArea .FBound .followingMenu li:nth-child(2) a {display:inline-block; width:100%; height:100%; z-index:200;}
.mainFArea.mainfFixed {position: fixed;top:10px;}
.followingMenu li .followBrdr {position:absolute;left:16px;top:122px;opacity:0; z-index:100;}

.followingMenu li .followBrdr1
	{ 
	animation:myfirst1 3s infinite;
	-moz-animation:myfirst1 3s infinite;
	-webkit-animation:myfirst1 3s infinite;
	-o-animation:myfirst1 3s infinite;
	}

@keyframes myfirst1
	{
	0% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7); opacity:0;}
	1% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7); opacity:0.5;}
	10% {opacity:1;}
	70% { transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); opacity:0;}
	}

@-moz-keyframes myfirst1
	{
	0% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7); opacity:0;}
	1% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7); opacity:0.5;}
	10% {opacity:1;}
	70% { transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); opacity:0;}
	}

@-webkit-keyframes myfirst1
	{
	0% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7); opacity:0;}
	1% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7); opacity:0.5;}
	10% {opacity:1;}
	70% { transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); opacity:0;}
	}

@-o-keyframes myfirst1
	{
	0% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7);opacity:0;}
	1% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7);opacity:0.5;}
	10% {opacity:1;}
	70% { transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);opacity:0;}
	}

.followingMenu li .followBrdr2
	{ 
	animation:myfirst2 3s infinite;
	-moz-animation:myfirst2 3s infinite;
	-webkit-animation:myfirst2 3s infinite;
	-o-animation:myfirst2 3s infinite;
	}

@keyframes myfirst2
	{
	0% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7);opacity:0;}
	30% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7);opacity:1;}
	100% { transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5);opacity:0;}
	}

@-moz-keyframes myfirst2
	{
	0% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7);opacity:0;}
	30% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7);opacity:1;}
	100% { transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5);opacity:0;}
	}

@-webkit-keyframes myfirst2
	{
	0% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7);opacity:0;}
	30% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7);opacity:1;}
	100% { transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5);opacity:0;}
	}

@-o-keyframes myfirst2
	{
	0% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7);opacity:0;}
	30% { transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7);opacity:1;}
	100% { transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3);opacity:0;}
	}


/* 게시판 등의 하단버튼 */
.btns {text-align:center;padding:30px 0;}
.btns a {display:inline-block;text-align:center;width:170px;background:#f17445;padding:12px 0;color:#fff;}
#sub1 .btns a {background:#ed3c2c;}
#sub2 .btns a {background:#ffbb1a;}
#sub3 .btns a {background:#2d8852;}
#sub4 .btns a {background:#2d68bd;}
#sub5 .btns a {background:#f17445;}
#sub6 .btns a {background:#7031C2;}
.btns a.gray {background:#666 !important;}
#sub1 .btns.onebtn a {background:#ed3c2c;}
#sub2 .btns.onebtn a {background:#ffbb1a;}
#sub3 .btns.onebtn a {background:#2d8852;}
#sub4 .btns.onebtn a {background:#2d68bd;}
#sub5 .btns.onebtn a {background:#f17445;}
#sub6 .btns.onebtn a {background:#7031C2;}

/* 메일링 신청 팝업 */
.mailingPopArea {position:absolute;left:0;top:220px;width:100%;display:none;z-index: 999;}
.mailingPopArea .mailingBox {width:450px;background:#fff;margin:0 auto;border:1px solid #ccc;border-top:5px solid #666;}
.mailingPopArea .mailingBox .intro {text-align:center;padding:40px 0 25px;}
.mailingPopArea .mailingBox .mailForm {border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;}
.mailForm {width:358px;margin:0 auto;}
.mailForm ul {padding:10px 0 10px 11px;}
.mailForm ul li {padding:4px 0;}
.mailForm ul li label {display:inline-block;width:70px;padding-top:6px;}
.mailForm ul li input.irum {width:265px;}
.mailForm ul li input.emailing {width:65px;}
.mailForm ul li input.emailing2 {width:80px;}
.selectWrap {display:inline-block;width:87px;border:1px solid #ddd;overflow:hidden;}
.selectWrap.tobtm {position:relative;top:11px;margin-top:-11px;}
.selectWrap select {display:inline-block;width:127px;padding:5px 0;background:#fff url('../img/common/bg_select2.gif') no-repeat 64px 50%;border:none;font:12px "Nanum Gothic","Malgun Gothic","맑은고딕";}
.btns.mailing a {background:#f17445;}
.btns.mailing a + a {background:#5f5f5f;}

/* 사이트맵 */
.sitemapArea {width:100%;}
.sitemapArea:after {content:""; display:block; clear:both;}
.sitemapBox {float:left;height:727px;border-right:1px solid #ddd;}
.sitemapBox1 {width:300px;}
.sitemapBox2 {width:300px;padding-left:35px;}
.sitemapBox3 {width:300px;padding-left:35px;}
.sitemapBox4 {width:210px;padding-left:35px;border-right:none;}
.sitemapBox h3.titSitemap {font:bold 22px "Nanum Gothic","KoPub Dotum","Malgun Gothic","맑은고딕"; color:#f17445;}
.sitemapBox h3.titSitemap a {font:bold 22px "Nanum Gothic","KoPub Dotum","Malgun Gothic","맑은고딕"; color:#f17445;}
.sitemapBox h3.titSitemap a:hover {text-decoration:none;}}
.sitemapBox dl {}
.sitemapBox dl dt a {display:block;font:bold 14px "Nanum Gothic","KoPub Dotum","맑은고딕";padding:5px 0;letter-spacing:-1px;}
.sitemapBox dl dd {padding-left:10px;}
.sitemapBox dl dd ul {padding-bottom:10px;}
.sitemapBox dl dd ul li {}
.sitemapBox dl dd ul li a {display:block;padding:2px 0 2px 10px;background:url('../img/common/bg_bullet.gif') no-repeat 0 50%;font:14px/1.3 "Nanum Gothic","KoPub Dotum","Malgun Gothic","맑은고딕";color:#666;letter-spacing:-1px;}

/* 이용안내 - 개인정보처리방침 */
.johangBox p {font:14px/1.5 "Nanum Gothic", "KoPub Dotum","Malgun Gothic","맑은고딕";}
.johangBox .step1 {padding:10px 0 10px 20px;}
.johangBox ol.order {padding:10px 0 10px 20px;}
.johangBox ol.order li {font:13px "Nanum Gothic", "Malgun Gothic","KoPub Dotum","맑은고딕";}
.johangBox h3 {padding:30px 0 10px 20px;font:bold 18px "Nanum Gothic", "KoPub Dotum","Malgun Gothic","맑은고딕";}
.johangBox .step2 {padding:10px 0 10px 40px;}
.johangBox .step2.indent {padding-left:60px;text-indent:-20px;}
.johangBox h4 {padding:10px 0 10px 40px;font:bold 14px "Nanum Gothic", "KoPub Dotum","Malgun Gothic","맑은고딕";}
.johangBox .step3 {padding:10px 0 10px 60px;}
.johangBox .step3.indent {padding:0 0 0 75px;text-indent:-15px;}
.johangBox h5 {padding:10px 0 10px 60px;font:bold 14px "Nanum Gothic", "KoPub Dotum","Malgun Gothic","맑은고딕";}
.johangBox h5 span {font-weight:normal;}
.johangBox .step4 {padding:10px 0 10px 80px;}
.johangBox .step4.indent {padding:0 0 0 90px;text-indent:-10px;}
.johangBox h6 {padding:10px 0 10px 80px;font:bold 14px "Nanum Gothic", "KoPub Dotum","Malgun Gothic","맑은고딕";}
.johangBox .step5 {padding:10px 0 10px 80px;}
.johangBox .privacyTbl {margin:10px 0 20px;}
.johangBox .privacyTbl th,  .johangBox .privacyTbl td {padding:5px;font:13px "Nanum Gothic", "KoPub Dotum","Malgun Gothic","맑은고딕";}

/**
 * 게시물 제목 사이즈 조절
 * @date 2015-09-20
 */
.bbs_title {
	width:280px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.main_bbs_title {
	width:270px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;	
}

/* 모바일 버전 버튼 */
.btnMobile {padding:10px 0;}
.btnMobile a {display:block; width:100px; height:30px; line-height:30px; margin:0 auto; text-align:center; border:1px solid #ccc; font-weight:bold; font-size:14px; color:#333;}

/* 영문 */
/* header */
.gnb2 li a { padding:0 29px; }