@charset "utf-8";

/* 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: #008557;background: rgba(5, 166, 98, .3);color:#fff;}
::selection {background: #008557;background: rgba(5, 166, 98, .3);color:#fff;}
::-moz-selection {background: #008557;background: rgba(5, 166, 98, .3);color:#fff;}


#WRAP {position:relative; overflow:hidden;margin: 0 auto}
.fclear{*zoom:1}
.fclear:after{display:block;content:"";clear:both;}
.ir_text {text-indent: -9999px;overflow: hidden;font-size: 0 ;height: 0;}
.ir_text >*{text-indent: -9999px;overflow: hidden;font-size: 0 ;height: 0;}
.cap{text-transform: uppercase !important;}

.mot2 {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.mot3 {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mot4 {
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.mot5 {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.ellipsis {display: inline-block; max-width:100%;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;}
.ellipsis_line{
	/* font-size, line-height, max-height,-webkit-line-clamp : 개별적용(2줄이상) */
	position: relative;
	/*font-size: 14px;*/
	transition: all 0.3s;
	white-space: normal;
	word-wrap: break-word;
	/*line-height: 25px;*/
	/*max-height: 50px;*/
	/*-webkit-line-clamp: 2;*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* ================================ desktop css ================================== */
.section{position: relative; padding:0; width:100%; margin:0 auto; box-sizing: border-box;max-width: 1920px;max-width: 100%}
.container{min-height: 1068px;margin:88px auto 0;max-width: 1920px;max-width: 100%}


.info .container{min-height: 1068px;margin:0px auto 0;max-width: 1920px;max-width: 100%}
.sub .container{min-height: 1068px;margin:0px auto 0;max-width: 1920px;max-width: 100%}


.mgt220{

margin-top:220px;

}




.home .container{    min-height: 612px;
    width: 100%;
max-width: 1920px;
    /* margin: 88px auto 0; */
    margin: 0 auto;
    position: relative;max-width: 100%}

#skipTo {width: 100%; overflow: hidden; position: relative; z-index: 1000;}
#skipTo a {margin: 0px -1px -1px 0px; width: 1px; height: 1px; text-align: center; line-height: 0; overflow: hidden; font-size: 0px; display: block;}
#skipTo a:focus {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}
#skipTo a:hover {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}
#skipTo a:active {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}

.top-area {height: 60px;overflow: hidden;}
.top-area > div {opacity: 0;}

.pc-top-banner {min-width: 1280px;}
.pc-top-banner-in {height: 100%;position: relative;}

.pc-top-banner-content {height: 100%;position: relative;overflow: hidden;}
.pc-top-banner-content a {display: block;}
.pc-top-banner-content img {display: block;max-width: 1200px;margin: 0 auto;}

.pc-top-banner-ctrl {position: absolute;width: 1200px;top: 0;bottom: 0;left: 50%;margin-left: -600px;}

.pc-top-banner-close {display: block;width: 26px;height: 26px;position: absolute;right: 0;top: 50%;margin-top: -13px;z-index: 3;}
.pc-top-banner-close > span {display: block;font-size: 0;}
.pc-top-banner-close > span:after {display: block;font-family: 'nc-font';content: '\e946';font-size: 19px;font-weight: normal;line-height: 26px;text-align: center;color: #222;}


.mobile-top-banner-area {height: 100%;position: relative;}

.mobile-top-banner-content {height: 100%;position: relative;overflow: hidden;}
.mobile-top-banner-content a {display: block;}
.mobile-top-banner-content img {display: block;max-width: 320px;margin: 0 auto;}

.mobile-top-banner-ctrl {width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}

.mobile-top-banner-close {display: block;width: 24px;height: 24px;position: absolute;right: 5px;top: 5px;z-index: 3;}
.mobile-top-banner-close > span {display: block;font-size: 0;}
.mobile-top-banner-close > span:after {display: block;font-family: 'nc-font';content: '\e934';font-size: 13px;font-weight: normal;line-height: 24px;text-align: center;color: #222;}



/* HEADER-GNB */
#HEADER{height: 88px;background: #fff;width: 100%;position: fixed;top: 0px;left: 0;z-index: 999;transition: top 0.3s}
#HEADER.active{top:-88px}


#HEADER.fix{top:0px}

#HEADER #GNB{position: relative;width: 100%;margin: 0 auto;padding:0;box-sizing: border-box;/*max-width: 1920px*/}
#HEADER #GNB .gnb_dim{content: '';position: absolute;top: 88px;left: 0;width: 100%;height: 100vh;background:rgba(0,0,0,.5);visibility: hidden;opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;

    -webkit-transition: opacity 100ms;
    transition: opacity 100ms;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
	
	
	
	
	}
#HEADER.m_enter #GNB .gnb_dim{visibility: visible;opacity: 1}
#HEADER #GNB .navi_inner .gnb_inner{position: relative;width: 100%;height: 88px;text-align: center;max-width: 1920px;margin: 0 auto;max-width: 100%;}
#HEADER #GNB .navi_inner .gnb_inner .gnb_bg{width: 100vw; height:0; position: absolute;left: 50%;top: 88px;z-index: 3;background: #fff;max-width:100%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;}
#HEADER #GNB .gnb_inner .gnb_bg.on{height: 240px;border-top: 1px solid rgba(0,0,0,0);}

#HEADER #GNB .gnb_inner .logo_area{position: absolute;left: 0%;top:50%;transform: translate(0, -50%);z-index: 6}
#HEADER #GNB .gnb_inner .logo_area .logo{ width: 178px;/*width:auto;*/position:relative;display: inline-block;}
#HEADER #GNB .gnb_inner .logo_area  img{max-width: 178px;}
#HEADER #GNB .gnb_inner .logo_area  h2{max-width: 138px;display: inline-block;font-size:15px;    text-align: left;font-family:"Pretendard",sans-serif;margin-left:150px;line-height:1.3;letter-spacing: -0.023em;}
#HEADER #GNB .gnb_inner .logo_area  h2 span{font-family:  "Pretendard",sans-serif; color:#a3937c;}
#HEADER #GNB .gnb_inner .depth1_area{position: relative;z-index: 5;height: 88px;line-height: 88px;font-size: 0}
#HEADER.m_enter #GNB .gnb_inner .depth1_area{border-bottom: 1px solid rgba(0,0,0,.05);max-width:100%;}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul{font-size: 0;display: inline-block;margin:0 auto;width: calc(100% - 395px);/*max-width: 880px*/}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li{display: inline-block;vertical-align: top;height: 88px;width:20%;max-width: 166px;text-align: center;position: relative}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a{font-size: 18px;display: block;position: relative;color:#333;text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;font-family: "Pretendard",sans-serif;}

#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li:first-child>a:before {
display:none;
}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a:before {
    content: '';
    display: block;
    width: 1px;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 0;
    background: #e3e3e3;





}



#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a.on{color: #a3937c}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area{position: relative;left: 0;right: 0;z-index: 5;border-right: 1px solid rgba(0,0,0,.05);height: 0;overflow: hidden;border-top: 1px solid transparent;
	border-top: 1px solid transparent;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li.depth1_1 .depth2_area{border-left: 1px solid rgba(0,0,0,.05)}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner{padding: 24px 0 26px}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div{font-size: 15px;line-height: 1;width: 100%;padding: 7px 0}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a{display: block;line-height: 23px;font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;color:#333;}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span{display: inline-block;position: relative}



#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span:before{content: '';position: absolute;width: 0%;height:2px;left: 0;bottom: 0;background:#a3937c;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	
	}


#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span:after{content: '';position: absolute;width: 0%;height: 2px;left: 50%;bottom: 0;background:#a3937c;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span:hover::after {
    content: "";
    position: absolute;
    width: 100%;
    margin-left: -50%;
}


#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span.link_out{padding-right: 18px}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span.link_out:after{content: '';position: absolute;right: 0;top: 50%;margin-top: -7px;width: 12px;height: 12px;background: url('../images/common/ico_outlink.png') no-repeat 0 0 / contain}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a.on{color: #a3937c}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a.on span:before{width: 100%;}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a:hover{color:#a3937c}

#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a:hover span.link_out:after{background-image: url('../images/common/ico_outlink_blue.png')}


#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li:hover::after {
    content: "";
    position: absolute;
    width: 100%;
    margin-left: -50%;
}

#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li::after{content: '';position: absolute;width: 0%;height:3px;background: #a3937c;left: 50%;bottom:-1px;z-index: 6;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li:hover:after{width: 100%}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a:hover{color:  #a3937c}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li:hover>a{color:  #a3937c}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li>a+.depth2_area{height: 240px}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li>a:hover+.depth2_area{background: #FCFCFE;border-top-color:rgba(0,0,0,.05)}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li:hover>a+.depth2_area{background: #FCFCFE;border-top-color:rgba(0,0,0,.05)}

#HEADER #GNB .gnb_inner .other_services{position: absolute;top: 50%;right: 0%;transform: translate(0, -50%);z-index: 10;font-size: 0}
#HEADER #GNB .gnb_inner .other_services>div{display: inline-block;vertical-align: middle}
#HEADER #GNB .gnb_inner .other_services .manager_area{position: relative;z-index: 1}
#HEADER #GNB .gnb_inner .other_services .manager_area a.btn_lang_select{display: inline-block;font-size: 13px}

#HEADER #GNB .gnb_inner .other_services .manager_area a.btn_lang_select img {display: inline-block; vertical-align: middle; padding-right: 4px; margin-top: -4px; width: 24px; height: 24px }

#HEADER #GNB .gnb_inner .other_services .manager_area .lang_dropdown {position: absolute; top: -10px; left: 0; width: 88px; background: #a3937c; height: 108px;display: none}
#HEADER #GNB .gnb_inner .other_services .manager_area .lang_dropdown ul li{}
#HEADER #GNB .gnb_inner .other_services .manager_area .lang_dropdown ul li a{font-size: 13px;text-align: left;color: #fff;  display: block; width: 100%; height: 36px; line-height: 36px; padding-left: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#HEADER #GNB .gnb_inner .other_services .manager_area .lang_dropdown ul li a span{position: relative;display: inline-block;line-height: 1}
#HEADER #GNB .gnb_inner .other_services .manager_area .lang_dropdown ul li a.on span:before{content: '';position: absolute;left: 0;bottom: -6px;width: 100%;height: 1px;background: #fff;}
#HEADER #GNB .gnb_inner .other_services .manager_area .lang_dropdown ul li a:hover{background: #0078bc}
#HEADER #GNB .gnb_inner .other_services .clear_line{width: 1px;height: 14px ;background: rgba(0,0,0,.2);margin: 0 18px;vertical-align: middle}
#HEADER #GNB .gnb_inner .other_services .search_area{width: 38px;height: 38px;}
#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search{display: block;position: relative}
#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search img{display: inline-block;vertical-align: middle;width: 38px;
	-webkit-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	transition: opacity 0.1s;}
#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search img.img_m{display: none}
#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search img.on{position: absolute;top: 0;left: 0;opacity: 0;}
#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search:hover img.off{opacity: 0}
#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search:hover img.on{opacity: 1}
#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search.on img.off{opacity: 0}
#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search.on img.on{opacity: 1}

#HEADER #GNB .gnb_inner .other_services .other_menu{display: none;}
#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu span {display: block; width: 100%; height: 2px; background: #000; margin-top: 4px }
#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu span:first-child {margin-top: 0}
#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu .line {font-size: 0;margin-top: 4px;display: none;}
#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu .line:first-child{margin-top: 0}
#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu span{display: inline-block;width: 3px;height: 3px;background: #000;margin-left: 4px}
#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu span:first-child {margin-left: 0}
#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu {width: 34px; display: block; margin-left: 15px; position: relative }
#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu img {display: inline-block; vertical-align: middle; width: 34px; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -o-transition: opacity 0.1s; transition: opacity 0.1s; }
#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu img.on {position: absolute; top: 0; left: 0; opacity: 0; }
#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu:hover img.off {opacity: 0 }
#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu:hover img.on {opacity: 1 }

