@charset "utf-8";

/***** text *****/
.point-color {color:#f03e3e;}
.error-message {color:#f03e3e;}

/***** 추후에 디자인 파트에 여백 공통으로 맞춰 달라고 요청 해야 될듯.... *****/
.ml5 {margin-left:5px;}
.ml15 {margin-left:15px;}

/***** form *****/
select {
	padding:0 20px;
	vertical-align:middle;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	background:#fff url('/content/images/common/btn/btn_down_arrow_size11x9_495057.png') no-repeat right 20px top 50%;
}
select::-ms-expand {display:none}
input[type=text],
input[type=search],
input[type=password],
input[type=email] {padding:0 20px;}
textarea{padding:6px 20px;}
input.full, select.full, textarea.full {width:100%;}
input.p96, select.p96, textarea.p96 {width:96%;}
input.long, select.long, textarea.long {width:90%;}
.size-p80 {width:80%;}
.size-p90 {width:90%;}
.size-p100 {width:100%;}
.size-w60 {width:60px;padding:0 10px;}
.size-w70 {width:70px}
.size-w80 {width:80px;}
.size-w100 {width:100px;}
.size-w120 {width: 120px;}
.size-w135 {width:135px;}
.size-w150 {width:150px;}
.size-w166 {width:166px;}
.size-w180 {width:180px;}
.size-w185 {width:185px;}
.size-w190 {width:190px;}
.size-w230 {width:230px;}
.size-w240 {width:240px;}
.size-w258 {width:258px;}
.size-w263 {width:263px;}
.size-w330 {width:330px;}
.size-w343 {width:343px;}
.size-w372 {width:372px;}
.size-w410 {width:410px;}
.size-w457 {width:457px;}
.size-w470 {width:470px;}
.size-w526 {width:526px;}
.size-w550 {width:550px;}
.size-w600 {width:600px;}

/* checkbox */
input[type=radio], 
input[type=checkbox] {display:none;}
input[type=radio] + label span,
input[type=checkbox] + label, 
input[type=checkbox] + label span {box-sizing:border-box;display:inline-block;position:relative;top:-1px;vertical-align:bottom;cursor:pointer;}
input[type=radio] + label span,
input[type=checkbox].use-txt + label span {margin-right:10px;}
input[type=checkbox].only.theme-1 + label,
input[type=checkbox].use-txt.theme-1 + label span {width:18px;height:18px;border:2px solid #bfbfbf;background-color:#fff;}
input[type=checkbox]:checked.only.theme-1 + label,
input[type=checkbox]:checked .use-txt.theme-1+ label span {background-color:#3b5bdb;}
input[type=checkbox].only.theme-1.all + label,
input[type=checkbox]:checked.use-txt.theme-1 + label span  {background-color: #3b5bdb;}
input[type=checkbox].use-txt.theme-2 + label span {width:20px;height:20px;background:url('/content/images/common/bg/bg_round_style2_off.png') no-repeat 0 0;}
input[type=checkbox]:checked.use-txt.theme-2 + label span {background-image:url('/content/images/common/bg/bg_round_style2_on.png');}

/* radio */
input[type=radio].theme-1 + label span {width:18px;height:18px;background:url('/content/images/common/bg/bg_radio_style1_off.png') no-repeat 0 0;}
input[type=radio]:checked.theme-1 + label span {background-image:url('/content/images/common/bg/bg_radio_style1_on.png');}

/* placeholder */
input:-moz-placeholder {color:#dee2e6;}
input::-moz-placeholder {color:#dee2e6;}
input:-ms-input-placeholder {color:#dee2e6;}
input::-webkit-input-placeholder {color:#dee2e6;}
input::-webkit-search-cancel-button {display:none;}


/***** button *****/
div.button-group {text-align:center;}
div.button-group.next {margin-top:30px;}
div.button-group.indent-blank1 {padding:0 25px;}
div.button-group.align-right {text-align:right;}
div.button-group.align-left{text-align: left;}
div.button-group.line {padding-top:29px;border-top:1px solid #bdc3c7;}
.button-set {font-weight:500;color:inherit;}
a.button-set, span.button-set, label.button-set {box-sizing:border-box;display:inline-block;}
input.button-set,
button.button-set {padding:0;border:none;background-color:transparent;}
.button-set.default {height:40px;padding:0 23px;line-height:40px;white-space:nowrap;}
.button-set.radius-5 {border-radius:5px;;}
.button-set.theme-1 {background-color:#3b5bdb;color:#f9f9f9;}
.button-set.theme-2 {background-color:#3f4d67;color:#fff;}
.button-set.theme-3 {border:1px solid #bdc3c7;background-color:#fff;color:#3b5bdb;}
.button-set.theme-4 {border:1px solid #bdc3c7;background-color:#fff; color: #3f4d67;}
.button-set.history-back {height:40px;padding:0 15px;line-height:38px;}
.button-set.history-back span {padding-left:22px;background:url('/content/images/common/btn/btn_left_arrow_size15x15_3b5bdb.png') no-repeat 0 50%;}


/***** icon, bullet *****/
span.icon-set {display:inline-block;position:relative;top:-2px;vertical-align:bottom;text-indent:-9999px;background-repeat:no-repeat;background-position:0 0;}
span.icon-set.new-item {width:17px;height:17px;background-image:url('/content/images/common/ico/ico_new_size17x17_3b5bdb.png');}
span.icon-set.attach {width:18px;height:18px;background-image:url('/content/images/common/ico/ico_clip_size18x18_3f4fb3.png');} 
.bullet-set {background-repeat:no-repeat;background-position:0 0;}
p.bullet-set.asterisk {padding-left:10px;color:#3b5bdb;background-image:url('/content/images/common/bul/bul_asterisk_size6x6_3b5bdb.png');background-position-y:3px;}
div.button-group.line.acces {margin-top: 29px;}



/***** tab menu *****/
div.tab-menu {}
div.tab-menu ul {display:flex;}
div.tab-menu ul li {text-align:center;}
div.tab-menu ul li a {display:block;font-weight:500;color:#212529;}
div.tab-menu ul li.empty a {pointer-events:none;}
div.tab-menu.default ul li a {width:110px;height:50px;line-height:50px;}
div.tab-menu.theme-1 {background-color:#ececec;}
div.tab-menu.theme-1 ul li a:hover,
div.tab-menu.theme-1 ul li.on a {color:#3b5bdb;background-color:#fff;}
div.tab-menu.rouding ul li a {border-radius:10px 10px 0 0;}
 
div.tab-container.blank-type1 {padding:50px 30px 80px;}
div.tab-container.blank-type2 {padding:40px 30px 100px;}
div.tab-container div.tab-content {display:none;}
div.tab-container div.tab-content.on {display:block;}

div.tab-menu.theme-2 {background-color:#fff; border-bottom:1px solid #dddddd;}
div.tab-menu.theme-2.interval{margin:0 30px; padding-top:50px;}
div.tab-menu.theme-2 ul li a:hover,
div.tab-menu.theme-2 ul li.on a {color:#fff;background-color:#3f4d67;}
div.tab-menu.rouding2 ul li a {border-radius:10px 10px 0 0; border:1px solid #bdc3c7; border-bottom:0;}


/***** color *****/
.color-type01{color:#f03e3e;}



.button-set.grab {cursor: grab;}
.button-set.grab > span {background-image: url('/content/images/common/btn/drag.png'); font-size: 0; display: block; width: 17px; height: 24px; background-repeat: no-repeat; border: 0 !important;}
.button-set.grab:active {cursor: grabbing;}