@charset "utf-8";


@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Light.otf') format('opentype'),
         url('/fonts/Poppins-Light.woff') format('woff'),
         url('/fonts/Poppins-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Regular.otf') format('opentype'),
         url('/fonts/Poppins-Regular.woff') format('woff'),
         url('/fonts/Poppins-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Medium.otf') format('opentype'),
         url('/fonts/Poppins-Medium.woff') format('woff'),
         url('/fonts/Poppins-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-SemiBold.otf') format('opentype'),
         url('/fonts/Poppins-SemiBold.woff') format('woff'),
         url('/fonts/Poppins-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Bold.otf') format('opentype'),
         url('/fonts/Poppins-Bold.woff') format('woff'),
         url('/fonts/Poppins-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


*, *:before, *:after,figure,figcaption {box-sizing:border-box; margin:0; padding:0; border:0;word-break:keep-all; word-wrap: break-word; }


html, body {-ms-font-smoothing:antialiased;  -webkit-font-smoothing:antialiased; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;  -moz-text-size-adjust:100%; /* IE 및 iOS의 글꼴 크기 조정 방지 */}

html {font-size:62.5%;}
html {font-family:'Noto Sans KR', "Apple SD Gothic Neo", Helvetica, arial, "맑은 고딕", "Malgun Gothic", "돋움", Dotum, Tahoma, Geneva, sans-serif;}
html:lang(en) {font-family:'Noto Sans', "Apple SD Gothic Neo", Helvetica, arial, "맑은 고딕", "Malgun Gothic", "돋움", Dotum, Tahoma, Geneva, sans-serif;}
body {font-size:1.6rem;}

html, body {width:100%; overflow-x: hidden;}

address, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {display:block;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
img {vertical-align:top;}
ol, ul, li, dl, dt, dd {list-style:none;}
table {width:100%; border-spacing:0px; border-collapse:collapse;}
a {text-decoration:none;}

/* ----------------- HTML5 display ----------------- */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display:block;} /* 에지, IE9 이상, 파이어 폭스에서 올바른 표시 추가 */
audio, canvas, progress, video {display:inline-block;}
audio:not([controls]) {display:none; height:0;} /* 아이폰 OS 4-7에서 올바른 표시 추가 */
progress {vertical-align:baseline;} /* 크롬, 파이어 폭스, 오페라 올바른 수직 정렬을 추가 */
template, [hidden] {display:none;} /* IE10 이상 에서 올바른 표시 추가 */


/* ----------------- a link ----------------- */
a {background-color:transparent;} /* IE 10에서 활성 링크에 회색 배경을 제거 */
a:active, a:hover {outline-width:0;} /* a링크 윤각선 제거 */


/* ----------------- font ----------------- */
abbr[title] {border-bottom:none; text-decoration:underline; text-decoration:underline dotted;} /* 크롬, 에지, IE, 오페라, 사파리에서 올바른 텍스트 장식 추가 */
b, strong {font-weight:bolder;} /* 크롬, 에지, 및 Safari에서 올바른 글꼴 두께 */
dfn {font-style:italic;} /* 안드로이드 4.3에서 올바른 글꼴 스타일을 추가 */
small {font-size:80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sub {bottom:-0.25em;}
sup {top:-0.5em;}


/* ----------------- Em bedded content ----------------- */
img {border-style:none;} /* 이미지 테두리 제거 */
svg:not(:root) {overflow:hidden;}


/* ----------------- Grouping content ----------------- */
code, kbd, pre, samp {font-family:monospace, monospace; font-size:1em;}
figure {margin:1em 40px;}
hr {box-sizing:content-box; height:0; overflow:visible;}


/* ----------------- Forms 초기화 ----------------- */
fieldset {border:0;}
button, input, select, textarea {font:inherit;}
optgroup {font-weight:bold;}
button, input, select {overflow:visible;}
button, input, select, textarea {margin:0;}
button, select {text-transform:none;} /* 파이어 폭스에서 변환 텍스트의 상속을 제거 */
button, [type="button"], [type="reset"], [type="submit"] {cursor:pointer;} [disabled] {cursor:default;}
button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance:button;}  /* 아이폰 input 디자인 변경가능 */
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} /* 파이어 폭스의 내부 테두리와 패딩을 제거 */
button:-moz-focusring, input:-moz-focusring {outline:1px dotted ButtonText;}
input:focus {outline:none;}

textarea {overflow:auto;}
[type="checkbox"], [type="radio"] {box-sizing:border-box; padding:0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height:auto;}
[type="search"] {-webkit-appearance:textfield;}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance:none;}

/*
input::-webkit-input-placeholder {color:#aaa;}
input::-moz-placeholder {color:#aaa;}
input:-ms-input-placeholder {color:#aaa !important;}
input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {color:transparent;}
*/


.mar_t0{margin-top:0rem !important;}
.mar_t5 {margin-top:0.5rem !important;}
.mar_t10 {margin-top:1rem !important;}
.mar_t20 {margin-top:2rem !important;}
.mar_t30 {margin-top:3rem !important;}
.mar_t40 {margin-top:4rem !important;}
.mar_t50 {margin-top:5rem !important;}
.mar_t60 {margin-top:6rem !important;}
.mar_t70 {margin-top:7rem !important;}
.mar_t80 {margin-top:8rem !important;}
.mar_t90 {margin-top:9rem !important;}
.mar_t100 {margin-top:10rem !important;}

