@charset "utf-8";

/* sv */
.sv_wrap{box-sizing: border-box;  width: 100%; margin-bottom: 80px;}
.sv_sec {position: relative;width: 100%; background:url(../../images/sub/sub_vis01.png) no-repeat center top; height: 480px; box-sizing: border-box; transition:1.2s; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding-top: 125px;}

.sv02{background:url(../../images/sub/sub_vis02.png) no-repeat center top; }
.sv03{background:url(../../images/sub/sub_vis03.png) no-repeat center top; }
.sv04{background:url(../../images/sub/sub_vis04.png) no-repeat center top; }
.sv05{background:url(../../images/sub/sub_vis05.png) no-repeat center top; }
.sv06{background:url(../../images/sub/sub_vis06.png) no-repeat center top; }
.sv07{background:url(../../images/sub/sub_vis07.png) no-repeat center top; }
.sv08{background:url(../../images/sub/sub_vis08.png) no-repeat center top; }
.sv09{background:url(../../images/sub/sub_vis09.png) no-repeat center top; }

.sv_sec .txt_wrap {text-align: center;}
.sv_sec .txt_wrap h4 {font-size: 55px; font-weight: 700; color: #fff; line-height: 1; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);}
.sv_sec .txt_wrap p {font-size: 20px; font-weight: 500; color: #fff; margin-top: 15px; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);}

.lnb {display:flex; max-width: 1320px; margin: 0 auto; flex-flow: row wrap; margin-top: 50px;}
.lnb a {flex-grow: 1; text-align: center; font-size: 18px; font-weight: 500; color: #aaa; line-height: 1; padding-bottom: 25px; border-bottom:1px solid #ddd;  transition: all 0.3s; position: relative;}
.lnb a::after {content:""; display: block; width:100%; border-bottom: 3px solid #f7aa15; position: absolute; left: 0; bottom: -1px; opacity: 0; transition: all 0.3s;}
.lnb a.current,
.lnb a:hover {color: #333;}
.lnb a.current::after,
.lnb a:hover::after {opacity: 1;}

.sub_layout {margin-top: 120px;}


/* 공용 */
article .inner {margin: 0 auto; max-width: 1320px; width: 100%;}
.page_tit {font-size: 40px; font-weight: 500; color: #333;  text-align: center; line-height: 50px;}
.page_tit .yellow {color: #f7aa15;}
.bo_inner {margin: 0 auto 130px; max-width: 1320px; width: 100%; background-color: #fff;}
.div_tb .div_tb_tr .div_th a {color:#333; display: flex; justify-content: center; align-items: center;}
.div_tb .div_tb_tr .div_th span {display: inline-block; margin-left: 10px;}
.respon_l .div_td.col_img img {width: 100%; height: auto;}

.product_view_top {display: flex; flex-flow: row wrap; justify-content: flex-end;}
.product_view_top .view_owl {width: 50%;}
.product_view_top .view_owl .item {overflow: hidden; height: 350px; display: flex; justify-content: center; align-items: center;}
.product_view_top .view_owl .item img {width: auto; height: auto; max-width: 95%; max-height: 100%; margin: 0 auto;}
.product_view_top .view_owl .owl-theme .owl-nav {width: 100%;position: absolute; margin-top: 0; left: 0%; top: 50%; transform: translateY(-50%); display: flex; flex-flow: row wrap; justify-content: space-between;}
.product_view_top .view_owl .owl-theme .owl-nav [class*=owl-] {margin: 0; padding: 0; background: none;}
.product_view_top .view_owl .owl-theme .owl-nav [class*=owl-]:hover {background: none;}
.product_view_top .view_owl .view_dots {display: flex; flex-flow: row wrap;}
.product_view_top .view_owl .view_dots .owl-dot {width: 23.875%; margin-right: 1.5%; margin-top: 1.5%; height: 100px; cursor: pointer; display: flex; justify-content: center; align-items: center; border: 1px solid #ddd;}
.product_view_top .view_owl .view_dots .owl-dot.active {border: 2px solid #333;}
.product_view_top .view_owl .view_dots .owl-dot:nth-child(4n) {margin-right: 0;}
.product_view_top .view_owl .view_dots .owl-dot img {width: auto; height: auto; max-width: 95%; max-height: 95%; margin: 0 auto;}
.product_view_top .view_owl .model_question {margin-top: 20px; width: 200px; background-color: #333; color: #fff; text-align: center; line-height: 40px; font-size: 20px; transition: all 0.3s; font-weight: 500;}
.product_view_top .view_owl .model_question:hover {background-color: #f7aa15;}
.product_view_top .txt_wrap {padding-left:40px; width: 50%; padding-top: 30px;}
.product_view_top .txt_wrap .s2_view_title {display: flex; flex-flow:  row wrap; align-items: center;}
.product_view_top .txt_wrap .s2_view_title h3 {width: 50%; font-size: 2em; font-weight: 500; line-height: 1.4375; color: #333; align-items: center;}
.product_view_top .txt_wrap .s2_view_title h3.product_name {padding-left: 40px; position: relative;}
.product_view_top .txt_wrap .s2_view_title h3.product_name::before {content: ""; display: block; width: 1px; height: 1em; background-color: #ddd; position: absolute; top: 7px; left: 0;}
.product_view_top .txt_wrap h4 {font-size: 1.5em; font-weight: 500; line-height: 1.4375; color: #333; margin-top: 10px;}
.product_view_top .txt_wrap ul { padding-top: 18px; border-top: 1px solid #111; margin-top: 15px;}
.product_view_top .txt_wrap ul li {display: flex; flex-flow: row wrap; padding-left: 20px; padding-bottom: 18px; position: relative; margin-bottom: 18px; }
.product_view_top .txt_wrap ul li::before {content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #333; position: absolute; left: 0; top: 8px;}
.product_view_top .txt_wrap ul li::after {content: ""; display: block; width: 100%; height: 1px; background: url(../../images/sub/dote.jpg) repeat-x right center; position: absolute; bottom: 0; right: 0;}
.product_view_top .txt_wrap ul li:last-child {margin-bottom: 0;}
.product_view_top .txt_wrap ul li h6 {flex:0 1 120px; font-size: 1.125em; line-height: 1.2; color: #333; font-weight: 400; padding-right: 10px; border-right: 1px solid #ddd;}
.product_view_top .txt_wrap ul li p {color: #333; flex:1; line-height: 1.2; font-size: 1.125em; padding-left: 10px;}
.product_view_top .txt_wrap ul li .const_wrap {flex: 1; display: flex; flex-flow: row wrap; justify-content: space-between;}
.product_view_top .txt_wrap ul li .const_wrap .const_bx {max-width: 170px; width: 47.3%;}
.product_view_top .txt_wrap ul li .const_wrap .const_bx .img_wrap {height: 140px;}
.product_view_top .txt_wrap ul li .const_wrap .const_bx .img_wrap img {width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto; display: block;}
.product_view_top .txt_wrap ul li .const_wrap .const_bx p {text-align: center; line-height: 1; margin-top: 10px;}
.product_view_top > a {width: 204px; height: 50px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; color: #fff; font-weight: 500; font-size: 1.125em; background-color: #004c98; margin-top: 45px; float: right;}
.product_view_top > a img {margin-left: 10px;}

.serch_bx {float: right; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
.serch_bx a,
.serch_bx input {width: 100px; line-height: 40px; text-align: center; background-color: #333; color: #fff; font-weight: 500; transition: all 0.3s; border: none; font-size: 16px;}
.serch_bx a:hover,
.serch_bx input:hover {background-color: #f7aa15;}
.serch_bx a:first-child {margin-right: 10px;}

.view_more {width: 100%; line-height: 40px; text-align: center; background-color: #333; color: #fff; font-weight: 500; margin-top: 50px; transition: all 0.3s;}
.view_more:hover {background-color: #f7aa15;}

.filter_bx form {max-height: 420px; overflow-y: auto;}

/* s6_1 */
.s6_1 .page_tit {margin-bottom: 20px;}
.s6_1 article p {font-size: 18px; line-height:30px; text-align: center;}
.s6_1 article h6 {font-size: 18px; line-height: 1; margin-top: 45px; font-weight: 500; color: #333; text-align: center;}
.s6_1 article .img_wrap {margin-top: 100px; max-width: 1320px; width: 100%;}
.s6_1 .arti02 {height: 340px; background-color: #f6f6f6; margin-top: -190px;}

/* s6_2 */
.s6_2 article {background: url(../../images/sub/s6_bg.jpg) no-repeat bottom center; padding-bottom:  130px;}
.s6_2 article .img_wrap {max-width: 920px; width: 100%; margin: 50px auto 0;}

/* s6_3 */
.s6_3 .arti01 {margin-bottom: 130px;}
.s6_3 .arti01 .map_area {width: 100%; height: 450px;}
.s6_3 .arti01 .map_area .root_daum_roughmap {width: 100%; height: 100%;}
.s6_3 .arti01 .map_area .root_daum_roughmap .wrap_map {height: 100%;}
.s6_3 .bt_bx {position: relative; margin-top: 30px;}
.s6_3 .bt_bx .txt_bx {font-weight: 300;}
.s6_3 .bt_bx .txt_bx li {float: left;}
.s6_3 .bt_bx .txt_bx li:first-child {margin-right: 26px; position: relative;}
.s6_3 .bt_bx .txt_bx li:first-child::after {content: ""; display: block; width: 1px; height: 12px; background: #dbdbdb; position: absolute; top:50%; right: -12.5px; transform: translateY(-50%);}
.s6_3 .bt_bx .txt_bx p {margin-top: 10px;}
.s6_3 .bt_bx .btn_wrap{overflow:hidden; position: absolute; top:0; right:0;}
.s6_3 .bt_bx .btn_wrap a{box-sizing:border-box; float:left; display:flex; align-items: center; justify-content: center; border:1px solid #dbdbdb; width: 60px; height: 60px;}
.s6_3 .bt_bx .btn_wrap a:hover{opacity:0.7 ; transition:0.1s all ease;}
.s6_3 .bt_bx .btn_wrap a:nth-child(1){border-right:0;}

.respon_l span.div_tb .div_tb_tr:first-child .div_td {border-top: 0;}