@charset "utf-8";
@import url( ./fonts.css );
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css");
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.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:'SUIT', sans-serif; overflow-x:hidden;}
textarea, select{font-size:12px; font-family:'SUIT', sans-serif;}
select{height:24px; margin:0; padding:2px; border:1px solid #d7d7d7; font-family:'SUIT', sans-serif; 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;}
img, 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;}
}

.cont-area{width:100%; max-width:1440px; margin:0 auto; padding:0 20px; position:relative;}
.cont-area:after{clear:both; display:block; content:"";}
.board-cont,
.last-section{margin-bottom:100px;}

@media screen and (max-width:870px){
	.board-cont,
	.last-section{margin-bottom:80px;}
}

@media screen and (max-width:640px){
	.board-cont,
	.last-section{margin-bottom:60px;}
}

@media screen and (max-width:480px){
	.board-cont,
	.last-section{margin-bottom:40px;}
}

.quick-section {position:fixed; right:30px; bottom:30px; z-index:99999;}
.quick-section ul li{margin:3px 0;}
.quick-section ul li a{color:#fff; display:block; width:135px; line-height:34px; text-align:center; border-radius:50px; font-size:14px; font-weight:700;}
.quick-section ul li.q01 a{background:#2179c0;}
.quick-section ul li.q01 a:hover{background:#1267ab; transition:all .4s;}
.quick-section ul li.q02 a{background:#25bab1;}
.quick-section ul li.q02 a:hover{background:#0fa59c; transition:all .4s;}
.quick-section ul li.q03 a{background:#5255a8;}
.quick-section ul li.q03 a:hover{background:#31348a;transition:all .4s;}
.quick-section ul li.q04 a{background:#ffde00; color:#381e1f;}
.quick-section ul li.q04 a:hover{background:#e7c900; transition:all .4s;}
.quick-section ul li.q05 a{background:#676767;}
.quick-section ul li.q05 a:hover{background:#4e4e4e;transition:all .4s;}

@media (max-width:640px){
	.quick-section {right:10px; bottom:10px;}
	.quick-section ul li a{width:100px; line-height:28px; font-size:12px;}

}

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

#wrap.sub #header-section,
#wrap.wide #header-section{width:100%; top:0; left:0; z-index:9999;position:fixed; background:rgba(255,255,255,.7);}

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

#header-section{width:100%; top:0; left:0; z-index:9999;position:absolute; background:#fff;}
#header-section .header-top{background:#f2f9ff;}
#header-section .header-top #lnb{width:100%; max-width:1440px; margin:0 auto; padding:15px 20px;}
#header-section .header-top #lnb:after{clear:both; display:block; content:"";}
#header-section .header-top #lnb ul{float:right;}
#header-section .header-top #lnb ul:after{clear:both; display:block; content:"";}
#header-section .header-top #lnb ul li{float:left;}
#header-section .header-top #lnb ul li a{color:#5e5e5e; font-weight:500; padding:0 20px;}
#header-section .header-top #lnb ul li:last-child a{color:#276caa; font-weight:800; border-left:1px solid #dedede;}
#header-section.header-on{border-bottom:1px solid #dedede;}
#header-section .header-area{width:100%; max-width:1440px; margin:0 auto; padding:0 20px;}

#header-section .gnb-box{height:100px; z-index:9999; position:relative;}
#header-section #logo{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:153px;}
#header-section #gnb{margin-right:150px; 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 55px; font-size:18px; line-height:100px; display:block; color:#000; font-weight:700;}

/*
#wrap.sub #header-section #gnb .gnb-1ul .gnb-1li .gnb-1a,
#wrap.wide #header-section #gnb .gnb-1ul .gnb-1li .gnb-1a{color:#fff;}
*/

#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 #
;}
#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:#3284c6; 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:500px; left:50px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(2) .gnb-2ul{width:200px; left:50px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(3) .gnb-2ul{width:300px; left:-20px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(4) .gnb-2ul{width:200px; left:40px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(5) .gnb-2ul{width:300px; right:-60px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(6) .gnb-2ul{width:400px; right:-50px;}

@media screen and (max-width:1600px){
	#header-section #gnb{margin-right:200px;}
	#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a{padding:0 35px;}
}

@media screen and (max-width:1240px){
	#header-section #logo img{width:140px;}
	#header-section #gnb{display:none;}
	#header-section .gnb-box{height:70px;}
}

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

	#header-section .header-top #lnb{padding:10px;}
	#header-section .header-top #lnb ul li a{padding:0 10px; font-size:14px;}
	#header-section .header-top #lnb ul li:last-child a span img{height:14px;}
}

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

.gnb-bg-box{width:100%; height:0; top:149px; left:0; z-index:1000; background-color:rgba(52,132,189,0.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:35px; 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;}
}

#main-vod{max-height:980px; background:url("../img/vod_bg.jpg?v4") 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:30px; line-height:120%; color:#fff; display:none; margin-bottom:30px; letter-spacing:-1px;}
#main-vod .vod-txt h1{font-weight:800; font-size:100px; line-height:120%; color:#fff; display:none;}
#main-vod .vod-txt p{margin-top:40px; font-size:40px; 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 .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 .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{display:none;}
	#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:40px;}
}

#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:50px; height:50px; text-align:center; line-height:50px; background:#3284c6; color:#fff;}
#allMenu-section .allMenu-area .am-top a i{font-size:26px; vertical-align:middle;}
#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:20%; 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:320px; 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 #3284c6; 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:30px;}
#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;}

#footer-section{padding:50px 0; border-top:1px solid #dedede;}
#footer-section h1 img{height:40px;}
#footer-section .copy{margin:20px 0;}
#footer-section .copy:after{clear:both; display:block; content:"";}
#footer-section .copy ul{float:left;}
#footer-section .copy ul:last-child{margin-left:50px;}
#footer-section .copy ul li{margin:10px 0;}
#footer-section .copy ul li .tit{font-weight:700; width:120px; display:inline-block;}
#footer-section .copy ul:last-child li .tit{width:120px;}
#footer-section p{margin-top:25px; font-size:14px;}
#footer-section .sns{}
#footer-section .sns:after{clear:both; display:block; content:"";}
#footer-section .sns li{float:left; margin-right:10px;}
#footer-section .sns li a{display:inline-block; width:38px; background:#f0f0f0; border-radius:100px; text-align:center;}
#footer-section .sns li a i{font-size:20px; line-height:38px; color:#606162;}
#bottom-section{background:#0d62a6; padding:20px 0;}
#bottom-section h1{color:#fff; font-weight:700; float:left;}
#bottom-section h1 span{color:#b1d8f8;}
#bottom-section ul{float:right;}
#bottom-section ul:after{clear:both; display:block; content:"";}
#bottom-section ul li{float:left; padding:0 10px;}
#bottom-section ul li a{color:rgba(255,255,255,.6); font-size:14px;}
#bottom-section ul li:first-child a{color:rgba(255,255,255,1); font-weight:800;}

@media (max-width:870px){
	#footer-section{padding:40px 0;}
	#footer-section h1 img{height:35px;}
	#bottom-section{padding:15px 0;}
	#bottom-section ul{float:left; margin-top:7px;}
}

@media (max-width:640px){
	#footer-section{padding:30px 0;}
	#footer-section h1 img{height:30px;}
	#footer-section .copy ul:last-child{margin-left:0;}
	#footer-section .copy ul li{margin:7px 0; font-size:14px;}
	#footer-section .copy ul li .tit,
	#footer-section .copy ul:last-child li .tit{width:100px;}
	#bottom-section h1{font-size:14px;}
	#footer-section .sns li a{width:30px;}
	#footer-section .sns li a i{font-size:16px; line-height:30px;}
	#bottom-section ul li{padding:0 5px;}
}

@media (max-width:480px){
	#bottom-section ul li a{font-size:12px;}
}


#wrap.sub #container-section,
#wrap.wide #container-section{width:100%; margin:0 auto; padding:0;}

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


#svisual-section{height:450px; position:relative; background:url('../img/svisual.jpg') no-repeat center; background-size:cover;}
#svisual-section.franchise	{background:url('../img/svisual_franchise.jpg?v1') no-repeat center; background-size:cover;}
#svisual-section.service	{background:url('../img/svisual_service.jpg?v1') no-repeat center; background-size:cover;}
#svisual-section.news		{background:url('../img/svisual_news.jpg?v1') no-repeat center; background-size:cover;}
#svisual-section.shop		{background:url('../img/svisual_shop.jpg?v1') no-repeat center; background-size:cover;}
#svisual-section.customer	{background:url('../img/svisual_customer.jpg?v1') no-repeat center; background-size:cover;}
#svisual-section.company	{background:url('../img/svisual_company.jpg?v1') no-repeat center; background-size:cover;}
#svisual-section.business	{background:url('../img/svisual_business.jpg?v1') no-repeat center; background-size:cover;}

#svisual-section .svisual-txt{width:100%; top:60%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; text-align:center; color:#fff;}
#svisual-section .svisual-txt h2{font-size:50px; font-weight:800; line-height:1.5em; width:1400px; margin:0 auto;}
#svisual-section .svisual-txt p{font-size:28px; margin-top:10px;}
#svisual-section .svisual-txt p a{color:#fff;}
#svisual-section .svisual-txt p span{margin:0 10px;}

@media screen and (max-width:1140px){
	#svisual-section{height:340px;}
	#svisual-section .svisual-txt h2{font-size:40px; width:90%; margin:0 auto;}
	#svisual-section .svisual-txt h2 br{display:none;}
}

@media screen and (max-width:860px){
	#svisual-section{height:300px;}
	#svisual-section .svisual-txt h2{font-size:34px;}
}

@media screen and (max-width:640px){
	#svisual-section{height:260px;}
	#svisual-section .svisual-txt h2{font-size:30px;}
}

@media screen and (max-width:480px){
	#svisual-section{height:230px;}
	#svisual-section .svisual-txt h2{font-size:28px;}
}

#snav-section{width:100%; position:absolute; bottom:0; left:0; background:rgba(62,149,240,.7);}
#snav-section .snav-area{width:100%; max-width:1440px; height:60px; margin:0 auto; padding:0 20px; line-height:60px;}
#snav-section .snav-area:after{clear:both; content:""; display:block;}
#snav-section .snav-area .home-box{float:left;}
#snav-section .snav-area .home-box a{padding:0 20px; font-size:24px; display:block; color:#fff;}
#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:#fff; content:""; display:block; position:absolute;}
#snav-section .snav-area a span:after{width:2px; height:100%; top:0; left:50%; margin-left:-1px; background:#fff; 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:300px; position:relative; float:left;}
#snav-section .snav-area .depth1-box a.d-curr{padding:0 60px 0 20px; font-size:16px; display:block; color:#fff;}
#snav-section .snav-area .depth2-box{min-width:300px; 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:#fff; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

#snav-section .snav-area .depth1-box:after,
#snav-section .snav-area .depth2-box:after{width:1px; height:30px; top:25%; left:0; background:#dedede; content:""; display:block; position:absolute;}


#snav-section .snav-area .depth1-box a span:before{background:#fff;}
#snav-section .snav-area .depth1-box a span:after{background:#fff;}
#snav-section .snav-area .depth2-box a span:before{background:#fff;}
#snav-section .snav-area .depth2-box a span:after{background:#fff;}
#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 .depth1-box:after{width:0px;}

	#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;}
}


.page-tit{color:#000; padding:80px 0; text-align:center;}
.page-tit h1{font-size:46px; font-weight:900;}
.page-tit h2{font-size:36px; font-weight:700; margin-top:40px;}
.page-tit p{font-size:24px; margin-top:30px;}

.sub-tit{font-size:40px; font-weight:800; margin-bottom:50px;}
.sub-tit-small{font-size:30px; font-weight:800; margin-bottom:20px;}

.sub-page-tit{padding:80px 0 50px; text-align:center;}
.sub-page-tit h1{font-size:36px; font-weight:900;}
.sub-page-tit p{font-size:20px; margin-top:30px;}


@media screen and (max-width:1140px){
	.page-tit{padding:70px 0;}
	.page-tit h1{font-size:50px;}
	.page-tit p{font-size:26px; margin-top:30px;}

	.sub-tit{font-size:36px; margin-bottom:40px;}

	.sub-page-tit{padding:70px 20px 40px;}
	.sub-page-tit h1{font-size:32px;}
	.sub-page-tit p{font-size:18px;}
	.sub-page-tit p br{display:none;}
}

@media screen and (max-width:870px){
	.page-tit{padding:60px 0;}
	.page-tit h1{font-size:44px;}
	.page-tit p{font-size:22px; margin-top:20px;}

	.sub-tit{font-size:32px; margin-bottom:30px;}

	.sub-page-tit{padding:60px 20px 30px;}
	.sub-page-tit h1{font-size:28px;}
	.sub-page-tit p{font-size:16px; margin-top:20px;}
}

@media screen and (max-width:680px){
	.page-tit{padding:50px 0;}
	.page-tit h1{font-size:36px;}
	.page-tit p{font-size:18px; margin-top:20px;}

	.sub-tit{font-size:28px; margin-bottom:30px;}

	.sub-page-tit{padding:50px 20px 30px;}
	.sub-page-tit h1{font-size:26px;}
}

@media screen and (max-width:480px){
	.page-tit{padding:40px 0;}
	.page-tit h1{font-size:30px;}
	.page-tit p{font-size:16px; margin-top:10px;}

	.sub-tit{font-size:24px; margin-bottom:20px;}

	.sub-page-tit{padding:40px 20px 30px;}
	.sub-page-tit h1{font-size:24px;}
}

.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;}
}

/*서브탭*/
.sub-tab{width:100%; margin-bottom:50px;}
.sub-tab table{width:100%;}
.sub-tab table tr td{border-bottom:1px solid #dedede; text-align:center; font-size:18px;}
.sub-tab table tr td a{display:inline-block; width:100%; line-height:58px; font-size:22px;}
.sub-tab table tr td br{display:none;}
.sub-tab table tr td:hover,
.sub-tab table tr td.curr{border-bottom:2px solid #1e74b8;}
.sub-tab table tr td:hover a,
.sub-tab table tr td.curr a{color:#1e74b8; font-weight:800;}
.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:860px){
	.sub-tab{margin-bottom:40px;}
	.sub-tab table tr td br{display:block;}
	.sub-tab table tr td a{line-height:1.4em; padding-bottom:20px;}
}

@media screen and (max-width:680px){
	.sub-tab{margin-bottom:30px;}
	.sub-tab table tr td{font-size:16px;}
}

@media screen and (max-width:480px){
	.sub-tab{margin-bottom:20px;}
	.sub-tab table tr td{font-size:14px;}
	.sub-tab table tr td a{padding-bottom:10px;}
}


.basic-tb{width:100%; border-top:2px solid #333;}
.basic-tb tr th{background:#f8f8f8; font-weight:700;}
.basic-tb tr td{background:#fff;}
.basic-tb tr th,
.basic-tb tr td{padding:24px 20px; border:1px solid #dedede; text-align:center; font-size:18px;}
.basic-tb tr td:first-child{text-align:left;}
@media screen and (max-width:870px){
	.basic-tb tr th,
	.basic-tb tr td{padding:20px 16px; font-size:16px;}
}

@media screen and (max-width:480px){
	.basic-tb tr th,
	.basic-tb tr td{padding:15px 10px; font-size:14px;}
}



.de-tab{width:100%; max-width:1180px; margin:1px auto 20px; border-left:1px solid #e2e2e2;}
.de-tab:after{clear:both; content:""; display:block;}
.de-tab ul{}
.de-tab ul:after{clear:both; content:""; display:block;}
.de-tab ul li {margin-left:-1px; float:left;}
.de-tab ul li a{width:100%; margin-top:-1px; font-weight:400; font-size:16px; line-height:48px; text-align:center; color:#515151; border:1px solid #e2e2e2; background:#fff; display:table; position:relative;}
.de-tab ul li.on a{font-weight:500; color:#fff; border-top:1px solid #69C0DE; border-left:1px solid #69C0DE; background:#69C0DE; position:relative;}
.de-tab ul.sm03 li{width:33.3333%;}
.de-tab ul.sm04 li{width:25%;}

@media screen and (max-width:700px){
	.de-tab ul li{width:50%; margin-top:-1px;}
}

@media screen and (max-width:520px){
	.de-tab ul li a{font-size:14px; line-height:42px;}
}

.page-tit .tab-area{margin-top:50px; }

.tab-box01{text-align:center; font-size:0;}
.tab-box01 div{display:inline;}
.tab-box01 div a{width:100%; font-size:24px;font-weight:700; padding:26px 40px; border-bottom:5px solid #ddd; position:relative;}
.tab-box01 div a:hover,
.tab-box01 div.curr a{color:#005baa; border-bottom:5px solid #005baa;}
.tab-box01 div a:after{width:5px; height:5px; top:40px; left:0px; background:#ccc; border-radius:100%; content:""; display:block; position:absolute;}
.tab-box01 div:first-child a:after{width:0;}