@charset "utf-8";
@import url("/i_css/font.css");

/* 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;    outline: none;}
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: 'NotoSans-Light', '맑은 고딕', '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: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; color: #000;border-radius:0;}
section{width:100%;}
body{font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;width: 100%;height: 100%; color:#000;background-color: #fff;letter-spacing:-0.023em;font-weight:300;overflow-x: hidden;}
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;font-size: 6.25%;}
body{
     /*font-size: 16rem;*/
    /* letter-spacing: -0.025em; */
}

/* selection */
::-moz-selection {background: #f53024;background: rgba(29, 82, 157, .3);color:#fff;}
::selection {background: #f53024;background: rgba(29, 82, 157, .3);color:#fff;}
::-moz-selection {background: #f53024;background: rgba(29, 82, 157, .3);color:#fff;}


#WRAP {position:relative; width:100%; 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*/}
.container{min-height: 1068px;margin:88px auto 0;/*max-width: 1920px*/}


.mgt220{

margin-top:220px;

}




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

#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;}




/* 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 #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(255,255,255,.0);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;
    /* position: fixed; */
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 0 1em;}
#HEADER #GNB .navi_inner .gnb_inner .gnb_bg{width: 100vw; height:0; position: absolute;left: 50%;top: 88px;z-index: 3;background: #fff;background-color: rgba(0, 0, 0, 0.5);/*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);
	-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: 235px;border-top: 1px solid rgba(0,0,0,0);}

#HEADER #GNB .gnb_inner .logo_area{position: absolute;left: 0px;top:50%;transform: translate(0, -50%);z-index: 6;line-height: 1;}
#HEADER #GNB .gnb_inner .logo_area .logo{display: block;/*width: 258px;width:122px;*/}
#HEADER #GNB .gnb_inner .logo_area .logo img{/*width: 100%;*/
    height: 50px;}
#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)}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul{    font-size: 0;
    display: inline-block;
    /* margin: 0 auto; */
    width: 80%;
    max-width: 1530px;
    /* float: right; */
    margin-top: 10px;
    /* margin-right: 77px;*/}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li{display: inline-block;
    /* vertical-align: middle; */
    /* height: 88px; */
    /* width: 16.6666%; */
    /* max-width: 176px; */
    /* text-align: center; */
    position: relative;
    /*margin-right: 60px;*/    margin: 0 30px;}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a{    font-size: 16px;
    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: 'Montserrat', 'Lato', sans-serif;
    line-height: initial;
    font-weight: 700;}

#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: #f53024}
#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: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;color:#fff;}
#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:#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;
	
	}


#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:#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;
}
#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('') no-repeat 0 0 / contain}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a.on{color: #fff}
#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: #fff}

#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('')}


#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li:hover::after {
    opacity: 1;
    transform: translateY(0px);
}

#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li::after{    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f52f23;
    -webkit-transition: transform 0.3s, opacity .15s;
    transition: transform 0.3s, opacity .15s;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
}


#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li.on:after{    opacity: 1;
    transform: translateY(0px);  background-color: #000;}


#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:  #f53024}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li:hover>a{color:  #f53024}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li>a+.depth2_area{height: 235px}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li>a:hover+.depth2_area{/*background: #FCFCFC;*/background: none;border-top-color:rgba(0,0,0,.05)}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li:hover>a+.depth2_area{/*background: #FCFCFC;*/background: none;border-top-color:rgba(0,0,0,.05)}

#HEADER #GNB .gnb_inner .other_services{position: absolute;top: 50%;right: 0px;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: #f53024; 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:#f53024;    /*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%;    display: none;}
#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: 'NotoSans-Regular', '맑은 고딕', '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);}

#HEADER #GNB .gnb_inner .other_services .manager_area a.manager_btn {    border-radius: 25px;
    /* position: absolute; */
    /* right: 58px; */
    /* top: 25px; */
	width: 110px;
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    border: 0px solid #AD8541;
	background: #AD8541;

    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: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;

}


#HEADER #GNB .gnb_inner .other_services .manager_area a.manager_btn:before{
    content: '\E968';
    /* top: 7px; */
    font-size: 14px;
    font-family: 'shop-font';
    left: -4px;
    position: relative;

}












#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%;}




/* 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: 999;
	-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: 999;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{position: relative;}
#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(/i_img/bg_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(/i_img/i_top_info.jpg);
}
.biz .top_visual_bg {
    background-image: url(/i_img/i_top_board.jpg);
}

.biz .top_visual_bg {
    background-image: url(/i_img/i_top_board.jpg);
}


.biz .subNavi_biz_one .top_visual_bg {
    background-image: url(/i_img/biz_top_05.jpg);
}

.biz .subNavi_biz_two .top_visual_bg {
    background-image: url(/i_img/biz_top_03.jpg);
}


.biz .subNavi_biz_three .top_visual_bg {
    background-image: url(/i_img/i_top_board.jpg);
}


.biz .subNavi_biz_four .top_visual_bg {
    background-image: url(/i_img/biz_top_04.jpg);
}



.partner .top_visual_bg {
    background-image: url(/i_img/i_top_partner.jpg);
}
.facility .top_visual_bg {
    background-image: url(/i_img/i_top_board.jpg);
}
.board .top_visual_bg {
    background-image: url(/i_img/i_top_data.jpg);
}
.notice .top_visual_bg {
    background-image: url(/i_img/i_top_notice.jpg);
}

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

.data .top_visual_bg {
    background-image: url(/i_img/i_top_data.jpg);
}


.franchise .top_visual_bg {
    background-image: url(/i_img/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:0;/*background-color:#E4E9ED;*/    margin: 88px auto 0;}

.main_client {
background-color:#FFF;
padding: 20px 0px;
}

.main_client.cc {
background-color:#FFF;
padding: 120px 5px;
}
.tc-red{ color:#f53024;}


.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:62px; letter-spacing: -0.025em; line-height: 1.2; margin-bottom: 0px; text-align:center;  font-family:"NotoSans-light",sans-serif;margin-top:0px;}


.tit_Bold {
   font-family:"NotoSans-Bold",sans-serif;
}

.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(/i_img/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(/i_img/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 {}
.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;margin: 0 -20px;position: relative;}
.main_client_item { display: inline-block; vertical-align: top; width: 16.66%; padding: 10px 20px;  text-align: center;    outline: none;}
.main_client_item > .client_item_link { position: relative; display:block; }
.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; }

.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%); }
.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%); }

.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', 'NotoSansKR', 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:-20px; }
.main_client_list .slick-arrow.slick-next { right:-20px; }
.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%;}
.main_partner > div {display: none;}
.main_partner > div:first-child {display: block;}




#main .wrap {max-width: 1520px;    margin: 0 auto;}
@media(max-width: 1920px){

#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a {
    font-size: 15px;

}


}

@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 { }

#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a {
    font-size: 15px;

}


}
@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 {
  
}
#HEADER #GNB .gnb_inner .logo_area .logo img {
    /* width: 100%; */
    height: 53px;
}
}








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




#footer {width: 100%;padding: 60px 0;position: relative;text-align: left;background:#F9F9F9;font-family: 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;   /* max-width: 1920px;*/margin: 0px auto 0;}
.footer-wrap {max-width: 1520px;
    margin: 0 auto;
    position: relative;
    margin: 0 124px;
    margin: 0 auto;}

/* 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: 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; }
.footer-menu > li > a > span {display: inline-block;padding-bottom: 8px;position: relative;}
.footer-menu > li > a > span:after {content: '';display: block;width: 0%;height: 2px;position: absolute;left: 50%;bottom: 0;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;}
.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;}
.footer-info p {font-size: 0;line-height: 1;}
.footer-info p span, .footer-info p span a {font-size: 12px;color: #767676;}
.footer-info p span {display: inline-block;padding-right: 15px;position: relative;vertical-align: middle;line-height: 1.9;}
.footer-info p span:after {content: '';display: block;width: 1px;height: 10px;position: absolute;right: 7px;top: 50%;margin-top: -4px;background: #767676;}
.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;}
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: #767676;font-family:'Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight: 700; }

#footer .go-top{
    position: absolute;
    display: block;
    right: 60px;
    top: -35px;
}
/* ================================== 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: 20px;
    /* position: absolute; */
    /* right: 58px; */
    /* top: 25px; */
	width: 132px;
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    border: 0px solid #AD8541;
	background: #f53024;

    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: 'Montserrat', 'Lato', sans-serif;margin: 30px 0;

}


#HEADER #GNB .gnb_inner .other_services .manager_area a.manager_btn:before{
    content: '\E968';
    /* top: 7px; */
    font-size: 14px;
    font-family: 'shop-font';
    left: -4px;
    position: relative;

}












#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;
}
#main .wrap {
    max-width: inherit;
    margin: 0 10px;
}
#HEADER #GNB .gnb_inner .other_services {

    right: 36px;

}
#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: 505px;

}


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




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

	/* HEADER */
	#HEADER #GNB{padding: 0 32px}
	#HEADER #GNB .gnb_inner{max-width: 100%}
	#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: 10px;

}
#HEADER #GNB .gnb_inner .logo_area {

    left: 10px;
    top: 50%;
}

}
@media all and (max-width: 1680px) {
#HEADER #GNB .gnb_inner .logo_area {
    left: 0px;
}
#HEADER #GNB .gnb_inner .logo_area .logo {
    width: auto;
}
#HEADER #GNB .gnb_inner .logo_area .logo img {
    /* width: 100%;
    height: 60px; */
}
}
/* ================================== 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;}
	.container{margin: 76px auto 0}

	/* HEADER */
	#HEADER{height: 60px}
	#HEADER.active{top:-60px}
	#HEADER #GNB{padding: 0;}
	#HEADER #GNB .navi_inner  .gnb_inner{height: 60px}
	#HEADER #GNB .gnb_inner .depth1_area{display: none}
	#HEADER #GNB .gnb_inner .logo_area .logo{}
	#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: 60px}
	#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;}


#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(/i_img/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:#f53024;}
	#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:#f53024;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.li_lnb_navi a span.plus:after{background:#f53024;}
	#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:16px;font-family: 'Montserrat', 'Lato', sans-serif;font-weight: 700;}

	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.on a{color: #f53024;}


#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.on:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 20px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f52f23;
    -webkit-transition: transform 0.3s, opacity .15s;
    transition: transform 0.3s, opacity .15s;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
}
#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.on:after {
    opacity: 1;
    transform: translateY(0px); background-color: #000;
}

	#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("/i_img/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("/i_img/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:#f53024;}
	#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: 'Montserrat', 'Lato', sans-serif;font-weight: 700;}
	#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:#f53024;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.on .depth2_area{display:none;}

	#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:#f53024;}
	#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: 20px;
    /* position: absolute; */
    /* right: 58px; */
    /* top: 25px; */
	width: 132px;
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    border: 0px solid #AD8541;
	background: #f53024;

    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: 'Montserrat', 'Lato', sans-serif;font-weight: 700;

}
#LNB .lnb_inner .lnb_tab a.manager_btn:before {    content: '\E968';
    /* top: 7px; */
    font-size: 14px;
    font-family: 'shop-font';
    left: -4px;
    position: relative;}
#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: 60px auto 0;
}
.container {
    min-height: 612px;
    max-width: 1920px;
    margin: 60px auto 0;
}
}

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

	.container{margin: 60px auto 0}
.home .container{margin: 60px auto 0}
	/* HEADER */
	#HEADER{height: 60px}
	#HEADER.active{top:-60px}
	#HEADER #GNB .navi_inner .gnb_inner{height: 60px}
	#HEADER #GNB .gnb_inner .logo_area .logo{width: 80px;}
	#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: 60px}

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

	/* FOOTER */
	  #footer {padding: 60px 0;}
    .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: 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: 'Montserrat', 'Lato', sans-serif;
	 font-weight:500;
	letter-spacing:-0.025em;
}


.top_visual_TT.tt {
    font-size: 62px;
    line-height: 1;
    color: #fff;
     font-family: 'Montserrat', 'Lato', sans-serif;
	 font-weight:600;
	letter-spacing:-0.025em;
}

.top_visual_TT .tit_Bold {
    font-size: 62px;
    line-height: 1;
    color: #fff;
	letter-spacing:-0.025em;
     font-family: 'Montserrat', 'Lato', sans-serif;
	 font-weight:800;
}
.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','NotoSans-Medium', '맑은 고딕', '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:"NotoSans-Bold",sans-serif;
  font-size: 42px;
  line-height: 1;
}

@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;
    right: 10px;
    top: -25px;
}
#footer .go-top  img {
    width: 50px;
    height: 50px;
}
}


@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: 0;
}

#subpage_area  .body_section_move.on { transform: translate(0, -30px) 
!important; opacity: 1 !important; transition: transform 1s, opacity 1s;    
display: block; min-height: 330px; }






#subpage_area  .subbody_content .sub_area { 
display: block; min-height: 450px;}







 #subpage_area {
 padding-bottom: 20px;
}
.subBody {
    margin: 0px auto 0;
    position: relative;
    min-height: -webkit-calc(100vh - 480px * 1);
    min-height: calc(100vh - 480px * 1);
    overflow: hidden;
    position: relative;
    /* min-height: 360px; */
    padding-top: 60px;
    padding-bottom: 80px;
    position: relative;
    /* padding: 5rem 0; */
    width: 100%;
    /* margin: 0 auto 20rem;*/min-height: 1000px;
}

.topTxtA {
    width: 1184px;
    margin: 0 auto;
}
.topTxtA .subTit {
    font-family: 'NotoSans-Medium';
    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: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	    text-align: center;
}

.topTxtA .subTxt3 strong {

    font-family: 'NotoSans-Regular';
}

.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: -6px;}
.subpage_body {float: left;width: 74.34%;position: relative;    padding-bottom: 60px;    z-index: 1;}

.sub_left_tiT {
    font-size: 30px;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: #222;
    margin-bottom: 30px;
	    font-family: 'NotoSans-Bold';padding-right: 60px;
}
.sub_right_body {
    display: table;
    width: 100%;
    border-top: 3px solid #222;
}
.sub_right_body .content_title{
    position: relative;
    padding-bottom: 20px;
}
.sub_right_body  .content_title h3{
    font-size: 20px;
      font-family: 'NotoSans-Bold';
	margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.66em;
}

.sub_right_body .content_title span{
    font-size: 18px;
      font-family: 'NotoSans-Regular';
    line-height: 1.66em;
	    color: #888;
}


.sub_right_body h3{
    font-size: 20px;
      font-family: 'NotoSans-Bold';
	margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.66em;
}


.sub_right_body  p{
    font-size: 20px;
      font-family: 'NotoSans-Regular';
	margin-top: 24px;
    margin-bottom: 24px;
    line-height: 1.66em;
}


.xwrap {
    max-width: 1520px;
    margin: 0 auto;
}
.subpage .xwrap {
    max-width: 1360px;
    margin: 0 auto;
}

.article_breadcrumbs_inner .xwrap {
    max-width: 1560px;
    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: 'NotoSans-Bold';
}
.right_info_txt p {
    margin: 0;
	font-size: 15px;
    line-height: 1.6em;
    color: #666666;
    font-family: 'NotoSans-Regular';
	letter-spacing: -0.023em;
}
@media (max-width: 1754px){
.xwrap {
    max-width: inherit;
    margin: 0 6.5%;
}
  .subpage .xwrap {
   /*margin: 0 6.5%;*/
}
}
body.stop {
    overflow-y: hidden;
}
.sub_section{
width: 100%;
    position: relative;
    /* padding-bottom: 43px; */
    margin: 0px auto 80px;
	    display: inline-block;

}
@media (max-width: 1180px){
.sub_right_body  p{
    font-size:16px;
      font-family: 'NotoSans-Regular';
	margin-top: 24px;
    margin-bottom: 24px;
    line-height: 1.66em;
}
.sub_right_body .content_title span {
    font-size: 16px;
    font-family: 'NotoSans-Regular';
    line-height: 1.66em;
    color: #888;
}
}




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

 .subpage .xwrap {
    margin: 0 3%;
}


}





.board_list {width: 100%;table-layout: fixed;position: relative;border-top: 3px 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: "NotoSans-Bold",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: 'NotoSans-Regular';}
.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: 'NotoSans-Regular';}
.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: 'NotoSans-Regular';}
.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','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 600;
    font-size: 15px;}

.board_list .num.notice {font-family: 'NotoSans-Medium';}
.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','NotoSans-Medium', '맑은 고딕', '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(/i_img/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: 'NotoSans-Regular';
    font-size: 15px;
    background: url(/i_img/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: 'NotoSans-Regular';}
.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: 'NotoSans-Regular';}
.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: 'NotoSans-Regular';}
.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: 'NotoSans-Regular';}
.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(/i_img/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(/i_img/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: 'NotoSans-Medium';
}


.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 30px;
}

.subpage .xwrap {
    margin: 0 30px;
}

.sub_left_tiT {
    font-size: 30px;
}
 #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 all and (max-width: 1920px) {
.footer-wrap {
    max-width: inherit;
    margin: 0 66px;
}
#main .wrap {
    max-width: inherit;
    margin: 0 10px;
}
#HEADER #GNB .gnb_inner .other_services {

    right: 66px;

}
#HEADER #GNB .gnb_inner .logo_area {

    left: 66px;

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


@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: 0px 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;}

}



.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','NotoSans-Medium', '맑은 고딕', '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:"NotoSans-Bold",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:"NotoSans-Bold",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;padding-right: 0px;
}
.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: 'NotoSans-Regular';
    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(/i_img/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:#f53024;
}
#footer .fix_menu menu li:nth-child(2) {
	background-color:#000;
}
.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: "NotoSans-Bold","Lato",'맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif;

}

#footer .fix_menu menu li .btn > span.en {
    display: block;
    position: relative;
    max-width: 150px;
    margin: 0 auto;
    padding: 0 15px 0 50px;
    font-size: 14px;
    font-weight: 700;
    line-height: 60px;
    text-align: left;
	color: #fff;
	/* font-family: "Lato", "NotoSans-Regular","Lato",'맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif;*/
    font-weight: 600;
}
#footer .fix_menu menu li .btn > span:before {
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    bottom: 0;
    width: 50px;
    /* background: url(/i_img/fix_menu.png) 50% 0 no-repeat; */
    background-size: cover;
    content: '';
    content: '';
    display: block;
    font-family: 'shop-font';
    font-size: 25px;
    line-height: 34px;
    text-align: center;
    font-weight: normal;
    color: #fff;
    -webkit-transition: color 300ms;
    transition: color 300ms;
    content: '\e96a';
}
#footer .fix_menu menu li:nth-child(2) .btn > span:before {
	 content: '\E943';
}
.nav_wrap {

    height: 58px;
}
#HEADER #GNB .gnb_inner .logo_area {
    left: 16px;
}
#HEADER #GNB .gnb_inner .other_services {
    right: 16px;
}
#HEADER #GNB .gnb_inner .logo_area .logo {
    width: auto;

}

}

.main_biz {
    width: 100%;
    margin: 60px 0 60px 0;
    overflow: hidden;
}
.main_biz_area {position:relative; max-width:1520px; margin:0 auto;}
.main_biz_area:after {content:""; display:block; clear:both;}


