@charset "utf-8";
/* uracle ux */

*{-webkit-text-size-adjust:none;word-break:break-all;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;appearance:none;-moz-appearance:none;resize:none;}
html {/* font-size:100%; font-size:62.5%; */ font-size:16px;}
html,body{position:relative;width:100%;height:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);/* font-family: 'Noto Sans KR'; */}
body,object,iframe,
h1,h2,h3,h4,h5,h6,div,span,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,figure,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
form,fieldset,legend,a,textarea,input,select,option,button,label,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin:0;padding:0;border:0;/*background:transparent;*/-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;
}

.hide {  /*숨기기*/ position:absolute; left:-10000px; top:auto;  height:1px; overflow:hidden;}
.hide {display: block; width: 0; text-indent: -9000px; overflow: hidden;}
select::-ms-expand {
    display: none;
}
img, video {
	max-width : 100% ;
	height : auto ; 
}

/* =====  Media ===== */
audio:not([controls]){display:none;height:0;}

/* =====  Link ===== */
a{text-decoration: none !important;/*outline:none;*/color: #2c4178 }​
a:link{text-decoration:none;/*outline:none;*/ }​
a:focus{outline:thin dotted;/*outline:none;*/ }​
a:active,a:hover{outline:0;text-decoration:none;/*outline:none;*/ }​
a:visited{text-decoration:none;/*outline:none;*/ }​

/* =====  Typography ===== */
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:inherit;}
b{font-weight:bold;}
strong{font-weight:700;vertical-align:middle;}
hr{display:none;box-sizing:content-box;height:0;}
address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal;}
abbr, acronym, img, button{border:0;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
sub, sup{line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
span,em{vertical-align:top;}

/* List */
ul, ol, li{list-style:none;}

/* =====  Figures ===== */
figure{margin:0;}

/* =====  Forms ===== */
button{cursor:pointer;}
button, input, select, textarea{border:0 none;outline:0 none;background-color:#fff;}
/* button, select{text-transform:none;} */
textarea{vertical-align:top;border:solid 1px #ccc;}

/* =====  Table ===== */
table{border-collapse:collapse;empty-cells:show;border-spacing:0;table-layout:fixed;}
table caption, fieldset legend{display:none;}

/*==========================================================================
 - summary :common
==========================================================================*/
abbr[title]{border-bottom:1px dotted;}

/* Align */
.ta-r, .right{text-align:right !important;}
.ta-l, .left{text-align:left !important;}
.ta-c, .center{text-align:center !important;}
.va-t{vertical-align:top !important;}
.va-m{vertical-align:middle !important;}
.va-b{vertical-align:bottom !important;}
.fl-l{display:inline-block;float:left !important;vertical-align:middle;}
.fl-r{display:inline-block;float:right !important;vertical-align:middle;}
.over_h {overflow:hidden;}
.over_-h{overflow:hidden;width:100%;}
.clear{clear:both !important;}
.clear-l{clear:left !important;}
.clear-r{clear:right !important;}
.posi-a{position:absolute !important;}
.posi-r{position:relative !important;}

/* display style */
.block{display:block !important;}
.inline{display:inline !important;}
.binline{display:inline-block !important;}

/* Font */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}

/* hidden */
.blind{visibility:hidden;font-size:0;text-indent:-20000px;}
.none{display:none !important;}

/* Text overflow with ellipsis (줄임말) */
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:120%;}
.ellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:120%;}

/* 영역을 벗어나는 텍스트 줄 바꿈 처리(예:긴 URL) */
.break{word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}

/* webkit box */
.hbox{display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;}
.vbox{display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;}
.hbox > *, .vbox > *{display:block}

/* 가로 :box-pack:start|end|center|justify;*/
/* 세로 :box-align:start|end|center|baseline|stretch;*/
.ss{-webkit-box-pack:start;-webkit-box-align:start;-moz-box-pack:start;-moz-box-align:start;box-pack:start;box-align:start;}		/*1/4 */
.es{-webkit-box-pack:end;-webkit-box-align:start;-moz-box-pack:end;-moz-box-align:start;box-pack:end;box-align:start;}			/*2/4  */
.sc{-webkit-box-pack:start;-webkit-box-align:center;-moz-box-pack:start;-moz-box-align:center;box-pack:start;box-align:center;} 			/*3/4 */
.ss{-webkit-box-pack:start;-webkit-box-align:start;-moz-box-pack:start;-moz-box-align:start;box-pack:start;box-align:start;}		/*1/4 */
.ee{-webkit-box-pack:end;-webkit-box-align:end;-moz-box-pack:end;-moz-box-align:end;box-pack:end;box-align:end;}			/*4/4 */
.cc{-webkit-box-pack:center;-webkit-box-align:center;-moz-box-pack:center;-moz-box-align:center;box-pack:center;box-align:center;}		/*중앙  */
.js{-webkit-box-pack:justify;-webkit-box-align:start;-moz-box-pack:justify;-moz-box-align:start;box-pack:justify;box-align:start;}
.jc{-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;}
.je{-webkit-box-pack:justify;-webkit-box-align:end;-moz-box-pack:justify;-moz-box-align:end;box-pack:justify;box-align:end;}
.stretch{-webkit-box-pack:justify;-moz-box-pack:justify;box-pack:justify;}

/* flex */
.flex>*{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}
.flex{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}
.flex2{-webkit-box-flex:2;}
.flex3{-webkit-box-flex:3;}
.flex4{-webkit-box-flex:4;}
.flex5{-webkit-box-flex:5;}
.flex6{-webkit-box-flex:6;}

.w100p, .full{width:100% !important;}
.h100p{height:100% !important;}


::-webkit-input-placeholder{color:#666;}
.head_search ::-webkit-input-placeholder{color:#fff;}
/* search, number 초기화 */ 
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{-webkit-appearance: none}

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none;}


.btn01 {padding: .5rem 1rem;font-size: 1.2rem;color: #727272;border:1px solid #d5d5d5;border-radius: 2rem;}
.btn02 {padding: 1rem 3.5rem;font-size: 1.6rem;color: #fff;background: #bdc5e6; border-radius: 2rem;}

@media all and (max-width:767px){
	.btn02 {padding: .5rem 3.5rem;font-size: 1.4rem;}
}


@font-face {
font-family: 'NotoKrL';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('NotoSans-Light'), url(../fonts/NotoSans-Light.eot);
src: url(../fonts/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
url(../fonts/NotoSans-Light.woff2) format('woff2'),
url(../fonts/NotoSans-Light.woff) format('woff');;
}
@font-face {
font-family: 'NotoKrDL';
font-style: normal;
font-weight: 200;
src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'), url(../fonts/NotoSans-DemiLight.eot);
src: url(../fonts/NotoSans-DemiLight.eot?#iefix) format('embedded-opentype'),
url(../fonts/NotoSans-DemiLight.woff2) format('woff2'),
url(../fonts/NotoSans-DemiLight.woff) format('woff');;
}
@font-face {
font-family: 'NotoKrR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(../fonts/NotoSans-Regular.eot);
src: url(../fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
url(../fonts/NotoSans-Regular.woff2) format('woff2'),
url(../fonts/NotoSans-Regular.woff) format('woff');
}
@font-face {
font-family: 'NotoKrM';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(../fonts/NotoSans-Medium.eot);
src: url(../fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
url(../fonts/NotoSans-Medium.woff2) format('woff2'),
url(../fonts/NotoSans-Medium.woff) format('woff');
}
@font-face {
font-family: 'NotoKrB';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../fonts/NotoSans-Bold.eot);
src: url(../fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
url(../fonts/NotoSans-Bold.woff2) format('woff2'),
url(../fonts/NotoSans-Bold.woff) format('woff');
}
@font-face {
font-family: 'NotoKrBL';
font-style: normal;
font-weight: 900;
src: local('Noto Sans Black'), local('NotoSans-Black'), url(../fonts/NotoSans-Black.eot);
src: url(../fonts/NotoSans-Black.eot?#iefix) format('embedded-opentype'),
url(../fonts/NotoSans-Black.woff2) format('woff2'),
url(../fonts/NotoSans-Black.woff) format('woff');
}