/* ************************************ 서브 ************************************ */

.btn_cover a{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.slide_active, .quick_wrap > div{
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.pg_s13{background: #EBEBEB !important;}


/* Quick */
.point_color{color: #7B4B77 !important;}


/* Top */
.sub_top{position: fixed; width: 100% !important; height: 100vh !important; overflow: visible; inset: 0px; display: flex; transform: scale(1); overflow: hidden; max-width: inherit !important; max-height: inherit !important;}
.sub_top_inter{width: 100%; height: 100vh; box-sizing: border-box; top: 0px; transform: translate(0px, 0px); left: 0px;}
.sub_top_size{width: 100%; height: 100%; overflow: hidden; animation:sub_top_start 1s 0s forwards 1 cubic-bezier(0.85, 0, 0.15, 1);}
.sub_top_size_no_ani{width: 100%; height: 100%; overflow: hidden;}
/* 상단 박스 애니메이션 */
@keyframes sub_top_start{
	0%{clip-path: inset(46% 49% round 30px);}
	100%{clip-path: inset(0);}
}

.sub_top_box{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center;}
.pg_s11 .sub_top_box{background-image: url("../imgs/s11/top_bg.jpg");}
.pg_s12 .sub_top_box{background-image: url("../imgs/s12/top_bg.jpg");}
.pg_s13 .sub_top_box{background-image: url("../imgs/s13/top_bg.jpg");}
.pg_s14 .sub_top_box{background-image: url("../imgs/s14/top_bg.jpg");}

.pg_s21 .sub_top_box{background-image: url("../imgs/s21/top_bg.jpg");}
.pg_s23 .sub_top_box{background-image: url("../imgs/s23/top_bg.jpg");}
.pg_s24 .sub_top_box{background-color: #F1EAF5;}
.pg_s25 .sub_top_box{background-color: #F1EAF5;}

.pg_s26 .sub_top_box{background-color: #FFF;}
.pg_s26 .content_wrap{background-color: #91648D;}

.pg_s27 .sub_top_box{background-color: #fff;}
.pg_s27 .content_wrap{background-color: #EAE2EA;}


.pg_archive .content_wrap{background-color: #EBEBEB;}


.sub_top_box > div{position: relative;}
.sub_top_box h2{font-size: 25px; line-height: 1.3; color: #fff; margin-bottom: 70px; font-weight: 800; word-break: keep-all;}
.sub_top_box h2 span{position: relative; display: inline-block; padding: 0 5px; z-index: 2;}
.sub_top_box h2 span:after{content: ''; position: absolute; width: 100%; height: 14px; background: #7B4B77; left: 0; bottom: 0; z-index: -1;}
.sub_top_box h3{font-family: 'Godo', sans-serif; font-size: 65px; line-height: 1.3; color: #fff; font-weight: 700; letter-spacing: -1px; word-break: keep-all;}
.sub_top_box h3.big_type{font-size: 90px; line-height: 1.1; letter-spacing: -2px;}
.sub_top_box .sub_title{font-size: 21px; line-height: 1.4; color: #fff; margin-top: 40px;}
.sub_top_box b.top_name{display: block; color: #fff; font-size: 19px; line-height: 1.4; margin-top: 50px;}
.sub_top_box img{width: 120px; margin-bottom: 50px;}
.top_source{position: absolute; bottom: 5%; right: 5%; font-size: 15px; color: #fff;}
.text_cover_ani{position: relative; display: block;}
.text_cover_ani span{display: block; position: absolute; width: 100%; height: 100%; background: #7B4B77; transform: scale(0, 1); transform-origin: left center; left: 0; animation:cover_ani_start 1s 1s forwards 1 ease;}
@keyframes cover_ani_start{
	0%{transform: scale(0, 1); transform-origin: left center;}
	60%{transform: scale(1, 1); transform-origin: left center;}
	61%{transform: scale(1, 1); transform-origin: right center;}
	99%{transform: scale(0, 1); transform-origin: right center;}
	100%{transform: scale(0, 0); transform-origin: right center;}
}
.sub_top_arrow{position: absolute; left: 50%; transform: translateX(-50%); bottom: 5%; width: 40px; height: 40px; background: url("../imgs/top_arrow.png") no-repeat center; background-size: contain; z-index: 1; animation:atArrow_ani_start 2s 1s forwards infinite ease;}
.logo_black_active .sub_top_arrow{background-image: url("../imgs/top_arrow_black.png");}
@keyframes atArrow_ani_start{
	0%{transform: translate(-50%, 0);}
	20%{transform: translate(-50%, 10px);}
	40%{transform: translate(-50%, 0);}
	60%{transform: translate(-50%, 10px);}
	80%{transform: translate(-50%, 0);}
	100%{transform: translate(-50%, 0);}
}

.sub_top.board_top{height: 460px !important;}
.board_top .sub_top_inter{height: 460px;}

.sub_top.board_top h2, .sub_top.board_top h3, .sub_top.board_top p{color: #000;}
.sub_top.board_top .sub_writer{display: block; font-size: 16px; font-weight: 400; line-height: 1.4; margin-top: 20px;}
.sub_top.board_top .sub_top_box img{margin-bottom: 30px;}
.sub_top.board_top .sub_top_box h2{margin-bottom: 50px;}
.sub_top.board_top .sub_top_box h2.noMargin{margin-bottom: 0;}
.sub_top.board_top .sub_top_box h3{font-size: 55px;}
.sub_top.board_top .sub_top_box h3.big_type{font-size: 70px; letter-spacing: -1px;}

.sub_top.divide_type .sub_top_arrow{left: 75%;}
.sub_top.divide_type .sub_top_divide{width: 100%;}
.sub_top.divide_type .sub_top_divide ul{display: flex;}
.sub_top.divide_type .sub_top_divide li{position: relative; width: 50%; height: 100vh; background-color: #DEDEDE;}
.sub_top.divide_type .sub_top_divide li:nth-child(1){background-repeat: no-repeat; background-position: center; background-size: cover;}
.sub_top.divide_type .sub_top_divide li:nth-child(2){display: flex; justify-content: center; align-items: center;}
.pg_s22 .sub_top.divide_type .sub_top_divide li:nth-child(1){background-image: url("../imgs/s22/top_bg.jpg");}
.sub_top.divide_type .sub_top_divide li h2, .sub_top.divide_type .sub_top_divide li h3{color: #000;}
.sub_top.divide_type .sub_top_divide .tablet_on{display: none;}
.sub_top.divide_type .sub_top_box h3{font-size: 60px;}

.logo_black_active .sub_top h2, .logo_black_active .sub_top h3, .logo_black_active .sub_top p{color: #000;}


/* Quick */
.quick_wrap{position: fixed; top: 50%; right: 2%; transform: translateY(-50%); z-index: 10; display: none;}
.quick_wrap > div{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50px; padding: 30px 0; border: 3px solid #000; border-radius: 100px; box-shadow: 0 20px 0px 0px rgb(238, 238, 238, 0.5);background-color: #fff;}
.quick_wrap img{width: 25px;}
.quick_wrap > div:hover{background-color: #fff;}
.quick_wrap > div > a, .quick_wrap button{display: flex; justify-content: center; align-items: center; margin-bottom: 20px; font-size: 15px; width: 25px; height: 26px; cursor: pointer;}
.quick_wrap > div > a span, .quick_wrap button span{display: none; white-space: nowrap; font-size: 14px; text-align: center;}
.quick_wrap > div > a:last-child, .quick_wrap button:last-child{margin-bottom: 0;}
.quick_wrap > div > a:hover img, .quick_wrap button:hover img{display: none;}
.quick_wrap > div > a:hover span, .quick_wrap button:hover span{display: block;}


/* Sub */
.container_wrap{position: relative; width: 100%; background: #fff; border-radius: 60px 60px 0 0; padding-bottom: 70px; overflow: hidden; margin-top: 100vh;}
.container_wrap.bottomNoPadding{padding-bottom: 0;}
.container_wrap.top_size_small{margin-top: 460px;}
.container_wrap.top_size_big{margin-top: 540px;}
.content_wrap{padding-top: 100px;}

/* Sub Top Text */
.con_top_text{width: 100%; margin: 0 auto 150px; text-align: center; max-width: 1660px;}
.con_top_text.long_margin{margin-bottom: 250px;}
.con_top_text.short_margin{margin-bottom: 50px;}
.con_top_text p{font-size: 21px; line-height: 1.6; font-weight: 700;}
.con_top_text p.con_top_source{display: block; font-size: 16px; font-weight: 400; line-height: 1.4; margin-top: 30px;}
.con_top_text p.titles{font-size: 27px; line-height: 1.6; font-weight: 800; text-align: center;}
.con_top_text p.titles{font-size: 27px; line-height: 1.6; font-weight: 800; text-align: center;}

.con_top_text h3{font-family: 'Godo', sans-serif; font-size: 30px; font-weight: 800; line-height: 1.3; margin-bottom: 30px; word-break: keep-all;}

/* Sub Content */
.con_wrap{position: relative; width: 100%; margin: 0 auto;}
.con_wrap.max1660{max-width: 1660px;}
.con_wrap.max1400{max-width: 1400px;}
.con_wrap.max1200{max-width: 1200px;}
.con_wrap.max1040{max-width: 1040px;}
.con_space_small{margin-top: 50px;}
.con_space_maddle{margin-top: 100px;}
.con_space_big{margin-top: 150px;}
.con_space_bigger{margin-top: 250px;}
.color_bg{background: #F5F4EE;}
.talk_bg{background: #BACEE0;}

/* Sub Common */
.lays{display: flex; flex-wrap: wrap;}
.lays.vtCenter{align-items: center;}
.lays.vtBottom{align-items: flex-end;}
.lays.htCenter{justify-content: center;}
.lays.htRight{justify-content: flex-end;}
.lays.num1 > li{width: 100%;}
.lays.num2 > li{width: 49%; margin-left: 2%;}
.lays.num2 > li:nth-child(2n+1){margin-left: 0;}
.lays.num3 > li{width: 32%; margin-left: 2%;}
.lays.num3 > li:nth-child(3n+1){margin-left: 0;}
.lays.num4 > li{width: 23.5%; margin-left: 2%;}
.lays.num4 > li:nth-child(4n+1){margin-left: 0;}
.lays.num2.mixs > li:nth-child(1){width: 50%; margin-left: 0;}
.lays.num2.mixs > li:nth-child(2){width: 44%; margin-left: 6%;}
.lays.num2.mixs.reverse > li:nth-child(1){width: 44%; margin-left: 0; margin-right: 6%;}
.lays.num2.mixs.reverse > li:nth-child(2){width: 50%; margin-left: 0;}
.lays.lay_text.num2 > li{width: 45%; margin-left: 10%;}
.lays.lay_text.num2 > li:nth-child(2n+1){margin-left: 0;}
.lays.lay_text_img.num2 > li{width: 45%; margin-left: 10%;}
.lays.lay_text_img.num2 > li:nth-child(2n+1){margin-left: 0;}

.img_cover{margin-bottom: 60px;}
.img_cover.noMargin{margin: 0;}
.img_cover.bottom_text{margin-bottom: 100px;}
.img_cover.top_text{margin-top: 70px;}
.img_cover.last_img{margin-bottom: 0;}
.img_cover img{width: 100%;}
.img_cover.bRadius img{border-radius: 30px;}
.img_tag{display: block; margin-top: 20px; text-align: center; font-size: 16px; line-height: 1.5;}
.img_tag_big{display: block; margin-top: 20px; text-align: center; font-size: 26px; line-height: 1.5;font-weight: 700;}
.img_tag.last_teg{margin-bottom: 50px;}
.img_tag_left{display: block; margin-top: 20px; text-align: left; font-size: 16px; line-height: 1.5;}

.img_cover.w90, .img_cover.w80, .img_cover.w70, .img_cover.w40, .img_cover.w50,.img_cover.w60,.img_cover.w30,.img_cover.w20 {text-align: center;} 
.img_cover.w90 img{width: 90%;}
.img_cover.w80 img{width: 80%;}
.img_cover.w70 img{width: 70%;}
.img_cover.w60 img{width: 60%;}
.img_cover.w50 img{width: 50%;}
.img_cover.w40 img{width: 40%;}
.img_cover.w30 img{width: 30%;}
.img_cover.w20 img{width: 20%;}

.text_cover h3{font-size: 50px; line-height: 1.2; margin-bottom: 40px; font-weight: 800; word-break: keep-all;}
.text_cover h4{font-size: 33px; line-height: 1.3; margin-bottom: 40px; font-weight: 800; word-break: keep-all;}
.text_cover p{font-size: 19px; line-height: 1.5; margin-bottom: 50px;}
.text_cover p.last_text{margin-bottom: 80px;}
.text_cover p.noMargin{margin-bottom: 0 !important;}
.text_cover p.title_bold{font-size: 21px; line-height: 1.3; font-weight: 700; word-break: keep-all;}
.text_cover p.point_text{font-size: 30px; line-height: 1.3; word-break: keep-all;}
.text_cover p.point_text_bold{font-size: 36px; line-height: 1.3; font-weight: 800; word-break: keep-all;}
.text_cover p.top_title_text{font-size: 70px; line-height: 1.1; font-weight: 800; word-break: keep-all;}
.text_cover p.serifType{font-family: "Noto Serif KR", serif; font-weight: 700; letter-spacing: -2px;}
.text_cover p.f_bold{font-weight: 800;}
.text_cover p.hafe_margin{margin-bottom: 15px;}
.text_tag{display: block; margin-top: 10px; font-size: 16px; line-height: 1.5;}


.ls_text_m{letter-spacing: -0.5px !important;}
.ls_text_p{letter-spacing: 0.5px;}

/* Sub Pin Lay */
.pin_lay{display: flex; width: 100%; justify-content: space-between;}
.pin_lay > li{position: relative;}
.pin_lay > li:nth-child(1){width: 340px;}
.pin_lay > li:nth-child(2){width: calc(100% - 500px);}
.pin_lay .text_cover{width: 80%; margin-left: auto; margin-right: auto;}
.pin_lay .pin_title{font-family: 'Godo', sans-serif; font-size: 37px; font-weight: 800; line-height: 1.3; margin-bottom: 30px; word-break: keep-all;}
.pin_lay .pin_sub_title{font-family: 'Godo', sans-serif; font-size: 20px; font-weight: 700; line-height: 1.3; margin-bottom: 20px; word-break: keep-all;}
.pin_lay .pin_title.noMargin{margin-bottom: 0;}
.pin_cover img{width: 100%;}
.pin_cover.bRadius img{border-radius: 200px;}


/* Table Type */
.table_box{position: relative; width: 100%; margin: 0 auto; font-size: 17px; margin-bottom: 50px; }
.table_box.noMarginBottom{margin-bottom: 0;}
.table_box table{position: relative; width: 100%; border-top: 2px solid #333;}
.table_box table.noBorder{border-top: 0;}
.table_box th, .table_box td{border-bottom: 1px solid #000; padding: 15px 10px; box-sizing: border-box; text-align: left;}
.table_box th{font-weight: 700; font-size: 19px;}
.table_box.table_schedule tbody th{font-size: 50px; color: #fff; vertical-align: top;}
.table_box td{line-height: 20px;}
.table_box td.tr_top{border-bottom: 0;}
.table_box td p{margin-bottom: 0;}
.table_box td p.dot{padding-left: 20px; /*background: url("../imgs/dot_black.png") no-repeat 5px 13px; background-size: 5px;*/} /* 백그라운드만 주석 처리 mg */
.table_box.table_basic td p{padding: 5px 0; line-height: 25px;}
.table_box.table_basic td {vertical-align: top;}
.table_box.table_basic tbody th{vertical-align: top;}
.table_box.center_table th, .table_box.center_table td{text-align: center;}
.table_box.center_table th:nth-child(1), .table_box.center_table td:nth-child(1){text-align: left;}

.table_box.color_table table{border-top: 2px solid #EFA795;}
.table_box.color_table th, .table_box.color_table td{border-bottom: 1px solid #EFA795;}
.table_box.color_table th{background: #F8D3C0;}


/* Sub Tip Lay */
.tip_wrap{width: 100%; padding: 130px;}
.tip_card .tip_card_box{border: 4px solid #1E1E1E; color: #fff;}
.tip_card .tip_card_box div{position: relative; padding: 30px 50px;}
.tip_card .tip_card_box div p{font-size: 21px; line-height: 1.4;}
.tip_card .tip_card_box div span{display: block; font-size: 17px; line-height: 1.5; margin-top: 10px;}
.tip_card .tip_card_box img{width: 100%;}
.tip_card .tip_card_box img.face_img{position: absolute; bottom: 0; transform: translateY(50%); right: 30px; width: 106px; border-radius: 50%;}
.tip_card li:nth-child(1) .tip_card_box{background: #E2AF08;}
.tip_card li:nth-child(2) .tip_card_box{background: #C1B401;}
.tip_card li:nth-child(3) .tip_card_box{background: #B9BF07;}


/* Sub Tip Con */
.tip_con_box{position: relative; background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.tip_con_box.bottom_content_on{margin-bottom: 200px;}
.tip_con_box .tip_title{position: absolute; width: 90%; z-index: 2; left: 50%; transform: translate(-50%, -50%);}


.tip_con_box .tip_title:after{content: ''; position: absolute; width: 100%; height: 100%; border: 4px solid #0D0D0D; background: #fff; left: 10px; top: 10px; z-index: 0;}
.tip_con_box .tip_title div{position: relative; border: 4px solid #0D0D0D; padding: 20px; margin: 0 auto; font-size: 37px; line-height: 1.2; font-weight: 700; color: #fff; text-align: center; z-index: 1; word-break: keep-all;}


.tip_con_box .tip_title2{position: absolute; width: 60%; z-index: 2; left: 50%; transform: translate(-50%, -50%);}
.tip_con_box .tip_title2 div{position: relative; border: 0px solid #0D0D0D; padding: 20px; margin: 0 auto; font-size: 37px; line-height: 1.2; font-weight: 700; color: #fff; text-align: center; z-index: 1; word-break: keep-all;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);}

.tip_con_box.box_stage1 .tip_title2 div{background: #7B4B77;}

.tip_con_box.box_stage1 .tip_title div{background: #7B4B77;}
.tip_con_box.box_stage1 .tip_con{padding: 120px 70px 80px; background: #fff;}



.tip_con_box .text_cover p b{display: block; font-size: 21px;}
.pin_lay .tip_con_box.box_stage1 .text_cover{width: 100%;}

.tip_type1{text-align: center;}
.tip_type1 p{text-align: left;}
.tip_type1 p b{text-align: center;}
.tip_type1 .tip_icon{display: inline-block; width: 110px; height: 110px; background: #E7E7E8; border-radius: 50%; margin-bottom: 20px;}
.tip_type1 .tip_icon img{width: 100%;}
.tip_type2 .text_cover p{margin-bottom: 50px;}
.tip_type2 .text_cover p b{margin-bottom: 5px;}

/* Sub Button */
.btn_cover{margin: 100px auto;}
.btn_cover a{display: block; background: #676767; font-size: 35px; line-height: 100px; border-radius: 50px; text-align: center; color: #fff;}
.btn_cover a:hover{background: #000; text-decoration: underline;}

/* Box Title */
.box_title{display: inline-block; padding: 5px 30px; font-size: 19px; color: #fff; background: #7B4B77; border-radius: 50px; margin-bottom: 25px;}
.line_title{display: inline-block; padding: 5px 30px; font-size: 19px; color: #7B4B77; border: 1px solid #7B4B77; border-radius: 50px; margin-bottom: 25px;}

/* Roun Box Title */



/* Sub Author */
.author_wrap{padding: 40px 50px; background: #EBEBEB; margin-top: 50px;}
.author_wrap.black_back{background: #000; color: #fff;}
.author_wrap .text_cover{width: 100%; max-width: 1200px; margin: 0 auto;}
.author_wrap .text_cover p.name_area{margin-bottom: 10px;}
.author_wrap .text_cover p b{font-size: 21px;}


.author_box b {
	display: block;
	font-size: 15px;
	margin-bottom: 15px;
}

.author_box h3 {
	font-size: 21px;
	font-weight: 800;
	margin-bottom: 10px;
}

.author_box p {
	font-size: 17px;
}

.author_box ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.author_box ul li {
	box-sizing: border-box;
	
}

.author_box ul li:nth-child(1) {
	width: 400px;
	    text-align: right;
}

.author_box ul li:nth-child(2) {
	width: calc(80% - 400px);
	padding: 0 0px 0px 80px;
}

.author_box ul li img {	
	width: 40%;		
}


/* Sub Q&A */
.qna_title{position: relative; width: 100%; margin-bottom: 80px;}
.qna_title:after{content: ''; position: absolute; width: 100%; height: 100%; border: 4px solid #0D0D0D; background: #fff; left: 10px; top: 10px; z-index: 0;}
.qna_title div{position: relative; border: 4px solid #0D0D0D; background: #E2AF08; padding: 20px; margin: 0 auto; font-size: 37px; line-height: 1.2; font-weight: 700; color: #fff; text-align: center; z-index: 1; word-break: keep-all;}

.qna_con{width: 90%; margin: 0 auto 100px;}
.qna_question{display: flex; width: 100%; align-items: center; justify-content: flex-end; margin-bottom: 20px;}
.qna_question .text_cover{width: 100% !important;}
.qna_question p{font-weight: 700; margin-bottom: 0 !important;}
.qna_question .text_cover p{font-size: 21px;}
.qna_question li:nth-child(1){width: 80px; text-align: center; font-size: 50px; font-weight: 800; color: #E0E0E0; margin-right: 20px;}
.qna_question li:nth-child(2){width: calc(100% - 100px);}
.qna_answer{padding-left: 100px;}
.qna_answer .text_cover{width: 100% !important;}
.qna_answer .text_cover p b{display: block; font-weight: 800; margin-bottom: 5px;}


/* Gallery */
.gallery_solo {margin-bottom: 80px;}
.gallery_solo .swiper{width: 100%; height: 100%;}
.gallery_solo img{display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery_solo .swiper-button-next:after, .gallery_solo .swiper-button-prev:after{content: ''; display: none;}
.gallery_solo .swiper-button-next, .gallery_solo .swiper-button-prev{top: 50%; width: 80px; height: 80px; border-radius: 50%; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); background-repeat: no-repeat; background-position: center; background-size: 28px; margin: 0;}
.gallery_solo .swiper-button-prev{background-image: url("../imgs/arrow_left.png"); left: 3%;  transform: translate(0, -50%);}
.gallery_solo .swiper-button-next{background-image: url("../imgs/arrow_right.png"); right: 3%;  transform: translate(0, -50%);}
.gallery_solo .swiper-pagination-bullet-active{background: #fff;}
.gallery_solo .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 5px;}
.gallery_solo .swiper-horizontal > .swiper-pagination-bullets{bottom: 20px;}

/* Gallery Card Type */
.gallery_wrap{margin: 100px 0 150px;}
.gallery_wrap.noMarginBottom{margin-bottom: 0;}
.story_free_gallery img{width: 100%; border-radius: 40px;}
.story_free_gallery .swiper-button-next:after, .story_free_gallery .swiper-button-prev:after{content: ''; display: none;}
.story_free_gallery .swiper-button-next, .story_free_gallery .swiper-button-prev{top: 50%; width: 124px; height: 124px; border-radius: 50%; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); background-repeat: no-repeat; background-position: center; background-size: 28px; margin: 0;}
.story_free_gallery .swiper-button-prev{background-image: url("../imgs/arrow_left.png"); left: 23%;  transform: translate(50%, calc(-50% - 20px));}
.story_free_gallery .swiper-button-next{background-image: url("../imgs/arrow_right.png"); right: 23%;  transform: translate(-50%, calc(-50% - 20px));}
.story_free_gallery .swiper-slide .slide_active{opacity: 0.3;}
.story_free_gallery .swiper-slide.swiper-slide-active .slide_active{opacity: 1;}





/* Sub 11 */
.history_wrap > div{background: url("../imgs/line.jpg") repeat-y center; padding-bottom: 150px;}
.history_wrap ul{position: relative; display: flex; justify-content: space-around; margin-top: 150px;}
.history_wrap ul:nth-child(1){margin-top: 0;}
.history_wrap ul li{width: 40%;}
.history_wrap ul li:nth-child(1){margin-right: 3%;}
.history_wrap ul li:nth-child(2){margin-left: 3%;}
.history_wrap ul li .img_cover{max-width: 375px;}
.history_wrap ul li img{border-radius: 5%;}
.history_wrap h3{font-family: 'Godo', sans-serif; font-size: 35px; line-height: 1.3; margin-bottom: 10px;}
.history_wrap h3:after{content: ''; position: absolute; width: 74px; height: 74px; background: #ECECEC; border-radius: 50%; left: 50%; margin-left: -37px; z-index: 1;}
.history_wrap h3:before{content: ''; position: absolute; width: 34px; height: 34px; background: #7B4B77; border-radius: 50%; left: 50%; margin-left: -17px; top: 20px; z-index: 2;}
.history_wrap .serifType span{font-family: 'NotoSans', sans-serif; display: block; font-size: 40px; font-weight: 400;}


.arirang_wrap{padding: 80px 0; background: #000; margin-top: 200px;}
.arirang_wrap .arirang_box{width: 100%; max-width: 1400px; margin: 0 auto; background: #fff; padding: 50px 90px;}
.arirang_wrap .arirang_box h3{font-size: 55px; font-weight: 800; text-align: center;}
.arirang_wrap .arirang_box .text_cover{padding-top: 80px; border-top: 1px solid #000000; margin-top: 90px;}
.arirang_wrap .arirang_box .text_cover p{font-family: "Noto Serif KR", serif; font-weight: 900; text-decoration: underline; letter-spacing: -2px; line-height: 40px;}

.text_history_wrap p{font-size: 20px; margin-bottom: 40px; color: #7B4B77; margin-left: 40px;word-break: keep-all;}
.text_history_wrap h2{font-family: 'Godo', sans-serif; font-size: 24px; line-height: 1.3;display: inline-block;margin-bottom: 10px; color: #000;}


.history_wrap h2{font-family: 'Godo', sans-serif; font-size: 28px; line-height: 1.3;display: inline-block;margin-bottom: 40px; color: #7B4B77;}


/* Sub 11 */
.space_out{padding-bottom: 100px; margin-bottom: 100px; border-bottom: 1px solid #fff;}

/* Sub 13 */
.vertical_timeline{margin-bottom: 100px;}
.vertical_timeline > div{display: inline-block; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16); padding: 60px; border-radius: 400px;}
.vertical_timeline > div > div{background: url("../imgs/line_color.jpg") repeat-y center;}
.vertical_timeline ul{position: relative; display: flex; align-items: center; margin-top: 100px;}
.vertical_timeline ul:nth-child(1){margin-top: 0;}
.vertical_timeline ul li:nth-child(1){width: 400px;}
.vertical_timeline ul li:nth-child(2){position: absolute; left: 500px; width: 100%;}
.timeline_year{display: flex; justify-content: center; align-items: center; background: #7B4B77; border-radius: 50%; width: 340px; height: 340px; color: #fff; margin: 0 auto; padding: 10px; text-align: center;}
.timeline_year b{display: block; font-size: 37px; font-weight: 800;}
.timeline_year span{display: block; font-size: 30px; padding-top: 15px; margin-top: 15px; border-top: 1px solid #fff;}
.timeline_year span b{font-size: 21px; font-weight: 400;}

.timeline_text p{position: relative; font-size: 20px; line-height: 1.4; margin-top: 10px; padding-left: 25px; word-break: keep-all;}
.timeline_text p span{position: absolute; left: 0; display: inline-block; }
.timeline_text p:nth-child(1){margin-top: 0;}


.info_wrap > div{width: 100%; max-width: 1300px; margin: 0 auto 100px;}
.info_wrap .info_cover{background: #E7E7E8; padding: 100px 50px; text-align: center;}
.info_wrap h3{width: 280px; line-height: 65px; text-align: center; font-size: 21px; color: #fff; background: #7B4B77; border-radius: 50px; margin-bottom: 30px;}
.info_wrap img{width: 100%;}
.info_01 img{max-width: 1000px;}
.info_02 img{max-width: 800px;}


/* Sub 14 */
.chapter_header{margin-top: 200px; text-align: center;}
.chapter_header .point_text_bold{margin-bottom: 50px;}
.chapter_body{width: 100%; max-width: 960px; margin: 0 auto;}
.chapter_body{padding-top: 70px;}
.chapter_body h4{text-align: center;}
.chapter_body .chapter_division{margin-bottom: 150px;}


/* Sub 24 */
.space_line{padding-bottom: 100px; margin-bottom: 100px; border-bottom: 1px solid #7B4B77;}

/* Sub 25 */
.review_wrap{padding-bottom: 100px;}
.review_wrap .con_wrap{width: 100%; max-width: 1400px; padding: 60px; background: #fff; margin-bottom: 100px}
.pg_s25 .sns_wrap{margin-top: 80px;}

.review_title{margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #7B4B77;}
.review_title h3{font-size: 30px; line-height: 1.2;}
.review_title p{font-size: 17px; line-height: 1.4; color: #7B4B77; margin-top: 20px;}

/* Sub 26 */
.pg_s26 .review_wrap .con_wrap{background:#f8faf6;}

.quiz_wrap{margin-top: 60px; text-align: center;}
.quiz_wrap img{max-width: 730px;}
.quiz_text{margin-top: 100px;}
.quiz_text p{margin-bottom: 5px !important;}
.quiz_img{margin-top: 100px; text-align: center;}
.quiz_img img{max-width: 340px;}


.answer_wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999; background: rgba(0, 0, 0, 0.7); display: none;}
.answer_wrap.active{display: block;}
.answer_wrap > div{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.answer_wrap > div img{width: 100%; max-width: 200px;}



/* 주석 */
.point_style sup{display: inline-block; font-size: 11px; font-weight: 700; color: #7B4B77; line-height: 10px;}
.con_top_text .point_style sup.basic_text{font-size: 13px;}

/* 지난호 보기 */
.archive_wrap{display: flex; flex-wrap: wrap; width: 1019px; margin: 0 auto;}
.archive_wrap li{margin-left: 46px; margin-bottom: 50px; width: 309px;}
.archive_wrap li img{width: 100%;}
.archive_wrap li:nth-child(3n+1){margin-left: 0;}
.archive_wrap li span{display: block; font-size: 17px; padding: 15px 0; text-align: center; font-weight: 700;}



/* 주석 */
.add_wrap{box-sizing: border-box; background: #eee;}
.add_wrap div {width: 100%; max-width: 1200px; margin: 0 auto; padding: 60px 0; box-sizing: border-box;}
.add_wrap a{display: inline-block; box-sizing: border-box; color: #666; font-size: 15px; line-height: 25px;}
.add_wrap a:hover{text-decoration: underline;}
.add_wrap a.nonum{padding-left: 16px;}
.add_wrap p{color: #666; font-size: 15px; line-height: 25px;}
.add_wrap p.c_reference{margin-top: 10px; font-weight: bold;}
.add_wrap p.c_reference.nomargin{margin: 0;}
.add_wrap .add_link .add_remark{}
.add_wrap .add_link .add_remark:after{content: ""; display: block; clear: both;}
.add_wrap .add_link .add_remark li{float: none; display: block; margin-left: 20px; color: #7B4B77; font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.add_wrap .add_link .add_remark li a{color: #7B4B77; font-size: 14px; line-height: 1.5; word-break: break-all;}
/* .add_wrap .add_link .add_remark li:first-child{float: left; margin-left: 0;} */
.add_wrap .add_link .add_remark li:first-child a{color: #7B4B77;}
.add_wrap .add_link .add_remark li.num10{margin-left: 25px;}
.add_wrap .add_link .add_remark.link_text{margin-left: 20px;}
.add_wrap .add_book.in_link{padding-top: 30px; margin-top: 20px; border-top: 3px dotted #aa7ea5;}
.add_wrap .add_book b{display: block; font-size: 18px; font-weight: 700; margin-bottom: 10px; color: #7B4B77;}
.add_wrap .add_book p{margin-bottom: 10px;}
.add_wrap .add_book p.link_title{margin-top: 10px; margin-bottom: 0; font-weight: 400; font-size: 14px; color: #333; line-height: 1.5;}
.add_wrap .add_book p.link_title.first_link_title{margin-top: 0;}
.add_wrap .add_book p a{line-height: normal;}



/* 반응형 */
@media (max-width: 1700px){
	/* Sub Top Text */
	.con_top_text{width: 94%;}
	
	/* Sub Content */
	.con_wrap.max1660{width: 94%;}

}
@media (max-width: 1600px){
	/* Sub 13 */
	.vertical_timeline > div{padding: 140px 50px; border-radius: 400px;}
	.vertical_timeline > div > div{background: url("../imgs/line_color.jpg") repeat-y center;}
	.vertical_timeline ul{flex-wrap: wrap; margin-top: 100px;}
	.vertical_timeline ul li:nth-child(1){width: 100% !important;}
	.vertical_timeline ul li:nth-child(2){position: relative; left: inherit; display: flex; justify-content: center; align-items: center; margin-top: 80px; background: #fff; padding: 20px 0; border-radius: 300px;}
}
@media (max-width: 1400px){
	/* Top */
	.sub_top.divide_type .sub_top_box h3{font-size: 55px;}
	
	/* Sub Content */
	.con_wrap.max1400{width: 94%;}
	
	.arirang_wrap .arirang_box{width: 94%;}
	
	/* Sub 25 */
	.review_wrap .con_wrap{width: 94%;}
	
	.review_title h3 br{display: none;}
}

@media (max-width: 1300px){

	/* Sub Pin Lay */
	.pin_lay > li:nth-child(1){width: 260px;}
	.pin_lay > li:nth-child(2){width: calc(100% - 350px);}
	.pin_lay .pin_title{font-size: 29px;}
	.pin_lay .pin_sub_title{font-size: 22px;}
	.con_top_text h3{font-size: 26px;}
	
	/* Sub Tip Lay */
	.tip_wrap{padding: 130px 50px;}
	
	/* Gallery Card Type */
	.story_free_gallery .swiper-button-next, .story_free_gallery .swiper-button-prev{width: 100px; height: 100px; background-size: 26px;}
	.story_free_gallery .swiper-button-prev{left: 16%;}
	.story_free_gallery .swiper-button-next{right: 16%;}
	
	/* Sub 13 */
	.info_wrap h3{margin: auto;width: 80%;}
	
	/* 지난호 보기 */
	.archive_wrap{width: 844px;}
	.archive_wrap li{width: 260px; margin-left: 32px;}
	.archive_wrap li:nth-child(3n+1){margin-left: 0;}
	
		/* Quick */
	.quick_wrap{position: relative; top: inherit; transform: none; width: 250px; margin: 60px auto 0;}
	.quick_wrap > div{flex-direction: row; align-items: center; justify-content: center; width: 250px; height: auto; box-shadow: none; padding: 12px 0;}
	.quick_wrap > div > a, .quick_wrap button{margin-bottom: 0; margin-right: 20px;}
	.quick_wrap > div > a:last-child, .quick_wrap button:last-child{margin-right: 0;}
	
}


@media (max-width: 1200px){
	/* Sub Content */
	.con_wrap.max1200{width: 94%;}
	
	.add_wrap div{width: 94%;}
	.img_cover.w50 img{width: 80%;}
}

@media (max-width: 1023px){
	/* Top */
	.sub_top_box h2{font-size: 23px; margin-bottom: 70px;}
	.sub_top_box h2 span:after{content: ''; height: 13px;}
	.sub_top_box h3{font-size: 50px; line-height: 1.4;}
	.sub_top_box h3.big_type{font-size: 70px;}
	
	.sub_top.divide_type .sub_top_arrow{left: 50%;}
	.sub_top.divide_type .sub_top_divide{width: 100%;}
	.sub_top.divide_type .sub_top_divide li:nth-child(1){display: none;}
	.sub_top.divide_type .sub_top_divide li:nth-child(2){width: 100%; background: url("../imgs/s22/mobile_top_bg.jpg") no-repeat center; background-size: cover;}
	.sub_top.divide_type .sub_top_divide li h2, .sub_top.divide_type .sub_top_divide li h3{color: #fff;}
	.sub_top.divide_type .sub_top_box h3{font-size: 50px;}
	.sub_top.divide_type .sub_top_divide .pc_on{display: none;}
	.sub_top.divide_type .sub_top_divide .tablet_on{display: inline-block;}
	
	
	/* Sub Content */
	.con_wrap.max1040{width: 94%;}
	
	/* Sub Common */
	.lays.num4 > li{width: 49%; margin-left: 2%;}
	.lays.num4 > li:nth-child(2n+1){margin-left: 0;}
	.lays.num4 > li:nth-child(n+3){margin-top: 20px;}
	
	/* Sub Pin Lay */
	.pin_lay > li:nth-child(1){width: 200px;}
	.pin_lay > li:nth-child(2){width: calc(100% - 250px);}
	.pin_lay .text_cover{width: 90%;}
	.pin_lay .pin_title{font-size: 25px;}
	.pin_lay .pin_sub_title{font-size: 20px;}
	.con_top_text h3{font-size: 22px;}
	
	
	/* Sub Tip Lay */
	.tip_wrap{padding: 100px 20px;}
	.tip_card .tip_card_box div{padding: 30px;}
	.tip_card .tip_card_box div p{font-size: 19px;}
	.tip_card .tip_card_box div span{font-size: 15px;}
	.tip_card .tip_card_box img.face_img{right: 20px; width: 80px;}
	
	/* Sub Tip Con */
	.tip_con_box .tip_title div{font-size: 29px;}
	.tip_con_box.box_stage1 .tip_con{padding: 120px 60px 70px;}
	
	.tip_con_box .tip_title2 div{font-size: 29px;}
	
	/* Sub Q&A */
	.qna_question .text_cover{width: 100%;}
	.qna_answer .text_cover{width: 100%;}
	
	
	/* Gallery Card Type */
	.story_free_gallery .swiper-button-next, .story_free_gallery .swiper-button-prev{display: none;}
	.gallery_solo .swiper-button-next, .gallery_solo .swiper-button-prev{display: none;}
	
	
	/* Sub 14 */
	.chapter_body{width: 94%;}
	
	/* Sub 25 */
	.review_wrap{padding-bottom: 50px;}
	.review_wrap .con_wrap{padding: 50px; margin-bottom: 50px}
	.pg_s25 .sns_wrap{margin-top: 80px;}
	
	
	/* 지난호 보기 */
	.archive_wrap{width: 100%;}
	.archive_wrap li{width: 30%; margin-left: 5%; margin-bottom: 40px;}
	.archive_wrap li:nth-child(3n+1){margin-left: 0;}
	.archive_wrap li span{font-size: 15px;}
	
	
	.add_wrap div {padding: 50px 0;}
	
}

@media all and (max-width:850px) {
	.table_scroll{width: 100%; overflow-x: scroll;}
	.table_scroll .table_box{width: 800px;}
}

@media screen and (max-width: 767px) {	
	/* Top */
	.sub_top_box h2{font-size: 19px; margin-bottom: 40px;}
	.sub_top_box h2 span:after{content: ''; height: 10px;}
	.sub_top_box h3{font-size: 35px; line-height: 1.4;}
	.sub_top_box h3.big_type{font-size: 50px; line-height: 1.1;}
	.sub_top_box .sub_title{font-size: 17px; line-height: 1.4; margin-top: 30px;}
	.sub_top_box img{width: 100px; margin-bottom: 50px;}
	.top_source{width: 100%; font-size: 13px; bottom: 15%; text-align: center; right: 0;}
	

	.sub_top.board_top{height: 400px !important;}
	.board_top .sub_top_inter{height: 400px;}
	.sub_top.board_top .sub_writer{font-size: 14px; margin-top: 20px;}
	.sub_top.board_top .sub_top_box img{margin-bottom: 30px;}
	.sub_top.board_top .sub_top_box h2{margin-bottom: 40px;}
	.sub_top.board_top .sub_top_box h3{font-size: 35px;}
	.sub_top.board_top .sub_top_box h3.big_type{font-size: 50px;}
	
	.sub_top.divide_type .sub_top_box h3{font-size: 35px;}
	
	.sub_top_box_big {background-color: #Fff;margin-top: 60px;}

	
	/* Sub */
	.container_wrap{border-radius: 30px 30px 0 0 ;}
	.container_wrap.top_size_small{margin-top: 400px;}
	.container_wrap.top_size_big{margin-top: 540px;}
	
	
	.content_wrap{padding-top: 80px;}
	
	.con_space_small{margin-top: 60px;}
	.con_space_maddle{margin-top: 80px;}
	.con_space_big{margin-top: 100px;}
	.con_space_bigger{margin-top: 150px;}
	
	
	/* Sub Top Text */
	.con_top_text{margin-bottom: 100px;}
	.con_top_text.long_margin{margin-bottom: 150px;}
	.con_top_text.short_margin{margin-bottom: 40px;}
	.con_top_text h3{font-size: 37px; margin-bottom: 30px;}
	.con_top_text p{font-size: 19px;}
	.con_top_text p br{display: none;}
	.con_top_text p.con_top_source{font-size: 14px; margin-top: 25px;}
	.con_top_text b{font-size: 17px; margin-top: 30px;}
	.con_top_text p.titles{font-size: 21px;}
	
	
	/* Sub Common */
	.lays > li{width: 100% !important; margin-left: 0% !important; margin-right: 0 !important;}
	.lays > li:nth-child(n+2){margin-top: 20px !important;}
	
	.lays.lay_text_img.num2 > li:nth-child(n+2){margin-top: 50px !important;}
	
	.lays.num2.mixs > li:nth-child(n+2){margin-top: 40px !important;}
	.lays.num2.mixs.reverse{flex-direction: column-reverse;}
	.lays.num2.mixs.reverse li:nth-child(1){margin-top: 40px !important;}
	.lays.num2.mixs.reverse li:nth-child(2){margin-top: 0 !important;}
	
	.img_cover{margin-bottom: 40px;}
	.img_tag{font-size: 13px; margin-top: 10px;}
	.img_tag_big{font-size: 20px; margin-top: 10px;font-weight: 700;}
	.img_tag.last_teg{margin-bottom: 40px;}
	.img_cover.bottom_text{margin-bottom: 70px;}
	.img_cover.top_text{margin-top: 60px;}
	
	.text_cover h3{font-size: 31px; margin-bottom: 20px;}
	.text_cover h4{font-size: 23px; margin-bottom: 20px;}
	.text_cover p{font-size: 17px; margin-bottom: 25px;}
	.text_cover p.last_text{margin-bottom: 60px;}
	.text_cover p.last_text.last_mobile_half_text{margin-bottom: 30px;}
	.text_cover p.title_bold{font-size: 18px; line-height: 1.4;}
	.text_cover p.point_text{font-size: 23px; line-height: 1.4;}
	.text_cover p.point_text_bold{font-size: 26px; line-height: 1.4;}
	.text_cover p.top_title_text{font-size: 50px;}
	.text_cover p.hafe_margin{margin-bottom: 10px;}
	.text_tag{font-size: 14px;}
	
	
	/* Sub Pin Lay */
	.pin_lay{flex-wrap: wrap;}
	.pin_lay > li{width: 100% !important;}
	.pin_lay .text_cover{width: 100%;}
	.pin_lay .pin_title{font-size: 23px; line-height: 1.4; margin-bottom: 30px;}
	.pin_lay .pin_sub_title{font-size: 18px; line-height: 1.4; margin-bottom: 20px;}
	
	.con_top_text h3{font-size: 20px;line-height: 1.4; margin-bottom: 30px;}
	
	.pin_cover{margin: 0 auto 60px; text-align: center;}
	.pin_cover.long_img img{width: 60%;}
	
	/* Table Type */
	.table_box{font-size: 15px;}
	.table_box.noMarginBottom{margin-bottom: 0;}
	.table_box th{font-size: 17px;}
	
	
	/* Sub Tip Lay */
	.tip_wrap{padding: 100px 30px;}
	.tip_card .tip_card_box{border-width: 3px;}
	.tip_card .tip_card_box div{padding: 30px 50px;}
	.tip_card .tip_card_box div p{font-size: 21px;}
	.tip_card .tip_card_box div span{font-size: 17px;}
	.tip_card .tip_card_box img.face_img{right: 30px; width: 100px;}

	/* Sub Tip Con */
	.tip_con_box.bottom_content_on{margin-bottom: 150px;}
	.tip_con_box .tip_title:after{content: ''; border-width: 2px; left: 8px; top: 8px;}
	.tip_con_box .tip_title div{border-width: 2px; font-size: 29px; padding: 10px;}
	
	.tip_con_box .tip_title2 div{border-width: 2px; font-size: 29px; padding: 10px;}
	
	.tip_con_box .tip_con{padding: 80px 30px 50px !important;}
	.tip_con_box .tip_con_small{padding: 0px 30px 40px !important;}
	
	
	.tip_con_box .text_cover p b{font-size: 19px;}

	.tip_type1 .tip_icon{width: 90px; height: 90px; margin-bottom: 10px;}
	.tip_type2 .text_cover p{margin-bottom: 40px;}

	
	/* Sub Button */
	.btn_cover{margin: 60px auto;}
	.btn_cover a{font-size: 25px; line-height: 70px;}
	
	/* Box Title */
	.box_title{font-size: 17px; margin-bottom: 20px;}
	.line_title{font-size: 17px; margin-bottom: 20px;}
	
	/* Sub Author */
	.author_wrap{padding: 20px 30px; margin-top: 20px;}
	.author_wrap .text_cover p b{font-size: 19px;}
	
	.author_box {
		padding: 30px 0;
	}

	.author_box ul li {
		width: 100% !important;
	}

	.author_box ul li:nth-child(1) {
		text-align: center;
		margin-bottom: 30px;
	}

	.author_box ul li:nth-child(2) {
		padding: 0 30px;
	}

	.author_box ul li img {
		width: 70%;
		max-width: 150px;
	}

	.author_box b {
		margin-bottom: 10px;
	}
	
	
	/* Sub Q&A */
	.qna_title{margin-bottom: 60px;}
	.qna_title:after{content: '';  border-width: 3px; left: 8px; top: 8px;}
	.qna_title div{border-width: 3px; font-size: 29px;}
	
	.qna_con{margin-bottom: 60px;}
	.qna_question{margin-bottom: 30px;}
	.qna_question{align-items: flex-start;}
	.qna_question li:nth-child(1){width: 50px; font-size: 40px; margin-right: 20px;}
	.qna_question li:nth-child(2){width: calc(100% - 70px);}
	.qna_question .text_cover p{font-size: 19px;}
	.qna_answer{padding-left: 70px;}
	
	
	/* Gallery Card Type */
	.gallery_wrap{margin: 40px 0 100px;}
	.story_free_gallery img{border-radius: 30px;}
	
	
	/* Sub 11 */
	.history_wrap > div{padding-bottom: 150px; padding-top: 90px;}
	.history_wrap ul{flex-wrap: wrap; margin-top: 140px; background: #fff; flex-direction:column-reverse;}
	.history_wrap ul:nth-child(1){margin-top: 0;}
	.history_wrap ul li{width: 100%; text-align: center;}
	.history_wrap ul li:nth-child(1){margin-right: 0; margin-bottom: 20px;}
	.history_wrap ul li:nth-child(2){margin-left: 0; margin-bottom: 10px;}
	.history_wrap ul li .img_cover{max-width: 330px; margin: 0 auto;}
	.history_wrap h3{font-size: 30px; margin-bottom: 0; padding: 20px 0;}
	.history_wrap h3:after{content: ''; width: 60px; height: 60px; margin-left: -30px; top: -100px;}
	.history_wrap h3:before{content: ''; width: 30px; height: 30px; margin-left: -15px; top: -85px;}
	.history_wrap p{padding: 10px 0;}
	
	.history_wrap h2{font-family: 'Godo', sans-serif; font-size: 26px; line-height: 1.3;display: inline-block;margin-bottom: 20px}
	
	
	.text_history_wrap p{padding: 0;}
	.text_history_wrap h2{font-family: 'Godo', sans-serif; font-size: 20px; line-height: 1.3;display: inline-block;margin-bottom: 10px}
	
	.arirang_wrap{padding: 60px 0 30px; background: #000; margin-top: 150px;}
	.arirang_wrap .arirang_box{padding: 50px;}
	.arirang_wrap .arirang_box h3{font-size: 45px;}
	.arirang_wrap .arirang_box .text_cover{padding-top: 60px; margin-top: 50px;}
	.arirang_wrap .arirang_box .text_cover p{letter-spacing: -1px;}
	
	
	/* Sub 13 */
	.vertical_timeline{margin-top: 70px;}
	.vertical_timeline > div{padding: 140px 20px; border-radius: 400px;}	
	.timeline_year{width: 280px; height: 280px;}
	.timeline_year b{font-size: 31px;}
	.timeline_year span{font-size: 23px;}
	.timeline_year span b{font-size: 19px;}
	.timeline_text p{font-size: 17px;}
	

	.info_wrap{margin-top: 150px;}
	.info_wrap .info_cover{padding: 70px 30px;}
	.info_wrap h3{width: 230px; line-height: 60px; font-size: 17px; margin-bottom: 20px;}
	.info_wrap img{width: 100%;}
	.info_wrap .info_02 img{width: 80%;}
	
	
	/* Sub 14 */
	.chapter_body .chapter_division{margin-bottom: 100px;}
	
	/* Sub 24 */
	.space_line{padding-bottom: 80px; margin-bottom: 80px;}
	.lays.lay_text_img.num2 > li.space_line_inner{padding-top: 80px !important; margin-top: 80px !important; border-top: 1px solid #7B4B77;}
	
	/* Sub 25 */
	.review_wrap{padding-bottom: 30px;}
	.review_wrap .con_wrap{padding: 50px 30px 20px;}
	
	
	.review_title{margin-bottom: 30px; padding-bottom: 30px;}
	.review_title h3{font-size: 23px; line-height: 1.3;}
	.review_title p{font-size: 15px; margin-top: 15px;}
	
	/* 지난호 보기 */
	.archive_wrap li{width: 48%; margin-left: 4% !important; margin-bottom: 30px;}
	.archive_wrap li:nth-child(3n+1){margin-left: inherit;}
	.archive_wrap li:nth-child(2n+1){margin-left: 0 !important;}
	.archive_wrap li span{font-size: 15px;}
	
	
	/* 주석 */
	.add_wrap div {padding: 40px 0;}
	.add_wrap.last_wrap{margin-bottom: 50px;}
	.add_wrap div {padding: 10px 5px 20px;}
    .add_wrap .add_book b{font-size: 16px;}
    .add_wrap .add_book p.link_title{font-size: 14px; line-height: 20px;}
	.add_wrap a.nonum{padding-left: 0;}
}


@media screen and (max-width: 480px) {
	/* Top */
	.sub_top_box > div{width: 94%; margin: 0 auto;}
	.sub_top_box h2{font-size: 19px; line-height: 1.5; margin-bottom: 20px;}
	.sub_top_box h2 span:after{content: ''; height: 11px;}
	.sub_top_box h3{font-size: 25px; line-height: 1.4; letter-spacing: -1px;}
	.sub_top_box h3.big_type{font-size: 40px;}
	.sub_top_box b.top_name{font-size: 15px; margin-top: 30px;}
	.sub_top_box img{width: 80px;}
	
	.sub_top_arrow{width: 30px; height: 30px;}
	
	.sub_top.board_top{height: 350px !important;}
	.board_top .sub_top_inter{height: 350px;}
	.sub_top.board_top .sub_writer{font-size: 14px; margin-top: 15px;}
	.sub_top.board_top .sub_top_box img{margin-bottom: 20px;}
	.sub_top.board_top .sub_top_box h2{margin-bottom: 30px;}
	.sub_top.board_top .sub_top_box h3{font-size: 25px;}
	.sub_top.board_top .sub_top_box h3.big_type{font-size: 40px;}
	
	.sub_top.divide_type .sub_top_box h3{font-size: 25px;}
	
	/* Sub */
	.container_wrap{border-radius: 20px 20px 0 0;}
	.container_wrap.top_size_small{margin-top: 350px;}
	.container_wrap.top_size_big{margin-top: 420px;}
	.content_wrap{padding-top: 60px;}
	.con_space_maddle{margin-top: 70px;}
	.con_space_big{margin-top: 80px;}
	.con_space_bigger{margin-top: 100px;}
	
	
	/* Sub Top Text */
	.con_top_text{margin-bottom: 80px;}
	.con_top_text.long_margin{margin-bottom: 100px;}
	.con_top_text.short_margin{margin-bottom: 30px;}
	.con_top_text p{font-size: 16px; text-align: left;}
	.con_top_text p.con_top_source{margin-top: 20px; text-align: center;}
	.con_top_text p.titles{font-size: 19px;}
	
	
	/* Sub Common */
	.text_cover h3{font-size: 29px;}
	.text_cover h4{font-size: 21px;}
	.text_cover p{font-size: 16px;}
	.text_cover p.last_text{margin-bottom: 50px;}
	.text_cover p.title_bold{font-size: 16px;}
	.text_cover p.point_text{font-size: 21px;}
	.text_cover p.point_text_bold{font-size: 23px;}
	.text_cover p.top_title_text{font-size: 35px;}
	
	/* Sub Common */
	.lays.lay_text_img.num2 > li:nth-child(n+2){margin-top: 40px !important;}
	
	/* Sub Tip Lay */
	.tip_wrap{padding: 100px 3%;}
	.tip_card .tip_card_box div{padding: 30px;}
	.tip_card .tip_card_box div p{font-size: 19px;}
	.tip_card .tip_card_box div span{font-size: 16px;}
	.tip_card .tip_card_box img.face_img{right: 20px; width: 80px;}
	
	/* Sub Tip Con */
	.tip_con_box.bottom_content_on{margin-bottom: 100px;}
	.tip_con_box .tip_title:after{content: ''; left: 4px; top: 4px;}
	.tip_con_box .tip_title div{font-size: 23px;}
	
	.tip_con_box .tip_title2 div{font-size: 23px;}
	
	.tip_con_box .tip_con{padding: 70px 20px 40px !important;}
	.tip_con_box .text_cover p b{font-size: 17px;}
	
	.tip_type2 .text_cover p{margin-bottom: 30px;}
	
	/* Sub Button */
	.btn_cover{margin: 40px auto;}
	.btn_cover a{font-size: 20px; line-height: 60px;}
	
	/* Box Title */
	.box_title{font-size: 16px; margin-bottom: 15px;}
	.line_title{font-size: 16px; margin-bottom: 15px;}
	
	/* Sub Author */
	.author_wrap{padding: 20px 30px; margin-top: 30px;}
	.author_wrap .text_cover p b{font-size: 17px;}
	
	.author_box ul li:nth-child(2) {
		padding: 0 20px;
	}

	.author_box h3 {
		font-size: 17px;
		margin-bottom: 8px;
	}

	.author_box p {
		font-size: 15px;
		line-height: 1.5;
	}

	
	
	/* Sub Q&A */
	.qna_title:after{content: ''; left: 4px; top: 4px;}
	.qna_title div{font-size: 23px;}

	.qna_question li:nth-child(1){width: 40px; font-size: 30px; margin-right: 10px;}
	.qna_question li:nth-child(2){width: calc(100% - 50px);}
	.qna_question .text_cover p{font-size: 17px;}
	.qna_answer{padding-left: 50px;}
	
	
	/* Sub 11 */
	.history_wrap ul li .img_cover{max-width: 300px;}
	.history_wrap h3{font-size: 25px;}
	.history_wrap h3:after{content: ''; width: 50px; height: 50px; margin-left: -25px; top: -94px;}
	.history_wrap h3:before{content: ''; width: 24px; height: 24px; margin-left: -12px; top: -81px;}
	
	.history_wrap h2{ font-size: 16px; margin-bottom: 20px; font-color: #7B4B77;}
	.text_history_wrap h2{ font-size: 16px; margin-bottom: 20px; font-color: #000;}
	.text_history_wrap p{ font-size: 16px; margin-bottom: 20px; font-color: #7B4B77;}
	
	.arirang_wrap{margin-top: 100px; padding-bottom: 20px;}
	.arirang_wrap .arirang_box{padding: 40px 25px;}
	.arirang_wrap .arirang_box h3{font-size: 35px;}
	.arirang_wrap .arirang_box .text_cover{padding-top: 50px; margin-top: 40px;}
	.arirang_wrap .arirang_box .text_cover p{letter-spacing: 0;}
	
	
	/* Sub 13 */
	.vertical_timeline > div{padding: 40px 20px 120px;}	
	.timeline_year{width: 260px; height: 260px;}
	.timeline_year b{font-size: 31px;}
	.timeline_year span{font-size: 23px;}
	.timeline_year span b{font-size: 19px;}
	.timeline_text p{font-size: 17px;}
	
	.info_wrap > div{margin: 0 auto 80px;}
	.info_wrap .info_cover{padding: 50px 30px;}
	.info_wrap h3{width: 180px; line-height: 44px; font-size: 15px; margin-bottom: 20px;}
	.info_wrap img{width: 100%;}
	.info_wrap .info_02 img{width: 80%;}
	
	/* Sub 24 */
	.space_line{padding-bottom: 50px; margin-bottom: 50px;}
	.lays.lay_text_img.num2 > li.space_line_inner{padding-top: 50px !important; margin-top: 50px !important;}
	
	/* Sub 25 */
	.review_wrap{padding-bottom: 1px;}
	.review_wrap .con_wrap{padding: 40px 15px 20px;}
	
	/* 지난호 보기 */
	.archive_wrap{text-align: center; width: 80%; margin: 0 auto;}
	.archive_wrap li:nth-child(n){float: inherit; display: inline-block; width: 100%; margin: 0 0 30px !important;}
	.archive_wrap li span{font-size: 15px;}
	
	/* 주석 */
	.add_wrap div {padding: 40px 0;}
}