@charset "utf-8";
@import url("./efont.css");

/* reset */
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, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
html {height:auto;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; }
ol, ul {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;}
a {text-decoration:none;color:inherit;font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
    text-decoration: none;}
a:hover {text-decoration:none;}
legend, caption, hr {display:none;}
th {font-weight: inherit}
em {font-style:normal;}
img {vertical-align:top;}
input {vertical-align:middle;border-radius:0;}
p,h3,h2,h1{letter-spacing: normal;}
input,textarea,button,select{font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif; color: #000;border-radius:0;}
section{width:100%;text-align: center;}
body{font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;width: 100%;height: 100%; color:#000;background-color: #fff;letter-spacing:-0.023em;font-weight:300;}
video{object-fit: fill;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

ol,ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption,th,td {text-align: left;font-weight: normal;}
figure,article,header,footer,nav,hgroup,video,audio,aside,main {display: block;}
img{max-width: 100%;height: auto; vertical-align: top;}
a { cursor: pointer }

/* mobile */
/* input, textarea {-webkit-appearance: none;-webkit-border-radius: 0px;border-radius: 0px;} */

/* reset mobile default style */
/* body,textarea:focus,input:focus,a:focus {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);} */
html{-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;text-size-adjust: none;}

/* selection */
::-moz-selection {background: #3f65af;background: rgba(5, 166, 98, .3);color:#fff;}
::selection {background: #3f65af;background: rgba(5, 166, 98, .3);color:#fff;}
::-moz-selection {background: #3f65af;background: rgba(5, 166, 98, .3);color:#fff;}

html:not(.is-mobile) *::-webkit-scrollbar {
	width: 10px;
	height: 15px;
}
html:not(.is-mobile) *::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}
html:not(.is-mobile) *::-webkit-scrollbar-thumb {
	background-color: #3f65af;
}
::selection {
    background: #3f65af;   
    color: #fff;
}
::-moz-selection {
    background: #3f65af;    
    color: #fff;
}



#WRAP {position:relative; overflow:hidden;margin: 0 auto}

.layout {
    position: relative;
    margin: 0 auto;
    padding: 0 85px;
    width: 100%;
    max-width: 1643px;
}
@media (max-width: 1643px) {
    .layout {
        max-width: none;
    }
}

#WRAP .layout {
    max-width: 1340px;
    width: 100%;
    padding: 0;
}