@charset "utf-8";
/************************************************************************
 * filename : common.css
 * description : 준오헤어 공통 (헤더/푸터)
 * date : 2017.08.14
************************************************************************/

/* COMMON */
.blind {display:none;overflow:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999em;visibility:hidden;outline:none;z-index:-1}
.selectarr {width:56px;height:44px;line-height:44px;font-size:15px;align-self:center;padding-left:10px;-webkit-box-sizing:7px;border:1px solid rgb(60,60,60);border-radius:0}
.btnbuy {display:flex;box-sizing:border-box;font-size:14px;text-align:center;width:100px;height:44px;line-height:44px;border:1px solid rgb(60,60,60)}
.sbtn_arr {padding-right:5px;font-size:12px;color:rgb(137,137,137)}
.sbtn_arr span {padding-right:12px;background:url(/static_resources/images/junohair/sub/jmarket/sbtn_arr.png) no-repeat center right;-webkit-background-size:7px;
background-size:7px}
.sbtn_txt {font-size:12px;line-height:1;font-weight:normal;background-color:transparent;color:rgb(137,137,137);border:none;cursor:pointer}
.lbtn_black {box-sizing:border-box;font-size:14px;height:44px;line-height:44px;width:100%;text-align:center;color:#fff;cursor:pointer;background:rgb(60,60,60);border:0}
.sbtn_line {box-sizing:border-box;width:100%;font-size:13px;height:22px;cursor:pointer;border:1px solid rgb(177,177,177);line-height:1.5;}
.mbtn_gray {padding:0 20px;text-align:center;line-height:28px;color:#fff;border-radius:4px;border:1px solid #6c6c6c;background:#8f8f8f}
.btnbox_black {width:200px;height:60px;line-height:60px;font-size:18px;font-weight:600;color:#fff;text-align:center;background:#333}
.btnbox_line {width:200px;height:58px;line-height:58px;font-size:18px;font-weight:600;text-align:center;border:1px solid #333}
.contentsHead {display:flex;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;box-sizing:border-box;height:112px;font-size:17px;font-weight:700;color:rgb(137,137,137)}
.contentsHead a {color:rgb(137,137,137)}
.contentsHead .btnback span {position:relative;padding-left:18px;}
.contentsHead .btnback span:after {content:'';display:block;position:absolute;top:1px;left:0;width:8px;height:14px;transform:rotate(180deg);background:url(/static_resources/images/junohair/sub/jmarket/sbtn_arr.png) no-repeat center center;}
.contentsFoot {margin-top:50px;font-size:17px;text-align:center;}
.contentsFoot a {max-width:200px;margin-right:10px;}
.txt_center {text-align:center;}
input[type="text"],textarea,input[type="tel"],input[type="phone"] {border-radius:0;-webkit-appearance:none;border:1px solid #b1b1b1;box-sizing:border-box;}
textarea {font-family:'Noto Sans KR','돋움',Dotum,Arial,sans-serif;font-size:14px;resize:none;}
button {border:none;margin:0;padding:0}
.btn_data_more {margin-top:50px;text-align:center;}
.btn_data_more a {display:inline-block;width:107px;height:46px;font-size:18px;font-weight:600;line-height:46px;text-align:center;color:#333;border:1px solid #333}
.web_view {display:block}
.mobile_view {display:none}

.check_type {display:inline-block;position:relative;min-height:20px;line-height:1.2;}
.check_type label {display:inline-block;min-height:20px;padding-left:30px;padding-top:1px;font-size:16px;cursor:pointer;background:url(/static_resources/images/junohair/bg_checkbox.png) no-repeat left top;background-size:20px auto}
.check_type .checkbox {position:absolute;top:0px;left:0px;min-width:20px;min-height:20px;margin:0;border:none;opacity:0;z-index:100}
.check_type .checkbox:checked  + label {background-position:0 -25px}
.check_type .checkbox:disabled + label {background-position:0 -25px}
.field .inptxt {height:40px;line-height:40px;padding:0 15px;font-size:15px;color:#333;border:1px solid #777;box-sizing:border-box;}
.field_errtxt {font-size:13px;color:#ed1c24;}
.radio_type {display:inline-block;position:relative;min-height:20px;line-height:20px;margin-right:11px;}
.radio_type label {position:relative;display:inline-block;min-height:20px;padding-left:30px;font-size:15px;color:#333;cursor:pointer}
.radio_type label:after {content:'';display:block;position:absolute;top:0;left:0;width:22px;height:22px;background:url(/static_resources/images/junohair/bg_radio.png) no-repeat 0px 0;background-size:100px auto}
.radio_type .radio {position:absolute;top:0px;left:0px;min-width:20px;min-height:20px;margin:0;border:none;opacity:0;z-index:100}
.radio_type .radio:checked + label:after {background-position:0 -49px}
.radio_type .radio:disabled + label:after {background-position:0 -100px}


.select_group {display:flex;flex-direction:row;box-sizing:border-box;}
.select_group:after {content:'';display:block;clear:both;}
.select_group > div {display:flex;width:33.3%;box-sizing:border-box;}
.select_group > div:not(:first-child) {padding-left:5px}
.select_group > div .selectArea {display:block;width:100%;}
.selectArea {position:relative;display:inline-block;vertical-align:middle;}
.selectArea .selTit {width:100%;height:40px;padding:0 38px 0 15px;font-size:15px;border:1px solid #777777;text-align:left;color:#222;vertical-align:top;background: url('/static_resources/images/junohair/bg_selectbox_arr.png') no-repeat 100% 50%;-webkit-background-size:25px auto;
background-size:25px auto;}
.selectArea .selTit.open {background: url('/static_resources/images/junohair/bg_selectbox_arr_up.png') no-repeat 100% 50%;-webkit-background-size:25px auto;
background-size:25px auto;}
.selectArea .selTit:disabled {color:#999;}
.selectArea .selList {display:none;position:absolute;left:0;right:0;z-index:10;max-height:200px;overflow:auto;margin:-1px 0 0;background:#fff;border:1px solid #777;-webkit-overflow-scrolling:touch}
.selectArea .selList li {position:relative;padding:2px 0}
.selectArea .selList li:hover {background:#f0f0f0;}
.selectArea .selList input[type="radio"] {position:absolute;z-index:-1;opacity:0;}
.selectArea .selList input[type="radio"]:checked + label {background: #f3f3f3;}
.selectArea .selList input[type="radio"]:disabled + label {color: #999;}
.selectArea .selList label {display:block;padding:8px 15px;cursor:pointer;font-size:15px;color:#333}

.header_btm{background: #fff;}
.header_btm .inner{position: relative;}
.header_btm h1{position: absolute;left:0;top:25px;transition: .3s;}
.header_btm h1 a img.light{display: none;}
.header_btm .lnb{display: inline-block;margin-left:465px;}
.header_btm .lnb ul{overflow: hidden}
.header_btm .lnb li{float: left;margin-left: 55px;height: 80px;transition: .3s}
.header_btm .lnb li:first-child{margin-left: 0;}
.header_btm .lnb li a{display: block;text-align: center;line-height: 26px;font-weight: 600;font-size:18px;transition: .3s;margin-top: 25px;}
.header_btm .lnb li.active a{border-bottom: 4px solid #ed1c24;}

.mobile_menu_btn{display: none}
.mobile_menu_btn a{overflow: hidden}
.mobile_menu_btn a img{width: 45px;float: left;}
.mobile_menu_btn a span{width:26px;height:2px;background: #000;display: block;margin-top:7px;transition: .2s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.mobile_menu_btn a span:first-child{margin-top: 0;}
.scroll .header_btm{border-bottom: 1px solid #c3c3c3;background:rgba(255,255,255,1);}
.scroll .header_btm h1{top:8px;}
.scroll .header_btm .lnb li{height: 50px;}
.scroll .header_btm .lnb li a{margin-top: 10px;font-size:18px;color:#000;}
.scroll .header_btm h1 a img.dark {display:block}
.scroll .header_btm h1 a img.light {display:none}

.header_depth{position: fixed;background:#fff;top:120px;z-index: 100;transition:.3s;width:100%;left:0;right:0;;border-bottom: 1px solid #c3c3c3;display: none;}
.scroll+.header_depth{top:91px}
.header_depth .depthMenu_wrap{overflow: hidden;width: 1150px;margin:0 auto;padding-bottom: 80px;}
.header_depth .depthMenu_wrap .depthMenu_item{text-align: center;}
.header_depth .depthMenu_wrap .depth_title{font-weight: 700;font-size:32px;display: inline-block;line-height: normal;color:#333;padding:33px 0 12px 0v}
.header_depth .depthMenu_wrap .depth_text{color:#777;font-size:15px;line-height: normal;margin-bottom: 30px;}
.header_depth .depthMenu_wrap .dm_inner{overflow: hidden}
.header_depth .depthMenu_wrap .dm_inner li{float: left;width: 280px;height: 230px;margin-left: 10px;}
.header_depth .depthMenu_wrap .dm_inner li:first-child{margin-left: 0;}
.header_depth .depthMenu_wrap .dm_inner li a{display: block;height: 100%;background-size:cover;background-repeat: no-repeat;background-position: center center;}

.header_depth .depthMenu_wrap .depthMenu_item.junohair .dm_inner li:first-child a{background-image: url(/static_resources/images/junohair/depth1_img1.jpg)}
.header_depth .depthMenu_wrap .depthMenu_item.junohair .dm_inner li:first-child+li a{background-image: url(/static_resources/images/junohair/depth1_img2.jpg)}
.header_depth .depthMenu_wrap .depthMenu_item.junohair .dm_inner li:first-child+li+li a{background-image: url(/static_resources/images/junohair/depth1_img3.jpg)}
.header_depth .depthMenu_wrap .depthMenu_item.junohair .dm_inner li:first-child+li+li+li a{background-image: url(/static_resources/images/junohair/depth1_img4.jpg)}
.header_depth .depthMenu_wrap .depthMenu_item.junohair .dm_inner li:first-child a:hover{background-image: url(/static_resources/images/junohair/depth1_img1_over.jpg)}
.header_depth .depthMenu_wrap .depthMenu_item.junohair .dm_inner li:first-child+li a:hover{background-image: url(/static_resources/images/junohair/depth1_img2_over.jpg)}
.header_depth .depthMenu_wrap .depthMenu_item.junohair .dm_inner li:first-child+li+li a:hover{background-image: url(/static_resources/images/junohair/depth1_img3_over.jpg)}
.header_depth .depthMenu_wrap .depthMenu_item.junohair .dm_inner li:first-child+li+li+li a:hover{background-image: url(/static_resources/images/junohair/depth1_img4_over.jpg)}

.mobile_nav{display: none;position: fixed;left:0;right:0;top:53px;bottom:0;background: #fff;z-index: 100;text-align: center;box-sizing: border-box;border-top:1px solid #d7d7d7;overflow-y: auto;-webkit-overflow-scrolling:touch}
.mobile_nav .lnb li>strong{position: relative;line-height: 80px;font-size:32px;font-weight: 600;color:#333;border-bottom: 1px solid #d7d7d7;display: block}
.mobile_nav .lnb li>strong>a{font-size:32px;font-weight: 600;color:#333}
.mobile_nav .lnb li>strong>div{position: absolute;right:40px;width: 16px;height: 16px;top:50%;margin-top:-8px;}
.mobile_nav .lnb li>strong>div span.horizon{width: 16px;height: 2px;position: absolute;background: #999;left:0;top:50%;margin-top:-1px}
.mobile_nav .lnb li>strong>div span.vertical{width: 2px;height: 16px;position: absolute;background: #999;top:0;left:50%;margin-left:-1px;transition:opcity .3s}
.mobile_nav .lnb li.active>strong>div span.vertical {opacity: 0;filter: alpha(opacity=00)}
.mobile_nav .lnb dl{text-align: center;display: none}
.mobile_nav .lnb dd a{display: block;background: #f5f5f5;line-height: 70px;color:#555;font-size:26px;}
.mobile_nav .lnb dd dl{display: none}
.mobile_nav .lnb dd dl dd a{background: #f0f0f0;}
.mobile_nav .lnb dd{border-bottom: 1px solid #d7d7d7;}
.mobile_nav .gnb ul{overflow: hidden}
.mobile_nav .gnb ul li {float: left;width: 33.3333%;border-bottom: 1px solid #d7d7d7;border-left: 1px solid #d7d7d7;;box-sizing: border-box;}
.mobile_nav .gnb ul li:nth-child(3n+1){border-left: 0;}
.mobile_nav .gnb ul li a{display: block;background: #f5f5f5;line-height: 80px;font-size:26px;height: 80px;}
.mobile_nav .gnb ul li img.hair{height: 23px;margin-top: 28.5px;max-width:100%}
.mobile_nav .gnb ul li img.academy{height: 19px;margin-top: 30.5px;max-width:100%}
.mobile_nav .gnb ul li img.avenue{height: 22px;margin-top: 29px;max-width:100%}
.mobile_nav .gnb ul li img.tria{height: 19px;margin-top: 29px;max-width:100%}

.m_nav_open .mobile_menu_btn{top:-1px}
.m_nav_open .mobile_menu_btn a{height: 36px;}
.m_nav_open .mobile_menu_btn a span{background: #000 !important;transition:.3s;}
.m_nav_open .mobile_menu_btn a span:first-child+span{transition: .1s}
.m_nav_open .mobile_menu_btn a span:first-child+span{opacity: 0;filter: alpha(opacity=00)}
.m_nav_open .mobile_menu_btn a span:first-child{transform: translateY(15px) rotate(45deg);}
.m_nav_open .mobile_menu_btn a span:first-child+span+span{transform:translateY(-3px) rotate(-45deg)}

/* footer */
#footer{position:relative;color:#fff;}
.footer_top{background: #232323;padding:45px 0 33px 0}
.footer_top .inner{overflow: hidden}
.ft_left{float: left;}
.ft_left .family_site>img{width:106px;}
.ft_left .family_site>img+.bar{height: 1px;width:40px;background: #fff;margin-left: 10px;}
.fs_list{overflow: hidden;margin:30px 0 0 0}
.fs_list li{float: left;margin-left: 23px;}
.fs_list li:first-child{margin-left: 0;}
.fs_list li:first-child img{height: 19px;}
.fs_list li:first-child+li img{height: 19px;}
.fs_list li:first-child+li+li img{height: 17px;}
.fs_list li:first-child+li+li+li img{height: 17px;}
.terms{margin-top: 39px;}
.term_list{overflow: hidden}
.term_list li{float: left;margin-left: 14px;}
.term_list li:first-child{margin-left: 0;}
.term_list li a{display: block;color:#fefefe;font-size:14px;}
.term_list li .bar{height: 12px;width: 1px;background: #fff;}
.ft_right{float: right;}
.ft_rightTop ul{overflow: hidden}
.ft_rightTop ul li{float: left;margin-left: 10px;}
.ft_rightTop ul li:first-child{margin-left: 0;}
.ft_rightTop ul li a{display: block;line-height: 40px;border:1px solid #fff;color:#fff;width: 125px;text-align: center;font-size:15px}
.fr_rightBottom{overflow: hidden;margin-top: 37px;padding-bottom: 12px;}
.fr_rightBottom strong{float: left;display: block;position: relative;padding-top: 11px;}
.fr_rightBottom strong .bar{position: absolute;left:0;background: #fff;width:46px;height: 1px;bottom:-12px}
.fr_rightBottom strong img{width:177.5px}
.fr_rightBottom ul{float: right;overflow: hidden}
.fr_rightBottom ul li{float: left;margin-left: 8px;}
.fr_rightBottom ul li a{display: block;border:1px solid #363636}
.fr_rightBottom ul li a img{width:42px;}
.fr_rightBottom ul li:first-child{margin-left: 0;}

.footer_btm{background: #171717;padding:20px 0}
.footer_btm .inner{overflow:hidden}
.footer_btm .inner strong{float: left;margin-right: 40px;margin-top:21px;}
.footer_btm .inner .address{float: left;font-size:14px;line-height:1.6;font-weight: 200;margin-top: 5px;}
.footer_btm .inner .address span {position:relative;display:inline-block;margin-left:18px}
.footer_btm .inner .address span:first-child {margin-left:0}
.footer_btm .inner .address span:first-child:after {display:none}
.footer_btm .inner .address span:after {content:'';display:block;position:absolute;top:4px;left:-10px;width:1px;height:15px;background:#c1c1c1}
.footer_btm .inner .emblem {float: right;margin-top:12px;}
.footer_btm .inner .emblem img {margin-left:10px;height: 44px;}

.footgotop {position:absolute;overflow:hidden;top:-70px;right:20px;width:50px;height:50px;background:rgba(255,255,255,.8) url(/static_resources/images/junohair/btn_top.png) no-repeat center center;z-index:99}
.footgotop a {display:block;width:100%;height:100%;}
.footgotop .blind {overflow:hidden;position:absolute;top:-9999em;left:-9999em;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999em;visibility:hidden;outline:none;z-index:-1}

/* sideBar */
.sideBar{background: #2c2c2c;border:1px solid #424242;border-right: 0;position: fixed;right:0;top:120px;z-index: 99;width: 120px;box-sizing: border-box;border-top: 0;text-align: center;transition:.3s}
.sideBar.close{right:-120px;}
.sideBar li{border-top: 1px solid #424242;height: 120px;box-sizing: border-box}
.sideBar li a{width: 100%;height: 100%;color:#fff;opacity: 0.5;filter: alpha(opacity=50);transition:.15s;display: table;}
.sideBar li a div{display: table-cell;vertical-align: middle}
.sideBar li:hover a{opacity: 1;filter: alpha(opacity=100)}
.sideBar li a span{display: block}
.sideBar li a span.img{margin-bottom: 8px;}
.sideBar_btn{position: absolute;left:-18px;top:50%;margin-top:-41.5px}
.sideBar_btn .open{;display: none;}
.sideBar.close .sideBar_btn .open{;display: block;}
.sideBar.close .sideBar_btn .close{;display: none;}
.m_sideBar_btn{display: none}

.top_btn{display: none;position: fixed;bottom:71px;right:10px;z-index: 2;border:1px solid #434343}
.top_btn a {overflow: hidden}
.top_btn a img{width:45px;float: left;}
/* container */
#container{padding-top:40px;}

/* popup */
body.pop_open {position:relative;overflow:hidden;height:100%}
#wrapper {position:relative;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#wrap {position:relative;overflow:hidden}
.pop_wrap {display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;left:0;bottom:0;z-index:1001;letter-spacing:-0.04em;-webkit-overflow-scrolling:touch}
.pop_wrap .pop_con {position:absolute;width:760px;top:50%;left:0;right:0;margin:0 auto}
.pop_wrap .btn_popClose {display:block;position:absolute;width:50px;height:50px;top:0px;right:-80px;font-size:0;background:url(/static_resources/images/junohair/btn_popclose.png) no-repeat}
.pop_con .head {padding:46px 50px 25px;background:#fff;}
.pop_con .head:after {content:'';display:block;clear:both}
.pop_con .head .ttl {font-size:30px;font-weight:700;color:#333;line-height:1.2;letter-spacing:-0.04em}
.pop_con .cont {padding:0px 50px 0;background:#fff}
.pop_con .cont .ttl {font-size:19px;font-weight:700;color:#282525}
.pop_con .bottom {padding:30px 50px 50px;text-align:center;background:#fff;box-sizing:border-box;}
.pop_con .btns_group {box-sizing:border-box}
.pop_con .btns_group > div {display:inline-block;vertical-align:middle;}
.pop_con .btns_group > div a {width:auto;padding:0 30px;margin:0 4px;height:46px;line-height:46px;box-sizing:border-box;}
.pop_con .title_area {margin-top:25px}
.pop_con .title_area .brand {font-size:16px;font-weight:700}
.pop_con .title_area .ttl {font-size:24px;font-weight:700;color:#222}
.pop_con .edit_con {padding:30px 0}
.pop_con .edit_con .ttl {line-height:2em;font-size:16px;font-weight:700;color:#222}
.scrollbox {overflow:hidden;overflow-y:auto;padding-right:20px;-webkit-overflow-scrolling:touch}
.bg_dimm {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.8;filter:alpha(opacity=80);z-index:1000}


/* error*/
.error_wrap {text-align:center;padding:120px 0 170px;margin-top:120px;border-top:1px solid #c3c3c3;letter-spacing:-0.06em}
.error_wrap .ttl {padding-top:128px;font-size:32px;color:#000;line-height:44px;}
.error_wrap .ttl.ttl_nopage {background: url(/static_resources/images/junohair/ico_error01.png) no-repeat center 0;}
.error_wrap .ttl.ttl_author {background: url(/static_resources/images/junohair/ico_error02.png) no-repeat center 0;}
.error_wrap .ttl.ttl_temp {background: url(/static_resources/images/junohair/ico_error03.png) no-repeat center 0;}
.error_wrap .desc {margin-top:17px;font-size:16px;line-height:26px;color:#777}
.error_wrap .desc span {display:block}
.error_wrap .btns {margin-top:45px}
.error_wrap .btns a {margin:0 4px}
.error_wrap .ttl + .btns {margin-top:55px}
.error_wrap .web {display:block}
.error_wrap .mobile {display:none}

/* media_query */
@media all and (max-width:1440px){
	.fs_list{margin:30px 0 10px 0}
	.fs_list li{float: none;margin-left: 0;margin-bottom:23px}
	.terms{margin-top:30px}
	.footer_menu ul li{margin-left: 30px;}
	.header_btm .lnb{margin-left: 280px;}

	.header_btm h1 img {width:240px;height:auto;}
	.header_btm .lnb li {margin-left:32px}
	.header_btm .lnb li a {font-size:16px;}
	.scroll .header_btm .lnb li{height:50px;}
	.scroll .header_btm .lnb li a{margin-top: 10px;font-size:16px}
}
@media all and (max-width:1024px){
	#container{padding-top: 54px;}
	.header_btm{padding:10px 0}
	.header_btm .lnb{display: none}
	.header_btm .inner{text-align: left}
	.header_btm h1{top:5px;}
	.header_depth{display:none !important}
	.mobile_menu_btn{display:block;position:absolute;right:0;top:2px}
	
	.ft_left{float: none;text-align:center;margin-bottom: 30px;}
	.ft_left .family_site>img+.bar{display: block;margin:20px auto}
	.fs_list{margin:18px auto}
	.fs_list li{display: inline-block;margin-left: 23px;margin-bottom:0}
	.fs_list li:first-child{margin-left: 0;}
	.terms{margin-top: 0;}
	.term_list{display: inline-block;}
	.ft_right{float: none;text-align:center}
	.ft_rightTop ul{display: inline-block;}
	.fr_rightBottom{margin-top: 18px;}
	.fr_rightBottom strong{float: none;}
	.fr_rightBottom strong .bar{display: block;margin:20px auto;position: static}
	.fr_rightBottom ul{float: none;display: inline-block;}
	.footer_btm .inner strong{margin-right: 24px;}
	
	.pop_wrap .btn_popClose {right:35px;top:30px;background:url(/static_resources/images/junohair/btn_popclose_black.png) no-repeat center center;-webkit-background-size:24px auto;background-size:24px auto}

	/* error*/
	.error_wrap {padding:110px 0 127px;margin-top:54px;border-top:1px solid #c3c3c3}
	.error_wrap .ttl {padding-top:100px;font-size:23px;line-height:29px;}
	.error_wrap .ttl span {display:block;}
	.error_wrap .ttl.ttl_nopage {background: url(/static_resources/images/junohair/ico_error01_m.png) no-repeat center 0;-webkit-background-size:79px auto;background-size:79px auto;}
	.error_wrap .ttl.ttl_author {background: url(/static_resources/images/junohair/ico_error02_m.png) no-repeat center 0;-webkit-background-size:79px auto;background-size:79px auto;}
	.error_wrap .ttl.ttl_temp {background: url(/static_resources/images/junohair/ico_error03_m.png) no-repeat center 0;-webkit-background-size:79px auto;background-size:79px auto;}
	.error_wrap .desc {margin-top:17px;font-size:14px;line-height:20px}
	.error_wrap .desc em {display:block;}
	.error_wrap .btns {margin-top:24px}
	.error_wrap .btns a {margin:0 4px}
	.error_wrap .btns .btnbox_black {width:auto;padding:0 30px;height:42px;line-height:42px;}
	.error_wrap .ttl + .btns {margin-top:30px;}
	.error_wrap .web {display:none;}
	.error_wrap .mobile {display:block;}
}

@media all and (max-width:768px){
	#wrap {padding-bottom:0}
	.btn_data_more {margin-top:35px;}
	.btn_data_more a {width:85px;height:35px;line-height:35px;font-size:16px;}
	.check_type label {font-size:15px;}
	.btnbox_black {width:112px;height:40px;line-height:40px;font-size:16px;}
	.btnbox_line {width:112px;height:40px;line-height:40px;font-size:16px;}
	.btnbox_widauto {width:auto;padding:0 28px}
	
	.header_btm{padding:16px 0;height:54px;box-sizing:border-box;}
	.header_btm h1{position:absolute;top:4px}
	.header_btm h1 img{height:17px;width:auto;}
	.mobile_menu_btn{top:0px}
	.m_nav_open .mobile_menu_btn{top:-6px}
	.mobile_nav{top:54px}
	.footer_top{text-align: center}
	.footer_top .inner {width:100%;}
	.ft_left .family_site {margin-bottom:20px;border-bottom:1px solid #343434}
	.ft_left .family_site>img+.bar{display: block;margin:10px auto}
	.ft_left{float:none;display: inline-block;margin-bottom: 22px;}
	.fs_list{margin:30px 0 10px 0}
	.fs_list li{width:40%;margin-left: 0;margin-bottom: 20px;}
	.term_list li a{font-size:13px}
	
	.ft_rightTop ul{width:245px}
	.ft_rightTop ul li{margin-left: 5px;}
	.ft_rightTop ul li a{font-size:14px;width:74px;line-height: 33px;box-sizing: border-box;}
	.fr_rightBottom{margin-top: 22px;padding-bottom:0}
	.fr_rightBottom strong {display:none}
	.fr_rightBottom strong .bar{margin:10px auto}
	.fr_rightBottom ul{/* width: 230px; */}
	.fr_rightBottom ul li{margin-left: 4px;}
	.fr_rightBottom ul li a img{width:33px}

	.footer_btm{text-align: center}
	.footer_btm .inner strong{float: none;display:block;margin:0 10%}
	.footer_btm .inner strong img{width:120px}
	.footer_btm .inner .address{float:none;font-size:12px;margin-top: 10px;;display: block;margin:10px 5% 0 5%}
	.footer_btm .inner .emblem {float:none;;margin:20px auto 10px auto} 
	.footer_btm .inner .address span:after {left:inherit;right:-11px;top:3px;height:12px}
	.footer_btm .inner .address span:first-child:after {display:block}
	.footer_btm .inner .address p:nth-child(2) span:last-child:after {display:none}
	.footgotop {position:fixed;overflow:hidden;top:inherit;bottom:10px;right:20px;width:50px;height:50px;background: url(/static_resources/images/junohair/btn_top_m.png) no-repeat center center;-webkit-background-size:50px auto;background-size:50px auto;z-index:99}
	.sideBar{left: 0;right: 0;top: inherit;bottom: 0;width: 100%;border: 0;border-top: 1px solid #424242;}
	.sideBar ul {overflow: hidden}
	.sideBar ul li{float: left;width: 25%;border-top: 0;border-left: 1px solid #424242;height: 60px;}
	.sideBar ul li.top{display: none}
	.sideBar ul li:first-child{border-left: 0;}
	.sideBar li a span.img{margin-bottom: 4px;}
	.sideBar li a span.img img{width: 25px;}
	.sideBar li a span.txt{font-size:12px}
	
	.mobile_nav .lnb dd dl dd a{background: #e0e0e0;}
	.mobile_nav .lnb dd dl dd{border-bottom: 0;border-top: 1px solid #d7d7d7;}
	.mobile_nav .lnb dd a.depth2{background-repeat: no-repeat;background-image: url(/static_resources/images/junohair/sub/subMenu_arr_down.png);background-position: right 40px center;}	
	.mobile_nav .lnb dd a.depth2.active{background-image: url(/static_resources/images/junohair/sub/subMenu_arr_up.png);	}
	
	.pop_wrap .pop_con {width:100%;background:#fff;}
	.pop_wrap .btn_popClose {top:0;right:0;background:url(/static_resources/images/junohair/btn_popclose_black.png) no-repeat 5px 30px;-webkit-background-size:19px auto;background-size:19px auto;}
	.pop_con .head {padding:28px 25px 30px}
	.pop_con .head .ttl {font-size:22px}
	.pop_con .cont {padding:0 25px}
	.pop_con .btns_group:after {content:'';display:block;clear:both;}
	.pop_con .btns_group div {display:block;float:left;}
	.pop_con .btns_group div:first-child {width:30%;box-sizing:border-box;}
	.pop_con .btns_group div:last-child {width:70%;padding-left:4px;box-sizing:border-box;}
	.pop_con .btns_group > div a {width:100%;margin:0;padding:0;text-align:center;}
	.pop_con .bottom {padding:4px}
	


	
}

@media all and (max-width:500px){
	.mobile_nav .lnb li>strong{font-size:18px;line-height: 50px}
	.mobile_nav .lnb li>strong>a{font-size:18px;line-height: 50px}
	.mobile_nav .lnb dd a{display: block;background: #f5f5f5;line-height:35px;color:#555;font-size:14px;}
	
	.mobile_nav .gnb ul li{width: 50%;}
	.mobile_nav .gnb ul li:nth-child(3n+1){border-left: 1px solid #d7d7d7;}
	.mobile_nav .gnb ul li:nth-child(2n+1){border-left: 0;}
	.mobile_nav .gnb ul li:last-child{border-right: 1px solid #d7d7d7;}
	.mobile_nav .gnb ul li a{font-size:14px;line-height: 50px;height: 50px;}
	.mobile_nav .gnb ul li img.hair{height: 19px;margin-top: 15.5px;}
	.mobile_nav .gnb ul li img.academy{height: 15px;margin-top: 17.5px;}
	.mobile_nav .gnb ul li img.avenue{height: 18px;margin-top: 16px;}
	.mobile_nav .gnb ul li img.tria{height: 16px;margin-top: 17px;}
}