@charset "utf-8";

#index {background:#fff;}
.img_100 {width:100%; /*height:100% !important; */vertical-align:top;}
.header {width:100%; height:55px;}
.header ul {list-style:none;}
.header ul li {float:left;}
.header li.logo {padding:15px 0 0 15px;}
.header li.logo a img {height:40px;}
.header li.top-btn {float:right; margin:20px 15px 0 0;}
.header li.top-btn a {background:#f4570a; border-radius: 7px; color:#fff; padding:6px 18px; font-weight:bold; font-size:11pt; font-family: 'Noto Sans KR', sans-serif;}
.search {position:relative; width:90%; /*background:yellow;*/ padding:13% 0 0; text-align:center; margin:0 auto;}
.search .txt {text-align:left; border-bottom: 1px solid #7f7f7f; font-size:16pt; font-weight:400; font-family: 'Noto Sans KR', sans-serif; color:#282828; letter-spacing: -0.045em; padding-bottom:10px;}
.search span img {float:right; width:29px; height:29px;}
.middle a div img {padding:50px 0;}
.middle1 {width:100%; height:500px;}
.fixed-icon img {position:fixed; width:100%; height:auto; bottom:0;}

.sub-head {width:100%; height:50px; }
.sub-head div {display: inline-block;}
.sub-head .back {width:10%;margin:25px 0 0 25px;}
.sub-head .back img {width:24px; height:24px;}
.sub-head .close {width:10%;float:right;margin:25px 25px 0 0;}
.sub-head .close img {width:19px; height:20px;}

.sub-txt {position:absolute; top:20px; text-align:center; width:100%; margin:0 auto;}
.sub-txt h1 {font-size:15pt; font-family: 'Noto Sans KR', sans-serif; font-weight:300; line-height: 110%; letter-spacing: -0.045em;}
.step-bar {position:absolute; width:25%; height:6px; background:#f4570a; margin-top:20px; z-index:50;}
.step-bar-bg {position:absolute; width:100%; height:6px; background:#f2f2f2; margin-top:20px;}
.step-txt {position:relative; text-align:center; width:100%; margin:0 auto;}
.step-txt h3 {font-size:11pt; font-family: 'Noto Sans KR', sans-serif; font-weight:500; letter-spacing: -0.045em; margin-top:36px;}
.question {text-align:center; width:100%; margin:60px auto 40px auto;}
.question h2 {font-size:18pt; font-family: 'Noto Sans KR', sans-serif; font-weight:500; letter-spacing: -0.045em;}
.next-btn {position:fixed; bottom:0; left: 0; background:#ddd; /*border-radius: 7px;*/width:100%; margin:0 auto; padding:14px 0;border:0; text-align:center;color:#fff; font-weight:bold; font-size:16pt; font-family: 'Noto Sans KR', sans-serif;}
.next-btn span {}
.subon{
background:#f4570a;
}
.cbox p {padding-left:25px; border-top: 2px solid #f2f2f2; border-left: 2px solid #f2f2f2; border-right: 2px solid #f2f2f2;}
.cbox p:last-child {border-bottom: 2px solid #f2f2f2;}
.cbox { line-height: 510%; width:90%; margin:0 auto;}
.cbox.w {width:90%;}
.cbox.w p {display: inline-block; width:45%;}
.cbox input[type="checkbox"]{
	display: none!important;
	/*
	width: 18px;
	height: 18px;
	border: 1px solid #bcbcbc;
	cursor: pointer;
	background: #fbfbfb;
	*/
}

/*
.cbox input + label:before{
  content:"";
  display:inline-block;
  width:18px;
  height:18px;
  line-height:18px;
  border:1px solid #cbcbcb;
  vertical-align:middle;
  }

.cbox input:checked + label:before{
  content:"\f00c";
  font-family:"Font Awesome 5 free"; 
  font-weight:900;
  color:#fff;
  background-color:#f4570a;
  border:1px solid #cbcbcb;
  font-size:13px;
  text-align:center;
  }

*/

.cbox .checkbox + label{

display: inline-block;background: url("/mobile/shop/img/ch_off.png") 0 0 no-repeat; background-size: cover; width: 22px; height: 22px;
								cursor:pointer; margin-right: 9px;
  }

.cbox .checkbox:checked + label{
background: url("/mobile/shop/img/ch_on.png") 0 0 no-repeat; background-size: cover; 

  }

/*.checkboxwrap .checkbox{display: none!important;}
.checkboxwrap .checkbox + label {display: inline-block;background: url("/mobile/shop/img/ch_off.png") 0 0 no-repeat; background-size: cover; width: 22px; height: 22px;
								cursor:pointer; margin-right: 9px;}



.checkboxwrap .checkbox:checked + label {background: url("/mobile/shop/img/ch_on.png") 0 0 no-repeat; background-size: cover; }
*/


.cbox .lab1 {font-size:14pt; margin-left:8px;}
/*input[id="b"] {
	color:#f4570a;
  }*/
  /*
label[for="b"] {
	color:#f4570a;
  }
  */
input:checked + label {
	color:#f4570a;
}

.cbox .t01 {padding-right:65px;}

.board_title {padding:30px 10px 10px 10px; font-weight:500; font-size:14pt; font-family: 'Noto Sans KR', sans-serif;}