.main_biz .left_A {position:relative; width:50%; height:660px; background:#dde0e2; overflow:hidden; opacity:1;}
.main_biz .left_A .new {position:absolute; left:0; top:0; width:140px; height:60px; background:#df0023; text-align:center; z-index:4;}
.main_biz .left_A .new span {font-family:'montserrat'; font-size:15px; color:#fff; font-weight:500; line-height:60px; letter-spacing:2px;}
.main_biz .left_A .bgTxt {position:absolute; left:0; top:224px; width:100%; text-align:center; font-size:108px; color:#ebedee; font-weight:800; line-height:1.2; letter-spacing:20px; z-index:1;}
.main_biz .left_A .img {position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    text-align: center;
   }
.main_biz .left_A .img img {}
.main_biz .left_A .txt {/*position:absolute; left:50px; top:45px; opacity:1; z-index:7;text-align: left;*/

    position: absolute;
    left: 50%;
    top: 40%;
    opacity: 1;
    z-index: 7;
    text-align: center;
    margin: 0 auto;
    width: 50%;
    margin-left: -25%;

}
.main_biz .left_A .txt span {    font-family: 'mr-eaves-xl-sans','NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:30px; color:#1d1d1d; line-height:1.2; letter-spacing:1px;}


.main_biz .left_A .txt span:after {
    content: "";
    display: block;
    width: 21px;
    height: 1px;
    margin: 15px auto 18px;
    background-color: #222;
    transition: all 0.3s;
}



.main_biz .left_A .txt p {font-size:18px; color:#1d1d1d; line-height:1.4; padding:0px 0 0 0; letter-spacing:-1px;}
.main_biz .right_A {position:absolute; left:50%; bottom:0; width:50%; height:660px; overflow:hidden; opacity:1;z-index:0;}
.main_biz .right_A .inbox {position:relative; width:100%; height:50%; text-align:center; background:#f5f5f5;}
.main_biz .right_A .inbox.four {     background: #1c9ad6;
    background-image: url('');
    background-repeat: no-repeat;
        background-position: right bottom;}
.main_biz .right_A .inbox.one {
    background: #f53024;
	  background-image: url('');
    background-repeat: no-repeat;
        background-position: left top;
}


.main_biz .right_A .inbox ul {width:100%; height:100%;}
.main_biz .right_A .inbox ul:after {content:""; display:block; clear:both;}
.main_biz .right_A .inbox ul li {position:relative; float:left; width:50%; height:100%; overflow:hidden;}
.main_biz .right_A .inbox:nth-child(1) ul li:nth-child(2) {background:#dde0e2;}
.main_biz .right_A .inbox:nth-child(2) ul li:nth-child(1) {background:#ccd6d8;}
.main_biz .right_A .inbox .info {width:100%; padding:114px 0 0 0; opacity:1;position:relative;z-index:1;}
.main_biz .right_A .inbox .info span {    display: block;
    font-family: 'mr-eaves-xl-sans','NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-size: 22px;
    color: #1d1d1d;
    line-height: 1.2;
    letter-spacing: 1px;
    font-weight: 800;}




.main_biz .right_A .inbox .info p {    font-size: 18px;
    color: #1d1d1d;
    line-height: 1.4;
    letter-spacing: -1px;
    padding: 0px 0 0 0;    width: 80%;    padding: 0px 20px;margin:0 auto;}



.main_biz .right_A .inbox.four .info span{ color: #fff;}
.main_biz .right_A .inbox.four .info p{ color: #fff;}
.main_biz .right_A .inbox.one .info span{ color: #fff;}
.main_biz .right_A .inbox.one .info p{ color: #fff;}

.main_biz .right_A .inbox .img1 {position:absolute; right:0; top:0; width:100%;}
.main_biz .right_A .inbox .img1 img {position:absolute; left:50%; top:0; margin:0 0 0 -190px;max-width: inherit;}
/*.main_biz .right_A .inbox:nth-child(1):after {content:''; position:absolute; left:50%; top:50%; width:21px; height:31px; margin:-15px 0 0 -2px; background:url('') left top no-repeat;}*/
.main_biz .right_A .inbox .img2 {position:absolute; left:0; top:0; width:100%;}
.main_biz .right_A .inbox .img2 img {position:absolute; left:50%; top:0; margin:0 0 0 -190px;max-width: inherit;}
/*.main_biz .right_A .inbox:nth-child(2):after {content:''; position:absolute; right:50%; top:50%; width:21px; height:31px; margin:-15px -2px 0 0; background:url('') left top no-repeat;}*/




.main_biz .right_A .inbox .info span:after {
    content: "";
    display: block;
    width: 21px;
    height: 1px;
    margin: 15px auto 18px;
    background-color: #fff;
    transition: all 0.3s;
}

.main_biz .left_A .inbox .info span:after {
    content: "";
    display: block;
    width: 21px;
    height: 1px;
    margin: 15px auto 18px;
    background-color: #fff;
    transition: all 0.3s;
}



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


.main_biz_area {max-width:auto; margin:0 20px;}



}




/***************** media web **************/
@media all and (max-width:1200px){


.main_biz .left_A .bgTxt {font-size:80px; letter-spacing:16px;}
.main_biz .left_A .txt {left:12%;}


}








/***************** media tablet **************/
@media all and (max-width:900px){



.main_biz .left_A {width:100%;}
.main_biz .right_A {position:relative; left:0; top:0; width:100%; height:auto;}
.main_biz .right_A .inbox {margin:30px 0 0 0; height:310px;}


}

@media all and (max-width: 1280px) {
#HEADER #GNB .gnb_inner .logo_area {
    left: 10px;
}
#HEADER #GNB .gnb_inner .logo_area .logo {
    width: auto;
}
#HEADER #GNB .gnb_inner .logo_area .logo img {
    /* width: 100%; */
    height: 53px;
}
#HEADER #GNB .gnb_inner .other_services {
    right: 10px;
}
#HEADER #GNB .gnb_inner .logo_area .logo img {
    /* width: 100%; */
    height: 53px;
}
.nav_wrap {
    height: 60px;
}
}
@media all and (max-width:1280px){

.nav_wrap {
    height: 88px;
}

}

/***************** media mobile **************/
@media all and (max-width:640px){

/* layout width */
.main_biz_area {margin:0;}

.main_biz {margin:64px 0 0 0;}
.main_biz .msTit {font-size:20px; line-height:1.2; padding:0 0 26px 0;}
.main_biz .left_A {height:324px;}
.main_biz .left_A .new {width:70px; height:34px;}
.main_biz .left_A .new span {font-size:11px; line-height:34px;}
.main_biz .left_A .img {padding:0;}
.main_biz .left_A .img img {}
.main_biz .left_A .bgTxt {top:102px; font-size:54px; letter-spacing:10px;}
.main_biz .left_A .txt {left:25px; top:25px;}
.main_biz .left_A .txt span {font-size:18px;}
.main_biz .left_A .txt p {font-size:12px; padding:0px 0 0 0;}
.main_biz .right_A .inbox {height:180px; margin:15px 0 0 0;margin:0px 0 0 0;}
.main_biz .right_A .inbox .info {padding:62px 0 0 0;}
.main_biz .right_A .inbox .info span {font-size:14px; letter-spacing:1px;}
.main_biz .right_A .inbox .info p {font-size:12px; padding:0px 0 0 0;}
.main_biz .right_A .inbox .img1 {top:-36px;}
.main_biz .right_A .inbox .img1 img {width:320px; margin:0 0 0 -160px;}
.main_biz .right_A .inbox .img2 {top:-36px;}
.main_biz .right_A .inbox .img2 img {width:320px; margin:0 0 0 -160px;}
.main_biz .right_A .inbox:nth-child(1):after {width:10px; height:16px; background-size:10px 16px; margin:-8px 0 0 -2px;}
.main_biz .right_A .inbox:nth-child(2):after {width:10px; height:16px; background-size:10px 16px; margin:-8px -2px 0 0;}



}

#main .wrap .notice_list{
margin-top:40px;

}
.notice_list{height:81px; margin:40px auto; position:relative; border-top:1px solid rgba(133,133,133,0.15);border-bottom:1px solid rgba(133,133,133,0.15);}
.notice_list .newsD{width:1360px; margin:0 auto; position:relative; overflow:hidden}
.notice_list .leftA{float:left; overflow:hidden; width:210px}
.notice_list .leftA .tit{width:156px; line-height:80px; font-family:'NotoSans-Bold'; font-size:18px; color:#333; float:left}
.notice_list .leftA .btnA{float:left}
.notice_list .leftA .btnA a{display:block; text-align:center; width:54px; height:40px}
.notice_list .leftA .btnA a:first-child{background:url('/i_img/notice_up.png') no-repeat 20px 18px}
.notice_list .leftA .btnA a:last-child{background:url('/i_img/notice_dw.png') no-repeat 20px 14px}
.notice_list .leftA .btnA a:first-child{padding:16px 20px 8px}
.notice_list .leftA .btnA a:last-child{padding:8px 20px 16px}
.notice_list .rightA{float:left; position:relative; width:calc(100% - 374px); width:-webkit-calc(100% - 374px); height:80px; overflow:hidden}
.notice_list .rightA .list:first-child{top:0;}
.notice_list .rightA .list{overflow:hidden; position:absolute; top:100%; left:0; height:80px; width:100%}
.notice_list .rightA .list .txt{padding-left:10px; display:block; width:calc(100% - 120px); width:-webkit-calc(100% - 120px); font-size:18px; line-height:80px; color:#666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left;    font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.notice_list .rightA .list .date{float:left; width:80px; margin-left:40px; font-family:'Lato'; font-size:16px; line-height:80px; color:#666; text-align:right;font-weight:500;}
.notice_list .endA{float:left; width:134px; margin-left:30px}
.notice_list .endA a{    display: inline-block;
    width: 114px;
    height: 40px;
    line-height: 40px;
    margin: 20px 0;
    border-radius: 20px;
    color: #fff;
    background: #333;
    font-size: 16px;
    text-align: center;
    font-family: 'NotoSans-Regular';
    float: right;}




@media (max-width: 981px){

.notice_list{height:auto;border-top:0px solid rgba(133,133,133,0.15);}
	.notice_list .newsD{width:100%; margin:0; padding:20px 5%; height:auto}
	.notice_list .leftA{width:100%; position:relative}
	.notice_list .leftA .tit{font-size:17px; line-height:20px; width:auto; float:left}
	.notice_list .leftA .btnA{width:40px; float:right; overflow:hidden}
	.notice_list .leftA .btnA a{width:10px; height:20px; float:left}
	.notice_list .leftA .btnA a:first-child{background:url('/i_img/notice_prev.png') no-repeat left center; background-size:10px auto; padding:0; margin-right:18px}
	.notice_list .leftA .btnA a:last-child{background:url('/i_img/notice_next.png') no-repeat left center; background-size:10px auto; padding:0}
	.notice_list .rightA{width:calc(100% - 50px); width:-webkit-calc(100% - 50px); height:80px}
	.notice_list .rightA .list{height:auto}
	.notice_list .rightA .list .txt{word-break:keep-all; font-size:13px; line-height:19px; margin-top:20px; white-space:normal; text-overflow:inherit; overflow:visible; padding-left:0; float:none;width: 100%;}
	.notice_list .rightA .list .date{display:block; float:none; width:100%; margin-left:0; font-size:13px; line-height:1; margin-top:6px; text-align:left}
	.notice_list .endA{    float: none;
    position: absolute;
    top: 25px;
    left: calc(5% + 90px);
    left: -webkit-calc(5% + 150px);
    margin-left: 0;
    width: 12px;
    height: 12px;}
	.notice_list .endA a{width:12px; height:12px; text-indent:-9999px; background:url('/i_img/notice_more.png') no-repeat 0 0; background-size:12px; margin:0; line-height:1}

}


#ysc_mid {
    width: 100%;
    padding: 60px 0px;
    position: relative;
    background-color: #fff;
    max-width: 1920px;
    margin: 0 auto;
}


.m_biz h2 {
    font-size: 20px;
    color: #222;
    margin: 0 auto;
    text-align: center;
    opacity: 1;
    max-width: 1520px;
    overflow: hidden;
    transform: translate(0, 30px);
	margin-bottom:60px;
}
.m_biz h2 span{
    font-family: 'Montserrat', 'Lato', sans-serif;
     font-weight: 700;
	font-size:60rem;
	line-height:2;
	margin-bottom:40px;position: relative;
	
}

.m_biz h2 span:before, .m_biz h2 span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 1px;
    /*background-color: rgba(133,133,133,0.15);*/
}
.m_biz h2 span:after {
    left: 100%;
    margin-left: 15px;
}
.m_biz h2 span:before {
    right: 100%;
    margin-right: 15px;
}
.m_biz h2 span:before, .m_biz h2 span:after {
    width: 760px;
    transition: all 0.7s;
}
.m_promotion{
background-color:#F9F9F9;
padding:50px 0;
width:100%;
position:relative;
max-width:1920px;
}

.m_promotion h2 {
    font-size: 20px;
    color: #222;
    margin: 0 auto;
    text-align: center;
    opacity: 1;
    width: 1520px;
    overflow: hidden;
    transform: translate(0, 30px);
	margin-bottom:60px;
}
.m_promotion h2 span{
    font-family: mr-eaves-xl-sans, serif;
    font-weight: 800;
    font-style: normal;
	font-size:3rem;
	line-height:2;
	margin-bottom:40px;position: relative;
	
}

.m_promotion h2 span:before, .m_promotion h2 span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 1px;
    background-color:rgba(133,133,133,0.15);
}
.m_promotion h2 span:after {
    left: 100%;
    margin-left: 15px;
}
.m_promotion h2 span:before {
    right: 100%;
    margin-right: 15px;
}
.m_promotion h2 span:before, .m_promotion h2 span:after {
    width: 760px;
    transition: all 0.7s;
}

.m_biz p.info_text {
    font-size: 23rem;
    text-align: center;
    line-height: 30px;
    margin: -40px 0px 50px;
    font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
    color: #888;
}
.m_promotion p.info_text {
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    margin: -40px 0px 50px;
font-family: 'NotoSans-light', '맑은 고딕', 'Malgun Gothic', sans-serif;
}


.pc{
display:block;
}
.mo{
display:none;
}

@media all and (max-width: 766px) {
.m_promotion h2 {
    font-size: 16px;
    color: #222;
    margin: 0 auto;
    text-align: center;
    opacity: 1;
    width: 100%;
    overflow: hidden;
    transform: translate(0, 30px);
    margin-bottom: 60px;
}
#prom_area .prom_wrap .con .text .cont{

display:none;
}
.m_biz h2 {
    font-size: 16px;
    color: #222;
    margin: 0 auto;
    text-align: center;
    opacity: 1;
    width: 100%;
    overflow: hidden;
    transform: translate(0, 30px);
    margin-bottom: 60px;
}
.m_biz h2 span {
    font-family: 'Montserrat', 'Lato', sans-serif;
    font-weight: 700;
    font-size: 21rem;
    line-height: 2;
    margin-bottom: 40px;
    position: relative;
}
.m_promotion h2 span {
    font-family: mr-eaves-xl-sans, serif;
    font-weight: 800;
    font-style: normal;
    font-size: 21rem;
    line-height: 2;
    margin-bottom: 40px;
    position: relative;
}
#prom_area .prom_wrap .con .text {
    padding: 30px 40px;
    min-height: 100px;

}
#prom_area .prom_wrap .con {
    padding-bottom: 84px;
    margin-bottom: 30px;
}
#main .wrap {
    margin: 0 10px;
}
#ysc_mid {
    width: 100%;
    padding: 0px 0px;
    position: relative;
    background-color: #fff;
    max-width: 1920px;
    margin: 0 auto;
}
.m_promotion p.info_text,.m_biz p.info_text {
    font-size: 11px;
    text-align: center;
    line-height: 30px;
    margin: -35px 0px 20px;
    font-family: 'NotoSans-light', '맑은 고딕', 'Malgun Gothic', sans-serif;
}
.m_promotion {
    background-color: #F9F9F9;
    padding: 0px 0;
    width: 100%;
    position: relative;
    max-width: 1920px;
}
#prom_area .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 1;
    text-align: center;
    width: 100%;
}
#prom_area .prom_wrap .con {
    padding-bottom: 84px;
    margin-bottom: 30px;
    margin: 0 10px 30px;
}
.footer-wrap {
    max-width: inherit;
    margin: 0 16px;
}
.pc{
display:none;
}
.mo{
display:block;
}
.main_client .wrap{
margin:0 14px;
}
.main_client_item {

    padding: 6px 15px;
}
.main_client_list .slick-arrow.slick-next {
    right: 5px;
}
.main_client_list .slick-arrow.slick-prev {
    left: 5px;
}




}


.main_client_list img {
    width: 100%;
	border: 1px solid #f7f7f7;
}



/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:740px; position:relative;}	
#mainVisual .main-visual-item > .item-inner{    margin-bottom: 0;
    display: block;
    width: 100%;
    height: 740px;
    cursor: initial;}






#subpage_area #mainVisual{overflow:hidden; width:100%; height:640px; position:relative;}	
#subpage_area #mainVisual .main-visual-item > .item-inner{    margin-bottom: 0;
    display: block;
    width: 100%;
    height: 640px;
    cursor: initial;}











#mainVisual.full-height{height:1030px;}
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
}
.main-visual-item .main-visual-m-img{display:none;}
.main-visual-item.item-01 .main-visual-prd-con .prd-img {
    display: inline-block;
    height: 587px;
     margin-right: -30px;
}

.main-visual-item.item-02 .main-visual-prd-con .prd-img {
    display: inline-block;
    height: 587px;
     margin-right: -30px;
}
.main-visual-item.item-03 .main-visual-prd-con .prd-img {
    display: inline-block;
    height: 587px;
    margin-right: -30px;
}
.main-visual-item.item-04 .main-visual-prd-con .prd-img {
    display: inline-block;
    height: 587px;
   margin-right: -30px;
}


.main-visual-item.item-01 .main-visual-prd-con .prd-img {
    display: inline-block;
    height: 587px;
    margin-right: -30px;
}

#subpage_area .main-visual-item.item-01 .main-visual-prd-con .prd-img {
    display: inline-block;
    height: 587px;
     margin-right: -30px;
	margin-top: -80px;
}


