@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:8px 10px 14px;}
.header h1 {}
.header h1.logo{position: relative; z-index: 10; display: inline-block;}
.header h1.logo > a{display: inline-block;}
.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: 12px;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%; position: relative; overflow: hidden;}
.main-content .swiper-wrapper {}
.main-content .swiper-wrapper .swiper-slide {height: 470px;background-size: cover;background-position: center bottom;background-repeat: no-repeat; position: relative;}
.main-content .swiper-wrapper .swiper-slide:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.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/2025-09-01.jpg);}
.main-content .swiper-wrapper .swiper-slide.item2{background-image: url(../images/visual/2025-09-02.jpg);}
.main-content .swiper-wrapper .swiper-slide.item3{background-image: url(../images/visual/2025-09-03.jpg);}
.main-content .swiper-wrapper .swiper-slide.item4{background-image: url(../images/visual/2025-09-04.jpg);}
.main-content .swiper-wrapper .swiper-slide.item5{background-image: url(../images/visual/2025-09-05.jpg);}
.main-content .swiper-wrapper .swiper-slide.item6{background-image: url(../images/visual/2025-09-06.jpg);}
.main-content .swiper-wrapper .swiper-slide.item7{background-image: url(../images/visual/2025-09-07.jpg);}
.main-content .swiper-wrapper .swiper-slide.item8{background-image: url(../images/visual/2025-09-08.jpg);}
.main-content .swiper-wrapper .swiper-slide.item9{background-image: url(../images/visual/2025-09-09.jpg);}
.main-content .swiper-wrapper .swiper-slide.item10{background-image: url(../images/visual/2025-09-10.jpg);}
.main-content .swiper-wrapper .swiper-slide.item11{background-image: url(../images/visual/2025-09-11.jpg);}
.main-content .swiper-wrapper .swiper-slide.item12{background-image: url(../images/visual/2025-09-12.jpg);}
.main-content .swiper-wrapper .swiper-slide.item13{background-image: url(../images/visual/2025-09-13.jpg);}
.main-content .swiper-wrapper .swiper-slide.item14{background-image: url(../images/visual/2025-09-14.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{position:absolute; top: calc(50% - 150px); left: 20px;transform: translate(0%,-50%); width: 100%;}
.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:17px; background: #1f2c5c; padding: 10px 10px; border-radius: 60px; text-shadow: none; text-align: center; display: inline-block;}
.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;}
.container-slide .hannam-tip{position: absolute; top: 44%; left: 15px; transform: translate(0%, -50%); width: 100%; font-size: 15px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); }
.container-slide .hannam-tip li + li{margin-top: 10px;}
.container-slide .hannam-tip li{padding-left: 14px; position: relative;}
.container-slide .hannam-tip li small > a { font-size: 12px; color: #fff; background-image: linear-gradient(transparent 55%, #8794c4 55%, #8794c4 100%); background-size: 0% 100%; background-repeat: no-repeat; transition: background-size 0.3s ease;}
.container-slide .hannam-tip li small > a:hover { background-size: 100% 100%;}
.container-slide .hannam-tip li:before{content: ""; position: absolute; left: 0; top: 6px; width: 3px; height: 3px; background: #fff; border-radius: 50%;}
.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:992px) {
    .main-content .swiper-wrapper .swiper-slide {height: 650px;}
    .container-slide .txt-box{position:absolute; top: calc(50% - 50px);}
    .container-slide .txt-box span {font-size: 24px;}
    .container-slide .txt-box p.txt-1 {margin-top:20px;font-size: 60px;}
    .container-slide .txt-box p.txt-2 {margin-top: 20px;font-size: 23px; padding: 14px 30px;}
    .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;}
    .container-slide .hannam-tip{position: absolute; left: 0; font-size: 20px; top: 65%;}
    .container-slide .hannam-tip li:before{ top: 8px; width: 4px; height: 4px;}
    .container-slide .hannam-tip li small > a{font-size: 14px;}
}
@media (min-width:1200px) {
     .container-slide .txt-box{left: 50%;  top: calc(50% - 90px); transform: translate(-50%,-50%);}
}
@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;}
    .container-slide .hannam-tip{ top: 60%;}
}


