@charset "UTF-8"; /*@charset "euc-kr"; */

@font-face {
	font-family:"Do Hyeon";
	font-style:normal;
	font-weight:400;
	src:url("../font/BMDOHYEON.eot");
	src:local(※),
		url("../font/BMDOHYEON.eot?#iefix") format("embedded-opentype"),
		url("../font/BMDOHYEON.woff") format("woff");
}
@font-face {
	font-family:"Nanum Myeongjo";
	font-style:normal;
	font-weight:400;
	src:url("../font/NanumMyeongjo.eot");
	src:local(※),
		url("../font/NanumMyeongjo.eot?#iefix") format("embedded-opentype"),
		url("../font/NanumMyeongjo.woff") format("woff");
}

html {font-size:10px; }

.green {color:#00a178 !important;}
.archive .bold {font-weight:700; }
.archive .sm {font-size:1.25rem;}
.archive .btn_wrap a {padding:1.2rem 3.0rem 1.2rem 1.5rem; text-align:center; border-radius:2.5rem; border:2px solid #333; display:inline-block; font-size:1.6rem; margin:0 auto; background:url('/images/ico_next_black.png') no-repeat 95%; background-size:0.7rem;  }
.ar_mb0 {margin-bottom:0 !important;} 
.ar_mt20 {margin-top:2rem !important;}

.img_zoom span {position:relative; display:inline-block; cursor:pointer;}
.img_zoom span::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.5) url('/images/ico_zoom_green.png') no-repeat center; background-size:3rem;}

