@charset "utf-8";
/**
 * @File Name : lib2.css
 * @Description : Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2021.06.14 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2021.06.14
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

.spc4map1 {position:relative;height:0;padding-bottom:47.25%;overflow:hidden;background:#f6f6f6;border:1px solid #ccc;box-sizing:border-box;margin-bottom:30px}
.spc4map1 .map {position:absolute;top:0;left:0;width:100%;height:100%}
.spc4card1 .a1 {position:relative;display:block;border:1px solid #c4cdd7;padding:25px 20px;}
.spc4card1 .a1:hover, .spc4card1 .a1:focus {text-decoration:none;}
.spc4card1 .t1 {position:relative;font-size:1.375em;line-height:34px;padding-left:40px;margin:0 0 15px;color:#000;font-weight:500;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.spc4card1 .num {position:absolute;top:1px;left:0;width:32px;height:32px;color:#fff;font-size:.727em;font-weight:700;line-height:32px;border-radius:50%;text-align:center;z-index:2;background:#ec2c29;box-sizing:border-box;}
.spc4card1 .tg1 {position:relative;padding:0 15px 10px;margin-top:-13px;border:1px solid #eee;border-top:0;}
.spc4info1 {list-style:none;margin:0 0 0 3px;padding:0;}
.spc4info1>li {position:relative;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#555;padding-left:34px;line-height:25px;font-weight:500;margin-top:5px}
.spc4info1>li:before {position:absolute;top:0;left:0;content:"";display:block;width:25px;height:25px;background:url(../../img/lib2/spc4info_sprite.png) no-repeat}
.spc4info1>li.addr:before {background-position:0 0} 
.spc4info1>li.tel:before {background-position:0 -30px} 
.spc4card1 + .infomenu1 .pagination {border-top:2px solid #e9e9ea;padding-top:40px;margin-top:10px}
@media all and (max-width:1459px){
	.spc4card1 .even-grid .column {width:33.333%}
}
@media all and (max-width:1259px){
	.spc4card1 .even-grid .column {width:25%}
}
@media all and (max-width:1199px){
	.spc4card1 .even-grid .column {width:33.333%}
}
@media all and (max-width:999px){
	.spc4card1 .even-grid .column {width:33.333%}
}
@media all and (max-width:767px){
	.spc4map1 {margin-bottom:15px;}
	.spc4card1 .even-grid .column {width:50%}
	.spc4info2 {font-size:14px;padding:15px}
	.spc4map1 {padding-bottom:56.25%}
	.spc4map1 + .infomenu1 .pagination {padding-top:30px;margin-top:15px}
}
@media all and (max-width:499px){
	.spc4card1 .even-grid .column {width:100%}
	.spc4card1 .a1 {padding:13px 15px;}
	.spc4card1 .t1 {margin-bottom:8px;padding-left:34px;line-height:29px;}
	.spc4card1 .num {width:28px;height:28px;line-height:28px;}
	.spc4info1>li {margin-top:3px;}
}

.spc4view1 {overflow:hidden;margin-bottom:40px }
.spc4view1 .column {float:left;width:49.5%;box-sizing:border-box;}
.spc4view1 .column:last-child {width:50.5%;background:#f6f6f6;padding:30px;}
.spc4view1 .pgpr {position:relative;max-width:450px;margin:auto}
.spc4view1 .pgpr .datalist {width:450px;height:325px;background:#eee;margin:auto;}
.spc4view1 .pgpr .datalist .item .f1 {position:relative;display:block;width:100%;height:0;padding-bottom:72.222%;overflow:hidden}
.spc4view1 .pgpr .datalist .item .f1 .f1p1 {position:absolute;top:0;left:-100%;right:-100%;bottom:0;overflow:hidden;}
.spc4view1 .pgpr .datalist .item .f1 .f1p1 img {display:block;width:auto;height:100%;max-width:100%;margin:auto;}
.spc4view1 .pgpr .menu {position:absolute;bottom:-30px;right:0;z-index:1}
.spc4view1 .pgpr .menu .mControl button {border:0;background:#000;width:50px;height:50px;margin:0;text-indent:-9999px}
.spc4view1 .pgpr .menu .mControl button:before {position:absolute;top:calc(50% - 7.5px);left:calc(50% - 7.5px);content:"";display:block;width:15px;height:15px;border:3px solid #fff;box-sizing:border-box;transform:rotate(45deg)}
.spc4view1 .pgpr .menu .mControl button.prev:before {border-top:0;border-right:0;left:calc(50% - 4px);}
.spc4view1 .pgpr .menu .mControl button.next:before {border-bottom:0;border-left:0;left:calc(50% - 11px)}
.spc4view1 .spc4info1.type2 {height:calc(355px - 70px);}
.spc4view1 .spc4info1 .h1 {margin:10px 0;padding-bottom:20px;line-height:1;font-size:1.5em;color:#000;font-weight:500;border-bottom:1px solid #dfe5ec;}
.spc4view1 .spc4info1 ul {list-style:none;margin:0;padding:5px 0;}
.spc4view1 .spc4info1 ul li {position:relative;margin:8px 0;padding-left:95px;font-weight:500;letter-spacing:-.05em;}
.spc4view1 .spc4info1 ul li .t1 {position:absolute;top:2px;left:0;font-size:.938em;color:#333;padding-left:7px;}
.spc4view1 .spc4info1 ul li .t1:before {position:absolute;top:12px;left:-3px;content:"";display:block;width:3px;height:3px;background:#333;border-radius:50%}
.spc4view1 .spc4info1 ul li .t2 {position:relative;display:block;font-size:1.063em;color:#000;padding-left:8px;min-height:29px;}
.spc4view1 .spc4info1 ul li .t2:before {position:absolute;top:-1px;left:0;content:":";display:block;}
.spc4view1 .spc4info1 ul li .t2 a {color:#000}
.spc4view1 .info1btns {text-align:center;margin-top:14px}
.spc4view1 .info1btns .button {margin:0;width:170px;height:50px;border:1px solid #ccc;border-radius:5px;background:#fff;line-height:50px;padding:0;font-size:1.063em;color:#333;font-weight:500}
.spc4view1 .info1btns .button:before {content:"";display:inline-block;vertical-align:middle;width:30px;height:30px;background:url(../../img/lib2/spc4btns_sprite.png) no-repeat;margin-top:-4px;margin-right:20px;}
.spc4view1 .info1btns .button.map1:before {background-position:0 0}
.spc4view1 .info1btns .button.tel1:before {background-position:-32px 0}
@media all and (max-width:1259px){
	.spc4view1 .spc4info1 ul li {padding-left:85px}
	.spc4view1 .spc4info1 ul li .t1:before {top:10px;}
}
@media all and (max-width:999px){
	.spc4view1 {background:#f6f6f6;padding-top:15px;margin-bottom:25px}
	.spc4view1 .column, .spc4view1 .column:last-child {float:none;width:100%;padding:20px;}
	.spc4view1 .pgpr .menu {bottom:0;}
	.spc4view1 .spc4info1 ul li .t2 {white-space:initial;text-overflow:initial}
	.spc4view1 .spc4info1.type2 {height:auto}

}
@media all and (max-width:767px){
	.spc4view1 .pgpr .datalist {width:auto;height:auto;}
	.spc4view1 .info1btns .button {width:48%}
	.spc4view1 .info1btns .button:before {margin-right:10px}
}
@media all and (max-width:599px){
	.spc4view1 .column, .spc4view1 .column:last-child {padding:10px 20px}
	.spc4view1 .pgpr .menu .mControl button {width:40px;height:40px;}	
	.spc4view1 .pgpr .menu .mControl button:before {width:12px;height:12px;top:calc(50% - 6px)}
	.spc4view1 .pgpr .menu .mControl button.prev:before {left:calc(50% - 3px)}
	.spc4view1 .pgpr .menu .mControl button.next:before {left:calc(50% - 8px)}
}

/* 인증 */
.ipin1 {overflow:hidden;text-align:center;margin-bottom:30px;}
.ipin1 .ipin1box {position:relative;float:left;width:calc(50% - 15px);height:510px;margin-left:30px;box-sizing:border-box;border:1px solid #c4cdd7;padding:60px 0 0}
.ipin1 .ipin1box:first-child {margin-left:0}
.ipin1 .ipin1box .h1 {line-height:1;font-size:1.625em;color:#000;font-weight:500;margin:0}
.ipin1 .ipin1box .h1:before {content:"";display:block;width:138px;height:138px;border-radius:50%;margin:0 auto 30px;background:url(../../img/lib2/ipin_sprite.png) no-repeat}
.ipin1 .ipin1box.hp .h1:before {background-position:0 0}
.ipin1 .ipin1box.ipin .h1:before {background-position:-140px 0}
.ipin1 .ipin1box p, .ipin1 .ipin1box ul {text-align:left;word-break:keep-all;line-height:1.25em;color:#555;margin:0 5px 0 30px}
.ipin1 .ipin1box .t1 {margin-top:25px;}
.ipin1 .ipin1box .btns {position:absolute;bottom:36px;left:0;width:100%;padding:0 45px;box-sizing:border-box}
.ipin1 .ipin1box .btns .button {margin:0;width:170px;height:50px;line-height:50px;border-radius:5px;box-sizing:border-box;font-size:1.063em;box-sizing:border-box;padding:0;font-weight:500}
.ipin1 .ipin1box .btns .button.certification {border:1px solid #ccc;background:#fff;color:#333;}
.ipin1 .ipin1box .btns .button.cs1 {background:#6f7b91;color:#fff;}
@media all and (max-width:999px){
	.ipin1 .ipin1box {padding-top:40px;height:410px;}
	.ipin1 .ipin1box .h1:before {width:110px;height:110px;background-size:auto 110px;margin-bottom:20px;}
	.ipin1 .ipin1box.ipin .h1:before {background-position:-112px 0}
	.ipin1 .ipin1box p, .ipin1 .ipin1box ul {margin:0 15px;}
	.ipin1 .ipin1box .t1 {margin-top:20px}
	.ipin1 .ipin1box .btns {bottom:25px;padding:0 15px;}
	.ipin1 .ipin1box .btns .button {width:48%}
}
@media all and (max-width:699px){
	.ipin1 {margin-bottom:0px;}
	.ipin1 .ipin1box {float:none;width:100%;height:auto;margin:0 0 15px;padding:20px;}
	.ipin1 .ipin1box p, .ipin1 .ipin1box ul {margin:25px 0 0}
	.ipin1 .ipin1box .btns {position:relative;bottom:auto;left:auto;margin-top:15px;}
	.ipin1 .ipin1box .btns .button {width:100%;height:40px;line-height:40px;margin:3px 0}	
}

.info1box {background:#f6f7fc;padding:40px;}
.info1box .t1 {position:relative;margin:0;font-size:1.125em;color:#000;font-weight:500;padding-left:30px;line-height:22px;}
.info1box .t1:before {position:absolute;top:0;left:0;content:"";display:block;width:22px;height:22px;background:url(../../img/lib2/ipin_sprite.png) no-repeat -280px 0}
.info1box ul {margin-bottom:0}
.info1box ul li {margin:0}
.info1box ul li:before {top:12px;}
.ipin1 + .info1box {margin-bottom:35px;}
@media all and (max-width:699px){
	.ipin1 + .info1box {margin-bottom:25px;padding:25px 20px;}
	.info1box ul {margin-top:1em;}
	.info1box ul li:before {top:10px;}
}

[class*=app1] .h1 {line-height:1;font-size:1.5em;font-weight:500;color:#000}
[class*=app1] .h1 [class*=stat] {display:inline-block;vertical-align:middle;font-size:.625em;letter-spacing:-.05em;width:81px;height:30px;border:1px solid transparent;border-radius:15px;text-align:center;line-height:28px;margin-top:-4px;margin-right:10px;box-sizing:border-box}
[class*=app1] .h1 .stat1 {border-color:#fd4949;color:#ff3535} /* 접수중 */
[class*=app1] .h1 .stat2 {border-color:#09841b;color:#09841b} /* 접수예정 */
[class*=app1] .h1 .stat3 {border-color:#414c62;color:#2e2e2e} /* 접수마감 */
[class*=app1] table.t3 tbody th {font-weight:500;color:#222;}
[class*=app1] table.t3 tbody td ul {margin:0}
[class*=app1] table.t3 tbody td ul.b0 li {margin:0}

/* 수강신청완료 */
.app1ok {text-align:center;background:#f3f9ff;padding:45px 20px 65px;margin-bottom:30px;}
.app1ok .h1 {line-height:1;font-size:2.063em;color:#0067bf;font-weight:600;margin:0 0 18px}
.app1ok .h1:before {content:"";display:block;width:172px;height:166px;background:url(../../img/lib2/ic172a1app1.png) no-repeat;margin:auto auto 8px;}
.app1ok [class*=t] {font-size:1.25em;color:#000;line-height:1.5em;margin:0;font-weight:500}
.app1ok .t1 em {color:#d01e25;border-bottom:1px solid #d01e25;display:inline-block;vertical-align:middle;line-height:1;margin-top:-2px;padding-bottom:2px;}
.app1ok .t1 strong {font-size:1.1em;font-weight:700;color:#d01e25;border-bottom:1px solid #d01e25;display:inline-block;vertical-align:middle;line-height:1;margin-top:-3px;padding-bottom:2px;}
.app1ok .t2 {line-height:1.2em;margin-top:20px}
.app1ok + .infomenu1 {margin-bottom:1.5em;}
@media all and (max-width:549px){
	.app1ok {padding:35px 15px 25px;margin-bottom:15px;}
	.app1ok .h1 {font-size:1.625em;}
	.app1ok .h1:before {width:120px;height:116px;background-size:contain;}
	.app1ok [class*=t] {font-size:1.188em}
}

/* 버튼스타일 */
.infomenu1.tac .button {font-size:1.063em;border-radius:0;padding:.75em 1.5em;width:200px;height:3em;font-weight:500}
.button.back1 {background:#767676;color:#fff;}
.button.list1 {background:#2f3e6a;color:#fff;}
.button.list2 {background:#293149;color:#fff;}
.button.app1 {background:#ec2d29;color:#fff;}
@media all and (max-width:767px){
	.infomenu1.tac .button {width:auto;}
}
@media all and (max-width:499px){
	.infomenu1.tac .button {padding-left:1em;padding-right:1em;height:2.75em}
}

/* 글자스타일 */
.infomenu1 .em5 {font-weight:700;color:#00479b}

/* 리스트 표 / table.t3*/
table.t3 td.date {font-size:.938em;}
/* 상태값 */
table.t3 td [class*=stat] {font-size:1em;font-weight:600;}
table.t3 td .stat1 {color:#b60d0d}
table.t3 td .stat2 {color:#085bbd}
table.t3 td .stat3 {color:#888}
table.t3 td .stat4 {color:#009f62}
table.t3 td .stat5 {color:#00479b}
/* 바로가기버튼 */
table.t3 td .button.small {font-size:.875em;margin:0;border-radius:5px;border-color:#aabac9;color:#465767;}
.scroll1cont {margin-bottom:2.5em;}
@media all and (max-width:767px){
	.rspnsv table.t3 colgroup {display:none}
	.rspnsv table.t3 tr, .rspnsv table.t3 th, .rspnsv table.t3 td {display:block;width:100%;text-align:left;box-sizing:border-box;border-right:0}
	[class*=app1].rspnsv table.t3 td {padding:.75em;border-top:0}
	.scroll1cont {margin-bottom:.5em}
}

/* 수강신청 */
.program1list {margin-bottom:40px}
.program1list .lst1 {position:relative;border:1px solid #c4cdd7;border-top-right-radius:5px;transition:border-color .35s ease;font-weight:500;margin-top:20px;}
.program1list .lst1 ul {list-style:none;padding:0;margin:0}
.program1list .lst1 .tg1 {position:relative;padding:37px 0 27px 190px;}
.program1list .lst1 .tg1 .ic1 {position:absolute;top:25px;left:40px;display:block;width:125px;height:105px;background:url(../../img/lib2/program1listico_sprite.png) no-repeat;}
.program1list .lst1 .tg1 .ic1.swim {background-position:0 0}
.program1list .lst1 .tg1 .ic1.health {background-position:-127px 0}
.program1list .lst1 .tg1 .t1 {font-size:1.375em;line-height:1;margin:0 0 13px;color:#000;}
.program1list .lst1 .tg1 [class*=stat] {display:inline-block;vertical-align:middle;font-size:.682em;letter-spacing:-.05em;width:81px;height:30px;border:1px solid transparent;border-radius:15px;text-align:center;line-height:29px;margin-top:-4px;margin-right:10px;box-sizing:border-box}
.program1list .lst1 .tg1 .stat1 {border-color:#fd4949;color:#ff3535} /* 접수중 */
.program1list .lst1 .tg1 .stat2 {border-color:#09841b;color:#09841b} /* 접수예정 */
.program1list .lst1 .tg1 .stat3 {border-color:#414c62;color:#2e2e2e} /* 접수마감 */
.program1list .lst1 .tg1 .info1 {margin-left:6px;}
.program1list .lst1 .tg1 .info1 li {position:relative;padding-left:10px;color:#232323;}
.program1list .lst1 .tg1 .info1 li:before {position:absolute;top:12px;left:0;content:"";display:block;width:3px;height:3px;border-radius:50%;background:#333;}
.program1list .lst1 .tg1 .info1 li .date {color:#737373;transition:all .35s ease}
.program1list .lst1 .detail {background:#f6f7fc;overflow:hidden;padding:20px 0}
.program1list .lst1 .detail li {position:relative;float:left;width:calc(100% / 3);color:#555;padding-left:40px;box-sizing:border-box;}
.program1list .lst1 .detail li:before {position:absolute;top:12px;left:28px;content:"";display:block;width:3px;height:3px;background:#333;border-radius:50%;}
.program1list .lst1 .btns {position:absolute;top:-1px;right:-1px;background:#748196;color:#fff;width:177px;height:50px;line-height:50px;text-align:center;font-size:.938em;border-top-right-radius:5px;border-bottom-left-radius:15px;}
.program1list .lst1 .btns:before {position:absolute;top:0;left:-11px;content:"";display:block;width:11px;height:10px;background:url(../../img/lib2/programlist_btns_obj.png) no-repeat;}
.program1list .lst1 .btns span {display:inline-block;vertical-align:top;}
.program1list .lst1 .btns span:before {content:"";display:inline-block;margin:-2px 7px 0 0;width:12px;height:12px;background:url(../../img/lib2/program1listico_sprite.png) no-repeat -254px 0}

@media all and (max-width:999px){
	.program1list .lst1 .tg1 {padding:28px 0 15px 140px}
	.program1list .lst1 .tg1 .ic1 {top:22px;left:20px;width:100px;height:84px;background-size:auto 170px}
	.program1list .lst1 .tg1 .ic1.health {background-position:-102px 0}
	.program1list .lst1 .btns {width:135px;height:40px;line-height:40px;}
	.program1list .lst1 .detail {padding:15px 0}
}
@media all and (max-width:767px){
	.program1list .lst1 .tg1 [class*=stat] {width:70px;height:27px;line-height:27px;margin-right:7px}
	.program1list .lst1 .tg1 .t1 {margin-bottom:10px}
	.program1list .lst1 .detail li {padding-left:25px}
	.program1list .lst1 .detail li:before {top:10px;left:18px}
}
@media all and (max-width:649px){
	.program1list .lst1 .tg1 {padding:28px 15px 15px 15px}
	.program1list .lst1 .tg1 .t1 {margin-right:100px}
	.program1list .lst1 .tg1 .ic1 {display:none}
	.program1list .lst1 .detail li {width:50%}
	.program1list .lst1 .btns {width:100px}
}
@media all and (max-width:549px){
	.program1list .lst1 .btns {text-indent:-9999px;width:30px;}
	.program1list .lst1 .btns span:before {position:absolute;top:13px;right:8px;margin:0;text-indent:0}
	.program1list .lst1 .tg1 .t1 {margin-right:0}
	.program1list .lst1 .detail li {float:none;width:100%}
}
@media all and (min-width:1260px){
	/* hover 효과는 pc에서만 */
	.program1list .lst1:hover, .program1list .lst1:focus {border:2px solid #236cc3}
	.program1list .lst1:hover .tg1, .program1list .lst1:focus .tg1 {padding:36px 0 27px 189px}
	.program1list .lst1:hover .tg1 .ic1, .program1list .lst1:focus .tg1 .ic1 {top:24px;left:39px;}
	.program1list .lst1:hover .tg1 .ic1.swim, .program1list .lst1:focus .tg1 .ic1.swim {background-position:0 -107px}
	.program1list .lst1:hover .tg1 .ic1.health, .program1list .lst1:focus .tg1 .ic1.health {background-position:-127px -107px}
	.program1list .lst1:hover .tg1 .info1 li .date, .program1list .lst1:focus .tg1 .info1 li .date {color:#0067bf}
	.program1list .lst1:hover .btns, .program1list .lst1:focus .btns {top:-2px;right:-2px;background:#0c5dbd;}
	.program1list .lst1:hover .btns:before, .program1list .lst1:focus .btns:before {background-image:url(../../img/lib2/programlist_btns_obj2.png)}
	.program1list .lst1:hover .detail, .program1list .lst1:focus .detail {position:relative;margin:0 -1px -1px;z-index:-1;}
}

.agree1box {background:#f8f9fa;height:220px;overflow-y:auto;padding:30px;box-sizing:border-box;}
.agree1chk {text-align:right;color:#000;letter-spacing:-.075em;padding:10px 0}
.agree1chk input[type=checkbox] {margin-right:5px;}
.required {position:relative;display:inline-block;vertical-align:top;color:#f50b00;text-indent:-9999px}
.required:before {position:absolute;top:0;left:0;content:"*";display:block;text-indent:0;font-weight:500;line-height:1}
.explain {display:inline-block;line-height:normal;margin:.5em 0}
@media all and (max-width:767px){
	.agree1box {padding:20px;height:154px;}
}

/* 쓰기폼 */
[class*=app1] table.t3 td {padding-left:35px;padding-right:35px}
[class*=app1] table.t3 td select {min-width:130px;}
[class*=app1] table.t3 td .lst {list-style:none;padding:0;margin:0}
[class*=app1] table.t3 td input + label {margin-left:8px;margin-right:25px}
[class*=app1] table.t3 td input[type=text] {height:2.2em;margin:.2em 0}
[class*=app1] table.t3 td input.text {max-width:130px;}
[class*=app1] table.t3 td .zipcode1 {font-size:.875em;background:#465767;border-radius:5px;}
[class*=app1] table.t3 td .app1stat {color:#085Bbd}
@media all and (max-width:767px){
	[class*=app1] table.t3 td select {min-width:80px}
	[class*=app1] table.t3 td input.text {max-width:30%}
	[class*=app1] table.t3 td .lst li {position:relative;padding-left:18px;}
	[class*=app1] table.t3 td .lst li input[type=radio] {position:absolute;top:0;left:0}
	[class*=app1] table.t3 td .lst li input[type=radio] + label {margin:0;padding:0}
	[class*=app1] table.t3 td input + label {margin-left:3px;margin-right:15px;}
}

.tabs1cont.type2 .tabs1pane .even-grid .md-40pct {float:right;width:38.46%}
.cp20timetable1 .hg1 {position:relative;padding-right:90px;}
.cp20timetable1 .hg1 .h1 {display:inline-block;vertical-align:middle;font-size:1.875em;margin:.875em 10px;line-height:1;color:#010101;font-weight:500;letter-spacing:-.075em;}
.cp20timetable1 .hg1 .month .b1 {display:inline-block;vertical-align:middle;width:41px;height:40px;background:url(../../img/lib2/cp20time_sprite.png) no-repeat}
.cp20timetable1 .hg1 .month .b1.prev {background-position:0 0}
.cp20timetable1 .hg1 .month .b1.next {background-position:-43px 0}
.cp20timetable1 .hg1 .refresh {position:absolute;top:23px;right:0;border:1px solid #aabac9;background:#fff;font-size:14px;color:#465767;border-radius:5px;margin:0;padding:0 8px;height:31px;line-height:31px;box-sizing:border-box;}
.cp20timetable1 .hg1 .refresh:before {content:"";display:inline-block;vertical-align:middle;width:19px;height:16px;background:url(../../img/lib2/cp20time_sprite.png) no-repeat -122px 0;margin:-4px 3px 0 0}
.cp20pick1time1 .hg1 {background:#eff0f2;padding:30px 0 20px;}
.cp20pick1time1 .hg1 .h1 {margin:0;text-align:center;color:#000;line-height:1;font-size:1.625em;font-weight:600;letter-spacing:-.075em;}
.cp20pick1time1 .hg1 .h1:before {content:"";display:inline-block;vertical-align:middle;width:36px;height:36px;background:url(../../img/lib2/cp20time_sprite.png) no-repeat -84px 0;margin:-4px 10px 0 0}

/* 달력 */
.cp20calendar1table1 {table-layout:fixed;width:100%;padding:0;border:0;border-collapse:collapse;background:#f0f3f4;color:#000;}
.cp20calendar1table1>*>tr>th,
.cp20calendar1table1>*>tr>td {padding:0;border:1px solid #cacaca;}
.cp20calendar1table1 thead {}
.cp20calendar1table1 thead th {padding:11px 0 10px;border-color:#080b14;background:#27354f;color:#fff;font-weight:500;font-size:16px;}
.cp20calendar1table1 .a1 {display:block;position:relative;min-height:56px;padding:8px 6px;background:#fff;color:#333;font-size:15px;text-align:left;}
.cp20calendar1table1 .a1 .t1 {display:block;margin:0 0 7px;}
.cp20calendar1table1 tbody .sat .t1 {}
.cp20calendar1table1 tbody .sun .t1,
.cp20calendar1table1 tbody .hol .t1{color:#d01616;}
.cp20calendar1table1 tbody .a1 .t1{z-index:10;position:relative;}
.cp20calendar1table1 .a1 .ic1 {}
.cp20calendar1table1 .today .a1:before {}
/* ☆ */
.cp20calendar1table1 .a1.st1:hover,
.cp20calendar1table1 .a1.st1:focus {text-decoration:none;/* cursor:not-allowed; */}
.cp20calendar1table1 .a1.st2:hover,
.cp20calendar1table1 .a1.st2:focus,
.cp20calendar1table1 .a1.on {z-index:10;border:3px solid #00b400;margin:-2px;padding:7px 5px;text-decoration:none;}
.cp20timetable1 .cp20calendar1table1 .a1 .ic1 {font-size:12px;width:60px;height:26px;padding:0;text-align:center;line-height:24px;border-radius:3px}
.cp20timetable1 .cp20calendar1table1 .a1.st1 .ic1 {background:#898989}
.cp20timetable1 .cp20calendar1table1 .a1.st2 .ic1 {background:#005ad0}

/* 달력범례공용 */
.cp20timetable1 .a1 .ic1 {display:block;font-size:12px;width:60px;height:26px;padding:0;text-align:center;line-height:24px;border-radius:3px;color:#fff;font-weight:500;}
/* st1 예약불가 | st2 예약가능 | st3 예약완료 */
.cp20timetable1 .a1.st1 .ic1 {background:#fe5051;}
.cp20timetable1 .a1.st2 .ic1 {background:#1e78d0;}
.cp20timetable1 .a1.st3 .ic1 {background:#727781;}

/* 범례 없다 */
.cp20timetable1 .note {}

/* ☆ */
.cp20pick1time1 .lst1head1 {display:table;width:100%;background:#5b667b;color:#fff;font-weight:500}
.cp20pick1time1 .lst1head1 .t1 {display:table-cell;width:33.333%;text-align:center;font-weight:500;padding:9px 0 8px;border-left:1px solid #363940;border-collapse:collapse;}
.cp20pick1time1 .lst1head1 .t1:first-child {border-left:0}
.cp20pick1time1 .lst1 {list-style:none;min-height:238px; /* (화면확인) */margin:0;padding:0 10px 15px;background:#eff0f2;}
.cp20pick1time1 .li1 {margin:0;padding:0;border-top:1px dotted #8f99b6;}
.cp20pick1time1 .li1:first-child {border-top:0}
.cp20pick1time1 .a1 {display:table;margin:0;padding:0;overflow:hidden;width:100%;}
.cp20pick1time1 label {cursor:default;}
.cp20pick1time1 .a1 .t1 {display:table-cell;padding:3px 15px 2px;color:#080b14;font-size:.938em;width:33.333%;text-align:center;font-weight:500;}
.cp20pick1time1 .a1 .t1:nth-child(2) {color:#555;}
.cp20pick1time1 .a1 .fg1 {display:table-cell;text-align:center;width:33.333%;padding:3px 5px 2px;}
.cp20pick1time1 .li1:first-child .t1,
.cp20pick1time1 .li1:first-child .fg1 {padding-top:10px;}
.cp20pick1time1 .a1 input[type='checkbox'] {width:20px;height:20px;margin:0;}
/* 상태 */
.cp20pick1time1 .a1 .ic1 {display:inline-block;padding:0;width:60px;height:26px;line-height:24px;background:#959595;color:#fff;font-size:12px;text-align:center;vertical-align:middle;overflow:hidden;border-radius:3px;margin-left:5px;margin-top:-4px;}
/* st1 예약불가 | st2 예약가능 | st3 예약완료 */
.cp20pick1time1 .a1.st1 .ic1{background:#3a3a3a;}
.cp20pick1time1 .a1.st2 .ic1{background:#005ad0;}
.cp20pick1time1 .a1.st3 .ic1{background:#888;color:#eee;}

/* 디자인폼 20190911 */
.cp20pick1time1 .a1 input {position:absolute;left:-9999px; /* [FF]fix) */width:0;height:0;font-size:0;opacity:0;}
.cp20pick1time1 .a1 .ic0 {display:inline-block;width:20px;height:20px;background:url() no-repeat center center;vertical-align:middle;margin-top:-4px;}
.cp20pick1time1 .a1.st2 .ic0 {background-image:url(../../img/lib2/cp20time_sprite.png);background-position:-144px -18px;}
.cp20pick1time1 .a1.st2 input:checked + .ic0 {background-image:url(../../img/lib2/cp20time_sprite.png);background-position:-122px -18px}
/* ☆ */
.cp20pick1time1 input:focus ~ * {outline:1px dotted #000;}
@media all and (max-width:999px){
	.calendar1.even-grid>.column, .tabs1cont.type2 .tabs1pane .even-grid .md-40pct {float:none;display:block;width:100%;}
	.tabs1cont.type2 .tabs1pane .even-grid .md-40pct {margin-top:2em}
}
@media all and (max-width:499px){
	.cp20timetable1 .hg1 .h1 {margin-left:3px;margin-right:3px;}
	.cp20timetable1 .hg1 .month .b1 {width:33px;height:32px;background-size:auto 32px;}
	.cp20timetable1 .hg1 .month .b1.next {background-position:-32px 0}
	.cp20timetable1 .hg1 .refresh {top:20px;font-size:12px;padding:0 4px}
	.cp20calendar1table1 thead th {padding:7px 0 6px;font-size:14px;}
	.cp20calendar1table1 .a1 {font-size:13px;min-height:46px;padding:6px 5px}
	.cp20calendar1table1 .a1.on {padding:4px 5px}
	.cp20calendar1table1 .a1 .t1 {margin-bottom:3px}
	.cp20timetable1 .cp20calendar1table1 .a1 .ic1, .cp20pick1time1 .a1 .ic1 {position:relative;text-indent:-9999px;width:30px;height:20px;line-height:20px;font-size:11px;}
	.cp20timetable1 .cp20calendar1table1 .a1 .ic1 span, .cp20pick1time1 .a1 .ic1 span {position:absolute;top:0;left:0;width:100%;text-indent:0}
	.cp20pick1time1 .lst1 {padding-left:5px;padding-right:5px;}
	.cp20pick1time1 .a1 .t1 {padding-left:3px;padding-right:3px;}
	.cp20pick1time1 .a1 .t1:nth-child(2) {line-height:1.3}
}

/* 본인인증 */
.mycw1box .hg1 {padding:0;color:#000;text-align:center}
.mycw1box .hg1 .h1 {font-size:36px;font-weight:700;letter-spacing:-.05em;margin:0}
.mycw1box .hg1 .t1 {font-size:18px;font-weight:400;letter-spacing:-.05em;margin:20px 0 55px;}
.mycw1box .ipin1list {overflow:hidden;margin-bottom:30px;}
.mycw1box .ipin1list .lst {float:left;width:calc(50% - 15px);background:#f4f6fa;border-radius:5px;margin-left:30px;margin-right:0;padding:55px 0 80px;text-align:center;border:0}
.mycw1box .ipin1list .lst:first-child {margin-left:0}
.mycw1box .ipin1list .lst .h2 {font-size:28px;font-weight:600;color:#000;line-height:1;margin-bottom:20px;}
.mycw1box .ipin1list .lst .h2:before {content:"";display:block;width:150px;height:150px;background:url(/_res/portal/img/lib2/myhygn_sprite.png) no-repeat;margin:auto auto 40px;}
.mycw1box .ipin1list .lst.hp .h2:before {background-position:-665px 0}
.mycw1box .ipin1list .lst.pin .h2:before {background-position:-817px 0}
.mycw1box .ipin1list .lst .t1 {font-size:15px;line-height:22px;color:#555;font-weight:400;}
.mycw1box .ipin1list .lst .btns {margin-top:40px;}
.mycw1box .ipin1list .lst .btns a {display:inline-block;width:136px;height:54px;line-height:54px;color:#fff;font-weight:500;border-radius:5px;margin:0 3px}
.mycw1box .ipin1list .lst .btns a.a1 {background-color:#1987ad}
.mycw1box .ipin1list .lst .btns a.a2 {background-color:#333}
.mycw1box .bg-secondary.pd1em {background-color:#f4f6fa;border-radius:5px;padding:40px !important;margin-bottom:30px;text-align:left}
.mycw1box .bg-secondary.pd1em p {font-weight:600;color:#000;font-size:18px;margin:0 0 15px}
@media screen and (max-width:1259px){
	.mycw1box .hg1 .h1 {font-size:32px;}
	.mycw1box .hg1 .t1 {font-size:17px;margin-top:15px;margin-bottom:45px;}
	.mycw1box .ipin1list .lst {padding:50px 0 60px;}
	.mycw1box .ipin1list .lst .h2 {font-size:24px;}
}
@media screen and (max-width:999px){
	.mycw1box .hg1 .h1 {font-size:28px;}
	.mycw1box .hg1 .t1 {font-size:16px;margin-top:10px;margin-bottom:35px;}
	.mycw1box .ipin1list .lst {padding:40px 20px 50px;box-sizing:border-box;width:calc(50% - 5px);margin-left:10px;}
	.mycw1box .ipin1list .lst .h2 {font-size:22px;}
	.mycw1box .ipin1list .lst .h2:before {width:120px;height:120px;background-size:800px auto;margin-bottom:30px}
	.mycw1box .ipin1list .lst.hp .h2:before {background-position:-532px 0}
	.mycw1box .ipin1list .lst.pin .h2:before {background-position:-654px 0}
	.mycw1box .lst .t2 {font-size:15px;margin-bottom:20px;}
	.mycw1box .lst .t2 br {display:none}
	.mycw1box .ipin1list .lst .btns {margin-top:30px;}
	.mycw1box .ipin1list .lst .btns a {height:50px;line-height:50px;font-size:15px}	
}
@media screen and (max-width:768px){
	.mycw1box .hg1 .h1 {font-size:26px}
	.mycw1box .hg1 .t1 {font-size:15px;margin-top:7px;margin-bottom:25px}
	.mycw1box .ipin1list {margin-bottom:0}
	.mycw1box .ipin1list .lst {float:none;width:100%;margin-left:0;margin-bottom:20px;padding:30px 20px}	
	.mycw1box .ipin1list .lst .h2 {font-size:20px;margin-bottom:15px;}
	.mycw1box .lst .t2 {margin-bottom:0;}
	.mycw1box .ipin1list .lst .btns {margin-top:20px;}
	.mycw1box .ipin1list .lst .btns a {height:40px;line-height:40px;font-size:14px}	
	.mycw1box .bg-secondary.pd1em {padding:30px !important;}
	.mycw1box .bg-secondary.pd1em p {font-size:16px;margin-bottom:0}
}
@media screen and (max-width:599px){
	.mycw1box .hg1 .h1 {font-size:22px;}
	.mycw1box .hg1 .t1 {font-size:14px;margin-bottom:20px;}
	.mycw1box .ipin1list .lst .h2:before {width:105px;height:105px;background-size:700px auto;margin-bottom:15px;}
	.mycw1box .ipin1list .lst.hp .h2:before {background-position:-466px 0}
	.mycw1box .ipin1list .lst.pin .h2:before {background-position:-572px 0}
	.mycw1box .lst .t2 {font-size:14px;}
	.mycw1box .ipin1list .lst .btns a {width:auto;padding-left:20px;padding-right:20px;margin:3px 0}
	.mycw1box .bg-secondary.pd1em {padding:20px !important;}
}