@charset "utf-8";

/* 공통 */
/* body{height: 100vh; overflow-x: hidden;} */
html, body{height: 100vh; overflow-x: hidden;}
h2{width: max-content; margin: 0 auto; font-size: 34px; font-weight: 800; color: #2d2d2d;text-align:center;}
.clear::after{content:''; display: block; clear: both;}
.inner{width: 1280px; margin: 0 auto; max-width: 100%;}
::-webkit-scrollbar {width:10px;background:rgba(255,255,255,0.1);}
::-webkit-scrollbar-thumb {background:#7c7c7c;background-clip:padding-box;border:2px solid transparent;border-radius:5px;}
::-webkit-scrollbar-track {padding:10px;}

/* top_popup */
.top_popup {width:100%;height:135px;margin:0 auto;position:relative;overflow:hidden;display:block;-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;color:#fff;z-index:120;}
/* .top_popup:not([style*="display: none"]) + .header_bg + header {margin-top:136px !important;} */
/*.top_popup.active {display:block;}*/
.top_popup ul {z-index:10;}
.top_popup .slick-slide {overflow:hidden;height:135px;}
.top_popup .slick-slide img {width:auto;min-width:100%;max-width:none;position:relative;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.top_popup .slick-dotted.slick-slider {margin:0;height:100%;}
.top_popup .slick-dots li button {width:auto;height:auto;}
.top_popup .slick-dots {position:absolute;width:auto;bottom:10px;right:100px;text-align:center;z-index:40;padding:0px 30px 0px 10px;background:#fff;border-radius:20px;}
.top_popup .play_wrap {position:absolute;right:120px;bottom:13px;z-index:50;}
.top_popup .play_wrap button {text-indent:-9999px;}
.top_popup .play_wrap button::after {text-indent:0;content:'';font-size:16px;color:#575757;font-family:'xeicon';position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.top_popup .play_wrap button.slick_play::after {content:'\ea3e';}
.top_popup .play_wrap button.slick_stop::after {content:'\ea3b';}
.top_popup .slick-dots li {margin:0;width:15px;}
.top_popup .slick-dots li button::before {width:10px;height:10px;border:1px solid #5e5e5e;border-radius:100%;opacity:1;text-indent:-9999px;}
.top_popup .slick-dots li.slick-active button:before {background:#863dd2;border:none;}
.top_popup .oneday {position:absolute;right:200px;bottom:13px;color:#fff;cursor:pointer;z-index:30;}
.top_popup .oneday input {opacity:0;}
.top_popup .oneday label {vertical-align:middle;cursor:pointer;position:relative;padding-left:26px;text-shadow: 1px 1px 2px rgba(0,0,0,0.6);}
.top_popup .oneday label::before {content:'';position:absolute;top:3px;left:0;width:20px;height:20px;background:#fff;border:1px solid #969696;border-radius:4px;}
.top_popup .oneday label::after {content:'\e928';font-family:'xeicon';position:absolute;top:3px;left:3px;color:#000;font-size:0.8em;display:none;}
.top_popup .oneday input:checked + label::after {display:block;}
.top_popup .top_popup_close {position:absolute;top:15px;right:100px;width:40px;height:40px;z-index:20;}
.top_popup .top_popup_close::before {content:'';width:100%;height:100%;position:absolute;top:0;left:0;border-radius:10px;background:#863dd2;}
.top_popup .top_popup_close::after {content:'\e921';width:100%;height:100%;position:absolute;top:0;left:0;font-family:'xeicon';font-size:18px;text-align:center;line-height:40px;color:#fff;-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
.top_popup .top_popup_close:hover::after {-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);}
.top_popup.active + header {margin-top:7.1%;}
.top_popup .type01 {background:url(/images/homepage/www/kocca/common/top_popup_type01.png) no-repeat center;background-size:cover;}
.top_popup .type02 {background:url(/images/homepage/www/kocca/common/top_popup_type02.png) no-repeat center;background-size:cover;}
.top_popup .type01 a,
.top_popup .type02 a {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;}
.top_popup .slick-slide a {width:100%;height:100%;}
.top_popup .type01 p,
.top_popup .type02 p {text-align:center;padding:20px 30px;font-weight:bold;color:#fff;}
.top_popup .type02 p::before {content:'';display:inline-block;width:45px;height:45px;background:url(/images/homepage/www/kocca/common/icon_top_popup01.png);margin-right:10px;vertical-align:middle;}


/* layer_popup*/
#layer_pop {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#d6d6d6;width:850px;max-width:calc(100% - 40px);height:auto;box-shadow:20px 20px 20px rgba(0,0,0,0.34);border:1px solid #fff;z-index:130;}
#layer_pop .layer_popup01 {height:100%;}
#layer_pop .layer_popup .type01 {width:100%;height:448px;max-width:100%;text-align:center;background:url(/images/homepage/www/kocca/main/bg_layer_type01.png) center;background-size:cover;color:#fff;padding:30px;}
#layer_pop .layer_popup .type01 .title {font-size:1.25em;font-weight:bold;height:120px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;}
#layer_pop .layer_popup .type01 .txt {font-size:1.25em;font-weight:500;height: 250px;overflow-y: auto;}
#layer_pop .layer_popup .type02 {width:100%;height:448px;max-width:100%;text-align:center;background:url(/images/homepage/www/kocca/main/bg_layer_type02.png) center;background-size:cover;color:#fff;padding:30px;}
#layer_pop .layer_popup .type02 .title {font-size:1.25em;font-weight:bold;height:160px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;}
#layer_pop .layer_popup .type02 .title::before {content:'';width:39px;height:36px;background:url(/images/homepage/www/kocca/main/icon_layer_title.png);display:inline-block;margin-right:10px;}
#layer_pop .layer_popup .type02 .txt {font-size:1.25em;font-weight:500;}
#layer_pop .img_wrap {height:calc(100% - 40px);}
#layer_pop .layer_oneday {height:40px;line-height:40px;padding:0 15px;color:#000;}
#layer_pop .layer_oneday * {vertical-align:middle;}
#layer_pop .layer_oneday input,
#layer_pop .layer_oneday label {margin-right:5px;cursor:pointer}
#layer_pop .layer_oneday .btn_layer_oneday_close {float:right;}
#layer_pop .slick-dotted.slick-slider {margin-bottom:0;}
#layer_pop .slick-dots {bottom:10px;}
#layer_pop .slick-prev {left:10px;}
#layer_pop .slick-next {right:10px;}
#layer_pop .slick-prev,
#layer_pop .slick-next {display:none !important;}
#layer_pop .slick-dots li button:before {font-size: 0;width: 10px;height: 10px;border: 1px solid #fff;border-radius: 100%;background: #000;}


/* 탭 */
.tablist{position:relative; display:-webkit-box; display:-ms-flexbox;display:-webkit-flex;display:flex; -ms-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
.tab_txt_box{padding: 0 15px;}
.tab_txt_box > h5{line-height: 90px; border-bottom: 2px solid #2d2d2d; font-size: 26px; font-weight: 800; color: #2d2d2d; margin-bottom: 35px;}

/* header */
#header{width: 100%; position:relative;transition: all 0.2s ease; z-index: 111; top: 0; left: 0;padding:0 30px;}
#header.hover,
#header.active{background: #fff; box-shadow:3px 3px 7px rgba(0,0,0,0.08);}
#header.hover .gnb > ul > li a,
#header.active .gnb > ul > li a{color: #333; text-align: center;}
#header.hover .logo a,
#header.active .logo a{background: url(/images/homepage/www/en/main/en_logo_new_on.png);}
#header.hover .select_lang_box > div > .label ,
#header.active .select_lang_box > div > .label{color: #482058; border: 1px solid #482058;}
#header.hover .select_lang_box > div > .label::before,
#header.active .select_lang_box > div > .label::before {color: #482058;}
#header.hover .allmenu_open::before,
#header.hover .allmenu_open::after,
#header.hover .allmenu_open span,
#header .allmenu_open {display:none;z-index:100;}
#header.active {position:fixed;}
#header.active + #main {padding-top:110px;}

#nav{width: 100%;}
#nav .inner{max-width: 1580px; width:100%; height: 110px; margin: 0 auto; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -ms-align-items:center;-webkit-align-items:center;align-items:center;
-ms-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
.logo a{width: 106px; height: 33px; text-indent: -9999px; display: block; background: url(/images/homepage/www/en/main/en_logo_new.png);}

.gnb{width: auto; height: 100%;}
.gnb > ul{height: 100%;}
.gnb > ul > li{float: left; height: 100%;}
.gnb > ul > li + li{margin-left: 110px;}
.gnb > ul > li a{padding: 15px 0; line-height: 110px; color: #fff; font-weight: 600;}

.select_lang_box > div {width:135px;position:relative;float:left; }
.select_lang_box > div > .label {display:block;width:100%;height:36px;line-height:34px;padding-left:20px; font-size: 14px;font-weight: 600; color: #fff; border: 1px solid #fff; border-radius: 12px;}
.select_lang_box > div > .label::before {content:'\e941';font-family:'xeicon';position:absolute;right:20px; color: #fff;}
.select_lang_box .label.on{border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #fff; border:1px solid #57286a; color: #57286a;}
.select_lang_box .label.on::before{color: #482058; transform: rotate(180deg);}
.select_lang_box .utile_list {position:absolute;top:36px;left:0;display:none; background:#57286a;border:1px solid #57286a !important; width:100%;z-index:100; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.select_lang_box .utile_list a {display:block; padding:10px 20px; color:#fff; font-size: 14px;}
.select_lang_box .utile_list li:last-child a{border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.select_lang_box .utile_list a:hover {background:#482058;}

.allmenu_open {float:left;font-size:0;width:27px;height:24px;position:relative;}
.allmenu_open::before {content:'';position:absolute;left:0;top:0px;width:27px;height:3px;background-color:#fff;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
.allmenu_open::after {content:'';position:absolute;left:0;top:20px;width:27px;height:3px;background-color:#fff;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
.allmenu_open span {position:absolute;left:0;top:10px;width:27px;height:3px;background-color:#fff;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
.allmenu_open:hover span,
.allmenu_open:hover::before,
.allmenu_open:hover::after {width:27px;}

#header.hover .allmenu_open::before,
#header.hover .allmenu_open::after,
#header.hover .allmenu_open span,
#header.active .allmenu_open::before,
#header.active .allmenu_open::after,
#header.active .allmenu_open span {background-color:#482058 !important;display:block !important;}
nav.active .allmenu_open::before,
nav.active .allmenu_open::after,
nav.active .allmenu_open span {background-color:#482058 !important;display:block !important;}
nav.active .gnb {display:block;width:300px;position:absolute;top:0;right:0;height:100vh;background:#fff;box-shadow:-12px -12px 10px rgba(0,0,0,0.08);padding-top:100px;}
nav.active .gnb_bg {position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.2);}
nav.active .gnb ul li a {color:#482058 !important;}
nav.active .gnb ul li {height:auto;width:100%;margin:0 0 0 30px;}
nav.active .select_lang_box {display:block;position:absolute;top:38px;right:130px;z-index:10;}
nav.active .select_lang_box > div > .label {color: #482058;border: 1px solid #482058;}
nav.active .select_lang_box > div > .label::before {color: #482058;}

/* header */


/* main visual */
.main_slide01{height: 600px; border-radius: 0% 0% 50% 50% / 0% 0% 40% 40%; overflow: hidden; width: calc(100% + 100px); margin-left: -50px; position: relative;}
.main_slide01 .img_wrap {position:relative;height:700px;}
.main_slide01 .img_wrap img{max-width:none;min-width:100%;position:absolute;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:-1;}
.main_slide01 .img_wrap::after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.3); z-index: 1; width: 100%; height: 100%;}

.cont_wrap{position: absolute; z-index: 20; top:150px; left: 0; width:100%;text-align:center;font-size: 50px; color: #fff; font-weight: 800;}

.section01{position: relative;margin-top:-110px;}
.section01 .pager_wrap { display:none !important; position: absolute;z-index: 10;left: 50%;margin-left: -120px;top: 400px;}
.section01 .pager_wrap .pager > * {float:left;}
.section01 .pager_wrap .prev {width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:100%;cursor:pointer;}
.section01 .pager_wrap .prev a {display:block;width:100%;height:100%;font-size:0;position:relative;}
.section01 .pager_wrap .prev a::after {content:'\e93b';width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;font-family:'xeicon';font-size:18px;text-align:center;line-height:50px;}
.section01 .pager_wrap .next {width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:100%;cursor:pointer;margin-left:82px;}
.section01 .pager_wrap .next a {display:block;width:100%;height:100%;font-size:0;position:relative;}
.section01 .pager_wrap .next a::before {content:'\e93e';width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;font-family:'xeicon';font-size:18px;text-align:center;line-height:50px;}
.section01 .pager_wrap .play_wrap {width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:100%;margin-left:10px;position:relative;}
.section01 .pager_wrap .play_wrap > * {width:100%;height:100%;font-size:0;}
.section01 .pager_wrap .play_wrap .slick_play::after {content:'\ea3e';width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;font-family:'xeicon';font-size:18px;text-align:center;line-height:50px;z-index:-1;}
.section01 .pager_wrap .play_wrap .slick_stop::after {content:'\ea3b';width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;font-family:'xeicon';font-size:18px;text-align:center;line-height:50px;z-index:-1;}
.section01 .slick-dots { display:none !important; position: absolute;left: 50%;top: 400px;width: 70px;margin: 0;bottom: auto;text-align: center;color: #fff;font-size: 17px;margin-left:-65px;}
.section01 .slick-dots li {display:none;width:100%;}
.section01 .slick-dots li .now_pagi {font-size:30px;font-weight:bold;}
.section01 .slick-dots li .now_pagi::after {content:'/';margin-left:5px;}
.section01 .slick-dots li.slick-active {display:block;}
/* main visual */


/* about KOCCA */
#about{margin: 80px 0 50px; }
#about h2 span{color: #6a329a;}
#about .tab_style01 > ul{display:-webkit-box; display:-ms-flexbox;display:-webkit-flex;display:flex; -ms-justify-content: center;-webkit-justify-content: center;justify-content: center; margin-top: 60px;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
#about .tab_style01 > ul > li {margin:0 15px 20px 15px;}
#about .tab_style01 > ul > li > a{font-size: 20px; font-weight: 600; color: #959595; transition: 0.2s ease; position: relative;}
#about .tab_style01 > ul > li a::after{transition: 0.2s ease;}
#about .tab_style01 > ul > li.active a{color: #3b54a6;}
#about .tab_style01 > ul > li.active a::after{content: ''; width: 100%; height: 2px; bottom: -3px; left: 0; background: #3b54ab; position: absolute;}


#about .tab_view_wrap{margin-top: 70px;}
#about .tab_view{display: none;}
#about .tab_view.active{display: block;}
#about .tabcontent{position: relative;}
#about .tabcontent .about_bg{/* width: 56%;  *//* height: 480px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background-repeat: no-repeat; */ /* float:left; */ margin:0 0 40px 0;text-align:center;}
#about .tabcontent .about_bg.location {position:absolute;}
/* #about .tabcontent .about_bg{width: 50%; height: 480px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background-repeat: no-repeat; float:left;margin:0 50px 50px 0;}
#about .tabcontent .about_bg.location {position:absolute;}
#about .tabcontent.abouttab_01 .about_bg,
#about .tabcontent.abouttab_02 .about_bg {background-image: url(/images/homepage/www/en/main/aboutKocca_bg01.png); background-position: 50% 90%;}
#about .tabcontent.abouttab_01 .about_bg.en,
#about .tabcontent.abouttab_02 .about_bg.en {background-image: url(/images/homepage/www/en/main/aboutKocca_bg_en.jpg); background-position: 90% 30%;}
#about .tabcontent.abouttab_01 .about_bg.cn,
#about .tabcontent.abouttab_02 .about_bg.cn {background-image: url(/images/homepage/www/en/main/aboutKocca_bg_cn.jpg); background-position: 90% 30%;}
#about .tabcontent.abouttab_01 .about_bg.jp,
#about .tabcontent.abouttab_02 .about_bg.jp {background-image: url(/images/homepage/www/en/main/aboutKocca_bg_jp.jpg); background-position: 90% 30%;} */
#about .tabcontent.abouttab_04 .about_bg{background: tomato; top: 150px;overflow:hidden;}
#about .tabcontent.abouttab_04.location_map_new {}
#about .tabcontent.abouttab_04.location_map_new .about_bg.location {background:#fff;top:0;left:0;width:50%;height:100%;}
#about .tabcontent.abouttab_04.location_map_new iframe {border:0 none !important;}

#about .tab_txt_box h3{padding:20px 0; color: #2d2d2d;/* line-height: 90px; */font-size: 32px;font-weight: 800;border-bottom: 2px solid #2d2d2d;/* width: calc(100% - 50% - 50px); */margin: 0 0 20px auto;}
#about .tab_txt_box p{color: #2d2d2d; line-height: 30px; font-size: 20px; /*word-break:keep-all;*/}

#about .tabcontent.abouttab_01 .tab_txt_box{}
#about .tabcontent.abouttab_02 .tab_txt_box .txt_greeting01{}
#about .tabcontent.abouttab_02 .tab_txt_box .txt_greeting02{display:-webkit-box; display:-ms-flexbox;display:-webkit-flex;display:flex; -ms-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between; margin-top: 50px;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
#about .tabcontent.abouttab_02 .tab_txt_box .txt_greeting02 > p {width: calc(50% - 25px); display: inline-block;}

#about .tabcontent.abouttab_03 .tab_txt_box{width: 100%;padding:0 30px; }
#about .tabcontent.abouttab_03 h3,
#about .tabcontent.abouttab_04 h3{text-align: center;width:100%;}

#about .txt_mission{margin-top: 40px;}
#about .txt_mission > h4{height: 48px; line-height: 44px; border: 3px solid #e8e8e8; width: 200px; margin: 0 auto 40px; text-align: center; color: #2d2d2d; font-size: 20px; border-radius: 24px; font-weight: 600;}
#about .txt_mission > div{padding: 30px 20px 30px; background: #fbfbfb; border: 1px solid #d9d9d9; border-radius: 12px; text-align: center;}
#about .txt_mission > div > p{color: #694d88; font-weight: 600;}
#about .txt_mission > div > p > span{color: #f3590e;}
#about .txt_mission > div > p > .dot{position:relative;color: inherit;}
#about .txt_mission > div > p > .dot::before{content: ''; width: 6px; height:6px; vertical-align: 4px; display: inline-block; margin-right: 8px; background: #642c91; border-radius: 25px;}
#about .txt_mission > div > ul > li{float: left; width: calc(33.333% - 10px);}
#about .txt_mission > div > ul > li + li{margin-left: 15px;}
#about .txt_mission > div > ul > li > span{position:relative;min-height:92px; padding:10px; color: #fff; border-radius: 20px; display: block;}
#about .txt_mission > div > ul > li > span::after{content:'';position:absolute;left:50%;bottom:-30px;width:2px;height:30px;background-color:#3e3a39;}
#about .txt_mission > div > ul > li > span::before{content:'';position:absolute;left:50%;bottom:-30px;width:6px;height:6px;border-radius:25px;background-color:#3e3a39;margin-left:-2px;}
#about .txt_mission > div > ul > li:first-of-type > span,
#about .txt_mission > div > ul > li:first-of-type > span::after,
#about .txt_mission > div > ul > li:first-of-type > span::before{background: #009b3e;}
#about .txt_mission > div > ul > li:nth-of-type(2) > span,
#about .txt_mission > div > ul > li:nth-of-type(2) > span::after,
#about .txt_mission > div > ul > li:nth-of-type(2) > span::before{background: #008fce;}
#about .txt_mission > div > ul > li:nth-of-type(3) > span{background: #7f3f9b; padding-top:20px;}
#about .txt_mission > div > ul > li:nth-of-type(3) > span::after,
#about .txt_mission > div > ul > li:nth-of-type(3) > span::before{background: #7f3f9b;}
#about .txt_mission > div > ul > li > p{color: #555555; font-size: 16px; font-weight: 600;}
#about .txt_mission > div > ul > li > p::before{content:''; width: 100%; height: 90px; display: block; background-repeat: no-repeat; background-position: center;}
#about .txt_mission > div > ul > li:first-of-type > p::before{background-image: url(/images/homepage/www/en/main/icon_about_mission_01.png);}
#about .txt_mission > div > ul > li:nth-of-type(2) > p::before{background-image: url(/images/homepage/www/en/main/icon_about_mission_02.png);}
#about .txt_mission > div > ul > li:nth-of-type(3) > p::before{background-image: url(/images/homepage/www/en/main/icon_about_mission_03.png);}
#about .txt_mission > div > ul > li > p > span{display: block; font-weight: 400; color: #898989; line-height: 1.4em;}
#about .txt_mission > div > ul > li .gray_box {display:table;width:100%;min-height:150px;margin-bottom:15px;border-radius:20px;background-color:#eeeeef;}
#about .txt_mission > div > ul > li .gray_box:nth-of-type(1) {margin-top:50px}
#about .txt_mission > div > ul > li .gray_box .cell {display:table-cell;vertical-align:middle;line-height:1;padding:5px;}
#about .txt_mission > div > ul > li .gray_box .cell span {display:block;padding-top:89px;font-size:16px;color:#3e3a39; font-weight:400;background-repeat:no-repeat;background-position:center top;background-size:79px;}
#about .txt_mission > div > ul > li .gray_box .cell .color_purple {color:#642c91;font-weight:400;}
#about .txt_mission > div > ul > li .strategic_box01 .cell span {background-image: url(/images/homepage/www/en/main/strategic_direction_img01.jpg);}
#about .txt_mission > div > ul > li .strategic_box02 .cell span {background-image: url(/images/homepage/www/en/main/strategic_direction_img02.jpg);}
#about .txt_mission > div > ul > li .strategic_box03 .cell span {background-image: url(/images/homepage/www/en/main/strategic_direction_img03.jpg);}
#about .txt_mission > div > ul > li .strategic_box04 .cell span {background-image: url(/images/homepage/www/en/main/strategic_direction_img04.jpg);}
#about .txt_mission > div > ul > li .strategic_box05 .cell span {background-image: url(/images/homepage/www/en/main/strategic_direction_img05.jpg);}
#about .txt_mission > div > ul > li .strategic_box06 .cell span {background-image: url(/images/homepage/www/en/main/strategic_direction_img06.jpg);}
#about .txt_mission > div > ul > li .strategic_box07 .cell span {background-image: url(/images/homepage/www/en/main/strategic_direction_img07.jpg);}
#about .txt_mission > div > ul > li .strategic_box08 .cell span {background-image: url(/images/homepage/www/en/main/strategic_direction_img08.jpg);}
#about .txt_mission > div > ul > li .strategic_box09 .cell span {background-image: url(/images/homepage/www/en/main/strategic_direction_img09.jpg);}
#about .txt_mission > div > ul > li .strategic_box10 .cell span {background-image: url(/images/homepage/www/en/main/strategic_direction_img10.jpg);}
#about .txt_mission > div > ul > li .strategic_box11 .cell span {background-image: url(/images/homepage/www/en/main/strategic_direction_img11.jpg);}
#about .txt_mission > div > ul > li .strategic_box12 .cell span {background-image: url(/images/homepage/www/en/main/strategic_direction_img12.jpg);}
#about .txt_mission.cn_jp_txt_mission > div > ul > li > span {min-height:auto;}
#about .txt_mission.cn_jp_txt_mission > div > ul > li:nth-of-type(3) > span {padding-top:10px;}

#about .tab_subtab {margin-bottom: 100px; margin-top: 60px; height: 460px;}
#about .tab_subtab{padding-left:50%;}
#about .tab_subtab ul > li{font-size: 20px; position: relative; padding-left: 100px;}
#about .tab_subtab ul > li + li{margin-top: 30px;}
#about .tab_subtab ul > li.active a{color: #f3590e; font-weight: 600;}
#about .tab_subtab ul > li.active::before{content: ''; position: absolute; width: 79px; height: 6px; background: url(/images/homepage/www/en/main/about_mission_bg02.png) no-repeat center; left: 10px; top: 10px; z-index: 1;}
#about .tabcontent.abouttab_04 .tab_subtab {position:relative;overflow-y:auto;}

#about .location_cont_box{position: relative; padding: 45px 40px; width: 100%; border: 1px solid #d2d2d2; border-radius: 10px;}
#about .location_cont_box > h4{position: absolute; background: #fff; top: -16px; padding: 0 15px; left: 20px; font-size: 20px; color: #2d2d2d; font-weight: 600;}
#about .location_cont_box > ul > li > span{display: inline-block; width: 100px; color: #9e9e9e; font-size: 1em;vertical-align:top;}
#about .location_cont_box > ul > li::before{content: ''; width: 3px; height: 3px; background: #f3590e; margin-right: 15px; display: inline-block; vertical-align: middle;}
#about .location_cont_box > ul > li > p{display: inline-block; width: calc(100% - 130px); font-size: 1em; color: #585858;vertical-align:top;}

/* about KOCCA */




/* Business */

#business h2{position: absolute; left: 50px; top: 270px; color: #fff;}
.business_cont_wrap{width: 100%; height: 913px; background: url(/images/homepage/www/en/main/MainBusiness_bg.png) center;position: relative;background-size:cover;}
.business_cont_wrap .inner{width:1380px;height: 100%;}
.business_icon_wrap{width: 100%;height: 100%; z-index: 1;position: relative;padding:0 50px;}
.business_icon_wrap::before {position:absolute;top:50%;right:0;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);content:'';width:537px;height:518px;background: url(/images/homepage/www/en/main/MainBusiness_bg02.png) no-repeat center right;}

#business .business_slide{position: absolute; top: 0; height: 100%; width: 100%;padding:80px 250px 0 0;}
#business .slick-vertical .slick-slide{margin-bottom: 50px; position: relative;}

#business .business_icon{width: 205px; height: 205px; background-color: rgba(255, 255, 255, 0.5); border-radius: 24px; border: 2px solid #dddddd; box-shadow: 8px 8px 16px rgba(0, 0, 0, .12); text-indent: -9999px; overflow:hidden; float:right; transition: 0.2s ease;background-size:contain;background-position:center;background-repeat:no-repeat;}
#business .slick-current + .slick-active .business_icon{background-color: #fff; border: 1px solid #fff;}
#business .slick-slide .business_cont{opacity: 0; transition: 0.2s ease-in;}
#business .slick-current + .slick-active .business_cont{animation: businani ease 0.3s 0.6s; animation-fill-mode: forwards;}
@keyframes businani{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

/* 이전다음페이지 */
.business_slide .slick-prev, 
.business_slide .slick-next{bottom: 160px; top: auto; z-index: 1; width: 40px; height: 40px;}
.business_slide .slick-prev::before, 
.business_slide .slick-next::before{width: 40px; height: 40px; content: ''; display: block;}
.business_slide .slick-prev::before{background: url(/images/homepage/www/en/main/icon_MainBusiness_arrow_01.png);}
.business_slide .slick-next::before{background: url(/images/homepage/www/en/main/icon_MainBusiness_arrow_02.png);}
.business_slide .slick-prev{left: 0;}
.business_slide .slick-next{left: 135px;}

/* 페이징 */
.business_slide .slick-dots {position:absolute; left:37px; bottom:175px; width:100px; text-align:center;color:#fff;font-size:17px; height: 50px;}
.business_slide .slick-dots li {display:none;width:100%;}
.business_slide .slick-dots li .now_pagi {font-size:30px;font-weight:bold;}
.business_slide .slick-dots li .now_pagi::after {content:'/';margin-left:5px;}
.business_slide .slick-dots li.slick-active {display:block;}

.business_cont{position: absolute; top:0; left:0; *transform: translateY(-50%); width: calc(100% - 350px); height: 340px; overflow-y:auto; }
.business_cont *{color: #fff;}
.business_cont h2{text-align: left; margin: 0;}
.business_cont h3{color: #ffa200; font-size: 20px; font-weight: 800; margin: 10px 0;}

.business_icon_01{background-image: url(/images/homepage/www/en/main/icon_MainBusiness_01.png);}
.business_icon_02{background-image: url(/images/homepage/www/en/main/icon_MainBusiness_02.png);}
.business_icon_03{background-image: url(/images/homepage/www/en/main/icon_MainBusiness_03.png);}
.business_icon_04{background-image: url(/images/homepage/www/en/main/icon_MainBusiness_04.png);}
.business_icon_05{background-image: url(/images/homepage/www/en/main/icon_MainBusiness_05.png);}
.business_icon_06{background-image: url(/images/homepage/www/en/main/icon_MainBusiness_06.png);}
.business_icon_07{background-image: url(/images/homepage/www/en/main/icon_MainBusiness_07.png);}
.business_icon_08{background-image: url(/images/homepage/www/en/main/icon_MainBusiness_08.png);}
.business_icon_09{background-image: url(/images/homepage/www/en/main/icon_MainBusiness_09.png);}
.business_icon_10{background-image: url(/images/homepage/www/en/main/icon_MainBusiness_10.png);}
.business_icon_11{background-image: url(/images/homepage/www/en/main/icon_MainBusiness_11.png);}
.business_icon_12{background-image: url(/images/homepage/www/en/main/icon_MainBusiness_12.png);}
/* Business */


/* koccaNews */
#koccaNews{margin-top: 40px;padding:0 30px;}
#koccaNews h2.news{padding-left: 190px; background: url(/images/homepage/www/en/main/news_h2_bg.jpg) no-repeat left center;}
#koccaNews h2.news::after{content: '\e980'; display: inline-block; font-family:'xeicon'; font-size:0.6em; font-weight:bold; margin-left: 15px;}

.news_cont_warp{margin: 60px 0;}
.news_cont_warp ul{display:-webkit-box; display:-ms-flexbox;display:-webkit-flex;display:flex; -ms-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.news_cont_warp ul li {width:calc(25% - 10px);margin:0 5px 10px 5px;}
.news_cont_warp ul li img{display: block; border-radius: 20px; margin-bottom: 15px;width:100%;}
.news_cont_warp ul li .title{color: #2d2d2d; font-weight: 800; letter-spacing: -0.75px; width: 100%;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 18px;}
.news_cont_warp ul li .date{margin-top: 20px; display: block; }

.brochure_wrap{margin-top: 70px; height: 200px; border-radius: 20px; background: url(/images/homepage/www/en/main/Brochure_bg.jpg); padding-top: 50px; color: #fff; text-align: center;}
.brochure_wrap h2{color: #fff; font-size: 38px; margin-bottom: 10px;}
.brochure_wrap h2::after{content: '\e904'; display: inline-block; font-family:'xeicon'; font-size:0.6em; font-weight:bold; margin-left: 15px;}
/* koccaNews */


/* contact */
#contact {margin-top: 160px; background: #f6f6f6; position: relative;padding:0 30px 60px 30px;}
#contact::before{content:''; width: 100%; border-right: 1920px solid #f6f6f6; border-top: 110px solid transparent; position: absolute; top: -110px;}

#contact .tab_style01.contacttab{background: #642c91; border-radius: 24px; padding: 18px 0; position: relative; margin-top: 30px;}
#contact .tab_style01.contacttab > ul{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
#contact .tab_style01.contacttab > ul > li{width: 25%; text-align: center; text-align: center;padding:0 10px;}
#contact .tab_style01.contacttab > ul > li > a{position: relative;padding: 0 18px;height: 48px; line-height: 48px; display: block; color: #fff; border-radius: 16px; font-weight: 500;}
#contact .tab_style01.contacttab > ul > li + li a::before{content: ''; width: 1px; height: 20px; position: absolute; left: -10px; background: #794c9d; top: 50%; transform: translateY(-50%);}
#contact .tab_style01.contacttab > ul > li > a{}
#contact .tab_style01.contacttab > ul > li.active > a{background: #491870;}

#contact .tab_view_wrap .tab_view{display: none;}
#contact .tab_view_wrap .tab_view.active{display: block;}
#contact .tab_view_wrap .tab_view .tabcontent{width: 100%; margin-top: 50px; left: 0; }
#contact .contact_cont_wrap{display:-webkit-box; display:-ms-flexbox;display:-webkit-flex;display:flex; -ms-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
#contact .map_wrap{min-height: 560px; width: 42%; border-radius: 24px; overflow: hidden; box-shadow: 8px 8px 18px rgba(0, 0, 0, .12);}
#contact .map{width: 100%; height: 305px; background: pink;}
#contact .map_info_box{width: 100%; height: calc(100% - 305px); background: #fff; padding: 20px 40px; text-align: left;}
#contact .map_info_box > h3{font-size:24px; color: #ff5800; font-weight: 800; margin-bottom: 10px;}
#contact .map_info_box > ul > li + li{margin-top: 5px;}
#contact .map_info_box > ul > li > span{display: inline-block; width: 88px; font-weight: 600; color: #2d2d2d; vertical-align: top;}
#contact .map_info_box > ul > li > span::before{content: ''; width: 3px; height:3px; vertical-align: middle; display: inline-block; margin-right: 8px; background: #642c91; border-radius: 3px;}
#contact .map_info_box > ul > li > p{display: inline-block; width: calc(100% - 100px);}

#contact .sub_wrap{width: 54%; height: 560px; overflow: hidden;}
#contact .sub_wrap .contacttab_sub{width: 100%; height: 55px; background: #e6e6e6; border-top-left-radius: 24px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 24px; position: relative;}
#contact .contacttab_sub > ul > li{width: 33.3%; text-align: center; line-height: 55px; float: left; }
#contact .contacttab_sub > ul > li > a{color: #929194; width: 100%; height: 100%; display: block;}
#contact .contacttab_sub > ul > li:first-child > a{border-top-left-radius: 24px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 24px;}
#contact .contacttab_sub > ul > li:nth-child(2) > a{border-radius: 24px;}
#contact .contacttab_sub > ul > li:nth-child(3) > a{border-top-left-radius: 24px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 24px;}
#contact .contacttab_sub > ul > li.active > a{background: linear-gradient(-210deg, #ee9205 15%,#ee6705 85%); color: #fff; font-weight: 500;}

#contact .contact_cont_wrap.no_map .sub_wrap {width:100%;height:auto;}
#contact .contact_cont_wrap.no_map .tab_txt_box.ourstaff {height:auto;}

.subtab_view_wrap .subtab_view{display: none;position:relative;}
.subtab_view_wrap .subtab_view.active{display: block;}
#contact .subtab_view_wrap > h5{line-height: 70px; border-bottom: 2px solid #8c8c8c; font-size: 32px; font-weight: 800; color: #2d2d2d;}
#contact .subtab_view_wrap .privacy_open {background:#fff;position:absolute;top:-80px;right:0;display:inline-block;font-size:14px;font-weight:500;text-align:center;color:#555555;padding:0px 20px;min-width:200px;height:40px;line-height:38px;border-radius:7px;border:1px solid #bfbec1;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;vertical-align:middle;}
#contact .subtab_view_wrap .privacy_open:hover {background:#39363c;border:1px solid #39363c;color:#fff;box-shadow:5px 5px 4px rgba(0,0,0,0.13);-ms-transform:translateY(-4px);-webkit-transform:translateY(-4px);transform:translateY(-4px);}
#contact .contact_tabcontent{/*height:500px;*/}
#contact .tab_txt_box {text-align: left; line-height: 1.4em; margin-top: 25px;height:410px;overflow-y:auto;}
#contact .tab_txt_box.ourbusi ol li {margin-bottom:10px;}
#contact .tab_txt_box.ourbusi ol li span{color: #2d2d2d; font-weight: 600;}
#contact .tab_txt_box.ourbusi ol li p{margin: 5px 0 22px 26px; line-height: 1.2em;}
#contact .tab_txt_box.ourstaff{margin-top: 0;height:474px;overflow-y:auto;}
#privacy {display:none;height:200px;margin-bottom:20px;overflow-y:auto;background:#fff;padding:10px;border:1px solid #818288;border-radius:10px;}
#contact .ourstaff_line{min-height: 178px; padding: 18px 0; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between; position: relative;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
#contact .ourstaff_line::after{content: ''; position: absolute; width: 100%; height: 1px; background: #d3d3d3; left: 0; bottom: 0;}
#contact .ourstaff_line .ourstaff_box{width: 50%; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
 -ms-align-items:center;-webkit-align-items:center;align-items:center;
 -ms-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
#contact .ourstaff_line .ourstaff_box .img_wrap {width:75px; min-height:75px; background:url(/images/homepage/www/kocca/contents/global_staff_bg01.png) center no-repeat; background-size:75px; text-align:center;}
#contact .ourstaff_line .ourstaff_box img {width:75px;}
#contact .ourstaff_txt{width: calc(100% - 100px); margin-right: 5px;}
#contact .ourstaff_txt p{font-weight: 600; letter-spacing: -1px;}
#contact .ourstaff_txt .roles_txt {padding-left:10px;font-weight:400;letter-spacing:-0.5px;word-break:break-word;}
#contact .ourstaff_txt p span{font-weight: 400;  font-size:15px}
#contact .ourstaff_txt > ul > li{margin-top: 5px; font-size: 15px; line-height: 1.1em;}
#contact .ourstaff_txt > ul > li::before{content: ''; width: 3px; height:3px; vertical-align: middle; display: inline-block; margin-right: 5px; background: #642c91; border-radius: 3px;}
#contact .ourstaff_txt > ul > li span{font-weight: 600;}
/* contact */


/* FOOTER */
#footer{background: #e4e4e4; padding: 40px 30px 80px 30px;}
#footer .inner{display:-webkit-box; display:-ms-flexbox;display:-webkit-flex;display:flex; -ms-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.address,
.tel{float: left; margin-right: 40px; color: #818288; font-size: 15px;}
.address > p > span,
.tel > p > span{font-weight: 800; margin-right: 12px;}
.copy > p{font-size: 10px; color: #acaeb9; text-transform: uppercase; margin-top: 20px; font-weight: 800;}
.footer_info_wrap {margin-bottom:20px;}
/* FOOTER */


@media all and (max-width:1450px){
    .top_popup .top_popup_close {top:auto;right:30px;bottom:10px;width:30px;height:30px;}
    .top_popup .top_popup_close::after {line-height:30px;}
    .top_popup .slick-dots {right:70px;}
    .top_popup .play_wrap {right:88px;}
    .top_popup .oneday {right:180px;}
	
}

@media all and (max-width:1200px){
    .gnb,
    .select_lang_box {display:none;}
    .gnb > ul > li + li {margin-left:50px;}
    #header .allmenu_open {display:block;}

}
@media all and (max-width:1024px){
    .business_icon_wrap::before {display:none;}
    #business .business_slide {padding-right:100px;}
    .business_cont {width:calc(100% - 240px);}
    #contact .tab_style01.contacttab > ul > li > a {font-size:14px;}
    #contact .map_wrap {width:100%;margin-bottom:30px;}
    #contact .sub_wrap {width:100%;height:auto;}
    #contact .contact_tabcontent,
    #contact .tab_txt_box.ourstaff {height:auto;}
    
}

@media all and (max-width:768px){
    .cont_wrap {width:100vw;text-align:center;padding:0 30px;font-size:48px;margin-left:50px;}
    #about .tabcontent .about_bg {width:100%; margin-left:0; padding:0 2%; position:static; box-sizing:border-box; }
    #about .tabcontent.abouttab_01 .tab_txt_box {padding:0 30px;height:auto;}
    #about .tabcontent.abouttab_02 .tab_txt_box .txt_greeting01 {padding:0 30px;height:auto;}
    #about .tabcontent.abouttab_02 .tab_txt_box .txt_greeting02 > p {width:100%;padding:0 30px;padding:0;}
    #about .tab_txt_box h3 {width:100%;text-align:center;}
    #about .txt_mission > div > ul > li {width:100%;}
    #about .txt_mission > div > ul > li + li {margin:30px 0 0 0;}
    #about .tabcontent.abouttab_04 .tab_subtab {padding:0;height:auto;}
    #about .tabcontent.abouttab_04 .tab_subtab ul > li {padding-left:0;}
    #about .tabcontent.abouttab_04 .tab_subtab ul > li::before {display:none;}
    #about .tabcontent.abouttab_04 .tab_subtab ul > li + li {margin-top:20px;}
    #about .tabcontent.abouttab_04.location_map_new .about_bg.location {position:relative;width:100%;height:300px;padding:0;}
    #contact .tab_style01.contacttab > ul > li {width:50%;}
    .news_cont_warp ul li {width:calc(50% - 10px);}
    #business h2 {top:150px;}
    #business .business_icon {position:absolute;bottom:250px;width:calc(100% - 10px);height:auto;padding-top:100%;}
    .slick-track,
    .slick-list {height:100%;}
    .business_cont {height:200px;}
    #business .slick-list {overflow:inherit;}
    #business .slick-slide {position:relative;}
    #business .slick-slide .business_cont {position: absolute;top: 130px;left: -100%;width: 85vw;}
    .business_slide .slick-dots {width: calc(100% - 100px);left: 0;}
    .business_slide .slick-next {left:auto;right:100px;}
    
    #about .txt_mission > div > ul > li > span {min-height:auto;}
    #about .txt_mission > div > ul > li:nth-of-type(3) > span {padding-top:10px;}

}
@media all and (max-width:600px){
	.business_cont {height:250px;}
	#contact .ourstaff_line {padding:0;}
	#contact .ourstaff_line::after {display:none;}
	#contact .ourstaff_line .ourstaff_box {width:100%;padding:20px 0;border-bottom:1px solid #d3d3d3;}
}

@media all and (max-width:530px){
	.subtab_view_wrap .privacy_title {padding-bottom:50px;}
	#contact .subtab_view_wrap .privacy_open {width:100%;}
}

@media all and (max-width:480px){
    .cont_wrap {width:100vw;text-align:center;padding:0 30px;font-size:32px;}
    .news_cont_warp ul li {width:100%;}
	.business_cont {height:290px;}
	#contact .ourstaff_line .ourstaff_box {flex-direction:column;}
	#contact .ourstaff_line .ourstaff_box .img_wrap {width:100%;}
	#contact .ourstaff_txt {width:100%;margin-right:0;margin-top:10px;}
}

@media all and (max-width:400px){
	#contact .tab_style01.contacttab > ul > li {width:100%;}
}