/* section 공통 */
.archive .section {position:relative; font-size:1.6rem; padding:6.0rem 0; letter-spacing:-0.7px;}
.archive .section h2 {font-family:'Do Hyeon', sans-serif; font-size:2.4rem; line-height:3.4rem; letter-spacing:-0.7px; padding:0px 3.0rem 2.5rem;}
.archive .img_area img {width:100%;vertical-align:middle;}
.archive .txt_area {font-family:'NotoSans', sans-serif; font-weight:400; font-size:1.7rem; line-height:2.9rem; letter-spacing:-1px; padding:0 2.0rem 0 3.0rem;}
.archive .txt_area strong {color:#000;}
.archive .white_box {font-family:'NotoSans', sans-serif; font-weight:400; padding:2.0rem; margin:0 20px; background-color:#fff; font-size:1.7rem; line-height:2.5rem; letter-spacing:-0.7px; border-radius:7px; box-shadow:3px 3px 5px 3px rgba(0,0,0,0.1); }
.archive .gray_box {background-color:#e6e6e6; padding:1.5rem 1.7rem; border-radius:7px; margin:40px 20px 10px; font-size:1.6rem; line-height:2.4rem;}
.archive .lightgray_box {background-color:#f2f2f2; padding:2rem 1rem; margin:0 2rem 1.2rem; }

.archive .li_blit li {position:relative; padding-left:1.7rem; padding-bottom:1rem;}
.archive .li_blit li::before {width:0.4rem; height:0.4rem; position:absolute; left:5px; top:1.5rem; border-radius:50%; content:''; display:block; background-color:#000000; }
.archive .li_blit li:last-child {padding-bottom:0;}
.archive .li_blit.black li::before {background-color:#333;}

.archive .num_blit li {position:relative; padding-left:2rem; padding-bottom:1rem;}
.archive .num_blit li .num {position:absolute; left:0; top:0;}

/* section01 */
.archive .section01 {padding:0; font-size:10px; }
.archive .section01 h2 {padding:0; position:absolute; left:1.4rem; top:1.3rem;font-size: 1.6rem;line-height: 2.3rem; font-family:'NotoSans', sans-serif; letter-spacing:-1px; }

/* section03 */
.archive .section03 {padding-top:6.0rem; padding-bottom:10rem;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,aedacd+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.archive .section03 .img_area {margin:10px 0 30px}

/* section04 */
.archive .section04 {background-color:#f2f2f2}
.archive .sub_tit {font-size:1.7rem; font-family:'Do Hyeon', sans-serif;}
	.archive .sub_tit1 {margin-top:4.5rem;}
.archive .sub_tit.bold {font-weight:500; font-size:2.5rem; margin:2.7rem 0 1.7rem;}
.archive .section04 .img_area {margin:15px 0 10px;}
.archive .section04 .bd_bottom {width:96%; height:3.3rem; margin:0 auto; border-bottom:2px solid #a7a7a7}
.archive .section04 .sm {padding:0 20px;letter-spacing: -1px;}

/* section05 */
.archive .section05 {width:100%;padding:0;}
.archive .section05 .subsection {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d6eef8+0,fdfeff+100 */
background: #d6eef8; /* Old browsers */
background: -moz-linear-gradient(top,  #d6eef8 0%, #F8FCFF 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d6eef8 0%,#F8FCFF 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d6eef8 0%,#F8FCFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6eef8', endColorstr='#F8FCFF',GradientType=0 ); /* IE6-9 */
padding-top: 6.0rem;
}
.archive .section05 .btn_wrap a {display:inline-block; margin:0 20px; font-weight:600;}


/* section07 */
.archive .section07 {width:100%; background-color:#f2f2f2;}
.archive .section07 .subsection {padding:0px 25px 20px;}
.archive .section07 .green {font-family:'Do Hyeon', sans-serif; font-size:2rem; line-height:2.5rem; letter-spacing:-0.7px; }
.archive .section07 .question {font-size:1.7rem; margin-bottom:3rem; line-height:2.5rem;}
.archive .section07 .gray_box {margin-top:10px;}
.archive .section07 .sm {padding:0 20px; }

/* section08 */
.archive .section08 .img_area {margin:2rem 0 4.5rem;}
.archive .section08 .img_area img {width:100%; max-width:20rem;}

/* section09 */
.archive .section09 {padding-bottom:25rem; background:url('/images/archive_7.png'); background-position:bottom; background-repeat:no-repeat; background-size:100%;}

/* section10 */
.archive .section10 {background-color:#434343; color:#fff !important; padding:6.0rem 3.0rem;}
.archive .section10 h2 {color:#FFD100 !important; padding:0; padding-bottom:25px;  }
.archive .section10 .txt_area {padding:0; }
.archive .section10 .who {font-size:1.7rem;}
.archive .quote {font-family: 'Nanum Myeongjo', serif; font-size:1.6rem;}

/* section11 */
.archive .section11 .btn_wrap a {border-color:#333; color:#333 !important; background-image:url('/images/ico_next_black.png');}


/* 상세페이지 */
/* detail_section01 */
.book_effect_wrap {padding-top:2rem;padding-bottom:5rem}
.book_effect {position:relative;  max-width:15rem; margin:3rem auto}
		/* 효과1 */
		/*.effect_1 {box-shadow:0 0 10px rgba(0,0,0,0.3);  transition:all 0.5s;}
		.effect_1 img {position:absolute; top:0; left:0; width:100%; vertical-align:top; transition:all 0.5s;}
		.effect_1 img:first-child {position:relative; z-index:5}
		.effect_1 img:nth-child(2) {z-index:4}
		.effect_1 img:nth-child(3) {z-index:3}
		.effect_1 img:nth-child(4) {z-index:2}
		.effect_1.on {-webkit-transform:skew(12deg) rotate(12deg); -moz-transform:skew(12deg) rotate(12deg); -ms-transform:skew(12deg) rotate(12deg); transform:skew(12deg) rotate(12deg); box-shadow:none;}
		.effect_1.on img {box-shadow:2px 0px 5px rgba(0,0,0,0.3);}
		.effect_1.on img:first-child {-webkit-transform:translate(-80px, 80px); -moz-transform:translate(-80px, 80px); -ms-transform:translate(-80px, 80px); transform:translate(-80px, 80px);}
		.effect_1.on img:nth-child(2) {-webkit-transform:translate(-40px, 40px); -moz-transform:translate(-40px, 40px); -ms-transform:translate(-40px, 40px); transform:translate(-40px, 40px);}
		.effect_1.on img:nth-child(4) {-webkit-transform:translate(40px, -40px); -moz-transform:translate(40px, -40px); -ms-transform:translate(40px, -40px); transform:translate(40px, -40px);}
		.effect_1.on img:nth-child(5) {-webkit-transform:translate(80px, -80px); -moz-transform:translate(80px, -80px); -ms-transform:translate(80px, -80px); transform:translate(80px, -80px);}*/

		.effect_1 {transition:all 0.5s;}
		.effect_1 div {position:absolute; top:0; left:0; width:100%; transition:all 0.5s;}
		.effect_1 div.cover {z-index:6;}
		.effect_1 div.eb1 {position:relative; z-index:5;}
		.effect_1 div.eb2 {z-index:4;}
		.effect_1 div.eb3 {z-index:3;}
		.effect_1 div.eb4 {z-index:2;}
		.effect_1 div.eb5 {z-index:1;}
		.effect_1 div img {width:100%; vertical-align:top; transition:all 0.5s;}
		.effect_1 div.eb1 img {animation:fadeIn .5s linear; animation-fill-mode:forwards;}
		.effect_1.on {transform:translateX(-3.5rem)}
		.effect_1.on div {transform:skew(12deg) rotate(11.5deg); box-shadow:none;}
		.effect_1.on div img {box-shadow:2px 0px 5px rgba(0,0,0,0.3);}
		.effect_1.on div.eb1 img {transform: scale(0.7) translate(-18rem, 6rem); animation:fadeOut 0.5s linear; animation-fill-mode:forwards;}
		.effect_1.on div.eb2 img {transform: scale(0.7) translate(-9rem, 3rem);}
		.effect_1.on div.eb3 img {transform: scale(0.7)}
		.effect_1.on div.eb4 img {transform: scale(0.7) translate(9rem, -3rem);}
		.effect_1.on div.eb5 img {transform: scale(0.7) translate(18rem, -6rem);}
		@keyframes fadeIn{
			from {opacity:0}
			to {opacity:1}
		}
		@keyframes fadeOut{
			from {opacity:1}
			to {opacity:0}
		}


.archive .detail_section01 {width:100%;}
.archive .detail_section01 > .txt_area {margin-bottom:4rem;}
.archive .detail_section01 .img_area {height:100rem; background:url('/images/archive_detail_bg2.png') no-repeat center; margin:2rem 3rem 0; background-size:100% 100%;  }
/*
.archive .detail_section01 dl {height:25rem; box-sizing:border-box; position:relative; }
.archive .detail_section01 dl:nth-child(3) {height:26rem;}
.archive .detail_section01 dt {width:11.3rem; position:absolute; left:6%; bottom:5rem; box-shadow:2px 2px 5px 2px rgba(0,0,0,0.1);}
.archive .detail_section01 dd { position:absolute; left:46.5%; bottom:5rem; font-size:1.6rem; line-height:2.3rem;}
.archive .detail_section01 dd .green {font-family:'Do Hyeon', sans-serif; font-size:2.1rem; margin-bottom:0.5rem; letter-spacing:-0.7px;}
*/
.archive .detail_section01 .img_area.gray_bg  {height:150rem; background:url('/images/archive_detail_bg2.png') no-repeat center; margin:2rem 3.0rem 0; background-size:100% 100%;}
.archive .detail_section01 .img_area dl {height:25%;}
.archive .detail_section01 .img_area dl:nth-child(1) {height:27%;}
.archive .detail_section01 .img_area dl:nth-child(2) {height:24%;}
.archive .detail_section01 .img_area dt {width:100%; display:block;}
.archive .detail_section01 .img_area .green {font-family:'Do Hyeon', sans-serif; font-size:2rem; letter-spacing:-0.7px; padding-top:4rem;}
.archive .detail_section01 .img_area .green span {display:inline-block; line-height:2rem; font-size:1.9rem; padding:0 0.1rem; margin-left:2rem;}
.archive .detail_section01 .img_area dd {font-size:1.6rem; line-height:2.3rem; margin-top:1.5rem; }
.archive .detail_section01 .img_area dd img {width:10.5rem; }
.archive .detail_section01 .img_area dl div {width:25rem; margin:1.5rem auto 0;}

/* detail_section02 */
.archive .detail_section02 img {max-width:70%;}
.archive .detail_section02 .txt_area {margin:3rem 0 5rem;}
.archive .detail_section02 .img_area.gray_bg  {height:100rem; background:url('/images/archive_detail_bg.png') no-repeat center; margin:0 3.0rem; background-size:100% 100%;}
.archive .detail_section02 .img_area dl {height:33%;}
.archive .detail_section02 .img_area dl:nth-child(1) {height:34%;}
.archive .detail_section02 .img_area .green {font-family:'Do Hyeon', sans-serif; font-size:2rem; letter-spacing:-0.7px; padding-top:5rem;}
.archive .detail_section02 .img_area .green span {display:inline-block; line-height:2rem; font-size:1.9rem; padding:0 0.1rem; margin-left:2rem;}
.archive .detail_section02 .img_area dd {font-size:1.6rem; line-height:2.3rem; }
.archive .detail_section02 .img_area dd img {width:6.5rem; }
.archive .detail_section02 .img_area dl:nth-child(2) dd img {width:10rem; }
.archive .detail_section02 .img_area dl:last-child dd img {width:10rem; }
.archive .detail_section02 .img_area dl div {width:25rem; margin:1.5rem auto 0;}

/* detail_section03 */
.archive .detail_section03 dl::after {content:''; display:block; clear:both;}
.archive .detail_section03 dt {display:block; float:left; margin-right:0.9rem; text-align:center;  }
.archive .detail_section03 dt .img_area {width:5.4rem; padding:1rem; margin-top:1rem; background-color:#fff; border-radius:50%; }
.archive .detail_section03 dd {float:left; font-size:1.5rem; }
.archive .detail_section03 dd .green {font-family:'Do Hyeon', sans-serif; font-size:1.6rem; margin-bottom:1.0rem; letter-spacing:-0.7px; }
.archive .detail_section03 dd > div:last-child {padding-left:1.5rem;}
.archive .detail_section03 img {width:100%; }

/* detail_section04 */
.archive .detail_section04 .sub_tit {padding-left:3rem; margin-bottom:1rem;}
.archive .detail_section04 ul {margin-bottom:2.0rem;}

/* detail_section05 */
.archive .detail_section05 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,aedacd+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #aedacd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#aedacd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#aedacd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aedacd',GradientType=0 ); /* IE6-9 */
}
.archive .detail_section05 .img_area {margin-top:5rem; text-align:center;}
.archive .detail_section05 .img_area img {max-width:40rem;}


/* fixed_footer */
.btop {bottom:7rem; }

.fixed_footer { z-index:102;}
.fixed_footer .cont {max-width:768px; width:100%; margin:0 auto; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:0 0 7px 3px rgba(0,0,0,0.1);  background-color:#ffffea; position:relative;}

.fixed_footer.spread .cont {background:#fff}
.fixed_footer .btn {max-width:none; height:5.5rem; line-height:5.5rem; background-color:#FFDC00; color:#333; border-radius:3rem; box-shadow:none; font-size:1.7rem;}
.fixed_footer .btn02 {font-weight:600; display:block;  padding:2.2rem 2rem; padding-right:2.7rem; position:relative; font-size:1.7rem; }
.fixed_footer .btn02 img {width:1.5rem; position:absolute; right:2rem; top:3rem; transform:rotate(0deg);}
.fixed_footer .btn02 .btn_show_counsel {background:}
.fixed_footer .hidden_cont { padding:0 1.5rem 1.5rem; display:none;}
.fixed_footer .hidden_cont ul { border-top:1px solid #333; margin-top:5px; padding:2rem 1rem 3rem;}
.fixed_footer .hidden_cont ul li {text-align:left; font-size:1.7rem; line-height:3rem; margin-bottom:1rem;  }
.fixed_footer .hidden_cont ul li .num {margin-right:1rem; width:3rem; height:3rem; text-indent:3px; text-align:center; font-size:16px; background: #e6e6e6; border-radius:50%; display:inline-block; position:relative; }


.fixed_footer .input_area::after {content:''; display:block; clear:both;}
.fixed_footer select {width:7rem; height:3.7rem; display:block; float:left; padding:0 0.7rem; margin-right:0.5rem; font-size: 1.6rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url('/images/ico_fold_spread_lightblk02.png') no-repeat 93% 1.5rem; background-size:1.3rem; border:1px solid #333; border-radius:1rem;}
.fixed_footer input[type="tel"] {width:calc(100% - 9.2rem); padding:0.58rem; font-size:1.6rem; display:block;float:left; border-radius:1rem; border-color:#333; line-height:2.4rem;}
.fixed_footer .desc {padding:0 1rem;}
.fixed_footer .txt {text-align:left; color:#BBBBBB; font-size:1.3rem; margin:2rem 0 3rem; }
.fixed_footer .txt::after {content:''; display:block; clear:both; }
.fixed_footer .txt div:first-child {width:73%;}
.fixed_footer .txt div:last-child {width:27%;}
.fixed_footer .btn_agree {padding:0.2rem 0.4rem; border-radius:1rem; color:#BBBBBB; font-size:1.3rem;}

.agree_layer {position:absolute; left:0; top:0; max-width:768px; margin-top:0; padding-bottom:5rem; display:none;}
.agree_layer .boxCon {font-size:1.2rem; text-align:left; line-height:2rem; height:33rem; overflow-y:scroll; }
.agree_layer h2 {font-size:1.7rem; margin:1.5rem 0 1rem 0; font-weight:600;}
.agree_layer h3 {font-size:1.4rem;}
.agree_layer .close {width:1.4rem; right:1.5rem; top:1.5rem;}
.agree_layer .close img {width:100%;}

/* 레이어팝업 cartoon_pop */
.cartoon_pop {height: 100%; position:fixed; left:0; top:0; display:none; z-index:101; }
.cartoon_pop .layer_content {height:100%; background-color:#fff; overflow-y:auto; }
.cartoon_pop .layer_header {width:100%; position:fixed; left:0; top:0; text-align:center;}
.cartoon_pop .layer_header h2 {padding:1.5rem 0; font-size:2.4rem; background-color:#fff; letter-spacing:-0.7px;}
.cartoon_pop .layer_header .close_btn {width:2rem; display:block; position:absolute; right:1.5rem; top:2rem;}
.cartoon_pop .layer_header .close_btn img {width:100%;}
.cartoon_pop .layer_body {margin-top:7rem; padding-bottom:12rem;}
.cartoon_pop .layer_body .sm {margin:0 2.5rem; font-size:1.1rem; position:relative; padding-left:1.0rem;}
.cartoon_pop .layer_body .sm .star {position:absolute; left:0; top:0.3rem; display:block;}

/* 레이어팝업 book_pop */
.book_pop {height:100%; position:fixed; left:0; top:0; bottom:0; right:0; z-index:102; display:none;}
.book_pop .layer_content {padding:1rem; height:100%; background-color:#fff; overflow-y:auto;}
.book_pop .layer_header {width:100%; position:fixed; left:0; top:0; }
.book_pop .layer_header .close_btn {width:2rem; display:block; position:absolute; right:1.5rem; top:2rem;}
.book_pop .layer_header .close_btn img {width:100%;}
.book_pop .layer_body {width:100%; text-align:center; margin:3rem auto;}
.book_pop .layer_body .img_area {padding-top:3rem;}
.book_pop .layer_body img {width:100%; max-width:600px; margin:0 auto;}


/* complete */
.archive .complete {font-family:'NotoSans', sans-serif; font-size:1.7rem; letter-spacing:-1px; padding:4rem 3rem;}
.archive .complete .tit {font-family:'NotoSans', sans-serif; font-size:2.6rem; font-weight:700;}
.archive .complete p {margin:1.5rem 0 2rem; line-height:2.6rem;}
.archive .complete .recomm_area { padding-top:2rem; border-top:1px solid #ddd; font-size:1.5rem; line-height:2.5rem; }
.archive .complete ul {margin-top:2rem;}
.archive .complete ul::after {content:''; display:block; clear:both;}
.archive .complete ul li {float:left; width:49.5%;}
.archive .complete ul li:first-child {margin-right:1%;}
.archive .complete ul li a {display:block;  height:6.5rem; padding:1.7rem; color:#fff; border-radius:1rem;}
.archive .complete ul li:first-child a {background:#95D5D2 url('/images/ico_pizza_logo.png') no-repeat 90% 80%; background-size:50%; }
.archive .complete ul li:last-child a {background:#10AFB2 url('/images/ico_aimath_logo.png') no-repeat 90% 80%; background-size:35%; }

/* plan b */
.archive.planb .section01 h2 {text-align:center; left:50%; transform:translatex(-50%); top:1.5rem; color:#fff; font-size:2.1rem; line-height:2.7rem;}


@media all and (min-width:320px) {

html {font-size:9px;}

}

@media all and (min-width:360px) {

html {font-size:10px;}

}

@media all and (min-width:380px) {

html {font-size:11px; }

}


@media all and (min-width:512px) and (max-width:767px) {

html {font-size:14px; }
}




@media all and (min-width:768px) {

html {font-size:16px; }
.archive .section01 h2 {left: 1.9rem;top: 1.8rem; font-size:2rem; line-height:2.6rem;}
.archive .section09 {padding-bottom:32rem;}
.archive .detail_section01 dt {width:13rem;}
.fixed_footer input[type="tel"] {font-size:1.6rem;}

.archive.planb .section01 h2 {left:50%; top:2.5rem;}

}

@media all and (orientation:landscape) { /* 가로 공통 */
html {font-size:11px;}
.hidden_cont {max-height:230px; max-height:40vh; overflow-y:auto;}
.archive .section03 .img_area,
.archive .section04 .img_area,
.archive .section07 .img_area,
.archive .section11 .img_area {text-align:center}
.archive .section03 .img_area img,
.archive .section04 .img_area img,
.archive .section07 .img_area img,
.archive .section11 .img_area img {max-width:500px}

	/* archive.php */
	.archive .section h2,
	.archive .txt_area {max-width:36rem; margin:0 auto;}
	.archive .white_box {max-width:37rem; margin:0 auto;}
	.archive .gray_box {max-width:38rem; margin:40px auto 10px}
	.archive .section04 .sm {max-width:39rem; margin:0 auto;}
	.archive .section07 .subsection {max-width:38rem; margin:0 auto;}
	.archive .section07 .gray_box {max-width:38rem; margin:10px auto;}
	.archive .section07 .sm {max-width:39rem; margin:0 auto;}

	/* archive_detail.php */
	.archive .detail_section01 .img_area dt,
	.archive .detail_section02 .img_area .green {max-width:36rem; margin:0 auto;}
	.archive .detail_section02 img {max-width:40rem}
	.archive .detail_section02 .txt_area {margin:3rem auto 5rem;}
	.archive .lightgray_box dl {max-width:35rem; margin:0 auto;}
	.archive .detail_section04 .sub_tit {max-width:39rem; margin:0 auto 1rem;}

	.mobile .archive .section01 h2 {top:3.4rem; left:3.5rem; font-size:3rem; line-height:3.5rem;}
}

@media all and (orientation:landscape) and (min-width:320px){ /* 키패드 올라왔을 때 */
	html {font-size:9px}
}

@media all and (orientation:landscape) and (min-width:360px) {

html {font-size:10px;}

}
@media all and (orientation:landscape) and (min-width:380px) {

	html {font-size:11px; }

}

@media all and (orientation:landscape) and (min-width:768px) {

html {font-size:16px; }


@media all and (orientation:landscape) and (min-width:1024px) { /* 패드 가로 */
	html {font-size:18px}
	.archive .section01 h2 {top:1.2rem; left:1.2rem;}
}

@media all and (orientation:landscape) and (min-height:760px) { /* 패드 가로 */
	.hidden_cont {max-height:none}
}