@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
    font-family: 'JSDongkang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSDongkang-RegularA1.woff') format('woff');
    font-weight:400;
    font-style: normal;
}
@font-face {
    font-family: 'JSDongkang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSDongkang-BoldA1.woff') format('woff');
    font-weight:700;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);

.nanumpenscript {
    font-family: 'Nanum Pen Script', cursive;
}

/* reset  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;} 
*:after,
*:before,
*{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}

html {font-size:20px}
@media screen and (max-width:1200px){
    html {font-size:18px}
}
@media screen and (max-width:1023px){
    html {font-size:16px}
}

body {
    width:100%;    
	text-size-adjust: none;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	color:#000;
	font-size:0.8rem;
	word-wrap:break-word;
    word-break:break-word;
    line-height: 1.5;
    font-family:"s-core-dream","Noto Sans KR","Nanum Gothic","Gulim", Gulim, Dotum, "돋움", sans-serif;
    font-weight:400;
    letter-spacing:0;
}
body {min-height:100%;overflow-x:hidden;min-width:320px;}


.fw400 {font-weight:400 !important}
.fw500 {font-weight:500 !important}
.fw600 {font-weight:600 !important}
.fw700 {font-weight:700 !important}
.it {font-style:italic}
.line_h25 {line-height:1.786rem !important}
.line_h23 {line-height:1.643rem !important}
.font-JSDongkang {font-family: 'JSDongkang';}
.font-Montserrat {font-family:"Montserrat","s-core-dream","Noto Sans KR","Nanum Gothic","Gulim", Gulim, Dotum, "돋움", sans-serif;}

body {min-height:100%;}

/* html5 block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,video {display:block;}


/* 헤더 폰트 사이즈 초기화 */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* 리스트의 스타일 제거 */
dl, ol, ul, li {list-style: none}
	
/* 폰트 강조 특성 초기화 */
address, caption, cite, code, dfn, em, th, var,i {font-style:normal;} 

/* 테이블 스타일 초기화 */
table {width:100%;border-collapse:separate;border-spacing:0;} /* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */
tbody, tfoot, thead, tr, th, td {word-break:break-all;}
caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:static;left:0;top:-999999px;}

