@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* 구글에서 나눔고딕체 불러와 html에 font-family 설정 */

@font-face {
    font-family: 'Gmarket Sans TTF';
    src: url('/res/fonts/GmarketSansTTFLight.eot');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Gmarket Sans TTF';
    src: local('Gmarket Sans TTF Light'), local('GmarketSansTTFLight'),
        url('/res/fonts/GmarketSansTTFLight.ttf') format('woff2'),
        url('/res/fonts/GmarketSansTTFLight.ttf') format('woff'),
        url('/res/fonts/GmarketSansTTFLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gmarket Sans TTF';
    src: url('/res/fonts/GmarketSansTTFMedium.eot');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Gmarket Sans TTF';
    src: local('Gmarket Sans TTF Medium'), local('GmarketSansTTFMedium'),
        url('/res/fonts/GmarketSansTTFMedium.ttf') format('woff2'),
        url('/res/fonts/GmarketSansTTFMedium.ttf') format('woff'),
		url('/res/fonts/GmarketSansTTFMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gmarket Sans TTF';
    src: url('/res/fonts/GmarketSansTTFBold.eot');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Gmarket Sans TTF';
    src: local('Gmarket Sans TTF Bold'), local('GmarketSansTTFBold'),       
        url('/res/fonts/GmarketSansTTFBold.ttf') format('woff2'),
        url('/res/fonts/GmarketSansTTFBold.ttf') format('woff'),
		url('/res/fonts/GmarketSansTTFBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    src: url('/res_manager/fonts/SUIT-Variable.ttf') format('truetype');
}
/* 요소(element) 여백 초기화 */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {margin:0;padding:0;}
a{text-decoration: none; color:#424242;}

/*기본폰트지정*/
html {/* font-family:'Nanum Gothic', '나눔고딕', Dotum, '돋움', sans-serif; */font-family: 'SUIT', Dotum, '돋움', sans-serif;}
body{font-size:12px; color:#424242;}
 
/* 제목요소 */
h1, h2, h3, h4, h5, h6 {font-size: 12px; margin: 0;} 

/* 테두리 없애기 */
fieldset, img, abbr, acronym { border:0 none; } 

/* 목록 */
ol, ul { list-style:none; }
 
/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {border-collapse: collapse; border-spacing:0; border:0 none; }
caption {position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight:normal; font-style:normal;}
ins { text-decoration:none; }
del { text-decoration:line-through; }
 
/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }
 
/* 수평선*/
hr { display:none; }

/* 이미지 */
img {border: 0 none;}

/* textarea */
textarea {font-family:'Nanum Gothic', '나눔고딕', Dotum, '돋움', sans-serif; border:1px solid #afafaf; padding:4px;}
input, select {font-family:'Nanum Gothic', '나눔고딕', Dotum, '돋움', sans-serif;}

/* 숨김 */
.blind, .hidden, legend { display: block; left: 0; overflow: hidden; position: absolute; top: -1000em;}

input[type="radio"] {vertical-align:middle;}

/** etc **/
.none_bg{background:none !important;}
.org_txt{color: #de6026 !important;}
.red_txt{color: #e60000 !important;}
.blue_txt{color: #0051c3 !important;}
.yellow_bg{background-color: yellow !important;}

.w-auto {width:auto !important; min-width:0 !important;}

.mt0{margin-top: 0 !important;}
.mt4{margin-top: 4px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt25{margin-top: 25px !important;}

.mr0{margin-right: 0 !important;}
.mr10{margin-right: 10px !important;}

.mb0{margin-bottom: 0 !important;}
.mb4{margin-bottom: 4px !important;}
.mb6{margin-bottom: 6px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}

.ml0{margin-left: 0 !important;}
.ml10{margin-left: 10px !important;}
.ml50{margin-left: 50px !important;}

.p0{padding: 0 !important;}

.pr0{padding-right: 0 !important;}

.pt0{padding-top: 0 !important;}
.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}

.pl0{padding-left: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.pb30{padding-bottom: 100px !important;}




/* 2024-08-08 추가 */
/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
a:focus, button:focus, input:focus, select:focus {border: 1px solid #000 !important;}
html {
	font-size: 10px;
	line-height: 1.15; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
body {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	word-break: break-all;
	word-wrap: break-word;
	overflow-x: hidden;
	overflow-y: auto;
}

body img {
	border: none;
	max-width: 100%;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
div, dl, dt, dd, ol, ul, li, section {
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}
ul {
	list-style: none;
}

a {
	text-decoration: none;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
	color: #000;
	box-sizing:border-box;
}

a:hover,
a:focus {
	text-decoration:none;
	color: #112157;
}

.a-box {display: block; width: 100%; height: 100%;}

h1,h2,h3,h4,h5,h6 {
	color: #000;
	font-weight: 400;
}
h1 { font-size: 1.5rem; }
h2 { font-size: 1.3rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1rem; }
h5 { font-size: 0.9rem; }
h6 { font-size: 0.8rem; }

small{font-size:80%}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
	display:block;
}
audio,canvas,progress,video{
	display:inline-block;
	vertical-align:baseline;
}
audio:not([controls]){
	display:none;
	height:0;
}
[hidden],template{
	display:none;
}
b,strong {
	font-weight:400;
}
img {
	border:0;
	display:block;
}
svg:not(:root) {
	overflow:hidden;
}
p {
	word-break:keep-all;
}
iframe, textarea, video, audio {
	width: 100%;
	display: block;
}
iframe, textarea {
	max-width: 100%; 
	max-height: 100%;
}
button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	border: 0;
}
textarea { padding: 5px 10px;}
button{
	overflow: visible;
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],html input[disabled]{
	cursor: default;
}
button::-moz-focus-inner,input::-moz-focus-inner{
	border: 0;
	padding: 0;
}
table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
td,th{
	padding:0;
}

::-moz-selection { color: #fff; background: #112157; }
::-webkit-selection { color: #fff; background: #112157; }
::selection { color: #fff; background: #112157; }

.clear { clear: both; }
.oh { overflow: hidden; }
.relative { position: relative; }
.float-left { float: left!important; }
.float-right { float: right!important; }
.txtCen { text-align:center!important; }
.txtL { text-align:left!important; }
.txtR { text-align:right!important; }
.txtI { text-indent:10px; }
.ally-hidden {
	width:1px;
	height:1px;
	margin:-1px;
	border:0;
	padding:0;
	clip:rect(0,0,0,0);
	overflow:hidden;
	position:absolute !important;
}
.hidden_text {
	text-indent:-9999px;
	position:absolute;
	overflow:hidden;
}
caption{
	width:1px;
	height:1px;
	margin:-1px;
	border:0;
	padding:0;
	clip:rect(0,0,0,0);
	overflow:hidden;
	position:absolute !important;
}

.margin-auto { margin:0 auto!important;}


/* ----------------------------------------------------------------
	말줄임
-----------------------------------------------------------------*/
.ellipsis {display:inline-block; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ellipsis2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ellipsis3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ellipsis4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}


/* ----------------------------------------------------------------
	all
-----------------------------------------------------------------*/
section { padding-bottom: 7px; }
.container {
	margin:0 auto;
}
@media (max-width:575px) {
	.container {
		padding: 0 15px;
	}
}


/*-------------------------------------------------------
	Preloader
-------------------------------------------------------*/

.loader-mask {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; 
	z-index:99999;
}

.loader {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 5px;
	width: 5em;
	height: 5em;
	margin:-25px 0 0 -25px;
	text-indent: -9999em;
	border-top: 0.5em solid rgba(18,18,18,1);
	border-right: 0.5em solid rgba(245,245,245,.5);
	border-bottom: 0.5em solid rgba(245,245,245,.5);
	border-left: 0.5em solid rgba(245,245,245,.5);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

.loader,
.loader:after {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

@-webkit-keyframes load8 {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}


/* ----------------------------------------------------------------
	background
-----------------------------------------------------------------*/
.bg-light { background-color: #f7f7f7; }
.bg-dark { background-color: #242424; }
.bg-green { background-color: #01a54e; }


/* ----------------------------------------------------------------
	font-color
-----------------------------------------------------------------*/
.color-white { color: #fff !important; }
.color-black { color: #000 !important; }
.color-red { color: #d22121 !important;}
.color-blue { color: #0f2d9b !important; }
.color-green { color: #0c8645 !important; }
.color-yellow { color: #ffc000 !important; }
.color-mint { color: #2da6a9 !important; }
.color-purple { color: #7f1086 !important; }





/* ----------------------------------------------------------------
	etc
-----------------------------------------------------------------*/
/* width : 1 ~ 100 percent (colgroup)*/
.w1p { width: 1%; }
.w2p { width: 2%; }
.w3p { width: 3%; }
.w4p { width: 4%; }
.w5p { width: 5%; }
.w6p { width: 6%; }
.w7p { width: 7%; }
.w8p { width: 8%; }
.w9p { width: 9%; }
.w10p { width: 10%; }
.w11p { width: 11%; }
.w12p { width: 12%; }
.w13p { width: 13%; }
.w14p { width: 14%; }
.w15p { width: 15%; }
.w16p { width: 16%; }
.w17p { width: 17%; }
.w18p { width: 18%; }
.w19p { width: 19%; }
.w20p { width: 20%; }
.w21p { width: 21%; }
.w22p { width: 22%; }
.w23p { width: 23%; }
.w24p { width: 24%; }
.w25p { width: 25%; }
.w26p { width: 26%; }
.w27p { width: 27%; }
.w28p { width: 28%; }
.w29p { width: 29%; }
.w30p { width: 30%; }
.w31p { width: 31%; }
.w32p { width: 32%; }
.w33p { width: 33%; }
.w34p { width: 34%; }
.w35p { width: 35%; }
.w36p { width: 36%; }
.w37p { width: 37%; }
.w38p { width: 38%; }
.w39p { width: 39%; }
.w40p { width: 40%; }
.w41p { width: 41%; }
.w42p { width: 42%; }
.w43p { width: 43%; }
.w44p { width: 44%; }
.w45p { width: 45%; }
.w46p { width: 46%; }
.w47p { width: 47%; }
.w48p { width: 48%; }
.w49p { width: 49%; }
.w50p { width: 50%; }
.w51p { width: 51%; }
.w52p { width: 52%; }
.w53p { width: 53%; }
.w54p { width: 54%; }
.w55p { width: 55%; }
.w56p { width: 56%; }
.w57p { width: 57%; }
.w58p { width: 58%; }
.w59p { width: 59%; }
.w60p { width: 60%; }
.w61p { width: 61%; }
.w62p { width: 62%; }
.w63p { width: 63%; }
.w64p { width: 64%; }
.w65p { width: 65%; }
.w66p { width: 66%; }
.w67p { width: 67%; }
.w68p { width: 68%; }
.w69p { width: 69%; }
.w70p { width: 70%; }
.w71p { width: 71%; }
.w72p { width: 72%; }
.w73p { width: 73%; }
.w74p { width: 74%; }
.w75p { width: 75%; }
.w76p { width: 76%; }
.w77p { width: 77%; }
.w78p { width: 78%; }
.w79p { width: 79%; }
.w80p { width: 80%; }
.w81p { width: 81%; }
.w82p { width: 82%; }
.w83p { width: 83%; }
.w84p { width: 84%; }
.w85p { width: 85%; }
.w86p { width: 86%; }
.w87p { width: 87%; }
.w88p { width: 88%; }
.w89p { width: 89%; }
.w90p { width: 90%; }
.w91p { width: 91%; }
.w92p { width: 92%; }
.w93p { width: 93%; }
.w94p { width: 94%; }
.w95p { width: 95%; }
.w96p { width: 96%; }
.w97p { width: 97%; }
.w98p { width: 98%; }
.w99p { width: 99%; }
.w100p { width: 100%; }



/* ----------------------------------------------------------------
	quick menu
-----------------------------------------------------------------*/