@charset "utf-8";
/*
Copyright (c) 2020, Igini. All rights reserved.
version: 1.0.0
*/
a{outline: none;}
.container{width:1280px;margin:0 auto;}
#nineBlock{position:relative;}
#nineBlock.mainpage{background:url(../../images/bg/bg_logo.png) no-repeat -217px -122px;}

.flex{display:flex;height:100%;justify-content:center;align-items:center;}
.button{display:block;width:200px;height:60px;background-color:#2d2929;font-family:Arial;font-size:18px;color:#fff;text-align:center;line-height:60px;z-index:100;}
.button:hover{background-color:#c17b41}
.button.btn_line{border:1px solid #fff;background:none;}
#topBtn{display:none;position:fixed;bottom:20px;right:20px;width:35px;height:62px;z-index:1000;cursor:pointer;}
#topBtn.stop{position:absolute;bottom:310px;}

.c_rd{color:#c53026 !important;}
.en{font-family:'Fjalla One' !important;}

#header{}
#header .btn_nav{position:absolute;top:54px;left:42px;font-size:20px;font-weight:bold;color:#2d2929;z-index:10000;}
.onDk #header .btn_nav{color:#fff;}
.is-scroll #header .btn_nav{position:fixed;top:54px;}
.onmenu #header .btn_nav{position:fixed;top:104px;color:#2d2929;}
#header .logo{position:absolute;top:45px;right:45px;width:54px;height:75px;background:url(../../images/logo.png) no-repeat 0 0;background-size:cover;z-index:10000;}
#header .logo a{display:block;width:100%;height:100%;overflow:hidden;text-indent:-9999px;}
.is-scroll #header .logo{position:fixed;top:45px;}
.onDk #header .logo{background-image:url(../../images/logo_wh.png)}
.onmenu #header .logo{position:fixed;top:95px;background-image:url(../../images/logo.png);z-index:10010;}

#nav{position:fixed;top:0;left:0;width:100%;height:100%;padding-top:50px;background-color:#d1d1cf;z-index:-1;opacity:0;transform:scale(2,2);-webkit-transition:transform .3s;transition:transform .3s;}
.onmenu #nav{z-index:10000;opacity:1;transform:scale(1,1);}
#nav .btn_close{padding-left:30px;background:url(../../images/ui/close.png) no-repeat 0 50%;}
#nav .nav_wrap{display:flex;width:100%;height:100%;background:url(../../images/bg/nav.png) no-repeat 50% 50%;background-size:cover;justify-content:center;align-items: center;text-align:center;}
#nav .nav_wrap .nav_inner{display:inline-block;width:640px;}
#nav .nav_wrap > ul{}
#nav .nav_wrap .menu{position:relative;display:block;padding:12px 0;}
#nav .nav_wrap .menu > a{position:relative;display:block;font-size:56px;font-weight:bold;color:#2d2929;letter-spacing:1px;z-index:10;}
#nav .nav_wrap .submenu{display:none;position:absolute;top:10px;left:470px;z-index:100;text-align:left;}
#nav .nav_wrap .submenu a{display:block;padding-bottom:15px;font-size:22px;font-weight:bold;color:#2d2929;}
#nav .nav_wrap .submenu a.mu_contents {padding-top:18px;padding-bottom:0;}

#nav .nav_wrap .submenu .incolor a{color:#7f1e1e;}
#nav .nav_wrap .submenu a:hover{color:#db7d2f;}
#nav .nav_wrap .sns{position:relative;margin-top:50px;z-index:1;}
#nav .nav_wrap .sns a{display:inline-block;width:30px;height:30px;margin:0 5px;overflow:hidden;text-indent:-9999px;}
#nav .nav_wrap .sns a.instagram{background:url(../../images/icon/ico_insta.png) no-repeat 50% 50%;}
#nav .nav_wrap .sns a.facebook{background:url(../../images/icon/ico_facebook.png) no-repeat 50% 50%;}
#nav .nav_wrap .sns a.youtube{background:url(../../images/icon/ico_youtube.png) no-repeat 50% 50%;}
#nav .nav_wrap .sns a.instagram:hover{background:url(../../images/icon/ico_insta_on.png) no-repeat 50% 50%;}
#nav .nav_wrap .sns a.facebook:hover{background:url(../../images/icon/ico_facebook_on.png) no-repeat 50% 50%;}
#nav .nav_wrap .sns a.youtube:hover{background:url(../../images/icon/ico_youtube_on.png) no-repeat 50% 50%;}
#header #nav .menu.hover > a{color:#db7d2f;}
#header #nav .menu.hover .submenu{display:block;}

@media only screen and (max-width: 840px), screen and (max-height: 930px){
	#nav .nav_wrap{background:url(../../images/bg/nav_m.png) no-repeat 50% 50%;background-size:cover}
	#nav .nav_wrap .nav_inner{width:550px;}
	#nav .nav_wrap .menu > a{font-size:42px;}
	#nav .nav_wrap .submenu{left:400px;}
	#nav .nav_wrap .submenu a{font-size:18px;}
	#nav .nav_wrap .sns{margin-top:30px;}
	#nav .nav_wrap .submenu a.mu_contents {padding-top:13px;}
}

@media only screen and (max-width: 640px), screen and (max-height: 600px){
	#nav .nav_wrap .nav_inner{width:400px;}
	#nav .nav_wrap .menu > a{font-size:28px;}
	#nav .nav_wrap .submenu{left:300px;padding-top:10px;}
	#nav .nav_wrap .submenu a,
	#nav .nav_wrap .submenu a.mu_contents {padding:5px 0;font-size:15px;}
}


.footer{position:relative;padding:70px 0 90px;background-color:#2d2929;font-family:'NanumBarunGothic';font-size:12px;font-weight:300;color:#999;z-index:100;}
.footer .container{position:relative;}
.foot_info .info{margin-top:18px;}
.foot_info .info span{display:inline-block;padding-right:10px;margin-right:10px;border-right:1px solid #615f5f;}
.foot_info .info span:last-child{margin-right:0;padding-right:0;border-right:0;}
.foot_info .copyright{margin-top:10px;font-size:11px;}
.foot_menu{margin-top:40px;}
.foot_menu a{display:inline-block;font-size:14px;margin-right:30px;color:#999;}
.foot_menu a:last-child{margin-right:0;}
.foot_menu a strong{font-weight:300;color:#da9a66}
.footer .foot_btn{position:absolute;top:20px;right:0;}
.footer .foot_btn a{display:block;width:140px;height:30px;padding-left:10px;background:url(../../images/ui/arr_g.png) no-repeat 110px 50%;border:1px solid #6c6a6a;font-size:12px;font-weight:normal;color:#929292;line-height:28px;}
.footer .foot_btn .list{position:absolute;bottom:25px;display:none;}
.footer .foot_btn.on .list{display:block;}
.footer .foot_btn .list li{margin-top:-1px;}
.footer .foot_btn .list a{background:#212121;}
.footer .foot_btn .list a:hover{background:#fff;color:#212121;}
#contents{}

.pnt_wrap{}
.pnt_wrap span{display:inline-block;width:10px;height:10px;margin-right:1px;border:1px solid #2d2929;border-radius:10px;}
.pnt_wrap .on{background-color:#2d2929;}

.info-sc{position:absolute;bottom:40px;left:50%;width:83px;height:83px;margin-left:-41px;background:url(../../images/ui/arr_scroll.png) no-repeat 50% 50% ;cursor:pointer;}
.info-sc.dk{background-image:url(../../images/ui/arr_scroll_dk.png)}
.info-sc span{position:relative;display:block;width:100%;height:100%;}
.info-sc span::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../images/ui/scroll.svg) no-repeat 50% 50% / 100% auto;-webkit-animation:rotateEl 3s infinite linear;animation:rotateEl 3s infinite linear}
.info-sc.dk span::after{background-image:url(../../images/ui/scroll_dk.svg)}
@-webkit-keyframes rotateEl{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}
@keyframes rotateEl{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}

/* form */
.ipt_wrap{display:inline-block;vertical-align:top;}
.input{height:60px;padding:0;border-bottom:1px solid #e0e0e0;font-size:16px;font-weight:400;color:#999;}
.input:disabled {color:#ccc;background:none;}
.input:read-only{opacity:.5;}
.input:-moz-read-only{opacity:.5}
.ipt_text{padding:15px;resize:none;line-height:1.4;}
::-webkit-input-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
::placeholder{color:#999;}
.input:disabled::-webkit-input-placeholder{color:#ccc;}
.input:disabled:-ms-input-placeholder{color:#ccc;}
.input:disabled::placeholder{color:#ccc;}
.input.ipt_max{width:100%;}
select {appearance: none;-webkit-appearance: none;-moz-appearance: none;outline: 0;margin: 0;vertical-align: middle;cursor: pointer;border: 1px solid #e0e0e0;}
select::-ms-expand {
   display: none;            
}
.select{position:relative;width:100%;height:60px;background:url(../../images/ui/arr_sel.png) no-repeat right 20px top 50%;border:none;border-bottom:1px solid #e0e0e0;font-size:16px;color:#999;line-height:60px;}
textarea{resize:none;height:150px;}
.ipt_chk{position:relative;padding-left:30px;font-size:15px;color:#666;cursor:pointer;}
.ipt_chk input{position:absolute;left:-999px;opacity:0;}
.ipt_chk .chk{position:absolute;top:50%;left:0;margin-top:-11px;display:block;width:22px;height:22px;background:#fff url(../../images/ui/chk.png) no-repeat 50% 50% / 12px auto;border:1px solid #ddd;vertical-align:top;}
.ipt_chk input:checked + .chk{background:#c17b41 url(../../images/ui/chk_on.png) no-repeat 50% 50% / 12px auto;border-color:#c17b41;}
.ipt_chk.radio .chk{background:none;border-radius:22px;vertical-align:top;}
.ipt_chk.radio input:checked + .chk{background:none;border-color:#ddd;border-radius:22px;}
.ipt_chk.radio input:checked + .chk::after{content:'';position:absolute;top:50%;left:5px;width:10px;height:10px;margin-top:-5px;background-color:#db7d2f;border-radius:8px;}
@media only screen and (max-width: 1300px) {
	.footer .container{padding:0 50px !important;}
}
@media only screen and (max-width: 640px) {
	.input,
	.select{height:40px;font-size:14px;}
	.select{line-height:40px;}
	.button{height:40px;line-height:40px;font-size:15px;}
	.footer .container{padding:0 30px !important;}
}
@media only screen and (max-width: 414px) {
	.footer .container{padding:0 20px !important;}
}
.section_page_top{position:relative;height:100%;}
.section_page_top::after{content:'';position:absolute;bottom:0;width:100%;height:30px;background:url(../../images/bg/bg_paper_bot.png) repeat-x 50% 0;}
.section_page_top h2{}
.hr{width:80px;height:1px;margin:20px auto 30px;background:#fff;}
.hr_v{width:1px;height:55px;margin:20px auto 30px;background:#fff;}
.section_page_top .top_txt{font-family:'NanumBarunGothic';font-size:16px;color:#fff;line-height:30px;text-align:center;}
.section_page_top.viewpage{height:450px;}
.section_page_top.viewpage::after{content:none;}
.section_page_top.viewpage h2{font-size:70px;}
.section_page_top.viewpage .top_txt{margin-top:15px;font-size:16px;}
.section_page_top .info-sc{bottom:70px;}
.tablink{text-align:center;}
.tablink .intab{display:inline-block;width:200px;height:60px;margin:0 15px;border-bottom:4px solid #f1f1f1;font-family:'NanumBarunGothic';font-size:22px;font-weight:500;color:#999;text-align:center;line-height:60px;}
.tablink02 .intab{display:inline-block;width:243px;height:60px;margin:0 15px;border-bottom:4px solid #f1f1f1;font-family:'NanumBarunGothic';font-size:22px;font-weight:500;color:#999;text-align:center;line-height:60px;}
.tablink02 .intab01 {width:310px;}
.tablink .intab.on{border-color:#db7d2f;color:#db7d2f;}
.thumb_list ul{overflow:hidden;}
.thumb_list li{width:356px;margin-bottom:50px;margin-left:56px;float:left;}
.thumb_list li:nth-child(3n-2){clear:both;margin-left:0;}
.thumb_list .btn_wrap{margin-top:10px;text-align:center;}
.thumb_list .btn_wrap .button{display:inline-block;}
.board_list_top{}
.board_list_top .txt{font-size:20px;color:#2d2929;}
.board_list{border-top:2px solid #333;}
.board_list li{height:85px;border-bottom:1px solid #e9e9e9;}
.paging{margin-top:60px;text-align:center;}
.paging a{display:inline-block;height:30px;margin:0 10px;font-size:16px;color:#2d2929;line-height:30px;vertical-align:top;}
.paging a:hover,
.paging a.on{color:#db7d2f;}
.paging .prev a,
.paging .next a{width:42px;overflow:hidden;text-indent:-9999px;}
.paging .prev a{background:url(../../images/ui/paging_prev.png) no-repeat 50% 50%;}
.paging .prev a:hover{background:url(../../images/ui/paging_prev_on.png) no-repeat 50% 50%;}
.paging .next a{background:url(../../images/ui/paging_next.png) no-repeat 50% 50%;}
.paging .next a:hover{background:url(../../images/ui/paging_next_on.png) no-repeat 50% 50%;}

@media only screen and (max-width: 1300px) {
	.thumb_list li{margin-bottom:2%;}
}
@media only screen and (max-width: 640px) {
	.paging{margin-top:30px;}
	.hr_v{height:30px;margin:0 auto 10px;}
	.section_page_top::after{height:20px;background:url(../../images/bg/bg_paper_bot.png) repeat-x 50% 0 / auto 20px;}
	.section_page_top{max-height:640px;min-height:440px;}
	.section_page_top.viewpage{height:300px;}
	.section_page_top .info-sc{bottom:40px;width:70px;height:70px;}
}
@media only screen and (max-width: 500px) {
	.section_page_top.viewpage{height:220px;}
}
@media only screen and (max-width: 412px) {
	.paging{margin-top:20px;}
	.paging a.prev{margin-left:0;}
	.paging a.next{margin-right:0;}
	.section_page_top .info-sc{bottom:30px;width:50px;height:50px;margin-left:-25px;background-size:auto 20px}
}
@media (orientation:landscape) and (max-height:500px){
	.section_page_top.viewpage{min-height:220px;height:220px;}
}
.board_view{padding:0 50px;}
.board_view .top_txt{padding:30px;border-top:2px solid #333;font-family:'NanumBarunGothic';}
.board_view .top_txt .tit{width:70%;font-size:21px;line-height:28px;color:#333;}
.board_view .top_txt .date{width:30%;font-size:14px;color:#999;text-align:right;}
.board_view .body_cont{padding:60px 30px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-family:'NanumBarunGothic';font-size:15px;line-height:24px;overflow:hidden;}
.board_view .body_cont img{max-width:100%;}
.board_view .btn_wrap{margin-top:40px;text-align:center;}
.board_view .btn_wrap .button{display:inline-block;}
.img_swiper .swiper-container{}
.img_swiper .swiper-slide{position:relative;width:1180px;background-color:#000;
	display: -webkit-box;  
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.img_swiper .swiper-slide img{opacity:.5;}
.img_swiper .swiper-slide-active img{opacity:1;-webkit-transition:opacity .7s;transition:opacity .7s;}
.img_swiper .swiper-slide-active .info{opacity:1;-webkit-transition:opacity .7s;transition:opacity .7s;}
.img_swiper .navigator{position:relative;width:1180px;margin:0 auto;padding:30px 60px 0;text-align:left;}
.img_swiper .navigator .pagination{height:75px;text-shadow: -1px 0 #2d2929, 0 1px #2d2929, 1px 0 #2d2929, 0 -1px #2d2929;font-size:62px;color:#fff;}
.img_swiper .navigator .pagination .num{text-shadow:none;color:#2d2929;}
.img_swiper .navigator .prev,
.img_swiper .navigator .next{position:absolute;top:40px;width:58px;height:25px;cursor:pointer;}
.img_swiper .navigator .prev{right:150px;background:url(../../images/ui/arr_left.png) no-repeat 0 50%;}
.img_swiper .navigator .next{right:53px;background:url(../../images/ui/arr_right.png) no-repeat 0 50%;}
.img_swiper .navigator .prev.swiper-button-disabled,
.img_swiper .navigator .next.swiper-button-disabled{opacity:.2;}

@media only screen and (max-width: 1300px) {
	.container{width:100%;}
	.img_swiper .swiper-container{height:auto;padding:0 50px;}
	.img_swiper .swiper-slide{width:100%;}
	.img_swiper .navigator{width:100%;padding:30px 0;}
	.img_swiper .navigator .prev{right:70px;}
	.img_swiper .navigator .next{right:0;}
	.img_swiper .navigator .pagination{height:50px;font-size:40px;}
}
@media only screen and (max-width: 900px) {
	.img_swiper .navigator .prev, 
	.img_swiper .navigator .next{top:30px;}
	.board_view .body_cont{padding:50px 30px;}
}
@media only screen and (max-width: 700px) {
	.img_swiper .navigator{padding:20px 0;}
	.img_swiper .navigator .pagination{height:30px;font-size:31px;}
	.img_swiper .navigator .prev, 
	.img_swiper .navigator .next{top:20px;}
}
@media only screen and (max-width: 640px) {
	.img_swiper .swiper-container{height:auto;padding:0 30px;}
	.board_view{padding:0 30px;}
	.board_view .top_txt{display:block;padding:20px 0;}
	.board_view .top_txt .tit{width:100%;margin-bottom:10px;font-size:15px;line-height:1.5;}
	.board_view .top_txt .date{display:block;width:100%;font-size:13px;text-align:left;}
	.board_view .body_cont{padding:30px 0;font-size:13px;line-height:1.4;}
}
@media only screen and (max-width: 414px) {
	.img_swiper .swiper-container{padding:0 20px;}
	.img_swiper .navigator .prev,
	.img_swiper .navigator .next{width:40px;}
	.img_swiper .navigator .prev{right:50px;}
	.img_swiper .navigator .next{background-position:100% 50%;}
	.img_swiper .navigator .prev, .img_swiper .navigator .next{top:15px;}
	.img_swiper .navigator .pagination{font-size:24px;}
	.board_view{padding:0 20px;}
}
@media (orientation:landscape) and (max-height:500px){
	
	.board_view{padding:0 30px;}
	.board_view .top_txt{display:block;padding:20px 0;}
	.board_view .top_txt .tit{width:100%;margin-bottom:10px;font-size:15px;line-height:1.5;}
	.board_view .top_txt .date{display:block;width:100%;font-size:13px;text-align:left;}
	.board_view .body_cont{padding:30px 0;font-size:13px;line-height:1.4;}
}

.accordion_cont{}
.accordion_cont .acc_top{}
.accordion_cont .acc_top a{display:block;position:relative;height:65px;padding:0 60px;border-bottom:1px solid #000;font-size:24px;color:#2d2929;text-align:left;line-height:65px;}
.accordion_cont .acc_top a::after{content:'';position:absolute;top:50%;right:50px;width:17px;height:12px;margin-top:-6px;background: url(../../images/ui/arr_acc.png) no-repeat 50% 50%;-webkit-transition:transform .3s;transition:transform .3s;}
.accordion_cont .on .acc_top a::after{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.accordion_cont .acc_top .sm{font-size:17px;font-weight:600;}
.accordion_cont .acc_cont .acc_incont{padding:55px 60px;}
.price_wrap{}
.price_wrap .dc{position:relative;padding-right:12px;margin-right:20px;color:#999;}
.price_wrap .dc::before{content:'';position:absolute;top:0;width:100%;height:100%;background:url(../../images/ui/arr_dc.png) no-repeat 100% 50%;}
.price_wrap .dc::after{content:'';position:absolute;top:50%;left:0;margin-top:-1px;width:100%;height:1px;background-color:#000;}

@media only screen and (max-width: 1300px){
	.is-scroll #header .btn_nav{position:absolute;top:54px;}
	.is-scroll #header .logo{position:absolute;top:45px;}
	.foot_info .info span{margin-bottom:10px;}
	.footer .foot_btn{top:0;right:30px;}
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 900px){
	#nineBlock{padding-top:50px;}
	#header{position:relative;}
}
@media screen and (max-width: 799px){
	#topBtn.stop{bottom:330px;}
}
@media screen and (max-width: 640px){ 
	#header .logo{top:30px;right:30px;}
	.onmenu #header .btn_nav{position:fixed;top:104px;}
	.onmenu #header .logo{position:fixed;top:80px;}
	#header .btn_nav{left:30px;}
	#topBtn.stop{bottom:320px;}
	#nav .nav_wrap .menu{padding:7px 0;}
	#nav .nav_wrap .submenu{position:relative;top:inherit;left:inherit;padding-top:10px;text-align:center;}
	#nav .nav_wrap .sns{margin-top:20px;}
	#nav .nav_wrap .sns a:nth-child(1),
	#nav .nav_wrap .sns a:nth-child(2){background-size:auto 20px}
	#nav .nav_wrap .sns a:nth-child(3){background-size:auto 15px}
}
@media screen and (max-width: 550px){ 
	.footer{padding:50px 0}
	.foot_menu{overflow:hidden;}
	.foot_menu a{margin-bottom:10px;font-size:13px;float:left;}
	.foot_menu a:nth-child(3){clear:both;}
	.footer .foot_btn{position:relative;top:inherit;right:inherit;margin-top:20px;}
	.foot_info .info span{margin-bottom:5px;}
	.foot_info .info span:nth-child(1),
	.foot_info .info span:nth-child(2),
	.foot_info .info span:nth-child(3){display:block;padding-right:0;margin-right:0;border-right:none;}
	#topBtn.stop{bottom:360px;}
}
@media screen and (max-width: 414px){ 
	#header .logo{right:20px;width:40px;height:56px;}
	#header .btn_nav{top:40px;left:20px;}
	.onmenu #header .btn_nav{top:90px;}
	.footer{padding:30px 0;}
	.foot_menu{margin-top:20px;}
	#topBtn{width:20px;height:40px;}
	#topBtn.stop{bottom:320px;}
	#nav .nav_wrap .sns{margin-top:10px;}
}
@media screen and (max-width: 375px){ 
	.onmenu #header .logo{top:70px}
}

@media screen and (max-width: 320px){
	.footer{padding-top:20px;}
}
.modal{position:fixed;top:0;left:0;display:flex;width:100%;height:100%;background-color: rgba(0,0,0,.3);align-items:center;justify-content:center;z-index:-1;}
.modal.on{z-index:1;}
.modal_alert .modal_inner{display:inline-block;padding:50px;max-width:90%;background-color:#fff;text-align:center;}
.modal_alert .modal_inner .tit{margin-bottom:20px;font-size:24px;color:#000;}
.modal_alert .modal_inner .txt{margin-bottom:30px;font-size:15px;color:#666;line-height:24px;}
.modal_alert .modal_inner .btn_solid{width:148px;height:48px;margin:0 auto;line-height:48px;font-size:16px;}

.main_modal{position:absolute;left:0;top:50px;width:100%;}
.main_modal .modal{position:relative;display:inline-block;width:385px;height:604px;/*background-color:rgba(0,0,0,.6);*/z-index:100002;}
.main_modal .modal{display:inline-block;}
.inner_modal{position:relative;}
.cont{background-color:#fff;}
.cont .tit{position:relative;height:50px;background-color:#37373F;padding-left:25px;font-size:15px;color:#fff;line-height:50px;}
.cont .tit .btn_close{position:absolute;top:17px;right:20px;}
.cont .scr_wrap{width:100%;height:569px;}
.modal .date{height:35px;padding-left:20px;background:#464749;color:#fff;line-height:35px;}
.modal .date input{vertical-align:middle;}
.modal .date a{display:block;width:35px;height:35px;line-height:35px;text-align:center;float:right;}
.modal .date a img{vertical-align:middle;max-width:100%;}
/*#recruit {position:relative;}*/
/*	#recruit .modal_pop3 .btn01{position:absolute;}*/

@media screen and (max-width: 800px){ 
	.main_modal{position:fixed;height:100%;background-color:rgba(0,0,0,.8);z-index:100000;}
	.main_modal .modal.on{display:block;}
	.main_modal .modal{position:absolute;top:0;left:0;width:100%;height:100%;background:none;}
	.main_modal .modal .inner_modal{position:absolute; width:90%;height:90%;top:5%;left:5%;}
	.main_modal .modal .inner_modal .cont,
	.main_modal .modal .inner_modal .date{max-width:385px;margin:0 auto;}
	.cont .scr_wrap{height:auto;font-size:0;}
	.cont .scr_wrap img{width:100%;}
}

@media screen and (max-width: 414px){ 
	.cont .scr_wrap {height:auto;font-size:0;}
}

@media (orientation:landscape) and (max-height:500px){
	.section_page_top{min-height:500px;}
	.section_page_top .page_top_title{transform:scale(.8);}
	.hr_v{height:30px;}
	.section_page_top .info-sc{bottom:40px;width:50px;height:50px;margin-left:-25px;background-size:auto 20px;}
	#nav .nav_wrap .menu > a{font-size:23px;}
	#header .btn_nav{top:30px;left:20px;font-size:16px;}
	.onmenu #header .btn_nav{top:74px;font-size:16px;}
	.onmenu #header .logo{position:fixed;top:75px;}
	#header .logo{top:24px;right:20px;width:40px;height:55px;}
	#topBtn{width:22px;height:45px;}
	#nav .nav_wrap{display:block;height:100%;padding:30px 0;overflow-y:auto;}
	#nav .nav_wrap .submenu a{text-align:center;font-size:18px;}
	#nav .nav_wrap .sns{margin-top:15px;}
	#nav .nav_wrap .sns a{width:20px;height:20px;}
	#nav .nav_wrap .sns a.instagram{background-size:auto 18px;}
	#nav .nav_wrap .sns a.facebook{background-size:auto 18px;}
	#nav .nav_wrap .sns a.youtube{background-size:auto 12px;}
	#nav .nav_wrap .submenu{position:static;}
	.main_modal .modal .inner_modal{overflow-y:auto;}
	.footer{padding:30px 0;}
}