@charset "utf-8";

@import url("/font/NotoSansKR/fonts.css");
@import url("/font/SUITE/SUITE-Variable.css");
@import url("/font/SCDream/fonts.css");
@import url("/font/Montserrat/fonts.css");
@import url("/font/XEIcon-2.3.3/xeicon.min.css");
@import url("/font/RemixIcon_Fonts_v4.6.0/remixicon.css");

/*-------------------------------------------------
Author : KLIC
Create date : 2024-12-02
-------------------------------------------------*/

/* reset.css */
html {font-size: 20px;}
*, *:before, *:after {-webkit-box-sizing: border-box; box-sizing: border-box;}
body {margin: 0; padding: 0; font-family: 'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif, 'GmarketSans'; font-weight: 500; font-size: 0.8rem; color: #222; }
ul, ol, li, dl, dt, dd {margin: 0; padding: 0; list-style: none;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}
a {color: inherit; text-decoration: none;}
img {margin: 0; padding: 0; line-height:0; vertical-align: middle; font-size: 0; border: 0;}
table {width: 100%; border-collapse: separate; border-spacing: 0;}
table td, table th{vertical-align: middle;}
caption, legend {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; overflow: hidden;}
select, input, textarea {font-family: 'SCDream', 'Montserrat', 'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif; font-weight: 400; font-size: 0.8rem; color: #444;}
select, input {vertical-align: middle;}
address, em, i {font-style: normal;}
button, input, optgroup, select, textarea {margin: 0; font-family: inherit; font-size: 100%; color: inherit;}
button {background: none; border: 0; cursor: pointer;}
hr {display: block; margin: 0; padding: 0; height: 0; border: none;}
figure, figcaption, p {margin: 0; padding: 0;}
form, fieldset {margin: 0; padding: 0; line-height: 1.2; border: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;/* -webkit-appearance: button; -moz-appearance: button; appearance: button; */}/* iOS의 기본 스타일은 제거되고, css에서 사용자가 정의한 스타일로 반영 */
header, footer, article, section, aside, nav, main {display: block;}
small {font-size: 0.65rem;}/* Add the correct font size in all browsers. */

/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup {position: relative; line-height: 0; vertical-align: baseline; font-size: 0.6rem;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

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, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;}
/* b, strong {font: inherit;} 250728 에디터에서 굵게 안나오는 부분 수정*/

/* Skip 메뉴 */
#skipArea {position: absolute; top: -1000px; left: 0; width: 100%; height: 0px; line-height: 0px; font-size: 0px; z-index: 1000;}
#skipArea a {display: block; width: 100%; line-height: 0px; text-align: center; font-size: 0px;}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {position: absolute; top: 1000px; left: 0px; display: block; padding: 8px 0; height: 30px; line-height: 18px; font-size: 0.6rem; font-weight: bold; color: #fff; background: #20262c;}

.hidden {display: none;}
.hid,
.sr-only {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; overflow: hidden;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.bodyFix{height:100vh; overflow:hidden;}
.d_none{ display:none !important;}

.disFx {display: flex; flex-wrap: wrap; align-items: center; margin: -0.25rem;}
.disFx.jstfSpc {justify-content: space-between;}
.disFx > * {margin: 0.25rem;}

.clearfix {*zoom:1;}/* 플롯시 컨텐츠 공백 해결 */
.clearfix:after {clear: both; display: block; content:'';}

/*부트스트랩*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9,
.col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative; min-height:1px; padding:.5rem; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left; }
.col-xs-12{width:100%; }
.col-xs-11{width:91.66666667%; } 
.col-xs-10{width:83.33333333%; }
.col-xs-9{width:75%; }
.col-xs-8{width:66.66666667%; }
.col-xs-7{width:58.33333333%; }
.col-xs-6{width:50%; }
.col-xs-5{width:41.66666667%; }
.col-xs-4{width:33.33333333%; }
.col-xs-3{width:25%; }
.col-xs-2{width:16.66666667%; }
.col-xs-1{width:8.33333333%; }

.img_reponsive{display:block; max-width:100%; }

@media (min-width:600px){
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left; }
    .col-md-12{width:100%; }
    .col-md-11{width:91.66666667%; }
    .col-md-10{width:83.33333333%; }
    .col-md-9{width:75%; }
    .col-md-8{width:66.66666667%; }
    .col-md-7{width:58.33333333%; }
    .col-md-6{width:50%; }
    .col-md-5{width:41.66666667%; }
    .col-md-4{width:33.33333333%; }
    .col-md-3{width:25%; }
    .col-md-2{width:16.66666667%; }
    .col-md-1{width:8.33333333%; }
}
@media (min-width:768px){
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left; }
    .col-sm-12{width:100%; }
    .col-sm-11{width:91.66666667%; }
    .col-sm-10{width:83.33333333%; }
    .col-sm-9{width:75%; }
    .col-sm-8{width:66.66666667%; }
    .col-sm-7{width:58.33333333%; }
    .col-sm-6{width:50%; }
    .col-sm-5{width:41.66666667%; }
    .col-sm-4{width:33.33333333%; }
    .col-sm-3{width:25%; }
    .col-sm-2{width:16.66666667%; }
    .col-sm-1{width:8.33333333%; }
}
@media (min-width:1200px){
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left; }
    .col-lg-12{width:100%; }
    .col-lg-11{width:91.66666667%; }
    .col-lg-10{width:83.33333333%; }
    .col-lg-9{width:75%; }
    .col-lg-8{width:66.66666667%; }
    .col-lg-7{width:58.33333333%; }
    .col-lg-6{width:50%; }
    .col-lg-5{width:41.66666667%; }
    .col-lg-4{width:33.33333333%; }
    .col-lg-3{width:25%; }
    .col-lg-2{width:16.66666667%; }
    .col-lg-1{width:8.33333333%; }
}

@media screen and (max-width: 1024px){
	html {font-size: 19px;}
}

@media screen and (max-width: 768px){
	html {font-size: 18px;}
}