@media screen and( min-width:1200px){
.sv dl dd{text-shadow:5px 5px 5px rgba(0,0,0,0.3); }
.sv .tit_s4 dd span { font-size:130px;}
}

/* common */
/*
font-family: 'Teko', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Lato', sans-serif;
font-family:'NanumSquare','나눔스퀘어','sans-serif';
font-family: 'Titillium Web', sans-serif;
font-family: 'Roboto', sans-serif;
*/
img{ max-width:100%; width:auto;}

#subWrap { padding:89px 0 0 0;}
.pageTit { font-size:55px; color:#333333; font-weight:500; text-align:center; border-bottom:1px solid #e1e1e1; margin:60px 0 60px 0;}
.pageTit p { position:relative; display:inline-block; padding:0 28px 78px; height:100%;}
.pageTit p:after { content:""; width:200px; height:5px; background:#ad8a4d; display:block; position:absolute; left:50%; margin-left:-100px; bottom:-2px;}


/* lnb */
#lnb { background:#f5f5f5; border:1px solid #e1e1e1; border-left:none; border-right:none; text-align:left;}
#lnb.fixed { position:fixed; width:100%; left:0; top:89px; z-index:1000;}
#lnb .home { width:74px;}
#lnb .depth2 { }
#lnb .home a { color:#333; font-weight:900; font-family: 'Lato', sans-serif; text-align:center; display:block; line-height:60px; height:60px;  font-size:20px;}
#lnb .inner1 > div {display:inline-block; height:60px; border-left:1px solid #e1e1e1; vertical-align:top;}
#lnb .inner1 > div:last-child { border-right:1px solid #e1e1e1; }
#lnb .inner1 > .depth { position:relative; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#lnb .depth ul { overflow:hidden;}
#lnb .depth ul > li { float:left; border-right:1px solid #e1e1e1; width:170px; }
#lnb .depth ul > li a { display:block; height:60px; line-height:60px; text-align:center; font-size:15px;}
#lnb .depth ul > li a:hover,
#lnb .depth ul > li.on a {  background:#ad8a4d; color:#fff; }
#lnb .depth3 { display:none;}
/*
#lnb .depth2 { }
#lnb .depth button { height:60px; padding:0 62px; color:#999; background:url("/img/sub/lnb_arr.png") no-repeat 92% center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#lnb .depth ul { position:absolute; left:0; width:100%; background:#fff; z-index:10; display:none; border:1px solid #e1e1e1; border-top:none; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#lnb .depth ul > li { border-bottom:1px solid #e1e1e1; }
#lnb .depth ul > li:last-child { border:none;}
#lnb .depth:last-child button { background:url("/img/sub/lnb_arr_on.png") no-repeat 92% center #ad8a4d; color:#fff;}
#lnb .depth ul > li > a { display:block; padding:20px; font-size:14px;}
#lnb .depth ul > li > a:hover { background:#ad8a4d; color:#fff; }
#lnb .depth3 { display:none; }
*/



/* 서브 인트로 */
#subWrap .tit_s4 { text-transform:none;}
#list_intro { }
#list_intro .list {} 
#list_intro .sv .tit_s4 { text-shadow:5px 5px 5px rgba(0,0,0,0.3);}
.sv { background-size:cover !important; height:660px; color:#fff;}
.sv1 { background:url("/img/sub/sv01.jpg") no-repeat;}
.sv3 { background:url("/img/sub/sv03.jpg") no-repeat;}
.sv4 { background:url("/img/sub/sv04.jpg") no-repeat;}
.sv5 { background:url("/img/sub/sv01.jpg") no-repeat;}
.sv6 { background:url("/img/sub/list_sv01.jpg") no-repeat;}

.sv.pd_img3 {background:url("/img/sub/pd_img03.jpg") no-repeat;}
.sv.pd_img4 {background:url("/img/sub/pd_img04.jpg") no-repeat;}
.sv.pd_img5 {background:url("/img/sub/pd_img05.jpg") no-repeat;}
.sv.pd_img6 {background:url("/img/sub/pd_img06.jpg") no-repeat;}
.sv.pd_img7 {background:url("/img/sub/pd_img07.jpg") no-repeat;}
.sv.pd_img8 {background:url("/img/sub/pd_img08.jpg") no-repeat;}


.sv.pd_img12 {background:url("/img/sub/pd_img03.jpg") no-repeat;}
.sv.pd_img13 {background:url("/img/sub/pd_img04.jpg") no-repeat;}
.sv.pd_img14 {background:url("/img/sub/pd_img05.jpg") no-repeat;}
.sv.pd_img15 {background:url("/img/sub/pd_img06.jpg") no-repeat;}
.sv.pd_img16 {background:url("/img/sub/pd_img07.jpg") no-repeat;}
.sv.pd_img17 {background:url("/img/sub/pd_img08.jpg") no-repeat;}


.view1 .list > div:nth-child(1) {background:url("/img/sub/list_sv01.jpg") no-repeat;}
.view1 .list > div:nth-child(2) {background:url("/img/sub/list_sv02.jpg") no-repeat;}

.view2 .list > div:nth-child(1) {background:url("/img/sub/list_sv03.jpg") no-repeat;}
.view2 .list > div:nth-child(2) {background:url("/img/sub/list_sv05.jpg") no-repeat;}
.view2 .list > div:nth-child(3) {background:url("/img/sub/list_sv06.jpg") no-repeat;}
.view2 .list > div:nth-child(4) {background:url("/img/sub/list_sv04.jpg") no-repeat;}


.view10 .list > div:nth-child(1) {background:url("/img/sub/list_sv01.jpg") no-repeat;}
.view10 .list > div:nth-child(2) {background:url("/img/sub/list_sv02.jpg") no-repeat;}

.view11 .list > div:nth-child(1) {background:url("/img/sub/list_sv03.jpg") no-repeat;}
.view11 .list > div:nth-child(2) {background:url("/img/sub/list_sv05.jpg") no-repeat;}
.view11 .list > div:nth-child(3) {background:url("/img/sub/list_sv06.jpg") no-repeat;}
.view11 .list > div:nth-child(4) {background:url("/img/sub/list_sv04.jpg") no-repeat;}

/* .view1 { background:url("/img/sub/list_sv01.jpg") no-repeat;} 
.view2 { background:url("/img/sub/list_sv02.jpg") no-repeat;}  */

.view_sv { background:url("/img/main/mainVisual01.jpg") no-repeat;}
.view_sv1 { background:url("/img/sub/list_sv01.jpg") no-repeat;}
.view_sv2 { background:url("/img/sub/list_sv02.jpg") no-repeat;}
.view_sv3 { background:url("/img/sub/list_sv03.jpg") no-repeat;}
.view_sv4 { background:url("/img/sub/list_sv06.jpg") no-repeat;}
.view_sv5 { background:url("/img/sub/list_sv05.jpg") no-repeat;}
.view_sv6 { background:url("/img/sub/list_sv04.jpg") no-repeat;}
.view_sv7 { background:url("/img/sub/list_sv07.jpg") no-repeat;}
.view_sv8 { background:url("/img/sub/list_sv08.jpg") no-repeat;}


.view_sv1010 { background:url("/img/sub/list_sv01.jpg") no-repeat;}
.view_sv1011 { background:url("/img/sub/list_sv02.jpg") no-repeat;}
.view_sv1110 { background:url("/img/sub/list_sv03.jpg") no-repeat;}
.view_sv1111 { background:url("/img/sub/list_sv05.jpg") no-repeat;}
.view_sv1112 { background:url("/img/sub/list_sv06.jpg") no-repeat;}
.view_sv1113 { background:url("/img/sub/list_sv04.jpg") no-repeat;}
.view_sv1114 { background:url("/img/sub/list_sv07.jpg") no-repeat;}
.view_sv1115 { background:url("/img/sub/list_sv08.jpg") no-repeat;}


.sv > div  { height:100%; }
.sv .txt { position:relative; top:50%; display:inline-block; text-align:left; left:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}

#subVisual { height:503px; }
#subVisual .tit_s4 { display:inline-block; text-align:left; text-shadow:5px 5px 5px rgba(0,0,0,0.3);}
/* #subVisual .tit_s4 dd {    letter-spacing: -3px;} */
#subVisual .tit_s4 dd span { font-size:40px; line-height:1.3; font-family: 'Noto Sans KR', sans-serif; font-weight:500; margin-bottom:10px;}
#subVisual .tit_s4 dd span em { font-size:60px; font-family: 'Noto Sans KR', sans-serif;}


.more_s3 { display:inline-block; border:1px solid #c39d5c; color:#c39d5c !important; width:210px; height:53px; padding:0 0 0 25px; line-height:53px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: url("/img/sub/arr_02.png") no-repeat 137px center; text-transform:uppercase; margin:39px 0 0 0; text-align:left;}
.more_s3:hover { background:url("/img/sub/arr_02_on.png") no-repeat 137px center #816b44 !important; color:#fff !important; border:1px solid #806a41;}
.more_s3_1 { color:#fff !important; border:1px solid #fff; }

/* 제품 리스트*/
#pd_list {}
#pd_list .list_wrap { background:url("/img/sub/pd_list_bg.jpg") no-repeat; background-size:cover; padding:130px 0;}
#pd_list .list li { float:left; width:23.84615384615%; margin:0 1.53846153846% 20px 0; 
    transform-origin: bottom;
    transform: perspective(400px) rotateX(-90deg) scale(1.4) translateZ(400px);
    -webkit-transform: perspective(400px) rotateX(-90deg) scale(1.4) translateZ(400px);
    -ms-transform: perspective(400px) rotateX(-90deg) scale(1.4) translateZ(400px);
    -o-transform: perspective(400px) rotateX(-90deg) scale(1.4) translateZ(400px);
    -moz-transform: perspective(400px) rotateX(-90deg) scale(1.4) translateZ(400px);

    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
	opacity:0;

}
#pd_list .list li.on {
    transform-origin: bottom;
    transform: perspective(0) rotateX(0deg) scale(1) translateY(0);
    -webkit-transform: perspective(0) rotateX(0deg) scale(1) translateY(0);
    -moz-transform: perspective(0) rotateX(0deg) scale(1) translateY(0);
    -o-transform: perspective(0) rotateX(0deg) scale(1) translateY(0);
    -ms-transform: perspective(0) rotateX(0deg) scale(1) translateY(0);
	opacity:1;
}
#pd_list .list li:nth-child(4n) { margin:0 0 20px 0;}
#pd_list .list li .img { width:100%; padding-bottom:70.96774193548%;  display:block; position:relative; overflow:hidden; background:#fff;}
#pd_list .list li .img img { position: absolute; top: -9999px; 	right: -9999px;	bottom: -9999px;	left: -9999px;	margin: auto;	min-height: 100%; width: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 li:hover .img img{ 
transform:scale(1.2);
-moz-transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
}
#pd_list .list li .txt { background:#ebebeb; padding:18px 9.03225806452%; min-height:82px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#pd_list .list li .txt dl {}
#pd_list .list li .txt dl dt { font-size:20px; color:#ad8a4d; font-weight:700; }
#pd_list .list li .txt dl dd { color:#333; margin:10px 0 0 0;}
#pd_list .list li .txt dl dt,
#pd_list .list li .txt dl dd { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/* 페이징 */
.paging { text-align:center; margin:66px 0 0 0;}
.paging ul {letter-spacing:-4px; font-size:0;}
.paging ul li { border:1px solid rgba(255,255,255,0.4); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:45px; display:inline-block; letter-spacing:0; vertical-align:top; margin:0 10px 0 0;}
.paging ul li:last-child { margin:0; }
.paging ul li a { display:block;  height:41px; line-height:41px; color:#fff; text-align:center; font-size:14px;}
.paging ul li.on a { background:#ad8a4d; font-weight:500;}
.paging ul li.pre a { background:url("/img/sub/paging_pre.png") no-repeat center;}
.paging ul li.next a { background:url("/img/sub/paging_next.png") no-repeat center;}



/* 제품 상세페이지 */
#pd_view { }
#pd_view .detail_info { text-align:center; margin:0 auto 298px;}
#pd_view .detail_info .img { }
#pd_view .detail_info .img img { width:auto; max-width:100%;}
#pd_view .item_info { background:#f5f5f5; margin:0 0 117px 0;}
#pd_view .item_info .img { background:#fff; height:729px; text-align:center; padding:0 15px;width:48.15384615385%;}
#pd_view .item_info .img img { width:auto; max-width:100%; position:relative; top:50%; max-height:100%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#pd_view .item_info .info { }
#pd_view .item_info > div { letter-spacing:-4px; font-size:0; }
#pd_view .item_info > div > div { display:inline-block; vertical-align:middle;  letter-spacing:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#pd_view .item_info .info { padding:0 0 0 4.85044462409%; width:51.84615384615%;}
#pd_view .item_info .info dl { color:#333; }
#pd_view .item_info .info dl dt { font-size:28px; font-weight:500; }
#pd_view .item_info .info dl dd { font-size:65px; font-weight:900; margin:20px 0 0 0;}
#pd_view .item_info .info .txt { margin:85px 0 0 0;}
#pd_view .item_info .info .txt > p { font-size:24px; color:#ad8a4d; font-weight:500; margin:0 0 49px 0; line-height:1.3;}
#pd_view .item_info .info .txt > ul {}
#pd_view .item_info .info .txt > ul li { background:url("/img/sub/chk_icon.png") no-repeat; padding:0 0 0 40px; font-size:20px;  margin:0 0 20px 0;}
#pd_view .item_info .info .txt > ul li:last-child { margin:0; }

.download_list {}
.download_list ul { text-align:right; letter-spacing:-4px; font-size:0;}
.download_list ul li { width:100%; max-width:210px; text-align:center; display:inline-block; letter-spacing:0; font-size:16px; margin:0 6px 0 0;}
.download_list ul li:last-child { margin:0; }
.download_list ul li a { display:block; height:53px; line-height:53px; color:#fff; }
.download_list ul li a span { display:inline-block; margin:0 0 0 10px;}
.download_list ul li.sw a { background:#ce1d23;}
.download_list ul li.manual a {background:#333;}
.download_list ul li.catalog a {background:#636363;}


/* 상세 설명*/
.detail_info { font-size:18px; line-height:1.4; color:#333;}
.detail_info .img {text-align:center;}
.detail_info .con { text-align:left; margin-bottom:116px;}
.detail_info .con:last-child { margin:0; }
.detail_info .con .info { padding:0 4.84615384615%;}
.detail_info .con .title {font-family: 'Teko', sans-serif; color:#333; font-size:30px; position:relative; padding:20px; margin-bottom:25px; text-transform:uppercase; font-weight:700;}
.detail_info .con .title:before { content:""; width:33px; height:31px; border:6px solid #ad8a4d; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; border-bottom:none; border-right:none; position:absolute; left:0; top:0;}
.detail_info .con .title span { color:#ad8a4d; font-weight:500; display:inline-block; font-size:24px; margin:0 0 0 23px;}
.detail_info .con .title span:before { content:"|"; font-size:18px; color:#ad8a4d; display:inline-block; vertical-align:middle; padding:0 23px 0 0; }

.ul_s1 {}
.ul_s1 li { position:relative; padding:0 0 0 25px; margin:0 0 10px 0; }
.ul_s1 li:last-child { margin:0;}
.ul_s1 li:before { content:""; width:6px; height:6px; background:#333; display:block; position:absolute; left:0; top:50%; margin-top:-2px;}

.table_s1 {}
.table_s1 .col1 { width:35.34923339012%;}
.table_s1 .col2 {}
.table_s1 table { border-top:1px solid #ad8a4d;}
.table_s1 table td { }
.table_s1 table th { background:#f9f9f9; text-align:center; color:#333;}
.table_s1 table th,
.table_s1 table td {font-size:18px; padding:20px; border-bottom:1px solid #d7d7d7;}
.table_s1 table td div,
.table_s1 table td p { margin-bottom:15px; }
.table_s1 table td div:last-child,
.table_s1 table td p:last-child { margin:0; }
.table_s1 table td div > ul {}
.table_s1 table td div > ul li { padding:0 0 0 3px;}

.table_s2 {}
.table_s2 img { width:auto; max-width:100%;}
.table_s2 .col1 { width:40%;}
.table_s2 .col2 { width:30%;}
.table_s2 .col3 { width:30%;}
.table_s2 table th,
.table_s2 table td { font-size:18px; padding:20px; border:1px solid #d7d7d7; }


.detail_info .type {}
.detail_info .type > div { margin-bottom:110px;}
.detail_info .type > div:last-child { margin:0; }
.detail_info .type .tit { width:184px; height:55px; background:#ad8a4d; color:#fff; text-align:center; font-size:24px; font-weight:500; line-height:55px; float:left;}
.detail_info .type .txt { float:left; padding:34px 0 0 9.53846153846%;}
.detail_info .type .txt dl {}
.detail_info .type .txt dl dt { font-size:24px; color:#333; font-weight:500; }
.detail_info .type .txt dl dd { margin-top:36px;}
.detail_info .type .img { clear:both; margin-top:70px; float:left; }
.detail_info .type .img img { width:100%}

.detail_info .con4 {}
.detail_info .con4 .list {}
.detail_info .con4 .list ul {}
.detail_info .con4 .list ul li { float:left; width:32.23076923077%; margin-right:1.65384615385%; margin-bottom:20px;}
.detail_info .con4 .list ul li:nth-child(3n) { margin-right:0;}
.detail_info .con4 .list ul li img { width:100%;}

/* 인사말 */ 
.pd_b { padding-bottom:200px;}
#greeting { }
#greeting .top { }
#greeting .top p { font-size:38px; color:#333; font-weight:300; line-height:1.3;}
#greeting .top p b{ font-weight:500;}
#greeting .top .img { text-align:center; margin-top:50px;}
#greeting .top .img img { width:auto; max-width:100%; }
#greeting .txt { margin-top:47px; background:url("/img/sub/symbol.png") no-repeat center top; padding:26px 0 0 0}
#greeting .txt p { line-height:1.667em; font-weight:300; margin-top:32px;}
#greeting .txt p:first-child,
#greeting .txt p:last-child { margin:0;}
#greeting .txt p.ceo { margin-top:110px; text-align:right;}

/* 찾아 오시는길*/
#map_wrap {}
#map_wrap .iframe {}
#map_wrap .iframe iframe { width:100%; height:471px;}
#map_wrap .list { margin-top:60px; text-align:center;}
#map_wrap .list ul { font-size:0; letter-spacing:-4px;}
#map_wrap .list ul li { display:inline-block; letter-spacing:0; vertical-align:top; border:1px solid #e6e6e6; border-radius:50%; width:339px; height:339px; margin-right:141.5px; background:#f5f5f5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#map_wrap .list ul li:last-child { margin-right:0;}
#map_wrap .list ul li dl { padding-top:70px;}
#map_wrap .list ul li dl dt { font-size:24px; color:#333; font-weight:700; padding:90px 0 0 0; }
#map_wrap .list ul li dl dd { font-size:16px; line-height:1.625em; margin:22px 0 0 0;} 
#map_wrap .list ul li:nth-child(1) dl dt { background:url("/img/sub/map_icon01.png") no-repeat center top;}
#map_wrap .list ul li:nth-child(2) dl dt { background:url("/img/sub/map_icon02.png") no-repeat center top;}
#map_wrap .list ul li:nth-child(3) dl dt { background:url("/img/sub/map_icon03.png") no-repeat center top;}


/* 조직도 */
#org { text-align:center;}
#org img { width:auto; max-width:100%; }


/* 인증서 */

#certification {}
#certification .top { background:url("/img/sub/certification_bg.png") no-repeat; background-size:cover; text-align:center; padding:100px 0; margin:0 0 100px 0;}
/*#certification .top .info_wrap { max-width:1035px; margin:0 auto; position:relative; }*/
#certification .top .info_wrap { max-width:1500px; margin:0 auto; position:relative; }
#certification .top .txt { }
/*#certification .top .txt dl { text-align:left; padding:0 0 0 31.88405797101%; color:#333;}*/
#certification .top .txt dl { text-align:left; padding:0 0 0 42.884058%; color:#333;}
#certification .top .txt dl dt { font-size:30px; font-weight:300; line-height:1.3;}
#certification .top .txt dl dt b { font-weight:500; }
#certification .top .txt dl dd { line-height:1.3; margin-top:15px;}
#certification .top .img { font-size:0; letter-spacing:-4px; }
#certification .top .img img {  width:auto; max-width:100%; display:inline-block; vertical-align:bottom; margin-right:3.09178743961%; letter-spacing:0;}
#certification .top .img img:first-child { width:29.66183574879%; }
#certification .top .img img:last-child { margin-right:0; width:100%; }

/*#certification .top .img img:last-child { margin-right:0; width:67.24637681159%; }*/


#certification .list {}
#certification .list > div { margin-bottom:120px;}
#certification .list > div:last-child { margin:0;}
#certification .list > div .title { font-size:30px; font-weight:500; text-align:center; margin:0 0 34px 0;}
#certification .list > div ul { overflow:hidden;}
/* #certification .list > div ul li { float:left; width:23.84615384615%; margin-right:1.53846153846%; margin-bottom:20px;  border:1px solid #dcdcdc;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#certification .list > div ul li:nth-child(4n) { margin-right:0;} */
/* #certification .list > div ul li img { width:100%; max-height:413px; max-width:308px;} */

/* 20.04.28 수정 */
#certification .list > div ul:after{ display:block; content:''; clear:both;}
#certification .list > div ul li{ position:relative; float:left; margin-right:0.51282051282%; width:24.61538461538%; margin-bottom:0.51282051282%; border:1px solid #e5e5e5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#certification .list > div ul li:nth-child(4n){ margin-right:0;}
#certification .list > div ul li .img{ position:relative; display:block; height:450px; overflow:hidden;}
#certification .list > div ul li .img img{ position:absolute; top:50%; left:50%; max-width:95%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}


/* 사업 영역*/
#busi { padding:0 0 206px 0;}
#busi .img { text-align:center; padding:94px 0 0 0;}
#busi .img img { width:auto; max-width:100%; }
#busi .list {position:absolute; width:100%; height:100%; left:0; top:0;}
#busi .list ul { letter-spacing:-1px;}
#busi .list ul li { position:absolute; line-height:1.4;}
#busi .list ul li:nth-child(odd){ left:0;}
#busi .list ul li:nth-child(even){ left:965px;}
#busi .list ul li dl { padding:0 0 0 68px;}
#busi .list ul li dl dt { color:#333;}
#busi .list ul li dl dt p { font-size:22px;  font-weight:700;}
#busi .list ul li dl dt span { font-size:14px; display:block; margin-top:7px;}
#busi .list ul li dl dt em { font-size:12px; color:#999;  display:block; margin-top:14px;}
#busi .list ul li dl dd { margin-top:15px;}
#busi .list ul li dl dd p { position:relative; padding:0 0 0 7px; margin:0 0 7px 0; font-size:14px; }
#busi .list ul li dl dd p:last-child { margin:0; } 
#busi .list ul li dl dd p:before { content:"·"; position:absolute; left:0; top:0;}

#busi .list ul li:nth-child(1) dl { background:url("/img/sub/busi_icon01.gif") no-repeat left top;}
#busi .list ul li:nth-child(2) dl { background:url("/img/sub/busi_icon02.gif") no-repeat left top;}
#busi .list ul li:nth-child(3) dl { background:url("/img/sub/busi_icon03.gif") no-repeat left top;}
#busi .list ul li:nth-child(4) dl { background:url("/img/sub/busi_icon04.gif") no-repeat left top;}
#busi .list ul li:nth-child(5) dl { background:url("/img/sub/busi_icon05.gif") no-repeat left top;}
#busi .list ul li:nth-child(6) dl { background:url("/img/sub/busi_icon06.gif") no-repeat left top;}


#busi .list ul li:nth-child(1) {}
#busi .list ul li:nth-child(2) { }
#busi .list ul li:nth-child(3) {top:273px;  }
#busi .list ul li:nth-child(4) { top:343px;}
#busi .list ul li:nth-child(5) { top:588px;}
#busi .list ul li:nth-child(6) { top:607px;}


/* 연혁 */
#history {}
#history .list {}
#history .list > div { overflow:hidden; margin:0 0 155px 0;}
#history .list > div:last-child { margin:0; }
#history .list > div .img,
#history .list > div .txt { float:left; }
#history .list > div .img { width:33.07692307692%; }
#history .list > div .img img { display:block; width:auto; max-width:100%; margin:0 0 37px 0;}
#history .list > div .img img:last-child { margin:0; }
#history .list > div .txt { letter-spacing:-1px; width:61.15384615385%;}
#history .list > div .txt dl {}
#history .list > div .txt dl dt { font-size:100px; font-weight:900; color:#eee; position:relative; padding:0 0 40px 0; margin:0 0 56px 0;
 text-shadow: -1px 0 #e5e5e5, 0 1px #e5e5e5, 1px 0 #e5e5e5, 0 -1px #e5e5e5;
 -moz-text-shadow: -1px 0 #e5e5e5, 0 1px #e5e5e5, 1px 0 #e5e5e5, 0 -1px #e5e5e5;
 -webkit-text-shadow: -1px 0 #e5e5e5, 0 1px #e5e5e5, 1px 0 #e5e5e5, 0 -1px #e5e5e5;
}
#history .list > div .txt dl dt:after { content:""; width:100%; height:1px; background:#999; position:absolute;bottom:0; padding:0 105px 0 0;}

#history .list > div .txt dl dd { }
#history .list > div .txt dl dd ul {}
#history .list > div .txt dl dd ul li { position:relative; overflow:hidden; margin:0 0 28px 0;}
#history .list > div .txt dl dd ul li:last-child {margin:0;}
#history .list > div .txt dl dd ul li .years { font-size:0; letter-spacing:-4px; float:left;}
#history .list > div .txt dl dd ul li .years span { font-size:30px; font-weight:500; color:#ad8a4d; }
#history .list > div .txt dl dd ul li .years em { color:#999; font-size:26px; width:60px;}
#history .list > div .txt dl dd ul li .years span,
#history .list > div .txt dl dd ul li .years em { display:inline-block; vertical-align:middle; letter-spacing:0;}
#history .list > div .txt dl dd ul li p { float:left; position:relative; font-weight:300;  line-height:1.4;
	width:calc(100% - 189px);
	width:-webkit-calc(100% - 189px);
	width:-moz-calc(100% - 189px);
}
#history .list > div .txt dl dd ul li p:before { content:"·"; position:absolute; }


#history .list > div:nth-child(odd) .txt dl dt:after { right:0; }
#history .list > div:nth-child(odd) .txt { margin-left:5.76923076923%;}
#history .list > div:nth-child(odd) .txt dl dd ul li .years em { text-align:right;}
#history .list > div:nth-child(odd) .txt dl dd ul li p { margin:7px 0 0 50px; padding:0 0 0 10px;}
#history .list > div:nth-child(odd) .txt dl dd ul li p:before {  left:0; top:0; }


#history .list > div:nth-child(even) .txt dl dt:after { left:0;}
#history .list > div:nth-child(even) .txt { margin-right:5.76923076923%;  text-align:right;}
#history .list > div:nth-child(even) .txt dl dd ul li .years { float:right;}
#history .list > div:nth-child(even) .txt dl dd ul li .years em { text-align:left;}
#history .list > div:nth-child(even) .txt dl dd ul li p { margin:7px 50px 0 0; float:right; padding:0 10px 0 0;}
#history .list > div:nth-child(even) .txt dl dd ul li p:before {  right:0; top:0; }
#history .list > div:nth-child(even) .txt dl dd ul li .years span,
#history .list > div:nth-child(even) .txt dl dd ul li .years em { float:right;}

/* 원격지원 서비스*/
#remote { background:url("/img/sub/remote_bg.jpg") no-repeat; background-size:cover;}

.customer_common { padding:0 0 439px 0; margin:0 0 0 0;}
.customer_common .info { background:#fff; max-width:1174px; margin:0 auto; position:relative; padding:0 15px 112px 7.08333333333%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.customer_common .info .title { float:left; width:35.26405451448%;}
.customer_common .info .title dl {}
.customer_common .info .title dl dt { font-size:20px; color:#ad8a4d; font-family: 'Roboto', sans-serif;}
.customer_common .info .title dl dd { font-size:55px;  color:#333; font-weight:300; margin-top:40px; line-height:1.2;}
.customer_common .info .title dl dd b {font-weight:500;}
.customer_common .info .txt_info { float:left; width:51.15606936416%; }
.customer_common .info .txt_info ul { position:relative;  }
.customer_common .info .txt_info ul:after { content:""; position:absolute;  left:24px; top:0; background:#ad8a4d; width:1px; height:80%; }
.customer_common .info .txt_info ul li {position:relative; padding:0 0 0 73px; min-height:49px; margin-bottom:17px;}
.customer_common .info .txt_info ul li span { display:block; width:49px; height:49px; background-color:#ad8a4d !important; border-radius:50%; color:#fff; text-align:center; line-height:49px; font-size:20px; font-weight:500; font-family: 'Roboto', sans-serif; position:absolute; left:0; top:0;  z-index:10;}
.customer_common .info .txt_info ul li em {color:#ad8a4d; }
.customer_common .info .txt_info ul li:last-child { margin-bottom:0 !important;}
.customer_common .info .txt_info ul li p { color:#333; font-weight:300; font-size:16px; line-height:1.4;  padding:17px 0 0 0; letter-spacing:-1.4px;}
.customer_common .info .txt_info > div { font-size:14px; line-height:1.714em; color:#333; font-weight:300; border-left:3px solid #ad8a4d; padding:10px 0 10px 37px; position:relative; margin:50px 0 0 23px; letter-spacing:-1px;}
.customer_common .info .txt_info > div:after { top:0;}
.customer_common .info .txt_info > div:before { bottom:0;}

.customer_common .info .txt_info > div:after,
.customer_common .info .txt_info > div:before { content:""; width:20px; height:3px; background:#ad8a4d; position:absolute; left:0;}
.customer_common .info a { width:386px; height:75px; line-height:75px; color:#fff; text-align:center; background:url("/img/sub/more_s1.png") no-repeat 278px center #ad8a4d; display:block; position:absolute; font-size:18px; font-weight:500; bottom:-39px; left:50%; 
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}


#sub_contact { background:url("/img/sub/contact_sub_bg.jpg") no-repeat; background-size:cover;}
#sub_contact.customer_common .info .txt_info ul li { margin-bottom:47px;}
#sub_contact.customer_common .info .txt_info ul li em { display:block; font-weight:500; margin:0 0 14px 0; font-size:20px;}
#sub_contact.customer_common .info .txt_info ul li:nth-child(1) p { letter-spacing:-1px; }
#sub_contact.customer_common .info .txt_info ul li p { padding:10px 0 0 0; letter-spacing:0px;}
#sub_contact.customer_common .info .txt_info ul li:nth-child(1) span { background:url("/img/sub/contact_icon01.png") no-repeat center;}
#sub_contact.customer_common .info .txt_info ul li:nth-child(2) span { background:url("/img/sub/contact_icon02.png") no-repeat center;}
#sub_contact.customer_common .info .txt_info ul li:nth-child(3) span { background:url("/img/sub/contact_icon03.png") no-repeat center;}
.customer_common .m_img { display:none;}


/* as교정 인트로*/
#as_intro {letter-spacing:-1px;}
#as_intro .top { margin:0 0 90px 0;}
#as_intro .top dl {line-height:1.3; border-left:9px solid #ad8a4d; padding:0 0 0 35px;}
#as_intro .top dl dt { font-size:35px; color:#333; }
#as_intro .top dl dd { font-size:24px; margin-top:20px; font-weight:300;}
#as_intro .con { margin-bottom:65px;}
#as_intro .con:last-child { margin:0;}
#as_intro .con p { font-size:24px; color:#ad8a4d; font-weight:500; line-height:1.4; }
#as_intro .con ul { overflow:hidden; margin-top:36px;}
#as_intro .con ul li { float:left; width:49.23339011925%; margin-right:1.5332197615%; margin-bottom:13px;}
#as_intro .con ul li img { width:100%;}
#as_intro .con ul li:nth-child(2n) { margin-right:0; }
#as_intro .btn_down { margin-top:30px; text-align:center; }
#as_intro .btn_down a { text-align:left; margin:0 auto; display:inline-block; border:1px solid #806a41; color:#fff; width:350px; height:65px; padding:0 0 0 35px; font-weight:700; font-size:24px; line-height:65px; box-sizing:border-box; background:#816b44 url(/img/sub/btn_dwon.png) no-repeat 280px center; }
#as_intro .imgbox .pc { display:block; }
#as_intro .imgbox .m { display:none; }

/* 접수 안내*/
#guide { }
#guide .con { margin:0 0 110px 0;}
#guide .con:last-child { margin:0; }
#guide .con .title { font-size:24px; color:#333; font-weight:500; margin:0 0 45px 0; }
#guide .con1 { }
#guide .con1 ul { font-size:0; letter-spacing:-4px; text-align:center; position:relative;}
#guide .con1 ul:after { content:""; width:90%; background:#ad8a4d; position:absolute; left:0; top:140px; display:block; height:2px; left:50%;  z-index:-1;
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}

/* #guide .btn_down { margin-top:-120px; margin-bottom:120px; } */
#guide .btn_down { margin-top:0; margin-bottom:50px; text-align:center }
#guide .btn_down a { letter-spacing:-1px; text-align:left; margin:0 auto; display:inline-block; border:1px solid #806a41; color:#fff; width:315px; height:60px; padding:0 0 0 25px; font-weight:700; font-size:20px; line-height:60px; box-sizing:border-box; background:#816b44 url(/img/sub/btn_dwon.png) no-repeat 265px center; background-size:20px auto; }

#guide .con1 ul li { display:inline-block; vertical-align:top; letter-spacing:0; margin-right:135px; background:#fff;}
#guide .con1 ul li:after { }
#guide .con1 ul li:last-child { margin:0;}
#guide .con1 ul li .icon { border-radius:50%; background:#fff; border:7px solid #e6dcc9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:278px; height:278px; margin:0 auto;}
#guide .con1 ul li:nth-child(1) .icon { background:url("/img/sub/guide_icon01.gif") no-repeat  center 112px;}
#guide .con1 ul li:nth-child(2) .icon { background:url("/img/sub/guide_icon02.gif") no-repeat  center 112px;}
#guide .con1 ul li:nth-child(3) .icon { background:url("/img/sub/guide_icon03.gif") no-repeat  center 112px;}
#guide .con1 ul li .icon { position:relative; }
#guide .con1 ul li .icon:after {content:url("/img/sub/arr_03.png"); position:absolute; right:-91px; top:50%; 
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#guide .con1 ul li:last-child .icon:after { display:none; }
#guide .con1 ul li .icon .num { font-size:20px; font-weight:500; color:#ad8a4d; border-bottom:2px solid #ad8a4d; padding:42px 0 8px; display:inline-block; }
#guide .con1 ul li .txt { margin-top:48px; max-width:278px;}
#guide .con1 ul li .txt dl { }
#guide .con1 ul li .txt dl dt { font-size:24px; color:#333;  font-weight:500; }
#guide .con1 ul li .txt dl dd { margin-top:30px; display:inline-block; padding:0 28px 0 0;}
#guide .con1 ul li .txt dl dd p { font-size:17px; font-weight:300; margin:0 0 7px 0; position:relative; padding:0 0 0 20px; text-align:left; letter-spacing:-1px;}
#guide .con1 ul li .txt dl dd p:last-child { margin:0; }
#guide .con1 ul li .txt dl dd p:before { content:""; width:9px; height:9px; background:#555; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-4.5px;}
#guide .con_common {}
#guide .con_common .info {}
#guide .con_common .info .img,
#guide .con_common .info .txt_wrap {float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#guide .con_common .info .img {  width:19.59114139693%; }
#guide .con_common .info .img img { width:auto; max-width:100%; }
#guide .con_common .info .txt_wrap {  width:80.40885860307%; padding:0 0 0 6.30323679727%;}
#guide .con_common .info .txt_wrap { font-size:18px; line-height:1.444em; font-weight:300;}
#guide .con_common .info .txt_wrap dl { margin-top:35px;}
#guide .con_common .info .txt_wrap dl dt { font-size:18px; color:#ad8a4d; font-weight:500;}
#guide .con_common .info .txt_wrap dl dd {}
#guide .con_common .info .txt_wrap .map_link { margin-top:28px;}
#guide .con_common .info .txt_wrap .map_link ul {overflow:hidden;}
#guide .con_common .info .txt_wrap .map_link ul li { float:left; margin-right:25px;}
#guide .con_common .info .txt_wrap .map_link ul li:last-child { margin:0; }
#guide .con_common .info .txt_wrap .map_link ul li a { background:url("/img/sub/more_s2.png") no-repeat 156px center #333; display:block; width:256px; height:57px; line-height:57px; color:#fff; padding:0 0 0 78px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:57px; font-size:14px; font-weight:300;}

#guide .con3 .info .txt_wrap {}
#guide .con3 .info .txt_wrap ul { background:url("/img/sub/clock.png") no-repeat left 7px; padding:0 0 0 70px; margin:0 0 30px 0;}
#guide .con3 .info .txt_wrap ul li { font-weight:500; color:#333; margin:0 0 7px 0; position:relative; padding:0 0 0 65px;}
#guide .con3 .info .txt_wrap ul li:last-child { margin:0; }
#guide .con3 .info .txt_wrap ul li span { color:#ad8a4d; position:absolute; left:0; top:0;}
#guide .con3 .info .txt_wrap ul li em { font-weight:300;}


/* video */
.video_box{display:none; position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000;}
.video_box .bg{position:absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.7; }
.video_box .po_box{position:relative; display:inline-block; vertical-align: top; height: 550px; top: 55%; left: 50%; width: 100%; max-width:1000px; transform:translate(-50%,-50%);}
.video_box .po_box .close{position:absolute; top: -80px; left: 50%; width: 60px; height: 60px; background:url(/img/sub/icon_close.png) 50% 50% no-repeat; background-size:cover; transform:translateX(-50%); cursor: pointer;}
.video_box .po_box .video{position: relative;width: 100%; }
.video_box .po_box .video:before {content:""; display:block; padding-bottom:56.5%; }
.video_box .po_box .video iframe { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.videos{}
.videos .cont{}
.videos .cont .list{display:flex; flex-wrap:wrap;}
.videos .cont .list .item{width:calc(33.3% - 20px); margin-right: 30px; margin-bottom:30px; }
.videos .cont .list .item:nth-of-type(3n){margin-right: 0;}
.videos .cont .list .item figure{position:relative; padding-bottom:81%;margin: 0; overflow: hidden;}
.videos .cont .list .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); /* max-width: inherit; */ max-height: 100%;}
.videos .cont .list .item p{font-weight:bold; font-size:20px; margin: 10px 0 0 0; text-align: center; color: #222; height:80px;}
.videos .cont .list .view{ cursor: pointer; }

/* 버튼 좌우 모두있는것 */
.btn_left_right{position:relative;margin-top:10px;margin-bottom:10px;height:26px;}
.btn_left_right .left{position:absolute;left:0;top:0;}
.btn_left_right .right{position:absolute;right:0;top:0;}

@media screen and (max-width: 1200px){
.tab li a{display:flex; align-items:center; justify-content:center; width: 100%; font-size:17px; color: #555; height: 70px; box-sizing:border-box; border:1px solid #ccc; font-weight:500;}
}

@media screen and (max-width: 1000px){
	.video_box .po_box{box-sizing:border-box; padding: 0 16px; width: 100%;	 height: 400px;}
	.videos .cont .list .item{width: calc(50% - 10px); margin-right: 20px; margin-bottom:20px;}
	.videos .cont .list .item:nth-of-type(3n){margin-right: 20px;}
	.videos .cont .list .item:nth-of-type(2n){margin-right: 0;}
	.tab li a{display:flex; align-items:center; justify-content:center; width: 100%; font-size:14px; color: #555; height: 70px; box-sizing:border-box; border:1px solid #ccc; font-weight:500;}
}

#pd_list .search_box{position:relative; width: 100%; max-width: 960px; margin: 0 auto 90px;}
#pd_list .search_box input{width: calc(100% - 70px); height: 70px; border:1px solid #ccc; box-sizing:border-box; padding: 0 26px; font-size:18px; color: #333;}
#pd_list .search_box input::placeholder{font-weight:300; font-size:18px; color: #ccc;}
#pd_list .search_box button{position:absolute; top: 0; right: 0; width: 70px; height: 70px; background: #2777e2; text-align: center; border:none; cursor: pointer;}
#pd_list .search_box button i{line-height: 70px; font-size:20px; color: #fff;}