@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face{ font-family:'AppleSDGothic'; font-weight: 700; src:url('/fonts/AppleSDGothicNeoB.ttf');}
@font-face{ font-family:'AppleSDGothic'; font-weight: 600; src:url('/fonts/AppleSDGothicNeoEB.ttf');}
@font-face{ font-family:'AppleSDGothic'; font-weight: 500; src:url('/fonts/AppleSDGothicNeoM.ttf');}
@font-face{ font-family:'AppleSDGothic'; font-weight: 400; src:url('/fonts/AppleSDGothicNeoR.ttf');}

@font-face{ font-family:'Montserrat'; font-weight: '700'; src:url('/fonts/Montserrat-Bold.woff');}
@font-face{ font-family:'Montserrat'; font-weight: '500'; src:url('/fonts/Montserrat-Medium.woff'); }
@font-face{ font-family:'Montserrat'; font-weight: '400'; src:url('/fonts/Montserrat-Regular.woff'); }
@font-face{ font-family:'Montserrat'; font-weight: '300'; src:url('/fonts/Montserrat-Light.woff'); }



/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Montserrat', dotum, sans-serif;  overflow-x:hidden; }

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Montserrat', dotum, sans-serif; letter-spacing: -0.25px; color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'Montserrat', dotum, sans-serif;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:'Montserrat', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all; letter-spacing: -0.25px; }
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#fff;text-decoration:none; letter-spacing: -0.25px; }


*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}
 
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
/*-webkit-box-shadow:0 0 5px #9ed4ff;*/
/*-moz-box-shadow:0 0 5px #9ed4ff;*/
/*box-shadow:0 0 5px #9ed4ff;*/
/*border:1px solid #558ab7 !important;*/
}

.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {}

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {background:#212020}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb {border-bottom:1px solid #383838;margin:0 auto}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner {margin:0 auto}

#hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:30px 0 0}

.hd_sch_wr {float:left;padding:30px 0;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:#919191}
#hd_define li.active a {color:#fff}

#hd_qnb {float:right;text-align:right}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a {display:inline-block;color:#919191}
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}


.hd_login {position:absolute;right:0;top:60px}
.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff}


/* 메인메뉴 */
#gnb {position:relative;background:#fff}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:#3a8afd;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('./images/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}

#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

/* 중간 레이아웃 */
#wrapper { background-color:#0c0c0c; color: #fff; transition: 0.3s; }
#wrapper.bg_white{ background-color: #fff; color: #191919; }
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;zoom:1}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {position:relative;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft {margin:0 auto;text-align:center; border-top: 1px solid #191919; background-color: #0C0C0C; }
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden }
#ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}

#ft .ft_menu_sw{ padding: 40px 0 80px; }
#ft .ft_menu_sw .swiper-wrapper{ justify-content: center;; }
#ft .ft_menu_sw .swiper-slide{ width: auto; margin: 0 24px; }
#ft .ft_menu_sw a{ font-size: 14px; color: #999999; }
#ft .ft_menu_sw .swiper-pagination-progressbar{ position: relative; background-color: rgba(255,255,255,0.1); }
#ft .ft_menu_sw .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color : #999999; }

#ft .ft_menu_sw  .swiper-container-horizontal>.swiper-scrollbar{ position: relative; bottom: 0; background-color: rgba(255,255,255,0.1); }
#ft .ft_sns_wr{ display: flex; justify-content: center; }
#ft .ft_sns_wr li { padding: 0 15px; }
#ft .ft_sns_wr li a{ display: block; position: relative;  height: 27px; }
#ft .ft_sns_wr li a img{ position: relative; top: 50%; transform: translateY(-50%); }
#ft .ft_logo{ padding: 0px 0 40px; display: block;}
#ft .ft_logo .ft_logo_mo{ display: none; }

#ft .ft_bottom{ background-color: #111111; text-align: center; padding: 15px 0 14px; }
#ft .ft_bottom p{ font-size: 14px; color: #505050; font-weight: 400; }


@media (pointer: fine) {
	#ft .ft_menu_wr li a:hover{ color: #fff; transition: 0.2s; }
}



#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

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

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

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

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 25px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/***************************************************************************************
****************************************************************************************
****************************************************************************************/
input[type="button"] {-webkit-appearance:none;-webkit-border-radius:0;border:none;}
input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
input[type="checkbox"]{display:none;}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
/*input::-ms-clear { display: none; }*/

/* Select box 스타일 초기화 */ 
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
			background: url('/images/icon_seldown00.png') no-repeat 95% 50%;
}
/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display: none; }


/*****************************************
****************************************** core
******************************************/
.clearfix:after{content:""; display:block; clear:both;}

.inner_box{position:relative; width:100%; margin: 0 auto;}
.cen570{position:relative; width:90%; max-width:570px; margin: 0 auto;}
.cen768{position:relative; width:90%; max-width:768px; margin: 0 auto;}
.cen1350{position:relative; width:90%; max-width:1350px; margin: 0 auto;}
.cen1200{position:relative; width:90%; max-width:1200px; margin: 0 auto;}
.cen1290{position:relative; width:90%; max-width:1290px; margin: 0 auto;}
.cen1400{position:relative; width:90%; max-width:1400px; margin: 0 auto;}
.cen1800{position:relative; width:90%; max-width:1800px; margin: 0 auto;}

.wcen570{position:relative; width:100%; max-width:570px; margin: 0 auto;}
.wcen768{position:relative; width:100%; max-width:768px; margin: 0 auto;}
.wcen1200{position:relative; width:100%; max-width:1200px; margin: 0 auto;}
.wcen1350{position:relative; width:100%; max-width:1350px; margin: 0 auto;}
.wcen1400{position:relative; width:100%; max-width:1400px; margin: 0 auto;}
.wcen1800{position:relative; width:100%; max-width:1800px; margin: 0 auto;}

.lcen1800{position:relative; margin: 0 auto; margin-left:5%;}


.hide{display:none !important;}
.sound_only{display:none;}
.hidden1024 {}
.visible1024 {display:none;}
.hidden768 {}
.visible768 {display:none;}
.hidden570 {}
.visible570 {display:none;}
.hidden480 {}
.visible480 {display:none;}

.ftw100{font-weight:100;}
.ftw200{font-weight:200;}
.ftw300{font-weight:300;}
.ftw400{font-weight:400;}
.ftw500{font-weight:500;}
.ftw600{font-weight:600;}
.ftw700{font-weight:700;}
.ftw800{font-weight:800;}

.mgb10{margin-bottom:10px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb50{margin-bottom:50px;}
.mgb60{margin-bottom:60px;}
.mgb70{margin-bottom:70px;}

.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}

.talign_left{text-align:left !important;}
.talign_right{text-align:right !important;}
.talign_center{text-align:center !important;}

