@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 
html {overflow-y:scroll;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Noto Sans KR','Apple Gothic','Open Sans',sans-serif;font-size:1em;line-height:1.7em;color:#555;word-break:keep-all;-webkit-text-size-adjust:none;}
img{border:0;max-width:100%;vertical-align:top;}
ul,ol{list-style:none}
fieldset{border:none}
fieldset legend {position:absolute;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}
button{cursor:pointer}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
hr {clear:both;display:none;}


/* 메인 비주얼 :: 비디오영역  */

#visualVideo{position:absolute; top:50%; left:50%; min-width:100%; min-height:100%;  -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);   -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 1s;}
#visualVideo.pause{filter: blur(4px);}

.contain {*zoom:1; width:1200px; margin:0 auto;}
.contain:after {content:""; display:block; clear:both;}
.title {text-align:center; color:#fff; margin:0 0 30px 0;}
.title h2 { font-size:2.5em; line-height:1.5em; letter-spacing:-.03em;  font-weight:700;color:#fff;padding-top:50px}

@media(max-width:767px){

#visualVideo{position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; height:200%}
.contain {width:100%;}
.title h2 { font-size:2em; padding-top:40px}

}
#section1 {
    background-color: #000; /* 전체 배경색을 검정으로 설정 */
    background-image: url('../images/main/intro_bg.jpg'); /* 배경 이미지 설정 */
    background-size: cover; /* 배경 이미지를 요소 크기에 맞게 조정 */
    background-position: center; /* 배경 이미지의 위치를 중앙으로 설정 */
    background-repeat: no-repeat; /* 배경 이미지 반복하지 않도록 설정 */
    letter-spacing: -0.03em; /* 문자 간격 설정 */
}
#section1 .txt {text-align:center;}
#section1 .txt h3 {margin-bottom:30px; font-size:1.3em; line-height:30px; font-weight:400; color:#fff;}
#section1 .txt p {margin-bottom:30px; font-size:1.2em; line-height:30px; font-weight:200; letter-spacing:-.06em; color:#dfdfdf;}
#section1 ul {margin:0 -24px; margin-top:45px;}
#section1 ul:after {content:""; display:block; clear:both;} 
#section1 ul li {float:left; width:25%; padding:0 24px; margin-bottom:38px;}
#section1 ul .tit {text-align:center; font-size:1.2em; font-weight:700; letter-spacing:-.03em; line-height:32px; color:#fff;}
#section1 ul .tit .box {padding:40px 0;}
#section1 ul .tit span {font-size:1.1em; color:#523e39;}
#section1 ul li .box {height:140px; padding:15px 40px; background-color: #fff; -webkit-clip-path: polygon(87% 0, 100% 26%, 100% 100%, 0 100%, 0 0); clip-path: polygon(87% 0, 100% 26%, 100% 100%, 0 100%, 0 0);}
#section1 ul li .box.bg {background:#3e2822;}
#section1 ul li .box.bg dl dt {color:#fff;}
#section1 ul li .box.bg dl dd {color:#aeaeae;}
#section1 ul li .box dl dt {font-size:1.2em; font-weight:700; line-height:40px; color:#231916; letter-spacing:-.03em;}
#section1 ul li .box dl dd {font-size:1em; font-weight:400; line-height:20px; color:#505050; letter-spacing:-.06em;}

@media(max-width:767px){

#section1{width:100%;padding:2%;background-color: #000; background-image:none;}
#section1 ul li {float:left; width:48%; padding:1%; margin-bottom:1%;}
#section1 ul li .box {height:auto; margin-left:15px;border:0px solid red}
#section1 ul li .box.bg {background:#fff;}
#section1 ul li .box.mo_bg {background:#3e2822;}
#section1 ul li .box.bg dl dt {color:#000;}
#section1 ul li .box.bg dl dd {color:#000;}
#section1 ul li .box.mo_bg dl dt {color:#fff;}
#section1 ul li .box.mo_bg dl dd {color:#aeaeae;}
#section1 ul li .box {height:140px; padding:10px 10px;}
#section1 ul li .box dl dt {font-size:1.1em; font-weight:700; }
#section1 ul li .box dl dd {font-size:0.9em; font-weight:400;}

}


#section2 {/*background-size:cover; background:url('../images/main/adv_bg.jpg') 50% 50% no-repeat; letter-spacing:-.03em;	*/
	background-color: #333; /* 전체 배경색을 검정으로 설정 */
    /*background-image: url('../images/main/adv_bg.jpg'); *//* 배경 이미지 설정 */
    background-size: cover; /* 배경 이미지를 요소 크기에 맞게 조정 */
    background-position: center; /* 배경 이미지의 위치를 중앙으로 설정 */
    background-repeat: no-repeat; /* 배경 이미지 반복하지 않도록 설정 */
    letter-spacing: -0.03em; /* 문자 간격 설정 */
}
#section2 .tab-content .cnt { width:95%;margin:0 auto;height:542px; letter-spacing:-.03em; background:url('../images/main/tab_cnt_bg.png') 50% 50% no-repeat; background-size:cover;}
#section2 .tab-content .cnt1 {padding:40px 50px;}
#section2 .tab-content .cnt1 .txt {text-align:center;}
#section2 .tab-content .cnt1 .txt h3 {margin-bottom:20px;font-size:1.3em;; line-height:36px; font-weight:700; color:#231916;}
#section2 .tab-content .cnt1 .txt p {font-size:1em; line-height:24px; letter-spacing:-.06em; font-weight:400;}
#section2 .tab-content .cnt1 ul {margin:0 -20px; padding:25px 0;}
#section2 .tab-content .cnt1 ul:after {content:""; display:block; clear:both;} 
#section2 .tab-content .cnt1 ul li {float:left; width:33.3333%; padding:0 20px;}
#section2 .tab-content .cnt1 ul li .txt-box {height:auto; padding:15px 40px; background-color: #fff; -webkit-clip-path: polygon(87% 0, 100% 26%, 100% 100%, 0 100%, 0 0); clip-path: polygon(87% 0, 100% 26%, 100% 100%, 0 100%, 0 0);}
#section2 .tab-content .cnt1 ul li .txt-box.bg {background:#3e2822;}
#section2 .tab-content .cnt1 ul li .txt-box.bg dl dt {color:#fff;}
#section2 .tab-content .cnt1 ul li .txt-box.bg dl dd {color:#aeaeae;}
#section2 .tab-content .cnt1 ul li .txt-box dl dt {font-size:1.2em; font-weight:700; line-height:40px; color:#231916; letter-spacing:-.03em;}
#section2 .tab-content .cnt1 ul li .txt-box dl dd {font-size:1em; font-weight:400; line-height:20px; color:#505050; letter-spacing:-.06em;}
#section2 .tab-content .cnt1 .last {font-size:1.2em; font-weight:700; line-height:30px; color:#60433b; text-align:center;}
#section2 .tab-content .cnt .box.line {position:relative;}
#section2 .tab-content .cnt .box.line:after {content:""; position:absolute; top:0; right:0; display:inline-block; width:1px; height:auto; background:url('../images/main/tab_line.png') 100% 50% repeat-y;}
#section2 .tab-content .cnt .box h3 {margin-bottom:20px;font-size:1.3em;; line-height:36px; color:#231916; font-weight:700; text-align:center;}
#section2 .tab-content .cnt2 {padding:35px 0;}
#section2 .tab-content .cnt2:after {content:""; display:block; clear:both;}
#section2 .tab-content .cnt2 .box {width:50%; padding:0 60px;float:left;}
#section2 .tab-content .cnt2 .box .txt-zone {margin-bottom:30px;height:auto; text-align:left; padding:25px 35px; letter-spacing:-.06em; background-color: #fff; -webkit-clip-path: polygon(92% 0, 100% 23%, 100% 100%, 0 100%, 0 0); clip-path: polygon(92% 0, 100% 21%, 100% 100%, 0 100%, 0 0);}
#section2 .tab-content .cnt2 .box .txt-zone .ex {margin-bottom:10px;font-size:1.1em; font-weight:500; line-height:24px; color:#231916;}
#section2 .tab-content .cnt2 .box .txt-zone p {font-size:1em; line-height:20px; font-weight:300; color:#505050;}
#section2 .tab-content .cnt2 .box .text {text-align:center; font-size:1em; line-height:24px; color:#505050; font-weight:400;}
#section2 .tab-content .cnt2 .box .thumb {text-align:center; margin-top:30px;}
#section2 .tab-content .cnt2:after {content:""; display:block; clear:both;}
#section2 .tab-content .cnt3 {padding:35px 40px;}
#section2 .tab-content .cnt3:after {content:""; display:block; clear:both;}
#section2 .tab-content .cnt3 .box {float:left; width:50%; padding:0 40px; }
#section2 .tab-content .cnt3 .box .txt-zone {height:auto; text-align:left; padding:30px 35px; letter-spacing:-.06em; background-color: #fff; -webkit-clip-path: polygon(87% 0, 100% 32%, 100% 100%, 0 100%, 0 0); clip-path: polygon(87% 0, 100% 32%, 100% 100%, 0 100%, 0 0);}
#section2 .tab-content .cnt3 .box .txt-zone .ex {margin-bottom:5px;font-size:1.1em; font-weight:500; line-height:24px; color:#231916;}
#section2 .tab-content .cnt3 .box .txt-zone ul li {font-size:1em; line-height:20px; font-weight:300; color:#505050;}
#section2 .tab-content .cnt3 .box .table1 {width: 100%; border-collapse: collapse; border-spacing: 0px; border-top:2px solid #3e2822; text-align:center;margin-top:5px;}
#section2 .tab-content .cnt3 .box .table1 tbody th,
#section2 .tab-content .cnt3 .box .table1 tbody td {border-bottom:1px solid #3e2822; border-right:1px solid #3e2822; line-height:1.3em; letter-spacing:-.06em; padding:10px 0;}
#section2 .tab-content .cnt3 .box .table1 tbody td:last-child {border-right:0;}
#section2 .tab-content .cnt3 .box .table1 tbody th {font-size:1em; font-weight:500; color:#231916;}
#section2 .tab-content .cnt3 .box .table1 tbody td {font-size:1em; font-weight:400; color:#505050;}
#section2 .tab-content .cnt3 .box .txt-zone2 {height:auto; text-align:left; padding:24px 35px; letter-spacing:-.06em; background-color: #fff; -webkit-clip-path: polygon(91% 0, 100% 26%, 100% 100%, 0 100%, 0 0); clip-path: polygon(91% 0, 100% 26%, 100% 100%, 0 100%, 0 0);}
#section2 .tab-content .cnt3 .box .txt-zone2 .ex {margin-bottom:5px;font-size:1.1em; font-weight:500; line-height:24px; color:#231916;}
#section2 .tab-content .cnt3 .box .txt-zone2 ul li {font-size:1em; line-height:20px; font-weight:300; color:#505050;}
#section2 .tab-content .cnt3 .box .table2 {width: 100%; border-collapse: collapse; border-spacing: 0px; letter-spacing:-.06em;}
#section2 .tab-content .cnt3 .box .table2 tbody th {font-size:1.1em; font-weight:400; color:#fff;}
#section2 .tab-content .cnt3 .box .table2 tbody td {padding-left:15px; font-size:1em; line-height:20px; color:#505050; font-weight:300;}
#section2 .tab-content .cnt3 .box .table2 tbody .tit {line-height:45px;background-color:#3e2822; -webkit-clip-path: polygon(87% 0, 100% 28%, 100% 100%, 0 100%, 0 0); clip-path: polygon(87% 0, 100% 28%, 100% 100%, 0 100%, 0 0);}
#section2 .tab-content .cnt3 .box .table2 tbody th,
#section2 .tab-content .cnt3 .box .table2 tbody td {padding-top:20px;}
#section2 .tab-content .cnt3 .box .last {margin-top:25px; text-align:center; font-size:1.2em; line-height:30px; font-weight:700; color:#60433b;}

.main-tab {display:table; table-layout:fixed; width:95%;margin:0 auto;}
.main-tab li {display:table-cell; text-align:center;border-right:1px solid #9d9d9d; background:#fff;}
.main-tab li:last-child {border-right:0;}
.main-tab li a {display:block; text-decoration:none; font-size:1.1em; font-weight:400; letter-spacing:-.03em; color:#505050; line-height:60px;}
.main-tab li.active {background:#3e2822;}
.main-tab li.active a {color:#fff;}

@media(max-width:767px){

#section2 {background-color:#333; background-image:none; letter-spacing:-.03em;}
#section2 .tab-content .cnt {height:100%; letter-spacing:-.03em; background:url('../images/main/tab_cnt_bg.png') 50% 50% no-repeat; background-size:cover;}
#section2 .tab-content .cnt1 {padding:40px 10px;}
#section2 .tab-content .cnt1 ul li {float:left; width:100%; padding:0 20px;}
#section2 .tab-content .cnt1 ul li .txt-box {height:auto; padding:20px 30px;margin:10px 20px;}
#section2 .tab-content .cnt2 .box {width:100%; padding:0 10px;clear:both;}
#section2 .tab-content .cnt2 .box .txt-zone {margin-bottom:30px;height:auto; text-align:left; padding:25px 35px;}
#section2 .tab-content .cnt2 .box .txt-zone .ex {margin-bottom:10px;font-size:1.1em; font-weight:500; line-height:24px; color:#231916;}
#section2 .tab-content .cnt2 .box .txt-zone p {font-size:1em; line-height:20px; font-weight:300; color:#505050;}
#section2 .tab-content .cnt3 {padding:35px 0px;}
#section2 .tab-content .cnt3 .box {height:auto;width:100%; padding:0 10px;clear:both;margin-top:20px;}
#section2 .tab-content .cnt3 .box .txt-zone {height:auto; text-align:left; padding:30px 25px; }

.main-tab li a { font-size:1em;line-height:35px;}
}

#section3 {/*background:url('../images/main/statistics_bg.jpg') 50% 50% no-repeat; background-size:cover;  */
    background-color: #000; /* 전체 배경색을 검정으로 설정 */    
    letter-spacing: -0.03em; /* 문자 간격 설정 */	
	
}
#section3 .txt {text-align:center; font-size:1em; font-weight:300; line-height:28px; color:#fff;}
#section3 .tariff {width:1200px; overflow-x: hidden; overflow-y:hidden; margin:15px 0 0 0;}
#section3 .tariff table {width:100%; min-width:1200px; border-collapse: collapse; border-spacing: 0px; text-align:center; border-top:2px solid #fff; color:#fff; line-height:1.3em; letter-spacing:-.03em;}
#section3 .tariff table thead th {background:url('../images/main/t_bg.png') 0 0 repeat; font-size:1em; font-weight:300; }
#section3 .tariff table thead th,
#section3 .tariff table tbody td {border-right:1px solid #878787; border-bottom:1px solid #878787; padding:15px 5px;} 
#section3 .tariff table thead th:last-child,
#section3 .tariff table tbody td:last-child {border-right:0;}
#section3 .tariff table .left {text-align:left; padding:0 20px;}
#section3 .tariff table tbody td {font-size:1em; font-weight:200;}

@media(max-width:767px){

#section3 .txt {width:95%;margin:0 auto;}
#section3 .tariff {width:98%;margin:0 auto;}
#section3 .tariff table {width:100%; min-width:200px; max-width:700px;border:0px solid red}
#section3 .tariff table .left {text-align:left; padding:0;}
#section3 .tariff table thead th {font-size:0.8em}
#section3 .tariff table tbody td {font-size:0.7em; font-weight:200;}

}

#section4 { /*background:url('../images/main/inq_bg.jpg') 50% 50% no-repeat; background-size:cover; letter-spacing:-.03em;	*/
         background-color: #000; /* 전체 배경색을 검정으로 설정 */
    background-image: url('../images/main/inq_bg.jpg'); /* 배경 이미지 설정 */
    background-size: cover; /* 배경 이미지를 요소 크기에 맞게 조정 */
    background-position: center; /* 배경 이미지의 위치를 중앙으로 설정 */
    background-repeat: no-repeat; /* 배경 이미지 반복하지 않도록 설정 */
    letter-spacing: -0.03em; /* 문자 간격 설정 */
}
#section4 .txt {text-align:center; font-size:1.2em; font-weight:300; line-height:28px; color:#fff;}
#section4 .check-list {text-align:center; margin:35px 205px; width:800px; background:url('../images/main/check_bg.png') 0 50% no-repeat;}
#section4 .check-list ul {padding:40px 95px;}
#section4 .check-list ul li {text-align:left; font-size:1.1em; line-height:36px; color:#3e2822; font-weight:400;}
#section4 .check-list ul li:before {content:""; display:inline-block; background:url('../images/main/check_ico.png') 0 0 no-repeat; width:19px; height:22px;margin: -.2em 12px 0 0; vertical-align:middle;}
#section4 .contact-info {padding:0 109px;}
#section4 .contact-info ul {margin:0 -28px;}
#section4 .contact-info ul li {float:left; padding:0 26px; display:table; table-layout: fixed;}
#section4 .contact-info ul li p {display: table-cell; vertical-align:middle; padding-left:15px; font-size:1.2em; line-height:1.3em; font-weight:300; letter-spacing:-.03em; color:#fff;}
#section4 .back1{margin-bottom:5%;}

@media(max-width:767px){

#section4 .txt {text-align:center; font-size:1em;}
#section4 .check-list {text-align:center;  margin:20px auto; width:90%;}
#section4 .check-list ul {padding:3%;}
#section4 .check-list ul li {text-align:left; font-size:0.9em}
#section4 .contact-info {padding:3%;}
#section4 .contact-info ul {margin:0px;}
#section4 .contact-info ul li {float:left; padding:1%; }
#section4 .contact-info ul li p { padding-left:20px; font-size:1em;}

}

#section5 {
    background-color: #000; /* 전체 배경색을 검정으로 설정 */
    background-image: url('../images/main/step_bg.jpg'); /* 배경 이미지 설정 */
    background-size: cover; /* 배경 이미지를 요소 크기에 맞게 조정 */
    background-position: center; /* 배경 이미지의 위치를 중앙으로 설정 */
    background-repeat: no-repeat; /* 배경 이미지 반복하지 않도록 설정 */
    letter-spacing: -0.03em; /* 문자 간격 설정 */
}
#section5 .txt {text-align:center; font-size:1.4em; font-weight:300; line-height:28px; color:#fff;margin:20px auto;}
#section5 .tab-content2 .cnt0 {height:882px; letter-spacing:-.03em; /*background:url('../images/main/tab_cnt_bg.png') 50% 50% no-repeat; background-size:cover;*/}
#section5 .tab-content2 .cnt0 {padding:40px 50px;}
#section5 .tab-content2 .cnt0 ul {margin:0 -20px; padding:25px 0;}
#section5 .tab-content2 .cnt0 ul:after {content:""; display:block; clear:both;} 
#section5 .tab-content2 .cnt0 ul li {float:left; width:33.3333%; padding:0 20px;}
#section5 .tab-content2 .cnt0 ul li .txt-box {height:190px; padding:15px 40px; background-color: #fff; -webkit-clip-path: polygon(87% 0, 100% 26%, 100% 100%, 0 100%, 0 0); clip-path: polygon(87% 0, 100% 26%, 100% 100%, 0 100%, 0 0);}
#section5 .tab-content2 .cnt0 ul li .txt-box.bg {background:#3e2822;}
#section5 .tab-content2 .cnt0 ul li .txt-box.bg dl dt {color:#fff;}
#section5 .tab-content2 .cnt0 ul li .txt-box.bg dl dd {color:#aeaeae;}
#section5 .tab-content2 .cnt0 ul li .txt-box dl dt {font-size:1.2em; font-weight:700; line-height:30px; color:#231916; letter-spacing:-.03em;}
#section5 .tab-content2 .cnt0 ul li .txt-box dl dt span{font-size:0.9em; font-weight:700; line-height:30px; color:#fff; letter-spacing:-.03em;}
#section5 .tab-content2 .cnt0 ul li .txt-box dl dd {font-size:1em; font-weight:400; line-height:20px; color:#505050; letter-spacing:-.06em;}

@media(max-width:767px){

#section5 {background-size:cover; background-color:#000;}
#section5 .txt {font-size:1em}
#section5 .tab-content2 .cnt0 {height:auto; width:100%;margin:0 auto;padding:20px;}
#section5 .tab-content2 .cnt0 ul li {float:left; width:100%; padding:0 30px;}
#section5 .tab-content2 .cnt0 ul li .txt-box {height:auto; padding:20px;margin:10px 0;}
}

#section6 { width:100%;padding:4%;background:url('../images/main/step_bg.jpg') 50% 50% no-repeat; background-size:cover;}
#section6 table {width:60%; margin:0 auto; border-collapse: collapse; border-spacing: 0px; line-height:1.3em; letter-spacing:-.03em;}
#section6 table tbody th,
#section6 table tbody td {padding:20px 0;}
#section6 table tbody th {font-size:1.2em; font-weight:500; color:#231916; text-align:left;}
#section6 table tbody th p { padding:15px 30px; background:#dfdfdf; -webkit-clip-path: polygon(87% 0, 100% 26%, 100% 100%, 0 100%, 0 0); clip-path: polygon(87% 0, 100% 26%, 100% 100%, 0 100%, 0 0);}
#section6 table tbody th .bg {background:#3e2822; color:#fff;}
#section6 table tbody td {padding:0 20px; color:#fff; font-size:1.2em; font-weight:300;}

@media(max-width:767px){

#section6 table {width:100%; margin:0px;}
#section6 table tbody th {width:38%; font-size:0.9em;}
#section6 table tbody td {width:62%; font-size:0.9em;}
#section6 table tbody th p {padding:15px 10px; }
}

#section7 {/*background-size:cover; background:url('/images/main/adv_bg.jpg') 50% 50% repeat; letter-spacing:-.03em;*/
	 background-color: #000; /* 전체 배경색을 검정으로 설정 */
    background-image: url('../images/main/adv_bg.jpg'); /* 배경 이미지 설정 */
    background-size: cover; /* 배경 이미지를 요소 크기에 맞게 조정 */
    background-position: center; /* 배경 이미지의 위치를 중앙으로 설정 */
    background-repeat: no-repeat; /* 배경 이미지 반복하지 않도록 설정 */
    letter-spacing: -0.03em; /* 문자 간격 설정 */

height:auto;
}
#section7 .tab-content .cnt {height:auto; letter-spacing:-.03em; /*background:url('../images/main/tab_cnt_bg.png') 50% 50% no-repeat; background-size:cover;*/}
#section7 .tab-content .cnt1 {padding:1px 50px;}
#section7 .tab-content .cnt1 .txt {text-align:center;}
#section7 .tab-content .cnt1 .txt h3 {margin-bottom:20px;font-size:1.3em;; line-height:36px; font-weight:700; color:#231916;}
#section7 .tab-content .cnt1 .txt p {font-size:1em; line-height:24px; letter-spacing:-.06em; font-weight:400;}
#section7 .tab-content .cnt1 ul {margin:0 -20px; padding:25px 0;}
#section7 .tab-content .cnt1 ul:after {content:""; display:block; clear:both;} 
#section7 .tab-content .cnt1 ul li {float:left; width:33.3333%; padding:0 20px;}
#section7 .tab-content .cnt1 ul li .txt-box {height:171px; padding:15px 40px; background-color: #fff; -webkit-clip-path: polygon(87% 0, 100% 26%, 100% 100%, 0 100%, 0 0); clip-path: polygon(87% 0, 100% 26%, 100% 100%, 0 100%, 0 0);}
#section7 .tab-content .cnt1 ul li .txt-box.bg {background:#3e2822;}
#section7 .tab-content .cnt1 ul li .txt-box.bg dl dt {color:#fff;}
#section7 .tab-content .cnt1 ul li .txt-box.bg dl dd {color:#aeaeae;}
#section7 .tab-content .cnt1 ul li .txt-box dl dt {font-size:1.2em; font-weight:700; line-height:40px; color:#231916; letter-spacing:-.03em;}
#section7 .tab-content .cnt1 ul li .txt-box dl dd {font-size:1em; font-weight:400; line-height:20px; color:#505050; letter-spacing:-.06em;}
#section7 .tab-content .cnt1 .last {font-size:1.2em; font-weight:700; line-height:30px; color:#60433b; text-align:center;}
#section7 .tab-content .cnt .box.line {position:relative;}
#section7 .tab-content .cnt .box.line:after {content:""; position:absolute; top:0; right:0; display:inline-block; width:1px; height:auto; background:url('../images/main/tab_line.png') 100% 50% repeat-y;}
#section7 .tab-content .cnt .box h3 {margin-bottom:20px;font-size:1.3em;; line-height:36px; color:#231916; font-weight:700; text-align:center;}
#section7 .tab-content .cnt2 {padding:1px 0;}
#section7 .tab-content .cnt2:after {content:""; display:block; clear:both;}
#section7 .tab-content .cnt2 .box {float:left; width:100%; padding:0 60px;}
#section7 .tab-content .cnt2 .box .txt-zone {margin-bottom:30px;height:186px; text-align:left; padding:25px 35px; letter-spacing:-.06em; background-color: #fff; -webkit-clip-path: polygon(92% 0, 100% 23%, 100% 100%, 0 100%, 0 0); clip-path: polygon(92% 0, 100% 21%, 100% 100%, 0 100%, 0 0);}
#section7 .tab-content .cnt2 .box .txt-zone .ex {margin-bottom:10px;font-size:1.1em; font-weight:500; line-height:24px; color:#231916;}
#section7 .tab-content .cnt2 .box .txt-zone p {font-size:1em; line-height:20px; font-weight:300; color:#505050;}
#section7 .tab-content .cnt2 .box .text {text-align:center; font-size:1em; line-height:24px; color:#505050; font-weight:400;}
#section7 .tab-content .cnt2 .box .thumb {text-align:center; margin-top:30px;}
#section7 .tab-content .cnt3 {padding:1px 0;width:100%;}
#section7 .tab-content .cnt2:after {content:""; display:block; clear:both;}
#section7 .tab-content .cnt3 .box .txt-zone {height:auto; text-align:left; padding:30px 35px; letter-spacing:-.06em; background-color: #fff; -webkit-clip-path: polygon(87% 0, 100% 32%, 100% 100%, 0 100%, 0 0); clip-path: polygon(87% 0, 100% 32%, 100% 100%, 0 100%, 0 0);}
#section7 .tab-content .cnt3 .box .txt-zone .ex {margin-bottom:5px;font-size:1.1em; font-weight:500; line-height:24px; color:#231916;}
#section7 .tab-content .cnt3 .box .txt-zone ul li {font-size:1em; line-height:20px; font-weight:300; color:#505050;}
#section7 .tab-content .cnt3 .box .table1 {width: 100%; border-collapse: collapse; border-spacing: 0px; border-top:2px solid #3e2822; text-align:center;}
#section7 .tab-content .cnt3 .box .table1 tbody th,
#section7 .tab-content .cnt3 .box .table1 tbody td {border-bottom:1px solid #3e2822; border-right:1px solid #3e2822; line-height:1.3em; letter-spacing:-.06em; padding:10px 0;}
#section7 .tab-content .cnt3 .box .table1 tbody td:last-child {border-right:0;}
#section7 .tab-content .cnt3 .box .table1 tbody th {font-size:1em; font-weight:500; color:#231916;}
#section7 .tab-content .cnt3 .box .table1 tbody td {font-size:1em; font-weight:400; color:#505050;}
#section7 .tab-content .cnt3 .box .txt-zone2 {height:144px; text-align:left; padding:24px 35px; letter-spacing:-.06em; background-color: #fff; -webkit-clip-path: polygon(91% 0, 100% 26%, 100% 100%, 0 100%, 0 0); clip-path: polygon(91% 0, 100% 26%, 100% 100%, 0 100%, 0 0);}
#section7 .tab-content .cnt3 .box .txt-zone2 .ex {margin-bottom:5px;font-size:1.1em; font-weight:500; line-height:24px; color:#231916;}
#section7 .tab-content .cnt3 .box .txt-zone2 ul li {font-size:1em; line-height:20px; font-weight:300; color:#505050;}
#section7 .tab-content .cnt3 .box .table2 {width: 100%; border-collapse: collapse; border-spacing: 0px; letter-spacing:-.06em;}
#section7 .tab-content .cnt3 .box .table2 tbody th {font-size:1.1em; font-weight:400; color:#fff;}
#section7 .tab-content .cnt3 .box .table2 tbody td {padding-left:15px; font-size:1em; line-height:20px; color:#505050; font-weight:300;}
#section7 .tab-content .cnt3 .box .table2 tbody .tit {line-height:45px;background-color:#3e2822; -webkit-clip-path: polygon(87% 0, 100% 28%, 100% 100%, 0 100%, 0 0); clip-path: polygon(87% 0, 100% 28%, 100% 100%, 0 100%, 0 0);}
#section7 .tab-content .cnt3 .box .table2 tbody th,
#section7 .tab-content .cnt3 .box .table2 tbody td {padding-top:20px;}
#section7 .tab-content .cnt3 .box .last {margin-top:25px; text-align:center; font-size:1.2em; line-height:30px; font-weight:700; color:#60433b;}

@media(max-width:767px){
#section7 .tab-content .cnt1 ul li .txt-box {height:auto; padding:15px 10px;border:10px solid red  }
}

#section8 {
	background-color: #000; /* 전체 배경색을 검정으로 설정 */
    letter-spacing: -0.03em; /* 문자 간격 설정 */
}
#section8 .width-d{width:1000px;height:auto;margin:0 auto; }
#section8 .txt {text-align:center;}
#section8 .txt h3 {margin-bottom:30px; font-size:1.3em; line-height:30px; font-weight:400; color:#fff;}
#section8 .txt p {margin-bottom:30px; font-size:1.2em; line-height:30px; font-weight:200; letter-spacing:-.06em; color:#dfdfdf;}
#section8 ul {margin:0 -24px; margin-top:45px;}
#section8 ul:after {content:""; display:block; clear:both;} 
#section8 ul li {float:left; width:25%; padding:0 24px; margin-bottom:38px;}
#section8 ul .tit {text-align:center; font-size:1.3em; font-weight:700; letter-spacing:-.03em; line-height:32px; color:#fff;}
#section8 ul .tit .box {padding:40px 0;}
#section8 ul .tit span {font-size:1.2em; color:#523e39;}
#section8 ul li .box {height:140px; padding:15px 20px; background-color: #ddd; -webkit-clip-path: polygon(87% 0, 100% 26%, 100% 100%, 0 100%, 0 0); clip-path: polygon(87% 0, 100% 26%, 100% 100%, 0 100%, 0 0);}
#section8 ul li .box.bg {background:#3e2822;}
#section8 ul li .box.bg dl dt {color:#fff;}
#section8 ul li .box.bg dl dd {color:#aeaeae;}
#section8 ul li .box dl dt {font-size:1.1em; font-weight:700; line-height:25px; color:#231916; letter-spacing:-.03em;padding-bottom:10px;}
#section8 ul li .box dl dd {font-size:1em; font-weight:400; line-height:20px; color:#505050; letter-spacing:-.06em;}