.mar_r5 {margin-right:0.5rem !important;}
.mar_r10 {margin-right:1rem !important;}
.mar_r20 {margin-right:2rem !important;}
.mar_r30 {margin-right:3rem !important;}
.mar_r40 {margin-right:4rem !important;}
.mar_r50 {margin-right:5rem !important;}
.mar_r60 {margin-right:6rem !important;}
.mar_r70 {margin-right:7rem !important;}
.mar_r80 {margin-right:8rem !important;}
.mar_r90 {margin-right:9rem !important;}
.mar_r100 {margin-right:10rem !important;}

.mar_b5 {margin-bottom:0rem !important;}
.mar_b10 {margin-bottom:1rem !important;}
.mar_b20 {margin-bottom:2rem !important;}
.mar_b30 {margin-bottom:3rem !important;}
.mar_b40 {margin-bottom:4rem !important;}
.mar_b50 {margin-bottom:5rem !important;}
.mar_b60 {margin-bottom:6rem !important;}
.mar_b70 {margin-bottom:7rem !important;}
.mar_b80 {margin-bottom:8rem !important;}
.mar_b90 {margin-bottom:9rem !important;}
.mar_b100 {margin-bottom:10rem !important;}
.mar_b150 {margin-bottom:15rem !important;}

.mar_l5 {margin-left:0.5rem !important;}
.mar_l10 {margin-left:1rem !important;}
.mar_l20 {margin-left:2rem !important;}
.mar_l30 {margin-left:3rem !important;}
.mar_l40 {margin-left:4rem !important;}
.mar_l50 {margin-left:5rem !important;}
.mar_l60 {margin-left:6rem !important;}
.mar_l70 {margin-left:7rem !important;}
.mar_l80 {margin-left:8rem !important;}
.mar_l90 {margin-left:9rem !important;}
.mar_l100 {margin-left:10rem !important;}
.mar_l20p {margin-left:20% !important;}

.pd_t5 {padding-top:0.5rem !important;}
.pd_t10 {padding-top:1rem !important;}
.pd_t20 {padding-top:2rem !important;}
.pd_t30 {padding-top:3rem !important;}
.pd_t40 {padding-top:4rem !important;}
.pd_t50 {padding-top:5rem !important;}
.pd_t60 {padding-top:6rem !important;}
.pd_t70 {padding-top:7rem !important;}
.pd_t80 {padding-top:8rem !important;}
.pd_t90 {padding-top:9rem !important;}
.pd_t100 {padding-top:10rem !important;}

.pd_r5 {padding-right:0.5rem !important;}
.pd_r10 {padding-right:1rem !important;}
.pd_r20 {padding-right:2rem !important;}
.pd_r30 {padding-right:3rem !important;}
.pd_r40 {padding-right:4rem !important;}
.pd_r50 {padding-right:5rem !important;}
.pd_r60 {padding-right:6rem !important;}
.pd_r70 {padding-right:7rem !important;}
.pd_r80 {padding-right:8rem !important;}
.pd_r90 {padding-right:9rem !important;}
.pd_r100 {padding-right:10rem !important;}

.pd_b5 {padding-bottom:0.5rem !important;}
.pd_b10 {padding-bottom:1rem !important;}
.pd_b20 {padding-bottom:2rem !important;}
.pd_b30 {padding-bottom:3rem !important;}
.pd_b40 {padding-bottom:4rem !important;}
.pd_b50 {padding-bottom:5rem !important;}
.pd_b60 {padding-bottom:6rem !important;}
.pd_b70 {padding-bottom:7rem !important;}
.pd_b80 {padding-bottom:8rem !important;}
.pd_b90 {padding-bottom:9rem !important;}
.pd_b100 {padding-bottom:10rem !important;}

.pd_l5 {padding-left:0.5rem !important;}
.pd_l10 {padding-left:1rem !important;}
.pd_l20 {padding-left:2rem !important;}
.pd_l30 {padding-left:3rem !important;}
.pd_l40 {padding-left:4rem !important;}
.pd_l50 {padding-left:5rem !important;}
.pd_l60 {padding-left:6rem !important;}
.pd_l70 {padding-left:7rem !important;}
.pd_l80 {padding-left:8rem !important;}
.pd_l90 {padding-left:9rem !important;}
.pd_l100 {padding-left:10rem !important;}

.width_10p {width:10%;}
.width_20p {width:20%;}
.width_30p {width:30%;}
.width_40p {width:40%;}
.width_50p {width:50%;}
.width_60p {width:60%;}
.width_70p {width:70%;}
.width_80p {width:80%;}
.width_90p {width:90%;}
.width_100p {width:100%;}
.width_5p {width:5%;}
.width_15p {width:15%;}
.width_25p {width:25%;}
.width_35p {width:35%;}
.width_45p {width:45%;}
.width_55p {width:55%;}
.width_65p {width:65%;}
.width_75p {width:75%;}
.width_85p {width:85%;}
.width_95p {width:95%;}