.clr {display:block; height:30px;}
@media (max-width:767px) {.clr {height:20px;}}

.strong {font-weight:500;}

.mg5 {margin:5px 0 !important;}
.mg10 {margin:10px 0 !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}

.txt_gold {color:#b57300 !important;}
.txt_red {color:#ec2700 !important;}
.txt_blue {color:#2374b6 !important;}
.txt_gray {color:#bbb !important;}
.txt_brown {color:#824d2d !important;}
.txt_mint {color:#008080 !important;}
.txt_wine {color:#cc0000 !important;}
.txt_oriole {color:#f37a29 !important;}
.txt_orange {color:#ed6637 !important;}
.txt_flame {color:#ef562d !important;}
.txt_olive {color:#788e3d !important;}
.txt_green {color:#268e57 !important;}
.txt_skyblue {color:#00a6c4 !important;}
.txt_niagara {color:#5587a2 !important;}
.txt_kale {color:#5c7148 !important;}
.txt_violet {color:#6d5b97 !important;}
.txt_black {color:#000 !important;}
.txt_intro {color:#00536c !important;}

.bg_black {background:#000 !important; color:#fff !important;}
.bg_blue {background:#2374b6 !important; color:#fff !important;}
.bg_intro {background:#00536c !important; color:#fff !important;}


.dis_b {display:block;}
.dis_i {display:inline-block;}
.dis_ib {display:inline-block;}



/* Row & Col Space */
.row {display:flex; flex-wrap:wrap; margin-right:-15px; margin-left:-15px;}
.row:before, .row:after {display:table; content:" ";}
.row:after {clear both;}

.row-10 {margin-left:-5px !important; margin-right:-5px !important;}
.col-10 {padding-left:5px !important; padding-right:5px !important;}
.row-15 {margin-left:-8px !important; margin-right:-8px !important;}
.col-15 {padding-left:8px !important; padding-right:8px !important;}
.row-20 {margin-left:-10px !important; margin-right:-10px !important;}
.col-20 {padding-left:10px !important; padding-right:10px !important;}

.row-10 > [class^=col] {padding-left:5px; padding-right:5px;}

.col-12 {flex:0 0 100%; max-width:100%;}
.col-11 {flex:0 0 91.66666667%; max-width:91.66666667%;}
.col-10 {flex:0 0 83.33333333%; max-width:83.33333333%;}
.col-9 {flex:0 0 75%; max-width:75%;}
.col-8 {flex:0 0 66.6666666667%; max-width:66.6666666667%;}
.col-7 {flex:0 0 100%; max-width:58.33333333%;}
.col-6 {flex:0 0 50%; max-width:50%;}
.col-5 {flex:0 0 41.66666667%; max-width:41.66666667%;}
.col-4 {flex:0 0 33.3333333333%; max-width:33.33333333%;}
.col-3 {flex:0 0 25%; max-width:25%;}
.col-2 {flex:0 0 16.66666667%; max-width:16.66666667%;}
.col-1 {flex:0 0 8.33333333%; max-width:8.33333333%;}


.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, 
.col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, 
.col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, 
.col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, 
.col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
	position:relative; width: 100%;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative; min-height:1px; padding-right:15px; padding-left:15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}
.col-xs-12 {width:100%;}
.col-xs-11 {width:91.66666667%;}
.col-xs-10 {width:83.33333333%;}
.col-xs-9 {width:75%;}
.col-xs-8 {width:66.66666667%;}
.col-xs-7 {width:58.33333333%;}
.col-xs-6 {width:50%;}
.col-xs-5 {width:41.66666667%;}
.col-xs-4 {width:33.33333333%;}
.col-xs-3 {width:25%;}
.col-xs-2 {width:16.66666667%;}
.col-xs-1 {width:8.33333333%;}

@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left;}
.col-sm-12 {width:100%;}
.col-sm-11 {width:91.66666667%;}
.col-sm-10 {width:83.33333333%;}
.col-sm-9 {width:75%;}
.col-sm-8 {width:66.66666667%;}
.col-sm-7 {width:58.33333333%;}
.col-sm-6 {width:50%;}
.col-sm-5 {width:41.66666667%;}
.col-sm-4 {width:33.33333333%;}
.col-sm-3 {width:25%;}
.col-sm-2 {width:16.66666667%;}
.col-sm-1 {width:8.33333333%;}
} 
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left;}
.col-md-12 {width:100%;}
.col-md-11 {width:91.66666667%;}
.col-md-10 {width:83.33333333%;}
.col-md-9 {width:75%;}
.col-md-8 {width:66.66666667%;}
.col-md-7 {width:58.33333333%;}
.col-md-6 {width:50%;}
.col-md-5 {width:41.66666667%;}
.col-md-4 {width:33.33333333%;}
.col-md-3 {width:25%;}
.col-md-2 {width:16.66666667%;}
.col-md-1 {width:8.33333333%;}
 }

@media (min-width: 1024px) { 
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left;}
.col-lg-12 {width:100%;}
.col-lg-11 {width:91.66666667%;}
.col-lg-10 {width:83.33333333%;}
.col-lg-9 {width:75%;}
.col-lg-8 {width:66.66666667%;}
.col-lg-7 {width:58.33333333%;}
.col-lg-6 {width:50%;}
.col-lg-5 {width:41.66666667%;}
.col-lg-4 {width:33.33333333%;}
.col-lg-3 {width:25%;}
.col-lg-2 {width:16.66666667%;}
.col-lg-1 {width:8.33333333%;}
}




/* input-text, radio, select */
.input-wrap {position:relative} 
.radio-area {border:1px solid #e0e0e0}
.radio-area .input-wrap {border:0}
.radio-area li {position:relative; text-align:center}
.radio-area li label {position:absolute; left:0; top:0; display:block; width:100%; color:#929292; box-sizing:border-box; background:#fff}
.radio-area li label:before {content:""; position:absolute; top:50%; left:0; display:block; width:25px; height:25px; margin-top:-12px; font-family:'FontAwesome'; color::#3b3b3b; text-align:center; line-height:22px; font-weight:bold; font-size:10px; border-radius:50%; box-sizing:border-box}
.radio-area li label:after {content: '';position:absolute;top:-1px;left:-1px;display:block;width:100%; height:52px;z-index:1;border:1px solid transparent;}
.radio-area .radioChk {color:#88a2c5; border-width:2px; border-color:#924301}
.radio-area :checked + label {color:#924301; border-width:2px; border-color:#924301}
.radio-area :checked + label:before {content:"\f00c";}
.radio-area .radioChk:after, 
.radio-area :checked + label:after {border-color:#88a2c5;}
.select label {display:table; position:absolute; top:0; left:0; width:100%; height:54px; box-sizing:border-box; padding:0 24px 0 16px; z-index:-1; vertical-align:middle; word-break:keep-all; word-wrap:break-word; background-image:url(/images/arrow.png); background-repeat:no-repeat; background-size:12px 7px; background-position:90% center;}
.select.on label:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; display:block; border:1px dotted #000; box-sizing:border-box}
.select label em {display:table-cell;height:54px; font-size:16px; vertical-align:middle; word-break:keep-all; word-wrap:break-word}
.select select {width:100%; height:54px; padding:0 30px 0 16px; border:1px solid transparent; opacity:0}

.multi-column:after {content:''; display:block; clear:both}
.multi-column .flt-l {float:left; width:49%}
.multi-column .flt-r {float:left; width:49%; margin-left:2%}
.radio-wrap.multi-column .flt-l {width:58.739%}
.radio-wrap.multi-column .flt-r {width:37.535%; margin-left:3.724%; box-sizing:border-box}
.flt-l.select {position:relative; width:31.232%; height:54px; border:1px solid #dadada; box-sizing:border-box}
.flt-l.select + .flt-r {width:65.042%; margin-left:3.724%}
[class*="length2"] li {width:50%; float:left}
[class*="length2"]:after,
[class*="length2"] ul:after {display:block; content:''; clear:both}
[class*="length2"] li + li a {float:right}
[class*="length2"] li a {width:100%}

.pace .pace-progress, 
.btn-type1.on,
.complete-wrap:after {background:#924301; border-color:#924301}
.all-agree .ipt-chk label,
.chk .ipt:before,
.center_spot a,
.header .right_spot .next {color:#924301}
.radio-area .radioChk,
.radio-area .radioChk:after,
.tab-area ul li a.on,
.tab-area ul li a.on:after {border-color:#924301; color:#924301}
.ipt-chk input:checked + label:before,
.radio-area :checked + label,
.radio-area :checked + label:after,
.center_spot .arr:after,
.ipt-radio input:checked + label:before,
.all-agree .btn-view:after {border-color:#924301; color:#924301}
.ipt-radio input:checked + label,
.brand{color:#924301;}
.ipt-chk input:checked + label:before {content:"\f00c";}
.ipt-radio input:checked + label:before {content:"\f00c";}



.sp-ico{text-indent:-9999px; overflow:hidden; background-image:url("/images/common/sp-icons@1x.png"); background-repeat:no-repeat;}
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
    .sp-ico {background-image:url("/images/common/sp-icons@2x.png"); background-size:300px 250px}
}
.sp-ico.new {width:12px; height:12px; background-position:0 -102px;}
.sp-ico.secret {width:9px; height:12px; background-position:-22px -102px;}
.sp-ico.photo {width:12px; height:11px; background-position:-41px -102px;}
.sp-ico.file {width:11px; height:12px; background-position:-63px -102px;}
.sp-ico.poll {width:10px; height:8px; background-position:-84px -102px;}
.sp-ico.sound {width:10px; height:10px; background-position:-104px -102px;}
.sp-ico.hit {width:15px; height:8px; background-position:-101px -80px;}
.sp-ico.vote {width:11px; height:12px; background-position:-126px -80px;}
.sp-ico.vote2 {width:11px; height:12px; background-position:-209px -80px;}
.sp-ico.list-reply {width:12px; height:12px; background-position:-147px -80px;}
.sp-ico.modify {width:10px; height:10px; background-position:-43px -80px;}
.sp-ico.delete {width:10px; height:10px; background-position:-63px -80px;}
.sp-ico.print {width:10px; height:11px; background-position:-189px -80px;}
.sp-ico.report {width:10px; height:12px; background-position:-169px -80px;}
.sp-ico.move {width:11px; height:11px; background-position:-272px -80px;}
.sp-ico.confirm {width:14px; height:11px; background-position:-229px -80px;}
.sp-ico.hidden {width:11px; height:10px; background-position:-252px -80px;}
.sp-ico.reply {width:12px; height:9px; background-position:-21px -80px;}
.sp-ico.arrowUp {width:10px; height:6px; background-position:-166px 0;}
.sp-ico.arrowDown {width:10px; height:6px; background-position:-166px -16px;}
.sp-ico.calendarPrev {width:11px; height:20px; background-position:-104px 0;}
.sp-ico.calendarNext {width:11px; height:20px; background-position:-125px 0;}
.sp-ico.clipboard {width:39px; height:39px; background-position:0 -32px;}
.sp-ico.clipboard1 {width:30px; height:30px; background-position:-2px -35px;}
.sp-ico.twitter {width:39px; height:39px; background-position:-96px -32px;}
.sp-ico.facebook {width:39px; height:39px; background-position:-48px -32px;}
.sp-ico.me2day {width:39px; height:39px; background-position:-144px -32px;}
.sp-ico.cyworld {width:39px; height:39px; background-position:-240px -32px;}
.sp-ico.mypage {width:39px; height:39px; background-position:-192px -32px;}

.visually-hidden {position:absolute; overflow:hidden; height:1px; width:1px; border:0; margin:-1px; padding:0; clip:rect(0 0 0 0); clip:rect(0, 0, 0, 0);}
input[type=radio], input[type=checkbox] {box-sizing:border-box;  padding:0;}
/* input */
.inp_r {display:inline-block;position:relative;margin-right:10px;font-size:0;}
.inp_r>input[type=radio] {position:absolute;left:1px;top:1px;width:18px;height:18px;z-index:0;}
.inp_r>label {display:inline-block;position:relative;overflow:hidden;min-height:20px;padding:0 0 0 26px;background:url(/images/common/ico_inputRadio.png) no-repeat 0 0;line-height:20px;word-break:keep-all;cursor:pointer;z-index:1;}
.inp_r>input[type=radio]:checked+label{background:url(/images/common/ico_inputRadio_on.png) no-repeat 0 0;}

.inp_r.chk>input[type=radio] {position:absolute;left:1px;top:1px;width:20px;height:20px;margin:0;z-index:0;}
.inp_r.chk>label {position:relative;display:inline-block;overflow:hidden;min-height:22px;padding:0 0 0 29px;background:url(/images/common/ico_inputCheckC.png) no-repeat 0 0;line-height:20px;word-break:keep-all;cursor:pointer;z-index:1;}
.inp_r.chk>input[type=radio]:checked+label{background:url(/images/common/ico_inputCheckC_on.png) no-repeat 0 0;}

.inp_c {display:inline-block;position:relative; font-size:0;}
.inp_c>input[type=checkbox] {position:absolute;left:0;top:0;width:0;height:0;margin:0;z-index:0;}
.inp_c>label {display:inline-block;position:relative;overflow:hidden;min-height:22px;padding:0 0 0 28px;background:url(/images/common/ico_inputCheck.png) no-repeat 0 0; background-size:21px 21px; line-height:21px;text-align:left;cursor:pointer;z-index:1;}
.inp_c>label b {font-size:16px;font-weight:500; letter-spacing:-0.03em;}
.inp_c>input[type=checkbox]:checked+label{background:url(/images/common/ico_inputCheck_on.png) no-repeat 0 0; background-size:21px 21px;}/*원형체크박스는 접근성에 맞지않아 사용불가*/

.inp_c.rec>label {background:url(/images/common/ico_inputCheckR.png) no-repeat 0 0;}
.inp_c.rec>input[type=checkbox]:checked+label{background:url(/images/common/ico_inputCheckR_on.png) no-repeat 0 0;}

.inp_c.rec2>label {background:url(/images/common/ico_inputCheckR2.png) no-repeat 0 0;}
.inp_c.rec2>input[type=checkbox]:checked+label{background:url(/images/common/ico_inputCheckR2_on.png) no-repeat 0 0;}

@media (max-width:767px) {
	.inp_c>label {padding:0 0 0 26px;}
	.inp_c>label b {font-size:14px;}
}

.tag {height:20px;border-radius:3px; margin-right:5px; padding:0 5px; line-height:20px; display:inline-block}
.tag_type1 {background-color:#999; font-size:12px; color:#fff}



/* select박스 스타일 */
.inp_s {
    /*vertical-align:text-top;*/
    width: 100%; /* 원하는 너비설정 */
    height:40px;
    padding: 0 0 0 10px; /* 여백으로 높이 설정 */
    color:#666;
    /*font-family:"Noto Sans KR";*/
    font-size:14px;
    /*font-family: inherit;*/  /* 폰트 상속 */
    background:#fff url(/images/common/ico_triB_s_black.png) no-repeat right 10px top 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border: 1px solid #dbdee1;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
.inp_s::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
.inp_t {width:100%; height:40px !important; box-sizing:border-box; padding:0 5px; border:1px solid #dbdee1; border-radius:0;color:#666; font-size:14px; line-height:38px;-webkit-appearance: none;appearance: none;}
.inp_t::-ms-clear {display:None}
.inp_area {width:100%;box-sizing:border-box;padding:5px 10px;border:1px solid #dbdee1;border-radius:0;color:#666;font-size:14px;resize:none;text-align:left;-webkit-appearance: none; }

span.ico_state {display:inline-block;min-width:70px;height:26px;line-height:25px;box-sizing:border-box;padding:0 10px;border:1px solid #df4b7c;border-radius:2px;text-align:center;font-size:13px;color:#e85757;letter-spacing:-1px;}
span.ico_state.confirm {border-color:#0d7acf;background:#0d7acf;color:#fff}


.form-control {
	display:block; width:100%; height:46px; padding:3px 10px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; font-weight:400; line-height:1.5em; color:#495057; background-color:#fff; border:1px solid #ddd;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
select.form-control {
	display:block; width:100%; height:46px; padding:3px 20px 3px 10px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; font-weight:400; line-height:1.5em; color:#495057; background-color:#fff; border:1px solid #ddd;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
	background:#fff url(/images/common/ico_triB_s_black.png) no-repeat right 10px top 50%;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
textarea.form-control {
	display:block; width:100%; height:46px; padding:3px 10px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; font-weight:400; line-height:1.5em; color:#495057; background-color:#fff; border:1px solid #ddd;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; box-sizing:border-box;
}

.form-control::-ms-expand {background-color:transparent; border:0;}
.form-control:-moz-focusring {color:transparent; text-shadow: 0 0 0 #ccc;}
.form-control::placeholder {color:#a0a0a0; opacity: 1;}
.form-control:disabled, .form-control[readonly] {background-color:#e9ecef; opacity: 1;}





.form-container {}
.form-container .form-item {padding: 60px 20px 40px; border-top: solid 1px #e4e4e4;}
.form-container .form-item:last-child {padding-bottom:0;}
.form-container .form-item.btn_wrap {margin:0; padding-top:50px;}
.form-container .form-group {display:flex; flex-wrap:wrap;}
.form-group {margin-bottom:16px;}

label.form-label, .form-group .form-con  {padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5;}
.form-group label {font-weight:500; line-height:46px;}
.form-group label span {*padding-top:5px; font-size:15px;}
.form-group .form-con {line-height:46px;}
.form-group .email-form {display:flex; justify-content:space-between; align-items:center;}
.form-group .email-form input {flex:1 1 auto; border:none; max-width:calc(50% - 20px);}
.form-group .email-form span {margin:0 3px; width:20px;}
.form-group .form-txt {font-size:15px; font-weight:400; color:#333; letter-spacing:-0.04em; line-height:1.3em; word-break:keep-all;}
.form-group .txt {margin:5px 0 0; font-weight:500; font-size:14px; letter-spacing:-0.03em; line-height:1.3em;}


.form-text {display:block; margin-top:5px;}
.text-muted {color: #6c757d !important;}
small, .small {font-size:13px; font-weight:400; line-height: 1.5}

.form-table + .form-table {margin-top:13px}
.form-table .description {margin:20px 0 10px; font-weight:500; font-size:14px; letter-spacing:-0.03em; line-height:1.3em;}

.check-box-each {cursor:pointer;}
.check-box-each span {position:relative; display:inline-block; color: #666666; padding-top:0 !important; padding-left:27px; margin-right:20px; font-size:15px;}
.check-box-each span::before {content: ""; position:absolute; left:0; top:50%; display:inline-block; margin-top:-9px; border:solid 1px #666; border-radius:50%; width:18px; height:18px;}
.check-box-each input:checked + span::before {background-color:#824d2d; border:solid 1px #824d2d; }

@media (max-width:1023px) {
	.form-table + .form-table {margin-top:10px}
	.form-group .email-form {margin-bottom:10px;}
}


@media (max-width:767px) {
	.form-container .form-item {padding:30px 0;}
	.form-container .form-item.btn_wrap {padding-top:40px;}
	.form-table + .form-table {margin-top:8px}
	.check-box-each span {padding-left:25px; font-size:14px;}
	.check-box-each span::before {margin-top:-8px; width:16px; height:16px;}
	.form-group .form-txt {font-size:14px;}
	
}

@media (max-width:450px) {

}

@media (max-width:767px) {
	.form-group label {line-height:1.5em; margin-bottom:5px;}
	.form-group label span {font-size:14px;}
}