@charset "utf-8";

@import url("swiper.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');

@font-face {
    font-family: 'EF_watermelonSalad';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-EF@1.0/EF_watermelonSalad.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tenada';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
     font-weight: 100;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
     font-weight: 200;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: 800;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: 900;
     font-style: normal;
}



/**************************************************************************************************************
	공통
**************************************************************************************************************/
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !important }
.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 }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb110 { margin-bottom:110px !important }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none_bor { border:0 !important }
.text_center { text-align:center !important }
.text_left { text-align:left !important }
.text_right { text-align:right !important }
.f12 { font-size:12px !important; line-height: 1.4em; }
.f16 { font-size:16px !important; line-height: 1.4em; }
.f17 { font-size:17px !important; line-height: 1.4em; }
.f18 { font-size:18px !important; line-height: 1.4em; }
.f19 { font-size:19px !important; line-height: 1.4em; }
.f20 { font-size:20px !important; line-height: 1.4em; }
.f24 { font-size:24px !important; line-height: 1.4em; }
.f25 { font-size:25px !important; line-height: 1.4em; }
.f29 { font-size:29px !important; line-height: 1.4em; }
.f31 { font-size:31px !important; line-height: 1.4em; }
.f34 { font-size:34px !important; line-height: 1.4em; }

.lh34 { line-height: 34px !important; }
.lh44 { line-height: 44px !important; }
.col-box:after { display: block; content: ''; clear: both; }
.col-box .col-left { float:left; }
.col-box .col-right { float:right; }

.flex {display:flex;}
.col {display:flex;flex-direction:column;}
.col-re {display:flex;flex-direction:column-reverse;}
.row-re {display:flex;flex-direction:row-reverse;}
.border-t {border-top:1px solid rgba(0,0,0,.2);}
.inner {width:100%;max-width:1360px;margin:0 auto;}
.more {display:block;width:fit-content;margin:0 auto;color:var(--color-point);}
.more i:before {color:var(--color-point);}

:root {
    --color-point: #7231a5;
	--color-main: #faf4f9;
	--color-sub:#f4a7b1;
}
/***********************************************************************************
	Common
************************************************************************************/