/* 메인쪽 대학배너 */
.main-visual-frame-bottom { position: absolute; bottom: -4px; left: 0; z-index: 1; width: 100%;}
.main-visual-frame-bottom img{width: 100%;}
.main-banner-box{position: absolute; bottom: 0px; right: 20px; background: rgba(255,255,255,0.2); backdrop-filter: blur(6px);  -webkit-backdrop-filter: blur(6px); border-radius: 40px 40px 0 40px; padding: 20px 25px; text-align: center;}
.main-banner-box .hannam-painting-img {padding: 0 35px; margin: 10px 0;}
.main-banner-box .hannam-painting-img img{max-width: 120px;}
.main-banner-box .hannam-painting-txtbox1 .hpt-txt-1-1{font-weight: 700; font-size: 15px;}
.main-banner-box .hannam-painting-txtbox1 .hpt-txt-1-2{font-weight: 400; font-size: 12px; margin-top: 5px;}
.main-banner-box .hannam-painting-txtbox2 .hpt-txt-2-1{font-size: 21px; display: inline-block; padding-right: 15px;}
.main-banner-box .hannam-painting-txtbox2 .hpt-txt-2-1 span{font-weight: 700; font-size: 40px;}
.main-banner-box .hannam-painting-txtbox2 .hpt-txt-2-2{font-size: 14px; display: inline-block; text-align: left; font-weight: 400; line-height: normal;}
@media (min-width:768px) {
    .main-banner-box{bottom: 14px;}
}
@media (min-width:992px) {
    .main-banner-box{position: absolute; bottom: 120px; right: 0; padding: 30px;}
    .main-banner-box .hannam-painting-img {padding: 0 70px; margin: 20px 0;}
    .main-banner-box .hannam-painting-img img{max-width: 190px;}
    .main-banner-box .hannam-painting-txtbox1 .hpt-txt-1-1{font-size: 26px;}
    .main-banner-box .hannam-painting-txtbox1 .hpt-txt-1-2{font-size: 14px; margin-top: 10px;}
    .main-banner-box .hannam-painting-txtbox2 .hpt-txt-2-1{font-size: 22px; padding-right: 20px;}
    .main-banner-box .hannam-painting-txtbox2 .hpt-txt-2-1 span{font-size: 60px;}
    .main-banner-box .hannam-painting-txtbox2 .hpt-txt-2-2{font-size: 17px;}
}
    
/* area-1 */
.area-1 { margin: 10px 0 40px; position: relative; z-index: 2;}
.area-1-box{text-align: center;}
.area-1-box a{display: block; color: #fff; background: linear-gradient(75deg, #566f96 0%, #c02b55 100%); border-radius: 20px; padding: 20px; text-align: left; position: relative; transition: 0.5s;}
.area-1-box li{display: inline-block; width: 100%; vertical-align: top; line-height: normal;}
.area-1-box li:first-child{margin-top: 0;}
.area-1-box li:last-child{margin-bottom: 0;}
.area-1-box li:nth-child(n+2){margin-top: 10px;}
.area-1 .link-title{font-size: 15px; font-weight: 600; display: inline-block; vertical-align: middle; width: calc(100% - 44px);}
.area-1 .item1 {display: inline-block; vertical-align: middle; padding-right: 6px; width: 40px;}
.area-1 .item1 > img{max-width: 24px;}
.area-1 .area-small-txt{font-size: 12px; margin-top: 4px; padding-left: 34px;}
@media (min-width:768px) {
    .area-1-box a{ padding: 25px 20px;}
    .area-1-box li{width: calc(100% / 2 - 24px); margin: 0 5px;}
    .area-1 .area-small-txt{font-size: 14px; margin-top: 6px; padding-left: 40px;}
    .area-1-box li:last-child{margin-bottom: 10px;}
    .area-1 .item1 > img{max-width: 30px;}
    .area-1-box li:nth-child(2){margin-top: 0px;}

}
@media (min-width:992px) {
    .area-1 { margin: -70px 0 60px;}
    .area-1-box li{width: calc(100% / 3 - 24px);}
    .area-1 .link-title{font-size: 18px;}
    .area-1-box li:nth-child(n+2){margin-top: 0;}
    .area-1-box li:nth-child(n+4){margin-top: 10px;}
}

.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;}
}


