@charset "UTF-8";

#wrap {margin:0 auto;}
/********************************************************

		header

********************************************************/
#header {position:fixed;top:0;left:0;width:100%;height:86px;background-color:transparent;z-index:999999;-webkit-transition-duration:0.5s;-m-transition-duration: 0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;box-sizing:border-box;}
#header:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#fff;opacity:0.3;}
#header header {position:relative;z-index:2}
#header h1 {position:absolute;top:15px;left:70px;}
#header h1 span {display:block;width:170px;height:26px;background:url(/images/common/logo.png) no-repeat 0;}
@media screen and (max-width: 1200px){
	/*header*/
	#header header {margin:0 15px;}
	/*#header__menu {margin-left:20px;}*/
}
@media screen and (max-width: 1024px){
	#header {height:60px;}
	#header h1 {position:static;padding:11px 0;}
	#header h1 img {height:35px;}
}

.header-inner {text-align:center;}


#header__lnb {display:inline-block;}
/*#header__lnb > .nav > ul > li {display:inline-block;margin-left:60px;box-shadow:0 0 1px transparent;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);}*/
.lnb-menu > li {display:inline-block;margin:0 39px;}
.lnb-menu > li > a {display:block;padding:29px 0;font-weight:500;font-size:18px;color:#fff;letter-spacing:-0.5px;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);}
.lnb-menu > li > a:after {content:'';position:absolute;left:50%;right:50%;bottom:2px;height:2px;margin-bottom:0;background-color:#0d1231;z-index:-1;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.lnb-menu > li.on > a,
.lnb-menu > li > a:hover {color:#0d1231;}
.lnb-menu > li.on > a:after,
.lnb-menu > li > a:hover:after {left:0;right:0;}
.lnb-menu > li#gnb_list1 {margin-left:0 !important;}

/* header fixed */
#header.hover, 
#header.fixed {background-color:#fff;}
#header.fixed:after {background-color:#666;}
#header.hover:after {background-color:#666;}
#header h1 span {background:url(/images/common/logo_hover.png) no-repeat 0;}
#header #header__lnb .lnb-menu > li > a {color:#fff;}
#header #header__language select {background:url(images/common/select_bg_off.png) no-repeat 90% center !important;border-color:#fff;color:#fff;}
#header #header__menu button span.line {background-color:#fff;}
#header.fixed h1 span {background:url(/images/common/logo.png) no-repeat 0;}
#header.fixed #header__lnb .lnb-menu > li > a {color:#333;}
#header.fixed #header__language select {background:url(images/common/select_bg.png) no-repeat 90% center !important;border-color:#666;color:#333;}
#header.fixed #header__menu button span.line {background-color:#333;}

#header.fixed_store {background-color:#fff;border-bottom:1px solid #eee;}
#header.fixed_store h1 span {background:url(/images/common/logo.png) no-repeat 0;}
#header.fixed_store #header__lnb .lnb-menu > li > a {color:#333;}
#header.fixed_store #header__language select {background:url(images/common/select_bg.png) no-repeat 90% center !important;border-color:#666;color:#333;}
#header.fixed_store #header__menu button span.line {background-color:#333;}

/* header hover */
#header.hover:before {opacity:0.8;}
#header.hover h1 span {background:url(/images/common/logo.png) no-repeat 0;}
#header.hover #header__lnb .lnb-menu > li > a {color:#333;}
#header.hover #header__language select {background:url(images/common/select_bg.png) no-repeat 90% center !important;border-color:#666;color:#333;}
#header.hover #header__menu button span.line {background-color:#333;}

/* header sub */
.lnb_sub_menu {display:none;}
.lnb_sub_menu ol {max-width:1170px;margin:0 auto;text-align:center;box-sizing:border-box;position:relative;z-index:2}
.lnb_sub_menu.sM2 ul {padding-left:531px;}
.lnb_sub_menu.sM3 ul {padding-left:684px;}
.lnb_sub_menu.sM4 ul {padding-left:799px;}
.lnb_sub_menu.sM5 ul {padding-left:674px;text-align:right}
.lnb_sub_menu.sM5 li:last-child {margin-right:0;}
.lnb_sub_menu li {display:inline-block;margin-right:38px;}
.lnb_sub_menu li a {display:block;padding:22px 0;font-size:16px;color:#333;letter-spacing:-0.5px;}
.lnb_sub_menu li a:hover {color:#999;}
.lnb_sub_menu li:hover a {color:#999;}
.header__menu-list li:hover a {color:#333;}
.header__menu-list li.on a {color:#333;}
@media screen and (min-width: 1363px){
	.lnb_sub_menu {position:fixed;top:86px;left:0;width:100%;}
	.lnb_sub_menu:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0.9}

	.lnb_sub_menu ol {text-align:left;}
	#lnb_menu1 .lnb_sub_menu ol {padding-left:218px;}
	#lnb_menu2 .lnb_sub_menu ol {padding-left:369px;}
	#lnb_menu3 .lnb_sub_menu ol {padding-left:330px;}
	#lnb_menu4 .lnb_sub_menu ol {padding-right:202px;text-align:right;}
	#lnb_menu5 .lnb_sub_menu ol {text-align:right;padding-right:90px;}
	.en_pages #lnb_menu1 .lnb_sub_menu ol {padding-left:96px;}
	.en_pages #lnb_menu2 .lnb_sub_menu ol {padding-left:0;text-align:right;}
	.en_pages #lnb_menu3 .lnb_sub_menu ol {padding-left:529px;}
	.en_pages #lnb_menu4 .lnb_sub_menu ol {padding-right:13px;}
	.en_pages #lnb_menu5 .lnb_sub_menu ol {padding-right:104px;}

}
@media screen and (max-width: 1600px){
	.header-inner {text-align:left;margin-left:230px;}
	.lnb_sub_menu ol {max-width:100%;margin-left:0 !important;padding-left:0 !important;padding-right:0 !important;text-align:center !important;}
	.en_pages .lnb-menu > li {margin:0 10px;}
	/*#lnb_menu1 .lnb_sub_menu ol {padding-left:39px;}
	#lnb_menu2 .lnb_sub_menu ol {padding-left:184px;}
	#lnb_menu3 .lnb_sub_menu ol {padding-left:331px;}
	#lnb_menu4 .lnb_sub_menu ol {padding-right:416px;}
	#lnb_menu5 .lnb_sub_menu ol {padding-right:301px;}*/
}
@media screen and (max-width: 1362px){
	.header-inner {display:none;overflow-y:auto;position:fixed;top:0;left:-1px;width:101%;height:100%;margin:0 !important;background-color:transparent;z-index:9999;text-align:center;}
	#header .header-inner:before {content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.9;}
	#header #header__lnb {display:table;float:none !important;width:100%;height:100%;}
	#header #header__lnb .nav {display:table-cell;position:relative;top:0 !important;height:auto;background-color:transparent;vertical-align:middle;}
	#header #header__lnb .nav:before {display:none}
	#header #header__lnb .lnb-menu {margin-top:25px;}
	#header #header__lnb .lnb-menu > li {margin:0;}
	#header #header__lnb .lnb-menu > li {float:none;width:100% !important;height:auto;padding:0;border:none;}
	#header #header__lnb .lnb-menu > li > a {color:#efefef !important;}
	#header #header__lnb .lnb-menu > li > a span {padding:0;}
	#header #header__lnb .lnb-menu > li h2 {font-size:16px;}
	#header #header__lnb .lnb-menu > li > a {padding:10px !important;font-size:20px;}
	#header #header__lnb .lnb-menu > li.on > a,
	#header #header__lnb .lnb-menu > li.ov > a {color:#009c64 !important;}
	/*#header #header__lnb .lnb-menu > li.on > a {color:#fff;}
	/*#header #header__lnb .lnb-menu > li.on > a {color:#fff;}
	#header #header__lnb .lnb-menu > li.on > a:after {height:45px;background-color:transparent;border:2px solid #fff;}
	#header #header__lnb .lnb-menu > li.on {background-color:#333;border:1px solid #999;border-width:1px 0;}*/
	#header .lnb-menu > li > a:after {content:none;}
	#header .lnb_sub_menu {position:static;padding-bottom:20px;background-color:transparent;text-align:center;}
	#header .lnb_sub_menu ol {text-align:center;}
	#header .lnb_sub_menu li {display:block;margin:0;}
	#header .lnb_sub_menu li a {padding:5px 0;font-weight:300;font-size:16px;color:#eee;}
	.en_pages .lnb-menu > li {margin:0 0;}
}

/*검색 바*/
#header__search {position:relative;margin:29.5px 0;}
#header__search input {width:100%;height:35px;padding-right:15px;background-color:transparent;border:none;border-bottom:1px solid #fff;border-radius:0;box-shadow:none;font-size:14px;color:#fff;box-sizing:border-box;-webkit-box-shadow: none;-webkit-appearance: none;}
#header__search input::-webkit-input-placeholder {color:#fff !important;}
#header__search button {position:absolute;top:14px;right:0;width:11px;height:14px;background:url(/images/common/btn_search_on.png) no-repeat 0;border:none;text-indent:-9999px;cursor:pointer;}
#header.fixed #header__search input {color:#666;border-bottom:1px solid #999;}
#header.fixed #header__search button {background:url(/images/common/btn_search.png) no-repeat 0;}
#header.fixed #header__search input::-webkit-input-placeholder {color:#666 !important;}
#header.fixed_store #header__search input {color:#666;border-bottom:1px solid #999;}
#header.fixed_store #header__search button {background:url(/images/common/btn_search.png) no-repeat 0;}
#header.fixed_store #header__search input::-webkit-input-placeholder {color:#666 !important;}
#header.hover #header__search input {color:#666;border-bottom:1px solid #999;}
#header.hover #header__search button {background:url(/images/common/btn_search.png) no-repeat 0;}
#header.hover #header__search input::-webkit-input-placeholder {color:#666 !important;}
@media screen and (max-width: 1362px){
	#header__search {width:205px;margin:0 auto;color:#fff !important;}
	#header.hover #header__search button {background:url(/images/common/btn_search_on.png) no-repeat 0;}
	#header.fixed #header__search button {background:url(/images/common/btn_search_on.png) no-repeat 0;}
	#header.hover #header__search input::-webkit-input-placeholder,
	#header.fixed #header__search input::-webkit-input-placeholder {color:#fff !important;}
}



/*언어*/
#header__language {position:absolute;top:28px;right:278px;vertical-align:top;}
#header__language a {font-size:18px;color:#fff;box-sizing:border-box;}
#header__language a:before {content:'';display:inline-block;width:1px;height:15px;margin:0 10px;background-color:#e5e5e5;vertical-align:middle;}
#header__language a:first-child:before {content:none;}
#header__language a.on {font-weight:500;color:#009c64 !important;}
#header.fixed #header__language a {color:#333;}
#header.hover #header__language a {color:#333;}
@media screen and (max-width: 1362px){
	#header__language {right:125px;top:23px;}
	#header__language a {font-size:16px;}
	#header__language select {height:60px;font-size:15px;}
}
@media screen and (max-width: 1024px){
	#header__language {right:55px;top:10px;}

}
@media screen and (max-width: 640px){
	#header__language select {font-size:14px;}
}


/*모바일 버튼*/
#header__mobile {display:none;position:absolute;top:18px;right:0;background-color:transparent;box-sizing:border-box;z-index:999999}
#header__mobile span {display:block;width:30px;height:2px;margin:0 auto;background-color:#fff;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#header.fixed #header__mobile span {background-color:#333;}
#header.fixed_store #header__mobile span {background-color:#333;}
#header__mobile.active span {background-color:#fff;}
#header__mobile .mid2 {margin:8px 0;}

#header__mobile.active{-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#header__mobile.active span {background-color:#fff !important;}
#header__mobile.active span.mid2{width: 0px;}
#header__mobile.active span.mid1,
#header__mobile.active span.mid3 {-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
#header__mobile.active span.mid1{-webkit-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);}
#header__mobile.active span.mid3 {-webkit-transform: translateY(-10px) rotate(90deg);-ms-transform: translateY(-10px) rotate(90deg);-o-transform: translateY(-10px) rotate(90deg);transform: translateY(-10px) rotate(90deg);}
@media screen and (max-width: 1362px){
	#header #header__mobile {display:block;}
	#header__mobile {top:28px;right:50px;}
}
@media screen and (max-width: 1024px){
	#header #header__mobile {display:block;}
	#header__mobile {top:17px;right:0;}
}


/* layout btn */
.header__layoutBtn {position:absolute;top:7px;right:100px;z-index:999999}
.header__layoutBtn select {display:block;width:80px;line-height:20px;background:url(images/common/select_bg_off.png) no-repeat 90% center transparent !important;border:none;border-bottom:1px solid #fff;font-size:12px;color:#fff;outline:none;}
.header__layoutBtn select option {padding:5px 0;color:#fff;background-color:transparent;border:none;outline:none;}
#header.fixed .header__layoutBtn select {background:url(images/common/select_bg.png) no-repeat 90% center transparent !important;border-bottom:1px solid #333;color:#333;}
#header.fixed .header__layoutBtn select option {color:#333;background-color:#fff;}
#header.hover .header__layoutBtn select {background:url(images/common/select_bg.png) no-repeat 90% center transparent !important;border-bottom:1px solid #333;color:#333;}
#header.hover .header__layoutBtn select option {color:#333;background-color:#fff;}
.header__layoutBtn a {display:inline-block;font-size:12px;color:#ccc;vertical-align:middle;}
.header__layoutBtn a:before {content:'';display:inline-block;width:1px;height:8px;margin:0 10px;background-color:#999;vertical-align:middle;}
.header__layoutBtn a:first-child:before {content:none;}
.header__layoutBtn a.on {font-weight:600;color:#fff;}
#header.fixed .header__layoutBtn a {color:#666;}
#header.fixed .header__layoutBtn a:before {background-color:#666;}
#header.hover .header__layoutBtn a {color:#666;}
#header.fixed .header__layoutBtn a.on {color:#333;}

/* 메인 바로가기 btn */
.header__mainBtn {position:absolute;top:7px;right:0;z-index:999999}
.header__mainBtn select {display:block;width:80px;line-height:20px;background:url(images/common/select_bg_off.png) no-repeat 90% center transparent !important;border:none;border-bottom:1px solid #fff;font-size:12px;color:#fff;outline:none;}
.header__mainBtn select option {padding:5px 0;color:#fff;background-color:transparent;border:none;outline:none;}
#header.fixed .header__mainBtn select {background:url(images/common/select_bg.png) no-repeat 90% center transparent !important;border-bottom:1px solid #333;color:#333;}
#header.fixed .header__mainBtn select option {color:#333;background-color:#fff;}
#header.hover .header__mainBtn select {background:url(images/common/select_bg.png) no-repeat 90% center transparent !important;border-bottom:1px solid #333;color:#333;}
#header.hover .header__mainBtn select option {color:#333;background-color:#fff;}
.header__mainBtn a {display:inline-block;font-size:12px;color:#ccc;vertical-align:middle;}
.header__mainBtn a:before {content:'';display:inline-block;width:1px;height:8px;margin:0 10px;background-color:#999;vertical-align:middle;}
.header__mainBtn a:first-child:before {content:none;}
.header__mainBtn a.on {font-weight:600;color:#fff;}
#header.fixed .header__mainBtn a {color:#666;}
#header.fixed .header__mainBtn a:before {background-color:#666;}
#header.hover .header__mainBtn a {color:#666;}
#header.fixed .header__mainBtn a.on {color:#333;}
@media screen and (max-width: 1024px){
	.header__layoutBtn,
	.header__mainBtn {display:inline-block;position:static;margin:0 10px;}
	.header__layoutBtn select,
	.header__mainBtn select {margin:0 auto;}
	.header__layoutBtn select,
	#header.fixed .header__layoutBtn select,
	.header__mainBtn select,
	#header.fixed .header__mainBtn select {background:url(images/common/select_bg_off.png) no-repeat 90% center transparent !important;border-color:#fff;color:#fff;}
	.header__layoutBtn select option,
	#header.fixed .header__layoutBtn select option,
	.header__mainBtn select option,
	#header.fixed .header__mainBtn select option {color:#333;}
}



@media screen and (min-width: 1363px){
	.header__right_menu {position:absolute;top:0;right:0;overflow:hidden;}
	.header__right_menu a {display:block;float:left;width:115px;height:86px;line-height:86px;font-weight:300;font-size:18px;color:#fff;text-align:center;}
	.header__right_menu a:before {content:'';display:block;float:left;width:1px;height:86px;background-color:#fff;opacity:0.3}
}
@media screen and (max-width: 1362px){
	.header__right_menu a {display:block;padding:10px;font-size:20px;color:#3f69b8;}
	.header__right_menu a:last-child {color:#b58e60;}
}
@media screen and (min-width: 1363px){
	#header.hover .header__right_menu a:first-child {background-color:#3f69b8;}
	#header.fixed .header__right_menu a:first-child {background-color:#3f69b8;}
	#header.hover .header__right_menu a:last-child {background-color:#b58e60;}
	#header.fixed .header__right_menu a:last-child {background-color:#b58e60;}
	#header.hover .header__right_menu a:before {content:none;}
	#header.fixed .header__right_menu a:before {content:none;}
}


/********************************************************

		footer

********************************************************/
#footer {background-color:#2b2e3c;position:relative;z-index:2}
#footer * {font-family:"Noto Sans KR","Noto Sans", sans-serif;font-weight:300;font-size:15px;color:#b3b6bc;line-height:1.7;font-style:normal;}
#topBtn {display:none;position:fixed;left:50%;bottom:15px;width:60px;height:60px;margin-left:895px;background:url(images/common/btnTop.png) no-repeat center;background-color:#2b2e3c !important;text-indent:-9999px;z-index:99999;cursor:pointer;-webkit-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
#topBtn.btnTop-bot {bottom:194px;border:1px solid #3c4048;border-width:0 1px;}
#footer .footer_inner {border-bottom:1px solid #3c4048;}
#footer .footer_inner.top .maxWidth {position:relative;padding:18px 0;}
#footer .footer_inner.bot .maxWidth {position:relative;padding:32px 0 60px;}
#footer .footer__logo {float:left;height:160px;margin-right:50px;}
.footer__menu a {display:inline-block;vertical-align:middle;font-size:14px !important;opacity:0.7;line-height:1}
.footer__menu a:before {content:'';display:inline-block;width:1px;height:14px;margin:0 10px;margin-top:-2px;background-color:#fff;opacity:0.3;vertical-align:middle;}
.footer__menu a:first-child:before {content:none !important;}
.footer__site {position:absolute;top:10px;right:0;}
.footer__site select {width:150px;height:40px;line-height:40px;margin-left:10px;padding:0 15px;background:url(images/common/select_fff.png) no-repeat 88% center;background-color:#2b2e3c !important;border:none;font-size:14px;color:#fff;}
.footer__sns {position:absolute;top:35px;right:0;}
.footer__sns a {display:inline-block;margin-right:7px;}
.footer__sns i {display:block;width:41px;height:41px;background-repeat:no-repeat;background-position:center;}
.footer__sns .f_sns1 i {background-image:url(images/common/f_sns1.png);}
.footer__sns .f_sns2 i {background-image:url(images/common/f_sns2.png);}
.footer__sns .f_sns3 i {background-image:url(images/common/f_sns3.png);}
.footer__sns .f_sns4 i {background-image:url(images/common/f_sns4.png);}
.footer__address .fs {font-size:14px !important;}
#footer .copyright {display:block;font-size:14px !important;}
@media screen and (max-width:1930px){
	#footer #topBtn {margin-left:0;left:auto;right:15px;}
}
@media screen and (max-width: 1330px){
	#footer .footer_inner.top .maxWidth {margin-right:76px;}
}
@media screen and (max-width: 1270px){
	.footer__site {right:30px;}
}
@media screen and (max-width: 1024px){
	#footer .footer_inner.bot .maxWidth {padding:15px 0;}
	.footer__sns {position:static;clear:both;width:100%;text-align:center;margin-top:15px;}
}
@media screen and (max-width: 768px){
	#footer .footer__logo {display:none;}
	.footer__site select {width:130px;}
}
@media screen and (max-width: 640px){
	#footer .maxWidth {padding:30px 0 20px;}
	#footer .footer_inner.top .maxWidth {margin-right:0;}
	#footer * {font-size:12px;}
	#footer .inner--left {float:none;width:100%;padding:0;margin:0;height:auto;margin-bottom:10px;}
	#footer .footer__menu {margin-top:0;}
	.footer__top {display:none;}
	.footer_add h2 {display:none;}
	.footer__address {text-align:center;}
	.footer__menu {text-align:center;}
	.footer__sns {position:static;text-align:center;margin-top:20px;}
	#footer .copyright {margin-top:15px;}
	#topBtn {width:40px;height:40px;}
	#topBtn.btnTop-bot {bottom:233px;border-width:1px;}
	.footer__site {position:static;text-align:center;margin-top:15px;}
	.footer__site select {margin:0 4px;border:1px solid #707070;}
	#footer .copyright,
	.footer__menu a {font-size:12px !important;}
}
@media screen and (max-width: 430px){
	#topBtn.btnTop-bot {bottom:15px;}
}



body {background-color:#fff;}




/********************************************************

		sub

********************************************************/
#sub {padding-bottom:100px;}

/*#sub {padding-top:80px;}*/
/*#sub {padding-top:135px;padding-bottom:70px;}*/
.sub__menu {position:fixed;top:80px;left:0;width:100%;background-color:#b80b35;z-index:99;}
.sub__menu .menu-inner {max-width:1170px;margin:0 auto;}
.sub__menu h2 {float:left;width:170px;height:55px;background-color:#333;font-weight:800;font-size:15px;color:#fff;text-align:center;line-height:55px;letter-spacing:-0.5px;box-sizing:border-box;}
.sub__menu ul {float:right;}
.about-menu {margin-left:118px;}
.artist-menu {margin-left:412px;}
.irpr-menu {margin-left:526px;}
.partner-menu {float:right !important;}
.sub__menu li {display:inline-block;margin-left:35px;}
.sub__menu a {display:block;padding:19px 0;font-weight:800;font-size:14px;color:#fff;letter-spacing:-0.5px;text-transform:uppercase;}
.sub__menu li.on a {color:#333;}
@media screen and (max-width: 1200px){
	.sub__menu ul {float:right;margin-left:0;margin-right:15px;}
}
@media screen and (max-width: 768px){
	#sub {padding-bottom:50px;}
}







/***********************************************************************
	서브 탭 
************************************************************************/
/*.sub__tab li a {background-color:#f1f1f1;}
.sub__tab li:hover,
.sub__tab li.on {border-bottom-color:#fff;}
.sub__tab li:hover a,
.sub__tab li.on a {background-color:#fff;}
@media screen and (max-width: 640px){
	.sub__tab li:hover,
	.sub__tab li.on {border-bottom-color:#333;}
	.sub__tab li:hover a,
	.sub__tab li.on a {background-color:#333;color:#fff;}
}


*/


/********************************************************

		sub__spot

********************************************************/
.sub__spot {position:relative;width:100%;height:210px;text-align:center;}
.sub__spot:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;font-family:'Open Sans';font-weight:bold;font-size:200px;color:#f4f4f4;line-height:200px;}
.sub__spot .l-table {position:relative;}
.sub__spot .h-spot {font-family:'Open Sans';font-weight:800;font-size:16px;color:#111;line-height:24px;letter-spacing:3px;text-transform:uppercase;}
@media screen and (max-width: 1200px){
	.sub__spot:before {font-size:130px;}
}





/* =================================================================

 	main 공통
 	
 ================================================================= */
 /*#container {padding-bottom:90px;}*/
.main_var1 {padding-bottom:100px;}

@media screen and (max-width: 1200px){
	#container .l-content .maxWidth {margin:0 15px;padding:0;}
}
@media screen and (max-width: 1024px){
	.main_var1 {padding-bottom:50px;}
}





/* =================================================================
 	메인 슬라이드 	
 ================================================================= */
#main > section#main__slider {padding:0 !important;}
#main__slider .slider-inner {height:900px;height:100vmin;padding-top:0;}
#main__slider .slider-scroll a {display:block !important;position:absolute;left:0;right:0;width:100px;height:36px;margin:0 auto;background: url(images/main/visual_scroll.png) no-repeat center bottom;font-size:14px;letter-spacing:0;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;}
@keyframes scrollImage {0%{bottom:15px;}50%{bottom:30px;}100%{bottom:15px;}}
#main__slider .bx-default-pager {display:none;}

@media screen and (max-width: 768px){
	#main__slider .slider-scroll a {height:50px;background-size:25px !important;font-size:12px;}
}

/***********************************************************************
	컬러변경 
************************************************************************/
.bx-wrapper .bx-pager.bx-default-pazger a {width:15px;height:15px;border:5px solid transparent;border-radius:50%;background-color:#fff;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active {background-color:transparent;border:2px solid #eee;}
.pointColor {color:#999 !important;}




/***********************************************************************
	메인 비지니스 관련 4개 다이어그램
************************************************************************/
.main_var2 #main__business .maxWidth {height:70%;}



/***********************************************************************
	포트폴리오
************************************************************************/
#main #main__portfolio .maxWidth,
#main #main__text .maxWidth {max-width:100%;margin:0 !important;}
#main #main__portfolio .maxWidth {margin:0;}

/*포트폴리오 리스트 간격 조정*/
#main #portfolioList--1,
#main #portfolioList--3,
#main #portfolioList--4,
#main #portfolioList--5,
#main #portfolioList--6 {padding:0 30px;}

/*포트폴리오 리스트 가로 컬럼 갯수 조절*/
#main #portfolioList--1 .pf-list li,
#main #portfolioList--3 .pf-list li,
#main #portfolioList--4 .pf-list li,
#main #portfolioList--5 .pf-list li,
#main #portfolioList--6 .pf-list li {width:18.5%;}

#main #portfolioList--2 .pf-list li {width:25%}
@media screen and (max-width: 1920px){
	#main #portfolioList--1 .pf-list li,
	#main #portfolioList--3 .pf-list li,
	#main #portfolioList--4 .pf-list li,
	#main #portfolioList--5 .pf-list li,
	#main #portfolioList--6 .pf-list li {width:18.51%;}
	#main #portfolioList--2 .pf-list li {width:25%}
}
@media screen and (max-width: 1430px){
	#main #portfolioList--1 .pf-list li,
	#main #portfolioList--3 .pf-list li,
	#main #portfolioList--4 .pf-list li,
	#main #portfolioList--5 .pf-list li,
	#main #portfolioList--6 .pf-list li {width:23.5%;}

	#main #portfolioList--2 .pf-list li {width:33.333%}
}
@media screen and (max-width: 1024px){
	#main #portfolioList--1,
	#main #portfolioList--3,
	#main #portfolioList--4,
	#main #portfolioList--5,
	#main #portfolioList--6 {padding:0 7px;}

	#main #portfolioList--1 .pf-list li,
	#main #portfolioList--3 .pf-list li,
	#main #portfolioList--4 .pf-list li,
	#main #portfolioList--5 .pf-list li,
	#main #portfolioList--6 .pf-list li {width:31.86%}
}
@media screen and (max-width: 768px){
	#main__portfolio .l-portfolioList .title {margin-bottom:5px;font-size:18px;}
	#main__portfolio .l-portfolioList .tab {margin-bottom:15px;}
}
@media screen and (max-width: 640px){
	#sub .portfolio .title {margin-bottom:30px;}
}



#main #slider.spot .slider-inner {height:76vmin;}
.bbs-down {overflow: hidden;text-align: center;}
.bbs-down a {display: inline-block;color: #fff;background-color: #8e8e8e;border-radius: 5px;padding: 3px 15px;font-weight: normal;}

.custom_inner {overflow: hidden;max-width: 1170px;width: 100%;margin: 0 auto;}
.custom_inner .row {overflow: hidden;margin: -1%;}
.custom_inner .bs_banner {float: left;width: 48%;margin: 1%;border: 1px solid #ddd;box-sizing: border-box;padding: 35px 45px;height: 260px;}
.custom_inner .bs_banner .mtit {font-size: 22px;color: #000;font-weight: 600;margin-bottom: 15px;}
.custom_inner .bs_banner ul {overflow: hidden;}
.custom_inner .bs_banner ul li {position: relative;padding-left: 10px;box-sizing: border-box;font-size: 18px;font-weight: normal;font-weight: 300;}
.custom_inner .bs_banner ul li span {position: absolute;left: 0;}

.cs_tab1 .bs_banner1 {background: url(images/sub/bs_icon1_1.png) no-repeat 93% 80%;}
.cs_tab1 .bs_banner2 {background: url(images/sub/bs_icon1_2.png) no-repeat 93% 80%;}
.cs_tab1 .bs_banner3 {background: url(images/sub/bs_icon1_3.png) no-repeat 93% 80%;}
.cs_tab1 .bs_banner4 {background: url(images/sub/bs_icon1_4.png) no-repeat 93% 80%;}

.cs_tab2 .bs_banner1 {background: url(images/sub/bs_icon2_1.png) no-repeat 93% 80%;}
.cs_tab2 .bs_banner2 {background: url(images/sub/bs_icon2_2.png) no-repeat 93% 80%;}
.cs_tab2 .bs_banner3 {background: url(images/sub/bs_icon2_3.png) no-repeat 93% 80%;}
.cs_tab2 .bs_banner4 {background: url(images/sub/bs_icon2_4.png) no-repeat 93% 80%;}

.cs_tab3 .bs_banner1 {background: url(images/sub/bs_icon3_1.png) no-repeat 93% 80%;}
.cs_tab3 .bs_banner2 {background: url(images/sub/bs_icon3_2.png) no-repeat 93% 80%;}
.cs_tab3 .bs_banner3 {background: url(images/sub/bs_icon3_3.png) no-repeat 93% 80%;}
.cs_tab3 .bs_banner4 {background: url(images/sub/bs_icon3_4.png) no-repeat 93% 80%;}

.cs_tab4 .bs_banner1 {background: url(images/sub/bs_icon4_1.png) no-repeat 93% 80%;}
.cs_tab4 .bs_banner2 {background: url(images/sub/bs_icon4_2.png) no-repeat 93% 80%;}
.cs_tab4 .bs_banner3 {background: url(images/sub/bs_icon4_3.png) no-repeat 93% 80%;}
.cs_tab4 .bs_banner4 {background: url(images/sub/bs_icon4_4.png) no-repeat 93% 80%;}

.cs_tab5 .bs_banner1 {background: url(images/sub/bs_icon5_1.png) no-repeat 93% 80%;}
.cs_tab5 .bs_banner2 {background: url(images/sub/bs_icon5_2.png) no-repeat 93% 80%;}
.cs_tab5 .bs_banner3 {background: url(images/sub/bs_icon5_3.png) no-repeat 93% 80%;}
.cs_tab5 .bs_banner4 {background: url(images/sub/bs_icon5_4.png) no-repeat 93% 80%;}

.cs_tab6 .bs_banner1 {background: url(images/sub/bs_icon6_1.png) no-repeat 93% 80%;}
.cs_tab6 .bs_banner2 {background: url(images/sub/bs_icon6_2.png) no-repeat 93% 80%;}
.cs_tab6 .bs_banner3 {background: url(images/sub/bs_icon6_3.png) no-repeat 93% 80%;}
.cs_tab6 .bs_banner4 {background: url(images/sub/bs_icon6_4.png) no-repeat 93% 80%;}


.en_pages .custom_inner .bs_banner {height:420px;background-position-y:93% !important;}
@media screen and (max-width: 1170px){
	.custom_inner {padding: 0 10px;box-sizing: border-box;}
}

@media screen and (max-width: 1024px){
	.sub__tab .tab-menu {margin-top: 40px;}
	.sub__tab .tab-menu li {margin: 1% 0.5%;}
}
@media screen and (max-width: 960px){
	.custom_inner .bs_banner {padding:25px;background-size: 65px !important;height: 230px;}
	.custom_inner .bs_banner .mtit {font-size: 18px;}
	.custom_inner .bs_banner ul li {font-size: 15px;}
}
@media screen and (max-width: 768px){
	.bbs_tab_menu {margin-top: 20px;}
	.bbs_tab_menu a {width: 29%;}
}
@media screen and (max-width: 640px){
	.custom_inner .row {margin: 0;}
	.custom_inner .bs_banner {width: 100%;float: none;margin: 1% 0;height: auto;padding: 25px 135px 25px 25px;}
	.custom_inner .bs_banner ul li br {display: none;}
	.custom_inner .bs_banner ul li {word-break: keep-all;}
	.en_pages .custom_inner .bs_banner {height:auto;}
}
@media screen and (max-width: 560px){
	.portfolio .tab-list {overflow: hidden;}
	.portfolio #portfolioList--4.tab li {float: left;display: block;width: 31%;margin: 1%;}
	.bbs_tab_menu a {width: 39%;}

}


#bbsWriteWrap fieldset {margin-bottom: 50px;}
#bbsWriteWrap fieldset h2 {margin-bottom: 20px;color:#333;font-weight:500;}
#bbsWriteWrap fieldset .privacy.privacy2 {margin-top: 50px;}

#bbsWriteWrap select.attfile_s {border-radius:0; -webkit-appearance:none; -moz-appearance:none;  appearance:none;background: none;}
#bbsWriteWrap select.ipt3:checked {background-color:#fff;}
#bbsWriteWrap select.ipt3 option {padding:5px 0;text-align:center;background-color:#fff;}
#bbsWriteWrap select.ipt3 option:checked,#bbsWriteWrap select.ipt3 option:checked:hover,#bbsWriteWrap select.ipt3 option:hover {background-color:#3f69b8;color:#fff;}
#bbsWriteWrap select::-ms-expand { display: none; }
#bbsWriteWrap select.ipt3,
#bbsWriteWrap input[type="text"] {height:40px;padding:0 20px;background-color:#fff;border:1px solid #e2e2e2;font-size:16px;color:#6d6d6d;line-height:44px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline: none;font-weight: 500;letter-spacing: 0;}
#bbsWriteWrap .int1 {width:535px;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
#bbsWriteWrap input:hover,
#bbsWriteWrap input:focus {background-color:#fff;border-width:2px;border-color:#3f69b8;line-height:42px;}
#bbsWriteWrap .btn.btn-default:hover {border: 1px solid #ccc !important;line-height: 40px;}

#bbsWriteWrap legend {display:none;}
#bbsWriteWrap input::-webkit-input-placeholder,#bbsWriteWrap textarea::-webkit-input-placeholder {color:#aeaeae;font-weight: 500;}
#bbsWriteWrap textarea {width:670px;height:210px;padding:20px;border:1px solid #e2e2e2;font-size:16px;color:#6d6d6d;line-height:27px;box-sizing:border-box;resize:none;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;outline: none;font-weight: 500;}
#bbsWriteWrap textarea:hover,
#bbsWriteWrap textarea:focus {padding:19px;border-width:2px;border-color:#3f69b8;}
#bbsWriteWrap .ipt_row {padding: 0;}
#bbsWriteWrap .ipt_row .left {background-color: #f8f8f8;padding-top: 12px;padding-bottom: 12px;}
#bbsWriteWrap .ipt_row .right {padding-top: 12px;padding-bottom: 12px;padding-left: 10px;box-sizing: border-box;}
#bbsWriteWrap .ipt_btn .btn.btn-submit:hover {background-color: #000;border: none;line-height: 60px;}
#bbsWriteWrap .ipt_btn .btn.btn-cancel:hover {background-color: #bbb;border: none;line-height: 60px;}
#bbsWriteWrap .ipt_row:last-of-type {border-bottom: 2px solid #333;}
.st_bb {border-bottom: 2px solid #333;box-sizing: border-box;}
.st_bt {border-top: 2px solid #333;box-sizing: border-box;}

#layerPop--2 .layer-con .pf-edit {display: none;}
#layerPop--2 .layer-con .pf-edit-image {float: none;width: 100%;}
#layerPop--2 .pf-con {text-align: center;}
.bbs-view-content iframe {height: 600px !important;}