/* html,body {overflow-x:hidden;} */
html {scroll-behavior: smooth;}
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#151515;  }
address, em { font-style:normal }
body,input,select,textarea,a,button {color: #151515; text-decoration: none;font-size:14px;line-height: 1.4em;}
h1,h2,h3,h4,h5,h6 {color: #151515; text-decoration: none;line-height: 1.4em;letter-spacing:-0.5px;}
h1 {font-size:28px;font-weight:700;}
h2 {font-size:26px;font-weight:600;}
h3 {font-size:22px;font-weight:600;}
strong {font-size:20px;line-height: 1.4em;font-weight:500;}
.accent {font-size:18px;line-height: 1.4em;font-weight:500;}
p {font-size:16px;line-height: 1.4em;font-weight:400;}

a:hover { text-decoration: none;}
body { -webkit-text-size-adjust: none; }

* {box-sizing: border-box; -webkit-box-sizing:border-box;color: #151515;font-family: 'SpoqaHanSansNeo';}
img { max-width:100%; }
ul:after { display: block; content: ''; clear: both; }

@media all and (max-width:1000px){
	h1 {font-size:24px;}
	h2 {font-size:22px;}
	h3 {font-size:18px;}
	strong {font-size:16px;}
	.accent {font-size:14px;}
	p {font-size:14px;}

}

.content {padding:0 0 60px;}
.content .title > p {text-align:center;margin-bottom:60px;color:#aaa;}
.content .title {display:block;text-align:center;margin: 60px auto 0;width:100%;max-width:500px;}
.content .title h2 {font-family: 'EF_watermelonSalad';margin-bottom: 8px;}
ul li a .txt img {display:none;}
span.date {font-size: .9em;color: #aaa;text-align: end;display: block;}

header {position:fixed;top:0;width:100%;background:none; z-index:99 ;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
header.h-color {background:#fff;}
header.scrollDown {transform: translate(0, -160px);}
#head > .inner { width:100%;max-width:1360px; margin: 0 auto;padding:0 15px;height:80px; position: relative;display: flex;align-items: center;justify-content: space-between;}
#head > .inner > h1 {width:12%;min-width:120px;}
#head > .inner > h1 > a {display:block;}
#pc-gnb > div > ul { /* padding:0 12px; */ display:flex;justify-content:center;}
#pc-gnb > div > ul > li {/*  float:left; */ position: relative; }
#pc-gnb > div > ul > li:last-child a {color:var(--color-point);}
#pc-gnb .btn-dep1 { display: block; height:80px; line-height: 80px; padding:0 30px;font-weight: 500;font-size:17px;border:1px solid var(--color-main);}
header.h-color #pc-gnb .btn-dep1 {border:1px solid #fff;}
#pc-gnb .btn-dep1:hover { color:var(--color-point); border:1px solid var(--color-point);}
header.h-color #pc-gnb .btn-dep1:hover { color:var(--color-point); border:1px solid var(--color-point);}
#pc-gnb > div > ul > li:last-child:after {display:none;}
#pc-gnb .dep2 { display: none;position: absolute; left: 0;  right:0; top:50px; background: #fff; padding:13px 0; border: 1px solid #ddd; }
#pc-gnb .dep2 .btn-dep2 { display: block;text-align: center; line-height: 25px; padding:0 10px; margin:0 -1px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#pc-gnb .dep2 .btn-dep2:hover { background: #bcbdc1; color:#fff;}
#pc-gnb > div > ul > li:hover .dep2 { display: block; }
.etc {margin:5px;}
.etc > a {font-size:13px;font-weight:500;color:#555;}
.etc > a:hover {color:#999;}
.etc > a .s_dash {font-size:10px;margin:0 4px;color:#bbb;}

@media all and (max-width:960px) {
	#head > .inner > h1 {margin: 0 auto;width:auto;}
	#head > .inner { height:45px;}
	#head h1 {text-align: center;transform: translateX(0%); }
	#head h1 img { height:25px; }
	#pc-gnb { display: none; }
	#head .etc { display: none; }
}

/* --- search --- */
.search-box{ width:180px;height:inherit;text-align: end;}
.search-box .search-inner { display:block;}
.search-box fieldset{ position: relative; display: flex;align-items:center;justify-content:space-between;background: none; border:1px solid #aaa; border-radius: 5px;padding-right:8px;}
.search-box fieldset input,
.search-box fieldset button { position: relative;padding: 0; background:none;display: inline-block;outline: 0 none;}
.search-box fieldset input { color: #575756;font-size:12px; z-index: 2; border:none;float:left;width:85%;padding:6px 10px;border-radius: 5px 0 0 5px;}

@media all and (max-width:960px) {
	.search-box { display:none; }
}

.main-visual { /* background-image:url(../img/common/main_bg.jpg); */ background-color:#373c42; background-repeat: no-repeat; background-position: 0% 45%; background-size:auto 600px; height: 240px; text-align: center; color: #fff; padding:55px 0;  }
.main-visual .txt1 { font-size:44px; padding-bottom: 30px; margin-bottom: 25px; position: relative; }
.main-visual .txt1:before { content: ''; position: absolute; left: 50%; bottom:0; height:1px; background: #fff; width:150px;  margin-left: -75px; }
.main-visual .txt2 {letter-spacing:-0.5px; font-size:16px; line-height: 24px; margin-bottom: 30px; }

.main { width:100%;max-width:1360px; margin: 60px auto;}
.main-full { width:100%;/* max-width:1380px; */margin:0 auto; padding:80px 0 0;position:relative;}
.main-full:before {width:100%;height:50%;content:"";display:block;background:var(--color-main);position:absolute;top:0;left:0;}
.main_banner { padding:0px 15px; width:1030px; margin: 0 auto; }
.main:after, .main_banner:after  { display: block; content: ''; clear: both; }

.main .title,
.main-full .title { margin: 0 auto 30px; width:100%; text-align: center; position:relative; }

/* Swiper */
.swiper1 { position: relative; width: 100%;max-width:1360px;margin:0 auto;border-radius:0px;/* box-shadow: 0px 0px 16px rgba(0,0,0,0.2); */}
.swiper1 .swiper-wrapper {align-items: center;transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.swiper1 .swiper-slide { text-align: center;width:100%;display: flex; justify-content: center; align-items: center; }
.swiper1 .swiper-slide-link { display: flex;}
.swiper1 .swiper-slide-link > .main-img {overflow:hidden;width:60%;}
.swiper1 .swiper-slide .image-slider { background-size: cover; background-position: center center;overflow: hidden; width: 100%; display: flex; align-items: flex-end; transition: all 0.3s ease; }
.swiper1 .swiper-slide .image-slider .caption {width:40%;background:#fff;display: flex; flex-direction:column; align-items: center; justify-content: center;padding: 30px; position: relative; overflow: hidden;z-index: 3; }
.swiper1 .swiper-slide .image-slider .caption strong {color:var(--color-point);font-weight:400;}
.swiper1 .swiper-slide .image-slider .caption .title {margin:4px 0 30px; padding:0;word-break:keep-all;}
.swiper1 .swiper-slide .image-slider .caption .description {overflow: hidden;width:100%;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align:left; }
.swiper-pagination { bottom: 0; }
.swiper-pagination-fraction {bottom:10px;left:15px;width:auto;}
.swiper-pagination-fraction,
.swiper-pagination-fraction span {color:#aaa;}
.swiper-control { letter-spacing: .15rem; position: relative; text-transform: uppercase; transition: padding 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); width: auto; }
.swiper-control .swiper-pagination { padding: 0 1.5rem; position: relative; }
.swiper-control i:before {font-size:34px;color:#aaa;line-height:30px;}
.swiper-control .swiper-button-prev,
.swiper-control .swiper-button-next,
.swiper-control .swiper-button-pause{display: inline-block; margin-top: 0;position: relative;margin: auto 0; opacity: 1;transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.swiper-control .swiper-button-prev:focus,
.swiper-control .swiper-button-next:focus { outline:none; } 
.swiper-control .swiper-button-prev:hover { left: 0px; }
.swiper-control .swiper-button-next:hover { right: 0px; }
.swiper-control .swiper-button-pause {position:relative;width:30px;height:30px;background:none;margin:0 14px 0 20px;}
.swiper-control .swiper-button-pause i {position:absolute;top:0;left:0;}
.swiper-control .swiper-button-pause .xi-play {opacity:0;}
.swiper-control .swiper-button-pause .xi-play,
.swiper-control .swiper-button-pause .xi-pause {transition:all 0.2s;}
.swiper1-control_bottom { margin:16px auto 0;display: flex;align-items: center;justify-content: end;width:100%;max-width:1360px;}
.swiper1-control_bottom i:before {font-size:30px;}
.swiper-control .swiper-button-pause i:before {font-size:24px;}

.swiper1-control_bottom .on .xi-play {opacity:1 !important;}
.swiper1-control_bottom .on .xi-pause {opacity:0;}

@media only screen and (max-width: 960px) {
	.swiper-control i:before {font-size:20px;}
	.swiper1 .swiper-slide-link > .main-img {width:50%;}
	.swiper1 .swiper-slide .image-slider .caption {width:50%;}
}

@media only screen and (max-width: 640px) {
	.swiper1 .swiper-slide-link {flex-direction:column;}
	.swiper1 .swiper-slide-link > .main-img {width:100%;}
	.swiper1 .swiper-slide .image-slider .caption {width:100%;}
}

.content .col-03 { width:100%; }
.content .col-03 > ul {width:100%;max-width:1360px;margin:0 auto;display:flex; justify-content:center;flex-wrap:wrap;}
.content .col-03 > ul li { width:50%; margin-bottom:30px; padding:0 15px; }
.content .col-03 > ul li .thum {overflow:hidden;width:40%;}
.content .col-03 ul li a {display:flex;align-items:center;}
.content .col-03 ul li a .txt img {display:none;}
.col-03 > ul li:nth-child(n+3) {margin-bottom: 0;}
.content .col-03 ul li a strong {display:block;margin-bottom:7px;}
.content .col-03 > ul li a .thum { margin-bottom:10px; border-radius:0px; overflow: hidden; position:relative;} 
.content .col-03 > ul li a .thum img { width:100%; transition: all 0.3s ease; }
.content .col-03 > ul li a .tit {overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.content .col-03 > ul li a .txt {width:60%;color: #333;margin-left:15px; }
.content .col-03 > ul li a .txt p {color: #aaa;text-align: justify;overflow: hidden;max-height: 68px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word;-webkit-line-clamp: 3;}
.content .col-03 > ul li a:hover .thum {  }
.content .col-03 > ul li a:hover .thum img { transform:scale(1.1); }
.content .col-03 > ul li a:hover .txt { opacity:0.7; }

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

@media only screen and (max-width: 640px) {
	.content .col-03 > ul {flex-direction:column; }
	.content .col-03 > ul li { width:100%;}
	.col-03 > ul li:nth-child(3) {margin-bottom:30px;}
}

/* --------best-------- */
.section-02 {width:100%;max-width:1360px;margin:0 auto;border-top: 1px solid rgba(0,0,0,.2);}
.section-02 .flex > ul {width:50%;padding:0 15px;height: inherit;align-self: stretch;justify-content: space-between;}
.section-02 .flex > ul:first-child {padding-right:20px;}
.section-02 .flex > ul:first-child li:nth-child(n+2) {display:none;}
.section-02 .flex > ul .txt {white-space:normal;display:-webkit-box;-webkit-line-clamp:5;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.section-02 .flex > ul .txt p {line-height:1.5em;color:#aaa;}
.section-02 .flex > ul:first-child .thum {margin-top:15px;}
.section-02 .flex > ul .thum {overflow:hidden;}
.section-02 .flex > ul .thum img {transition: all 0.3s ease;}

.section-02 .flex > .col li:first-child {display:none;}
.section-02 .flex > .col li:nth-child(-n+3) {margin-bottom:30px;}
.section-02 .flex > .col .row-re {align-items:center;justify-content:space-between;}
.section-02 .flex > .col .txt {width:60%;padding-left:5px;padding-right:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:4;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.section-02 .flex > .col .thum {width:40%;max-width:270px;}

.section-02 .flex > ul li a:hover .thum:before { background-color:rgba(0,0,0,0.2); }
.section-02 .flex > ul li a:hover .thum img { transform:scale(1.05); }
.section-02 .flex > ul li a:hover .txt { opacity:0.7; }

@media only screen and (max-width: 1000px) {
	.section-02 .flex {flex-wrap:wrap;}
	.section-02 .flex ul {width:100%;}
	.section-02 .flex ul:first-child {margin-bottom:30px;padding-right:15px;}
	.section-02 .flex > .col .txt {padding-left:0;}
	.section-02 .flex > .col .thum {max-width:unset;}
}

@media only screen and (max-width: 640px) {
	.section-02 .flex > ul li:nth-child(-n+3) {margin-bottom:30px;}
	.section-02 .flex > .col .txt {-webkit-line-clamp:3;}
}

/*---------main_bn ----------*/
.main-bn {height:200px;margin-top:140px;}
.main-bn .inner {height:inherit;align-items:center;padding:0 15px;justify-content:center;position:relative;}
.main-bn .inner:before {background:var(--color-main);width:100%;height:70%;display:block;content:"";position:absolute;bottom:14px;z-index:-1;}
.main-bn .bn-logo {width:250px;align-self:flex-end;}
.main-bn .txt {margin:40px 150px 0 50px;}
.main-bn a {border-radius:5px;position:relative;display:block;margin-top:40px;padding:8px 16px;background:var(--color-point);border:1px solid var(--color-point);transition:all 0.2s;-webkit-transition:all 0.2s;}
.main-bn a p {color:#fff;font-size:16px;font-weight:500;transition:all 0.3s;-webkit-transition:all 0.2s;}
.main-bn a:after {display:block;content:"Our Beauty";color:var(--color-point);text-align:center;width:100%;height:100%;font-size:16px;font-weight:500;opacity:0;position:absolute;top:0;left: 0;line-height: 38px;
transition:all 0.3s;-webkit-transition:all 0.2s;}
.main-bn a i {color:#fff;margin-left:8px;transition:all 0.2s;-webkit-transition:all 0.2s;}

.main-bn a:hover {background:none;}
.main-bn a:hover:after {opacity:1;}
.main-bn a:hover p {opacity:0;}

@media all and (max-width:1100px) {
	.main-bn {height:525px;margin-top:0;}
	.main-bn .inner {flex-direction:column;justify-content: flex-start;}
	.main-bn .inner:before {height:48.3%;bottom:0;}
	.main-bn .bn-logo {align-self:unset;}
	.main-bn .txt {margin:40px 0 0 0;text-align:center;}
}

@media all and (max-width:400px) {
	.main-bn .txt h2 {font-size:20px;}
	.main-bn {height:520px;}
	.main-bn .inner:before {height:48%;}
}

/* --------section_03------- */
.section-03 {width:100%;position:relative;padding-top: 60px;}
.section-03 .title {margin: 0 auto;}
.section-03 .inner { display: flex;flex-direction:column;background:#fff;padding:0 15px;overflow:hidden;}
.section-03 .inner .f-con {display: flex;align-items:center;flex-direction: row-reverse;position:relative;margin-bottom:60px;}
.section-03 .inner .f-con .thum { width:40%;padding:0;overflow:hidden;}
.section-03 .inner .f-con .thum img {transition: all 0.3s ease;}
.section-03 .inner .f-con .text { width:60%;max-height:200px;padding:30px;text-align:right;position:absolute;background:#fff;left:100px;bottom:-30px;} 
.section-03 .inner .f-con .text h3 {margin-bottom: 20px; font-weight: 500;}
.section-03 .inner .f-con .text p {color:#aaa;white-space:normal;display:-webkit-box;-webkit-line-clamp:4;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;}

.section-03 .inner > ul li:nth-child(2) .f-con {flex-direction: row;}
.section-03 .inner li:nth-child(2) .f-con .text {text-align:left;left:auto;right:100px;}

.section-03 .inner > ul li:nth-child(n+4) {display:none;}
.section-03 .text .accent  {margin: 16px 0;word-break: keep-all;}
.section-03 .text .t1  {margin-bottom: 20px; font-weight: 400;}

.section-03 .inner .f-con:hover .thum img { transform:scale(1.05); }

@media only screen and (max-width: 1000px) {
	.section-03 .inner .f-con {margin-bottom:30px;}
	.section-03 .inner .f-con .thum, 
	.section-03 .inner .f-con .text {width:100%;}
	.section-03 .inner .f-con .text, 
	.section-03 .inner li:nth-child(2) .f-con .text {text-align:center;padding:30px;position:unset;}
	.section-03 .inner .f-con .text p {text-align:left;}
}

@media only screen and (max-width: 680px) {
	.section-03 .inner .f-con, 
	.section-03 .inner > ul li:nth-child(2) .f-con{flex-direction:column;}
}

/* --------card_bn-------- */
.card_bn {width:100%;max-width:1360px;margin:0 auto;position:relative;padding-bottom:0;}
.swiper3 {width:88%;}
.swiper3 .swiper-slide {overflow:hidden;border-radius: 0px;}
.swiper3 .swiper-slide h3 {font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:center;}
.swiper3 .swiper-slide .thum {border-radius:0px;overflow: hidden;}
.swiper3 .swiper-slide .thum img { transition: all 0.3s ease; }
.swiper3 .swiper-slide .txt {margin:30px 16px;min-height: 70px;text-align: justify;}
.swiper3 .swiper-slide .txt p {color:#aaa;font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.swiper3-control_bottom {width:100%;max-width:1360px;padding:0 10px;top: -300px;display:flex;justify-content:space-between;}
.swiper3-control_bottom .swiper-button-prev,
.swiper3-control_bottom .swiper-button-next {text-align: center;line-height: 71px;padding-left: 2px;width:50px;height:50px;background:var(--color-sub);}
.swiper3-control_bottom i:before {font-size:38px;color:#fff;}

.swiper3 .swiper-slide:hover .thum img { transform:scale(1.1); }
.swiper3 .swiper-slide:hover .txt { opacity:0.7; }

@media only screen and (max-width: 1000px) {
	.swiper3-control_bottom {top:-256px;}
	.swiper3 .swiper-slide .txt {min-height:60px;}
	.swiper3-control_bottom .swiper-button-prev,
	.swiper3-control_bottom .swiper-button-next {width: 40px;height: 40px;line-height: 46px;}
	.swiper3-control_bottom .swiper-button-prev i:before,
	.swiper3-control_bottom .swiper-button-next i:before {font-size:20px;}
}

@media only screen and (min-width: 580px) {
	.pagination-bullet .swiper-pagination-bullet {display:none;}
}
@media only screen and (max-width: 580px) {
	.swiper3-control_bottom .swiper-button-prev,
	.swiper3-control_bottom .swiper-button-next {display:none;}
	.swiper3 {width:95%;margin-bottom: 60px;}
	.pagination-bullet {width:100%;bottom:55px;}
	.pagination-bullet .swiper-pagination-bullet {margin:0 10px;}
}


/* ------news_event------ */
.section-04 {width:100%;max-width:1360px;margin:0 auto;}
.section-04 .flex {align-items: flex-start;}
.section-04 .flex ul {padding:0 15px;}

.section-04 .content .scroll {width:60%;}
.section-04 .content .scroll > li:first-child {display:none;}
.section-04 .content .scroll li:nth-child(n+3) {margin-top:30px;}
.section-04 .content .scroll .row-re {justify-content:space-between;align-items:center;}
.section-04 .scroll .thum {width:30%;min-width:190px;border-radius:0px;overflow:hidden;}
.section-04 .content .thum img { transition: all 0.3s ease;}
.section-04 .scroll .txt {width:70%;padding-right:15px;}
.section-04 .content .txt strong {display:block;margin-bottom:8px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.section-04 .content .txt p {color:#aaa;font-size:14px;text-align: justify;max-height:40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.section-04 .content .txt img {display:none;}
.section-04 .content .sticky {width:40%;position: sticky;position: -webkit-sticky;top:90px;}
.section-04 .content .sticky > li:nth-child(n+2) {display:none;}
.section-04 .sticky .thum {width:100%;min-width:190px;border-radius:0px;overflow:hidden;}
.section-04 .sticky .txt {padding:15px 0;}
.section-04 .sticky .txt p {overflow: hidden;max-height:120px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5;}

.section-04 .content li > a:hover .thum:before { background-color:rgba(0,0,0,0.2); }
.section-04 .content li > a:hover .thum img { transform:scale(1.1); }
.section-04 .content li > a:hover .txt { opacity:0.7; }

.aside { position: fixed; top: 170px; }
.aside.left { left:50%; margin-left:-720px; width:200px; }
.aside.right { right:50%; margin-right:-720px; width:200px; }
.aside .banner ul li { margin-bottom:5px; box-sizing:border-box; }

@media only screen and (max-width: 768px) {
	.section-04 .flex {flex-direction:column;}
	.section-04 .content .stiky,
	.section-04 .content .scroll {width:100%;}
	.section-04 .content .stiky {position:relative;top:0;margin-bottom:30px;}
}

@media only screen and (max-width: 450px) {
	.section-04 .content li > a {flex-direction: column;}
	.section-04 .scroll .thum {margin-bottom:15px;}
	.section-04 .content .thum,
	.section-04 .content .txt {width:100%;}
	.section-04 .stiky .txt,
	.section-04 .scroll .txt {-webkit-line-clamp: 2;}
	.section-04 .stiky .txt {max-height:95px;padding-bottom:0;}
}

/*
.main .latest1 { float:left; width:240px; }
.main .title { font-size:24px; color: #222; margin-bottom: 10px; }
.main .title a { float:right; font-family: 'noto', sans-serif; font-size:13px; letter-spacing:-0.5px; padding-top:5px; }
.main .latest1 .article + .article { padding-top:10px; margin-top:10px; border-top:1px solid #ddd; }
.main .latest1 .article a { display: block; color: #454545; overflow: hidden;}
.main .latest1 .article a .date { font-size:12px; color: #888; display: block; margin-bottom: 3px;}
.main .latest1 .article a .subj { font-size:14px; color:#fff; background:#85bcc1; display: inline-block; vertical-align: middle; padding:4px 7px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main .latest1 .article a .txt { font-size:12px; line-height: 16px; max-height:32px; overflow: hidden; margin-top:5px; }
.main .latest2 { float:left; margin:0 20px; width:240px; }
.main .latest2 ul li { }
.main .latest1 ul li a, .main .latest2 ul li a { display: block; font-size:13px; color: #444; line-height: 26px; padding-left: 14px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main .latest1 ul li a:before, .main .latest2 ul li a:before { content: ''; position: absolute; left: 0; top:9px; width:4px; height: 4px; border: 2px solid #777; border-radius:100%; }
.main .banners { float:right; width:463px; position: relative; padding-right:206px;}
.main .banners > a { display: block; margin-bottom: 13px; }
.main .banners p { position: absolute; right:0; top:0px; width:193px;}
.main .banners p.floating { position: fixed; right:20px; top:30%; width:193px; }
*/


/* --------text_bn-------- */
.swiper2 {height:70px;}
.swiper2 .swiper-slide {color:#fff;-webkit-text-stroke:1px rgba(0,0,0,.2);font-size:60px;font-weight:800;letter-spacing:1px;overflow:hidden;white-space:nowrap;}

@media all and (max-width:1000px){
	.swiper2 {height:50px;}
	.swiper2 .swiper-slide {font-size:40px;}
}


#footer {background:#f4f4f4; }
#footer .copy {width:100%;max-width:1360px;margin:0 auto;}
#footer .copy .inner {padding:60px 15px;display: flex;align-items:center; position: relative;justify-content: space-between;}
#footer .copy .logo {width:30%;margin-right:30px;max-width:190px;}
#footer .copy .menu { margin-bottom: 15px; }
#footer .copy .menu a { margin-right:20px;font-size:13px; color: #333;}
#footer .copy .menu a:last-child {margin-right: 0;}
#footer .copy .addr {font-size:12px; line-height: 17px; color: #999; word-break:keep-all; }
#footer select {width:135px;height:40px;padding:5px;background:none;margin-left:30px;}
#footer select option {background:#f4f4f4;}

@media only screen and (max-width: 1000px) {
	#footer .copy .inner {align-items: flex-start;flex-direction: column;}
	#footer .copy .logo {min-width:180px;}
	#footer .copy .txt {margin:15px 0;}
	#footer select {margin-left:0px;}
}
@media only screen and (max-width: 680px) {
	#footer .copy .menu a {margin-right: 4px;}
}


.btn-m { display: none;position: absolute; left: 0; top:0; width:45px; height: 45px;text-align: center;}
.btn-m > i {color: var(--color-point);font-size: 24px;line-height: 44px;}
.bg-gnb { display: none; position: fixed; /* left: 0; */ left: 260px; right:0; top:0; bottom:0; background: rgba(0,0,0,0.7);z-index:2500; }
#m-gnb {position:fixed; left: 0; top:0; bottom:0; z-index:5000; width:260px; left:-260px; background: #fff;  height: 100%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
#m-gnb .scroller { position: absolute; left: 0; top:0; bottom:0; width:100%; overflow-y:scroll; text-align: left; padding:0 0 40px;}
#m-gnb .scroller > ul > li { border-bottom: 1px solid #ddd; }
#m-gnb .scroller a { display: block; padding:10px 15px; font-size:18px; color: #555; position: relative; }
#m-gnb .scroller > ul > li:last-child a { color:#7149C6; }
#m-gnb .scroller > ul > li.dep1 .btn-dep1:before { content: ''; position: absolute; right:15px; top:12px; width:10px; height: 10px; border-left: 2px solid #ccc; border-bottom: 2px solid #ccc; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } 
#m-gnb .scroller .dep2 { display: none; }
#m-gnb .scroller .btn-dep2 { border-top: 1px solid #ddd; background: #f2f2f2;font-size:15px; padding-left: 20px;}
#m-gnb .scroller > ul > li .btn-dep1.active:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); top:17px; }
#m-gnb .scroller .welcome a { background: #7149C6
; color: #fff; padding:20px 15px;}
#m-gnb .scroller .prev { text-align: right; }
#m-gnb .scroller .prev a { display: inline-block; width:45px; height: 45px; background: url(../img/common/ico_m_close.png) no-repeat 50% 50%; background-size:20px auto; text-indent: -9999px; text-align: left; opacity:0.5;}
body.fixed .bg-gnb { display: block;  }
body.fixed #m-gnb { left:0; }


.sub-visual {text-align: center;padding:105px 15px 25px;background: var(--color-main);}
.sub-visual .txt1 { font-size:30px; padding-bottom: 20px; margin-bottom: 15px; position: relative; padding-top:10px; color: var(--color-point); }
.sub-visual .txt1:before { content: ''; position: absolute; left: 50%; bottom:0; height:1px; background: var(--color-point); width:150px;  margin-left: -75px; }
.sub-visual .txt2 { font-size:13px; line-height: 20px;letter-spacing:-0.5px; }
.sub-visual .txt3 { display: none; }

#e-container { width:100%;max-width:1360px; margin: 0 auto;}
#e-container #e-content {position:relative;}
#e-container:after { display: block; content: ''; clear: both; }
#e-content h3 { font-size:30px; font-weight: 900; padding-left:15px; height:35px; line-height: 35px; position: relative; margin: 30px 0 20px;}

#e-content article {margin:0 0 60px;}
#e-content .sub_wrap { display: flex; justify-content:center; align-content: space-around; align-items:flex-start; margin-bottom:30px; }
#e-content .sub_wrap .sub_inner1 { flex: 1; padding-right: 15px; }
#e-content .sub_wrap .sub_inner2 { flex: 1; padding-left: 15px; }
#e-content .sub_wrap img { max-width:100%; display:block; margin:0 auto; }

#e-content h4 { margin-bottom:30px; width:100%; position:relative; }
#e-content h4 strong { display: inline-block; position: relative; z-index: 2; background:#fff; padding: 0 15px 0 15px; font-size:24px; font-weight:700; color: #222; line-height:1; border-left: 3px solid #d3072b; border-right: 3px solid #d3072b; word-break:keep-all; }
#e-content h4:after { content: ""; display: block; position: absolute; top: 11px; width: 100%; height: 1px; background: #666; }
#e-content .tit { font-size:18px; font-weight: 600; line-height: 1.6; margin-bottom: 20px; word-break:keep-all; }
#e-content .txt1 {font-size:14px; font-weight:300; line-height: 1.75; letter-spacing:-0.5px; color: #555; margin-bottom:20px; word-break:keep-all; }
#e-content .txt1.center { text-align:center; }
#e-content .about ul li a {font-size:1em; display:inline-block; font-weight:600; position:relative; z-index:2; word-break:keep-all; }
#e-content .about ul li a:after { content:""; position:absolute; left:0; bottom:10%; width:100%; height:0.6em; background:rgba(236,25,68,0.1); }
#e-content .about ul li a:hover { color:#d3072b; }
#e-content .btn_download {display: inline-block; vertical-align: middle; margin:20px auto; height: 3em; line-height: 3em; text-align: center; border-radius: 1.5em; font-size: 14px; color: #fff; padding: 0 20px; font-weight: 500; background: #222; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#e-content .btn_download:hover { background:#d3072b; }
#e-content q { display:inline-block; font-size:24px; font-weight: 600; line-height: 1.6; margin-bottom: 20px; word-break:keep-all; }
#e-content mark { background:#bfff00; }
#e-content .tit em, #e-content .txt1 em,
#e-content ul em, #e-content ol em, #e-content dl em, #e-content table em, #e-content q em {color:#d3072b;}

#e-content .list > li {font-size:16px; line-height: 1.6; font-weight:400; letter-spacing:-0.5px; margin:10px 0; padding-left:25px; position:relative; word-break:keep-all; }
#e-content .list > li > ul > li { font-size:14px; font-weight:300; padding-left:10px; margin:5px 0; position:relative; word-break:keep-all; }
#e-content .list li em { color:#d3072b; }
#e-content .list > li:before { content: '▶ '; color:#aaa; position:absolute; top:0; left:0; }
#e-content .list > li > ul > li:before { content: '- '; color:#d3072b; position:absolute; top:0; left:0; font-weight:600; }
#e-content .list_num { font-size:21px; line-height: 1.3; color: #555; margin-bottom:20px; padding-left:21px; }
#e-content .list_num > li { margin-bottom:15px; }
#e-content .list_num ul { margin-top:10px; }
#e-content .list_num ul li { font-size:18px; line-height: 1.5; color: #555; margin-bottom:5px; word-break:keep-all; }
#e-content .list_num ul li:before {content:'- ';}
#e-content .list_col { display: flex; flex-direction:row; flex-wrap:wrap; align-content: space-around; align-items:stretch; }
#e-content .list_col li { width:calc(50% - 10px); margin:5px; background:#efefef; padding: 20px 10px; }
#e-content .list_col li dt { font-size:20px;  line-height: 1.4; font-weight:600; margin-bottom:10px; text-align:center; word-break:keep-all; }
#e-content .list_col li dt i {font-size:30px; font-weight:900; line-height:1.7; color:#d3072b; }
#e-content .list_col li dd {font-size:16px; text-align:center; line-height: 1.6; font-weight:300; letter-spacing:-0.5px; word-break:keep-all; }

#e-content .table {width:100%; border-collapse: collapse; border-top:2px solid #d3072b;}
#e-content .table th {border-bottom: 1px solid #dedede; border-right: 1px dashed rgba(236,25,68,0.3); height:3em; padding:3px 20px; text-align:left;font-size:15px; line-height: 1.6; letter-spacing:-0.5px; font-weight:500; color: #222; word-break:keep-all; }
#e-content .table td {border-bottom: 1px solid #dedede;font-size:14px; line-height: 1.6; letter-spacing:-0.5px; padding:3px 20px; font-weight:300; word-break:keep-all; }
#e-content .table td.account { text-align:right; letter-spacing:0; }
#e-content .table tr:last-child th, #e-content .table tr:last-child td {border-bottom: 1px solid #ddd;}
#e-content .table thead th, #e-content .table thead td { background:rgba(236,25,68,0.5); border:none; text-align:center; font-size:16px; font-weight:500; color: #fff; width:auto; }
#e-content .table tfoot th, #e-content .table tfoot td { background:#efefef; text-align:center; font-size:16px; font-weight:500; color: #222; width:auto; }

#e-content .img {margin-bottom:20px; text-align:center; }

#e-content .board-srch { display: flex; align-items: center;  padding: 40px 0; background: #eff0f1; justify-content: center; margin-bottom: 40px; }
#e-content .board-srch .inp-box { width:45%;position: relative; }
#e-content .board-srch .inp-box .inp-srch { width:100%; border: 0 !important; border-bottom: 2px solid #1f376a !important; height: 60px; font-size:25px; background: none; box-shadow:none; outline:none;font-weight: 400;}
#e-content .board-srch .inp-box .btn-srch { position: absolute; top:0; height: 60px; right:0; width:60px; background: url(../img/sub/ico_srch.png) no-repeat 50% 50%; outline:none; text-indent: -99999px; }

#e-content .board-list-img { padding: 20px 0; }
#e-content .board-list-img ul li { padding-top:30px; border-top:1px dashed #ddd; margin-bottom: 30px; }
#e-content .board-list-img ul li a { display: flex; flex-direction:row; flex-wrap:wrap; align-items: center; position:relative; }
#e-content .board-list-img ul li a:before { position:absolute; top:0; left:6px; display:block; background:rgba(255,255,255,0.9); border-radius : 0 0 6px 6px; width:40px; height:40px; line-height:40px; text-align:center;font-size:20px; font-weight:900; color:#f26d6f; z-index:10; }
#e-content .board-list-img ul li:nth-child(1) a:before { content:'1'; background:rgba(242,109,111,0.9); color:#fff; }
#e-content .board-list-img ul li:nth-child(2) a:before { content:'2'; }
#e-content .board-list-img ul li:nth-child(3) a:before { content:'3'; }
#e-content .board-list-img ul li:nth-child(4) a:before { content:'4'; }
#e-content .board-list-img ul li:nth-child(5) a:before { content:'5'; }
#e-content .board-list-img ul li:nth-child(6) a:before { content:'6'; }
#e-content .board-list-img ul li a .img {  flex: 1; margin-right:25px; margin-bottom: 0; overflow:hidden; }
#e-content .board-list-img ul li a .img img { transition: all 0.5s ease; }
#e-content .board-list-img ul li a .rank { flex: 2;  }
#e-content .board-list-img ul li a .rank dl dt { font-size:18px; color: #222; font-weight:600; line-height : 1.5; margin-bottom:15px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
#e-content .board-list-img ul li a .rank dl dd {font-size:14px; letter-spacing:-0.5px; font-weight:300; color: #888; line-height : 1.6; margin-bottom:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word;
	-webkit-line-clamp: 2; line-height: 1.6em; height: calc(1.6em * 2); }
#e-content .board-list-img ul li a .rank .special {font-size:14px; letter-spacing:-0.5px; font-weight:300; color: #666; margin-bottom:15px; }
#e-content .board-list-img ul li a .rank .special strong {font-size:17px; color:#d4202e; }
#e-content .board-list-img ul li a .rank .ico-star { width:16px; height:16px; vertical-align:-2px; }
#e-content .board-list-img ul li a .rank .info {font-weight:400; color:#999; }
#e-content .board-list-img ul li a .rank .info .cate { }
#e-content .board-list-img ul li a .rank .info .view { color:#f26d6f; }
#e-content .board-list-img ul li a .rank .info .comment { color:#d4202e; }
#e-content .board-list-img ul li a .rank em { display: inline-block; vertical-align: middle; padding:2px 15px 3px; font-size:12px; color: #777; border: 1px solid #ddd; transition: all 0.5s ease; }
#e-content .board-list-img ul li a:hover .img img { transform:scale(1.2); }
#e-content .board-list-img ul li a:hover .rank { opacity:0.7; }
#e-content .board-list-img ul li a:hover .info em { background: #d4202e; border-color:#d4202e; color: #fff; }

#e-content .board-list-id { padding: 20px 0; }
#e-content .board-list-id ul { display: flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items: flex-start; }
#e-content .board-list-id ul li { width:33.3333%; padding-top:30px; border-top:1px dashed #ddd; margin-bottom: 30px; }
#e-content .board-list-id ul li a { display:block; padding:0 10px; position:relative; }
#e-content .board-list-id ul li a:before { position:absolute; top:0; left:0px; display:block; background:rgba(255,255,255,0.9); border:1px solid #f26d6f; border-radius : 6px; width:36px; height:36px; line-height:36px; text-align:center;font-size:20px; font-weight:900; color:#f26d6f; z-index:10; }
#e-content .board-list-id ul li:nth-child(1) a:before { content:'1'; background:rgba(242,109,111,0.9); color:#fff; }
#e-content .board-list-id ul li:nth-child(2) a:before { content:'2'; }
#e-content .board-list-id ul li:nth-child(3) a:before { content:'3'; }
#e-content .board-list-id ul li:nth-child(4) a:before { content:'4'; }
#e-content .board-list-id ul li:nth-child(5) a:before { content:'5'; }
#e-content .board-list-id ul li:nth-child(6) a:before { content:'6'; }
#e-content .board-list-id ul li:nth-child(7) a:before { content:'7'; }
#e-content .board-list-id ul li:nth-child(8) a:before { content:'8'; }
#e-content .board-list-id ul li:nth-child(9) a:before { content:'9'; }
#e-content .board-list-id ul li a .img { margin-bottom: 10px; overflow:hidden; border-radius:50%; }
#e-content .board-list-id ul li a .img img { transition: all 0.5s ease; }
#e-content .board-list-id ul li a .nick { font-size:18px; color: #222; font-weight:600; line-height : 1.5; text-align:center; }
#e-content .board-list-id ul li a:hover .img img { transform:scale(1.2); }
#e-content .board-list-id ul li a:hover .nick { opacity:0.7; }

#e-content .pagination { text-align: center; font-size:0; margin:30px 0; }
#e-content .pagination li { display: inline-block; vertical-align: middle; margin-right: -1px;}
#e-content .pagination li a { display: block; width: 43px; height: 43px; border: 1px solid #d7dae2; color: #4d4f5c; line-height: 41px; background-color: #fff; font-size: 14px; transition: all 0.5s ease;}
#e-content .pagination li.prev a { background: url(../img/sub/page_prev.png) no-repeat 50% 50%; }
#e-content .pagination li.next a { background: url(../img/sub/page_next.png) no-repeat 50% 50%; }
#e-content .pagination li a:hover,
#e-content .pagination li.active a{ background-color: #d4202e; border-color:#d4202e; position: relative; z-index:2; color: #fff;}

.contact #map { border: 1px solid #ddd; width:100%; height: 400px; margin-bottom: 20px; }
.contact .contact-txt { padding-left: 83px; position: relative; font-size:17px; line-height: 24px; color: #333; background: url(../img/common/ico_map.png) no-repeat 0 50%;}

.area:after { display: block; content: ''; clear: both; }
.area .section { overflow: hidden;}
.area .article { float:left; width:250px; background: #f2f2f2; padding:15px;  line-height: 22px; margin-bottom: 15px; padding-bottom: 40px; }
.area .article + .article { margin-left: 10px; }
.area .article .tit { font-size:30px; font-weight: 600; border-bottom: 1px solid #ccc; line-height: 1.2; padding-bottom: 7px}
.area .article .txt { font-size:14px; padding:15px 0; }
.area .article ul li { font-size:14px; }
.area .article ul li:before { content: 'ㆍ'; display: inline; margin-right:5px; }

.family .title { height:48px; line-height: 48px; font-size:20px; color: #fff; font-weight: 600;padding-left: 80px; background: #797979 url(../img/common/ico_user.png) no-repeat 10px 100%; margin-bottom: 30px; }
.family ul { margin-bottom: 60px;}
.family ul li { float:left; width:50%; margin-bottom: 30px; overflow: hidden;}
.family ul li .thum { float:left; margin-right:15px; border: 1px solid #ccc; }
.family ul li .info { overflow: hidden; font-size:13px; line-height: 20px; padding-top:10px; }
.family ul li .info strong { display: block; font-size:24px; color: #222; margin-bottom: 10px;}


@media all and (max-width:1540px) {
	.main-biz .text h3 {font-size:40px;}
}

@media all and (max-width:1030px) {
	.main_banner {display:none;}
}

@media all and (max-width:960px) {
	.btn-m { display: block; }
	.main-full { padding:45px 0 0; }
}

@media all and (max-width:768px) {
	.inner { width:auto; }
	.main-visual { height: auto; padding:70px 15px; background-size: auto 100% ; }
	.main-visual .txt1 { font-size:20px; line-height: 1.3; padding-bottom: 20px; margin-bottom: 15px;}
	.main-visual .txt2 { font-size:12px; line-height: 1.4;}

	.aside.left { float:none; width:100%; clear:both; }
	.aside.right { float:none; width:100%; clear:both; }
	.aside .banner ul li img {width:100%;}
	.main .latest1 { width:49%; }
	.main .latest2 { width:49%; float:right; margin: 0;}
	.main .banners { float:none; width:auto; clear:both; }
	.main .banners p { right:0px; top:0px; }
	.main .banners p.floating { position: absolute; right:0px; top:0px; display:none; }

	.area .article { width:100%; float:none; margin: 0 0 20px !important;}

	#e-container { width:auto;}
	#e-lnb { display:none; }
	#e-content { float:none; width:100%; }
	#e-content .sub_wrap { flex-direction: column; }
	#e-content .sub_wrap .sub_inner1, #e-content .sub_wrap .sub_inner2 { width:100%; padding:10px 0; }
	#e-content .list > li { font-size:14px; padding-left:18px; }
	#e-content .list_num { font-size:18px; padding-left:18px; }
	#e-content .list_num ul li { font-size:14px; }
	#e-content .list_col li dt { font-size:18px; }
	#e-content .list_col li dd { font-size:14px; }
	
	#e-content .pagination li a { width:35px; height: 35px; line-height: 33px; font-size:13px; }

	.family ul li { float:none !important; width:100%; clear:both; }
	.family ul li .thum { width:130px; }

	br.pc {display:none;}
}











input[type="password"] { font-family:"돋움",dotum !important;}
#mb_login #login_fs { border-bottom:1px solid #cfded8; margin-bottom:15px; }
/* 그누보드 */
.td_name { text-align:center !important; }
#container_title,
#bo_v_table,
#bo_vc,
#bo_vc_w,
#bo_v_act,
#login_info { display:none; }
#bo_gall .bo_tit, #bo_gall .bo_cnt, #bo_v_con,
#fboardlist table th, #fboardlist table td, #fboardlist table a {letter-spacing:-0.5px !important;  }
.ctt_privacy,
.ctt_use{ max-width:1000px; margin:30px auto !important;  padding:0 15px; }
@media all and (max-width:768px) {
	/* 그누보드 */
	#bo_list .tbl_head01 table thead th:nth-child(1),
	#bo_list .tbl_head01 table thead th:nth-child(4),
	#bo_list .tbl_head01 table thead th:nth-child(5),
	#bo_list .tbl_head01 table thead th:nth-child(6){ display:none;}
	#bo_list .tbl_head01 table tbody td:nth-child(1),
	#bo_list .tbl_head01 table tbody td:nth-child(4),
	#bo_list .tbl_head01 table tbody td:nth-child(5),
	#bo_list .tbl_head01 table tbody td:nth-child(6){ display:none;}
	#bo_sch #sfl { }
	#bo_sch .frm_input { width:30%; }

}


#map1 { width:100%; height:500px; border: 1px solid #ccc; margin-bottom: 45px;  }

#bo_v_con .ad_info {font-size:14px;color:#888;text-align:center;margin:100px 0 0;}

.bo_v_wrap .swiper4 {margin-top:60px;position:relative;padding-bottom: 40px;}
.bo_v_wrap .swiper4 .title {margin:0 15px 30px;}
.swiper4 .swiper-wrapper li {padding:0 15px;}
.swiper4 .swiper-wrapper li .thumbnail {border-radius:0px;overflow:hidden;margin-bottom:15px;}
.swiper4 .swiper-wrapper li p {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pagination-bullet-4 {width:100%;text-align:center;}
.pagination-bullet-4 .swiper-pagination-bullet {margin:0 5px;}