
#m_gnb{display:none}
@media all and (max-width:1050px){
	#ft .add span:nth-child(5){display:none}
	#ft > .inner{max-width:770px;}
	.m_br{display:block;}
	#gnb ul li a {font-size: 20px;}
	#gnb ul li {margin: 0 21px}
	#main.quiz > .inner > .tit h2:before{display:none}
	#main.quiz > .inner > .tit h2:after{display:none}
	#quiz_box{background-size: 105% 105%;width:100%;height:800px}
	#quiz_box > .inner{padding:11vw 16vw}
	#quiz_box .replay {right: 5.2%;top: 123px;	}
	#quiz_box .answer ul li{height:auto}

}

@media all and (max-width:750px){

	#main {min-height:auto}
	#hd > .inner > .gnb_all_mob_open {display: block;position: relative;width: 42px;height: 44px;z-index: 10;right: 0;}
	#hd > .inner > .gnb_all_mob_open>span {display:block;position:absolute;top:50%;right:0%;width:40px;height:2px;background: #fff;/;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
	#hd > .inner > .gnb_all_mob_open>span:nth-of-type(1) {top:calc(50% - 11px);right:0;}
	#hd > .inner > .gnb_all_mob_open>span:nth-of-type(3) {top:calc(50% + 11px);right:0;}
	#hd > .inner > .gnb_all_mob_open.close {}
	#hd > .inner > .gnb_all_mob_open.close span:nth-child(1) {width: 47px;position: absolute; top: 50%;left:0;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);color: #fff;}
	#hd > .inner > .gnb_all_mob_open.close span:nth-child(2) {display: none; opacity: 0;}
	#hd > .inner > .gnb_all_mob_open.close span:nth-child(3) {width: 47px;position: absolute; top: 50%;left:0;transform: rotate(45deg);-webkit-transform: rotate(45deg));color: #fff;}

	.mobile{display:block;}
	.pc{display:none}

	#hd {position:fixed;background: rgba(19,32,54,.95);}
	#hd #logo{width:auto}
	#hd > .inner { padding: 1.2vw 4.7vw;}
	#hd #logo a{width:56.5vw}
	#hd .logo2{display:none}

	#gnb {display:none}
	#gnb.active {display:block;	position:fixed;	z-index:2;	top: 50%;	transform: translateY(-50%);	width:100%;margin: 0 -4.7vw;	}
	#hd.active{background:none}
	#hd.active #gnb_all_bg{height: 100vh;background: #010407;top: 0;position: relative;z-index: 1;opacity:.95}
	#hd.active > .inner {position:absolute}
	#gnb ul{display:block;width:100%}
	#gnb ul li{margin:0;text-align:center;}
	#gnb_1dul .gnb_1dli {    margin: 6vw 0;}
	#gnb ul li a {font-size:7vw}
	#gnb_1dul .gnb_1dli.active:after{    width: 80%;bottom: -3vw;height: 2vw;}
	#gnb_1dul .gnb_1dli.active a{color:#E6C997}

	#ft .add{font-size:3vw}
	#ft .add span:before {margin: 0 1.3vw;font-size: 1.6vw;width: 0.1vw;top: -0.1vw;}
	#ft .add span:nth-child(6):before{display:none}
	#ft > .inner {padding:9.3vw 5.6vw 13.3vw}
	#ft .copy {font-size:2.8vw}




	/* quiz */
	#main.quiz > .inner{    padding: 25vw 4vw 16vw;}
	#main.quiz > .inner > .tit {font-size:7.5vw;}
	#main.quiz > .inner > .tit h2{letter-spacing:-1px;margin-top:0;margin-bottom:6vw;}
	#main.quiz > .inner > .tit h2:before{display:none}
	#main.quiz > .inner > .tit h2:after{display:none}


	#quiz_box {background-size: 123% 123%;width: 100vw;margin:4vw -4vw 0;min-height:120vw;height: auto;}

	#quiz_box > .inner > .tit{text-align:center;margin:9.09vw auto 0}
	#quiz_box > .inner > .tit h2{font-size:7vw;color:#00081A;font-weight:600;line-height:1.2}
	#quiz_box > .inner > .tit h3{font-size:4vw;color:#392F1F;margin:3vw 0 3vw;line-height:1.2;word-break:keep-all}
	#quiz_box > .inner > .tit h4{color:#392F1F;font-weight:600;font-size:4.36vw;margin-top:3.64vw;display:block;}
	#quiz_box > .inner > .tit .desc{color:#392F1F;font-weight:400;font-size:3.64vw}
	#quiz_box > .inner > .tit p{font-size: 4vw;font-weight: 700;text-align: center;color: #4a5366;}
	#quiz_box > .inner > .tit p.strong{font-size: 5vw;color:#000;margin:2vw 0 -2vw}

	#quiz_box.complete > .inner > .tit {margin-top:2vw}
	#main #quiz_box > .inner{padding:7vw 10vw}
	#main #quiz_box > .inner.fail{padding:20vw 10vw}
	#quiz_box .replay {right: 5.2%;    right: 50%;    top: -14vw;    transform: translateX(50%);}
	#quiz_box .replay span{padding-top:6.67vw;padding-left:1.11vw;font-size:3.11vw;font-weight:500;color:#fff;line-height:1;display:inline-block;}
	#quiz_box .replay a{display: block;vertical-align: middle;}
	#quiz_box .replay a img{width:6vw}
	#quiz_box .replay a br{display:none}
	#quiz_box .answer ul li{}

	#quiz_box > .inner > .tit{margin: 6vw auto 0;}
	#join_box > .inner > .tit:after,
	#quiz_box > .inner > .tit:after {width: 3.73vw;height: 3.2vw;margin: 3vw auto;background-size:cover}
	#quiz_box .page ul li{height:0.69vw;margin:0 0.5vw;border-radius:0.2vw}
	#quiz_box .answer {}
	#quiz_box .answer ul{border-top:0.44vw solid #C5AB7D;}
	#quiz_box .answer ul li{display:flex;justify-content: space-between;align-items:center;padding:2.22vw 2.67vw;border-bottom:0.44vw solid #C5AB7D;height:auto;cursor:pointer}
	#quiz_box .answer ul li span{display:block;}
	#quiz_box .answer ul li .num{font-size:4.67vw;width:7.78vw;}
	#quiz_box .answer ul li .tit{font-size:4.00vw;color:#392F1F;font-weight:400;flex-grow: 2;text-align:left;width:100%;line-height:1.2;word-break:keep-all}
	#quiz_box .answer ul li .sel{font-size:3.11vw;color:#392F1F;opacity:.5;font-weight:400;width:20.00vw;text-align:right;}

	#quiz_box .answer ul li.on {background:linear-gradient(180deg, rgb(57,47,31) 0%, rgb(122,116,105) 100%);}
	#quiz_box .answer ul li.on .num{color:#fff}
	#quiz_box .answer ul li.on .tit{color:#fff;font-weight:500}
	#quiz_box .answer ul li.on .sel{color:#fff;opacity:1;}
	#quiz_box .answer ul li.on .sel:before{content:'';background:url(/img/btn_check.svg) no-repeat center;width: 4.00vw;height: 4.00vw;display: inline-block;background-size: cover;vertical-align: middle;margin-right: 1.11vw;}

	#quiz_box .result_tit{margin-bottom:-6.67vw;}
	#quiz_box .result_tit span{color:#4A5366;font-size:3.56vw;font-weight:500}

	#quiz_box .provision{text-align:left;max-width:100.00vw;margin:0 auto}
	#quiz_box .provision .agree{font-size:4.00vw;font-weight:500;color:#392F1F;padding:0 0 3.33vw}
	#quiz_box .provision .agree_detail {border-top:0.44vw solid #D0BA96;border-bottom:0.44vw solid #D0BA96}
	#quiz_box .provision .agree_detail ul{padding:2.22vw 0}
	#quiz_box .provision .agree_detail li{font-size:3.56vw;color:#392F1F;padding:1.11vw 0}
	#quiz_box .provision .agree_all{font-size:4.00vw;font-weight:500;color:#392F1F;padding:3.33vw 0 0}
	#quiz_box .apply_btn.disable a{cursor:unset}

	.apply_btn_wrap .apply_btn {font-size: 3.64vw !important;min-width: 36.36vw;}
	.apply_btn_wrap .apply_btn button,
	.apply_btn_wrap .apply_btn a {font-size: 4.5vw !important;padding: 2.55vw 9.09vw;min-width: 36.36vw;}
	.apply_btn_wrap .apply_btn button .bullet,
	.apply_btn_wrap .apply_btn a .bullet {width: 5.27vw;height: 5.27vw;left: 1.82vw;background-size:cover}
	.apply_btn_wrap{margin:8vw 0 10vw}



	/* apply */

	#main.apply{padding: 25vw 4vw 16vw;}
	#main.apply .apply_btn_wrap {margin: 8vw 0 0;}


	#join_box {background-color:#EDE6DD;padding:1.82vw;border-radius:3.64vw;max-width:124.91vw;margin:0 auto}
	#join_box > .inner{ padding: 8vw 4vw 8vw;border-radius:3.64vw;border:0.18vw solid #B1B1B1}

	#join_box > .inner.narrow{padding: 8vw 4vw 8vw;}
	#join_box > .inner.result{padding: 8vw 4vw 8vw;}
	#join_box > .inner.userinfo{padding: 8vw 4vw 8vw;}

	#join_box > .inner > .tit{text-align:center;}
	#join_box > .inner > .tit h2{font-size:6.18vw;color:#000;font-weight:600;line-height:1.2}
	#join_box > .inner > .tit h3{font-size:3.64vw;font-weight:700;color:#666;margin:3.64vw 0;line-height:1.2;}
	#join_box > .inner > .tit .line{margin-top:-2.73vw}

	#join_box > .inner > .input_wrap{min-width:auto}
	#join_box > .inner .oneline{display:block;}

	#join_box .input_wrap {min-width:108.89vw;text-align:left;}
	#join_box .input_wrap li {border-top:0.44vw solid #c5ab7d;padding:3.33vw 0;}
	#join_box .input_wrap li:last-child {border-bottom:0.44vw solid #c5ab7d;}
	#join_box .input_wrap label {width:20.67vw;font-size:4.00vw;font-weight:700;color:#392f1f;letter-spacing:-0.20vw;}
	#join_box .input_wrap label:after {content:'';display:block;clear:both;}

	#join_box .input_wrap label span {text-align: left;color: #df5a1e;font-size: 7.11vw;font-weight: 700;margin-left:1.56vw;position:absolute;margin-top:0.89vw;}
	#join_box .input_wrap span {text-align: left;color: #392f1f;font-size: 3.56vw;font-weight: 400;vertical-align:middle;display:inline-block;line-height:1}
	#join_box .input_wrap input[type="text"] {width:100%;height:9.78vw;border-radius:1.33vw;border:solid 0.22vw #707070;background-color:#fff;padding:2.22vw;font-size: 3.56vw;text-align: left;color: #392f1f;}
	#join_box .input_wrap .reg_mb_hp{width:54.44vw !important}
	#join_box .input_wrap input[type="text"]::placeholder {font-size:6.56vw;text-align:left;color:#392f1f;}
	#join_box .input_wrap select {width:24.44vw;height:9.78vw;font-size: 3.56vw;text-align: left;color: #392f1f;border-radius: 1.33vw;margin-right: 1.33vw;}
	#join_box .input_wrap .innertimer{position:relative;}
	#join_box .input_wrap .innertext{position:absolute;/* right:104.44vw; */bottom: 7.27vw;right: 2.22vw;font-size:3.11vw;text-align:left;color:#392f1f;}
	#join_box .input_wrap .send_code {width:22.22vw;height:10.00vw;border-radius:1.33vw;border:solid 0.22vw #4a5366;background-color:#4a5366;color:#fff;font-size:3.56vw;margin-left:1.33vw;}
	#join_box .input_wrap .resend {font-size:3.11vw;font-weight:400;color:#392f1f;border-bottom:0.22vw solid #392f1f;margin-left:1.33vw;cursor:pointer;display:none;}
	#join_box .input_wrap .message {margin:2.22vw 0 0 0;font-family:'Welcome';}
	#join_box .input_wrap .message .state {text-align:left;color:#9a5700;font-size:3.11vw;}
	#join_box .input_wrap .message .text {font-size:3.11vw;text-align:left;color:#000;}
	#join_box .input_wrap .message .time_t {margin-bottom:1.33vw;}
	#join_box .input_wrap .message .item {font-size: 3.56vw;text-align: left;color: #392f1f;}
	#join_box .input_wrap .tooltip {font-size: 3.11vw;text-align: left;color: #392f1f;margin-top:2.00vw;}
	#join_box .input_wrap .mt_5{margin-top:1.11vw;}
	#join_box .input_wrap .input_short {width:38.89vw !important;}
	#join_box .input_wrap .item_wrap > div {/* display: inline-block; */display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: center;}
	#join_box .input_wrap .item_wrap > div + div {margin-left: 2.89vw;}
	#join_box .input_wrap .twopart_input {width:34vw !important;}




	/* 필수정보입력 - narrow 버전 */
	#join_box > .inner.narrow .input_wrap li {display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;}
	#join_box > .inner.narrow .input_wrap li > div {width: calc(100% - 16.91vw);display: flex; flex-flow: row wrap; align-items: center;}
	#join_box .input_wrap input[type="text"]::placeholder {/* font-size:2.91vw; */font-size:3.5vw !important;text-align:left;color:#999;}

	/* 모바일의 경우 주소는 위아래정렬  */
	#join_box > .inner.narrow .input_wrap li.mobile_column.on {display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;}




	#join_box .desc p{font-size: 3.27vw;font-weight:400;text-align: center;color: #392f1f;}

	#join_box .quiz_result {}
	#join_box .quiz_result .answer {font-size: 3.82vw;font-weight: 700;color: #00081a;}
	#join_box .quiz_result .date {font-size: 2.91vw;font-weight: 700;color: #00081a;}
	#join_box .quiz_result .correct {font-size: 4.73vw;font-weight: 700;color: #df5a1e;}

	#join_box .info {opacity: 0.74;border-radius: 3.64vw;border: solid 0.36vw #c5ab7d;padding:4.27vw 4.91vw;margin-top:5vw;text-align: left;}
	#join_box .info p:not(:first-child) {margin-top:2vw;}
	#join_box .info .title {width:12.73vw;display:inline-block;font-size: 2.91vw;font-weight: 700;letter-spacing: -0.15vw;color: #392f1f;}
	#join_box .info .content {vertical-align:middle;display:inline-block;width:calc(100% - 12.73vw);font-size: 3.7vw;font-weight: 400;letter-spacing: -0.15vw;color: #392f1f;}
	#join_box .oneline {display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;}

	#quiz_box .tit {margin-top:0 }
	#quiz_box .agree_tit {font-size: 3.27vw;font-weight: bold;color: #392f1f;text-align:left;}
	#quiz_box .agree_wrap {border-top:0.36vw solid #c5ab7d;border-bottom:0.36vw solid #c5ab7d;margin:2.18vw 0 3.64vw;padding:3.64vw 0;}
	#quiz_box .agree_wrap .name {font-size: 2.91vw;text-align: left;color: #392f1f;cursor: pointer;border-bottom: 0.18vw solid #392f1f;}
	#quiz_box .agree_wrap section {display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;}
	#quiz_box .agree_wrap .mt_14 {margin-top: 2.55vw;}

	#quiz_box .chk_all {display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;}
	#quiz_box .chk_all label {font-size: 2.91vw;font-weight: 700;text-align: left;color: #392f1f;}

	#quiz_box .fail .apply_btn_wrap{margin:4vw 0}

	#join_box .quiz_result {}
	#join_box .quiz_result .answer {font-size: 3.82vw;}
	#join_box .quiz_result .date {font-size:3.5vw;}
	#join_box .quiz_result .correct {font-size: 4.73vw;}


	/* 약관 팝업 */
	#pop > .inner {max-width: 100% !important;width: 100% !important;margin: 0 auto !important;padding: 0 6.67vw;}
	#pop > .inner > .rule_div {padding-top: 18.67vw;margin-bottom: 8.00vw;line-height: 1.3;}
	#pop > .inner > .rule_div > .tit {font-size: 4.80vw;border-bottom: 0.27vw solid #E6C997;padding-bottom: 1.87vw;}
	#pop > .inner > .rule_div > .content {padding: 3.64vw 0 !important;font-size: 2.55vw !important;}

	



}

