@charset "UTF-8";
/********************************************************

		header

********************************************************/
#header {position:fixed;top:0;left:0;width:100%;background-color:rgba(255, 255, 255, 0.83);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:before {content:'';position:absolute;top:0;left:0;width:100%;height:100px;background-color:#2a3448;opacity:1;-webkit-transition-duration:1s;-m-transition-duration: 1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s;box-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.17);}
#header header {position:relative;max-width:1920px;margin:0 auto;z-index:2}
#header h1 {float:left;padding:23px 0;position: relative;left: 200px;}
#header h1 span {display:block;width:170px;height:26px;background:url(images/common/logo.png) no-repeat 0;}
@media screen and (min-width: 1025px) and (max-width: 1500px) {
	#header h1 {left:0 !important;}
}
@media screen and (max-width: 1200px){
	/*header*/
	#header header {margin:0 15px;}
	/*#header__menu {margin-left:20px;}*/
}
@media screen and (max-width: 1500px){
	#header,#header:before {height:60px;}
	#header h1 {padding:15px 0;left: 20px;}
	#header h1 img {height:30px;}
}

.header-inner {position: relative;width: 1170px;text-align: left;box-sizing: border-box;left: 0;right: 0;margin: 0 auto;overflow: hidden;}
.header-inner .m_plus {position: absolute;right: 0px;top: 20px;}

