@charset "utf-8";
/* style */
html,body{}
body {background:#fff; min-width: 320px; letter-spacing: 0;}
body article {}
input[type="password"],input[type="text"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", AppleGothic, verdana, sans-serif, helvetica;}
textarea {border: 1px solid #dddddd;-webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
button {position: relative; padding: 0;}
button > span {position: relative; display: inline-block; width: 100%; text-align: center; margin-top: -3px; line-height: 1;}
.safari button > span {position: relative; display: inline-block; width: 100%; text-align: center; margin-top: 0px; line-height: 1;}
button[disabled] {background: #d4d4d4 !important;}
.posr {position: relative !important;}
.bdnone {border: 0 !important;}
.fz14px {font-size: 14px !important;}
.dn {display: none !important;}
.dib {display: inline-block !important;}
.vm {vertical-align: middle !important; }
.vabl {vertical-align: baseline !important;}

/* Width */
	.w100p {width: 100% !important;}
	.w90p {width: 90% !important;}
	.w80p {width: 80% !important;}
	.w70p {width: 70% !important;}
	.w60p {width: 60% !important;}
	.w50p {width: 50% !important;}
	.w40p {width: 40% !important;}
	.w30p {width: 30% !important;}
	.w20p {width: 20% !important;}
	.w10p {width: 10% !important;}
	.w100 {width: 100px !important;}
	.w25p {width: 25% !important;}
	.w35p {width: 35% !important;}

.text_gray {color: #949494 !important;}
.text_green {color: #04a700 !important;}
.text_blue {color: #0074d4 !important;}
.error_red,.text_red {color: #ff2615 !important;}

.btn_style1 {border: 1px solid #ed2542; background: #ed2542; width: 155px; height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn_style1 span {color: #fff; font-size: 81.3%;}
.btn_style1:active {background: #c70b27;}
button[disabled].btn_style1 {background: #d4d4d4 !important; border: 1px solid #d4d4d4 !important;}
.btn_style2 {border: 1px solid #ed2542; width: 155px; height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn_style2 span {color: #ed2542; font-size: 81.3%;}
.btn_style2:active {background: #f5f5f5;}
.btn_style2[disabled] {border: 1px solid #d4d4d4 !important; background: #fff !important;}
.btn_style2[disabled] span {color: #d4d4d4 !important}

.select_style1 {border: 1px solid #ccc;height: 34px;text-indent: 10px;width: auto;}

button.btn_gray {background: #666666; height: 65px; cursor: pointer; min-width:300px;}
button.btn_blue {background: #ff6922; height: 65px; cursor: pointer; min-width:300px;}
button.btn_green {background: #009688; height: 65px; cursor: pointer; min-width:300px;}
button.btn_gray span,
button.btn_blue span,
button.btn_green span {color: #fff; font-size: 24px;}
button.btn_gray:hover {background: #535353;}
button.btn_blue:hover {background: #dc4b07;}
button.btn_green:hover {background: #01786d;}

button.sbtn_gray {background: #666666; height: 30px; cursor: pointer; padding: 0 15px;}
button.sbtn_gray span {color: #fff; font-size: 13px; display: inline-block; margin-top: -4px;}
button.sbtn_gray:hover {background: #535353;}

@media screen and (max-width: 1280px){
	button.btn_gray {height: 55px; min-width: auto;}
	button.btn_blue {height: 55px; min-width: auto;}
	button.btn_green {height: 55px; min-width: auto;}
	button.btn_gray span,
	button.btn_blue span,
	button.btn_green span {color: #fff; font-size: 20px;}
}

























.checkbox {display:inline-block;position:relative;width:24px;height:24px;background:transparent url(../images/inc/ctn_bg_checkbox.png) no-repeat 0 0;}
.checkbox.disabled {background: #eee url(../images/inc/ctn_bg_checkbox2.png) no-repeat 0 0;}
.checkbox.on {background-position:0 bottom;}
.checkbox input {width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}
.checkbox + label {margin:0 15px 0 5px;font-size:16px;vertical-align:middle; cursor: pointer; color: #111;}
.checkbox.on + label {color: #fd5a2b !important;}

.radiobox {display:inline-block;width:24px;height:24px;border: 1px solid #bcc6dc; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px; position: relative; cursor: pointer; background: #fff;}
.radiobox.disabled {background: #eee;}
.radiobox.on {border: 2px solid #59aafd;}
.radiobox.on:before {content:""; display: block; width: 10px; height: 10px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background: #59aafd; position: absolute; top: 5px; left: 5px;}
.radiobox input {width:100%;height:100%;opacity:0;filter:alpha(opacity=0);vertical-align:middle}
.radiobox + label {margin:0 15px 0 5px;font-size:15px;vertical-align:middle; cursor: pointer;}
.radiobox.on + label {color: #0074d4 !important;}

.selectList {background:#fff url(../images/inc/ctn_icon_select.png) no-repeat right center; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 60px; padding: 0 35px 0 20px; cursor: pointer;}
.selectList option {color: #111;}

.selectList_m {background:#fff url(../images/inc/ctn_icon_select.png) no-repeat right center; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; padding: 0 35px 0 20px; cursor: pointer;}
.selectList_m option {color: #111;}

.selectWrap {display:inline-block;position:relative;width:155px}
.selectWrap .select_city {display: block; width: 25px; height: 25px; position: absolute; background: #ddd; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; left: 0; top: 1px; border: 1px solid #ccc;}
.selectVal {overflow:hidden;position:relative;height:26px;line-height:26px;text-indent:10px;}
.selectVal span {display: inline-block; line-height: 26px; color: #111; margin-top: -3px; margin-left: 20px; font-size:14px;}
.selectVal button {position:absolute;left:0;top:0;width:100%;height:100%;background:transparent url(../images/inc/ctn_icon_select.png) no-repeat right center;}
.selectVal button em {display: none;}
.selectLists {display:none;position:absolute;left:0;top:36px;width:100%;font-size:12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}
.selectVal.on + .selectLists {display:block}
.selectLists li {border-bottom: 1px solid #ddd;border-top:0 none;background-color:#fff}
.selectLists li:first-child {border-top:0 none}
.selectLists li button {width:100%;line-height:28px;text-indent:10px;text-align:left; height: 40px; font-size: 12px;}
.selectLists li button:hover,.selectList li button:focus {background-color:#bac8da}
.selectWrap .select_city.kr {background:transparent url(../images/city_korea.png) no-repeat center center; -webkit-background-size: 45px auto; background-size:45px auto;}
.selectWrap .select_city.en {background:transparent url(../images/city_usa.png) no-repeat center center; -webkit-background-size: 45px auto; background-size:45px auto;}
.selectWrap .select_city.ch {background:transparent url(../images/city_china.png) no-repeat center center; -webkit-background-size: 45px auto; background-size:45px auto;}
.selectWrap .select_city.jp {background:transparent url(../images/city_japan.png) no-repeat center center; -webkit-background-size: 45px auto; background-size:45px auto;}