#HEADER #GNB .gnb_inner .depth2_container{position: absolute;top: 88px;left: 50%; right: 0;width: 100vw;overflow: hidden;background:#ED9ECE;    max-width: 1920px;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	padding: 0 36px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner{position: relative;width: 100%}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div {position: relative; width: 100%; height: 0; display: none; overflow: hidden;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.on{display: block}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down{height: 64px}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul {font-size: 0; display: inline-block; margin: 0 auto; text-align: center; height: 64px; line-height: 64px; vertical-align: top }
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li {display: inline-block; margin: 0 18px; height: 64px; line-height: 64px; vertical-align: top }
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a{position:relative;transition:all 0.3s;display: inline-block;font-size:18px;color:#fff;opacity:0.57;font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif; }

#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a:after{content: '';position: absolute;width: 0%;height: 1px;background: #fff;left: 50%;bottom: 18px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}

#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a.on{opacity:1;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a.on:after{width: 100%;    content: "";
    position: absolute;
    width: 100%;
    margin-left: -50%;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a:hover{opacity:1;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a:hover:after{width: 100%;    content: "";
    position: absolute;
    width: 100%;
    margin-left: -50%;}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open {position:absolute; top:25px; left:28px; z-index:9; display: none;}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open a {display: block;}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open a span {width:20px; height:2px; background-color:#fff; margin-bottom:4px; display: block; transition:all 0.3s;}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open a span:last-child {margin-bottom:0;}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open.on a span:nth-of-type(1){transform:translate(0, 6px) rotate(-45deg);}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open.on a span:nth-of-type(2){opacity:0;}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open.on a span:nth-of-type(3){transform:translate(0, -6px) rotate(45deg);}


/* LNB */
#LNB .lnb_bg{content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.6);visibility: hidden;opacity: 0;z-index: 1002;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#LNB .lnb_area{position: fixed;right: 0;top: 0;width: 448px;height: 100vh;z-index: 1002;background: #000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translate(100%,0);
	-moz-transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	-o-transform: translate(100%,0);
	transform: translate(100%,0);
}
#LNB .lnb_inner{position: relative;width: 100%;height: 100%}

#LNB .lnb_inner .btn_lnb_close {position: absolute; top: 32px; right: 33px; width: 22px; height: 22px; display:none;}
#LNB .lnb_inner .btn_lnb_close:before {content:''; position:absolute;width:100%; height:100%;}
#LNB .lnb_inner .lnb_tab{background: #fff;
    width: 100%;
    /* height: 88px; */
    padding: 20px 24px;}
#LNB .lnb_inner .lnb_tab ul{font-size: 0}
#LNB .lnb_inner .lnb_tab ul li{display: inline-block;vertical-align: top;margin: 0 3px}
#LNB .lnb_inner .lnb_tab ul li:first-child{margin-left: 0}
#LNB .lnb_inner .lnb_tab ul li:last-child{margin-right: 0}
#LNB .lnb_inner .lnb_tab ul li a{display: inline-block;padding: 0 8px;line-height: 88px;font-size: 18px;color: rgba(0,0,0,.42);position: relative; font-size:16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#LNB .lnb_inner .lnb_tab ul li a:before{content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 2px;background: #000;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-ms-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;}
#LNB .lnb_inner .lnb_tab ul li a span{display: inline-block}
#LNB .lnb_inner .lnb_tab ul li a span.plus{display: none}
#LNB .lnb_inner .lnb_tab ul li a.on {color: #000}
#LNB .lnb_inner .lnb_tab ul li a.on:before {width: 100%}
#LNB .lnb_inner .lnb_tab ul li a:hover {color: #000}
#LNB .lnb_inner .lnb_tab ul li a:hover:before {width: 100%}
#LNB .lnb_inner .lnb_cnt{position: relative;width: 100%;height: calc(100vh - 88px);/*background: url("../images/main/lnb_bg/lnb_bg0.jpg") no-repeat center / cover;*/min-height:  calc(100vh - 88px);overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;display: none;
}
#LNB .lnb_inner .lnb_cnt.on{display: block}
#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile{display: none}
#LNB .lnb_inner .lnb_cnt .pane{position: absolute;width: 5px;right: 6px;top: 0;bottom: 0;z-index: 10;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
#LNB .lnb_inner .lnb_cnt .pane > .slider{position: relative;margin: 0 1px;padding: 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#LNB .lnb_inner .lnb_cnt .pane > .slider:after{content: '';display: block;width: 100%;height: 100%;background: rgba(255,255,255,.6)}
#LNB .lnb_inner .lnb_cnt .lnb_cnt_bg{position: absolute;top: 50%;left: 50%;width: 100%;height: calc(100vh - 88px);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
#LNB .lnb_inner .lnb_cnt .lnb_cnt_bg:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.2)}
#LNB .lnb_inner .lnb_cnt .lnb_cnt_bg img{display: none}
#LNB .lnb_inner .lnb_cnt ul{position: absolute;overflow: scroll;overflow-x: hidden;top: 0;right: 0;bottom: 0;left: 0;z-index: 9}
#LNB .lnb_inner .lnb_cnt ul li{}
#LNB .lnb_inner .lnb_cnt ul li a{display: block;width: 100%;height: 88px;line-height: 88px;position: relative;color: #fff;border-top: 1px solid rgba(255,255,255,.06);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#LNB .lnb_inner .lnb_cnt:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.2);z-index: 1}
#LNB .lnb_inner .lnb_cnt ul li:first-child a{border-top: 0}
#LNB .lnb_inner .lnb_cnt ul li a:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.15);opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	visibility: hidden;}
#LNB .lnb_inner .lnb_cnt ul li a:after {content: ''; position: absolute; right: 40px; top: 50%; margin-top: -8px; background: url("../images/common/ico_arrow_white_right.png") no-repeat 0 0 / contain; width: 10px; height: 16px; visibility: hidden; opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
#LNB .lnb_inner .lnb_cnt ul li a span{display: inline-block;padding: 0 35px 0 32px;position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
#LNB .lnb_inner .lnb_cnt ul li a span.link_out{padding-right: 17px !important;}
#LNB .lnb_inner .lnb_cnt ul li a span.link_out:before{content: '';position: absolute;right: 0;top: 50%;margin-top: -7px;width: 12px;height: 12px;background: url("../images/common/ico_outlink.png") no-repeat 0 0 / contain;}
#LNB .lnb_inner .lnb_cnt ul li a:hover span{padding-left: 40px}

#LNB .lnb_inner .lnb_cnt ul li a:hover:before{visibility: visible;opacity: 1}
#LNB .lnb_inner .lnb_cnt ul li a:hover:after {visibility: visible; opacity: 1 }

#LNB.on{}
#LNB.on .lnb_bg{visibility: visible;opacity: 1}
#LNB.on .lnb_area{
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);}
#LNB.on .lnb_inner .btn_lnb_close{display:block;}

#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.li_lnb_navi{display:none;}
#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile{ display:none;}
#LNB .lnb_inner .lnb_cnt.lnb_navi{display:none;}



.sub_top_visual_bg {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: url(/img/2024/bg_dot.png);*/
	background: url(http://akcdn-okimghosting.cafe24img.com/roserun/back_dot.png);
    /* background: url(/rw_img/bg_top.png); */
    z-index: 1;
    bottom: 0px;
    top: 0px;
    opacity: 0.8;
}

.article{
    overflow: hidden;
}



.top_header {
    padding: 70px 0 50px;
    position: relative;
}
.top_header.second {
    padding: 0;
	background-color: #222;

}
.top_header.second+.top_body {
    padding-top: 28px;
	min-height: 1000px;
}
.top_visual {
    overflow: hidden;
}
.top_visual {
    width: 100%;
    padding-top: 545px;
    position: relative;
    text-align: center;
}
.top_visual_bg_container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.top_visual_txt_outer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.top_visual_txt {
    display: table;
    width: 100%;
    height: 100%;
}
.top_visual_txt_inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}


.wrap {
    max-width: 1200px;
    margin: 0 auto;
}
.bg_loaded .top_visual_bg {
    -webkit-transform: translateZ(0) scale(1) rotate(0deg);
    transform: translateZ(0) scale(1) rotate(0deg);
}

.top_visual_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: no-repeat center center;
    background-size: cover;
   
}

.info .top_visual_bg {
    background-image: url(/img/2024/info_top_img_02.jpg);
}
.wallet .top_visual_bg {
    background-image: url(/img/2024/i_top_info.jpg);
}
.force .top_visual_bg {
    background-image: url(/img/2024/i_top_info.jpg);
}
.terminal .top_visual_bg {
    background-image: url(/img/2024/i_top_terminal.jpg);
}
.board .top_visual_bg {
    background-image: url(/img/2024/i_top_board.jpg);
}

.app .top_visual_bg {
    background-image: url(/img/2024/info_top_img_01.jpg);
}

.franchise .top_visual_bg {
    background-image: url(/img/2024/i_top_info.jpg);
}


.top_visual_bg {
    -webkit-transform: translateZ(0) scale(1.1) rotate(0.1deg);
    transform: translateZ(0) scale(1.1) rotate(0.1deg);
    -webkit-transition:2000ms;
    transition: 2000ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}


.main_container {padding-top: 0px;    padding-bottom:0px;/*background-color:#E4E9ED;*/}

.main_client {
background-color:#FFF;
padding: 20px 0px;    max-width: 1560px;
    margin: 0 auto;
}

