@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

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

@-ms-viewport{width:auto; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; word-break:keep-all;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body {
	line-height:1; overflow-x:hidden;
	font-weight:500 ! important;
    background:#fff; font-family:'Pretendard', 'Nanum Square',  'Noto Sans KR', sans-serif;
	}
ol, ul {list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
button, input[type='button'] { background:none; border:none; display:inline-block; padding:0; outline:none; outline-offset:0; cursor:pointer; -webkit-appearance:none; }
button::-moz-focus-inner,   input[type='button']::-moz-focus-inner { border:none; padding:0; }
strong {font-weight:bold !important; }

a { font:inherit; text-decoration:none; color: #333;}
a:focus { outline:none; }
a:active { background-color:transparent; text-decoration:none; }
a[href^="tel:"], a[href^="callto:"] { color:inherit; text-decoration:none; }

html,body {height: 100%; color: #333;;}

.mt5 {margin-top:5px !important; }
.mt10 {margin-top:7px !important; }
.mt20 {margin-top:10px !important; }
.mt30 {margin-top:15px !important; }
.mt40 {margin-top:20px !important; }
.mt50 {margin-top:25px !important; }
.mt60 {margin-top:30px !important; }
.mt70 {margin-top:40px !important; }
.mt80 {margin-top:50px !important; }
.mt90 {margin-top:50px !important; }
.mt100 {margin-top:50px !important; }
.mt110 {margin-top:50px !important; }

.mb5 {margin-bottom:5px !important; }
.mb10 {margin-bottom:7px !important; }
.mb20 {margin-bottom:10px !important; }
.mb30 {margin-bottom:15px !important; }
.mb40 {margin-bottom:20px !important; }
.mb50 {margin-bottom:25px !important; }
.mb60 {margin-bottom:30px !important; }
.mb70 {margin-bottom:40px !important; }
.mb80 {margin-bottom:50px !important; }
.mb90 {margin-bottom:50px !important; }
.mb100 {margin-bottom:50px !important; }


.pdt5 {padding-top:5px !important; }
.pdt10 {padding-top:7px !important; }
.pdt20 {padding-top:10px !important; }
.pdt30 {padding-top:15px !important; }
.pdt40 {padding-top:20px !important; }
.pdt50 {padding-top:25px !important; }
.pdt60 {padding-top:30px !important; }
.pdt70 {padding-top:40px !important; }
.pdt80 {padding-top:50px !important; }
.pdt90 {padding-top:50px !important; }
.pdt100 {padding-top:50px !important; }

.pdt5 {padding-bottom:5px !important; }
.pdt10 {padding-bottom:7px !important; }
.pdt20 {padding-bottom:10px !important; }
.pdt30 {padding-bottom:15px !important; }
.pdt40 {padding-bottom:20px !important; }
.pdt50 {padding-bottom:25px !important; }
.pdt60 {padding-bottom:30px !important; }
.pdt70 {padding-bottom:40px !important; }
.pdt80 {padding-bottom:50px !important; }
.pdt90 {padding-bottom:50px !important; }
.pdt100 {padding-bottom:50px !important; }
.pdt110 {padding-bottom:50px !important; }

.fs10 {font-size:6px; }
.fs11 {font-size:8px; }
.fs12 {font-size:9px; }
.fs13 {font-size:11px; }
.fs14 {font-size:12px; }
.fs15 {font-size:12px; }
.fs16 {font-size:12px; }
.fs18 {font-size:14px; }
.fs20 {font-size:15px; }
.fs22 {font-size:16px; }
.fs24 {font-size:18px; }
.fs25 {font-size:20px; }
.fs26 {font-size:20px; }
.fs28 {font-size:20px; }
.fs30 {font-size:24px; }
.fs32 {font-size:24px; }
.fs35 {font-size:24px; }
.fs38 {font-size:24px; }
.fs40 {font-size:25px; line-height:1em; }
.fs42 {font-size:25px; line-height:1em; }
.fs48 {font-size:25px; line-height:1em; }
.fs50 {font-size:35px; line-height:1em; }
.fs60 {font-size:40px; line-height:1em; }
.fs70 {font-size:45px; line-height:1em; }
.fs80 {font-size:50px; line-height:1em; }

.fw100 {font-weight:100; }
.fw200 {font-weight:200; }
.fw300 {font-weight:300; }
.fw400 {font-weight:400; }
.fw500 {font-weight:500; }
.fw600 {font-weight:600; }
.fw700 {font-weight:700; }
.fw800 {font-weight:800; }
.fwbold {font-weight:bold; }

@media (min-width: 992px) {
	body {font-size:16px; }

	.mt5 {margin-top:5px !important; }
	.mt10 {margin-top:10px !important; }
	.mt20 {margin-top:20px !important; }
	.mt30 {margin-top:30px !important; }
	.mt40 {margin-top:40px !important; }
	.mt50 {margin-top:50px !important; }
	.mt60 {margin-top:60px !important; }
	.mt70 {margin-top:70px !important; }
	.mt80 {margin-top:80px !important; }
	.mt90 {margin-top:90px !important; }
	.mt100 {margin-top:100px !important; }
	.mt110 {margin-top:110px !important; }

	.mb5 {margin-bottom:5px !important; }
	.mb10 {margin-bottom:10px !important; }
	.mb20 {margin-bottom:20px !important; }
	.mb30 {margin-bottom:30px !important; }
	.mb40 {margin-bottom:40px !important; }
	.mb50 {margin-bottom:50px !important; }
	.mb60 {margin-bottom:60px !important; }
	.mb70 {margin-bottom:70px !important; }
	.mb80 {margin-bottom:80px !important; }
	.mb90 {margin-bottom:90px !important; }
	.mb100 {margin-bottom:100px !important; }
	.mb110 {margin-bottom:110px !important; }

	.pdt5 {padding-top:5px !important; }
	.pdt10 {padding-top:10px !important; }
	.pdt20 {padding-top:20px !important; }
	.pdt30 {padding-top:30px !important; }
	.pdt40 {padding-top:40px !important; }
	.pdt50 {padding-top:50px !important; }
	.pdt60 {padding-top:60px !important; }
	.pdt70 {padding-top:70px !important; }
	.pdt80 {padding-top:80px !important; }
	.pdt90 {padding-top:90px !important; }
	.pdt100 {padding-top:100px !important; }

	.pdb5 {padding-bottom:5px !important; }
	.pdb10 {padding-bottom:10px !important; }
	.pdb20 {padding-bottom:20px !important; }
	.pdb30 {padding-bottom:30px !important; }
	.pdb40 {padding-bottom:40px !important; }
	.pdb50 {padding-bottom:50px !important; }
	.pdb60 {padding-bottom:60px !important; }
	.pdb70 {padding-bottom:70px !important; }
	.pdb80 {padding-bottom:80px !important; }
	.pdb90 {padding-bottom:90px !important; }
	.pdb100 {padding-bottom:100px !important; }
	.pdb110 {padding-bottom:110px !important; }

	.fs10 {font-size:10px !important; }
	.fs11 {font-size:11px !important; }
	.fs12 {font-size:12px !important; }
	.fs13 {font-size:13px !important; }
	.fs14 {font-size:14px !important; }
	.fs15 {font-size:15px !important; }
	.fs16 {font-size:16px !important; }
	.fs18 {font-size:18px !important; }
	.fs20 {font-size:20px !important; }
	.fs22 {font-size:22px !important; }
	.fs24 {font-size:24px !important; }
	.fs25 {font-size:25px !important; }
	.fs26 {font-size:26px !important; }
	.fs28 {font-size:28px !important; }
	.fs30 {font-size:30px !important; }
	.fs32 {font-size:32px !important; }
	.fs35 {font-size:35px !important; }
	.fs38 {font-size:38px !important; }
	.fs40 {font-size:40px !important; line-height:1em; }
	.fs42 {font-size:42px !important; line-height:1em; }
	.fs48 {font-size:48px !important; line-height:1em; }
	.fs50 {font-size:50px !important; line-height:1em; }
	.fs60 {font-size:60px !important; line-height:1em; }
	.fs70 {font-size:70px !important; line-height:1em; }
	.fs80 {font-size:80px !important; line-height:1em; }
}


.container {padding: 0 20px; position: relative;}
@media (min-width:1120px) {
	.container {width: 1070px; margin: 0 auto; padding: 0;}
}
@media (min-width:1280px) {
	.container {width: 1280px;}
}




/* header */
.area-wrap {position: relative;}
.header {padding:20px 10px 30px;}
.header h1 {}
.header h1.logo img {width:140px;}
.header .intro_right {position: inherit;right:0;overflow:hidden;width:100%;top: 10px;}
.header .intro_right ul {font-size: 0;}
.header .intro_right ul li {display:inline-block;width:50%;padding: 1px;}
.header .intro_right ul li a {width:100%;display:block;border-radius: 0;height: auto;line-height: 1.25em;padding: 10px 0px;font-size: 15px;text-align: center;font-weight: 500;color: #fff;}
.header .intro_right ul li a.item1 {background:#b22049;}
.header .intro_right ul li a.item2 {background:#1f2c5c; margin-right: 10px;}

@media (min-width:780px) {
	.header h1.logo img {width:200px;}
	.header .intro_right {position:absolute;top: 26px;right: 0;}
	.header .intro_right ul li {float: right;width: auto;}
	.header .intro_right ul li a {width: inherit;display:block;border-radius: 10px;height: auto;line-height: 1.25em;padding: 10px 15px;font-size: 15px;text-align: center;color: #fff;}

}
/* slide */
.main-content {width: 100%;}
.main-content .swiper-wrapper {}
.main-content .swiper-wrapper .swiper-slide {height: 450px;background-size: cover;background-position: center bottom;background-repeat: no-repeat; position: relative;}
.main-content .swiper-wrapper .main_bg_pc{display: none;}
.main-content .swiper-wrapper .main_bg_m{display: block; position: absolute; bottom: 0; right: 0; max-width: 220px;}

.main-content .swiper-wrapper .swiper-slide.item1{background-image: url(../images/visual/2022-0902_01.jpg);}
.main-content .swiper-wrapper .swiper-slide.item2{background-image: url(../images/visual/2022-0902_02.jpg);}
.main-content .swiper-wrapper .swiper-slide.item3{background-image: url(../images/visual/2022-0902_03.jpg);}
.main-content .swiper-wrapper .swiper-slide.item4{background-image: url(../images/visual/2022-0902_04.jpg);}
.main-content .swiper-wrapper .swiper-slide.item5{background-image: url(../images/visual/2022-0902_05.jpg);}
.main-content .swiper-wrapper .swiper-slide.item6{background-image: url(../images/visual/2022-0902_06.jpg);}
.main-content .swiper-wrapper .swiper-slide.item7{background-image: url(../images/visual/2022-0902_07.jpg);}
.main-content .swiper-wrapper .swiper-slide.item8{background-image: url(../images/visual/2022-0902_08.jpg);}

.container-slide {padding: 0 20px;position: relative;height: 100%;margin: 0 auto;display: flex;height: 100%;color: #fff;align-items: center;flex-wrap: nowrap;align-content: center;}
.container-slide .txt-box span, .container-slide .txt-box{text-shadow: 2px 2px 10px #000;}
.container-slide .txt-box span {font-size:18px; font-weight: 200;}
.container-slide .txt-box p.txt-1 {margin-top:10px;font-size: 30px; font-weight: 800;}
.container-slide .txt-box p.txt-2 {margin-top:20px; font-size:18px; background: #b22049; padding: 10px; border-radius: 10px; text-shadow: none; text-align: center;}
.container-slide .txt-box p.txt-3 {margin-top:10px;font-size: 22px;}
.container-slide .txt-box p.txt-24 {margin-top:10px;font-size: 24px;}

.swiper-button-prev {left:10px !important;background-image: url(../images/icon/prev-arow.png) !important;width: 50px !important;height: 50px !important;background-size: contain !important;}
.swiper-button-next {right:10px !important;background-image: url(../images/icon/next-arow.png) !important;width: 50px !important;height: 50px !important;background-size: contain !important;}

@media (min-width:780px) {
    .main-content .swiper-wrapper .swiper-slide {height: 500px;}
    .container-slide .txt-box span {font-size: 20px;}
    .container-slide .txt-box p.txt-1 {margin-top:10px;font-size: 44px;}
    .container-slide .txt-box p.txt-2 {margin-top: 20px;font-size: 20px; padding: 12px 15px;}
    .container-slide .txt-box p.txt-33 {margin-top: 10px;font-size: 36px;}
    .container-slide .txt-box p.txt-25 {margin-top: 10px;font-size: 25px;}
    .main-content .swiper-wrapper .main_bg_m{ bottom: 0; right: 0; max-width: 400px;}

}
@media (min-width:1120px)  {
	.container-slide {padding: 0 20px;position: relative;height: 100%;margin: 0 auto;text-align: left;height: 100%;color: #fff;align-items: normal;flex-wrap: nowrap;align-content: normal;justify-content: normal;}
	.container-slide .txt-box {position:absolute;top:50%;left: 10%;transform: translate(0,-50%);}
    .container-slide {width: 1070px; }
}
@media (min-width:1280px)  {
    .container-slide {width: 1280px;margin: 0 auto;padding: 0;}
    .swiper-button-prev {left: 20px !important;width:64px !important;height:64px !important;}
    .swiper-button-next {right: 20px !important;width:64px !important;height:64px !important;}
    .main-content .swiper-wrapper .main_bg_pc{display: block; position: absolute; top: 0; right: 0; z-index: 1;}
    .main-content .swiper-wrapper .main_bg_m{display: none;}
}

@media (min-width:1400px) {
	.container-slide .txt-box {left:0;}
}


/* area-1 */
.title {text-align: center;}
.title p:first-child {font-size: 16px;font-weight: 300;margin-bottom: 10px;}
.title p:last-child {font-size: 26px;font-weight: 600;}
.area-1 {padding: 40px 0;}
.area-1 ul {font-size: 0;margin: 0 auto;}
.area-1 ul li {font-size: 18px;font-weight: 300;width: 100%;display: block;vertical-align: top; margin-bottom: 20px;}
.area-1 ul li div.link-item {text-align:center;margin: 0; position: relative;}
.area-1 ul li div.link-item > div {padding: 30px 0px 72px;background: #fff;border-radius: 30px;position: relative;box-shadow: 5px 10px 20px rgba(0,0,0,0.1);}
.area-1 ul li div.link-item > div span {background-repeat: no-repeat;width: 60px;height: 60px;display: inline-block;text-align: center;margin: 0 auto;/* background-size: contain; */}
.area-1 ul li div.link-item > div span.item1 {background:url(../images/icon/con01-1.png);background-size: 60px;}
.area-1 ul li div.link-item > div span.item2 {background:url(../images/icon/con01-2.png);background-size: 60px;}
.area-1 ul li div.link-item > div span.item3 {background:url(../images/icon/con01-3.png);background-size: 60px;}
.area-1 ul li div.link-item > div > p.link-title {font-size: 18px;font-weight: 800;margin-top: 10px;}
.area-1 ul li div.link-item > div > p.link-sub-title {font-size: 16px;margin-top: 10px;font-weight: 300; color: #848484;}
.area-1 ul li div.link-item .link-btn{position: absolute; bottom: 0; text-align: center; display: block; background: #4b5360; width: 100%; color: #fff; padding: 15px; font-size: 14px; border-radius: 0 0 20px 20px; font-weight: 300; transition: 0.5s;}
.area-1 ul li div.link-item .link-btn:hover{ background: #3e73a8;}

@media (min-width:780px) {
  .area-1 {padding: 60px 0;}
	.area-1 ul li {font-size: 20px;font-weight: 300;width: 33.333%;display: inline-block;vertical-align: top; margin-bottom: 0;}
	.area-1 ul li div.link-item > div {padding: 50px 0px 80px;/* min-height: 180px; */}
  .area-1 ul li div.link-item {margin: 0 20px;}
}


@media (min-width:1080px) {
    .title {text-align: center;}
    .title p:first-child {font-size: 20px;font-weight: 300;margin-bottom: 10px;}
    .title p:last-child {font-size: 28px;font-weight: 600;}
	.area-1 ul li {font-size: 20px;font-weight: 300;width: 33.333%;display: inline-block;vertical-align: top;}
	.area-1 ul li div.link-item > div {padding: 50px 0px 20px;min-height: 300px;}
	.area-1 ul li div.link-item > div > p.link-title {font-size: 20px;margin-top: 20px;}
    .area-1 ul li div.link-item > div > p.link-sub-title {font-size: 16px;margin-top: 10px;font-weight: 300;}
    .area-1 ul li div.link-item > div span {background-repeat: no-repeat;width: 80px;height: 80px;}
    .area-1 ul li div.link-item > div span.item1 {background:url(../images/icon/con01-1.png);background-size: 80px;}
    .area-1 ul li div.link-item > div span.item2 {background:url(../images/icon/con01-2.png);background-size: 80px;}
    .area-1 ul li div.link-item > div span.item3 {background:url(../images/icon/con01-3.png);background-size: 80px;}
    .area-1 ul li div.link-item .link-btn{ font-size: 16px; padding: 20px;}
}

/* area-2 */
.area-2 .lead-content .lead-bg {width: 100%;height: 200px;background: url(../images/intro-banner2.png) no-repeat center center;background-size: cover;/* margin-top: 40px; */}
.area-2 .lead-content .lead-txt {
    margin-top: 40px;
}
.area-2 .lead-content .lead-txt ul {font-size: 0;}
.lead-content .lead-txt ul li {display: inline-block;width: 100%;margin-bottom: 10px;text-align: center;border-left-color: #cf3c66;}

.area-2 .lead-content .lead-txt ul li > div:before {}
.area-2 .lead-content .lead-txt ul li > div > p {font-size: 16px;font-weight: 400;padding: 20px 5px;border: 1px solid #ccc;border-left: 6px solid #cf3c66;}

@media (min-width:980px) {
.area-2 .lead-content .lead-bg {width: 100%;height: 400px;background: url(../images/intro-banner2.png) no-repeat center center;background-size: cover;/* margin-top: 40px; */}
	.area-2 .lead-content .lead-txt ul li {display: inline-block;width: 50%;margin-bottom: 10px;text-align: center; border-left-color: #cf3c66;}
	.area-2 .lead-content .lead-txt ul li > div {padding: 0 4px;border-left-color: #cf3c66;}
	.area-2 .lead-content .lead-txt ul li > div > p {font-size: 17px;}
}

.area-2.one-link-icon-box .read-bg{background: #eaeaea;}
.area-2.one-link-icon-box .read-content ul li div{color: #444;}
.area-2.one-link-icon-box .read-content .more-btn{background: #444;}
.area-2.one-link-icon-box .read-content .more-btn:hover{background: #3e73a8;}
.area-2.one-link-icon-box .read-content ul li{ border-bottom: 1px solid rgba(150,150,150,0.2);}

.area-2 .read-bg {background: url(../images/bg-bottom.jpg) no-repeat;background-size: cover;background-position: top center;min-height: 380px; margin-bottom: 40px; background-attachment: fixed;}
.area-2 .read-content {padding: 0;}
.area-2 .read-content ul { font-size: 0; margin: 0 auto;}
.area-2 .read-content ul li {font-size: 16px;width: 100%;display: block;text-align: center; padding: 30px 10px;vertical-align: top; border-bottom: 1px solid rgba(255,255,255,0.2);}
.area-2 .read-content ul li:last-child{border-bottom: 0;}
.area-2 .read-content ul li div{/* background: #fff; *//* box-shadow: 5px 10px 20px rgb(0 0 0 / 10%); */height: inherit;padding: 10px 0 15px;color: #f1f1f1;}
.area-2 .read-content ul li div p:first-child {width: 100px;height: 100px;margin: 10px auto;}
.area-2 .read-content ul li div p.icon-1:before{content:"";display:block;width:100px;height:100px;background: url(../images/icon/con02-1.png) no-repeat;background-size: cover;width: 70px;height: 70px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.area-2 .read-content ul li div p.icon-2:before{content:"";display:block;width:100px;height:100px;background: url(../images/icon/con02-2.png) no-repeat;background-size: cover;width: 70px;height: 70px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.area-2 .read-content ul li div p.icon-3:before{content:"";display:block;width:100px;height:100px;background: url(../images/icon/con02-3.png) no-repeat;background-size: cover;width: 70px;height: 70px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.area-2 .read-content ul li div p.icon-1{background: rgba(255,255,255,1);border-radius: 100%;position: relative;}
.area-2 .read-content ul li div p.icon-2{background: rgba(255,255,255,1);border-radius: 100%;position: relative;}
.area-2 .read-content ul li div p.icon-3{background: rgba(255,255,255,1);border-radius: 100%;position: relative;}
.area-2 .read-content ul li div p:nth-child(2) {font-size: 16px;font-weight: 300;}
.area-2 .read-content ul li div p:last-child {margin-top: 10px;font-size: 18px;line-height: 22px; font-weight: 700;}
.area-2 .read-content .more-btn{background: #b22049; color: #fff; text-align: center; margin-top: 0px; padding: 10px 30px; border-radius: 10px; font-size: 14px; font-family: 'Pretendard', 'Nanum Square',  'Noto Sans KR', sans-serif; transition: 0.5s;}
.area-2 .read-content .more-btn:hover{background: #4b5360;}


@media (min-width:980px) {
  .area-2.one-link-icon-box .read-content ul li{ border-right: 1px solid rgba(150,150,150,0.2); border-bottom: 0;}
  .area-2 .read-bg { margin-bottom: 60px;}
	.area-2 .read-content {padding: 70px 0;}
    .area-2 .read-content ul li {font-size: 16px;width: 33.333%;display: inline-block;text-align: center;padding: 0 10px;vertical-align: top; border-right: 1px solid rgba(255,255,255,0.2); border-bottom: 0}
    .area-2 .read-content ul li:last-child{border-right: 0;}
    .area-2 .read-content ul li div{padding: 0;}
    .area-2 .read-content ul li div p:first-child {width: 130px;height: 130px;margin: 20px auto;}
    .area-2 .read-content ul li div p:nth-child(2) {font-size: 18px;}
    .area-2 .read-content ul li div p:last-child {margin-top: 22px;font-size: 20px;line-height: 22px;}
    .area-2 .read-content .more-btn{ margin-top: 20px;}
}

@media (min-width:1080px) {
	.area-2 .read-content ul li {padding: 0 20px;vertical-align: top;}
    .area-2 .read-content ul li div p:last-child {margin-top: 20px;}
}

@media (min-width:1280px) {
	.area-2 .read-content ul li {padding: 0 40px;}
    .area-2 .read-content ul li div p:last-child {margin-top: 14px;}
}

.color-p-w {color:#fff;}
.copyright {background:#2c2f39; padding:15px; color:#fff; }
.copyright p {display:block;  }
.copyright p:nth-child(2):before {display:none; }
@media (min-width:980px) {
  .copyright {padding: 30px 15px;}
  .copyright p {display:inline-block;  }
  .copyright p:nth-child(2):before {display: inline-block; content:""; width:1px; height:15px; background:rgba(255, 255, 255, .2); vertical-align:middle; margin:0 15px;}
}


/*영상 콘텐츠*/
.list-inline-box{font-size: 0;}
.img-thumb {position: relative; height: 0; overflow: hidden; margin: 0;}
.img-thumb > img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.img-thumb .youtube-icon{ max-width: 60px!important; min-height: auto!important;}
.main-floor.media { padding-bottom: 40px; text-align:center; color:#254266;}
.main-floor.media .main-title > p {display:none; }
.main-floor.media .media-area { margin-right:auto; margin-left:auto; color:#fff; max-width:600px;}
.main-floor.media .media-area .list-inline-item { width:100%; display:block;}
.main-floor.media .media-area .media-box .img-thumb {padding-bottom:210px; }
.main-floor.media .media-area .media-box .img-thumb img { max-width:none; min-height:100%; width:100%;}
.main-floor.media .media-area .media-box { position:relative; display:block;}
.main-floor.media .media-area .media-box.media .img-thumb,
.main-floor.media .media-area .media-box.media .link-txt { display:block;}
.main-floor.media .media-area .media-box .link-txt { background-repeat:no-repeat; background-position:bottom -12px right -4px; background-size:40px; text-align:left; padding:25px 20px; height:100px;}
.main-floor.media .media-area .media-box .link-txt .media-category,
.main-floor.media .media-area .media-box .link-txt .media-date {display:none; }
.main-floor.media .media-area .media-box.media {background:#344571; }
.main-floor.media .media-area .media-box.youtube-2,
.main-floor.media .media-area .media-box.youtube-3,
.main-floor.media .media-area .media-box.youtube-4 {margin-top:20px; }
.main-floor.media .media-area .media-box.youtube-2 {background:#c02b55; }
.main-floor.media .media-area .media-box.youtube-3 {background:#4b5360; }
.main-floor.media .media-area .media-box.youtube-4 {background:#673ab7; }
.main-floor.media .media-box .mobile-banner { text-align:left; padding:25px 20px; height:100px; overflow:hidden;}
.main-floor.media .media-box.youtube-3 .mobile-banner { margin-top:10px; font-size:0.933em; letter-spacing:0.25em;}
.main-floor.media .media-box.youtube-3 .mobile-banner .fab { display:block; font-size:1.5em; margin-bottom:4px;}
.main-floor.media .media-box.youtube-2 .mobile-banner { font-size:1.200em; font-weight:700; line-height:1.4em; background-image:url('../images/main/bottom-back-youtube.png'); background-size:60px; background-repeat:no-repeat; background-position:bottom -4px right -4px;}
.main-floor.media .media-area .media-box .list-td-item { color: #fff; }
.main-floor.media .media-area .media-box .media-category { font-weight:500; }
.main-floor.media .media-area .media-box .media-title { font-size:18px; line-height: initial;}
@media (min-width:980px) {
	.main-floor.media { font-size:15px; background-image:url('../images/main/bottom-box-bg.png'); background-repeat:no-repeat; background-size:auto; padding-bottom: 60px; color:#fff; }
	.main-floor.media .main-title > p {display:block; }
	.main-floor.media .media-area { max-width:none; padding:0 10px; }
	.main-floor.media .media-area .list-inline-item { width:25%; float:none; display:inline-block; vertical-align:top; }
	.main-floor.media .media-area .media-box .img-thumb { display:block; padding-bottom:260px; }
	.main-floor.media .media-area .media-box { padding-bottom:260px; display:block; }
	.main-floor.media .media-box .mobile-banner {display:none; }
	.main-floor.media .media-area .media-box .link-txt { display:table; position:absolute; left:0; top:260px; width:100%; height:260px; text-align:center; background-repeat:no-repeat; background-position:bottom -12px right 20px; background-size:auto; z-index:1;}
  .main-floor.media .media-area .media-box .link-txt.no-back{background: none;}
	.main-floor.media .media-area .media-box .link-txt .media-category,
	.main-floor.media .media-area .media-box .link-txt .media-date {display:block; }
	.main-floor.media .media-area .media-box::after { content:''; display:block; position:absolute; top:260px; left:50%; margin-left:-10px; background:transparent; border-top:0px solid transparent; border-left:0px solid transparent; border-right:25px solid transparent; border-bottom:25px solid #eee;}
	.main-floor.media .media-area .media-box .list-td-item { padding: 60px 40px; vertical-align:middle;}
	.main-floor.media .media-area .media-box .media-category { font-size:16px; letter-spacing:0.1em; margin:0;}
	.main-floor.media .media-area .media-box .media-category::after { content:''; display:block; width:30px; height:2px; background:#fff; margin:10px auto 15px;}
	.main-floor.media .media-area .media-box .media-title { font-weight:600; font-size:20px; line-height:1.5em; height:3em; overflow:hidden; text-overflow:ellipsis; white-space:normal;}
	.main-floor.media .media-area .media-box .media-date { opacity:.5; margin-top:20px;}
	.main-floor.media .media-area .media-box.youtube-2,
	.main-floor.media .media-area .media-box.youtube-3,
	.main-floor.media .media-area .media-box.youtube-4
  {margin-top:0; }
	.main-floor.media .media-area .media-box.youtube-2 { padding-bottom:0; padding-top:260px;}
	.main-floor.media .media-area .media-box.youtube-2 .link-txt {top:0; }
  .main-floor.media .media-area .media-box.youtube-4 { padding-bottom:0; padding-top:260px;}
  .main-floor.media .media-area .media-box.youtube-4 .link-txt {top:0; }
  .main-floor.media .media-area .media-box .link-txt {background-image:url('../images/icon/bottom-back-youtube.png');}
	.main-floor.media .media-area .media-box.media::after { margin-top:-12px; transform:rotate(135deg); border-bottom-color:#344571; }
	.main-floor.media .media-area .media-box.youtube-2::after { margin-top:-14px; transform:rotate(-45deg); border-bottom-color:#c02b55;}
	.main-floor.media .media-area .media-box.youtube-3::after { margin-top:-12px; transform:rotate(135deg); border-bottom-color:#4b5360;}
  .main-floor.media .media-area .media-box.youtube-4::after { margin-top:-14px; transform:rotate(-45deg); border-bottom-color:#673ab7;}
}