/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{position:absolute; top:50%; left:0px; width:100%; margin-top:-130px; z-index: 1;} /* margin-top은 조정 (텍스트영역 높이의 반) */
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3{
	padding-left: 30px;
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateX(-50px); 
    -o-transform: translateX(-50px); 
    -moz-transform: translateX(-50px);
    -webkit-transform: translateX(-50px); 
     transform: translateX(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
#subpage_area .main-visual-item .main-visual-txt-con .main-visual-txt1, #subpage_area  .main-visual-item .main-visual-txt-con .main-visual-txt2, #subpage_area  .main-visual-item .main-visual-txt-con .main-visual-txt3 {
    padding-left: 0px;
}


.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; font-size:15px; font-weight:900; letter-spacing:7px; color:#999; margin-bottom:25px; }
.main-visual-item .main-visual-txt-con .main-visual-txt2{    font-size: 54rem;
    line-height: 1.5;
    letter-spacing: 0.5px;
    font-weight: 900;
    color: #000;
    margin-bottom: 15px;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;letter-spacing: -0.05rem;
    line-height: 1.45;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{    font-size: 18rem;
    line-height: 40px;
    font-family: 'Montserrat','NotoSans-Medium', 'Lato', sans-serif;
    letter-spacing: 0.25px;
    color: #000;
    line-height: 1.5;
    margin-bottom: 35px;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;}

/* 각각 비주얼 추가 css */
/* item-01 */
.main-visual-item.item-01 .main-visual-txt-con .main-visual-txt1{color: #222;font-family: 'Montserrat','NotoSans-Bold', 'Lato', sans-serif;}
.main-visual-item.item-01 .main-visual-txt-con .main-visual-txt2{font-family: 'Montserrat','NotoSans-Bold', 'Lato', sans-serif;}
.main-visual-item.item-01 .main-visual-txt-con .main-visual-txt2 .fc-green{ color: #2bb673;}
.main-visual-item.item-01 .main-visual-txt-con .main-visual-txt2 .fc-blue{ color: #0ba9b5;}
.main-visual-item.item-01 .main-visual-txt-con .main-visual-txt3{}
/* item-02 */
.main-visual-item.item-02 .main-visual-txt-con .main-visual-txt1{color: #fff;font-family: 'Montserrat','NotoSans-Bold', 'Lato', sans-serif;}
.main-visual-item.item-02 .main-visual-txt-con .main-visual-txt1{}
.main-visual-item.item-02 .main-visual-txt-con .main-visual-txt2{font-family: 'Montserrat','NotoSans-Bold', 'Lato', sans-serif;}
/* item-03 */
.main-visual-item.item-03 .main-visual-txt-con .main-visual-txt1{color: #fff;font-family: 'Montserrat','NotoSans-Bold', 'Lato', sans-serif;}
.main-visual-item.item-03 .main-visual-txt-con .main-visual-txt1{}
.main-visual-item.item-03 .main-visual-txt-con .main-visual-txt2{font-family: 'Montserrat','NotoSans-Bold', 'Lato', sans-serif;}
.main-visual-item.item-03 .main-visual-txt-con .main-visual-txt3{letter-spacing: -0.5px;}

/* 제품 이미지 추가 css */
/* 공통 */
.main-visual-item .main-visual-prd-con{position: absolute; top:0%; left:0px; width:100%;z-index: 2;}
.main-visual-item .main-visual-prd-con .main-visual-prd-inner{text-align: right;}
.main-visual-item.item-02 .main-visual-prd-con .prd-img img, .main-visual-item.item-03 .main-visual-prd-con .prd-img img{/*height: 100%;*/}
/* item-02 */
.main-visual-item.item-02 .main-visual-prd-con{/*margin-top:-266.5px;*/}
.main-visual-item.item-02 .main-visual-prd-con .prd-img{display: inline-block;
    /* height: 737px; */
    /* margin-right: 40px; */
    position: relative;}
/* item-03 */
.main-visual-item.item-03 .main-visual-prd-con{/*margin-top:-266.5px;*/}
.main-visual-item.item-03 .main-visual-prd-con .prd-img{display: inline-block;
    /* height: 737px; */
    /* margin-right: 40px; */
    position: relative;}

/* 제품 더보기버튼 추가 css */
/* 공통 */
.main-visual-item .more-view-btn{position: absolute; display: block; width: 100px; height: 100px;}
.main-visual-item .more-view-btn img{width: 100%; height: 100%;}
/* item-01 */
.main-visual-item.item-01 .more-view-btn{top: 20.5%; left: 80%; margin-left: -356px;}
/* item-03 */
.main-visual-item.item-03 .more-view-btn{top: 7%; right: -20%;}
.main_biz .right_A .inbox ul li.ov:after {-webkit-box-shadow: inset 0 0 0 0px #FAFAFC;box-shadow: inset 0 0 0 0px #FAFAFC;position: absolute;content:"";top: 0;left: 0;bottom: 0;right: 0;-webkit-transition: -webkit-box-shadow 0.2s;transition: -webkit-box-shadow 0.2s;transition: box-shadow 0.2s;transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;}
html.desktop .main_biz .right_A .inbox ul li.ov:hover:after{-webkit-box-shadow: inset 0 0 0 12px #FAFAFC;box-shadow: inset 0 0 0 12px #FAFAFC;-webkit-transition: -webkit-box-shadow 0.2s;transition: -webkit-box-shadow 0.2s;transition: box-shadow 0.2s;transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;}
.main_biz .right_A .inbox ul li.ov:after {
    -webkit-box-shadow: inset 0 0 0 0px #FAFAFC;
    box-shadow: inset 0 0 0 0px #FAFAFC;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: -webkit-box-shadow 0.2s;
    transition: -webkit-box-shadow 0.2s;
    transition: box-shadow 0.2s;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.sub_top_visual_bg {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/i_img/bg_dot.png);
    z-index: 1;
    bottom: 0px;
    top: 0px;
    opacity: 0.8;
}
/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
     transform: translateX(0px);
}

.main-visual-item .main-visual-prd-con .prd-img {
	padding-left: 30px;
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateX(50px); 
    -o-transform: translateX(50px); 
    -moz-transform: translateX(50px);
    -webkit-transform: translateX(50px); 
     transform: translateX(50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}


.main-visual-item.active-item .main-visual-prd-con .prd-img {
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
     transform: translateX(0px);
}

/* 메인 비주얼 :: 화살표 */
.main-visual-con .slick-arrow{    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 180px;
    top: 50%;
    cursor: pointer;
    border: 0;
    z-index: 9;
    color: #fff;
    margin-top: -30px;
    font-size: 24px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    /* right: 0;*/}
.main-visual-con .slick-arrow.slick-prev{/*margin-left: -655px; */
    background-color: #2bb673;
    left: 5%;
    position: absolute;
    /* width: 100%; */
    top: 50%;    width:60px;
    height: 60px;
    border: 0.1rem solid #fff;
    border-radius: 50%;    margin-top: -30px;
    background: none;
    transition: background 0.3s, border 0.3s;
    -webkit-transition: background 0.3s, border 0.3s;}
.main-visual-con .slick-arrow.slick-next{    /* margin-left: -535px; */
    background-color: #0ba9b5;
    right: 5%;
    position: absolute;
    /* width: 100%; */
    top: 50%;    width:60px;
    height:60px;
    border: 0.1rem solid #fff;
    border-radius: 50%;
    margin-top: -30px;
    background: none;
    transition: background 0.3s, border 0.3s;
    -webkit-transition: background 0.3s, border 0.3s;}


.main-visual-con .slick-arrow.slick-next:after {
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 56px;
    display: inline-block;
    font-family: 'shop-font';
    font-size: 32px;
    color: #fff;
    content: '\E910';
}
.main-visual-con .slick-arrow.slick-prev:after {
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height:56px;
    display: inline-block;
    font-family: 'shop-font';
    font-size: 32px;
    color: #fff;
    content: '\E90F';
}
.main-visual-con .slick-arrow.slick-prev:hover,.main-visual-con .slick-arrow.slick-next:hover  {
    background: #fff;
    transition: background 0.3s, border 0.3s;
    -webkit-transition: background 0.3s, border 0.3s;
}
.main-visual-con .slick-arrow.slick-prev:hover:after {
    color: #E6231D;
}
.main-visual-con .slick-arrow.slick-next:hover:after {
    color: #E6231D;
}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; width:13px; height:208px; bottom: 110px; left: 3%; text-align:center; z-index:9}	/* width값에 맞게 margin-left수정 */

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
#mainContent{}
#mainContent > article{}

/* -------- 메인 컨텐츠 :: 컨텐츠1(회사소개) -------- */
.fc-green{font-weight: 700; color: #f53024;}
.tc-blue{font-weight: 700; color: #f53024;}

.area{ max-width:1100px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area-box{ max-width:1376px; margin:0px auto; }
.hdr-area{max-width: 1376px; margin: 0 auto; width: 100%;}
.main-area{max-width:1700px; margin:0px auto;}

#subpage_area .area-box {
    max-width: 1476px;
    margin: 0px auto;
}
@media all and ( max-width: 1720px ){
	/* 제품 이미지 추가 css */
	/* item-02 */
	.main-visual-item.item-02 .main-visual-prd-con .prd-img{margin-right: -30px;}
	/* item-03 */
	.main-visual-item.item-03 .main-visual-prd-con .prd-img{margin-right: -30px;}
}

@media all and ( max-width: 1680px ){
#HEADER #GNB .gnb_inner .logo_area .logo img {
    /* width: 100%; */
   height: 53px; 
}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a {
    font-size: 14px;
}
}

@media all and ( max-width: 1520px ){
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none;}
	.area-box{ max-width:1200px; margin:0px auto; }
}
@media all and (max-width:1410px){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con .main-visual-txt1, .main-visual-item .main-visual-txt-con .main-visual-txt2, .main-visual-item .main-visual-txt-con .main-visual-txt3{padding-left: 0;}
	/* 제품 이미지 추가 css */
	/* item-02 */
	.main-visual-item.item-02 .main-visual-prd-con .prd-img{height: 487px;}
	/* item-03 */
	.main-visual-item.item-03 .main-visual-prd-con{margin-top:-300px;}
	.main-visual-item.item-03 .main-visual-prd-con .prd-img{height: 637px; margin-right: 90px;}
	.main-visual-item.item-03 .more-view-btn {right: -85px;}
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow{position:absolute; width:100px; height:100px; bottom: 105px; left: auto;top: 50%;}
	.main-visual-con .slick-arrow.slick-prev{left: 15px; margin-left: 0;}
	.main-visual-con .slick-arrow.slick-next{left: 135px; margin-left: 0;}
	.area-box{ max-width:1200px; margin:0px auto; }
}
@media all and (max-width:1024px){
	#HEADER #GNB .gnb_inner .logo_area .logo img {
    /* width: 100%; */
    height: 53px;
}
	.nav_wrap {
    height: 60px;
}
	/* 제품 이미지 추가 css */



	/* item-02 */
	.main-visual-item.item-02 .main-visual-prd-con{/* margin-top:-166.5px; */ margin-top: -210px;}
	.main-visual-item.item-02 .main-visual-prd-con .prd-img{height: 387px;}
	/* item-03 */
	.main-visual-item.item-03 .main-visual-prd-con{margin-top:-223.5px;}
	.main-visual-item.item-03 .main-visual-prd-con .prd-img{height: 537px; margin-right: 90px;}
	.main-visual-item.item-03 .more-view-btn {top: 4%; right: -95px;}

	.main-visual-con .slick-arrow.slick-next:after,	.main-visual-con .slick-arrow.slick-prev:after {

    line-height: 48px;
}
}
@media all and ( max-width: 800px ){

	#HEADER #GNB .gnb_inner .logo_area .logo img {
    /* width: 100%; */
    height:53px;
}

.nav_wrap {
    height: 60px;
}
	#mainVisual{height:auto; padding-bottom: 25px;}
	#mainVisual .main-visual-item > .item-inner{margin-bottom: 0; height: auto;}


.main-visual-item .main-visual-txt-con {
    text-align: center;
    margin-top: -81px;
}

	#subpage_area #mainVisual{height:auto; padding-bottom: 0px;}
	#subpage_area #mainVisual .main-visual-item > .item-inner{margin-bottom: 0; height: auto;}


	/* 제품 이미지 추가 css */
	.main-visual-item .main-visual-prd-con{display: none;}
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	.main-visual-m-img img{width:100%;}
	/* 제품 더보기버튼 추가 css */
	.main-visual-item .more-view-btn{display: none;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con {text-align: center; margin-top: -30%;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:10px; margin-bottom:10px}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:35px; line-height: 1.4; margin-bottom:4%;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{display: block;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;}
	/* 메인 비주얼 :: 화살표 */
	#mainVisual .slick-arrow{width:50px; height:50px; margin-top: -25px; font-size: 16px;   top: 82%;}
	.main-visual-con .slick-arrow.slick-prev{left: 15px;}
	.main-visual-con .slick-arrow.slick-next{left: auto; right: 15px;}
}
@media all and ( max-width: 480px ){
	/* 메인 비주얼 :: 텍스트 */
	/* item-03 */
	.main-visual-item.item-03 .main-visual-txt-con .main-visual-txt2{font-size: 24px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:24px; margin-bottom:2%;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{display: block; font-size: 13px; line-height: 24px; margin-bottom: 0;}
}


@media all and (max-width:1410px){
	.area-box{padding:0 15px;}
}
@media all and (max-width:1350px){
	.sub-visual-area{padding: 0 15px;}
}
@media all and (max-width:1120px){
	.area{padding:0 15px;}
}




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


.nav_wrap {
    height: 88px;
}
#HEADER #GNB .gnb_inner .logo_area {
    left: 10px;
}
#HEADER #GNB .gnb_inner .other_services {
    right: 10px;
}
}
@media all and (max-width:1080px){

#HEADER #GNB .navi_inner .gnb_inner {
    height: 60px;
}
.nav_wrap {
    height: 60px;
}
#HEADER #GNB .gnb_dim {

    top: 60px;

}
.main_visual_slider_wrap {
    margin: 60px auto 0;
}
}
@media all and (max-width:1024px){
	.nav_wrap {
    height: 60px;
}
#HEADER #GNB .gnb_inner .logo_area .logo {

}
.main_visual_slider_wrap {
    height: 100%;
    position: relative;
    /* height: -webkit-calc(100vh - 88px); */
    /* height: calc(100vh - 88px); */
    max-height: initial;
    z-index: 0;
    margin: 60px auto 0;
}
}



@media all and (max-width: 766px) {
	#HEADER #GNB .gnb_inner .logo_area .logo img {
    /* width: 100%; */
    height:32px;
}

.nav_wrap {
    height: 60px;
}

#mainRoll{width:100%; height:324px; overflow:hidden; z-index:1;}
#mainRoll .swiper-slide{position:relative; width:100%; height:324px; overflow:hidden;}

#mainThum {
    position: absolute;
    left: 0;
    top: 300px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    z-index: 3;
}

}
@media (max-width: 640px){
.main_h .right_A .inbox .img1 img {
    width: 320px;
    margin: 0 0 0 -160px;
}
}
@media all and (max-width:480px){
.main_h .left_A {
    height: 324px;
}
#mainRoll{width:100%; height:324px; overflow:hidden; z-index:1;}
#mainRoll .swiper-slide{position:relative; width:100%; height:324px; overflow:hidden;}
#mainThum {
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    z-index: 3;
}
.main-visual-item .main-visual-txt-con {
    text-align: center;
    margin-top: -15%;
}
}






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

#HEADER #GNB {
    padding: 0 10px;
}
#HEADER #GNB .gnb_inner .logo_area .logo img {
    /* width: 100%; */
   height: 53px; 
}
#HEADER #GNB .gnb_inner .logo_area {
    left: 0px;
}
#HEADER #GNB .gnb_inner .other_services {
    right: 0px;
}
}


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

#HEADER #GNB .gnb_inner .logo_area .logo img {
    /* width: 100%; */
   height: 23px; 
}
}

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

#HEADER #GNB {
    padding: 0 0px;
}
.nav_wrap {
    height: 88px;
}
#HEADER #GNB .gnb_inner .logo_area {
    left: 10px;
}
#HEADER #GNB .gnb_inner .other_services {
    right: 10px;
}

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

#HEADER #GNB .navi_inner .gnb_inner {
    height: 60px;
}
.nav_wrap {
    height: 60px;
}
#HEADER #GNB .gnb_dim {

    top: 60px;

}
.lnb {
    padding: 30px 0;
    display: block;
    /* padding-top: 30px; */
    text-align: right;
   float: none; 
    position: relative;
    margin-top: 0px;
}
.main_container {
    margin: 60px auto 0;
}
.home .main_container {
    padding-bottom: 40px;
}
#HEADER #GNB .gnb_inner .logo_area .logo img {
    /* width: 100%; */
   height: 23px; 
}
.main_visual_slider_wrap {
    margin: 60px auto 0;
}
}
@media all and (max-width:1024px){
	.nav_wrap {
    height: 60px;
}


}


.trans400 {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

.sub_top_visual_bg {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/i_img/bg_dot.png);
    /* background: url(/rw_img/bg_top.png); */
    z-index: 1;
    bottom: 0px;
    top: 0px;
    opacity: 0.8;
}
.sub-visual-area{max-width:1600px; margin:0px auto;padding: 0 10px;}
/* ****************** SUB LAYOUT ********************** */
/*  SUB LAYOUT :: 비주얼 */
#visual{width:100%; height:480px; background-size:cover !important;    position: relative;}
#visual .visual-txt-con{position:relative; text-align:center; display:table; width:100%; height:100%; color:#fff;    z-index: 2;}
#visual .visual-txt-con .table-cell-layout{padding-top: 100px;}
#visual .visual-sub-txt{font-size:15px; letter-spacing: 7px; font-weight:900; padding-bottom:25px;font-family: 'Montserrat', 'Lato', sans-serif;}
#visual .visual-tit{font-weight:900; font-size:80px; letter-spacing: 0.5px;font-family: 'Montserrat', 'Lato', sans-serif;}
.location{overflow:hidden; padding-top:50px;}
.location li{display:inline-block; vertical-align:middle; color:#fff; font-size:15px; font-weight: 400;}
.location li a{color:inherit;}
.location li i{font-size:18px;}
.location li:before{display:inline-block; content:">"; vertical-align:middle; margin:0px 18px 0 20px; font-family:"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; color:#fff; font-size:12px;}
.location li:first-child:before{display:none;}
@media all and (max-width:1350px){
	.sub-visual-area{padding: 0 15px;}
}


@media all and (max-width:1220px){
	/*  SUB LAYOUT :: 비주얼 */
	#visual .visual-txt-con{width: calc(100% - 0px); padding:0 10px;}
	#visual .visual-txt-con .table-cell-layout{padding-top: 80px;}
	#visual .visual-sub-txt {padding-bottom:25px;}

}

@media all and (max-width:800px){
	/*  SUB LAYOUT :: 비주얼 */
	#visual{height:250px;}
	#visual .visual-txt-con .table-cell-layout{/* padding-top: 60px;  padding-bottom:0; */}
	#visual .visual-sub-txt{font-size:11px; padding-bottom:10px;}
	#visual .visual-tit{font-size:50px;}
	.location {display: none;}

}
@media all and (max-width: 767px) {
	#HEADER #GNB .gnb_inner .logo_area .logo img {
    /* width: 100%; */
    height: 32px;
	margin-top: 4px;
  
}
#HEADER #GNB .navi_inner .gnb_inner {
    padding: 0;
}
.footer-logo {
    max-width: 146px;
    margin-top: 10px;
}
.nav_wrap {
    height: 60px;
}
}




.article.product .wrap {position: relative;}
.article.product .article_visual {height: 300px;}
.article.product .article_visual_title {font-size: 42px;}
.article.product .article_visual_bg { background-image: url(../images/sub/visual/product-visual-bg.jpg) }

.biz_container h2.biz_title { font-size: 40px;    font-family: 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight: 500; letter-spacing: -0.025em; line-height: 1.35; margin-bottom: 40px;  text-align: center; text-transform: uppercase;}
.biz_container h2.biz_title sup { font-size: 27px; vertical-align: top; display: inline-block; margin-top: 5px; margin-left: 5px;}
.biz_container h3 sup { display: inline-block; vertical-align: top;}
.biz_container p sup { display: inline-block; vertical-align: top;}
.biz_container .tabs_component { display: block; }
.biz_container .jt_share {padding: 0;}

