@charset "utf-8";

@import url('reset.css');

.pc{display: block;}

#main {z-index:2;position: relative;width:100%;height:auto;overflow: hidden;background: #fff;word-break: keep-all;}
#section1{display:block;position:relative;width:100%;height:400px;background: url(../img/sub1.jpg) no-repeat center center;background-size:cover;}
#sup1{display:block;position:relative;width:100%;height:400px;background: url(../img/sub2.jpg) no-repeat center center;background-size:cover;}
#int1{display:block;position:relative;width:100%;height:400px;background: url(../img/sub3.jpg) no-repeat center center;background-size:cover;}
#lis1{display:block;position:relative;width:100%;height:400px;background: url(../img/sub4.jpg) no-repeat center center;background-size:cover;}
.sec1-wrap>h2{padding:190px 0 30px 0;box-sizing: border-box;font-size:48px;color:#fff;font-weight: 100;text-align: center;}
.sec1-wrap>p{font-size:18px;color:#fff;font-weight: 100;padding:0 20px;box-sizing: border-box;text-align: center;line-height: 26px;font-family:"Noto Sans";word-break: keep-all;}
.sec1-wrap>p>br:nth-child(1){display: none;}
.sec1-wrap>p>br:nth-child(3){display: none;}    /* intro p br */
.sec1-wrap>p>br.supBr{display: block;}  		/* inquiry p br */
.sec1-wrap>p>br.listBr{display: block;} 		/* list p br */
.sec1-wrap>p>br.lisBr{display: none;}   		/* list p br */


@media all and (max-width:768px){
	.sec1-wrap>h2{padding:100px 0 30px 0;font-size:2rem;}
	.sec1-wrap>p{padding:0 20px;font-size:1rem;word-break: keep-all;}
}
@media all and (max-width:600px){
	.sec1-wrap>p>br:nth-child(1){display: block;}
	.sec1-wrap>p>br:nth-child(3){display: block;}
	.sec1-wrap>p>br.br3{display: none;}
}
@media all and (max-width:450px){
	#section1{min-height: 350px;}
	.sec1-wrap>p>br.br1,
	.sec1-wrap>p>br.br2{display: none;}
	.sec1-wrap>p>br.lisBr{display: block;}
}
@media all and (max-width:350px){
	.sec1-wrap>h2{padding:30% 0 5.5% 0;font-size:1.5rem;}
	.sec1-wrap>p>br.br1,
	.sec1-wrap>p>br.br2{display: block;}
	.sec1-wrap>p>br:nth-child(3){display: block;}
}
@media all and (max-height:550px){
	.sec1-wrap>p>br{display: none;}
	.sec1-wrap>p>br:nth-child(1){display: none;}
	.sec1-wrap>p>br.br2{display: block;}
	.sec1-wrap>p>br.listBr{display: block;}
}


#section2{display:block;position:relative;width:100%;max-width:1500px;margin:0 auto;padding:0 20px 8% 20px;box-sizing: border-box;background: #fff;}
#sup2{display:block;position:relative;width:100%;max-width:1500px;margin:0 auto;padding:0 20px 16% 20px;box-sizing: border-box;background: #fff;}
#int2{display:block;position:relative;width:100%;max-width:1500px;margin:0 auto;padding:0 20px 8% 20px;box-sizing: border-box;background: #fff;}
#lis2{display:block;position:relative;width:100%;max-width:1500px;margin:0 auto;padding:0 20px 8% 20px;box-sizing: border-box;background: #fff;}
#list2{display:block;position:relative;width:100%;max-width:1500px;margin:0 auto;padding:0 20px 50px 20px;box-sizing: border-box;background: #fff;}
.box-wrap{position: relative;left:0%;top:-20px;width:100%;height:90px;}
.box-menu{display:flex;width:100%;height:100%;box-shadow: 0px 12px 20px rgba(0,0,0,0.2);}
.box-menu>li{flex-basis: 0;flex-grow: 1;float:left;position: relative;width:20%;height:100%;background: #11458b;}
.box-menu>li.bold:after{content: url( "../img/on.png" );display: inline-block;position: absolute;right:0;bottom:0;width:40px;height: 40px;}

.box-menu>li:before{content: '';display: inline-block;position: absolute;left:0;top:0;width:1px;height: 100%;background: #245494;}
.box-thr:before{content: '';display: inline-block;position: absolute;left:0;top:0;width:1px;height: 100%;background: #245494;}

/* 각 페이지 박스 내부 */
.box-menu>li>a{display: block;position: absolute;left:0;top:0;width:100%;height: 100%;font-size:20px;font-weight: 400;padding: 35px 0 0 30px;box-sizing: border-box;color:#3885bc;transition:all 0.3s;}
.box-menu>li>a:hover{color:#fff;transition:all 0.3s;}
.box-menu>li>a:focus{color:#fff;transition:all 0.3s;}
.box-menu>li>a.bold{color:#fff;background: #06205a;}

.contents-wrap{width:100%;max-width:1400px;margin:0 auto;}
.container{width:100%;height: auto;}

/* 고객지원 목록 */
.notice-wrap {width:100%;height: 100%;}
.notice-wrap li{position:relative;float:left;width:22.3215%;margin-right:3.572%;height:auto;margin-bottom:8.3%;}
.notice-wrap li:nth-child(4n) {margin-right: 0;}

.border-green {position: absolute;left:0;top:0;width:100%;height: 0;padding-bottom:100%;background:#67ba35;box-sizing: border-box;}
.photo {position: absolute;left:0;top:0;width:100%;height: 0;padding-bottom:100%;transition: all 0.2s;}
.photo img {display: block;width:100%;}
.photo.phoHo {left:4px;top:4px;transition: all 0.2s;}
.photo.phoHo img {display: block;width:100%;}
.wrapper {position:relative;width:100%;cursor:pointer;}
.wrapper:before {content:"";display:block;padding-top:100%;}
.wrapper.inner {position:absolute;top:0;right:0;bottom:0;left:0;}

.noticeTxt {position: relative;left:0;top:100%;width:100%;height: 20.4vh;min-height: 130px;max-height: 179px;text-align: center;}
.noticeTxt i {display: inline-block;color:#909090;font-size:14px;font-weight: 400;margin:12.8% auto 6.4% auto;border-radius:1.5em;border:1px solid #b0b0b0;padding:9px 12px;}
.noticeTxt h5 {font-size:20px;font-weight: 400;margin-bottom:7.68%;color:#606060;word-break: keep-all;}
.noticeTxt p {font-size:16px;font-weight: 400;color:#909090;}

.noticeBt{position: absolute;left:0;top:0;width:100%;height: 100%;}

/* 고객지원 상세 */
.noti-con {width:100%;height: auto;border-top:3px solid #303030;border-bottom:1px solid #c0c0c0;}
.noti-con p{width:100%;height: auto;padding:60px 40px;box-sizing: border-box;line-height: 30px;}

.noti-title {width:100%;padding:30px 40px;box-sizing: border-box;border-bottom:1px solid #eee;}
.noti-title i {display: inline-block;color:#909090;font-size:14px;font-weight: 400;border-radius:1.5em;border:1px solid #b0b0b0;padding:9px 12px;}
.noti-title h5 {font-size:28px;font-weight: 400;margin:16px 0;color:#606060;}
.noti-title em{font-size:16px;color:#909090;}
.list-Bottom {position: relative;width:180px;height: 60px;margin:50px auto 0 auto;}
a.listBt {position: absolute;left:0;top:0;width:100%;height: 100%;font-size:20px;color:#fff;text-align: center;padding-top:20px;box-sizing: border-box;background: #67ba35;}


/* 타이틀 */
.title{position:relative;width:100%;max-width:1400px;margin:0 auto;}
.title>h2{padding:5% 0 2% 0;box-sizing: border-box;font-weight: 100;font-size:60px;color:#164f9d;}
.title>h2.suH2{padding:5% 0 45px 0;font-weight: 200;}

.title2 {width:100%;}
.title2 h2{position:relative;width:100%;max-width:1400px;margin:8% 0 4% 0;font-weight: 300;font-size:40px;color:#303030;}
.title2 h2.ideol{font-weight: 100;margin:0;}
.title2 img{display: block;margin:7.2% auto 10.72% auto;}

.title p {font-weight: 100;font-size:20px;color:#606060;line-height: 28px;word-break: keep-all;}
.title p img{width:100%;}
.title p.supImg{width:100%;height: auto;background: url(../img/supp.jpg) no-repeat center 20%;}
.title p.intImg{width:100%;height: auto;background: url(../img/int.jpg) no-repeat center 20%;}

.mobImg {display: none;}
.moImg {display: none;}

/* .supp-txt {position:absolute;left:8%;top:86%;width:84%;height: 40.3%;background: #fff;} */
.supp-txt {position:absolute;left:8%;top:76%;width:84%;height: 40.3%;background: #fff;}
.supp-txt b{display: block;margin-top:5.1%;font-size:20px;font-weight: 400;line-height: 30px;color:#606060;text-align: center;}
.supp-txt b br{display: none;}
.supp-txt p{margin-top:3.4%;font-size:20px;font-weight: 400;line-height: 30px;color:#606060;text-align: center;}
.supp-txt p a{width:100%;height: 100%;color:#3f75cf;}

.int-txt {position: absolute;left:8%;bottom:0;width:84%;background: #fff;}
.int-txt h3{font-size:36px;font-weight: 400;text-align: center;padding:4.9% 0;box-sizing: border-box;color:#606060;}
.int-txt:after {content:'';display:block;width:60px;height:4px;background-color:#606060;position:absolute;bottom:0;left:50%;margin-left:-30px;}

@media all and (max-width:1366px){
	.noticeTxt i {margin:2.3vw auto 2.3vh auto;}
}
@media all and (max-width:1200px){
	.title2 img {width:100%;}
	.noticeTxt h5 {font-size:1.67vw;}
}
@media all and (max-width:1024px){
	.title>p>br{display: none;}
	.supp-txt b br:nth-child(1){display: block;}
	.supp-txt {height: auto;}
	.supp-txt p {margin-bottom:5.1%;}
	.int-txt h3{font-size:3.5vw;}
	.title p.supImg{width:100%;height: 350px;}
	.title>h2.suH2 {font-size:5vw;}
	.noticeTxt h5 {font-size:14px;margin-bottom:7%;}
}
@media all and (max-width:768px){
	.box-wrap{left:0%;top:-20px;width:100%;height:60px;}
	.box-menu>li{z-index: 4;float:none;width:100%;border-right:0px;box-shadow: 0 0 0 0;}
	.box-menu>li:not(:nth-child(1)){border-bottom:1px solid rgba(255,255,255, .2);}
	.box-menu>li>a{font-size: 18px;padding: 21px 0 0 21px;}
	.box-menu>li>a.bold{box-shadow: 0px 12px 20px rgba(0,0,0,0.2);}
	.title>h2{display: none;}
	.title2>h2{font-size:4.5vw;}
	.title>p{font-size:1.1em;padding-top:20px;box-sizing: border-box;word-break: keep-all;}
	.title>p>br{display: none;}
	#section2{padding-bottom: 10%;}
	#sup2{padding:6.6% 20px 16% 20px;}
	#int2{padding:8.5% 20px 8% 20px;}
	#lis2{padding:8.5% 20px 8% 20px;}
	#list2{padding:8.5% 20px 10% 20px;}
	.title p.supImg{width:100%;height: auto;background-size:cover;padding:0;}
	.title p.intImg{background-size:cover;padding:0;}
	.supp-txt {top:78%;}
	.supp-txt b {font-size:15px;padding:0 15px;box-sizing: border-box;}
	.supp-txt b {line-height:1.4;margin-top:10%;}
	.supp-txt p {font-size:15px;padding:0 15px;box-sizing: border-box;}
	.core {max-width:230px;}
	.title2 img {margin:40px auto 50px auto;}
	.notice-wrap li{float:none;width:100%;margin-right:0%;margin-bottom:50px;}
	.wrapper:before {content:"";display:none;padding-top:75%;height: 5vh;}
	.border-green {position: absolute;left:0;top:0;width:100%;height: 0;padding-bottom:60%;background:#67ba35;box-sizing: border-box;}
	.wrapper .inner {position: relative;}
	.noticeTxt {position: relative;height: auto;min-height: auto;text-align: left;}
	.noticeTxt i {padding:8px 9.2px;font-size:12px;margin:20px auto 10px auto;}
	.noticeTxt h5 {font-size:17px;margin-bottom:10px;}
	.noticeTxt p {font-size:13px;}
	.photo {position: relative;background: #333;padding-bottom:60%;overflow: hidden;}
	.photo img {height: auto;margin-top:-20%;}
	.photo.phoHo {padding-bottom:calc(60% - 8px);margin-bottom:8px;}
	.noti-title {padding:24px 14px;}
	.noti-con p {font-size:15px;line-height: 21px;padding:30px 14px;}
	.noti-title i {font-size:12px;}
	.noti-title h5 {font-size:19px;}
	.noti-title h5 {line-height:1.4;margin-bottom:15px;}
	.noti-title em {font-size:13px;}
	.list-Bottom {width:100%;height: 54px;margin:20px auto 3% auto;}
	a.listBt {font-size:17px;padding-top:18.5px;}

}
@media all and (max-width:650px){
	.title p {/*padding:20px 0 17px 0;font-size:2.8vw;*/font-size:15px;line-height: 1.5em;}
	.noti-con p{font-size:15px;}
	#section2{padding-bottom: 13%;}
	#sup2 {padding:7.7% 20px 20% 20px;}
	.title p.supImg{width:100%;height: 300px;}
	.supp-txt b br:nth-child(2){display: block;}
	.int-txt{height:64px;}
	.int-txt h3{font-size:22px;padding:21px 0;box-sizing: border-box;}
	.int-txt:after {width:30px;height:2px;margin-left:-15px;}
}
@media all and (max-width:550px){
	.title>p{font-size:15px;}
	.noti-con p{font-size:15px;}
	.title2>h2{font-size:20px;}
	#sup2 {padding:9.1% 20px 33% 20px;}
	.supImg {display: none;}
	.mobImg {display: block;}
	.mobImg img{width:100%;max-height: 250px;}
	.intImg{display: none;}
	.moImg {display: block;}
	.moImg img{width:100%;max-height: 250px;}
	.core {max-width:200px;}
}
@media all and (max-width:450px){
	#section2{padding-bottom: 19%;}
}



/* 슬라이드 */
.sec2-wrap{position:relative;width:100%;height:auto;margin:8% auto;}
.sec2-div-wrap{position:relative;width:45%;height:auto;margin:0 auto;text-align: center;}
.sec2-middle-wrap{position: relative;width:100%;margin:0 auto;cursor:grab;overflow: hidden;}
.sec2-middle-wrap.curs{cursor:grabbing;}
.sec2-middle-wrap>li>img{width:100%;}
.slide1{position:relative;left:0%;top:0;width:100%;height:100%;}
.slide2{position:absolute;left:100%;top:0;width:100%;height:100%;}
.slide3{position:absolute;left:-100%;top:0;width:100%;height:100%;}
.inner_img {margin-top:50px;}
.inner_img img {width:100%;}

/* 넥스트 프리뷰 버튼 */
.sec2-PrevBt-wrap{position:absolute;left:21%;top:50%;margin-top:-16.5px;width:34px;height:67px;}
.sec2-NextBt-wrap{position:absolute;right:21%;top:50%;margin-top:-16.5px;width:34px;height:67px;}
a.sec2PrevBt{overflow:hidden;display:block;width:34px;height:67px;background:url(../img/btn_prev.png) no-repeat left center;}
a.sec2NextBt{overflow:hidden;display:block;width:34px;height:67px;background:url(../img/btn_next.png) no-repeat right center;}

/* 기업소개 */
.qu-wrap{position:relative;width:100%;height:auto;margin:50px auto 8% auto;}
.sec2-qu {text-align: center;font-size:20px;line-height: 30px;color:#606060;}
.sec2-qu br{display: none;}
.sec2-qu br:nth-child(2),
.sec2-qu br:nth-child(4){display: block;}
.struc {position: relative;width:100%;margin-top:4.5%;border-top:3px solid #303030;border-bottom:1px solid #c0c0c0;}
.struc li{width:100%;min-height: 80px;border-bottom:1px solid #eee;}
.struc li:last-child{border-bottom:0px;}
.inStr li{float:left;font-size:20px;font-weight: 400;padding-top:30px;box-sizing: border-box;}
.inStr li.left {width:19.3%;border-bottom:0;padding-left:3.6%;box-sizing: border-box;}
.inStr li.right{float: right;width:80%;line-height: 1.3;padding: 30px 0;}
.inStr li.right br{display: none;}
.inStr li.right i{display: inline-block;}

@media all and (max-width:1100px){
	.sec2-div-wrap{width:55%;}
	.sec2-PrevBt-wrap{left:13%;}
	.sec2-NextBt-wrap{right:13%;}
	.struc li{height: 60px;}
	.inStr li{padding-top:20px;}
	.inStr li.right {width:70%;}
	.struc li {display: table;height: auto;min-height: auto;}
	.inStr li.left {width:29%;padding:3.3% 0 3% 10px;}
	.inStr li.right{width:66%;height: auto;display: table-cell;vertical-align: middle;padding:3% 0;box-sizing: border-box;}
}
@media all and (max-width:900px){
	.sec2-div-wrap{width:65%;}
	.sec2-PrevBt-wrap{left:8%;}
	.sec2-NextBt-wrap{right:8%;}
}
@media all and (max-width:768px){
	.box-menu{display: block;box-shadow: 0px 6px 10px rgba(0,0,0,0.1);}
	.sec2-wrap{margin:8% auto 10% auto;}
	.sec2-div-wrap{width:83%;}
	.sec2-PrevBt-wrap{left:0;width:21px;height:41px;}
	.sec2-NextBt-wrap{right:0;width:21px;height:41px;}
	a.sec2PrevBt{width:100%;height:100%;background-size:cover;}
	a.sec2NextBt{width:100%;height:100%;background-size:cover;}
	.sec2-qu{font-size:2.4vw;}
	.inStr li {font-size:15px;padding-top:23px;}
	.inStr li.left {width:24%;}
	.inStr li.right{width:76%;}
}
@media all and (max-width:650px){
	.sec2-qu{font-size:15px;line-height: 22px;}
	.qu-wrap{margin:40px auto 50px auto;}
	#int2{padding:8.5% 20px 50px 20px;}
}
@media all and (max-width:600px){
	.sec2-qu br:nth-child(2) {display: block;}
	.sec2-qu br:nth-child(3) {display: block;}
	.sec2-qu br:nth-child(6) {display: block;}
	.inStr li.left {width:33%;padding:5.3% 0 5% 10px;}
	.inStr li.right{width:65%;height: auto;display: table-cell;vertical-align: middle;padding:5% 0;box-sizing: border-box;}
	.inStr li.right br{display: block;line-height: 1.3em;}
	.inStr li.right i{display: none;}
}
@media all and (max-width:400px){
	.sec2-qu br:nth-child(1) {display: block;}
	.sec2-qu br:nth-child(3) {display: block;}
	.sec2-qu br:nth-child(5) {display: block;}
	.inStr li.right {float: right;width:55%;}
}


/* 텍스트 박스 */
.txt-wrap{position: relative;width:100%;}
.txt-container{position: relative;width:100%;height:400px;}
.txt-container>li{padding:3%;box-sizing: border-box;counter-reset: my-sec-counter;}
.txt-container>li:nth-child(1){float:left;width:calc(50% - 20px);height:100%;margin-right:20px;box-sizing: border-box;background: #3f75cf;}
.txt-container>li:nth-child(2){float:right;width:calc(50% - 20px);height:100%;margin-left:20px;box-sizing: border-box;background: #67ba35;}
.txt-container>li>h2{font-size:40px;color:#fff;font-weight: 100;margin-bottom:5%;}
.txt-container>li>p{position: relative;left:10px;font-size:18px;color:#fff;margin:25px 0;font-weight:100;word-break: keep-all;}
.txt-container>li:nth-child(2)>p{position: relative;left:28px;font-size:18px;color:#fff;margin:28px 0;font-weight:100;word-break: keep-all;}

.txt-container>li:nth-child(1)>p:after{position: absolute;left:-10px;top:8px;content:'';width:3px;height: 3px;opacity:0.3;background: #fff;}
.txt-container>li:nth-child(2)>p:after{position: absolute;left:-25px;counter-increment: my-sec-counter;content: counter(my-sec-counter, upper-alpha) ". ";}

.snow{position: relative;width:100%;height: auto;padding:3%;box-sizing: border-box;background: #3f75cf;}
.snow>h2{font-size:40px;color:#fff;font-weight: 100;margin-bottom:2%;}
.snow>p{position: relative;left:0px;font-size:18px;color:#fff;margin-top:23px;line-height: 1.3em;font-weight:100;word-break: keep-all;}
.snow>p>i{display: block;font-size:14px;color:#fff;font-weight:100;margin-top:5px;}
.snow>p:after{position: absolute;left:-10px;top:10px;content:'';width:3px;height: 3px;opacity:0.3;background: #fff;}

.mobile{display: none;}
.IE78{display: none;}

@media all and (max-width:1200px){
	.txt-container>li>p{margin:20px 0;line-height: 1.4em;}
}
@media all and (max-width:1110px){
	.txt-container{height:510px;}
	.txt-container>li>p{margin:20px 0;padding-right: 20px;box-sizing: border-box;}
	.txt-container>li:nth-child(2)>p{margin:25px 0;padding-right: 20px;box-sizing: border-box;}
	.txt-container>li:nth-child(1)>p:after{top:13px;}
	.txt-container>li:nth-child(2)>p:after{top:-0.1%;}
}
@media all and (max-width:768px){
	.snow{padding:20px;}
	.snow>h2{font-size:2em;}
	.snow>p{font-size:15px;padding-left:9px;}
		/* .txt-container>li:nth-child(1)>p:after{left:0;} */
		.txt-container>li:nth-child(1)>p:after{left:-10px;}
		.snow>p:after{left:0px;}
	.txt-container{height:auto;}
	.txt-container>li{padding:20px;box-sizing: border-box;}
	.txt-container>li:nth-child(1){float:none;width:100%;margin-right:0%;margin-bottom:20px;}
	.txt-container>li:nth-child(2){float:none;width:100%;margin-left:0%;}
	.txt-container>li>h2{font-size:4vw;}
	.txt-container>li>p{font-size:2.5vw;}
	.txt-container>li:nth-child(2)>p{font-size:2.5vw;padding-right:40px;box-sizing: border-box;}
	.mobile{display: block;}
	.pc{display: none;}
}
@media all and (max-width:600px){
	.txt-container>li>h2{font-size:20px;}
	.txt-container>li>p{font-size:15px;}
	.txt-container>li:nth-child(2)>p{font-size:15px;}
	.txt-container>li:nth-child(1)>p:after{top:9px;border-radius: 0;}
	.snow>h2{font-size:20px;}
}


/* table */
table{border-spacing:0;}
.table-box {width:100%;}
.table-box th, .table-box td {text-align:center;height:50px;}
.table-box th {color:#fff;font-weight: 400;background:#828891;border-right:2px solid #fff;}
/* .table-box th:first-child {border-left:none;} */
.table-box th:last-child {border-right:none;}
.table-box td {background:#fff;}
.table-box tr:nth-child(odd) td {background:#fbfbfb;}
.table-box tr:nth-child(even) td {background:#f0f1f2;}

.table-wrapper {margin-bottom:80px;}

.code-wrap{position: relative;width:100%;}
.code-wrap>li{float:left;width:30%;}
.code-wrap>li>img{width:100%;}
.code-wrap>li:nth-child(2){float:right;width:67%;}
.code-wrap>p{text-align: center;margin:5em 0;}
.code-wrap h4 {font-size:18px;color:#3a3d42;font-weight:700;margin-bottom:30px;}

.table-con {width:100%;height:100%;position:relative;}
.table-con th, .table-con td {text-align:center;font-size:18px;padding:1.75% 0;box-sizing: border-box;}
.table-con th {color:#fff;background:#828891;font-weight: 400;border-right:2px solid #fff;}
/* .table-con th:first-child {border-left:none;} */
.table-con th:last-child {border-right:none;}
.table-con td {background:#fff;}
.table-con tr:nth-child(odd) td {background:#fbfbfb;}
.table-con tr:nth-child(even) td {background:#f0f1f2;}

@media all and (max-width:1450px){
	.code-wrap>li{float:none;width: 35%;margin:0 auto 5% auto;}
	.code-wrap>li:nth-child(2){float:none;width:100%;}
	.table-con th,
	.table-con td {text-align:center;font-size:18px;padding:1.5% 0;box-sizing: border-box;}
}
@media all and (max-width:1200px){
	.code-wrap>li{float:none;width: 40%;margin:0 auto 5% auto;}
}
@media all and (max-width:1000px){
	.code-wrap>li{width: 45%;}
}
@media all and (max-width:768px){
	.code-wrap>li{width: 50%;margin:5% auto;}
	.table-con {width:100%;overflow-x: scroll;}
	.table-con th,
	.table-con td {text-align:center;font-size:15px;padding:1.5% 0;box-sizing: border-box;}
	.table-con th, .table-con td {height:50px;}
	.table-box th, .table-box td {font-size:15px;}
}
@media all and (max-width:650px){
	.code-wrap>li{width: 60%;}
	.code-wrap>li:nth-child(2){width:auto;overflow-x: scroll;}
	.table-wrap {width:610px;}
	.table-box {width: 680px;}
	.table-wrapper{width:auto;overflow-x: scroll;margin-bottom:40px;}
	.wrap-table{width:auto;overflow-x: scroll;}
}
@media all and (max-width:500px){
	.code-wrap>li{width: 80%;}
	.code-wrap>p>img{width:100%;}
	/* .code-wrap>p{text-align: center;margin:3em 0;} */
	.code-wrap>p{text-align:center;margin:0 0 2em;}
	.code-wrap h4 {font-size:15px;margin-bottom:12px;}
}
@media all and (max-width:400px){
	.code-wrap>li{width: 100%;margin:20px auto;}
}


/* 컬러 인덱스 */
.color-box {position:relative;width:100%;}
.color-con {width:100%;}
.color-con>li {float:left;width:calc(16.6666% - 12.5px);height:64px;margin-right:15px;margin-bottom:15px;text-align:center;}
.color-con>li:nth-child(6n) {margin-right:0;}
.color-con>li>span {display:block;width:100%;height:100%;padding-top:22px;box-sizing: border-box;font-size:20px;color:#fff;}
.color-con>li>.wh {color:#000;border:1px solid #000;background:#fff;}
.color-con>li>.gr {background:#23b24b;}
.color-con>li>.pu {background:#aa2e8e;}
.color-con>li>.pn {background:#f05f84;}
.color-con>li>.bl {background:#2d3293;}
.color-con>li>.rd {background:#dc2027;}
.color-con>li>.or {background:#f15622;}
.color-con>li>.yl {background:#fec910;color:#000;}
.color-con>li>.bk {background:#231f20;}
.color-con>li>.gy {background:#ae9e9d;}
.color-con>li>.sb {background:#278abf;}
.color-con>li>.db {background:#31275d;}


@media all and (max-width:1000px){
	.color-con>li {width:calc(25% - 11.5px);}
	.color-con>li:nth-child(6n) {margin-right:15px;}
	.color-con>li:nth-child(4n) {margin-right:0;}
}
@media all and (max-width:768px){
	.color-con{padding: 0;}
	.color-con>li {width:calc(25% - 7px);height:50px;margin-right:9px;margin-bottom:9px;}
	.color-con>li>span{padding-top:17.5px;font-size:15px;}
	.color-con>li:nth-child(4n) {margin-right:0px;}
	.color-con>li:nth-child(6n) {margin-right:9px;}
	.color-con>li:last-child {margin-right:0px;}
}
@media all and (max-width:550px){
	.color-con>li {width:calc(25% - 3.5px);margin-right:4.5px;margin-bottom:4.5px;}
	.color-con>li:nth-child(6n) {margin-right:4.5px;}
	.color-con>li:last-child {margin-right:0px;}
}

/* snowman */
.sec2-wrap.snow {display:none;}
.sec3_wrap {margin:8% 0 7% 0;}
.sec3_wrap:after {content:'';display:block;clear:both;}
.sec3_wrap li {float:left;width:calc(50% - 20px);}
.sec3_wrap li:first-of-type {margin-right:20px;}
.sec3_wrap li:nth-of-type(2) {margin-left:20px;}
.sec3_wrap .snow-photo p {border:1px solid #e0e0e0;box-sizing:border-box;overflow:hidden;}
.sec3_wrap .snow-photo p img {max-width:100%;}
.sec3_wrap .snow-photo span {display:block;margin-top:4%;text-align:center;font-size:20px;font-weight:100;}
@media all and (max-width:768px){
	.sec3_wrap li {float:left;width:calc(50% - 10px);}
	.sec3_wrap li:first-of-type {margin-right:10px;}
	.sec3_wrap li:nth-of-type(2) {margin-left:10px;}
	.sec3_wrap .snow-photo span {font-size:15px;}
}
@media all and (max-width:550px){
	.sec3_wrap li {width:100%;margin:0 !important;}
	.sec3_wrap .snow-photo {margin-bottom:8%;}
	.sec3_wrap .snow-photo span {font-size:15px;}
}

/* 고객지원 : 시술동영상 */
.noti-con .noti-inn{width:100%;height:auto;padding:60px 40px;box-sizing:border-box;line-height:30px;}
.support_mov {margin-bottom:100px;text-align:center;}
.support_mov span {display:block;margin-bottom:30px;text-align:left;}
.support_mov video {width:100%;max-width:100%;height:auto;}
@media all and (max-width:768px){
	.noti-con .noti-inn {font-size:15px;padding:30px 10px;}
	.support_mov {margin-bottom:12%;padding:0;}
	.support_mov span {margin-bottom:3%;}
}