@media(max-width:767px){
#section8 ul li {float:left; width:50%; padding:0 14px; margin-bottom:38px;}
#section8 .width-d{width:100%; }
#section8 ul li .box dl dt {font-size:0.9em; font-weight:700; line-height:25px; padding-bottom:0px;}
#section8 ul li .box dl dd {font-size:0.7em; font-weight:400; line-height:20px; }
}



#main_visual{text-align:center; width:100%; max-width:1920px; padding:0; margin:0px auto; overflow:hidden; margin-top:110px; border:0px solid red;}
#main_visual:after{ content:""; display:block; clear:both;}
#main_visual .swiper-slide{width:100%; height:700px; padding:0; background-color:#000; overflow:hidden;}
#main_visual .swiper-slide div.backgroundimg1{width:100%; height:100%; }
#main_visual .swiper-slide div.backgroundimg2{width:100%; height:100%; }

#main_visual .sliderkit-text {width:30%; max-width:300px; border:0px solid red; position:absolute; bottom:28%; left:5%; text-align:left;  margin-left:0px; padding-left:10px;background-color:#000; opacity:0.7; }
#main_visual .sliderkit-text h1.lviewa{font-size:3em; letter-spacing:-0.05em; color:#fff; line-height:1.3em; font-weight:500; /*text-shadow: 0px 1px 4px #000;*/ padding-bottom:10px;}
#main_visual .sliderkit-text h1.sviewa{font-size:1.1em;  color:#fff; line-height:1.3em;/* text-shadow: 0px 1px 4px #000;*/ padding-bottom:10px;}
#main_visual .sliderkit-text span{display:inline-block; height:44px; line-height:44px;padding:0px; margin:15px auto; background:none; }
#main_visual .sliderkit-text span h2{ line-height:44px; font-size:1.3em; color:#fed700;  letter-spacing:0.05em; font-family: 'Saira Semi Condensed', sans-serif, 'arial','verdana'; }
#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:20px; top:50%; margin-top:-25px; display:block; background:url("../image/visual_prev_on.png")  center left no-repeat; opacity : 0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:20px; top:50%; margin-top:-25px; display:block; background:url("../image/visual_next_on.png") center right no-repeat; opacity : 0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#main_visual .swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover{opacity :1; }
#main_visual .swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{opacity :1; }
#main_visual .swiper-pagination-bullet-active{background:#C53428;}





