@charset "utf-8";

#container_wrap,
#tnb_wrap,
#tnb,
#header_wrap,
#header,
#body_wrap,
#side_wrap,
#content_wrap,
#bnb_wrap,
#bnb,
#footer_wrap,
#footer {display:block;position:relative;}

#container_wrap:after,
#tnb_wrap:after,
#tnb:after,
#header_wrap:after,
#header:after,
#body_wrap:after,
#side_wrap:after,
#content_wrap:after,
#bnb_wrap:after,
#bnb:after,
#footer_wrap:after,
#footer:after {display:block;visibility:hidden;clear:both;content:""}


#container_wrap {}

#navall {display:none;position:fixed;left:0;right:0;top:135px;padding:40px 10px;overflow-y:auto;background:#fff;z-index:999;}
#navall ul {width:100%;max-width:1200px;margin:0 auto;}
#navall ul li {display:block;position:relative;padding:20px 0;border-bottom:solid 1px #ddd;}
#navall ul li:last-child {border-bottom:none;}
#navall ul li:after {display:block;visibility:hidden;clear:both;content:""}
#navall ul li label {display:block;position:absolute;left:0;top:20px;}
#navall ul li label a {display:block;font-size:20px;font-weight:700;}
#navall ul li dl {margin:0 0 0 200px;}
#navall ul li dl:after {display:block;visibility:hidden;clear:both;content:""}
#navall ul li dl dd {display:block;float:left;width:14.28%;}
#navall ul li dl dd a {display:block;font-size:18px;font-weight:500;line-height:30px;letter-spacing:-1px}
#navall ul li dl dd a.sub {color:#777;font-size:15px;font-weight:400;line-height:24px;}

#navall.sticky {top:100px;}
#navall.active {display:block;}


#tnb_wrap {padding:0 10px;border-bottom:solid 1px #ddd;}
#tnb {width:100%;max-width:1200px;margin:0 auto;padding:10px 0;}
.tnb {float:right;}
.tnb:after {display:block;visibility:hidden;clear:both;content:""}

.hd_sch_wr {float:left;margin:0 20px 0 0;}
.hd_sch_wr:after {display:block;visibility:hidden;clear:both;content:""}
.hd_sch_wr #sch_stx {display:block;float:left;width:220px;height:34px;margin:0 10px 0 0;padding:0 20px;line-height:32px;background:#fff;border:solid 1px #ddd;border-radius:20px;}
.hd_sch_wr #sch_submit {display:block;float:left;width:34px;height:34px;color:#fff;text-align:center;background:#15536d;border:none;border-radius:50%;}
.hd_sch_wr #sch_submit i {font-size:18px;line-height:34px;}

