/* 서브상단 */
.subTop {width:100%; height:238px; background-size:auto 100%; margin:100px 0 0 0; padding:95px 0 0 0; text-align:center;}
.subTop strong {font-size:42px; font-family:"Metropolis-ExtraBold";}
.subTop .cont {padding:8px 0 0 0; font-size:15px;}
.subTop .cont span {font-family:"Metropolis-Bold";}

.sTop01 {background:url(/img/subtop01.jpg) no-repeat center;}
.sTop02 {background:url(/img/subtop02.jpg) no-repeat center;}
.sTop03 {background:url(/img/subtop03.jpg) no-repeat center;}
.sTop04 {background:url(/img/subtop04.jpg) no-repeat center;}

@media all and (max-width:1300px) {
	
}

@media all and (max-width:1000px) {
	.subTop {height:200px; background-size:auto 100%; margin:80px 0 0 0; padding:80px 0 0 0; }
	.subTop strong {font-size:36px;}
	.subTop .cont {font-size:13px;}
}

@media all and (max-width:900px) {
	.subTop {height:180px; margin:70px 0 0 0; padding:75px 0 0 0;}
	.subTop strong {font-size:34px;}
	.subTop .cont {padding:5px 0 0 0; font-size:12px;}
}

@media all and (max-width:768px) {
	.subTop {margin:60px 0 0 0;}
	.subTop strong {font-size:30px;}
	.subTop .cont {font-size:11px;}
}




