@charset "utf-8";

/* layout */
.m_contents h2,
.m_contents h3,
.m_contents h4 {font-weight: normal;}
.m_contents .con {text-align: center;}
.con img {width: 100%;}
.con .inner {padding: 0 4.17%;}
.content_top {background: #00b1d7; padding: 12.5vw 0 10.83vw; position: relative;}
.content_top::after {position: absolute; content: ''; width: 18.89vw; height: 2.78vw; left: 0; right: 0; margin: auto; bottom: -2.78vw; background: url('//img2s.mbest.co.kr/mobile/exam/examcenter/cho/top_after.png') no-repeat center/cover;}
.con1 {background: #fff; padding: 12.36vw 0 0;}
.con2 {background: #fff; padding: 9.72vw 0 0;}
.con3 {background: #fff; padding: 5.42vw 0 11.94vw;}

/* content_top */
.content_top .tit1 {width: 79.86%;}
.content_top .tit2 {width: 86.53%; margin-top: 3.75vw;}
.content_top .txt1 {font-family: 'notokr-bold'; font-size: 3.61vw; line-height: 1.3; letter-spacing: -0.03em; color: #d4f7ff; text-shadow: 0 0.3vw 0.3vw rgba(0, 87, 106, 0.25); margin-top: 4.72vw;}
.content_top .txt2 {margin-top: 0.83vw; width: 58.19%;}
.content_top .img {width: 91.53%; margin-top: 7.92vw;}

/* con1 */
.con1 h3 {margin-bottom: 5.56vw;}
.con1 h3 img {width: 62.08vw;}
.con1 .swiper-slide {border-radius: 1.94vw; overflow: hidden; border: 0.14vw solid rgba(140, 140, 140,0.18); box-sizing: border-box;}
.con1 .swiper-slide h4 {background: #00acd1; height: 10.56vw; display: flex; align-items: center; justify-content: center;}
.con1 .swiper-slide h4 img {height: 3.89vw; width: auto;}
.con1 .swiper-slide .slide_inner {background: #f6f6f6; height: 87.22vw; display: flex; align-items: center; justify-content: center;}
.con1 .swiper-slide .slide_inner img {width: 71.67vw;}
.con1 .swiper-slide.lg .slide_inner img {width: 78.19vw;}
.con1 .swiper-button {width: 5.83vw; height: 12.64vw; background-size: cover; top: 47.64vw; margin-top: 0;}
.con1 .swiper-button-prev {background-image: url('//img2s.mbest.co.kr/mobile/exam/examcenter/cho/swp_prev1.png'); left: 0;}
.con1 .swiper-button-next {background-image: url('//img2s.mbest.co.kr/mobile/exam/examcenter/cho/swp_next1.png'); right: 0;}

/* con2 */
.con2 h3 {margin-bottom: 1.67vw;}
.con2 h3 img {width: 48.75vw;}

/* con3 */
.con3 h3 {margin-bottom: 5.56vw;}
.con3 h3 img {width: 68.06vw;}
.con3 ul li {border-radius: 1.94vw; border: 0.14vw solid rgba(140, 140, 140,0.18); overflow: hidden;}
.con3 ul li + li {margin-top: 1.94vw;}

.con3 .sup_list {margin-top: 3.19vw}
.con3 .sup_list li {font-family: 'Pretendard-bold'; font-size: 1.67vw; letter-spacing: -0.02em; color: #bbb; line-height: 1.3;}

/* 팝업 */
.dim-layer {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1000;}
.dim-layer-con {position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); width: 91.81vw; background: #fff; border-radius: 1.94vw; border: 0.56vw solid #f7972f;}
.dim-layer-con .pop_close {position: absolute; right: 0; top: 0; padding: 4.58vw; z-index: 10;}
.dim-layer-con .pop_close img {width: 4.17vw; vertical-align: top;}
.dim-layer-con .con {padding: 5.42vw 4.72vw 4.72vw;}
.dim-layer-con .info {position: relative; text-align: left; height: 28.47vw; padding-left: 2.5vw;}
.dim-layer-con .info .tit {font-family: 'Pretendard-black'; font-size: 4.86vw; line-height: 1.29; letter-spacing: -0.035em; color: #222424; padding-top: 2.78vw; margin-bottom: 1.94vw;}
.dim-layer-con .info .stit01 {font-family: 'Pretendard-bold'; line-height: 1; font-size: 2.78vw; letter-spacing: -0.035em; color: #4a4a4a; margin-bottom: 1vw;}
.dim-layer-con .info .stit02 {font-family: 'Pretendard-extrabold'; line-height: 1; font-size: 3.47vw; letter-spacing: -0.035em; color: #4a4a4a;}
.dim-layer-con .thumb {position: absolute; bottom: 0; right: 5.56vw;}
.dim-layer-con .thumb img {width: 27.36vw;}
.dim-layer-con .write_box {background: #f3f3f3; height: 58.61vw; overflow-y: auto; font-size: 3.06vw; letter-spacing: -0.03em; color: #606060; line-height: 1.45; font-family: 'Pretendard-medium'; text-align: left; padding: 4.86vw 5.14vw; box-sizing: border-box; border-radius: 1.94vw;}
.dim-layer-con .contents {word-break: keep-all;}

.pop_review02 .thumb {right: 4.58vw;}
.pop_review03 .thumb {right: 3.47vw;}
.pop_review02 .thumb img {width: 27.5vw;}
.pop_review03 .thumb img {width: 30.83vw;}