@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);
}



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

/* main */
.main_wrap{width: 100%; background: #eee; 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: inline-block; border-radius: 17px; overflow: hidden;}
.main_wrap ul li img{width: 100%;}
.main_wrap ul li a{display: inline-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_banner{position: relative; width: 100%; background: #fff; padding: 90px 0 50px; overflow: hidden;}
.main_banner:after{content: ''; position: absolute; top: -1px; left: 50%; margin-left: -110px; width: 220px; height: 78px; background: url("../imgs/m/event_arrow.png") no-repeat center; background-size: contain;}
.main_banner h3{font-size: 40px; text-align: center; font-weight: 700; 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: 44%; color: #000;}
.main_banner ul li:first-child{float: left; width: 50%; 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: 40px;}
.main_banner ul li b{display: block; font-size: 40px; color: #971519; 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: #971519; color: #fff; border: 1px solid #971519;}
.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; padding-top: 20px; font-size: 15px; font-weight: 700; color: #999; text-align: center;}
.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; background: #f3f3f3;}
.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;}


/* 서브 */
.jContents{position: relative; margin: 0 auto; box-sizing: border-box; padding-bottom: 80px; min-height: 1000px; background: #f3f3f3;}
.jContents .jconBox{width: 1100px; margin: 0 auto;}
.jContents.s11{background: #fff; border: 50px solid #971519; box-sizing: border-box;}

.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 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: 23px; line-height: 27px; letter-spacing: -0.01em; font-weight: 800; color: #971519; margin-bottom: 15px;}
.jContents .con_title.bigTitle{font-size: 31px; line-height: 35px;}
.jContents .con_title b{display: block; font-weight: 800;}
.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{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.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 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: keep-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_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: keep-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;}

.title_wrap{position: relative; width: 1100px; margin: 0 auto; padding-top: 80px; text-align: center; color: #971519;}
.title_wrap span{font-size: 27px; color: #333;}
.title_wrap h3{font-size: 70px; font-weight: 800; line-height: 80px; margin: 20px 0;}
.title_wrap h3 br.only_mobile{display: none;}
.title_wrap p{font-size: 27px; text-align: center; color: #595757;}

.reviewTitle{margin-top: 40px;}
.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;}
.together_wrap{width: 100%; margin: 0 auto;}
.together_wrap p{word-break: break-all !important;}
.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;}

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

.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: 70px; padding-top: 130px;}
.jc_box:after{content: ''; position: absolute; width: 1px; height: 60px; top: 0; left: 50%; background: #971519;}

.topText{font-weight: 700 !important; line-height: 27px !important; margin-bottom: 60px !important; font-size: 18px !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;}
.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;}
.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{padding: 60px 40px; border: 12px solid #971519; box-sizing: border-box; margin-top: 50px;}
.special_box h4{font-family: 'nanumsquare'; font-size: 20px; line-height: 27px; font-weight: 800; color: #971519; margin-bottom: 20px;}
.special_box h4 b{display: inline-block; font-size: 40px; color: #000; letter-spacing: -3px; margin-right: 5px;}
.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: 15% !important;}
.special_box .table_box.table_schedule .table_row_2{width: 20% !important;}
.special_box .table_box.table_schedule .table_row_3{width: 65% !important;}

.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: #222;}
a.point_style:hover, .point_style:active, .point_style:focus{color: #d0111b;}

.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: #999; 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: #999; font-size: 14px; line-height: 25px;}
.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: #971519;}



/* 이미지형 테이블 */
.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.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.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: 352px; margin-left: 22px;}
.bottom_btn_wrap li.long_btn{width: 500px;}
.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 li a{position: relative; display: block; width: 100%; line-height: 24px; border: 2px solid #971519; border-radius: 10px; text-align: left; font-size: 21px; font-weight: bold; color: #971519; padding: 12px 35px 12px 25px; box-sizing: border-box; background: #fefefe; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);}
.bottom_btn_wrap li a:after{content: ''; position: absolute; right: 20px; top: 50%; margin-top: -5px; width: 15px; height: 2px; background: #971519; transform: rotate(40deg);}
.bottom_btn_wrap li a:before{content: ''; position: absolute; right: 20px; top: 50%; margin-top: 4px; width: 15px; height: 2px; background: #971519; transform: rotate(-40deg);}
.bottom_btn_wrap li a:hover{background: #971519; color: #fff; border-color: #971519;}
.bottom_btn_wrap li a:hover:after{content: ''; background: #fff;}
.bottom_btn_wrap li 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 li a{line-height: 20px; border: 2px solid #971519; 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 li a.full_btn{width: 100%;}
.bottom_btn_wrap.mini_btn li a:after{content: ''; right: 7px; top: 50%; margin-top: -3px; width: 9px;}
.bottom_btn_wrap.mini_btn li a:before{content: ''; right: 7px; top: 50%; margin-top: 2px; width: 9px;}
.bottom_btn_wrap.mini_btn  li a:hover:after{content: ''; background: #fff;}
.bottom_btn_wrap.mini_btn  li 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;}
.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;}
.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;}

.jContents.s9 .title_wrap span{color: #971519;}
.jContents.s10 .title_wrap span{color: #971519;}
.jContents.s10 .jc_box:after{content: ''; background: #971519;}

.jContents.s11 .title_wrap span{color: #222;}
.jContents.s11 .title_wrap h3{color: #971519;}
.jContents.s11 .jc_box:after{background: #971519;}
.jContents.s11 p{color: #222;}
.jContents.s11 p.topText{color: #971519;}
.jContents.s11 .lay_mix_wrap .imgSize span{color: #222;}
.jContents.s11 .table_box th, .jContents.s11 .table_box td {border-bottom: 0; color: #222;}
.jContents.s11 .table_box tr:last-child th, .jContents.s11 .table_box tr:last-child td{border-bottom: 1px solid #971519;}
.jContents.s11 .table_box.horizontal_type tr:first-child th, .jContents.s11 .table_box.horizontal_type tr:first-child td {border-top: 2px solid #971519;}
.footer_icon.s11{padding-top: 50px;}
.footer_icon.s11 .icon_wrap p{color: #222;}

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

@media all and (max-width:1200px){
	.jContents.s11 .jconBox{width: 94%;}
}

/* PC Max */
@media all and (max-width:1100px){
	/* 공통 */
    .jContents .jconBox{width: 1024px;}
	
	.footer .footer_wrap{width: 1024px;}
	.icon_wrap {width: 1024px;}
	
	/* main */
	.main_wrap ul{width: 90%;}
	
	.main_banner ul{width: 90%;}
	
	/* 서브 */
    .title_wrap{width: 1024px;}
	
	/* 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%;}
	
	.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;}
	
}

/* 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%;}
    .title_wrap span{font-size: 23px;}
    .title_wrap h3{font-size: 60px; line-height: 70px; margin: 20px 0;}
    .title_wrap p{font-size: 23px;}

	/* 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;}
}


@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;}
	
	
	/* 서브 */
	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){
	.jContents.s11{border: 20px solid #971519;}
	
	.only_pc{display: none;}
	.only_mobile{display: block;}
	
	.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{padding-bottom: 40px;}
	.main_wrap ul li{border-radius: 15px; margin-top: 40px; width: 48%; margin-left: 4% !important;}
	.main_wrap ul li:nth-child(2n+1){margin-left: 0 !important;}
	.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{font-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_banner{padding: 70px 0 50px;}
	.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: 19px; line-height: 25px; 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{padding-top: 50px;}
    .title_wrap span{font-size: 17px;}
    .title_wrap h3{font-size: 40px; line-height: 50px; margin: 15px 0 10px;}
    .title_wrap h3 br{display: none;}
    .title_wrap p{font-size: 17px;}
    
    .jc_box{margin-top: 40px; padding-top: 90px;}
    .jc_box:after{content: ''; height: 40px;}
    
	
	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.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;}
	
	.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;}


	.topText{line-height: 24px !important; 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;}
	
	.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: 18% !important; padding-right: 0;}
	.special_box .table_box.table_schedule .table_row_3{width: 65% !important;}
	.special_box .table_box.table_schedule tbody td .dot span{display: block; margin-left: 0;}
	.special_box .table_box.table_schedule tbody th{font-size: 30px;}
    
    .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_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%;}
    .example_wrap p{font-size: 40px; line-height: 70px; letter-spacing: 0;}
    .second_header{padding-top: 70px;}
    
	.question_wrap ul li{font-size: 15px;}
    
	.qr_wrap{position: absolute; bottom: -120px; left: 50%; margin-left: -57px;}
	.qr_wrap img{width: 70px;}
	
	.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; left: 50%; margin-left: -85px;}
	
	.pc_colgroup{display: none;}
	.mobile_colgroup{display: block;}
	
	.mobile_only_le{letter-spacing: -0.5px;}
}

@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;}
	
	/* 서브 */
    .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;}
    
    .jc_box{margin-top: 30px; padding-top: 65px;}
    .jc_box:after{content: ''; height: 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: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;}
	
	.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;}
	
}


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