@charset "utf-8";

/* font */
html {font-size:62.5%;}
body, * {letter-spacing:-0.04em;color:#333;font-family: 'NotoSans',sans-serif;font-size:1.6rem; font-weight:400;}

	@media screen and (max-width:390px) {
	
		html {font-size: 56.25%;}

	}

/* 공통 */
body.no-scroll {overflow:hidden;}
.inwrap {width:1400px;margin:0 auto;max-width:calc(100% - 40px);}
.main_inwrap {width:1400px}
#contant{padding:8rem 0 10rem;}
#contant.wd_pup{padding:2rem 0;}

/* header */
.header_top{width: 100%;  height: 40px; border-bottom: 1px solid #eee; background:#fff;z-index: 1;position: relative;}
.header_top .dp_flex{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;}
.header_top .dp_flex a{display: inline-block; border: 1px solid #eee; border-bottom:0; width: 85px; text-align: center;  line-height: 40px;  font-size: 1.4rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header_top .dp_flex a:last-child{border-left:0;}
.header_top .dp_flex a.logout {border-left: 1px solid #eee;} /* 241004 추가 */
.header_top .dp_flex a.addinfo{width: 10rem; border-right: 0;}

#gnb_box {height:80px; line-height:80px; background:#fff;}
#gnb_box:after {content:""; display:block; clear:both;}
#gnb_box .inwrap {position:relative; z-index:50;}
#gnb_box .gnb_logo {display:block; position:absolute; top:23px; left:0; width:248px;  z-index:2;}
#gnb_box .gnb_logo img {display:block; width:100%;}

.gnb_wrap {height:80px; overflow:hidden; position:relative;}
#gnb {padding-right:11.5rem; text-align:right; line-height:80px;}
#gnb .topmenu {display:inline-block;} 
#gnb .topmenu:after {content:""; display:block; clear:both;}
#gnb .topmenu .mn_l1 {float:left; padding-left:4.5rem;position: relative;}
/* #gnb .topmenu .mn_l1:first-child {padding-left:0;} */
#gnb .topmenu .mn_l1 > a{line-height:80px;}
#gnb .topmenu .mn_l1 .mn_a1 span {font-family:'ScoreDream', sans-serif; font-size:1.8rem; font-weight:700;position: relative;color:#111;}
#gnb .topmenu .mn_l1 .mn_a1 i {display:none;}
#gnb .topmenu .mn_l1.active .mn_a1 span {position:relative; color:#eb008b  !important;}
#gnb .topmenu .mn_l1.active .mn_a1 span:after{ content:''; display:block;   width: 5px;  height: 5px;  background: #eb008b ;  position: absolute;  top: -5px;  right: -7px; border-radius: 50%;}
#gnb .topmenu .depth2_wrap {background:#fff;width: 187px;border:1px solid #eee;position:absolute;top:80px; left:67%; transform: translateX(-50%); padding:3rem 2rem; -webkit-box-sizing:border-box; box-sizing:border-box; z-index:40; visibility: hidden;opacity: 0;transition: all 0.3s ease;}
#gnb .topmenu .depth2_wrap:before {content:""; display:block;width:50px;height:3px;background:#eb008b;position: absolute;left:50%;top: -2px;transform: translateX(-50%);}
#gnb .topmenu .mn_l1.active .depth2_wrap {visibility: visible; opacity: 1;}
/* #gnb .topmenu .mn_l1:first-child .depth2_wrap {border-left:1px solid #eee;} */
#gnb .topmenu .depth2 {line-height:30px;}
#gnb .topmenu .mn_l2 {text-align:center; margin-bottom:2.5rem; word-wrap: break-word; word-break:keep-all; line-height:120%;}
#gnb .topmenu .mn_l2:last-child {margin-bottom:0;}
#gnb .topmenu .mn_l2:hover .mn_a2 span {font-weight:500;text-decoration: underline; text-underline-offset: 3px;}
#gnb .topmenu .mn_l2 a span {position: relative;}

.gnb_bg {background:#fff; position:absolute; top:120px; left:0; width:100%; height:0; z-index:31;}
.gnb_bg.active {border-top:1px solid #eee; border-bottom:1px solid #eee;}
.gnb_fade_bg {display:none; position:fixed; top:120px; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:30;}
#gnb_box .all_menuBox {position:absolute; top:27px; right:0;}
#gnb_box .all_menuBox .all_menu {display:block; width:24px; height: 24px; text-indent:-9999px; background:url(../img/layout/menu.svg) no-repeat center center; background-size:24px auto;}
.transparent #gnb_box .all_menuBox .all_menu {background:url(../img/layout/menu_w.svg) no-repeat center center;}
.m_gnb_btn_closed {display:none;}
#gnb .m_member {display:none;}
 

#header.fix #gnb_box {position:fixed; top:0; width:100%; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: headerScroll; animation-name: headerScroll; z-index:101; border-bottom:1px solid #eee;}
#header.fix #gnb_box .gnb_bg {top:80px;}
#header.fix #gnb_box .gnb_bg.active{border-top:0;}
#header.fix #gnb_box #gnb .topmenu .depth2_wrap{border-top:0;}
#header.fix #gnb_box .gnb_fade_bg {top:80px; z-index:30;}

.count_icon {position: absolute;font-size: 11px;font-weight: bold;font-family: 'ScoreDream', sans-serif;color: #fff;background: #ff3951;padding-right: 1px;padding-bottom:1px;border-radius: 50%;top: -11px;right: -20px;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;z-index:99;}
.count_icon_s {font-size: 10px;top: -8px;right: -16px;width: 16px;height: 16px;}

@-webkit-keyframes headerScroll {

	  0% {
		top:-60px;
	  }
	
	  100% {
	    top:0;
	  }

	}

@keyframes headerScroll {

	  0% {
		top:-60px;
	  }
	
	  100% {
	    top:0;
	  }

	}

.hd_fix {padding-top:60px;}


/* 사이트맵 */
/*.all_menu_cont {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:100;}
.all_menu_cont > .rel_box {position:relative; width:100%; height:100%;}
.all_menu_cont > .rel_box:before{ content: '창고이음';  display: block;  font-size: 26rem;  font-family: 'ScoreDream';  font-weight: bold;  position: absolute; bottom: 5px; right: 0;  color: #f5f5f5;  opacity: 0.5;  letter-spacing: -0.15em;}
.all_menu_cont > .rel_box:after{ content: '부산광역시';  display: block;  font-size: 26rem; font-family: 'ScoreDream'; font-weight: bold; position: absolute;  top: 5px;  left: 0;  color: #f5f5f5;  opacity: 0.5; letter-spacing: -0.15em;}
.all_menu_cont .all_menu_box {display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; max-width:1200px; z-index: 2;}
.all_menu_cont .all_menu_box .layerPop_close {position:absolute; top:0; right:0; width:18px; height:18px;}
.all_menu_cont .all_menu_box .layerPop_close span {position:relative; display:block; width:18px; height:18px; text-indent:-9999px;}
.all_menu_cont .all_menu_box .layerPop_close span:before {content:""; display:block; position:absolute; top:8px; right:-2px; width:22px; height:2px; background:#000; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.all_menu_cont .all_menu_box .layerPop_close span:after {content:""; display:block; position:absolute; top:8px; right:-2px; width:22px; height:2px; background:#000; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.allMenu_listBox {margin-top:50px;}
.allMenu_list:after {content:''; display:block;} 
.allMenu_list > li {width:calc(33.333% - 100px / 4); float:left; margin-left:20px; line-height:1em;min-height: 270px;}
.allMenu_list > li .allMenu_dep01_tit {-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; width:100%; border-radius:10px; background:#111;  text-align:center; position:relative; display:block; padding:2rem; -webkit-box-sizing:border-box; box-sizing:border-box;}
.allMenu_list > li .allMenu_dep01_tit span {font-family:'ScoreDream', sans-serif; font-size:2rem; font-weight:500; line-height:1em; color:#fff;}
.allMenu_list > li:hover .allMenu_dep01_tit span{color:#fff;}

.allMenu_depth2 {padding:0 10px;}
.allMenu_depth2 > li {margin-top:25px; line-height:1em; text-align:center;}
.allMenu_depth2 > li > a > span {line-height:1.2em; color:#555; word-break:keep-all;}
.allMenu_depth2 > li:hover > a > span, .allMenu_depth2 > li > a:hover > span {color:#ed49bd;}  */

.all_menu_cont {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:100;}
.all_menu_cont > .rel_box {position:relative; width:100%; height:100%;background: url(../img/main/m_sec01_bg_1.png) no-repeat center center;background-size: cover;}
.all_menu_cont .all_menu_box {display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; max-width:1100px; z-index: 2;}
.all_menu_cont .all_menu_box .layerPop_close {position:absolute; top:0; right:0; width:18px; height:18px;}
.all_menu_cont .all_menu_box .layerPop_close span {position:relative; display:block; width:18px; height:18px; text-indent:-9999px;}
.all_menu_cont .all_menu_box .layerPop_close span:before {content:""; display:block; position:absolute; top:8px; right:-2px; width:22px; height:2px; background:#fff; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.all_menu_cont .all_menu_box .layerPop_close span:after {content:""; display:block; position:absolute; top:8px; right:-2px; width:22px; height:2px; background:#fff; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.allMenu_listBox {margin-top:50px;}
.allMenu_list:after {content:''; display:block;} 
.allMenu_list > li {width:calc(33.333% - 100px / 4); float:left; margin-left:25px; line-height:1em;min-height: 270px;}
.allMenu_list > li .allMenu_dep01_tit {-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; width:100%; border-radius:5px; background:#ffffff42;  text-align:center; position:relative; display:block; padding:1.6rem; -webkit-box-sizing:border-box; box-sizing:border-box;}
.allMenu_list > li .allMenu_dep01_tit span {font-family:'ScoreDream', sans-serif; font-size:1.8rem; font-weight:500; line-height:1em; color:#fff;}
.allMenu_list > li:hover .allMenu_dep01_tit span{color:#fff;}

.allMenu_depth2 {padding:0 10px;}
.allMenu_depth2 > li {margin-top:22px; line-height:1em; text-align:center;}
.allMenu_depth2 > li > a > span {line-height:1.2em; color:#fff; word-break:keep-all;}
.allMenu_depth2 > li:hover > a > span, .allMenu_depth2 > li > a:hover > span {color:#ed49bd;}
	
	@media screen and (min-width:1200px) {
	
		.header_top .dp_flex a.login_btn:hover, .top .dp_flex a.login_btn:focus{border-color:#0b0b5d; background:#0b0b5d; color:#fff;}
		.header_top .dp_flex a.login_btn:hover span, .top .dp_flex a.login_btn:focus span{color:#fff;}
		.header_top .dp_flex a.join_btn:hover, .top .dp_flex a.join_btn:focus{border-color:#b8bcbf; background:#b8bcbf; color:#fff;}
		.transparent #gnb_box, .transparent .header_top {background: transparent;}
		.transparent .header_top .dp_flex span, .transparent .header_top .dp_flex a {color:#fff;}
		.transparent .header_top, .transparent .header_top .dp_flex a.logout, .transparent .header_top .dp_flex a {border-color: #eeeeee70;transition: none;}
		.transparent #gnb_box .all_menuBox .all_menu {}
		.transparent #gnb .topmenu .mn_l1 .mn_a1 span {color:#fff;} 
	}
	
	@media screen and (max-width:1200px) {
	
		.all_menu_cont {display:none !important;}
		.header_top {display:none;}

		#gnb {width:100%; padding-right:0; padding-top:80px; line-height:80%; position:fixed; top:0; bottom:0; right:-100%; background:#fff; overflow-y:auto; text-align:left; z-index:12;}
		#gnb:before{content:"";display:block; position:absolute;        top: 23px;left: 25px;width: 238px;height: 38px;background: url(../img/layout/logo.svg?ver=2023) no-repeat center center;background-size: auto 100%;}
		#gnb .m_member {display: block;}
		#gnb .m_member .flex_w{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
		#gnb .m_member .flex_w a {-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;display: block; padding: 1.5rem; width: 100%; border: 1px solid #eee; text-align: center; font-size: 1.5rem;}
		#gnb .m_member .flex_w a:hover, #gnb .m_member .flex_w a:focus {background:#eee;}
		#gnb .m_member .flex_w a:last-child{border-left:none;}
		#gnb .topmenu {display:block;}
		#gnb .topmenu .mn_l1 {float:none; padding:0; border-bottom:1px solid #eee;}
		#gnb .topmenu .mn_l1.active .mn_a1 {border-bottom:1px solid #eee;}
		#gnb .topmenu .mn_l1 .mn_a1 {display: block; padding: 2.5rem 2rem;  position: relative;  line-height: 1;}
		#gnb .topmenu .mn_l1 .mn_a1 span {font-size:17px; font-weight:600;}
		#gnb .topmenu .mn_l1 .mn_a1 i {display:block; position: absolute; top:50%; right:20px;}
		#gnb .topmenu .mn_l1 .mn_a1 i:before,
		#gnb .topmenu .mn_l1 .mn_a1 i:after {content:""; display: block; background:#aaa; position: absolute; left:50%; top:50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
		#gnb .topmenu .mn_l1 .mn_a1 i:before {width:12px; height:2px;}
		#gnb .topmenu .mn_l1 .mn_a1 i:after {width:2px; height:12px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
		#gnb .topmenu .mn_l1.active .mn_a1 i:after {height:0;}
		#gnb .topmenu .mn_l1.active .mn_a1 i:before {background:#004a96;}
		#gnb .topmenu .depth2_wrap {display:none; position:static; padding:12px 0; border:none;transition:none;width:100%; background: #f4f6f9;transform: translateX(0); }
		#gnb .topmenu .depth2_wrap:before {display:none;}
		#gnb .topmenu .mn_l1:first-child .depth2_wrap {border:none;}
		#gnb .topmenu .mn_12_tit {display:none;}
		#gnb .topmenu .mn_l2 {margin-bottom:10px; text-align:left;}
		#gnb .topmenu .mn_l2 .mn_a2 {display:block; padding:5px 24px 5px 34px;}
		#gnb .topmenu .mn_l2 .mn_a2 span {font-size:16px;}

		.m_gnb_btn_closed_box {position:absolute; top: 21px; right: 16px;}
		.m_gnb_btn_closed {display:block; position:relative; text-indent:-9999px; width:35px; height:35px; background: url(../img/layout/icon_close.svg) no-repeat center center;background-size: auto 100%;filter: brightness(0);}
		/*.m_gnb_btn_closed:before,
		.m_gnb_btn_closed:after{content:'';position:absolute;	width:16px;height:2px;background-color:rgba(255,255,255,0.5);border-radius:2px;top:14px;}
		.m_gnb_btn_closed:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);left:7px;}
		.m_gnb_btn_closed:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);	transform:rotate(-45deg);	right:5px;}*/

	}

/* footer*/
.footer_banner{border-top:1px solid #eee; width: 100%;  padding: 1.5rem 0;}
.footer_banner .flex_w{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.footer_banner .banner_sld{width: calc(100% - 180px);}
.footer_banner .banner_sld .banner_sld_item:not(:last-child){margin-right:5rem; width:100%;  max-width:160px;}
.banner_sld_controler{;}
.banner_sld_controler button{width:40px;height:40px;margin-right:0.5rem; border-radius:50%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.banner_sld_controler button.prev{background:url(../img/layout/banner_arrow_prev.svg) no-repeat center center #f4f6f9; background-size:10px auto;}
.banner_sld_controler button.next{background:url(../img/layout/banner_arrow_next.svg) no-repeat center center #f4f6f9; background-size:10px auto;}
.banner_sld_controler button.play{display:none; background:url(../img/layout/banner_arrow_play.svg) no-repeat center center #fff; background-size:17px auto; border: 2px solid #f4f4f4;}
.banner_sld_controler button.stop{background:url(../img/layout/banner_arrow_stop.svg) no-repeat center center #fff; background-size:17px auto; border: 2px solid #f4f4f4;} 

/* 241007 수정 */
#footer{width:100%; background:#111111; padding:5rem 0;} 
#footer .footer_top{display: -webkit-box;display: -ms-flexbox;display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: end;  -ms-flex-align: end;  align-items: flex-end;}
#footer .footer_top .left{}
/* #footer .footer_top .left img{width:330px;} */
#footer .footer_top .right{}
#footer .footer_top .right ul{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#footer .footer_top .right ul li{position: relative;}
#footer .footer_top .right ul li:nth-child(n+2){margin-left:3rem;}
#footer .footer_top .right ul li:last-child a{color:#df409e;}
#footer .footer_top .right ul li a{display: inline-block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #fff; font-size: 1.5rem;}
#footer .footer_top .right ul li a span{ display: none; width: 14px; height: 14px;  background: url(../img/layout/flink_icon.png) no-repeat;  background-size: 14px;  margin-left: 0.5rem;  vertical-align: top;}
#footer .footer_top .right .address{margin-top:2rem; text-align:right;}
#footer .footer_top .right .address p.ft_p {color:#fff; font-size:1.5rem;}
#footer .footer_top .right .address p.ft_p span {color:#fff;}
#footer .footer_top .right .address p.ft_p br {display:none;}
#footer .footer_bottom{text-align:right; letter-spacing: 0; padding-top: 2rem;  font-size: 1.4rem;  color: #666;}

	@media screen and (min-width:1200px) {
	
	
	}

	@media screen and (max-width:800px) {
	
		#footer .footer_top{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
		#footer .footer_top .right{margin-top:4rem;}
		#footer .footer_top .right ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
		#footer .footer_top .right .address{text-align:center;margin-top: 3rem;}
		#footer .footer_bottom{text-align:center;}

	}

	@media screen and (max-width:768px) {
	
		.footer_banner .banner_sld{width:100%;}
		.banner_sld_controler{display:none;}
	}

	@media screen and (max-width:480px) {
	
		#footer .footer_top .right ul li:nth-child(n+2){margin-left:1rem;}
		#footer .footer_top .right .address p.ft_p {line-height: 1.6;}
		#footer .footer_top .right .address p.ft_p span {display:none;}
		#footer .footer_top .right .address p.ft_p br {display:block;}
		#footer .footer_top .right .address {margin-top:2rem;}
	}



/* sub */
#subNavi{border-bottom:1px solid #eee;}
.sub_topvis { background: url(../img/layout/sub_vis_img_1.png) no-repeat center top; background-size: cover;}
.sub_topvis .inwrap { position: relative; height: 230px; display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}
.sub_topvis .txtbox{text-align:center;}
.sub_topvis .txtbox .btxt{ font-family: 'ScoreDream', sans-serif;  font-size: 3rem;  font-weight: 600; color: #fff;}
.sub_topvis .txtbox .stxt{font-family: 'ScoreDream';  color: #fff;  padding-top: 2rem;}

.submenu{display:-webkit-box;display:-ms-flexbox;display:flex; }
.home_btn{margin-top: -2rem;}
.home_btn .home{width:80px; height:80px; background:url(../img/layout/icon_home.svg) no-repeat center center #111111; }
.menubar{width:calc(100% - 80px);display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.menubar .sub_mbox{width:280px; height:60px;  z-index: 10;}
.menubar .sub_mbox dt.line_right{position:relative;}
.menubar .sub_mbox dt.line_right:after{content:''; display:block; width:1px; height:16px; background:#eee; position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.menubar .sub_mbox.depth02{border-right:0;}
.menubar .sub_mbox dt a{ display:block; height: 60px; line-height: 60px; padding: 0 3rem; font-weight: 500; background: url(../img/layout/icon_select.svg) no-repeat center right 30px; background-size: 9px auto;}
.menubar .sub_mbox dd{position:relative; background:#fff; -webkit-box-shadow:3px 12px 17px rgb(0 0 0 / 5%); box-shadow:3px 12px 17px rgb(0 0 0 / 5%);     z-index: 10;}
.menubar .sub_mbox dd ul{border: 1px solid #eee;}
.menubar .sub_mbox dd ul li{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.menubar .sub_mbox dd ul li a{display: block; padding: 0 3rem; font-size: 1.5rem;  width: 100%; height: 50px;  line-height: 50px; border-bottom: 1px solid #ececec; }
.menubar .sub_mbox dd ul li:last-child a{border:0}
.menubar .sub_mbox dd ul li a span{}

.menubar .sub_mbox dt.active{}
.menubar .sub_mbox dt.active a{background: url(../img/layout/icon_select_on.svg) no-repeat center right 30px; background-size: 9px auto;} 


	@media screen and (min-width:1200px) {
	
		.menubar .sub_mbox dd ul li:hover,
		.menubar .sub_mbox dd ul li:focus{background:#0b0b5d;}
		.menubar .sub_mbox dd ul li:hover a span,
		.menubar .sub_mbox dd ul li:focus a span{color:#fff;}
	}
	
	@media screen and (max-width:768px) {
	
		.sub_topvis .inwrap{height:200px;}
		.menubar{display:block;}
		.menubar .sub_mbox.depth01{display:none;}
		.menubar .sub_mbox{width:100%;} 
	}

	@media screen and (max-width:390px) {
	
		.home_btn .home{width: 78px; height: 78px;}
	}



/* 레이어팝업 _ popup*/
.pop_up{position:absolute; top:20%; z-index:1;}
.pop_up img{max-width:100%;}
.pop_up .popbtn-box{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px;background: #333;}
.pop_up .popbtn-box button{font-size: 1.4rem; color:#fff;}

	@media screen and (max-width:1200px) {
	
		.pop_up{left: 20px !important; right: 20px;}
	}