.main_visual_slider { height: 100%; position: relative; z-index: 1; background: #000;}
.main_visual_slider_wrap {    height: 100%;
    position: relative;
    height: -webkit-calc(100vh - 88px);
    height: calc(100vh - 88px);
    max-height: 545px;
    z-index: 0;
    margin: 88px auto 0;}
.main_visual_item { height: 100%; width: 100%; position: relative; overflow: hidden; /* display: none; */ opacity: 0; visibility: hidden;}
.main_visual_item:first-child {display: block; opacity: 0; visibility: visible;}
.main_visual_item_bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #eee no-repeat 80% center; background-size: cover; }
.main_visual_item > .wrap { height: 100%; }
.main_visual_content { display: table; width: 100%; height: 100%; position: relative;    z-index: 10;}
.main_visual_content_inner { display: table-cell; vertical-align: middle; color: #fff;}
.main_visual_content h2 { font-size:52px; letter-spacing: -0.025em; line-height: 1.2; margin-bottom: 0px; text-align:center;  font-family:"Pretendard",sans-serif;margin-top:0px;}


.tit_Bold {
   font-family:"Pretendard",sans-serif;font-family: "yg-jalnan",sans-serif;
    font-weight: 600;
}

.main_visual_content div.lines {overflow:hidden;}
.main_visual_content p { font-size: 18px;  line-height: 1.67; margin-bottom: 33px; color: #fff; letter-spacing: -0.025em;}
.main_visual_title div.lines { margin: -5px 0; }
.main_visual_title div.words { padding: 5px 0; }


.main_visual_title .tit_Bold div.words {

}

.main_visual_btn { min-width: 190px; font-size: 15px; border-width: 1px; padding: 22px 20px 21px; transition: background 300ms, color 300ms;}

/* VISUAL - paging */
.main_visual_paging {width: 20px; height: auto; position: absolute;left: 50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0;text-align: center;z-index: 2;opacity: 0;-webkit-transition: opacity 400ms;transition: opacity 400ms;}
.main_visual_paging.loaded {opacity: 1;}
.main_visual_paging .cycle_pager {display: inline-block;vertical-align: middle;width: auto;position: static;}
.main_visual_paging .cycle_pager li { display: block; margin: 14px 0; }
.main_visual_paging .cycle_pager li:first-child { margin-top: 0; }
.main_visual_paging .cycle_pager li:after {-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .5);}
.main_visual_paging .cycle_pager li button {-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .5);}

/* VISUAL - play, pause */
.slider_state {display: block;vertical-align: middle;width: 20px;height: 20px;position: relative;}
.slider_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0; visibility:hidden; -webkit-transition: opacity 300ms;transition: opacity 300ms;}
.slider_state_btn:after {display: block;font-family: 'kiwi-font';font-size: 10px;font-weight: normal;text-align: center;line-height: 20px;color: #fff;text-shadow: 0px 1px 1px rgba(0, 0, 0, .5);}
.slider_state_btn.icon_play {    text-indent: -99999px;
    clear: both;
    width: 9px;
    height: 12px;
    margin:4px 0 0 0px;
    border-radius: 0;
    background: url(/img/2024/slide_control.png)no-repeat;
    background-position: 0px 0;}
.slider_state_btn.icon_pause {    display: inline-block;
    text-indent: -99999px;
    clear: both;
    width: 9px;
    height: 12px;
    margin: 4px 0 0 0px;
    border-radius: 0;
    background: url(/img/2024/slide_control.png)no-repeat;
    background-position: -14px 0;}
.slider_state.play .slider_state_btn.icon_pause {opacity: 1; visibility: visible;}
.slider_state.pause .slider_state_btn.icon_play {opacity: 1; visibility: visible;}



.slick-list, .slick-track {height: 100%;}

.slick_slider_wrap {position: relative;}

.slick_control {display: block;width: 100%;height: 50px;position: absolute;left: 0;top: 50%;margin-top: -25px;}
.slick_arrows {width: 50px;height: 100%;padding: 0;margin: 0;position: absolute;top: 0;font-size: 0;line-height: 1;background: none;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;cursor: pointer;z-index: 2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.slick_arrows:after {font-family: 'kiwi-font';font-weight: normal;font-size: 36px;line-height: 50px;text-align: center;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;}
.slick_prev {left: -80px;}
.slick_prev:after {content: '\e93e';}
.slick_next {right: -80px;}
.slick_next:after {content: '\e93f';}
html.desktop .slick_arrows:hover:after {color: #B5121B;}

.slick-dots {margin-top: 36px;font-size: 0;line-height: 1;text-align: center;}
.slick-dots > li {display: inline-block;vertical-align: top;width: 14px;height: 14px;margin: 0 4px;background: #ddd;border-radius: 10px;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.slick-dots > li.slick-active {background: #B5121B;}
.slick-dots > li > button {display: none;}


.cycle_slider_wrap {position: relative;}
.cycle_slider {position: relative;z-index: 1;}

.cycle_control {display: block;width: 86px;height: 166px;position: absolute; right: 57px; top: 50%; margin-top: -83px; z-index: 10; text-align: center;}
.cycle_btn {display: block; width: 80px; height: 80px; font-size: 0;line-height: 1;cursor: pointer;z-index: 2; /* border: 1px solid #fff;  */margin: 3px; -webkit-transition: background 300ms, color 300ms;transition: background 300ms, color 300ms; background: #fff;}
.cycle_btn:after {font-family: 'kiwi-font';font-weight: normal;font-size: 10px;line-height: 80px;text-align: center;color: #fff; color: #b5121b}
.cycle_prev:after {content: '\e93e';}
.cycle_next:after {content: '\e93f';}
.cycle_btn > button { display: block; width: 100%; margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-size: 0; background: transparent; border: none; cursor: pointer; }
.cycle_btn > button { position: relative; top: auto; left: auto; right: auto; bottom: auto; text-align: center; }
html.desktop .cycle_btn:hover { background: #b5121b; }
html.desktop .cycle_btn:hover:after { color: #fff; }

.cycle_pager {display: block;width: 100%;position: absolute;left: 0;bottom: 88px;font-size: 0;text-align: center;z-index: 2;}
.cycle_pager li {display: inline-block;width: 20px;height: 20px;margin: 0 3px;position: relative;border-radius: 50%;cursor: pointer;background: #ffffff;background: rgba(255, 255, 255, 0);-webkit-transition: width 400ms ease, background 300ms;transition: width 400ms ease, background 300ms;}
.cycle_pager li button {display: block;width: 6px;height: 6px;margin: 0;padding: 0;position: relative;top: 50%;left: 50%;font-size: 0;background: #fff;border: none;border-radius: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);cursor: pointer;}
.cycle_pager li:after {content: '';display: block;width: 12px;height: 12px;position: absolute;left: 50%;top: 50%;border: 2px solid #fff;border-radius: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);opacity: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: width 0.3s, height 0.3s, opacity 0.4s;transition: width 0.3s, height 0.3s, opacity 0.4s;}
.cycle_pager li.cycle-pager-active:after {width: 20px;height: 20px;opacity: 1;}

.sr_only {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}


	/* VISUAL */
	.cycle_control {display: none;}

	.main_visual_paging { bottom: 25px; top: auto; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: auto; }
	.main_visual_paging .cycle_pager li { display: inline-block; margin: 0 2.5px; }
	.slider_state { display: inline-block; margin-left: 2.5px; }

/* CLIENT */
.main_section.main_client {padding:0 10px;margin: 0 -20px;}
.main_section.main_client .main_section_title span { position: relative; color: #B5121B; padding-right: 65px; }
.main_section.main_client .main_section_title span:after { content:''; display: block; width: 10px; height: 10px; background: #B5121B; border-radius: 50%; position: absolute; top: 21px; right: 25px;  }
.main_client_list {font-size: 0;position: relative;}
.main_client_item { display: inline-block; vertical-align: top; width: 16.66%; padding: 0px;  text-align: center;    outline: none;}
.main_client_item > .client_item_link { position: relative; display:block; margin: 4px 4px;}
.main_client_item > .client_item_link > div { display: block; }
.main_client_item > .client_item_link > .client_origin { position: absolute; top: 0; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms;}
html.desktop .main_client_item > a.client_item_link:hover > .client_origin { opacity: 1;border: 1px solid #F2F2F2; }


.main_client_item img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
}


.main_client_item > .client_item_link > div{border: 1px solid #F2F2F2; }

.main_client_list:before,
.main_client_list:after { content: ''; position: absolute; top: 0; width: 130px; height: 100%; display: block; z-index: 10;}
.main_client_list:before { left: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 10%,rgba(255, 255, 255, 0) 10%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)),to(rgba(255, 255, 255, 0))); background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 10%); background: linear-gradient(to right, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 10%);     opacity: 0; }
.main_client_list:after { right: 0; background: -webkit-linear-gradient(right, rgba(255, 255, 255, 1) 10%,rgba(255, 255, 255, 0) 10%); background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 1)),to(rgba(255, 255, 255, 0))); background: -webkit-gradient(linear, right top, left top, color-stop(50%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 10%); background: linear-gradient(to left, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 10%);     opacity: 0;}

.main_client_tab {text-align: center; margin-bottom: 63px;}
.main_client_tab > li {display: inline-block; position: relative; margin-right:65px;}
.main_client_tab > li:last-child{margin-right:0;}
.main_client_tab > li > a { display: block; font-size: 42px; font-family: 'Gotham', 'Pretendard', sans-serif; font-weight: 500; color: #222; position: relative; line-height: 1.1; }
.main_client_tab > li.active > a {color: #B5121B;}
.main_client_tab > li.active:before { content:''; display: block; width: 10px; height: 10px; background: #B5121B; border-radius: 50%; position: absolute; top: -22px; left: 50%; margin-left:-5px; }

.main_client_btn_wrap { text-align: center; margin-top: 60px; }

.main_client_list .slick-arrow { position: absolute; top: 50%; width: 30px; height: 30px; font-size: 0; border: 0; background: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 60; cursor: pointer; padding: 0;    outline: none;}
.main_client_list .slick-arrow.slick-prev { left:10px; }
.main_client_list .slick-arrow.slick-next { right:10px; }
.main_client_list .slick-arrow:before { font-family: 'kiwi-font'; font-size: 28px; color: #E7E7E7; }
.main_client_list .slick-arrow.slick-prev:before { content: '\E910'; }
.main_client_list .slick-arrow.slick-next:before { content: '\E911'; }

.main_partner {width: 100%;    margin-bottom: 20px;}
.main_partner > div {display: none;}
.main_partner > div:first-child {display: block;}




#main .wrap {max-width: 1520px;    margin: 0 auto;}


@media(max-width: 1800px){
	/* VISUAL */
	.cycle_control { width: 76px; height: 148px; margin-top: -74px; right: 27px; }
	.cycle_btn { width: 70px; height: 70px; }
	.cycle_btn:after { line-height: 70px; }
	.main_visual_paging { }

}
@media(max-width: 1340px){


	.menu_container { text-align: right; padding-right: 111px; }
    .main_container, .page-template-default .main_container {}
	.main_container { padding-top: 0px; }
	/* VISUAL */
	.cycle_control {display: none;}

	.main_visual_paging { bottom: 25px; top: auto; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: auto; }
	.main_visual_paging .cycle_pager li { display: inline-block; margin: 0 2.5px; }
	.slider_state { display: inline-block; margin-left: 2.5px; }


	/* glance */
	.main_glance_item_txt {padding: 30px 0 34px;}
}

@media (max-width: 1400px){


.top_visual {
    height: 540px;
    padding-top: 0;
}

#HEADER #GNB .gnb_inner .logo_area .logo {
    width: 80%;
}

}








.nav_wrap{
    position: relative;
    width: auto;
    height: 88px;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
}


@media screen and (min-width: 1920px){
#HEADER #GNB .navi_inner .gnb_inner .nav_wrap {
    width: 100%;
    position: relative;
    position: relative;
    margin: 0 4%;
    /* text-align: center; */
    max-width: 1920px;
    margin: 0 auto;
}
}

#footer {width: 100%;padding: 40px 0 80px;position: relative;text-align: left;background:#060f20;font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;   /* max-width: 1920px;*/margin: 0 auto;max-width: 1920px;max-width: 100%;float:left;z-index: 1;}
.footer-wrap {max-width: 1520px;
    margin: 0 auto;
    position: relative;
    margin: 0 124px;
    margin: 0 auto;    text-align: center;}

/* logo */
.footer-logo {max-width: 180px;}

/* menu */
.footer-menu-wrap {position: absolute;right: 0;top: 60px;}
.footer-menu:after {content: '';display: table;clear: both;}
.footer-menu > li {float: left;}
.footer-menu > li > a {display: block;padding: 5px 29px;position: relative;font-size: 14px;line-height: 1.35;color: #fff;font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif; }
.footer-menu > li > a > span {display: inline-block;padding-bottom: 8px;position: relative;font-weight:600}
.footer-menu > li > a > span:after {content: '';display: block;width: 0%;height: 2px;position: absolute;left: 50%;bottom: 0;background: #fff;    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.footer-menu > li:first-child > a {padding-left: 0;}
.footer-menu > li:last-child > a {padding-right: 0;}
html.desktop .footer-menu > li > a:hover > span:after {
    content: "";
    position: absolute;
    width: 100%;
    margin-left: -50%;}

/* info */
.footer-info {margin: 33px 0 10px;text-align: center;}
.footer-info p {font-size: 0;line-height: 1;}
.footer-info p span, .footer-info p span a {font-size: 13px;color:#fff;}
.footer-info p span {display: inline-block;padding-right: 15px;position: relative;vertical-align: middle;line-height: 1.9;font-family:'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;font-weight:500;    letter-spacing: -0.035em; color:#888;font-weight:700}
.footer-info p span strong{font-weight:700;color: #f2f2f2; }
.footer-info p span:after {content: '';display: block;width: 1px;height: 10px;position: absolute;right: 7px;top: 50%;margin-top: -4px;background: #fff;}
.footer-info p span:last-child {padding-right: 0;}
.footer-info p span:last-child:after {display: none;}
.footer-info p span a {-webkit-transition: color 300ms;transition: color 300ms;    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;color:#888;}
html.desktop .footer-info p span a:hover {color: #999;}

/* copy */
.footer-copyright {font-size: 11px;letter-spacing: 0.025em;line-height: 1.75;color: #fff;    font-size: 11px;text-align: center;
    letter-spacing: 0.025em;
    line-height: 1.75;
    color: #888;
    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;}


/* ================================== is Top Banner ================================== */
#WRAP.isTopBanner #HEADER{position: relative}
#WRAP.isTopBanner #HEADER.fix{position: fixed}
#WRAP.isTopBanner .container{margin-top: 0}
#WRAP.isTopBanner .container.isTopBanner{margin-top: 88px}


#HEADER #GNB .gnb_inner .other_services .manager_area a.manager_btn {    border-radius: 25px;
    /* position: absolute; */
    /* right: 58px; */
    /* top: 25px; */
	width: 98px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    border: 0px solid #008557;
		background:#fbcc34;
color: #503234;
    display: block;
    text-align: center;
    padding: 6px;
	letter-spacing: -0.023em;
    -webkit-transition: color 500ms cubic-bezier(0, 0.4, 0.5, 1);
    transition: color 500ms cubic-bezier(0, 0.4, 0.5, 1);
	font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;display: inline-block; margin-right:4px;

}
#HEADER #GNB .gnb_inner .other_services .manager_area a.manager_btn:last-child {  


margin-right:0px;    
	background: #d00e18;
	color: #fff;
	background: #d00e18;

}

#HEADER #GNB .gnb_inner .other_services .manager_area a.manager_btn:last-child:before{
    content: '\E921';
    top: 7px;
    font-size: 14px;
    font-family: 'kiwi-font';
    left: 4px;   color: #fff;

}


#HEADER #GNB .gnb_inner .other_services .manager_area a.manager_btn:before{
    content: '\E929';
    top: 7px;
    font-size: 14px;    color: #503234;
    font-family: 'kiwi-font';
    left: 4px;
	

}



#HEADER #GNB .gnb_inner .other_services .manager_area a.manager_btn span{


}

/*
#HEADER #GNB .gnb_inner .other_services .manager_area a.manager_btn:before {content: "";display: block;position: absolute;z-index: 1;background: #008557;width: 0;height: 100%;top: 0;left: 0;-webkit-transition:500ms cubic-bezier(0, 0.4, 0.5, 1);transition: 500ms cubic-bezier(0, 0.4, 0.5, 1);z-index: -1; border-radius: 25px;}
*/
#HEADER #GNB .gnb_inner .other_services .manager_area a.manager_btn:hover {color: #fff;}
#HEADER #GNB .gnb_inner .other_services .manager_area a.manager_btn:hover:before {width: 100%;}

#HEADER #GNB .navi_inner{
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}


@media all and (max-width: 1920px) {
.footer-wrap {
    max-width: inherit;
    margin: 0 66px;text-align: center;
}
#main .wrap {
    max-width: inherit;
    margin: 0 30px;        
	
}
#HEADER #GNB .gnb_inner .other_services {

    right: 66px;

}
#HEADER #GNB .gnb_inner .logo_area {

    left: 66px;

}

.main_visual_slider_wrap {
    height: 100%;
    position: relative;
    height: -webkit-calc(100vh - 108px);
    height: calc(100vh - 108px);
    max-height: 545px;

}


}

@media all and (max-width: 1660px) {
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li {
    max-width: 166px;

}
#HEADER #GNB .gnb_inner .logo_area {
    left: 26px;
}
#HEADER #GNB .gnb_inner .other_services {
    right: 26px;
}
}

/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) {




	img{max-width:100%;}
	.section{padding: 0 32px;}

	/* HEADER */
	#HEADER #GNB{padding: 0 32px}
	#HEADER #GNB .gnb_inner{max-width: 1124px}
	#HEADER #GNB .gnb_inner .gnb_bg.on{height: 200px}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul{width: calc(100% - 337px)}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li{max-width: 152px}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a{font-size: 18px}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div{font-size: 14px;padding: 0}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a{line-height: 32px}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span:before{bottom: 4px}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li>a+.depth2_area{height: 200px}
	#HEADER #GNB .gnb_inner .other_services .clear_line{display: none}
	#HEADER #GNB .gnb_inner .other_services .search_area {margin-left: 20px }
	#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu {margin-left: 13px; }


#HEADER #GNB .gnb_inner .other_services {

    right: 12px;

}
#HEADER #GNB .gnb_inner .logo_area {

    left:12px;
    top: 50%;
	    line-height: 1;
}

}



/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
.nav_wrap {

    height: 60px;

}

  .main_container, .page-template-default .main_container {padding-top: 0px;}

.main_visual_content h2 {
    font-size: 45px;
}
	body { word-break: keep-all;  }
	.section{padding: 0 10px;}
	.container{margin: 76px auto 0}


#HEADER {
    height: 60px;
    background: #fff;
    width: 100%;
    position: fixed;
    top:0px;
    left: 0;
    z-index: 999;
    transition: top 0.3s;
}

	/* HEADER */
	#HEADER{height: 60px}
	#HEADER.active{top:-76px}
	#HEADER #GNB{padding: 0;}
	#HEADER #GNB .navi_inner  .gnb_inner{height: 76px}
	#HEADER #GNB .gnb_inner .depth1_area{display: none}
	#HEADER #GNB .gnb_inner .logo_area .logo{width: 70%;}
	#HEADER #GNB .gnb_inner .other_services .manager_area{margin-right: 20px}
	#HEADER #GNB .gnb_inner .other_services .manager_area a.btn_lang_select{font-size: 14px;}
	#HEADER #GNB .gnb_inner .other_services .manager_area a.btn_lang_select img {width: 20px; height: 20px; padding-right: 6px }
	#HEADER #GNB .gnb_inner .other_services .clear_line{display: inline-block;margin: 0 auto}
	#HEADER #GNB .gnb_inner .other_services .search_area {width: 20px; height: 20px; margin-left: 14px }
	#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu {margin-left: 22px; width: 20px; margin-top: 4px;margin-bottom: 4px}
	#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu img.off {display: none }
	#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu img.on {display: none }
	#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu .line {display: block; margin-top: 3px }
	#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu .line:first-child {margin-top: 0 }
	#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu .line span {display: none }
	#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu .line span:first-child {display: block; width: 100%; height: 2px }
	#HEADER #GNB .gnb_inner .depth2_container{top: 76px}
	#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search img{width: 20px;height: 20px;}
	#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search img.img_w{display: none}
	#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search img.img_m{display: inline-block}
	#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search:hover img.on {opacity: 0 }
	#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search:hover img.off {opacity: 1 }
	#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search.on img.on {opacity: 1 }
	#HEADER #GNB .gnb_inner .other_services .search_area a.btn_show_search.on img.off {opacity: 0 }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div.down {height: 48px; }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div:before{content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 48px; z-index: 9;pointer-events:none;
		/*background: -webkit-linear-gradient(to right, rgba(14,42,201,.97), rgba(14,42,201,0));
		background: -moz-linear-gradient(to right, rgba(14,42,201,.97), rgba(14,42,201,0));
		background: -ms-linear-gradient(to right, rgba(14,42,201,.97), rgba(14,42,201,0));
		background: -o-linear-gradient(to right, rgba(14,42,201,.97), rgba(14,42,201,0));
		background: linear-gradient(to right, rgba(14,42,201,.97), rgba(14,42,201,0));*/}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div:after{content: ''; position: absolute; top: 0; right: 0; width: 30px; height: 48px; z-index: 9;pointer-events:none;
		/*background: -webkit-linear-gradient(to left, rgba(14,42,201,.97), rgba(14,42,201,0));
		background: -moz-linear-gradient(to left, rgba(14,42,201,.97), rgba(14,42,201,0));
		background: -ms-linear-gradient(to left, rgba(14,42,201,.97), rgba(14,42,201,0));
		background: -o-linear-gradient(to left, rgba(14,42,201,.97), rgba(14,42,201,0));
		background: linear-gradient(to left, rgba(14,42,201,.97), rgba(14,42,201,0));*/}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul {height: 58px; line-height: 48px; width: 100%; text-align: center; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; box-sizing: border-box; font-size: 0; padding: 0 26px; position:relative;}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li {height: 48px; line-height: 48px; margin: 0 13px; }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li:first-child {margin-left: 0 }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li:last-child {margin-right: 0 }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li a {font-size: 14px; }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li a:after {bottom: 12px; }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li a:hover {color: rgba(255, 255, 255, .57); }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li a:hover:after {width: 0% }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li a span.link_out{ padding-right:16px;}

.main_visual_slider_wrap {
    height: 100%;
    position: relative;
    height: -webkit-calc(100vh - 68px);
    height: calc(100vh - 68px);
    max-height: 505px;
}
.main_visual_slider_wrap {
    margin: 0px auto 0;
}
#HEADER #GNB .gnb_inner .other_services .other_menu {
    display: block;
}


	/* LNB */
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.li_lnb_navi{display:inline-block;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_pc{display:none;}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_pc{display:none;}
	#LNB .lnb_inner .lnb_cnt.on{display:block;}

	#LNB .lnb_area{width:328px;}
	#LNB .lnb_inner .btn_lnb_close{right:auto;     left: -50px;
    top: 7px;   width: 50px;
    height: 50px;}
	#LNB .lnb_inner .btn_lnb_close:before{background-image:url(/img/2024/m_close.png);}
	#LNB .lnb_inner .lnb_tab{/*height:64px;*/ padding-left:20px;}
	#LNB .lnb_inner .lnb_tab ul li{margin:0;}
	#LNB .lnb_inner .lnb_tab ul li a{height:64px; line-height:64px; padding:0 24px;color:#000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	#LNB .lnb_inner .lnb_tab ul li a:before{display:none;}
	#LNB .lnb_inner .lnb_tab ul li a span.plus{position:absolute;display:inline-block;top:50%; right:16px; margin-top:-1px;width:20px;}
	#LNB .lnb_inner .lnb_tab ul li a span.plus:before{content: ""; position: absolute; top: 0; right: 0; width: 12px; height: 2px;}
	#LNB .lnb_inner .lnb_tab ul li a span.plus:after{content: ""; position: absolute; top: 0; right: 0; width: 12px; height: 2px; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;}
	#LNB .lnb_inner .lnb_tab ul li a.on span.plus:after{-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg)}

	#LNB .lnb_inner .lnb_tab ul li a{width:136px;}
	#LNB .lnb_inner .lnb_tab ul li a.on{width:192px;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile a{color:#fff;background:#008557;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile a span.plus:before{background:#fff;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile a span.plus:after{background:#fff;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.li_lnb_navi a{color:#000;background:#fff;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.li_lnb_navi a span.plus:before{background:#008557;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.li_lnb_navi a span.plus:after{background:#008557;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile{ display:inline-block;}


	/* LNB 메뉴 */
	#LNB .lnb_inner .lnb_cnt.isMobile{transition: none}
	#LNB .lnb_inner .lnb_cnt.lnb_navi{background-color: #fff;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi:before{display:none;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi:after{display:none;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul{padding-top:0px;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi.isMobile ul{position:relative;padding:0;-webkit-overflow-scrolling: touch;overflow-y: scroll;bottom: unset;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#LNB .lnb_inner .lnb_cnt.lnb_navi.isMobile ul li:first-child{margin-top: 28px}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a{color: #000; height:56px; line-height:56px; padding:0 24px 0 20px; font-size:21px;font-family: "Pretendard",sans-serif;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a{border-top:none;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a:before{display:none;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a span{padding:0;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a:hover span{padding-left: 0}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a.depth1:after{content: ''; position: absolute; right: 20px; top: 50%; margin-top: -10px; background: url("/img/2024/toggle_arrow.png") no-repeat 0 0 / contain; width: 20px; height: 20px;visibility:visible;opacity:1;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a.depth1.active:after{content: ''; position: absolute; top: 50%; margin-top: -10px; background: url("/img/2024/toggle_arrow_A.png") no-repeat 0 0 / contain; width: 20px; height: 20px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li .depth2_area{display:none;}


#LNB .lnb_inner .lnb_cnt.lnb_navi ul li:last-child a.depth1:after {
/*display:none;*/
}


	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li .depth2_area .depth2_area_inner{background:#f7f7f7; padding:16px 0 17px; margin:6px auto 12px;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li .depth2_area .depth2_area_inner a{height:36px; line-height:30px; position:relative;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li .depth2_area .depth2_area_inner a.on{color:#008557;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li .depth2_area .depth2_area_inner a span{margin-left:17px; font-size:14px; position:relative;    font-family: "Pretendard",sans-serif;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li .depth2_area .depth2_area_inner a.on span:before{content:''; position:absolute;width:100%;height:1px;bottom:-7px;left:0;right:0;background:#008557;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.on .depth2_area{display:block;}

	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.manager_area{padding-top:120px; padding-bottom:30px;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.manager_area .lnb_lang_inner{font-size:0; padding-left:24px;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.manager_area .lnb_lang_inner li{display:inline-block;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.manager_area .lnb_lang_inner li a{padding:0;display:inline-block; font-size:12px; margin-right:22px;width:auto; line-height:1; height:auto;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.manager_area .lnb_lang_inner li a span{color:rgba(0,0,0,0.42); position:relative;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.manager_area .lnb_lang_inner li.on a span{color:#000;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.manager_area .lnb_lang_inner li.on a span:before{content:''; position:absolute;width:100%;height:2px;background:#000;left:0;bottom:-7px;}

	/* LNB 계열사 */
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile{display: block}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile .lnb_cnt_bg{position: absolute;top: 50%;left: 50%;width: 100%;height: calc(100vh - 64px);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
		-ms-transition: background 0.3s;
		-o-transition: background 0.3s;
		transition: background 0.3s;
	}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile .lnb_cnt_bg:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.4)}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile .lnb_cnt_bg img{display: none}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile.isMobile .lnb_cnt_bg{transition: unset}


	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile{background-color: #000;}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.2)}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a{height:64px; line-height:64px; font-size:16px;}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.15);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		visibility: hidden;opacity: 0;
	}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile.isMobile ul{-webkit-overflow-scrolling: touch;}
	#LNB .lnb_inner .lnb_cnt ul li a span{padding:0 24px 0 24px; display:inline;}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a:hover span{padding-left: 24px;}

	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a:after {content: ''; position: absolute; right: 40px; top: 50%; margin-top: -8px; visibility: hidden; opacity: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a:hover:before{ display:none;}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a:hover:after { display:none;}


	 #footer {padding: 70px 0 85px;}
    .footer-wrap {margin: 0 30px;}

    .footer-logo {max-width: 160px;}

    .footer-menu-wrap {margin-top: 28px;position: relative;}
    .footer-menu > li > a {padding: 5px 23px;}
    .footer-menu > li > a > span {padding-bottom: 6px;}

    .footer-info {margin-top: 21px;}



#HEADER #GNB .gnb_inner .other_services .manager_area a.manager_btn {

display:none;

}

#LNB .lnb_inner .lnb_tab a.manager_btn {
border-radius: 25px;
    /* position: absolute; */
    /* right: 58px; */
    /* top: 25px; */
    width: 98px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    border: 0px solid #008557;
    background: #a3937c;
    display: block;
    text-align: center;
    padding: 6px;
    letter-spacing: -0.023em;
    -webkit-transition: color 500ms cubic-bezier(0, 0.4, 0.5, 1);
    transition: color 500ms cubic-bezier(0, 0.4, 0.5, 1);
    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
}
/*#LNB .lnb_inner .lnb_tab a.manager_btn:before {content: "";display: block;position: absolute;z-index: 1;background: #008557;width: 0;height: 100%;top: 0;left: 0;-webkit-transition:500ms cubic-bezier(0, 0.4, 0.5, 1);transition: 500ms cubic-bezier(0, 0.4, 0.5, 1);z-index: -1;}*/

#LNB .lnb_inner .lnb_tab a.manager_btn:before{
    content: '\E921';
    top: 7px;
    font-size: 14px;
    font-family: 'kiwi-font';    margin-right: 4px;
    left: 4px;

}

#LNB .lnb_inner .lnb_tab a.manager_btn:hover {color:#fff;}
#LNB .lnb_inner .lnb_tab a.manager_btn:hover:before {width: 120px;}
.home .container {
    min-height: 612px;
    max-width: 1920px;
    margin: 0px auto 0;
}
.container {
    min-height: 612px;
    max-width: 1920px;
    margin: 70px auto 0;
}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {

	.container{margin: 0px auto 0}
.home .container{margin: 0px auto 0}
	/* HEADER */
	#HEADER{height: 70px;    -webkit-box-shadow: 0 3px 30px rgba(125,139,200,.08);
    box-shadow: 0 3px 30px rgba(125,139,200,.08);}
	#HEADER.active{top:-64px}
	#HEADER #GNB .navi_inner .gnb_inner{height:70px}
	#HEADER #GNB .gnb_inner .logo_area .logo{width: 108px;}


#HEADER #GNB .gnb_inner .logo_area h2 {
    max-width: 106px;
    display: inline-block;
    font-size: 12px;
    text-align: left;
    font-family: "Pretendard",sans-serif;
    margin-left: 114px;
    line-height: 1.3;
    letter-spacing: -0.023em;
}
#HEADER #GNB .gnb_inner .logo_area img {
    max-width: 106px;
}


	#HEADER #GNB .gnb_inner .other_services .manager_area{display: none}
	#HEADER #GNB .gnb_inner .other_services .clear_line{display: none}
	#HEADER #GNB .gnb_inner .other_services .other_menu a.btn_menu {margin-left: 28px }
	#HEADER #GNB .gnb_inner .depth2_container{top: 64px}

	/* TOP_SEARCH */
	#TOP_SEARCH .search_area{top: 64px}

	/* FOOTER */
	  #footer {padding: 60px 0 80px ;}
    .footer-wrap {margin: 0 15px;}

    .footer-logo {max-width: 146px;}

    .footer-menu > li > a {padding: 3px 13px;}

    .footer-info {margin-top: 15px;}
    .footer-info p span, .footer-info p span a {font-size: 13px;}
    .footer-info p span {line-height: 1.65;}
    .footer-info p span:after {margin-top: -6px;display:none;}




    .footer-copyright {font-size: 11px;}

.top_visual {
    height: 280px;
    padding-top: 0;
}

.main_visual_content h2 {

    font-size: 34px;

}
#main .wrap {
    margin: 0 10px;
}

