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

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,input,select,textarea, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { padding:0; margin:0; vertical-align:top }
span{vertical-align:middle;}
/* default setting */
html { width:100%; margin:0; padding:0; }
* html * { zoom:1; }
body { width:100%; height:auto; font-family: 'Montserrat', 'Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; color:#666; -webkit-text-size-adjust:none; letter-spacing: -0.5px;}
* {
	font-family:'Montserrat','Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif;
	word-break:keep-all;
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	box-sizing:border-box;
}
body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,p,a,
button,
fieldset,
blockquote { margin:0; padding:0; border:0; outline:0; font-size:100%; *line-height:normal; }
body { line-height:1.5; }
a { margin:0; padding:0; font-size:100%; color: #666; }
table { border-collapse:collapse; border-spacing:0; }
ul, ol { list-style:none; }
input, textarea { vertical-align:middle; }
input[type=text],
input[type=password],
input[type=number] { padding:5px; border:1px solid #ebebeb; background:#fff; color:#696969; -webkit-appearance:none; border-radius:0; box-sizing:border-box; }
	input[type=text]::-webkit-input-placeholder,
	input[type=password]::-webkit-input-placeholder { color:#696969; }
	input[type=text]::-webkit-input-placeholder,
	input[type=password]::-webkit-input-placeholder { color:#696969; }
	input[type=text]::-moz-placeholder,
	input[type=password]::-moz-placeholder { color:#696969; } /* firefox 19+ */
	input[type=text]:-ms-input-placeholder,
	input[type=password]:-ms-input-placeholder { color:#696969; } /* ie */
	input[type=text]:-moz-placeholder,
	input[type=password]:-moz-placeholder { color:#696969; }

input[type=checkbox],
input[type=radio] { vertical-align:middle; }
input[type=submit],
input[type=button] { -webkit-appearance:none; border-radius:0; cursor:pointer; }
button { border:0; cursor:pointer; width:auto; overflow:visible; }
textarea { resize:none; border:1px solid #ebebeb; }
address, em { font-style:normal; }
th, td { padding:0; vertical-align:middle; font-weight:normal; }
a, button,
input[type=button],
input[type=submit],
input[type=reset] { text-decoration:none; *line-height:normal; }
select{-webkit-appearance: none;-moz-appearance: none;}
select::-ms-expand{display:none;}

legend,
caption { text-align:right }
iframe,
object,
video,
embed { position:relative; max-width:100%; }
*+ html body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,a,button,form,fieldset,p,blockquote { vertical-align:top; }
@media screen and (-webkit-min-device-pixel-ratio:0){
	input[type=radio] { vertical-align: top; }
	label.radio { line-height:1; }
}
@-moz-document url-prefix() {
	input[type=radio] { vertical-align:top; }
	label.radio { line-height:1; }
}

/* 웹접근 focus */
:focus-visible {
    outline: 2px solid #aaa;
}

/* inline */
img { display:inline-block; border:none; vertical-align:baseline; max-width:100%;}
cite, code, dfn, del, em, ins, label, q, span, strong { display:inline-block; *line-height:normal; }
label { *vertical-align:middle; }
cite, em, dfn { font-style:normal; }
sub { vertical-align:bottom; }
sup { vertical-align:top;}
hr { display:none; }

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; padding:0; margin:0; }




/*common*****************************************************************************************/
@charset "utf-8";
/* css setting start */
.sec-wrap,
.sec-header,
.sec-content,
.sec-footer {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;}
*{ font-family: 'Montserrat', 'Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif;}
.inner1400{max-width: 1400px; width: 100%;margin: 0 auto;}
/* contents */
.dv-conts-wrap {position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0;box-sizing:border-box;overflow:hidden;}

/* css setting end */

/* header */
/*header{position: fixed;top: 0;left: 0; width: 100%;z-index: 99999;transition: all 0.5s ease-in-out; }*/
header{position:relative;top: 0;left: 0; width: 100%;z-index: 99999;transition: all 0.5s ease-in-out; background:#000 }

.header_logo {width: 170px;}
.header-up{top: -105px;}
.header_inner{display: flex;justify-content: space-between;align-items: center; max-width: 1920px;width: 95%;margin: 0 auto;}
.header_inner{display: flex;justify-content: space-between;align-items: center; max-width: 1920px;width: 95%;margin: 0 auto;}
header.act {background-color: #fff;box-shadow: 3px 3px 10px 3px rgb(0 0 0 / 6%);}
header.act .header_inner .header_gnb >  ul > li:not(:last-child) > a {font-weight: 800;}
header.act .header_inner .header_gnb >  ul > li > a{color: #222; font-weight: bold;}
header.act .header_inner .header_gnb >  ul > li.on > a{color: #034d48; border-bottom: 1px solid #034d48;}
header.act .header_inner .header_service .search .all_bt .bt_t span,
header.act .header_inner  .header_service .search .all_bt .bt_b span{background-color: #222;}
header.act .header_inner  .header_service .search .all_bt .bt_b span{background-color: #222;}
header.act .header_inner .header_service .search_btn{}
header.act .header_inner .header_service .search_btn a{ color:#034d48;}
header.act .header_logo {width: 170px;}
header.act .header_logo .logo_bl{ display: block;}
header.act .header_logo .logo_wh{ display: none;}
header.act  .header_service .search_bk{display: block;}
header.act  .header_service .search_wh{display: none;}
header.act  .header_service .search_btn2{display: block;}
header.act  .header_service .search_btn{display: none;}

header.fll_act {background-color: #fff;}
header.fll_act .header_inner .header_gnb >  ul > li:not(:last-child) > a {font-weight: 800;}
header.fll_act .header_inner .header_gnb >  ul > li > a{color: #222; font-weight: bold;}
header.fll_act .header_inner .header_gnb >  ul > li.on > a{color: #034d48; border-bottom: 1px solid #034d48;}
header.fll_act .header_inner .header_service .search .all_bt .bt_t span,
header.fll_act .header_inner  .header_service .search .all_bt .bt_b span{background-color: #222;}
header.fll_act .header_logo {width: 170px;}
header.fll_act .header_logo .logo_bl{ display: block;}
header.fll_act .header_logo .logo_wh{ display: none;}
header.fll_act  .header_service .search_bk{display: block;}
header.fll_act  .header_service .search_wh{display: none;}
header.fll_act .header_service .search_btn a{ color:#034d48;}

.header_logo .logo_bl{display: none;}
.header_gnb{margin-left: 5rem; }
.header_gnb > ul{display: flex;}
.header_gnb > ul > li{    padding: 36px 40px;}

.header_gnb > ul >  li >  a{color: #fff;font-size: 18.46px;font-weight: 500;}
.header_gnb > ul >  li:last-child > a{font-family: 'Montserrat';}
.header_service{display: flex;align-items: center;}
.header_service .search{display: flex;}
.header_service .inquiry{padding: 7px 22px 5px;background-color: #034d48;border-radius: 45px;color: #fff;}
.header_service .search .all_bt{cursor: pointer;line-height: 0.7;margin-left: 30px;padding: 10px 10px 10px 10px;}

.header_service .search {margin-left: 20px;}
.header_service .search_btn{background: none;font-size:  1em;font-weight: 500;text-align:left}
.header_service .search_btn a{ color: #fff;}
.header_service .search_btn2{background: none;font-size:  1.9em;font-weight: 500;}
.header_service .search_btn2 a{ color: #034d48;}
.header_service .search_bk{display: none;}
.header_service .search_btn2{display: none;}

.wrap_1400 {
    max-width: 1480px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}
/* 경영시뮬레이션게임 gnb */
header .gnb_dep01_li03 .sub_gnb_wrap .gnb_list > li{
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: flex-start;
}
header .gnb_dep01_li03 .sub_gnb_wrap .gnb_list > li .dep02_box{min-height: 202px;}
/* 경영시뮬레이션게임 gnb */

/* gnb */
.list_tab li {border:1px solid #ddd; padding:1em 1.5em; position:relative; margin: 0; width:14.285%;}
.list_tab li:after {content:''; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background-color:#0077cf;}
.list_tab li.on .c_point { color:#00c65e !important; }
.list_tab li.on:before { content: "\e928"; position: absolute; right: 1.3em; top: 50%; transform: translateY(-50%); font-family: xeicon; font-size: 1.5em; color: #00c65e; }
.list_tab li.on:after {background-color:#00c65e;}

#bo_cate_ul {display:flex; justify-content: flex-start; margin-bottom:15px; flex-wrap:wrap;}
#bo_cate_ul.mb50 { margin-bottom:50px;}
#bo_cate_ul li {width:13.428%; margin-right:1%; padding:5px 15px; border:1px solid #0a3b7f; padding:1em 1.5em; color:#0a3b7f; text-align:center;cursor:pointer;}
#bo_cate_ul li:nth-child(7){margin-right:0;}
#bo_cate_ul li:nth-child(14){margin-right:0;}
#bo_cate_ul li:nth-child(21){margin-right:0;}
#bo_cate_ul li:nth-child(28){margin-right:0;}
#bo_cate_ul li:nth-child(36){margin-right:0;}
#bo_cate_ul li:nth-child(42){margin-right:0;}
#bo_cate_ul li:nth-child(48){margin-right:0;}
#bo_cate_ul li:hover {background:#0a3b7f;}
#bo_cate_ul li:hover a{color:#fff;}
#bo_cate_ul li.on{background:#0a3b7f; color:#fff;}
#bo_cate_ul li.on a{color:#fff;}

@keyframes snsAni {
    from{
        margin-top: 0;
    }
    to{
        margin-top: -3%;
    }
}

@media(max-width:1500px){
    .header_gnb{margin-left: 0;}
    .header_gnb > ul > li { padding: 27px 20px; }
    .header_gnb > ul > .gnb_dep01_li.on .sub_gnb{  top: 82px;}
}

@media(max-width:1280px){
    
    header.act .header_logo{width: 100px;}
    .header_gnb{display: none;}
    header .header_logo img{height: 38px;}
    .header_inner{padding: 20px 0;}
    .header_service .inquiry{font-size: 14px;}
}
@media(max-width:768px){
    .header_service .search a{padding: 10px 10px 10px 20px;}
    .header_service .search{margin-left: 10px;}

	.header_service .search_btn{font-size:  1.2em;}
	.header_service .search_btn2{font-size:  1.2em;}
	.header_service .search .all_bt{width: 46px;}
	.header_service .search .all_bt{margin-left: 10px;}
}
@media(max-width:500px){
    .header_service .inquiry{font-size: 15px;padding: 7px 10px;}
    .header_service .search a{padding: 10px 10px 10px 20px;}
    .header_service .search .all_bt{padding:5px;}
    .header_inner{padding: 15px 0;}
    .header_inner .header_logo{display: flex;align-items: center;width: 90px;}
    header .header_logo img {
        height: 30px;
      }
}


/* footer */
.main .sec-footer{font-size: 16px;}
.sec-footer{padding: 40px 0 50px; background-color: #1b1d24;}
.footer .footer_wrap .top{display: flex;justify-content: space-between;align-items: center;padding: 0 0 20px 0;border-bottom: 1px solid #32343d;}
.footer .footer_wrap .top .privacy{display: flex;}
.footer .footer_wrap .top .privacy li{margin-left: 28px;}
.footer .footer_wrap .top .privacy li a{color: #b5b5b6;font-family: 'Montserrat';font-weight: 600;font-size: 16px;}
.footer .footer_wrap .top .privacy li:first-child a{color: #fff;}
.footer .footer_wrap .bottom{display: flex;}
.footer .footer_wrap .bottom .address ul{display: flex;margin-top: 35px;margin-bottom: 10px;}
.footer .footer_wrap .bottom .address ul li{color: #b5b5b6;font-weight: 500;}
.footer .footer_wrap .bottom .address ul li:first-child{color: #fff;}
.footer .footer_wrap .bottom .address ul li span{font-family: 'Montserrat';vertical-align: baseline;}
.footer .footer_wrap .bottom .address ul li::after{content: '';width: 1px;height: 9px;background-color: #666;margin: 0 1rem;display: inline-block;}
.footer .footer_wrap .bottom .address ul li:last-child::after{display: none;}
.footer .footer_wrap .bottom .address span{display: inline-block;color: #b5b5b6;}
.footer .footer_wrap .bottom .address p{margin-top: 20px;color: #fff;opacity: 0.6;font-weight: 200;font-family: 'Montserrat';font-size: 15px; text-align:left}
.footer .footer_wrap .bottom .address p span{font-family: 'Noto Sans KR';color: #fff;vertical-align: baseline;font-weight: 300;}


@media(max-width:1280px){
    .footer .footer_wrap .top{flex-direction: column;}
    .footer .footer_wrap .bottom{flex-direction: column;}
    .footer .footer_wrap .bottom .address{text-align: center;}
    .footer .footer_wrap .bottom .address ul{flex-wrap: wrap;justify-content: center;}
    .footer .footer_wrap .bottom .address ul li{margin: 0 1rem;}
    .footer .footer_wrap .bottom .address ul li::after{display: none;}
    .footer .footer_wrap .top .privacy{margin-top: 30px;}
}
@media(max-width:768px){
    .footer .footer_wrap .top{flex-direction: column;}
    .footer .footer_wrap .bottom{flex-direction: column;}
    .footer .footer_wrap .bottom .address{text-align: center;}
    .footer .footer_wrap .bottom .address ul{justify-content: center;flex-direction: column;font-size: 14px;}
    .footer .footer_wrap .bottom .address ul li{margin: 0 1rem;}
    .footer .footer_wrap .bottom .address ul li::after{display: none;}
    .footer .footer_wrap .top .privacy li:first-child{margin-left: 0;}
    .footer .footer_logo{width: 100px;}
    .footer .footer_wrap .top .privacy li a,.footer .footer_wrap .bottom .address span{font-size: 14px;}
    .footer .footer_wrap .bottom .address p{font-size: 12px;}

}
@media(max-width:500px){
    .sec-footer{padding: 24px 0;}
    .footer .footer_wrap .top .privacy li a{font-size: 15px;}
    .footer .footer_wrap .bottom .address{font-size: 15px;}
    .footer .footer_wrap .top .privacy{text-align: center;  margin-top: 10px;}
    .footer .footer_wrap .top .privacy li{  margin-left: 0.5em; }
    .footer .footer_wrap .top .privacy li a,.footer .footer_wrap .bottom .address span{font-size: 12px;}
    .footer .footer_wrap .bottom .address p{font-size: 10px;}
    .footer .footer_wrap .top{  padding: 0 0 10px 0;}
}

/* media size setting start */
@media all and (min-width:1025px) and (max-width:1280px) {

}
@media all and (min-width:768px) and (max-width:1024px) {

}
@media all and (min-width:481px) and (max-width:767px) {

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

}
/* media size setting end */




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

/* 전 페이지 공통 */
.view_more_btn {
    font-size: 0.75em;
    letter-spacing: -0.0253333333333333em;
    font-weight: 600;
    font-family: Montserrat;
    position: relative;
    display: flex;
    align-items: center;
    transition: all 0.3s;
    font-size: 1em;
}
.view_more_btn.color_01 { color: #034d48; }
.view_more_btn.color_02 {
    color: #fff;
    margin-top: 40px;
}
.view_more_btn.color_03 {
    color: #fff;
    margin-top: 50px;
}
.view_more_btn::after, .view_more_btn::before { content: ''; display: block; transition: all 0.3s; }
.view_more_btn::before { width: 20px; height: 2px; background-color: #034d48; margin-right: 20px; }
.view_more_btn::after { width: 8px; height: 8px; border-radius: 50%; border: 2px solid #034d48; position: absolute; top: 0.37em; left: 20px;}

.view_more_btn.color_02::before { background-color: #fff; }
.view_more_btn.color_02::after { border-color: #fff; }
.view_more_btn.color_03::before { background-color: #fff; }
.view_more_btn.color_03::after{ border-color: #fff; }

.view_more_btn:hover::before { width: 40px; }
.view_more_btn:hover::after { left: 40px;}

/* 전 페이지 공통 */


/*fullpage*****************************************************************************************/
 html.fp-enabled,
 .fp-enabled body {
     margin: 0;
     padding: 0;
     overflow:hidden;
     /*Avoid flicker on slides transitions for mobile phones #336 */
     -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 .fp-section {
     position: relative;
     -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
     -moz-box-sizing: border-box; /* <=28 */
     box-sizing: border-box;
 }
 .fp-slide {
     float: left;
 }
 .fp-slide, .fp-slidesContainer {
     height: 100%;
     display: block;
 }
 .fp-slides {
     z-index:1;
     height: 100%;
     overflow: hidden;
     position: relative;
     -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
 }
 .fp-section.fp-table, .fp-slide.fp-table {
     display: table;
     table-layout:fixed;
     width: 100%;
 }
 .fp-tableCell {
     display: table-cell;
     vertical-align: middle;
     width: 100%;
     height: 100%;
 }
 .fp-slidesContainer {
     float: left;
     position: relative;
 }
 .fp-controlArrow {
     -webkit-user-select: none; /* webkit (safari, chrome) browsers */
     -moz-user-select: none; /* mozilla browsers */
     -khtml-user-select: none; /* webkit (konqueror) browsers */
     -ms-user-select: none; /* IE10+ */
     position: absolute;
     z-index: 4;
     top: 50%;
     cursor: pointer;
     width: 0;
     height: 0;
     border-style: solid;
     margin-top: -38px;
     -webkit-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
 }
 .fp-controlArrow.fp-prev {
     left: 15px;
     width: 0;
     border-width: 38.5px 34px 38.5px 0;
     border-color: transparent #fff transparent transparent;
 }
 .fp-controlArrow.fp-next {
     right: 15px;
     border-width: 38.5px 0 38.5px 34px;
     border-color: transparent transparent transparent #fff;
 }
 .fp-scrollable {
     overflow: hidden;
     position: relative;
 }
 .fp-scroller{
     overflow: hidden;
 }
 .iScrollIndicator{
     border: 0 !important;
 }
 .fp-notransition {
     -webkit-transition: none !important;
     transition: none !important;
 }
 #fp-nav {
     position: fixed;
     z-index: 100;
     margin-top: -32px;
     top: 50%;
     opacity: 1;
     -webkit-transform: translate3d(0,0,0);
 }
 #fp-nav.right {
     right: 17px;
 }
 #fp-nav.left {
     left: 17px;
 }
 .fp-slidesNav{
     position: absolute;
     z-index: 4;
     opacity: 1;
     -webkit-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
     left: 0 !important;
     right: 0;
     margin: 0 auto !important;
 }
 .fp-slidesNav.bottom {
     bottom: 17px;
 }
 .fp-slidesNav.top {
     top: 17px;
 }
 #fp-nav ul,
 .fp-slidesNav ul {
   margin: 0;
   padding: 0;
 }
 #fp-nav ul li,
 .fp-slidesNav ul li {
     display: block;
     width: 14px;
     height: 13px;
     margin: 7px;
     position:relative;
 }
 .fp-slidesNav ul li {
     display: inline-block;
 }
 #fp-nav ul li a,
 .fp-slidesNav ul li a {
     display: block;
     position: relative;
     z-index: 1;
     width: 100%;
     height: 100%;
     cursor: pointer;
     text-decoration: none;
 }
 #fp-nav ul li a.active span,
 .fp-slidesNav ul li a.active span,
 #fp-nav ul li:hover a.active span,
 .fp-slidesNav ul li:hover a.active span{
     height: 12px;
     width: 12px;
     margin: -6px 0 0 -6px;
     border-radius: 100%;
  }
 #fp-nav ul li a span,
 .fp-slidesNav ul li a span {
     border-radius: 50%;
     position: absolute;
     z-index: 1;
     height: 4px;
     width: 4px;
     border: 0;
     background: #333;
     left: 50%;
     top: 50%;
     margin: -2px 0 0 -2px;
     -webkit-transition: all 0.1s ease-in-out;
     -moz-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out;
 }
 #fp-nav ul li:hover a span,
 .fp-slidesNav ul li:hover a span{
     width: 10px;
     height: 10px;
     margin: -5px 0px 0px -5px;
 }
 #fp-nav ul li .fp-tooltip {
     position: absolute;
     top: -2px;
     color: #fff;
     font-size: 14px;
     font-family: arial, helvetica, sans-serif;
     white-space: nowrap;
     max-width: 220px;
     overflow: hidden;
     display: block;
     opacity: 0;
     width: 0;
     cursor: pointer;
 }
 #fp-nav ul li:hover .fp-tooltip,
 #fp-nav.fp-show-active a.active + .fp-tooltip {
     -webkit-transition: opacity 0.2s ease-in;
     transition: opacity 0.2s ease-in;
     width: auto;
     opacity: 1;
 }
 #fp-nav ul li .fp-tooltip.right {
     right: 20px;
 }
 #fp-nav ul li .fp-tooltip.left { left: 20px; }
 .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ /*height: auto !important;*/ height: 350px !important; }
 .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important;}


/*main*****************************************************************************************/
.fp-viewing-1 header, .fp-viewing-2 header, .fp-viewing-3 header, .fp-viewing-4 header { background-color: #fff;}

.fp-viewing-1 header .header_inner .header_gnb > ul > li:not(:last-child) > a, .fp-viewing-2 header .header_inner .header_gnb > ul > li:not(:last-child) > a, .fp-viewing-3 header .header_inner .header_gnb > ul > li:not(:last-child) > a, .fp-viewing-3 header .header_inner .header_gnb > ul > li:not(:last-child) > a { font-weight: 800;}

.fp-viewing-1 header .header_inner .header_gnb > ul > li > a, .fp-viewing-2 header .header_inner .header_gnb > ul > li > a, .fp-viewing-3 header .header_inner .header_gnb > ul > li > a, .fp-viewing-4 header .header_inner .header_gnb > ul > li > a { color: #222;font-weight: bold;}

.fp-viewing-1 header .header_inner .header_gnb > ul > li.on > a, .fp-viewing-2 header .header_inner .header_gnb > ul > li.on > a, .fp-viewing-3 header .header_inner .header_gnb > ul > li.on > a. .fp-viewing-4 header .header_inner .header_gnb > ul > li.on > a { color: #034d48; border-bottom: 1px solid #034d48;}

.fp-viewing-1 header .header_inner .header_service .search .all_bt .bt_b span, .fp-viewing-1 header .header_inner .header_service .search .all_bt .bt_t span,
.fp-viewing-2 header .header_inner .header_service .search .all_bt .bt_b span, .fp-viewing-2 header .header_inner .header_service .search .all_bt .bt_t span,
.fp-viewing-3 header .header_inner .header_service .search .all_bt .bt_b span, .fp-viewing-3 header .header_inner .header_service .search .all_bt .bt_t span. 
.fp-viewing-4 header .header_inner .header_service .search .all_bt .bt_b span, .fp-viewing-4 header .header_inner .header_service .search .all_bt .bt_t span{ background-color: #222; }

.fp-viewing-1 header .header_inner .header_service .search_btn a, .fp-viewing-2 header .header_inner .header_service .search_btn a,
.fp-viewing-3 header .header_inner .header_service .search_btn a, .fp-viewing-4 header .header_inner .header_service .search_btn a{ color: #034d48;}


.fp-viewing-1 header .header_logo .logo_bl, .fp-viewing-2 header .header_logo .logo_bl, .fp-viewing-3 header .header_logo .logo_bl, fp-viewing-4 header .header_logo .logo_bl { display: block;}

.fp-viewing-1 header .header_logo .logo_wh, .fp-viewing-2 header .header_logo .logo_wh, .fp-viewing-3 header .header_logo .logo_wh, .fp-viewing-4 header .header_logo .logo_wh { display: none;}

.fp-viewing-1 header .header_service .search_bk, .fp-viewing-2 header .header_service .search_bk, .fp-viewing-3 header .header_service .search_bk, .fp-viewing-4 header .header_service .search_bk { display: block;}

.fp-viewing-1 header .header_service .search_wh, .fp-viewing-2 header .header_service .search_wh, .fp-viewing-3 header .header_service .search_wh. .fp-viewing-4 header .header_service .search_wh { display: none;}






.swiper {  width: 100%; height: 100%; }
.swiper-slide { text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img {  display: block; width: 100%; height: 100%; object-fit: cover; }

.wrap_1400 {
    max-width: 1480px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}
.main_wrap { font-size: 20px;}

.view_more_btn {
    font-size: 15px;
    letter-spacing: -0.0253333333333333em;
    font-weight: 700;
    font-family: Montserrat;
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s;
}
.view_more_btn.color_01 { color: #034d48;}
.view_more_btn.color_02 { color: #fff;}
.view_more_btn::after,
.view_more_btn::before {
    content: '';
    display: block;
    transition: all 0.3s;
}
.view_more_btn::before { width: 20px; height: 2px; background-color: #034d48; margin-right: 20px; }
.view_more_btn::after { width: 8px; height: 8px; border-radius: 50%; border: 2px solid #034d48; position: absolute; top: 5px; left: 18px; }

.view_more_btn.color_02::before {
    background-color: #fff;
}
.view_more_btn.color_02::after {
    border-color: #fff;
}

.view_more_btn:hover::before { width: 40px; }
.view_more_btn:hover::after { left: 40px;}

#fp-nav.left {
    left: 2vw;
    top: 54%;
}

#fp-nav ul li:last-child {display: none;}

#fp-nav ul li,
.fp-slidesNav ul li {
    margin-bottom: 33px;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a span,
.fp-slidesNav ul li:hover a.active span {
    background-color: #fff;
    opacity: 1;
    width: 5px;
    height: 5px;
    margin: -2px 0 0 -2px;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background-color: #fff;
    opacity: 0.4;
    width: 5px;
    height: 5px;
}

.fp-viewing-3 #fp-nav ul li a.active span,
.fp-viewing-3 #fp-nav ul li:hover a span,
.fp-viewing-3 #fp-nav ul li:hover a.active span,
.fp-viewing-3 .fp-slidesNav ul li a.active span,
.fp-viewing-3 .fp-slidesNav ul li:hover a span,
.fp-viewing-3 .fp-slidesNav ul li:hover a.active span { background-color: #034d48;}

.fp-slidesNav ul li a span,
.fp-viewing-3 #fp-nav ul li a span {
    background-color: #aaa;
}
.sec01 { overflow: hidden;}
.sec01_slider .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sec01_slider .swiper-slide-active .bg {
    animation: zoomIn 1.5s linear  forwards;
}
.sec01_slider .sec01_item { color: #000; width: 71%; text-align: left; position: relative; z-index: 10; height: 100%; padding-top: 20vh;}
.sec01_slider .sec01_item > * {
    position: relative;
    opacity: 0;
    bottom: -1em;
    transition: all 0.8s;
}
.sec01_slider .swiper-slide-active .sec01_item > * { animation: bottomIn 0.8s  ease-in-out forwards;}
.sec01_slider .sec01_item h2 { font-size: 5em; letter-spacing: -0.0615em; line-height: 0.9; font-weight: 800; }
.sec01_slider .swiper-slide-active .sec01_item h2{ animation-delay: 0.3s;}
.sec01_slider .swiper-slide-active .sec01_item h2 + p{  animation-delay: 0.6s;}
.sec01_slider .sec01_item h2 + p { margin-top: 1em; transition-delay: 1s; font-size: 1.12em; }
.sec01_slider .sec01_item h2 span{ font-size: 0.4em;  letter-spacing: -0.06em; font-weight: 400; }
.sec01_slider .sec01_btn_box {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    right: 2.5em;
    z-index: 10;
}

.slide_style.slide_btn {
    width: 4.05em !important;
    height: 4.05em !important;
    border-radius: 50%;
    border: 1px solid #ccc;
    position: relative;
    opacity: 0.5;
    transition: opacity 0.3s;
}
.slide_style.slide_btn:hover {
    opacity: 1;
}
.swiper-button-next.slide_style.slide_btn {
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
}
.swiper-button-prev.slide_style.slide_btn {
    left: auto !important;
    right: 0 !important;
    top: 0 !important;
    margin-top: 1.5em !important;
}
.sec01_slider .swiper-button-next:after { background-image: url("/minihome_img/mkart/sec_arrow_left.png"); background-size: contain;}
.sec01_slider .swiper-button-prev:after { background-image: url("/minihome_img/mkart/sec_arrow_right.png"); background-size: contain;}

.sec01_slider .control_box { position: absolute; z-index: 20; width: 70%; max-width: 1480px; padding: 0 40px; top: 18vh; left: 50%; transform: translateX(-50%); display: flex; align-items: center; }
.sec01_slider .control_box .slide_num { font-size: 0.8em; color: #000; font-weight: bold; }
.sec01_slider .control_box .total_number { opacity: 0.4; font-size: 0.85em; }
.sec01_slider .control_box .swiper-pagination { width: 120px; height: 2px; position: relative; opacity: 0.3;  background-color: #333; margin: 0 20px;}
.sec01_slider .control_box .control_btn { width: 13px; height: 13px; background: url("/minihome_img/mkart/stop_icon.png") center no-repeat; background-size: contain; margin-left: 22px; margin-bottom: 3px; }
.sec01_slider .control_box .control_btn.stop { background-image: url("/minihome_img/mkart/stop_icon.png");}
.sec01_slider .control_box .control_btn.play { width: 8px; height: 13px; background-image: url("/minihome_img/mkart/ico-slide-play-w.png"); background-size:  contain;}
.sec01_slider .control_box .control_btn span { font-size: 0; width: 0; height: 0; overflow: hidden;}
.sec01_slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #fff; }



/*service*/
.sec02 { position: relative; background-color: #fafafa; padding-top: -10.656350053361793vh;}
.sec02::after { content: ''; display: block; width: 0; position: absolute; height: 100%; background: url("/minihome_img/mkart/sec2_bg02.jpg") center right no-repeat; background-size: auto 100%; top: 0;     position: rela tive; right: 0; transition: all 0.5s; }

.fp-viewing-1 .sec02::after { width: 728px;}
.sec02 .swiper-pagination { text-align: left; position: relative; font-family: "Montserrat";  font-weight: 600; letter-spacing: -1px; display: flex;     align-items: center; color: #aaa; }
.sec02 .swiper-pagination span::before { content: '0'; }
.sec02 .swiper-pagination .swiper-pagination-current { font-size: 2em; color: #034d48; margin-right: 7px; margin-top: -0.2em; }
.sec02 .swiper-pagination .swiper-pagination-total { font-size: 1em; margin-left: 3px;}
.sec02 .slide_con {
    position: absolute;
    max-width: 1280px;
    width: 33%;
    left: 54%;
    top: 50%;
    height: 616px;
    transform: translate(-127%,-50%);
    z-index: 5;
    padding: 100px 4.010417vw 40px 9vw;
    background-color: rgba(250, 250, 250, 0.5);
}
.sec02 .text_list { text-align:left; 
    width: 100%;
    margin-top: 0.2em;
}
.sec02 .text_list li {
    display: none;
}
.sec02 .text_list li.act {
    display: block;
}
.sec02 .con span { font-size: 2.4em; font-weight: 700; letter-spacing: -0.9px; color: #222; font-family: Montserrat; width: 100%; line-height: 1.28;  position: relative;transition: all 0.3s;}

.sec02  .slide_con .text_list > li .con span{ opacity: 0;}
.fp-viewing-1  .sec02  .slide_con .text_list > li.act .con span {
    animation: bottomIn 0.5s 0.1s ease-in-out forwards;
}

.sec02 .con p { font-size: 0.8em; color: #666; margin-top: 2em; position: relative; transition: all 0.3s;}
.sec02 .slide_con .text_list .con p{ opacity: 0; }
.fp-viewing-1  .sec02  .slide_con .text_list > li.act .con p { animation: bottomIn 0.5s 0.3s ease-in-out forwards;}
.sec02  .slide_con .text_list > li a { opacity: 0; } 
.sec02 .con a { margin-top: 56px; position: relative; }

.fp-viewing-1  .sec02  .slide_con .text_list > li.act .con a {
    animation: bottomIn 0.5s 0.5s ease-in-out forwards;
}
.sec02 .sec02_swiper .swiper-slide .slide_img {
    padding-left: 20px;
    position: relative;
    scale: 0.7;
    transition: all 0.3s;
}
.sec02 .sec02_swiper .swiper-slide .slide_img > * {
    float: left;
}
.sec02 .sec02_swiper .swiper-slide .slide_img > span {
    margin-left: -20px;
    display: none;
}

.sec02 .sec02_swiper .swiper-slide.swiper-slide-active .slide_img {
    margin-left: auto;
    padding: 0;
    scale: 1;
    margin-right: -3.1em;
}
.sec02 .sec02_swiper .swiper-slide.swiper-slide-active .slide_img > img {
    box-shadow: 1px 1.7px 20px 0 rgba(0, 17, 58, 0.2);
}
.sec02 .sec02_swiper .swiper-slide.swiper-slide-active .slide_img > span {
    display: inline-block;
}
.sec02 .sec02_swiper .con {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    display: none;
}


.sec02 .btn_box { display: flex; margin-top: 0; position: absolute;  bottom: 7px; left: 9vw; }
.sec02 .arrow_btn { position: relative; margin: 0; padding: 0; left: 0 !important; width: 3.5em !important; height: 3.5em !important; border-radius: 50%;  border: 1px solid #ddd; transition: all 0.3s; }
.sec02 .arrow_btn:hover { background-color: #034d48; border: 1px solid #034d48; }
.sec02 .swiper-button-prev { margin-right: 1em;}

.sec02 .swiper-button-next::after { background-image: url("/minihome_img/mkart/sec_arrow_right.png");}
.sec02 .swiper-button-prev::after:hover { background-image: url("/minihome_img/mkart/sec_arrow_left_hover.png"); background-size: contain; }
.sec02 .swiper-button-next:hover { transform: rotate(0deg); }
.sec02 .swiper-button-next::after:hover { background-image: url("/minihome_img/mkart/sec_arrow_right_hover.png"); background-size: contain;}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: '' !important; width: 11px; height: 16px; background: url(/minihome_img/mkart/sec_arrow_left.png)no-repeat; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: '' !important; width: 11px; height: 16px; background:  url(/minihome_img/mkart/sec_arrow_right.png)no-repeat; }

@keyframes lineAni {
    0% { height: 0; }
    100% { height: 100%; }
}
@keyframes lineAni2 {
    0% { bottom: -100%; height: 0; }
    100% { bottom: 0; height: 100%; }
}

@media all and (max-width:1280px) {
    .view_more_btn { font-size: 12px; letter-spacing: -0.0253333333333333em; }
    .view_more_btn::before {
        width: 15px;
        height: 2px;
        margin-right: 20px;
    }
    .view_more_btn::after {
        width: 10px;
        height: 10px;
        top: 2px;
        left: 13px;
    }

    .view_more_btn:hover::before {
        width: 12px;
    }
    .view_more_btn:hover::after {
        left: 13px;
    }
    .main_wrap {
        font-size: 14px;
    }

    .fp-viewing-1 .sec02::after {
        width: 45vw;
    }
    .sec02 .slide_con .con a {
        margin-top: 42px;
    }
    .sec02 .slide_con {
        height: 500px;
    }

}

@media all and (max-width:1024px) {
    .sec05 .sec05_slider .sec05_swiper {
        margin-left: -20%;
    }
    .sec01_slider .sec01_item {
        text-align: center;
        /* padding-top: 50%; */
    }

    .sec01_slider .control_box { justify-content: center; }

    .sec01_slider .sec01_item h2 + p {
        font-size: 1.2em;
    }
    .sec01_slider .sec01_btn_box {
        display: none;
    }
    .sec02 .slide_con {
        display: none;
    }
    .sec02 .sec02_swiper .swiper-slide.swiper-slide-active .con {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        align-content: flex-end;
        padding: 2em;
        height: 100%;
        background: rgba(0,0,0,0.2);
    }
    .sec02 .sec02_swiper .con span {
        color: #fff;
    }
    .sec02 .con a {
        margin-top: 3em;
        color: #fff;
    }
    .sec02 .con .view_more_btn::before {
        background-color: #fff;
    }
    .sec02 .con .view_more_btn::after {
        border-color: #fff;
    }
    .sec02 .sec02_swiper .swiper-slide .slide_img {
        scale: 0.9;
    }
    .sec02 .sec02_swiper .swiper-slide.swiper-slide-active .slide_img {
        margin-right: 0;
        padding: 0;
    }
}

@media all and (max-width:750px) {
    .sec05 .sec05_slider .sec05_swiper {
        margin-left: -20%;
    }
    .sec04 .sec04_con .left_box {
        padding-top: 16vh;
    }
    .main_wrap {
        font-size: 10px;
    }
    .sec01_slider .sec01_item {
        padding-top: 42vh;
    }
    .sec01_slider .sec01_item h2 + p {
        font-size: 1.4em;
    }
    .sec02 .sec02_swiper .swiper-slide .slide_img > span {
        height: 100px;
        margin-left: -14px;
    }
    .sec04 .sec04_con .left_box .sec04_text,
    .sec04 .sec04_con .right_box .right_tab_box .tab_list {
        font-size: 1.2em;
    }
    .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 3em;
    }
    .swiper-pagination-bullet {
        width: 3px;
        height: 3px;
    }
    .sec04 .swiper-pagination-bullet::before {
        width: 1.2em;
        height: 1.2em;
    }
    .sec04 .sec04_con .left_box .sec04_text::before {
        margin-bottom: 2em;
    }
    .view_more_btn {
        font-size: 1.2em;
    }
    .view_more_btn::after {
        width: 8px;
        height: 8px;
        top: 3px;
    }
    .sec04 .sec04_con .right_box .logo_item .item > div {
        width: 33.33%;
    }
    .sec02::after {
        width: 100%;
        height: 0;
        top: auto;
        bottom: 0;
    }
    .sec02::after {
        width: 100%;
        background-position: left;
        background-size: 100%;
    }
    .fp-viewing-1 .sec02::after {
        width: 100%;
        height: 50vh;
    }
    .sec02 .swiper {
        height: 50%;
    }
    .sec05 .title_box .title02 {
        margin-left: 0;
    }
    .sec02 .sec02_swiper .swiper-slide .slide_img {
        scale: 0.5;
        padding: 0;
    }
    .sec02 .sec02_swiper .swiper-slide.swiper-slide-active .slide_img {
        scale: 1.3;
    }
    .sec05 .title_box .title02 {
        font-size: 1.2em;
        line-height: 1.56;
    }
    #fp-nav.left {
        display: none;
    }
}

@media all and (max-width:500px) {
    .sec01_slider .control_box .control_btn {
        width: 1em;
        height: 1em;
        margin-bottom: 0;
        margin-left: 1em;
    }
    .sec01_slider .control_box .swiper-pagination {
        margin: 0 1em;
    }
    .sec01_slider .control_box .slide_num {
        font-size: 1em;
    }
    .wrap_1400 {
        padding: 0 20px;
    }
    .sec01_slider .control_box {
        top: 36.5296803652968vh;
    }
    .sec01_slider .sec01_item {
        padding-top: 41.0958904109589vh;
    }
    .sec01_slider .sec01_item h2 + p {
        font-size: 1.4em;
        margin-top: 1em;
    }
    .sec01_slider .sec01_item h2 {
        font-size: 3em;
    }
    .sec02 .sec02_swiper .swiper-slide.swiper-slide-active .slide_img > span {
        display: none;
    }
    .sec02 .sec02_swiper .swiper-slide.swiper-slide-active .con {
        padding: 1em;
    }
    .sec02 .con span { font-size: 1.4em;
    }
    .sec02 .con a {
        margin-top: 1.5em;
    }
    .sec02 .con a {  scale: 0.8;  }
}

.sec03{ }
.sec04{ background-image: url("/minihome_img/mkart/sec04_bg.jpg"); background-repeat:no-repeat; background-size: cover;; height:651px}
.scrollDown { position: fixed;  right: 45px; bottom: 40px; z-index: 10; }
.scrollDown .bk_img { display: none; }
.fp-viewing-3 .scrollDown .bk_img {
    display: block;
}
.fp-viewing-3 .scrollDown .wh_img {
    display: none;
}
.fp-viewing-4 .scrollDown,
.fp-viewing-5 .scrollDown {
    display: none;
}
@media all and (max-width: 1440px) {
    .scrollDown {
        right: 40px;
    }
}

@media all and (max-width: 750px) {
    .scrollDown {
        right: 20px;

    }
}
@media all and (max-width: 500px) {
    .scrollDown {
        right: 2em;
        width: 8px;
    }
}
@keyframes bottomIn {
    0% {
        bottom: -1em;
        opacity: 0;
    }
    100% {
        bottom: 0;
        opacity: 1;
    }
}
@keyframes topIn {
    0% {
        top: -1em;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}



@keyframes zoomIn{
    0%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
}