@charset "utf-8";



.jtext a, .banner_nav li a, .main_banner ul li a, .main_banner ul li a:after, .main_banner ul li a:before, .depth_nav .first_dropit:after, .bottom_btn_wrap li a, .bottom_btn_wrap li a:after, .bottom_btn_wrap li a:before{
	-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);
}

.main_wrap ul li a img{
	-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);
}

/* mg_ 추가구문*****************************************************************************************************************/
.no_block span{display: inline-block!important;}

body{-webkit-text-size-adjust:100%;}


.s1 .img_layout, .jContents.s1 p{margin: 0!important;}
.review_con{margin-bottom: 60px;}
.review_con h4{color: #666666; font-size: 60px; font-weight: 800; font-family: 'Nanum Gothic', sans-serif;}
.review_con h4 span{font-size: 16px; vertical-align: super; font-weight: 400; padding-right: 5px;}
.review_con .small_title{color: #222; font-size: 20px; font-weight: 600; margin: 0!important;}
.review_con .gray_title{color: #666666; font-size: 20px; font-weight: 600; margin-bottom: 20px;}


/* .s6 .topText.topPot.longMargin{margin-bottom: 40px!important;}*/
.s9 .reviewTitle{color: #476E53;}
.s9 .review_con h4{color: #476E53;}

strong.foot_banner{display: inline-block; border-radius: 17px; overflow: hidden; box-sizing: border-box;}
.s2_banner_wrap{position: relative; background: #F8BF8C;}
.s2_banner_wrap:after{content: ''; position: absolute; top: -160px; right: 5%; margin-left: -110px; width: 220px; height: 165px; background: url("../imgs/s2/back2.png") no-repeat right; background-size: contain;}
.s2_banner{position: relative; width: 100%;  padding: 45px 0 5px; overflow: hidden; box-sizing: border-box; max-width: 1100px; margin: 0 auto;}
.s2_banner h3{font-size: 25px; color: #222222; font-weight: 700; text-align: center;  margin-bottom: 30px;} /* 폰트 사이즈 폰트 굵기 색 변경 */
.s2_ul_wrap{width: 100%; max-width: 1100px; margin: 0 auto;}
.s2_banner ul{width: 48%; float: left; font-size: 19px;}
.s2_banner ul:nth-child(2){width: 48%; float: right; font-size: 19px; margin-left: 4%;}
.s2_ul_wrap:after{content:""; display:block; clear:both;}
.s2_banner ul li{}
.s2_banner ul li span{float: left; font-size: 15px; display: inline-block;}
.s2_banner ul li p{font-size: 15px; float: none; margin-left: 20px;}

.banner_haed{margin-bottom: 15px;  position: relative; overflow: hidden;}

.banner_haed:after{content: ''; border-bottom: 1px solid #333; position: absolute; width: 70%; height: 2px;  bottom: 5px; margin-left: 5px; }

.no_bot_margin{margin-bottom: none!important; font-weight: 700 !important; line-height: 27px !important; font-size: 18px !important; text-align: center!important;}


.main_banner_wrap{position: relative;}
.main_banner_wrap:after{content: ''; position: absolute; top: 0px; left: 50%; margin-left: -110px; width: 220px; height: 78px; background: url("../imgs/m/arrow.png") no-repeat center; background-size: contain;}
/* mg_ 추가구문************************************************************************************************************/

/* 공통 */
.jContainer{width: 100%;}

/* main */
.main_wrap{width: 100%; background: #E4E6E0; padding-bottom: 50px;}
.main_wrap ul{width: 100%; max-width: 1100px; margin: 0 auto;}
.main_wrap ul:after{content:""; display:block; clear:both;}
.main_wrap ul li{box-sizing: border-box; background: #fff; border-radius: 17px; width: 32%; padding: 20px 20px 30px; margin-left: 2%; margin-top: 50px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}
.main_wrap ul li:nth-child(3n+1){margin-left: 0;}
.main_wrap ul li strong{display: block; border-radius: 17px; overflow: hidden; box-sizing: border-box;}
.main_wrap ul li img{width: 100%;}
.main_wrap ul li a{display: block;}
.main_wrap ul li a:hover img{transform: scale(1.15);}
.main_wrap ul li h3{color: #666; width: 94%; margin: 0 auto; line-height: 1.6; border-bottom: 1px solid #ababab; font-size: 19px; margin-bottom: 20px; padding-bottom: 5px;}
.main_wrap ul li b{display: block; font-weight: 700; color: #333; width: 94%; margin: 25px auto 15px; font-size: 19px; line-height: 25px; height: 50px; overflow: hidden;}
.main_wrap ul li span{display: block; color: #666; width: 94%; margin: 0 auto; font-size: 15px; line-height: 22px; height: 44px; overflow: hidden;}
.main_wrap ul li.line3 b{height: 75px;}
.main_wrap ul li.line3 span{height: 19px;}

/* 메인 배너 수정 mg 2022/03/04 */ 
.main_banner{position: relative; width: 100%; background: #fff; padding: 45px 0 45px; overflow: hidden; border: 45px solid #476E53; box-sizing: border-box;}
/*.main_banner:after{content: ''; position: absolute; top: -1px; left: 50%; margin-left: -110px; width: 220px; height: 78px; background: url("../imgs/m/img13.png") no-repeat center; background-size: contain;}*/

.main_banner h3{font-size: 37px; color: #476E53; font-weight: 800; text-align: center;  margin-bottom: 30px;} /* 폰트 사이즈 폰트 굵기 색 변경 */
.main_banner ul{width: 100%; max-width: 1100px; margin: 0 auto;}
.main_banner ul:after{content:""; display:block; clear:both;}
.main_banner ul li{float: right; width: 50%; color: #000;}
.main_banner ul li:first-child{float: left; width: 44%; text-align: center;}
.main_banner ul li img{width: 100%; max-width: 325px;}
.main_banner ul li span{display: block; font-size: 19px; margin-top: 10px;}
.main_banner ul li b{display: block; font-size: 37px; color: #476E53; font-weight: 800; line-height: 1.2}
.main_banner ul li p{font-size: 17px;}
.main_banner ul li a{position: relative; display: inline-block; font-size: 15px; padding: 8px 70px 8px 30px; border: 1px solid #000; border-radius: 30px; color: #000; margin-top: 20px;}
.main_banner ul li a:after{content: ''; position: absolute; top: 50%; margin-top: -1px; right: 20px; width: 14px; height: 2px; background: #000;}
.main_banner ul li a:before{content: ''; position: absolute; top: 50%; margin-top: -7px; right: 26px; width: 2px; height: 14px; background: #000;}
.main_banner ul li a:hover{background: #476E53; color: #fff; border: 1px solid #476E53;}
.main_banner ul li a:hover:after{content: ''; transform: rotate(180deg); background: #fff;}
.main_banner ul li a:hover:before{content: ''; transform: rotate(180deg); background: #fff;}

/* footer */
.footer{ overflow: hidden; position: relative; width: 100%; padding: 45px 0; background: #484848; box-sizing: border-box;}
.footer .footer_wrap{width: 1100px; margin: 0 auto;}
.footer .footer_wrap:after{content:""; display:block; clear:both;}
.footer h2{float: left; width: 240px; height: 60px; margin-right: 20px; background: url(../imgs/f_logo.png) no-repeat center center; color: transparent; background-size: contain;}
.footer p{float:left; font-size: 15px; font-weight: 700; color: #999; }
.footer .e_book{float: right; display: block; height: 30px; padding: 0 15px; font-size: 15px; font-weight: 700; color: #fff; line-height: 30px; box-sizing: border-box;}
.footer .e_book a{position: relative; display: block; width: 100%; height: 100%; color: #000; font-size: 14px; overflow: hidden; text-align: center; background: #777; padding: 0 5px;}
.footer .e_book a span{position: relative; z-index: 3; color: #fff;}
.footer .e_book a:after{content: ''; position: absolute; width: 110%; height: 110%; left: 0; top: 0; transform-origin: 0 0; transform: translateY( 100% ) rotate( 30deg ); transition: transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02); background-color: #000;}
.footer .e_book a:hover span{color: #fff;}
.footer .e_book a:hover:after{transform: translateY( 0% ) rotate( 0deg );}

.footer_icon{position: relative; width: 100%; padding-bottom: 70px;}
.icon_wrap {width: 1100px; margin: 0 auto; text-align: center;}
.icon_wrap p {padding: 20px 0; font-size: 17px; font-weight: 700; text-align: center; color: #333; line-height: 1.6; word-break: keep-all;}
.icon_wrap p span{display: block;}
.icon_wrap ul:after{content:""; display:block; clear:both;}
.icon_wrap ul {display: inline-block; text-align: center;}
.icon_wrap li {float: left; width: 50px; height: 50px; margin:20px;}
.icon_wrap li > a {position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain;}
.icon_wrap li.f_icon6 {margin-right: 0;}
.icon_wrap li.f_icon1 > a {background-image: url(../imgs/f_icon1.png)}
.icon_wrap li.f_icon2 > a {background-image: url(../imgs/f_icon2.png)}
.icon_wrap li.f_icon3 > a {background-image: url(../imgs/f_icon3.png)}
.icon_wrap li.f_icon4 > a {background-image: url(../imgs/f_icon4.png)}
.icon_wrap li.f_icon5 > a {background-image: url(../imgs/f_icon5.png)}
.icon_wrap li.f_icon6 > a {background-image: url(../imgs/f_icon6.png)}

.mainOnly .footer_icon{padding-top: 60px;}

.top_go{position:fixed; z-index:20; right:5px; bottom:74px; width:62px; height:62px; background:url(../imgs/top.png) #fff center no-repeat; background-size:contain; border-radius: 100px; display:none; opacity: .9; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);}
.top_go:active{background:url(../imgs/top.png) #fff center no-repeat; background-size:contain;}

/* 메인 */
.img_pc{}
.img_mobile{display: none;}


/* 서브 */
.swiper-slide{text-align: center;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0;}
.swiper-button-next::after,.swiper-button-prev::after {display: none;}
.swiper-button-next img{width: 56px; height: 56px;}
.swiper-button-prev img{width: 56px; height: 56px;}
.swiper-pagination{bottom: 20px!important;}
.swiper-pagination .swiper-pagination-bullet {opacity: 1; border: 2px solid #eee; background: none;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #eee!important; opacity: 1;}
.swiper-pagination .swiper-pagination-bullet {border: 2px solid #fff; background: none;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #fff!important;}
.swiper_container{overflow: hidden; padding-bottom: 0; margin-bottom: 50px;}
.swiper_container.noMargin{margin-bottom: 0;}
.swiper_container .swiper{overflow: visible;}
.swiper_container .pagination_warp{text-align: center;}

.jContents{position: relative; margin: 0 auto; box-sizing: border-box; padding-bottom: 60px; min-height: 1000px;}
.jContents .jconBox{width: 1100px; margin: 0 auto;}

.jContents .jconBox.nobotom{padding-bottom: 0;}
.jContents .jconBox.yellow_box{background: #fffac3; padding: 90px; box-sizing: border-box;}
.jContents .jconBox.brown_box{background: #e9d8c0; padding: 90px; box-sizing: border-box;}

.jContents ul:after{content:""; display:block; clear:both;}
.jContents p{font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 40px; letter-spacing: 0.01em; text-align: justify; word-break: normal;}
.jContents p.long_margin{margin-bottom: 60px;}
.jContents p.no_margin{margin: 0;}
.jContents p.halfMargin{margin-bottom: 30px;}
.jContents p.smallMargin{margin-bottom: 10px;}
.jContents p.fbold{font-size: 17px; font-weight: bold;}
.jContents p.indent span{display: block; float: none; padding-left: 15px;}
.jContents p.indent span:first-child{float: left; padding-left: 0;}
.jContents p.serif{font-family: 'Noto Serif KR', serif; color: #333;}
.jContents p.break_all{word-break: break-all;}
.jContents p span.pc_letter{letter-spacing: 0.3px;}
.jContents p span.talk{display: block; line-height: 20px; padding: 15px 20px; color: #666;}
.jContents p span.account{display: block; font-size: 15px; margin-top: 5px; color: #999;}
.jContents p a.url_type{word-break: break-all;}
.jContents p.subTitle{font-size: 17px; font-weight: 700; color: #595757; margin-bottom: 2px;}
.jContents .con_title{font-family: 'nanumsquare'; font-size: 21px; line-height: 1.3; letter-spacing: -0.01em; font-weight: 800; color: #476E53; margin-bottom: 15px;}
.jContents .con_title.serif{font-family: 'Noto Serif KR', serif; color: #333;}
.jContents .con_title.serif.color{color: #476E53;}
.jContents .con_title.gray_color{color: #888;}
.jContents .con_title.bigTitle{font-size: 25px; line-height: 35px;}
.jContents .con_title b{display: block; font-weight: 800;}
.jContents .con_title span.normal_weight{font-weight: normal;}
.jContents .con_title span.myeongjo{display: block; font-family: 'NotoSerifKR', serif; font-size: 31px; font-weight: 700; line-height: 40px;}
.jContents .con_title span.black_color{font-size: 17px; color: #000;}
.jContents p .url_text{word-break: break-all;}
.jContents p .interview_qu{display: block; color: #971519; margin-bottom: 15px;}
.jContents p span.italic{font-style: italic;}
.jContents p .underline{text-decoration: underline;}

.jContents .con_title.lay_imgBottom{margin-top: 100px;}


.jContents .quotation{border: 1px solid #ccc; border-radius: 10px; padding: 30px; box-sizing: border-box; margin-bottom: 35px;}
.jContents .quotation p{font-style: italic;}
.jContents .quotation p span.qSource{display: block; font-style: normal; font-size: 15px; color: #888;}
.jContents .quotation p:last-child{margin-bottom: 0;}

.jContents .nomb{margin-bottom: 0 !important;}
.jContents p.source{color: #999; font-size: 15px; line-height: 25px;}
.jContents p.source b{display: block; color: #333; font-weight: bold;}

.jContents .imgCover{width: 100%;}
.jContents .imgCover img{width: 100%;}
.jContents .imgCover span{display: block; font-size: 12px; line-height: 17px; color: #777; text-align: right; padding-right: 3%;}

.img_layout:after{content:""; display:block; clear:both;}
.img_layout{margin: 50px 0;}
.img_layout.noTopMargin{margin-top: 0;}
.img_layout.noBottomMargin{margin-bottom: 0;}
.img_layout.noMargin{margin: 0;}
.img_layout.longMargin{margin: 40px 0 90px;}
.img_layout.longMarginOpp{margin: 90px 0 40px;}
.img_layout.topPadding{padding-top: 50px; margin-top: 0;}
.img_layout img{width: 100%;}
.img_layout li{position: relative; float: left;}
.img_layout.colm1 li{width: 100%; margin-top: 30px;}
.img_layout.colm1 li:first-child{margin-top: 0;}
.img_layout.colm1.long li{text-align: center;}
.img_layout.colm1.long li img{width: 50%;}
.img_layout.colm1.per80 li{text-align: center;}
.img_layout.colm1.per80 li img{width: 70%;}
.img_layout.colm1.per70 li{text-align: center;}
.img_layout.colm1.per70 li img{width: 70%;}
.img_layout.colm1.per40 li{text-align: center;}
.img_layout.colm1.per40 li img{width: 40%;}
.img_layout.colm1.per30 li{text-align: center;}
.img_layout.colm1.per30 li img{width: 30%;}
.img_layout.colm1.per20 li{text-align: center;}
.img_layout.colm1.per20 li img{width: 20%;}
.img_layout.colm1.per10 li{text-align: center;}
.img_layout.colm1.per10 li img{width: 10%;}
.img_layout.colm1.px150 li{text-align: center;}
.img_layout.colm1.px150 li img{width: 150px;}

.img_layout.per80{width: 80%; margin-right: auto; margin-left: auto;}
.img_layout.per70{width: 70%; margin-right: auto; margin-left: auto;}
.img_layout.per60{width: 60%; margin-right: auto; margin-left: auto;}
.img_layout.per50{width: 50%; margin-right: auto; margin-left: auto;}

.img_layout.per80 img{width: 100% !important;}
.img_layout.per70 img{width: 100% !important;}
.img_layout.per60 img{width: 100% !important;}

.img_layout.colm2 li{width: 49%; margin-left: 2%; margin-top: 20px;}
.img_layout.colm2 li:nth-child(2n-1){margin-left: 0;}
.img_layout.colm2 li:nth-child(1), .img_layout.colm2 li:nth-child(2){margin-top: 0;}

.img_layout.colm21 li{width: 49%; margin-left: 2%; margin-top: 20px;}
.img_layout.colm21 li:first-child{width: 100%; margin-left: 0; margin-top: 0;}
.img_layout.colm21 li:nth-child(2){margin-left: 0;}


.img_layout.colm3 li{width: 32%; margin-left: 2%; margin-top: 20px;}
.img_layout.colm3 li:nth-child(3n+1){margin-left: 0;}
.img_layout.colm3 li:nth-child(1), .img_layout.colm3 li:nth-child(2), .img_layout.colm3 li:nth-child(3){margin-top: 0;}

.img_layout.colm31 li{width: 38.5%; margin-left: 2%; margin-top: 20px;}
.img_layout.colm31 li:first-child{width: 19%;}
.img_layout.colm31 li:nth-child(3n+1){margin-left: 0;}
.img_layout.colm31 li:nth-child(1), .img_layout.colm31 li:nth-child(2), .img_layout.colm31 li:nth-child(3){margin-top: 0;}

.img_layout.colm4 li{width: 23.5%; margin-left: 2%; margin-top: 20px;}
.img_layout.colm4 li:nth-child(4n+1){margin-left: 0;}
.img_layout.colm4 li:nth-child(1), .img_layout.colm4 li:nth-child(2), .img_layout.colm4 li:nth-child(3), .img_layout.colm4 li:nth-child(4){margin-top: 0;}

.img_layout.colm6 li{width: 15%; margin-left: 2%;}
.img_layout.colm6 li:first-child{margin-left: 0;}

.img_layout li.onlyOne{width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;}

.img_layout.colm1.ori800 li{text-align: center;}
.img_layout.colm1.ori800 li img{width: 100%; max-width: 800px;}


.img_layout li span{display: block; font-size: 12px; line-height: 17px; color: #777; text-align: left; margin-top: 7px; letter-spacing: -0.01em; word-break: break-all;}
.img_layout li span.t_c{text-align: center;}
.img_layout li span.color_box{color: #ccc;}
.img_layout li span b{font-weight: 400; display: block;}

.img_piece:after{content:""; display:block; clear:both;}
.img_piece{margin-bottom: 10px;}
.img_piece li{width: 50%; float: left;}
.img_piece li img{width: 100%;}

.img_only_pc_text{display: inline;}
.img_only_mobile_text{display: none;}

.only_one_copy{margin-bottom: 50px;}
.only_one_copy span{display: block; font-size: 12px; line-height: 17px; color: #777; text-align: left; margin-top: 7px; letter-spacing: -0.01em; word-break: break-all;}
.only_one_copy span.t_c{text-align: center;}

.img_border{border: 1px solid #000;}

img.floL{float: left; width: 45%; margin-right: 5%;}
img.floR{float: right; width: 45%; margin-left: 5%;}
img.floL.floW30, img.floR.floW30{width: 30%;}

.qr_img_layout{text-align: center; margin-top: 50px;}
.qr_img_layout ul{display: inline-block;}
.qr_img_layout li{position: relative; float: left;}
.qr_img_layout.colm1 li{width: 300px;}
.qr_img_layout.colm2 li{width: 300px;}
.qr_img_layout li span{display: block; margin-top: 10px;}
.qr_img_layout li img{width: 150px;}

.qr_img_layout.inner_layout{margin-top: 10px; text-align: left;}
.qr_img_layout.inner_layout li{width: 100%;}
.qr_img_layout.inner_layout.colm1 li{width: 100%;}
.qr_img_layout.inner_layout.colm2 li{width: 50%;}
.qr_img_layout.inner_layout li img{width: 100px;}

span.photo_explain{display: block; font-size: 12px; line-height: 17px; color: #777; text-align: right; margin-top: 10px;}

.top_img_wrap{position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; height: 740px;}
.top_img_wrap span{position: absolute; bottom: 120px; width: 100%; text-align: center; display: block; font-size: 14px; line-height: 17px; color: #fff; word-break: keep-all; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.s2 .top_img_wrap{background-image:url("../imgs/s2/top.jpg");}
.s3 .top_img_wrap{background-image:url("../imgs/s3/top.jpg");}
.s4 .top_img_wrap{background-image:url("../imgs/s4/top.jpg");}
.s5 .top_img_wrap{background-image:url("../imgs/s5/top.jpg");}
.s6 .top_img_wrap{background-image:url("../imgs/s6/top.jpg");}

.top_img_wrap.no_img{height: 200px; background: #F4F4F4;}

.s2 .top_img_wrap span{color: #333; text-shadow: none;}
.s2 .title_wrap h3, .s2 .title_wrap p{color: #476E53;}


.title_wrap{position: relative; width: 1100px; margin: 0 auto; text-align: center; color: #222;}
.title_wrap .tag_wrap{position: relative; width: 900px; margin: 0 auto; height: 100px; margin-top: -100px; background: #fff;}
.title_wrap span{display: inline-block; font-size: 17px; background: #476E53; color: #fff; padding: 0 30px; border-radius: 20px; height: 34px; line-height: 34px; margin-top: 33px;}
.title_wrap h3{font-size: 60px; font-weight: 800; line-height: 72px; margin: 40px 0 20px; word-break: keep-all;}
.title_wrap h3 br.only_mobile{display: none;}
.title_wrap p{font-size: 23px; text-align: center; color: #595757;}

.title_wrap .tag_wrap.color_wrap{background: #E4E6E0;}

.reviewTitle{margin-top: 40px; font-size: 60px; font-weight: 800; line-height: 50px;}
.reviewTitle img{height: 70px;}
.buildingTitle img{width: 350px;}

.preview_box{padding-top: 30px;}
.preview_box > div{position: relative; background: #EBF2E2; padding: 70px 100px; margin-top: 50px;}
.preview_box .lay_wrap{padding: 0;}
.preview_box .img_layout{margin-top: 0;}
.preview_box .con_title{position: absolute; top: -28px; margin: 0; left: 100px; font-size: 33px; color: #971519;}

.experience_box h5{color: #D37517; font-size: 21px; padding-top: 20px;}
.experience_box .ex_list:after{content:""; display:block; clear:both;}
.experience_box .ex_list{margin-bottom: 30px;}
.experience_box .ex_list li{float: left; width: 20%; margin-top: 20px; font-size: 17px; font-weight: 400;}
.experience_box .ex_list li span{display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; background: #fff; color: #CE7517; margin-right: 10px; border-radius: 40px;}
.experience_box span.account{margin-top: 0; font-size: 14px; line-height: 20px;}

.experience_img p{font-size: 19px; font-weight: 700; color: #971519; margin-top: 20px; margin-bottom: 10px; padding-left: 10px;}
.experience_img .img_layout li span{display: block; font-size: 15px; line-height: 22px; padding-left: 10px;}

.together_header h4{text-align: center;}
.together_header h4 span{display: inline-block; padding: 5px 20px; border-bottom: 4px solid #fff; border-top: 4px solid #fff; color: #971519; font-size: 23px;}
.together_header p{color: #fff; font-size: 35px;  margin: 30px 0; line-height: 47px; font-weight: 700;}
.example_wrap{padding: 0 0 40px;}
.example_wrap p{font-size: 60px; text-align: center; line-height: 100px; letter-spacing: 4px;}
.second_header{padding-top: 50px;}

.together_wrap{width: 100%; margin: 0 auto; border-top: 2px solid #333; border-bottom: 1px solid #333; padding: 10px 0;}
.together_wrap p{word-break: break-all !important;}
.together_wrap .table_box{margin-bottom: 0;}
.together_wrap .table_box.horizontal_type tr:first-child th, .together_wrap .table_box.horizontal_type tr:first-child td{border: 0;}

.qr_wrap{display: block; text-align: center;}
.qr_wrap img{width: 100px;}
.qr_wrap span{display: block; font-size: 13px; margin-top: 5px;}

.museum_logo{text-align: center;}
.museum_logo h4{font-family: 'Noto Serif KR', serif; font-size: 21px; color: #666; padding-bottom: 15px;}
.museum_logo img{width: 300px;}
.boder_gray_box{border: 1px solid #999999; padding: 50px; margin-bottom: 100px;}
.boder_color_box{border: 1px solid #476E53; padding: 50px; padding-bottom: 80px; margin-bottom: 100px;}

.museumTitle{margin-bottom: 20px; padding-top: 50px;}
.museumTitle.noTopPadding{padding-top: 0;}
.museumTitle:after{content:""; display:block; clear:both;}
.museumTitle li{float: left; height: 60px;}
.museumTitle li img{height: 60px;}
.museumTitle li:nth-child(1){float: left;}
.museumTitle li:nth-child(2){float: none; margin-left: 42px;}
.museumTitle li h4{position: relative; font-family: 'nanumsquare'; font-size: 21px; line-height: 27px; letter-spacing: -0.01em; font-weight: 800; color: #971519; height: 100%;}
.museumTitle li h4 span{display: inline-block; position: absolute; bottom: 0; margin-left: 15px;}
.s9 .museumTitle li h4{color: #971519;}

.jc_box{position: relative; margin-top: 60px;}

.para_line{width: 100%; margin-bottom: 60px; border-top: 1px dashed rgba(0, 0, 0, 0.4);}
.para_line.white_line{border-color: #476E53;}
.para_line.noMargin{margin: 0;}
.para_line.half_margin{margin-bottom: 25px!important;}
.para_line.solid_line{border-top: 1px solid rgba(0, 0, 0, 0.1);}

.topText{line-height: 1.6 !important; margin-bottom: 60px !important; font-size: 19px !important; font-weight: 350 !important;}
.topText.topPot{text-align: center;}
.topText.topPot.noMargin{margin-bottom: 0 !important;}
.topText.topPot.longMargin{margin-bottom: 90px !important;}
.topText.color_box{font-weight: 400 !important;}
.topText .chText{font-weight: 400 !important;}
.topText .topAuthor{display: block; font-size: 14px; color: #666; font-weight: 400; margin-top: 7px; font-family: 'Malgun Gothic';}
.topText.color_box .topAuthor{color: #fff;}
.topText .smallText{font-size: 14px !important;}

.jContents p.story_wrap{padding-left: 30px; box-sizing: border-box; font-weight: 700; font-size: 19px; line-height: 32px; padding-top: 50px;}

.jContents p.img_bottom_text{font-size: 27px; font-weight: 700; line-height: 50px; color: #971519; margin-top: 30px;}


/* Table Type */
.table_box{position: relative; width: 100%; margin: 0 auto; font-size: 20px; 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;}
.s10 .table_box th,.s10 .table_box td{padding: 5px; box-sizing: border-box; text-align: left; border-bottom: none!important;}/* mg 추가구문*/
.table_box th, .table_box td{border-bottom: 1px solid #000; padding: 5px; box-sizing: border-box; text-align: left;}
.table_box th{font-weight: 700; font-size: 17px; padding: 10px 5px;}
.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 tr.special_text td{color: #971519;}
.tree_table .table_box.table_basic td p{padding: 0;}

.table_box.horizontal_type table{border-top: 0;}
.table_box.horizontal_type tr:first-child th, .table_box.horizontal_type tr:first-child td{border-top: 2px solid #333;}
.table_box.horizontal_type th{padding-left: 30px;}

.table_box.table_keep tr.keep_first_tr th, .table_box.table_keep tr.keep_first_tr td{padding-top: 30px;}
.table_box.table_keep td{border-bottom: 0; vertical-align: top;}
.table_box.table_keep tr.keep_last_tr td{border-bottom: 1px solid #000; padding-bottom: 30px;}
.table_box.table_keep tbody th{vertical-align: top;}
.table_box.table_keep td p{line-height: 25px;}

.table_box p.account{font-size: 15px; margin-top: 5px; color: #999;}
.table_box p.account.noMarginBottom{margin-bottom: 0;}
.table_box p.account.noMarginTop{margin-top: 0;}
.table_box p.account span{display: block; float: none; padding-left: 15px; font-size: 15px;}
.table_box p.account span:first-child{float: left; padding-left: 0;}

p.only_account{font-size: 15px; margin-top: 5px; color: #999; margin-bottom: 50px;}
p.only_account span{display: block; float: none; padding-left: 15px;}
p.only_account span:first-child{float: left; padding-left: 0;}

.table_box .logoTitle{margin-bottom: 15px;}

.table_box.color_table .green_td{background: #ebf2c4;}
.table_box.color_table .gray_td{background: #e6e6e7;}
.table_box.color_table th{text-align: center;}
.table_box.color_table th:first-child{text-align: left;}
.table_box.color_table td{padding-left: 10px;}


/* layout */
.jlayout li{position: relative; float: left;}

.s1_layout.num1{margin-bottom: 50px;}
.s1_layout li{float: right; width: 580px; min-height: 10px;}
.s1_layout li img{width: 100%;}
.s1_layout.num1 li img{width: 70%;}
.s1_layout li:first-child{float: left; width: 380px;}
.s1_layout li:first-child img{margin-top: 10px;}

.half_layout li{float: right; width: 490px;}
.half_layout li:first-child{float: left;}

.month_special{margin-bottom: 50px;}
.month_special .month{position: relative;}
.month_special .month span{position: relative; display: block; font-size: 50px; line-height: 90px; color: #666; z-index: 2; padding-left: 2%}
.month_special .month:after{content: ''; position: absolute; width: 100%; height: 20px; top: 50%; left: 0; margin-top: -10px; background: #fff; border-radius: 30px; z-index: 1;}
.month_special .special h4{width: 94%; margin: 0 auto; font-size: 22px; font-weight: 700; color: #ce0710;}
.month_special .special h4 span{display: inline-block; margin-left: 20px; font-size: 17px; color: #222;}
.month_special .special > div{margin-top: 20px;}
.month_special .special p{width: 94%; margin: 20px auto 0;}
.month_special .special p.solo{margin-top: 30px;}

.floor_layout{margin: 50px 0;}
.floor_layout img{width: 100%;}
.floor_layout p{margin-bottom: 20px; font-weight: 700; color: #ce0710;}
.floor_layout li:nth-child(2){margin-top: 50px;}
.floor_layout p span{padding: 23px;}

.qmark{text-align: left;}
.qmark p{position: relative; display: inline-block; font-weight: 400 !important; font-style: italic; color: #971519; letter-spacing: -1px !important; text-align: left !important; padding: 0; word-break: keep-all !important; font-size: 18px;}
/*
.qmark p:before{content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url("../imgs/qmark_open.png") no-repeat 0 0; background-size: 20px;}
.qmark p:after{content: ''; position: absolute; right: 0; bottom: 0; width: 20px; height: 20px; background: url("../imgs/qmark_close.png") no-repeat 0 0; background-size: 20px;}
*/
.qmark.nomargin p{margin-bottom: 0 !important;}
.qmark .small_text{font-size: 14px;}

.inline_qmark{display: block; margin: 20px 0; color: #fff; background: none; padding-top: 0;}
.qmarkAuthor{display: block; font-size: 14px; color: #fff; font-weight: 400;}

.colm_title{position: relative; height: 70px; text-align: center; margin-bottom: 20px;}
.colm_title p{position: relative; display: inline-block; font-size: 20px; font-weight: 700; line-height: 70px; z-index: 2; background: #fff; padding: 0 20px; color: #ce0710;}
.colm_title div:after{content: ''; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; background: #000; z-index: 1;}

.colm_con{margin-bottom: 20px;}
.colm_con.colm_out{margin-bottom: 50px;}
.colm_con li{float: left; text-align: center;}
.colm_con.colm3 li{width: 32%; margin-left: 2%;}
.colm_con.colm3 li:nth-child(1){margin-left: 0;}
.colm_con.colm2 li{width: 32%; margin-left: 2%;}
.colm_con.colm2 li:nth-child(1){margin-left: 16%;}
.colm_con li span{display: block; font-family: 'nanumsquare'; font-size: 30px; font-weight: 700; line-height: 40px; padding: 20px 0;}
.colm_con li span b{font-weight: normal; font-size: 17px;}
.colm_con li p{text-align: center;}

.donation_wrap{position: relative; padding-top: 40px; border: 12px solid #971519; box-sizing: border-box; margin-top: 50px; background: #fff;}
.donation_wrap h4{font-family: 'nanumsquare'; font-size: 45px; font-weight: 800; color: #971519; margin-bottom: -5px; padding-left: 30px; border-bottom: 12px solid #971519; padding-bottom: 30px;}
.donation_box{padding: 50px 0 0;}
.donation_box > div{padding: 0 50px;}
.donation_box p{position: relative; font-weight: 700;}
.donation_box p.donation_title{margin-bottom: 5px; margin-top: 40px;}
.donation_box p.donation_title span{position: relative; font-family: 'nanumsquare'; font-weight: 800; padding-right: 15px; font-size: 21px; color: #971519; z-index: 2;}

.donation_order li{float: left; width: 19%; height: 230px; text-align: center;}
.donation_order li:nth-child(2n-1){padding: 35px 0; box-sizing: border-box; background: #eeefef;}
.donation_order li b{display: block; font-family: 'nanumsquare'; font-size: 27px; line-height: 37px;}
.donation_order li span{display: block; font-size: 17px; margin-top: 35px; line-height: 25px;}
.donation_order li:nth-child(2n){width: 8%; background: url("../imgs/arrow_h.png") no-repeat center; background-size: 22px 31px;}
.donation_bottom{font-family: 'nanumsquare'; font-size: 21px !important; color: #fff; margin: 70px 0 0 !important; background: #971519; line-height: 30px; padding: 22px 0 10px; padding-left: 30px;}

/* 이달의 기증 유물 */
.donation_on{padding: 60px 40px; margin: 50px 0; background: #E4E9F1;}
.donation_on h4{font-family: 'nanumsquare'; font-size: 17px; line-height: 27px; font-weight: 800; color: #333; margin-bottom: 5px;}
.donation_on .img_layout{margin: 20px 0;}
.donation_on h5{font-family: 'nanumsquare'; font-size: 42px; font-weight: 900; color: #971519; letter-spacing: -2px; margin: 0 0 30px;}

.special_box{box-sizing: border-box; margin-top: 50px; background-color: #fff; }
.special_box h4{font-family: 'nanumsquare'; font-size: 22px;  font-weight: 800; color: #fff; margin-bottom: 20px; padding: 20px 40px;} /* 폰트사이즈, 색 바꿈 mg 2022.03.04 */
.special_box h4 b{display: inline-block; font-size: 40px; color: #000; letter-spacing: -3px; margin-right: 5px;}
.special_box table{border-top: 0;}
.special_box .table_top_box{width: 100%; height: 60px; background-color: #476E53;}
.special_box .table_box.table_schedule tbody th{font-size: 50px; color: #000;}
.special_box .table_box.table_schedule tbody th span{font-size: 17px; font-weight: 300; margin-left: 10px;}
.special_box .table_box.table_schedule tbody td span{font-size: 12px; font-weight: 300; margin-left: 3px;}
.special_box .table_box.table_schedule .table_row_1{width: 20% !important;}
.special_box .table_box.table_schedule .table_row_2{width: 10% !important;}
.special_box .table_box.table_schedule .table_row_3{width: 70% !important;}
.special_box .table_box2{border: 3px solid #476E53; box-sizing: border-box; padding: 0 40px 40px 40px;}
.special_box .table_box2 p{line-height: 1.4;}

.story_top{margin-bottom: 70px;}
.story_top img{width: 350px;}
.story_top .tab_nav li{float: left; width: 50%; height: 70px;}
.story_top .tab_nav.onlyOne li {width: 100%;}
.story_top .tab_nav li a{position: relative; display: block; width: 100%; height: 100%; overflow: hidden; text-align: center; line-height: 70px; color: #fff; font-size: 17px; font-weight: 700;}
.story_top .tab_nav li:nth-child(1) a{background: #d0121b;}
.story_top .tab_nav li:nth-child(2) a{background: #573314;}
.story_top .tab_nav a span{position: relative; z-index: 3; color: #fff;}
.story_top .tab_nav a:after{content: ''; position: absolute; width: 110%; height: 110%; left: 0; top: 0; transform-origin: 0 0; transform: translateY( 100% ) rotate( 30deg ); transition: transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02); background-color: #000;}
.story_top .tab_nav a:hover span{color: #fff;}
.story_top .tab_nav a:hover:after{transform: translateY( 0% ) rotate( 0deg );}

.story_num{border-bottom: 1px solid #9fa0a0; margin: 90px 0 40px;}
.story_num img{height: 66px;}

.floor_num img{height: 85px;}

.floor_img img{width: 100%; margin: 50px 0 80px;}

.archive_wrap{padding-top: 80px; width: 1019px; margin: 0 auto;}
.archive_wrap li{float: left; 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;}

p.graph_line_title{position: relative; margin-bottom: 0; margin-top: 80px;}
p.graph_line_title.first_title{ margin-top: 30px;}
p.graph_line_title span{position: relative; font-family: 'nanumsquare'; padding-right: 15px; font-size: 20px; font-weight: 700; color: #222; z-index: 2; background: #fff;}
p.graph_line_title:after{content: ''; position: absolute; width: 100%; height: 1px; bottom: 5px; left: 0; z-index: 1; border-bottom: 1px solid #222;}
.graph_line_out{width: 100%; height: 1px; background: #ccc; margin-bottom: 50px;}
.graph_line_out.sourceTop{margin-bottom: 10px;}
.graph_line_out.longMargin{margin-top: 50px;}


a.point_style{display: inline-block; font-size: 10px; font-weight: 700; color: #476E53;}
a.point_style:hover, .point_style:active, .point_style:focus{color: #476E53;}

.add_wrap{width: 100%; padding: 10px 10px 20px; box-sizing: border-box;}
.add_wrap div {padding: 15px 0; box-sizing: border-box;}
.add_wrap a{display: inline-block; box-sizing: border-box; color: #666; font-size: 14px; line-height: 25px;}
.add_wrap a.nonum{padding-left: 16px;}
.add_wrap p{color: #999; font-size: 14px; line-height: 25px;}
.add_wrap strong{display: block; box-sizing: border-box; color: #666; font-size: 14px; line-height: 1.4; margin-top: 5px;}
.add_wrap strong.add_title{display: block; font-size: 16px; font-weight: bold; color: #333;}
.add_wrap strong span{display: block; float: none; padding-left: 12px;}
.add_wrap strong span:first-child{float: left; padding-left: 0;}
.add_wrap .add_link a{display: inline;}
.add_link a:focus{color: #476E53;}
.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: #666; font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.add_wrap .add_link .add_remark li a{color: #666; font-size: 14px; line-height: 20px;}
.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: #476E53;}
.add_wrap .add_link .add_remark.link_text{margin-left: 20px;}
.add_wrap .add_link .add_remark.dubble_remark li:nth-child(2){margin-left: 38px;}



/* 이미지형 테이블 */
.img_table ul:after{content:""; display:block; clear:both;}
.img_table p{margin: 0;}
.img_table p b{display: block;}
.img_table > ul{width: 100%; border-bottom: 1px solid #222; padding: 20px 10px; box-sizing: border-box;}
.img_table > ul.first_ul{border-top: 1px solid #222;}
.img_table > ul > li{float: left; padding-left: 2%;}
.img_table > ul > li:nth-child(1){width: 20%; padding-left: 0;}
.img_table > ul > li:nth-child(2){width: 28%;}
.img_table > ul > li:nth-child(3){width: 48%;}
.img_table .img_layout{margin: 0;}
.img_table .img_layout.colm2 li{width: 49% !important; margin-left: 2% !important; margin-top: 0!important;}
.img_table .img_layout.colm2 li:first-child{margin-left: 0 !important;}
.img_table .img_layout.colm4 li{width: 23.5% !important; margin-left: 2% !important;}
.img_table .img_layout.colm4 li:first-child{margin-left: 0 !important;}
.img_table .img_layout.colm4 li:nth-child(n){margin-top: 0!important;}



.vertical_type{}
.vertical_type ul:after{content:""; display:block; clear:both;}
.vertical_type li{float: left; width: 32%; margin-left: 2%;}
.vertical_type li:first-child{margin-left: 0;}
.vertical_type li img{width: 100%; border: 5px solid #543211; box-sizing: border-box;}
.vertical_type li .imgs_area{position: relative; margin-bottom: 20px;}
.vertical_type li .imgs_area span{position: absolute; z-index: 2; left: 10px; bottom: 0; font-size: 45px; font-weight: 700; color: #fff;}
.vertical_type li .con_title{margin-bottom: 0;}
.vertical_type li p{margin-top: 20px;}
.vertical_type li p.subTitle{margin: 10px 0 0; color: #543211; font-weight: 800; line-height: 25px; font-size: 18px;}
.vertical_type li p.subTitle b{display: block; font-weight: 800;}


.time_line{}
.time_line ul:after{content:""; display:block; clear:both;}
.time_line ul{width: 100%;}
.time_line li{float: left; width: 23.5%; margin-left: 2%;}
.time_line li:first-child{margin-left: 0;}
.time_line li img{width: 100%;}
.time_line li .year_title img{width: auto; height: 50px; margin-bottom: 15px;}
.time_line .con_title{margin-top: 20px; margin-bottom: 0;}
.time_line .time_day{font-weight: bold; margin-bottom: 10px;}
.time_line.first_time_line{margin-bottom: 50px;}


.lay_wrap{padding-top: 100px;}
.lay_wrap.inBottom{margin-bottom: 50px;}
.lay_wrap.noPadding{padding-top: 0;}
.lay_wrap.halfPadding{padding-top: 50px;}
.lay_wrap > ul:after{content:""; display:block; clear:both;}
.lay_wrap > ul > li{float: left; margin-left: 4%;}
.lay_wrap > ul > li:first-child{margin-left: 0;}
.lay_wrap > ul.lay75 > li{width: 21%;}
.lay_wrap > ul.lay70 > li{width: 26%;}
.lay_wrap > ul.lay60 > li{width: 36%;}
.lay_wrap > ul.lay50 > li{width: 48%;}
.lay_wrap > ul.lay50 > li:nth-child(2n+1){margin-left: 0;}
.lay_wrap > ul.lay40 > li{width: 56%;}
.lay_wrap > ul.lay35 > li{width: 61%;}
.lay_wrap > ul.lay30 > li{width: 66%;}
.lay_wrap > ul.lay20 > li{width: 76%;}
.lay_wrap > ul.lay3 > li{width: 33.333%; margin-left: 0;}
.lay_wrap > ul.lay3 > li:nth-child(n+4){margin-top: 20px;}
.lay_wrap > ul.lay75 > li:first-child{width: 75%;}
.lay_wrap > ul.lay70 > li:first-child{width: 70%;}
.lay_wrap > ul.lay60 > li:first-child{width: 60%;}
.lay_wrap > ul.lay50 > li:first-child{}
.lay_wrap > ul.lay40 > li:first-child{width: 40%;}
.lay_wrap > ul.lay35 > li:first-child{width: 35%;}
.lay_wrap > ul.lay30 > li:first-child{width: 30%;}
.lay_wrap > ul.lay20 > li:first-child{width: 20%;}

.lay_wrap.reverse > ul > li{margin: 0;}
.lay_wrap.reverse > ul > li:first-child{float: right; margin-left: 4%; margin-right: 0;}


.lay_mix_wrap{padding-top: 100px; margin-bottom: 20px;}
.lay_mix_wrap.noMarginBottom{margin-bottom: 0;}
.lay_mix_wrap:after{content:""; display:block; clear:both;}
.lay_mix_wrap.noPadding{padding-top: 0;}
.lay_mix_wrap.halfPadding{padding-top: 50px;}
.lay_mix_wrap .imgSize{margin-top: 10px; margin-bottom: 30px;}
.lay_mix_wrap .imgSize img{width: 100%;}
.lay_mix_wrap.lay50 .imgSize{width: 48%;}
.lay_mix_wrap .imgSize.imgRight{float: right; margin-left: 4%;}
.lay_mix_wrap .imgSize.imgLeft{float: left; margin-right: 4%;}
.lay_mix_wrap .imgSize span{display: block; font-size: 12px; line-height: 17px; color: #777; text-align: left; margin-top: 7px; letter-spacing: -0.01em; word-break: keep-all;}
.lay_mix_wrap .imgSize span.longMargin{margin-top: 25px;}
.lay_mix_wrap.lay40 .imgSize{width: 38%;}
.lay_mix_wrap.lay35 .imgSize{width: 32%;}
.lay_mix_wrap.lay30 .imgSize{width: 28%;}
.lay_mix_wrap.lay25 .imgSize{width: 23%;}
.lay_mix_wrap.lay20 .imgSize{width: 19%;}

.line_box{border: 5px solid #971519; padding: 20px; margin-bottom: 50px;}
.line_box p{margin: 0 !important;}


/* 서브 Common : Depth Navigation */

.bottom_btn_wrap{width: 100%; text-align: center; margin-top: 70px;}
.bottom_btn_wrap.middle_btn_wrap{margin: 30px 0 50px;}
.bottom_btn_wrap ul:after{content:""; display:block; clear:both;}
.bottom_btn_wrap ul{display: inline-block;}
.bottom_btn_wrap li{float: left; width: 400px; margin-left: 22px;}
.bottom_btn_wrap li.long_btn{width: 550px;}
.bottom_btn_wrap li:nth-child(3n+1){margin-left: 0;}
.bottom_btn_wrap li:nth-child(n+4){margin-top: 15px;}
.bottom_btn_wrap a{position: relative; display: block; width: 100%; line-height: 24px; border: 2px solid #476E53; border-radius: 10px; text-align: left; font-size: 19px; font-weight: bold; color: #476E53; padding: 12px 35px 12px 25px; box-sizing: border-box; background: #fefefe; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); word-break: keep-all;}
.bottom_btn_wrap a:after{content: ''; position: absolute; right: 20px; top: 50%; margin-top: -5px; width: 15px; height: 2px; background: #476E53; transform: rotate(40deg);}
.bottom_btn_wrap a:before{content: ''; position: absolute; right: 20px; top: 50%; margin-top: 4px; width: 15px; height: 2px; background: #476E53; transform: rotate(-40deg);}
.bottom_btn_wrap a:hover{background: #476E53; color: #fff; border-color: #476E53;}
.bottom_btn_wrap a:hover:after{content: ''; background: #fff;}
.bottom_btn_wrap a:hover:before{content: ''; background: #fff;}

.bottom_btn_wrap.even_wrap li{margin: 0 !important; margin-left: 22px !important;}
.bottom_btn_wrap.even_wrap li:nth-child(2n+1){margin-left: 0; clear: both;}
.bottom_btn_wrap.even_wrap li:nth-child(n+3){margin-top: 15px !important;}

.bottom_btn_wrap.mini_btn{margin-top: 5px; text-align: left;}
.bottom_btn_wrap.mini_btn li{float: left; width: auto; margin-left: 10px !important; margin-top: 0 !important;}
.bottom_btn_wrap.mini_btn li:first-child{margin-left: 0 !important;}
.bottom_btn_wrap.mini_btn a{line-height: 20px; border: 2px solid #476E53; border-radius: 5px; font-size: 15px; padding: 7px 25px 7px 10px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);}
.bottom_btn_wrap.mini_btn a.full_btn{width: 100%;}
.bottom_btn_wrap.mini_btn a:after{content: ''; right: 7px; top: 50%; margin-top: -3px; width: 9px;}
.bottom_btn_wrap.mini_btn a:before{content: ''; right: 7px; top: 50%; margin-top: 2px; width: 9px;}
.bottom_btn_wrap.mini_btn a:hover:after{content: ''; background: #fff;}
.bottom_btn_wrap.mini_btn a:hover:before{content: ''; background: #fff;}


.timeline_wrap{width: 100%;}
.timeline_wrap ul{background: url("../imgs/s5/line.jpg") repeat-y center; background-size: 5px; padding-bottom: 50px;}
.timeline_wrap li{width: 50%; margin-top: 200px;}
.timeline_wrap li:first-child{margin-top: 0;}
.timeline_wrap li.timeline_left{float: left;}
.timeline_wrap li.timeline_right{float: right;}
.timeline_wrap li.timeline_left .time_content{padding-right: 40px; padding-left: 10px;}
.timeline_wrap li.timeline_right .time_content{padding-left: 40px; padding-right: 10px;}
.timeline_header{width: 100%; background: #a0070f; font-size: 21px; line-height: 30px; padding: 10px 0 10px 40px; color: #fff; box-sizing: border-box;}
.time_content{margin: 40px 0; box-sizing: border-box;}
.time_content img{width: 100%;}
.time_content h4{font-size: 24px; color: #595757; margin-top: 20px; line-height: 1.4;}
.time_content b{position: relative; display: block; font-size: 21px; color: #a0070f; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px;}
.time_content b:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100px; height: 5px; background: #a0070f;}
.time_content p{margin-bottom: 0 !important;}
.time_content span{display: block; font-size: 13px; margin-top: 10px;}

.question_wrap{margin: 60px 0; text-align: center;}
.question_wrap > div{display: inline-block;}
.question_wrap ul:after{content:""; display:block; clear:both;}
.question_wrap ul{margin-bottom: 15px;}
.question_wrap ul:last-child{margin-bottom: 0;}
.question_wrap ul li{float: none; font-size: 17px; color: #222; text-align: left; line-height: 25px;}
.question_wrap ul li:first-child span{font-size: 23px; line-height: 25px;}
.question_wrap ul li:nth-child(2n-1){float: left; width: 80px;}
.question_wrap ul li:nth-child(2n){margin-left: 80px;}
.question_wrap ul li .noNum{display: inline-block; width: 18px;}

.question_wrap.qc_type ul li{line-height: 24px; vertical-align: middle;}
.question_wrap.qc_type ul li img{width: 40px;}
.question_wrap.qc_type ul li .qc{display: inline-block; width: 16px; height: 16px; border: 3px solid #fff; border-radius: 20px; margin: 0 2px;}

.question_box{background: #fff; border-radius: 50px; padding: 50px; padding-top: 0; margin-bottom: 50px;}
.question_box img{width: 100%; margin-bottom: 40px;}



.jContents.s2, .jContents.s5, .jContents.s10{background-color: #E4E6E0;} 
.jContents.s2 .title_wrap .tag_wrap, .jContents.s5 .title_wrap .tag_wrap, .jContents.s10 .title_wrap .tag_wrap{background-color: #E4E6E0;}
.jContents.s10 .title_wrap h3{color: #476E53;}
.jContents.s2 .title_wrap .tag_wrap{background-color: #FBFFE6;} 


/* 2022-09-02 다음 회차 삭제*/
.jContainer.s2{background: url("../imgs/s2/bg_br.png") no-repeat bottom right #FBFFE6; background-size: 250px;}
.jContents.s2{background: url("../imgs/s2/bg_bl.png") no-repeat bottom left; background-size: 250px; padding-bottom: 200px;}
.jContents.s2 .jconBgBox{background: url("../imgs/s2/bg_tr.png") no-repeat right 100px; background-size: 200px;}
.jContents.s6 .jconBgBox{background: url("../imgs/s6/bg_tr.jpg") no-repeat right 100px; background-size: 540px;}

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

.dot_line{width: 100%;  padding: 50px 0 70px;}
.dot_line span{display: block; border-bottom: 1px dashed #ccc;}

.mobile_colgroup{display: none;}

.only_pc{display: block;}
.only_mobile{display: none;}


/* PC Max */
@media(max-width:1920px){
	.top_img_wrap{background-size: cover;}
}

@media all and (max-width:1130px){
	/* 공통 */
    .jContents .jconBox{width: 94%;}
	
	.footer .footer_wrap{width: 94%;}
	.icon_wrap {width: 94%;}
	
	/* main */
	.main_wrap ul{width: 90%;}
	
	.main_banner ul{width: 90%;}
	
	/* 서브 */
    .title_wrap{width: 94%;}
	.title_wrap .tag_wrap{width: 100%; height: 70px; margin-top: -70px; background: #fff;}
	.title_wrap span{height: 30px; line-height: 30px; margin-top: 20px;}
	.title_wrap h3{font-size: 50px; line-height: 62px;}
	.title_wrap p{font-size: 19px;}
	
	.top_img_wrap{height: 500px;}
	.top_img_wrap.no_img{height: 150px;}
	.top_img_wrap span{bottom: 90px;}
	
	.jc_box{margin-top: 40px;}
	
	/* layout */
	.s1_layout li{width: 480px;}
	.s1_layout li:first-child{width: 320px;}
	
	.half_layout li{width: 410px;}
	
	
	.archive_wrap{width: 844px;}
	.archive_wrap li{width: 260px; margin-left: 32px;}
	.archive_wrap li:nth-child(3n+1){margin-left: 0;}
	
	.colm_con li p br{display: none;}
    
    .preview_box .con_title{top: -26px; font-size: 29px;}
    
    .jContents .con_title.lay_imgBottom{margin-top: 50px;}
    
    .preview_box .con_title{left: 50px;}
    .preview_box > div{padding: 50px;}
    .experience_box .ex_list li{width: 33.33%;}
	
	/* 2022-09-02 다음 회차 삭제*/
	.jContainer.s2{background-size: 150px;}
	.jContents.s2{background-size: 150px; padding-bottom: 150px;}
	.jContents.s2 .jconBgBox{background-position: right 70px; background-size: 140px;}
	
}

/* Mobile */
@media all and (max-width:1024px){
	
	.ls_text_m{letter-spacing: 0;}
	.ls_text_p{letter-spacing: 0;}
	
	/* 공통 */
	.jContainer{background: none;}
	
	.top_go{display: none !important;}
	
	.footer .footer_wrap{width: 94%;}
	.footer_icon{padding-bottom: 50px;}
	.icon_wrap {width: 94%;}
	.icon_wrap ul {float: none; text-align: center;}
    .icon_wrap p {font-size: 15px;}
    .icon_wrap ul {text-align: center; }
    .icon_wrap li {float: left;}
    
	.footer {padding-top: 80px;}
    .footer h2{padding-top: 0px;}
    .footer p{padding-top: 0px;}
    .footer .e_book{float: none; display: inline-block; margin-top: 20px;}
	
	/* 메인 */
	
	
	/* 서브 */
	.jContents .jconBox{width: 94%;}
	.jContents p span.pc_letter{letter-spacing: -0.01em;}
	
    .jContents .jconBox.yellow_box{padding: 70px 3%; width: 100%; margin: 0;}
    .jContents .jconBox.brown_box{padding: 70px 3%; width: 100%; margin: 0;}
    
    .title_wrap{width: 94%;}


	/* layout */
	.jlayout li{float: inherit !important; width: 100% !important;}
	.jlayout li{margin-bottom: 50px;}
	.jlayout li.floatSpace{display: none;}
	
	.floor_layout li{text-align: center;}
	.floor_layout img{width: 70%;}
	.floor_layout p{margin-bottom: 15px; text-align: center;}
	.floor_layout p span{padding: 0;}
	
	.s1_layout li:first-child img{margin-top: 0;}
	
	
	.donation_wrap h4{font-size: 40px;}
	.donation_order li{width: 22%; height: 200px;}
	.donation_order li:nth-child(2n-1){padding: 30px 0;}
	.donation_order li:nth-child(2n){width: 4%;}
	.donation_order li b{font-size: 24px; line-height: 32px;}
	.donation_order li span{font-size: 15px; margin-top: 30px; line-height: 22px;}
	
	.img_layout.colm2 li{width: 48%; margin-left: 4%;}
	.img_layout.colm2 li:nth-child(2n-1){margin-left: 0;}
	.img_layout.colm2 li:nth-child(1), .img_layout.colm2 li:nth-child(2){margin-top: 0;}

	.img_layout.colm3 li{width: 32%; margin-left: 2%;}
	.img_layout.colm3 li:nth-child(3n+1){margin-left: 0;}
	.img_layout.colm3 li:nth-child(1), .img_layout.colm3 li:nth-child(2), .img_layout.colm3 li:nth-child(3){margin-top: 0;}
	
	.img_layout.colm4 li{width: 22%; margin-left: 4%;}
	.img_layout.colm4 li:nth-child(4n+1){margin-left: 0;}
	.img_layout.colm4 li:nth-child(1), .img_layout.colm4 li:nth-child(2), .img_layout.colm4 li:nth-child(3), .img_layout.colm4 li:nth-child(4){margin-top: 0;}
	
	
	.img_layout.colm_4_1 li{width: 23%; margin-left: 2%;}
	.img_layout.colm_4_1 li:nth-child(2){margin-left: 4%;}
	
	.img_layout.colm_1_2 li{width: 48%; margin-left: 4%;}
	.img_layout.colm_1_2 li:nth-child(1){margin-left: 0;}
	.img_layout.colm_1_2 li:nth-child(1), .img_layout.colm_1_2 li:nth-child(2){margin-top: 0;}
	
	
	.story_top img{width: 300px;}
	.story_top .tab_nav li{height: 60px;}
	.story_top .tab_nav li a{line-height: 60px; font-size: 15px;}
	
	.story_num{margin: 70px 0 30px;}
	.story_num img{height: 55px;}
	
	.floor_num img{height: 70px;}
	
    .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;}

	
	/* 이미지형 테이블 */
	.img_table > ul > li:nth-child(1){width: 49%; padding-left: 0;}
	.img_table > ul > li:nth-child(2){width: 49%; padding-left: 2%;}
	.img_table > ul > li:nth-child(3){width: 100%; padding-left: 0; margin-top: 20px;}
    
    .jContents .jconBox.img_box{padding-left: 3%; padding-right: 3%;}
    
    .qmark br{display: none;}
    
    .jContents p.img_bottom_text{font-size: 23px; line-height: 40px;}
    .jContents p.img_bottom_text br{display: none;}
    
	
	.dot_line{padding: 40px 0 50px;}
	
	.swiper_container .swiper img{width: 100%;}
	.swiper-button-next img{width: 42px!important; height: 42px; opacity: 70%;}
	.swiper-button-prev img{width: 42px!important; height: 42px; opacity: 70%;}
	.swiper-slide img{width: 100%;}

}


@media all and (max-width:960px) {
	
	/* 공통 */
    .footer .footer_wrap{text-align: center;}
    .footer{width: 100%; padding: 40px 0 40px; }
    .footer h2{float: none; margin: 0 auto; padding-top: 20px;}
    .footer p{float:none; padding-top: 20px; text-align: center;}
    .footer .e_book{margin: 20px auto 0;}
	
	
	/* 메인 */
	.main_wrap{padding-bottom: 40px;}
	.main_wrap ul li{border-radius: 15px; margin-top: 40px;}
	.main_wrap ul li strong{border-radius: 15px;}
	.main_wrap ul li h3{font-size: 17px; margin-bottom: 20px; padding-bottom: 5px;}
	.main_wrap ul li b{ont-size: 17px; margin: 20px auto 10px;  line-height: 22px; height: 44px;}
	.main_wrap ul li span{font-size: 14px; line-height: 20px; height: 40px;}
	.main_wrap ul li.line3 b{height: 66px;}
	.main_wrap ul li.line3  span{height: 18px;}
	
	
	/* 서브 */
	img.floL.floW30, img.floR.floW30{width: 45%;}
}

@media all and (max-width:850px) {
	.table_scroll{width: 100%; overflow-x: scroll;}
	.table_scroll .table_box{width: 800px;}
	.table_scroll.tree_table .table_box{width: 900px;}
	.tree_table .table_box td{padding: 7px 10px 7px 5px;}
}

@media all and (max-width:767px){	
	.only_pc{display: none;}
	.only_mobile{display: block!important;}
	
	.img_pc{display: none;}
	.img_mobile{display: block;}
	
	/* 공통 */
	.footer_icon{padding-bottom: 30px;}
    .icon_wrap li {width: 40px; height: 40px; margin:0 15px;}
	.icon_wrap p span{display: inline;}
    
	/* 메인 */
	.main_wrap ul li{width: 48%; margin-left: 4% !important;}
	.main_wrap ul li:nth-child(2n+1){margin-left: 0 !important;}
    
	.main_banner{padding: 70px 0 50px;}
	.main_banner{border: 30px solid #476E53!important; border-top: 45px solid #476E53!important;}
	.main_banner:after{content: ''; top: -1px; margin-left: -80px; width: 160px; height: 57px;}
	.main_banner h3{font-size: 34px;}
	.main_banner ul li{width: 100% !important; float: inherit !important; text-align: center;}
	.main_banner ul li span{font-size: 17px; margin-top: 40px; margin-bottom: 10px;}
	.main_banner ul li b{font-size: 32px; line-height: 1.2; margin-bottom: 5px;}
	.main_banner ul li p{font-size: 15px;}
	.main_banner ul li a{position: relative; display: inline-block; font-size: 15px; padding: 8px 70px 8px 30px; border: 1px solid #000; border-radius: 30px; color: #000; margin-top: 20px;}
    
	/* 서브 */
	.jContents p{font-size: 15px; line-height: 25px; margin-bottom: 25px;}
	.jContents p.source{font-size: 14px; line-height: 20px;}
	.jContents p span.talk{line-height: 20px; padding: 10px 15px; color: #666;}
	.jContents p span.account{font-size: 13px;}
	.jContents .con_title{font-family: 'nanumsquare'; font-size: 17px; margin-bottom: 15px;}
    .jContents .con_title.bigTitle{font-size: 25px; line-height: 30px;}
	.jContents .con_title b{display: inline;}
	
	.jContents p .interview_qu br{display: none;}
    
    .jContents .jconBox.yellow_box{padding: 50px 3%;}
    .jContents .jconBox.brown_box{padding: 50px 3%;}
    
    .title_wrap .tag_wrap{margin-top: 0; height: auto;}
    .title_wrap span{font-size: 15px; margin-top: 40px;}
    .title_wrap h3{font-size: 40px; line-height: 50px; margin: 30px 0 10px;}
    .title_wrap h3 br{display: none;}
    .title_wrap p{font-size: 17px;}
	
	.top_img_wrap{height: 300px;}
	.top_img_wrap.no_img{height: 20px;}
	
	/* 2022-09-02 다음 회차 삭제*/
	.jContainer.s2{background-image: none;}
	.jContents.s2{background-size: 150px; padding-bottom: 150px;}
	.jContents.s2 .jconBgBox{background-position: right 0; background-size: 100px;}
	.jContents.s2 .title_wrap .tag_wrap{background-color: transparent;}
	
	.top_img_wrap span{text-shadow: none;}
	.s2 .title_wrap{padding-top: 80px;}
	.s2 .top_img_wrap span{bottom: -85px; font-size: 12px; color: #333; z-index: 2;}
	.s3 .top_img_wrap{margin-bottom: 40px;}
	.s3 .top_img_wrap span{bottom: -45px; font-size: 12px; color: #333; z-index: 2;}
	.s5 .top_img_wrap{margin-bottom: 60px;}
	.s5 .top_img_wrap span{bottom: -65px; font-size: 12px; color: #333; z-index: 2;}
	.s6 .top_img_wrap{margin-bottom: 60px;}
	.s6 .top_img_wrap span{bottom: -65px; font-size: 12px; color: #333; z-index: 2;}
    
	
	p.graph_line_title span{font-size: 17px; padding-right: 10px;}
	
	.table_box p.account{font-size: 13px;}
	p.only_account{font-size: 13px; margin-bottom: 40px;}
	
	.qmark p{font-size: 16px;}
	.qmark .small_text{font-size: 13px;}
	
	/* layout */
	.jlayout li{float: inherit !important; width: 100% !important; margin-bottom: 40px;}
	
	.floor_layout{margin: 40px 0;}
	.floor_layout img{width: 100%;}
	.floor_layout p{margin-bottom: 10px; text-align: left;}
	.floor_layout p span{padding: 19px;}
	.floor_layout li:nth-child(2){margin-top: 30px;}
	
	.s1_layout.num1{margin-bottom: 40px;}
	
	.img_layout{margin: 40px 0;}
    .img_layout.longMargin{margin: 40px 0 70px;}
    .img_layout.longMarginOpp{margin: 70px 0 40px;}
    .img_layout.topPadding{margin-top: 0; padding-top: 40px;}
	.img_layout.colm1 li{margin-top: 20px;}
	.img_layout.colm1 li:first-child{margin-top: 0;}
	.img_layout.colm1.long li img{width: 100%;}
	.img_layout.colm1.per80 li img{width: 100%;}
	.img_layout.colm1.per70 li img{width: 100%;}
	.img_layout.colm1.per40 li img{width: 100%;}
	.img_layout.colm1.per30 li img{width: 100%;}
	.img_layout.colm1.per20 li img{width: 60%;}
	
	.img_layout.colm_3_1, .img_layout.colm_3_2, .img_layout.colm_3_3{margin: 20px 0;}
	.img_layout.colm_3_3{margin-bottom: 50px;}
	p.graph_line_title {margin-top: 50px;}
	
	.img_layout li span.t_c{text-align: right;}
	.img_layout li span b{display: inline;}
    .img_layout li span br{display: none;}
    
    .img_layout.per80{width: 100%;}
    .img_layout.per70{width: 100%;}
    .img_layout.per60{width: 100%;}
    .img_layout.per50{width: 100%;}
	

	
	.scroll_img{overflow-x: scroll;}
	.scroll_img img{min-width: 750px;}
	
	.img_piece li{width: 100%;}
	
	.only_one_copy{margin-bottom: 40px;}
	
	.line_box{margin-bottom: 40px;}
	
	.qr_img_layout ul{width: 100% !important;}
	.qr_img_layout.colm1 li{width: 100% !important;}
	.qr_img_layout.colm2 li{width: 50% !important; text-align: center;}
	.qr_img_layout li img{width: 120px !important;}
	.qr_img_layout.inner_layout li img{width: 80px !important;}

	.para_line.solid_line{margin-bottom: 40px;}

	.topText{margin-bottom: 40px !important; font-size: 17px !important;}
    .topText.topPot{text-align: left;}
    .topText.topPot br{display: none;}
    .topText.topPot.longMargin{margin-bottom: 60px !important;}
	.topText .topAuthor{font-size: 13px; margin-top: 5px;}
	.topText .smallText{font-size: 13px !important;}
	
	
	.table_box{font-size: 17px; margin-bottom: 40px;}
	.table_box.table_schedule tbody th{font-size: 30px;}
	.table_box td p.dot{background-position: 5px 11px; background-size: 4px; padding-left: 4px; word-break: break-all;}
	
	.table_box.horizontal_type th{padding-left: 10px;}
	
    .table_box .logoTitle{margin-bottom: 10px;}
    .table_box .logoTitle img{height: 50px;}
	
	.month_special .month span{font-size: 45px;}
	.month_special .month:after{content: ''; height: 16px; margin-top: -8px;}
	.month_special .special h4{font-size: 19px;}
	.month_special .special h4 span{display: block; margin-left: 0; font-size: 15px; margin-top: 6px;}
	
	.inline_qmark{width: 95%; padding-left: 5%;}
	
	.colm_title{height: 50px; margin-bottom: 10px;}
	.colm_title p{display: inline-block; font-size: 17px; line-height: 50px;}

	.colm_con{margin-bottom: 10px;}
	.colm_con.colm_out{margin-bottom: 50px;}
	.colm_con li{float: inherit; width: 100% !important;}
	.colm_con li:nth-child(n){margin-left: 0 !important;}
	.colm_con li span{font-size: 30px; line-height: 60px;}
	.colm_con li p{text-align: center;}
	
	.graph_line_out{margin-top: 40px; margin-bottom: 40px;}
	
	.donation_wrap{padding-top: 40px; border: 10px solid #971519;}
	.donation_wrap h4{font-size: 30px; border-bottom: 10px solid #971519;}
	.donation_box{padding: 60px 0 0;}
	.donation_box > div{padding: 0 30px;}
	.donation_box p.donation_title{margin-top: 30px;}
	
	.donation_order{margin-top: 30px;}
	.donation_order li:nth-child(n){float: inherit; width: 100%; height: auto; text-align: center;}
	.donation_order li:nth-child(2n-1){padding: 15px 0;}
	.donation_order li:nth-child(2n){background: url("../imgs/arrow_v.png") no-repeat center; background-size: 25px 18px; height: 30px;}
	.donation_order li b{font-size: 19px; line-height: 33px;}
	.donation_order li b br{display: none;}
	.donation_order li span{font-size: 14px; margin-top: 5px; line-height: 19px;}
	.donation_bottom{font-size: 18px !important; line-height: 25px; margin: 50px 0 0 !important;padding-left: 0;}
	
	.donation_on{padding: 30px 20px; margin: 30px 0; border: 3px solid #583c22;}
	.donation_on h4{font-size: 17px; line-height: 25px;}
	.donation_on .img_layout{margin: 20px 0;}
    .donation_on h5{font-size: 30px; line-height: 45px; margin: 0 0 15px;}
    .donation_on h5 br{display: none;}
	
	/*.special_box{padding: 30px 15px; margin-top: 50px; border: 10px solid #971519;}*/    
	.special_box h4{font-size: 18px; line-height: 25px; margin-bottom: 15px;}
	.special_box .table_box.table_schedule .table_row_1{width: 20% !important; line-height: 40px; text-align: center; padding-right: 0;}
	.special_box .table_box.table_schedule .table_row_1 span{margin-left: 0;}
	.special_box .table_box.table_schedule .table_row_2{width: 16% !important; padding-right: 0;}
	.special_box .table_box.table_schedule .table_row_3{width: 64% !important;}
	.special_box .table_box.table_schedule tbody th{font-size: 30px;}
	.special_box .table_box2{padding: 0 20px 40px;}
    
    .color_wrap{padding: 50px 30px;}
    .color_wrap h3.con_title{font-size: 25px; line-height: 30px;}
    .color_wrap p{letter-spacing: -0.1px;}
	

	.story_top{margin-bottom: 50px;}
	.story_top img{width: 40%;}
	.story_top .tab_nav li{height: 55px;}
	.story_top .tab_nav li a{line-height: 55px; font-size: 15px;}
	
	.story_num{margin: 50px 0 25px;}
	.story_num img{height: 50px;}
	
	.floor_num img{height: 60px;}
	
	.floor_img img{margin: 20px 0 40px;}
	
    .archive_wrap{padding-top: 50px;}
	.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;}

	
	/* 이미지형 테이블 */
	.img_table > ul > li:nth-child(1){width: 100%; padding-left: 0;}
	.img_table > ul > li:nth-child(2){width: 100%; padding-left: 0%; margin-top: 20px;}
	.img_table > ul > li:nth-child(3){width: 100%; padding-left: 0; margin-top: 0;}

    .vertical_type li{width: 100%; margin-left: 0; margin-bottom: 30px;}
    .vertical_type li p.subTitle{font-size: 16px; margin-top: 5px;}
    .vertical_type li p.subTitle b{display: inline;}
    .jContents .jconBox.img_box{padding: 80px 3%; margin-top: 20px;}
    .img_box .drawing_img img{width: 100%; margin-bottom: 70px;}
    
    
    .time_line li{float: left; width: 49%; margin-left: 2%;}
    .time_line li:nth-child(3){margin-left: 0;}
    .time_line li:nth-child(1){margin-bottom: 50px;}
    .time_line li:nth-child(2){margin-bottom: 50px;}
    
    .lay_wrap{padding-top: 50px;}
    .lay_wrap.halfPadding{padding-top: 25px;}
    .lay_wrap > ul > li{float: inherit; width: 100% !important; margin-left: 0 !important;}
    
	.lay_wrap > ul.lay3 > li{margin-top: 5px !important;}
	
    .lay_mix_wrap .imgSize{width: 100% !important;}
    .lay_mix_wrap .imgSize.imgRight{float: inherit; margin-left: 0;}
    .lay_mix_wrap .imgSize.imgLeft{float: inherit; margin-right: 0;}

    
    .jContents p.story_wrap{padding: 40px 20px 0; font-size: 17px; line-height: 28px;}
    .jContents p.story_wrap br{display: none;}
    
    .jContents p.img_bottom_text{font-size: 21px; line-height: 35px; margin: 20px 0 40px;}
    .jContents p.img_bottom_text br{display: block;}
    
    
	.timeline_wrap ul{background-position: left center;}
	.timeline_wrap li{width: 100%; margin-top: 0; float: inherit !important;}
	.timeline_wrap li .time_content{padding-right: 10px !important; padding-left: 30px !important; margin: 50px 0;}
	.timeline_header{font-size: 17px; line-height: 20px; padding-left: 30px;}
	.time_content h4{font-size: 19px;}
	.time_content b{font-size: 17px; margin-top: 5px;}
	.time_content b:after{content: ''; width: 60px; height: 3px;}
	.time_content span{font-size: 12px; margin-top: 5px;}
    
    .museumTitle li{height: 50px;}
    .museumTitle li img{height: 50px;}
    .museumTitle li h4{font-size: 19px; line-height: 24px;}
    .museumTitle li h4 span{margin-left: 10px;}
	.museumTitle li:nth-child(2){margin-left: 35px;}
    
    .reviewTitle img{height: 45px;}
    .buildingTitle img{width: 260px;}
    
    
    .preview_box > div{padding: 40px;}
    .preview_box .con_title{top: -23px; font-size: 25px; left: 40px;}
    
    .experience_box h5{font-size: 19px;}
    .experience_box .ex_list{margin-bottom: 25px;}
    .experience_box .ex_list li{width: 50%; margin-top: 20px; font-size: 15px;}
    .experience_box .ex_list li span{display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; margin-right: 7px; font-size: 13px;}
    .experience_box span.account{font-size: 13px;}
    
    .experience_img p{font-size: 17px; margin-top: 10px; margin-bottom: 0;}
    .experience_img .img_layout li span{font-size: 14px; line-height: 20px;}
    
    .together_header h4 span{font-size: 19px;}
    .together_header p{font-size: 21px;  margin: 30px 0; line-height: 30px;}
    .together_wrap{width: 100%; margin-bottom: 70px;}
    .example_wrap p{font-size: 40px; line-height: 70px; letter-spacing: 0;}
    .second_header{padding-top: 70px;}
    
	.question_wrap ul li{font-size: 15px;}
	.question_wrap ul li:nth-child(2n-1){width: 60px;}
	.question_wrap ul li:nth-child(2n){margin-left: 60px;}
	
	.question_box{border-radius: 20px; padding: 20px; padding-bottom: 30px; margin-bottom: 30px;}
	.question_box img{margin-bottom: 30px;}
    
	.qr_wrap{position: absolute; bottom: -120px; left: 50%; margin-left: -57px;}
	.qr_wrap img{width: 70px;}
	
	.bottom_btn_wrap ul{display: block;}
	.bottom_btn_wrap li{float: inherit; width: 100% !important; margin: 0 !important; margin-top: 15px !important;}
	.bottom_btn_wrap li:first-child{margin-top: 0 !important;}
	.bottom_btn_wrap.mini_btn li{width: auto !important;}
	
	.bottom_btn_wrap.even_wrap li{margin: 0 !important; margin-top: 15px !important;}
	.bottom_btn_wrap.even_wrap li:first-child{margin-top: 0 !important;}
	
	.bottom_btn_wrap{margin-top: 50px;}
	.bottom_btn_wrap li a{font-size: 17px; padding: 12px 35px 12px 15px; border-radius: 7px;}
	.bottom_btn_wrap li a:after{content: ''; right: 12px; top: 50%; margin-top: -4px; width: 13px;}
	.bottom_btn_wrap li a:before{content: ''; right: 12px; top: 50%; margin-top: 4px; width: 13px;}
	
	.bottom_btn_wrap.mobile_air{position: absolute; bottom: -70px; text-align: center;}
	.bottom_btn_wrap a{display: inline-block;}
	
	.pc_colgroup{display: none;}
	.mobile_colgroup{display: block;}
	
	.mobile_only_le{letter-spacing: -0.5px;}
	
	.swiper-pagination{bottom: 10px!important;}
	.swiper-pagination .swiper-pagination-bullet {border: 1px solid #fff;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 var(--swiper-pagination-bullet-horizontal-gap,2px);}
	.swiper-pagination-bullet{width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,6px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,6px)); display: inline-block; border-radius: 50%;}
	
	.museum_logo h4{font-size: 19px;}
	.museum_logo img{width: 250px;}
	.boder_color_box{padding: 30px; padding-bottom: 50px; margin-bottom: 50px;}
	
	.img_scroll{overflow-x: scroll;}
	.img_scroll img{min-width: 790px;}

}

@media all and (max-width:480px){
	/* 공통 */
    .icon_wrap li {width: 35px; height: 35px; margin:0 8px;}
	
	/* 메인 */
    .main_wrap ul li{width: 100%; margin-left: 0% !important; border-radius: 13px; padding-bottom: 20px;}
	.main_wrap ul li h3{font-size: 17px; margin-bottom: 20px; padding-bottom: 5px;}
	.main_wrap ul li strong{border-radius: 13px;}
	.main_wrap ul li b{height: auto;}
	.main_wrap ul li span{height: auto;}
	.main_wrap ul li.line3 b{height: auto;}
	.main_wrap ul li.line3  span{height: auto;}
	
	
	.main_banner{border: 20px solid #476E53!important; border-top: 45px solid #476E53!important;}
	.main_banner ul li b{font-size: 27px; word-break: keep-all;}
	
	/* 서브 */
    .title_wrap span{font-size: 15px;}
    .title_wrap h3{font-size: 33px; line-height: 40px; margin: 15px 0 10px;}
	.title_wrap h3 br.only_mobile{display: block;}
    .title_wrap p{font-size: 15px;}
	
	.top_img_wrap{height: 200px;}
    
    .jc_box{margin-top: 30px;}
	
	/* layout */
	.s1_layout.num1{margin-bottom: 25px;}
    
    .img_layout{margin: 30px 0;}
    .img_layout.contiTopMargin{margin-top: 25px;}
	
	.img_layout li{width: 100% !important;}
	.img_layout li.min50{width: 50%!important;}
	.img_layout li.min50:nth-child(1){margin-top: 25px !important;}
	.img_layout li:nth-child(n){margin-left: 0 !important; margin-top: 25px !important;}
	.img_layout li:nth-child(1){margin-top: 0 !important;}

	
	.img_layout.colm_3_1 li{margin-top: 40px !important;}
	.img_layout.colm_3_1 li:first-child{margin-top: 0 !important;}
	.img_layout.colm_3_1 li img{width: auto; height: 65px;}
	
	.img_layout.colm_3_3 li{margin-top: 30px !important;}
	.img_layout.colm_3_3 li:first-child{margin-top: 0 !important;}
	
	.img_layout.colm6 li{width: 49% !important; margin-left: 2% !important; margin-top: 0 !important;}
	.img_layout.colm6 li:nth-child(2n+1){margin-left: 0 !important;}
	.img_layout.colm6 li:nth-child(n+3){margin-top: 20px !important;}
	
	.only_one_copy{margin-bottom: 30px;}
	
	.img_only_pc_text{display: none;}
	.img_only_mobile_text{display: inline;}
	
	.line_box{margin-bottom: 30px;}
	
	img.floL{float: inherit; width: 100%; margin: 15px 0;}
	img.floR{float: inherit; width: 100%; margin: 15px 0;}
	img.floL.floW30, img.floR.floW30{width: 100%;}
	
	.table_box{margin-bottom: 25px;}
	
	p.only_account{margin-bottom: 25px;}
	
	.donation_wrap{padding-top: 30px;}
	.donation_wrap h4{font-size: 25px; padding-left: 20px; padding-bottom: 20px;}
	.donation_box{padding: 50px 0 0;}
	.donation_box > div{padding: 0 20px;}
	.donation_box p.donation_title{margin-top: 20px;}
    
    .donation_on h5{font-size: 30px; line-height: 40px;}
	
	.story_top .tab_nav li{height: 50px;}
	.story_top .tab_nav li a{line-height: 50px;}
	
	.archive_wrap{text-align: center;}
	.archive_wrap li:nth-child(n){float: inherit; display: inline-block; width: 80%; margin: 0 0 30px !important;}
	.archive_wrap li span{font-size: 15px;}
	
	.s9 p.red_url{margin-bottom: 15px;}
	.s9 .red_url a{font-size: 25px;}

	
	.floor_num img{height: 50px;}
	
	.qmark br{display: none;}
    
    
    .time_line li{width: 100%; margin-left: 0 !important; margin-bottom: 30px !important;}
    .time_line.first_time_line{margin-bottom: 0;}
    .year_same{display: none;}
    
    /* 서브 Common : Depth Navigation */
    .depth_nav_wrap{height: 45px;}
    .depth_nav .nav-dropit{width: 260px;}
    .depth_nav .dropit-trigger{height: 45px;}
    .depth_nav .first_dropit{font-size: 17px; line-height: 45px;}
    .depth_nav .first_dropit:after{content: ''; top: 14px; width: 18px; height: 18px; background-size: 18px;}
    .depth_nav .dropit-submenu{position: relative; width: 100%; z-index: 99; background: #fff; display: none; overflow-y: auto; left: 1px; border: 1px solid #ddd;}
    .depth_nav .dropit-submenu li a{height: 45px; line-height: 45px; font-size: 15px;}
    
    .preview_box .con_title{line-height: 30px;}
    .preview_box > div{padding: 50px 30px 30px;}
    .preview_box .con_title{left: 30px;}
	
	.mingi_50_layout{width: 50%;}
	
	.museum_logo h4{font-size: 17px; padding-bottom: 10px;}
	.museum_logo img{width: 200px;}
	.boder_color_box{padding: 20px; padding-bottom: 40px; margin-bottom: 30px;}
	
	/* 2022-09-02 다음 회차 삭제*/
	.jContents.s2{background-size: 120px; padding-bottom: 120px;}
	.jContents.s2 .jconBgBox{background-size: 70px;}
}


@media all and (max-width:350px){
	/* 공통 */
    .icon_wrap li {width: 35px; height: 35px; margin:0 5px;}
	
	/* 메인 */
	
	
	/* 서브 */
}