@charset "utf-8";
/******** Reset css DDOGUN ********/
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
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%;vertical-align:baseline;letter-spacing:0;box-sizing:border-box;font-weight:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
img,fieldset,iframe{border:0 none;outline:none;}
input,select,textarea,button{vertical-align:middle;box-sizing:border-box;outline:none;}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input::-ms-clear { display: none; }
select::-ms-expand { display: none; }
input[type='number'] {-moz-appearance: textfield;}
li{list-style:none}
img{vertical-align:top;max-width:100%;width:100%;}
video{width:100% !important;height:auto !important;}
em,address{font-style:normal}
dl,ul,ol,menu,li {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
audio,canvas,progress,video {display:inline-block;}
table{width:100%; border-collapse:collapse;border-spacing:0;word-break:break-all;width:100%}
table,textarea{resize:none;}
textarea{vertical-align:middle;}
button {border:0 none;background-color:transparent;cursor:pointer;}
body {background:#fafafa;}
a {color:#000;text-decoration:none;display: inline-block;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],textarea{-webkit-appearance:none;border-radius:0;}
input:checked[type='checkbox'] {background-color:#666;-webkit-appearance:checkbox;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none;}
legend,hr,caption{display:block;font-size:0;line-height:0;position:absolute;left:0;top:0;text-indent:-9999em;overflow:hidden;}
/* 웹전체폰트 */ body,th,td,input,select,textarea,button,p,li,dd{font-size:14px;line-height:1em;font-family:'Noto Sans','Lexend',sans-serif;color:#000;word-break:keep-all;}
.displaynone{display:none;}
.nodisplay{display:none; font-size:0; opacity:0; width:0; height:0;text-indent:-9999em;}
.clearfix:after{content: ''; display: block; clear: both;}
*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing: antialiased;}
.underline{text-decoration: underline;}
.col_wrap{overflow:hidden;}
.col5{width:5%;}
.col10{width:10%;}
.col15{width:15%;}
.col20{width:20%;}
.col30{width:30%;}
.col33{width:33.333%;}
.col35{width:35%;}
.col40{width:40%;}
.col45{width:45%;}
.col50{width:50%;}
.col55{width:55%;}
.col60{width:60%;}
.col65{width:65%;}
.col70{width:70%;}
.col80{width:80%;}
.col90{width:90%;}
.floatleft{float:left;}
.floatright{float:right;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.bold{font-weight:bold;}
.flex{display:flex}
.flex.spacebetween{justify-content:space-between;}
.hidden{display:none; size:0; opacity:0;}
.caution{color:#ff1212;}
.dimmed { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:#fff; opacity:0.8; filter:alpha(opacity=80); }
/* 전체공통영역 */
#wrap{width: 100%; overflow: hidden;}
/* 헤더영역 */
#headerArea{width: 100%; position:absolute; left:0; top:0; z-index: 100; }
#headerArea .header_inner{width: 100%;padding:20px; overflow: hidden; display: flex;align-items: center;justify-content: space-between;}
#headerArea .logo{width:20%}
#headerArea .logo a svg{width: 162px; height:auto;}
#headerArea #gnb{width:80%; text-align: right;}
#headerArea #gnb ul{overflow: hidden;}
#headerArea #gnb li a{font-size:22px; font-family:'Lexend',sans-serif; line-height:100%; font-weight:300;}
#headerArea #gnb li{display: inline-block; margin-left: 40px;}
#headerArea .top_menu{overflow: hidden; float: right; margin-top: 37px;}
#headerArea .top_menu li{float: left; font-size: 1em; margin-right: 25px;}
#headerArea .top_menu li:last-child{margin-right: 0;}
#headerArea .top_menu span{font-size: 1.2em;}
/* 푸터영역 */
#footerArea{width: 100%; border-top: 1px solid #eee; padding: 20px 50px; color:#888;}
#footerArea a{color:#888; line-height:1.5em;}
#footerArea .footer_inner{width:100%; margin: 0 auto; overflow:hidden;}
#footerArea .sns{overflow:hidden;}
#footerArea .sns > div{float:left; margin-right:10px;}
#footerArea .info > div{margin:5px 0;}
.scrollhidden{height: 100%;min-height: 100%;overflow: hidden !important;touch-action: none;}
.contact_box{display:none; position:absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); width:500px;z-index:300; background-color:#fff;}
.back{display:none; position: absolute; width:100%; height:100%; background-color:#000; opacity:.8; z-index:200; cursor:pointer;}
/* 모바일 메뉴 */
#aside{display: none;transition: ease 0.2s;width:100%;height: 100%;background: #fbfbfb;top: 0;left: -100%;padding:20px 15px 10px;z-index:100;position: fixed;margin: 0;}
#aside.open {left:0;}
.mobiledisplay{display: none;}
.mobiledisplay svg{width:16px;}
.m_menu_btn {position: absolute;top: 20px;right: 20px; z-index:101;}
#aside .m_logo{width:130px; margin-bottom:50px;}
#aside ul > li{margin-bottom:30px; font-size:18px; font-weight:500;}