@charset "utf-8";
/* Sub Header */
#header.type_main.sub {transition:.3s;}
#header.type_main.sub .gnb > ul > li > a {color: #000;}
#header.type_main.sub .gnb > ul > li:hover > a {color: #fff;}
#header.type_main.sub.sc {box-shadow: 5px 5px 15px rgba(0,0,0,0.07);background-color: #fff;}

/*** Sub Common ***/
#wrap.sub_wrap {padding-top: 122px;}
#wrap.sub_wrap .wrap {max-width: 1480px;}
#wrap.sub_wrap > section {padding-bottom: 9.375em;}
#wrap.sub_wrap > section > article {padding-bottom: 7.5em;}
#wrap.sub_wrap > section > article:last-child {padding-bottom: 0;}

.h2_page {font-family:'SMTOWN-400','Noto Sans KR',sans-serif;font-size: 2.5em;line-height: 1.6;font-weight: 600;color: #000;margin-bottom: .7em;text-align: center;}

.process {background-color: #f6f6f6;margin-bottom: 6.875em;font-family:'SMTOWN','Noto Sans KR',sans-serif;}
.process .left {float: left;}
.process .right {float: right;}
.process span {font-size: .8125em;display: block;float: left;position: relative;padding-right: 2em;line-height: 3.846;letter-spacing: -0.03em;}
.process span:after {display: block;content: '';position: absolute;right: 1em;top: 50%;transform:translateY(-50%) rotate(20deg);width: 1px;height: 14px;background-color: #666;}
.process span:last-child {padding-right: 0;}
.process span:last-child:after {display: none;}
.process span a {position: relative;color: #000;}
.process span.current a:after {display: block;content: '';position: absolute;top: 2.7em;left: 50%;margin-left: -5px;width: 10px;height: 5px;box-sizing:border-box;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #000;}


.smu_tit1 {text-align: center;}
.smu_tit1 dt {font-family:'SMTOWN-400','Noto Sans KR',sans-serif;font-size: 1.875em;font-weight: 600;line-height: 1;color: #2e3042;}
.smu_tit1 dt span {font-family: 'SMTOWN-500','Noto Sans KR',sans-serif;font-weight: 500;}
.smu_tit1 dd {font-size: 1.125em;line-height: 1.8334;margin-top: 1.3334em;}


.smu1_1 .arti01 .dtb {padding-bottom: 1.875em;}
.smu1_1 .arti01 dl {padding-right: 5.5em;text-align: left;}
.smu1_1 .arti01 dl dt {}
.smu1_1 .arti01 dl dd {}
.smu1_1 .arti01 figure {width: 36.4584%;}

.smu1_1 .arti02 ul {display:flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2.5em;}
.smu1_1 .arti02 ul li {width: 19%;max-width: 264px;}
.smu1_1 .arti02 ul li dl {margin-top: .875em;}
.smu1_1 .arti02 ul li dl dt {font-size: 1.125em;color: #2e3042;}
.smu1_1 .arti02 ul li dl dt span {font-weight: 600;font-family:'SMTOWN','Noto Sans KR',sans-serif;}
.smu1_1 .arti02 ul li dl dd {font-size: .8125em;letter-spacing: -0.01em;margin-top: -2px;}

.smu1_1 .arti03 {padding: 7.5em 0 6em !important;background-color: #f6f6f6;}
.smu1_1 .arti03 ul {display:flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3.125em;}
.smu1_1 .arti03 ul li {position: relative;width: 32%;max-width: 460px;padding: 3.125em;background-color: #fff;}
.smu1_1 .arti03 ul li dl {}
.smu1_1 .arti03 ul li dl dt {font-size: 1.125em;color: #2e3042;line-height: 1;font-family:'SMTOWN-400','Noto Sans KR',sans-serif;}
.smu1_1 .arti03 ul li dl dd {font-size: .9375em;line-height: 2;margin-top: .8667em;}
.smu1_1 .arti03 ul li span {display: block;position: relative;font-size: .8125em;line-height: 1;padding-left: 2.308em;margin-top: 3.077em;font-family:'SMTOWN','Noto Sans KR',sans-serif;}
.smu1_1 .arti03 ul li span:before {display: block;content: '';position: absolute;top: 50%;left: 0;width: 1.539em;height: 1px;background-color: #f297b3;}
.smu1_1 .arti03 ul li i {display: block;position: absolute;bottom: 2.5em;right: 2.5em;}
.smu1_1 .arti03 ul li i img {height: 5em;}
.smu1_1 .arti03 center {margin-top: 5em;}

.smu1_1 .arti04 {padding-top: 7.5em;}
.smu1_1 .arti04 .inner {position: relative;padding-left: 33.3334%;margin-top: 2.5em;}
.smu1_1 .arti04 .inner .img_cover {position: absolute;top: 0;left: 0;width: 31.25%;height: 100%;background: url(../../images/_smu.sub/smu1_1_4img.jpg) no-repeat center top/cover;box-shadow: 5px 5px 15px rgba(0,0,0,0.07);}
.smu1_1 .arti04 .inner .txt {padding: 4.094em 5em;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.smu1_1 .arti04 .inner .txt p {font-size: .9375em;line-height: 2;letter-spacing: -0.04em;}
.smu1_1 .arti04 .inner .txt p ~ p {margin-top: 2em;}
.smu1_1 .arti04 .inner .txt span {display: block;text-align: right;margin-top: 3.25em;}
.smu1_1 .arti04 .inner .txt span img {display: inline-block;vertical-align: top;height: 2.1875em;}


.smu1_2 .arti01 .this {overflow: hidden;margin-top: 2.5em;padding-bottom: 50px;}
.smu1_2 .arti01 .this .owl-carousel .owl-stage-outer {overflow: visible;}
.smu1_2 .arti01 .this .smu1_2_list {width: 80%;max-width: 857px;margin: 0 auto;}
.smu1_2 .arti01 .this .smu1_2_list .item {width: 100%;height: 30.25em;padding: 0 2.6875em;transform:scale(.85);transition:.3s;}
.smu1_2 .arti01 .this .smu1_2_list .item img {position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: auto;height: auto;max-width: calc(100% - 5.375em);max-height: 100%;box-shadow: 0 0 0 rgba(0,0,0,0.0);}
.smu1_2 .arti01 .this .smu1_2_list .active {}
.smu1_2 .arti01 .this .smu1_2_list .active .item {transform:scale(1);}
.smu1_2 .arti01 .this .smu1_2_list .active .item img {box-shadow: 5px 5px 15px rgba(0,0,0,0.07);}

.smu1_2 .arti01 .this .owl-theme .owl-nav {margin: 0;position: absolute;top: 50%;width: 100%;height: 0;}
.smu1_2 .arti01 .this .owl-theme .owl-nav [class*=owl-] {display: block;margin: 0;padding: 0;position: absolute;width: 23px;height: 35px;margin-top: -17px;text-indent: -9999px;}
.smu1_2 .arti01 .this .owl-theme .owl-nav .owl-prev {left: -40px;background: url(../../images/_smu.sub/smu1_2_arw-01.png) no-repeat center center/cover;}
.smu1_2 .arti01 .this .owl-theme .owl-nav .owl-next {right: -40px;background: url(../../images/_smu.sub/smu1_2_arw-02.png) no-repeat center center/cover;}

.smu1_2 .arti01 .this .owl-theme .owl-dots {position: absolute;top: 100%;left: 0;width: 100%;margin-top: 30px;text-align: center;}
.smu1_2 .arti01 .this .owl-theme .owl-dots .owl-dot {display: inline-block;vertical-align: top;}
.smu1_2 .arti01 .this .owl-theme .owl-dots .owl-dot span {display: block;width: 12px;height: 12px;border: 1px solid #ccc;background-color: #fff;margin: 0 6px;transition:.3s;}
.smu1_2 .arti01 .this .owl-theme .owl-dots .owl-dot.active span,
.smu1_2 .arti01 .this .owl-theme .owl-dots .owl-dot:hover span {background-color: #ccc;width: 35px;}

.smu1_2 .arti01 .another {margin-top: 9em;}
.smu1_2 .arti01 .another > div {overflow: auto;padding-bottom: 5em;}
.smu1_2 .arti01 .another > div ul {width: 277.78%;}
.smu1_2 .arti01 .another > div ul li {float: left;width: 400px;padding-right: 10px;}
.smu1_2 .arti01 .another > div ul li a {position: relative;padding-bottom: 66.67%;background-color: #f5f5f5;}
.smu1_2 .arti01 .another > div ul li a img {position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: auto;height: auto;max-width: 100%;max-height: 100%;}

.smu1_2 .arti01 .another > div::-webkit-scrollbar {width: 10px;height: 5px;}
.smu1_2 .arti01 .another > div::-webkit-scrollbar-thumb {background-color: #abaaaa;}
.smu1_2 .arti01 .another > div::-webkit-scrollbar-track {background-color: #f9f9f9;}

.smu1_2 .arti01 .another > a {font-family:'SMTOWN-400','Noto Sans KR',sans-serif;float: right;font-size: 1.125em;font-weight: 500;color: #c1c1c1;margin-top: -2.8em;}

.smu1_3 .arti02 > div,
.smu1_3 .arti02 > dl {width: 49%;max-width: 690px;}
.smu1_3 .arti02 > div {float: left;border: 1px solid #ddd;}
.smu1_3 .arti02 > div iframe {display: block;width: 100%;height: 400px;}
.smu1_3 .arti02 > dl {float: right;color: #333;}
.smu1_3 .arti02 > dl dt {font-family:'SMTOWN-400','Noto Sans KR',sans-serif;font-size: 1.25em;font-weight: 500;line-height: 1;border-bottom: 2px solid #333;padding-bottom: .5em;margin-bottom: 2em;}
.smu1_3 .arti02 > dl dd {font-size: 1.3125em;line-height: 1.9;font-weight: 500;}
.smu1_3 .arti02 > dl dd:last-child {font-size: 1.125em;height: 2.223em;font-weight: 500;margin-top: 2em;}
.smu1_3 .arti03 {margin-top: -3.75em;}
.smu1_3 .arti03 > ul {display:flex;flex-wrap: wrap;justify-content: space-between;border: 1px solid #ddd;text-align: center;}
.smu1_3 .arti03 > ul li {position: relative;width: 33.3334%;border-right: 1px solid #ddd;padding: 4.375em 1.25em;}
.smu1_3 .arti03 > ul li:last-child {border-right: 0;}
.smu1_3 .arti03 > ul li:after {display: block;content: '';position: absolute;top: 50%;right: 0;width: 10px;height: 10px;margin-right: -5px;margin-top: -5px;transform:rotate(45deg);background-color: #f197b1;z-index: 1;}
.smu1_3 .arti03 > ul li:last-child:after {display: none;}
.smu1_3 .arti03 > ul li i {display: block;margin-bottom: .9375em;}
.smu1_3 .arti03 > ul li i img {}
.smu1_3 .arti03 > ul li span {font-size: .8125em;line-height: 1;color: #000;font-family:'SMTOWN-400','Noto Sans KR',sans-serif;}
.smu1_3 .arti03 > ul li p {font-size: .9375em;line-height: 2;margin-top: 1em;}


.smu2_1 .arti01 {}
.smu2_1 .arti01 ul {display:flex;flex-wrap: wrap;justify-content: space-between;max-width: 1000px;margin: 0 auto 3.75em;border: 1px solid #2e3042;text-align: center;}
.smu2_1 .arti01 ul li {width: 20%;border-right: 1px solid #2e3042;}
.smu2_1 .arti01 ul li:last-child {border-right: 0;}
.smu2_1 .arti01 ul li a {font-family:'SMTOWN-500','Noto Sans KR',sans-serif;font-weight: 500;font-size: 1.125em;line-height: 3.332;color: #2e3042;transition:.3s;}
.smu2_1 .arti01 ul li:hover a,
.smu2_1 .arti01 ul li.current a {background-color: #2e3042;color: #fff;}
.smu2_1 .arti01 .box {margin-top: 3.75em;border: 1px solid #ddd;display: table;width: 100%;table-layout: fixed;;padding: 1.25em 0;}
.smu2_1 .arti01 .box div {display: table-cell;vertical-align: middle;text-align: center;padding: 0 .625em;border-right: 1px solid #ddd;}
.smu2_1 .arti01 .box div:last-child {border-right: 0;}
.smu2_1 .arti01 .box div p {display: inline-block;font-size: .9375em;line-height: 2;text-align: left;}
.smu2_1 .arti01 .box div p img {margin-right: 1.1em;}

.smu2_1 .arti02 .smu_tit1 dt {text-align: left;}
.smu2_1 .arti02 ul {position: relative;margin-top: 1.5em;}
.smu2_1 .arti02 ul:before {display: block;content: '';position: absolute;top: 5%;left: 50%;width: 1px;height: 90%;background-color: #ddd;}
.smu2_1 .arti02 ul:after {display: block;clear: both;content: '';}
.smu2_1 .arti02 ul li {float: left;width: 43%;font-size: 1em;line-height: 1.8334;padding-left: 1.5em;background: url(../../images/_smu.sub/smu2_1_1_2ico.jpg) no-repeat left top .65em/.6667em;letter-spacing: -0.04em;}
.smu2_1 .arti02 ul li:nth-child(2n+1) {clear: both;}
.smu2_1 .arti02 ul li:nth-child(2n+2) {float: right;}
.smu2_1 .arti02 a {margin: 3.4375em auto 0;font-size: .9375em;font-weight: 700;line-height: 3.3334;color: #fff;width: 12.2667em;border-radius: 1.7em;background-color: #2e3042;text-align: center;}font-family:'SMTOWN','Noto Sans KR',sans-serif;
.smu2_1 .arti02 a:after {display: inline-block;vertical-align: middle;content: '';width: 7px;height: 9px;background: url(../../images/_smu.sub/smu2_1_1_2arw.png) no-repeat left top/100%;margin-left: 12px;}

.smu2_1 .arti03 {padding-top: 7.5em;background-color: #f6f6f6;}
.smu2_1 .arti03 .box {position: relative;margin-top: 2.5em;}
.smu2_1 .arti03 .box:after {display: block;content: '';position: absolute;top: 0;left: 0;width: 15.625em;height: 100%;background: #333 url(../../images/_smu.sub/smu2_1_1_3img.jpg) no-repeat center center/6.25em;}
.smu2_1 .arti03 .box ul {padding-left: 16.875em;display:flex;flex-wrap: wrap;justify-content: space-between;}
.smu2_1 .arti03 .box ul li {position: relative;width: 32%;max-width: 390px;padding: 2.5em 1.875em;background-color: #fff;}
.smu2_1 .arti03 .box ul li dl {}
.smu2_1 .arti03 .box ul li dl dt {font-size: 1.125em;color: #000;line-height: 1;font-family:'SMTOWN-400','Noto Sans KR',sans-serif;}
.smu2_1 .arti03 .box ul li dl dt sup {position: relative;top: 3px;}
.smu2_1 .arti03 .box ul li dl dd {font-size: .9375em;margin-top: 1.075em;}
.smu2_1 .arti03 .box ul li span {display: block;position: relative;font-size: .8125em;line-height: 1;padding-left: 2.3em;margin-top: 1.5em;font-family:'SMTOWN','Noto Sans KR',sans-serif;}
.smu2_1 .arti03 .box ul li span:before {display: block;content: '';position: absolute;top: 50%;left: 0;width: 1.538em;height: 1px;background-color: #f297b3;}
.smu2_1 .arti03 .box ul li i {display: block;text-align: right;margin-top: .875em;}
.smu2_1 .arti03 .box ul li i img {display: inline-block;vertical-align: top;height: 5em;}

.smu2_1 .arti04 {margin-top: 7.5em;}
.smu2_1 .arti04 .box {margin-top: 2.5em;}

.smu2_1 .arti05 .box {display:flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2.5em;}
.smu2_1 .arti05 .box > div {width: 49%;max-width: 690px;}
.smu2_1 .arti05 .box > div.left {position: relative;padding: 3.125em;height: 23.9375em;}
.smu2_1 .arti05 .box > div.left h5 {font-size: 1.875em;line-height: 1;font-weight: 700;color: #000;}
.smu2_1 .arti05 .box > div.left h5 img {margin-top: 1.334em;}
.smu2_1 .arti05 .box > div.left p {position: absolute;bottom: 2.4em;left: 3.3334em;font-size: .9375em;font-weight: 300;line-height: 1.3334;color: #000;padding-left: 7.6667em;}
.smu2_1 .arti05 .box > div.left p b {font-weight: 700;}
.smu2_1 .arti05 .box > div.left p img {position: absolute;top: 50%;left: 0;transform:translateY(-50%);width: 5.6em;}
.smu2_1 .arti05 .box > div.left i {position: absolute;bottom: 2.4em;left: 3.3334em;font-size: .9375em;}
.smu2_1 .arti05 .box > div.right {position: relative;padding-top: .625em;}
.smu2_1 .arti05 .box > div.right p {position: absolute;top: 50%;left: 0;width: 100%;transform:translateY(-50%);font-size: .9375em;line-height: 2;position: relative;padding-top: .7334em;letter-spacing: -0.04em;min-height: 6.7334em;}
.smu2_1 .arti05 .box > div.right p:before {display: block;content: '';position: absolute;top: 0;left: 0;width: 1.3334em;height: 1px;background-color: #f297b3;}
.smu2_1 .arti05 .box > div.right ul {display:flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1.375em;}
.smu2_1 .arti05 .box > div.right ul li {width: 49%;max-width: 336px;}

.smu2_1 .arti05 .box2 {display:flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2.5em;}
.smu2_1 .arti05 .box2 > div {width: 49%;max-width: 690px;}
.smu2_1 .arti05 .box2 > div p {margin-top: 2em;font-size: .9375em;line-height: 2;position: relative;padding-top: .7334em;letter-spacing: -0.04em;min-height: 6.7334em;}
.smu2_1 .arti05 .box2 > div p:before {display: block;content: '';position: absolute;top: 0;left: 0;width: 1.3334em;height: 1px;background-color: #f297b3;}

.smu2_1 .arti06 {padding-top: 7.5em;background-color: #f6f6f6;text-align: center;}
.smu2_1 .arti06 img {height: 44.6875em;margin-bottom: 3.125em;}
.smu2_1 .arti06 p {font-size: .9375em;line-height: 2;}

.smu2_1 .arti07 {padding-top: 7.5em;text-align: center;}
.smu2_1 .arti07 dl {position: relative;z-index: 1;}


.smu2_1_pop_bg {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 101;}
.smu2_1_pop {display: none;position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 100%;max-width: 1458px;height: 90vh;background-color: #fff;z-index: 102;}
.smu2_1_pop .close {width: 3.125em;height: 3.125em;position: absolute;right: -5em;top: 0;z-index: 103;background: url(../../images/_smu.sub/smu2_1_pop_close.png) no-repeat center center/1.875em;}
.smu2_1_pop section {padding: 2em 5em;overflow-y: auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.smu2_1_pop section article {padding-bottom: 7.5em;}
.smu2_1_pop section article:last-child {padding-bottom: 0;}

.smu2_1_pop section article.top {}
.smu2_1_pop section article.top .smu_tit1 {position: relative;z-index: 1;}
.smu2_1_pop section article.top center {margin: 0;}
.smu2_1_pop section article.top .stb {margin-top: 2.5em;}
.smu2_1_pop section article.top .stc-tl {position: relative;padding: 3.125em;color: #fff;background: url(../../images/_smu.sub/smu2_pop1_1bg3.jpg) no-repeat center center/cover;}
.smu2_1_pop section article.top .stc-tl h3 {font-family:'SMTOWN-500','Noto Sans KR',sans-serif;font-size: 1.875em;font-weight: 500;}
.smu2_1_pop section article.top .stc-tl p {font-size: .9375em;}
.smu2_1_pop section article.top .stc-tl p.ty1 {position: absolute;bottom: 3.3334em;left: 3.3334em;max-width: calc(100% - 6.6667em);}
.smu2_1_pop section article.top .stc-ml {border: 1px solid #ddd;border-left: 0;padding: 3.125em;}
.smu2_1_pop section article.top .stc-ml dl {padding-left: 1.25em;position: relative;margin-top: 1.25em;}
.smu2_1_pop section article.top .stc-ml dl:first-child {margin-top: 0 !important;}
.smu2_1_pop section article.top .stc-ml dl:before {display: block;content: '';position: absolute;top: .5em;left: 0;width: 5px;height: 5px;background-color: #2e3042;}
.smu2_1_pop section article.top .stc-ml dl dt {font-size: 1.125em;line-height: 1;font-weight: 600;color: #333;}
.smu2_1_pop section article.top .stc-ml dl dd {font-size: .9375em;line-height: 2;margin-top: .5em;}
.smu2_1_pop.stage section article.top .stc-tl {background: url(../../images/_smu.sub/smu2_pop1_2bg3.jpg) no-repeat center center/cover;}
.smu2_1_pop.stage section article.top .stc-ml dl {margin-top: 5.4375em;}

.smu2_1_pop section article.mid {padding-top: 7.5em;background-color: #f6f6f6;}
.smu2_1_pop section article.mid ul {margin-top: 2.5em;/* display:flex;flex-wrap: wrap;justify-content: space-between; */text-align: center;}
.smu2_1_pop section article.mid ul li {display: inline-block;vertical-align: top;width: 32%;margin: 0 1%;max-width: 406px;border: 1px solid #ddd;background-color: #fff;}
.smu2_1_pop section article.mid ul li:first-child {margin-left: 0;}
.smu2_1_pop section article.mid ul li:last-child {margin-right: 0;}
.smu2_1_pop section article.mid ul li img {margin-bottom: 2.8125em;}
.smu2_1_pop section article.mid ul li span {display: none;font-size: 1.875em;line-height: 1;color: #2e3042;}
.smu2_1_pop section article.mid ul li dl {position: relative;margin-top: 1.625em;padding: 1.625em 2.8125em 2.5em;}
.smu2_1_pop section article.mid ul li dl:before {display: block;content: '';position: absolute;top: 0;left: 50%;width: 6.25em;margin-left: -3.125em;height: 1px;background-color: #ddd;}
.smu2_1_pop section article.mid ul li dl dt {font-weight: 600;font-size: 1.25em;color: #2e3042;}
.smu2_1_pop section article.mid ul li dl dd {display: none;font-size: .9375em;line-height: 2;margin-top: 2px;}

/* 230310 수정(article.mid) */
.smu2_1_pop section article.mid ul li img {margin-bottom: 0;}
.smu2_1_pop section article.mid ul li dl:before {display: none;}
.smu2_1_pop section article.mid ul li dl {padding: 1.5em;margin-top: 0;}

.smu2_1_pop section article.bot {background-color: #f6f6f6;}
.smu2_1_pop section article.bot ul {margin-top: -1.875em;display:flex;flex-wrap: wrap;justify-content: space-between;}
.smu2_1_pop section article.bot ul li {position: relative;width: 49%;max-width: 625px;padding: 3.125em;border: 1px solid #ddd;margin-top: 1.875em;background-color: #fff;}
.smu2_1_pop section article.bot ul li p {font-size: 1.125em;line-height: 1.6667;}
.smu2_1_pop section article.bot ul li img {display: none;position: absolute;right: 3.375em;bottom: 3.375em;height: 4.625em;}



.smu2_2 .arti01 {}
.smu2_2 .arti01 ul {max-width: 1080px;margin: 0 auto;}
.smu2_2 .arti01 ul:after {display: block;clear: both;content: '';}
.smu2_2 .arti01 ul li {position: relative;text-align: center;float: left;width: 29.6297%;margin-left: 5.55545%;margin-top: 3.75em;}
.smu2_2 .arti01 ul li:nth-child(3n+1) {clear: both;margin-left: 0;}
.smu2_2 .arti01 ul li a {padding-bottom: 137.5%;overflow: hidden;}
.smu2_2 .arti01 ul li a > img {position: absolute;top: 0;left: 0;width: 100%;height: auto;}
.smu2_2 .arti01 ul li a > div {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);opacity: 0;transition:.3s;}
.smu2_2 .arti01 ul li a > div h5 {position: absolute;top: 50%;left: 0;transform:translateY(-50%);width: 100%;font-size: 1.5625em;color: #fff;line-height: 1.4;font-weight: 300;padding: 0 15%	;font-family:'SMTOWN-400','Noto Sans KR',sans-serif;}
.smu2_2 .arti01 ul li a > div span {display: block;position: absolute;bottom: 3.5em;width: 100%;left: 0;color: #fff;}
.smu2_2 .arti01 ul li a > div img {position: absolute;bottom: 0;right: 0;width: 3.125em;}
.smu2_2 .arti01 ul li:hover a > div {opacity: 1;}
.smu2_2 .arti01 ul.ty1 {margin-top: 3.75em;}
.smu2_2 .arti01 ul.ty1 li {width: 18.982%;margin-left: 1.25%;margin-bottom: 1.25%;margin-top: 0;overflow: hidden;}
.smu2_2 .arti01 ul.ty1 li:nth-child(3n+1) {clear: none;margin-left: 1.25%;}
.smu2_2 .arti01 ul.ty1 li:nth-child(5n+1) {clear: both;margin-left: 0;}
.smu2_2 .arti01 ul.ty1 li a {padding-bottom: 100%;overflow: hidden;}
.smu2_2 .arti01 ul.ty1 li a > img {width: 100%;}
.smu2_2 .arti01 ul.ty1 li a > div h5 {font-size: 1.25em;}
.smu2_2 .arti01 ul.ty1 li a > div span {font-size: .875em;bottom: 2em;}

.smu2_2 .arti02 {}
.smu2_2 .arti02 figure {float: left;width: 34.7223%;}
.smu2_2 .arti02 figure img {box-shadow: 5px 5px 15px rgba(0,0,0,0.07);}
.smu2_2 .arti02 div {float: right;width: 57.6389%;padding-top: 1.125em;}
.smu2_2 .arti02 div h4 {font-family:'SMTOWN-500','Noto Sans KR',sans-serif;font-size: 1.875em;font-weight: 400;color: #2e3042;}
.smu2_2 .arti02 div h4 small {font-family:'SMTOWN-400','Noto Sans KR',sans-serif;font-size: .6em;margin-left: 1em;}
.smu2_2 .arti02 div ul {position: relative;padding: 3.125em 5em;background-color: #f6f6f6;margin-top: 1.125em;margin-bottom: 2.5em;}
.smu2_2 .arti02 div ul p,.smu2_2 .arti02 div ul span,.smu2_2 .arti02 div ul b,.smu2_2 .arti02 div ul u {background: none !important;}
.smu2_2 .arti02 div ul:before {display: block;content: '';position: absolute;left: 50%;top: 50%;transform:translateY(-50%);width: 1px;height: calc(100% - 7em);background-color: #ddd;}
.smu2_2 .arti02 div ul p,
.smu2_2 .arti02 div ul li {float: left;width: 50%;font-size: .9375em;line-height: 2;}
.smu2_2 .arti02 div ul p:nth-child(2n+1)
.smu2_2 .arti02 div ul li:nth-child(2n+1) {padding-right: 5.334em;}
.smu2_2 .arti02 div ul p:nth-child(2n+2),
.smu2_2 .arti02 div ul li:nth-child(2n+2) {padding-left: 5.334em;}
.smu2_2 .arti02 div h5 {font-size: 1.125em;font-weight: 400;color: #2e3042;border-bottom: 1px solid #333;padding-bottom: .556em;font-family:'SMTOWN','Noto Sans KR',sans-serif;}
.smu2_2 .arti02 div ol {margin-top: 1.3em;}
.smu2_2 .arti02 div ol li {font-size: .9375em;line-height: 2;position: relative;padding-left: .667em;}
.smu2_2 .arti02 div ol li:before {display: block;content: '·';position: absolute;top: 0;left: 0;}
.smu2_2 .arti02 div ol div {float: none; width: 100%;padding-top: 0;}


.smu3_1 article .box .smu_tit1 dt {text-align: left;margin-bottom: 1.3334em;}
.smu3_1 .arti01 {}
.smu3_1 .arti01 .box {margin-top: 2.5em;}
.smu3_1 .arti01 .table {}
.smu3_1 .arti01 .table th,
.smu3_1 .arti01 .table td {font-size: 1.125em;line-height: 1.5;padding: 0;height: 3.3334em;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.smu3_1 .arti01 .table .bdr0 {border-right: 0;}
.smu3_1 .arti01 .table thead th {color: #fff;background-color: #2e3042;font-family:'SMTOWN-400','Noto Sans KR',sans-serif;}
.smu3_1 .arti01 .table tbody th {font-weight: 700;background-color: #f9eff0;color: #2e3042;}
.smu3_1 .arti01 .table tbody td {}
.smu3_1 .arti01 .table b {font-size: 1.375em;font-weight: 900;color: #2e3042;}
.smu3_1 .arti02 {}
.smu3_1 .arti02 .box {}
.smu3_1 .arti02 .box ul {display:flex;flex-wrap: wrap;justify-content: space-between;border: 1px solid #ddd;text-align: center;}
.smu3_1 .arti02 .box ul li {position: relative;width: 25%;border-right: 1px solid #ddd;padding: 4.375em 1.25em;}
.smu3_1 .arti02 .box ul li:last-child {border-right: 0;}
.smu3_1 .arti02 .box ul li:after {display: block;content: '';position: absolute;top: 50%;right: 0;width: 10px;height: 10px;margin-right: -5px;margin-top: -5px;transform:rotate(45deg);background-color: #f197b1;z-index: 1;}
.smu3_1 .arti02 .box ul li:last-child:after {display: none;}
.smu3_1 .arti02 .box ul li i {display: block;margin-bottom: .9375em;}
.smu3_1 .arti02 .box ul li i img {}
.smu3_1 .arti02 .box ul li span {font-size: .8125em;line-height: 1;color: #000;font-family:'SMTOWN-400','Noto Sans KR',sans-serif;}
.smu3_1 .arti02 .box ul li p {font-size: .9375em;line-height: 2;margin-top: 1em;}
.smu3_1 .arti02 .btns {margin-top: 3.75em;text-align: center;}
.smu3_1 .arti02 .btns a {display: inline-block;vertical-align: top;padding: 0 2.667em;font-size: .9375em;font-weight: 700;line-height: 3.3334;color: #fff;border-radius: 1.7em;background-color: #2e3042;text-align: center;margin: 0 .5em;font-family:'SMTOWN-400','Noto Sans KR',sans-serif;}
.smu3_1 .arti02 .btns a:after {display: inline-block;vertical-align: middle;content: '';width: 7px;height: 9px;background: url(../../images/_smu.sub/smu2_1_1_2arw.png) no-repeat left top/100%;margin-left: 12px;}


.smu3_3 .arti01 ul {margin-top: 2.5em;}
.smu3_3 .arti01 ul li {padding: 1.875em 3.125em;margin-bottom: 1.25em;border: 1px solid #ddd;position: relative;}
.smu3_3 .arti01 ul li:last-child {margin-bottom: 0;}
.smu3_3 .arti01 ul li dl {}
.smu3_3 .arti01 ul li dl dt {font-size: 1.125em;line-height: 1;color: #2e3042;font-weight: 700;margin-bottom: .85em;font-family:'SMTOWN-400','Noto Sans KR',sans-serif;}
.smu3_3 .arti01 ul li dl dd {font-size: .8125em;line-height: 1.5385;font-weight: 300;}
.smu3_3 .arti01 ul li a,
.smu3_3 .arti01 ul li span {display: block;position: absolute;top: 50%;right: 3.33em;transform:translateY(-50%);font-size: .9375em;color: #fff;border-radius:5px;line-height: 3.0667;width: 12.4em;background-color: #2f3d63;text-align: center;font-weight: 700;}
.smu3_3 .arti01 ul li span {background-color: #9aa5a9;}

.smu3_3 .arti02 .top {border-top: 2px solid #000;margin-top: 2.5em;border-bottom: 1px solid #ddd;}
.smu3_3 .arti02 .top h3 {padding: .5em 10px;border-bottom: 1px solid #ddd;font-size: 1.5em;color: #000;font-family:'SMTOWN-400','Noto Sans KR',sans-serif;}
.smu3_3 .arti02 .top ul {padding: 0 10px;}
.smu3_3 .arti02 .top ul li {float: left;font-size: .8125em;line-height: 3;margin-right: 2em;}
.smu3_3 .arti02 .top ul li b {font-weight: 600;color: #000;}
.smu3_3 .arti02 .files {border-bottom: 1px solid #ddd;}
.smu3_3 .arti02 .files ul {float: right;padding: 0 10px;}
.smu3_3 .arti02 .files ul li {float: left;font-size: .8125em;line-height: 3;margin-right: 2em;}
.smu3_3 .arti02 .files ul li a {padding-left: 15px;background: url(../../images/_smu.sub/ico_file.png) no-repeat left center/.8em;}
.smu3_3 .arti02 .mid {padding: 10px;min-height: 200px;border-bottom: 2px solid #000;}

.smu3_3 .btns {margin-top: 4.375em;text-align: center;}
.smu3_3 .btns:before,
.smu3_3 .btns:after {display: block;content: '';width: 100%;height: 15px;background: url(../../images/_smu.sub/smu3_3_bg.jpg);}
.smu3_3 .btns .wrap {padding: 5.9375em 1.25em;}
.smu3_3 .btns a {display: inline-block;vertical-align: top;font-size: .9375em;width: 17em;max-width: 30%;line-height: 3.2;border: 1px solid #9aa5a9;background-color: #f6f6f6;border-radius:1.7em;margin-right: .6em;font-weight: 600;}
.smu3_3 .btns a:last-child {margin-right: 0;background-color: #9aa5a9;color: #fff;}

.smu_pop_bg {display: none;position: fixed;z-index: 101;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.smu_pop {display: none;position: fixed;z-index: 102;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 90%;max-width: 620px;max-height: 85%;background-color: #fff;border-radius:5px;overflow-y: auto;overflow-x: hidden;}
.smu_pop .top {position: relative;background-color: #2f3d63;}
.smu_pop .top h4 {font-size: 1.125em;line-height: 4.4445;font-weight: 600;color: #fff;text-align: center;}
.smu_pop .top a {position: absolute;right: 1.875em;top: 50%;transform:translateY(-50%);width: 1.375em;}
.smu_pop .inner {padding: 3.125em 2.5em;padding-top: 0;}
.smu_pop .inner .table {margin: 0 -10px;}
.smu_pop .inner table {border-spacing:10px 10px;border-collapse: inherit;text-align: left;}
.smu_pop .inner table th,
.smu_pop .inner table td {font-family:'Noto Sans KR',sans-serif;vertical-align: middle;font-size: .9375em;}
.smu_pop .inner table th {font-weight: 300;line-height: 1.3334;}
.smu_pop .inner table th.ty1 {vertical-align: top;padding-top: 5px;}
.smu_pop .inner table th span {color: #ff0000;}
.smu_pop .inner table td {}
.smu_pop .inner table td input[type="text"],
.smu_pop .inner table td select {font-family:'Noto Sans KR',sans-serif;padding: 0 .6667em;height: 30px;width: 100%;}
.smu_pop .inner table td input[type="text"].dtb {background: url(../../images/_smu.sub/smu_cal.jpg) no-repeat right .625em center/.9334em;}
.smu_pop .inner table td select {background: url(../../images/_smu.sub/smu_sel.jpg) no-repeat right .625em center/.9334em;}
.smu_pop .inner table td input[type="radio"] {vertical-align: middle;}
.smu_pop .inner table td p {position: relative;padding-left: 3.4667em;}
.smu_pop .inner table td p b {position: absolute;top: 0;left: 0;font-weight: 400;line-height: 30px;}
.smu_pop .inner table td div {height: 10px;}
.smu_pop .inner .con1 {position: relative;padding: 1.5em 0;margin-bottom: 1.5em;}
.smu_pop .inner .con1:after {display: block;content: '';position: absolute;left: -3.125em;bottom: 0;width: calc(100% + 6.25em);height: 1px;background: url(../../images/_smu.sub/smu_pop_line.gif) repeat-x;}
.smu_pop .inner .con1 p {font-size: .9375em;line-height: 2;}
.smu_pop .inner .con2 ul {margin-top: 1em;}
.smu_pop .inner .con2 ul li {font-size: .8125em;line-height: 1.5385;}
.smu_pop .inner .con2 ol {margin-top: 1.75em;}
.smu_pop .inner .con2 ol li {position: relative;padding: 1em 2em;font-size: .9375em;line-height: 1.5;background-color: #f6f6f6;margin-bottom: .667em;}
.smu_pop .inner .con2 ol li:last-child {margin-bottom: 0;}
.smu_pop .inner .con2 ol li:after {display: block;content: '';clear: both;}
.smu_pop .inner .con2 ol li p {font-family:'Noto Sans KR',sans-serif;float: left;}
.smu_pop .inner .con2 ol li a {clear: both;margin-left: 0;font-size: .8667em;font-weight: 700;color: #2f3d63;}
.smu_pop .inner .con2 ol li input {position: absolute;top: 50%;right: 1.875em;transform:translateY(-50%);}
.smu_pop .inner input[type="submit"] {display: block;width: 100%;font-size: .9375em;line-height: 3.7334;border-radius:2em;background-color: #2f3d63;color: #fff;text-align: center;margin-top: 2em;}


.smu5_1 .arti01 ul {display:flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2.5em;}
.smu5_1 .arti01 ul li {width: 31%;max-width: 440px;}
.smu5_1 .arti01 ul li a {position: relative;}
.smu5_1 .arti01 ul li a img {}
.smu5_1 .arti01 ul li a dl {position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,0.7);color: #fff;padding: 1.25em 1.5em;}
.smu5_1 .arti01 ul li a dl dt {font-size: 1.125em;line-height: 1;width: 100%;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;font-family:'SMTOWN','Noto Sans KR',sans-serif;}
.smu5_1 .arti01 ul li a dl dd {font-size: .9375em;line-height: 1;margin-top: .67em;}

.smu5_1 .arti02 ul {display:flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2.5em;}
.smu5_1 .arti02 ul li {width: 24%;max-width: 316px;}
.smu5_1 .arti02 ul li a {position: relative;}
.smu5_1 .arti02 ul li a:before {display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #ddd;box-sizing:border-box;}
.smu5_1 .arti02 ul li a div {padding: 1.5em 1.25em;}
.smu5_1 .arti02 ul li a div pre,
.smu5_1 .arti02 ul li a div span {font-family:'SMTOWN','Noto Sans KR',sans-serif;font-weight: 300;font-size: .8125em;line-height: 1.5385;}
.smu5_1 .arti02 ul li a div span {display: block;margin-top: 1.5385em;padding-left: 1.3077em;background: url(../../images/_smu.sub/smu5_1_ico.jpg) no-repeat left center;}

.smu5_1 .arti03 .tbl {margin-top: 2.5em;}
.smu5_1 .arti03 h4 {font-size: .9375em;line-height: 2;text-align: center;background-color: #f6f6f6;border-top: 1px solid #000;}
.smu5_1 .arti03 h4:after {display: block;clear: both;content: '';}
.smu5_1 .arti03 h4 span {}
.smu5_1 .arti03 ul {text-align: center;border-bottom: 1px solid #ddd;}
.smu5_1 .arti03 ul li {font-size: .9375em;line-height: 2;cursor:pointer;background-color: #fff;transition:.3s;text-align: center;position: relative;border-top: 1px solid #ddd;}
.smu5_1 .arti03 ul li:before {display: block;content: '▼';position: absolute;top: 1em;right: 1.5em;transition:.3s;}
.smu5_1 .arti03 ul li:after {display: block;clear: both;content: '';}
.smu5_1 .arti03 ul li.current {background-color: #f9eff1;}
.smu5_1 .arti03 ul li.current:before {transform:rotate(180deg)}
.smu5_1 .arti03 ul li > span {}
.smu5_1 .arti03 ul li > div {display: none;clear: both;text-align: left;border-top: 1px solid #ddd;padding: .667em 2em 2em 7em;background-color: #fff;}
.smu5_1 .arti03 ul li > div:after {display: block;clear: both;content: '';}
.smu5_1 .arti03 ul li > div .url_a {float: right;font-size: .8667em;width: 9.23em;line-height: 2.538;border: 1px solid #ddd;border-radius:1.7em;text-align: center;margin-top: 2.5em;}
.smu5_1 .arti03 ul li > div .url_a:after {display: inline-block;content: '';vertical-align: middle;width: 1em;height: 1em;margin-left: .67em;margin-top: -3px;background: url(../../images/_smu.sub/smu5_1_link.png) no-repeat left top;background-size:100%;}

.smu5_1 .arti03 h4 span,
.smu5_1 .arti03 ul li span {display: block;float: left;padding: 1em;border-left: 1px solid #ddd;}
/* .smu5_1 .arti03 h4 span:nth-child(1),
.smu5_1 .arti03 ul li span:nth-child(1) {width: 19.5%;}
.smu5_1 .arti03 h4 span:nth-child(2),
.smu5_1 .arti03 ul li span:nth-child(2) {width: 19.5%;}
.smu5_1 .arti03 h4 span:nth-child(3),
.smu5_1 .arti03 ul li span:nth-child(3) {width: 61%;border-right: 0;} */
.smu5_1 .arti03 h4 span:nth-child(1),
.smu5_1 .arti03 ul li span:nth-child(1) {width: 20%;border-left: 0;}
.smu5_1 .arti03 h4 span:nth-child(2),
.smu5_1 .arti03 ul li span:nth-child(2) {width: 80%;}


.smu5_2 .wrap {max-width: 1240px !important;}

.smu5_2 .arti01 {margin-bottom: 40px;}
.smu5_2 .arti01 .owl-theme {margin-top: 2.5em;}

.smu5_2 .arti01 .owl-theme .owl-nav {margin: 0;position: absolute;top: 100%;width: 100%;left: 50%;transform:translateX(-50%);height: 0;margin-top: 40px;max-width: 357px;z-index: 1;}
.smu5_2 .arti01 .owl-theme .owl-nav [class*=owl-] {display: block;margin: 0;padding: 0;position: absolute;width: 8px;height: 13px;text-indent: -9999px;}
.smu5_2 .arti01 .owl-theme .owl-nav .owl-prev {left: 0;background: url(../../images/_smu.sub/smu5_2_arw-01.png) no-repeat center center/cover;}
.smu5_2 .arti01 .owl-theme .owl-nav .owl-next {right: 0;background: url(../../images/_smu.sub/smu5_2_arw-02.png) no-repeat center center/cover;}
.smu5_2 .arti01 .owl-theme .owl-dots {position: absolute;top: 100%;left: 0;width: 100%;margin-top: 40px !important;text-align: center;}
.smu5_2 .arti01 .owl-theme .owl-dots .owl-dot {display: inline-block;vertical-align: top;}
.smu5_2 .arti01 .owl-theme .owl-dots .owl-dot span {display: block;width: 12px;height: 12px;border: 1px solid #ccc;background-color: #fff;margin: 0 6px;transition:.3s;}
.smu5_2 .arti01 .owl-theme .owl-dots .owl-dot.active span,
.smu5_2 .arti01 .owl-theme .owl-dots .owl-dot:hover span {background-color: #ccc;width: 35px;}

.smu5_2 .arti02 iframe {width: 100% !important;height: 675px !important;}

.smu5_2 .arti03 {}
.smu5_2 .arti03 .owl-theme {margin-top: 2.5em;}
.smu5_2 .arti03 .owl-theme .owl-nav {margin: 0;position: absolute;top: 50%;width: 100%;left: 0;height: 0;}
.smu5_2 .arti03 .owl-theme .owl-nav [class*=owl-] {display: block;margin: 0;padding: 0;position: absolute;width: 32px;height: 44px;margin-top: -22px;text-indent: -9999px;}
.smu5_2 .arti03 .owl-theme .owl-nav .owl-prev {left: 12px;background: url(../../images/_smu.sub/smu5_2_arw2-01.png) no-repeat center center/cover;}
.smu5_2 .arti03 .owl-theme .owl-nav .owl-next {right: 12px;background: url(../../images/_smu.sub/smu5_2_arw2-02.png) no-repeat center center/cover;}
.smu5_2 .arti03 .owl-theme .item {padding-bottom: 66.6667%;background-color: #ddd;}
.smu5_2 .arti03 .owl-theme .item img {position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: auto;height: auto;max-width: 100%;max-height: 100%;}

.smu5_2 .arti03 ul {margin-top: -1.25%;margin-top: 2.5em;}
.smu5_2 .arti03 ul li {float: left;width: 32.5%;margin-left: 1.25%;margin-top: 1.25%;}
.smu5_2 .arti03 ul li:nth-child(3n+1) {margin-left: 0;}
.smu5_2 .arti03 ul li a {position: relative;padding-bottom: 66.6667%;background-color: #ddd;}
.smu5_2 .arti03 ul li a img {position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: auto;height: auto;max-width: 100%;max-height: 100%;}


.bo_btns {text-align: center;margin-bottom: 2.5em;border-left: 1px solid #ddd;border-top: 1px solid #ddd;display: inline-block;vertical-align: top;}
.bo_btns:after {display: block;clear: both;content: '';}
.bo_btns a {float: left;width: 10em;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 3;}
.bo_btns a.current {color: #fff;background-color: #000;}