/* -------- 사용자 지정 css (사이트에 맞게 변경하세요) -------- */

@import url("/html/_skin/ckinjector/css/fonts/notosans/notoKR.css");
@import url("/html/_skin/ckinjector/css/fonts/NotoSerifCJKkr/notosanserif.css");
@import url("/html/_skin/ckinjector/css/fonts/font-awesome.min.css");

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Thin.eot),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Thin.eot?#iefix) format('embedded-opentype'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Thin.woff) format('woff'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Thin.woff2) format('woff2'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Light.eot),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Light.woff) format('woff'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Light.woff2) format('woff2'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Light.otf;) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR DemiLight';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-DemiLight.eot),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-DemiLight.eot?#iefix) format('embedded-opentype'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-DemiLight.woff) format('woff'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-DemiLight.woff2) format('woff2'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-DemiLight.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Regular.eot),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Regular.woff) format('woff'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Regular.woff2) format('woff2'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Medium.eot),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Medium.woff) format('woff'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Medium.woff2) format('woff2'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Bold.eot),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Bold.woff) format('woff'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Bold.woff2) format('woff2'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Black.eot),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Black.eot?#iefix) format('embedded-opentype'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Black.woff) format('woff'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Black.woff2) format('woff2'),
    url(/html/_skin/ckinjector/css/fonts/notosans/NotoSans-Black.otf) format('opentype');
}



@media (min-width:768px) and (max-width:1000px){
	html:lang(en) .gnbWrap nav.gnb>ul>li>a{
	  padding: 0 10px;
	  font-size:1.25rem;
	}
	html:lang(en) .gnbWrap nav.gnb>ul>li>ul>li>a{font-size:1.2rem;}
}
@media (min-width:1001px){
	html:lang(en) .gnbWrap nav.gnb>ul>li>a{
	  padding: 0 25px;
	  font-size:1.62rem;
	}
}

html:lang(en) .gnbWrap nav.gnb>ul>li:nth-child(3)>ul>li:nth-child(2),
html:lang(en) .gnbWrap nav.gnb>ul>li:nth-child(4)>ul>li:nth-child(1){margin-bottom:0;}
html:lang(en) .gnbWrap nav.gnb>ul>li:nth-child(3)>ul>li:nth-child(3),
html:lang(en) .gnbWrap nav.gnb>ul>li:nth-child(3)>ul>li:nth-child(4),
html:lang(en) .gnbWrap nav.gnb>ul>li:nth-child(4)>ul>li:nth-child(2){display:none;}
html:lang(en) #content section.section_visual div.slick .slick_col .container .slick_txt{max-width:100%;}
html:lang(en) #content section.section_visual div.slick .slick_col .container .slick_txt h2{font-size:1.8rem; margin-bottom:10px; line-height:1.2;}
html:lang(en) #content section.section_visual div.slick .slick_col .container .slick_txt h3{line-height:1.2;}
html:lang(en) #aside br{display:none;}
html:lang(en) .cs-table th{width:46%; text-align:left; padding-left:2rem;}
html:lang(en) .cs-table td{width:54%;}
html:lang(en) .footer_sitemap{padding:4.2rem;}
html:lang(en) .footer_sitemap .fnb>ul>li{height:auto}
html:lang(en) .greet-txt p{line-height:1.8;}
html:lang(en) .greetImg p{line-height:1.6;}
html:lang(en) .history-list dt{display:block; width:100%;}
html:lang(en) .vision-ul li div h4{line-height:1.2;}

@media (min-width:768px){
	html:lang(en) .gnbWrap nav.gnb > ul > li:not(:last-child) > ul{width:150%; left:50%; transform:translateX(-50%);}
	html:lang(en) .gnbWrap nav.gnb > ul > li:nth-child(2) > ul{width:300%;}
	html:lang(en) .gnbWrap nav.gnb>ul>li>ul>li>a{line-height:140%;}
	html:lang(en) #content section.section_visual div.slick .slick_col .container .slick_txt h3{font-size:4rem; margin-bottom:30px;}
	html:lang(en) #content section.section_visual div.slick .slick_col .container .slick_txt p{font-size:1.8rem; line-height:1.4;}
	html:lang(en) .style_tit span.orange:before{top:5px;}
	html:lang(en) .footer_sitemap .fnb>ul>li>ul>li>a{font-size:1.15rem;}
}
@media (max-width:767px){
	html:lang(en) #content section.section_visual div.slick .slick_col .container .slick_txt h3{font-size:2.8rem;}
	html:lang(en) #content section.section_visual div.slick .slick_col .container .slick_txt p{display:none;}
	html:lang(en) .style_tit span.orange:before{top:0;}
}


@media (min-width:992px){
	html:lang(en) #content section.section_product article .slick .slick-list .slick-track .slick_col .index_product_wrap a button.read_more{background-position:37% center;}
	html:lang(en) #content section.section_product article .slick .slick-list .slick-track .slick_col .index_product_wrap a:hover button.read_more{background-position:88% center;}
}