@charset "euc-kr";
/* 20130729 hcomm.co.kr WebPublisher S.H */
@import url("base_custom.css");
@import url("common.css");

@import url("main.css");
@import url("contents.css");

@import url("ns_editor.css");

.offlineClassInfo{width:760px;padding:50px 0;text-align:center;margin:0 auto;}
.offlineClassInfo *{font-family:'NanumSquareR';}
.offlineClassInfo a{text-decoration:none;}
.offlineClassInfo h2 {font-size:40px;}
.offlineClassInfo select{width:400px;font-size:20px;padding:10px 20px;margin:30px 0;}
.offlineClassInfo .tab ul{display:flex;}
.offlineClassInfo .tab li{width:100%;padding-left:5px;}
.offlineClassInfo .tab li:first-child{padding:0;}
.offlineClassInfo li button {width:100%;height:100%;min-height:50px;padding:5px;font-size:20px;line-height:1.1;background:#fff;color:#3f71ff;border:1px solid #3f71ff;cursor:pointer;transition:all .2s;vertical-align:top;}
.offlineClassInfo li.on button {background:#3f71ff;color:#fff;}
.offlineClassInfo .map {display:flex;margin:15px 0;}
.offlineClassInfo .address{font-size:18px;padding:10px 15px;background:#eaeaea;letter-spacing:-1px;flex-grow:1;text-align:left;display:flex;align-items:center;}
.offlineClassInfo .address strong{margin-right:10px;}
.offlineClassInfo .map button{flex-basis:140px;font-size:18px;background:#3f71ff;color:#fff;border:none;}
.offlineClassInfo table {border-collapse:collapse; width : 100%; border-top : 2px solid #333;}
.offlineClassInfo .lineLR {border-left : 1px solid #ddd; border-right : 1px solid #ddd;}
.offlineClassInfo th {font-size : 20px; font-weight : bold; padding : 15px 0; border-bottom : 1px solid #333;}
.offlineClassInfo td {font-size : 18px; padding : 10px 5px; border-bottom : 1px solid #ddd;}
.offlineClassInfo .address.text-muted {display: block; width: 100%; text-align: center;}
.period{text-align: left; font-size: 18px; padding: 10px 20px; margin-bottom: 10px;}
.viewmore2020{float:right;}
.viewmore2020 a{color:#fff;background:#e73b3b;font-size:13px;padding:5px 10px;border-radius:3px;letter-spacing:-1px;display:inline-block;}
/* 20211015 dj */
.offlineClassInfo .practice{background:#ffe763;margin-bottom:10px;}
.offlineClassInfo .practice *{line-height:120%;box-sizing:border-box;}
.offlineClassInfo .practice h4,.offlineClassInfo .practice h5{font-family:'GmarketSans';font-weight:400;}
.offlineClassInfo .practice h3,.offlineClassInfo .practice h3 *{font-size:18px;font-weight:400;}
.offlineClassInfo .practice h4{font-size:26px;}
.offlineClassInfo .practice h5{font-size:16px;}
.offlineClassInfo .practice .covid-19{padding:20px 0 10px;}
.offlineClassInfo .practice .onlineInfo>li{display:inline-block;width:48%;vertical-align:top;position:relative;border:1px solid #4148c9;margin:30px 1px 15px;padding:30px 10px 15px;}
.offlineClassInfo .practice h3{background:#4148c9;color:#fff;border-radius:10px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:1;padding:8px 0 5px;width:250px;}
.offlineClassInfo .practice h3 span{color:#ffe763}
.offlineClassInfo .practice .onlineInfo .dash *{font-size:14px;letter-spacing:-1px;}
.offlineClassInfo .practice .onlineInfo .dash span{color:#4b54ef;}
.offlineClassInfo .practice .footnotes *{font-size:14px;}
.offlineClassInfo .practice .footnotes{margin-left:15px;}
.offlineClassInfo .mark-caution{text-align:left;margin-left:18px;}
.offlineClassInfo .mark-caution:before{content:"¡Ø";display:inline-block;margin:0 5px 0 -18px;}
.offlineClassInfo .practice_child .onlineInfo>li{margin:10px 0;padding:10px;}
.offlineClassInfo .practice_child .footnotes{max-width:460px;margin:0 auto;}
/* 20211117 dj */
.moveBtn{padding:10px 20px;font-size:20px;position:relative;cursor:pointer;vertical-align:middle;margin-left:5px;}
.classNum{width:10%;}
.classArea{width:25%;}
@media (max-width: 768px) {
	.offlineClassInfo {width: 100%; padding: 50px 3%; box-sizing: border-box;}
	.offlineClassInfo h2 {font-size: 7.5vw;letter-spacing:-0.5vw;margin-bottom:10vw;}
	.offlineClassInfo h2 span{display:block;}
	.offlineClassInfo form{display:flex;}
	.offlineClassInfo select {width:100%;font-size:4.5vw;padding:2vw 1vw;letter-spacing:-0.3vw;}
	.offlineClassInfo .tab{margin-top:2vw;}
	.offlineClassInfo .tab li{padding-left:1vw;}
	.offlineClassInfo .tab li button {height :18vw; padding : 2vw 0; font-size : 3.8vw; }
	.offlineClassInfo .map {display : block; margin : 10px 0; background: #eaeaea; padding : 15px 10px;}
	.offlineClassInfo .address {display : block; width : auto; height : auto; font-size : 4vw; line-height : 140%; text-align : center;}
	.offlineClassInfo .address * {display : block;}
	.offlineClassInfo .address strong {font-size: 3.6vw;}
	.offlineClassInfo .address span {font-size : 3.2vw;}
	.offlineClassInfo .map button{width: auto; height: auto; padding : 10px 30px; margin-top : 10px; font-size : 3.8vw}
	.offlineClassInfo .address.text-muted {width : auto;}
	.offlineClassInfo th {font-size : 3.6vw;}
	.offlineClassInfo td {font-size : 3.4vw;}
	.period{padding:0;margin:8vw 0 0;font-size:5vw;letter-spacing:-0.3vw;}
	.viewmore2020{float:inherit;margin:2vw 0 5vw;text-align:right;}
	.viewmore2020 a{font-size:3.5vw;padding:2vw 3vw;}
	/* 20211015 dj */
	.offlineClassInfo .practice .main h1{padding-top:32vw;}
	.offlineClassInfo .practice .wrap1{height:222vw;}
	.offlineClassInfo .practice .threepoint{margin:8vw 0 14vw;}
	.offlineClassInfo .practice h3,.offlineClassInfo .practice h3 *{font-size:4.5vw;letter-spacing:-0.3vw;}
	.offlineClassInfo .practice h4{font-size:6.3vw;letter-spacing:-0.5vw;}
	.offlineClassInfo .practice h5{font-size:4vw;letter-spacing:-0.3vw;}
	.offlineClassInfo .practice .onlineInfo>li{width:95%;margin:8vw 0 0;padding:6vw 3vw 2vw;}
	.offlineClassInfo .practice h3{width:70vw;border-radius:2vw;padding:2vw 0 2.5vw;}
	.offlineClassInfo .practice .onlineInfo .dash *,.practice .footnotes *{font-size:3.5vw;}
	.offlineClassInfo .practice .covid-19 .footnotes{width:95%;margin:2vw auto 0;}
	.offlineClassInfo .practice .covid-19 .footnotes li{text-align:left;display:block;}
	.offlineClassInfo .practice_child .onlineInfo>li{margin:2vw 0;padding:2vw;}
	.offlineClassInfo .practice_child .footnotes{max-width:inherit;}
	/* 20211117 dj */
	.moveBtn{padding:2vw 0;font-size:4.5vw;margin-left:1.5vw;width:19vw;}
}