a {text-decoration:none;color:#222;}

/*이미지 초기화 */
img{vertical-align:middle; border:0;}

/* 인용구 표시 초기화 */
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

.container { *zoom:1; }   /*IE 6~7 브라우저에서만 작용*/ 
.container:after { content: ""; clear: both; display: block; }  /*IE 6~7 브라우저에서만 작용*/ 
.clear { clear: both }

#SikpIndex {} /* 스킵네비게이션 */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;clip: rect(0 0 0 0);} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen_hide {font-size:0;line-height:0;visibility:hidden} /* screen_out클래스를 사용할 수 없으며, 해당 텍스트를 숨겨야 할때 */

.blind {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space:nowrap;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { 
    /* WebKit browsers */ color:transparent; 
} 
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { 
    /* Mozilla Firefox 4 to 18 */ color:transparent;
 } 
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { 
    /* Mozilla Firefox 19+ */ color:transparent; 
} 
input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder { 
    /* Internet Explorer 10+ */ color:transparent; 
}
.frm_input::-webkit-input-placeholder {color:#666}
.frm_input::-moz-input-placeholder {color:#666}
.frm_input::-o-input-placeholder {color:#666}
.frm_input::placeholder {color:#666}

.s_img {position:relative;padding-top:70%;overflow:hidden;z-index:2;}
.s_img.h100 {padding-top:100%}
.s_img.h141 {padding-top:141%}
.s_img .img {position:absolute;top:0;left:0;right:0;bottom:0;overflow:visible !important}
.s_img .img img {position:absolute;top:0;left:0;}


.wa_ir_wrap {position:relative;width:776px;z-index:0;padding:0;margin:0;overflow:hidden}
.wa_ir_wrap .img {width:100%;text-align:center;background-position:50% 0;background-repeat:no-repeat}
.wa_ir_wrap .txt {display:block;position:relative;z-index:-1;padding:8px 0;border:1px solid #bcc1ec;background-color:#F1F3FF;text-align:left}

.f_l {float:left !important}
.f_r {float:right !important}

.clearfix:before,
.clearfix:after {display:table;content: " "}
.clearfix:after {clear: both}
.show {display:block}
.hide {display:none}

.align_center {text-align:center !important}
.align_left {text-align:left !important}
.align_right {text-align:right !important}

.it {font-style:italic}


/*etc*/
address,em,i{font-style:normal;}
strong {font-weight:700;}
hr { display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} /*cursor:help; 물음표*/
mark {background-color:#ff9;color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
ins {background-color:#ff9;color:#000;text-decoration:none;}


/* fieldset */
fieldset {border:none; margin:0;padding:0;}
legend {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:100px;white-space:nowrap}



/* form */
input, button, select, textarea {vertical-align:middle; border:0;font-family:"s-core-dream","Noto Sans KR","Nanum Gothic","Gulim", Gulim, Dotum, "돋움", sans-serif;}
textarea {
    padding:1%; 
    border:1px solid #e5e5e5;
    color:#222; 
    resize:none;
    font-family:"s-core-dream","Noto Sans KR","Nanum Gothic","Gulim", Gulim, Dotum, "돋움", sans-serif;
}    

input[type="submit"],
input[type="button"], 
button {
    margin:0;  
    border:0; 
    border-radius:0 !important; 
    -webkit-border-radius:0 !important; 
    -webkit-appearance:none !important; 
	-ms-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer; 
    background-color:transparent;
} 
button, input[type="reset"], input[type="button"], input[type="submit"] {line-height:normal; border:none;}

.ie7 input[type="text"], .ie7 input[type="password"], .ie7 input[type="tel"] {text-indent:0 !important;}
.ie8 input[type="text"], .ie8 input[type="password"], .ie8 input[type="tel"] {padding:8px 0 5px;}
.ie9 input[type="file"], .ie10 input[type="file"], .ie11 input[type="file"] {padding:6px 0 7px; border:none;}


input:disabled, input:readonly {background:#f1f1f1;}
input[readonly="readonly"], input[readonly],
input[disabled="disabled"], input[disabled] {border:1px solid #e5e5e5; background:#f1f1f1; color:#4d4d4d; text-indent:10px !important;}
select[disabled] {border:1px solid #e5e5e5; background:#f1f1f1;}

input[type="text"],
input[type="password"] {
   line-height: normal;  /* line-height 초기화 */   
   border-radius: 0;  /* iSO 둥근모서리 제거 */ 
   outline-style: none;  /* 포커스시 발생하는 효과 제거를 원한다면 */ 
    -webkit-appearance:none;/* 브라우저별 기본 스타일링 제거 */
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box; /*padding, border 값에 영향받지 않고 width, height 설정이 가능하다*/
}

select{
    /* width: 200px; 원하는 너비설정 */
    /* padding: .6em .5em; 여백으로 높이 설정 */
    font-family: inherit;  /* 폰트 상속 */
    border:1px solid #ddd; 
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none; 
    box-sizing: border-box; /*padding, border 값에 영향받지 않고 width, height 설정이 가능하다*/
    /*ie8이하에서 적용이 불가능하므로 아래와 같이 적용 필요*/
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i6rKp66asX+uqqOuTnCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1Ny40MSAzOC45NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTcuNDEgMzguOTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMyMjIyMjI7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjguNywzOC45NiAwLDAgNTcuNDEsMCAyOC43LDM4Ljk2ICIvPg0KPC9zdmc+DQo=);
    background-repeat:no-repeat;
    background-position:calc(100% - 0.7143rem) 50%;   
    background-size: 11px auto;	
    position:relative;
}
select::-ms-expand{display:none;}

#skipNavi {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0}
#skipNavi .skipNavi__skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipNavi__skipLink:focus, #skipNavi .skipNavi__skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}

.hidden{opacity:0;}
.visible{opacity:1;}


/* Slider */
/* slick Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slider { opacity:0; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; }
.slider:after { content:""; display:block; clear:both; }
.slider.slick-initialized { opacity:1; }
.slider > .item:not(:first-of-type) { position:absolute; opacity:0; }
.slick-prev,
.slick-next{font-size:0; line-height:0; position:absolute; top:45%; display:block; width:27px; height:44px; padding:0; cursor:pointer; z-index:10; background-repeat:no-repeat;
    -webkit-transform:translate(0, -45%);
    -ms-transform:translate(0, -45%);
    transform:translate(0, -45%);
}
.slick-prev{left:25px; right:auto;}
.slick-next{left:auto; right:25px;}
.slick-dots{display:block; position:absolute; bottom:30px; width:100%; margin:0; padding:0; text-align:center;}
.slick-dots li{display:inline-block; position:relative; margin:0 5px; padding:0; cursor:pointer;}
.slick-dots li button{display:block; padding:5px; font-size:0; line-height:0; cursor:pointer; border:0; outline:none; opacity:0.75;}
.slick-dots li.slick-active button{opacity:1;}

.animate-box {
    opacity: .0;
}

/* 팝업레이어 */
#hd-pop {
    z-index:1000;
    position:relative;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    height:0;
}
#hd-pop h2 {
    position:absolute;
    font-size:0;
    line-height:0;
    overflow:hidden;
}
.hd-pops {position:absolute;}
.hd-pops img{max-width:100%}
.hd-pops__footer {
    padding:0;
    background:#000;
    color:#fff;
    text-align:left;
    position:relative;
}
.hd-pops__footer:after {
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.hd-pops__footer button {
    padding:10px;
    border:0;
    color:#fff;
}
.hd-pops__reject{
    background:#000;
    text-align:left;
}
.hd-pops__close{
    background:#393939;
    position:relative;    
}
.hd-pops__con {
    position:relative;
    height:100% !important;
    background-color:#fff;
}
.hd-pops__container {
    position:relative;
    border:1px solid #ddd;
}
.hd-pops__footer {clear:both;}
@media screen and (max-width:1654px){
	.hd-pops {left:0 !important;padding: 0 10px;}
}
@media screen and (max-width:720px){
	.hd-pops .hd-pops__con {width:auto !important;height:auto !important;}
}


/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:12px;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:12px;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}


.sound_only{display:none}