.ftc_white{color:#fff;}
.ftc_black{color:#000;}
.ftc_2a2a2a{color:#2a2a2a;}
.main_color{color:#fc91a6;}


.h100{height:100%;}

.ulli00 li{float:left;}
.ulli00 li .inbox{}
.ulli00 a{display:block;}

.ulli00 .img_wr{}
.ulli00 .img_wr img{width:100%;}

.ulli02 li{width:50%; margin-right:0;}
.ulli03 li{width:33.333%; margin-right:0;}
.ulli04 li{width:25%; margin-right:0;}
.ulli05 li{width:20%; margin-right:0;}
.ulli00 li:last-child{ margin-right:0;}


#container_wr{min-height:600px;}


/*****************************************
****************************************** header
******************************************/
.header.on{ height: 70px; line-height: 70px; }

.header:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:-1;}
.header{position:fixed; top:0; left:0; width:100%; height:100px; line-height:100px; z-index:999; transition: all ease .3s; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; }
.header .inner_box{height:100%;}
.logo_wr{position:absolute; top:50%; transform:translateY(-50%); left:0%; z-index:2;}
.logo img{max-width:100%;}

.main_nav_wr{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.main_nav_wr > ul{height:100%;}
.main_nav_wr > ul > li{display:inline-block;height:100%; vertical-align:top;}
.main_nav_wr > ul > li > a{position:relative; display:block; padding: 0 27px;  font-size:16px; font-weight: 400; height:100%;}

.sub_nav_bg{position:absolute; top:95px; left:0; width:100%; height:0px; background:#fff; z-index:-1;}
.sub_nav_wr{display:block; width:100%; height:0; overflow:hidden; text-align:center; line-height:45px;  z-index:1;}


.right_nav_wr{position:absolute;  top:50%; transform:translateY(-50%); right:0%; text-align:center;}
.right_nav_wr li{float:left; margin-left:20px; font-size:15px;}
.right_nav_wr li a{ font-size: 15px; }
.right_nav_wr li a > img{ padding-left: 9px; }
.right_nav_wr li a.off{opacity:0.6;}



/* hearder white_black */
.header.h_white.on{ background-color: rgba(0,0,0,0.9); }
.header.h_white .img_b{ display: none;  }
.header.h_white .main_nav_wr > ul > li > a{ color:#fff; }
.header.h_white .right_nav_wr li a{ color: #fff; }
.header.h_white .ham_b{ display: none; }

.header.h_black.on{ background-color: rgba(255, 255, 255, 0.8); }
.header.h_black .img_w{ display: none;  }
.header.h_black .main_nav_wr > ul > li > a{ color: #191919; }
/*.header.h_black .main_nav_wr > ul > li.on > a{ font-weight: 700; }*/
.header.h_black .right_nav_wr li a{ color: #191919; }
.header.h_black .ham_w{ display: none; }

.header.h_black .main_nav_wr > ul > li.on > a{ font-weight: 600; letter-spacing: -0.9px; }
.header.h_white .main_nav_wr > ul > li.on > a{ font-weight: 600; letter-spacing: -0.9px; }

@media (pointer: fine) {
/*.header.h_black .main_nav_wr > ul > li > a:hover{ text-shadow: 0 0 .65px #000, 0 0 .65px #000;}*/
/*.header.h_white .main_nav_wr > ul > li > a:hover{ text-shadow: 0 0 .65px rgba(255,255,255,1), 0 0 .65px rgba(255,255,255,1);}*/
/*.main_nav_wr > ul > li:hover > a{ text-decoration: none; font-weight: 700; letter-spacing: -0.98px; }*/
.sub_nav_wr > li > a:hover{}

}

/*****************************************
****************************************** ham menu
******************************************/
.ham_btn{cursor:pointer;}

.ham_menu_bg{}
.ham_menu_wr{position:fixed; top:0;right:0; width:100%;height:100%; z-index:999; display:none;}
.ham_menu_wr .inner_box{position:relative; width:100%; height:100%; background:#000000;}
.ham_close{position:absolute; top:0px;right:5%; z-index:2; height: 60px; line-height: 60px; }
.ham_close img{width:25px;}

.ham_menu_box{width:100%; position:relative;}
.ham_logo{ height: 60px; line-height: 60px; width: 100%; padding: 0 5%; border-bottom: 1px solid #222; }
.ham_logo img{ width: 132px; }
.ham_menu{ padding: 60px 5%; }
.ham_menu_list{margin-bottom:40px;}
.ham_menu_list a{position:relative; color:#fff; }
.ham_menu_list a span.underline{position:absolute; bottom:-3px; left:0; width:00%; height:3px; background:#3367ba; transition: all .2s;}
.ham_menu_list .tit{ font-size: 20px; font-weight: 500; color: #fff; }
.ham_menu_list .ham_sub_menu{float:left; width:calc(100% - 220px); display:none;}
.ham_menu_list .ham_sub_menu li{float:left; width:25%; padding-right:20px;padding-top:6px;}
.ham_menu_list .ham_sub_menu li a{font-size:18px; font-weight:400; color:#6a6a6a; transition: all .2s;}

.ham_menu_sns{ position: absolute; bottom:0; left:0; width: 100%; background-color: #111111; display: flex; justify-content: center; padding: 24px 0; }
.ham_menu_sns > a{ margin: 0 20px; width: 22px; height: 22px; position: relative; }
.ham_menu_sns > a > img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }


/*****************************************
****************************************** main common
******************************************/
/*.main_title_wr{text-align:center; margin-bottom:80px;}*/
/*.main_title_wr .num{font-size:24px; font-weight:400;}*/
/*.main_title_wr .cate{font-size:24px; font-weight:400; letter-spacing:-0.5px;}*/
/*.main_title_wr .title{font-size:38px; font-weight:600; margin-bottom:20px;word-break: keep-all;}*/
/*.main_title_wr .text{font-size:20px; font-weight:400;}*/




/*****************************************
****************************************** sub common
******************************************/

.sub_title_wr{ font-size: 50px; font-weight: 600; word-break: keep-all; }






/*****************************************
****************************************** ul
******************************************/



.ulli00 li{float:left;}
.ulli00 a{display:block;}

.ulli00 .img_wr{}
.ulli00 .img_wr img{width:100%;}
.ulli00 .text_wr{}
.ulli00 .num{}
.ulli00 .cate{}
.ulli00 .tit{}
.ulli00 .text{}

.ulli02 li{width:50%; margin-right:0;}
.ulli03 li{width:33.333%; margin-right:0;}
.ulli04 li{width:25%; margin-right:0;}
.ulli05 li{width:20%; margin-right:0;}
.ulli00 li:last-child{ margin-right:0;}




/*****************************************
****************************************** sub_contents_wr
******************************************/

.sub_contents_box{ padding: 100px 0; }
.sub_contents_box01{ padding : 240px 0 150px; }



/*****************************************
****************************************** view_more_btn 
******************************************/

.view_more_btn{ display: inline-block; width: 184px; height: 48px; line-height: 48px; border: 1px solid #fff; color: #fff; font-size: 15px;  font-family:'AppleSDGothic'; font-weight: 700; position: relative; padding: 0 20px; overflow: hidden; background-color: #0c0c0c; }
.view_more_btn > p{ position: absolute; left:20px; transform: translateX(0); }
.view_more_btn img{ position: absolute; top: 50%; right: 20px; transform: translate(0,-50%); }

@media (pointer: fine) {
	.view_more_btn:hover{ background-color: #fff; color: #0c0c0c; transition: 0.3s; }
	.view_more_btn:hover > p{left: 50%; transform: translateX(-50%); transition: 0.3s ease-out; }
	.view_more_btn:hover img{ right: 0; transform: translate(100%,-50%); transition: 0.3s ease-out; }
}




/*****************************************
****************************************** 
******************************************/




@media (pointer: fine) {

}


@media screen and (max-width:1440px){
	
}/*1440*/
@media screen and (max-width:1280px){
	.sub_title_wr{ font-size: 42px; }
}/*1280*/
@media screen and (max-width:1024px){
	.header.on{ height: 60px; line-height: 60px; }

	#ft .ft_logo{ padding: 48px 0 50px; }
	#ft .ft_logo .ft_logo_mo{ width: 160px; display: inline-block; }
	
	.sub_contents_box{ padding: 100px 0; }
	.sub_contents_box01{ padding: 180px 0 100px; }
	
	.sub_title_wr{ font-size: 40px;  }

	.hidden1024 {display:none;}
	.visible1024 {display:block;}
}/*1024*/
@media screen and (max-width:800px){
}/*800*/
@media screen and (max-width:768px){
	#ft .ft_menu_sw{ padding: 20px 0 0px; }
	#ft .ft_menu_sw .swiper-slide{ margin:0; margin-right: 36px ;}
	#ft .ft_menu_sw .swiper-slide:last-child{ margin-right: 0; }
	#ft .ft_menu_sw .swiper-pagination-progressbar{ margin-top: 20px; width: 110%; left: 50%; transform: translateX(-50%); height: 2px; }
	#ft .ft_menu_sw .swiper-wrapper{ justify-content: inherit; }


	.sub_contents_box{ padding: 60px 0; }
	.sub_contents_box01{ padding: 120px 0 60px; }
	.sub_title_wr{ font-size: 32px; }
	
	.hidden768 {display:none;}
	.visible768 {display:block;}
}/*768*/
@media screen and (max-width:600px){
}/*600*/
@media screen and (max-width:570px){
	.hidden570 {display:none;}
	.visible570 {display:block;}
}/*570*/
@media screen and (max-width:480px){
	#ft .ft_bottom p{ font-size: 12px; }

	.sub_title_wr{ font-size: 5.4vw; }


	.hidden480 {display:none;}
	.visible480 {display:block;}
}/*480*/
@media screen and (max-width:320px){
}/*320*/





/*****************************************
****************************************** main_visual_wr
******************************************/

.main_visual_wr { width: 100%; height: calc(var(--vh, 1vh) * 100); overflow: hidden; color: #fff; }
/* 메인 스와이퍼 */
.main_visual_wr .main_vi_sw2{ width: 100%;height: calc(var(--vh, 1vh) * 100); }
.main_visual_wr .main_vi_sw2 .swiper-slide img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.main_visual_wr .main_vi_sw2 .swiper-slide .text_wr{ position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%);  text-align: center; width: 100%;}
.main_visual_wr .main_vi_sw2 .swiper-slide .text_hidden{ overflow: hidden; }
.main_visual_wr .main_vi_sw2 .swiper-slide .text{  font-size: 60px; font-weight: 600; line-height: 1.2; word-break: keep-all; cursor: default; position: relative; top: 60px; opacity: 0; }
.main_visual_wr .main_vi_sw2 .swiper-slide.swiper-slide-active .text{ top: 0; opacity: 1; transition:0.8s ease-out; }
/* 메인 스와이퍼 하단 텍스트 */
.main_visual_wr .main_vi_sw1{ position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%); z-index: 11; width: 90%; max-width: 1290px; }
.main_visual_wr .main_vi_sw1 .swiper-slide{ width: 30%; margin-right: 5%; }
.main_visual_wr .main_vi_sw1 .swiper-slide:last-child{ margin-right:0; }
.main_visual_wr .main_vi_sw1 .swiper-slide .text{ font-size: 18px;  font-family:'AppleSDGothic'; font-weight: 600; word-break: keep-all; opacity: 0.6; cursor: default; }
.main_visual_wr .main_vi_sw1 .swiper-slide.swiper-slide-thumb-active .text{ opacity: 1; }
.main_visual_wr .main_vi_sw1 .swiper-slide .page_prograssbar_wr{ display: block; width: 100%; height: 2px; background-color: rgba(255,255,255,0.2); margin-bottom: 20px; position:relative; }
.main_visual_wr .main_vi_sw1 .swiper-slide .page_prograssbar_wr .page_prograssbar{ position: absolute; left:0; top:0; width: 0%; height: 2px; background-color: #fff;  }
.main_visual_wr .main_vi_sw1 .swiper-slide.swiper-slide-thumb-active .page_prograssbar_wr .page_prograssbar{ animation: msprograss 5s; }

@keyframes msprograss {
	0% { width: 0;  }
	100% { width: 100%; }
}


@media screen and (max-width:1600px){
	.main_visual_wr .main_vi_sw2 .swiper-slide .text{ font-size: 48px; }
	.main_visual_wr .main_vi_sw1 .swiper-slide .text{ font-size: 16px; }
}
@media screen and (max-width:1280px){
	.main_nav_wr > ul > li > a{ padding: 0 15px; font-size: 14px; }
	.main_visual_wr .main_vi_sw1 .swiper-slide{ width: 32%; margin-right: 2%; }
	.main_visual_wr .main_vi_sw1 .swiper-slide .text{ font-size: 14px; }
	.main_visual_wr .main_vi_sw2 .swiper-slide .text{ font-size: 36px; }
}/*1280*/
@media screen and (max-width:1024px){
	.logo img{ width: 132px; }
	.main_nav_wr > ul > li > a{ font-size: 13px; padding: 0 8px; }
	.right_nav_wr li a{ font-size: 13px; }
	.header{ height: 60px; line-height: 60px; }

	.main_visual_wr .main_vi_sw1{ bottom: 40px; }
	.main_visual_wr .main_vi_sw1 .swiper-slide .text{ font-size: 12px; }
	.main_visual_wr .main_vi_sw1 .swiper-slide .text br{ display: none; }
	.main_visual_wr .main_vi_sw1 .swiper-slide .text{ display: none; }
	.main_visual_wr .main_vi_sw1 .swiper-slide .page_prograssbar_wr{ margin-bottom:0; }
	.main_visual_wr .main_vi_sw2 .swiper-slide .text_wr{ top: 50%; }
}/*1024*/
@media screen and (max-width:768px){
	.right_nav_wr li a > img{ padding-left: 4px; }

	.main_visual_wr .main_vi_sw2 .swiper-slide .text{ font-size: 26px; }
}/*768*/
@media screen and (max-width:480px){
	.main_visual_wr .main_vi_sw2 .swiper-slide .text{ font-size: 6.6vw; }
}/*480*/



/*****************************************
****************************************** index
******************************************/


.main_s_title{ font-size: 20px; font-weight: 600; position: relative; display: inline-block; }
.main_s_title span{ position: relative; z-index: 2; }
.main_s_title:after{ display: block; content:''; width: 100%; height: 16px; background-color: #F1F1F1; position: absolute; left: 0; top: 50%; z-index:1; }
.main_title{ font-size: 50px; font-weight: 600; margin-top: 35px; word-break: keep-all; }

.main_contents_wr{ padding: 100px 0; }

#main_what_wr{ background-color: #fff; background-image: url("/images/main_what_bg.png"); background-repeat: no-repeat; background-position: -5% 120%; }
#main_what_wr p{ color: #191919; }
#main_what_wr .main_s_title, #main_what_wr .main_title{ padding: 0 5px; }

#main_what_wr .tit_wr{ float: left; width: 39.5%; }
#main_what_wr .img_wr{ float: left; width: 60.5%; }
#main_what_wr .img_wr img{ width: 100%; max-width: 360px; }
#main_what_wr .img_wr .left_wr{ float: left; width: calc(50% - 15px); margin-right: 30px; }
#main_what_wr .img_wr .right_wr{ float: left; width: calc(50% - 15px); }
#main_what_wr .img_wr .tit{ font-size: 28px;  font-family:'AppleSDGothic'; font-weight: 600; letter-spacing: 0; padding-top: 28px; word-break: keep-all; line-height: 1.1; }
#main_what_wr .img_wr .text{ font-size: 16px; font-family:'AppleSDGothic'; font-weight: 400; color: #999999; letter-spacing: 0; padding-top: 14px; word-break: keep-all; }
#main_what_wr .img_wr .business02{ margin-top: 140px; }
#main_what_wr .img_wr .business03{ margin-top: 80px; }

#main_video_wr .video{ width: 100%; }
#main_video_wr .play_btn{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 74px; height: 74px; border-radius: 50px; background-color: rgba(255,255,255,0.2); cursor: pointer; }
#main_video_wr .play_btn > img{ position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); }

@media (pointer: fine) {
	#main_video_wr .play_btn:hover{ transform: translate(-50%, -50%) scale(1.1); transition: 0.4s;  }
}

#main_industry_wr{ text-align: center; }
#main_industry_wr .main_s_title:after{ background-color: #222222; }
#main_industry_wr .text{ font-size: 18px; font-family:'AppleSDGothic'; font-weight: 400; color: #999999; padding-top: 55px; }
#main_industry_wr .view_more_btn{ margin-top: 66px; }

#main_poster_wr{ background-color: #111111; }
#main_poster_wr .main_s_title{ padding: 0 5px; }
#main_poster_wr .main_s_title:after{ background-color: #222; }

#main_partners_wr{ padding: 100px 0; }
#main_partners_wr .partners_sw{ overflow: visible; }
#main_partners_wr .partners_sw .swiper-slide{ width: 15%; text-align: center; }
#main_partners_wr .partners_sw .swiper-slide a{ font-size: 18px; font-weight: 600; color: #999999; }

#main_contactus_wr{ background-image: url("/images/main_contactus_bg.jpg"); background-repeat: no-repeat; background-size: cover; padding: 74px 0 80px; background-position: 50%; }
#main_contactus_wr .tit{ font-size: 30px; font-weight: 600; }
#main_contactus_wr .tit .un_wr{ display: inline-block; position: relative; }
#main_contactus_wr .tit .un_wr:after{ display: block; content:''; position: absolute; width: 100%; height: 16px; top:50%; left: 0; background-color: #222222; z-index: 1; }
#main_contactus_wr .tit .underline{ position: relative; z-index:2; }
#main_contactus_wr .view_more_btn{ margin-top: 50px;} 

#main_video_popup{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none; }
#main_video_popup .main_video_bg{ position: absolute; top: 0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); }
#main_video_popup .main_video_box{ max-width: 900px; width: 95%; margin:0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#main_video_popup .main_video_box .main_video_close{ position: absolute; right: -20px; top:0; transform: translateX(100%); cursor: pointer; }
#main_video_popup .video_wr{ position: relative;  width: 100%; height: 0; padding-top: 56.2%;  }
#main_video_popup .video_wr iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


@media screen and (max-width:1440px){
	.main_title{ font-size: 36px; }
	#main_what_wr .img_wr .text br{ display: none; }
	#main_partners_wr .partners_sw .swiper-slide{ width: 18%; }
}/*1440*/
@media screen and (max-width:1024px){
	.main_contents_wr{ padding: 80px 0; }
	.main_title{ margin-top: 20px; }

	#main_what_wr .tit_wr{ width: 100%; margin-bottom:36px; }
	#main_what_wr .img_wr{ width: 100%; }
	#main_what_wr .img_wr .business03{ margin-top: 60px; }
	#main_what_wr .img_wr .business02{ margin-top: 120px; }
	#main_partners_wr .partners_sw .swiper-slide{ width: 26%; }
	#main_partners_wr{ padding: 60px 0; }
	#main_contactus_wr .tit{ font-size: 24px; }
	#main_video_popup .main_video_box .main_video_close{ right:0; top: -10px; transform: translateY(-100%); }
}/*1024*/
@media screen and (max-width:768px){
	.main_title{ font-size: 28px; }

	#main_what_wr .img_wr .tit{ font-size: 22px; }
	#main_what_wr .img_wr .text{ font-size: 14px; }
	#main_industry_wr .text{ font-size: 14px; }
	#main_contactus_wr .tit{ font-size: 20px; }
}/*768*/
@media screen and (max-width:570px){
	#main_industry_wr .text br{ display: none; }
	#main_industry_wr .text{ word-break: keep-all; }
}/*570*/
@media screen and (max-width:480px){
	.main_contents_wr{ padding: 60px 0; }
	.main_s_title{font-size: 4vw; }
	.main_title{ font-size: 5.4vw; }
	#main_what_wr .main_title{ padding: 0; }
	.main_s_title:after{ height: 10px; }
	#main_what_wr{ background-image: url("/images/main_what_bg_mo.png"); background-position: 145% 1%; }
	#main_what_wr .img_wr .left_wr{ width: 100%; margin-right: 0; }
	#main_what_wr .img_wr img{ max-width: 100%; }
	#main_what_wr .img_wr .tit{ font-size: 4.8vw; padding-top: 18px; }
	#main_what_wr .img_wr .text{ font-size: 3.7vw; padding-top: 12px; }
	#main_what_wr .img_wr .business00{ margin-bottom: 36px; }
	#main_what_wr .img_wr .business03{ margin-top:0; margin-bottom: 0; }
	#main_industry_wr{ padding: 80px 0 80px; }
	#main_industry_wr .text{ font-size: 3.7vw; padding-top: 24px; }
	#main_industry_wr .view_more_btn{ margin-top: 54px; }
	#main_partners_wr{ padding: 48px 0; }
	#main_partners_wr .partners_sw .swiper-slide{ width: 50%; }
	#main_partners_wr .partners_sw .swiper-slide a{ font-size: 15px; }
	#main_contactus_wr .tit{ font-size: 4.8vw; }
	#main_contactus_wr{ background-image: url("/images/main_contactus_bg_mo.jpg"); background-position: 0; padding: 58px 0 60px; }
	#main_contactus_wr .tit .un_wr:after{ height: 10px; }
}/*480*/


/*****************************************
****************************************** sub_what
******************************************/

/*#sub_what_box01{ background-image: url("/images/sub_what_bg01.png"); background-repeat: no-repeat; background-position: 100% 60%; }*/
#sub_what_box01{ position: relative; padding-bottom:0; }
#sub_what_box01 .bg_wr{ position: absolute; top:55%; right: 0; }
#sub_what_box01 .bg_wr img{ float: left; }
#sub_what_box01 .bg_wr .bg_img01{ position: relative; z-index: 2; }
#sub_what_box01 .cont_wr01{ margin-top: 100px; position: relative; }
#sub_what_box01 .cont_wr02{ margin-top: 200px; }
#sub_what_box01 .cont_wr01 > .img_wr { float: right; width: 50%; position: relative; }
#sub_what_box01 .cont_wr01 > .text_wr { float: left; width: 50%; }
#sub_what_box01 .cont_wr02 > div { float: left; width: 50%; }
#sub_what_box01 .cont_wr .img_wr .img_wr_img{ position: relative; width: 100%; z-index:3; }
#sub_what_box01 .cont_wr .text_wr .text{ font-size: 18px; font-family:'AppleSDGothic'; font-weight: 400; word-break: keep-all; line-height: 1.77; }
#sub_what_box01 .cont_wr01 .text_wr{ padding-top: 40px; padding-right: 58px; }
#sub_what_box01 .cont_wr02 .text_wr{ padding-top: 70px; padding-left: 80px; }

#sub_what_box01 .cont_wr01 .bg_img_wr{ position: absolute; bottom: 0; width: 300%; left: 50%; transform: translate(-40%, 55%); }
#sub_what_box01 .cont_wr01 .bg_img_wr > img{ display: block; float: left; margin-right: 10px; }
#sub_what_box01 .cont_wr01 .bg_img_wr01{ z-index: 10; }
#sub_what_box01 .cont_wr01 .bg_img_wr01 .bg_img01{ }
#sub_what_box01 .cont_wr01 .bg_img_wr01 .bg_img02{ opacity: 0; }
#sub_what_box01 .cont_wr01 .bg_img_wr02{ z-index: 1; }
#sub_what_box01 .cont_wr01 .bg_img_wr02 .bg_img01{ opacity: 0; }
#sub_what_box01 .cont_wr01 .bg_img_wr02 .bg_img02{ }

#sub_what_box02 .what_sw .swiper-slide{ float: left; width: 23.5%; margin-right: 2%; position: relative; overflow: hidden; }
#sub_what_box02 .what_sw .swiper-slide:after{ display: block; content: ''; width: 100%; height: 100%; background: linear-gradient(to top,  rgba(25,25,25,1.0), rgba(25,25,25,0)); position: absolute; top:0; left:0; }
#sub_what_box02 .what_sw .swiper-slide:last-child{ margin-right: 0%; }
#sub_what_box02 .what_sw .swiper-slide img{ width: 100%; transform: scale(1); transition: 0.4s ease-out;}
@media (pointer: fine) {
#sub_what_box02 .what_sw .swiper-slide:hover img{ transform: scale(1.05);  }
}
#sub_what_box02 .what_sw .swiper-slide .text_wr{ position: absolute; left: 0; bottom: 0; padding: 0 40px 38px; z-index: 2; width: 100%; }
#sub_what_box02 .what_sw .swiper-slide .text_wr .num{ font-size: 15px; font-weight: 400; color: #fff; line-height: 1.1; padding-bottom: 18px; }
#sub_what_box02 .what_sw .swiper-slide .text_wr .text{ font-size: 20px; font-weight: 500; color: #fff; line-height: 1.1; }
#sub_what_box02 .what_sw .swiper-pagination{ position: relative; margin-top: 30px; background-color: rgba(255,255,255,0.2); height: 3px; }
#sub_what_box02 .what_sw .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: #fff; height: 3px; }

#sub_what_box03{ background-image: url("/images/sub_what_bg02.png"); background-repeat: no-repeat; background-size: cover; color: #fff; }
#sub_what_box03 .title_wr{ float: left;  width: 48%; }
#sub_what_box03 .text_wr{ float: left; width: 52%; }
#sub_what_box03 .text_wr .tit{ font-size: 30px; font-weight: 400; line-height: 1.3; }
#sub_what_box03 .text_wr .text{ font-family:'AppleSDGothic'; font-weight: 400; font-size: 18px; line-height: 1.5; padding-top: 46px; word-break: keep-all; }
#sub_what_box03 .text_wr .view_more_btn{ margin-top: 54px; }


@media screen and (max-width:1280px){
	#sub_what_box01 .cont_wr02 .text_wr{ padding-top: 40px; }
	#sub_what_box01 .cont_wr01 .bg_img_wr{ left: 55%; }
	#sub_what_box01 .cont_wr01 .bg_img_wr > img{ height: 140px; }
	#sub_what_box03 .text_wr .tit{ font-size: 26px; }
}/*1280*/
@media screen and (max-width:1024px){
	#sub_what_box01 .cont_wr01{ margin-top: 100px; }
	#sub_what_box01 .cont_wr .text_wr .text{ font-size: 16px; }
	#sub_what_box01 .cont_wr01 .text_wr{ padding-top: 40px; padding-right: 50px; }
	#sub_what_box01 .cont_wr02{ margin-top: 140px; }
	#sub_what_box01 .cont_wr02 .text_wr{ padding-top: 0px; padding-left: 50px; }
	#sub_what_box01 .cont_wr01 .bg_img_wr{ left: 100%; }
	#sub_what_box01 .cont_wr01 .bg_img_wr > img{ height: 70px; }

	#sub_what_box02 .what_sw .swiper-slide .text_wr{ padding: 0 20px 18px; }
	#sub_what_box02 .what_sw .swiper-slide .text_wr .num{ padding-bottom: 10px; }
	#sub_what_box02 .what_sw .swiper-slide .text_wr .text{ font-size: 18px; }
	
	#sub_what_box03 .text_wr .tit{ font-size: 22px; }
	#sub_what_box03 .text_wr .text{ font-size: 16px; }
}/*1024*/
@media screen and (max-width:800px){
	#sub_what_box03 .text_wr .tit{ font-size: 20px; }
	#sub_what_box03 .text_wr .text{ font-size: 15px; }
}/*800*/
@media screen and (max-width:768px){
	#sub_what_box01 .cont_wr01 .text_wr{ padding-top:0; padding-right: 20px; }
	#sub_what_box01 .cont_wr02 .text_wr{ padding-top:0; padding-left: 20px; }
	#sub_what_box01 .cont_wr .text_wr .text{ font-size: 14px; }
	#sub_what_box01 .cont_wr02{ margin-top: 80px; }
	#sub_what_box01 .cont_wr01 .bg_img_wr{ left: 138%; }
	#sub_what_box01 .cont_wr01 .bg_img_wr > img{ height: 48px; }
	
	#sub_what_box02 .what_sw .swiper-slide .text_wr{ padding: 0 30px 28px; }
	#sub_what_box02 .what_sw .swiper-slide{ width: 45%; }

	#sub_what_box03 .title_wr{ width: 100%; }
	#sub_what_box03 .text_wr{ width: 100%; margin-top: 44px; }
	#sub_what_box03 .text_wr .text{ font-size: 16px; }
}/*768*/
@media screen and (max-width:600px){
	#sub_what_box01 .cont_wr01 > .img_wr { float: left; width: 100%; }
	#sub_what_box01 .cont_wr01 > .text_wr { float: left; width: 100%; }
	#sub_what_box01 .cont_wr02 > div { float: left; width: 100%; }
	#sub_what_box01 .cont_wr01 > .text_wr{ padding-top: 46px; padding-right:0; }
	#sub_what_box01 .cont_wr02{ margin-top: 36px; }
	#sub_what_box01 .cont_wr02 .text_wr{ padding-top: 20px; padding-left: 0; }
	#sub_what_box01 .cont_wr .text_wr .text{ font-size: 16px; line-height: 1.4; }
	#sub_what_box01 .cont_wr01 .img_wr .img_wr_img{ width: 90%; }
}/*600*/
@media screen and (max-width:480px){
	#sub_what_box01 .cont_wr01{ margin-top: 36px; }
	#sub_what_box01 .cont_wr .text_wr .text{ font-size: 3.8vw; }

	#sub_what_box02 .what_sw .swiper-slide .text_wr{ padding: 0 20px 18px; }
	#sub_what_box02 .what_sw .swiper-slide .text_wr .text{ font-size: 3.8vw; }
	#sub_what_box02 .what_sw .swiper-slide .text_wr .num{ font-size: 3.4vw; padding-bottom: 5px; }

	#sub_what_box03 .text_wr .tit{ font-size: 4.8vw; }
	#sub_what_box03 .text_wr .text{ padding-top: 34px; font-size: 3.8vw; line-height: 1.4; }
	#sub_what_box03 .text_wr .view_more_btn{ margin-top: 38px; }

	#sub_what_box01 .cont_wr01 .bg_img_wr{ left: 130%; }
}/*480*/



/*****************************************
****************************************** sub_filming_wr
******************************************/

#sub_filming_wr .un_wr{ display: inline-block; position: relative; }
#sub_filming_wr .un_wr:after{ display: block; content:''; position: absolute; width: 100%; height: 22px; top:50%; left: 0; background-color: #222222; z-index: 1; }
#sub_filming_wr .underline{ position: relative; z-index:2; }

#sub_filming_wr{ }
#sub_filming_box01{ position: relative;  width: 100%;  min-height: calc(var(--vh, 1vh) * 100); background-image: url("/images/filming_bg01.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; }
#sub_filming_box01 .bg_wr{ width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#sub_filming_box01 .bg_wr img{ position: absolute; height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#sub_filming_box01 .text_wr .text{ font-family:'AppleSDGothic'; font-size: 18px; font-weight: 400; padding-top: 130px; word-break: keep-all; width: 80%; line-height: 1.77; padding-bottom: 100px; }
#sub_filming_box01 .sub_contents_box01{ padding-bottom:0; }

#sub_filming_box02{ background-image: url("/images/sub_filming_bg01.png"); background-repeat: no-repeat; background-position: 6% 100%; }
#sub_filming_box02 .left_wr{ float: left; width: 49%; }
#sub_filming_box02 .right_wr{ float: left; width: 51%; }
#sub_filming_box02 .right_wr ul{ width: 100%; border-top: 1px solid #FFFFFF; }
#sub_filming_box02 .right_wr ul li{ border-bottom: 1px solid #191919; padding: 26px 60px 24px 100px; position: relative; }
#sub_filming_box02 .right_wr ul li .text{ font-family:'AppleSDGothic'; font-size: 20px; font-weight: 400; color: #fff; word-break: keep-all; }
#sub_filming_box02 .right_wr ul li span.num{ position: absolute; top: 50%; left: 30px; transform: translateY(-50%); font-size: 30px; font-weight: 700; color: #0c0c0c;  text-shadow: -1px 0 #707070, 0 1px #707070, 1px 0 #707070, 0 -1px #707070; width: 40px; text-align: center; }
#sub_filming_box02 .right_wr .info_text{ font-family:'AppleSDGothic'; font-size: 17px; font-weight: 400; color: #fff; padding-top: 100px; line-height: 1.77; word-break: keep-all; }
#sub_filming_box02 .right_wr .info_text a{ color: #fff; border-bottom: 1px solid #fff; }

#sub_filming_box03{ background-image: url("/images/sub_filming_bg02.png"); background-repeat: no-repeat; background-size: cover; }
#sub_filming_box03 .left_wr{ float: left; width: 49%; }
#sub_filming_box03 .right_wr{ float: left; width: 51%; }
#sub_filming_box03 .right_wr .text{ font-family:'AppleSDGothic'; font-size: 18px; font-weight: 400; word-break: keep-all; line-height: 1.6; }
#sub_filming_box03 .right_wr .text a{ color: #fff; border-bottom: 1px solid #fff; }

#sub_filming_box02 .sub_title_wr, #sub_filming_box03 .sub_title_wr{ font-size:36px; padding-right: 40px; }

@media screen and (max-width:1280px){
	#sub_filming_box02 .right_wr ul li .text{ font-size: 16px; }
}/*1280*/
@media screen and (max-width:1024px){
	#sub_filming_box01 .text_wr .text{ font-size: 16px; }

	#sub_filming_box02 .left_wr{ width: 100%; }
	#sub_filming_box02 .right_wr{ width: 100%; margin-top: 60px; }
	#sub_filming_box02 .right_wr .info_text{ padding-top: 60px; font-size: 16px; }

	#sub_filming_box03 .left_wr{ width: 100%; }
	#sub_filming_box03 .right_wr{ width: 100%; margin-top: 60px; }

	#sub_filming_box02 .sub_title_wr, #sub_filming_box03 .sub_title_wr{ font-size:30px; padding-right: 0px; }
}/*1024*/
@media screen and (max-width:768px){
	#sub_filming_box01{ height: calc(var(--vh, 1vh) * 80); }
	#sub_filming_box01 .text_wr .text{ width: 90%; }
	#sub_filming_box02 .right_wr{ margin-top: 44px; }

	#sub_filming_box03 .right_wr{ margin-top: 44px; }
	#sub_filming_box02 .sub_title_wr, #sub_filming_box03 .sub_title_wr{ font-size:26px; padding-right: 0px; }
}/*768*/
@media screen and (max-width:480px){
	#sub_filming_box01{ height: calc(var(--vh, 1vh) * 100); }

	#sub_filming_box01 .text_wr .text{ font-size: 3.8vw; padding-top: 70px; line-height: 1.5; width: 98%; }
	#sub_filming_wr .un_wr:after{ height: 12px; }

	#sub_filming_box02 .right_wr ul li{ padding: 22px 20px 20px 50px; }
	#sub_filming_box02 .right_wr ul li span.num{ left: 0px; font-size: 20px; }
	#sub_filming_box02 .right_wr ul li .text{ font-size: 3.8vw; }
	#sub_filming_box02 .right_wr .info_text{ font-size: 3.4vw; line-height: 1.4; padding-top: 40px; }

	#sub_filming_box03 .right_wr .text{ font-size: 3.8vw; line-height: 1.5; }
	#sub_filming_box02 .sub_title_wr, #sub_filming_box03 .sub_title_wr{ font-size:5.4vw; padding-right: 0px; }
}/*480*/


/*****************************************
****************************************** sub_investment_wr
******************************************/


#sub_investment_wr{ padding-bottom: 90px; }
#sub_investment_wr .cont_wr01{ margin-top: 100px; height: 720px; display: flex; }  
#sub_investment_wr .cont_wr01 > div { float: left; width: 50%; }
#sub_investment_wr .cont_wr01 .img_wr{ overflow: hidden; }
#sub_investment_wr .cont_wr01 .img_wr img{ position: relative; left: 50%; transform: translateX(-50%); }
#sub_investment_wr .cont_wr01 .text_wr{position: relative; }
#sub_investment_wr .cont_wr01 .text_wr .text_box{ position: absolute; left: 80px; top: 50%; transform: translateY(-50%); } 
#sub_investment_wr .cont_wr01 .text_wr .text_box .s_tit{ font-size: 18px; font-weight: 400; word-break: keep-all; }
#sub_investment_wr .cont_wr01 .text_wr .text_box .tit{ font-size: 34px; font-weight: 600; word-break: keep-all; }
#sub_investment_wr .cont_wr01 .text_wr .text_box .text{ padding-top: 50px; font-family:'AppleSDGothic'; font-size: 18px; font-weight: 400; word-break: keep-all; }
#sub_investment_wr .cont_wr01 .text_wr .text_box .view_more_btn{ margin-top: 50px; }

@media screen and (max-width:1280px){
	#sub_investment_wr .cont_wr01 .text_wr .text_box{ left: 40px; }
}/*1280*/
@media screen and (max-width:1024px){
	#sub_investment_wr .cont_wr01{ margin-top: 100px; }
	#sub_investment_wr .cont_wr01 .img_wr{ width: 34%; }
	#sub_investment_wr .cont_wr01 .text_wr{ width: 66%; }
	#sub_investment_wr .cont_wr01{ height: 600px; }
	#sub_investment_wr .cont_wr01 .text_wr .text_box .s_tit{ font-size: 16px; }
	#sub_investment_wr .cont_wr01 .text_wr .text_box .tit{ font-size: 32px; }
	#sub_investment_wr .cont_wr01 .text_wr .text_box .text{ font-size: 16px; }
}/*1024*/
@media screen and (max-width:768px){
	#sub_investment_wr .cont_wr01{ margin-top: 60px; }

	#sub_investment_wr .cont_wr01 .img_wr{ width: 30%; }
	#sub_investment_wr .cont_wr01 .text_wr{ width: 70%; }
	#sub_investment_wr .cont_wr01 .text_wr .text_box{ left: 20px; }
	#sub_investment_wr .cont_wr01 .text_wr .text_box .s_tit{ font-size: 14px; }
	#sub_investment_wr .cont_wr01 .text_wr .text_box .tit{ font-size: 28px; }
	#sub_investment_wr .cont_wr01 .text_wr .text_box .text{ font-size: 14px; padding-top: 30px; }
}/*768*/
@media screen and (max-width:480px){
	#sub_investment_wr .cont_wr01{ margin-top: 35px; }

	#sub_investment_wr .cont_wr01{ display: inherit; }
	#sub_investment_wr .cont_wr01 .img_wr{ width: 100%; }
	#sub_investment_wr .cont_wr01 .text_wr{ width: 100%; margin-top: 35px; }
	#sub_investment_wr .cont_wr01 .img_wr { height: 260px; }
	#sub_investment_wr .cont_wr01 .img_wr img{ width: 100%; top: 50%; transform: translate(-50%, -50%); }
	#sub_investment_wr .cont_wr01 .text_wr .text_box{ position: relative; top:0; left: 0; transform: none; }
	#sub_investment_wr .cont_wr01 .text_wr .text_box .s_tit{ font-size: 3.4vw; }
	#sub_investment_wr .cont_wr01 .text_wr .text_box .text{ font-size: 3.8vw; }
	#sub_investment_wr .cont_wr01 .text_wr .text_box .tit{ font-size: 5.4vw; }
	#sub_investment_wr .cont_wr01 .text_wr .text_box .view_more_btn{  margin-top: 38px; }
}/*480*/


/*****************************************
****************************************** sub_studios
******************************************/

#sub_studios_box01{ position: relative;  width: 100%; min-height: calc(var(--vh, 1vh) * 100); overflow: hidden; }
#sub_studios_box01 .sub_title_wr{ color: #fff; }
#sub_studios_box01 .cont_wr{ margin-top: 100px; color: #fff; width: 46%; }
#sub_studios_box01 .cont_wr .title{ font-size: 30px; font-weight: 600;  }
#sub_studios_box01 .cont_wr .text{ font-family:'AppleSDGothic'; font-size: 18px; font-weight: 400; line-height: 1.7; word-break: keep-all; }

#sub_studios_box01 .video_wr{ width: 100%; height: 100vh; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#sub_studios_box01 .video_wr .studios_video{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1000%; height: 56.25vw; min-height: 100%; min-width: 177.77vh; }
#sub_studios_box01 .video_wr:after{ display: block; content: ''; width: 100%; height: 100%; background-image: url("/images/video_cover.png"); position: absolute; left:0; top:0; }

#sub_studios_box02{ background-color: #0C0C0C; color: #fff; }
#sub_studios_box02 .cont01_wr{ border-top: 1px solid #fff; width: 100%; }
#sub_studios_box02 .cont01_wr li{ border-bottom: 1px solid #222; }

#sub_studios_box02 .cont01_wr li .title_wr{ padding: 26px 40px 24px; position: relative; cursor: pointer; }
#sub_studios_box02 .cont01_wr li .title_wr .tit{ font-size: 30px; font-weight: 600; }
#sub_studios_box02 .cont01_wr li .title_wr > img { position: absolute; top: 50%; right: 40px; transform: translateY(-50%) rotate(0deg); transition: 0.2s; }
#sub_studios_box02 .cont01_wr li .title_wr .close_icon{ display: none; }
#sub_studios_box02 .cont01_wr li .title_wr.open .open_icon{ display: none; }
#sub_studios_box02 .cont01_wr li .title_wr.open .close_icon{ display: block; }
#sub_studios_box02 .cont01_wr li .title_wr.open{ background-color: #111111; }

@media (pointer: fine) {
#sub_studios_box02 .cont01_wr li:hover .title_wr .open_icon{ transform: translateY(-50%) rotate(90deg); transition: 0.4s; }
#sub_studios_box02 .cont01_wr li:hover .title_wr{ background-color: #111111; transition: 0.3s; }
}

#sub_studios_box02 .cont01_wr li .info_wr{ padding: 34px 70px 30px; border-top: 1px solid #222222; background-color: #111111; display: none; }
#sub_studios_box02 .cont01_wr li .info_wr p{ font-size: 16px; font-weight: 400; padding-bottom:20px; position: relative; word-break: keep-all; }
#sub_studios_box02 .cont01_wr li .info_wr p:before{ display: block; content:''; width: 3px; height: 3px; border-radius: 4px; background-color: #fff; position: absolute; left: -20px; top: 7px;  }
#sub_studios_box02 .cont01_wr li .info_wr p:last-child{ padding-bottom: 0; }

#sub_studios_box02 .cont02_wr{ position: relative; margin-top: 90px; }
#sub_studios_box02 .cont02_wr:after{ display: block; content:''; width: calc(50vw - 645px); height: 100%; background: linear-gradient(to left,  rgba(12,12,12,1.0), rgba(12,12,12,0)); position: absolute; top: 0; right: 0; z-index: 10; transform: translateX(100%); }
#sub_studios_box02 .cont02_wr:before{ display: block; content:''; width: calc(50vw - 645px); height: 100%; background: linear-gradient(to right,  rgba(12,12,12,1.0), rgba(12,12,12,0)); position: absolute; top: 0; left: 0; z-index: 10; transform: translateX(-100%);  }
#sub_studios_box02 .cont02_wr .studios_sw{ overflow: visible; }
#sub_studios_box02 .cont02_wr .swiper-slide{ width: 26%; margin-right: 20px; }
#sub_studios_box02 .cont02_wr .swiper-slide:last-child{ margin-right: 0; }
#sub_studios_box02 .cont02_wr .swiper-slide a{ display: block; }
#sub_studios_box02 .cont02_wr .swiper-slide a img{ width: 100%; }
#sub_studios_box02 .cont02_wr .studios_sw .swiper-button-next:after{ content:''; width: 20px; height: 38px; background-image: url("/images/studios_sw_next.svg"); background-repeat: no-repeat; background-size: cover; }
#sub_studios_box02 .cont02_wr .studios_sw .swiper-button-prev:after{ content:''; width: 20px; height: 38px; background-image: url("/images/studios_sw_prev.svg"); background-repeat: no-repeat; background-size: cover; }

#studio_popup{ position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none; }
#studio_popup.on{ display: block; }
#studio_popup .popup_bg{ display: block; width: 100%; height: 100%; background-color: rgba(12,12,12,0.8); }
#studio_popup .popup_wr{ width: 90%; max-width: 900px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#studio_popup .popup_wr .close_btn{ position: absolute; top:0; right: -20px; transform: translateX(100%); cursor: pointer; width: 23px; height: 23px; }
#studio_popup .popup_wr .close_btn img{ width: 100%; }
#studio_popup .popup_wr .popup00{ display: none; }
#studio_popup .popup_wr .popup00 img{ width: 100%; border-radius: 2px; overflow: hidden; }
#studio_popup .popup_wr .popup00.on{ display: block; }

#sub_studios_box02 .cont02_wr .swiper-pagination-progressbar{ position: relative; background-color: rgba(255,255,255,0.2); margin-top: 30px; height: 3px; }
#sub_studios_box02 .cont02_wr .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: #fff; }



@media screen and (max-width:1440px){
	#sub_studios_box02 .cont02_wr:after{ display: none; }
}/*1440*/
@media screen and (max-width:1280px){
	#studio_popup .popup_wr .close_btn{ right:0; top: -20px; transform: translateY(-100%); }
}/*1280*/
@media screen and (max-width:1024px){
	#sub_studios_box01{ min-height: calc(var(--vh, 1vh) * 100); }
	#sub_studios_box01 .cont_wr{ margin-top: 100px; width: 90%; }
	#sub_studios_box01 .cont_wr .title{ font-size: 24px; }
	#sub_studios_box01 .cont_wr .text{ font-size: 16px; }

	#sub_studios_box02 .cont01_wr li .title_wr .tit{ font-size: 22px; }
	#sub_studios_box02 .cont01_wr li .info_wr p{ font-size: 14px; }
	#sub_studios_box02 .cont01_wr li .info_wr{ padding: 40px 60px 36px; }
	#sub_studios_box02 .cont01_wr li .info_wr p:before{ left: -10px; }

	#sub_studios_box02 .cont02_wr .swiper-slide{ width: 30%; }

	#sub_studios_box02 .cont02_wr{ margin-top: 100px; }
}/*1024*/
@media screen and (max-width:768px){
	#sub_studios_box01 .cont_wr{ margin-top: 44px; width: 90%; margin-top: 40px; }

	#sub_studios_box02 .cont01_wr li .title_wr { padding: 26px 30px 24px; }
	#sub_studios_box02 .cont01_wr li .title_wr .tit{ font-size: 18px; }
	#sub_studios_box02 .cont01_wr li .title_wr > img{ right: 30px; }
	#sub_studios_box02 .cont01_wr li .info_wr{ padding: 30px 40px 28px; }

	#sub_studios_box02 .cont02_wr .swiper-slide{ width: 45%; }
	#sub_studios_box02 .cont02_wr{ margin-top: 60px; }
	#studio_popup .popup_wr .close_btn{ width: 18px; height: 18px; }
}/*768*/
@media screen and (max-width:480px){
	#sub_studios_box01{ min-height: calc(var(--vh, 1vh) * 80); }
	#sub_studios_box01 .cont_wr .title{ font-size: 3.8vw; }
	#sub_studios_box01 .cont_wr .text{ font-size: 3.4vw; }

	#sub_studios_box02 .cont01_wr li .title_wr{ padding: 20px 10px 18px; }
	#sub_studios_box02 .cont01_wr li .info_wr{ padding: 20px 20px 18px; }
	#sub_studios_box02 .cont01_wr li .title_wr .tit{ font-size: 3.8vw; }
	#sub_studios_box02 .cont01_wr li .info_wr p{font-size: 3.2vw; }
	#sub_studios_box02 .cont01_wr li .title_wr > img{ width: 14px; right: 10px; }
	#sub_studios_box02 .cont02_wr .swiper-slide{ margin-right: 10px; }
}/*480*/



/*****************************************
****************************************** sub_contact_wr
******************************************/


#sub_contact_wr{ background-image: url(/images/sub_filming_bg01.png); background-repeat: no-repeat; background-position: 6% 100%; }
#sub_contact_wr .sub_title_wr{ float: left; width: 49%; padding-right: 40px; }
#sub_contact_wr .cont_wr01{ float: right; width: 51%; } 
#sub_contact_wr .cont_wr01 .form_wr{ width: 100%; }
#sub_contact_wr .cont_wr01 .tit_wr .tit{ font-size: 30px; font-weight: 600; word-break: keep-all; }

#sub_contact_wr .form_wr .formmail_list input{ width: 100%; height: 30px; padding: 0 6px; background-color: #0C0C0C; border: 0; border-bottom: 1px solid #222222; font-family:'AppleSDGothic'; font-weight: 400; font-size: 16px; color: #fff; margin-top: 18px; outline:none; }
#sub_contact_wr .form_wr .formmail_list_contents textarea{ width: 100%; height: 262px; padding: 10px; background-color: #0C0C0C; border: 1px solid #222222; font-family:'AppleSDGothic'; font-weight: 400; font-size: 16px; color: #fff; margin-top: 18px; resize: none; }
#sub_contact_wr .form_wr .formmail_list input::placeholder, #sub_contact_wr .form_wr .formmail_list_contents textarea::placeholder{ color: #999999; }
#sub_contact_wr .form_wr .formTitle{ font-family:'AppleSDGothic'; font-weight: 400; font-size: 18px; }
#sub_contact_wr .form_wr .formmail_list{ margin-bottom: 22px; }
#sub_contact_wr .form_wr .formmail_list_contents{ margin-bottom: 68px; }
#sub_contact_wr .form_wr input[type="checkbox"] + label{ font-family:'AppleSDGothic'; font-size:18px; font-weight:400; color: #999; cursor: pointer; padding-left: 40px; position: relative; } 
#sub_contact_wr .form_wr input[type="checkbox"] + label p{ display: inline-block; }
#sub_contact_wr .form_wr input[type="checkbox"] + label .chkspan{ display:inline-block; width: 30px; height: 30px; background-image:url('/images/check_img.svg'); background-repeat: no-repeat; background-size: cover; vertical-align: middle; position: absolute; left:0; top: 45%; transform: translateY(-50%); }
#sub_contact_wr .form_wr input[type="checkbox"] + span.underline{ border-bottom: 1px solid #999; }
#sub_contact_wr .form_wr input[type="checkbox"]:checked + label{ color: #fff; }
#sub_contact_wr .form_wr input[type="checkbox"]:checked + label .chkspan{ background-image:url('/images/checked_img.svg'); background-repeat: no-repeat;background-size: cover;  }
#sub_contact_wr .form_wr span.underline{ border-bottom: 1px solid #999; }

#sub_contact_wr .formail_list_bottom{ position: relative; }
#sub_contact_wr .formail_list_bottom .formmail_btn{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

@media screen and (max-width:1280px){
	#sub_contact_wr .formail_list_bottom .formmail_btn{ position: relative; right:inherit; transform: none; margin-top: 40px; }
}/*1280*/
@media screen and (max-width:1024px){
	#sub_contact_wr .cont_wr01 .tit_wr .tit br{ display: none; }
	#sub_contact_wr .cont_wr01 .tit_wr{ width: 45%; padding-right: 20px; }
	#sub_contact_wr .cont_wr01 .tit_wr .tit{ font-size: 24px; }
	#sub_contact_wr .form_wr .formmail_list input{ margin-top: 15px; }
	#sub_contact_wr .form_wr input[type="checkbox"] + label{ font-size: 16px; padding-left: 34px; }
	#sub_contact_wr .form_wr input[type="checkbox"] + label .chkspan{ width: 24px; height: 24px; }
}/*1024*/
@media screen and (max-width:768px){
	#sub_contact_wr .cont_wr01{ margin-top: 60px; width: 100%; } 
	#sub_contact_wr .cont_wr01 .tit_wr{ width: 100%; padding-right: 20px; padding-right:0; }
	#sub_contact_wr .cont_wr01 .form_wr{ width: 100%; }
	#sub_contact_wr .cont_wr01 .tit_wr .tit br{ display: block; }
}/*768*/
@media screen and (max-width:480px){
	#sub_contact_wr .cont_wr01{ margin-top: 35px; }
	#sub_contact_wr .cont_wr01 .tit_wr .tit{ font-size: 5vw; }
	#sub_contact_wr .form_wr .formTitle{ font-size: 15px; }
	#sub_contact_wr .form_wr .formmail_list_contents{ margin-bottom: 35px; }
	#sub_contact_wr .form_wr input[type="checkbox"] + label{ font-size: 3.8vw; padding-left: 30px; }
	#sub_contact_wr .form_wr input[type="checkbox"] + label .chkspan{ width: 20px; height: 20px; }
}/*480*/





/*****************************************
****************************************** 
******************************************/


/*****************************************
****************************************** 
******************************************/


/*****************************************
****************************************** 
******************************************/