.biz_tab { display: block; font-size: 0; border-bottom: 1px solid #ddd; margin-bottom: 40px; text-align: center; }
.biz_tab li { display: inline-block; position: relative;}
.biz_tab li a { display: block; font-size: 16px; color: #222;   font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight: 500; line-height: 1.2; padding: 32px 30px; display: block; transition: color 300ms; -webkit-transition: color 300ms}
.biz_tab li:before { content: ''; width: 100%; height: 2px; background: #B5121B; display: block; position: absolute; bottom: 0; left: 0; opacity: 0; transition: opacity 300ms; -webkit-transition: opacity 300ms;}
.biz_tab li.active:before { opacity: 1; }
.biz_tab li.active a { color: #B5121B; }

.biz_info { text-align: center; padding-bottom: 120px;}
.biz_info:after {content:''; display: block; clear: both;}
.biz_info figure { margin-bottom: 58px; }
.biz_info_desc {font-size: 15px; line-height: 1.88; margin-top: -20px;    font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;}

.biz_contact { margin-top: 22px; font-size: 0; margin-bottom: 27px;}
.biz_contact a { color: #222;  font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;font-weight: 400; line-height: 1.87; position: relative; display: inline-block; font-size: 16px;    font-family: 'Montserrat', 'Lato', sans-serif; }
.biz_contact a span { margin-right: 24px; vertical-align: middle; display: inline-block;}
.biz_contact a span img {width: 18px;
    vertical-align: middle;
    position: absolute;
    top: 6px; }
html.android .biz_contact a span:after { vertical-align:middle;}
.biz_contact a.tel {margin-right: 30px;font-family: 'Montserrat', 'Lato', sans-serif; }
.biz_contact a.mail { font-family: 'Montserrat', 'Lato', sans-serif;  }

.biz_btn_wrap { font-size: 0; margin: 0  -10px;}
.biz_btn_wrap a { margin: 0 10px; }

.biz_info_section {margin-top: 60px;}
.biz_info_section:first-child {margin-top: 0;}

.biz_part_section { display: table; width: 100%; padding-bottom: 120px;}
.biz_part_section > div { display: table-cell; vertical-align: top; border-top: 1px solid #ddd; padding-top: 40px; }
.biz_part_section > div.title { width: 25%; border-color: #B5121B; }
.biz_part_section > div.title h3 {     /* font-weight: 700; */
    font-size: 24px;
    letter-spacing: -0.025em;
    line-height: 1.5;
    color: #B5121B;
    font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 500; }

.biz_part_section > div.content { width: -webkit-calc(100% - 25%); width: calc(100% - 25%); font-size: 0;}
.biz_part_section > div.content div.col_list {margin-bottom: 30px;}
.biz_part_section > div.content div.col_list:last-child {margin-bottom: 0;}
.biz_part_section > div.content div.col_2 { width: -webkit-calc(50% - 17.5px); width: calc(50% - 17.5px); display: inline-block; vertical-align: top; margin-right: 35px; }
.biz_part_section > div.content div.col_2:nth-child(2n) {margin-right: 0;}

.biz_part_section > div.content > figure + div {margin-top: 28px;}

.biz_part_section p { font-size: 16px; margin-bottom: 28px; line-height: 1.75; letter-spacing: -0.025em;}
.biz_part_section p:last-child {margin-bottom: 0;}

.biz_part_section p > b {display: inline-block; margin-top: 13px;}
.biz_part_section p > b:first-child {margin-top: 0;}

.biz_part_section small {display: block;}

.biz_part_section ol { counter-reset: item; margin-bottom: 30px; }
.biz_part_section ol:last-child, .biz_part_section ul:last-child {margin-bottom: 0;}
.biz_part_section ol > li, .biz_part_section ul > li { position: relative; font-size: 16px; line-height: 1.75; margin-bottom: 9px; color: #666; letter-spacing: -0.025em;}


.biz_part_section ol > li:last-child, .biz_part_section ul > li:last-child { margin-bottom: 0; }
.biz_part_section ol > li { padding-left: 30px;      padding-left: 40px;
    font-size: 18px;
    line-height: 2;}
.biz_part_section ol > li:before {    counter-increment: item;
    content: counter(item);
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #B5121B;
    color: #fff;
    border-radius: 10%;
    text-align: center;
    line-height: 32px;
    font-family: 'Montserrat', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-size: 14px;
    position: absolute;
    top: 5px;
    left: 0;
    font-weight: 300;}

.biz_part_section figcaption { font-size: 15px; line-height: 1.43; color: #222; margin-top: 15px; letter-spacing: -0.025em; text-align: left;}
.biz_part_section figcaption + figure {margin-top: 30px;}

.biz_part_section ul {margin-bottom: 30px;}
.biz_part_section ul > li { padding-left: 14px; }
.biz_part_section ul > li:before { content: ''; display: block; width: 3px; height: 3px; background: #B5121B; border-radius: 50%; position: absolute; top: 13px; left: 0; }
.biz_part_section ul > li > small {line-height: 1.5; font-size: 12px; margin-top: 4px;}
.biz_part_section ul > li > small:first-child {margin-top: 0;}

.biz_part_section table {border-bottom: 1px solid #ddd; width: 100%;}
.biz_part_section table tr th, table tr td { border-right: 1px solid #ddd; width: 20%; font-size: 14px; line-height: 1.43; text-align: center; padding: 21px 18px 19px; vertical-align: middle; color: #222; letter-spacing: -0.025em; }
.biz_part_section table tr th:last-child, table tr td:last-child { border-right: 0; }
.biz_part_section table thead th { background: #222; color: #fff; }
.biz_part_section table tbody tr:nth-child(odd) td { background: #f4f4f4; }
.biz_part_section table tbody tr:nth-child(even) td { background: #fff; }
.biz_part_section table.topLeft tbody tr td:first-child { background: #444; color: #eee; border-bottom: 1px solid #666; }
.biz_part_section table.topLeft tbody tr:last-child td:first-child {border-bottom: 0;}

.biz_part_section .table_component_wrap {margin-bottom: 40px;}
.biz_part_section .table_component_wrap:last-child {margin-bottom: 0;}

.biz_part_section ul + .gallery_list { margin-top: -8px; }
.biz_part_section ul + figure { margin-top: -8px; }

.biz_part_section .gallery_list { font-size: 0; margin: 0 -18px; margin-bottom: 0;}
.biz_part_section .gallery_list:last-child {margin-bottom: -40px;}
.biz_part_section .gallery_item {    display: inline-block;
    padding: 0 19px;
    margin-bottom: 42px;
    position: relative;
    vertical-align: top;
    max-width: 352px;
    width: 100%;}

.biz_part_section .gallery_item .box_area{ position: relative;}


.biz_part_section .gallery_item figure {max-width: 330px; height: auto;    border-radius: 10px;
    border: 1px solid #ebebeb;}

.biz_part_section .gallery_item figure img{
    width: 100%;
	border-radius: 10px;
}

.biz_part_section .gallery_item span.num {     width: 50px;
    height: 50px;
    background:#1C9AD6;
    position: absolute;
    bottom: 1px;
    right: 1px;
    text-align: center;
    line-height: 50px;border-radius: 0 0px 10px 0px;}
.biz_part_section .gallery_item span.num:before {content: counter(item);
    color: #fff;
    font-size: 14px;
    counter-increment: item;
    font-family: 'Montserrat', 'Lato', sans-serif;
    font-weight: 300; }

.biz_part_section .gallery_list.type_02 { counter-reset: item; }
.biz_part_section .gallery_list.type_02 figcaption { text-align: left; }

.biz_part_section .gallery_list > ul.slick-dots { margin-top: 0; margin-bottom: 50px; }
.biz_part_section .gallery_list > ul > li { width: 7px; height: 7px; margin-bottom: 0; border: 2px solid #B5121B; background: transparent; margin: 0 3px; padding-left: 0; border-radius: 7px; }
.biz_part_section .gallery_list > ul > li:before { display: none; }
.biz_part_section .gallery_list > ul > li.slick-active { width: 17px; background: #B5121B}

.biz_part_section ul.list_type_02 { margin-top: -32px; }
.biz_part_section ul.list_type_02 > li { border-bottom: 1px solid #ddd; margin-bottom: 0;}
.biz_part_section ul.list_type_02 > li:last-child {border-bottom: 0;}
.biz_part_section ul.list_type_02 > li:before { top: 46px; }
.biz_part_section ul.list_type_02 > li a { display: block; color: #666; padding: 32px 0 31px; padding-right: 30px; }
.biz_part_section ul.list_type_02 > li a:hover { color: #B5121B; }
.biz_part_section ul.list_type_02 > li span {position: relative;}
.biz_part_section ul.list_type_02 > li span:before { content: url(../images/sub/product/icon-file-pdf.svg); display: block; position: absolute; top: -8px; left: 16px;}

.biz_part_section ul.list_type_03 {padding-top: 8px; }
.biz_part_section ul.list_type_03 > li {font-weight: 400; padding-left: 9px;}
.biz_part_section ul.list_type_03 > li:before { content: ''; background: #666; width: 5px; height: 1px; top: 16px; line-height: 1; border-radius: 0;}

.biz_part_section ul.list_type_04 > li { color: #222; font-weight: 600; }
.biz_part_section ul.list_type_04 > li > ul {padding-top: 8px; }
.biz_part_section ul.list_type_04 > li > ul > li {font-weight: 400; padding-left: 9px;}
.biz_part_section ul.list_type_04 > li > ul > li:before { content: ''; background: #666; width: 5px; height: 1px; top: 16px; line-height: 1; border-radius: 0;}

.biz_part_section .multi_list + * {margin-top: 28px;}
.biz_part_section .multi_list + .gallery_list {margin-top: 28px;}
.biz_part_section .multi_list > .multi_list_item {padding-left: 0; counter-increment: item; margin-top: 28px;}
.biz_part_section .multi_list .list_title {font-size: 16px; font-weight: 600; color:#222; padding-left: 14px; position: relative; line-height: 1.75; padding-bottom: 18px;}
.biz_part_section .multi_list .list_title:before { content: ''; display: block; width: 3px; height: 3px; background: #B5121B; border-radius: 50%; position: absolute; top: 13px; left: 0;}
.biz_part_section .multi_list .list_title:last-child {padding-bottom: 0;}

.biz_part_section .multi_list .list_title.type_02 {font-size: 20px; padding-left: 38px; line-height: 1.4; padding-bottom: 30px}
.biz_part_section .multi_list .list_title.type_02:before { content: counter(item); width: 28px; height: 28px; color: #fff; text-align: center; line-height: 28px; top: 0; left: 0; font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight: 400; font-size: 16px; border-radius: 0;}

.biz_part_section .multi_list .list_title.type_03 {font-size: 20px; line-height: 1.4; padding-bottom: 30px; padding-left: 0;}
.biz_part_section .multi_list .list_title.type_03:before {display: none;}

.biz_part_section .multi_list .list_title.type_02 + .cell_list { margin-top: -4px; }
.biz_part_section .multi_list .list_title.type_02 + h5 {margin-top: -10px;}
.biz_part_section .multi_list .list_title.type_01 + ul { padding-left: 14px; }

.biz_part_section .multi_list_item figure + h5 {margin-top: 28px;}
.biz_part_section .multi_list_item > ul { padding-top: 0; margin-bottom: 28px; margin-top: -10px;}
.biz_part_section .multi_list_item > p {margin-top: -10px; }
.biz_part_section .multi_list_item:last-child ul:last-child {margin-bottom: 0;}

.biz_part_section .multi_list .cell_list { margin-bottom: 30px;}
.biz_part_section .multi_list .cell_list:last-child { margin-bottom: 0; }

.biz_part_section .multi_list .gallery_list:last-child {padding-bottom: 36px;}

.biz_part_section .multi_list.type_02 .multi_list_item:first-child {padding-top: 0;}
.biz_part_section .multi_list.type_02 .multi_list_item {padding: 40px 0; border-bottom:1px solid #ddd;}
.biz_part_section .multi_list.type_02 .multi_list_item:last-child {border: 0; padding-bottom: 0;}

.biz_part_section .cell_item { display: table; margin-bottom: 30px; }
.biz_part_section .cell_item:last-child {margin-bottom: 0;}
.biz_part_section .cell_item > * { display: table-cell; vertical-align: top; }
.biz_part_section .cell_item_img { width: 273px; }
.biz_part_section .cell_item_content { padding-left: 36px; width: -webkit-calc(100% - 273px); width: calc(100% - 273px); padding-top: 10px;}
.biz_part_section .cell_item_content ul > li { margin-bottom: 5px; }
.biz_part_section .cell_item_content ul > li:last-child {margin-bottom: 0;}
.biz_part_section .cell_item_content b { font-size:  16px; color: #222; font-weight: 600; display: block; padding-bottom: 4px;}
.biz_part_section .cell_item_content b:last-child {padding-bottom: 0;}

.biz_part_section br.small_screen_br {display: none;}
.biz_part_section br.keep_br {display: block;}

.biz_list .article_visual { height:300px;}
.biz_list .article_visual_bg{ background-image: url(../images/sub/visual/product-list-visual-bg.jpg); }

.kse_product.kse_section { padding-top: 172px; }
.kse_biz_tab {font-size: 0; text-align: center; border-bottom: 1px solid #ddd; padding: 0 30px;}
.kse_biz_tab > .kse_biz_tab {border: 0;}
.kse_biz_tab > li {display: inline-block;position: relative;}
.kse_biz_tab > li.active > a { color: #B5121B }
.kse_biz_tab > li.active:after { content: ''; display: block; width: 100%; height: 4px; background: #B5121B; position: absolute; bottom: -1px; left: 0; }
.kse_biz_tab > li > a {display: block; font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;font-size: 16px;font-weight: 500;color: #222;line-height: 1.12;padding: 31px 19px 30px;}

.kse_biz_list {font-size: 0;margin: 0 -1.5%;margin-top:-10px;}
.kse_biz_item {display: inline-block; vertical-align: top; margin: 0 1.5%;width: 30.3%;margin-top:60px;}
.kse_biz_item_link { display: block; cursor: pointer; }
.kse_biz_item figure { position: relative; display: block; width:376px;height:200px; }
.kse_biz_item figure:before { content: ''; display: block; width: 100%; height: 100%; -webkit-box-shadow: 0px 0px 0px 1px #B5121B; box-shadow: 0px 0px 0px 1px #B5121B; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity 300ms; -webkit-transition: opacity 300ms;}
.kse_biz_item figure img { width:100%; height:100%;}
.kse_biz_item p { font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;font-size: 16px;font-weight: 500;color: #666;margin-top: 25px;line-height: 1.1;transition: color 300ms;-webkit-transition: color 300ms;}
.kse_biz_btn_wrap { text-align: center; }

html.desktop .kse_biz_item_link:hover figure:before {opacity: 1;}
html.desktop .kse_biz_item_link:hover p { color: #B5121B; }


.biz_container .mid_tit {
    margin-bottom: 40px;
    text-align: center;

}

.biz_part_section .cell_item {
    display: table;
    margin-bottom: 30px;
}
.biz_part_section .cell_item { display: table; margin-bottom: 30px;     width: 100%;}
.biz_part_section .cell_item:last-child {margin-bottom: 0;}
.biz_part_section .cell_item > * { display: table-cell; vertical-align: top; }
.biz_part_section .cell_item_img { width: 273px; }
.biz_part_section .cell_item_content { padding-left: 36px; width: -webkit-calc(100% - 273px); width: calc(100% - 273px); padding-top: 10px;}
.biz_part_section .cell_item_content ul > li { margin-bottom: 5px; }
.biz_part_section .cell_item_content ul > li:last-child {margin-bottom: 0;}
.biz_part_section .cell_item_content b { font-size:  16px; color: #222; font-weight: 600; display: block; padding-bottom: 4px;}
.biz_part_section .cell_item_content b:last-child {padding-bottom: 0;}


.biz_part_section .cell_item {
    width: 100%;
}

.biz_part_section .cell_item_content b {
    font-size: 16px;
    color: #222;
    font-weight: 600;
    display: block;
    padding-bottom: 4px;
    font-size: 15px;
    line-height: 1.43;
    color: #222;
    /* margin-top: 15px; */
    letter-spacing: -0.025em;
    text-align: left;
    font-weight: normal;
}
.biz_part_section .cell_item_content b:last-child {
    padding-bottom: 0;
}
.biz_part_section .cell_item_content b {
    position: relative;
    margin-left: 15px;
}
.biz_part_section .cell_list:nth-child(2) {
    margin-top: 30px;
}

.biz_part_section .cell_item_content b:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #B5121B;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: -10px;
}

.biz_part_section .cell_item > * {
    width: 50%;
    padding-left: 10px;
    padding-right: 0px;
}

.biz_part_section .cell_item_content {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}

.biz_part_section .cell_item_content b:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #B5121B;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: -10px;
}
.biz_part_section .cell_item img {
    width: 100%;
  
}

@media (max-width: 1440px){
.biz_part_section > div.title {
    width: 18.5%;
    border-color: #B5121B;
}
.biz_part_section .gallery_item {
    display: inline-block;
    padding: 0 19px;
    margin-bottom: 42px;
    position: relative;
    vertical-align: top;
    max-width: 336px;
    width: 100%;
}
}
@media (max-width: 1023px){
    .article.product .article_visual_title {font-size: 32px;}
	body.single-product .article_visual_title span {font-size: 32px;}
 	body.single-product .article_visual_title span.title:before {height: 24px; top: 5px; }


	.biz_container h2.biz_title {font-size:30px;}
	.biz_container h2.biz_title sup {font-size: 24px; margin-top: 0;}
    .biz_part_section > div.title { width:23%;padding-right:2%;float:left;}
    .biz_part_section > div.title h3 {font-size:22px; line-height: 1.4;}
	.biz_part_section > div.content {width: 75%;float:left;}
	.biz_part_section > div.content p br { display:none;}
	.biz_part_section .gallery_list {margin: 0 -10px;}
	.biz_part_section .gallery_item {padding: 0 10px;}
    .biz_info_desc { padding:0 30px; font-size:16px;}
    .biz_info_desc br { display:none;}
	.biz_contact a {font-size:15px;}
	.biz_btn_wrap a { min-width: 159px; }
}

/* **************************************** *
 * 940px
 * **************************************** */

@media (max-width: 940px){

.subBody {
    margin: 0px auto 0;
    padding-top: 60px;
    padding-bottom: 60px;
}


	.biz_part_section .cell_item { display: block; }
	.biz_part_section .cell_item > * { display: block; width: auto; }
	.biz_part_section .cell_item > .cell_item_img {display: inline-block;}
	.biz_part_section .cell_item_content { padding-left: 0; padding-top: 20px; }

}

/* **************************************** *
 * 767px
 * **************************************** */

@media(max-width: 767px){
	.biz_list .article_visual {height: 250px;}
	.article.product .article_visual {height: 250px;}
	.article.product .article_visual_title {font-size: 28px;}
	body.single-product .article_visual_title span {font-size: 28px;}
	body.single-product .article_visual_title span.title {padding-left: 40px;}
	body.single-product .article_visual_title span.title:before {height: 21px; top: 4px; left: 22px;}


	.biz_container h2.biz_title {font-size:23px; margin-bottom:20px;}
	.biz_container h2.biz_title sup {font-size: 20px;}
	.biz_info_section {margin-top: 40px;}
	.biz_part_section {padding-bottom:80px;display:block;}
	.biz_part_section > div.title { width:100%; padding:18px 20px 16px;display:block;text-align:center;float:none;}
	.biz_part_section > div.title h3 { font-size:20px;}
	.biz_part_section > div.title h3 > br {display: none;}
	.biz_part_section > div.title h3 > br.keep_br {display: block;}
	.biz_part_section > div.title h3 > br.small_screen_br {display: block;}
	.biz_part_section > div.content { width:100%;padding-top:17px;display:block; float:none;}
	.biz_part_section ol > li, .biz_part_section ul > li { font-size:15px;line-height:1.67; }
	.biz_part_section ol {margin-bottom:19px;}
	.biz_part_section ol > li {padding-left: 24px;}
	.biz_part_section ol > li:before {width:17px;height:17px;line-height:17px;top: 4px;}
	html.ios .biz_part_section ol > li:before {top: 3px;}
	.biz_part_section ul {margin-bottom:18px;}
	.biz_part_section ul > li { padding-left:10px;}
	.biz_part_section ul > li:before {top:11px;}
	.biz_part_section ul.list_type_02 {margin-top: -17px;}
	.biz_part_section ul.list_type_02 > li:before {top: 31px;}
	.biz_part_section ul.list_type_02 > li a {padding: 20px 0; padding-right: 30px;}
	.biz_part_section ul.list_type_02 > li span:before { content: '\e92f'; font-family: 'jt-font'; top: -6px; left: 10px; color: #B5121B; font-size: 18px; }
	html.android .biz_part_section ul.list_type_02 > li span:before  {top:-6px;}
	.biz_part_section ul.list_type_03 > li {margin-bottom: 4px;}
	.biz_part_section ul.list_type_03 > li:before {top: 11px;}
	.biz_part_section p {font-size:15px;line-height:1.67; margin-bottom: 14px;}
	.biz_part_section figcaption { margin-top:10px;}
	.biz_part_section .gallery_list {margin: 0 -5px;}
	.biz_part_section .gallery_list:first-child {padding-top: 10px;}
	.biz_part_section .gallery_item {padding: 0 5px;margin-bottom:30px;}
	.biz_part_section .cell_item { display: table; }
	.biz_part_section .cell_item > * { display: table-cell; width: 50%; }
	.biz_part_section .cell_item > .cell_item_img { width: 50%; }
	.biz_part_section .cell_item > .cell_item_content { width: -webkit-calc(100% - : 50%); width: calc(100% - : 50%); padding-top: 15px; }
	.biz_part_section .cell_item_content { padding-top: 10px; padding-left: 10px;}
	.biz_part_section .multi_list .list_title { padding-bottom: 6px; padding-left: 10px; line-height: 1.67; font-size: 15px;}
	.biz_part_section .multi_list_item > p {margin-top: 0;}
	.biz_part_section .multi_list .list_title:before {top: 10px;}
	.biz_part_section .multi_list .list_title.type_01 + ul { padding-left: 10px; }
	.biz_part_section .multi_list .list_title.type_02 { font-size: 18px; padding-bottom: 15px; padding-left:35px; line-height:1.4}
	.biz_part_section .multi_list .list_title.type_02:before {width: 25px; height: 25px; line-height:25px;font-size:14px;}
	.biz_part_section .multi_list .list_title.type_02 + .cell_list {margin-top: -2px;}
	.biz_part_section .multi_list .list_title.type_02 + h5 {margin-top: 0;}
	.biz_part_section .multi_list .list_title.type_03 { font-size: 18px; padding-bottom: 15px; line-height:1.4}
	.biz_part_section .multi_list_item > ul { margin-top: 0; margin-bottom: 20px; }
	.biz_part_section .multi_list.type_02 .multi_list_item {padding: 30px 0;}
	.biz_part_section .cell_item_content b { font-size: 15px; }
	.biz_part_section br {display: none;}
	.biz_part_section small br {display: block;}
	.biz_part_section br.small_screen_br {display: block;}
	.biz_part_section .cell_item {
    display: table;
    margin-bottom: 20px;
    width: 100%;
}

	.biz_part_section p.biz_contact { margin-top: 10px; margin-bottom: 20px; }
	.biz_part_section.biz_inquiry .content { text-align: center; }

	html.ios .biz_part_section ul > li:before {top: 10px;}
	html.ios .biz_part_section ul.list_type_02 > li:before {top: 30px;}

	.biz_info { padding-bottom:80px;}
	.biz_info figure {margin-bottom: 0;}
	.biz_info_desc {margin-top:19px;font-size:15px;line-height:1.67;letter-spacing:-0.025em;}
	.biz_contact {margin-top:19px;margin-bottom:20px;}
	.biz_contact a {font-size:14px;}
	.biz_btn_wrap a { min-width: 140px; }
	


	.kse_biz_tabs_wrap { margin-top: -16px; }
	.kse_biz_tab { overflow-y: hidden; overflow-x: auto; white-space: nowrap; margin-left: -30px; margin-right: -30px;}
	.kse_biz_tab > li > a { padding: 16px 19px 15px; }
	.kse_biz_list { margin: -10px; margin-top: 15px;}
	.kse_biz_item { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); margin: 16px 10px; }
	.kse_biz_item p {white-space: normal; margin-top: 12px; font-size: 15px; line-height: 1.3}


.biz_part_section .cell_item_content b {
    font-size: 13px;
}
.biz_part_section .cell_item_content b:before {
    top: 9px;
}

 }

@media(max-width: 640px){
	.biz_part_section .cell_item { display: block; }
	.biz_part_section .cell_item > * { display: block; width: auto; }
	.biz_part_section .cell_item > .cell_item_img {display: inline-block;}
	.biz_part_section .cell_item > .cell_item_content {width: auto;}
	.biz_part_section .cell_item_content { padding-left: 0; padding-top: 20px; }





}

@media(max-width: 540px){


   .xwrap {
    margin: 0 15px;
}
  .subpage .xwrap {
    margin: 0 15px;
}

	.biz_list .article_visual {height: 200px;}
	.article.product .article_visual {height: 200px;}
	.article.product .article_visual_title {font-size: 25px;}
	body.single-product .article_visual_title span {font-size: 25px;}
	body.single-product .article_visual_title span.title { padding-left: 0; font-size:15px; display: block; margin-top: 10px; }
	body.single-product .article_visual_title span.title:before {display: none;}


	.biz_container h2.biz_title {}

	.biz_info { padding-bottom:30px;}
	.biz_info_desc { padding:0;}
	.biz_info_desc {padding: 0 6%;    font-size: 13px;}
	.biz_contact a.tel {margin-right: 15px;}
	.biz_contact a.tel span {margin-right:18px;}
	.biz_btn_wrap {margin: 0 -5px;}
	.biz_btn_wrap a { min-width: 100px; margin: 0 5px; padding:15px 15px 13px; font-size: 13px;}
	html.android .biz_btn_wrap a { padding:14px 15px 14px;}
	.biz_part_section { padding-bottom: 60px;}
	.biz_part_section .gallery_list { margin-bottom: 16px; }
	.biz_part_section .gallery_item {margin-bottom:20px;}
	.biz_part_section .gallery_item span.num {    width: 33px;
    height: 33px;
    /* line-height: 26px; */
    /* right: 0px; */
    line-height: 33px;}
	.biz_part_section .gallery_list.type_02 .gallery_item { width:50%;}
	.biz_part_section .multi_list .list_title.type_02 {font-size:16px; padding-left:30px;}
	.biz_part_section .multi_list .list_title.type_02:before {width: 22px; height: 22px; line-height: 22px; font-size: 12px;}
	.biz_part_section .multi_list .list_title.type_03 {font-size:16px; }


	.kse_biz_tab {margin-left: -15px; margin-right: -15px; padding: 0 15px;}

.biz_contact a span img {
    width: 12px;
    vertical-align: middle;
    position: absolute;
    top: 6px;
}

.biz_contact a.mail span {
    margin-right: 18px;
    vertical-align: middle;
    display: inline-block;
}

.biz_contact a.tel span img {
    top: 7px;
}

 }

@media(max-width: 380px){
	.biz_part_section .gallery_list {text-align: center;}
	.biz_part_section .gallery_item { width: auto; }
	.biz_part_section .gallery_list.type_02 .gallery_item {width: 283px;}
	.biz_part_section .gallery_list.type_02 + figure {width: 273px; margin-left: auto; margin-right: auto;}
	.biz_part_section .gallery_list.type_02 + figure + figcaption {width: 273px; margin-left: auto; margin-right: auto;}

	.biz_btn_wrap a {min-width: 30%;}
 }



.btn_s {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;padding: 20px; min-width: 169px; font-size: 16px;font-weight: 500;letter-spacing: 0;color: #fff;border: 2px solid #B5121B;background: transparent; color: #B5121B; -webkit-transition: all 300ms;transition: all 300ms; font-family: 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;     border-radius: 30px;}
.btn_s.jt_small {padding: 13px 22px;}
.btn_s.jt_large {padding: 22px 40px;}
html.desktop .btn_s:hover {background: #B5121B; color: #fff}

.btn_s.jt_type_02 {color: #fff; background: #B5121B;}
html.desktop .btn_s.jt_type_02:hover {background: #B5121B; color: #fff}

.btn_s.jt_type_03 {color: #fff;border-color: #fff; background: transparent; border: none;}
html.desktop .btn_s.jt_type_03:hover {color: #fff;background: #B5121B; border-color: #B5121B}
html.desktop .btn_s.jt_type_03:hover:before {background: #B5121B; color: #fff}

html.ios .btn_s {padding-top: 17px;padding-bottom: 15px;}
html.ios .btn_s.jt_small {padding-top: 14px;padding-bottom: 12px;}
html.ios .btn_s.jt_large {padding-top: 20px;padding-bottom: 18px;}

/* Icon Button */
.jt_btn_icon {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;width: 120px;padding: 16px;font-size: 16px;font-weight: 400;letter-spacing: -0.025em;color: #222;border: 1px solid #ddd;border-radius: 5px;background: #fff;-webkit-transition: all 300ms;transition: all 300ms;}
.jt_btn_icon span {display: inline-block;position: relative;-webkit-transition: padding 300ms;transition: padding 300ms;}
.jt_btn_icon span:after {display: block;width: 20px;height: 20px;position: absolute;right: -12px;top: 50%;margin-top: -9px;font-family: 'jt-font';font-size: 12px;font-weight: normal;line-height: 20px;text-align: center;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}

html.desktop .jt_btn_icon:hover span {padding-right: 12px;}
html.desktop .jt_btn_icon:hover span:after {opacity: 1;}

.jt_btn_icon.jt_large {width: 160px;padding-top: 19px;padding-bottom: 19px;}

.jt_btn_icon.jt_icon_check span:after {content: '\e935';}
.jt_btn_icon.jt_icon_download span:after {content: '\e92f';font-size: 13px;}

.jt_btn_icon.jt_type_02 {color: #fff;background: #B5121B;border-color: #B5121B;}

html.ios .jt_btn_icon {padding-top: 17px;padding-bottom: 15px;}
html.ios .jt_btn_icon.jt_large {padding-top: 20px;padding-bottom: 18px;}

/* Point Button */
.jt_btn_point {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;min-width: 150px;padding: 16px 44px;font-size: 16px;font-weight: 400;letter-spacing: -0.025em;color: #222;background: #fff;border: 3px solid #ddd;border-radius: 28px;-webkit-transition: all 300ms;transition: all 300ms;}
.jt_btn_point.jt_small {min-width: 110px;padding: 13px 30px;}
.jt_btn_point.jt_large {min-width: 180px;padding: 19px 54px;}
html.desktop .jt_btn_point.jt_type_01:hover {background: #f4f5f6;}

.jt_btn_point.jt_type_02 {color: #B5121B;border-color: #B5121B;}
html.desktop .jt_btn_point.jt_type_02:hover {background: #edf0ff;}

html.ios .jt_btn_point {padding-top: 17px;padding-bottom: 15px;}
html.ios .jt_btn_point.jt_small {padding-top: 14px;padding-bottom: 12px;}
html.ios .jt_btn_point.jt_large {padding-top: 20px;padding-bottom: 18px;}

/* Gradient Button */
.jt_gradient_btn {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;width: 200px;padding: 22px 20px;font-size: 16px;font-weight: 400;letter-spacing: -0.025em;color: #222;background: transparent;border: none;border-radius: 30px;-webkit-transition: color 300ms, border 300ms;transition: color 300ms, border 300ms;overflow: hidden;}
.jt_gradient_btn:before {content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 3px solid #ddd;border-radius: 30px;}
.jt_gradient_btn > span {position:relative;z-index: 1;}
.jt_gradient_btn .jt_gradient_btn_bg {display: block;width: 200%;position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: #5677fc;background: -webkit-linear-gradient(-45deg, #5677fc 0%,#75d891 100%);background: -webkit-linear-gradient(315deg, #5677fc 0%,#75d891 100%);background: linear-gradient(135deg, #5677fc 0%,#75d891 100%);border-radius: 30px;-webkit-transform: translateZ(0);transform: translateZ(0);will-change: left;opacity: 0;-webkit-transition: left .5s cubic-bezier(.19, 1, .22, 1), opacity .3s;transition: left .5s cubic-bezier(.19, 1, .22, 1), opacity .3s;}

html.desktop .jt_gradient_btn:hover {color: #fff;}
html.desktop .jt_gradient_btn:hover .jt_gradient_btn_bg {opacity: 1;}

html.ios .jt_gradient_btn {padding-top: 23px;padding-bottom: 11px;}

/* Read More Button */
.jt_btn_more { display: inline-block; position: relative; min-width: 255px; padding: 21px 20px 20px; font-size: 15px; line-height: 1; letter-spacing: 0.01em; text-align: center; font-weight: 500; border: 2px solid #B5121B; font-family: 'Gotham', 'NotoSansKR', sans-serif; background: transparent; color: #B5121B; -webkit-transition: all 300ms; transition: all 300ms; }
.jt_btn_more span { padding-right: 27px; position: relative; }
.jt_btn_more span:after { display: block; font-family: 'jt-font'; content: '\e92b'; font-size: 10px; font-weight: normal; text-align: center; color: #B5121B; position: absolute; right: 0; top: 5px; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }
html.ie .jt_btn_more span:after {top:3px;}
html.desktop .jt_btn_more:hover { color: #fff; background: #B5121B; }
html.desktop .jt_btn_more:hover span:after { color: #fff; }


/* **************************************** *
 * FORM
 * **************************************** */
/* label */
.jt_label {display: block;position: relative;font-size: 16px;line-height: 1.35;font-weight: 600;color: #222;}
.jt_label.required:after {padding-left: 4px;content: '*';color: #ff0000;}

/* input */
.jt_form_field {display: inline-block;width: 350px;height: 50px;margin: 0;padding: 11px 14px 12px;vertical-align: middle;font-size: 16px;line-height: 1.75;color: #666;border: 1px solid #ddd;outline: none;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: border 300ms, -webkit-box-shadow 300ms;transition: border 300ms, -webkit-box-shadow 300ms;transition: border 300ms, box-shadow 300ms;transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms;}
html.mobile .jt_form_field {border-radius:0;}
html.safari .jt_form_field {padding-top:14px;}
textarea.jt_form_field {height: 194px;overflow: auto;resize: none;}
html.desktop .jt_form_field:hover {border-color: #B5121B;}
html.desktop  .jt_form_field:focus {border-color: #B5121B; background: #fff;}
.jt_form_field:disabled, .jt_form_field:-moz-read-only {background: #eee;border-color: #eee;box-shadow: none;}
.jt_form_field:disabled, .jt_form_field:read-only {background: #eee;border-color: #eee;-webkit-box-shadow: none;box-shadow: none;}
html.desktop .jt_form_field:disabled, html.desktop .jt_form_field:-moz-read-only {border-color: #eee;box-shadow: none;}
html.desktop .jt_form_field:disabled, html.desktop .jt_form_field:read-only {border-color: #eee;-webkit-box-shadow: none;box-shadow: none;}

.jt_form_block_field {display: block;}
.jt_form_full_field {display: block;width: 100%;}


.article_breadcrumbs {    height: 130px;
    margin-top: -105px;
    position: relative;
    padding-left: 10%;
    padding-right: 10%;
    /* position: relative; */
    z-index: 1;}

.article_breadcrumbs_inner {background: #fff;    float: left;padding: 0 30px;
    width: 100%;}

.breadcrumb {padding: 77px 0 60px;/*display: inline-block;    float: right;*/}

.article_breadcrumbs_nav h2.biz_title {font-size: 40px;
    font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 500;
    letter-spacing: -0.025em;
    line-height: 1.35;
    /* margin-bottom: 40px; */
    text-align: left;
    text-transform: uppercase;
    display: inline-block;
}
.article_breadcrumbs_inner .xwrap .breadcrumb {    padding: 57px 0 60px;
    display: block;
    /* width: 50%; */
    /* float: right;*/ }
.article_breadcrumbs_inner .xwrap h2.biz_title  {  padding: 37px 0 70px;
    display: block;
    float: left;
    position: relative;
    vertical-align: middle; }
.breadcrumb li {float: right;position: relative;}

.breadcrumb li a, .breadcrumb li span {display: block;font-size: 15px;font-weight: 400;line-height: 1.4;color: #666;-webkit-transition: color 300ms;transition: color 300ms;}

.breadcrumb li a:hover {color: #1c9ad6;}

.breadcrumb li.separator {padding: 0 5px;}

.breadcrumb li.separator span {font-size: 0;}

.breadcrumb li.separator span:after {display: block;font-family: 'jt-font';content: '\e93b';font-size: 10px;font-weight: normal;line-height: 22px;color: #aaa;}

.breadcrumb li.home {margin-right: 10px;}

.breadcrumb li.home a {font-size: 0;}

.breadcrumb li.home a:after {display: block;font-family: 'jt-font';content: '\e92c';font-size: 16px;font-weight: normal;line-height: 21px;color: #212121;}

.breadcrumb li.home + li.separator {display: none;}

.article_breadcrumbs_nav .lnb {padding: 57px 0 60px;
    display: block;
    /* padding-top: 30px; */
    text-align: right;
    float: right;
    position: relative;
    margin-top: 0px;}
.article_breadcrumbs_nav .lnb:after {content:''; display:block; clear:both;}
.article_breadcrumbs_nav .lnb .home {float:left; display:block; width:36px; height:30px; border-right:1px solid #e1e1e1; background:url("/i_img/top_h_btn.png") no-repeat 0 50%;}
.article_breadcrumbs_nav .lnb > div {float:left; position:relative; margin-left:20px;}
.article_breadcrumbs_nav .lnb > div.oneD {margin-left:26px;}
.article_breadcrumbs_nav .lnb > div > a {display:block; padding-right:42px; height:30px; font-size:16px; color:#555; line-height:28px; background:url("/i_img/top_l_icon.png") no-repeat right 0 top 50%;}
.article_breadcrumbs_nav .lnb > div > div {position:absolute;    top: 50px; left:-26px; padding:25px; border:1px solid #e1e1e1; background:#fff; display:none;}
.article_breadcrumbs_nav .lnb > div > div a {display:block; font-size:15px; color:#555; white-space:nowrap; margin-top:17px;}
.article_breadcrumbs_nav .lnb > div > div a:first-child {margin-top:0;}
.article_breadcrumbs_nav .lnb > div .current {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#000;}
.article_breadcrumbs_nav .mBackBt {display:none; position:absolute; top:38px; left:3%;}






@media(max-width:1700px){
.article_breadcrumbs {
    height: 130px;
    margin-top: -105px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    /* position: relative; */
    z-index: 1;
}

.biz_part_section .gallery_item {
    display: inline-block;
    padding: 0 16px;
    margin-bottom: 42px;
    position: relative;
    vertical-align: top;
    max-width: 343px;
    width: 100%;
}



}

@media(max-width:1600px){


#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a {
    font-size: 12px;
}
   #HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li { margin: 0 10px;
   }

}



@media(max-width:1440px){



.biz_part_section .gallery_item {
    display: inline-block;
    padding: 0 16px;
    margin-bottom: 42px;
    position: relative;
    vertical-align: top;
    max-width: 314px;
    width: 100%;
}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a {
    font-size: 12px;
}
   #HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li { margin: 0 10px;
   }

}

@media(max-width:1280px){

#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul {
    width: calc(100% - 237px);
}

.biz_part_section .gallery_item {
    display: inline-block;
    padding: 0 16px;
    margin-bottom: 42px;
    position: relative;
    vertical-align: top;
    max-width: 268px;
    width: 100%;
}

}


@media(max-width:1024px){
.article_breadcrumbs {
    height: 130px;
    margin-top: -85px;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    /* position: relative; */
    z-index: 1;
}
.article_breadcrumbs_inner .xwrap {
margin: 0 30px;
}
.biz_part_section .gallery_item {
    display: inline-block;
    padding: 0 14px;
    margin-bottom: 42px;
    position: relative;
    vertical-align: top;
    max-width: 315px;
    width: 100%;
}
}

@media(max-width:940px){

.subBody {
    margin: 0px auto 0;
    padding-top: 20px;
    padding-bottom: 60px;
}

}


@media(max-width: 768px){
.article_breadcrumbs {
    height: 80px;
    margin-top: 0px;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    /* position: relative; */
    z-index: 1;
}
.article_breadcrumbs_inner .xwrap {
margin: 0 30px;
}
.article_breadcrumbs_inner .xwrap h2.biz_title {
    font-size: 28px;    font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic';
}
.article_breadcrumbs_inner .xwrap h2.biz_title {
    padding: 30px 0;
    display: block;
    float: none;
    position: relative;
    vertical-align: middle;
    text-align: center;
}
.article_breadcrumbs_nav .lnb {
display:none;
}

.biz_part_section .gallery_list.type_02 .gallery_item {
    width: 50%;
}
.biz_part_section figcaption {
    font-size: 13px;
    line-height: 1.43;
 
}
 }




#content_pop {
display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    background: rgba(0, 0, 0, .72);
    z-index: 9999;
}

 .pw_pop {
    position:absolute;
    top: 40%;
    left: 50%;
    width: 100%;
    max-width: 310px;
    padding: 70px 0;
    margin-left: -155px;
    background: #fff;
    border: 0px solid #e5e5e5;
    text-align: center;
    z-index: 1000001;
    border-radius: 10px;
    webkit-box-shadow: 0 24px 65px 0 rgba(16,16,17,.13);
    -moz-box-shadow: 0 24px 65px 0 rgba(16,16,17,.13);
    box-shadow: 0 24px 65px 0 rgba(16,16,17,.13);


}

/*
.pw_pop{position:absolute;top:50%;left:50%;width:100%;max-width:310px;padding:50px 0;margin-left:-155px;background:#fff;border:1px solid #e5e5e5;text-align:center;z-index:100;}
*/
.pw_pop .title{font-size:17px;color:#333;font-weight:400;  
        font-family: Lato,Noto Sans KR, 맑은고딕, sans-serif;
    letter-spacing: -0.03em;}
.pw_pop .info{font-size:14px;margin-top:5px;font-weight:400;  
        font-family: Lato,Noto Sans KR, 맑은고딕, sans-serif;
    letter-spacing: -0.03em;color:#666;}
.pw_pop .input_pw{position:relative;height:30px;margin-top:15px;}
.pw_pop .input_pw input{height:27px;line-height:28px;    padding: 0px 0 2px 5px;
}
.pw_pop .input_pw a{display:inline-block;zoom:1;font-size:13px;color:#666;height:30px;line-height:28px;padding:0 18px;margin-left:2px;border:1px solid #e1e1e1;font-weight:400;  
         font-family: Lato,Noto Sans KR, 맑은고딕, sans-serif;
    letter-spacing: -0.03em;}
.pw_pop .btn_close{position:absolute;top:20px;right:20px}


.pw_pop .btn_close{position:absolute;top:20px;right:20px;width: 20px;
    height: 20px;
	    cursor: pointer;
	}




.pw_pop .btn_close img{
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    max-width: 100%;
}

.pw_pop .btn_close:hover img
{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);  
    
    }



/* ** 퀵메뉴 ** */
.qck_btn > button {
	width:55px;
	height:55px;
	background:#f53024;
	border-radius:100%;
	transition:none;
	
}
.qck_btn > button#qck_Open:before {
    display: block;
    position: absolute;
    top: 12px;
    left: 2px;
    bottom: 0;
    width: 50px;
    /* background: url(/i_img/fix_menu.png) 50% 0 no-repeat; */
    background-size: cover;
    content: '';
    content: '';
    display: block;
    font-family: 'shop-font';
    font-size: 25px;
    line-height: 34px;
    text-align: center;
    font-weight: normal;
    color: #fff;
    -webkit-transition: color 300ms;
    transition: color 300ms;
    content: '\e96a';
}

.qck_btn > button#qck_Close {
	width:55px;
	height:55px;
	background:#000 ;
	border-radius:100%;
	transition:none;
}



.qck_btn > button#qck_Close:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    /* bottom: 0; */
    width: 50px;
    height: 50px;
    /* background: url(/i_img/fix_menu.png) 50% 0 no-repeat; */
    background-size: cover;
    content: '';
    content: '';
    display: block;
    font-family: 'shop-font';
    font-size: 15px;
    line-height: 50px;
    margin-top: -25px;
    text-align: center;
    font-weight: normal;
    color: #fff;
    -webkit-transition: color 300ms;
    transition: color 300ms;
    content: '\E92E';
}


[lang="en"] {
    font-family: 'Montserrat', 'NotoSansKR', sans-serif;
    letter-spacing: 0;
   /* font-family: mr-eaves-xl-sans, serif;
    font-weight: 800;*/
}

.quick_rgt_cont {
	
}
.quick_rgt_cont .quick_rgt_btn_A{
	-o-transform:scale(0.98);
	-ms-transform:scale(0.98);
	-moz-transform:scale(0.98);
	-webkit-transform:scale(0.98);
	transform:scale(0.98);
	-webkit-transition:0.5s;
	transition:0.5s;
	margin-bottom:-20px;
	opacity:0;
}
.quick_rgt_cont .quick_rgt_btn_A.act{
	margin-bottom:5px;
	-o-transform:scale(1);
	-ms-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
.quick_rgt_btn_A li{
	margin-bottom:-55px;
	-webkit-transition:0.5s;
	transition:0.5s;
}
.quick_rgt_btn_A.act li{
	margin-bottom:5px;
}
.quick_rgt_cont li a{
	display:block;
	position:relative;
	font-size:16px;
	font-weight:500;
}
.quick_rgt_cont li a:before{
	content:'';
	width:55px; height:55px;
	border-radius:100px;
	position:absolute;
	top:0; right:0;
	background:#fff;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
}
.quick_rgt_cont li:hover a:before{
	box-shadow:0 0 12px 5px rgba(0,0,0,0.06);
	width:155px;
}
.quick_rgt_cont li.pservice a:before{
	background:#f53024;
}

.quick_rgt_cont li.pservice a:after{
    content: '\e96A';
    color: #fff;
    font-family: 'shop-font';
    font-size: 28px;
    position: absolute;
    left: 13px;
    top: 14px;
}


.quick_rgt_cont li.kservice a:before{
	background:#F9E000 ;
}
.quick_rgt_cont li.channel a:before{
	background:#4a27ff;
}
.quick_rgt_cont li .txt{
	position:absolute;
	top:0; left:-72px;
	white-space:nowrap;
	z-index:3;
    line-height: 55px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:0.2s;
    transition:0.2s;
    transition-delay:0s;    font-size: 12px;
}
.quick_rgt_cont li:hover .txt{
	left:-80px;
	opacity:1;
	visibility:visible;
	transition-delay:0.2s;
}
.quick_rgt_cont li.pservice .txt, .quick_rgt_cont li.channel .txt{
	color:#fff;
    font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
}
.quick_rgt_cont li.kservice .txt{
	color:#3B1C1C;
    font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
}
.quick_rgt_cont li.sample .txt, .quick_rgt_cont li.membership .txt{
	color:#022831;
}
.quick_rgt_cont li img{
	position:relative;
	z-index:10;

}
.qck_btn{
	text-align:right;
	margin-bottom:5px;
	position:relative;
	z-index:2;
}
#qck_Close{
	display:none;
}
.qck_btn button {
    cursor: pointer;
	outline: none !important;    border: 0 none;
}

#quick_rgt_area{position:absolute; top:0px; right:-132px; width:112px;}
#quick_rgt_area .right_banner img{margin:0 0 15px 0;}
.quick_rgt_cont h4{padding:0; color:#666666; text-align:center;}
.quick_rgt_cont ul{padding:15px 0 0 0;}

.quick_rgt_cont li{
position: relative;
    width: 55px;
    height: 55px;
    margin: 0 0 5px 0;
}
html body #quick_rgt_area{
    position: absolute;
    top: auto;
    /*bottom: 8.8%;*/
	bottom:350px;
    right: 20px;
    width: auto;
    margin-right: 0;
}
html.desktop .header_wrap.active .tab_menu_container {
    margin-top: 0;
    position: fixed;
    z-index: 100;
}


#mo_header.minimize .header_wrap.active .tab_menu_container {
    margin-top: 0;
    position: fixed;
    z-index: 100;
}
html body #quick_rgt_area.fixed {
    position: fixed;
    top: inherit;
    bottom: 50px;
}

.quick_rgt_text_container {
    float: left;
    margin-right: 62px;
    padding: 13px 20px;
    position: absolute;
    bottom: -7px;
    right: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fefefe;
    border-radius: 6px;
    -webkit-transition: background 750ms;
    transition: background 750ms;
    opacity: 0;
}
.quick_rgt_text_container {
    padding: 9px 16px 11px;
	    line-height: 1.167em;
}
.quick_rgt_text_container,.quick_rgt_text_container, .quick_rgt_text_container {
    background: #f3f3f3;
}
.quick_rgt_text_container a, .quick_rgt_text_container p {
    font-size: 13px;
    /* font-weight: 400; */
    color: #000;
    line-height: 1;    font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.quick_rgt_text_container:after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
    border-left-color: #fefefe;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -5px;
    -webkit-transition: all 750ms;
    transition: all 750ms;
}
 .quick_rgt_text_container:after,.quick_rgt_text_container:after,.quick_rgt_text_container:after {
    border-left-color: #f3f3f3;
}
.sticky_quick_rgt {
    height: 67px;
    z-index: 10;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms;
}
.quick_rgt {
    z-index: 1111;
}

#footer .go-top:after {
    content: '\e958';
    color: #3B1C1C;
	    content: '';
    display: block;
    font-family: 'shop-font';
    font-size: 12px;
    line-height: 34px;
    text-align: center;
    font-weight: normal;
    color: #fff;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}


@media (max-width: 768px){

html body #quick_rgt_area {
    position: absolute;
    top: auto;
    bottom: 314px;
    right: 10px;
    width: auto;
    margin-right: 0;
}
html body #quick_rgt_area.fixed {
    position: fixed;
    top: inherit;
    bottom: 58px;
}
.quick_rgt_text_container{

display:none;

}
.quick_rgt {}
#prom_area .prom_wrap .con .box {
    margin: 0 25px;
}
#prom_area .prom_wrap .con .text {
    right: 25px;
    width: 82%;
}
.footer-info p span {

    padding-right: 5px;

}
.footer-info p span.mobr {
    display: block;
}
.footer-info p span.nop {
    padding-right: 0px;
}
.footer-wrap {
    margin: 0 10px;
}
#footer .go-top:before {
    content: '';
    display: block;
    font-family: 'shop-font';
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    font-weight: normal;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15%;
    -webkit-transition: color 300ms;
    transition: color 300ms;
    content: '\E906';
}
.m_promotion h2 span:before, .m_promotion h2 span:after {
    width: 100%;
    transition: all 0.7s;
}
.m_skin h2 span:before, .m_skin h2 span:after {
    width: 100%;
    transition: all 0.7s;
}
.main_skin {
    margin: 0px 0 0 0;
}
}


/* **************************************** *
 * VISUAL
 * **************************************** */
.main-visual { position: relative;}
#main .main-visual .wrap {max-width: 1312rem;margin: 0 auto;}
.main-visual__slide {text-align: left;height: 510rem;display: table;width: 100%;color: #fff;background: #ccc no-repeat center bottom;background-size: cover;}
.main-visual__slide--0{ background-image: url(../images/main/slide-00-v02.jpg)}
.main-visual__slide--1{ background-image: url(../images/main/slide-01-v02.jpg)}
.main-visual__slide--2{ background-image: url(../images/main/slide-02-v02.jpg)}
.main-visual__slide--3{ background-image: url(../images/main/slide-03-v02.jpg)}

.main-visual__slide--0 .wrap { position: relative; top: 26rem;}
.main-visual__slide--0 .main-visual__subtitle { margin-bottom: 30rem;}

.main-visual__slide-inner { display:table-cell; vertical-align:middle; padding: 80rem 40rem;}
.main-visual__title {margin-bottom: 10rem;font-size: 51rem;font-weight: 700;letter-spacing: -0.05em;line-height: 1.45;}
.main-visual__title > span { display: block;}
.main-visual__subtitle {margin-bottom: 52rem;font-size: 20rem;letter-spacing: -0.025em;}
.main-visual__title br,
.main-visual__subtitle br{ display:none}

.main-visual__actions { font-size: 0;}
.main-visual__actions .jt-btn__basic {margin-right: 16rem;}
.main-visual__actions .jt-btn__basic.jt-btn--type-02 {border-color: #444d5c; background: #444d5c;}
.main-visual__actions .jt-btn__basic.jt-btn--type-03:not(.jt-btn--shopping) span:after{ margin-top: -6rem;font-size: 13rem; right: -23rem;}

.main-visual__graphic { position: absolute; left: 50%;top: 0;}
.main-visual__slide--0 .main-visual__graphic { width: 528rem;height: 412rem;margin-left: 174rem;top: -63rem;background: url(../images/main/slide-graph-00.png);background-size: cover;}
.main-visual__slide--1 .main-visual__graphic { width: 652rem;height: 100%;margin-left: 2rem;background: url(../images/main/slide-graph-01-v03.png);background-size: cover; }
.main-visual__slide--2 .main-visual__graphic { width: 427rem;height: 438rem; margin-left: 229rem; top: 33rem;background: url(../images/main/slide-graph-02-v03.png);background-size: cover; }
.main-visual__slide--3 .main-visual__graphic { width: 455rem;height: 380rem; margin-left: 208rem;top: 61rem; background: url(../images/main/slide-graph-03-02.png);background-size: cover; }

/* graphic bject 2x images */
@media (min-width:2000px),
       (min-width:1024px) and (-webkit-min-device-pixel-ratio: 2),
       (min-width:1024px) and (min-resolution: 192dpi) {
    .main-visual__slide--0 .main-visual__graphic{background-image: url(../images/main/slide-graph-00-2x.png);}
	.main-visual__slide--1 .main-visual__graphic{background-image: url(../images/main/slide-graph-01-v03-2x.png);}
    .main-visual__slide--2 .main-visual__graphic{background-image: url(../images/main/slide-graph-02-v03-2x.png);}
    .main-visual__slide--3 .main-visual__graphic{background-image: url(../images/main/slide-graph-03-v03-2x.png);height: 402rem;}       

}

.main-visual__graphic-motion{position: absolute;background: transparent center center no-repeat;background-size: cover;transform: scale(0.5);}

.main-visual__graphic-motion--cn,
.main-visual__graphic-motion--us,
.main-visual__graphic-motion--jp {height: 72rem;width: 72rem;left: 236rem;}
.main-visual__graphic-motion--cn {background-image: url(../images/main/slide-graph-01-cn.png);top: 322rem;}
.main-visual__graphic-motion--us {background-image: url(../images/main/slide-graph-01-us.png);top: 368rem;}
.main-visual__graphic-motion--jp {background-image: url(../images/main/slide-graph-01-jp.png);top: 414rem;}

.main-visual__graphic-motion--fb,
.main-visual__graphic-motion--google,
.main-visual__graphic-motion--insta {height: 206rem;width: 206rem;}
.main-visual__graphic-motion--fb {background-image: url(../images/main/slide-graph-02-fb.png);top: 116rem;left: -28rem;}
.main-visual__graphic-motion--google {background-image: url(../images/main/slide-graph-02-google.png);top: 13rem;left: 172rem;}
.main-visual__graphic-motion--insta {background-image: url(../images/main/slide-graph-02-insta.png);top: 231rem;left: 164rem;}

.main-visual__graphic-motion--shop,
.main-visual__graphic-motion--box,
.main-visual__graphic-motion--edibot {height: 140rem;width: 140rem;}
.main-visual__graphic-motion--cloth,
.main-visual__graphic-motion--cloud {height: 100rem;width: 100rem;}
.main-visual__graphic-motion--shop {background-image: url(../images/main/slide-graph-03-shop.png);top: -19rem;left: 85rem;}
.main-visual__graphic-motion--box {background-image: url(../images/main/slide-graph-03-box.png);top: 60rem;left: 350rem;}
.main-visual__graphic-motion--edibot {background-image: url(../images/main/slide-graph-03-edibot.png);top: 237rem;left: 319rem;}
.main-visual__graphic-motion--cloth {background-image: url(../images/main/slide-graph-03-cloth.png);top: 24rem;left: 6rem;}
.main-visual__graphic-motion--cloud {background-image: url(../images/main/slide-graph-03-cloud.png);top: 283rem;left: -25rem;}

.sr_only, .sr-only {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}
/*
.main-visual__title,
.main-visual__subtitle,
.main-visual__actions { overflow: hidden;}

.main-visual__title > span,
.main-visual__subtitle > span,
.main-visual__actions > span { display: inline-block; opacity: 0}
*/

/* controller */
.main-visual__control {position: absolute;
    left: 50%;
    bottom: 90rem;
    font-size: 0;
    width: 160rem;
    z-index: 20;
    margin-left: -635rem;}

/* pagination */
.main-visual__control .swiper-pagination {position: static;}

.main-visual__control .swiper-pagination-wrap {position: relative;}
.main-visual__control .swiper-pagination-bullet-line {width: 14rem;height: 2rem;position: absolute;top: -3rem;left: 16rem;margin-left: -7rem;background: #fff;}
.main-visual__control .swiper-pagination-bullet {width: 32rem;height: 27rem;padding: 10rem 12rem 10rem 13rem;position: relative;background: transparent;opacity: 1;}
.main-visual__control .swiper-pagination-bullet > i {display: block;width: 100%;height: 100%;background: #fff;border-radius: 50%;}
.main-visual__control .swiper-pagination-bullet-active {background: transparent;}

.main-visual__control-fraction {display: inline-block;vertical-align: middle;width: auto;}
.main-visual__pagination-current,
.main-visual__pagination-total{min-width: 20rem;font-size: 14rem;font-weight: 600;letter-spacing: 0.1em;text-align: center;line-height: 1;position: absolute;color: #fff;top: -5rem;}
.main-visual__pagination-current {left: -24rem;}
.main-visual__pagination-total { right: 20rem;}
html.ie11 .main-visual__pagination-current,
html.ie11 .main-visual__pagination-total{top: -6rem;}

.main-visual__progress_hidden-space {display: inline-block;vertical-align: middle;width: 111rem;height: 2rem;margin: 0 2rem 0 13rem;position: relative;}

.main-visual__progress-wrap {display: block;width: 112rem;height: 2rem;margin-top: 1rem;background: #ffffff;background: rgba(255, 255, 255, .4);overflow: hidden;}
html.ie .main-visual__progress-wrap {margin-top:-1rem;}
.main-visual__progress {display: block;width: 0;height: 100%;background: #fff;}

/* state TODO: dry play pause */
.main-visual__play-state {display: block;vertical-align: middle;width: 26rem;height: 26rem;position: absolute;top: -15rem;right: -2rem;background: transparent;border: none;cursor: pointer;}
.main-visual__play-state-btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 2rem;left: 0;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.main-visual__play-state-btn:after {display: block;font-family: 'e-font';font-size: 20rem;font-weight: normal;text-align: center;line-height: 26rem;color: #fff;margin-top: 1rem;/* text-shadow: 1rem 1rem 5rem rgba(0, 0, 0, .5); */}
.main-visual__state--play:after {content: '\E921';content: "";border-left: 7rem solid #fff;border-bottom: 5rem solid transparent;border-top: 5rem solid transparent;margin-left: 10rem;margin-top: 9rem;}
.main-visual__state--pause:after {content: '\E01A';}

.main-visual__state--pause.on:after {content: '\E01D';}


.main-visual__state--pause {opacity: 1; visibility: visible;}
.main-visual__state_play {opacity: 1; visibility: visible;}

html.ie11 .main-visual__play-state{top:-15rem}

.main-visual__play-state.is-play .main-visual__state--pause {opacity: 1; visibility: visible;}
.main-visual__play-state.is-play .main-visual__state--play {opacity: 0; visibility: hidden;}
.main-visual__play-state.is-pause .main-visual__state--pause {opacity: 0;visibility: visible;}
.main-visual__play-state.is-pause .main-visual__state--play {opacity: 1;visibility: visible;}

/* navigation */
.main-visual__btn {-webkit-transition: box-shadow 0.3s;transition: box-shadow 0.3s;width: 84rem;height: 84rem;border: none;-webkit-box-shadow: inset 0 0 0 1rem rgba(255, 255, 255, .5);box-shadow: inset 0 0 0 1rem rgba(255, 255, 255, .5);position: absolute;top: 50%;margin-top: -42rem;border-radius: 100%;cursor: pointer;background: transparent;color: #fff;z-index: 20;-webkit-transform: translateZ(10px);transform: translateZ(10px);}
.main-visual__btn--next {right: 50%;margin-right: -810rem;}
.main-visual__btn--prev {left: 50%;margin-left: -810rem;}
html.desktop .main-visual__btn:hover {-webkit-box-shadow: inset 0 0 0 10rem rgba(255, 255, 255, .3);box-shadow: inset 0 0 0 10rem rgba(255, 255, 255, .3);}
html.ie11 .main-visual__btn {border:1rem solid rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0 0 0 10rem rgba(255, 255, 255, 0); box-shadow: inset 0 0 0 10rem rgba(255, 255, 255, 0);}
html.ie11 .main-visual__btn:hover{border:1rem solid rgba(255, 255, 255, 0);}
html.safari .main-visual__btn {border:1rem solid rgba(255, 255, 255, 0.5);-webkit-box-shadow: none;box-shadow: none;}
html.safari .main-visual__btn:hover {border-width: 10rem;border-color: rgba(255, 255, 255, .3);-webkit-box-shadow: none;box-shadow: none;}

.main-visual__navigation.wrap { position: relative;}
.main-visual__btn:after {content: "";font-family: shop-font;font-size: 19rem;position: relative;top: 1rem;}
.main-visual__btn--next:after { content: "\e93f"; left: 2rem;}
.main-visual__btn--prev:after { content: "\e93e"; right: 2rem;}



@media (max-width: 1080px){

	.main-visual__control {
    position: absolute;
    left: 50%;
    bottom: 90rem;
    font-size: 0;
    width: 160rem;
    z-index: 20;
       margin-left: -70rem;
}

}



.biz_area {
   /* background: url(/i_img/hw_bg.png) no-repeat right -110px bottom 20px; */
	min-height:800px;
}


.biz_area_ex {
    background: url(/i_img/hw_bg.png) no-repeat right -110px bottom 20px;
	min-height:800px;
}






.main_skin {
    width: 100%;
    margin: 60px 0 0px 0;
    overflow: hidden;
}
.main_skin_area {position:relative; max-width:1520px; margin:70px auto;}
.main_skin_area:after {content:""; display:block; clear:both;}


.main_skin .left_A {position:relative; width:50%; height:660px; background:transparent; overflow:hidden; opacity:1;}
.main_skin .left_A .new {position:absolute; left:0; top:0; width:140px; height:60px; background:#df0023; text-align:center; z-index:4;}
.main_skin .left_A .new span {font-family:'montserrat'; font-size:15px; color:#fff; font-weight:500; line-height:60px; letter-spacing:2px;}
.main_skin .left_A .bgTxt {position:absolute; left:0; top:224px; width:100%; text-align:center; font-size:108px; color:#ebedee; font-weight:800; line-height:1.2; letter-spacing:20px; z-index:1;}
.main_skin .left_A .img {position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    text-align: center;
   }
.main_skin .left_A .img img {}
.main_skin .left_A .txt {/*position:absolute; left:50px; top:45px; opacity:1; z-index:7;text-align: left;*/

    position: absolute;
    left: 50%;
    top: 40%;
    opacity: 1;
    z-index: 7;
    text-align: center;
    margin: 0 auto;
    width: 50%;
    margin-left: -25%;

}
.main_skin .left_A .txt span {      font-family: 'Montserrat', 'Lato', sans-serif;
    font-weight: 700; font-size:30px; color:#1d1d1d; line-height:1.2; letter-spacing:1px;}


.main_skin .left_A .txt span:after {
    content: "";
    display: block;
    width: 21px;
    height: 1px;
    margin: 15px auto 18px;
    background-color: #222;
    transition: all 0.3s;
}



.main_skin .left_A .txt p {font-size:18px; color:#1d1d1d; line-height:1.4; padding:4px 0 0 0; letter-spacing:-1px;font-family: 'NotoSans-Medium', 'Lato', sans-serif;}




.main_skin .left_A {position:relative; width:50%; height:660px; overflow:hidden; opacity:1;}
.main_skin .left_A .inbox {position:relative; width:100%; height:50%; text-align:center;}
.main_skin .left_A .inbox.four {   
    background-image: url('');
    background-repeat: no-repeat;
        background-position: right bottom;}
.main_skin .left_A .inbox.one {
    background: transparent;
	  background-image: url('');
    background-repeat: no-repeat;
        background-position: left top;
}


.main_skin .left_A .inbox ul {width:100%; height:100%;}
.main_skin .left_A .inbox ul:after {content:""; display:block; clear:both;}
.main_skin .left_A .inbox ul li {position:relative; float:left; width:50%; height:100%; overflow:hidden;    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #eee;border-color: rgba(255, 255, 255, 0.5);}
.main_skin .left_A .inbox:nth-child(1) ul li:nth-child(1) {    border-width: 0px 1px 0 0;
    border-style: solid;
    border-color: #eee;border-color: rgba(255, 255, 255, 0.5);}
.main_skin .left_A .inbox:nth-child(2) ul li:nth-child(1) {border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #eee;border-color: rgba(255, 255, 255, 0.5);}
	.main_skin .left_A .inbox:nth-child(2) ul li:nth-child(2) {border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #eee;border-color: rgba(255, 255, 255, 0.5);}
.main_skin .left_A .inbox .info {width:100%; padding:114px 0 0 0; opacity:1;}
.main_skin .left_A .inbox .info span {    display: block;
    font-family: 'Montserrat', 'Lato', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #1d1d1d;
    line-height: 1.2;
    letter-spacing: 1px;    text-transform: uppercase;
}




.main_skin .left_A .inbox .info p {font-size:15px; color:#1d1d1d; line-height:1.4; letter-spacing:-1px; padding:0px 0 0 0;padding: 0px 20px;margin:0 auto;font-family: 'NotoSans-Medium', 'Lato', sans-serif;width:80%;}



.main_skin .left_A .inbox.four .info span{ color: #fff;}
.main_skin .left_A .inbox.four .info p{ color: #fff;}
.main_skin .left_A .inbox.one .info span{ color: #fff;}
.main_skin .left_A .inbox.one .info p{ color: #fff;}


.main_skin .left_A .inbox.one .info .ico{
width: 55px;
    position: absolute;
   right: 15px;
	top:15px;
	opacity:.8;
}
.main_skin .left_A .inbox.four .info .ico{
width: 55px;
    position: absolute;
   right: 15px;
top:15px;
opacity:.8;
}


.main_skin .left_A .inbox .img1 {position:absolute; right:0; top:0; width:100%;}
.main_skin .left_A .inbox .img1 img {position:absolute; left:50%; top:0; margin:0 0 0 -190px;max-width: inherit;}
/*.main_skin .right_A .inbox:nth-child(1):after {content:''; position:absolute; left:50%; top:50%; width:21px; height:31px; margin:-15px 0 0 -2px; background:url('') left top no-repeat;}*/
.main_skin .left_A .inbox .img2 {position:absolute; left:0; top:0; width:100%;}
.main_skin .left_A .inbox .img2 img {position:absolute; left:50%; top:0; margin:0 0 0 -190px;max-width: inherit;}
/*.main_skin .right_A .inbox:nth-child(2):after {content:''; position:absolute; right:50%; top:50%; width:21px; height:31px; margin:-15px -2px 0 0; background:url('') left top no-repeat;}*/




.main_skin .right_A {position:absolute; left:50%; bottom:0; width:50%; height:660px; overflow:hidden; opacity:1;}
.main_skin .right_A .inbox {position:relative; width:100%; height:50%; text-align:center; background:transparent;}
.main_skin .right_A .inbox.four {     background: transparent;
    background-image: url('');
    background-repeat: no-repeat;
        background-position: right bottom;}
.main_skin .right_A .inbox.one {
    background: transparent;
	  background-image: url('');
    background-repeat: no-repeat;
        background-position: left top;
}


.main_skin .right_A .inbox ul {width:100%; height:100%;}
.main_skin .right_A .inbox ul:after {content:""; display:block; clear:both;}
.main_skin .right_A .inbox ul li {position:relative; float:left; width:50%; height:100%; overflow:hidden;  border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #eee;border-color: rgba(255, 255, 255, 0.5);}
.main_skin .right_A .inbox:nth-child(1) ul li:nth-child(2) {border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #eee;border-color: rgba(255, 255, 255, 0.5);}
.main_skin .right_A .inbox:nth-child(2) ul li:nth-child(1) {border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #eee;border-color: rgba(255, 255, 255, 0.5);}
	.main_skin .right_A .inbox:nth-child(2) ul li:nth-child(2) {border-width:1px 0px 0px 0;
    border-style: solid;
    border-color: #eee;border-color: rgba(255, 255, 255, 0.5);}
.main_skin .right_A .inbox .info {width:100%; padding:114px 0 0 0; opacity:1;}
.main_skin .right_A .inbox .info span {    display: block;
    font-family: 'Montserrat', 'Lato', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #1d1d1d;
    line-height: 1.2;
    letter-spacing: 1px;    text-transform: uppercase;
}




.main_skin .right_A .inbox .info p {font-size:15px; color:#1d1d1d; line-height:1.4; letter-spacing:-1px; padding:0px 0 0 0;  width: 80%;    padding: 0px 20px;margin:0 auto;font-family: 'NotoSans-Medium', 'Lato', sans-serif;}



.main_skin .right_A .inbox.four .info span{ color: #fff;}
.main_skin .right_A .inbox.four .info p{ color: #fff;}
.main_skin .right_A .inbox.one .info span{ color: #fff;}
.main_skin .right_A .inbox.one .info p{ color: #fff;}


.main_skin .right_A .inbox.one .info .ico{
width: 55px;
    position: absolute;
   right: 15px;
	top:15px;
	opacity:.8;
}
.main_skin .right_A .inbox.four .info .ico{
width:55px;
    position: absolute;
   right: 15px;
	top:15px;
	opacity:.8;
}



.main_skin .right_A .inbox .img1 {position:absolute; right:0; top:0; width:100%;}
.main_skin .right_A .inbox .img1 img {position:absolute; left:50%; top:0; margin:0 0 0 -190px;max-width: inherit;}
/*.main_skin .right_A .inbox:nth-child(1):after {content:''; position:absolute; left:50%; top:50%; width:21px; height:31px; margin:-15px 0 0 -2px; background:url('') left top no-repeat;}*/
.main_skin .right_A .inbox .img2 {position:absolute; left:0; top:0; width:100%;}
.main_skin .right_A .inbox .img2 img {position:absolute; left:50%; top:0; margin:0 0 0 -190px;max-width: inherit;}
/*.main_skin .right_A .inbox:nth-child(2):after {content:''; position:absolute; right:50%; top:50%; width:21px; height:31px; margin:-15px -2px 0 0; background:url('') left top no-repeat;}*/









.main_skin .right_A .inbox ul li.ov:after {-webkit-box-shadow: inset 0 0 0 0px #f53024;box-shadow: inset 0 0 0 0px #f53024;position: absolute;content:"";top: 0;left: 0;bottom: 0;right: 0;-webkit-transition: -webkit-box-shadow 0.2s;transition: -webkit-box-shadow 0.2s;transition: box-shadow 0.2s;transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;}
html.desktop .main_skin .right_A .inbox ul li.ov:hover:after{-webkit-box-shadow: inset 0 0 0 12px #f53024;box-shadow: inset 0 0 0 12px #f53024;-webkit-transition: -webkit-box-shadow 0.2s;transition: -webkit-box-shadow 0.2s;transition: box-shadow 0.2s;transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;}
.main_skin .right_A .inbox ul li.ov:after {
    -webkit-box-shadow: inset 0 0 0 0px #f53024;
    box-shadow: inset 0 0 0 0px #f53024;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: -webkit-box-shadow 0.2s;
    transition: -webkit-box-shadow 0.2s;
    transition: box-shadow 0.2s;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.main_skin .left_A .inbox ul li.ov:after {-webkit-box-shadow: inset 0 0 0 0px #f53024;box-shadow: inset 0 0 0 0px #f53024;position: absolute;content:"";top: 0;left: 0;bottom: 0;right: 0;-webkit-transition: -webkit-box-shadow 0.2s;transition: -webkit-box-shadow 0.2s;transition: box-shadow 0.2s;transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;}
html.desktop .main_skin .left_A .inbox ul li.ov:hover:after{-webkit-box-shadow: inset 0 0 0 12px #f53024;box-shadow: inset 0 0 0 12px #f53024;-webkit-transition: -webkit-box-shadow 0.2s;transition: -webkit-box-shadow 0.2s;transition: box-shadow 0.2s;transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;}
.main_skin .left_A .inbox ul li.ov:after {
    -webkit-box-shadow: inset 0 0 0 0px #f53024;
    box-shadow: inset 0 0 0 0px #f53024;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: -webkit-box-shadow 0.2s;
    transition: -webkit-box-shadow 0.2s;
    transition: box-shadow 0.2s;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.main_skin .left_A .inbox:nth-child(1) ul li:nth-child(2).ov:hover {
background: rgba(0, 0, 0, 0.7);
}
.main_skin .left_A .inbox:nth-child(2) ul li:nth-child(1).ov:hover,.main_skin .left_A .inbox:nth-child(2) ul li:nth-child(2).ov:hover {
background: rgba(0, 0, 0, 0.7);
}
.main_skin .right_A .inbox:nth-child(1) ul li:nth-child(2).ov:hover,.main_skin .right_A .inbox:nth-child(1) ul li:nth-child(1).ov:hover {
background: rgba(0, 0, 0, 0.7);
}
.main_skin .right_A .inbox:nth-child(2) ul li:nth-child(1).ov:hover {
background: rgba(0, 0, 0, 0.7);
}

.main_skin .right_A .inbox .info span:after {
    content: "";
    display: block;
    width: 21px;
    height: 1px;
    margin: 15px auto 18px;
    background-color: #fff;
    transition: all 0.3s;
}

.main_skin .left_A .inbox .info span:after {
    content: "";
    display: block;
    width: 21px;
    height: 1px;
    margin: 15px auto 18px;
    background-color: #fff;
    transition: all 0.3s;
}



.main_skin_Bg {
    background-color: #000;
    background-image: url('/i_img/biz_v_06.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background .25s linear;
    transition: background .25s linear;max-width: 1920px;
    margin: 0 auto;    padding: 90px 0 90px 0;
}


.main_skin_area {

}




/***************** media web **************/
@media all and (max-width:1200px){


.main_skin .left_A .bgTxt {font-size:80px; letter-spacing:16px;}
.main_skin .left_A .txt {left:12%;}

.main_skin_area{

    margin-left: 2%;
	 margin-right:2%;
}
}








/***************** media tablet **************/
@media all and (max-width:900px){



.main_skin .left_A {width:100%;}
.main_skin .right_A {position:relative; left:0; top:0; width:100%; height:auto;}
.main_skin .right_A .inbox {margin:0px 0 0 0; height:310px;}

.main_beauty .left_A {width:100%;}
.main_beauty .right_A {position:relative; left:0; top:0; width:100%; height:auto;}
.main_beauty .right_A .inbox {margin:0px 0 0 0; height:310px;}
}



/***************** media mobile **************/
@media all and (max-width:640px){

/* layout width */
.main_skin_area{

    margin-left: 2%;
	 margin-right:2%;
}

.main_skin {margin:64px 0 0 0;}
.main_skin .msTit {font-size:20px; line-height:1.2; padding:0 0 26px 0;}
.main_skin .left_A {height:360px;}
.main_skin .left_A .new {width:70px; height:34px;}
.main_skin .left_A .new span {font-size:11px; line-height:34px;}
.main_skin .left_A .img {padding:0;}
.main_skin .left_A .img img {}
.main_skin .left_A .bgTxt {top:102px; font-size:54px; letter-spacing:10px;}
.main_skin .left_A .txt {left:25px; top:25px;}
.main_skin .left_A .txt span {font-size:18px;}
.main_skin .left_A .txt p {font-size:12px; padding:0;}


.main_skin .left_A .inbox {height:180px; margin:0px 0 0 0;}
.main_skin .left_A .inbox .info {padding:82px 0 0 0;}
.main_skin .left_A .inbox .info span {font-size:12px; letter-spacing:1px;}
.main_skin .left_A .inbox .info p {font-size:12px; padding:0px 0 0 0;display: none;}
.main_skin .left_A .inbox .img1 {top:-36px;}
.main_skin .left_A .inbox .img1 img {width:320px; margin:0 0 0 -160px;}
.main_skin .left_A .inbox .img2 {top:-36px;}
.main_skin .left_A .inbox .img2 img {width:320px; margin:0 0 0 -160px;}
.main_skin .left_A .inbox:nth-child(1):after {width:10px; height:16px; background-size:10px 16px; margin:-8px 0 0 -2px;}
.main_skin .left_A .inbox:nth-child(2):after {width:10px; height:16px; background-size:10px 16px; margin:-8px -2px 0 0;}


.main_skin .right_A .inbox {height:180px; margin:15px 0 0 0;margin:0px 0 0 0;}
.main_skin .right_A .inbox .info {padding:82px 0 0 0;}
.main_skin .right_A .inbox .info span {font-size:12px; letter-spacing:1px;}
.main_skin .right_A .inbox .info p {font-size:12px; padding:0px 0 0 0;display: none;}
.main_skin .right_A .inbox .img1 {top:-36px;}
.main_skin .right_A .inbox .img1 img {width:320px; margin:0 0 0 -160px;}
.main_skin .right_A .inbox .img2 {top:-36px;}
.main_skin .right_A .inbox .img2 img {width:320px; margin:0 0 0 -160px;}
.main_skin .right_A .inbox:nth-child(1):after {width:10px; height:16px; background-size:10px 16px; margin:-8px 0 0 -2px;}
.main_skin .right_A .inbox:nth-child(2):after {width:10px; height:16px; background-size:10px 16px; margin:-8px -2px 0 0;}

.main_skin .right_A .inbox .info span:after {
display:none;
}
.main_skin .left_A .inbox .info span:after {
display:none;
}
}


@media (max-width: 981px){

.m_skin h2 {
    font-size: 20px;
    color: #222;
    margin: 0 auto;
    text-align: center;
    opacity: 1;
    max-width: 1520px;
    overflow: hidden;
    transform: translate(0, 30px);
	margin-bottom:60px;
}
.m_skin h2 span{
    font-family: mr-eaves-xl-sans, serif;
    font-weight: 800;
    font-style: normal;
	font-size:3rem;
	line-height:2;
	margin-bottom:40px;position: relative;
	
}

.m_skin h2 span:before, .m_skin h2 span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 1px;
    background-color: rgba(133,133,133,0.15);
}
.m_skin h2 span:after {
    left: 100%;
    margin-left: 15px;
}
.m_skin h2 span:before {
    right: 100%;
    margin-right: 15px;
}
.m_skin h2 span:before, .m_skin h2 span:after {
    width: 760px;
    transition: all 0.7s;
}


.pc{
display:block;
    width: 100%;
    height: 100%;
}
.mo{
display:none;
    width: 100%;
    height: 100%;
}
}

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

.m_skin h2 {
    font-size: 16px;
    color: #222;
    margin: 0 auto;
    text-align: center;
    opacity: 1;
    width: 100%;
    overflow: hidden;
    transform: translate(0, 30px);
    margin-bottom: 60px;
}
.m_skin h2 span {
    font-family: mr-eaves-xl-sans, serif;
    font-weight: 800;
    font-style: normal;
    font-size: 2rem;
    line-height: 2;
    margin-bottom: 40px;
    position: relative;
}
.main_client.cc {
    background-color: #FFF;
    padding: 20px 5px;
}
.pc{
display:none;
}
.mo{
display:block;
}
.biz_area_ex {
    background: url(/i_img/hw_bg.png) no-repeat right -10px top 80px;
    min-height: 400px;
    background-size: 70%;
}
.main-visual-item .main-visual-txt-con .main-visual-txt3 {
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
    display: none;
}
.main_skin .right_A .inbox:nth-child(1) ul li:nth-child(1) {
    border-width:0px 1px 0 1px;
 }
.main_skin .right_A .inbox:nth-child(1) ul li:nth-child(2){
    border-width:0px 1px 0 0px;
}
.main_skin .right_A .inbox:nth-child(2) ul li:nth-child(1){
    border-width:1px 1px 1px 1px;
}
}

.subbody_header {
    margin: 80px 0;
}

.subbody_header .wrap {
    position: relative;
}

.wrap {
    max-width: 1476px;
    margin: 0 auto;
}
.header_title {
 font-size: 57rem;
    font-weight: 700;
    line-height: 1.25;
    margin-left: -5px;
    letter-spacing: -0.05em;
    margin-bottom: 82px;text-align: left;    color: #00101d;
}
.header_title[lang="en"] {
    letter-spacing: -0.015em;
    margin-bottom: 26px;
    margin-top: -6px;
}


.header_title2 {
 font-size: 57rem;
    font-weight: 700;
    line-height: 1.25;
    margin-left: -5px;
    letter-spacing: -0.05em;
    margin-bottom: 82px;text-align: left;    color: #00101d;
}


.header_title2 {
font-family: 'Montserrat','NotoSans-Bold', 'Lato', sans-serif;
}
.header_title {
    font-family: 'Montserrat','NotoSans-Bold', 'Lato', sans-serif;
}
.subbody_content {
    position: relative;
    min-height: 600px;
}
.sub_tt{

width:100%;
text-align: left;

}
.subbody_title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.055em;
    /* margin-top: 89px; */
    /* margin-bottom: 48px; */
    position: relative;
    text-align: left;
    margin-bottom: 55rem;
    /* font-size: 18rem; */
    font-weight: 500;
    line-height: 1.75;
    color: #888;font-family: 'Montserrat','NotoSans-Regular', 'Lato', sans-serif;
}

@media (max-width: 1660px){
	/* LAYOUT */
	.wrap {max-width: 1476px;}

    .subbody_header {margin: 105px 0 60px;}
	.header_title {font-size: 50px;}
	.header_title:after { width: 9px; height: 9px; bottom: -5px; }
	.header_title2 {font-size: 50px;}
	.header_title2:after { width: 9px; height: 9px; bottom: -5px; }

	.subbody_title { font-size: 18px; line-height: 1.39; margin-top: 59px; margin-bottom: 37px; letter-spacing: -0.06em; }


	}

@media (max-width: 1023px){

.subbody_title { font-size: 14px; }

}

@media (max-width: 767px){

    .subbody_header {margin: 20px 0 32px;}
	.header_title { font-size: 32px; margin-bottom: 36px; margin-left: -1px; }
	.header_title:after {width: 7px; height: 7px; margin-left: 10px; bottom: -3px;}

	.header_title2 { font-size: 32px; margin-bottom: 36px; margin-left: -1px; }
	.header_title2:after {width: 7px; height: 7px; margin-left: 10px; bottom: -3px;}

	.header_title[lang="en"] {margin-bottom: 34px;}
	.subbody_title {font-size: 14px; line-height: 1.42; margin-top: 36px; margin-bottom: 18px;}

}


.row_subcon {
    position: relative;
    display: table;
    width: 100%;
}
.row_subcon .header_tit {
    display: table-cell;
    width: 38%;
    vertical-align: top;
    padding-top: 50px;
}
.row_subcon .header_tit {
    padding-top: 0;
    padding-right: 15px;
}
.row_subcon .header_tit .header_title {
    font-size: 52px;
    font-weight: 700;
    line-height: 1.25;
    margin-left: -5px;
    letter-spacing: -0.05em;
    margin-bottom: 82px;
}
.row_subcon .header_sub {
    display: table-cell;
    vertical-align: top;
	    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.055em;
}

@media (max-width: 1240px){
.subBody .wrap {
    margin-left: 64px;
    margin-right: 64px;
    max-width: inherit;
}
}
@media (max-width: 970px){
.subbody_header {
    padding-left: 0px;
}
.row_subcon {
    display: block;
}
.row_subcon .header_tit {
    display: block;
    width: 100%;
    padding-top: 0;
}
.row_subcon .header_sub {
    display: block;
    vertical-align: top;
       font-size: 18px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.055em;
}
.row_subcon .header_tit .header_title {
  margin-bottom: 32px;
}
}
@media (max-width: 767px){
.subBody .wrap {
    margin-left: 5%;
    margin-right:5%;
}
.row_subcon .header_tit .header_title {
    font-size: 32px;

}
.row_subcon .header_sub {
       font-size: 14px;

}
.row_subcon .header_tit .header_title {
  margin-bottom: 22px;
}
}


.lnb {padding:30px 0;
    display: block;
    /* padding-top: 30px; */
    text-align: right;
    float: right;
    position: relative;
    margin-top: 0px;}
.lnb:after {content:''; display:block; clear:both;}
.lnb .home {float:left; display:block; width:36px; height:30px; border-right:1px solid #e1e1e1; background:url("/i_img/top_h_btn.png") no-repeat 0 50%;}
.lnb > div {float:left; position:relative; margin-left:20px;}
.lnb > div.oneD {margin-left:26px;}
.lnb > div > a {display:block; padding-right:42px; height:30px; font-size:15px; color:#333; line-height:28px; background:url("/i_img/top_l_icon.png") no-repeat right 0 top 50%;    font-family: 'Montserrat', 'Lato', sans-serif;
    font-weight: 700;}
.lnb > div > div {    position: absolute;
    top: 40px;
    left: -5px;
    padding: 22px;
    border: 1px solid #e1e1e1;
    background: #fff;
    display: none;
    border-radius: 5px;}
.lnb > div > div a {    display: block;
    font-size: 15px;
    color: #333;
    white-space: nowrap;
    margin-top: 17px;
    font-family: 'Montserrat', 'Lato', sans-serif;
    font-weight: 700;}
.lnb > div > div a:first-child {margin-top:0;}
.lnb > div .current {    font-family: 'Montserrat', 'Lato', sans-serif;
    font-weight: 700; font-size:15px; color:#f53024;}

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

.lnb {
    padding: 30px 0;
    display: inline-block;
    /* padding-top: 30px; */
    text-align: right;
   float: none; 
    position: relative;
    margin-top: 0px;
}
#HEADER #GNB .gnb_inner .other_services .other_menu {
    display: inline-block;
}


}


/* Page transition */
#transition_container {opacity: 0;visibility: hidden;}

/*
.transition_mask {z-index: 9999;position: fixed;width: 100vw;height: 100vh;left: 0;right: 0;bottom: 0;top: inherit;background: var(--color-primary);}
*/
.transition_mask {z-index: 9990;position: fixed;width: 150vw;height: 145vh;left: -25vw;right: 0;bottom: 0;top: inherit;background: #fff;border-radius: 100% 100% 0 0;border-top: #f52f23 300px solid;}


#transition_layer {z-index: 9990;position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;overflow: hidden;}
#transition_layer_inner {position: relative;width: 100vw;height: 100vh;}

.transition_loading { position: fixed;  top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left: 0; width: 100%;text-align: center; z-index: 9999999; color: #ccc; font-size: 80px; line-height: 80px; overflow: hidden; visibility:hidden;}
.transition_loading img{opacity: 0;-webkit-transition: opacity 1.5s;transition:opacity 1.5s;-webkit-transition-delay: 1.5s;transition-delay: 1.5s;max-width: 277px;width: 80%;}
.transition_loading_inner{opacity: 0; font-size: 30px;}
.transition_loading.is_loading { visibility:visible;}
.transition_loading.is_loading img{opacity:1}
.transition_loading.is_loading .transition_loading_inner { -webkit-animation: blinker 3s linear infinite; animation: blinker 3s linear infinite; -webkit-animation-delay: 1.5s; animation-delay: 1.5s;}

.subBody {
opacity: 0;visibility: hidden;
}




.subBody.loaded {
opacity: 1;visibility:visible; -webkit-animation: blinker 3s linear infinite; animation: blinker 3s linear infinite; -webkit-animation-delay: 1.5s; animation-delay: 1.5s;
}





.header_title em div{

position:relative;
 z-index: 1;
}

.header_title2 em{

position:relative;
 z-index: 1;color:#000;
}
.header_title em div::after {
   position: absolute;
    bottom: 10px;
    left: 0;
    height: 10rem;
    width: 0;
    background: #f53024;
    content: "";
    opacity: 0;
    transition: opacity 0.2s,transform 0.4s;
   transition: 1s ease;
	    z-index: -1;
}
.header_title em div.on::after {
    opacity: 0.9;
    width: 100%;

}

.header_title2 em{
color:#fff;
}

.header_title2 em::before {
   position: absolute;
    bottom: 0px;
    left: 0;
    height: 100%;
    width: 105%;
    background: #eee;
    content: "";
    opacity: 1;
    transition: opacity 0.2s,transform 0.4s;
   transition: 1s ease;
	    z-index: -1;
}





.header_title2 em::after {
   position: absolute;
    bottom: 0px;
    left: 0;
    height: 100%;
    width: 0;
    background: #000;
    content: "";
    opacity: 1;
    transition: opacity 0.5s,transform 1s;
   transition:1.4s ease;
	    z-index: -1;    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay:0.3s;
    -ms-transition-delay: 0.3s;
}
.header_title2 em.on::after {
    opacity: 1;
    width: 105%;

}
.header_title2.animate_done em.on{


}




.sub_Bg {
opacity: 0;visibility: hidden;
}
.sub_Bg.loaded {
    background:url(/i_img/sb_hw.png) no-repeat right 10% top -180px;
    /* min-height: 800px; */
    background-size: 40%;
    position: absolute;
    top: 0;
    z-index: 0;
    /* float: right; */
    width: 100%;
    height: 100%;opacity: 1;visibility:visible; -webkit-animation: blinker 3s linear infinite; animation: blinker 3s linear infinite; -webkit-animation-delay: 1.5s; animation-delay: 1.5s;    opacity: .6;
}

.sub_section {
    margin-top: 48px;
}
.subbody_content {
    margin-top: 48px;
}
.right_content_list {margin-left: 15px;margin-bottom: 37px;margin-top: 37px;}
.right_content_list li {position: relative;margin-top: 11px;color:#080a14;font-size:20px;font-family: 'Montserrat','NotoSans-Regular', 'Lato', sans-serif;}
.right_content_list li:before {position: absolute;top: 12px;left: -14px;content: "";width: 4px;height: 4px;background: #080a14;border-radius: 0;}
.right_content_list li:first-child {margin-top: 0;}
html.ie .right_content_list li {line-height: 1.5;}
html.ie .right_content_list li:before { top:11px;}
html.edge .right_content_list li:before { top:12px;}




@media (max-width: 1660px){
.right_content_list li {
    font-size: 15px;
    margin-top: 9px;
}
}
@media (max-width: 1023px){
.right_content_list li {
    line-height: 1.6;
}
}

@media (max-width: 768px){
.right_content_list li {
    font-size: 14px;
    margin-top: 12px;
}


.sub_right_body p {

    font-size: 12px;
}
.sub_right_body .content_title span {
    font-size: 12px;
}
.sub_right_body .content_title h3 {
    font-size: 18px;
    font-family: 'NotoSans-Bold';
    margin-top: 15px;
    margin-bottom:10px;
    line-height: 1.3;
}
}



@media all and (max-width:768px){
.sub_Bg.loaded {
    background: url(/i_img/sb_hw.png) no-repeat right -70% top -80px;
    /* min-height: 800px; */
    background-size: 80%;
    position: absolute;
    top: 0px;
    z-index: -1;
    /* float: right; */
    width: 100%;
    height: 100%;    opacity: .6;
}
.header_title em div::after {
position: absolute;
    bottom: 8px;
    left: 0;
    height: 8rem;
    width: 0;
    background: #f53024;
    content: "";
    opacity: 0;
    transition: opacity 0.2s,transform 0.4s;
    transition: 1s ease;
    z-index: -1;
}
.header_title em div.on::after {
    opacity: 0.9;
    width: 100%;

}
.right_content_list li:before {
    position: absolute;
    top: 8px;
    left: -14px;
    content: "";
    width: 4px;
    height: 4px;
    background: #080a14;
    border-radius: 0;
}
}

.Txt_Ani{

    height: auto;
    position: absolute;
    top: 21%;
    left: 33%;
    z-index: 0;
	overflow-x:none;
}
.main_txt_2 {font-size: 300px;
    color: #BAB4A6;
    width: 2000px;
    margin-left: -100px;
    line-height: 1.05em;
    opacity: 0.1;
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    will-change: transform;
    text-transform: uppercase;
    font-family: "Montserrat", "Noto Sans KR","Lato",'맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif;
    font-weight: 900;}

.rw_type_area{


    position: relative;
    width: 100%;
    margin:0;
    /*background: url(/i_img/port_bg.png) center 50% #F8F0DD no-repeat;*/
    overflow: hidden;

}



.port_slide_wrap {margin-top: 106px;}
.port_slide_wrap .content_wrap > b {font-size:28px;line-height:normal;color:#111;letter-spacing: -0.01em; line-height: 1.35;}
.port_slide_wrap .content_wrap > p {margin-top: 16px;font-size:16px;line-height: 1.75;color:#666;letter-spacing: -0.01em;}
.port_slider {margin-top:15px;width:100%;}
.port_slider .swiper-wrapper {/* max-width: 750px; margin:0 auto; margin-left:-137px; */-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
.port_slider .swiper-slide {float:left;max-width:486px;padding:0 21px;/*  margin-right:42px;  */display:inline-block;vertical-align:bottom;top: -100px;}
.port_slider .swiper-slide figure {padding-top:100%;background:transparent;}


.port_slider .swiper-slide.verticle figure {
    padding-top: 150%;
    background: transparent;
}

.port_slider .swiper-slide figure img {top:auto; bottom:0; -webkit-transition: all .3s; transition: all .3s;}


.port_slider .swiper-slide figure img {
border:0px solid #fff;

}

.port_slider .swiper-slide.swiper-slide-active figure img {
/*border:10px solid #fff;*/

}


.port_slider .swiper-slide:nth-child(2n) figure {/*padding-top: 96.5%;*/}
.port_slider .swiper_navigation {width: 750px;
    height: 90px;
    margin: 6px auto 10px;
    position: static; }
.port_slider .swiper_navigation > button {    position: relative;
    width: auto;
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #222;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
	outline: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-right: 20px; }
.port_slider .swiper_navigation > button:first-child {margin-right:26px;}
.port_slider .swiper_navigation > button > span {margin-top:-7px;width: 70px;
    height: 70px;position: absolute;}
.port_slider .swiper_navigation > button > span, 
.port_slider .swiper_navigation > button:after {color:#111; text-shadow:none;}
.port_slider .swiper_navigation > .swiper-button-prev > span {left:0;background: url(/i_img/port_arrow_left.png) 50% top no-repeat;}
.port_slider .swiper_navigation > .swiper-button-next > span {right:0;background: url(/i_img/port_arrow_right.png) 50% top no-repeat;}


/* **************************************** *
 * LAZYLOAD
 * **************************************** */
img[data-unveil] {opacity:0;-webkit-transition: opacity .3s;transition: opacity .3s;}
img[data-unveil].img-lazyload--loaded {opacity:1}

.img-lazyload {position: relative;overflow: hidden;background:#ddd;}
.img-lazyload img {display: block;max-width: 100%;position: absolute;left: 0;top: 0;}
.img-lazyload img.img-lazyload--loaded {height: auto;}








body.mfp_open {/*overflow:hidden; /*position:fixed; width:100%*/}
.mfp-bg {overflow:hidden;}

.mfp-bg, .mfp-wrap { position:fixed !important; height:100% !important;}
.mfp-wrap {top:0 !important; overflow-y:scroll;}
.mfp-content {}


body.studio { 
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-position: center center;
    opacity: 1;}

.studio .mfp-image-holder .mfp-content {opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);}
.studio .mfp-ready .mfp-image-holder .mfp-content {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}


.studio .mfp-arrow {width:52px; height:52px; margin-top:-26px; -webkit-transition: -webkit-transform 250ms, all 250ms; transition: -webkit-transform 250ms, all 250ms; -webkit-transition: all 250ms, -webkit-transform 250ms; transition: all 250ms, -webkit-transform 250ms; transition: transform 250ms, all 250ms; transition: transform 250ms, all 250ms, -webkit-transform 250ms; transition: transform 250ms, -webkit-transform 250ms, all 250ms;}
.studio .mfp-arrow:hover {width:62px; height:62px; margin-top:-31px;}
.studio .mfp-arrow-left {left:60px;}
.studio .mfp-arrow-left:hover {left:55px;}
.studio .mfp-arrow-right {right:60px;}
.studio .mfp-arrow-right:hover {right:55px;}
.studio .mfp-arrow-left:before, .studio .mfp-arrow-right:before {display:block; width:52px; height:52px; line-height:52px; text-align:center; font-family:'shop-font'; font-size:24px; color:#fff; background:#000; border-radius:50%; font-weight:600; -webkit-transition: -webkit-transform 250ms, all 250ms; transition: -webkit-transform 250ms, all 250ms; -webkit-transition: all 250ms, -webkit-transform 250ms; transition: all 250ms, -webkit-transform 250ms; transition: transform 250ms, all 250ms; transition: transform 250ms, all 250ms, -webkit-transform 250ms; transition: transform 250ms, -webkit-transform 250ms, all 250ms;}
.studio .mfp-arrow-left:hover:before, .studio .mfp-arrow-right:hover:before {width:62px; height:62px; line-height:62px; background:#fff; opacity:1;color:#000f;}
.studio .mfp-arrow-left:before {content:'\E90F';}
.studio .mfp-arrow-right:before {content:'\E910';}

.studio img.mfp-img {padding:120px 0 120px;}
.studio .mfp-figure:after {top:120px; bottom:120px;}
.studio .mfp-bottom-bar {margin-top:-94px;}
.studio .mfp-counter {display:none;}
.studio .mfp-title {position:relative;padding-right:110px;line-height:1;}
.studio .mfp-instagram-detail {display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 4.9rem;
    overflow: hidden;
    font-style: normal;
    text-overflow: ellipsis;}
.studio .mfp-viewmore {    position: absolute;
    /* top: -10px; */
    /* right: 0px; */
    /* padding-right: 0px; */
    color: #fff;
    opacity: 1;
    font-size: 2.5rem;
    text-align: center;
    /* left: 50%; */
    /* margin-left: -25%; */
    width: 100%;
    font-size: 35px;
    line-height: normal;
    letter-spacing: -0.01em;
    line-height: 1.35;
    font-family: 'Montserrat', 'Lato', sans-serif;
    font-weight: 700;
}
.studio .mfp-viewmore:hover {opacity:1;}
.studio .mfp-close {width:46px; height:49px; top:120px; right:-86px; padding-right:0; font-size:0; -webkit-transition: -webkit-transform 250ms, all 250ms; transition: -webkit-transform 250ms, all 250ms; -webkit-transition: all 250ms, -webkit-transform 250ms; transition: all 250ms, -webkit-transform 250ms; transition: transform 250ms, all 250ms; transition: transform 250ms, all 250ms, -webkit-transform 250ms; transition: transform 250ms, -webkit-transform 250ms, all 250ms;}
.studio.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:pointer;}
.studio .mfp-close:before, .studio .mfp-close:after {content:''; display:block; width:1px; height:63px; background:#fff; position:absolute; top:-7px; right:23px;}
.studio .mfp-close:before {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.studio .mfp-close:after {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}


.studio .mfp-instagram-detail h3,.studio .mfp-instagram-detail p{
      font-family: mr-eaves-xl-sans, serif;
    font-weight: 400;
   font-size: 3rem;

}


.studio .mfp-arrow:after, .studio .mfp-arrow-left:before, .studio .mfp-arrow-left:after, .studio .mfp-arrow-right:before, .studio .mfp-arrow-right:after {
    border: none;
    margin: 0;
}