@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* 초기화 */
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:12px; font-family:'Noto Sans KR', sans-serif;; overflow-x:hidden; position:relative;}
textarea, select{font-size:12px; font-family:'Noto Sans KR', sans-serif;; border-radius:0; -webkit-border-radius:0;}
select{height:24px; margin:0; padding:2px; border-radius:0; -webkit-border-radius:0; border:1px solid #d7d7d7; font-family:'Noto Sans KR', sans-serif;; background:#fff;}
p{margin:0; padding:0; word-break:break-all;}
hr{display:none;}
pre{overflow-x:scroll; font-size:1.1em;}
a{color:#222; text-decoration:none;}
button{cursor:pointer;}
*, :after, :before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;word-break:keep-all; word-wrap:break-word;}
p{word-break:keep-all; word-wrap:break-word;}
input{border-radius:0; -webkit-border-radius:0;}
label{margin:0 !imortant; font-weight:normal !important;}
.dn{display:none;}

.cont-area{width:100%; max-width:1190px; margin:0 auto; padding:0 10px; position:relative;}
.cont-area:after{clear:both; display:block; content:"";}

@media screen and (max-width:640px){
	.cont-area{padding:0 20px;}
}

.stab-area{margin-top:40px;}
.stab-area:after{clear:both; content:""; display:block;l}
.stab-area ul{}
.stab-area ul:after{clear:both; content:""; display:block;l}
.stab-area ul li{float:left;}
.stab-area ul li a{width:100%; font-weight:500; font-size:20px; line-height:64px; text-align:center; color:#8e8e8e; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; display:table; position:relative;}
.stab-area ul li a:before{width:1px; height:100%; top:0; left:0; z-index:100; background:#e2e2e2; content:""; display:block; position:absolute;}
.stab-area ul li:last-child a:after{width:1px; height:100%; top:0; right:0; z-index:100; background:#e2e2e2; content:""; display:block; position:absolute;}
.stab-area ul li.curr a{color:#fff; border-top:1px solid #27244f; border-bottom:1px solid #27244f; background:#27244f;}
.stab-area ul li.curr a:before{background:#27244f;}
.stab-area ul li:last-child.curr a:after{background:#27244f;}

@media screen and (max-width:980px){
	.stab-area ul li a{font-size:18px; line-height:54px;}
}

@media screen and (max-width:880px){
	.stab-area ul li a{font-size:17px; line-height:50px;}
}

@media screen and (max-width:780px){
	.stab-area ul li a{font-size:16px; line-height:45px;}
}

.stab-area ul.st01 li{width:100%;}
.stab-area ul.st02 li{width:50%;}
.stab-area ul.st03 li{width:33.3333%;}
.stab-area ul.st04 li{width:25%;}
.stab-area ul.st05 li{width:20%;}
.stab-area ul.st06 li{width:16.6666%;}
.stab-area ul.st07 li{width:14.285%;}

.main #header-wrap{position:relative;}
#header-wrap{}
#header-section{width:100%; height:100px; z-index:10000; background:#fff; -webkit-transition:height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition:height 0.5s; transition:height 0.5s; border-bottom:1px solid #ebebeb;}
#header-section .header-area{width:100%; margin:0 auto; padding:0 40px; position:relative;}
#header-section #gnb{height:95px; position:relative;}
#header-section #gnb .logo{top:30px; left:0; position:absolute;}
#header-section #gnb .gnb{position:absolute; top:0; left:25%;}
#header-section #gnb .gnb:after{clear:both; content:""; display:block;}
#header-section .gnb .gb-ul{}
#header-section .gnb .gb-ul:after{clear:both; content:""; display:block;}
#header-section .gnb .gb-ul .gb-1li{height:95px; position:relative; float:left;}
#header-section .gnb .gb-ul .gb-1li .gb-1a{height:95px; padding:0 20px; font-weight:500; font-size:18px; line-height:95px; text-align:center; color:#333; display:table; vertical-align:middle; position:relative; font-weight:700;}
#header-section .gnb .gb-ul .gb-1li .gb-1a:after{width:0; max-width:100%; height:4px; left:50%; bottom:-4px; z-index:1; background:#22b7e4; 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 .gb-ul .gb-1li .gb-1a.on:after,
#header-section .gnb .gb-ul .gb-1li .gb-1a:hover:after{width:60px;}
#header-section .gnb .gb-ul .gb-1li:last-child{padding-left:20px;}
#header-section .gnb .gb-ul .gb-1li .gb-2ul{height:0; z-index:10000; opacity:0; overflow:hidden; position:absolute;}
#header-section .gnb .gb-ul .gb-1li .gb-2ul li{float:left;}
#header-section .gnb .gb-ul .gb-1li .gb-2ul li a{padding:0 18px; font-size:16px; line-height:60px; display:table; position:relative;}
#header-section .gnb .gb-ul .gb-1li .gb-2ul li a:after{width:1px; height:14px; top:50%; right:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); background:#a3a3a3; content:""; display:block; position:absolute;}
#header-section .gnb .gb-ul .gb-1li .gb-2ul li:last-child a:after{display:none;}
#header-section .gnb .gb-ul .gb-1li:nth-child(1) .gb-2ul{width:220px; left:0;}
#header-section .gnb .gb-ul .gb-1li:nth-child(2) .gb-2ul{width:500px; left:-90px;}
#header-section .gnb .gb-ul .gb-1li:nth-child(3) .gb-2ul{width:650px; left:-160px;}
#header-section .gnb .gb-ul .gb-1li:nth-child(4) .gb-2ul{width:350px; left:-113px;}
#header-section .gnb .gb-ul .gb-1li:nth-child(5) .gb-2ul{width:390px; left:-143px;}
#header-section .gnb .gb-ul .gb-1li:nth-child(6) .gb-2ul{width:540px; right:-40px;}
#header-section #gnb .search-area{top:16px; right:0; position:absolute;}
#header-section #gnb .search-area:after{clear:both; display:block; content:"";}
#header-section #gnb .search-area div.search{width:245px; height:43px; padding:0 0; border-bottom:2px solid #333; float:left; margin-right:25px;}
#header-section #gnb .search-area div.search .sbox{width:228px; height:43px; font-size:14px; line-height:38px; color:#858585; border:0; background:none; float:left;}
#header-section #gnb .search-area div.search .ssubmit{width:16px; height:43px; text-indent:-9000px; border:0; background:url("../img/search_btn.png") no-repeat center center; float:left;}
#header-section #gnb .search-area div.search .ssubmit.sub{background:url("../img/search_sbtn.png") no-repeat center center;}
#header-section #gnb .search-area .menu-all{float:right;}
#header-section #gnb .search-area .gb-all{width:48px; height:59px; text-indent:-9000px; background:url("../img/btn_allmenu.png") no-repeat center center; display:block; float:right;}
#header-section .hbg-menu{width:38px; height:38px; top:20px; right:10px; text-indent:-9000px; background:url("../img/btn_allmenu.png") no-repeat center center; background-size:cover; display:none; position:absolute;}
#wrap.sub #header-section .hbg-menu{background:url("../img/btn_allmenu.png") no-repeat center center;}

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

@media screen and (max-width:1500px){
	#header-section #gnb .gnb{left:15%;}
}

@media screen and (max-width:1340px){
	#header-section .gnb .gb-ul .gb-1li .gb-1a{padding:0 15px;}
}

@media screen and (max-width:1240px){
	#header-section #gnb .gnb{display:none;}
}

@media screen and (max-width:1000px){
	#header-section{height:80px;}
	#header-section #tnb{display:none;}
	#header-section #gnb{height:80px;}
	#header-section #gnb .search-area{display:none;}
	#header-section #gnb .logo{top:15px;}
	#header-section .hbg-menu{display:block;}
}

@media screen and (max-width:640px){
	#header-section #gnb .logo{top:25px;}
	#header-section #gnb .logo img{width:130px; height:auto;}
	#header-section .header-area{padding:0 10px;}
}

@media screen and (max-width:540px){
	#header-section .hbg-menu{right:0;}
}

#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:1200px; 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 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:330px; margin-top:40px;}
#allMenu-section .allMenu-area .am-box h2{font-weight:500; font-size:26px; line-height:70px; color:#fff; border-top:2px solid #25c7ef; 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{}
#allMenu-section .allMenu-area .am-box ul li a{font-size:18px; line-height:36px; 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;}

.dust-section {position:fixed; left:30px; bottom:30px; z-index:99999;}
.dust-section .qr-icon.pc {display:inline-block; border-radius:10px; background:#fff; padding:5px; box-shadow :2px 2px 10px 0px rgba(0,0,0,.3); text-align:center; font-size:13px; line-height:1.3em; margin-bottom:7px;}
.dust-section .qr-icon.mo{display:none;}
.dust-section .qr-icon img{width:92px; height:auto; margin-top:3px;}
.dust-section .dust-txt {display:inline-block; border-radius:100px; padding:0 70px 0 20px; line-height:54px;background:#fff; position:relative;box-shadow :2px 2px 10px 0px rgba(0,0,0,.3);}
.dust-section .dust-txt.bicon01 {margin-bottom:7px;}
.dust-section .dust-txt a{font-size:17px;}
.dust-section .dust-txt.bicon01 a{color:#6098EC;}
.dust-section .dust-txt.bicon02 a{color:#43AFD6;}
.dust-section .dust-txt span{position:absolute; right:0; top:-1px;}
.dust-section .dust-txt span img{width:56px; height:56px;}
.dust-section .b2b-icon{margin-top:10px;}
.dust-section .b2b-icon a{display:inline-block; border-radius:10px; font-size:17px; padding:0 50px; line-height:48px;background:#2EA6D1; color:#fff; box-shadow :2px 2px 10px 0px rgba(0,0,0,.3);}

@media screen and (max-width:1540px){
	.dust-section {left:30px;}

}

@media screen and (max-width:780px){
	.dust-section {left:10px; bottom:20px;}
	.dust-section .qr-icon {padding:3px; border-radius:10px;}
	.dust-section .qr-icon.pc{display:none;}
	.dust-section .qr-icon.mo{display:inline-block; border-radius:100px; padding:7px 50px 7px 15px; background:#fff; position:relative;box-shadow :2px 2px 10px 0px rgba(0,0,0,.3); margin-bottom:7px;}
	.dust-section .qr-icon.mo a{font-size:13px;}
	.dust-section .qr-icon.mo span.txt{line-height:1.3em; display:block;}
	.dust-section .qr-icon.mo span.img{position:absolute; right:13px; top:7px;}
	.dust-section .qr-icon.mo img{width:28px; height:auto;}

	.dust-section .qr-icon img{width:70px; height:auto;}
	.dust-section .dust-txt {padding:0 50px 0 15px; line-height:33px;}
	.dust-section .dust-txt a{font-size:13px;}
	.dust-section .dust-txt span img{height:37px; width:auto;}
	.dust-section .b2b-icon a{font-size:13px; padding:0 40px; line-height:37px;}

}

.call-btn-section {position:fixed; right:20px; bottom:80px; z-index:99999;}
.call-btn-section .call-icon a{display:inline-block; width:70px; line-height:70px; background:#4CD964; border-radius:100px; color:#fff; text-align:center;}
.call-btn-section .call-icon a i{font-size:28px; line-height:70px; vertical-align:middle;}

@media screen and (max-width:780px){
	.call-btn-section {right:10px; bottom:55px;}
	.call-btn-section .call-icon a{width:45px; line-height:45px;}
	.call-btn-section .call-icon a i{font-size:20px; line-height:45px;}
}


/* fond bar */
.fond-bar{display:flex; display:none; align-items:center; position:fixed; bottom:0; width:100%; height:75px; background: rgb(13,98,166); background: linear-gradient(90deg, rgba(13,98,166,1) 0%, rgba(47,178,170,1) 100%); z-index: 1000000;}
.fond-bar .inner {max-width:1240px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:1em;}
.fond-bar .inner:after{clear:both; display:block; content:"";}
.fond-bar_tit {color:#fff; font-size:1.7em; display:flex; align-items: center; float:left;}
.fond-bar_tit span{line-height:1.7em; font-size:1.2em;}
.fond-bar_tit a {font-size:1.7em;  line-height:1.6em; font-weight:700; margin:0 1rem; color:#fff;}
.fond-bar_tit a.mo{display:none;}
.fond-bar_item-wrapper{display:flex;  gap:0.25em; float:left;}
.fond-bar_item-wrapper:after{clear:both; display:block; content:"";}
.fond-bar_item-wrapper input[type="text"],
.fond-bar_item-wrapper input[type="tel"],
.fond-bar select {color: #333333; font-weight:700; width:33%; max-width:150px; height:3em; padding: 0 0.5em; border: 1px solid #e2e2e2; border-radius:2px; box-sizing:content-box;}
.fond-bar .fond_chk {color:#ffffff; line-height:2.5em; float:left; margin:0 20px; font-size:1.1em;}
.fond-bar .fond_chk #yes_bar{display: none;}
.fond-bar .fond_chk #yes_bar:checked + label::before{background-image: url('../img/fond-bar_yes.png'); margin-right:5px;}
.fond-bar .fond_chk #yes_bar + label::before {width: 1.7em; height: 1.7em; display: inline-block; vertical-align: middle; background: center center/cover no-repeat; background-image: url('../img/fond-bar_no.png'); content: '';}
.fond-bar .fond-bar_call{display: none;}
.fond-bar .fond_submit{font-size:1.2em; color:#fff; font-weight: 700; padding:0.5em 1em; border: 0px; background:#0a0a0a; float:left;}


@media screen and (max-width: 1080px){
	.fond-bar {height:auto;padding:10px 0;}
	.fond-bar .inner{width:98%; padding:}
	.fond-bar_tit {font-size:1.1em;}
	.fond-bar_tit span{display:none;}
	.fond-bar_tit a.mo{display:block;}
	.fond-bar_tit a.pc{display:none;}
	.fond-bar_tit a {font-size:1.3em; border:1px solid #fff; padding:10px;}
	.fond-bar form{justify-content:center; gap:0.5em;}
	.fond-bar_item-wrapper input[type="text"], 
	.fond-bar_item-wrapper input[type="tel"], 
	.fond-bar select {max-width: 100%;}
	.fond-bar .fond_chk{margin:10px 0 0;}

	.fond-bar .fond_submit{margin-top:10px; float:right;}

}

/*
@media screen and (max-width: 1024px){
	.fond-bar {height:auto;padding:10px 0;}
	.fond-bar .inner{width:100%; border:1px solid red; display:inline;}
	.fond-bar_item-wrapper input[type="text"], 
	.fond-bar_item-wrapper input[type="tel"], 
	.fond-bar select {width:30%;}
	.fond-bar_tit {display:none;}
	.fond-bar .fond_submit{float:none; clear:both;}
}

@media screen and (max-width: 768px){
	.fond-bar{font-size:12px;}
	.fond-bar .inner{margin-bottom:10px; float:none; clear:both;}
	.fond-bar .fond_submit{margin-top:10px;}
	.fond-bar .fond-bar_call {font-weight: 700; display: inline-block; padding: 0.1em 2em; text-align: center; color:#fff; border:1px solid #fff; margin:10px 1em 0 0;}
}

/* fond bar 
.fond-bar{display:flex; align-items:center; position:fixed; bottom:0; width:100%; height:75px; background: rgb(13,98,166); background: linear-gradient(90deg, rgba(13,98,166,1) 0%, rgba(47,178,170,1) 100%); z-index: 1000000;}
.fond-bar .inner {max-width:1240px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:1em;}
.fond-bar .inner:after{clear:both; display:block; content:"";}
.fond-bar_tit {color:#fff; font-size:1.35em; display:flex; align-items: center; float:left;}
.fond-bar_tit span{line-height:1.7em;}
.fond-bar_tit a {font-size:1.7em;  line-height:1.7em; font-weight:700; margin:0 1rem; color:#fff;}
.fond-bar_item-wrapper{display:flex;  gap:0.25em; float:left;}
.fond-bar_item-wrapper input[type="text"],
.fond-bar_item-wrapper input[type="tel"],
.fond-bar select {color: #333333; font-weight:700; width:33%; max-width:150px; height:2.5em; padding: 0 0.5em; border: 1px solid #e2e2e2; border-radius:2px; box-sizing:content-box;}
.fond-bar .fond_chk {color:#ffffff; line-height:2.5em; float:left; margin:0 20px; font-size:1.1em;}
.fond-bar .fond_chk #yes_bar{display: none;}
.fond-bar .fond_chk #yes_bar:checked + label::before{background-image: url('../img/fond-bar_yes.png'); margin-right:5px;}
.fond-bar .fond_chk #yes_bar + label::before {width: 1.7em; height: 1.7em; display: inline-block; vertical-align: middle; background: center center/cover no-repeat; background-image: url('../img/fond-bar_no.png'); content: '';}
.fond-bar .fond-bar_call{display: none;}
.fond-bar .fond_submit{font-size:1.2em; color:#fff; font-weight: 700; padding:0.5em 1em; border: 0px; background:#0a0a0a;  float:left;}


@media screen and (max-width: 1080px){
	.fond-bar .inner {width:98%; border:1px solid red;}
	.fond-bar_tit {display:none;}
	.fond-bar form{justify-content:center; gap:0.5em;}
	.fond-bar_item-wrapper input[type="text"], 
	.fond-bar_item-wrapper input[type="tel"], 
	.fond-bar select {max-width: 100%;}
}


@media screen and (max-width: 1024px){
	.fond-bar {height:auto;padding: 1em 0;}
	.fond-bar .inner {position: relative;height: 5em; align-items: flex-start;}
	.fond-bar form{justify-content: space-between;}
	.fond-bar_item-wrapper {gap: 0.5em;flex: 1 0 75%;}
	.fond-bar .fond_chk{position: absolute; width: 100%; text-align: center; bottom: 0;}
	.fond-bar .fond_submit{width: 25%;}
}

@media screen and (max-width: 768px){
	.fond-bar {font-size: 12px;}
	.fond-bar .fond-bar_call {font-weight: 700; display: inline-block; padding: 0.25em 2em; text-align: center; color:#fff; background: #111; margin-right: 1em;}
}

/*
#wrap.sub #header-section #tnb .search span a{color:#585858;}
#wrap.sub #header-section #tnb .search div{border:1px solid #585858;}
#wrap.sub #header-section #tnb .search div .sbox{color:#585858;}
#wrap.sub #header-section .gnb .gb-ul .gb-1li .gb-1a{color:#585858;}
#wrap.sub #header-section .gb-all{background:url("../img/btn_sallmenu.png") no-repeat center center;}
*/

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


.top-section{padding-top:50px;}
.top-section .top-title-area{height:720px; text-align:center; position:relative;}
.top-section .top-title-area div{width:100%; top:45%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; color:#fff;}
.top-section .top-title-area div h2{font-size:50px; font-weight:300;}
.top-section .top-title-area div h1{font-size:72px; font-weight:700; margin:10px 0 30px;}
.top-section .top-title-area div p{font-size:22px;}

@media screen and (max-width:1000px){
	.top-section .top-title-area div h2{font-size:40px;}
	.top-section .top-title-area div h1{font-size:62px;}
	.top-section .top-title-area div p{font-size:20px;}
}

@media screen and (max-width:780px){
	.top-section .top-title-area{height:400px;} 
	.top-section .top-title-area div h2{font-size:30px;}
	.top-section .top-title-area div h1{font-size:52px;}
	.top-section .top-title-area div p{font-size:18px;}
	.top-section .top-title-area div p br{display:none;}
}

@media screen and (max-width:640px){
	.top-section{padding-top:30px;}
	.top-section .top-title-area{height:350px;} 
	.top-section .top-title-area div h2{font-size:24px;}
	.top-section .top-title-area div h1{font-size:46px;}
	.top-section .top-title-area div p{font-size:16px;}
}

@media screen and (max-width:480px){
	.top-section .top-title-area{height:300px;} 
	.top-section .top-title-area div h2{font-size:22px;}
	.top-section .top-title-area div h1{font-size:42px;}
	.top-section .top-title-area div p{font-size:14px;}
}


#svisual-section{margin-top:0;}
#svisual-section .smenu-area{width:100%; max-width:1190px; margin:0 auto; padding:0 10px; position:relative;}
#svisual-section .smenu-area .smenu-box{}
#svisual-section .smenu-area .smenu-box:after{clear:both; content:""; display:block;}
#svisual-section .smenu-area .smenu-box ul{}
#svisual-section .smenu-area .smenu-box ul:after{clear:both; content:""; display:block;}
#svisual-section .smenu-area .smenu-box ul li{float:left; position:relative; padding-right:1px; margin-bottom:1px;}
#svisual-section .smenu-area .smenu-box ul li a{width:100%; font-weight:400; font-size:18px; line-height:48px; text-align:center; color:#7e7e7e; border:1px solid #e7e7e7; background:#e7e7e7; display:block; position:relative;}
#svisual-section .smenu-area .smenu-box ul li a:after{width:1px; height:49px; top:0; right:-1px; z-index:100; background:#dce4e3; content:""; display:block; position:absolute;}
#svisual-section .smenu-area .smenu-box ul li:last-child a:after{display:none;}
#svisual-section .smenu-area .smenu-box ul li.curr a{font-weight:400; color:#fff; border:1px solid #82AEEF; background:#82AEEF; font-weight:600;}
#svisual-section .smenu-area .smenu-box ul li.curr a:before{width:1px; height:49px; top:-1px; left:-1px; z-index:101; background:#82AEEF; content:""; display:block; position:absolute;}
#svisual-section .smenu-area .smenu-box ul li.curr a:after{display:none;}
#svisual-section .smenu-area .smenu-box ul li:last-child.curr a{border-right:1px solid #616161;}
#svisual-section .smenu-area .smenu-box ul.sm01 li{width:100%;}
#svisual-section .smenu-area .smenu-box ul.sm02 li{width:50%;}
#svisual-section .smenu-area .smenu-box ul.sm03 li{width:33.3333333%;}
#svisual-section .smenu-area .smenu-box ul.sm04 li{width:25%;}
#svisual-section .smenu-area .smenu-box ul.sm05 li{width:20%;}
#svisual-section .smenu-area .smenu-box ul.sm06 li{width:16.6666666%;}

#svisual-section .sv-tab{width:100%; max-width:1190px; margin:50px auto 0; padding:0 10px; position:relative;}
#svisual-section .sv-tab{}
#svisual-section .sv-tab:after{clear:both; content:""; display:block;}
#svisual-section .sv-tab ul{}
#svisual-section .sv-tab ul:after{clear:both; content:""; display:block;}
#svisual-section .sv-tab ul li{float:left; position:relative; margin-right:36px;}
#svisual-section .sv-tab ul li:last-child{margin-right:0;}
#svisual-section .sv-tab ul li a{width:100%; font-weight:400; font-size:16px; line-height:31px; text-align:center; color:#7e7e7e; display:block; position:relative;}
#svisual-section .sv-tab ul li.curr a{font-weight:400; color:#151515; border-bottom:1px solid #4c4c4c; font-weight:500; position:relative;}
#svisual-section .sv-tab ul li.curr a:after{width:9px; height:5px; bottom:-5px; left:50%; background:url('../img/sv-tab_bullet.png') no-repeat center bottom; content:""; display:block; position:absolute;}

#svisual-section .sv-txt{margin:40px 0 50px; text-align:center; position:relative;}
#svisual-section .sv-txt div{width:100%;}
#svisual-section .sv-txt h1{font-weight:500; font-size:40px; color:#222;}
#svisual-section .sv-txt p{margin-top:10px; font-weight:400; font-size:15px; color:#a1a1a1;}
#svisual-section .sv-txt p img{vertical-align:middle;}
#svisual-section .sv-txt p span{color:#222;}
#svisual-section .sv-txt.ft-w h1{font-weight:500; font-size:40px; color:#fff;}
#svisual-section .sv-txt.ft-w p{margin-top:10px; font-weight:400; font-size:15px; color:#fff;}
#svisual-section .sv-txt.ft-w p span{color:#fff;}
#svisual-section .sv-txt p em{padding:0 15px; color:#a1a1a1; display:inline-block;}
#svisual-section .sv-txt.ft-w p em{padding:0 15px; color:#fff; display:inline-block;}

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

@media screen and (max-width:880px){
	#svisual-section .smenu-area .smenu-box ul li a{font-size:16px;}
	#svisual-section .smenu-area{padding:0;}
	#svisual-section .sv-txt h1{font-size:35px;}
}

@media screen and (max-width:850px){
	#svisual-section{height:auto;}
	#svisual-section .smenu-area .smenu-box ul.sm05 li{width:33.333%; margin-top:1px;}
	#svisual-section .smenu-area .smenu-box ul.sm06 li{width:33.333%; margin-top:1px;}
}

@media screen and (max-width:680px){
	#svisual-section .smenu-area .smenu-box ul li a{font-size:15px; line-height:38px;}
	#svisual-section .smenu-area .smenu-box ul li a:after{height:38px;}
	#svisual-section .smenu-area .smenu-box ul li.curr a:before{height:38px;}
	#svisual-section .smenu-area .smenu-box ul.sm01 li{width:50%;}
	#svisual-section .smenu-area .smenu-box ul.sm02 li{width:50%;}
	#svisual-section .smenu-area .smenu-box ul.sm03 li{width:50%;}
	#svisual-section .smenu-area .smenu-box ul.sm04 li{width:50%;}
	#svisual-section .smenu-area .smenu-box ul.sm05 li{width:50%;}
	#svisual-section .smenu-area .smenu-box ul.sm06 li{width:50%;}

	#svisual-section .sv-tab ul li{margin-right:24px;}
	#svisual-section .sv-tab ul li a{font-size:14px; line-height:28px;}

	#svisual-section .sv-txt h1{font-size:32px;}
	#svisual-section .sv-txt p{font-size:14px;}
	#svisual-section .sv-txt p em{padding:0 10px;}
}

@media screen and (max-width:460px){
	#svisual-section .smenu-area .smenu-box ul li a{font-size:14px;}
	#svisual-section .smenu-area .smenu-box ul li.curr a span{width:12px; height:16px; background-size:100% auto;}
	#svisual-section .smenu-area .smenu-box ul.sm06 li{width:50%;}
	#svisual-section .sv-tab{margin:30px auto 0;}
	#svisual-section .sv-tab ul li{margin-right:15px;}
	#svisual-section .sv-tab ul li a{font-size:13px;}
	#svisual-section .sv-txt{margin:30px 0 30px;}
	#svisual-section .sv-txt p{font-size:13px;}
}


.service-tab{width:100%; max-width:1190px; margin:40px auto 0; padding:0 10px;}
.service-tab ul{}
.service-tab ul:after{clear:both; content:""; display:block;}
.service-tab ul li{float:left;}
.service-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; border-right:0; background:#fff; display:table; position:relative;}
.service-tab ul li.curr a{font-weight:500; color:#fff; border-top:1px solid #69C0DE; border-bottom:1px solid #69C0DE; border-left:1px solid #69C0DE; background:#69C0DE; font-size:18px;}
.service-tab ul li.curr a:after{background:#69C0DE;}
.service-tab ul li a:after{width:1px; height:49px; top:0; right:-1px; z-index:100; background:#e2e2e2; content:""; position:absolute;}

.service-tab ul.service li{float:left; width:20%;}
.service-tab ul.system li{float:left; width:33.333%;}
.service-tab ul.sm01 li{width:100%;}
.service-tab ul.sm02 li{width:50%;}
.service-tab ul.sm03 li{width:33.3333333%;}
.service-tab ul.sm04 li{width:25%;}
.service-tab ul.sm05 li{width:20%;}
.service-tab ul.sm06 li{width:16.6666666%;}

@media screen and (max-width:880px){
	.service-tab{margin:30px auto 0;}
	.service-tab ul li a{font-size:16px;}
}

@media screen and (max-width:700px){
	.service-tab{margin:40px auto 0; padding:0 5px;}
	.service-tab ul.service li{width:25%;}
}

@media screen and (max-width:680px){
	.service-tab{margin:20px auto 0;}
	.service-tab ul li a{font-size:14px; line-height:38px;}
	.service-tab ul li a:after{height:40px;}
	.service-tab ul li.curr a{font-size:15px;}
}

@media screen and (max-width:480px){
	.service-tab ul.sm01 li{width:50%;}
	.service-tab ul.sm02 li{width:50%;}
	.service-tab ul.sm03 li{width:50%;}
	.service-tab ul.sm04 li{width:50%;}
	.service-tab ul.sm05 li{width:50%;}
	.service-tab ul.sm06 li{width:50%;}
	.service-tab ul.service li{width:50%;}
	.service-tab ul.system li{width:50%;}
}

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


#footer-section{width:100%; border-top:1px solid #707070; padding:40px 0 90px;}
#footer-section .cont-area{}
#footer-section .cont-area:after{clear:both; content:""; display:block;}
#footer-section #footer-area{float:left;}
#footer-section #footer-area .abox{padding:15px 0 25px; border-bottom:1px solid #d2d2d2;}
#footer-section #footer-area .abox:after{clear:both; content:""; display:block;}
#footer-section #footer-area .abox ul{}
#footer-section #footer-area .abox ul li{display:inline-block;}
#footer-section #footer-area .abox a{margin-right:51px; font-size:14px; color:#4e4e4e; display:block; position:relative;}
#footer-section #footer-area .abox a:after{width:1px; height:10px; top:50%; right:-25.5px; margin-top:-5px; background:#ccc; content:""; display:block; position:absolute;}
#footer-section #footer-area .abox ul li:last-child a{margin-right:0;}
#footer-section #footer-area .abox ul li:last-child a:after{display:none;}
#footer-section #footer-area .copy {margin-top:35px; font-size:14px;}
#footer-section #footer-area .copy span{padding:0 8px;}

#footer-section .fbtn-area{width:30%; float:right;}
#footer-section .fbtn-area .ibox{padding:12px 0; text-align:right;}
#footer-section .fbtn-area .ibox:after{clear:both; content:""; display:block;}
#footer-section .fbtn-area .ibox a{margin-left:9px;}
#footer-section .fbtn-area .footer-counter{margin-top:50px; float:right;}
#footer-section .fbtn-area .footer-counter:after{clear:both; content:""; display:block;}
#footer-section .fbtn-area .footer-counter .box{float:left; margin-left:40px;}
#footer-section .fbtn-area .footer-counter .box .tt{font-size:13px; color:#aaa;}
#footer-section .fbtn-area .footer-counter .box .tt img{vertical-align:middle;}
#footer-section .fbtn-area .footer-counter .box .cc{margin-top:10px; font-weight:100; font-size:31px; line-height:110%; color:#3b3b3b;}

@media screen and (max-width:1070px){
	#footer-section #footer-area{width:100%; float:none;}
	#footer-section .fbtn-area{width:100%;margin-top:20px; text-align:center; float:center;}
	#footer-section .fbtn-area .ibox{padding:6px 0 12px; text-align:center; float:none;}
	#footer-section .fbtn-area .footer-counter{width:65%; margin:20px auto 0; top:auto; right:auto; position:relative;}
	#footer-section .fbtn-area .footer-counter .box{width:50%; min-width:180px; margin:0;}
	#footer-section #footer-area .abox{padding:12px 0; text-align:center; float:none;}
	#footer-section #footer-area .copy{text-align:center;}
}


@media screen and (max-width:940px){
	#footer-section #footer-area .abox a{margin-right:30px;}
	#footer-section #footer-area .abox a:after{right:-15px;}
}

@media screen and (max-width:790px){
	#footer-section #footer-area .abox a{margin-right:20px;}
	#footer-section #footer-area .abox a:after{right:-10px;}
}

@media screen and (max-width:750px){
	#footer-section .fbtn-area .footer-counter{width:80%;}
}

@media screen and (max-width:615px){
	#footer-section{padding:20px 0 120px;}
	#footer-section #footer-area .abox{padding:0 0 15px;}
	#footer-section #footer-area .abox a{font-size:13px;}
}

@media screen and (max-width:595px){
	#footer-section .copy{font-size:13px;}
	#footer-section .copy span{padding:0 5px;}
}

@media screen and (max-width:570px){
	#footer-section #footer-area .abox a{margin-right:10px;}
	#footer-section #footer-area .abox a:after{right:-7px;}
}

@media screen and (max-width:550px){
	#footer-section .copy span{display:block;}
	#footer-section .copy span:nth-child(1){display:block;}
	#footer-section .copy span:nth-child(2){display:block;}
}

@media screen and (max-width:520px){
	#footer-section #footer-area .abox ul li{width:25%; float:left;}
	#footer-section #footer-area .abox a{margin-right:0;}
	#footer-section #footer-area .abox a:after{right:0;}
	#footer-section #footer-area .abox ul li:nth-child(4) a:after{display:none;}
	#footer-section #footer-area .abox ul li:nth-child(5){margin-left:25%;}
}

@media screen and (max-width:480px){
	#footer-section #footer-area .abox ul li{width:33.3333%; float:left;}
	#footer-section #footer-area .abox a{margin-right:0;}
	#footer-section #footer-area .abox ul li:nth-child(1){width:39.3333%;}
	#footer-section #footer-area .abox ul li:nth-child(4){width:39.3333%;}
	#footer-section #footer-area .abox ul li:nth-child(2),
	#footer-section #footer-area .abox ul li:nth-child(3),
	#footer-section #footer-area .abox ul li:nth-child(5),
	#footer-section #footer-area .abox ul li:nth-child(6){width:30.3333%;}
	#footer-section #footer-area .abox ul li:nth-child(3) a:after{display:none;}
	#footer-section #footer-area .abox ul li:nth-child(4) a:after{display:block;}
	#footer-section #footer-area .abox ul li:nth-child(5){margin-left:0;}

	#footer-section .copy span:nth-child(2){display:block;}
}

@media screen and (max-width:470px){
	#footer-section .fbtn-area .footer-counter{width:90%;}
}

@media screen and (max-width:440px){
	#footer-section .fbtn-area .footer-counter .box{min-width:50%;}
	#footer-section .fbtn-area .footer-counter .box .cc{font-size:25px;}

}

@media screen and (max-width:416px){
	#footer-section .copy span:nth-child(4){display:block;}
	#footer-section .copy span:nth-child(7){display:block;}
}

@media screen and (max-width:360px){
	#footer-section .copy span{display:block;}
}

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

#main-vod{max-height:930px; 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:99999; text-align:center; color:#fff; position:absolute;}
#main-vod .vod-txt div{font-weight:300; font-size:34px; line-height:120%; color:#fff; display:none;}
#main-vod .vod-txt h1{margin-top:40px; font-weight:600; font-size:62px; line-height:120%; color:#fff; display:none;}
#main-vod .vod-txt p{margin-top:40px; font-weight:300; font-size:22px; line-height:140%; 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/mdown2.png") no-repeat; display:block; position:absolute;}

@media screen and (max-width:1180px){
	#main-vod{height:0;}
}