.main_visual_slider_wrap {

    max-height: 445px;
	   margin: 0 auto;
}
.main_visual_item_bg {
    background: #eee no-repeat center center;
    background-size: cover;
}


.mgt220{

margin-top:120px;

}


}

@media all and (max-width: 540px) {

.footer-info p.first span:nth-child(2), .footer-info p.first span:nth-child(3) {display:block}
.footer-menu-wrap {
    margin-top: 5px;
}
}


@media all and (max-width: 374px) {
	#LNB.on .lnb_area{width:274px;}
	#LNB .lnb_inner .lnb_tab ul li a{width:137px;}
	#LNB .lnb_inner .lnb_tab ul li a.on{width:137px;}

}


.top_visual_title {
    display: block;
    padding-bottom: 12px;
    font-size: 20px;
    color: #fff;
	letter-spacing: 0.01em;
    /* color: #222; */
  font-weight: 400!important;
    text-align: center;
    font-family: 'Playfair Display SC', serif;
    letter-spacing: 0.023em;
	    margin-left: 220px;
}
.top_visual_TT {
    font-size: 62px;
    line-height: 1.21;
    color: #fff;
font-family:"Pretendard",sans-serif;
	letter-spacing:-0.025em;
}


.top_visual_TT.tt {
    font-size: 62px;
    line-height: 1;
    color: #fff;
font-family:"Pretendard",sans-serif;
	letter-spacing:-0.025em;
}

