/*
	font-family: 'Noto Sans KR', sans-serif;
	font-family: 'Montserrat', sans-serif;
	font-family: '맑은 고딕', 'Malgun Gothic'
*/


/* common */
#subWrap { padding:91px 0 190px; }
#subContents > article { margin-top:75px;}
#sv { height:220px;}
#sv h3 { color:#fff; text-align:center; font-size:44px; font-weight:700; position:relative; top:43%;
transform:translatey(-43%);
-moz-transform:translatey(-43%);
-webkit-transform:translatey(-43%);
-o-transform:translatey(-43%);
}
.sv01 { background:url("/img/sub/sv01.jpg") no-repeat ;}
.sv02 { background:url("/img/sub/sv01.jpg") no-repeat ;}
.sv03 { background:url("/img/sub/sv01.jpg") no-repeat ;}
.sv04 { background:url("/img/sub/sv01.jpg") no-repeat ;}
.sv05 { background:url("/img/sub/sv01.jpg") no-repeat ;}


/* lnb */
#lnb { background:rgba(0,0,0,0.5); margin-top:-55px; position:relative; z-index:100;}
#lnb .inner { font-size:0; letter-spacing:-5px;}
#lnb .inner > div { display:inline-block; vertical-align:middle; letter-spacing:0; font-size:16px; border-left:1px solid rgba(137,151,176,0.5); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#lnb .home { width:53px; }
#lnb .home a { background:url("/img/sub/home_icon.png") no-repeat center; display:block; height:55px;}
#lnb .depth { position:relative;}
#lnb .depth button {background:url("/img/sub/btn_s1.png") no-repeat 93% center; border:none; color:#fff;  padding:0 0 0 25px; height:55px; min-width:226px; text-align:left; }
#lnb .sm {}
#lnb .sm button { background-color:#1881e3 !important; color:#fff;}
#lnb .depth ul { display:none; position:absolute; width:100%; border:1px solid #ddd; background:#fff; left:-1px;}
#lnb .depth ul li { border-bottom:1px solid #ddd;}
#lnb .depth ul li a { display:block; padding:15px 10px; }
#lnb .depth ul li a:hover { background:#1881e3 !important; color:#fff;}

/* depth3 메뉴*/
#depth3 { margin-top:60px;}
#depth3 .list { text-align:center;}
#depth3 .list ul { font-size:0; letter-spacing:-4px; width: 100%; white-space: nowrap; font-size:0; letter-spacing: -4px; position: relative; text-align:center; left: 0; top: 0; -ms-overflow-style: none; overflow-x: scroll;}
#depth3 .list ul::-webkit-scrollbar { display:none;}
#depth3 .list ul li { display:inline-block; letter-spacing:0; margin-right:1.2%;}
#depth3 .list ul li:last-child { margin:0;}
#depth3 .list ul li a { color:#111; display:block; position:relative; padding:18px 8px; font-size:16px;}
#depth3 .list ul li.on a { color:#1881e3; }
#depth3 .list ul li.on a:after { content:""; width:100%; height:3px; background:#1881e3;  position:absolute; left:0; bottom:0;}



/* 제품 검색 */
#pd_sch_wrap { background:#f5f5f5; border:1px solid #dfdfdf; border-left:none; border-right:none;}
#pd_sch_wrap .sch_box { padding:20px 33px;}
#pd_sch_wrap .sch_box ul { font-size:0; letter-spacing:-5px;}
#pd_sch_wrap .sch_box ul li { display:inline-block; vertical-align:middle; letter-spacing:0; font-size:15px;}
#pd_sch_wrap .sch_box ul li:nth-child(1) { font-size:17px; width:84px;}
#pd_sch_wrap .sch_box ul li:nth-child(3) {
	width:calc(100% - 389px);
	width:-webkit-calc(100% - 389px);
	width:-moz-calc(100% - 389px);
}
#pd_sch_wrap select { width:190px;  margin-right:6px; background:url("/img/sub/select_arr.gif") no-repeat 95% center;
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
}
#pd_sch_wrap select::-ms-expand {
    display: none;
}


#pd_sch_wrap select,
#pd_sch_wrap input { height:50px; border:1px solid #dfdfdf; background-color:#fff !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:15px; padding:0 17px; line-height:50px;}
#pd_sch_wrap input[type="submit"] { width:108px; padding:0; border:none; background:#1881e3 !important; color:#fff; font-size:17px; border-radius:2px;}
#pd_sch_wrap input[type="text"] {width:100%;}