#header__lnb {display:block;width: 100%;}
#header__lnb nav {width: 100%;}
.lnb-menu {text-align: right;overflow: hidden; width: 100%;}
.lnb-menu > li {display:inline-block;width: 15%;text-align: left;}
.lnb-menu > li > a {display:block;padding:35.5px 0;font-weight:500;font-size:17px;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.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.fixed {border-bottom:1px solid #eee;}
#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/board/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__language select {background:url(/images/board/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/board/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/board/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 */
/*서브메뉴 : 2차 카테고리*/
.lnb_sub_menu {display:none;padding:35px 0 50px;}
.lnb_sub_menu > a{display:block;margin-bottom:12px;font-weight:400;font-size:18px;color:#fff;}
.lnb_sub_menu ol {max-width:1170px;margin:0 auto;}
.lnb_sub_menu li {padding:4px 0;}
.lnb_sub_menu li:first-child {padding-left:0;}
.lnb_sub_menu li > a {display:block;font-size:15px;color:#3e3e3e;line-height:25px;letter-spacing:-0.5px}

/*#lnb_menu1:after {content: 'YOUNGCHANG CHEMICAL Co., Ltd';position: absolute;bottom: 60px;left: 30px;font-size: 12px;color: #3e3e3e;font-weight: 300;}*/
/*추가*/
.lnb-menu > li#lnb_4 {margin:0 45px;}
.lnb-menu > li#lnb_4 > a {width:91px;}
.lnb-menu > li#lnb_5 > a {width:91px;}
.lnb-menu > li#lnb_6 > a {width:77px;}
@media screen and (max-width: 1500px){
	.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.fixed #header__lnb .lnb-menu > li > a,
	#header #header__lnb .lnb-menu > li {float:none;width:50% !important;height:auto;padding:0;border:none;text-align: center;margin: 0 auto;display: block;}
	#header #header__lnb .lnb-menu > li > a {color:#efefef;}
	#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:#2cace1;}
	/*#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.fixed #header__lnb .lnb-menu > li {height:auto;}
	#header .lnb-menu > li > a:after {content:none;}
	#header .lnb_sub_menu {position:static;background-color:transparent;text-align:center;padding: 0 0 20px;}
	#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-size:16px;color:#eee;}
}

/*검색 바*/
#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: 1024px){
	#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 {display:inline-block;margin-left:62px;padding:36.5px 0;vertical-align:top;}
#header__language select {width:95px;height:27px;padding:5px;background:url(/images/board/select_bg.png) no-repeat 90% center !important;background-color:transparent;border:1px solid #666;font-size:12px;color:#333;box-sizing:border-box;}
#header__language option {color:#333;}


/*모바일 버튼*/
#header__mobile {display:none;position:absolute;top:18px;right:0;background-color:transparent;box-sizing:border-box;z-index:999999}
#header__mobile span 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:#fff;}
#header.fixed_store #header__mobile span {background-color:#fff;}
#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 span { background-color:#fff !important;}
#header__mobile.active span.mid2{width: 0px; opacity: 0;}
#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: 1500px){
	#header #header__mobile {display:block;}
}


/* 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/board/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/board/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/board/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/board/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/board/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/board/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/board/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;}
}





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

		footer

********************************************************/
#footer {overflow:hidden;background:#000;}
#footer footer {position:relative;max-width:1550px;margin:0 auto;}
#footer .btnTop {position:fixed;left:50%;bottom:0;width:23px;height:100px;margin-left:805px;background-image:url(images/common/btn_top.png);background-repeat:no-repeat;background-position:right top;z-index:99999;cursor:pointer;-webkit-transition-duration:0.5s;-m-transition-duration: 0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;opacity:0;}
#footer .btnTop:before {content:'';position:absolute;top:0;left:0;width:2px;height:100%;background-color:#51b431;}
#footer .btnTop.btnTop-bot {bottom:355px;}
.footer__top {display:flex;justify-content:space-between;padding:60px 0;}
.foot_contact {order:5;text-align:center;width:32%;}
.foot_address_area {width:30%;}
.foot_address_area a {color:#aaa;}
.foot_address {margin-bottom:25px;}
.foot_address:last-child {margin-bottom:0px;}
.foot_title {display:block;margin-bottom:6px;font-weight:600;font-size:20px;color:#fff;line-height:1;}
.foot_tit {display:block;margin-bottom:12px;font-weight:600;font-size:15px;color:#fff;line-height:1;}
.foot_info {margin-bottom:7px;font-size:15px;color:#aaa;line-height:1.6;}
.foot_info:last-child {margin-bottom:0px !important;}
.foot_tf > span {display:inline-block;margin-right:18px;}
.foot_tf > span:last-child {margin-right:0px !important;}
.foot_desc {font-size:14px;color:#fff;line-height:1.6;}
.foot_menu {order:4;}
.foot_menu a {display:block;margin-bottom:15px;font-size:16px;color:#fff;line-height:1;}
.foot_menu a.on {color:#51b431;}
.foot_menu a:last-child {margin-bottom:0px !important;}
.foot_btn {display:flex;align-items:center;justify-content:center;width:190px;line-height:38px;margin:0 auto;margin-top:15px;border:1px solid #fff;border-radius:5px;font-weight:300;font-size:16px;color:#fff;text-align:center;}
.foot_btn i {display:block;width:16px;height:11px;margin-left:13px;background-repeat:no-repeat;background-position:center;background-image:url(images/common/foot_btn_icon.png);}
.footer__bot {display:flex;justify-content:space-between;padding:30px 0;border-top:1px solid #737373;font-size:13px;color:#fff;letter-spacing:0;}
@media screen and (min-width: 1025px){
	.foot_menu a:hover {color:#51b431;}
	.foot_btn:hover {border-color:#51b431;color:#51b431;}
	.foot_btn:hover i {background-image:url(images/common/foot_btn_icon_ov.png);}
}
@media screen and (max-width: 1720px){
	#footer .btnTop {left:auto;right:15px;margin-left:0;}
}
@media screen and (max-width: 1630px){
	#footer footer {margin:0 40px;}
}
@media screen and (max-width: 1440px){
    #footer .btnTop.btnTop-bot {bottom:395px}
	.foot_address_area {flex-wrap:wrap;width:26%;}
}
@media screen and (max-width: 1200px){
	#footer footer {margin:0 15px;}
}
@media screen and (max-width: 1024px){
	.footer__top {flex-wrap:wrap;padding:25px 0;align-items:center;}
    .foot_menu {order:1;width:100%;display:flex;align-items:center;flex-wrap:wrap;margin-bottom:25px;padding-bottom:20px;;border-bottom:1px solid #737373;}
    .foot_menu a {margin-bottom:0px;margin-right:25px;}
    .foot_menu a:last-child {margin-right:0px !important;}
    .foot_logo {order:2;}
    .foot_address_area {order:3;width:46%;padding:0 25px;box-sizing:border-box;}
    .foot_contact {order:4;width:36%;}
    .foot_info {font-size:14px;}
    .foot_logo {width:17%;}

    #footer .btnTop {bottom:15px;width:35px;height:35px;background-color:#51b431;background-image:none;}
    #footer .btnTop.btnTop-bot {bottom:15px}
    #footer .btnTop:before {content:'↑';position:absolute;display:flex;align-items:center;justify-content:center;width:100%;background-color:transparent;font-weight:400;font-size:2rem;color:#fff;}

    .footer__bot {justify-content:flex-start;font-weight:300;}
}
@media screen and (max-width: 768px){
    .foot_menu {justify-content:center;}
    .footer__top {flex-direction:column;}
    .foot_address_area {width:100%;text-align:center;margin:25px 0;}
    .foot_info {margin-bottom:2px;text-align:center;word-break:keep-all;}
    .foot_desc {font-size:13px;}
    .footer__bot {display:block;padding:17px 0;padding-right:50px;}
    .foot_btn {width:140px;font-size:14px;}
    .foot_logo {width:auto;}
    .foot_logo img {height:35px;}
    .foot_contact {width:auto;}
    .foot_address {margin-bottom:15px;}
}
@media screen and (max-width: 640px){
    .foot_menu a {font-size:15px;margin-right:15px;}
    .foot_tit {margin-bottom:5px}
}
@media screen and (max-width: 370px){
    .foot_menu a {font-size:14px;}
}




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:1200px;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__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;}
}