/*영상 콘텐츠*/
.media-area{margin-bottom: 40px;}
.media-area .list-inline-box .list-inline-item{display:block;}
.media-area .list-inline-box .list-inline-item:nth-child(n+2){margin-top: 30px;}
.media-area .media-box{display: block;}
.media-area .list-inline-box .list-inline-item .img-thumb { border-radius: 10px; overflow: hidden;  position: relative; padding-bottom: 56%;}
.media-area .list-inline-box .list-inline-item .img-thumb img { max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 0.5s ease; }
.media-area .list-inline-box .list-inline-item .img-thumb:hover img { transform: translate(-50%, -50%) scale(1.1);}
.media-area .list-inline-box .list-inline-item  .media-category{margin-top: 20px; color: #ed1f23; font-size: 12px;}
.media-area .list-inline-box .list-inline-item  .media-title{font-weight: 600; font-size: 16px; margin-top: 10px; line-height: normal;}
@media (min-width:420px) {
    .media-area .list-inline-box .list-inline-item{width: calc(100% / 2 - 24px); margin: 0 10px; vertical-align: top; display:inline-block;}
    .media-area .list-inline-box .list-inline-item:nth-child(n+2){margin-top: 0px;}
    .media-area .list-inline-box .list-inline-item:nth-child(n+3){margin-top: 30px;}
}
@media (min-width:992px) {
    .media-area{margin-bottom:170px;}
    .media-area .list-inline-box .list-inline-item{width: calc(100% / 3 - 24px);}
    .media-area .list-inline-box .list-inline-item:nth-child(n+3){margin-top: 0px;}
    .media-area .list-inline-box .list-inline-item  .media-category{font-size: 14px;}
    .media-area .list-inline-box .list-inline-item  .media-title{font-size: 18px;}
}

/* 한남대의 모든정보 한눈에 보기*/
.pamphlet-box { background-color: #f7fff1; display: block; border-radius: 20px; margin-bottom: 100px; position: relative;}
.pamphlet-box li{width: 100%; display: inline-block; position: relative;}
.pamphlet-box li a{padding: 30px; display: block;}
.glance-box .glance-txt-box{display: block; }
.glance-box .glance-txt-box .glance-category{font-size: 12px; color: #abbf41;}
.glance-box .glance-txt-box .glance-title{font-size: 17px; font-weight: 700; margin-top: 10px; word-break: keep-all;}
.glance-box .glance-txt-box .glance-title br {display: none;}
.glance-img img{max-width: 100%;}
.glance-img{margin: 20px auto 0; text-align: center;}
@media (min-width:768px) {
    .glance-img img{max-width: 280px;}
}
@media (min-width:992px) {
    .pamphlet-box li{width: calc(100% / 3 - 24px); margin: 0 10px;}
    .pamphlet-box li a{ padding: 40px 20px;}
    .pamphlet-box { background-color: #f7fff1; background-image: url(../images/visual/glance-bg-img.png); background-repeat: no-repeat; background-position: 120% bottom; background-size: 500px;}
    .glance-img{max-width: 140px; margin: 0; position: absolute; bottom: -3px; right: 0;}
    .glance-img img{max-width: 100%;}
    .glance-box .glance-txt-box {padding-right: 152px;}
    .glance-box .glance-txt-box .glance-title br {display: block;}
}