@charset "utf-8";
@import url( ./fonts.css );

/* 초기화 */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, address,
form, fieldset, legend, input, select, textarea,
table, caption, col, colgroup, thead, tfoot, tbody, th, td{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
html, fieldset, img, abbr, acronym{border:0 none;}
ol, ul, li, dl, dt, dd{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th, td{font-weight:normal;}
address, caption, em{font-weight:normal; font-style:normal;}
caption{display:none;}
legend{display:none;}
html{}
body{min-width:320px; margin:0; padding:0; font-size:16px; font-family:"NanumSquareNeo",'Noto Sans KR', sans-serif !important; overflow-x:hidden; position:relative;}
textarea, select{font-size:12px; font-family:"NanumSquareNeo",'Noto Sans KR', sans-serif !important;}
select{height:24px; margin:0; padding:2px; border:1px solid #d7d7d7; font-family:"NanumSquareNeo",'Noto Sans KR', sans-serif !important; background:#fff;}
p{margin:0; padding:0; word-break:keep-all; word-wrap:break-word;}
div{word-break:keep-all; word-wrap:break-word;}
hr{display:none;}
pre{overflow-x:scroll; font-size:1.1em;}
a{color:#222; text-decoration:none;}
button{cursor:pointer;}
iframe{max-width:100%;}
*, :after, :before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.dn{display:none;}

.mT30{margin-top:30px;}
.mT50{margin-top:50px;}

.blind{font-size:0; left:-1000em; line-height:0; position:absolute;}


@media screen and (max-width:780px){
	.wd{display:none;}
}


#wrap{z-index:9999; position:relative;}

#main-vod{max-height:970px; background:url("../img/vod_bg.jpg") no-repeat; background-size:cover; overflow:hidden; position:relative;}
#main-vod video{vertical-align:middle;}
#main-vod .vod-bg{width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.4); position:absolute;}
#main-vod .vod-txt{width:100%; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); z-index:999; text-align:center; color:#fff; position:absolute;}
#main-vod .vod-txt div{font-weight:300; color:#fff; display:none;}
#main-vod .vod-txt h2{font-weight:700; font-size:40px; line-height:120%; color:#fff; display:none; margin-bottom:30px; letter-spacing:-1px;}
#main-vod .vod-txt h1{ font-family:"SBAggro"; font-weight:100; font-size:100px; line-height:120%; color:#fff; display:none;}
#main-vod .vod-txt h1 span{font-weight:700;}
#main-vod .vod-txt p{margin-top:40px; font-size:24px; line-height:160%; color:#fff; display:none;}
#main-vod .down{width:45px; height:104px; left:50%; bottom:40px; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); z-index:9999; position:absolute;}
#main-vod .down div{position:relative;}
#main-vod .down span{width:45px; height:104px; background:url("../img/mdown.png") no-repeat; display:block; position:absolute;}

@media screen and (max-width:1000px){
	#main-vod .vod-txt h2{font-size:26px; margin-bottom:30px; letter-spacing:8px;}
	#main-vod .vod-txt h1{font-size:80px;}
	#main-vod .vod-txt p{margin-top:30px; font-size:20px;}
	#main-vod .vod-txt p br{display:none;}
	#main-vod .down span{width:45px; height:104px; background:url("../img/mdown.png") no-repeat; display:none; position:absolute;}
}

@media screen and (max-width:760px){
	#main-vod{height:0;}
	#main-vod .vod-txt h2{font-size:22px; margin-bottom:20px; letter-spacing:5px;}
	#main-vod .vod-txt h1{font-size:60px;}
	#main-vod .vod-txt p{margin-top:20px; font-size:16px;}
}

@media screen and (max-width:640px){
	#main-vod .vod-txt h2{font-size:20px; margin-bottom:20px; letter-spacing:3px;}
	#main-vod .vod-txt h1{font-size:50px;}
	#main-vod .vod-txt p{margin-top:20px; font-size:14px;}
}

@media screen and (max-width:480px){
	#main-vod .vod-txt h2{font-size:16px; margin-bottom:10px;}
	#main-vod .vod-txt h1{font-size:30px;}
	#main-vod .vod-txt p{margin-top:20px; font-size:13px;}
}

#header-section{width:100%;}
#header-section.header-on{background:#fff; border-bottom:1px solid #dedede;}
#header-section .header-area{width:100%; margin:0 auto; padding:0 30px;}
#header-section .gnb-box{height:88px; z-index:9999; position:relative;}
#header-section #logo{width:200px; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
#header-section #logo img{width:100%;}
#header-section #gnb{margin-right:500px; float:right;}

#header-section #gnb:after{clear:both; content:""; display:block;}
#header-section #gnb .gnb-1ul{}
#header-section #gnb .gnb-1ul:after{clear:both; content:""; display:block;}
#header-section #gnb .gnb-1ul .gnb-1li{position:relative; float:left;}
#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a{padding:0 60px; font-size:18px; line-height:88px; display:block; color:#000; font-weight:700;}
#header-section.header-on #gnb .gnb-1ul .gnb-1li .gnb-1a{color:#000;}
#header-section #gnb .gnb-2ul{height:0; z-index:10000; opacity:0; overflow:hidden; position:absolute;}
#header-section #gnb .gnb-2ul:after{clear:both; content:""; display:block;}

#header-section #gnb .gnb-1ul .gnb-1li:last-child .gnb-2wrap{border-right:1px solid #e1dfe2;}
#header-section #gnb .gnb-2ul .gnb-2li{float:left;}
#header-section #gnb .gnb-2ul .gnb-2li .gnb-2a{padding:3px 15px; font-size:14px; line-height:56px; color:#fff; display:block; position:relative;}

#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a:after{width:0; max-width:100%; height:4px; left:50%; bottom:0; z-index:1; background:#9fcc41; content:""; position:absolute; transition:all 0.33s ease-out 0s; -moz-transition:all 0.33s ease-out 0s; -webkit-transition:all 0.33s ease-out 0s; -ms-transition:all 0.33s ease-out 0s; -o-transition:all 0.33s ease-out 0s; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a.on:after,
#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a:hover:after{width:60px;}

#header-section #gnb .gnb-1ul .gnb-1li:nth-child(1) .gnb-2ul{width:400px; left:0px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(2) .gnb-2ul{width:800px; left:-90px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(3) .gnb-2ul{width:100px; left:50px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(4) .gnb-2ul{width:320px; left:0;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(5) .gnb-2ul{width:200px; right:0;}


@media screen and (max-width:1200px){
	#header-section .header-area{padding:0 60px;}
	#header-section #gnb{display:none;}
	#header-section .gnb-box{height:70px;}
}

@media screen and (max-width:760px){
	#header-section .header-area{padding:0 20px;}
	#header-section #logo{width:180px; height:auto; left:10px;}
	#header-section #logo img{width:100%;}
}

@media screen and (max-width:640px){
	#header-section .header-area{padding:0 10px;}
	#header-section #logo{width:150px;}
}

@media screen and (max-width:480px){
	#header-section #logo{width:120px;}
}

.gnb-bg-box{width:100%; height:0; top:88px; left:0; z-index:1000; background-color:rgba(249,189,64,.7); display:none; position:absolute; }

#header-section .hbg-menu{width:30px; height:30px; top:20px; right:0; z-index:999; text-indent:-9000px; background:url("../img/btn_allmenu_on.png") no-repeat center center; display:none; position:absolute;}
#header-section .btn-rallmenu{width:30px; height:30px; top:30px; right:0; z-index:999; background:url("../img/btn_allmenu_on.png") no-repeat center center; position:absolute;}
#header-section.header-on .hbg-menu{background:url("../img/btn_allmenu_on.png") no-repeat center center;}
#header-section.header-on .btn-rallmenu{background:url("../img/btn_allmenu_on.png") no-repeat center center;}

@media screen and (max-width:1000px){
	#header-section .hbg-menu{display:block;}
	#header-section .btn-rallmenu{display:none;}
}

#allMenu-section{width:100%; height:0; top:0; left:0; z-index:99999; background:rgba(0,0,0,.93); position:fixed; opacity:0; overflow:hidden;}
#allMenu-section .allMenu-area{width:100%; max-width:1400px; margin:82px auto; padding:0 10px;}
#allMenu-section .allMenu-area:after{clear:both; content:""; display:block;}
#allMenu-section .allMenu-area .am-top{text-align:right;}
#allMenu-section .allMenu-area .am-top a{display:inline-block; width:48px; background:#0066B3; text-align:center;}
#allMenu-section .allMenu-area .am-top a i{line-height:48px; font-size:30px; color:#fff;}
#allMenu-section .allMenu-area ul.am-ul{margin:0 -37px;}
#allMenu-section .allMenu-area ul.am-ul:after{clear:both; content:""; display:block;}
#allMenu-section .allMenu-area ul.am-ul li.am-1li{width:25%; padding:0 37px; float:left;}
#allMenu-section .allMenu-area ul.am-ul li.am-1li:nth-child(4):after{clear:both; content:""; display:block;}
#allMenu-section .allMenu-area .am-box{height:400px; margin-top:40px;}
#allMenu-section .allMenu-area .am-box h2{font-weight:700; font-size:20px; line-height:70px; color:#fff; border-top:2px solid #0066B3; border-bottom:1px solid #7b7b7b; display:block; position:relative;}
#allMenu-section .allMenu-area .am-box ul{margin-top:10px;}
#allMenu-section .allMenu-area .am-box ul li{margin:22px 0;}
#allMenu-section .allMenu-area .am-box ul li a{font-size:16px; color:#fff; display:block;}

#sideMask{-webkit-overflow-scrolling:touch;overflow-y:scroll;position:fixed;left:0;right:0;top:0;bottom:0;z-index:10001;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOzEo46UAAAAApJREFUeF5jYAAAAAIAAd6ej78AAAAASUVORK5CYII=');zoom:1;display:none}
#sideMask .menu-in{position:absolute;width:230px;top:0;bottom:0;left:-230px;background-color:#fff;color:#fff;z-index:11;-moz-box-shadow:7px 0 7px -3px rgba(0,0,0,0.5);-webkit-box-shadow:7px 0 7px -3px rgba(0,0,0,0.5);box-shadow:7px 0 7px -3px rgba(0,0,0,0.5);min-height:800px}
#sideMask .side-menuTop{background-color:#28272b;border-bottom:1px solid #323135;padding-left:1em;position:relative}
#sideMask #sgnb{}
#sideMask #sgnb h1{padding:10px 15px; text-align:center; display:block;}
#sideMask #sgnb h1 img{width:auto; height:20px;}
#sideMask #sgnb .sgnb_1dli{position:relative; word-wrap: break-word;}
#sideMask #sgnb .sgnb_1dli_on{color:#fff;}
#sideMask #sgnb .sgnb_1da{margin-top:-1px; font-weight:500; display:block;height:45px; font-size:14px; line-height:45px; padding-left:25px; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7; -moz-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,0.04); position:relative;}
#sideMask #sgnb .sgnb_1da span:after{position:absolute;right:15px; content:"";width:15px;height:40px;display: inline-block;background: url("../img/smarrow_down.png") 50% no-repeat;background-size: contain;float:right;-webkit-transition: transform .3s;transition: transform .3s}
#sideMask #sgnb .sgnb_2dul{width:100%; z-index:2000; display:none; background:#e9e9e9;}
#sideMask #sgnb .on{color:#ea595e !important;}
#sideMask #sgnb .on span:after{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
#sideMask #sgnb .sgnb_2da{padding-left:25px; font-size:14px; line-height:40px; border-bottom:1px solid #d9d9d9; display:block;}
#sideMask #sgnb .sgnb_2da span:before{display:inline-block; margin:0 10px 0 0; color:#222; content:'-';}
#sideMask #sgnb .sgnb-sns{padding:10px 0; text-align:center; border-bottom:1px solid #d9d9d9; background:#f7f7f7;}
#sideMask #sgnb .sgnb-sns a{width:35px; height:35px; margin-right:5px; font-size:17px; line-height:35px; text-align:center; color:#fff; border-radius:50%; background-color:#777; vertical-align:bottom; -webkit-transition:background-color .5s; transition:background-color .5s; display:inline-block;}
#sideMask #sgnb .sgnb-sns a:hover{background-color:#222;}
#sideMask #sgnb .sgnb-copyright{padding-top:10px; font-size:12px; text-align:center; color:#999;}
#sideMask #sgnb .sgnb-copyright strong{font-weight:500; color:#222;}
#sideMask .side-close{width:50px; height:50px; right:-50px; top:0; text-indent:-9000px; background:rgba(0,0,0,.6) url("../img/btn_close.png") no-repeat center center; background-size:60%; position:absolute; cursor:pointer;}

#svisual-section{height:250px;
background-color: #fbf3e6;
background-image: url('../img/svisual_left.png'), url('../img/svisual_right.png');
background-size:auto 90%, auto 90%;
background-position:bottom left, bottom right;
background-repeat: no-repeat, no-repeat;
position:relative;}

#svisual-section .svisual-txt{width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; text-align:center;}
#svisual-section .svisual-txt h2{font-family:"SBAggro"; width:100%; font-size:48px;  color:#000;}

#svisual-section .svisual-txt p{width:100%; font-size:22px; color:#484848; font-weight:800; margin-bottom:15px; line-height:1.4em;}
#svisual-section .svisual-txt p span.ft-yellow{color:#ffb604;}

@media screen and (max-width:1280px){
	#svisual-section{height:280px; background-size:auto 80%, auto 80%;}
	#svisual-section .svisual-txt h2{font-size:40px;}
}

@media screen and (max-width:1040px){
	#svisual-section{height:240px; background-size:auto 70%, auto 70%;}
}

@media screen and (max-width:820px){
	#svisual-section .svisual-txt h2{font-size:40px;}
}

@media screen and (max-width:640px){
	#svisual-section{height:200px; background-size:auto 50%, auto 50%;}
	#svisual-section .svisual-txt h2{font-size:30px;}
	#svisual-section .svisual-txt p{font-size:16px; margin-bottom:10px;}
}

@media screen and (max-width:480px){
	#svisual-section{height:160px; background-size:auto 40%, auto 40%;}
	#svisual-section .svisual-txt h2{font-size:24px;}
	#svisual-section .svisual-txt p{font-size:14px; margin-bottom:5px;}
}

#snav-section{border-bottom:1px solid #dedede; width:100%;}
#snav-section .snav-area{width:100%; max-width:1600px; height:60px; margin:0 auto; padding:0 100px; line-height:60px;}
#snav-section .snav-area:after{clear:both; content:""; display:block;}
#snav-section .snav-area .home-box{border-left:1px solid #dedede; float:left;}
#snav-section .snav-area .home-box a{padding:0 20px; font-size:28px; display:block; color:#9b9b9b;}
#snav-section .snav-area a{display:block; position:relative;}
#snav-section .snav-area a span{width:12px; height:12px; top:50%; right:20px; margin-top:-6px; display:block; position:absolute;}
#snav-section .snav-area a span:before{width:100%; height:2px; top:50%; margin-top:-1px; background:#000; content:""; display:block; position:absolute;}
#snav-section .snav-area a span:after{width:2px; height:100%; top:0; left:50%; margin-left:-1px; background:#000; content:""; display:block; position:absolute; transition:0.3s}

@media screen and (max-width:1200px){
	#snav-section .snav-area{padding:0;}
	#snav-section .snav-area .home-box{border-left:0;}
}

@media screen and (max-width:780px){
	#snav-section .snav-area{height:50px; line-height:50px;}
	#snav-section .snav-area .home-box{display:none;}
}

#snav-section .snav-area .depth1-box{min-width:250px; position:relative; float:left;}
#snav-section .snav-area .depth1-box a.d-curr{padding:0 60px 0 20px; font-size:16px; border-left:1px solid #dedede;display:block; color:#666;}
#snav-section .snav-area .depth2-box{min-width:280px; position:relative; float:left;}
#snav-section .snav-area .depth2-box a.d-curr{padding:0 60px 0 20px; font-weight:500; font-size:16px; color:#666;  border-left:1px solid #dedede; border-right:1px solid #dedede; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#snav-section .snav-area .depth1-box a span:before{background:#9b9b9b;}
#snav-section .snav-area .depth1-box a span:after{background:#9b9b9b;}
#snav-section .snav-area .depth2-box a span:before{background:#9b9b9b;}
#snav-section .snav-area .depth2-box a span:after{background:#9b9b9b;}
#snav-section .snav-area a.curr span:after{transform:rotate(90deg);}

#snav-section .snav-area ul{width:100%; top:60px; left:0; padding:10px 0; z-index:1000; border:1px solid #e1dfe2; background:#f9f9f9; display:none; position:absolute;}
#snav-section .snav-area ul li{}
#snav-section .snav-area ul li a{padding:15px 20px; font-size:15px; line-height:100%; display:block;}

@media screen and (max-width:780px){
	#snav-section .snav-area .depth1-box,
	#snav-section .snav-area .depth2-box{width:50%; min-width:auto;}
	#snav-section .snav-area .depth1-box a.d-curr{border-left:0;}
	#snav-section .snav-area .d-curr{font-size:15px !important;}

	#snav-section .snav-area ul{top:50px;}
	#snav-section .snav-area .depth1-box ul{border-left:0 !important;}
	#snav-section .snav-area .depth2-box ul{border-right:0 !important;}
}

@media screen and (max-width:680px){
	#snav-section .snav-area .d-curr{padding:0 40px 0 15px !important; font-size:14px !important;}
	#snav-section .snav-area a span{width:10px; height:10px; right:15px; margin-top:-5px;}
	#snav-section .snav-area ul li a{padding:7px 15px; line-height:160%;}
}

@media screen and (max-width:500px){
	#snav-section .snav-area ul li a{font-size:14px;}
}


#wrap.sub #container-section{width:100%; max-width:1600px; margin:0 auto 100px; padding:50px 100px 0;}
#wrap.wide #container-section{width:100%; margin:0 auto; padding:0 0 0;}

@media screen and (max-width:1024px){
	#wrap.sub #container-section{padding:50px 60px 0;}
}

@media screen and (max-width:860px){
	#wrap.sub #container-section{padding:50px 40px 0;}
}

@media screen and (max-width:640px){
	#wrap.sub #container-section{margin:0 auto 50px; padding:50px 20px 0;}
}



#footer-section{width:100%; background:#a38b77; padding:50px 0;}
#footer-section .cont-area:after{clear:both;display:block; content:"";}
#footer-section h1.copy_logo{width:200px;}
#footer-section h1.copy_logo img{width:100%;}
#footer-section .fbtn-area{}
#footer-section .fbtn-area:after{clear:both; content:""; display:block;}
#footer-section .fbtn-area .abox{}
#footer-section .fbtn-area .abox:after{clear:both; content:""; display:block;}
#footer-section .fbtn-area .abox ul{margin-top:30px;}
#footer-section .fbtn-area .abox ul:after{clear:both;display:block; content:"";}
#footer-section .fbtn-area .abox ul li{color:#fff; font-size:14px; margin:10px 0; line-height:1.3em;}
#footer-section .fbtn-area .abox a{padding:0 25px; font-size:14px; color:#fff; display:inline-block; position:relative; font-weight:300;}
#footer-section .fbtn-area .abox a:after{width:1px; height:10px; top:50%; right:0; margin-top:-5px; background:#fff; content:""; display:block; position:absolute;}
#footer-section .fbtn-area .abox ul li:nth-child(3) a:after{display:none;}
#footer-section .fbtn-area p {font-size:12px; line-height:1.3em; color:#fff; margin-top:10px; opacity:.5;}
#footer-section .fbtn-area p span{color:#fff;}

#footer-section .right-area{float:right; position:relative;}
#footer-section .right-area .family-site{position:absolute; right:0; top:0; z-index:2;}
#footer-section .right-area .family-site p{padding:15px 160px 15px 15px; border:1px solid rgba(255,255,255,.7); cursor:pointer; background:url(../img/family_arrow.png) no-repeat right 15px center; color:rgba(255,255,255,.7);}
#footer-section .right-area .family-site ul{background:#fff; position:absolute; bottom:53px; width:100%; padding:10px 0; display:none; border: 1px solid #ddd;}
#footer-section .right-area .family-site ul li a{display:block; padding:7px 20px; color:#999; font-weight:300;}
#footer-section .right-area .family-site ul li a:hover{color:#333;}


@media screen and (max-width:1024px){
	#footer-section{padding:40px 0;}
	#footer-section h1.copy_logo{width:200px;}
	#footer-section .fbtn-area .abox ul{margin-top:20px;}
	#footer-section .fbtn-area .abox ul li{font-size:13px;}
}

@media screen and (max-width:840px){
}

@media screen and (max-width:760px){
	#footer-section h1.copy_logo{width:180px;}
}

@media screen and (max-width:640px){
	#footer-section h1.copy_logo{width:150px;}
}

@media screen and (max-width:480px){
}

.policy-section{padding:50px 30px; font-size:14px;line-height:140%;background:#f8f8f8;box-sizing:border-box; text-align:left;}
.policy-section h1{font-size:30px; font-weight:700;}
.policy-section div{border:1px solid #dedede; max-height:500px; margin-top:30px; overflow-y:scroll; background:#fff; padding:20px 30px;}

/*공통*/
.cont-area{width:100%; max-width:1600px; margin:0 auto; padding:0 100px;}
.cont-area:after{clear:both; display:block; content:"";}
.tit-area{font-size:60px; font-weight:800; line-height:1.5em; text-align:center;}
.tit-area h1{font-size:60px; line-height:1.5em;}
.tit-area h1 strong{font-weight:900;}
.sub-tit{font-size:40px; font-weight:800; color:#000; margin-bottom:40px;}

.ft-green{color:#9fcc41;}
.ft-blue{color:#0066b3;}
.ft-yellow{color:#f9bd40;}

@media (max-width:1480px){
	.tit-area{font-size:54px;}
}

@media (max-width:1240px){
	.tit-area{font-size:50px;}
	.sub-tit{font-size:34px;}
	.sub-tit br{display:none;}
}

@media (max-width:1024px){
	.cont-area{padding:0 60px;}
}

@media (max-width:840px){
	.cont-area{padding:0 40px;}
	.sub-tit{font-size:28px;}
}

@media (max-width:760px){
	.tit-area{font-size:44px; line-height:1.4em;}
	.sub-tit{font-size:24px; margin-bottom:15px;}
}

@media (max-width:640px){
	.cont-area{padding:0 20px;}
	.tit-area{font-size:38px;}
	.tit-area br{display:none;}
	.sub-tit{font-size:18px;}
}

@media (max-width:480px){
	.tit-area{font-size:30px; line-height:1.3em;}
}


.wd-info{padding-bottom:5px; margin-bottom:0; font-size:14px; color:#ff4545; display:none;}

@media screen and (max-width:640px){
	.wd-info{display:block;}
	.wd-wrap{overflow-x:scroll;}
	.wd-wrap table{width:760px !important;}
}

.title-box{margin-bottom:50px;}
.title-box.wide{padding-top:80px;}
.title-box h2{font-size:50px; font-weight:800; line-height:180%; text-align:center; color:#252525;}
.title-box h3{padding:0 10px; font-weight:400; font-size:18px; line-height:140%; text-align:center; color:#525252;}


@media screen and (max-width:820px){
	.title-box{margin-bottom:40px;}
	.title-box.wide{padding-top:60px;}
	.title-box h2{font-size:32px;}
	.title-box h3{font-size:17px;}
}

@media screen and (max-width:640px){
	.title-box{margin-bottom:30px;}
	.title-box.wide{padding-top:50px;}
	.title-box h2{font-size:28px;}
	.title-box h3{font-size:16px;}
}

@media screen and (max-width:480px){
	.title-box{margin-bottom:20px;}
	.title-box.wide{padding-top:40px;}
	.title-box h2{font-size:22px;}
	.title-box h3{font-size:14px;}
}


.paging_zone{padding:15px 0; text-align:center; clear:both;}
.paging a,
.paging span{margin:0 1px; padding:11px 15px; font-size:12px; color:#888; background:#f8f8f8; border:1px solid #dedede; display:inline-block;}
.paging a:hover,
.paging span.on{color:#fff; border:1px solid #777; background:#999;}

@media screen and (max-width:780px){
	.paging a,
	.paging span{padding:7px 11px; font-size:11px;}
}


/*서브탭*/
.sub-tab{width:100%; max-width:1400px; margin:0 auto; padding:0 0; position:relative; margin-bottom:100px;}
.sub-tab table{width:100%;}
.sub-tab table tr td{border:1px solid #dedede; text-align:center; font-size:18px;}
.sub-tab table tr td a{display:inline-block; width:100%; line-height:52px}
.sub-tab table tr td.curr{border:2px solid #0066b3;}
.sub-tab table tr td.curr a{color:#0066b3; font-weight:700;}
.sub-tab table.tb02 tr td{width:50%;}
.sub-tab table.tb03 tr td{width:33.3333%;}
.sub-tab table.tb04 tr td{width:25%;}
.sub-tab table.tb05 tr td{width:20%;}

@media screen and (max-width:1280px){
	.sub-tab{margin-bottom:80px;}
}

@media screen and (max-width:820px){
	.sub-tab{margin-bottom:60px;}
	.sub-tab table tr td a{line-height:48px;}
}

@media screen and (max-width:640px){
	.sub-tab{margin-bottom:40px;}
	.sub-tab table tr td a{line-height:42px; font-size:14px;}
}