.top_visual_TT .tit_Bold {
    font-size: 62px;
    line-height: 1;
    color: #fff;
	letter-spacing:-0.025em;
  font-family:"Pretendard",sans-serif;    font-family: "Vitro_core";font-weight: 500;


}
.top_visual_TT div.words {
    padding: 5px 0;
}

.top_visual_TT div.lines {
    margin: -5px 0;
}

.top_visual_TT div.lines {
    overflow: hidden;
}
.top_visual_TT .tit_Bold.tt {
    line-height: 1.41;
}

.top_visual_TT .ss {
    font-size: 42px;
line-height: 1;
}
.right_info_txt strong {
    font-size: 35px;
    color: #B5121B;
    display: block;
    font-weight: 300;
    display: none;
}

.sub_right_body > .right_info_txt {
    padding-left: 0;
    counter-increment: item;
    margin-top: 28px;
}

.right_info_txt h4.num:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #B5121B;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: 0;
}
.right_info_txt h4.num {
    padding-left: 38px;
	position: relative;

}
.right_info_txt h4.num:before {
    content: counter(item);
    width: 28px;
    height: 28px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    top: 0;
    left: 0;
    font-family: 'Lato','Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 900;
    font-size: 13px;
    border-radius: 4px;
}


.sub_right_body {
    counter-reset: item;
}

.sub_right_body .cc{
    display: table-cell;
    vertical-align: middle;
}
.info_left {
    width: 48%;
    padding: 72px 0px 72px 0;
}



.info_right {
    width: 48%;
    padding: 72px 35px 72px 0;
}


.info_right .right_img{
    width: 100%;
    max-width: 80%;
    position: relative;
    right: -160px;
}
.right_info_txt .r_icon{
     width: 20%;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: 4%;
}
.right_info_txt .r_txt{
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.top_visual_TT .tt_Bold {

  font-family:"Pretendard",sans-serif;
  font-size: 42px;
  line-height: 1;
}
    #footer .go-top {
        position: absolute;
        display: block;top: -35px;z-index:1;right:35px;background:#fddf41;border-radius: 100%;box-shadow: 0 0 10px 0 rgba(13, 50, 111, 0.15);
    }

 #footer .go-top img{


 }
@media (max-width: 1550px){

.top_visual_title {
    padding-bottom: 7px;
    font-size: 22px;
}
.top_visual_TT {
    font-size: 55px;
}
}

@media (max-width: 1280px){

.top_visual_txt_inner {
   /* padding-bottom: 30px; 
	    padding-top: 30px;*/
}
.top_visual .wrap {

}
.top_visual_TT {
    font-size: 50px;
}

#main .wrap {
    max-width: inherit;
    margin: 0 10px;
}
.footer-menu-wrap {
    position: relative;
    display: block;
    right: 0;
    top: 10px;
}

#footer .go-top {
    position: absolute;
    display: block;
    top: -25px;
}
#footer .go-top  img {
    width: 50px;
    height: 50px;
}
}

.subVis{ position: relative; height: 600px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; padding-top: 0px; overflow:hidden;}




.subVis::before{ content:''; position: absolute; top:0; left:0; bottom:0; display:block; width:100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.info .subVis::before{ background-image: url(http://seoulhalfrun.kr/img/2024/subPage_img.jpg);}
.info .subVis::before{ background-image: url(http://seoulhalfrun.kr/img/2024/subPage_img.jpg);}
.subVis h2{ position: relative; line-height:initial ; text-align: center; font-size: 70px;margin:0 auto;padding-top: 150px;font-family:"yg-jalnan";
z-index:2; 
	

	font-weight:700;
	opacity:0;

	/*background: linear-gradient(to right, #f00, #00f);
    
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
 -webkit-text-stroke:1px #fff;*/
}
.subVis h2{ position: relative; line-height:initial ; text-align: center; font-size: 70px;margin:0 auto;padding-top: 150px;font-family: "yg-jalnan";
z-index:2; 
	
	/*font-style: italic;*/
	font-weight:700;
	opacity:0;

	/*background: linear-gradient(to right, #f00, #00f);
    
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
 -webkit-text-stroke:1px #fff;*/
 line-height: 1.3;
}


.info .subVis,.skin .subVis,.beauty .subVis,.cancer .subVis,.community .subVis,.news .subVis ,.service .subVis ,.company .subVis  ,.resources .subVis   {
    position: relative;
    height: 600px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 108px;
    overflow: hidden;
}

.subVis::before{ opacity: 0;
	transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}
.subVis.active::before{
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);

}
#cont_head h2 {
  font-family: "gmarket" !important;
  font-weight:600 !important;
}
.subVis h2 span{ position: relative;  text-align: center; font-size: 50px;margin:0 auto;
z-index:2; 
	

   color:#fff;
	font-weight:700;
text-transform: uppercase;
	/*background: linear-gradient(to right, #f00, #00f);
    
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
 -webkit-text-stroke:1px #fff;*/
}

.subVis h2 p{ position: relative;  text-align: center; font-size: 50px;margin:0 auto;letter-spacing:-0.023em;font-family: "yg-jalnan";
z-index:2; 
	font-weight:700;

   color:#fff;
	/*background: linear-gradient(to right, #f00, #00f);
    
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
 -webkit-text-stroke:1px #fff;*/

        background: linear-gradient(to bottom, #3f65af, #3f65af);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 2px #fff;

}



.subVis h2 span:after{
    content: '';
    position: absolute;
    width: 0%;
    height: 12px;
    left: 50%;
    bottom: 0px;
    background: #3f65af;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.subVis h2 span.btm:after{
	display:none;
}

.subVis h2.off span:after{
    content: "";
    position: absolute;
    width: 100%;
    margin-left: -50%;
	z-index:-1;
}

.subVis h2.off{
opacity:1;
}


.Top_area{
    padding: 0;
    background-color: #222;position: relative;    min-height: 600px;
}

.Top_area::after {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center calc(100% + 2px);
    background-size: 100% auto;
    background-image: url(http://akcdn-okimghosting.cafe24img.com/seoulhalfrun/2024/main_wbg.png);
    position: absolute;
    top: 0;
    left: 0;
	z-index:4;
    content: "";
}

@media (max-width: 1023px){

.top_visual_title {
    font-size: 20px;
}
.top_visual_TT {
    font-size: 32px;
}
.top_visual_TT .tit_Bold {
 font-size: 32px;
}
.top_visual_TT .tt_Bold {
 font-size: 32px;
}
.top_visual_TT .ss {
    font-size: 32px;
    line-height: 1;
}
.right_info_txt .r_txt {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
}

#main #vitamin_mid .wrap {
    transform: translate(0, 0px);
    opacity: 1;
}
#main .main_client {
    transform: translate(0,0px);
    opacity: 1;
}




#main .body_section_move.on {
    transform: translate(0, 0) !important;
    opacity: 1 !important;
    transition: transform 1s, opacity 1s;
}


#subpage_area .sub_section {
    transform: translate(0, 0px);
    opacity: 1;
}

#subpage_area  .body_section_move.on {
    transform: translate(0, 0) !important;
    opacity: 1 !important;
    transition: transform 1s, opacity 1s;
}

 #subpage_area {
 padding-bottom: 0px;
}
.subBody {
    margin: 120px auto 0;
    position: relative;
	 min-height: -webkit-calc(100vh - 643px * 1);
    min-height: calc(100vh - 643px * 1);
    overflow: hidden;
}

.topTxtA {
    width: 1184px;
    margin: 0 auto;
}
.topTxtA .subTit {
    font-family: 'Pretendard';
    font-size: 54px;
    color: #000;
    letter-spacing: -0.01em;
	    text-indent: -0.01em;
	text-align: center;
}
.topTxtA .subTxt1 {
    font-size: 40px;
    line-height: 50px;
    margin-top: 30px;
    color: #666;
}
.topTxtA .subTxt3 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 40px;
    color: #666;
	    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
	    text-align: center;
}

.topTxtA .subTxt3 strong {

    font-family: 'Pretendard';
}

.subpage {/*padding-top: 200px;*/}
.subpage:after {content: '';display: table;clear: both;}
.subpage_header {float: left;width: 25.66%;position: relative;}
.subpage .sub_left_tiT {margin-top: -9px;}
.subpage_body {float: left;width: 74.34%;position: relative;}

.sub_left_tiT {
    font-size: 45px;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: #222;
    margin-bottom: 30px;
	    font-family: 'Pretendard';
}
.sub_right_body {
    display: table;
    width: 100%;
    border-top: 3px solid #222;
}
.xwrap {
    max-width: 1520px;
    margin: 0 auto;
}

.right_info_txt{
    padding: 35px 0;

}
.right_info_txt h4 {
    margin-bottom: 20px;
    font-size: 19px;
    word-break: keep-all;
    color: #B5121B;
	  font-family: 'Pretendard';
}
.right_info_txt p {
    margin: 0;
	font-size: 15px;
    line-height: 1.6em;
    color: #666666;
    font-family: 'Pretendard';
	letter-spacing: -0.023em;
}
@media (max-width: 1754px){
.xwrap {
    max-width: inherit;
    margin: 0 6.5%;
}
}

