@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_01:after {display: block;content: "";position: absolute;width: 30px;height: 3px;background: #002c53;top: 0;left: 0;}
.title_02 {display: inline-block;font-size: 1.375rem;line-height: 1.5;letter-spacing: -.025em;font-weight: 700;color: #222;padding-left: 10px;margin-bottom: 10px;}
.title_02:after {display: block;content: "";position: absolute;width: 7px;height: 7px;border-radius: 50%;background: #cc1717;top: 5px;left: 0;}

.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 10px}
.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:#3d505c;width:4px;height:4px;border-radius: 50%;}
.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;}
}

/*보유기기 목록*/

.sch-top {border:1px solid #cfcfcf;background-color:#f3f3f3;padding:30px;box-sizing:border-box;text-align:center;margin-bottom:40px;}
.sch-top input[type='text'] {padding:16px;height:54px;box-sizing:border-box; font-size:16px;}

.sch-top .sch-box {display:inline-block;position:relative;margin-right:10px;}
.sch-top .btn {height:54px;width:80px;box-sizing:border-box;transition: all .3s ease;}
.sch-top .btn.search {background-color:#de2328;border:1px solid #de2328;color:#fff;font-size:16px;}
.sch-top .btn.search:hover {background-color:#bb1a1e;transition: all .3s ease;}
.sch-top .btn.reset {background-color:#fff;border:1px solid #b5b5b5;color:#333;}
.sch-top .btn.reset:hover {border: 2px solid #b5b5b5;transition: all .3s ease;}

.device-listBox {border-top:3px solid #000;padding:20px 0 0;}
.device-listBox dl::after , .device-listBox dl dd ul li::after , .cB::after {content:'';display:block;clear:both;}
.device-listBox dl {display:flex;padding: 40px 0;border-bottom: 1px solid #ddd;}
.device-listBox dl dt {width:455px;margin-right:60px;}

.device-listBox dl dt .imgbox {width:455px;height:455px;}
.device-listBox dl dt .imgbox img {width:auto;height:100%;}

.device-listBox dl dd {padding:20px 0;width:calc(100% - 515px);}
.device-listBox dl dd h4 {font-size:27px;font-weight:bold;color:#000;margin-bottom:20px;line-height: 1.4;}
.device-listBox dl dd ul li {padding:8px 0;}
.device-listBox dl dd ul li p {float:left;font-size:18px;width: calc(100% - 175px);}
.device-listBox dl dd ul li p.tit {font-weight:bold;color:#000;width:150px;position:relative;margin-right:25px;}
.device-listBox dl dd ul li p.tit::before {content:'';display:block;width:1px;height:15px;background: #a7a7a7;position: absolute;top: 6px;right: 0;}

.device-listBox dl dd .sbtn {display:inline-block;padding:0px 15px 2px;font-size:16px;border-radius:50px;}
.device-listBox dl dd .sbtn.use {color:#fff;background-color:#125fa4;}

.btn-box {margin-top:20px;}
.btn-box a.btn , .btn-box input.btn {display:inline-block;height:55px;box-sizing:border-box;padding:10px 25px;border:1px solid #002c53;color:#002c53;font-size:17px;transition: all .3s ease;}
.btn-box a.btn:hover , .btn-box input.btn:hover {background:#002c53;color:#fff;}

.btn-box a.btn.ny , .btn-box input.btn.ny {background:#002c53;color:#fff;}
.btn-box a.btn.ny:hover , .btn-box input.btn.ny:hover {background:#205cbe;}

.board-list-paging.red .pagelist strong span, .board-list-paging.red .pagelist button:hover span, .board-list-paging.red .pagelist button:focus span, .board-list-paging.red.pagelist button:active span {background:#de2328;}
.board-list-paging.red .pagelist strong span, .board-list-paging.red .pagelist a:hover span, .board-list-paging.red .pagelist a:focus span, .board-list-paging.red .pagelist a:active span {background:#de2328;border-color:#de2328;}
.board-list-paging.red span.num {width:40px;}

@media all and (max-width:999px){
	.device-listBox dl dt {width:250px;margin-right:40px;}
	.device-listBox dl dt .imgbox {width:250px;height:250px;}

	.device-listBox dl dd {width:calc(100% - 290px);}

	.sch-top .formCore {display:flex;}
	.sch-top .sch-box {}
	.sch-top input[type='text'] {width:70%;}
	.sch-top .btn.search {position: initial;}
}

@media all and (max-width:799px){
	.device-listBox dl {display:block;}
	.device-listBox dl dt {width:100%;}
	.device-listBox dl dt .imgbox {width:80%;height:auto;margin:0 auto;}
	.device-listBox dl dd {width:100%;}
}

@media all and (max-width:599px){
	.device-listBox dl dd h4 {font-size:1.4rem;}
	.device-listBox dl dt .imgbox {width:100%;}
	.device-listBox dl dd ul li {padding:5px 0;}
	.device-listBox dl dd ul li p {font-size:16px;}

	.device-listBox dl dd ul li p.tit {width: 120px;margin-right: 12px;}
	.btn-box a.btn {padding:10px 15px;height: 45px;font-size: 16px;line-height: 1.3;}
	
	.sch-top .formCore {display:block;margin-bottom: 10px;}
	.sch-top input[type='text'] {width:100%;}
}

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

.device-listBox.ty02 {border-top:none;}

.device-listBox.ty02 dl dd {border-top:3px solid #000;}
.device-listBox.ty02 dl dd ul li {padding:19px 0;border-bottom:1px solid #ddd;}

.dev-txt {padding:40px 0;border-bottom:1px solid #ccc;}
.dev-txt dl {margin-bottom:40px;}
.dev-txt dl::after {content:'';display:block;clear:both;}
.dev-txt dl dt {float:left;width:120px;margin-right:20px;position:relative;font-size:20px;font-weight:bold;color:#0e3fa6;}
.dev-txt dl dt::before {content:'';display:block;width:18px;height:3px;background:#0e3fa6;position:absolute;top:-2px;left:0;}
.dev-txt dl dd {float:left;width:calc(100% - 140px);font-size:18px;color:#000;}

.sch-top .sch-select select {height:54px;padding:10px 15px 10px 10px;box-sizing:border-box;}
.sch-top .sch-select select.ty02 {border:2px solid #ff1b1c;}

h4.tit01 {font-size:30px;    color: #000;}

@media all and (max-width:599px){
	.device-listBox.ty02 dl dd ul li {padding:10px 0;}
	.dev-txt  {padding:30px 0 0;}
	.dev-txt dl dt {width:100%;}
	.dev-txt dl dd {width:100%;}
}

.calBox {margin-top:40px;}
.calBox .schCal {width:48%;margin-right:2%;    float: left;}
.calBox .schCal .monthDay {position: relative;font-size:1.6rem;font-weight:bold;text-align:center;color:#000;margin-bottom:15px;}
.calBox .schCal .monthDay button {width:40px;height:40px;border:1px solid #ddd;border-radius:50px;background:none;position:absolute;text-indent: -9999px;}
.calBox .schCal .monthDay button::after {content: '';display: block;width: 9px;height: 9px;border-top: 2px solid #ccc;border-right: 2px solid #ccc;transform: rotate(45deg);top: 14px;left: 10px;position: absolute;}
.calBox .schCal .monthDay button.arr-l::after  {    transform: rotate(-135deg);left: 15px;}
.calBox .schCal .monthDay button.arr-l {left:0;top:0;}
.calBox .schCal .monthDay button.arr-r {right:0;top:0;}
.calBox .schCal .monthDay button:hover {background: #205cbe;}
.calBox .schCal .tblTy01 {float: left;border:1px solid #ddd;width: 100%;border-collapse: collapse;text-align:center;}
.calBox .schCal .tblTy01 thead th {background:#f7f7f7;padding:18px 5px;}

.calBox .schCal .tblTy01 tbody td {padding:10px 5px;}
.calBox .schCal .tblTy01 .sun {color:#ff191e;}
.calBox .schCal .tblTy01 .sat {color:#0250ad;}
.calBox .schCal .tblTy01 tbody td  a.on {display:inline-block;color:#fff;width:45px;height:45px;line-height:45px;box-sizing: border-box;color:#fff;background:#205cbe;border-radius:50px;}
.calBox .schCal .tblTy01 tbody td  a.date {min-height:45px;position: relative;}
.calBox .schCal .tblTy01 tbody td  a.on2 {display:inline-block;width:45px;height:45px;line-height:45px;box-sizing: border-box;background:#dfdfdf;border-radius:50px;}
.calBox .schCal .tblTy01 tbody td  a .over {content:'';display:block;width:5px;height:5px;border-radius:50px;position:absolute;background: #205cbe;position: absolute;top: -10px;left: 50%;margin-left: -2.5px;}
.calBox .resDateList {}
.calBox .resDateList .calTbl {width:50%;border-top:2px solid #000;border-collapse: collapse;text-align:center;}
.calBox .resDateList .calTbl thead th {font-weight:bold;padding:18px 5px;border-bottom:1px solid #ddd;}
.calBox .resDateList .calTbl tbody td {padding:10px 5px;border-bottom:1px solid #ddd;}

.calBox .resDateList .title {font-size:1.35rem;font-weight:bold;text-align:center;color:#000;margin-bottom:15px;}



@media all and (max-width:799px){
	.calBox {display:block;}
	.calBox .schCal {width:100%;margin-bottom:20px;}
	.calBox .resDateList .calTbl {width:100%;}
	.calBox .resDateList  {width:100%;}
	.calBox .resDateList .btn-box {text-align:center;}
	
	/*달력*/
	.info-form dl dd .mailPkg1 {display: flex;flex-wrap: wrap;align-items: center;}
	.info-form dl dd .mailPkg1 input:nth-child(1) {width: calc(50% - 20px);}
	.info-form dl dd .mailPkg1 span:nth-child(2) {width: 20px;display: block;text-align: center;}
	.info-form dl dd .mailPkg1 input:nth-child(3) {width: 48.5%;}
	.info-form dl dd .mailPkg1 select:nth-child(4) {width: 100%;}
}


/* 회원로그인 */
/* 로그인 */
.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}

.hasGreyPtnBox1 {width:600px;margin:0 auto;}
.hasGreyPtnBox1 .log-wr .tit , .hasGreyPtnBox1 .log-wr .txt {text-align:center;}
.hasGreyPtnBox1 .log-wr .form-wr {margin-top:25px;text-align: center;}
.hasGreyPtnBox1 .log-wr .form-wr .userName label , .hasGreyPtnBox1 .log-wr .form-wr .userPass label {width:150px;display: inline-block;}
.hasGreyPtnBox1 .log-wr .form-wr .loginGogo {width:100%;border:none;background: #9d0006;color: #fff;padding: 8px 10px 11px;margin-top: 20px;}


@media all and (max-width:655px){
	.hasGreyPtnBox1 {width:90%;}
}
/* 아이디/비번찾기 */
.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 > *: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%;}

.info-form .tb04 {display: flex;}
.info-form .tb04 dl {width:25%;}
.info-form .tb04 dl dt {width: 100px;}

#joinFrmBase .join-btn {background: #cd0000; color: #fff; border: none; width: 30px; height: 30px;}

@media all and (max-width:1299px){
	.info-form .tb04 dl dt {float: none;}
}

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

.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;}
}


/*마일리지*/
dl.mileage-box {border-top: 2px solid #a92428;position: relative;background: #f7f7f7;padding:30px 40px;margin: 10px 0 30px;display:flex;}
dl.mileage-box dt {min-width:100px;height: 92px;line-height: normal;background-color: #a92428;text-align: center;padding: 15px;box-sizing: border-box;color: #fff;border-radius: 20px;margin-right: 30px;align-items: center;}
dl.mileage-box dt p.tit {font-size:1.8rem;font-weight:bold; }
dl.mileage-box dd {}
dl.mileage-box dd p.tit {font-weight:bold;font-size:1.2rem;color:#a92428;margin-top:15px;    font-family: 'GmarketSansBold';}

.mile-box {}
.mile-box h3 {float:left;}
.mile-box .com-box-r {float:right;margin-top:10px;}
.mile-box .com-box-r select {border: 1px solid #666;min-width: 180px;height: 40px;padding: 5px;}


@media all and (max-width:699px){
	dl.mileage-box {display:block;padding:20px 30px;}
	dl.mileage-box dt {width:100%;}
	.mile-box .com-box-r select {min-width: 100px;}
	
	.tbl-type01.mo {}
	.tbl-type01.mo colgroup, .tbl-type01.mo thead {display:none;}
	.tbl-type01.mo tbody td {position:relative;padding-left:60px;display:block;width:100%;box-sizing:border-box;border-left:none;border-right:none;text-align:left;}
	.tbl-type01.mo tbody tr:nth-child(2n) {border-top:1px solid #333;}
	.tbl-type01.mo tbody tr:nth-child(2n) td {background:#fafafa;}
	.tbl-type01.mo tbody td::before {content:'';display:block;position:absolute;width:60px;top:50%;left:0;font-weight:bold;margin-top: -9px;}
	.tbl-type01.mo tbody td.mile01::before {content:'날짜';}
	.tbl-type01.mo tbody td.mile02::before {content:'항목';}
	.tbl-type01.mo tbody td.mile03::before {content:'마일리지';}
}

/*달력*/
.monthDay {position:relative;text-align: center;margin:20px 0;}
.monthDay h3 {font-size:30px;}
.monthDay button {width:40px;height:40px;border:1px solid #ccc;border-radius:50px;background:none;position:absolute;text-indent: -9999px;}
.monthDay button::after {content: '';display: block;width: 9px;height: 9px;border-top: 2px solid #bbb;border-right: 2px solid #bbb;transform: rotate(45deg);top: 14px;left: 10px;position: absolute;}
.monthDay button.arr-l::after  {    transform: rotate(-135deg);left: 15px;}
.monthDay button.arr-l {left:0;top:0;}
.monthDay button.arr-r {right:0;top:0;}
.monthDay button:hover {background: #205cbe;}

.tbl-type01.tblCal {border-top:none;}
.tbl-type01.tblCal thead th {background:#2655af;color:#fff;padding: 20px 8px 20px 8px;}
.tbl-type01.tblCal thead th span {display:block;}
.tbl-type01.tblCal thead th span.date {font-size:22px;}
.tbl-type01.tblCal thead th span.engD {font-size:15px;opacity:0.6;}

.tbl-type01.tblCal td {padding:0;text-align: left;}
.tbl-type01.tblCal td div.box {position:relative;min-height:100px;padding:40px 10px 10px;box-sizing:border-box;}
.tbl-type01.tblCal td .tDate {position:absolute;top:15px;left:15px;}
.tbl-type01.tblCal td .tDate.sat {color:#2860b5;}
.tbl-type01.tblCal td .tDate.sun {color:#ff1c13;}
.tbl-type01.tblCal td div.box p a {display: block;background: #2d5ad1;padding: 4px 2px 3px;   text-align: center;border-radius: 3px;color: #fff;margin-bottom: 3px;}
.tbl-type01.tblCal td div.box p a.cor01 {background: #2d5ad1;}
.tbl-type01.tblCal td div.box p a.cor02 {background: #ff5453;}
.tbl-type01.tblCal td div.box p a.cor03 {background: #f4b711;}
.tbl-type01.tblCal td div.box p a.cor04 {background: #2391f0;}
.tbl-type01.tblCal td div.box p a.cor05 {background: #340d74;}
.tbl-type01.tblCal td div.box p a.cor06 {background: #00a651;}
.tbl-type01.tblCal td div.box p a.cor07 {background: #8dc63f;}
.tbl-type01.tblCal td div.box p a.cor08 {background: #28cac3;}
.tbl-type01.tblCal td div.box p a.cor09 {background: #8560a8;}
.tbl-type01.tblCal td div.box p a.cor10 {background: #f451a2;}


/*증명서 출력*/
.printBox {text-align:center;border:5px solid #f5f5f5;padding:50px;}
.printBox .imgBox {margin-bottom:20px;}
.printBox .tit {font-size:26px;font-weight:bold;margin-bottom:25px;color:#000;line-height:1.3;}

@media all and (max-width:699px){
	.printBox {padding:50px 20px;}
	.printBox .imgBox img {width:150px;}

}

select.seTy01 {min-height: 40px;min-width: 150px;padding: 5px 10px;box-sizing: border-box;margin-bottom: 15px;}

/*FROM SITE CODE :  
*/