ul.hd_login {float:left;}
ul.hd_login:after {display:block;visibility:hidden;clear:both;content:""}
ul.hd_login li {display:block;float:left;position:relative;margin:0 12px 0 0;padding:0 12px 0 0;}
ul.hd_login li::after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:16px;margin:-8px 0 0 0;background:#ddd;}
ul.hd_login li a {display:block;color:#555;font-weight:400;line-height:34px;}
ul.hd_login li a strong {color:#15536d;font-weight:700;}
ul.hd_login li a i {display:none;color:#222;font-size:24px;line-height:34px;}
ul.hd_login li:last-child {margin:0;padding:0;}
ul.hd_login li:last-child:after {display:none;}


#header_wrap {left:0;right:0;top:0;width:100%;background:#fff;z-index:99;}
#header_wrap.sticky {position:fixed;}

#header {width:100%;max-width:1200px;margin:0 auto;z-index:9;}
a#logo {display:block;float:left;margin:30px 0}

.navall_btn {display:block;position:absolute;right:0;top:50%;width:30px;height:25px;cursor:pointer;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.navall_btn span {display:block;position:absolute;left:50%;width:25px;height:3px;margin:0 0 0 -12.5px;background:#222;}
.navall_btn span.var {top:0;}
.navall_btn span.var2 {top:9px;}
.navall_btn span.var3 {top:18px;}

.navall_btn.active span.var {top:9px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.navall_btn.active span.var2 {opacity:0;}
.navall_btn.active span.var3 {top:9px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

.navall_btn span.var,
.navall_btn span.var2,
.navall_btn span.var3 {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}

#nav {float:left;margin:0 0 0 6%;}
#nav ul {}
#nav ul:after {display:block;visibility:hidden;clear:both;content:""}
#nav ul li {display:block;float:left;position:relative;padding:0 20px;}
#nav ul li:last-child {margin:0;}
#nav ul li a {display:block;position:relative;font-size:18px;font-weight:700;line-height:100px;text-align:center;}
#nav ul li a:after {content:'';display:block;position:absolute;left:50%;bottom:0;width:1px;height:3px;background:#15536d;opacity:0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#nav ul li a:hover,
#nav ul li a.active {color:#15536d}
#nav ul li a:hover:after,
#nav ul li a.active:after {left:0;width:100%;opacity:1;}

#nav ul li ul {display:none;position:absolute;left:0;right:0;padding:30px 0 0 0;z-index:99;}
#nav ul li ul li {float:none;width:100%;padding:0;}
#nav ul li ul li a {font-size:14px;font-weight:400;line-height:30px;}
#nav ul li ul li a:after {display:none;}
#nav ul li ul li a.sub {color:#777;font-size:14px;line-height:24px;}
#nav ul li ul li a.sub:hover {color:#15536d}

.snb_bg {display:none;position:absolute;left:0;right:0;height:320px;background:#fff;border-top:solid 1px #ddd;box-shadow:0 5px 8px rgba(0,0,0,0.1);z-index:7}


#body_wrap {width:100%;max-width:1200px;margin:30px auto 60px auto;}

#bnb_wrap {padding:20px 10px;background:#222;}
#bnb {width:100%;max-width:1200px;margin:0 auto;}
#bnb ul.bnb {float:left;font-size:0;line-height:0;}
#bnb ul.bnb:after {display:block;visibility:hidden;clear:both;content:""}
#bnb ul.bnb li {display:block;float:left;position:relative;margin:0 20px 0 0;padding:0 20px 0 0;}
#bnb ul.bnb li:after {content:'';display:block;position:absolute;right:0;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:#444;border-radius:50%;}
#bnb ul.bnb li:last-child {margin:0;padding:0;}
#bnb ul.bnb li:last-child:after {display:none;}
#bnb ul.bnb li a {display:block;color:#fff;font-size:16px;font-weight:400;line-height:30px;}
#bnb ul.sns {float:right;font-size:0;line-height:0;}
#bnb ul.sns:after {display:block;visibility:hidden;clear:both;content:""}
#bnb ul.sns li {display:block;float:left;position:relative;margin:0 30px 0 0;}
#bnb ul.sns li:last-child {margin:0;}
#bnb ul.sns li a {display:block;color:#fff;font-size:18px;line-height:30px;}


#footer_wrap {padding:40px 10px;}
#footer {width:100%;max-width:1200px;margin:0 auto;}
#footer .logo {display:block;position:absolute;right:0;top:0;}
#footer ul {margin:0 0 24px 0;}
#footer ul:after {display:block;visibility:hidden;clear:both;content:""}
#footer ul li {display:block;float:left;margin:0 40px 0 0;color:#555;}
#footer ul li:last-child {margin:0;}
#footer ul li h2 {display:block;margin:0 0 8px 0;color:#555;font-size:15px;font-weight:500;}
#footer ul li p {line-height:24px;}
#footer ul li strong {font-weight:500;}
#footer .copy {color:#777;}

.slide_wrap {position:relative;width:100%;max-width:1200px;margin:0 auto;}
.slide {display:block;}
.slide img {width:100%;height:auto;}
.slide .slide_content {display:block;position:absolute;left:80px;top:50%;text-align:left;z-index:1;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.slide .slide_content .sub {display:block;margin:0 0 8px 0;font-size:15px;}
.slide .slide_content h2 {display:block;margin:0 0 12px 0;font-size:36px;font-weight:700;line-height:120%;}
.slide .slide_content p {color:#555;font-size:18px;line-height:140%;}
.slide .img {display:block;position:absolute;right:80px;bottom:0;width:470px;}
.slide .img2 {display:block;position:absolute;right:80px;top:50%;width:420px;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}

.slide_wrap .control {display:block;position:absolute;right:40px;bottom:20px;padding:0 16px;color:#999;line-height:30px;background:rgba(0,0,0,0.4);border-radius:20px;z-index:3;}
.slide_wrap .control strong {color:#fff;font-weight:400;}


.simpleTabs_button {display:block;list-style:none;font-size:0;}
.simpleTabs_button li {display:inline-block;position:relative;margin:0 30px 0 0;color:#555;font-size:16px;font-weight:500;line-height:30px;cursor:pointer;}
.simpleTabs_button li:last-child {margin:0;}
.simpleTabs_button li.active {color:#15536d;}
.simpleTabs_button li.active:after {content:'';display:block;position:absolute;left:-6px;top:2px;width:5px;height:5px;background:#15536d;border-radius:50%;}

[data-st-title] {display:none;opacity:0;transition:opacity 0.4s;}
[data-st-title].active{opacity:1;}

.recent_news_wrap {width:100%;max-width:1200px;margin:0 auto;padding:60px 0;}
.recent_news_wrap:after {display:block;visibility:hidden;clear:both;content:""}

.recent_news {float:left;position:relative;width:calc(100% - 300px);}
.recent_news h2 {display:block;margin:0 0 20px 0;font-size:24px;font-weight:700;}
.recent_news a.more {display:block;position:absolute;right:0;top:0;color:#555;}
.recent_news a.more i {font-size:14px;vertical-align:baseline;}

.recent_news ul {position:relative;padding:0 0 0 48%;}
.recent_news ul:after {display:block;visibility:hidden;clear:both;content:""}
.recent_news ul li {display:block;margin:0 0 15px 0;}
.recent_news ul li:last-child {margin:0;}
.recent_news ul li:after {display:block;visibility:hidden;clear:both;content:""}
.recent_news ul li a.thumb {display:block;float:left;width:180px;margin:0 30px 0 0;border-radius:20px;overflow:hidden;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.recent_news ul li a.thumb img {width:100%;height:auto;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.recent_news ul li:hover a.thumb {border-radius:0;}
.recent_news ul li:hover a.thumb img {
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
.recent_news ul li label {display:inline-block;margin:10px 0 12px 0;padding:0 8px;color:#fff;font-weight:500;line-height:22px;background:#15536d;border-radius:3px;}
.recent_news ul li a.title {display:block;margin:0 0 12px 0;font-size:16px;font-weight:500;line-height:140%;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word; 
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; 
}
.recent_news ul li .date {color:#555}

.recent_news ul li:first-child {position:absolute;left:0;top:0;width:45%;margin:0;}
.recent_news ul li:first-child a.thumb {width:100%;margin:0 0 18px 0;}
.recent_news ul li:first-child label {margin:0 0 12px 0;}


.hot_wrap {float:right;width:280px;padding:30px 20px;background:#fef7ec;border-radius:15px;}
.hot_wrap h2 {display:block;width:100%;max-width:1200px;margin:0 auto 10px auto;font-size:24px;font-weight:700;}
.hot_wrap h2 strong {color:#15536d;font-weight:700;}

.tab_hot .simpleTabs_button {margin:0 0 20px 0;padding:0 0 15px 0;border-bottom:solid 1px #ddd;}
.tab_hot .simpleTabs_button li {margin:0 10px 0 0;padding:0 12px;font-size:15px;background:#fff;border-radius:20px;box-shadow:2px 2px 8px rgba(0,0,0,0.1);}
.tab_hot .simpleTabs_button li.active {color:#fff;background:#222;}
.tab_hot .simpleTabs_button li.active:after {display:none;}

.tab_hot_list a {display:block;margin:0 0 12px 0;font-size:15px;font-weight:500;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.tab_hot_list a:last-child {margin:0;}
.tab_hot_list a .num {display:inline-block;width:30px;color:#15536d;font-size:16px;font-weight:700;}


.recent_comm_wrap {position:relative;margin:0 auto;padding:60px 10px;background:#f8f8f8;}
.recent_comm_wrap h2 {display:block;width:100%;max-width:1200px;margin:0 auto 20px auto;font-size:24px;font-weight:700;}

.recent_comm_wrap .simpleTabs_button {position:absolute;left:220px;top:-50px;}

.tab_comm {position:relative;width:100%;max-width:1200px;margin:0 auto;}

.recent_comm a.more {display:block;position:absolute;right:0;top:-50px;color:#555;}
.recent_comm a.more i {font-size:14px;vertical-align:baseline;}
.recent_comm ul {}
.recent_comm ul:after {display:block;visibility:hidden;clear:both;content:""}
.recent_comm ul li {display:block;float:left;width:23%;margin:0 2.66% 30px 0;}
.recent_comm ul li:nth-child(4n) {margin:0 0 30px 0;}
.recent_comm ul li a.thumb {display:block;margin:0 0 18px 0;border-radius:20px;overflow:hidden;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.recent_comm ul li a.thumb img {width:100%;height:auto;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.recent_comm ul li:hover a.thumb {border-radius:0;}
.recent_comm ul li:hover a.thumb img {
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
.recent_comm ul li label {display:inline-block;margin:0 0 16px 0;padding:0 8px;color:#fff;font-weight:500;line-height:22px;background:#ff8c76;border-radius:3px;}
.recent_comm ul li a.title {display:block;margin:0 0 18px 0;font-size:16px;font-weight:500;line-height:140%;}
.recent_comm ul li .date {color:#777;}

.recent_recruit_wrap .simpleTabs_button {position:absolute;left:160px;top:60px;}

.recent_recruit_wrap {position:relative;width:100%;max-width:1200px;margin:0 auto;padding:60px 10px;}
.recent_recruit_wrap h2 {display:block;margin:0 0 20px 0;font-size:24px;font-weight:700;}

.recent_recruit {}
.recent_recruit a.more {display:block;position:absolute;right:0;top:60px;color:#555;}
.recent_recruit a.more i {font-size:14px;vertical-align:baseline;}
.recent_recruit ul {}
.recent_recruit ul:after {display:block;visibility:hidden;clear:both;content:""}
.recent_recruit ul li {display:block;float:left;width:23%;margin:0 2.66% 30px 0;}
.recent_recruit ul li:nth-child(4n) {margin:0 0 30px 0;}
.recent_recruit ul li .box {display:block;position:relative;height:280px;padding:20px;background:#fff;border:solid 1px #fff;border-radius:20px;box-shadow:0 0 8px rgba(0,0,0,0.1);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.recent_recruit ul li .box:hover {border:solid 1px #15536d;border-radius:0;}
.recent_recruit ul li label {display:inline-block;margin:0 0 16px 0;padding:0 8px;color:#fff;font-weight:500;line-height:22px;background:#15536d;border-radius:3px;}
.recent_recruit ul li a.btn_bookmark {display:block;position:absolute;right:20px;top:20px;color:#e5e5e5;}
.recent_recruit ul li a.btn_bookmark i {font-size:24px;}
.recent_recruit ul li a.title {display:block;margin:0 0 12px 0;font-size:18px;font-weight:700;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.recent_recruit ul li .info {margin:0 0 12px 0;color:#555}
.recent_recruit ul li .info .name {display:inline-block;position:relative;margin:0 6px 0 0;padding:0 12px 0 0;font-weight:500;}
.recent_recruit ul li .info .name:after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:12px;margin:-6px 0 0 0;background:#ddd;}
.recent_recruit ul li .info .name img {width:24px;height:auto;border-radius:50%;}
.recent_recruit ul li a.cont {display:block;color:#777;font-size:15px;line-height:150%;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word; 
display:-webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; 
}
.recent_recruit ul li .info2 {position:absolute;left:20px;bottom:20px;right:20px;padding:16px 0 0 0;color:#555;border-top:solid 1px #ddd;}
.recent_recruit ul li .info2 i {color:#e5e5e5;font-size:18px}


.recent_lec_wrap {margin:0 0 60px 0;padding:60px 10px;background:url(../img/stsp_bg.jpg) no-repeat center top #f8f8f8;background-size:100% auto;}

.recent_lec {position:relative;width:100%;max-width:1200px;margin:0 auto;}
.recent_lec .label {margin:0 0 24px 0;color:#fff;font-size:22px;font-weight:700;}
.recent_lec .label strong {color:#15536d;font-weight:700;}
.recent_lec h2 {display:block;margin:0 0 40px 0;color:#fff;font-size:30px;font-weight:700;line-height:140%;}
.recent_lec a.more {display:block;position:absolute;right:0;top:0;color:#fff;}
.recent_lec a.more i {font-size:14px;vertical-align:baseline;}
.recent_lec ul {margin:0 0 60px 0;}
.recent_lec ul:after {display:block;visibility:hidden;clear:both;content:""}
.recent_lec ul li {display:block;float:left;width:32%;margin:0 2% 0 0;}
.recent_lec ul li:last-child {margin:0;}
.recent_lec ul li a.thumb {display:block;margin:0 0 18px 0;}
.recent_lec ul li a.thumb img {width:100%;height:auto;border-radius:20px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.recent_lec ul li:hover a.thumb img {border-radius:0;}
.recent_lec ul li label {display:inline-block;margin:0 0 12px 0;padding:0 8px;color:#fff;line-height:22px;background:#1e6240;border-radius:3px;}
.recent_lec ul li a.title {display:block;font-size:16px;line-height:140%;font-weight:400;}


.recent_porf {position:relative;width:100%;max-width:1200px;margin:0 auto;}
.recent_porf ul {display:block;position:relative;padding:0 0 70px 0;font-size:0;line-height:0;text-align:center;z-index:1;}
.recent_porf ul:after {display:block;visibility:hidden;clear:both;content:""}
.recent_porf ul li {display:inline-block;width:19%;margin:0 1.25% 0 0;}
.recent_porf ul li:last-child {margin:0;}
.recent_porf ul li .thumb {display:block;position:relative;border-radius:50%;overflow:hidden;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.recent_porf ul li .thumb img {width:100%;height:auto;}
.recent_porf ul li .thumb a {display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.4);opacity:0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.recent_porf ul li .thumb a span {display:block;position:absolute;left:0;right:0;top:50%;padding:0 20px;color:#fff;font-size:14px;text-align:center;line-height:140%;word-break:keep-all;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.recent_porf ul li .thumb:hover {border-radius:0;}
.recent_porf ul li .thumb:hover a {opacity:1;}
.recent_porf .bg {display:block;position:absolute;right:0;bottom:0;color:#ccdad3;font-size:80px;font-weight:700;}


.recent_wrap {width:100%;max-width:1200px;margin:0 auto 60px auto;}
.recent_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.recent_wrap .recent {display:block;float:left;position:relative;width:48%;margin:0 4% 0 0;}
.recent_wrap .recent:last-child {margin:0;}
.recent_wrap .recent h2 {display:block;margin:0 0 20px 0;font-size:24px;font-weight:700;}
.recent_wrap .recent a.more {display:block;position:absolute;right:0;top:0;color:#555;}
.recent_wrap .recent a.more i {font-size:14px;vertical-align:baseline;}
.recent_wrap .recent ul {}
.recent_wrap .recent ul:after {display:block;visibility:hidden;clear:both;content:""}
.recent_wrap .recent ul li {display:block;float:left;width:48%;margin:0 4% 0 0;}
.recent_wrap .recent ul li:last-child {margin:0;}
.recent_wrap .recent ul li a.box {display:block;position:relative;height:210px;padding:20px 20px 40px 20px;;background:#fff;border-radius:15px;border:solid 1px #ddd;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.recent_wrap .recent ul li a.box:hover {border-radius:0;border:solid 1px #15536d}
.recent_wrap .recent ul li strong {display:block;margin:0 0 12px 0;font-size:16px;font-weight:500;line-height:140%;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word; 
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; 
}
.recent_wrap .recent ul li .new_icon {display:inline-block;width:18px;height:18px;color:#fff;font-size:11px;text-align:center;font-weight:400;line-height:20px;background:#cd171e;border-radius:3px;}
.recent_wrap .recent ul li p {line-height:140%;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word; 
display:-webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; 
}
.recent_wrap .recent ul li .date {display:block;position:absolute;left:20px;bottom:20px;color:#777;}


#side_wrap {float:left;width:170px}
#side_wrap h2 {display:none;margin:0 0 10px 0;font-size:18px;font-weight:700;}
#side_wrap ul.snb_side {}
#side_wrap ul.snb_side li {display:block;}
#side_wrap ul.snb_side li a {display:block;padding:0 15px;color:#555;font-size:16px;font-weight:400;line-height:40px;background:#fff;border-radius:4px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#side_wrap ul.snb_side li a:hover,
#side_wrap ul.snb_side li a.active {color:#222;font-weight:600;background:#eee;}

#content_wrap {float:right;width:calc(100% - 200px);min-height:600px;}

#snb_wrap {height:0;overflow:hidden;}
#snb {padding:0 20px;background:#15536d}
#snb .swiper-slide {width:auto}
#snb {white-space:nowrap;overflow:hidden}
#snb ul:after {display:block;visibility:hidden;clear:both;content:""}
#snb li {display:inline-block;}
#snb a {display:block;position:relative;color:#fff;font-weight:400;line-height:40px;letter-spacing:-0.5px;}
#snb a.active:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff;}

#ssnb {margin:0 0 20px 0;padding:0 20px;background:#fff;box-shadow:2px 2px 6px rgba(0,0,0,0.1);}
#ssnb .swiper-slide {width:auto}
#ssnb {white-space:nowrap;overflow:hidden}
#ssnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssnb li {display:inline-block;}
#ssnb a {display:block;position:relative;line-height:40px;letter-spacing:-0.5px;}
#ssnb a.active {color:#15536d;}
#ssnb a.active:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:2px;background:#15536d;}

.location {margin:0 0 20px 0;color:#777;font-size:13px;text-align:right;}
.location a {color:#777;font-size:13px;}
.location i {color:#aaa;font-size:12px;}
.location i.xi-home {font-size:16px;}

h2#container_title {margin:0 0 30px 0;font-size:30px;font-weight:600; text-align: center;}


.overlay_lgi {display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.4);z-index:999;}
.lgi_layer {display:none;position:fixed;left:50%;top:50%;width:100%;max-width:768px;padding:40px;text-align:center;background:#fff;border-radius:10px;z-index:1000;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.lgi_layer img {margin:0 0 30px 0;}
.lgi_layer h2 {display:block;margin:0 0 12px 0;font-size:24px;font-weight:700;}
.lgi_layer h3 {display:none;}
.lgi_layer p {margin:0 0 24px 0;color:#999;font-size:16px;line-height:140%;}
.lgi_layer button {display:block;position:absolute;right:20px;top:20px;width:40px;height:40px;text-align:center;background:none;border:none;}
.lgi_layer button i {font-size:24px;line-height:40px;}

.lgi_layer .sns-wrap {text-align:center}
.lgi_layer .sns-wrap a {display:block;width:100%;max-width:480px;margin:0 auto 10px auto;font-size:14px;font-weight:400;text-align:center;line-height:50px;border:none;}
.lgi_layer .sns-wrap a img {margin:0;}
.lgi_layer .sns-wrap a:nth-child(1) {background-color:#eee;}
.lgi_layer .sns-wrap a:nth-child(2) {background-color:#fce000;}
.lgi_layer .sns-wrap a:nth-child(3) {background-color:#fff;border:solid 1px #eee;}



@media screen and (max-width:1200px) {

#navall ul li label a {font-size:18px;}
#navall ul li dl {margin:0 0 0 180px;}
#navall ul li dl dd {width:25%}
#navall ul li dl dd a {font-size:16px;}
#navall ul li dl dd a.sub {font-size:14px;}

.navall_btn {right:10px;}

#nav ul li {padding:0 20px;}
#nav ul li:last-child {margin:0;}
#nav ul li ul li a {font-size:14px;}
#nav ul li ul li a.sub {font-size:13px;}
#nav ul li ul li a.sub:hover {color:#15536d}

#body_wrap {padding:0 10px;}


#footer .logo {position:relative;left:0;right:auto;margin:0 0 40px 0;}

.slide_wrap {padding:0 10px;}

.recent_news_wrap {padding:60px 10px}

.recent_porf ul {padding:0 10px 70px 10px;}

.recent_wrap {padding:0 10px;}
}





@media screen and (max-width:980px) {
#navall {top:105px;bottom:0;padding:20px 10px;}
#navall ul li label {position:relative;left:0;top:auto;margin:0 0 12px 0;}
#navall ul li dl {margin:0;}
#navall ul li dl dd a {font-size:14px;}
#navall ul li dl dd a.sub {font-size:12px;}

#navall.sticky {top:60px;}

a#logo {margin:10px 0}

.hd_sch_wr #sch_stx {width:180px;}
ul.hd_login li a i {display:none;color:#222;font-size:24px;}

#nav,
.snb_bg{display:none;}

#bnb ul.bnb {float:none;margin:0 0 8px 0;text-align:center;}
#bnb ul.bnb li {display:inline-block;float:none;}
#bnb ul.sns {float:none;text-align:center;}
#bnb ul.sns li {display:inline-block;float:none;}

#footer ul li:first-child {width:100%;margin:0 0 40px 0;}

/*.slide .slide_content {left:40px;}
.slide .slide_content .sub {font-size:14px;}
.slide .slide_content h2 {font-size:30px;}
.slide .slide_content p {font-size:16px;}
.slide .img {right:40px;bottom:0;width:360px;}
.slide .img2 {right:40px;top:50%;width:340px;}*/

.slide_wrap .control {right:20px;bottom:20px;}

.simpleTabs_button {position:relative;margin:0 0 20px 10px;}
.simpleTabs_button li {margin:0 20px 0 0;}

.recent_news ul {padding:0;}
.recent_news ul li {display:block;float:none;width:100%;margin:0 0 15px 0;}
.recent_news ul li:first-child {position:relative;width:100%;margin:0 0 15px 0;}
.recent_news ul li:first-child a.thumb {float:left;width:180px;margin:0 30px 0 0;}
.recent_news ul li:first-child label {margin:10px 0 12px 0;}


.recent_comm_wrap .simpleTabs_button {position:relative;left:auto;top:auto;}

.recent_recruit_wrap .simpleTabs_button {position:relative;left:auto;top:auto;}

.recent_recruit ul li {width:32%;margin:0 2% 20px 0;}
.recent_recruit ul li:nth-child(4n) {margin:0 2% 20px 0;}
.recent_recruit ul li:nth-child(3n) {margin:0 0 20px 0;}


.recent_lec_wrap {background-size:auto 35%;}

.recent_lec .label {font-size:18px;}
.recent_lec .label img {width:20px;height:auto;}
.recent_lec h2 {font-size:24px;}

.recent_wrap .recent {float:none;width:100%;margin:0 0 40px 0;}

#body_wrap {padding:0;}

#side_wrap {display:none;}

#content_wrap {float:none;width:100%;}

#snb_wrap {height:auto;}

.location {margin:0 10px 20px 10px;}

h2#container_title {margin:0 10px 40px 10px;}

.lgi_layer {padding:20px}
.lgi_layer h2 {font-size:20px;}
.lgi_layer p {font-size:14px;}
}





@media screen and (max-width:768px) {
#navall ul li dl dd {width:33.33%;}

.hd_sch_wr #sch_stx {width:160px;}
ul.hd_login li a i {display:block;}
ul.hd_login li a span {display:none;}

#bnb ul.bnb li {margin:0 10px 0 0;padding:0 10px 0 0;}
#bnb ul.bnb li a {font-size:14px;}
#bnb ul.sns li {margin:0 20px 0 0;}
#bnb ul.sns li a {font-size:16px;}

/*.slide .slide_content {left:20px;}
.slide .slide_content img {width:100%;height:320px;object-fit:cover;}
.slide .slide_content .sub {font-size:13px;}
.slide .slide_content h2 {font-size:24px;}
.slide .slide_content p {font-size:14px;}
.slide .img {right:20px;bottom:0;width:240px;}
.slide .img2 {right:20px;top:50%;width:220px;}*/


.simpleTabs_button li {margin:0 10px 0 0;font-size:14px;}

.recent_news {float:none;width:100%;margin:0 0 40px 0;}
.recent_news ul li a.thumb {width:160px;margin:0 20px 0 0;}
.recent_news ul li:first-child a.thumb {width:160px;margin:0 20px 0 0;}

.hot_wrap {float:none;width:100%;}


.recent_comm ul li {width:49%;margin:0 2% 20px 0;}
.recent_comm ul li:nth-child(4n) {margin:0 2% 20px 0;}
.recent_comm ul li:nth-child(2n) {margin:0 0 20px 0;}

.recent_recruit ul li {width:49%;margin:0 2% 20px 0;}
.recent_recruit ul li:nth-child(4n) {margin:0 2% 20px 0;}
.recent_recruit ul li:nth-child(3n) {margin:0 2% 20px 0;}
.recent_recruit ul li:nth-child(2n) {margin:0 0 20px 0;}
.recent_recruit ul li a.title {font-size:16px;}
.recent_recruit ul li .info {font-size:13px;}
.recent_recruit ul li .info .name img {width:20px;height:auto;}
.recent_recruit ul li a.cont {font-size:14px;}

.recent_lec_wrap {background-size:auto 16%;}
.recent_lec ul li {float:none;width:100%;max-width:360px;margin:0 auto 40px auto;}
.recent_lec ul li:last-child {margin:0 auto;}

.recent_porf ul {padding:0 0 30px 0;}
.recent_porf ul li {width:33.33%;margin:0;padding:10px;}
.recent_porf .bg {font-size:48px;}
}





@media screen and (max-width:480px) {
.tnb {float:none;}
.hd_sch_wr {margin:0 10px 0 0;}
.hd_sch_wr #sch_stx {width:120px;}
ul.hd_login {float:right;}

#footer ul li {float:none;margin:0 0 40px 0;}

.recent_porf ul li {padding:5px;}
.recent_porf .bg {font-size:36px;}
}


/* ------------------------------------------------------------- 영화제 서브 css    ------------------------------------------------------------  */



/*서브페이지 소스 ver01*/



@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 중간 레이아웃 */
#container_c {position:relative; width:calc( 100% - 60px ); padding:0; padding-bottom: 150px;max-width:1200px; margin:0 auto; min-height: 700px;}
@media screen and (max-width:860px) {
    #container_c { padding-bottom:100px; }
}
@media screen and (max-width:680px ){
    #container_c { width:calc( 100% - 40px ); padding-bottom:60px; }
}
@media screen and (max-width:480px ){
    #container_c { width:calc( 100% - 30px ); padding-bottom:30px; }
}
@media screen and (max-width:370px ){
    #container_c { width:calc( 100% - 20px ); }
}

#container_c > div:nth-child(2) {
    padding: 30px 0 30px 0;
}
#container:after{display:block;visibility:hidden;clear:both;content:""}
#container_c h3 {
    width:100%;
    text-align:center;
    font-size:30px;
    margin-bottom:30px;
    margin-top:30px;
    color:#333;
    font-weight:600;
    letter-spacing: -2px;
}
#container_c h3::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
    margin-top: 20px;
}
#container_c h4 {
    width:100%;
    text-align:center;
    font-size:30px;
    margin-bottom:30px;
    margin-top:30px;
    color:#333;
    font-weight:600;
    letter-spacing: -2px;
}
#container_c h4::after {
    display: block;
    clear: both;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
    margin-top: 20px;
}

#container_wr{position:relative;margin:0 auto;padding-bottom:0;}
#container_wr:after{display:block;visibility:hidden;clear:both;content:""}
#container_s{padding:0;max-width:100%;margin:0 auto;}
#sub_top_img {  }
#sub_top_img img { width:100%; height: 100px; display: block; }
#sct_location {position: absolute; top:45px; right:0;}
#sct_location a {
    max-width:200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    float:left;
    font-size:14px;
    line-height: 15px;
    height:17px;
    color:#545454;
    margin-right:5px;
}

/* 서브메뉴 */
#container_c ul.sub_menu {
    /*float:left;*/
    width:210px; position: relative; z-index: 9; width:100%;
    display:flex; justify-content:center; align-items:center;
}
#container_c ul.sub_menu::before {
    content:'';position:absolute; z-index:-1; width:100vw; height:100%; background-color:#222222;

}
#container_c ul.sub_menu::after {content:""; display: block; clear:both;}
#container_c ul.sub_menu li:last-child {background:none; padding-right:0;}
#container_c ul.sub_menu li.sub_menu_title {
    color:#fff; background-color:#26384c; letter-spacing: -1px; font-weight:bold;
    text-align:center; padding-left:0;
    border-bottom: 1px solid #e1e1e1; display:none;
}
#container_c ul.sub_menu li.sub_menu_title h4 {
    font-size:20px; line-height:50px; color:#ffffff; font-weight:400; letter-spacing:-0.1rem; display:block;
    white-space:nowrap; position:relative; padding:18px 0; text-transform:uppercase;
}
#container_c ul.sub_menu li a{
    font-size: 16px; line-height: 20px; color:rgba(255,255,255,.7); font-weight: 400; letter-spacing: -0.05rem; display: block; white-space: nowrap;
    padding:15px 20px; position:relative; text-align:center; overflow:hidden; text-overflow: ellipsis;
}
#container_c ul.sub_menu li a:not(:only-child)::after {
    content:"+"; position: absolute; right:25px; top:50%; transform: translateY(-50%);
    font-size:12px;
}
#container_c ul.sub_menu li a:hover,#container_c ul.sub_menu li a.on{ color:#fff;}

/*서브 메뉴 900px 반응형*/
@media (max-width: 1200px){
    #container_c > div:nth-child(3) {
        float:none;
        width:100%;
        padding:0 20px;
    }
    #container_c h3 { font-size:27px; margin:40px 0 20px; }
    #container_c .location { margin-top:0; }
    #container_c ul.sub_menu .location {text-align: right; margin-bottom: 10px;}
    #container_c ul.sub_menu li a:not(:only-child)::after { display: none; }
    #container_c ul.sub_menu li a {
        letter-spacing: -1px; font-size: 13px; text-align:center; border:none; 
        overflow: hidden; text-overflow: ellipsis; height:100%;
    }
    #container_c ul.sub_menu li.sub_menu_title h4 {
        font-size: 25px; 
        color:#26384c; 
        font-weight:700; 
        letter-spacing: -2px; 
        margin-bottom:30px;
    }
    #sct_location {
        left:auto; right:20px; top:20px;
    }
    #sct_location a {
        font-size:14px;
        line-height: 14px;
        height:16px;
        margin-right:4px;
    }
}

@media screen and (max-width:1000px) {
    #container_c ul.sub_menu { flex-wrap:wrap;justify-content:flex-start; }
    #container_c ul.sub_menu::before { left:50%; transform:translateX(-50%); }
    #container_c ul.sub_menu li { width:calc( 100% / 6 ); }
    #container_c ul.sub_menu li a {
        padding:12px 20px; width:100%; box-sizing:border-box;
        word-break: break-word; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    }

}

@media (max-width: 860px){
    #sub_top_img img { width:100%; height: 80px; display: block; }
}

@media (max-width: 800px){
    #container_c ul.sub_menu li a {padding: 10px 3px;}
}
@media screen and (max-width:680px) {
    #container_c h3 { margin:30px 0 10px; font-size:23px; }
}

@media screen and (max-width:600px) {
    #container_c ul.sub_menu li { width:calc( 100% / 4 ); }
}

@media screen and (max-width:500px) {
    #container_c > div:nth-child(3) { padding:5px; }
    #container_c h3 {}
    #sct_location { right:10px; top:10px; }
    #sct_location a {
        font-size:12px;
        line-height: 12px;
        height:14px;
        margin-right:3px;
    }
 }
 @media screen and (max-width:480px) {
    #container_c ul.sub_menu li { width:calc( 100% / 3 ); }
 }


/*서브페이지 기본*/
.sub_con .lh150 {line-height: 150% !important;}
.sub_con .lh135 {line-height: 135% !important;}
.sub_con_bg_img { position: absolute; width:100%; z-index:-1; }

.max-width80 { max-width: 80px; }
.max-width100 { max-width: 100px; }
.max-width470 { max-width: 470px; }
.max-width800 { max-width: 800px; }
.max-width880 { max-width: 880px; }
.max-width920 { max-width: 920px; }
.max-width1150 { max-width: 1150px; }
.max-width1160 { max-width: 1160px; }
.max-width1188 { max-width: 1188px; }

.marginauto { margin:auto; }


/*margin-top 시작*/
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

@media screen and (max-width: 1200px) {
    .mt10 { margin-top: 8px !important; }
    .mt15 { margin-top: 12px !important; }
    .mt20 { margin-top: 16px !important; }
    .mt25 { margin-top: 20px !important; }
    .mt30 { margin-top: 24px !important; }
    .mt35 { margin-top: 28px !important; }
    .mt40 { margin-top: 32px !important; }
    .mt45 { margin-top: 36px !important; }
    .mt50 { margin-top: 40px !important; }
    .mt55 { margin-top: 44px !important; }
    .mt60 { margin-top: 48px !important; }
    .mt65 { margin-top: 52px !important; }
    .mt70 { margin-top: 56px !important; }
    .mt75 { margin-top: 60px !important; }
    .mt80 { margin-top: 64px !important; }
    .mt85 { margin-top: 68px !important; }
    .mt90 { margin-top: 72px !important; }
    .mt95 { margin-top: 76px !important; }
    .mt100 { margin-top: 80px !important; }
}

@media screen and (max-width: 860px) {
    .mt10 { margin-top: 6px !important; }
    .mt15 { margin-top: 9px !important; }
    .mt20 { margin-top: 12px !important; }
    .mt25 { margin-top: 15px !important; }
    .mt30 { margin-top: 18px !important; }
    .mt35 { margin-top: 21px !important; }
    .mt40 { margin-top: 24px !important; }
    .mt45 { margin-top: 27px !important; }
    .mt50 { margin-top: 30px !important; }
    .mt55 { margin-top: 33px !important; }
    .mt60 { margin-top: 36px !important; }
    .mt65 { margin-top: 39px !important; }
    .mt70 { margin-top: 42px !important; }
    .mt75 { margin-top: 45px !important; }
    .mt80 { margin-top: 48px !important; }
    .mt85 { margin-top: 51px !important; }
    .mt90 { margin-top: 54px !important; }
    .mt95 { margin-top: 57px !important; }
    .mt100 { margin-top: 60px !important; }
}

@media screen and (max-width: 600px) {
    .mt10 { margin-top: 4px !important; }
    .mt15 { margin-top: 6px !important; }
    .mt20 { margin-top: 8px !important; }
    .mt25 { margin-top: 10px !important; }
    .mt30 { margin-top: 12px !important; }
    .mt35 { margin-top: 14px !important; }
    .mt40 { margin-top: 16px !important; }
    .mt45 { margin-top: 18px !important; }
    .mt50 { margin-top: 20px !important; }
    .mt55 { margin-top: 22px !important; }
    .mt60 { margin-top: 24px !important; }
    .mt65 { margin-top: 26px !important; }
    .mt70 { margin-top: 28px !important; }
    .mt75 { margin-top: 30px !important; }
    .mt80 { margin-top: 32px !important; }
    .mt85 { margin-top: 34px !important; }
    .mt90 { margin-top: 36px !important; }
    .mt95 { margin-top: 38px !important; }
    .mt100 { margin-top: 40px !important; }
}

/*margin-right 시작*/
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }

@media screen and (max-width: 1200px) {
    .mr10 { margin-right: 8px !important; }
    .mr15 { margin-right: 12px !important; }
    .mr20 { margin-right: 16px !important; }
    .mr25 { margin-right: 20px !important; }
    .mr30 { margin-right: 24px !important; }
    .mr35 { margin-right: 28px !important; }
    .mr40 { margin-right: 32px !important; }
    .mr45 { margin-right: 36px !important; }
    .mr50 { margin-right: 40px !important; }
    .mr55 { margin-right: 44px !important; }
    .mr60 { margin-right: 48px !important; }
    .mr65 { margin-right: 52px !important; }
    .mr70 { margin-right: 56px !important; }
    .mr75 { margin-right: 60px !important; }
    .mr80 { margin-right: 64px !important; }
    .mr85 { margin-right: 68px !important; }
    .mr90 { margin-right: 72px !important; }
    .mr95 { margin-right: 76px !important; }
    .mr100 { margin-right: 80px !important; }
}

@media screen and (max-width: 860px) {
    .mr10 { margin-right: 6px !important; }
    .mr15 { margin-right: 9px !important; }
    .mr20 { margin-right: 12px !important; }
    .mr25 { margin-right: 15px !important; }
    .mr30 { margin-right: 18px !important; }
    .mr35 { margin-right: 21px !important; }
    .mr40 { margin-right: 24px !important; }
    .mr45 { margin-right: 27px !important; }
    .mr50 { margin-right: 30px !important; }
    .mr55 { margin-right: 33px !important; }
    .mr60 { margin-right: 36px !important; }
    .mr65 { margin-right: 39px !important; }
    .mr70 { margin-right: 42px !important; }
    .mr75 { margin-right: 45px !important; }
    .mr80 { margin-right: 48px !important; }
    .mr85 { margin-right: 51px !important; }
    .mr90 { margin-right: 54px !important; }
    .mr95 { margin-right: 57px !important; }
    .mr100 { margin-right: 60px !important; }
}

@media screen and (max-width: 600px) {
    .mr10 { margin-right: 4px !important; }
    .mr15 { margin-right: 6px !important; }
    .mr20 { margin-right: 8px !important; }
    .mr25 { margin-right: 10px !important; }
    .mr30 { margin-right: 12px !important; }
    .mr35 { margin-right: 14px !important; }
    .mr40 { margin-right: 16px !important; }
    .mr45 { margin-right: 18px !important; }
    .mr50 { margin-right: 20px !important; }
    .mr55 { margin-right: 22px !important; }
    .mr60 { margin-right: 24px !important; }
    .mr65 { margin-right: 26px !important; }
    .mr70 { margin-right: 28px !important; }
    .mr75 { margin-right: 30px !important; }
    .mr80 { margin-right: 32px !important; }
    .mr85 { margin-right: 34px !important; }
    .mr90 { margin-right: 36px !important; }
    .mr95 { margin-right: 38px !important; }
    .mr100 { margin-right: 40px !important; }
}

/*margin-bottom 시작*/
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

@media screen and (max-width: 1200px) {
    .mb10 { margin-bottom: 8px !important; }
    .mb15 { margin-bottom: 12px !important; }
    .mb20 { margin-bottom: 16px !important; }
    .mb25 { margin-bottom: 20px !important; }
    .mb30 { margin-bottom: 24px !important; }
    .mb35 { margin-bottom: 28px !important; }
    .mb40 { margin-bottom: 32px !important; }
    .mb45 { margin-bottom: 36px !important; }
    .mb50 { margin-bottom: 40px !important; }
    .mb55 { margin-bottom: 44px !important; }
    .mb60 { margin-bottom: 48px !important; }
    .mb65 { margin-bottom: 52px !important; }
    .mb70 { margin-bottom: 56px !important; }
    .mb75 { margin-bottom: 60px !important; }
    .mb80 { margin-bottom: 64px !important; }
    .mb85 { margin-bottom: 68px !important; }
    .mb90 { margin-bottom: 72px !important; }
    .mb95 { margin-bottom: 76px !important; }
    .mb100 { margin-bottom: 80px !important; }
}

@media screen and (max-width: 860px) {
    .mb10 { margin-bottom: 6px !important; }
    .mb15 { margin-bottom: 9px !important; }
    .mb20 { margin-bottom: 12px !important; }
    .mb25 { margin-bottom: 15px !important; }
    .mb30 { margin-bottom: 18px !important; }
    .mb35 { margin-bottom: 21px !important; }
    .mb40 { margin-bottom: 24px !important; }
    .mb45 { margin-bottom: 27px !important; }
    .mb50 { margin-bottom: 30px !important; }
    .mb55 { margin-bottom: 33px !important; }
    .mb60 { margin-bottom: 36px !important; }
    .mb65 { margin-bottom: 39px !important; }
    .mb70 { margin-bottom: 42px !important; }
    .mb75 { margin-bottom: 45px !important; }
    .mb80 { margin-bottom: 48px !important; }
    .mb85 { margin-bottom: 51px !important; }
    .mb90 { margin-bottom: 54px !important; }
    .mb95 { margin-bottom: 57px !important; }
    .mb100 { margin-bottom: 60px !important; }
}

@media screen and (max-width: 600px) {
    .mb10 { margin-bottom: 4px !important; }
    .mb15 { margin-bottom: 6px !important; }
    .mb20 { margin-bottom: 8px !important; }
    .mb25 { margin-bottom: 10px !important; }
    .mb30 { margin-bottom: 12px !important; }
    .mb35 { margin-bottom: 14px !important; }
    .mb40 { margin-bottom: 16px !important; }
    .mb45 { margin-bottom: 18px !important; }
    .mb50 { margin-bottom: 20px !important; }
    .mb55 { margin-bottom: 22px !important; }
    .mb60 { margin-bottom: 24px !important; }
    .mb65 { margin-bottom: 26px !important; }
    .mb70 { margin-bottom: 28px !important; }
    .mb75 { margin-bottom: 30px !important; }
    .mb80 { margin-bottom: 32px !important; }
    .mb85 { margin-bottom: 34px !important; }
    .mb90 { margin-bottom: 36px !important; }
    .mb95 { margin-bottom: 38px !important; }
    .mb100 { margin-bottom: 40px !important; }
}

/*margin-left 시작*/
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }

@media screen and (max-width: 1200px) {
    .ml10 { margin-left: 8px !important; }
    .ml15 { margin-left: 12px !important; }
    .ml20 { margin-left: 16px !important; }
    .ml25 { margin-left: 20px !important; }
    .ml30 { margin-left: 24px !important; }
    .ml35 { margin-left: 28px !important; }
    .ml40 { margin-left: 32px !important; }
    .ml45 { margin-left: 36px !important; }
    .ml50 { margin-left: 40px !important; }
    .ml55 { margin-left: 44px !important; }
    .ml60 { margin-left: 48px !important; }
    .ml65 { margin-left: 52px !important; }
    .ml70 { margin-left: 56px !important; }
    .ml75 { margin-left: 60px !important; }
    .ml80 { margin-left: 64px !important; }
    .ml85 { margin-left: 68px !important; }
    .ml90 { margin-left: 72px !important; }
    .ml95 { margin-left: 76px !important; }
    .ml100 { margin-left: 80px !important; }
}

@media screen and (max-width: 860px) {
    .ml10 { margin-left: 6px !important; }
    .ml15 { margin-left: 9px !important; }
    .ml20 { margin-left: 12px !important; }
    .ml25 { margin-left: 15px !important; }
    .ml30 { margin-left: 18px !important; }
    .ml35 { margin-left: 21px !important; }
    .ml40 { margin-left: 24px !important; }
    .ml45 { margin-left: 27px !important; }
    .ml50 { margin-left: 30px !important; }
    .ml55 { margin-left: 33px !important; }
    .ml60 { margin-left: 36px !important; }
    .ml65 { margin-left: 39px !important; }
    .ml70 { margin-left: 42px !important; }
    .ml75 { margin-left: 45px !important; }
    .ml80 { margin-left: 48px !important; }
    .ml85 { margin-left: 51px !important; }
    .ml90 { margin-left: 54px !important; }
    .ml95 { margin-left: 57px !important; }
    .ml100 { margin-left: 60px !important; }
}

@media screen and (max-width: 600px) {
    .ml10 { margin-left: 4px !important; }
    .ml15 { margin-left: 6px !important; }
    .ml20 { margin-left: 8px !important; }
    .ml25 { margin-left: 10px !important; }
    .ml30 { margin-left: 12px !important; }
    .ml35 { margin-left: 14px !important; }
    .ml40 { margin-left: 16px !important; }
    .ml45 { margin-left: 18px !important; }
    .ml50 { margin-left: 20px !important; }
    .ml55 { margin-left: 22px !important; }
    .ml60 { margin-left: 24px !important; }
    .ml65 { margin-left: 26px !important; }
    .ml70 { margin-left: 28px !important; }
    .ml75 { margin-left: 30px !important; }
    .ml80 { margin-left: 32px !important; }
    .ml85 { margin-left: 34px !important; }
    .ml90 { margin-left: 36px !important; }
    .ml95 { margin-left: 38px !important; }
    .ml100 { margin-left: 40px !important; }
}

/*padding-top 시작*/
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }

@media screen and (max-width: 1200px) {
    .pt10 { padding-top: 8px !important; }
    .pt15 { padding-top: 12px !important; }
    .pt20 { padding-top: 16px !important; }
    .pt25 { padding-top: 20px !important; }
    .pt30 { padding-top: 24px !important; }
    .pt35 { padding-top: 28px !important; }
    .pt40 { padding-top: 32px !important; }
    .pt45 { padding-top: 36px !important; }
    .pt50 { padding-top: 40px !important; }
    .pt55 { padding-top: 44px !important; }
    .pt60 { padding-top: 48px !important; }
    .pt65 { padding-top: 52px !important; }
    .pt70 { padding-top: 56px !important; }
    .pt75 { padding-top: 60px !important; }
    .pt80 { padding-top: 64px !important; }
    .pt85 { padding-top: 68px !important; }
    .pt90 { padding-top: 72px !important; }
    .pt95 { padding-top: 76px !important; }
    .pt100 { padding-top: 80px !important; }
}

@media screen and (max-width: 860px) {
    .pt10 { padding-top: 6px !important; }
    .pt15 { padding-top: 9px !important; }
    .pt20 { padding-top: 12px !important; }
    .pt25 { padding-top: 15px !important; }
    .pt30 { padding-top: 18px !important; }
    .pt35 { padding-top: 21px !important; }
    .pt40 { padding-top: 24px !important; }
    .pt45 { padding-top: 27px !important; }
    .pt50 { padding-top: 30px !important; }
    .pt55 { padding-top: 33px !important; }
    .pt60 { padding-top: 36px !important; }
    .pt65 { padding-top: 39px !important; }
    .pt70 { padding-top: 42px !important; }
    .pt75 { padding-top: 45px !important; }
    .pt80 { padding-top: 48px !important; }
    .pt85 { padding-top: 51px !important; }
    .pt90 { padding-top: 54px !important; }
    .pt95 { padding-top: 57px !important; }
    .pt100 { padding-top: 60px !important; }
}

@media screen and (max-width: 600px) {
    .pt10 { padding-top: 4px !important; }
    .pt15 { padding-top: 6px !important; }
    .pt20 { padding-top: 8px !important; }
    .pt25 { padding-top: 10px !important; }
    .pt30 { padding-top: 12px !important; }
    .pt35 { padding-top: 14px !important; }
    .pt40 { padding-top: 16px !important; }
    .pt45 { padding-top: 18px !important; }
    .pt50 { padding-top: 20px !important; }
    .pt55 { padding-top: 22px !important; }
    .pt60 { padding-top: 24px !important; }
    .pt65 { padding-top: 26px !important; }
    .pt70 { padding-top: 28px !important; }
    .pt75 { padding-top: 30px !important; }
    .pt80 { padding-top: 32px !important; }
    .pt85 { padding-top: 34px !important; }
    .pt90 { padding-top: 36px !important; }
    .pt95 { padding-top: 38px !important; }
    .pt100 { padding-top: 40px !important; }
}

/*padding-right 시작*/
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr75 { padding-right: 75px !important; }
.pr80 { padding-right: 80px !important; }
.pr85 { padding-right: 85px !important; }
.pr90 { padding-right: 90px !important; }
.pr95 { padding-right: 95px !important; }
.pr100 { padding-right: 100px !important; }

@media screen and (max-width: 1200px) {
    .pr10 { padding-right: 8px !important; }
    .pr15 { padding-right: 12px !important; }
    .pr20 { padding-right: 16px !important; }
    .pr25 { padding-right: 20px !important; }
    .pr30 { padding-right: 24px !important; }
    .pr35 { padding-right: 28px !important; }
    .pr40 { padding-right: 32px !important; }
    .pr45 { padding-right: 36px !important; }
    .pr50 { padding-right: 40px !important; }
    .pr55 { padding-right: 44px !important; }
    .pr60 { padding-right: 48px !important; }
    .pr65 { padding-right: 52px !important; }
    .pr70 { padding-right: 56px !important; }
    .pr75 { padding-right: 60px !important; }
    .pr80 { padding-right: 64px !important; }
    .pr85 { padding-right: 68px !important; }
    .pr90 { padding-right: 72px !important; }
    .pr95 { padding-right: 76px !important; }
    .pr100 { padding-right: 80px !important; }
}

@media screen and (max-width: 860px) {
    .pr10 { padding-right: 6px !important; }
    .pr15 { padding-right: 9px !important; }
    .pr20 { padding-right: 12px !important; }
    .pr25 { padding-right: 15px !important; }
    .pr30 { padding-right: 18px !important; }
    .pr35 { padding-right: 21px !important; }
    .pr40 { padding-right: 24px !important; }
    .pr45 { padding-right: 27px !important; }
    .pr50 { padding-right: 30px !important; }
    .pr55 { padding-right: 33px !important; }
    .pr60 { padding-right: 36px !important; }
    .pr65 { padding-right: 39px !important; }
    .pr70 { padding-right: 42px !important; }
    .pr75 { padding-right: 45px !important; }
    .pr80 { padding-right: 48px !important; }
    .pr85 { padding-right: 51px !important; }
    .pr90 { padding-right: 54px !important; }
    .pr95 { padding-right: 57px !important; }
    .pr100 { padding-right: 60px !important; }
}

@media screen and (max-width: 600px) {
    .pr10 { padding-right: 4px !important; }
    .pr15 { padding-right: 6px !important; }
    .pr20 { padding-right: 8px !important; }
    .pr25 { padding-right: 10px !important; }
    .pr30 { padding-right: 12px !important; }
    .pr35 { padding-right: 14px !important; }
    .pr40 { padding-right: 16px !important; }
    .pr45 { padding-right: 18px !important; }
    .pr50 { padding-right: 20px !important; }
    .pr55 { padding-right: 22px !important; }
    .pr60 { padding-right: 24px !important; }
    .pr65 { padding-right: 26px !important; }
    .pr70 { padding-right: 28px !important; }
    .pr75 { padding-right: 30px !important; }
    .pr80 { padding-right: 32px !important; }
    .pr85 { padding-right: 34px !important; }
    .pr90 { padding-right: 36px !important; }
    .pr95 { padding-right: 38px !important; }
    .pr100 { padding-right: 40px !important; }
}

/*padding-bottom 시작*/
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }

@media screen and (max-width: 1200px) {
    .pb10 { padding-bottom: 8px !important; }
    .pb15 { padding-bottom: 12px !important; }
    .pb20 { padding-bottom: 16px !important; }
    .pb25 { padding-bottom: 20px !important; }
    .pb30 { padding-bottom: 24px !important; }
    .pb35 { padding-bottom: 28px !important; }
    .pb40 { padding-bottom: 32px !important; }
    .pb45 { padding-bottom: 36px !important; }
    .pb50 { padding-bottom: 40px !important; }
    .pb55 { padding-bottom: 44px !important; }
    .pb60 { padding-bottom: 48px !important; }
    .pb65 { padding-bottom: 52px !important; }
    .pb70 { padding-bottom: 56px !important; }
    .pb75 { padding-bottom: 60px !important; }
    .pb80 { padding-bottom: 64px !important; }
    .pb85 { padding-bottom: 68px !important; }
    .pb90 { padding-bottom: 72px !important; }
    .pb95 { padding-bottom: 76px !important; }
    .pb100 { padding-bottom: 80px !important; }
}

@media screen and (max-width: 860px) {
    .pb10 { padding-bottom: 6px !important; }
    .pb15 { padding-bottom: 9px !important; }
    .pb20 { padding-bottom: 12px !important; }
    .pb25 { padding-bottom: 15px !important; }
    .pb30 { padding-bottom: 18px !important; }
    .pb35 { padding-bottom: 21px !important; }
    .pb40 { padding-bottom: 24px !important; }
    .pb45 { padding-bottom: 27px !important; }
    .pb50 { padding-bottom: 30px !important; }
    .pb55 { padding-bottom: 33px !important; }
    .pb60 { padding-bottom: 36px !important; }
    .pb65 { padding-bottom: 39px !important; }
    .pb70 { padding-bottom: 42px !important; }
    .pb75 { padding-bottom: 45px !important; }
    .pb80 { padding-bottom: 48px !important; }
    .pb85 { padding-bottom: 51px !important; }
    .pb90 { padding-bottom: 54px !important; }
    .pb95 { padding-bottom: 57px !important; }
    .pb100 { padding-bottom: 60px !important; }
}

@media screen and (max-width: 600px) {
    .pb10 { padding-bottom: 4px !important; }
    .pb15 { padding-bottom: 6px !important; }
    .pb20 { padding-bottom: 8px !important; }
    .pb25 { padding-bottom: 10px !important; }
    .pb30 { padding-bottom: 12px !important; }
    .pb35 { padding-bottom: 14px !important; }
    .pb40 { padding-bottom: 16px !important; }
    .pb45 { padding-bottom: 18px !important; }
    .pb50 { padding-bottom: 20px !important; }
    .pb55 { padding-bottom: 22px !important; }
    .pb60 { padding-bottom: 24px !important; }
    .pb65 { padding-bottom: 26px !important; }
    .pb70 { padding-bottom: 28px !important; }
    .pb75 { padding-bottom: 30px !important; }
    .pb80 { padding-bottom: 32px !important; }
    .pb85 { padding-bottom: 34px !important; }
    .pb90 { padding-bottom: 36px !important; }
    .pb95 { padding-bottom: 38px !important; }
    .pb100 { padding-bottom: 40px !important; }
}

/*padding-left 시작*/
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pl100 { padding-left: 100px !important; }

@media screen and (max-width: 1200px) {
    .pl10 { padding-left: 8px !important; }
    .pl15 { padding-left: 12px !important; }
    .pl20 { padding-left: 16px !important; }
    .pl25 { padding-left: 20px !important; }
    .pl30 { padding-left: 24px !important; }
    .pl35 { padding-left: 28px !important; }
    .pl40 { padding-left: 32px !important; }
    .pl45 { padding-left: 36px !important; }
    .pl50 { padding-left: 40px !important; }
    .pl55 { padding-left: 44px !important; }
    .pl60 { padding-left: 48px !important; }
    .pl65 { padding-left: 52px !important; }
    .pl70 { padding-left: 56px !important; }
    .pl75 { padding-left: 60px !important; }
    .pl80 { padding-left: 64px !important; }
    .pl85 { padding-left: 68px !important; }
    .pl90 { padding-left: 72px !important; }
    .pl95 { padding-left: 76px !important; }
    .pl100 { padding-left: 80px !important; }
}

@media screen and (max-width: 860px) {
    .pl10 { padding-left: 6px !important; }
    .pl15 { padding-left: 9px !important; }
    .pl20 { padding-left: 12px !important; }
    .pl25 { padding-left: 15px !important; }
    .pl30 { padding-left: 18px !important; }
    .pl35 { padding-left: 21px !important; }
    .pl40 { padding-left: 24px !important; }
    .pl45 { padding-left: 27px !important; }
    .pl50 { padding-left: 30px !important; }
    .pl55 { padding-left: 33px !important; }
    .pl60 { padding-left: 36px !important; }
    .pl65 { padding-left: 39px !important; }
    .pl70 { padding-left: 42px !important; }
    .pl75 { padding-left: 45px !important; }
    .pl80 { padding-left: 48px !important; }
    .pl85 { padding-left: 51px !important; }
    .pl90 { padding-left: 54px !important; }
    .pl95 { padding-left: 57px !important; }
    .pl100 { padding-left: 60px !important; }
}

@media screen and (max-width: 600px) {
    .pl10 { padding-left: 4px !important; }
    .pl15 { padding-left: 6px !important; }
    .pl20 { padding-left: 8px !important; }
    .pl25 { padding-left: 10px !important; }
    .pl30 { padding-left: 12px !important; }
    .pl35 { padding-left: 14px !important; }
    .pl40 { padding-left: 16px !important; }
    .pl45 { padding-left: 18px !important; }
    .pl50 { padding-left: 20px !important; }
    .pl55 { padding-left: 22px !important; }
    .pl60 { padding-left: 24px !important; }
    .pl65 { padding-left: 26px !important; }
    .pl70 { padding-left: 28px !important; }
    .pl75 { padding-left: 30px !important; }
    .pl80 { padding-left: 32px !important; }
    .pl85 { padding-left: 34px !important; }
    .pl90 { padding-left: 36px !important; }
    .pl95 { padding-left: 38px !important; }
    .pl100 { padding-left: 40px !important; }
}


/*서브콘텐츠 레이아웃 툴 시작*/
/*1:1*/
.sub_con .half_row { display:flex; justify-content:space-between; text-align:center; }
.sub_con .half_row > div { width:calc((100% - 20px) / 2); }
.sub_con .half_row > div img { display: block; }

@media screen and (max-width: 1200px) {
    .sub_con .half_row > div { width:calc((99.9% - 30px) / 2); }
    .sub_con .half_row > div:nth-of-type(1) { margin-right:30px; }
}

@media screen and (max-width: 860px) {
    .sub_con .half_row > div { width:calc((99.9% - 20px) / 2); }
    .sub_con .half_row > div:nth-of-type(1) { margin-right:20px; }
}

@media screen and (max-width: 600px) {
    .sub_con .half_row > div { width:calc((99.9% - 10px) / 2); }
    .sub_con .half_row > div:nth-of-type(1) { margin-right:10px; }
}

@media screen and (max-width: 400px) {
    .sub_con .half_row > div { width:100%; float:none; }
    .sub_con .half_row > div:nth-of-type(1) { margin-right:0; margin-bottom:15px; }
}

/*1:1:1*/
.sub_con .three_equal_row { }
.sub_con .three_equal_row > div { float: left; width:calc((99.9% - 50px) / 3); overflow: hidden; }
.sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:25px; }
.sub_con .three_equal_row > div img { display: block; }

@media screen and (max-width: 1200px) {
    .sub_con .three_equal_row > div { width:calc((99.9% - 40px) / 3); }
    .sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:20px; }
}

@media screen and (max-width: 860px) {
    .sub_con .three_equal_row > div { width:calc((99.9% - 20px) / 3); }
    .sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:10px; }
}

/*@media screen and (max-width: 600px) {
    .sub_con .three_equal_row > div { width:calc((99.9% - 20px) / 3); }
    .sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:10px; }
}*/

@media screen and (max-width: 600px) {
    .sub_con .three_equal_row > div { width:100%; float:none; margin-bottom:20px; }
    .sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:0; }
}


/*1:1:1*/
.sub_con .three_equal_row2 {  }
.sub_con .three_equal_row2 > div { float: left; }
.sub_con .three_equal_row2 > div img { display: block; }
.dt_cell { float: left; white-space: nowrap; }
.dd_cell { float: left; white-space: nowrap; padding-left:4px; }


/*1:1:1:1*/
.sub_con .quarter_row { display:flex; justify-content:center; align-items:center; }
.sub_con .quarter_row > div { 
    width:calc((100% - 60px) / 4); height:200px;
    border:1px solid #dddddd; box-sizing:border-box; position:relative; 
}
.sub_con .quarter_row > div:not(:first-of-type) { margin-left:20px; }
.sub_con .quarter_row > div img { display: block; }

@media screen and (max-width:860px) {
    .sub_con .quarter_row { flex-wrap:wrap; }
    .sub_con .quarter_row > div { width:calc((100% - 20px) / 2); margin-left:20px; }
    .sub_con .quarter_row > div:first-of-type, .sub_con .quarter_row > div:nth-of-type(3) { margin-left:0; }
    .sub_con .quarter_row > div:nth-last-of-type(-n+2) { margin-top:20px; }

}

/*1:2(.toOne : .toTwo) or 2:1(.toTwo : .toOne)*/
.sub_con .oneToTwo_row {  }
.sub_con .oneToTwo_row > div { float: left; border-radius: 9px; overflow: hidden; }
.sub_con .oneToTwo_row > div:nth-of-type(1) { margin-right:20px; }
.sub_con .oneToTwo_row > div:nth-of-type(2) { }
.sub_con .oneToTwo_row > div.toTwo { width: calc(((99.9% - 20px) / 3) * 2); }
.sub_con .oneToTwo_row > div.toOne { width: calc(((99.9% - 20px) / 3) * 1); }
.sub_con .oneToTwo_row > div img { display: block; }


/*1:3(.toOne : .toThree) or 3:1(.toThree : .toOne)*/
.sub_con .oneToThree_row { }
.sub_con .oneToThree_row > div { float: left; border-radius: 9px; overflow: hidden; }
.sub_con .oneToThree_row > div:nth-of-type(1) { margin-right:20px; }
.sub_con .oneToThree_row > div.toThree { width: calc(((99.9% - 20px) / 4) * 3); }
.sub_con .oneToThree_row > div.toOne { width: calc(((99.9% - 20px) / 4) * 1); }
.sub_con .oneToThree_row > div img { display: block; }


/*1:4(.toOne : .toFour) or 4:1(.toFour : .toOne)*/
.sub_con .oneToFour_row { }
.sub_con .oneToFour_row > div { float: left; box-sizing: border-box; }
.sub_con .oneToFour_row > div:nth-of-type(1) { margin-right:20px; }
.sub_con .oneToFour_row > div.toFour { width: calc(((99.9% - 20px) / 5) * 4); max-width: 923px; }
.sub_con .oneToFour_row > div.toOne { width: calc(((99.9% - 20px) / 5) * 1); }
.sub_con .oneToFour_row > div img { display: block; }

@media screen and (max-width: 600px) {
    .sub_con .oneToFour_row > div { float: none; }
    .sub_con .oneToFour_row > div:nth-of-type(1) { width: 100%; margin-right:0; margin-bottom:20px; }
    .sub_con .oneToFour_row > div:nth-of-type(2) { width:100%; }
}
/*서브콘텐츠 레이아웃 툴 끝*/


/*서브콘텐츠 탭*/
.link_btn_wrap { }
.link_btn_wrap + div { padding:0 1%; }
 .link_btn_wrap ul { padding:0; width: 100%; display:flex; flex-wrap:wrap; margin:0; }
.link_btn_wrap > ul > li { height:45px; background-color:#ffffff; line-height:45px; text-align:center; position:relative; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.link_btn_wrap > ul > li a { color:#444444; transition:all .2s; display:block;font-size:17px; }

.link_btn_wrap > ul > li.active {}
.link_btn_wrap > ul > li.active a, .link_btn_wrap > ul > li:hover a {color:#ffffff;background-color:#424242;}

.link_btn_wrap > ul.division6 > li { width:calc(100% / 6); }
.link_btn_wrap > ul.division6 > li:nth-of-type(-n+6) { border-top:1px solid #dddddd; }
.link_btn_wrap > ul.division6 > li:nth-of-type(6n+1) { border-left:1px solid #dddddd; }

.link_btn_wrap > ul.division5 > li { width:calc(100% / 5); }
.link_btn_wrap > ul.division5 > li:nth-of-type(-n+5) { border-top:1px solid #dddddd; }
.link_btn_wrap > ul.division5 > li:nth-of-type(5n+1) { border-left:1px solid #dddddd; }

@media screen and (max-width: 960px) {
    .link_btn_wrap { margin-top:90px; }
}
@media screen and (max-width: 860px) {
    .link_btn_wrap > ul > li {height: 35px; line-height: 35px;}
}
@media screen and (max-width: 600px) {
    .link_btn_wrap { margin-top:60px; }
}


#container_c .sub_tab_wrap { display:flex; justify-content:center; align-items:center; margin-bottom:50px; }
#container_c .sub_tab_wrap li { }
#container_c .sub_tab_wrap li a {
    display:block;padding:0 15px;margin:0 10px; font-size:17px; line-height:30px; position:relative; z-index:0; color:#888; transition:all .5s;
}
#container_c .sub_tab_wrap li a::before {
    content:''; position:absolute; bottom:0; left:0; width:0; height:100%; z-index:-1;
    background-color:#15536d; transition:all .5s;
}
#container_c .sub_tab_wrap li:hover a,
#container_c .sub_tab_wrap li.active a { color:#ffffff; }
#container_c .sub_tab_wrap li:hover a::before,
#container_c .sub_tab_wrap li.active a::before { width:100%; }

@media screen and (max-width:940px) {
    #container_c .sub_tab_wrap { width:100%; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; }
    #container_c .sub_tab_wrap li { width:calc( 100% / 3 ); border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
    #container_c .sub_tab_wrap li:nth-of-type(-n+3) { border-top:1px solid #d5d5d5; }
    #container_c .sub_tab_wrap li:nth-of-type(3n+1) { border-left:1px solid #d5d5d5; }
    #container_c .sub_tab_wrap li a { width:100%; font-size:13px; margin:0;text-align:center; word-break: break-word; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    #container_c .sub_tab_wrap li a::before { display:none; }
    #container_c .sub_tab_wrap li.active a,
    #container_c .sub_tab_wrap li:hover a { background-color:#15536d;color:#ffffff; }
}
@media screen and (max-width:680px) {
    #container_c .sub_tab_wrap li a { font-size:15px; line-height:28px; padding:0 9px; }
}
@media screen and (max-width:370px) {
    #container_c .sub_tab_wrap li { width:50%; }
    #container_c .sub_tab_wrap li:nth-of-type(-n+4) { border-top:none; }
    #container_c .sub_tab_wrap li:nth-of-type(4n+1) { border-left:none; }
    #container_c .sub_tab_wrap li:nth-of-type(-n+2) { border-top:1px solid #d5d5d5; }
    #container_c .sub_tab_wrap li:nth-of-type(2n+1) { border-left:1px solid #d5d5d5; }
    #container_c .sub_tab_wrap li a { font-size:12px; }
}
/*서브콘텐츠 탭 끝*/


/*서브콘텐츠 텍스트 시작*/

/*타이틀*/
.sub_con_tit1 { font-size:32px; line-height:52px; letter-spacing:-2px; color:#222222; /*word-break: keep-all;*/ }
.sub_con_tit3 { font-size:26px; line-height:42px; letter-spacing:-2px; color:#222222; }
.sub_con_tit4 { font-size:23px; line-height:37px; letter-spacing:-2px; color:#222222; }
.sub_con_tit6 { font-size:20px; line-height:39px; letter-spacing:-2px; color:#222222; }
.sub_con_tit7 { font-size:18px; line-height:22px; letter-spacing:-2px; color:#222222; font-weight:500; }
.sub_con_tit8 { font-size:17px; line-height:26px; letter-spacing:-1px; color:#222222; font-weight:500; }

.sub_con_tit2 { font-size:24px; line-height:40px; letter-spacing:-2px; color:#222222; /*word-break: keep-all;*/ }
.sub_con_tit5 { font-size:17px; line-height:32px; letter-spacing:-2px; color:#222222; /*word-break: keep-all;*/ }

/*텍스트*/
.sub_con_txt1 { font-size:20px; line-height:32px; letter-spacing:-1px; color:#333333; }
.sub_con_txt2 { font-size:18px; line-height:28px; letter-spacing:-1px; color:#333333; }
.sub_con_txt3 { font-size:17px; line-height:27px; letter-spacing:-1px; color:#333333; }
.sub_con_txt4 { font-size:16px; line-height:27px; letter-spacing:-1px; color:#333333; word-break: keep-all; }
.sub_con_txt6 { font-size:15px; line-height:20px; letter-spacing:-1px; color:#333333; }

.sub_con_txt5 { font-size:17px; line-height:26px; letter-spacing:-1px; color:#333333; }


@media screen and (max-width:1200px) {
    /*타이틀*/
    .sub_con_tit1 { font-size:30px; }
    .sub_con_tit3 { font-size:24px; line-height:37px; }
    .sub_con_tit4 { font-size:21px; }
    .sub_con_tit6 { font-size:18px; }
    .sub_con_tit7 { font-size:17px; }
    .sub_con_tit8 { font-size:16px; }

    .sub_con_tit2 { font-size:22px; }
    .sub_con_tit5 { font-size:16px; }

    /*텍스트*/
    .sub_con_txt1 { font-size:19px; }
    .sub_con_txt2 { font-size:17px; }
    .sub_con_txt3 { font-size:16px; }
    .sub_con_txt4 { font-size:15px; }
    .sub_con_txt6 { font-size:14px; }

    .sub_con_txt5 { font-size:16px; }
}

@media screen and (max-width:1000px) {
    /*타이틀*/
    .sub_con_tit1 { font-size:28px; }
    .sub_con_tit3 { font-size:22px; }
    .sub_con_tit4 { font-size:22px; line-height:35px; }
    .sub_con_tit6 { font-size:18px; line-height:36px; }
    .sub_con_tit7 { font-size:17px; }
    .sub_con_tit8 { font-size:16px; }

    .sub_con_tit2 { font-size:21px; }
    .sub_con_tit5 { font-size:16px; }

    /*텍스트*/
    .sub_con_txt1 { font-size:19px; }
    .sub_con_txt2 { font-size:17px; }
    .sub_con_txt3 { font-size:16px; line-height:26px; }
    .sub_con_txt4 { font-size:15px; line-height:25px; }
    .sub_con_txt6 { font-size:14px; }

    .sub_con_txt5 { font-size:16px; }
}

@media screen and (max-width:860px) {
    /*타이틀*/
    .sub_con_tit1 { font-size:28px; }
    .sub_con_tit3 { font-size:21px; }
    .sub_con_tit4 { font-size:20px; line-height:32px; }
    .sub_con_tit6 { font-size:17px; }
    .sub_con_tit7 { font-size:16px; }
    .sub_con_tit8 { font-size:15px; }

    .sub_con_tit2 { font-size:19px; }
    .sub_con_tit5 { font-size:15px; }

    /*텍스트*/
    .sub_con_txt1 { font-size:18px; }
    .sub_con_txt2 { font-size:16px; }
    .sub_con_txt3 { font-size:15px; }
    .sub_con_txt4 { font-size:14px; line-height:24px; }
    .sub_con_txt6 { font-size:13px; }

    .sub_con_txt5 { font-size:15px; }
}

@media screen and (max-width:600px) {
    /*타이틀*/
    .sub_con_tit1 { font-size:24px; line-height: normal; }
    .sub_con_tit3 { font-size:19px; }
    .sub_con_tit4 { font-size:17px; line-height:26px; }
    .sub_con_tit6 { font-size:16px; }
    .sub_con_tit7 { font-size:15px; }
    .sub_con_tit8 { font-size:14px; }

    .sub_con_tit2 { font-size:17px; }
    .sub_con_tit5 { font-size:14px; }

    /*텍스트*/
    .sub_con_txt1 { font-size:17px; }
    .sub_con_txt2 { font-size:15px; }
    .sub_con_txt3 { font-size:14px; }
    .sub_con_txt4 { font-size:13px; line-height:23px; }
    .sub_con_txt6 { font-size:12px; }

    .sub_con_txt5 { font-size:14px; }
}

@media screen and (max-width:370px) {
    /*타이틀*/
    .sub_con_tit1 { letter-spacing: -2px; }
    .sub_con_tit3 { letter-spacing: -2px; }
    .sub_con_tit4 { letter-spacing: -2px; }
    .sub_con_tit6 {  }
    .sub_con_tit7 {  }
    .sub_con_tit8 {  }

    .sub_con_tit2 { letter-spacing: -2px; }
    .sub_con_tit5 {  }

    /*텍스트*/
    .sub_con_txt1 { letter-spacing: -1.5px; }
    .sub_con_txt2 { letter-spacing: -1.5px; }
    .sub_con_txt3 { letter-spacing: -1.5px; }
    .sub_con_txt4 { letter-spacing: -1.5px; }
    .sub_con_txt6 { letter-spacing: -1.5px; }

    .sub_con_txt5 { }
}



/*불릿*/
.sub_con_bullet1 { padding-left:32px; position: relative; line-height:39px; }
.sub_con_bullet1::before { content:""; display: block; position: absolute; left: 0; top:8px; width:25px; aspect-ratio:1/1; background:url(../img/sub/bullet1.png) left top no-repeat; }
.sub_con_bullet2 { padding-left:10px; position: relative; line-height:36px; }
.sub_con_bullet2::before { content:""; display: block; position:absolute; left:0; top:calc(36px/2); transform:translateY(-50%); height:22px; width:3px; background-color:#15536d;}
.sub_con_bullet2_1 { padding-left:10px; position: relative; line-height:36px; }
.sub_con_bullet2_1::before { content:""; display: block; position:absolute; left:0; top:78%; transform:translateY(-50%); height:22px; width:3px; background-color:#15536d;}
.sub_con_bullet3 { padding-left:14px; position:relative; line-height:24px; }
.sub_con_bullet3::before { content:""; display:block; position:absolute; left:0; top:calc(24px/2); transform:translateY(-50%); width:6px; aspect-ratio:1/1; border-radius:50%; background-color:#15536d; }
.sub_con_bullet4 { padding-left:10px; position: relative; line-height:36px; }
.sub_con_bullet4::before { content:""; display: block; position:absolute; left:0; top:calc(36px/2); transform:translateY(-50%); height:22px; width:3px; background-color:#222222;}
.sub_con_bullet5 { padding-left:23px; position:relative; line-height:25px; }
.sub_con_bullet5::before { 
    content:'\0021'; position:absolute; width:18px; height:18px; font-weight:500; font-size:12px; border-radius:50%; border:2px solid #227e60; box-sizing:border-box; 
    left:0; top:4px; text-align:center; line-height:13px;
}
.num_bg { display:inline-block; margin-right:28px; }
.num_bg span { position: relative; display: inline-block; margin-right:5px; text-align: center; width:26px; line-height:26px; color:#fff; z-index:1; font-size:14px;}
.num_bg span::before { 
    content:""; display: block; position: absolute; left:1px; top: 50%; transform: translateY(-50%); 
    width:26px; height:26px; border-radius: 50%; background-color:#2b5245; color:#fff; z-index: -1; 
}

.text_bg { padding:30px 25px; background-color:#f1f1f1; word-break:keep-all; color:#444444; }
@media screen and (max-width:480px) {
    .text_bg { padding:20px 15px; }
}
.top_bar { padding-top:50px; position:relative; }
.top_bar::before { content:''; position:absolute; width:70px; height:1px; background-color:#cccccc; left:0; top:0; }

.sub_con .sub_con_down_btn {
    display: inline-block; color:#fff; font-size:18px; letter-spacing: -1px; height:60px; line-height: 59px; padding:0 71px 0 43px;
    background:#f0859f url(../img/sub/down_ico.png) 83% center no-repeat;
}
.sub_con .sub_con_link_btn {
    display: block; 
    color:#fff; 
    font-size:18px; 
    letter-spacing: -1px; 
    height:60px; line-height: 59px;
    background:#f0859f url(../img/sub/link_ico.png) 100% bottom no-repeat; 
    border-radius: 25px;
    max-width: 300px;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 1200px) {
    .num_bg { margin-right:25px; }
    .num_bg span { width:28px; margin-right:4px; }
    .num_bg span::before { width:28px; height:28px; }
    .sub_con_bullet6 { padding-left:35px; }
    .sub_con_bullet6::before { width:27px; height:27px; background-size: contain !important; }
}

@media screen and (max-width: 1000px) {
    .num_bg { margin-right:22px; }
    .num_bg span { width:26px; margin-right:3px; }
    .num_bg span::before { width:26px; height:26px; }
    .sub_con_bullet2  {line-height:26px;}
    .sub_con_bullet2::before {top:calc(26px /2);height:18px;}
    .sub_con_bullet6 { padding-left:33px; }
    .sub_con_bullet6::before { width:24px; height:24px; }
    .sub_con_bullet5 { padding-left:19px; line-height:23px; }
    .sub_con_bullet5::before { zoom:.8; top:6px; }
    .top_bar { padding-top:40px; }
}

@media screen and (max-width: 860px) {
    .num_bg { margin-right:19px; }
    .num_bg span { width:24px; margin-right:2px; }
    .num_bg span::before { width:24px; height:24px; }
    .sub_con_bullet6 { padding-left:31px; }
    .sub_con_bullet6::before { width:21px; height:21px; }
    .sub_con .sub_con_down_btn { font-size: 15px; padding:0 45px 0 20px; height:40px; line-height: 39px; background:#f0859f url(../img/sub/down_ico.png) 88% center no-repeat; }
    .sub_con .sub_con_link_btn {font-size: 15px; height: 40px; line-height: 39px; max-width: 250px; background-size: 22px auto;}
    .top_bar { padding-top:30px; }

    .judge .sub_con_bullet2::before {top:70%;}
}

@media screen and (max-width: 600px) {
    .num_bg { margin-right:16px; }
    .num_bg span { width:22px; margin-right:1px; }
    .num_bg span::before { width:22px; height:22px; }
    .sub_con_bullet6 { padding-left:29px; }
    .sub_con_bullet6::before { width:18px; height:18px; }
    .sub_con .sub_con_down_btn { font-size: 12px; padding:0 35px 0 10px; height:30px; line-height: 29px; background:#f0859f url(../img/sub/down_ico.png) 90% center no-repeat; }
    .sub_con .sub_con_link_btn {font-size: 12px; max-width: 200px; height: 30px; line-height: 30px; background-size: 16px auto;}
    .top_bar { padding-top:20px; }

    .judge .sub_con_bullet2::before {top:75%;}
}

@media screen and (max-width: 370px) {
    .num_bg { margin-right:13px; }
    .num_bg span { width:20px; }
    .num_bg span::before { width:20px; height:20px; }
    .sub_con_bullet6 { padding-left:27px; }
    .sub_con_bullet6::before { width:15px; height:15px; }
}

/*밑줄*/
.sub_con_unLine1 { display: inline-block; padding-bottom:10px; border-bottom:2px solid #2a5082; }
.sub_con_unLine2 { display: inline-block; padding-bottom: 3px; border-bottom:1px solid #07a367; }
.sub_con_unLine3 {  }
.sub_con_unLine4 {  }
.sub_con_unLine5 {  }

/*테두리*/
.border_box { border:1px solid #ccc; padding:20px 25px; }

/* border */

.border_left {border-left: 1px solid #ddd;}
.border_right {border-right: 1px solid #ddd;}

/*텍스트 컬러*/
.main_color {  }
.pt_color1 { color:#15536d !important; } /*빨간색*/
.pt_color2 { color:#1764a8 !important; } /*파란색*/
.pt_color3 { }
.pt_color4 { }
.pt_color5 {  }
.pt_color6 {  }

/*포인트폰트*/
.pt_font { font-family: 'RixYeoljeongdo_Regular'; /*white-space: nowrap;*/ letter-spacing:-1px; word-break:keep-all; }

/*텍스트 굵기*/
.weight700 { font-weight:700; }
.weight600 { font-weight:600; }
.weight500 { font-weight:500; }
.weight400 { font-weight:400; }

.pre_weight700 { font-family: 'Pretendard-Bold'; }
.pre_weight600 { font-family: 'Pretendard-SemiBold'; }
.pre_weight500 { font-family: 'Pretendard-Medium'; }
.pre_weight400 { font-family: 'Pretendard-Regular'; }
.pre_weight300 { font-family: 'Pretendard-Light'; }

/*배경색*/
.bg_color1 { background: linear-gradient(to right,#ff7f65,#ffc74c); color:#fff; }
.bg_color2 { background-color: #1764a8;}
.bg_color3 {  }
.bg_color4 {  }
.bg_color5 {  }

/*텍스트 정렬*/
.text_align_c { text-align: center !important; }
.text_align_l { text-align: left !important; }
.text_align_r { text-align: right !important; }
.vertical_align_m { vertical-align:middle; }

/*이미지*/
.sub_con_img_box { border-radius: 9px; overflow: hidden; }
.sub_con_img_box img {display: block; transition: all .5s;}
.sub_con_img_box:hover img { transform: scale(1.05); }

.img_2wrap { display:flex; justify-content:center; align-items:center; }
 .img_2wrap img { width:calc( (100% - 20px) / 2 ); }

/*디스플레이*/
.block { display: block !important; }
.inline-block { display: inline-block !important; }
.inline { display: inline !important; }

/*border-radius*/
.border-r5 {border-radius: 5px;}

/*서브콘텐츠 텍스트 끝*/


/*서브콘텐츠 테이블 시작*/

/*컨텐츠 페이지 테이블*/
.table_wrap { overflow-x: auto; }
.table_wrap table { width: 100%; border-collapse:collapse; border-bottom:1px solid #dddddd; letter-spacing: -1px; }
.table_wrap table th:not(:last-child), .table_wrap table td:not(:last-child) { border-right:1px solid #dddddd; }
.table_wrap table thead th:not(:last-child) { border-right:1px solid #cbcbcb; }
.table_wrap table thead {  }
.table_wrap table thead tr { border-top:1px solid #dddddd; }
.table_wrap table thead th { background-color:#e9e9e9; color:#222222; font-size:17px; line-height:32px; padding:16px 0 18px; text-align:center; font-weight:500; }
.table_wrap table tbody tr { border-top:1px solid #dddddd; }
.table_wrap table tbody th { background-color:#f6f6f6; color:#555555; font-size:17px; line-height:24px; padding:18px 20px; text-align:center; font-weight:400; word-break: keep-all; box-sizing: border-box; }
.table_wrap table tbody td { background-color:#ffffff; color:#444444; font-size: 17px; line-height:24px; padding:12px 25px; word-break:keep-all; box-sizing:border-box; }
.table_wrap table tbody td a { text-decoration:none; }

.table_wrap table tbody td.text_align_c { text-align:center; }
.table_wrap table tbody .bl { border-right: 1px solid #dddddd !important;}
/*.table_wrap table tbody td a { 
    border:1px solid #0073bc; font-size:13px; color:#0073bc; font-weight:300; transition:all .3s; padding:5px 25px 5px 8px; background-color:#ffffff; 
    display:inline-block; position:relative; margin-top:5px;
}
.table_wrap table tbody td a:hover, .table_wrap table tbody td a:focus { background-color:#f2fafd; color:#004789;}
.table_wrap table tbody td a::before { 
    content:''; position:absolute; width:11px; aspect-ratio:1/1; background:url(../img/sub/new_link.png) center no-repeat; background-size:contain;
    top:50%; transform:translateY(-50%); right:10px;
}*/
 .table_wrap table tbody td ul { margin:0; padding:10px 0; }
 .table_wrap table tbody td ul li { line-height:29px; }
@media screen and (max-width: 1200px) {
    .table_wrap table thead th { font-size:18px; line-height: 18px; padding:14px 0 16px; }
    .table_wrap table tbody th { font-size:16px; line-height: 23px; padding:16px 18px; }
    .table_wrap table tbody td { font-size:16px; line-height: 23px; padding:16px 18px; }
}

@media screen and (max-width: 1000px) {
    .table_wrap table thead th { font-size:17px; line-height: 17px; padding:12px 0 14px; }
    .table_wrap table tbody th { font-size:15px; line-height: 22px; padding:14px 16px; }
    .table_wrap table tbody td { font-size:15px; line-height: 22px; padding:14px 16px; }

    .table_wrap table tbody td a { font-size:12px; }
}

@media screen and (max-width: 860px) {
    .table_wrap table thead th { font-size:16px; line-height: 16px; padding:10px 0 12px; }
    .table_wrap table tbody th { font-size:14px; line-height: 21px; padding:12px 14px; }
    .table_wrap table tbody td { font-size:14px; line-height: 21px; padding:12px 14px; }
}

@media screen and (max-width:710px){
    .table_wrap table tbody td a { font-size:11px; }
}

@media screen and (max-width: 600px) {
    .table_wrap table thead th { font-size:15px; line-height: 15px; padding:8px 0 10px; }
    .table_wrap table tbody th { font-size:13px; line-height: 20px; padding:10px 12px; }
    .table_wrap table tbody td { font-size:13px; line-height: 20px; padding:10px 12px; }
    /*.table_wrap table { min-width:600px; }*/
}

@media screen and (max-width: 400px) {
    .table_wrap table thead th { font-size:14px; line-height: 14px; padding:6px 0 8px; }
    .table_wrap table tbody th { font-size:12px; line-height: 19px; padding:8px 10px; }
    .table_wrap table tbody td { font-size:12px; line-height: 19px; padding:8px 10px; }
}

/*예약업 환불규정 테이블*/
.table_scroll_1.refund_wrap {  }
.table_scroll_1.refund_wrap .table_tit { font-size:18px; }
.table_scroll_1.refund_wrap tbody {  }
.table_scroll_1.refund_wrap tbody tr {  }
.table_scroll_1.refund_wrap tbody tr th { width:calc( 100% / 7 ); text-align:center; padding:10px 0; }
.table_scroll_1.refund_wrap tbody tr td {  padding:10px 0; }
/*예약업 환불규정 테이블 끝*/

/*스킨 포함 공통 테이블*/

/*서브콘텐츠 테이블 끝*/
/*서브콘텐츠 텍스트 끝*/

/*서브콘텐츠 링크 버튼*/
.sub_con_more_link_wrap { text-align: center; }
.sub_con_more_link_wrap > div { display: inline-block; width:40%; max-width:400px; }
.sub_con_more_link_wrap > div > a {
    display: block; font-size:19px; line-height: 62px; /*border:4px solid #3a646d;*/
    font-family: 'S-CoreDream-5Medium'; box-sizing: border-box;
    background-color:#222222; color:#ffffff;
}

@media screen and (max-width:600px) {
 .sub_con_more_link_wrap > div {width: 90%;}
}





.sub_con_more_link_btn1 { margin-right:10px; }
.sub_con_more_link_btn1 > a { color:#3a646d; }
.sub_con_more_link_btn2 > a { color:#fff; background-color:#3a646d; }

.sub_con .btn_wrap { display:flex; justify-content:center; align-items:center; }
.down_btn { font-size:16px; padding:5px 15px; display:block; border:1px solid #444444; color:#444444; transition:all .3s; }
center .down_btn {width: 20%;}
.down_btn:not(:first-of-type) { margin-left:10px; }
.down_btn:hover { border-color:#15536d; color:#15536d; }

@media screen and (max-width:500px) {
  center .down_btn {width: 40%;}
}


/*서브페이지 유튜브 동영상*/
.video_wrap { width:100%; }
.video_wrap iframe { width:100%; aspect-ratio:560/315; }
/*서브페이지 유튜브 동영상 끝*/
/*w1_c_1 소개 , w1_c_3 조직구성*/



.w1_flex{display: flex;}

.w1_flex .img_box {width: 25%;}
.w1_flex .img_box img {border-radius: 20px; overflow: hidden;}
.w1_flex .text_box {width: 70%; padding: 35px;}
.w1_flex .text_box p.end { font-size: 20px; font-weight: normal; font-weight: bold;}
.w1_flex .text_box span.end {font-weight: normal; display: block; font-size: 40px; font-family: 'InkLipquid';}
.w1_c3_text p {text-align: justify;}




.w1_list {display: inline-block; width: 125px; height: 30px; border-radius: 30px; background: #333; color: #fff; margin-right: 5px; text-align: center; line-height: 30px;}
.w16_list {display: inline-block; width: 320px; height: 30px; border-radius: 30px; background: #333; color: #fff; margin-right: 5px; text-align: center; line-height: 30px;} 


@media screen and (max-width:1000px) {

    .w1_flex .img_box {width: 40%;}
    .w1_flex .text_box {width: 60%; padding: 0px 20px;}
    .w1_flex .text_box p.end {font-size: 15px; font-weight: bold;}
    .w16_list {display: block;} 
}

@media screen and (max-width:800px) {
    .w1_flex{display: block;}
     .w1_flex .text_box {width: 100%; padding: 0px 20px;}
     .w1_flex .img_box {width: 100%; margin-bottom: 20px;}
    .w1_flex .text_box span.end {font-size: 40px;}
}


@media screen and (max-width:600px) {
  .w1_list {display: block;}
}










/*w1_c_2 로고*/
.sub_con.logo .logo_box { width:100%; aspect-ratio:1200/318; position:relative; border:1px solid #dddddd; box-sizing:border-box; border-radius:5px; z-index:0; }
 .sub_con.logo .logo_box > img { position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; display:block; width:auto !important; max-width:calc( 100% - 60px ); }
.sub_con.logo .logo_box::before {
    content:''; background:url(../img/sub/w1/logo_bg.png) center; width:100%; height:100%; z-index:-1;
    overflow:hidden; position:absolute;left:0;top:0;
}

.sub_con.logo .division2 { display:flex; justify-content:space-between; align-items:flex-start; }
.sub_con.logo .logo_color_chip { width:calc( 100% - 200px );display:flex; justify-content:space-between; align-items:flex-start; }
.sub_con.logo .logo_color_chip > div { width:calc( ( 100% - 20px*2 ) / 3 ); height:77px;  }
.sub_con.logo .logo_color_chip > div span { font-weight:600; color:#ffffff; font-size:16px; letter-spacing:-1px; display:inline-block; padding:2px 0 0 10px; }
.sub_con.logo .logo_color_chip > div:nth-of-type(1) { background-color:rgb(218, 0, 0); }
.sub_con.logo .logo_color_chip > div:nth-of-type(2) { background-color:rgb(0, 0, 0); }
.sub_con.logo .logo_color_chip > div:nth-of-type(3) { background-color:rgb(102, 102, 102); }

.sub_con.logo .logo_wrap { display:flex; justify-content:space-between; align-items:center; }
.sub_con.logo .logo_wrap .logo_box { width:calc( ( 100% - 20px ) / 2 ); }
@media screen and (max-width:1000px) {
     .sub_con.logo .logo_box > img { zoom:.8; }
}
@media screen and (max-width:860px) {
     .sub_con.logo .logo_box > img { zoom:.7; }

    .sub_con.logo .logo_color_chip { width:calc( 100% - 140px ); }
    .sub_con.logo .logo_color_chip > div { width:calc( ( 100% - 10px*2 ) / 3 ); height:70px; }
    .sub_con.logo .logo_color_chip > div span { font-size:14px; }

    .down_btn { font-size:14px; padding:2px 13px; }
}
@media screen and (max-width:680px ){
    .sub_con.logo .division2 { flex-direction:column; }
    .sub_con.logo .logo_color_chip { width:100%; }
    .sub_con.logo .logo_color_chip > div { height:60px; }
    .sub_con.logo .logo_color_chip > div span { display:block; padding:6px 0 0 7px; font-size:13px; font-weight:400; line-height:13px; }

     .sub_con.logo .logo_box > img { zoom:.5; }
}
@media screen and (max-width:580px) {
    .sub_con.logo .logo_wrap { flex-direction:column; }
    .sub_con.logo .logo_wrap .logo_box { width:100%; }
     .sub_con.logo .logo_wrap .logo_box > img{ zoom:.8; }
    .sub_con.logo .logo_wrap .logo_box:first-of-type { margin-bottom:10px; }
}
@media screen and (max-width:480px) {
     .sub_con.logo .logo_box > img { zoom:.35; }
    .sub_con.logo .logo_color_chip > div { width:calc( ( 100% - 5px*2 ) / 3 ); height:50px; }
    .sub_con.logo .logo_color_chip > div span { font-size:11px; letter-spacing:-.3px; }
     .sub_con.logo .logo_wrap .logo_box > img { zoom:.65; }

    .down_btn { font-size:12px; padding:3px 13px; }
}
/*w1_c_2_1 로고 끝*/

/*w1_c_2_3 슬로건 끝*/
.sub_con.slogan {}
.sub_con.slogan > div:first-of-type { display:flex; justify-content:center; align-items:flex-start; }
 .sub_con.slogan > div:first-of-type img { width:auto !important; margin:0; }
.sub_con.slogan > div:first-of-type .text_wrap { width:630px; margin-left:50px; }
@media screen and (max-width:1000px) {
    .sub_con.slogan > div:first-of-type { justify-content:space-between; }
     .sub_con.slogan > div:first-of-type img { width:calc( (100% - 30px)*0.35 ) !important;}
    .sub_con.slogan > div:first-of-type .text_wrap { width:calc( (100% - 30px)*0.65 ); margin-left:0; }
}
@media screen and (max-width:680px) {
    .sub_con.slogan > div:first-of-type { flex-direction:column; }
     .sub_con.slogan > div:first-of-type img { width:auto !important; margin:0 auto; order:2; }
    .sub_con.slogan > div:first-of-type .text_wrap { width:100%; order:1; margin-bottom:20px; }
}
/*w1_c_2_3 슬로건 끝*/


/*w1_c_2 시상&심사위원 */
/*.sub_con {}*/
 .sub_con .judges_wrap {}
 .sub_con .judges_wrap > li { display:flex; justify-content:flex-start; align-items:flex-start; padding: 50px 0;}
 .sub_con .judges_wrap > li:not(:first-of-type) {border-top:1px solid #dddddd; }
 .sub_con .judges_wrap > li > .img_wrap { width:234px; }
 .sub_con .judges_wrap > li > .img_wrap img { width:auto; max-width:100%; }
 .sub_con .judges_wrap > li > .text_wrap { box-sizing:border-box; padding-left:30px; padding-top:10px; width:calc( 100% - 234px ); }
 .sub_con .judges_wrap > li > .text_wrap li {}

/*  .sub_con .judge_tit {font-weight: 700 !important; border-top: 2px solid #222 !important; padding-top: 50px !important;} */
 .sub_con .judge_tit2 {border-top: 1px solid #eee !important; padding-top: 50px !important;}
 .sub_con .jd_border::before {content: ""; display: block; width: 100%; height: 2px; background-color: #222; margin-bottom: 150px;}


@media screen and (max-width:860px) {
   .sub_con .judge_tit {padding-top: 22px !important;}
}
@media screen and (max-width:600px) {
   .sub_con .judge_tit {padding-top: 22px !important;}
}
@media screen and (max-width:680px) {
     .sub_con .judges_wrap > li > .img_wrap { width:170px; }
     .sub_con .judges_wrap > li > .text_wrap { box-sizing:border-box; padding-left:20px; padding-top:0; width:calc( 100% - 170px ); }  
}

@media screen and (max-width:500px) {
     .sub_con .judges_wrap > li > .img_wrap { width:140px; }
     .sub_con .judges_wrap > li > .text_wrap { box-sizing:border-box; padding-left:15px; width:calc( 100% - 140px ); }  
}
@media screen and (max-width:480px) {
     .sub_con .judges_wrap > li { flex-direction:column; }
     .sub_con .judges_wrap > li > .img_wrap { width:100%; }
     .sub_con .judges_wrap > li > .img_wrap img { width:auto; margin:0 auto; }
     .sub_con .judges_wrap > li > .text_wrap { padding-left:0; margin-top:20px; width:100%; }  

}

 .sub_con .judges_wrap > li { display:flex; justify-content:flex-start; align-items:flex-start; }
/*  .sub_con .judges_wrap > li:not(:first-of-type) { margin-top:30px; padding-top:30px; border-top:1px solid #dddddd; } */
 .sub_con .judges_wrap > li > .img_wrap { width:220px; border:1px solid #f1f1f1; }
 .sub_con .judges_wrap > li > .img_wrap img { width:auto; max-width:100%; }
 .sub_con .judges_wrap > li > .text_wrap { box-sizing:border-box; padding-left:30px; padding-top:10px; width:calc( 100% - 234px ); }
 .sub_con .judges_wrap > li > .text_wrap li {}
@media screen and (max-width:680px) {
     .sub_con .judges_wrap > li > .img_wrap { width:170px; }
     .sub_con .judges_wrap > li > .text_wrap { box-sizing:border-box; padding-left:20px; padding-top:0; width:calc( 100% - 170px ); }  
}
@media screen and (max-width:500px) {
     .sub_con .judges_wrap > li > .img_wrap { width:140px; }
     .sub_con .judges_wrap > li > .text_wrap { box-sizing:border-box; padding-left:15px; width:calc( 100% - 140px ); }  
}
@media screen and (max-width:480px) {
     .sub_con .judges_wrap > li { flex-direction:column; }
     .sub_con .judges_wrap > li > .img_wrap { width:220px; }
     .sub_con .judges_wrap > li > .img_wrap img { width:auto; margin:0 auto; }
     .sub_con .judges_wrap > li > .text_wrap { padding-left:0; margin-top:20px; width:100%; }  

}
/*w1_c_2 시상&심사위원 끝*/

/*w1_c_4_1 2023 제천영화음악상*/
 .sub_con .winner_wrap {}
 .sub_con .winner_wrap > li { display:flex; justify-content:flex-start; align-items:flex-start; }
 .sub_con .winner_wrap > li:not(:first-of-type) { margin-top:30px; padding-top:30px; border-top:1px solid #dddddd; }
 .sub_con .winner_wrap > li > .img_wrap { width:255px; }
 .sub_con .winner_wrap > li > .img_wrap img { width:auto; max-width:100%; }
 .sub_con .winner_wrap > li > .text_wrap { box-sizing:border-box; padding-left:30px; width:calc( 100% - 255px ); }
 .sub_con .winner_wrap > li > .text_wrap li {}
@media screen and (max-width:860px) {
     .sub_con .winner_wrap > li > .img_wrap { width:200px; }
     .sub_con .winner_wrap > li > .text_wrap { padding-left:20px; width:calc( 100% - 200px ); }  
}
@media screen and (max-width:680px) {
     .sub_con .winner_wrap > li { flex-direction:column; }
     .sub_con .winner_wrap > li > .img_wrap { width:100%; }
     .sub_con .winner_wrap > li > .img_wrap img { width:auto; margin:0 auto; }
     .sub_con .winner_wrap > li > .text_wrap { padding-left:0; margin-top:20px; width:100%; }
}
/*w1_c_4_1 2023 제천영화음악상끝*/

/*w1_c_4_2 역대수상자*/
 .sub_con .all_winner_wrap { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; }
 .sub_con .all_winner_wrap > li { width:calc( (100% - 80px*2 ) / 3 ); margin-right:80px; margin-top:50px; }
 .sub_con .all_winner_wrap > li:nth-of-type(3n) { margin-right:0; }
 .sub_con .all_winner_wrap > li:nth-of-type(-n+3) { margin-top:0; }
 .sub_con .all_winner_wrap > li > .img_wrap { }
 .sub_con .all_winner_wrap > li > .img_wrap img { margin:0; }
 .sub_con .all_winner_wrap > li > .text_wrap { width:fit-content; margin:0 auto; }
 .sub_con .all_winner_wrap > li > .text_wrap li:not(:nth-of-type(-n+2)) { padding-left:10px; position:relative; line-height:27px; }
 .sub_con .all_winner_wrap > li > .text_wrap li:not(:nth-of-type(-n+2))::before {
    content:''; position:absolute; top:calc( 27px/2 ); left:0; transform:translateY(-50%); width:5px; aspect-ratio:1/1; border-radius:50%;
    background-color:#15536d;
}
@media screen and (max-width:1200px) {
     .sub_con .all_winner_wrap > li { width:calc( (100% - 50px*2 ) / 3 ); margin-right:50px; margin-top:40px; }
}
@media screen and (max-width:1000px) {
     .sub_con .all_winner_wrap > li { width:calc( (100% - 30px*2 ) / 3 ); margin-right:30px; }
}
@media screen and (max-width:860px) {
     .sub_con .all_winner_wrap > li { width:calc( (100% - 20px*2 ) / 3 ); margin-right:20px; margin-top:40px; }
     .sub_con .all_winner_wrap > li > .text_wrap li:not(:nth-of-type(-n+2)) { padding-left:8px; line-height:24px; }
     .sub_con .all_winner_wrap > li > .text_wrap li:not(:nth-of-type(-n+2))::before { width:4px; top:calc( 24px/2 ); }
     .sub_con .all_winner_wrap > li > .text_wrap li br { display:none; }
}
@media screen and (max-width:680px) {
     .sub_con .all_winner_wrap > li { width:calc( (100% - 30px*1 ) / 2 ); margin-right:30px; margin-top:40px; }
     .sub_con .all_winner_wrap > li:nth-of-type(3n) { margin-right:30px; }
     .sub_con .all_winner_wrap > li:nth-of-type(-n+3) { margin-top:40px; }
     .sub_con .all_winner_wrap > li:nth-of-type(2n) { margin-right:0; }
     .sub_con .all_winner_wrap > li:nth-of-type(-n+2) { margin-top:0; }
     .sub_con .all_winner_wrap > li > .text_wrap li br { display:block; }
}
@media screen and (max-width:480px) {
     .sub_con .all_winner_wrap > li { width:100%; margin-right:0; margin-top:40px; }
     .sub_con .all_winner_wrap > li:nth-of-type(3n) { margin-right:0; }
     .sub_con .all_winner_wrap > li:nth-of-type(-n+2) { margin-top:40px; }
     .sub_con .all_winner_wrap > li > .text_wrap li br { display:none; }
}
/*w1_c_4_2 역대수상자 끝*/

/*w1_c_4 역대홍보대사*/
 .sub_con .ambassadors_wrap { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; }
 .sub_con .ambassadors_wrap > li { width:calc( (100% - 60px*3 ) / 4 ); margin-right:60px; margin-top:50px; }
 .sub_con .ambassadors_wrap > li:nth-of-type(4n) { margin-right:0; }
 .sub_con .ambassadors_wrap > li:nth-of-type(-n+4) { margin-top:0; }
 .sub_con .ambassadors_wrap > li > .img_wrap { }
 .sub_con .ambassadors_wrap > li > .img_wrap img { margin:0; }
 .sub_con .ambassadors_wrap > li > .text_wrap { width:fit-content; margin:0 auto; }
@media screen and (max-width:1200px) {
     .sub_con .ambassadors_wrap > li { width:calc( (100% - 40px*3 ) / 4 ); margin-right:40px; margin-top:40px; }
}
@media screen and (max-width:1000px) {
     .sub_con .ambassadors_wrap > li { width:calc( (100% - 20px*3 ) / 4 ); margin-right:20px; }
}
@media screen and (max-width:900px) {
     .sub_con .ambassadors_wrap > li { width:calc( (100% - 40px*2 ) / 3 ); margin-right:40px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(4n) { margin-right:40px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(-n+4) { margin-top:40px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(3n) { margin-right:0; }
     .sub_con .ambassadors_wrap > li:nth-of-type(-n+3) { margin-top:0; }
}
@media screen and (max-width:680px) {
     .sub_con .ambassadors_wrap > li { width:calc( (100% - 20px*2 ) / 3 ); margin-right:20px; margin-top:30px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(4n) { margin-right:20px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(-n+4) { margin-top:30px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(3n) { margin-right:0; }
     .sub_con .ambassadors_wrap > li:nth-of-type(-n+3) { margin-top:0; }
}
@media screen and (max-width:600px) {
     .sub_con .ambassadors_wrap > li { width:calc( (100% - 30px*1 ) / 2 ); margin-right:30px; margin-top:35px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(4n) { margin-right:30px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(-n+4) { margin-top:35px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(3n) { margin-right:30px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(-n+3) { margin-top:35px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(2n) { margin-right:0; }
     .sub_con .ambassadors_wrap > li:nth-of-type(-n+2) { margin-top:0; }
}
@media screen and (max-width:480px) {
     .sub_con .ambassadors_wrap > li { width:calc( (100% - 20px*1 ) / 2 ); margin-right:20px; margin-top:25px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(4n) { margin-right:20px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(-n+4) { margin-top:25px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(3n) { margin-right:20px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(-n+3) { margin-top:25px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(2n) { margin-right:0; }
     .sub_con .ambassadors_wrap > li:nth-of-type(-n+2) { margin-top:0; }
}
@media screen and (max-width:370px) {
     .sub_con .ambassadors_wrap > li { width:100%; margin-right:0; margin-top:20px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(4n) { margin-right:0; }
     .sub_con .ambassadors_wrap > li:nth-of-type(-n+4) { margin-top:20px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(3n) { margin-right:0; }
     .sub_con .ambassadors_wrap > li:nth-of-type(-n+3) { margin-top:20px; }
     .sub_con .ambassadors_wrap > li:nth-of-type(2n) { margin-right:0; }
     .sub_con .ambassadors_wrap > li:nth-of-type(-n+2) { margin-top:0; }
     .sub_con .ambassadors_wrap > li:nth-of-type(2) { margin-top:20px; }
}

/*w1_c_4 역대홍보대사 끝*/

/*w1_c_5 스폰서*/
 .sub_con .partner_wrap {
    display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
    margin-bottom:60px; padding-top:10px; border-top:1px solid #dddddd;
}
 .sub_con .partner_wrap a {max-width: 20%;}

 .sub_con .partner_wrap .img_box {max-width: 20%;}


 .sub_con .partner_wrap img { max-width:80%; margin:0 auto; }

@media screen and (max-width:860px) {
     .sub_con .partner_wrap a { max-width:calc(100%/3);}
     .sub_con .partner_wrap .img_box { max-width:calc(100%/3);}
}
@media screen and (max-width:680px) {
     .sub_con .partner_wrap { margin-bottom:40px; }
}
@media screen and (max-width:500px) {
     .sub_con .partner_wrap a { max-width:calc(100%/2);}
     .sub_con .partner_wrap .img_box {max-width:calc(100%/2);}
}
/*w1_c_5 스폰서 끝*/

/*w2 */

.w2_2_1_d1 {display: flex;}
.w2_2_1_d1 > div {width: 70%;}
.w2_2_1_d1 > div:first-of-type {width: 30%; padding-right: 30px;}


@media screen and (max-width:700px) {
  .w2_2_1_d1 {display: block;}
  .w2_2_1_d1 > div {width: 100% !important;}
  .w2_2_1_d1 > div:first-of-type {margin-bottom: 20px; padding-right: 0;}
}


/*상영시간표 테이블*/
.table_wrap.time_table {}
.table_wrap.time_table tbody td { text-align:center; }
.table_wrap.time_table tbody td br.mobile { display:none; }
/*상영시간표 테이블 끝*/

.sub_con .paragraph:not(:first-of-type) { margin-top:50px; padding-top:50px; border-top:1px solid #555555; }
.sub_con .mov_info {  }
.sub_con .mov_info li { display:flex; justify-content: flex-start; align-items:center; }
.sub_con .mov_info li p { color:#333333; }
.sub_con .mov_info li p:first-of-type { padding-right:10px;margin-right:10px; position:relative; }
.sub_con .mov_info li p:first-of-type::before {
    content:''; position:absolute; display:block; width:1px; height:10px;
    right:0; top:50%; transform:translateY(-50%); background-color:#555555;
}
.sub_con .mov_info li p:only-child::before { display:none; }
.sub_con .mov_info li p:only-child { padding-right:0; margin-right:0; }
.sub_con .mov_info li p:last-of-type {}

.sub_con .mark_o { width:24px;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto;font-size:15px; }
.sub_con .mark_o.o_green { color:#ffffff; background-color:#74c819; }
.sub_con .mark_o.o_blue { color:#ffffff; background-color:#2b67c9; }
.sub_con .mark_o.o_red { color:#ffffff; background-color:#f31c2c; }
.sub_con .mark_o.o_orange { color:#ffffff; background-color:#fd541d; }
.sub_con .mark_o.o_purple { color:#ffffff; background-color:#9e33e2; }
.sub_con .mark_o.o_gray { color:#ffffff; background-color:#919088; }
.sub_con .mark_o.o_yellow { color:#ffffff; background-color:#ffe300; }

.sub_con .mark_o.btn_ticket { cursor:pointer;  }
/*w2 끝*/

 .img_1wrap > img { margin:0; width: 50%; }
 .img_1wrap  {display: flex; width: 100%;}

@media screen and (max-width:500px) {
 .img_1wrap > img { margin:0; width: 100%; }
 .img_1wrap  {display: block; width: 100%;}
}



/*임시*/
.btn i { display: none; }

/*#hd_pop { position: relative; z-index: 10; }*/

/* w6 */
.traffic_info .down_btn {display: inline-block; float: left;}


@media screen and (max-width:1000px) {
  .traffic_info .bus_table {margin-bottom: 12% !important}
  .traffic_info .parking_info {margin-bottom: 12% !important}
}
@media screen and (max-width:800px) {
  .traffic_info .bus_table {margin-bottom: 14% !important}
  .traffic_info .parking_info {margin-bottom: 14% !important}
}
@media screen and (max-width:450px) {
  .traffic_info .bus_table {margin-bottom: 20% !important}
  .traffic_info .parking_info {margin-bottom: 20% !important}
}
@media screen and (max-width:280px) {
  .traffic_info .bus_table {margin-bottom: 30% !important}
  .traffic_info .parking_info {margin-bottom: 30% !important}
}

/* w6 끝*/

/*w7 */

.flex_box_w7 {display: flex;}


.sub_con strong {display: block;}
.pro_info em {font-style: normal; display: block;}
.pro_info p {font-size: 16px; color: #555;}
.pro_info .table_wrap {text-align: center;}
.pro_info td {text-align: center; font-size: 16px !important; color: #555 !important;}
.pro_info .table_wrap caption {font-size: 16px; color: #555;}

@media screen and (max-width:525px) {
  .pro_info p {font-size: 15px;}
  .pro_info td {font-size: 15px !important;}
  .pro_info .table_wrap caption {font-size: 15px;}
}
@media screen and (max-width:340px) {
  .pro_info p {font-size: 14px;}
  .pro_info td {font-size: 14px !important;}
  .pro_info .table_wrap caption {font-size: 14px;}
}

/* 상영관 시작 */
.parking_QR {display: flex;}
.parking_QR img {margin: 0 !important;}

@media screen and (max-width:745px) {
  .parking_QR img {width: 15vw !important; height: 15vw !important;}
  .parking_QR p {font-size: 14px !important;}
}
@media screen and (max-width:525px) {
  .parking {flex-direction: column; row-gap: 30px;}
  .parking > div {width: 100% !important;}

  .parking_QR {column-gap: 30px;}
}
@media screen and (max-width:485px) {
  .parking_QR img {width: 20vw !important; height: 20vw !important;}
}
@media screen and (max-width:340px) {
  .parking_QR img {width: 25vw !important; height: 25vw !important;}
}
/* 상영관 끝 */

/*w7 끝 */


/*w9*/
.hisory_mene_wrap { display:flex; justify-content:space-between; align-items:center; margin-bottom:50px; }
.hisory_mene_wrap #selectbox { width:calc( ( 100% - 20px*5 ) / 6 ); height:40px; box-sizing:border-box; padding:0 10px; border-color:#1e1d1d; }
.hisory_mene_wrap #selectbox:focus { outline:none; border-color:#15536d !important; }
.hisory_mene_wrap #selectbox option {}
.hisory_mene_wrap .history_menu { width:calc( ( 100% - 20px*5 )*5 / 6 + 20px*4 ); display:flex; justify-content:space-between; align-items:center; }
.hisory_mene_wrap .history_menu li { width:calc( ( 100% - 10px*4 ) / 5 );text-align:center; }
.hisory_mene_wrap .history_menu li a { display:block;line-height:40px;box-sizing:border-box;border:1px solid #1e1d1d; transition:all .3s; font-size:14px; }
.hisory_mene_wrap .history_menu li a:hover, .hisory_mene_wrap .history_menu li a.here { border-color:#15536d; background-color:#15536d;color:#ffffff; }

@media screen and (max-width:860px) {
    .hisory_mene_wrap #selectbox { font-size:12px;height:30px; }
    .hisory_mene_wrap .history_menu li a { font-size:12px;line-height:30px; }
}
@media screen and (max-width:680px) {
    .hisory_mene_wrap { flex-direction:column; align-items:flex-start; margin-bottom:40px; }
    .hisory_mene_wrap #selectbox { font-size:12px; height:30px; margin-bottom:20px; width:90px; }
    .hisory_mene_wrap .history_menu { width:100%; }
    .hisory_mene_wrap .history_menu li a { font-size:12px;line-height:30px; }
}
@media screen and (max-width:600px) {
    .hisory_mene_wrap .history_menu { flex-wrap:wrap;justify-content:flex-start; }
    .hisory_mene_wrap .history_menu li { width:calc( 100% / 3 ); border:1px solid #1e1d1d; border-width:0 1px 1px 0; }
    .hisory_mene_wrap .history_menu li:nth-of-type(3n+1) { border-left-width:1px; }
    .hisory_mene_wrap .history_menu li:nth-of-type(-n+3) { border-top-width:1px; }
    .hisory_mene_wrap .history_menu li a { border:none; }
    .hisory_mene_wrap .history_menu li a:hover, .hisory_mene_wrap .history_menu li a.here { background-color:#1e1d1d; }
}
/*w9 끝*/



/*w4 시간표/ 예매*/

.w4_19_bg {padding: 30px; background: #eee; border-radius: 20px;}
.w4_19_bg .flex {display: flex; align-items: center; margin-bottom: 30px;}
.w4_19_bg .flex .img_box {width: 20%;  margin-right: 30px;}
.w4_19_bg .flex .text_box > p {font-size: 30px; font-weight: bold; line-height: normal; margin-bottom: 10px;}

.time_table {}
.time_table .round {width: 100%; display: flex !important; justify-content: space-between;}
.time_table .round li {width: 282px; line-height: 40px; text-align: center; background-color: #999999; color: #fff;}

.time_table .scroll_x {overflow-x: auto;}


.time_table .step1 {width: 100%; height: 300px; min-width: 1200px; display: flex; justify-content: space-between;  }

.time_table .step1 > div {width: 282px; height: 282px; border: 2px solid #222222; background-color: #f9f9f9; position: relative;}
.time_table .step1 > div:hover {border: 2px solid #15536d;}




.time_table .step1 > div .in {padding: 30px 20px;}
.time_table .step1 > div .in .code {display: flex; justify-content: space-between;}
.time_table .step1 > div .in .code > p:first-of-type {font-size: 14px;}

.time_table .step1 > div .in > a  {font-size: 20px; font-weight: bold;}
.time_table .step1 > div .in .time {font-size: 17px; font-weight: 400; color: #15536d; margin: 10px 0;}
.time_table .step1 > div .in .list {position: relative; border: 1px solid #222222; padding-left: 10px; cursor: pointer;}

.time_table .step1 > div .in .list .click_down  {display: none; position: absolute; left: -1px; top: 30px; width: 238px; z-index: 100; padding-left: 10px; background: #fff; border:1px solid #222; transition: 0.5s; }
.time_table .step1 > div .in .list .click_down > a { display: block; font-size: 15px;}

.time_table .step1 > div .in .list.active .click_down {display: block;}


.time_table .step1 > div .in .list > p {line-height: 30px; font-size: 15px;}
.time_table .step1 > div .in .list::after {content: ""; background: url(../img/sub/w4/ticket_ic.jpg) no-repeat center center; background-size: cover; 
    width: 32px; height: 30px; 
    position: absolute; top: 0; right: 0;
    transform: rotate(0);
}

.time_table .step1 > div .in .list.active::after{transform: rotate(180deg);}

.time_table .step1 > div .in .old {display: flex;}
.time_table .step1 > div .in .old .mark {width: 30px; margin: 0; line-height: 30px; margin-top: 15px; margin-right: 10px;}
.time_table .step1 > div .ticket {width: 100%; height: 40px; position: absolute; left: 0; bottom: 0; background-color: #222;}
.time_table .step1 > div .ticket .btn_ticket {display: block; width: 100%; line-height: 40px; text-align: center; color: #fff; cursor: pointer;}

.time_table .step1 > div:hover .ticket {background-color: #15536d;}


.time_table .step1.step2 > div {width: 564px !important;}
.time_table .step2 > div .in {text-align: center;}
.time_table .step2 > div .in .code {justify-content: center !important;}
.time_table .step2 > div .in .old {justify-content: center !important;}



.time_table .step1.step3 {min-width: auto !important;}
.time_table .step1.step3 > div {width: 100% !important; }
.time_table .step1.step3 > div .in {text-align: center;}
.time_table .step1.step3 > div .in .code {justify-content: center !important; }
.time_table .step1.step3 > div .in .old {justify-content: center !important;}



.ticket_wrap {display: flex; flex-wrap: wrap; width: 100%; justify-content: center;}
.ticket_wrap > div {width: 40%; height: 250px; background: #333; border-radius: 20px; margin-bottom: 30px; }
.ticket_wrap > div:nth-of-type(1n) {margin-right: 30px;}
.ticket_wrap > div:hover {background: #15536d;}
.ticket_wrap > div > a {position: relative; display: block; line-height: 250px; text-align: center; color: #fff; font-size: 40px; font-weight: bold; }



@media screen and (max-width:1000px) {
    .w4_19_bg .flex {display: block;}
    .w4_19_bg .flex .img_box {margin: 0 auto;}
    .w4_19_bg .flex .text_box > p  {text-align: center; margin: 10px 0}
    .ticket_wrap > div > a {font-size: 30px;}


}

@media screen and (max-width:900px) {
   .time_table .step1 {  }
   .time_table .step1 > div:nth-of-type(1n) {margin: 0 20px 20px 0;}

   .time_table .round {flex-wrap: wrap; justify-content: center !important;}
   .time_table .round li:nth-of-type(1n) {margin: 0 20px 20px 0;}

}



@media screen and (max-width:500px) {
    .time_table .step1 {justify-content: left;}
    .time_table .step1 > div.mo {display: none;}
  
    .w4_19_bg .flex .img_box {width: 50%;}
    .w4_19_bg .flex .text_box > p  {font-size: 24px;}
    .time_table .round {display: none !important;}
    .ticket_wrap {display: block;}
    .ticket_wrap > div  {width: 100%;}
}



 .sub_con .mark_wrap { 
    width:100%; padding:40px 20px; line-height:normal; border:1px solid #efefef; margin-bottom:40px;
    background-color:#f9f9f9; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
}
 .sub_con .mark_wrap li { display:flex; justify-content:center; align-items:center; }
 .sub_con .mark_wrap li:not(:last-of-type) { margin-right:20px; }
 .sub_con .mark_wrap li .mark_o { margin:0 5px 0 0; }

@media screen and (max-width:1000px) {
     .sub_con .mark_wrap li { font-size:15px; }
}
@media screen and (max-width:860px) {
     .sub_con .mark_wrap { padding:30px 10%; justify-content:flex-start;  }
     .sub_con .mark_wrap li { margin-right:0 !important; width:calc( 100% / 3 ); justify-content:flex-start; margin-top:10px; }
     .sub_con .mark_wrap li:nth-of-type(-n+3) { margin-top:0; }
}
@media screen and (max-width:680px) {
     .sub_con .mark_wrap { padding:20px 5%; }
     .sub_con .mark_wrap li { font-size:14px; }

    .sub_con .mark_o { width:20px; font-size:12px; }
}
@media screen and (max-width:600px) {
     .sub_con .mark_wrap { padding:20px 15%; }
     .sub_con .mark_wrap li { width:calc( 100% / 2 );}
     .sub_con .mark_wrap li:nth-of-type(3) { margin-top:10px; }
}
@media screen and (max-width:480px) {
     .sub_con .mark_wrap { padding:20px 5%; }
}
@media screen and (max-width:370px) {
     .sub_con .mark_wrap { padding:20px 5%; }
     .sub_con .mark_wrap li { width:100%; justify-content:center; }
     .sub_con .mark_wrap li:nth-of-type(2) { margin-top:10px; }
}
/*w4 시간표/ 예매 끝*/

/* w5 아카데미 */
.w5_c_wr {display: flex; column-gap: 50px;}
.w5_c_wr>img{width: 30% !important;}

@media screen and (max-width:800px) {
  .w5_c_wr {display: block; column-gap: 0px;}
    .w5_c_wr>img{width: 50% !important;}
}

@media screen and (max-width:400px) {
 
    .w5_c_wr>img{width: 100% !important;}
}


/* w5 아카데미 끝 */


.w14_flex {display: flex; justify-content: space-between; width: 100%;  flex-wrap : wrap}
.w14_flex img{width: 100% !important; min-width:360px;}



.w8_link {padding: 10px 20px; border: 1px solid #e5e5e5; border-radius: 20px; transition: 0.5s;}
.w8_link:hover {background: #15536d; color: #fff !important;}



.title {font-size: 25px;
    line-height: 35px;
    color: #333333;
    padding: 30px 0 0;
    margin-top: 30px;
    text-align: center;
    word-break: keep-all;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
	}

.main_title {    font-size: 25px;
    line-height: 35px;
    color: #111111;
    font-weight: 600;
}
.sub_title {font-size: 16px;
    color: #555555;
    margin-bottom: 10px;
}

.schd {font-size: 18px;
    font-weight: 600;
}

.img_bot_text {    text-align: center;
    padding: 15px 0;
    background-color: #f1f1f1;
    font-size: 16px;
    color: #666666;}