.sub_section{
width: 100%;
    position: relative;
    /* padding-bottom: 43px; */
    margin: 0px auto 80px;
	    display: inline-block;

}


@media (max-width: 1180px){
.xwrap {
    margin: 0 3%;
}
}





.board_list {width: 100%;table-layout: fixed;position: relative;border-top: 0px solid #222; padding-top: 0px ;}
.board_list caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
.board_list tr {width: 100%;}
.board_list th {padding: 28px 0;position: relative;font-size: 16px;text-align: center;color: #222;vertical-align: middle;border-bottom: 1px solid #ddd;font-family: "Pretendard",sans-serif;}
.board_list th:before {content: '';display: block;width: 1px;height: 13px;position: absolute;top: 50%;left: 0;margin-top: -6px;background: #ddd;}
.board_list th:first-child:before {display: none;}
.board_list td {padding: 29px 21px;font-size: 16px;text-align: center;color: #666;vertical-align: middle;border-bottom: 1px solid #ddd;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms; border-right: 0; line-height: normal; letter-spacing: -0.025em;font-family: 'Pretendard';}
.board_list td.notice {padding: 26px 21px;font-size: 16px;text-align: center;color: #666;vertical-align: middle;border-bottom: 1px solid #ddd;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms; border-right: 0; line-height: normal; letter-spacing: -0.025em;font-family: 'Pretendard';}
.board_list td.cc {}
.board_list .board_title_wrap {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.board_list .board_title_wrap * {vertical-align: middle;}
.board_list .board_title_wrap a {font-size: 16px;color: #666; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;   font-family: 'Pretendard';}
.board_list .notice_on {display: inline-block;width: 64px;height: 32px;font-size: 14px;line-height: 32px;color: #fff;border-radius: 20px;background: #B5121B;}
.board_list .jt_board_notice_row td {padding: 25px 21px;}
.board_list .jt_board_notice_row td.title .board_title_wrap a { color: #000;}
html.desktop .board_list tr:hover td:not(.board_nothing_found) {background: #F8F8F8;}

.board_list .num {width: 119px; }


.board_list .num.tt {width: 119px;    font-family: 'Lato','Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 600;
    font-size: 15px;}

.board_list .num.notice {font-family: 'Pretendard';}
.board_list .title {width: auto;}
.board_list .name {width: 121px;    position: relative;}
.board_list .name.cc {width: 16%;    position: relative;}
.board_list .date {width: 121px;}
.board_list td.title {text-align: left;}

.board_list td.board_nothing_found {padding: 20px 0;background: #fff;cursor: default;}

.board_list td.name.cc {
    padding: 22px 21px;
}

.board_list .btn_download {
    padding: 8px 10px 9px;
    border: 1px solid #ddd;
    background: #f6f6f6;
    font-size: 14px;
    color: #666;
    letter-spacing: -0.01em;
    position: absolute;
    right: 25px;
    top: 21px;
    -webkit-transition: background 300ms, border 300ms;
    transition: background 300ms, border 300ms;
}
.board_list .date time{
    font-family: 'Lato','Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 600;
    font-size: 15px;
}

.round_btn{display:inline-block; padding:0 21px; height:40px; color:#222; text-align:center; border-radius:20px;}
.round_btn span{padding-right:3px; color:#fff; font-size:15px; line-height:38px;}
.round_btn.bw{background: #fff;
    /* border: 1px solid #bdbdbd; */
    background-color: #F8F8F8;}
.round_btn.bw span{color:#222;}


.round_btn.dw.effect:hover {
    background: #1F539E;
    border: 1px solid #1F539E;
}
.round_btn.dw.effect:hover p{color:#fff; background:url(/img/2024/download_icon_over.png) right center no-repeat;}
.round_btn.dw.effect:hover p span{color:#fff; background:none;}
.faq {width: 100%;table-layout: fixed;position: relative;border-top:0px solid #222; padding-top: 0px ;}
.faq caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}

.round_btn.dw p {
    display: inline-block;
    padding-right: 26px;
    font-family: 'Pretendard';
    font-size: 15px;
    background: url(/img/2024/download_icon.png) right center no-repeat;
    white-space: nowrap;
}


.faq tr {    width: 100%;
    float: none;}
.faq .ifaq_list-a.active td {padding: 29px 21px;font-size: 16px;text-align: center;color: #666;vertical-align: middle;border-bottom: 1px solid #ddd;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms; border-right: 0; line-height: normal; letter-spacing: -0.025em;font-family: 'Pretendard';}
.faq .ifaq_list-q td {padding: 26px 21px;font-size: 16px;text-align: center;color: #666;vertical-align: middle;border-bottom: 1px solid #ddd;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms; border-right: 0; line-height: normal; letter-spacing: -0.025em;font-family: 'Pretendard';}
.faq .ifaq_list-a td {padding: 0 21px;font-size: 16px;text-align: center;color: #666;vertical-align: middle;border-bottom: 0px solid #ddd;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms; border-right: 0; line-height: normal; letter-spacing: -0.025em;font-family: 'Pretendard';}
.faq .jt_board_notice_row td {
    padding: 25px 0px;
}
.faq .notice_on {display: inline-block;width: 64px;height: 32px;font-size: 14px;line-height: 32px;color: #fff;border-radius: 20px;background: #B5121B;}
.faq .notice_ans {
    display: inline-block;
    width: 64px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    border-radius: 20px;
    background: #000;
}
.faq .board_title_wrap {width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    word-wrap: normal;
    text-align: left;}
.faq .board_title_wrap * {vertical-align: middle;}
.faq .board_title_wrap a {font-size: 16px;color: #666; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;   font-family: 'Pretendard';}
.faq .num {/*width: 10%;*/width: 11%;}
.faq .title {width: 70%;}
.faq .name{/*width: 10%;*/width: 10%;}
.faq .date{/*width: 10%;*/width: 10%;}
.faq td span.list_control {
    display: block;
    width: 100%;
    height: 15px;
    position: relative;
    /*left: 30px;*/
    top: 50%;
    /* margin-top: -7px; */
    font-size: 0;
    background: url(/img/2024/arrow_down.png) no-repeat center center;

}
.faq .ifaq_list-q td.date {
    /* width: 10%; */
    width: 5%;
    padding: 29px 21px;
}

.ifaq_list-q.active span.list_control {
    background-image: url(/img/2024/arrow_up.png);
}


.faq  tr.ifaq_list-a {width: 100%;}
.faq .ifaq_list-a td {

}
.ifaq_inner {
    display: none;
	    padding: 30px 0;
    letter-spacing: -0.03em;
}
.faq tr:first-child+tr .ifaq_inner {display: block;}
.ifaq_list-a.active { background:#FBFBFB; }
.ifaq_list-a.active:after { background:#F6F6F6; }


.ifaq_list-q.active td {

    border-bottom: 0px solid #ddd;
color: #000;
    font-family: 'Pretendard';
}


.ifaq_list-a td {
    position: relative;
}

.faq .ifaq_list-a.active td{

    background: #FBFBFB;
	    vertical-align: top;
}


.faq .ifaq_list-a td.title {
    width: 89%;
}
@media (max-width: 1023px){
.xwrap {
    margin: 0 0px;
}
.sub_left_tiT {
    font-size: 38px;
}
 #subpage_area {
 padding-bottom: 80px;
}
.sub_right_body .cc {
    /*display: block;*/
    vertical-align: middle;
}
.info_left {
    width: 100%;
    padding: 46px 35px 46px 0;
}
.info_right {
    width: 100%;
    padding:46px 0px 46px 0;
}
.info_right .right_img {
    width: 100%;
    max-width: 100%;
    position: relative;
    right: 0;
    margin: 0 30px;
}
 .info_left.cc {
display:block;
}
 .info_right.cc {
display:block;
}

.faq td span.list_control{
    left: 10px;
}

.faq .notice_ans {
    width: 42px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.faq .notice_on {
    width: 42px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.faq .ifaq_list-a td {
    padding: 0;
   
}
.faq .num {
    /* width: 10%; */
    width: 64px;
}
.faq .ifaq_list-q td {
    padding: 29px 11px;
 
}
.faq .ifaq_list-a.active td {
    padding: 29px 11px;
}





}
@media (max-width: 1280px){
.topTxtA {
    width: auto;
    padding: 0 5%;
}
.faq .ifaq_list-q td.date {
    /* width: 10%; */
    width: 5%;
    padding: 29px 0px;
}
.round_btn{padding:0 11px; height:30px; border-radius:15px;}
.round_btn span{padding-right:0px; font-size:12px; line-height:28px;}
.round_btn.bw span{background-size:8px;}

	.round_btn.dw{padding:0 15px;}
	.round_btn.dw p{display:inline-block; padding-right:16px; font-size:12px; background-size:auto 12px; /*background:url(/common/images/down_icon_2.png) right center no-repeat;*/}
	.round_btn.dw:hover p{background-size:auto 12px;}

.round_btn.dw.effect:hover p{background-size:auto 12px;}
}

@media (max-width: 1050px){

.top_visual_TT {
    margin-left: 0px;
}
.subBody {
    margin: 110px auto 0;
}

.topTxtA .subTit {
    font-size: 35px;
}
.topTxtA .subTxt3 {
    font-size: 18px;
    line-height: 26px;
    margin-top: 20px;
}
}





@media (max-width:981px){


.faq .notice_ans {
    width: 42px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.faq .notice_on {
    width: 42px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}

.faq td span.list_control {
    left: -10px;
 
}
.faq .num {
    /* width: 10%; */
    width: 63px;
}
.faq .ifaq_list-q td {
    padding: 29px 0px;
	    font-size: 14px;
}
.faq .ifaq_list-a.active td {
    padding: 29px 10px;
}
.faq .board_title_wrap {
    margin-left: 10px;
}
.faq .ifaq_list-q td.date {
    padding: 29px 0px;
}
.faq .ifaq_list-a td {
    padding: 0;

}
.faq .title {
    width: 82%;
}
.faq .name {
    /* width: 10%; */
display:none;}

.faq .ifaq_list-q td.date {
    /* width: 10%; */
    width: 10%;
}

.round_btn{padding:0 11px; height:30px; border-radius:15px;}
.round_btn span{padding-right:0px; font-size:12px; line-height:28px;}
.round_btn.bw span{background-size:8px;}

	.round_btn.dw{padding:0 15px;}
	.round_btn.dw p{display:inline-block; padding-right:16px; font-size:12px; background-size:auto 12px; /*background:url(/common/images/down_icon_2.png) right center no-repeat;*/}
	.round_btn.dw:hover p{background-size:auto 12px;}

.round_btn.dw.effect:hover p{background-size:auto 12px;}
.subVis h2 span:after {
        bottom: 0px;
        height: 10px;
    }
.subVis h2 span {
    position: relative;
    text-align: center;
    font-size: 35px;
    margin: 0 auto;
    display: block z-index:2;
    color: #fff;
    font-weight: 700;
    font-weight: 800;
    text-transform: uppercase;
}

.subVis h2 p {
    position: relative;
    text-align: center;
    font-size: 35px;
    margin: 0 auto;
    letter-spacing: -0.023em;
    z-index: 2;
    font-weight: 700;
    color: #fff;        
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 2px #fff;
}
}



.board_page {display: block;width: 100%;margin-top: 75px;font-size: 0;text-align: center;}
.board_page:empty {margin-top: 0;}
.board_page .page_num {display: inline-block;min-width: 23px;height: 32px;padding: 0 4px;margin: 0 9px 4px;position: relative;    font-family: 'Lato','Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 600;font-size: 13px;line-height: 32px;text-align: center;vertical-align: top;color: #888;-webkit-transition: color 300ms;transition: color 300ms;}
.board_page .page_num:after {content: '';display: block;width: 100%;height: 2px;position: absolute;bottom: 1px;left: 0;border-bottom: 2px solid transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html.desktop .board_page .page_num:hover, .board_page .page_num.active {color: #B5121B;}
.board_page .page_num.active:after {border-color: #B5121B;}
.board_page .page_num.prev, .board_page .page_num.next{width: 32px;font-size: 0;border: 1px solid #dedede;    border-radius: 20px;}
.board_page .page_num.prev:before, .board_page .page_num.next:before, .board_page .page_num.last:before {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;font-family: 'kiwi-font';font-size: 12px;font-weight: normal;line-height: 30px;color: #ddd;border-radius: 20px;}
.board_page .page_num.prev:hover:before, .board_page .page_num.next:hover:before {color: #000;}
.board_page .page_num.prev {margin-right: 8px;margin-left: 4px;}
.board_page .page_num.prev:before {content: '\E910';}
.board_page .page_num.next {margin-left: 8px;margin-right: 4px;}
.board_page .page_num.next:before {content: '\E911';}



@media (max-width:768px){

    .board_page {margin-top: 40px;}
    .board_page .page_num {min-width: 28px;height: 28px;margin: 0 2px;font-size: 14px;line-height: 28px;}
    .board_page .page_num.prev:before, .board_page .page_num.next:before {line-height: 26px;}
	.board_page .page_num.prev, .board_page .page_num.next{width:28px;}
    html.ios .board_page .page_num {line-height: 30px;}

.info_left {
    width: 100%;
    padding: 26px 0px 26px 0;
}
.top_visual_TT.tt {
    font-size: 24px;
}
.top_visual_TT .tit_Bold.tt {
    line-height: 1;
}
.top_visual_TT .tit_Bold {
    font-size: 28px;
  font-family:"Pretendard",sans-serif;
    line-height:1;
    color: #fff;
    letter-spacing:-0.025em;
}

.top_visual_TT {
    font-size: 24px;
	line-height:1;
}

.top_visual_TT .tt_Bold {
  font-family:"Pretendard",sans-serif;
    font-size: 24px;
    line-height: 1;
}
.top_visual_TT .ss {
    font-size: 24px;
    line-height: 1;
}

br.mo{

display:none;

}
.subpage_header {
    float: none;
    width: auto;
}
.subpage_body {
    width: 100%;
	    min-height: 345px;
}
.subpage .sub_left_tiT {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 0;
}
.info_right .right_img {
    width: 100%;
    max-width: 100%;
    position: relative;
    right: 0;
    margin: 0 10px;
}
.right_info_txt h4 {
    margin-bottom: 10px;
	font-size: 18px;
}
.right_info_txt p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6em;
    color: #666666;
    font-family: 'Pretendard';
    letter-spacing: -0.023em;
}
.board_list .title.cc {
padding:12px 0;
}

    .board_list thead {display: none;}
    .board_list tr {display: block;padding: 11px 0 13px;font-size: 0;border-bottom: 1px solid #dedede;}
    .board_list td {display: block;padding: 0;font-size: 12px;color: #888;border-bottom: none;}
	.board_list .jt_board_notice_row td {padding:0;}
    .board_list .num, .board_list .hit {display: none;}
	.board_list.faq .num, .board_list .hit {display: inline-block;width:10%;}
	.board_list.faq td.title, .board_list.faq .jt_board_notice_row td.title {
    padding: 0;
	display: inline-block;
	width:70%;
}


    .board_list .name, .board_list .jt_board_notice_row .name {display: inline-block;vertical-align: middle;width: auto;padding-right: 14px;position: relative;}
    .board_list .name:after {content: '';display: block;width: 1px;height: 9px;position: absolute;right: 7px;top: 50%;margin-top: -4px;background: #ddd;}
    .board_list .date {display: inline-block;vertical-align: middle;width: auto;}

.board_list .name.cc:after {
display:none;
}
	.board_list.faq .date {
    display: inline-block;
    vertical-align: middle;
    width: 10%;
}

.board_list.faq .name:after {
display:none;
}


.board_list td span.list_control {
    display: block;
    width: 100%;
    height: 15px;
    position: relative;
    left: 10px;
    top: 50%;
    /* margin-top: -7px; */
    font-size: 0;
    background: url(/img/2024/arrow_down.png) no-repeat center right;
}

    .board_list td.title, .board_list .jt_board_notice_row td.title {padding: 0 0 7px 0;}
	.board_list .board_title_wrap a { font-size:15px;}
    html.desktop .board_list tr:hover td {background: transparent;}
    html.ios .board_list tr {padding-top: 13px;}
    html.mobile .board_list tr:hover td:not(.board_nothing_found) {background: transparent;}
	html.desktop .board_list tr:hover td:not(.board_nothing_found) {background: transparent;}
    .board_list tr:hover td {background: transparent;}

.board_list.faq tr {
    padding: 20px 0;

}
.faq .board_title_wrap {

    margin-left: 10px;
}
.board_list .notice_ans {
    width: 42px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.board_list .notice_on {
    width: 42px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.board_list td.title.cc {
    text-align: left;
    width: 70%;
	    display: inline-block;

}

.board_list td.name.cc {
	    padding: 7px 0;
}


.board_list .name.cc {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    padding-right: 0px;
    position: relative;
	    padding: 7px 0;
}
.board_list .btn_download {

right: 0;
    top: 0;
}
.board_list .date time {
    font-size: 12px;
}

.sub_right_body > .right_info_txt {
    padding-left: 0;
    counter-increment: item;
    margin-top: 0;
}


}


#footer .fix_menu{

display:none;

}


@media (max-width: 767px){


#footer .fix_menu{

display:block;

}

#footer .fix_menu menu{

    -webkit-padding-start: 0px;
	    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;

}
#footer .fix_menu{
	z-index:98;
}
#footer .fix_menu {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
}
#footer .fix_menu menu {
	display:table;
	width:100%;
}
#footer .fix_menu menu li {
	display:table-cell;
	width:50%;
	vertical-align:top;
}
#footer .fix_menu menu li .btn {
	display:block;
	width:100%;
	height:60px;
	background-color:transparent;
}
#footer .fix_menu menu li:first-child {
	background-color:#ffd541;
}
#footer .fix_menu menu li:nth-child(2) {
	background-color:#272733;
}
.page_request #footer .fix_menu menu,
.page_request #footer .fix_menu menu li {
	display:block;
	width:inherit;
}
 
#footer .fix_menu menu li .btn {
	padding:0;
}
#footer .fix_menu menu li .btn > span {
    display: block;
    position: relative;
    max-width: 150px;
    margin: 0 auto;
    padding: 0 15px 0 50px;
    font-size: 14px;
    line-height: 60px;
    text-align: left;
	color: #fff;
    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

#footer .fix_menu menu li:first-child .btn > span {
    display: block;
    position: relative;
    max-width: 150px;
    margin: 0 auto;
    padding: 0 15px 0 50px;
    font-size: 14px;
    line-height: 60px;
    text-align: left;
	color: #fff;
    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

#footer .fix_menu menu li .btn > span.en {
    display: block;
    position: relative;
    max-width: 150px;
    margin: 0 auto;
    padding: 0 15px 0 45px;
    font-size: 14px;
    font-weight: 700;
    line-height: 60px;
    text-align: left;
	color: #fff;
	    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 600;
}
#footer .fix_menu menu li .btn > span:before {
	display:block;
	position:absolute;
	top:0;
	left:15px;
	bottom:0;
	width:50px;
    font-family: 'kb-font';
    font-size: 26px;
    color: #fff;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    content: '\e923';
}
#footer .fix_menu menu li:nth-child(2)  .btn > span:before {
	display:block;
	position:absolute;
	top:0;
	left:20px;
	bottom:0;
	width:50px;
    font-family: 'nc-font';
    font-size: 16px;
    color: #fff;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    content: '\E952';
}
#footer .fix_menu menu li .btn > span:before {
	display:block;
	position:absolute;
	top:0;
	left:15px;
	bottom:0;
	width:50px;
    font-family: 'kiwi-font';
    font-size: 26px;
    color: #fff;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    content: '\E929';
}


#footer .fix_menu menu li:nth-child(2) .btn > span:before {
	background-position:50% -61px;
}

}
.weather {
      /* float: right; */
    /* background: none; */
    /* width: 100%; */
    padding-top: 120px;
    border: 0;
    position: absolute;
    overflow: hidden;
    /* width: 100%; */
    text-align: right;
    /* padding-right: 90px; */
    z-index: 12;
    right: 12%;
	/*left:50%;
	margin-left:450px;*/
    width: 180px;
}
.weather .wwrap{ overflow:hidden; display:inline-block;}
.weather .weather_icon{ float:left;width:50px;}
.weather em{font-size:40px; color:#fff;    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 700; font-style:inherit; float:left; padding-left:10px; display:block; line-height:52px}
.weather em:before{
    content: "";
    background: #e4e4e4;
    width: 1px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 18px;}

.weather .cweather .days{position:absolute;
color:#fff; font-size:12px;bottom:3px;
right:0px;
display:block;}
.weather .cweather .days p{    letter-spacing: 1px;
color:#fff; font-size:10px; font-family:'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;	display: inline-block;
}

.weather span{display:inline-block; float:left; overflow:hidden; width:20px; height:25px; text-indent:-99px; background:url(/img/2024/metric.png) no-repeat;margin-top:10px}
  .cweather{
	display: inline-block;
    float: left;
	    margin-top: -8px;
	}
  #current_icon{
	display: inline-block;
    float: left;
		margin-top:0
	}

	@media (max-width: 1920px){

.weather {

    right: 4%;

}

	}
	@media (max-width: 1280px){

.weather {

    right:3.5%;

}
#HEADER #GNB .gnb_inner .logo_area img {
    max-width: 108px;
}

#HEADER #GNB .gnb_inner .logo_area h2 {
    max-width: 138px;
    display: inline-block;
    font-size: 12px;
    text-align: left;
    font-family: "Pretendard",sans-serif;
    margin-left: 130px;
    line-height: 1.3;
    letter-spacing: -0.023em;
}
#HEADER {
      height: 88px;
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 999;
    transition: top 0.3s;
}

#HEADER.active {
    top: 0px;
}

#HEADER #GNB .navi_inner .gnb_inner {
    height: 60px;
}
#HEADER #GNB .gnb_inner .logo_area {
    left: 0px;
    top: 50%;
    line-height: 1;
}
#HEADER #GNB .gnb_inner .logo_area .logo {
    width: 138px;
}
	}
	

	@media (max-width: 970px){

.weather {

    
    right:1.5%;

}
#HEADER {
    height: 60px;
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 999;
    transition: top 0.3s;
}
	}

@media (max-width: 768px){

#HEADER {
    height: 60px;
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0cqi;
    left: 0;
    z-index: 999;
    transition: top 0.3s;
}
.weather {
      /* float: right; */
    /* background: none; */
    /* width: 100%; */
    padding-top:100px;

}

}
	@media (max-width: 540px){

.weather {

    
      right:2.5%;

}

	}


	.mBandBanner {
    position: relative;
    z-index: 999;
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    color: #fff;
    letter-spacing: -0.28px;
    background-color: #ebfaff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#wrap:not(.hasBanner) .mBandBanner {
    display: none;
}

.mBandBanner .slide {
    position: relative;
    width: 600px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 24px;
}

.mBandBanner .slide .view {
    overflow: hidden;
}

.mBandBanner .slide .view > li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 0;
    box-sizing: border-box;
}

.mBandBanner .wrapLink {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.mBandBanner .link {
    display: block;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.mBandBanner .link strong.title {
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
}

.mBandBanner .desc {
    margin: 0 0 0 8px;
    color: #3c6cf4;
}

.mBandBanner .link:hover {
    text-decoration: underline;
}

.mBandBanner .link:hover .desc {
    text-decoration: underline;
}

.mBandBanner .btnClose {
    position: absolute;
    top: 33px;
    right: 30px;
    width: 24px;
    height: 24px;
}

.mBandBanner .btnClose svg {
    width: 12px;
}

.mBandBanner .paginate > button {
    position: absolute;
    top: 33px;
}

.mBandBanner .paginate > button.prev {
    left: 0;
}

.mBandBanner .paginate > button.next {
    right: 0;
}

.mBandBanner.theme1 {
    background-color: #2952B8;
}

.mBandBanner.theme1 .link {
    color: #fff;
}

.mBandBanner.theme1 .paginate path {
    stroke: #ffffff;
}

.mBandBanner.theme1 .btnClose path {
    stroke: #ffffff;
}

.mBandBanner.theme1.color_0 {
    background-color: #E35B5B;
}

.mBandBanner.theme1.color_1 {
    background-color: #002DA0;
}

.mBandBanner.theme1.color_2 {
    background-color: #f4f8fd;
}

.mBandBanner.theme1.color_3 {
    background-color: #0BA9D9;
}

.mBandBanner.theme1.color_4 {
    background-color: #6753D0;
}

.mBandBanner.theme1.color_5 {
    background-color: #000000;
}

.mBandBanner.theme1.color_6 {
    background-color: #F2D51F;
}

.mBandBanner.theme1.color_6 .link {
    color: #000;
}

.mBandBanner.theme1.color_7 {
    background-color: #0980EE;
}

.mBandBanner.theme1.color_10 {
    background-color: #000;
}

@media (max-width: 1329px) {
    .navShow .hasBanner #header {
        padding-top:90px;
    }

    .navShow .hasBanner #header .navigation {
        padding: 226px 0 0;
    }
}


img[data-unveil] { opacity: 0; transition: opacity .3s; }
.nc_lazyload--loaded img[data-unveil], img[data-unveil].nc_lazyload--loaded { opacity: 1 }

.nc_lazyload { position: relative; overflow: hidden; }
.nc_lazyload img { display: block; width: 100%; position: absolute; left: 0; top: 0; }

.nc_lazyload__color-preview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#F8F8F8;
}

.nc_lazyload.nc_lazyload--loaded img, .nc_lazyload img.nc_lazyload--loaded { height: auto; }

/* Color preview */
.nc_lazyload__color-preview { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--color-gray-100); }
.nc_lazyload.nc_lazyload--loaded .nc_lazyload__color-preview { background: transparent; transition: background-color .1s; transition-delay: .3s }



@media (max-width: 767px) {
    #wrap:not(.hasBanner) .mBandBannerWrap {
        display:none;
    }

    #wrap.fixedBandBanner .mBandBannerWrap {
        z-index: 1002;
    }

    .navShow .hasBanner #header {
        padding-top: 90px;
    }

    .navShow .hasBanner #header .navigation {
        padding: 207px 0 0;
    }

    .mBandBannerWrap {
        position: static;
        height: 63px;
        background-color: #2952B8;
    }

    .mBandBanner.color_8 {
        background: url(/SkinImg/img/bg_banner2_m.png) no-repeat,url(/SkinImg/img/bg_banner2_m_w.webp) no-repeat,linear-gradient(to right,#0554ee,#06c6fb);
        background-size: 100% 100%;
    }

    .mBandBanner.color_9 {
        background-image: url(/SkinImg/img/bg_banner_m.png),url(/SkinImg/img/bg_banner_m_w.webp);
        background-size: 100% 100%;
    }

    .mBandBanner {
        height: 100%;
    }

    .mBandBanner .slide {
        width: 100%;    padding: 0 0px;
    }

    .mBandBanner .slide .view {
        height: 63px;
    }

    .mBandBanner .slide .view > li {
        padding: 2px 0 0;
    }

    .mBandBanner .link {
        font-size: 12px;
        line-height: 22px;
    }

    .mBandBanner .link strong.title {
        font-size: 15px;
        line-height: 22px;
    }

    .mBandBanner .desc {
        margin: 0;
    }

    .mBandBanner .btnClose {
        z-index: 1;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 17px;
        height: 17px;
    }

    .mBandBanner .btnClose svg {
        width: 17px;
    }

    .mBandBanner .paginate > button.prev {
        display: none !important;
    }

    .mBandBanner .paginate > button.next {
        display: none !important;
    }

    .mBandBanner .paginate > button {
        top: 25px;
    }

    .mBandBanner .lSSlideOuter .lSPager {
        display: block;
    }

    .mBandBanner .lSSlideOuter .lSPager.lSpg {
        margin: -12px 0 0;
    }

    .mBandBanner .lSSlideOuter .lSPager.lSpg > li {
        padding: 0 6px;
    }

    .mBandBanner .lSSlideOuter .lSPager.lSpg > li a {
        background-color: #FFFFFF;
        opacity: 0.4;
        border: 1px solid #fff;
        width: 8px;
        height: 8px;
    }

    .mBandBanner .lSSlideOuter .lSPager.lSpg > li:hover a,.mBandBanner .lSSlideOuter .lSPager.lSpg > li.active a {
        background-color: #fff;
        opacity: 1;
    }

    .mBandBanner.color_5 .lSSlideOuter .lSPager.lSpg > li a {
        border-color: #444B59;
    }

    .mBandBanner.color_5 .lSSlideOuter .lSPager.lSpg > li.active a {
        background-color: #444B59;
    }

    .mBandBanner.color_12 .lSSlideOuter .lSPager.lSpg > li a {
        border-color: #444B59;
    }

    .mBandBanner.color_12 .lSSlideOuter .lSPager.lSpg > li.active a {
        background-color: #444B59;
    }


.weather {
    width: 180px;
}

}

@media (min-width: 768px) and (max-width:1079px) {
    .mBandBanner .slide {
        padding:0 60px;
    }

    .mBandBanner.color_8 {
        background: url(/SkinImg/img/bg_banner2_t.png) no-repeat,url(/SkinImg/img/bg_banner2_t_w.webp) no-repeat,linear-gradient(to right,#0554ee,#06c6fb);
    }

    .mBandBanner.color_9 {
        background-image: url(/SkinImg/img/bg_banner_t.png),url(/SkinImg/img/bg_banner_t_w.webp);
        background-size: 100% 100%;
    }

    .mBandBanner .btnClose {
        position: absolute;
        top: 10px;
        right: 12px;
    }
}

@media (min-width: 768px) {
    .mBandBanner .lSSlideOuter .lSPager {
        display:none;
    }
}

@media (min-width: 1080px) {
    .mBandBanner .slide {
           padding:0 34px;
    }

    .mBandBanner.color_8 {
        background: url(/SkinImg/img/bg_banner2.png) no-repeat,url(/SkinImg/img/bg_banner2_w.webp) no-repeat,linear-gradient(to right,#0554ee,#06c6fb);
    }

    .mBandBanner.color_9 {
        background-image: url(/SkinImg/img/bg_banner.png),url(/SkinImg/img/bg_banner_w.webp);
        background-size: 100% 100%;
    }
}


 #footer .footer-wrap .footer_sns_wrap { display: block; position: absolute; top: 0; right: 0;display: inline-block;	}
	.footer_sns { font-size: 0; }
	.footer_sns li {display: inline-block;vertical-align: top;margin-right: 24px;}
	.footer_sns li:last-child { margin-right: 0; }
	.footer_sns li a:after {font-family: 'kb-font';font-size: 2rem;color: #fff; transition: color 0.3s; -webkit-transition: color 0.3s}

	.footer_sns > li.vimeo > a:after {content: '\e93a';}
	.footer_sns > li.youtube > a:after {content: '\e93b';font-family: 'nc-font';}
	.footer_sns > li.insta > a:after {content: '\e918';color: #fff;}
	.footer_sns > li.kakao > a:after {content: '\e923';color: #fff;}
	.footer_sns > li.facebook > a:after {content: '\e916';}
	.footer_sns > li.blog > a:after {content: '\E965';}
	
    html.desktop .footer_sns > li.vimeo > a:hover:after { color: #29abd9;}
	html.desktop .footer_sns > li.youtube > a:hover:after { color: #ff0000;}
	html.desktop .footer_sns > li.insta > a:hover:after { color: #d72187;}
	html.desktop .footer_sns > li.kakao > a:hover:after { color: #fbcc34;}
	html.desktop .footer_sns > li.facebook > a:hover:after { color: #1178f2;}
    html.desktop .footer_sns > li.blog > a:hover:after { color: #42d31a;}

@media (max-width: 1200px){
#footer .footer-wrap .footer_sns_wrap { display: block; position: absolute; bottom: -60px; right: 0;display: inline-block;	}
	.footer_sns { font-size: 0; }
	.footer_sns li {display: inline-block;vertical-align: top;margin-right: 13px;}
	.footer_sns li:last-child { margin-right: 0; }
	.footer_sns li a:after {font-family: 'kb-font';font-size: 16px;color: #fff; transition: color 0.3s; -webkit-transition: color 0.3s}

	.footer_sns > li.vimeo > a:after {content: '\e93a';}
	.footer_sns > li.youtube > a:after {content: '\e93b';}
	.footer_sns > li.insta > a:after {content: '\e918';}
	.footer_sns > li.kakao > a:after {content: '\e923';}
	.footer_sns > li.facebook > a:after {content: '\e916';}
	.footer_sns > li.blog > a:after {content: '\E965';}
	}


.mt {
    font-family: "yg-jalnan";
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    color: #060f20;
    letter-spacing: -2.4px;
    display: block;
    text-align: center;
}


.sectiontext span {
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    color: #595959;
    letter-spacing: -2.4px;
    display: block;
	margin-top:20px;
    text-align: center;    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;  font-weight: 600;    letter-spacing: -.015rem;
}

.mt .point {
    font-family: "yg-jalnan";
    font-weight: 600;
}

.mt.mt5 .point {
    color: #00C092;
}
.section.section5 {
    padding: 50px 0 60px;
    position: relative;
    overflow: hidden;
	min-height:300px;
}




.section .s-inner {
    max-width: 1620px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0 100px;
    position: relative;
}


.section-title-wrap {
    display: flex;
    align-items: self-start;
    justify-content: flex-start;
    width: 100%;
}

.section-title-wrap .section-title .zindex-box, .section-title-wrap .section-title {
    display: inline-block;
    position: relative;
    font-family: 'yg-jalnan';
    font-size: 40px;
    line-height: 140%;
    letter-spacing: 0.6px;
}

.section-title-wrap .section-sub-title .mo-tit, .section-title-wrap .section-sub-title {
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.44px;
}


.sectiontext {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	 margin-top: 33px;
    margin-bottom: 63px;
}
.mst {
    font-family: "gmarket";
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.48px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    margin-bottom: 17px;
    position: relative;
}

.section-title-wrap .section-sub-title .mo-tit {
}

.section-title-wrap .section-sub-title .mo-tit br {
    display: none;
}

/* section1 */
.section1 {
}

.section1 .s-inner {
}

/* tab panel */
.tabpanel {
    display: none;
    opacity: 0;
}

.tabpanel.on {
    display: block;
    opacity: 1;
}

.tab__body {
    display: none;
}

.tab__body.active {
    display: block;
}

/* CLIENT */
.main_section.main_client {padding:0 10px;margin: 0 -20px;}
.main_section.main_client .main_section_title span { position: relative; color: #B5121B; padding-right: 65px; }
.main_section.main_client .main_section_title span:after { content:''; display: block; width: 10px; height: 10px; background: #B5121B; border-radius: 50%; position: absolute; top: 21px; right: 25px;  }
.main_client_list {font-size: 0;position: relative;}
.main_client_item { display: inline-block; vertical-align: top; width: 16.66%; padding: 0px;  text-align: center;    outline: none;}
.main_client_item > .client_item_link { position: relative; display:block; margin: 4px 4px;}
.main_client_item > .client_item_link > div { display: block;border-radius: 20px; }
.main_client_item > .client_item_link > .client_origin { position: absolute; top: 0; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms;}
html.desktop .main_client_item > a.client_item_link:hover > .client_origin { opacity: 1;border: 1px solid #F2F2F2; }


.main_client_item img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
}


.main_client_item > .client_item_link > div{border: 1px solid #F2F2F2; }

.main_client_list:before,
.main_client_list:after { content: ''; position: absolute; top: 0; width: 130px; height: 100%; display: block; z-index: 10;}
.main_client_list:before { left: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 10%,rgba(255, 255, 255, 0) 10%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)),to(rgba(255, 255, 255, 0))); background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 10%); background: linear-gradient(to right, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 10%);     opacity: 0; }
.main_client_list:after { right: 0; background: -webkit-linear-gradient(right, rgba(255, 255, 255, 1) 10%,rgba(255, 255, 255, 0) 10%); background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 1)),to(rgba(255, 255, 255, 0))); background: -webkit-gradient(linear, right top, left top, color-stop(50%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 10%); background: linear-gradient(to left, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 10%);     opacity: 0;}


@media (max-width: 1140px) {
    .section .s-inner {
        padding: 0 50px;
    }
}

@media (max-width: 960px){
	.footer_sns li a:after {
    font-family: 'kb-font';
    font-size: 26px;
    color: #fff;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}
.mt {
    font-family: "yg-jalnan";
    font-size: 30px;
    font-weight: 600;
    line-height: 120%;
    color: #222;
   letter-spacing: 0.6px;
    display: block;
    text-align: center;
}
.sectiontext {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 23px;
}
}
@media (max-width:768px){

    .section .s-inner {
        padding: 0 10px;
    }
.sectiontext span {
    font-size: 15px;
    font-weight: 600;
    line-height: 120%;
    color: #595959;
    letter-spacing: -2.4px;
    display: block;
    margin-top: 20px;
    text-align: center;
    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 600;
    letter-spacing: -.015rem;
}

.mt {
    font-family: "yg-jalnan";
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    color: #222;
    letter-spacing: 0.6px;
    display: block;
    text-align: center;
}

.section.section5 {
    padding: 30px 0 30px;
    position: relative;
    overflow: hidden;
    min-height:100px;
}
    .sectiontext {
    margin-top: 0px;
    }

    .section.section5.gift {
        padding: 30px 0 0px;
        position: relative;
        overflow: hidden;
        min-height: 100px;
    }

}

.main_visual_slider_wrap:after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        height: 222px;
        background-image: url(/img/2024/mtop_bg_bottom.png);
        background-size: cover;
        background-position: 50% 0%;
        z-index: 1;
    }


@media (max-width: 1950px) {
.main_visual_slider_wrap:after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        height: 222px;
        background-image: url(/img/2024/mtop_bg_bottom.png);
        background-size: cover;
        background-position: 50% 0%;
        z-index: 1;
    }
	}

@media (max-width: 1050px) {

.main_visual_slider_wrap:after {
        content: "";
        position: absolute;
        bottom: -60px;
        left: 0;
        right: 0;
        height: 222px;
        background-image: url(/img/2024/mtop_bg_bottom.png);
        background-size: cover;
        background-position: 50% 0%;
        z-index: 1;
    }


}