/* 제품 리스트 */
#pd_list {}
#pd_list .list {}
#pd_list .list ul {}
#pd_list .list ul li { float:left; width:23.84615384615%; margin-right:1.53846153846%; margin-bottom:64px;}
#pd_list .list ul li:nth-child(4n) { margin-right:0;}
#pd_list .list ul li a { display:block;}
#pd_list .list ul li a .img { border:1px solid #dfdfdf; overflow:hidden; text-align:center; width:100%; padding-bottom:74.1935483871%;  display:block; position:relative; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#pd_list .list ul li a .img img {position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; height: 100%;
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-ms-transition:all 0.6s;
}
#pd_list .list ul li:hover a .img img {
transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
}
#pd_list .list ul li a .txt { margin-top:15px;}
#pd_list .list ul li a .txt dl { line-height:1.4;}
#pd_list .list ul li a .txt dl dt { color:#111; font-size:19px; font-family: 'Montserrat', 'Noto Sans KR',sans-serif; font-weight:600; letter-spacing:-0.8px;}
#pd_list .list ul li a .txt dl dd { color:#6c6c6c; margin-top:6px;}
/* #pd_list .list ul li a .txt dl dt,
#pd_list .list ul li a .txt dl dd { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } */


/* 페이징 */
.paging { text-align:center; margin-top:70px;}
.paging ul { font-size:0; letter-spacing:-4px;}
.paging ul li { width:24px; height:31px; border:1px solid #dbdbdb; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block; vertical-align:top; letter-spacing:0; margin-right:3px;}
.paging ul li:last-child { margin:0;}
.paging ul li a { display:block; height:100%; font-size:14px; line-height:31px;}
.paging ul li.on a { background:#676767; color:#fff; }
.paging ul li.first { background:url("/img/sub/paging_first.gif") no-repeat center;}
.paging ul li.prev { background:url("/img/sub/paging_prev.gif") no-repeat center;}
.paging ul li.next { background:url("/img/sub/paging_next.gif") no-repeat center;}
.paging ul li.last { background:url("/img/sub/paging_last.gif") no-repeat center;}



/* 제품 상세페이지 */
#pd_view { }
#pd_view .item_box { padding:28px; background:#f5f5f5; border:1px solid #dfdfdf;  margin-bottom:64px;position:relative;}
#pd_view .item_box .item_img { width:46.62379421222%; float:left;}
#pd_view .item_box .item_img .main_img { border:1px solid #dfdfdf; width:100%; display:block; position:relative; overflow:hidden; background:#fff; text-align:center;}
#pd_view .item_box .item_img .main_img img { width:auto; max-width:100%;}
#pd_view .item_box .item_img .thum { text-align:center; margin-top:7px;}
#pd_view .item_box .item_img .thum ul { font-size:0; letter-spacing:-4px; }
#pd_view .item_box .item_img .thum ul li { display:inline-block; width:19.31034482759%; margin-right:0.86206896552%; max-width:112px; border:1px solid #e1e1e1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; letter-spacing:0; }
#pd_view .item_box .item_img .thum ul li:last-child { margin:0; }
#pd_view .item_box .item_img .thum ul li a { display:block; height:77px; position:relative; overflow:hidden; line-height:77px; background:#fff;}
#pd_view .item_box .item_img .thum ul li a img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; height: 100%;}

#pd_view .item_box .txt_info { width:49.11575562701%; float:left; margin-left:4.26045016077%; padding:40px 0 0 0;}
#characteristic, #specifications, #movie{color:#000;}

#pd_view .item_box .txt_info .title { }
#pd_view .item_box .txt_info .title dl { line-height:1.4;}
#pd_view .item_box .txt_info .title dl dt { font-size:30px; color:#111; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; letter-spacing:-0.8px;  font-weight:600;}
#pd_view .item_box .txt_info .title dl dd { font-size:20px; margin-top:16px;}
/* #pd_view .item_box .txt_info .title dl dt,
#pd_view .item_box .txt_info .title dl dd { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} */
#pd_view .item_box .txt_info .info { border:1px solid #dfdfdf; border-left:none; border-right:none; margin:33px 0 0 0;}
#pd_view .item_box .txt_info .info ul { padding:40px 16px;}
#pd_view .item_box .txt_info .info ul li { overflow:hidden; margin-bottom:19px;}
#pd_view .item_box .txt_info .info ul li:last-child { margin:0; }
#pd_view .item_box .txt_info .info ul li span { float:left; display:block; width:120px;}
#pd_view .item_box .txt_info .info ul li p { float:left;
width:calc(100% - 120px);
width:-webkit-calc(100% - 120px);
width:-moz-calc(100% - 120px);
}

#pd_view .item_box .txt_info .info ul li span,
#pd_view .item_box .txt_info .info ul li p { line-height:1.4;}
#pd_view .item_box .txt_info .link_group { font-size:0; letter-spacing:-4px; margin-top:23px; /* position:absolute; */bottom:40px;width:100%;}
#pd_view .item_box .txt_info .link_group .sns { margin-right:39px; width:126px;}
#pd_view .item_box .txt_info .link_group .sns ul {}
#pd_view .item_box .txt_info .link_group .sns ul li { float:left; margin-right:3px;}
#pd_view .item_box .txt_info .link_group .sns ul li:last-child { margin:0;}
#pd_view .item_box .txt_info .link_group .sns ul li a {background:url("/img/common/sns_icon.png") no-repeat; display:block; width:40px; height:40px; border-radius:50%;}
#pd_view .item_box .txt_info .link_group .sns ul li.blog a { background-position:-43px center;}
#pd_view .item_box .txt_info .link_group .sns ul li.youtube a{ background-position:-86px center;}
#pd_view .item_box .txt_info .link_group .sns ul li.facebook a { background-position:0 center;}
#pd_view .item_box .txt_info .link_group .sns ul li a {}
#pd_view .item_box .txt_info .link_group .btn_group {}
#pd_view .item_box .txt_info .link_group .btn_group ul {}
#pd_view .item_box .txt_info .link_group .btn_group ul li { width:32%; float:left; border-radius:3px; margin-right:2%;}
#pd_view .item_box .txt_info .link_group .btn_group ul li:last-child { margin:0;}
#pd_view .item_box .txt_info .link_group .btn_group ul li a { font-size:18px; color:#fff; font-weight:500; text-align:center; display:block; height:60px; line-height:60px;}
#pd_view .item_box .txt_info .link_group .btn_group ul li:nth-child(1) a { background:#1881e3;}
#pd_view .item_box .txt_info .link_group .btn_group ul li:nth-child(2) a {background:#1ca0d1;}
#pd_view .item_box .txt_info .link_group .btn_group ul li:nth-child(3) a {background:#798189;}
#pd_view .item_box .txt_info .link_group .sns,
#pd_view .item_box .txt_info .link_group .btn_group { display:inline-block; vertical-align:middle; letter-spacing:0;}
#pd_view .item_box .txt_info .link_group .btn_group {
	width:calc(100% - 165px);
	width:-webkit-calc(100% - 165px);
	width:-moz-calc(100% - 165px);
}