#rolling_box {width:100%; max-width:1920px; margin:0 auto; margin-top:60px; margin-bottom:50px; overflow:hidden;}
#rolling_box .g_tit{ width:100%; max-width:1920px; margin:0px auto; margin-bottom:60px;}
#rolling_box .g_tit p { text-align:center; font-size:2.5em;  line-height:50px; color:#000; font-weight:500; padding:0 10px; margin:0px auto;  font-family: 'Saira Semi Condensed', sans-serif;}
#rolling_box .g_tit span { display:block; text-align:center; font-size:1.15em; color:#000;  padding:0 10px; margin:10px 0 20px 0;}
#rolling_box .swiper-wrapper2{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
#rolling_box .swiper-container2{width:100%; height:auto; overflow:hidden;}
#rolling_box .swiper-container2 .swiper-slide{position:relative; width:285px; padding:0; margin:0;   box-sizing:border-box;}
#rolling_box .swiper-container2 .swiper-slide a{width:100%; display:block;}
#rolling_box .swiper-container2 .swiper-slide img{width:285px;  }
#rolling_box .swiper-container2 .swiper-slide .txtBox{width:100%; height:130px; text-align:left; background:#fff; padding:25px 20px; border:1px solid #ddd; border-top:0px; box-sizing:border-box;}
#rolling_box .swiper-container2 .swiper-slide .txtBox .tit{ display:block; width:100%; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; overflow:hidden; font-size:1.2em; color:#000;line-height:30px;}
#rolling_box .swiper-container2 .swiper-slide .txtBox .txt{ display:block; max-height:63px; min-height:50px; overflow:hidden; font-size:0.9em; color:#555;  line-height:1.5em; }
#rolling_box .swiper-container2 .swiper-slide .txtBox .date{ position:absolute; bottom:30px; left:20px; display:block; font-size:1em; color:#777; }	
#rolling_box .swiper-btn-wrap {position:relative; top:0; width:100%; max-width:1920px; height:100px; margin:0px auto; background:none;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap1 {position:absolute; top:50px; width:100%; max-width:1920px; height:3px; margin:0px auto; z-index:0;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap1 .swiper-scrollbar2{width:150px; height:3px; left:0; right:0; bottom:7px; margin:0 auto; background:rgba(0,0,0,.1)}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap1 .swiper-scrollbar-drag{height:100%; width:100%; position:relative; background:rgba(0,0,0,.5);}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 {position:absolute; top:20px; width:100%; max-width:1920px; height:30px; text-align:center; margin:0px auto; z-index:20; background:none; }
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2{background:url("../image/list_prev_on2.png"); left:0%; right:auto; cursor:pointer; background-size:cover;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2{background:url("../image/list_next_on2.png"); right:0%; left:auto; cursor:pointer; background-size:cover;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2, .swiper-button-prev2{position:absolute; top:auto; bottom:0px; width:30px; height:30px; }
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2.swiper-button-disabled{opacity:1; background:url("../image/list_next_off2.png"); background-size:cover;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2.swiper-button-disabled{opacity:1; background:url("../image/list_prev_off2.png"); background-size:cover;}
#rolling_box .swiper-pagination2{display:none}



/* 반응형 중간기기 1300px 사이즈 이하*/
@media all and (max-width:1300px){	

}


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	.scontents{width:96%;}
	#container {margin-top:0px;}
	
	#lnb .lnb_wrap > ul > li > a{padding:0 20px}
	.wrap_box{width:98%;}
	#sub_tit{left:0; margin-left:0;}

	/*#backtotop{display:none !important;}*/
}


/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){
	#mobile_header{display:block; min-width:320px; }
	#header_wrap, #gnb_wrap, #gnb_area {display:none;}

	.lview{display:none;}
	.sview{display:block;}

	#main_visual{top:0px; margin-top:0;}
	
	#company_wrap {margin-top:0; }

	#comm_wrap .notice_area { float:none; width:94%; margin:0 auto; margin-bottom:50px;}

	#sub_visual{margin-top:0px;}

	.scontents h3.title { text-align: center;}
	.scontents .eng {  text-align: center;}
	.scontents .stitle { text-align:center; }
	.scontents{width:96%;}

	#container {margin-top:0px;}
	#main_visual .swiper-slide{width:100%; height:650px;}
	#main_visual .swiper-slide div.backgroundimg1{height:450px; }
	#main_visual .swiper-slide div.backgroundimg2{height:450px; }
/*	#main_visual .sliderkit-text {bottom:30%; left:0%; text-align:center; border:1px solid red; background:rgba(255,255,255,0); padding:15px 0; }*/
	#main_visual .sliderkit-text {width:60%; max-width:300px; border:0px solid red; position:absolute; bottom:28%; left:5%; text-align:left;  margin-left:0px; padding-left:10px;background-color:#000; opacity:0.7; }
	#main_visual .sliderkit-text h1.lviewa{font-size:2em;}
	#main_visual .sliderkit-text h1.sviewa{font-size:1.25em;}
	#main_visual .sliderkit-text h1 img{width:60%;}
	#main_visual .sliderkit-text span{display:inline-block; padding:0 30px; font-size:1em;  }	


	#company_wrap {padding-top:20px;}


	#comm_wrap {  padding:25px 0 0 0; margin-top:0;}
	#comm_wrap .board_area{min-width:320px; height:100%;}	
	#comm_wrap .board_area .dleft{ width:100%;  padding-top:0px;}
	#comm_wrap .board_area .dright{width:100%; }
	#comm_wrap .board_area div.board_box{width:90%; margin:0px auto;}
	#comm_wrap .notice_area {width:100%; margin-top:20px;}


	#footer{ min-width:320px; padding-bottom:30px; text-align:center;}
	#footer .copyright{width:100%; padding:0 30px; }
	#footer .copyright p{ text-align:center;}
	#footer .cs_area {display:none;}

		
	#backtotop{right:15px;}
	

	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul li{float:left; width:18%; }


	#sub_tit { margin:0px auto; padding:0; left:0%; margin-left:0px; background:none;}
	#sub_tit .path { display:none; }
	#sub_tit .title{ font-size:2em; }
	#sub_tit .title:after{display:block; content:""; width:20%; height:3px; background:#fff; margin:10px auto; }
	#sub_tit .normal_txt{font-size:1.2em;  color:#fff;  text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; text-shadow: 0px 1px 4px #333; font-family: 'Noto Sans KR', sans-serif;}
	#sub_tit .normal_txt .color1{color:#fd7701;}

	.visual_area {background-position:center top !important; background-size:cover !important;}

}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {			

	.mview{display:block;}
	
	#main_visual{text-align:center; width:100%; max-width:768px; height:300px; padding:0; margin:0px auto; overflow:hidden; margin-top:0px; border:0px solid red;}
    #main_visual .swiper-slide{width:100%;  height:300px; padding:0; background-color:#000; overflow:hidden;box-sizing:border-box;position:relative; }
	#main_visual .swiper-slide div.backgroundimg1{height:450px; background:url('../image/main2.jpg') top center no-repeat !important;}
	#main_visual .swiper-slide div.backgroundimg2{height:450px; background:url('../image/main_visual02_m.jpg') top center no-repeat !important;}
	.swiper-button-next, .swiper-button-prev{display:none !important;}

	
	#company_wrap .circle_wrap .circle_area li {width:100%; margin-right:0;}
	#company_wrap {padding:0; margin-top:0px; }

	#rolling_box { margin-top:0px;}


	#sub_tit .path { display:none;}


	.sub_location{height:auto; overflow:hidden; margin-top:0;}
	.sub_location ul li{float:left; width:50%; border:0;  border-right:1px solid #ddd; }
	.sub_location ul li:nth-child(even){ border-right:0; }
	.sub_location ul li a{border-bottom:1px solid #ddd;}




	.scontents{padding:0 0 50px 0;}
	.scontents .stitle { margin-bottom:30px; }	

	
	

}


/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	
	
	#main_visual{text-align:center; width:100%; max-width:480px; height:200px;padding:0; margin:0px auto; overflow:hidden; margin-top:0px; border:0px solid red;}

	#main_visual .swiper-slide{width:100%; max-width:480px; height:200px; padding:0; background-color:#000; overflow:hidden;}
	#main_visual .swiper-slide div.backgroundimg1{width:100%; height:100%; }
	#main_visual .swiper-slide div.backgroundimg2{width:100%; height:100%; }

    #main_visual .sliderkit-text {width:80%; max-width:300px; border:0px solid blue; position:absolute; bottom:28%; left:5%; text-align:left;  margin-left:0px; padding-left:10px;background-color:#000; opacity:0.7;}
	#main_visual .sliderkit-text h1.lviewa{font-size:1.5em;}
	#main_visual .sliderkit-text h1.sviewa{font-size:0.9em;}
	#main_visual .sliderkit-text span{ font-size:0.7em;}	


	#comm_wrap .notice_area li a{display:block; width:75%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; }
	

	#footer .copyright span{font-size:1em;}
	#footer .copyright p{font-size:0.8em;}


	#sub_visual{height:210px; }
	.backgroundimg{height:210px; }
	.visual_area {height:210px; background-position:center top; background-size:cover;}

	
	#sub_tit {top:100px; background:none; margin:30px auto;}
	#sub_tit .title{  font-size:2em;  } 
	#sub_tit .normal_txt{font-size:1em;}
	.scontents .eng { font-size: 2em; }
	.scontents .stitle { font-size:1em;  }


	.q-menu{ display:none;}	

}


/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

}
	

.red{border:1px solid red}
.center{margin:0 auto;text-align:center;}
.black1{color:#ddd !important;}
.white{color:white;}


/*반응형웹처리*/
.only_web{display:block !important;}
.only_mo{display:none !important;}
@media(max-width:767px){
.only_web{display:none !important;}
.only_mo{display:block !important;}
}