@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Playfair+Display);
@font-face{font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:700;
    src:url(font/notokr-medium.eot);
    src:url(font/notokr-medium.eot?#iefix) format('embedded-opentype'),
        url(font/notokr-medium.woff2) format('woff2'),
        url(font/notokr-medium.woff) format('woff'),
        url(font/notokr-medium.ttf) format('truetype')
}


@font-face{font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:400;
    src:url(font/notokr-regular.eot);
    src:url(font/notokr-regular.eot?#iefix) format('embedded-opentype'),
        url(font/notokr-regular.woff2) format('woff2'),
        url(font/notokr-regular.woff) format('woff'),
        url(font/notokr-regular.ttf) format('truetype');
}

@font-face {font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src:url(font/notokr-light.eot);
    src:url(font/notokr-light.eot?#iefix) format('embedded-opentype'),
        url(font/notokr-light.woff2) format('woff2'),
        url(font/notokr-light.woff) format('woff'),
        url(font/notokr-light.ttf) format('truetype');
}



/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;/*font-family:'맑은 고딕','Dotum','돋움','gulim','굴림',Helvetica,sans-serif;font-size:0.75em;color:#7e7e7e;*/-webkit-print-color-adjust:exact;}
body{font-family:'AppleSDGothicNeo-Light','Noto Sans KR', 'Dotum','돋움','굴림',sans-serif; -webkit-text-size-adjust:none;/*ios zoom*/ overflow:auto; overflow-y:scroll; font-size: 15px; color: #333; line-height:1;}
button, input,textarea, option{font-family:'AppleSDGothicNeo-Light','Noto Sans KR', 'Dotum','돋움','굴림',sans-serif;font-size: 1em; outline: none;}
/* button, input,textarea, option{font-family:'맑은 고딕', MalgunGothic, 'Dotum','돋움','굴림',sans-serif;,serif;font-size: 1em;} */
input, textarea{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

*{-webkit-font-smoothing: antialiased;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {display: block; width: 100%; }

img{max-width: 100%;vertical-align:middle;-ms-interpolation-mode:bicubic !important;}
input,select,textarea{vertical-align:middle;outline:none;}
ul,li,ol,li,dl,dd,dt{list-style:none}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

table{border-collapse:collapse;border-spacing:0}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
legend,hr{visibility:hidden;position:absolute;left:-999px;z-index:-1;width:0;height:0;font-size:0}

/* Button */
button{background:none;}

button{overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
  /*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
label {vertical-align: middle;}

h1 { font-size: 34px; }

/* link */
a{color:inherit;text-decoration:none;}
/*a:hover{color: aliceblue;}*/

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
/*버튼팩*/
#naverIdLogin img{height:auto !important;}
.btns.center { text-align: center; }
.btns.right { text-align: right; }
.btns .btn_pack { margin-bottom: 5px; }
a.btn_pack{display: inline-block;}
.btn_pack{
	height:37px;min-width:137px;padding:0 10px;font-size: 15px; line-height:37px; text-align: center; box-sizing: border-box; vertical-align: middle;
	-webkit-transition:background-color .2s ease-in-out, -webkit-transform .3s ease-out;
	-moz-transition:background .2s ease-in-out, -moz-transform .3s ease-out;
	-ms-transition:background .2s ease-in-out, -ms-transform .3s ease-out;
	-o-transition:background .2s ease-in-out, -o-transform .3s ease-out;
	transition:background .2s ease-in-out, transform .3s ease-out;
}
.btn_pack.small{min-width:60px;height:30px;font-size: 13px; line-height: 30px; }
.btn_pack.small2{min-width: 120px;height:38px;font-size: 13px;line-height: 38px;}
.btn_pack.w60 { min-width:60px; font-size: 13px; }
.btn_pack.wide{min-width:120px;height:50px; line-height: 50px; }
.btn_pack.no_shadow{box-shadow:none;}
.btn_pack.radius{border-radius: 3px;}
.btn_pack > img:first-child{margin-right:5px;vertical-align: middle;}
.btn_pack:before { display: inline-block; content: ''; height: 100%; vertical-align: middle; position: static; }
.btn_pack.white{border:1px solid #C5C5C5; color: #595959; background-color: #fff;}
.btn_pack.blue{background-color: #0095ce;color: #fff;}
.btn_pack.blue2{background-color: #fff;color: #0095ce; border: 1px solid #0095ce;}
.btn_pack.blue2:hover{background-color: #0095ce;color: #fff;}
.btn_pack.blue3{background-color: #0095ce;color: #fff;min-width:130px;}
.btn_pack.blue3:hover{background-color: #fff;color: #0095ce; border: 1px solid #0095ce;}
.btn_pack.navy{background-color: #113a5d;color: #fff;}
.btn_pack.black{background-color: #373737;color: #fff;}
.btn_pack.yellow{background-color: #fac118; color: #333333;}
.btn_pack.orange{background-color: #fe411b; color: #fff;}
.btn_pack.gray{background-color: #727272; color: #fff;}
.btn_pack.gray2{background-color: #fff;color: #999999; border: 1px solid #999999;}
.btn_pack.gray2:hover{background-color: #999999;color: #fff;}
.btn_pack.gray3{background-color: #ccc; color: #fff;}
.btn_pack.d_gray{background-color: #474c55;color: #fff;}
.btn_pack.d_gray2{background-color: #373737;color: #fff;min-width:130px;}
.btn_pack.d_gray2:hover{background-color: #fff;color: #373737; border: 1px solid #373737;}
.btn_pack.green{background-color: #1bbc9b;color: #fff;min-width:120px;border: 1px solid #0d997c;}
.btn_pack.brown{background-color: #9f876b;color: #fff;}
.btn_noborder { height:33px;min-width:93px;padding:0 10px;font-size: 15px;text-align: center; }
.btn_noborder.blue_nb{background-color: transparent;color: #5ca7fc;}
.btn_close.x { height: 20px; width: 20px; border-width: 0; text-indent: -9999px; overflow: hidden; min-width: inherit;  padding: 0; margin-left: 10px; outline: none; background: url(../images/common/btn_pop_close.png) center center no-repeat; background-size: 20px 20px; }


.btn_mo{position: relative;overflow: hidden;}
.btn_mo:after{content: '';position: absolute;bottom:0;right:0;text-align: center;opacity:0;visibility: hidden; background-color: rgba(255,255,255, .3);display: block;width:200%;height:200%;border-radius:50%;
	-webkit-transform: translate(-25%, 75%) ;
	-moz-transform: translate(-25%, 75%);
	-ms-transform: translate(-25%, 75%);
	-o-transform: translate(-25%, 75%);
	transform: translate(-25%, 75%);
	-webkit-transition:visibility .2s ease-in-out, opacity .2s ease-in-out, -webkit-transform .3s ease-out;
	-moz-transition:visibility .2s ease-in-out, opacity .2s ease-in-out, -moz-transform .3s ease-out;
	-ms-transition:visibility .2s ease-in-out, opacity .2s ease-in-out, -ms-transform .3s ease-out;
	-o-transition:visibility .2s ease-in-out, opacity .2s ease-in-out, -o-transform .3s ease-out;
	transition:visibility .2s ease-in-out, opacity .2s ease-in-out, transform .3s ease-out;
}
.btn_mo:hover:after{
	opacity:1;visibility:visible;
	-webkit-transform: scale(1) translate(25%, 25%);
	-moz-transform: scale(1) translate(25%, 25%);
	-ms-transform: scale(1) translate(25%, 25%);
	-o-transform: scale(1) translate(25%, 25%);
	transform: scale(1) translate(25%, 25%);
}
.btn_mo:focus{outline:0;}
.btn_mo.no_shadow:active{box-shadow:none;}
a.link{color: #5ca7fc;text-decoration: underline;}

/* 레이어 팝업 창 */
#pop_bg_common{
    position: fixed;width: 100%; height: 100%;  left: 0; top: 0; z-index: 90;background:url("../images/common/transparent.png") repeat;background-color: rgba(0, 0, 0, 0.5); display:none;visibility:hidden;opacity:0;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
	-webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
}
#pop_bg_common:nth-child(n){filter:none}
#pop_bg_common.on{visibility:visible;opacity:1;}

#pop_bg_common.t1{z-index: 70;}
#pop_bg_common.t2{
	z-index: 70;
	background-color: rgba(255, 255, 255, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
}
#pop_bg_common.t3{ z-index: 70; background-color: transparent; }
#pop_bg_common.t4{ z-index: 57; background-color: transparent; }


/*popup 스타일*/
.pop_type2,
.pop_type1{position: absolute;left:0;right:0;margin:auto;z-index: 100;display:none;visibility: hidden;opacity:0;-webkit-overflow-scrolling: touch;max-width:96%; min-width: 320px;
	-webkit-transform: scale(0.6,0.6);
	-moz-transform: scale(0.6,0.6);
	-ms-transform: scale(0.6,0.6);
	-o-transform: scale(0.6,0.6);
	transform: scale(0.6,0.6);
	-webkit-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -moz-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -moz-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -ms-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -ms-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -o-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -o-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
    transition:visibility .4s ease-in-out, opacity .4s ease-in-out, transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
}
.pop_type2.on,
.pop_type1.on{visibility: visible;opacity:1; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1);
	-webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -moz-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -ms-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -ms-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -o-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out, transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
}
.pop_type2 > .inner,
.pop_type1 > .inner{position: relative;background-color: #fff;border:1px solid #b9b9b9;}
.pop_type2 > .inner > button.btn_close,
.pop_type1 > .inner > button.btn_close{position: absolute;top: 20px;right: 20px;z-index: 2;}
.pop_type2 > .inner:after,
.pop_type1 > .inner:after{content: '';display: block;clear: both;}
.pop_type2 > .inner header > h1,
.pop_type1 > .inner header > h1{text-align: center;margin-bottom:30px;font-size: 34px;line-height: 45px; color: #333;}

.bx_pop_type1{width:800px;}
.bx_pop_type1 > .inner{background-color: #fff;border-radius:4px;}
.bx_pop_type1 > .inner > header{ padding: 9px 20px; background: #2d353c;}
.bx_pop_type1 > .inner > header.line{border-bottom:2px solid #E5E5E5;}
.bx_pop_type1 > .inner > header > h1{font-size: 15px;color: #fff; line-height: 22px;}
.bx_pop_type1 > .inner > header > h1 > span{font-weight: 400;}
.bx_pop_type1 > .inner > header .header_btns { position: absolute; padding: 10px 20px; text-align: right; right: 0; top: 0; }

.bx_pop_type1 > .inner > article{padding:20px 20px 0;}
.bx_pop_type1 > .inner > footer{padding: 0 20px 20px;}




/*placeholder*/
.placeh{position: relative; display: inline; margin-right: 10px;}
.placeh > label{width: auto !important; font-size: 13px;height:1.2em;line-height:1.2;position: absolute;top:3px;bottom:0;left:0;margin:auto;padding-left:0.5em;color:#999;box-sizing:border-box;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width:100%;cursor:text}
.placeh.mb5 { margin-bottom: 5px; }

/*form*/
/* 리스트 체크리스트  (radio) */
.lst_check.radio {display:inline-block; overflow:hidden; vertical-align: middle;}
.lst_check.radio > span{display: inline-block; *display: inline; *zoom: 1; position: relative; overflow: hidden; min-width:60px; border-radius: 2px; border: 1px solid #0095ce; color: #5ca7fc;   vertical-align:middle;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.lst_check.radio > span > label,.lst_check > span > input{ vertical-align: bottom; cursor: pointer; }
.lst_check.radio > span > label{min-width:50px; display: inline-block; *display: inline; *zoom: 1; text-align: center; color: #0095ce; line-height:26px;padding:0px 10px;
	-webkit-transition:color .15s ease-in-out;
	-moz-transition:color .15s ease-in-out;
	-o-transition:color .15s ease-in-out;
	transition:color .15s ease-in-out;
}
.lst_check.radio > span label.on{background-color: #5ca7fc;color: #fff;}
.lst_check.radio > span input{ position: absolute; left: -50px; top: -50px;}

/* 리스트 체크리스트  (checkbox) */
.lst_check.checkbox {display:inline-block; overflow:hidden; vertical-align: middle;}
.lst_check.checkbox > span{display: inline-block; *display: inline; *zoom: 1; position: relative; overflow: hidden; min-width:50px; border-radius: 2px; border: 1px solid #0095ce; color: #5ca7fc;
	vertical-align:middle;visibility: visible;opacity: 1;
	-webkit-transition:background-color .15s ease-in-out, visibility .15s ease-in-out, opacity .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out, visibility .15s ease-in-out, opacity .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out, visibility .15s ease-in-out, opacity .15s ease-in-out;
	transition:background-color .15s ease-in-out, visibility .15s ease-in-out, opacity .15s ease-in-out;
}
.lst_check.checkbox > span.on{background-color: #0095ce;}
.lst_check.checkbox > span.hide{visibility:hidden;opacity: 0;}
.lst_check.checkbox > span > label,.lst_check > span > input{ vertical-align: bottom; cursor: pointer; }
.lst_check.checkbox > span > label{min-width:50px; display: inline-block; *display: inline; *zoom: 1; text-align: center; color: #0095ce; line-height:26px;padding:0px 10px;
	-webkit-transition:color .15s ease-in-out;
	-moz-transition:color .15s ease-in-out;
	-o-transition:color .15s ease-in-out;
	transition:color .15s ease-in-out;
}
.lst_check.checkbox > span.on > label{color: #fff;}
.lst_check.checkbox > span > input{ position: absolute; left: -50px; top: -50px;}

.lst_check3 {display:inline-block;overflow:hidden;vertical-align: middle;margin: 5px 0;/* text-align:  center; */}
.lst_check3 > label{display: inline-block; *display: inline; *zoom: 1; position: relative; overflow: hidden; margin-top: 0px; vertical-align:middle;cursor: pointer; margin-left: 15px;}
.lst_check3 > label:first-child { margin-left: 0; }
.lst_check3 > label > span{color: #656565;font-size: 15px;font-weight: 300;position: relative;z-index: 1;vertical-align: middle;}
.lst_check3 > label .bx_chk{width: 24px;height: 24px;border:1px solid #ACACAC;border-radius: 50%;box-sizing: border-box;background-color: #fff;display: inline-block;margin: 0 3px;}
.lst_check3 > label > input{position: absolute;top: 0;right: 100%;}
.lst_check3 > label.on .bx_chk{border-width:0;background: #0192ce url(../images/ico/ico_check.png) center center no-repeat;}
.lst_check3 > label.on .bx_chk.or_chk{background: #ff401b url(../images/ico/ico_check.png) center center no-repeat;}
.lst_check3.perpendicular > label { display: block; margin-left: 0; margin-top: 10px; }



/*input*/
input.ipt{width: 100%;height:38px;max-width:200px;background-color: #fff;padding:0 1em;border:1px solid #E6E6E6;border-radius:2px;margin:0;outline:none;max-width:100%;box-sizing:border-box;font-size: 15px;color: #333333;font-weight: 300;}
input.ta-r{text-align: right;}
input.ta-c{text-align: center;}
input.w100p{width: 100%;}
input.w260{/* max-width:260px; */}
input.w262{max-width:260px; }
input.w200{/* max-width:200px; */}
input.w180{/* max-width:180px; */}
input.w160{max-width: 130px; /* width: 100%; */}
input.w100{max-width:100px;}
input.w80{max-width:80px;}
input.w60{max-width:60px;}
input.w45{max-width:45px;}

input.ipt.bd_hide{border-width:0;border-bottom:1px solid #D5D5D5;}

input.mw430{max-width: 100%;width: 430px;}
input.mw292{max-width: 100%;width: 292px;}
input.mw275{max-width: 100%;width: 270px;}

input.date + img{margin-left:8px;}

textarea.txa{border:1px solid #E2E7EB;box-sizing:border-box;padding:3px;margin:0;outline:none;font-size: 15px;line-height:1.5;}
textarea.txa.no_bd{border-width:0;}
textarea.txa.w100p{width:100%;}


/*input file fake*/
div.fileinputs {position: relative; width: 365px; }
div.fakefile {margin-right:124px;}
div.fakefile img{position: absolute; right: 0; top: 0;bottom:0;margin:auto;}
div.fakefile input{ border: 1px solid #e2e7eb; width: 260px; height: 38px; line-height: 24px; margin-right: 5px;}
div.fakefile button{width:122px; height: 38px !important; position: absolute;right: 0;top:0;bottom:0;background-color: #DFDFDF;color: #848484;font-size: 15px;border: 1px solid #C7C7C7;}
div.lst_Upload { margin-top: 5px; }
div.lst_Upload .tag button{ margin-left: 6px; width: 15px; height: 15px; overflow: hidden; text-indent: -9999px;  display: inline-block; background-image: url(../images/ico/ico_common.png); background-repeat: no-repeat; background-position: -414px -17px;  }
div.lst_Upload .tag button:hover{background-position:-414px -40px;}
input.file { position: absolute; left: 0; top: 0; bottom:0; cursor: pointer; width: 100%; height: 100% !important; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; }
input.datepicker { margin-right: 5px; margin-top:10px;}

div.imginputs {position: relative; max-width: 150px; width: 100%; }
div.fakeimg .imgArea{ border: 1px solid #e2e7eb; width: 100%; min-height: 120px; height: 100%; margin-right: 5px; text-align: center; background-color: #f7f7f7; }
div.fakeimg img.img { width: 100%; }
div.fakeimg button{width:122px; height: 38px !important; position: absolute;right: 0;bottom:0;background-color: #A1A1A1;color: #fff;font-size: 15px;border: 1px solid #C7C7C7;}
div.imginputs.pics { max-width: 800px; width: 100%; }
div.imginputs.pics .fakeimg .imgArea { min-height: 250px; }

/* Set the dimensions of the replaced select element and make it transparent. */
.customized-select{visibility: hidden;}
.customized-select.custom-select-replaced {
	visibility: visible;
	border: 0;
	filter: alpha(opacity=0); /* Move to IE-specific CSS file if you want to. */
	opacity: 0;
	position: relative;
	z-index: 10;
}
.select_w100 .custom-select-container{display: block;}
.custom-select { display: block; left: 0; position: absolute; top: 0; z-index: 1; }
.custom-select-container{position: relative;display: inline-block;}
.custom-select-container > select{width:100px;padding:0;margin:0;font-size: 15px;height: 38px;border-width:0px;box-sizing: border-box;}
.custom-select-container > select.w100{width:100%;}
.custom-select-container > select.w60{min-width:60px;}
.custom-select-container > select.w150{min-width:150px;}
.custom-select-container > select > option{}
.custom-select-container > span{display: inline-block;position: absolute;top:0;bottom:0;left:0;right:0;height:100%;background-color: #fff;}
.custom-select > span { display: block; box-sizing: border-box; line-height: 38px; font-size: 12px; background-color: #fff; border:1px solid #E2E7EB; height: 100%; filter: none; color: #666;border-radius: 2px;
	background: url(../images/ico/ico_select.png) no-repeat right center; padding: 0 25px 0 15px;}
.custom-select span span { display: block; /*overflow: hidden; text-overflow: ellipsis;*/ white-space: nowrap; }

/* style2 */
.st2 { display: inline-block; }
.st2 .custom-select > span { background: url(../images/ico/btn_select1.gif) no-repeat right center; padding: 0 40px 0 15px; }
.st2 .custom-select span span { display: block; margin-left:5px;margin-right:25px; /*overflow: hidden; text-overflow: ellipsis;*/ white-space: nowrap; }

/* style3 */
.st3 .custom-select-container > select { height: 28px; font-size: 13px; }
.st3 .custom-select > span { background: url(../images/ico/ico_select3.png) no-repeat right center; line-height: 28px;}

/*custom-number*/
.custom-number-container {display: inline-block;text-align: center;background-color: #fff;}
.custom-number-container > .minus {width: 30px;height: 30px;border: 1px solid #ddd;display: inline-block;box-sizing: border-box;cursor: default;line-height: 30px;vertical-align: middle;font-weight: bold;border-radius: 5px 0 0 5px;color:#a4a4a4;background: url(../images/ico/ico_res_minus_off.png) #fff no-repeat center;}
.custom-number-container > .plus { width: 30px; height: 30px; border: 1px solid #ddd; display: inline-block; box-sizing: border-box; cursor: default; line-height: 30px;vertical-align: middle; font-weight: bold; border-radius: 0 5px 5px 0; color:#a4a4a4; background: url(../images/ico/ico_res_plus_off.png) #fff no-repeat center; }
.custom-number-container > .minus:hover,
.custom-number-container > .minus:active { width: 30px; height: 30px; border: 1px solid #ddd; display: inline-block; box-sizing: border-box; cursor: default; line-height: 30px;vertical-align: middle; font-weight: bold; border-radius: 5px 0 0 5px; color:#a4a4a4; background: url(../images/ico/ico_res_minus_on.png) #fff no-repeat center; }
.custom-number-container > .plus:hover,
.custom-number-container > .plus:active { width: 30px; height: 30px; border: 1px solid #ddd; display: inline-block; box-sizing: border-box; cursor: default; line-height: 30px;vertical-align: middle; font-weight: bold; border-radius: 0 5px 5px 0; color:#a4a4a4; background: url(../images/ico/ico_res_plus_on.png) #fff no-repeat center; }
.custom-number-container > input {width: 32px;height: 30px;text-align: center;border: 1px solid #ddd;/* border-left: 0; *//* border-right: 0; */}



.form_type1 {/* margin-bottom: 90px; */}
.form_type1 > ul{}
.form_type1 > ul > li{margin-top: 20px;margin-bottom: 11px; border-bottom: 1px solid #d5d5d5;}
.form_type1 > ul > li:first-child{margin-top: 0;}
.form_type1 input.ipt{ width: 100%; height:45px;padding: 0; border: 0;  }
.form_type1 input.ipt ~ label{padding-left: 0;}
.form_type1 button {/* float: right; */height: 45px;color: #113a5d;outline: none;}

.form_type2{}
.form_type2 > ul{}
.form_type2 > ul > li{margin-top: 10px;margin-bottom: 10px;}
.form_type2 > ul > li:first-child{margin-top: 0;}
.form_type2 > ul > li .status{padding-left: 100px;font-size: 13px; font-weight: bold;letter-spacing: -0.25px; color: #c52020; display: inline-block; margin-top: 5px;}
.form_type2 > ul > li input.ipt{height: 38px;border-color: #e5e5e5; -webkit-transition: border-color .3s ease-in-out;-o-transition: border-color .3s ease-in-out;transition: border-color .3s ease-in-out;}
.form_type2 > ul > li label { width: 70px; display: inline-block; }
.form_type2 > ul > li label.st1 { width: auto; }
.form_type2 > ul > li label.w90 { width: 90px; }
.form_type2 > ul > li select.phonenum { width: 75px; }
.form_type2 > ul > li select.year { width: 80px; }
.form_type2 > ul > li.good input.ipt{border-color: #00CF2C;}
.form_type2 > ul > li.bad input.ipt{border-color: #dd1013;}
.form_type2.st2 > ul > li .placeh{display: inline-block;max-width: 100%;width:190px;}
.form_type2 .input_inc_btn{display: table;width: 100%;}
.form_type2 .input_inc_btn > *{display: table-cell;vertical-align: middle;}
.form_type2 .input_inc_btn > .btn{padding-left: 10px;width:100px;}
.form_type2 .input_inc_btn > .btn > button{height: 37px;box-sizing: border-box;border:1px solid #505050;background-color: #666666;color: #fff;width: 100%;}
.form_type2 .input_inc_btn + input{margin-top: 10px;}
.form_type2 .tip{display: block;margin-top: 5px;font-size: 15px;color: #666;}
.form_type2 .tip.t2{color: #fe7e00;font-weight: 300;}


.form_type3.type3 > ul{margin-bottom: 30px;border-bottom: 1px solid #d5d5d5;padding-bottom:  1.875em;}
.form_type3 > ul > li{margin-top: 10px;margin-bottom: 10px;width: 100%;overflow: hidden;}
.form_type3 > ul > li:first-child{margin-top: 0;}
.form_type3 > ul > li .status{padding-left: 100px; font-size: 13px; font-weight: bold;letter-spacing: -0.25px; color: #c52020; display: inline-block; margin-top: 5px;}
.form_type3 > ul > li input.ipt{height: 38px;border-color: #e5e5e5;-webkit-transition: border-color .3s ease-in-out;-o-transition: border-color .3s ease-in-out;transition: border-color .3s ease-in-out;}
.form_type3 > ul > li input:focus { border-color: #0086db; }
.form_type3 > ul > li label { display: inline-block; }
.form_type3 > ul > li label.tit { display: block; font-size: 15px;height:1.2em;line-height:1.2; margin-bottom: 3px; }
.form_type3 > ul > li label.tit span { color: #fe7e00; }
.form_type3 .inputlabel {position: relative;display: inline-block;width: 100%;}
.form_type3 .inputlabel > label { display: inline-block; color: #a4a4a4; }
.form_type3 .inputlabel > label.tit{width: auto !important;font-size: 15px;height:1.2em;line-height:1.2;position: absolute;top:3px;bottom:0;left:0;margin:auto;margin-left:0.5em;padding: 0 3px;color:#999;box-sizing:border-box;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width:100%;cursor:text;color:#333;background-color: #fff;}
.form_type3 .inputlabel > label.tit span { color: #fe7e00; }
.form_type3 .inputlabel.der{
    width: 51%;
}
.form_type3 > ul > li #address2,
.form_type3 > ul > li #company_address2 { margin-top: 5px; }
.form_type3 > ul > li input.datepicker {margin-right: 5px; margin-top:10px;}
.form_type3 > ul > li.good input.ipt {/* border-color: #00CF2C; */}
.form_type3 > ul > li.bad input.ipt { border-color: #dd1013; }
.form_type3 .lst_check3 > label { margin-left: 20px; margin-top: 0; }
.form_type3 .lst_check3 > label:first-child { margin-left: 0; }


.form_type_res .limit_count_box { background-color: #fff; border: 2px solid #e8e8e8; border-radius: 50px; text-align: center; width:250px; padding: 10px; box-sizing: border-box; margin: 45px auto 20px; font-size:1.384rem; font-weight: bold; }
.form_type_res .limit_count_box img { margin: 0 10px 0 0; }
.form_type_res .limit_count_box span { color: #fe411b; }
.form_type_res .notice { font-size: 1.153rem; line-height: 22px; color: #424547; margin-bottom: 30px; }
.form_type_res .item { margin-bottom: 3em; }
.form_type_res .item > h3{font-weight: bold;color:#333;font-size: 16px;text-align:  center;}
.form_type_res .item > h3 > .item_tit{font-size: 16px;color: #333;background-color:  #fff;font-weight:  500;}
.form_type_res .item:last-child { margin-bottom: 0; }
.form_type_res .item ul.complex {padding: 25px 15% 0 0;}
.form_type_res .item ul.complex > li{border-bottom: 0;}
.form_type_res .item ul.complex > li:first-child{padding-bottom:10px;}
.form_type_res .item ul.complex > li .item_txt{color:#666; font-weight:bold;}
.form_type_res .item ul li {padding-bottom: 30px;text-align: right;position: relative;}
.form_type_res .item ul li:last-child { padding-bottom: 0; }
.form_type_res .item ul li label {margin-left: 5px;}
.form_type_res .item ul li .itmeTotal {/*  position: absolute; */ right: 0; font-size: 0.923rem; color: #326a8d; height:30px;}
.form_type_res .item > ul > li > .tit { font-size: 1.076rem; color: #666; }
.form_type_res .item > li { text-align: right; padding-bottom: 30px; position: relative; }
.form_type_res .item > li > .tit { font-size: 1.307rem; color: #333; font-weight: bold; float: left; }
.form_type_res .item > li > .itmeTotal { position: absolute; right: 0; font-size: 0.923rem; color: #326a8d; }
.form_type_res_total { margin-bottom: 40px; }
.form_type_res_total .tit { font-size: 1.384rem; color: #666; float: left; }
.form_type_res_total .price { font-size: 1.538rem; color: #333; float: right; font-weight: bold; }


.tb_type1 > table{width: 100%;border-top:2px solid #404040; max-width: 720px; margin: 0 auto;}
.tb_type1 > table th,
.tb_type1 > table td { padding: 10px 20px; line-height: 30px; }
.tb_type1 > table > thead > tr > th,
.tb_type1 > table > tbody > tr > th{font-weight: 700;white-space: nowrap;border-bottom:1px solid #E2E7EB;width:120px;border-left:1px solid #E2E7EB;text-align: left;background-color: #fcfcfc;font-size: 13px;vertical-align: top; line-height: 1.5;}
.tb_type1 > table > thead > tr > th { text-align: center; }
.tb_type1 > table > thead > tr > th:first-child,
.tb_type1 > table > tbody > tr > th:first-child { border-left: 0; }
.tb_type1 > table > thead > tr > th:last-child,
.tb_type1 > table > tbody > tr > th:last-child { border-right: 0; }
.tb_type1 > table > tbody > tr > th.center,
.tb_type1 > table > tbody > tr > td.center { text-align: center; }
.tb_type1 > table > tbody > tr > td{color: #666666;border-bottom:1px solid #E2E7EB;vertical-align: middle;border-left:1px solid #E2E7EB;font-size: 13px; padding: 10px 40px; line-height: 23px;}
.tb_type1 > table > tbody > tr > td:first-child { border-left: 0; border-right: 1px solid #E2E7EB;}
.tb_type1 > table > tbody > tr.setBoard > td { border-left:1px solid #E2E7EB; }
.tb_type1 > table > tbody > tr > td.noborder { border-bottom: 0; padding-bottom: 0; }
.tb_type1 > table > tbody > tr > td input { height: 30px; line-height: 30px; font-size: 13px; color: #666; }
.tb_type1 > table > tbody > tr > td input + button{min-width:71px;height:30px; line-height: 30px; color: #fff;background-color: #A1A1A1;font-size: 15px;}
.tb_type1 > table > tbody > tr > td input + span{vertical-align: middle;color: #666;}
.tb_type1.mb20 { margin-bottom: 20px; }
.tb_type1.mb30 { margin-bottom: 30px; }
.tb_type1.mb40 { margin-bottom: 40px; }
.tb_type1 .require > th span { color: #fe7e00; }
.tb_type1 .status { margin-top: 5px; padding-left: 5px; font-size: 13px; }
.tb_type1 .good .status { color: #00a651; }
.tb_type1 .bad .status { color: #d8102c; }

.tb_type2 > table{width: 100%;border-top:1px solid #41433e; }
.tb_type2 > table > thead > tr > th{ border-top:2px solid #41433e; border-bottom:1px solid #dfdfdf; color: #6b767a; padding: 11px 15px; vertical-align: middle; background-color: #f4f7f8; line-height: 27px;}
.tb_type2 > table > tbody > tr > th{ border-bottom:1px solid #dfdfdf; color: #2f2f2f; padding: 12px 15px; vertical-align: middle; line-height: 27px;}
.tb_type2 > table > tbody > tr > td{ color: #666;border-bottom:1px solid #dfdfdf; vertical-align: middle; padding: 11px 15px; text-align: center; line-height: 27px;}
.tb_type2 > table > tbody > tr > th.left,
.tb_type2 > table > tbody > tr > td.left { text-align: left; }
.tb_type2 > table > tbody > tr > td input + button{min-width:71px;height:28px; line-height: 28px; color: #fff;background-color: #A1A1A1;font-size: 15px;border-radius:3px;}
.tb_type2 > table > tbody > tr > td input + span{vertical-align: middle;color: #666;}
.tb_type2 > table > tbody > tr > td a:hover { text-decoration: underline; }
.tb_type2 > table > tbody > tr > td.status span { color: #fff; background-color: #33507f; width: 80px; display: inline-block; border-radius: 3px; font-size: 13px; line-height: 27px; }
.tb_type2 > table > tbody > tr > td.status .complete { background-color: #cacaca;  }
.tb_type2.mb20 { margin-bottom: 20px; }
.tb_type2 .require > th span { color: #fe7e00; }

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {background: #bebebe;border: 0px none #ffffff;border-radius: 50px;}
::-webkit-scrollbar-track {
  background: #f0f0f0;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

body{
  scrollbar-base-color: #f0f0f0;
  scrollbar-base-color: #f0f0f0;
  scrollbar-3dlight-color: #f0f0f0;
  scrollbar-highlight-color: #f0f0f0;
  scrollbar-track-color: #f0f0f0;
  scrollbar-arrow-color: #999;
  scrollbar-shadow-color: #f0f0f0;
  scrollbar-dark-shadow-color: #f0f0f0;
  scrollbar-face-color: #bebebe;
}



/*페이지*/
.paginate {margin-top:40px;text-align: center;}
.paginate .btn,
.paginate .num {display:inline-block; width:32px; height: 32px;  font-size:15px; font-weight: 700; color:#000; line-height:32px; border:1px solid #dedede; vertical-align:middle; text-decoration:none; text-align: center;}
.paginate .prev {}
.paginate .btn { color: #0095ce;}
.paginate .disable { color: #ccc !important; pointer-events: none; cursor: default; }
.paginate >*:hover { border-color: #0095ce; color: #0095ce; }
.paginate .num.on {color:#fff; background-color: #0095ce; border-color: #0095ce;}

/* iscroll 스크롤바 */
.iScrollVerticalScrollbar{overflow:hidden;position:absolute;top:2px;right:0;bottom:2px;z-index:9999;width:6px;background-color: #f0f0f0;}
.iScrollVerticalScrollbar .iScrollBothScrollbars{bottom:18px}
.iScrollVerticalScrollbar .iScrollIndicator{width:100%}

/* .iScrollVerticalScrollbar */
.iScrollIndicator{position:absolute;border-radius:6px;background:#bebebe}
.iScrollHorizontalScrollbar .iScrollIndicator{height:100%}

/* Grid System */
.row { /* margin-right: -15px; margin-left: -15px; */ }
.row:after { content: ""; display: table; clear: both; }
.row .col { float: left; box-sizing: border-box; left: auto; right: auto; }
.row .col.s1 { width: 8.3333333333%; }
.row .col.s2 { width: 16.6666666666%; }
.row .col.s3 { width: 25%; }
.row .col.s4 { width: 33.3333333333%; }
.row .col.s5 { width: 41.6666666666%; }
.row .col.s6 { width: 50%; }
.row .col.s7 { width: 58.3333333333%; }
.row .col.s8 { width: 66.6666666666%; }
.row .col.s9 { width: 75%; }
.row .col.s10 { width: 83.3333333333%; }
.row .col.s11 { width: 91.6666666666%; }
.row .col.s12 { width: 100%; }
.row .col.t1 { width: 8.3333333333%; }
.row .col.t2 { width: 16.6666666666%; }
.row .col.t3 { width: 25%; }
.row .col.t4 { width: 33.3333333333%; }
.row .col.t5 { width: 41.6666666666%; }
.row .col.t6 { width: 50%; }
.row .col.t7 { width: 58.3333333333%; }
.row .col.t8 { width: 66.6666666666%; }
.row .col.t9 { width: 75%; }
.row .col.t10 { width: 83.3333333333%; }
.row .col.t11 { width: 91.6666666666%; }
.row .col.t12 { width: 100%; }
.row .col.m1 { width: 8.3333333333%; }
.row .col.m2 { width: 16.6666666666%; }
.row .col.m3 { width: 25%; }
.row .col.m4 { width: 33.3333333333%; }
.row .col.m5 { width: 41.6666666666%; }
.row .col.m6 { width: 50%; }
.row .col.m7 { width: 58.3333333333%; }
.row .col.m8 { width: 66.6666666666%; }
.row .col.m9 { width: 75%; }
.row .col.m10 { width: 83.3333333333%; }
.row .col.m11 { width: 91.6666666666%; }
.row .col.m12 { width: 100%; }
.row .col[class*="push-"],
.row .col[class*="pull-"] { position: relative; }
.row .col.push-s1 { left: 8.3333333333%; }
.row .col.push-s2 { left: 16.6666666666%; }
.row .col.push-s3 { left: 25%; }
.row .col.push-s4 { left: 33.3333333333%; }
.row .col.push-s5 { left: 41.6666666666%; }
.row .col.push-s6 { left: 50%; }
.row .col.push-s7 { left: 58.3333333333%; }
.row .col.push-s8 { left: 66.6666666666%; }
.row .col.push-s9 { left: 75%; }
.row .col.push-s10 { left: 83.3333333333%; }
.row .col.push-s11 { left: 91.6666666666%; }
.row .col.pull-s1 { right: 8.3333333333%; }
.row .col.pull-s2 { right: 16.6666666666%; }
.row .col.pull-s3 { right: 25%; }
.row .col.pull-s4 { right: 33.3333333333%; }
.row .col.pull-s5 { right: 41.6666666666%; }
.row .col.pull-s6 { right: 50%; }
.row .col.pull-s7 { right: 58.3333333333%; }
.row .col.pull-s8 { right: 66.6666666666%; }
.row .col.pull-s9 { right: 75%; }
.row .col.pull-s10 { right: 83.3333333333%; }
.row .col.pull-s11 { right: 91.6666666666%; }



@media screen and  (max-width:639px){
	.custom-number-container > .plus,
	.custom-number-container > .plus:hover,
	.custom-number-container > .plus:active,
	.custom-number-container > .minus,
	.custom-number-container > .minus:hover,
	.custom-number-container > .minus:active { width: 50px; height: 50px; line-height: 50px}
	.custom-number-container > input { width: 50px; height: 50px; }
}