.subPath {width:100%; height:43px; background:#f9fafc; font-size:13px; border-bottom:1px solid #f2f3f6; }
.subPath .sInner {width:1300px; height:43px; margin:0 auto; line-height:43px; color:#817f7f; display:flex;}
.subPath .sInner a {color:#817f7f;}
.subPath .space {height:43px; padding:0 12px; background:url(/img/icon_arrow_r.png) no-repeat center; display:inline-block; }
.subPath .strong {color:#000; font-weight:500;}

@media all and (max-width:1300px) {
	.subPath .sInner {width:100%; padding:0 2.5%;}
}

@media all and (max-width:900px) {
	.subPath {height:35px;}
	.subPath .sInner {height:35px; line-height:35px; font-size:12px;}
	.subPath .space {height:35px;}
}


/* 서브본문 */
.subWrap {width:1300px; margin:55px auto 100px; overflow:hidden; }

@media all and (max-width:1300px) {
	.subWrap {width:100%; padding:0 2.5%;}
}

@media all and (max-width:900px) {
	.subWrap.inin {padding:0;}
}

@media all and (max-width:560px) {
	.subWrap {margin:40px auto 50px;}
}


/* 서브메뉴 */
.leftWrap {float:left; width:185px; background:#fff; }
.leftWrap.fixed {position:fixed; top:130px; }
.lMenu {}
.lMenu ul li {display:block; cursor:pointer; padding:14px; border-bottom:1px solid #ddd; font-size:16px; font-weight:500; overflow:hidden;}
.lMenu ul li.on {border-bottom:2px solid #000;}
.lMenu li.ly {overflow:hidden; width:100%; margin:0px 0 0 0; padding:15px 20px; color:#000; border-bottom:1px solid #ddd; background:#fcfcfc;} 
.lMenu li.ly,
.lMenu dt {display:none;}
.lMenu dl {padding:5px 0; margin:0;}
.lMenu dd a {display:block;}
.lMenu dd {line-height:24px; font-size:13px; font-weight:300;}
.lMenu dd.on {font-weight:500;}
.lMenu li.ly.active {display:block;}

.lMenu li.btn a {position:relative; width:100%; display:block;}
.lMenu li.btn a::after {
	content: '';
    position: absolute;
    right: 2%;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    border: 2px solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.lMenu li.btn a.on {border-bottom: 2px solid #000;}

.lMenu li.btn a.on::after {
	content: '';
    position: absolute;
    right: 2%;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    border: 2px solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media all and (max-width:1300px) {
	.leftWrap {}
}

@media all and (max-width:900px) {
	.leftWrap {display:none;}
}




/* 모바일 서브메뉴 */
.mleftWrap {position:fixed; top:0; right:-250px; width:250px; height:100%; background:#fff; }
.mleftWrap .close1 {position:absolute; top:15px; right:15px; width:30px; height:30px; background:url(/img/icon_close.png) no-repeat center;}

.mlMenu {width:200px; margin:70px auto 0; border-top:2px solid #000;}
.mlMenu ul li {display:block; cursor:pointer; padding:14px; border-bottom:1px solid #ddd; font-size:15px; font-weight:500; overflow:hidden;}
.mlMenu ul li.on {border-bottom:2px solid #000;}
.mlMenu li.ly {overflow:hidden; width:100%; margin:0px 0 0 0; padding:12px 20px; color:#000; border-bottom:1px solid #ddd; background:#fcfcfc;} 
.mlMenu li.ly,
.mlMenu dt {display:none;}
.mlMenu dl {padding:3px 0; margin:0;}
.mlMenu dd a {display:block;}
.mlMenu dd {line-height:24px; font-size:13px; font-weight:300;}
.mlMenu dd.on {font-weight:500;}
.mlMenu li.ly.active {display:block;}

.mlMenu li.btn a {position:relative; width:100%; display:block;}
.mlMenu li.btn a::after {
	content: '';
    position: absolute;
    right: 2%;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    border: 2px solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.mlMenu li.btn a.on {border-bottom: 2px solid #000;}

.mlMenu li.btn a.on::after {
	content: '';
    position: absolute;
    right: 2%;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    border: 2px solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}




.lIcon.mobile {width:200px; margin:30px auto;}
.lIcon.mobile ul li {font-size:14px;}
.lIcon.mobile .name {padding:17px 0 0 10px;}
.lIcon.mobile img {margin:10px 0 10px 10px;}
.lIcon.mobile .cs {font-size:13px;}
.lIcon .cs strong {font-size:17px;}

.lIcon {width:185px; background:#fff; margin:50px auto; padding:10px 24px; border:1px solid #f2f2f2; border-radius:8px; box-shadow:0 10px 15px rgba(0,0,0,.02);}
.lIcon ul {display:flex; border-bottom:1px solid #e3e3e3;}
.lIcon ul li {font-size:15px; font-weight:500;}
.lIcon img {margin:15px 0 10px 10px;}
.lIcon .name {padding:20px 0 0 10px;}
.lIcon .cs {padding:18px 5px; font-size:14px; flex-flow:column; border-bottom:0;}
.lIcon .cs strong {padding:5px 0 0 0; font-size:19px; font-family:"Metropolis-Bold"; display:block;}


.subCenter {float:right; width:1075px; }
.subCenter .subTitle {padding:0 0 15px 0; font-size:25px; font-weight:500; line-height:1.2; border-bottom:3px solid #7a7d96;}
.subCenter .subTitle .small {margin:0 0 0 15px; font-size:17px; color:rgba(0,0,0,.5);}
.subCenter .proTop {padding:48px 8% 40px 8%; font-size:24px; border-bottom:1px solid #dbdce3; display:flex;}
.subCenter .proTop .cont {padding:12px 0 0 35px; font-weight:400; line-height:1.3;}
.subCenter .proTop .cont .block {display:block;}
.subCenter .proTop .cont .block1 {display:block;}

.subCenter .proTop1 {padding:48px 8% 40px 8%; font-size:15px; border-bottom:1px solid #dbdce3; display:flex;}
.subCenter .proTop1 .cont {padding:7px 0 0 25px; font-weight:400; line-height:1.4;}

@media all and (max-width:1300px) {
	.subCenter {width:calc(100% - 225px);}
	.subCenter .subTitle {font-size:22px; }
	.subCenter .subTitle .small {font-size:15px;}

	.subCenter .proTop {padding:35px 7% 25px 7%; font-size:20px; }
	.subCenter .proTop .cont {padding:10px 0 0 35px; }
	.subCenter .proTop img {width:80px; height:auto;}
	.subCenter .proTop .cont .block1 {display:inline;}
}

@media all and (max-width:900px) {
	.subCenter {width:100%; padding:0 2.5%;}
	.subCenter.insert {padding:0;}
	.subCenter .proTop {font-size:17px; }
	.subCenter.insert .subTitle {width:90%; margin:0 auto;}
	.subCenter.insert .proTop1 {width:90%; margin:0 auto;}
}

@media all and (max-width:640px) {
	.subCenter .subTitle .small {font-size:13px;}
}

@media all and (max-width:560px) {
	.subCenter .subTitle .small {margin:10px 0 0 0; line-height:1.3; display:block;}

	.subCenter .proTop {padding:20px 7% 15px 7%; font-size:15px;}
	.subCenter .proTop .cont {padding:7px 0 0 15px; line-height:1.5;}
	.subCenter .proTop .cont .block {display:inline;}
	.subCenter .proTop img {width:70px;}
}

@media all and (max-width:480px) {
	.subCenter .proTop .cont {padding:7px 0 0 5px; font-size:14px;}
	.subCenter .proTop img {width:60px;}
}




.conWrap {margin:50px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.conBox {width:24%; padding:25px 2.5%; border:1px solid #ccc; border-radius:10px;}
.conBox:hover {box-shadow:0 15px 30px rgba(0,0,0,.05);}
.conBox .conTop {padding:10px 0 15px 0; font-size:20px; font-weight:500; font-family:"Metropolis-Bold", "Noto Sans KR"; text-align:center;}
.conBox .conLine {width:100%; height:5px; margin:0 0 20px 0; background:url(/img/pat.png) repeat-x;}

.conBox ul {border-bottom:1px solid #e5e5e5; display:flex; justify-content:space-between;}
.conBox ul:last-child {border-bottom:0;}
.conBox ul li {height:43px; padding:0 5px; font-size:15px; line-height:43px;}
.conBox .zoom {width:27px; height:27px; margin:7px 0 0 0; background:url(/img/icon_zoom.png) no-repeat center #f4f5f9; border-radius:50%; display:inline-block; cursor:pointer;}

.break {width:100%; margin:20px 0 0 0; padding:0 10px; font-size:17px; font-family:"Metropolis-Bold", "Noto Sans KR";}

.conBox3 {width:32%; padding:25px 2.5%; border:1px solid #ccc; border-radius:10px;}
.conBox3.tcenter {text-align:center;}
.conBox3:hover {box-shadow:0 10px 15px rgba(0,0,0,.05);}
.conBox3:hover .name {color:#000;}
.conBox3 .name {padding:20px 0 0 0; color:rgba(0,0,0,.6); font-size:16px;}
.conBox3 img {width:70%; height:auto;}

.conBox3u {position:relative; width:32%;   }
.conBox3u img {width:100%; height:auto; border:1px solid #ccc; border-radius:10px;}
.conBox3u .uName {position:absolute; bottom:-50px; width:100%; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.conBox3u .date {display:block; margin:5px 0 0 0; font-size:13px; color:rgba(0,0,0,.6);}
.conBox3u .play {position:absolute; top:50%; left:50%; width:82px; height:82px; background:url(/img/btn-play.png) no-repeat; background-size:100%; transform:translate(-50%, -50%); }

@media all and (max-width:1300px) {
	.conBox .conTop {font-size:18px;}
	.conBox ul li {height:38px; font-size:14px; line-height:38px;}
}

@media all and (max-width:1000px) {
	.conBox {width:24.5%; padding:20px 2.5%;}
	.conBox ul li {font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	
	.break {font-size:15px;}

	.conBox3u .uName {font-size:14px;}
}

@media all and (max-width:768px) {
	.conWrap {}
	.conBox {width:49%; margin-bottom:2%; padding:15px 2.5%;}

	.break {margin:0; line-height:1.5;}
}

@media all and (max-width:560px) {
	.break {font-size:13px;}
	.break img {width:17px; height:auto;}
	.conBox3 .name {font-size:13px; font-weight:500;}
	.conBox3 img {width:90%; height:auto;}

	.conBox3u {width:85%; margin:0 auto 90px auto;}
	.conBox3u .uName {bottom:-40px;}
}

@media all and (max-width:400px) {
	.conBox {width:85%; margin:0 auto 2% auto; padding:15px 8%;}
	.break {width:85%; margin:0 auto;  }

	
}


/* 하단 퀵메뉴 */
.quickWrap {width:100%; margin:85px 0 0 0; padding:25px 0 25px 35px; border:5px solid #f2f2f2; border-radius:10px; display:flex; justify-content:space-between;}
.quickWrap .name {width:22%; padding:10px 0 0 15px; font-size:17px; font-family:"Metropolis-Bold", "Noto Sans KR"; }
.quickWrap .iconWrap {width:78%; display:flex; justify-content:space-between;}
.quickWrap a {width:20%; }
.quickWrap .qBox {display:flex;}
.quickWrap .qBox span {margin:0 3px;}
.quickWrap .txt {padding:10px 0 0 5px;}

@media all and (max-width:1300px) {
	.quickWrap {padding:25px 0 25px 20px;}
	.quickWrap .name {width:17%; font-size:15px;}
	.quickWrap .iconWrap {width:83%;}
}

@media all and (max-width:1200px) {
	.quickWrap .name {width:20%; }
	.quickWrap .iconWrap {width:80%; }
	.quickWrap .qBox img {width:35px; height:auto;}
	.quickWrap .qBox {font-size:13px;}
	.quickWrap .qBox span {margin:0 3px;}
	.quickWrap .txt {padding:7px 0 0 5px;}
}

@media all and (max-width:1100px) {
	.quickWrap .name {width:145px;}
	.quickWrap .iconWrap {width:calc(100% - 145px);}
}

@media all and (max-width:1000px) {
	.quickWrap .qBox {width:100%; display:block; text-align:center;}
	.quickWrap .qBox img {width:45px; }
	.quickWrap .txt {padding:5px 0 0 0; line-height:1.3; display:block;}
}

@media all and (max-width:640px) {
	.quickWrap .name {width:100px; padding:10px 0 0 0; font-size:14px;}
	.quickWrap .iconWrap {width:calc(100% - 100px); padding:0 1% 0 0;}
	.quickWrap .qBox img {width:35px; height:auto;}
	.quickWrap .txt {font-size:12px;}
}

@media all and (max-width:520px) {
	.quickWrap {position:relative; padding:20px 10px;}
	.quickWrap .name {position:absolute; top:-48px; left:10px;}
	.quickWrap .iconWrap {width:100%; padding:0;}
}


/* 삽입페이지 */
.insertWrap {margin:50px 0 0 0; overflow:hidden;}




/* 게시판 테이블 */
.table {width:100%; min-height:220px; margin:50px 0 0 0; }
.table .line {width:100%; height:5px; background:url(/img/pat.png) repeat-x;}
.table ul {display:flex; border-bottom:1px solid rgba(0,0,0,.1); }
.table ul li {height:60px; line-height:60px;}
.table .tag {width:10%; text-align:center;}
.table .tag span {background:#2d377a; padding:4px 9px; color:#fff; font-size:11px; font-family:"Metropolis-Bold"; letter-spacing:0.1px; border-radius:50px; }
.table .tag .red {background:#e05246;}
.table .answer {padding:15px 0 0 0; line-height:1.5;}
.table .answer p {line-height:1.5;}
.table .title {width:65%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.table .date {width:16%;}
.table .arrow1 {width:9%; font-size:11px; font-weight:500; text-align:center;}
.table .arrow {width:9%;  text-align:right;}
.table .arrow span {width:25px; height:25px; background:url(/img/arrow_down.png) no-repeat center #f4f5f9; margin:17px 25px 0 0; border-radius:50%; display:inline-block;}
.table .arrow span.on {background:url(/img/arrow_up.png) no-repeat center #f4f5f9;}

.table .sub_menu {display:none; background:rgba(0,0,0,.01); border-bottom:1px solid #ccc; padding:25px 4%;}

.table .th {background:rgba(0,0,0,.01); text-align:center; font-weight:500;}
.table .w60 {width:50%; text-align:center;}
.table .w20 {width:25%; text-align:center;}
.table .block {display:inline;}
.table .vTitle {width:100%; padding:0px 3% 40px 3%; border-bottom:1px solid #ccc; line-height:1.5;}
.table .vTitle strong {font-size:18px; font-weight:500; display:block;}
.table .vTitle .date {font-size:14px; color:#a3a3a3;}
.table .vTitle .file {float:right; text-align:right; font-size:13px; color:#737373;}
.table .vTitle .file a {font-weight:500; color:#7a7d96;}
.table .vTitle .file a:hover {color:#000;}
.table .vCont {min-height:300px; padding:3%; line-height:1.5; font-size:15px; letter-spacing:-0.5px; border-bottom:1px solid #ccc;}
.table .btnList {background:#334ac0; margin:15px auto; padding:10px 30px; border-radius:5px; color:#fff; display:inline-block;}


.down {width:110px; background:url(/img/icon_down.png) no-repeat 13px center rgba(0,0,0,.04); background-size:12px auto; padding:7px 0 7px 30px; line-height:1; text-align:left; font-size:11px; font-weight:500; border-radius:50px; border:1px solid #dedede; display:inline-block; cursor:pointer;}
.downS {width:110px; background:url(/image/icon_down.png) no-repeat 18px center #fff; padding:10px 0 8px 40px; line-height:1; text-align:left; font-size:13px; font-weight:500; border-radius:50px; border:1px solid #dedede; display:inline-block; clear:both;}

.pointer {cursor:pointer;}

@media all and (max-width:1000px) {
	.table {font-size:13px;}
}

@media all and (max-width:680px) {
	.table .title {width:62%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.table .date {width:23%; text-align:center;}
	.table .arrow {width:5%;}

	.down {width:45px; height:22px; margin:-8px 0 0 0; background:url(/img/icon_down.png) no-repeat center rgba(0,0,0,.04); background-size:12px auto; line-height:15px; font-size:0;}
}

@media all and (max-width:580px) {
	.table .tag {width:49px;}
	.table .title {width:calc(100% - 189px);}
	.table .date {width:110px;}
	.table .arrow {width:30px;}
	
	.table .w20 {padding:15px 0; line-height:1.3;}
	.table .w60 {padding:15px 0; line-height:1.3;}
	.table .block {display:block; }
	
	.down {line-height:2px;}
}

@media all and (max-width:460px) {
	.table {font-size:12px;}
	.table .tag span {padding:3px 7px; font-size:10px;}
	.table .date {font-size:11px;}
}



/* 문의하기 */
.table1 {width:100%; margin:0 auto 150px; padding:20px 0; overflow:hidden;}
.table1 .tit2 {width:100%; padding:40px 0 0 0; font-size:22px;}
.table1 .person {width:100%; height:200px; background:rgba(0,0,0,.01); overflow-y:auto; padding:30px 4%; border:1px solid rgba(0,0,0,.1); font-size:14px; color:rgba(0,0,0,.8); line-height:1.4;}
.table1 input.check {width:16px; height:16px; display:inline-block;}
.table1 .check {padding:10px 0; font-size:17px;}
.table1 .star {color:#72dbf1; font-size:9px;}
.table1 .txt {padding:50px 0 5px 0; background:url(/img/pat.png) repeat-x bottom; text-align:right; font-size:12px; color:#6d6d6d;}
.table1 .th {padding:30px 0 0 0; font-size:15px; font-weight:500;}
.table1 .td {height:50px; line-height:50px;}
.table1 input {width:100%; height:50px; padding:0 0 0 15px; border:1px solid rgba(0,0,0,.1);}
.table1 textarea {width:100%; height:300px; padding:15px; border:1px solid rgba(0,0,0,.1);}
.table1 .btnOk {width:250px; margin:0 2px; padding:15px 0; background:#334ac0; font-size:17px; border-radius:4px; text-align:center; color:#fff; display:inline-block;}
.table1 .btnCan {width:150px; margin:0 2px; padding:10px 0; background:#fff; border:1px solid #ddd; border-radius:3px; text-align:center; display:inline-block;}
.table1 select {width:100%; height:50px; background:#fff; padding:0 20px; border:1px solid rgba(0,0,0,.1);}
.table1 select option {}
.centerWrap {margin:50px auto; text-align:center; }
.cLine {display:block;}

@media all and (max-width:980px) {
	.table1 {width:90%;}
	.table1 .tit2 {padding:60px 0 0 0; font-size:20px;}
	.table1 .alert {padding:65px 0 0 25%; font-size:18px;}
}

@media all and (max-width:780px) {
	.table1 {padding:40px 0;}
	.table1 .alert {padding:65px 0 0 28%; font-size:15px;}
}


@media all and (max-width:680px) {
	.table1 .th {font-size:13px;}
	.table1 .tit2 {padding:20px 0 0 0; font-size:18px;}
	.table1 .alert {height:125px; padding:50px 4% 0 135px; background-size:100px auto, auto 120px; word-break:break-all;}
	.table1 .check {font-size:14px;}
	.table1 .btnOk {width:200px; margin:0 2px; padding:10px 0; font-size:14px;}
	.cLine {display:inline;}
}

@media all and (max-width:560px) {
	.table1 {padding:30px 0;}
	.table1 input {height:40px;}
	.table1 select {height:40px;}
	.table1 .alert {font-size:14px;}
}


@media all and (max-width:480px) {
	.table1 {width:100%; padding:20px 0;}
	.table1 .tit2 {font-size:16px;}
	.table1 .alert {padding:50px 4% 0 115px; font-size:13px; background:url(/image/contact.png) no-repeat 4% 10px, url(/image/alert_bg.png) repeat-x center bottom; background-size:90px auto, auto 120px;}
}

/* 회사소개 */
.doc {width:90%; margin:45px auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.doc .w46 {width:46%; font-size:16px; font-weight:300; line-height:1.65;}
.pic {width:90%; margin:0 auto;}
.pic img {width:100%;}

.history {width:100%; margin:60px 0 0 0; display:flex; justify-content:space-between;}
.history .vLine {position:relative; width:15%; }
.history .vLine .dot {position:absolute; top:20px; left:50%; transform:translateX(-50%); width:12px; height:12px; background:#2678d6; border-radius:50%;}
.history .vLine .line {position:absolute; top:30px; left:50%; transform:translateX(-50%); width:2px; height:calc(100% - 30px); background:#2678d6;}
.history .content {width:80%;}
.history .content ul {padding:20px 0; border-bottom:1px solid #e9e9e9;}
.history .content ul li {padding:10px 0; display:flex;}
.history .content .year {width:15%; font-size:20px; font-family:"Metropolis-ExtraBold";}
.history .content .month {font-size:17px; font-weight:400; font-family:"Metropolis-Medium", "Noto Sans KR";}
.history .content .month span {font-size:18px; margin:0 30px 0 0;}

.mapInfo {width:70%; margin:30px auto; font-size:16px; line-height:1.5; display:flex;}
.mapInfo .icon {padding:0 25px 0 0;}


@media all and (max-width:1300px) {
	.doc .w46 {font-size:15px;}
}

@media all and (max-width:1000px) {
	.history .content .month {font-size:15px;}
	.history .content .month span {font-size:16px;}
}

@media all and (max-width:780px) {
	.doc {width:100%;}
	.pic {width:100%;}

	.history .vLine {width:7%;}
	.history .content {width:85%;}
	.history .content .year {font-size:18px;}

	.mapInfo {width:90%; font-size:15px;}
}

@media all and (max-width:640px) {
	.doc .w46 {width:48%; font-size:14px;}

	.history .content .year {font-size:15px;}
	.history .content .month {font-size:13px;}
	.history .content .month span {font-size:14px;}

	.mapInfo {width:100%; font-size:14px;}
	.mapInfo .icon {padding:0 15px 0 0;}
	.mapInfo .icon img {width:30px; height:auto;}
}

@media all and (max-width:520px) {
	.doc .w46 {width:100%;}

	.history .vLine {display:none;}
	.history .content {width:100%;}
	.history .content .year {width:18%; font-size:16px;}
	.history .content .month span {margin:0 15px 0 0;}

	.mapInfo {width:100%; font-size:13px;}
}


/* 요금안내 */
.payWrap {width:100%; margin:100px 0 0 0; }
.payTable {width:100%; border:1px solid #e9e9e9; border-radius:10px;}
.payTable .th {width:10%; background:#fbfbfc; font-size:13px; font-weight:400;}
.payTable .top {position:relative; height:100px;}
.payTable .pTag {position:absolute; top:-60px; left:14%; width:152px; height:139px; background-size:100%; } 
.payTable .pTag .name {position:absolute; top:50%; left:50%; transform:translate(-62%, -70%); text-align:center; color:#fff; font-size:17px; font-family:"Metropolis-ExtraBold", "Noto Sans KR";}
/* .payTable .pTag .name {margin:0 0 0 -9%; padding:52px 0 0 0; text-align:center; color:#fff; font-size:17px; font-family:"Metropolis-ExtraBold", "Noto Sans KR"; text-shadow:0 0 5px rgba(0,0,0,.1):} */
/* .payTable .pTag .name1 {padding:52px 0 0 12%;}
.payTable .pTag .name2 {margin:0 0 0 -9%; padding:35px 0 3px 0; text-align:center;} */
.payTable .pTag .small {font-size:13px; font-family:"Noto Sans KR";}
.payTable ul { display:flex;}
.payTable ul li {width:18%; padding:20px 0; border-bottom:1px dashed #e9e9e9; font-weight:500; font-family:"Metropolis-Medium", "Noto Sans KR"; border-right:1px solid #e9e9e9; text-align:center;}
.payTable ul li.nopadding {padding:0;}
.payTable .li100 {width:90%;}
.payTable .borR0 {border-right:0;}
.payTable .borB0 {border-bottom:0;}
.payTable .posiR {position:relative;}
.payTable .outMent {position:absolute; width:100%; padding:20px; font-weight:400; line-height:1.4;}


@media all and (max-width:1300px) {
	.payTable .top {height:80px;}
	.payTable .pTag {width:120px; height:110px; top:-40px; left:15%;}
	.payTable .pTag .name {margin:0 0 0 -11%; padding:44px 0 0 0; font-size:14px;}
	.payTable .pTag .name1 {padding:44px 0 0 12%;}
	.payTable .pTag .name2 {margin:0 0 0 -11%; padding:28px 0 3px 0;}
	.payTable .pTag .small {font-size:12px;}

	.payTable .outMent {font-size:13px;}
}

@media all and (max-width:1100px) {
	.payTable .pTag {width:100px; height:91px; top:-30px; left:16%;}
	.payTable .pTag .name {padding:34px 0 0 0; font-size:13px; font-family:"Metropolis-Bold";}
	.payTable .pTag .name1 {padding:34px 0 0 8%; letter-spacing:-0.7px;}
	.payTable .pTag .name2 {padding:20px 0 3px 0;}

	.payTable .outMent {padding:10px; font-size:12px;}
}

@media all and (max-width:768px) {
	.payWrap {margin:50px 0 0 0; padding:40px 0 30px 0; overflow-X:auto;}
	.payTable .th {font-size:12px;}
}


@media all and (max-width:740px) {
	.payTable {width:740px;}
}

.payTable .stripe {text-decoration:line-through; font-size:16px; color:#808080; font-weight:500;}
.payTable .price {padding:2px 0 7px 0; font-size:20px; font-family:"Metropolis-Bold", "Noto Sans KR";}
.payTable .price.nopadding {padding:0;}
.payTable .won {font-size:14px; font-weight:400; font-family:"Noto Sans KR";}
.payTable .sale {width:99px; height:28px; margin:0 auto; background:url(/img/sale.png) no-repeat; background-size:100%; font-family:"Metropolis-ExtraBold"; color:#ff7948; font-size:15px; line-height:30px;}
.payTable .ment {padding:20px 15px 0 15px; font-size:13px; font-weight:300; line-height:1.4;}
.payTable .ment1 {padding:20px 30px; border-bottom:1px dotted rgba(0,0,0,.07); font-weight:400; line-height:1.4; text-align:left;}
.payTable .ment2 {padding:20px 30px; font-weight:400; text-align:left; line-height:1.5;}
.payTable .ment2 strong {font-weight:600; color:#ff7948;}
.payTable .fr {float:right; margin:-15px 0 0 0; }
.payTable .btnDown1 {background:rgba(0,0,0,.01); padding:7px 15px; font-size:12px; border:1px solid rgba(0,0,0,.08); border-radius:7px; display:inline-block;}
.payTable .btnDown1 img {width:12px; height:auto;}
.payTable .btnDown1 .small {width:auto; margin:0 0 0 5px; transform:rotate(90deg);}
.payTable .btnDown {background:rgba(0,0,0,.01); padding:7px 15px; font-size:12px; border:1px solid rgba(0,0,0,.08); border-radius:7px; display:inline-block;}
.payTable .btnDown img {width:12px; height:auto;}
.payTable .btnDown span {font-weight:600;}


@media all and (max-width:1200px) {
	.payTable .stripe {font-size:14px;}
	.payTable .price {font-size:17px;}
	.payTable .sale {width:85px; height:24px; font-size:13px; line-height:25px;}
	.payTable .ment {font-size:13px;}
	.payTable .ment1 {font-size:13px;}
	.payTable .ment2 {font-size:13px;}
}

@media all and (max-width:1100px) {
	.payTable .price {font-size:16px;}
	.payTable .ment2 {position:relative; padding:20px 30px 70px 30px;}
	.payTable .fr {float:none;}
	.payTable .btnDown {position:absolute; bottom:20px; left:30px;}

}


.color01 {background:url(/img/color01.png) no-repeat; }
.color02 {background:url(/img/color02.png) no-repeat; }
.color03 {background:url(/img/color03.png) no-repeat; }
.color04 {background:url(/img/color04.png) no-repeat; }
.color05 {background:url(/img/color05.png) no-repeat; }


/* 개인정보처리방침 */
.per {width:95%; margin:45px auto; font-size:15px; line-height:1.5;}

@media all and (max-width:640px) {
	.per {width:100%; font-size:13px;}
}

.innerHtml {display:none;}
#mask22 {position:absolute; overflow:hidden; z-index:9000; top:0; left:0; width:100%; height:100%; background:#000; text-align:center; display:none; } 
#pop1 {display:none; position:absolute; overflow:hidden; padding:10px; z-index:9999; background:#fff; border-radius:7px; text-align:center; }
#pop2 {display:none; position:fixed; top:50% !important; overflow:hidden; padding:10px; transform:translateY(-50%); z-index:9999; background:#fff; border-radius:7px; text-align:center; }

.close-button {
	float: right;
	width: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
	font-size:0;
	background:url(/img/icon_close.png) no-repeat center center;
}

.img {width:1500px; height:auto;}

@media all and (max-width:1100px) {
	.img {width:800px;}
}

@media all and (max-width:900px) {
	.img {width:600px;}
}

@media all and (max-width:700px) {
	.img {width:500px;}
}

@media all and (max-width:600px) {
	.img {width:400px;}
}

@media all and (max-width:500px) {
	.img {width:350px;}
}

@media all and (max-width:400px) {
	.img {width:300px;}
}