@charset "utf-8";
@import url("style.css");

.c-tab01 ul li a:hover,
.c-tab01 ul li a:focus,
.c-tab01 ul li.over a {background-color:#cc1717;z-index:2}

.b-tab01 li a:hover,
.b-tab01 li a:focus,
.b-tab01 li.over a,
.b-tab01 li.over a:hover,
.b-tab01 li.over a:focus,
.b-tab01 li.over a:active {background-color:#fff;border:1px solid #cc1717;z-index:2}

.c-tab02 ul li a:hover span,
.c-tab02 ul li a:focus span,
.c-tab02 ul li.over a span {color:#cc1717}

/*@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}*/

/* 컨텐츠 */
#contents-wrap {/*font-family: 'Pretendard-Regular';*/max-width:1400px;word-break:keep-all;word-wrap:break-word;width:100%;background:transparent;box-sizing:border-box}
#container {position:relative;display:block;padding-bottom:40px;z-index:1}
#container:after {content:"";display:block;clear:both}
#container-wrap {color:#444;font-size:17px;font-weight:400;line-height:1.75;min-height:300px}
#container-wrap > br {display:none}
#contents-wrap #contents {min-height:400px;margin-bottom:40px;color:#444;/* font-size:17px; */font-weight:400;line-height:1.75;transition:all .3s ease}
@media all and (max-width:1199px){
	#container-wrap,
	#contents-wrap #contents {font-size:15px;line-height:1.8}
}
@media all and (max-width:1024px){
	#container-wrap,
	#contents-wrap #contents {font-size:15px;line-height:1.8}
}
@media all and (max-width:768px){
	#container-wrap,
	#contents-wrap #contents {font-size:14px;line-height:1.857}
}
@media all and (max-width:600px){
	#container-wrap,
	#contents-wrap #contents {font-size:14px;line-height:1.857}
}

/*기본 텍스트 포인트 칼라*/
.csc-p1 {color:#cc1717;}
.csc-p2 {color:#30347d;}
.csc-p3 {color:#ef8a21;}
.csc-p4 {color:#3d505c;}
.csc-dp1 {color:#007991;}
.csc-dp2 {color:#00828d;}
.csc-dp3 {color:#ec6f00;}
.csc-dp4 {color:#004a98;}


/*기본 가이드 셋팅-------------------------------*/


.tbl-type01 {border-top:2px solid #002c53}

[class^=title_0] {
    position: relative;
}
.title_01 {
    font-size: 2.188rem;
    color: #111;
    margin-bottom:20px;
	padding-top:13px;
    line-height: 1.25;
	font-size:1.647em;
	font-weight:600;
	line-height:1.3;
	letter-spacing:-.05em
}
.title_02 {
    display: inline-block;
    font-size: 2.3rem;
    line-height: 1.5;
    letter-spacing: -0.075em;
    font-weight: 700;
    color: #222;
    padding-left: 1.5rem;
    margin-bottom: 3rem;
}
.title_02:after {
	display: block;
	content: "";
	position: absolute;
	width: 6.75px;
	height: 6.75px;
	border-radius: 50%;
	background: #cc1717;
	top: 5px;
	left: 0;
}
.title_03 {
    display: block;
    font-size: 1.250em;
    line-height: 1.5;
    letter-spacing: -0.05em;
    font-weight: 700;
    color: #30347d;
    margin-bottom: 10px;
}

.list-style01, .list-style02, .list-style03 {padding:3px 0}
.list-style01 li,
.list-style02 li,
.list-style03 li,
.list-style04 li {position:relative;line-height:1.5;letter-spacing:-.05em}
.list-style01 li,
.list-style02 li {padding:5px 0 5px 13px}
.list-style01 > li,
.list-style02 > li {min-height:24px;}
.list-style01 li:before,
.list-style02 li:before {content:"";position:absolute;left:0;top:17px;display:block;background-color:#b80101;width:7px;height:2px}
.list-style01 li .tit {position:relative;display:inline-block;vertical-align:top}
.list-style01 li .tit:after {content:":";display:inline-block;margin:0 7px}
.list-style01 li ul {margin-top:10px;margin-left:2px}
.list-style01 li ul li,
.list-style02 li ul li,
.list-style03 li ul li,
.list-style04 li ul li {padding:3px 0 3px 12px;color:#555555;font-size:0.941em;line-height:1.5}
.list-style01 li ul li:before,
.list-style02 li ul li:before,
.list-style03 li ul li:before,
.list-style04 li ul li:before {content:"";position:absolute;top:12px;left:0;display:block;background:#ccc;border-radius:50%;width:4px;height:4px}
.list-style02 li {padding-left:88px}
.list-style02 li .tit-sec {position:absolute;top:5px;left:13px;display:block;width:61px;margin-right:15px}
.list-style02 li .tit-sec:after {content:"";display:block;position:absolute;top:7px;right:0;background:#ccc;width:1px;height:12px}
.list-style02 li ul {margin-top:10px;margin-left:-73px}
.list-style03 li {padding:3px 0 3px 28px}
.list-style03 li .num {position:absolute;top:3px;left:0;color:#b80101}
.list-style03 li .num:after {content:".";display:inline-block;vertical-align:top;color:#b80101}
.list-style03 li ul {margin-top:6px;margin-left:-1px}
.list-style04 li {padding:7px 0 7px 32px}
.list-style04 li .num {display:block;position:absolute;left:0;top:9px;width:21px;height:21px;border-radius:50%;color:#fff;font-size:.875em;font-weight:400;text-align:center;line-height:19px;font-family:"sofia-pro", "Noto Sans KR";box-sizing:border-box}
.list-style04.color1 li .num {background-color:#3d505c}
.list-style04.color2 li .num {background-color:#b80101}
.list-style04.color3 li .num {background-color:#eaeaea;border:1px solid #ccc;color:#444}
.list-style04 li ul {margin-top:8px}
@media all and (max-width:1024px){
	.list-style01 > li:before,
	.list-style02 > li:before {top:16px}
}
@media all and (max-width:768px){
	.list-style01 > li:before,
	.list-style02 > li:before {top:15px}
	.list-style01 li ul,
	.list-style02 li ul {margin-top:5px}
	.list-style02 li .tit-sec:after {top:5px;}
	.list-style03 li {padding-left:24px;}
	.list-style04 li {padding-left:26px}
	.list-style04 li .num {top:6px}
}
@media all and (max-width:599px){
	.list-style01 > li,
	.list-style02 > li {padding-top:8px;padding-left:15px;min-height:0;}
	.list-style01 > li:before,
	.list-style02 > li:before {top:17px}
	.list-style01 li .tit {display:block;}
	.list-style01 li .tit:after {display:none}
	.list-style02 li .tit-sec {position:static;top:auto;left:auto;width:auto;padding-bottom:0;margin-right:0;font-weight:700;}
	.list-style02 li .tit-sec:after {display:none;}
	.list-style02 li ul {margin-left:0;}
}


.top-schBox {display: flex; justify-content: space-evenly;margin-bottom:30px;border:1px solid #cecece;background:#f3f3f3;border-top:3px solid #000;padding:25px 40px;box-sizing:border-box;align-items: center;}
.top-schBox span {margin-right:30px;display: flex;align-items: center;}
.top-schBox span label {font-size:18px;font-weight:bold;margin-right:5px;}
.top-schBox span select {width:150px;height:50px;padding: 10px;box-sizing: border-box;background-color:#fff;}
.top-schBox span input[type='text'] {height:50px;box-sizing: border-box;border: 1px solid #ccc;padding:10px;box-sizing:border-box;width:100%;}
.top-schBox span:nth-child(3), .top-schBox span:last-child {margin-right:0;}
.top-schBox span:last-child button{display: block;height: 50px;width:140px;border:none;background:#3f5eb5;color:#fff;}

.cB::after {content:'';display:block;clear:both;}
.ul-tab {margin: 30px 0px;}
.ul-tab::before {content:'';display:block;clear:both;}
.ul-tab li {float:left;text-align: center;margin-right: 5px;}
.ul-tab li a {display:block;min-width:180px;padding: 20px 10px;box-sizing:border-box;background: #f0f0f0;color: #000;font-size: 18px;}
.ul-tab li.on a , .ul-tab li:hover a{background: #313c60;color:#fff;}

@media all and (max-width:999px){
	.top-schBox span:last-child button {    width: 80px;}
}
@media all and (max-width:899px){
	.top-schBox {flex-wrap: wrap;justify-content: flex-start;}
	.top-schBox span {margin-bottom:5px;}
	.top-schBox span:nth-child(3) {width:calc(100% - 80px);}

	.ul-tab li {margin-right: 1px;}
	.ul-tab li a {padding: 10px 8px;min-width:70px;font-size: 16px;}
}

@media all and (max-width:599px){
	.top-schBox {    padding: 25px;}
	.top-schBox span:nth-child(1) , .top-schBox span:nth-child(2) {width: 50%;margin-right: 0;}
	.top-schBox span:nth-child(1) select, .top-schBox span:nth-child(2) select {width:100%;}
	.top-schBox span:nth-child(2) label {padding-left:10px;box-sizing:border-box;}
}

@media all and (max-width:399px){
	.top-schBox span:nth-child(3), .top-schBox span:last-child , .top-schBox span:last-child button {width:100%;}
}


.form-tbl {border-top:3px solid #000;}
.ty01 {border-collapse: collapse;border-spacing: 0px;table-layout: fixed;width: 100%;clear: both;text-align: center;}
.ty01 thead th {background: #fff;border-bottom: 1px solid #868686;color: #222; padding: 18px 15px;font-weight: 700;position: relative;}
.ty01 thead tr th:last-child::before {display:none;}
.ty01 thead th::before {content:'';display:block;width:1px;height:20px;background:#999;position:absolute;top:50%;right:0;margin-top:-10px}
.ty01 th, .ty01 td {border-bottom: 1px solid #d2d2d2;padding: 17px 8px 17px 8px;word-wrap: break-word;line-height: 1.3; word-break: break-all;}

.btn-form {width: 75px;height:33px;background:#3f5eb5;font-size:16px;color:#fff;display: inline-block;padding: 6px;box-sizing: border-box;border-radius: 3px;}
.btn-form.end {background:#e3e3e3;color:#000;}

.viewTxt-top {}
.viewTxt-top h4 {float:left;font-size:30px;    color: #000;}
.viewTxt-top .btn-box {float:right;margin-top: 0;}

@media all and (max-width:699px){
	.ty01.mo thead {display:none;}
	.ty01.mo tbody tr:nth-child(2n) {background:#fafafa;}
	.ty01.mo tbody td {position:relative;display:block;width:100%;box-sizing:border-box;text-align:left;padding-left:66px;}
	.ty01.mo tbody td::before {content:'';display:block;width:66px;position:absolute;left:0;top: 50%;margin-top: -8px;font-weight: bold;}
	.ty01.mo tbody td.tValue::before {content:'과정구분';}
	.ty01.mo tbody td.courseN::before {content:'과정명';}
	.ty01.mo tbody td.time01::before {content:'수업시간';}
	.ty01.mo tbody td.time02::before {content:'교욱기간';}
	.ty01.mo tbody td.tuition::before {content:'수강료';}
	.ty01.mo tbody td.state::before {content:'상태';}
	.btn-form {text-align:center;}
}

h4.tit01 {font-size:30px;    color: #000;}
.line {width:100%;height:1px;background:#ccc;}
.reserve-form {border-top: 3px solid #000;margin: 10px 0 50px;}
.reserve-form .tb02 {display: flex;}
.reserve-form .tb02  dl {width:50%;}
.reserve-form dl::after {content:'';display:block;clear:both;}
.reserve-form dl {padding: 0;border-bottom:1px solid #a5a5a5;display: flex;}
.reserve-form dl dt {float:left;width: 250px;font-weight:bold;color:#000;display: block;background: #f3f3f3;padding: 20px;box-sizing: border-box;text-align: center;}
.reserve-form dl dt .ess {color:red;display:inline-block;vertical-align: middle;}
.reserve-form dl dd {float:left;width: calc(100% - 250px);padding: 20px;box-sizing: border-box;}
.reserve-form dl dd.tel input[type="text"] {width: 80px; text-align: center; position: relative;}
.reserve-form dl dd .radio-wrap {margin-right:25px;    display: inline-block;}
.reserve-form dl dd .radio-wrap:last-child {margin-right:0;}
.reserve-form dl dd button {border:none;background-color:#11358f;padding: 6px 15px;border-radius:5px;color:#fff;}
.reserve-form dl dd button:hover {background-color:#2350c0; transition:0.3s;}
.reserve-form dl dd input[type="text"] {padding: 5px;border-radius: 5px;display: inline-block;border: 1px solid #ddd;margin-bottom: 5px;font-size: 14px;height: 40px;box-sizing: border-box;}
.reserve-form dl:nth-child(2n)  dd input[type="text"] {background:#fff;}
.reserve-form dl dd .num-wrap {}
.reserve-form dl dd .num-wrap li {width:70px;display:inline-block;position: relative;margin-right: 15px;}
.reserve-form dl dd .num-wrap li::after {content:'-'; display:inline-block;position: absolute;top: 8px;right: -14px;}
.reserve-form dl dd .num-wrap li:last-child::after {display:none;}
.reserve-form dl dd .num-wrap li:last-child {margin-right:0;}
.reserve-form dl dd .num-wrap li input[type="text"] {width:100%;text-align:center;}
.reserve-form dl dd .country input[type="text"]:nth-child(1) {width:70px;}
.reserve-form dl dd .per-id input[type="text"] {width:87px;}
.reserve-form dl dd select {background-color: whitesmoke; padding: 5px;border-radius: 5px; display: inline-block;border: 1px solid #ddd; margin-bottom: 5px; font-size: 14px; height: 40px; box-sizing: border-box;width: 200px;}
.reserve-form dl:nth-child(2n) dd select  {background-color:#fff;}
.reserve-form dl dd .date select {width:90px;}
.reserve-form dl dd .grade-box input[type="text"] {width:90px;}
.reserve-form dl dd .grade-box span {display:inline-block;width: 60px;}
.reserve-form dl dd .radio-check li {display:inline-block;margin-right:20px;}
.reserve-form dl dd .high-sch-box input[type="text"]:nth-child(1) {width: 90px;}

@media all and (max-width:899px){
	.reserve-form .tb02 {    display: block;}
	.reserve-form .tb02 dl {width:100%;}
	.reserve-form dl dt {width:150px;}
	.reserve-form dl dd.e-mail input[type="text"] {    width: 45%;}
}

@media all and (max-width:499px){
	.reserve-form dl {padding:0;display:block;}
	.reserve-form dl dd .address div input[type="text"] {width:100px;}
	.reserve-form dl dd .stxt {display:block;    padding: 10px 15px;}
	.reserve-form dl dt {width:100%;padding:10px 20px;text-align:left;}
	.reserve-form dl dd {width:100%;}
	.reserve-form dl dd input[type="text"].per-input {width:100%;}
	.reserve-form dl dd .country input[type="text"]:nth-child(2) {width:calc(100% - 80px);}

	.reserve-form dl dd select {width:100%;}

	.reserve-form dl dd.tel input[type="text"] {width: 70px;}
}


.privacy-box {}
.privacy-box .txtBox {border-top:3px solid #000;border-bottom:1px solid #bbb;padding:30px;box-sizing:border-box;}
.privacy-box .txtBox .inner {max-height: 220px;overflow-y: scroll;}

.privacy-box .txtBox .inner::-webkit-scrollbar {width: 5px;height: 8px;background-color: #ddd;border-radius:50px; }
.privacy-box .txtBox .inner::-webkit-scrollbar-thumb {  background: #999;border-radius:50px;}
.privacy-box .chk-wrap {margin-top:15px;}

.edu-list {border-top:3px solid #000;}
.edu-list dl {padding:22px 15px;box-sizing:border-box;border-bottom:1px solid #ccc;}
.edu-list dl::after {content:'';display:block;clear:both;}
.edu-list dl dt {float:left;}
.edu-list dl dt span.tit {font-size:18px;font-weight:bold;}
.edu-list dl dt span.edu-btn {display:inline-block;font-size:15px;padding:1px;border-radius:50px;background:#65686f;text-align:center;width:75px;box-sizing:border-box;color:#fff;}
.edu-list dl dt span.edu-btn.img {background:#2555ae;}

.edu-list dl dd {float:right;}
.edu-list dl dd .edu-btn a.btn , .edu-list dl dd .edu-btn button {min-height: 34px;border:none;display:inline-block;width:100px;padding:3px 5px;background:#e3e3e3;border-radius:3px;text-align:center;font-size:15px;box-sizing:border-box;transition:all .25s ease;}
.edu-list dl dd .edu-btn a.btn.red {background:#d92625;color:#fff;}
.edu-list dl dd .edu-btn a.btn.ny , .edu-list dl dd .edu-btn button {background:#002c53;color:#fff;}

.edu-list dl dd .edu-btn a.btn.red:hover {background:#a91514;}
.edu-list dl dd .edu-btn a.btn.ny:hover , .edu-list dl dd .edu-btn button:hover {background:#113891;}
.edu-list dl dd .edu-btn a.btn.gray:hover {background:#9b9b9b;color:#fff;}

/*팝업창*/
.wrap{padding:10px;}

.btn_open{font-weight:bold; margin:5px; padding:4px 6px; background:#000; color:#fff;}
.pop_wrap{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); font-size:0; text-align:center;z-index:2000;}
.pop_wrap:after{display:inline-block; height:100%; vertical-align:middle; content:'';}
.pop_wrap .pop_inner{position: relative;display:inline-block; padding:20px 30px;padding-top: 80px; background:#fff; width:500px; min-height:200px;vertical-align:middle; font-size:15px;}

.pop_inner .reserve-form {margin:10px 0;}
.pop_inner .reserve-form dl dt {width:150px;}
.pop_inner .reserve-form dl dd {width: calc(100% - 150px);text-align:left;}
.pop_inner .tTop {position: absolute;top: 0;left: 0;background: #000;width: 100%;padding: 18px;box-sizing: border-box;text-align: left;color: #fff;font-size: 18px;}

.pop_inner .txtBox {width:100%;padding:25px 10px;box-sizing:border-box;border-top:2px solid #000;border-bottom:1px solid #ccc;}
.pop_inner .btnBox {text-align:center;margin-top:15px;}
.pop_inner .btnBox a {display:inline-block; width:90px;padding:2px;border-radius:3px;background:#e3e3e3;color:#000;}
.pop_inner .btnBox a.red {background:#d92625; color:#fff;}
.pop_inner > button.btn_close {position: absolute; top: 21px;right: 20px; width: 21px; height: 21px; background: url(/hive/_Img/btn_close_ic.png);text-indent: -9999px;border: none;}
.btnBox {}

@media all and (max-width:599px){
	.pop_wrap .pop_inner {    width: 80%;}
	.edu-list dl dd .edu-btn {margin-top:10px;}
}

/* 회원로그인 */
/* 로그인 */
.login-box-wr {position:relative;}
.login-box-wr:after {}
.login-wrap {width:100%;margin:0 auto}
.login-wrap .login-cont {box-sizing:border-box;}
.login-wrap .login-cont p {letter-spacing:-1px;}
.login-wrap .login-cont label {padding-left:8px;vertical-align:middle;}
.login-wrap .login-tit {text-align:center;margin-bottom:40px}
.login-wrap .login-tit .tit {display:inline-block;font-size:2.588em;font-weight:600;color:#000;letter-spacing:0.2em;line-height:1;font-family:"industry", "Noto Sans KR"}
.login-wrap .login-tit p {display:block;text-align:left;font-size:1.059em;color:#444;text-align:center;margin:5px 0 0}
.login-wrap .login-cont .frm-wrap {position:relative;width:100%;margin:0 0 26px}
.login-wrap .login-cont .frm-wrap .frm-box {max-width:500px;margin:0 auto 35px}
.login-wrap .login-cont .frm-wrap .frm {}
.login-wrap .login-cont .frm .login-frm {position:relative;display:block;border-bottom:1px solid #ccc;margin-bottom:30px}
.login-wrap .login-cont .frm .login-frm:last-child {margin-bottom:22px}
.login-wrap .login-cont .frm .login-frm input.text {border:0;width:100%;height:63px;line-height:63px;background:#fff;font-size:0.944em;color:#333;padding:0 22px;margin:0;box-sizing:border-box}
.login-wrap .login-cont .frm .login-frm input.text::-webkit-input-placeholder {color:#767676}
.login-wrap .login-cont .frm .login-frm input.text:-moz-placeholder {color:#767676}
.login-wrap .login-cont .frm .login-frm input.text::-moz-placeholder {color:#767676}
.login-wrap .login-cont .frm .login-frm input.text:-ms-input-placeholder {color:#767676}
.login-wrap .login-cont .member-link {display:block;text-align:center;position:relative}
.login-wrap .login-cont .member-link:before {display:block;content:"";width:100%;height:3px;background:url(/_Img/Content/ctpl_line_bg.gif) repeat-x;margin-bottom:27px}
.login-wrap .login-cont .member-link li {display:inline-block;margin:0 8px}
.login-wrap .login-cont .member-link li a {display:block;border:1px solid #ccc;background:#fff;padding:13px 30px 14px;cursor:pointer}
.login-wrap .login-cont .member-link li a span {display:block;position:relative;font-size:0.889em;color:#333;box-sizing:border-box;transition:all .3s ease}
.login-wrap .login-cont .member-link li a span:after {content:"";display:block;position:absolute;width:13px;height:13px;right:10px;top:8px;background:url(/_Img/Member/mem_spr.png) no-repeat 0px 0px;transition:all .3s ease}
.login-wrap .login-cont .member-link li a:focus span,
.login-wrap .login-cont .member-link li a:hover span {color:#c41816}
.login-wrap .login-cont .member-link li a:focus span:after,
.login-wrap .login-cont .member-link li a:hover span:after {right:0}
.login-wrap .login-cont .btn-login {font-size:1em;display:block;position:relative;width:100%;height:60px;border:0;cursor:pointer;background:#c41816;overflow:hidden;margin-top:22px}
.login-wrap .login-cont .btn-login span {display:inline-block;position:relative;line-height:1;font-size:0.944em;font-weight:500;color:#fff;z-index:2}
.login-wrap .login-cont .member-saveid {display:none}

/* 아이디/비번찾기 */
.mem-find-wr {}
.mem-find-wr ul, .mem-find-wr li {list-style:none;}
.find-box {position:relative;}
/*.find-box:before {content:"";display:block;position:absolute;width:2000px;height:100%;background:#eee;left:50%;top:0;margin:0 0 0 -1000px;z-index:-1}*/
.find-box:after {content:"";display:block;clear:both}
.find-box .info-ex02 {display:block;width:100%;float:left;margin-bottom:27px}
.find-box > div {position:relative;width:48.33%;padding:44px 75px;min-height:480px;background:#eee;box-sizing:border-box}
.idpw-search-type {margin:10px 0 30px}
.idpw-search-type .rdos {line-height:1.7;margin:0 20px 0 0}
.find-box .find-id {float:left;}
.find-box .find-pw {float:right;}
.find-box h4 {margin:0 0 12px}
.find-box .msg {font-size:0.941em;line-height:1.5;color:#444}
.find-box .msg span {display:block;}
.find-box .find-cont-wr {position:relative;height:233px}
.find-box .find-cont-wr .find-cont-inwr {position:absolute;width:100%;left:0;bottom:0}
.find-box .find-cont {display:block;padding:1px 0 0}
.find-box .find-cont li {margin:-1px 0 0}
.find-box .find-cont label {display:inline-block;width:80px;font-size:14px;font-weight:bold;color:#333;}
.find-box input.text {display:block;height:55px;background:#f5f5f5;border:1px solid #ccc;padding:0 15px;width:100%;box-sizing:border-box;margin:0}
.find-box button {display:block;width:100%;height:70px;line-height:70px;text-align:center}

/*아이디,비번 찾기 결과*/
.mem-find-rst {}
.mem-find-rst ul, .mem-find-rst li {list-style:none;}
.mem-find-rst .rst-txt {font-size:15px;text-align:center;padding:15px;margin-bottom:15px;background:#f9f9f9;border:1px solid #DDD;}
.mem-find-rst .rst-info{padding:15px;text-align:center;font-size:12px;margin-bottom:15px;background:#eaeaea;}
.mem-find-rst .rst-btns {text-align:center;}

.mem-find-rst .ans-box {border-top:1px solid #DDD;padding-top:1.5em;margin-top:1em;}

@media all and (max-width:899px){
	.find-box .find-id {float:initial; width:100%;margin-bottom:10px;}
	.find-box .find-pw {float:initial; width:100%;}
	.find-box > div {min-height:auto; padding: 30px;}
}


/*폼*/

.info-form { border-top: 2px solid #000;margin:10px 0 30px;}
.info-form dl::after {content:'';display:block;clear:both;}
.info-form dl {padding:15px 30px;border-bottom:1px solid #ddd;    box-sizing: border-box;}
.info-form dl:nth-child(2n) {background-color:#f8f8f8;}
.info-form dl dt {float:left;width: 150px;font-weight:bold;color:#000;display: block;}
.info-form dl dt .ess {color:red;display:inline-block;vertical-align: middle;}
.info-form dl dd {float:left;width: calc(100% - 150px);}
.info-form dl dd button {border:none;background-color:#11358f;padding: 6px 15px;border-radius:5px;color:#fff;}
.info-form dl dd button:hover {background-color:#2350c0; transition:0.3s;}
.info-form dl dd input[type="text"] {background: whitesmoke;padding: 5px;border-radius: 5px;display: inline-block;border: 1px solid #ddd;margin-bottom: 5px;font-size: 14px;height: 40px;box-sizing: border-box;}
.info-form dl:nth-child(2n)  dd input[type="text"] {background:#fff;}
.info-form dl dd .num-wrap {}
.info-form dl dd .num-wrap li {width:70px;display:inline-block;position: relative;margin-right: 15px;}
.info-form dl dd .num-wrap li::after {content:'-'; display:inline-block;position: absolute;top: 8px;right: -14px;}
.info-form dl dd .num-wrap li:last-child::after {display:none;}
.info-form dl dd .num-wrap li:last-child {margin-right:0;}
.info-form dl dd .num-wrap li input[type="text"] {width:100%;text-align:center;}
.info-form dl dd .country input[type="text"]:nth-child(1) {width:70px;}
.info-form dl dd .per-id input[type="text"] {width:87px;}
.info-form dl dd.app input[type="text"]:nth-child(1) {width:40%;}
.info-form dl dd select {background-color: whitesmoke; padding: 5px;border-radius: 5px; display: inline-block;border: 1px solid #ddd; margin-bottom: 5px; font-size: 14px; height: 40px; box-sizing: border-box;width: 200px;}
.info-form dl:nth-child(2n) dd select  {background-color:#fff;}
.info-form dl dd .date select {width:90px;}
.info-form dl dd .grade-box input[type="text"] {width:90px;}
.info-form dl dd .grade-box span {display:inline-block;width: 60px;}
.info-form dl dd .radio-check li {display:inline-block;margin-right:20px;}
.info-form dl dd .high-sch-box input[type="text"]:nth-child(1) {width: 90px;}

.info-form .tb02 {display: flex;}
.info-form .tb02  dl {width:50%;}

.impor-box {padding: 30px 30px 30px 87px;border:1px solid #ff3336;position:relative;box-sizing:border-box;margin-bottom:20px;}
.impor-box::before {content: '!';width: 40px;height: 40px;position:absolute;display:block;background: linear-gradient(#fb4b9c, #e10000);left: 30px;top: 30px;border-radius: 50px;line-height:45px;text-align: center;font-size: 1.5rem;font-weight: bold;color: #fff;}
.impor-box p {line-height:normal;}

@media all and (max-width:899px){
	.info-form .tb02 {display:block;}
	.info-form .tb02  dl {width:100%;}
}

@media all and (max-width:599px){
	.info-form dl {padding:15px;}
	.info-form dl dd .address div input[type="text"] {width:100px;}
	.info-form dl dd .txt {display:block;}
	.info-form dl dt {width:100%;margin-bottom: 10px;}
	.info-form dl dd {width:100%;}
	.info-form dl dd input[type="text"].per-input {width:100%;}
	.info-form dl dd .country input[type="text"]:nth-child(2) {width:calc(100% - 80px);}

	.impor-box {padding:20px;}
	.impor-box::before {position:initial;margin:0 auto 10px;}

	.info-form dl dd select {width:100%;}
	.info-form dl dd .high-sch-box input[type="text"]:nth-child(3) {width:100%;}
	.info-form dl dd .grade-box span {width:45px;}
}

.app-completion {background-color:#f8f8f8;padding:40px;box-sizing:border-box;text-align:center;margin-bottom: 40px;}
.app-completion p {font-size:1.2rem;color:#000;}
.app-completion p strong {color:#2a3eab;font-size:1.4rem;}

@media all and (max-width:599px){
	.app-completion {padding:25px;}
}

.personal-wrap {}
.personal-wrap.bor-bottom {border-bottom:1px solid #ddd;padding-bottom: 20px;}
.personal-wrap .per-box {overflow-y: scroll;padding:30px 40px;background-color: #f8f8f8;max-height: 230px;box-sizing: border-box;border: 1px solid #ccc;margin-bottom: 10px;font-family: "Noto Sans KR","돋움",arial,Dotum,Verdana,helvetica,clean,sans-serif;}

.agree-box {padding-bottom: 20px;display: block;}
.agree-box .agree-txt {float:left;}
.agree-box .agree-check {text-align: right;float:right;/* width: 100%; */}
.agree-box .agree-check input[type=checkbox] {width: 20px;height: 20px;border-radius: 100%;display: none;}
.agree-box .agree-check label {position:relative;cursor: pointer; }
.agree-box .agree-check label::before {content:''; display:block;position:absolute;left: -30px;top: -2px; border-radius:50px;width: 20px;height: 20px;border:1px solid #a30138;/* background:#f8f8f8; */}
.agree-box .agree-check label::after {content:'';display: none;position:absolute;left: -22px;top: 2px;width: 4px;height: 8px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}
.agree-box .agree-check input[type=checkbox]:checked + label::before {background: #ff3333;float: right}
.agree-box .agree-check input[type=checkbox]:checked + label::after {content:''; display:block;}
.agree-box .agree-check span {display:inline-block;margin-left:35px;}

.agree-box .agree-check2 {text-align: center;/* width: 100%; */}
.agree-box .agree-check2 input[type=checkbox] {width: 20px;height: 20px;border-radius: 100%;display: none;}
.agree-box .agree-check2 label {position:relative;cursor: pointer; }
.agree-box .agree-check2 label::before {content:''; display:block;position:absolute;left: -30px;top: 0px; border-radius:50px;width: 20px;height: 20px;border:1px solid #a30138;/* background:#f8f8f8; */}
.agree-box .agree-check2 label::after {content:'';display: none;position:absolute;left: -22px;top: 0px;width: 4px;height: 8px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}
.agree-box .agree-check2 input[type=checkbox]:checked + label::before {background: #ff3333;float: right}
.agree-box .agree-check2 input[type=checkbox]:checked + label::after {content:''; display:block;}

.info-s-box .pTit {font-size:28px;font-weight:bold;color:#000;}
.cB::after {content:'';display:block;clear:both;}
.tab-box {margin-bottom:40px;}
.tab-box li {/* border-radius:10px; */float:left;width: 33.33%;box-sizing:border-box;padding:15px 10px;text-align:center;border:1px solid #ddd;position:relative;}
.tab-box li.on::before {content:'';width:30px;height:30px;display:block;position:absolute;background: #ff7676;right: -15px;top:34%;z-index:10;/* transform: rotate(45deg); */border-radius: 50px;box-shadow: 0 0 5px rgba(0 0 0 / 50%);}
.tab-box li.on::after {content:'';width: 6px;height: 6px;display:block;position:absolute;border-top:2px solid #fff;border-right:2px solid #fff;right: -3px;top: 45%;z-index:10;transform: rotate(45deg);}
.tab-box li span {font-size:13px;display:inline-block;padding:1px 15px;background-color:#999;color:#fff;border-radius:50px;}
.tab-box li p {font-size:1.1rem;margin-top:6px}
.tab-box li.on {background-color: #b50505;border-color:#be3434;}
.tab-box li.on p {font-weight:bold;color:#fff;}
.tab-box li.on span {background-color:#fff;color:#be3434;}
.tab-box li:last-child.on::before , .tab-box li:last-child.on::after {display:none;}

@media all and (max-width:699px){
	.tab-box li.on {width:100%;}
	.tab-box li:not(li.on) {display:none;}
	.tab-box li.on::before , .tab-box li.on::after {display:none;}
}

@media all and (max-width:599px){
	.agree-box .agree-txt {width:100%;text-align:left;}
	.agree-box .agree-check {width:100%;text-align:right;}

	.info-s-box .pTit {font-size:22px;}
}

/*레이어 팝업*/
#popup_wrap {position:relative;width:80%; height:600px;overflow-y: scroll;background:#fff; border: solid 1px #666666; position:fixed; top:50%; left:10%; margin:-250px 0 0 ; z-index:10000; display:none;}
#mask {width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7) repeat; top:0; left:0; z-index:1000; display:none;}
.popup-cont01 {position:relative;text-align:left;width:100%; margin: 0 auto;box-sizing:border-box;}
.popup-cont01 button {position:absolute;top:0;right:0;padding: 20px 15px; max-height:74px;line-height: 36px; background: #000; color: #ffffff; text-align: center; border: none; font-size: 16px;}

.popup-cont01 .pTxt {font-size: 22px;font-weight: bold;padding: 18px;max-height:70px;background: #333;color: #fff;    padding-right: 65px;}
.popup-cont01 .conBoxList {padding:25px 10px 25px 25px;}
.popup-cont01 .conBoxList .nBox {width: calc(25% - 20px);box-sizing: border-box;margin-right: 20px;margin-bottom: 20px;border-bottom:1px solid #ccc;}
.popup-cont01 .conBoxList .nBox .tit {font-size:17px;font-weight:bold;color:#094f99;}
.popup-cont01 .conBoxList .nBox .txt {position:relative;padding-left:10px;}
.popup-cont01 .conBoxList .nBox .txt::after {content:'';display:block;width:4px;height:1px;background:#aaa;position:absolute;top:12px;left:0;}
.popup-cont01 .conBoxList .nBox .txtBox {background: #f5f5f5;padding: 10px 15px;border-top: 1px solid #000;;}
.popup-cont01 .conBoxList .nBox .txtBox02 {background:#fafafa;padding:10px;}
.popup-cont01 .conBoxList .nBox .nBox02 {padding:10px}

.popup-cont01 .reserve-form dl dt {display: flex;align-items: center;justify-content: center;}

@media all and (max-width:999px){
	.popup-cont01 .conBoxList .nBox {width: calc(33.333% - 20px);}
}

@media all and (max-width:799px){
	.popup-cont01 .conBoxList .nBox {width: calc(50% - 20px);}
}
@media all and (max-width:599px){
	.popup-cont01 .conBoxList {padding:15px;margin-bottom:20px;}
	.popup-cont01 .conBoxList .nBox {width:100%;margin-right:0;}
}

/*FROM SITE CODE :  
*/