@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'); }