.tab_s1 { border-bottom:1px solid #dfdfdf; }
.tab_s1 ul { text-align:center; font-size:0; letter-spacing:-4px;}
.tab_s1 ul li { display:inline-block; vertical-align:middle; letter-spacing:0; margin-right:73px;}
.tab_s1 ul li:last-child { margin:0; }
.tab_s1 ul li a { display:block; padding:16px 0; position:relative; font-size:20px; color:#111;}
.tab_s1 ul li.on a { color:#1881e3; }
.tab_s1 ul li.on a:after { content:"";  width:100%; height:3px; height:3px; background:#1881e3;  left:0; bottom:-1px; z-index:100;}
.tab_s1 ul li.on a:before,
.tab_s1 ul li.on a:after { position:absolute;}
.tab_s1 ul li.on a:before {content:url("/img/common/tab_bg.png"); bottom:-10px; left:50%; margin-left:-8px; }

.list_btn { border-radius:3px; margin:66px auto; width:180px;}
.list_btn a { height:60px; line-height:60px; display:block; color:#fff; text-align:center; background:#798189; }


#pd_view .item_detail .detail_info { padding:44px 0 0 0;font-family:'Noto Sans KR', sans-serif;font-size:15px;}
#pd_view .item_detail .detail_info > div { display:none;}
#pd_view .item_detail .detail_info > div:first-child { display:block; }
#pd_view .item_detail img { width:auto; max-width:100%;}


#movie ul li {position:relative;width: 60%;height: 0;overflow:hidden;padding-bottom:33.5%;margin:20px auto;}
#movie ul li img { max-width:60%; width:auto;}
#movie ul li iframe, #movie ul li object, #movie ul li embed{position:absolute;top:0;left:0;width:100%;height:100%;}



.telArea {border:1px solid #dfdfdf;background:#fff;padding:20px;margin-top:30px;}
.moVer{display:none}
.telArea dl{overflow:hidden;color:#111;}
.telArea dl dt{float:left;width:15%;font-size:18px;font-weight:700;padding:10px 0 10px 10px;}
.telArea dl dd{margin-left:20%;font-size:26px;font-family: 'Montserrat', 'Noto Sans KR',sans-serif;font-weight:500;line-height:1.3;letter-spacing:-.5px;}
.telArea dl dd a{color:#111;}
.telArea dl dd i{text-align:center;width:25px;color:#1881e3;}
.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
	animation-iteration-count:5;

}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}