@charset "utf-8";




.product_wrap{width:100%;}
/* ////////// product tab ////////// */
.pro_tab{width:100%; margin-bottom:38px;}
.pro_tab ul li{width:19%; float:left; margin:0 1% 5px 0; background:url('/img/sub/product_tab_bg.png') no-repeat center top; background-size:100% 100%; transition:0.3s all;}
.pro_tab ul li:nth-child(5){margin-right:0;}
.pro_tab ul li a{ width:100%; height:80px; display:block; font-size:20px; color:#898989;font-family:'Nanum','NanumGothic'; text-align:center; }

/* line-height*/
.pro_tab ul li a p.one { line-height:80px; }
.pro_tab ul li a p.two { line-height:45px;}
.pro_tab ul li:hover{background:url('/img/sub/product_tab_over_bg.png') no-repeat center top; background-size:100% 100%;}
.pro_tab ul li:hover a{color:#fff;}

.product_detail .detail_img .img_box img { padding-left:7%; padding-top:3%}

/*///////////////////////////////////////*/
/*//////////// 반응형 사이즈 대응 /////////////*/
/*///////////////////////////////////////*/
@media screen and (max-width: 1024px) {
.product_detail .detail_img .img_box img { padding-left:10%; padding-top:3%; width:85%; }
}

/* 테블릿 */
@media screen and (max-width: 960px) {
.pro_tab{width:100%; margin-bottom:40px;}
.pro_tab ul li{width:24.4%; margin:0 0.8% 5px 0;}
.pro_tab ul li:nth-child(5){margin-right:0.8%;}
.pro_tab ul li:nth-child(4n){margin-right:0;}
.pro_tab ul li a{height:70px; font-size:1em; }
.pro_tab ul li a p.one { line-height:70px; }
.pro_tab ul li a p.two { line-height:40px;}
}

/* 모바일 04 */
@media screen and (max-width: 768px) {
.pro_tab ul li{width:32%; margin:0 2% 5px 0;}
.pro_tab ul li:nth-child(5){margin-right:2%;}
.pro_tab ul li:nth-child(4N){margin-right:2%;}
.pro_tab ul li:nth-child(3n){margin-right:0;}
.pro_tab ul li a{height:60px; font-size:0.9em; }
.pro_tab ul li a p{ width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; letter-spacing:-0.01em;}
.pro_tab ul li a p.one { line-height:60px; }
.pro_tab ul li a p.two { line-height:35px;}
}

/* 모바일 03 */
@media screen and (max-width: 500px) {
.pro_tab ul li{width:32%; margin:0 2% 5px 0;}
.pro_tab ul li:nth-child(5){margin-right:2%;}
.pro_tab ul li:nth-child(3n){margin-right:0;}
.pro_tab ul li a{height:50px; font-size:0.8em; }
.pro_tab ul li a p{ width:100%;}
.pro_tab ul li a p.one { line-height:50px; }
.pro_tab ul li a p.two { line-height:30px;}
}

/* 모바일 02 */
@media screen and (max-width: 414px) {
.pro_tab ul li{width:32%; margin:0 2% 5px 0;}
.pro_tab ul li:nth-child(5){margin-right:2%;}
.pro_tab ul li:nth-child(3n){margin-right:0;}
.pro_tab ul li a{height:40px; font-size:0.68em;}
.pro_tab ul li a p{line-height:20px; width:100%;}
.pro_tab ul li a p.one { line-height:40px; }
.pro_tab ul li a p.two { line-height:19px;}
}

/* ////////// product_tit ////////// */
.product_tit{width:100%; height:192.5px; padding:16px 0 52px; background:url('/img/sub/product_tit_bg.png') no-repeat center top; background-size:100% 100%; margin-bottom:36px;}
.product_tit h3{text-align:center;}
.product_tit h3 img{max-width:350px;}
.product_tit h4{font-size:1.625em; color:#262626; font-weight:normal; line-height:45px; text-align:center; font-family:'Nanum','NanumBarunGothic';}

/*///////////////////////////////////////*/
/*//////////// 반응형 사이즈 대응 /////////////*/
/*///////////////////////////////////////*/
@media screen and (max-width: 960px){
.product_tit{height:100%; padding:14px 0 52px; margin-bottom:18px;}
.product_tit h4{letter-spacing:-0.05em;}
.product_tit h3 img {max-height:100px;}
}

@media screen and (max-width: 768px){
.product_tit h4{line-height:36px; font-size:1.375em;}
}

@media screen and (max-width: 500px){
.product_tit{background-size:100% 95%;}
.product_tit h4{line-height:27px; font-size:1.125em;}
}

@media screen and (max-width: 414px){
.product_tit{background-size:100% 88%;}
.product_tit h4{line-height:18px; font-size:0.75em;}
}

/* ////////// product_list ////////// */
.product_list{width:100%; margin-bottom:40px;}
.product_list .pro_list_tit{width:100%; background:#3d61ab; margin:80px 0 48px;}
.product_list .pro_list_tit p{width:100%; height:52px; font-size:40px; color:#fff; font-weight:bold; font-family:'Nanum','Noto Sans CJK'; line-height:52px; text-align:center;}

.product_list ul li{width:23.5%; float:left; margin-right:2%;}
.product_list ul li:nth-child(4n){margin-right:0;}
.product_list ul li a{width:100%; display:block;}
.product_list ul li a .img_box{width:100%; border-top:1px solid #3d61ab;}
.product_list ul li a .txt_box{width:100%; background:#e6e7e9; font-family:'Nanum','NanumGothic'; font-size:17px; color:#737373; text-align:center; line-height:36px; border-bottom:1px solid #3d61ab; transition:0.3s all;}
.product_list ul li a:hover .txt_box{background:#3d61ab; color:#fff;}


/*///////////////////////////////////////*/
/*//////////// 반응형 사이즈 대응 /////////////*/
/*///////////////////////////////////////*/
@media screen and (max-width: 960px) {
.product_list{width:100%; margin-bottom:50px;}
.product_list .pro_list_tit{margin:50px 0 40px;}
.product_list .pro_list_tit p{height:50px; font-size:1.5em; line-height:50px;}
.product_list ul li{width:32%; float:left; margin-right:2%;}
.product_list ul li:nth-child(2n){margin-right:2%;}
.product_list ul li:nth-child(4n){margin-right:2%;}
.product_list ul li:nth-child(3n){margin-right:0;}
.product_list ul li a{width:100%; display:block;}
.product_list ul li a .txt_box{font-size:1.1em; line-height:34px;}
}

/* 모바일 04 */
@media screen and (max-width: 768px) {
.product_list .pro_list_tit{margin:40px 0 32px;}
.product_list .pro_list_tit p{height:42px; font-size:1.4em; line-height:42px;}
.product_list ul li{width:49%; float:left; margin-right:2%;}
.product_list ul li:nth-child(3n){margin-right:2%;}
.product_list ul li:nth-child(2n){margin-right:0;}
.product_list ul li:nth-child(4n){margin-right:0;}
.product_list ul li a{width:100%; display:block;}
.product_list ul li a .txt_box{font-size:1.1em; line-height:34px;}
}

/* 모바일 03 */
@media screen and (max-width: 500px) {
.product_list .pro_list_tit{margin:40px 0 32px;}
.product_list .pro_list_tit p{height:38px; font-size:1.2em; line-height:38px;}
.product_list ul li a .txt_box{font-size:1em; line-height:30px;}
}

/* 모바일 02 */
@media screen and (max-width: 414px) {
.product_list .pro_list_tit{margin:20px 0 20px;}
.product_list .pro_list_tit p{height:32px; font-size:1.2em; line-height:32px;}
.product_list ul li a .txt_box{font-size:0.95em; line-height:24px;}
}

/* ////////// product_view ////////// */
.product_detail{width:100%; margin-bottom:45px;}
.product_detail div{width:100%;}
.product_detail .detail_img{margin-bottom:36px;}
.product_detail .detail_img .model_name{width:30%; float:left; margin-right:4%;}
.product_detail .detail_img .model_name .com_logo{width:100%; text-align:center; padding:35px 0 44px;}
.product_detail .detail_img .model_name p{width:100%; height:48px; background:#3d61ab; font-size:26px; color:#fff; font-weight:bold; line-height:48px; text-align:center; font-family:'Nanum','NanumGothic';}
.product_detail .detail_img .model_name span{display:block; font-size:18px; color:#000; font-family:'Nanum','KoPubDotum'; text-align:center; line-height:24px; margin-top:16px;}
.product_detail .detail_img .img_box{width:31%; float:left; background:url('/img/sub/img_box_bg.png') no-repeat left top; background-size:100% 100%;}
.product_detail div h5{width:100%; height:52px; font-size:27px; color:#fff; font-weight:bold; text-align:center; line-height:52px; font-family:'Nanum','Noto Sans CJK'; background:url('/img/sub/view_tit.png') no-repeat center top; background-size:100% 100%; margin-bottom:40px;}
.product_detail .spec{margin-bottom:20px;}
.product_detail .character{margin-bottom:20px;}
.product_detail .character p{padding-left:20px; font-size:18px; color:#292929; line-height:40px; font-family:'Nanum','KoPubDotum';}
.product_detail .component{text-align:center; margin-bottom:20px;}
.product_detail .vod_box div{width:100%; padding-top:55%; position:relative;}
.product_detail .vod_box div iframe{position:absolute; top:0; bottom:0; left:0; right:0;}
.product_detail .btn_wrap{width:100%; text-align:center; margin-top:45px;}
.product_detail .btn_wrap a{display:block;}

/*///////////////////////////////////////*/
/*//////////// 반응형 사이즈 대응 /////////////*/
/*///////////////////////////////////////*/
@media screen and (max-width: 960px) {
.product_detail{width:100%; margin-bottom:40px;}
.product_detail .detail_img{margin-bottom:20px;}
.product_detail .detail_img .model_name{width:46%;}
.product_detail .detail_img .model_name .com_logo{padding:10% 0 10px;}
.product_detail .detail_img .model_name .com_logo img {max-width:50%;}
.product_detail .detail_img .model_name p{height:34px; font-size:1em; line-height:34px;}
.product_detail .detail_img .model_name span{font-size:0.9em; line-height:1em;}
.product_detail .detail_img .img_box{width:50%;}
.product_detail div h5{height:40px; font-size:1.5em; line-height:40px; margin-bottom:20px;}
.product_detail .character p{padding-left:3.125%; font-size:0.9em; line-height:2em;}
.product_detail .btn_wrap{margin-top:60px;}
}

/* 모바일 03 */
@media screen and (max-width: 500px){
.product_detail{margin-bottom:70px;}
.product_detail .detail_img .model_name .com_logo{padding:10px 0 10px;}
.product_detail .detail_img .model_name p{height:28px; font-size:1em; line-height:28px;}
.product_detail .detail_img .model_name span{font-size:0.8em; line-height:1em;}
.product_detail div h5{height:34px; font-size:1.2em; line-height:34px; margin-bottom:20px;}
.product_detail .character p{padding-left:3.125%; font-size:0.85em; line-height:2em;}

}
/* 모바일 02 */
@media screen and (max-width: 414px){
.product_detail{width:100%; margin-bottom:50px;}
.product_detail .detail_img .model_name p{height:24px; line-height:24px;}
.product_detail div h5{height:28px; font-size:1.2em; line-height:28px; margin-bottom:20px;}

}
/* 모바일 01 */
@media screen and (max-width: 375px){

}