/* *2018 dreamkis
*/
@charset"utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); /*400 700 800*/
/*@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);*/
@import url(//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); /*400 700*/


html, body{font-family:'Nanum Square','Open Sans','Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;font-weight:400;font-size:14px;line-height:1.6;color:#666;margin:0;padding:0;font-style:normal;-webkit-overflow-scrolling:touch;-moz-transform: scale(2);}



/*##################################################################
Bootstrap3에서 필요한 요소만 정리 
###################################################################*/

/* padding margin border 영향없이 사이즈 동일하게 */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


b, strong{font-style:normal}
/*폰트 제목체 동일하게 적용하기 위해 초기화*/
b, strong, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin:0;padding:0;font-weight:700;}
h1, .h1{font-size:28px;}
h2, .h2{font-size:26px;}
h3, .h3{font-size:24px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:16px;}
.italic{font-style:italic;}

/*이미지 page-break-inside:avoid 페이지 나누기 금지*/
img{border:0;max-width:100%;page-break-inside:avoid;display:inline-block;vertical-align:middle;}

p{margin-top:0;margin-bottom:10px;}


/*a 태그 기본설정*/
a{background-color:transparent;text-decoration:none;color:#333}
a:focus, a:active, a:hover, a:visited, a:link{outline:none;text-decoration:none;}

.unlist, .undot{margin:0;padding:0;list-style:none;}
.unlist > li{display:inline-block;margin:0;padding:0;}

.col-both{clear:both;border:1px solid;font-size:0;line-height:0;margin:0 !important;padding:0 !important;border:0 !important}

/*부모로부터 글꼴 상속*/
input, button, select, textarea{line-height:1;margin:0;padding:0;background:none;text-transform:none;border:0;vertical-align:middle;}
input,select,textarea{border:1px solid;}
textarea{overflow:auto;}
input:focus{outline:none;border:1px #1263ac solid}
input[type=text]::-ms-clear{display:none;}
select::-ms-expand{background:none;border-left-width:0;border-right-width:0;border-top-width:0;border-bottom-width:0;}

button, input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled], input[disabled]{cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0;}

/* input setting */
input[type='text'],input[type='password'],input[type='number'],input[type='search'],input[type="file"]{padding:auto;text-align:middle;line-height:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type='checkbox'], input[type='radio']{vertical-align:line-height:normal;display:inline-block;}
select[multiple],select[size]{height:auto;}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:none;},input[type="text"]:focus{outline:none;}


blockquote{padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;padding-left: 10px;padding-right: 8px;border-left-width:2px;}
img.right{border: 1px solid #ccc;float: right;margin-left: 15px;padding: 5px;}
img.left{border: 1px solid #ccc;float: left;margin-right: 15px;padding: 5px;}

label{display:block;max-width:100%;margin-bottom:4px;}

/*## 버튼 설정 ###################################################################################*/
/* 버튼 그룹 */
.btn-group{padding:15px 0}
.btn-topgroup{padding:0 15px 15px 0}
/* 버튼 셋팅 */
.abtn{overflow:visible;display:inline-block;cursor:pointer;vertical-align:middle;outline:none;}
.snsbtn{text-transform:none;overflow:visible;display:inline-block;cursor:pointer;vertical-align:middle;font-size:15px;color:#fff}
.btn-big-input-line, .btn, .btn-big, .btn-big-input, .btn-small, .btn-ssmall, .btn-input, .btn-icon{text-align:center;overflow:visible;display:inline-block;cursor:pointer;vertical-align:middle;text-transform:none;line-height:1em;
border:none;border-radius:0;margin:0 2px;outline:none;color:#fff;}

.btn{font-size:15px;padding:10px 18px 9px 18px;}
.btn-big{font-size:16px;padding:15px 20px 13px 20px;}
.btn-input{height:32px;font-size:13px;padding:8px 10px 7px 10px}
.btn-big-input{height:32px;font-size:13px;padding:8px 15px 7px 15px}
.btn-big-input-line{height:32px;font-size:13px;padding:6px 15px 7px 15px;border:2px solid}

@media screen and (min-width:768px){
	.btn-big-input{height:auto;font-size:18px;padding:10px 20px 10px 20px;font-family:'KakaoB';}
	.btn-big-input-line{height:auto;font-size:18px;padding:9px 20px 9px 20px;font-family:'KakaoB';}
}
.btn-small{font-size:12px;padding:4px 5px 3px 5px;}
.btn-ssmall{font-size:11px;padding:3px 2px 3px 2px;box-shadow:none;border-radius:0;}
.btn-icon{font-size:11px;padding:1px 5px 2px 5px;box-shadow:none;border:0;border-radius:0;}

.btn > .xi, .btn-big > .xi, .btn-big-input > .xi, .btn-small > .xi, .btn-input > .xi{border-right:1px solid;border-color:rgba(255,255,255, 0.4);margin-right:7px;padding-right:6px;}

/* 버튼 색상 */
.color-mblue{background:#0e4ebd;}
.color-mgreen{background:#00994b;}
.color-mgline{border-color:#00994b;color:#00994b}
.color-mgrayline{border-color:#aaa;color:#aaa}
.color-black-a{background:#2f2725;border-color:#211a19}
.color-black-b{background:#514f4e;border-color:#373433}
.color-black-c{background:#787877;border-color:#60605c}
.color-black-d{background:#9b9b9c;border-color:#818187}
.color-black-e{background:#fff;color:#aaa;border:1px solid #ddd}
.color-blue-a{background:#004ea2;border-color:#004288}
.color-blue-b{background:#007ac6;border-color:#0066a5}
.color-blue-c{background:#00a1e9;border-color:#008ac8}
.color-blue-d{background:#59c4f2;border-color:#3fa9d6}
.color-red-a{background:#ad0e0e;border-color:#960a0a}
.color-red-b{background:#cc0404;border-color:#a50606}
.color-red-c{background:#f07700;border-color:#c96400}
.color-red-d{background:#f9d10e;border-color:#deb903}
.color-green-a{background:#007440;border-color:#00522d}
.color-green-b{background:#009644;border-color:#017435}
.color-green-c{background:#64b73a;border-color:#438b1f}
.color-green-d{background:#abce28;border-color:#88a812}
.color-brown-a{background:#4e331d;border-color:#3d2614}
.color-brown-b{background:#764420;border-color:#643716}
.color-brown-c{background:#946022;border-color:#7d4f18}
.color-brown-d{background:#c28d40;border-color:#aa7931}
.color-violet-a{background:#3d1174;border-color:#300a5e}
.color-violet-b{background:#5c2c85;border-color:#4a206d}
.color-violet-c{background:#7c438f;border-color:#663278}
.color-violet-d{background:#9b72b0;border-color:#855d9a}

.color-logo{background:#148cff;border-color:#148cff;}


/* 색상 */
.text-black-a{color:#2f2725;}
.text-black-b{color:#514f4e;}
.text-black-c{color:#787877;}
.text-black-d{color:#9b9b9c;}
.text-blue-a{color:#004ea2;}
.text-blue-b{color:#007ac6;}
.text-blue-c{color:#00a1e9;}
.text-blue-d{color:#59c4f2;}
.text-red-a{color:#ad0e0e;}
.text-red-b{color:#cc0404;}
.text-red-c{color:#f07700;}
.text-red-d{color:#f9d10e;}
.text-green-a{color:#007440;}
.text-green-b{color:#009644;}
.text-green-c{color:#64b73a;}
.text-green-d{color:#abce28;}
.text-brown-a{color:#4e331d;}
.text-brown-b{color:#764420;}
.text-brown-c{color:#946022;}
.text-brown-d{color:#c28d40;}
.text-violet-a{color:#3d1174;}
.text-violet-b{color:#5c2c85;}
.text-violet-c{color:#7c438f;}
.text-violet-d{color:#9b72b0;}
.text-logo{color:#148cff;}

/*문자를 소문자로 변환*/
.text-lowercase{text-transform:lowercase;}
/*문자를 대문자로 변환*/
.text-uppercase {text-transform:uppercase;}
/*시작 문자를 대문자로 시작*/
.text-capitalize{text-transform:capitalize;}
/*분활 수평선*/
hr{margin:15px 0 15px 0;border:0;border-top:1px solid #eee;}

/*텍스트 정렬*/
.text-al{text-align:left;}.text-ar{text-align:right;}.text-ac{text-align:center;}.text-aj{text-align:justify;}

/* 페이징*/
.pagination, .pager{display:inline-block;padding:0 1px 0 1px;}
.pagination > li, .pager > li{display:inline;}
.pagination > li > a, .pagination > li > span{position:relative;float:left;padding:4px 8px 6px 8px;margin-left:-1px;border:1px solid #ddd;}
.pager > li > a, .pager > li > span{float:left;padding:4px 8px 6px 8px;border:1px solid #ddd;}
.pager > li:first-child > a, .pager > li:first-child > span{margin-right:2px;}


/* input,textarea 입력글 안내 문구*/
*::-moz-placeholder{opacity:1;color:#aaa;}
*:-ms-input-placeholder{color:#aaa;}
*::-webkit-input-placeholder{color:#aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa;}

/* form 요소 정의*/
.form-col{padding:6px 0;border-bottom:#f5f5f5 1px solid;}
.form-col.last{margin-bottom:0px;}
.form-row .form-col label{font-size:95%;color:#999;}
.form-row > label, .form-col label{}

.nform-col{padding:4px 0;}
.nform-col.last{margin-bottom:0px;}

.input-col{display:inline-block;height:32px;padding:0 12px;line-height:30px;width:100%;vertical-align:middle;background:#fff;}
.input-file{display:inline-block;height:32px;padding:0;line-height:30px;vertical-align:middle;width:100%}

.input-col, .text-col, .input-file{border:1px solid #ddd;color:#666;border-radius:0;margin:2px 0}
.input-col:focus, .text-col:focus{outline:none}

.input-col[disabled], .text-col[disabled], .input-col[readonly], .text-col[readonly]{background-color:#eee;opacity:1;}
textarea, textarea.text-col{height:auto;padding:6px 12px;line-height:1.6;width:100%;max-width:100%;display:inline-block;vertical-align:middle;background:#fff}
.input-chk{width:20px;height:20px;vertical-align:middle;}
.chk_mess{margin:0 15px 0 5px;vertical-align:middle;}

.input-sel{display:inline-block;height:32px;padding:4px 4px;vertical-align:middle;border:1px solid #e0e0e0;color:#555;border-radius:0;margin:2px 0;background:#fff}
.input-col, .text-col, .input-chk, .input-sel{margin:3px 0;}

.text-box{margin-bottom:10px;padding-bottom:5px;border-bottom:#eee 1px solid;}
.text-box label{display:block;vertical-align:middle;}
.text-box .con_lay{display:inline-block;vertical-align:middle;}
.text-box.last{margin-bottom:0px;}
.poptext-box{margin-bottom:3px;padding:3px 3px;border-bottom:#eee 1px solid;}
.poptext-box label{width:80px;display:block;vertical-align:middle;}



@media screen and (min-width:768px){

	.form-col{display:table;width:100%}
	.form-col label{display:table-cell;vertical-align:middle;width:100px;}
	.nform-col{display:table;width:100%}
	.nform-col label{display:table-cell;vertical-align:middle;}
	.nform-col label{width:100px;}

	.form-row{display:block;width:auto;margin-bottom:15px;border-bottom:#f5f5f5 1px solid;}
	.form-row > label{width:100px;display:table-cell;vertical-align:middle;}
	.form-row .form-col{display:table-cell;vertical-align:middle;width:auto;padding-right:10px;border-bottom:0;}
	.form-row .form-col label{padding:6px 5px 0 5px;display:inline-block;width:auto;vertical-align:middle;}
	.form-row .form-col .input-col{display:inline-block;vertical-align:middle;max-width:100px}
	.form-col > span{color:#888888;display:inline-block;}
	.text-box{display:table;width:100%}
	.text-box label{display:table-cell;width:100px;vertical-align:middle;}

	.poptext-box label{width:100px;display:inline-block;border-right:#ddd 1px dotted;margin-right:5px}
}
.equal{padding:0 5px;vertical-align:middle;}
.pd-left{padding-right:10px;vertical-align:middle;}
.pd-right{padding-right:10px;vertical-align:middle;}


/* 테이블 정의 */
table{border-spacing:0;border-collapse:collapse;background-color: transparent;}
td, th{padding:0;text-align:center;}
td.text_al{text-align:left;}

thead{display:table-header-group;}
caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left;}


.table{width:100%;max-width:100%;margin-bottom:15px;}
.table th, .table td{padding:8px;border-bottom:1px solid #ddd;}
.table thead tr th {border-top:1px solid #ddd;border-bottom:2px solid #ddd;}

.table_free{max-width:100%;margin-bottom:10px;}
.table_free th, .table_free td{padding:8px;border-bottom:1px solid #ddd;}
.table_free thead tr th {border-top:1px solid #ddd;border-bottom:2px solid #ddd;}

.table-striped > tbody > tr:nth-of-type(odd){background-color:#f7f7f7;}


/*##### 반응형 레이아웃 #####################################################*/
.container{width:100%;position:relative;}
footer{width:100%;position:relative;}

.wrap{margin-right:auto;margin-left:auto;padding:0;position:relative;overflow:hidden;width:100%;}
.wrap-full{width:100%;position:relative;}


/*레아아웃 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@//////////////////////////////////////
Bootstrap3에서 응용 내용 간단히 안쓰는 요소 제거
*/

/*inline 형식의 레이아웃*/
.cs-1,.cs-2,.cs-3,.cs-4,.cs-5,.cs-6,.cs-7,.cs-8,.cs-9,.cs-10,.cs-11,.cs-12,
.cm-1,.cm-2,.cm-3,.cm-4,.cm-5,.cm-6,.cm-7,.cm-8,.cm-9,.cm-10,.cm-11,.cm-12,
.ct-1,.ct-2,.ct-3,.ct-4,.ct-5,.ct-6,.ct-7,.ct-8,.ct-9,.ct-10,.ct-11,.ct-12,
.cp-1,.cp-2,.cp-3,.cp-4,.cp-5,.cp-6,.cp-7,.cp-8,.cp-9,.cp-10,.cp-11,.cp-12,
.cc-1,.cc-2,.cc-3,.cc-4,.cc-5,.cc-6,.cc-7,.cc-8,.cc-9,.cc-10,.cc-11,.cc-12{display:inline-block;position:relative;overflow:hidden;float:left;}

/*모바일(작은사이즈 가로형 포함)*/
.cs-12{width:100%;}.cs-11{width:91.66666667%;}.cs-10{width:83.33333333%;}.cs-9{width:75%;}.cs-8{width:66.66666667%;}.cs-7{width:58.33333333%;}.cs-6{width:50%;}.cs-5{width:41.66666667%;}.cs-4{width:33.33333333%;}.cs-3{width:25%;}.cs-2{width:16.66666667%;}.cs-1{width:8.33333333%;}
/*모바일 가로형*/
@media screen and (min-width:640px){
	.wrap{width:630px;}
	.cm-12{width:100%;}.cm-11{width:91.66666667%;}.cm-10{width:83.33333333%;}.cm-9{width:75%;}.cm-8{width:66.66666667%;}.cm-7{width:58.33333333%;}.cm-6{width:50%;}.cm-5{width:41.66666667%;}.cm-4{width:33.33333333%;}.cm-3{width:25%;}.cm-2{width:16.66666667%;}.cm-1{width:8.33333333%;}
}
/*모바일과 테블릿 사이*/
@media screen and (min-width:768px){
	.wrap{width:740px;}
	.ct-12{width:100%;}.ct-11{width:91.66666667%;}.ct-10{width:83.33333333%;}.ct-9{width:75%;}.ct-8{width:66.66666667%;}.ct-7{width:58.33333333%;}.ct-6{width:50%;}.ct-5{width:41.66666667%;}.ct-4{width:33.33333333%;}.ct-3{width:25%;}.ct-2{width:16.66666667%;}.ct-1{width:8.33333333%;}
}
/*테블릿*/
@media screen and (min-width:992px){
	.wrap{width:970px;}
	.cp-12{width:100%;}.cp-11{width:91.66666667%;}.cp-10{width:83.33333333%;}.cp-9{width:75%;}.cp-8{width:66.66666667%;}.cp-7{width:58.33333333%;}.cp-6{width:50%;}.cp-5{width:41.66666667%;}.cp-4{width:33.33333333%;}.cp-3{width:25%;}.cp-2{width:16.66666667%;}.cp-1{width:8.33333333%;}
}
/*컴퓨터*/
@media screen and (min-width:1200px){
	.wrap{width:1200px;}
	.cc-12{width:100%;}.cc-11{width:91.66666667%;}.cc-10{width:83.33333333%;}.cc-9{width:75%;}.cc-8{width:66.66666667%;border:1px solid #ffffff}.cc-7{width:58.33333333%;}.cc-6{width:50%;}.cc-5{width:41.66666667%;}.cc-4{width:33.33333333%;}.cc-3{width:25%;}.cc-2{width:16.66666667%;}.cc-1{width:8.33333333%;}
}




.ibfl, .ibfr{overflow:hidden}
.ibfl{float:left;}
.ibfr{float:right;}

.hidden{display:none;}
.full{width:100%}
.height-full{height:100%}


.iebrowsers div{padding:10px;border:#42b7f3 5px solid;display:fixed;top:0;left:0;width:100%;z-index:120000;background:#fff}


.inw10{max-width:10%}.inw20{max-width:20%}.inw30{max-width:30%}.inw40{max-width:40%}.inw50{max-width:50%}.inw60{max-width:60%}.inw70{max-width:70%}.inw80{max-width:80%}.inw90{max-width:90%}.inw100{max-width:100%}
.inpx30{max-width:30px}.inpx40{max-width:40px}.inpx50{max-width:50px}.inpx100{max-width:100px}.inpx150{max-width:150px}.inpx200{max-width:200px}.inpx250{max-width:250px}.inpx300{max-width:300px}.inpx350{max-width:350px}.inpx400{max-width:400px}.inpx450{max-width:450px}.inpx500{max-width:500px}.inpx550{max-width:550px}.inpx600{max-width:600px}.inpx650{max-width:650px}.inpx700{max-width:70px}

.inw10, .inw20, .inw30, .inw40, .inw50, .inw60, .inw70, .inw80, .inw90, .inw100,
.inpx30, inpx40, .inpx50, .inpx100, .inpx150, .inpx200, .inpx250, .inpx300, .inpx350, .inpx400, .inpx450, .inpx500, .inpx550, .inpx600, .inpx650, .inpx700{margin-right:2px}

@media screen and (max-width:767px){
	.inwp100{width:100%;max-width:100%}
}

/*Animation--*/
.display-on{display:block;transition-duration:0.5s;}
.animated{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeIn{	0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}



/*-- input file skin1 --*/
.fileup_btn{position:relative;}
.fileup_btn input.input_file{position:absolute;top:0;right:0;margin:0;padding:0;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.input_file_box{width:250px}
@media screen and (max-width:400px){
	.input_file_box{width:100px}
}