@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700&display=swap&subset=korean');
a,div,img,button,area,input,select,audio{outline:none;}

#wrap{position:relative;overflow:hidden;}
.container{text-align:center;}
.aside{display:none;margin:30px 0 80px 0;}
.show_aside .container{max-width:1100px;margin-left:auto;margin-right:auto;}
.show_aside .aside{display:block;float:left;width:17%;}
.show_aside .content{float:right;width:80%;}
.db{position:relative;max-width:1100px;margin:0 auto;text-align:left;}

.skip_navigation{position:relative;}
.skip_navigation a{position:absolute;display:block;top:-10000px;left:0;padding:10px 0;text-align:center;font-size:15px;line-height:15px;color:#fff;background:#000;}
.skip_navigation a:focus{position:static;top:0;}

.content{width:100%;margin:30px 0 80px 0;}
.content.no_margin{margin:0;}

.header .navi_wrap.color_back{border:none;}
.header .navi_wrap.color_back .nav_show_btn{border:none;}
.header .navi_wrap.color_back .nav_show_btn ul li{background:#fff;}
.header .navi_wrap.color_back .navi_box .s1 a{color:#fff !important;}

.header .navi_wrap .nav_show_box{position:absolute;top:0;left:0;z-index:31;width:80px;}
.header .navi_wrap .nav_show_btn{display:block;height:32px;padding-top:13px;text-align:center;font-size:15px;line-height:15px;font-weight:bold;cursor:pointer;
border-right:1px solid #efefef;border-left:1px solid #efefef;}
.header .navi_wrap .nav_show_btn ul{display:inline-block;}
.header .navi_wrap .nav_show_btn ul li{width:20px;height:3px;margin-top:3px;font-size:0;line-height:0;border-radius:8px;}
.header .navi_wrap .nav_show_btn span{display:block;margin-top:22px;color:#666;}

.header .navi_wrap .navi_box .navi .s1 a .mark{display:none;position:absolute;bottom:0;left:0;width:100%;height:3px;}
.header .navi_wrap .navi_box.mark .navi .s1_box:hover a .mark,
.header .navi_wrap .navi_box.mark .navi .s1.active a .mark{display:block;}
.header .navi_wrap .navi_box.mark .navi:hover .s1.active a .mark{display:none;}

.header .navi_wrap .navi_box .s2_wrap{display:none;}
.header .navi_wrap .navi_box .show_child{display:none;}

.header .navi_wrap .navi_box.sub_layer .navi .s1_box{position:relative;float:left;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_wrap{position:absolute;z-index:1;top:100%;left:0;width:100%;min-width:150px;}
.header .navi_wrap .navi_box.sub_layer .navi .s1_box:hover .s2_wrap,
.header .navi_wrap .navi_box.sub_layer .navi .s1_box.focused .s2_wrap{display:block;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_box{padding:6px 0;text-align:center;background:#fff;border:1px solid #ececec;border-top:none;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_box a{display:block;padding:7px 0;font-weight:bold;color:#191919;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_box a:hover{background:#f4f4f4;}
/*
.header .navi_wrap .navi_box.sub_layer2 .navi .s1_box{position:relative;float:left;}
.header .navi_wrap .navi_box.sub_layer2 .navi .s2_wrap{position:absolute;z-index:1;top:100%;left:0;width:100%;min-width:150px;}
.header .navi_wrap .navi_box.sub_layer2 .navi .s1_box:hover .s2_wrap{display:block;}
.header .navi_wrap .navi_box.sub_layer2 .navi .s2_box{padding:6px 0 6px 12px;text-align:left;border-top-style:solid;border-top-width:2px;background:#272727;}
.header .navi_wrap .navi_box.sub_layer2 .navi .s2_box a{display:block;padding:8px 0;color:#fff;font-weight:normal;}
.header .navi_wrap .navi_box.sub_layer2 .navi .s2_box .s2.active a,
.header .navi_wrap .navi_box.sub_layer2 .navi .s2_box a:hover{color:#efec03 !important;}

.header .navi_wrap .navi_box.sub_item_layer .navi .s2_wrap{position:absolute;z-index:2;top:45px;left:0;width:1100px;background:#fff;}
.header .navi_wrap .navi_box.sub_item_layer .navi .s1_box:hover .s2_wrap{display:block;}
.header .navi_wrap .navi_box.sub_item_layer .navi .s2_wrap .s2_inner_wrap{padding:20px;border:1px solid #ddd;border-top-color:#efefef;;overflow:hidden;}
.header .navi_wrap .navi_box.sub_item_layer .navi .s2_box{float:left;width:20%;}
.header .navi_wrap .navi_box.sub_item_layer .navi .s2_box .s2{padding:8px 0;}
.header .navi_wrap .navi_box.sub_item_layer .navi .s2_wrap .item_wrap{float:right;width:70%;overflow:hidden;}
.header .navi_wrap .navi_box.sub_item_layer .navi .s2_wrap .item_wrap .box{float:left;width:20%;}
.header .navi_wrap .navi_box.sub_item_layer .navi .s2_wrap .item_wrap .box .inner_box{display:block;padding:10px;}
.header .navi_wrap .navi_box.sub_item_layer .navi .s2_wrap .item_wrap .box .name_box{padding:10px 0;text-align:center;overflow:hidden;width:auto;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;word-wrap:normal;}

.header .navi_wrap .nav_layer{display:none;overflow:hidden;position:absolute;z-index:2;top:45px;left:0;width:1100px;background:#fff;}
.header .navi_wrap .nav_layer .navi{overflow:hidden;border:1px solid #ddd;}
.header .navi_wrap .nav_layer .navi a{display:block;}
.header .navi_wrap .nav_layer .navi a:hover{text-decoration:underline;}
.header .navi_wrap .nav_layer .navi .s1_box{display:block;float:left;width:20%;}
.header .navi_wrap .nav_layer .navi .s1_box:nth-child(5n+1){clear:left;}
.header .navi_wrap .nav_layer .navi .s1{padding:8px 0 8px 15px;font-size:14px;font-weight:bold;background:#f4f4f4;}
.header .navi_wrap .nav_layer .navi .s2_box{display:block;padding:6px 0 10px 15px;}
.header .navi_wrap .nav_layer .navi .s2_box a{padding:5px 0;color:#666;}
.header .navi_wrap .nav_layer .navi .s2_box a:hover{color:#333;font-weight:bold;}
.header .navi_wrap .nav_layer .navi .s3_wrap{display:none;}
.header .navi_wrap .nav_layer .navi .show_child{display:none;}
.header .navi_wrap .nav_layer .navi .item_wrap{display:none;}

.aside.type1 .navi{position:relative;}
.aside.type1 .navi .s_wrap{display:none;}
.aside.type1 .navi .s_wrap.act_wrap{display:block;}
.aside.type1 .navi .s{position:relative;}
.aside.type1 .navi .s a{display:block;text-align:left;color:#333338;}
.aside.type1 .navi .s1 a{padding:0 0 15px 10px;margin-bottom:8px;font-size:18px;font-weight:bold;text-align:left;color:#000 !important;border-bottom:3px solid #454548;background:none !important;}
.aside.type1 .navi .s2 a{padding:12px 0 10px 10px;font-weight:bold;border-top:1px solid #eee;}
.aside.type1 .navi .s2:nth-child(1) a{border-top:none;}
.aside.type1 .navi .s3_box{padding:0 0 6px 0;}
.aside.type1 .navi .s3 a{padding:8px 0 8px 10px;color:#767676;}
.aside.type1 .navi .s3 a:hover{font-weight:bold;}
.aside.type1 .navi .s4 a{padding:8px 0 8px 18px;color:#767676;}
.aside.type1 .navi .s4 a:hover{font-weight:bold;}
.aside.type1 .navi .show_child{display:block;position:absolute;top:1px;right:0;width:40px;height:15px;padding:10px 0;text-align:center;font-size:15px;font-weight:bold;cursor:pointer;}
.aside.type1 .navi .show_child:hover{background:#f0f0f0;}
.aside.type1 .navi .s1 .show_child{display:none;}

.aside.type2 .navi{position:relative;}
.aside.type2 .navi .s_wrap{display:none;}
.aside.type2 .navi .s_wrap.act_wrap{display:block;}
.aside.type2 .navi .s{position:relative;}
.aside.type2 .navi .s a{display:block;text-align:left;font-size:13px;line-height:13px;color:#333338;}
.aside.type2 .navi .s1 a{padding:16px 0 16px 10px;font-size:15px;line-height:15px;font-weight:bold;text-align:left;}
.aside.type2 .navi .s2_box{border:1px solid #e2e2e2;}
.aside.type2 .navi .s2 a{padding:13px 0 13px 10px;font-weight:bold;border-top:1px solid #f2f2f2;}
.aside.type2 .navi .s2 .mark{display:block;position:absolute;top:18px;right:14px;width:0;height:0;border-color:#999 transparent transparent transparent;border-width:4px;border-style:solid;}
.aside.type2 .navi .s2:first-child a{border-top:none;}
.aside.type2 .navi .s3 a{padding:8px 0 8px 10px;color:#787878;}
.aside.type2 .navi .s3 a:hover{background:#f4f4f4;}
.aside.type2 .navi .s4 a{padding:8px 0 8px 18px;color:#787878;}
.aside.type2 .navi .s4 a:hover{background:#f4f4f4;}
.aside.type2 .navi .show_child{display:block;position:absolute;top:0;right:0;width:40px;height:16px;padding:12px 0;text-align:center;font-size:16px;font-weight:bold;cursor:pointer;}
.aside.type2 .navi .show_child:hover{background:#eee;}
.aside.type2 .navi .s1 .show_child{display:none;}

.aside.type3 .navi{position:relative;}
.aside.type3 .navi .s_wrap{display:none;}
.aside.type3 .navi .s_wrap.act_wrap{display:block;}
.aside.type3 .navi .s{position:relative;}
.aside.type3 .navi .s a{display:block;text-align:left;color:#333338;}
.aside.type3 .navi .s1 a{position:relative;padding:64px 0 30px 12px;margin-bottom:8px;font-size:18px;font-weight:bold;text-align:left;}
.aside.type3 .navi .s1 a .line{position:absolute;top:45px;left:12px;display:inline-block;width:24px;height:1px;background:#fff;border:2px solid #fff;border-radius:2px;}
.aside.type3 .navi .s2_box{border:1px solid #e2e2e2;}
.aside.type3 .navi .s2 a{padding:13px 0 13px 10px;font-weight:bold;border-top:1px solid #f2f2f2;}
.aside.type3 .navi .s2 .mark{display:block;position:absolute;top:18px;right:14px;width:0;height:0;border-color:#999 transparent transparent transparent;border-width:4px;border-style:solid;}
.aside.type3 .navi .s2:first-child a{border-top:none;}
.aside.type3 .navi .s3 a{padding:8px 0 8px 10px;color:#787878;}
.aside.type3 .navi .s3 a:hover{background:#f4f4f4;}
.aside.type3 .navi .s4 a{padding:8px 0 8px 18px;color:#787878;}
.aside.type3 .navi .s4 a:hover{background:#f4f4f4;}
.aside.type3 .navi .show_child{display:block;position:absolute;top:0;right:0;width:40px;height:16px;padding:12px 0;text-align:center;font-size:16px;font-weight:bold;cursor:pointer;}
.aside.type3 .navi .show_child:hover{background:#eee;}
.aside.type3 .navi .s1 .show_child{display:none;}

.aside.type4 .navi{position:relative;}
.aside.type4 .navi .s_wrap{display:none;}
.aside.type4 .navi .s_wrap.act_wrap{display:block;}
.aside.type4 .navi .s{position:relative;}
.aside.type4 .navi .s a{display:block;text-align:left;color:#333338;}
.aside.type4 .navi .s1 a{position:relative;padding:64px 0 30px 12px;margin-bottom:8px;font-size:18px;font-weight:bold;text-align:left;}
.aside.type4 .navi .s1 a .line{position:absolute;top:45px;left:12px;display:inline-block;width:24px;height:1px;background:#fff;border:2px solid #fff;border-radius:2px;}
.aside.type4 .navi .s2 a{padding:14px 0 14px 12px;font-weight:bold;border-top:1px solid #fff;background:#EEF5FB;}
.aside.type4 .navi .s2.act a{background:#D2E2EF;}
.aside.type4 .navi .s2:nth-child(1) a{border-top:none;}
.aside.type4 .navi .s3_box{padding:0 0 6px 0;}
.aside.type4 .navi .s3 a{padding:8px 0 8px 12px;color:#767676;}
.aside.type4 .navi .s3 a:hover{font-weight:bold;}
.aside.type4 .navi .s4 a{padding:8px 0 8px 18px;color:#767676;}
.aside.type4 .navi .s4 a:hover{font-weight:bold;}
.aside.type4 .navi .show_child{display:block;position:absolute;top:1px;right:0;width:40px;height:15px;padding:13px 0;text-align:center;font-size:15px;font-weight:bold;cursor:pointer;}
.aside.type4 .navi .show_child:hover{background:#f0f0f0;}
.aside.type4 .navi .s1 .show_child{display:none;}
*/

@media screen and (max-width:1099px) {
.aside{margin:0;}
.show_aside .aside{display:none;float:none;width:100%;background:#fff;}
.show_aside .content{float:none;width:100%;margin:0;}
.db{max-width:100%;margin:0;}

.header .mobile_top.basic{height:55px !important;margin-bottom:0 !important;overflow:visible !important;background:#fff !important;}
.header .mobile_top.basic .db{position:fixed !important;z-index:1001;top:0;width:100%;text-align:center;border-bottom:1px solid #f4f4f4;background:#fff;}

.header .mobile_top.basic .mobile_nav_show_btn{float:left;width:20%;height:54px;cursor:pointer;}
.header .mobile_top.basic .mobile_nav_show_btn div.box_wrap{text-align:center;}
.header .mobile_top.basic .mobile_nav_show_btn div.box{display:inline-block;margin-top:9px;}
.header .mobile_top.basic .mobile_nav_show_btn ul{display:inline-block;margin-top:6px;}
.header .mobile_top.basic .mobile_nav_show_btn ul li{display:block;width:19px;height:3px;margin-top:4px;border-radius:8px;background:#ababab;}

.header .mobile_top.basic .logo_mobile{float:left;width:60%;height:54px;line-height:54px;margin:0;text-align:center;font-weight:bold;}
.header .mobile_top.basic .logo_mobile img{max-height:52px;vertical-align:middle;}
.header .mobile_top.basic .logo_mobile .txt{font-size:28px;}

.header .mobile_top.basic .open_search_btn{position:relative;float:right;width:20%;cursor:pointer;}
.header .mobile_top.basic .open_search_btn div.box_wrap{text-align:center;}
.header .mobile_top.basic .open_search_btn div.box{display:inline-block;position:relative;width:30px;height:30px;margin-top:15px;}
.header .mobile_top.basic .open_search_btn span:nth-child(1){display:block;position:absolute;z-index:2;top:0;left:0;width:16px;height:16px;border-radius:10px;border:2px solid #ababab;background:#fff;}
.header .mobile_top.basic .open_search_btn span:nth-child(2){display:block;position:absolute;z-index:1;top:12px;left:17px;width:6px;height:16px;border-radius:6px;background:#ababab;
transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.header .mobile_top.basic .open_search_btn_act span:nth-child(1){border-color:#418ccc;}
.header .mobile_top.basic .open_search_btn_act span:nth-child(2){background:#418ccc;}

.header .mobile_nav_layer{position:absolute;z-index:1002;top:0;left:-100%;width:85%;text-align:left;background:#292929;}
.header .mobile_nav_layer .inner_box{padding:10px 5px 5px 5px;}
.header .mobile_nav_layer .navi{background:#292929;}
.header .mobile_nav_layer .navi.line_top{padding:4px 0;margin:4px 0;border-top:1px solid #414141;}
.header .mobile_nav_layer .navi.line_bot{padding:4px 0;margin:4px 0;border-bottom:1px solid #414141;}
.header .mobile_nav_layer .navi .s{position:relative;}
.header .mobile_nav_layer .navi .s a{display:block;text-align:left;color:#fff;font-weight:bold;}
.header .mobile_nav_layer .navi .s.color a{color:#F8F526;}
.header .mobile_nav_layer .navi .s.active a{color:#fff !important;}
.header .mobile_nav_layer .navi .s_wrap{display:none;}
.header .mobile_nav_layer .navi .s2_box{padding:5px 0;}
.header .mobile_nav_layer .navi .show_child{display:block;position:absolute;top:0;right:0;width:50px;height:22px;line-height:22px;padding:5px 0 7px 0;text-align:center;
font-size:22px;color:#fff !important;font-weight:bold;}
.header .mobile_nav_layer .navi .s1 a{height:18px;line-height:18px;padding:12px 50px 12px 15px;font-size:18px;}
.header .mobile_nav_layer .navi .s1 .show_child{padding:10px 0 10px 0;line-height:18px;}
.header .mobile_nav_layer .navi .s2 a{height:14px;padding:10px 50px 10px 24px;font-size:14px;color:#ccc;}
.header .mobile_nav_layer .navi .s3 a{height:14px;padding:10px 50px 10px 36px;font-size:14px;color:#ccc;}
.header .mobile_nav_layer .navi_layer_back{position:fixed;z-index:-1;top:0;left:85%;width:15%;height:200%;background:#333;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.header .mobile_nav_layer .navi_layer_close_btn{position:fixed;top:34px;right:0;width:15%;padding:.8em 0;text-align:center;font-size:2em;color:#fff;font-weight:bold;}
.header .mobile_nav_layer .navi_show_all_name{display:none;}

.header .mobile_nav_layer .quick_navi{margin-top:1.2em;overflow:hidden;background:#2F3334;}
.header .mobile_nav_layer .quick_navi li{float:left;width:50%;}
.header .mobile_nav_layer .quick_navi li a{display:block;padding:1.3em;color:#fff;font-weight:bold;border-bottom:1px solid #2E3236;border-left:1px solid #2E3236;background:#383C40;}
.header .mobile_nav_layer .quick_navi li:nth-child(even) a{border-right:1px solid #2E3236;}

.header .navi_wrap_outer{display:none;}
.header .navi_wrap{height:auto;padding:0;margin:0;border:none;}

.aside.type1 .navi{margin-bottom:1em !important;}
.aside.type1 .navi dt{position:relative;}
.aside.type1 .navi dt a{display:block;height:14px;padding:15px 50px 15px 15px !important;text-align:left;font-size:14px !important;border-bottom:1px solid #e6e6e6 !important;}
.aside.type1 .navi dt .show_child{display:block;position:absolute;top:0;right:0;width:50px;height:21px;padding:11px 0 12px 0;text-align:center;font-size:21px;color:#418ccc;font-weight:bold;
border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;background:#f6f6f6;}
.aside.type1 .navi dd{display:none;}
.aside.type1 .navi .s1{display:none;}
.aside.type1 .navi .s1 a{color:#454545;background:none;}
.aside.type1 .navi .s2_box{border:none;}
.aside.type1 .navi .s2 a{background:#fff;border:none;}
.aside.type1 .navi .s3 a{padding-left:2em !important;background:#f8f8f8;}
.aside.type1 .navi .s3_box a:hover,
.aside.type1 .navi .s3_box .act a{color:#454545;background:#f8f8f8;}
.aside.type1 .navi .mark{display:none;}

.aside.type2 .navi{margin-bottom:1em !important;}
.aside.type2 .navi dt{position:relative;}
.aside.type2 .navi dt a{display:block;height:14px;padding:15px 50px 15px 15px !important;text-align:left;font-size:14px !important;border-bottom:1px solid #e6e6e6 !important;}
.aside.type2 .navi dt .show_child{display:block;position:absolute;top:0;right:0;width:50px;height:21px;padding:11px 0 12px 0;text-align:center;font-size:21px;color:#418ccc;font-weight:bold;
border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;background:#f6f6f6;}
.aside.type2 .navi dd{display:none;}
.aside.type2 .navi .s1{display:none;}
.aside.type2 .navi .s1 a{color:#454545;background:none;}
.aside.type2 .navi .s2_box{border:none;}
.aside.type2 .navi .s2 a{background:#fff;border:none;}
.aside.type2 .navi .s3 a{padding-left:2em !important;background:#f8f8f8;}
.aside.type2 .navi .s3_box a:hover,
.aside.type2 .navi .s3_box .act a{color:#454545;background:#f8f8f8;}
.aside.type2 .navi .mark{display:none;}

.aside.type3 .navi .s1{display:none;}

.aside.type4 .navi .s1{display:none;}
}

@media screen and (max-width:767px) {
.content{margin:0 0 30px 0;}
}

.display_type80 .col-wrap{width:1200px;margin:0 auto;overflow:hidden;}
.display_type80 .academy-man{float:left;width:25%;margin:50px 0 0 120px;}
.display_type80 .academy-text{position:relative;float:right;width:65%;}
.display_type80 .academy-text h1{font-size:21px;margin:80px 0 0 30px;}
.display_type80 .academy-text .red-line{position:absolute;top:120px;left:0;width:360px;height:2px;background:#871E1B;border-top:1px solid #e6e6e6;}
.display_type80 .academy-text .academy-text2{margin:80px 0 0 30px;}
.display_type80 .academy-text .academy-text2 h2{font-size:21px;line-height:27px;}
.academy-best{text-align:center;width:135%;margin:0 0 0 0;margin:0 auto;}
.display_type81 .img-box-inside{text-align:center;}
.display_type81 .box{position:relative;}
.display_type81 .box:before{content:'';position:absolute;top:10%;right:0;width:1px;height:80%;background:#777777;}
.display_type81 .box:last-child:before{display:none;}
.display_type81{padding:50px 0 0 0;}

.address{text-align:center;font-size:20px;font-weight:bold;margin-top:110px;}

.barber-members{margin:0 0 50px 0;}
.barber-members .title{text-align:center;font-size:20px;font-weight:bold;}
.barber-members .title2{text-align:center;font-size:20px;font-weight:bold;margin-top:50px;}
.barber-members .image-wrap{margin-top:30px;overflow:hidden;}
.barber-members .image{float:left;width:20%;}
.barber-members .image .image-inside{margin:0 10px;text-align:center;}
.barber-members .image .image-inside img{margin-bottom:15px;}
.barber-members .image .role{font-size:15px;font-weight:bold;}
.barber-members .image .name{font-size:20px;font-weight:bold;}

.baber-hair{width:85%;margin:0 auto;}
.baber-best{width:80%;margin:50px 10px;margin:0 auto;}
.baber-promotion{width:80%;margin:0 auto;}

/*
.display_type69 .left-wrap{display:inline-block;width:240px;vertical-align:middle;}
.display_type69 .right-wrap{display:inline-block;width:360px;margin-left:50px;vertical-align:middle;}
*/

.insta-ico{float:right;width:4%;margin:0 auto;margin: 0 93px 20px 0;}
.facebook-ico{float:right;width:4%;margin:0 auto;margin: 0 10px 0 0;}
.naver-ico{float:right;width:4%;margin:0 auto;margin: 0 10px 20px 0;}
.gallery{text-align:left;font-size:20px;font-weight:bold;margin: 10px 0 0 93px;}
.baber-line{margin: 50px 0 0 0;}

.display_type68{margin-top:70px;text-align:center;}
.display_type68 .left-wrap{display:inline-block;width:200px;vertical-align:middle;}
.display_type68 .right-wrap{display:inline-block;width:320px;margin-left:100px;vertical-align:middle;}


.barber-members .insta-image{margin: 50px 0 10px 0;}
.barber-members .insta-image{text-align:center;}
.barber-members .insta-image img{width:130px;}
.barber-members .insta-name{text-align:center;font-size:20px;font-weight:bold;}
.display_type61 .display{width:80%;margin:0 auto;}

.baber-gallery{width:85%;margin: 30px 0 30px 90px;}


.academy-intro{padding:50px 0 50px 0;text-align:center;font-size:22px;line-height:32px;}

.display_type55.display_img .box_wrap .box .box-inside{padding:0 5px 0 5px;}

.display_item.tp_grid.it .box .box-inside{border:1px solid #eee;background:#fff;}
.display_item.it.item-2-0-0 .grid_wrap .box .img_box{padding-bottom:75%;}
.display_item.it.item-2-0-0 .grid_wrap .box .basic-d-22{padding:12px 0 0 12px;color:#418ccc;}
.display_item.it.item-2-0-0 .grid_wrap .box .basic-d-24{height:54px;line-height:18px;padding:12px 0 12px 12px;color:#787878;overflow:hidden;}

.cate_view_wrap{margin-top:120px;}
.display_group .cate_view_wrap{margin-top:0;}

.forum-form{margin-top:120px;}
.forum-view{margin-top:120px;}
.modal-dialog .forum-form{margin-top:0;}
.item-view .entry-content.template-basic{margin-top:50px;}

.display_item.tp_list.it .col2 .d-22{margin-top:6px;line-height:1.5;color:#616161;}
.display_item.tp_list.it .col2 .d-24{margin-top:6px;line-height:1.5;color:#616161;}

.display_type22 .img-box{position:relative;height:0;padding-bottom:100%;}
.display_type22 .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;}

.db{max-width:1200px;}

.header .navi_wrap_outer{position:fixed;z-index:1002;top:0;left:0;width:100%;height:77px;background:rgba(0,0,0,0.8);}
.header .navi_wrap .db{position:relative;z-index:30;}
.header .navi_wrap .logo{display:block;float:left;margin:27px 0 0 0;}
.header .navi_wrap .navi_box{position:relative;z-index:1;float:right;}
.header .navi_wrap .navi_box .s1_box{float:left;}
.header .navi_wrap .navi_box .s1 a{display:block;position:relative;height:15px;padding:32px 24px 30px 24px;text-align:center;font-weight:bold;color:#fff;font-size:15px;line-height:15px;}
.header .navi_wrap .navi_box .s1_box.active .s1 a,
.header .navi_wrap .navi_box .s1 a:hover{color:#ffd700 !important;text-decoration:underline;}
.header .navi_wrap .navi_box .s2_wrap{display:none;}
.header .navi_wrap .navi_box .show_child{display:none;}

/*
.header .navi_wrap .navi_box.sub_layer .navi .s2_wrap{top:47px;min-width:420px;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_box{text-align:left;background:rgba(0,0,0,0.5);border:none;box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.header .navi_wrap .navi_box.sub_layer .navi .s2_box a{padding:8px 0 8px 14px;color:#fff;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_box a:hover{color:#ffd700 !important;background:none;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_wrap .s_box{background:none;overflow:hidden;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_wrap .s2{float:left;margin-right:6px;}
.header .navi_wrap .navi_box.sub_layer .s1_box:nth-child(7) .s2_wrap{left:-100px;}
.header .navi_wrap .navi_box.sub_layer .s1_box.active .s2_wrap{display:block;}
*/

.header .navi_wrap .navi_box.sub_layer .navi .s2_box{padding:2px 0 10px 0;background: rgba(0,0,0,0.8);border:none;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_box a{color:#fff;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_box a:hover{color:#ffd700 !important;background:none;}
.header .navi_wrap .navi_box.sub_layer .s1_box:nth-child(5) .s2_wrap{left:-30px;}

.aside .cs_wrap{margin-top:10px;text-align:left;border:1px solid #ddd;border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-bottom:1px solid #ddd;}
.aside .cs_wrap .title{padding:15px 0 20px 10px;font-size:19px;font-weight:bold;line-height:19px;border-bottom:1px solid #ddd;}
.aside .cs_wrap .desc{padding:15px 10px 0 10px;}
.aside .cs_wrap .desc .tel{font-size:17px;font-weight:bold;}
.aside .cs_wrap .desc .office_hours{padding:10px 0;line-height:19px;}
.aside .cs_wrap .inquiry{display:block;padding:17px 10px;font-size:15px;border-top:1px solid #ddd;}
.aside .display_img_wrap img{margin-top:10px;}

.content_left_end_box{position:absolute;z-index:20;top:0;left:-120px;width:110px;}
.content_right_end_box{position:fixed;z-index:20;top:120px;right:120px;}
.content_right_end_box .img-box{margin-bottom:5px;}

.footer{background:#000;padding-bottom:50px;padding-top: 20px; margin:0 auto;text-align:center; position: relative;line-height:18px;font-size:14px;}
.footer h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.footer #ft_link{padding:15px 0;border-bottom:1px solid #eee}
.footer #ft_link a{;display:inline-block;padding:0 8px;line-height:1.083em;font-weight:bold}
.footer #ft_catch{margin:20px 0 10px; padding-bottom: 15px;}
.footer #ft_copy{color:#c9c9c9;font-size:0.92em}

.bbs{padding-bottom:30px;}

.bbs.bbs_8 .list_gallery .box-wrap .box .img-box{padding-bottom:160%;}
.bbs.bbs_10 .list_gallery .box-wrap .box .img-box{padding-bottom:100%;}

.wrap.bbs_view .content.no_margin .bbs .view_basic{margin-top:90px;}

.page_top .img_title_box{width: 100%; background:url('../../../../../storage/upload/display/2019/10/3e36bc3a17b7ee92e10e8ff42354570a.jpg'); background-repeat: no-repeat; background-position: 50% top; height: 336px; text-align: center;}
.page_top .img_title_box .img_title{padding-top: 180px; color: #fff;}
.page_top .img_title_box .img_title h1{font-size: 32px; font-family:'Nanum Myeongjo'; text-transform: uppercase;}
.page_top .img_title_box .img_title h2{font-size: 16px; font-family:'Malgun Gothic' ; font-weight: 200; letter-spacing: -1px;}
.page_top .img_title_box .img_title .line{background: #fff; width: 50px; height: 1px; margin: 10px auto; }

.display_type77 .page_top .img_title_box{width: 100%; background:url('../../../../../storage/upload/none/2021/01/2cad6a122212ad79775edcc2550a1af8.jpg'); background-repeat: no-repeat; background-position: 50% top; height: 700px; text-align: center;}

.page_top .root_title{max-width: 1200px; margin: 0 auto; text-align: right; border-bottom: 1px solid #000; padding: 50px 0 15px 0;}
.page_top .root_title h1{font-size:20px;line-height:20px;overflow:hidden; font-family:'Nanum Myeongjo'}

.page_top .root_text{text-align: left; margin-bottom: 50px; padding-top: 50px;}
.page_top .root_text h1{font-size: 42px; font-family:'Nanum Myeongjo'; line-height: 50px; }
.page_top .root_text h1 span{font-size: 52px; margin-left: 100px;}
.page_top .root_text h1 b{font-size: 52px;}
.page_top .root_text .root_text_line{padding: 30px 10px;}

.company #ctt_con {padding:50px 0;line-height:1.6em; max-width: 1200px; margin: 0 auto; min-height: 500px; margin-bottom: 50px;}
.company #ctt_con .man{max-width:318px; display: inline-block;}
.company #ctt_con .text{float: right; padding-right: 30px; text-align: left; max-width: 780px;}
.company #ctt_con .text h1{font-size: 42px; font-family:'Nanum Myeongjo'; line-height: 44px;}
.company #ctt_con .text h1 span{font-size: 52px;}
.company #ctt_con .text h2{font-size: 22px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; padding-bottom: 30px;}
.company #ctt_con .text p{font-size: 18px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; font-weight: 200;}
.company #ctt_con .text p b{font-weight: 600;}
.company #ctt_con .line{padding: 30px 10px;}

.company #ctt_con img{max-width:100%;height:auto}
.company .ctt_img {text-align:center}

.company #ctt .crewtitle {max-width: 1200px; margin: 0 auto; text-align: center;  padding: 80px 0 30px 0;}
.company #ctt .crewtitle h1 {font-size:40px;line-height:45px;overflow:hidden; font-family:'Nanum Myeongjo'; letter-spacing: -1px;}
.company #ctt .crewtitle .line{background: #333; width: 50px; height: 1px; margin: 10px auto; }

.company #ctt_con2 {padding:0px 0px;line-height:1.6em;  margin: 0 auto; }
.company #ctt_con2 .crew{text-align: center;}
.company #ctt_con2 .crew img{width: 16.66%; float: left;}

.brand #ctt_con {padding:50px 0;line-height:1.6em; max-width: 1200px; margin: 0 auto; min-height: 500px; margin-bottom: 50px;}

.brand #ctt_con .man{max-width:318px; display: inline-block;}
.brand #ctt_con .text{float: right; padding-right: 30px; text-align: left; max-width: 780px;margin-bottom: 50px; width: 100%;}
.brand #ctt_con .text h1{font-size: 42px; font-family:'Nanum Myeongjo'; line-height: 44px;}
.brand #ctt_con .text h1 span{font-size: 52px;}
.brand #ctt_con .text h2{font-size: 22px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; padding-bottom: 30px;}
.brand #ctt_con .text p{font-size: 18px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; font-weight: 200;}
.brand #ctt_con .text p b{font-weight: 600;}


.brand #ctt_con .man2{max-width:318px; display: inline-block;}
.brand #ctt_con .text2{float: left; padding-right: 50px; text-align: left; max-width: 780px;margin-bottom: 50px; padding-left: 50px; margin-top: 50px; }
.brand #ctt_con .text2 h1{font-size: 42px; font-family:'Nanum Myeongjo'; line-height: 44px;}
.brand #ctt_con .text2 h1 span{font-size: 52px;}
.brand #ctt_con .text2 h2{font-size: 22px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; padding-bottom: 30px;}
.brand #ctt_con .text2 p{font-size: 18px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; font-weight: 200;}
.brand #ctt_con .text2 p b{font-weight: 600;}

.brand #ctt_con .man3{max-width:318px; display: inline-block;}
.brand #ctt_con .text3{float: right; padding-right: 30px; text-align: left; max-width: 780px;margin-bottom: 50px;  margin-top: 50px; width: 100%;}
.brand #ctt_con .text3 h1{font-size: 42px; font-family:'Nanum Myeongjo'; line-height: 44px;}
.brand #ctt_con .text3 h1 span{font-size: 52px;}
.brand #ctt_con .text3 h2{font-size: 22px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; padding-bottom: 30px;}
.brand #ctt_con .text3 p{font-size: 18px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; font-weight: 200;}
.brand #ctt_con .text3 p b{font-weight: 600;}

.brand #ctt_con .line{padding: 30px 10px;}

.brand #ctt_con img{max-width:100%;height:auto}
.brand .ctt_img {text-align:center}

.brand #ctt .crewtitle {max-width: 1200px; margin: 0 auto; text-align: center;  padding: 100px 0 30px 0;}
.brand #ctt .crewtitle h1 {font-size:40px;line-height:45px;overflow:hidden; font-family:'Nanum Myeongjo'; letter-spacing: -1px;}
.brand #ctt .crewtitle .line{background: #333; width: 50px; height: 1px; margin: 10px auto; }

.brand #ctt_con2 {padding:0px 0px;line-height:1.6em;  margin: 0 auto; }
.brand #ctt_con2 .crew{text-align: center;}
.brand #ctt_con2 .crew img{width: 16.66%; float: left;}

.brandstory #ctt_con {padding:50px 0;line-height:1.6em; max-width: 1200px; margin: 0 auto; min-height: 500px; margin-bottom: 50px;}
.brandstory #ctt_con .man{max-width:318px; display: inline-block;}
.brandstory #ctt_con .text{float: right; padding-right: 30px; text-align: left; max-width: 780px;margin-bottom: 50px;}
.brandstory #ctt_con .text h1{font-size: 42px; font-family:'Nanum Myeongjo'; line-height: 44px;}
.brandstory #ctt_con .text h1 span{font-size: 52px;}
.brandstory #ctt_con .text h2{font-size: 22px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; padding-bottom: 30px;}
.brandstory #ctt_con .text p{font-size: 18px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; font-weight: 200;}
.brandstory #ctt_con .text p b{font-weight: 600;}
.brandstory #ctt_con .line{padding: 30px 10px;}

.brandstory #ctt_con img{max-width:100%;height:auto}
.brandstory .ctt_img {text-align:center}

.brandstory #ctt .crewtitle {max-width: 1200px; margin: 0 auto; text-align: center;  padding: 100px 0 30px 0;}
.brandstory #ctt .crewtitle h1 {font-size:40px;line-height:45px;overflow:hidden; font-family:'Nanum Myeongjo'; letter-spacing: -1px;}
.brandstory #ctt .crewtitle .line{background: #333; width: 50px; height: 1px; margin: 10px auto; }

.brandstory #ctt_con2 {padding:0px 0px;line-height:1.6em;  margin: 0 auto; }
.brandstory #ctt_con2 .crew{text-align: center;}
.brandstory #ctt_con2 .crew img{width: 16.66%; float: left;}

.franchise #ctt_con {padding:50px 20px;line-height:1.6em; max-width: 1200px; margin: 0 auto; min-height: 950px; margin-bottom: 50px;}
.franchise #ctt_con .man{max-width:318px; display: inline-block;}
.franchise #ctt_con .text{float: right; padding-right: 30px; text-align: left; max-width: 780px;margin-bottom: 50px;}
.franchise #ctt_con .text h1{font-size: 42px; font-family:'Nanum Myeongjo'; line-height: 44px;}
.franchise #ctt_con .text h1 span{font-size: 52px;}
.franchise #ctt_con .text h2{font-size: 22px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; padding-bottom: 30px;}
.franchise #ctt_con .text p{font-size: 18px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; font-weight: 200;}
.franchise #ctt_con .text p b{font-weight: 600;}
.franchise #ctt_con .line{padding: 30px 10px;}

.franchise #ctt_con img{max-width:100%;height:auto}
.franchise .ctt_img {text-align:center}

.franchise #ctt .crewtitle {max-width: 1200px; margin: 0 auto; text-align: center;  padding: 100px 0 30px 0;}
.franchise #ctt .crewtitle h1 {font-size:40px;line-height:45px;overflow:hidden; font-family:'Nanum Myeongjo'; letter-spacing: -1px;}
.franchise #ctt .crewtitle .line{background: #333; width: 50px; height: 1px; margin: 10px auto; }

.franchise #ctt_con2 {background:url('../../../../../storage/upload/display/2019/11/361f64d9d24cfa2ef2fe7c1592d7015b.jpg'); background-repeat: no-repeat; background-position: 50% top; padding:50px 20px;line-height:1.6em; margin: 0 auto; min-height: 500px; margin-bottom: 0px; text-align: center;}
.franchise #ctt_con2 h1{font-size: 42px; font-family:'Nanum Myeongjo'; line-height: 44px; color: #fff;padding: 15px 0;}
.franchise #ctt_con2 h2{font-size: 18px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; padding-bottom: 50px; color: #fff; font-weight: 200;}

.franchise form{max-width: 800px; margin: 0 auto;}
.franchise .text01{width: 30%; max-width: 193px; height: 50px; margin: 15px; padding: 10px;}
.franchise .text02{width: 100%; max-width: 650px; height: 140px; padding: 10px;}

.barbershop #ctt_con {padding:50px 0;line-height:1.6em; max-width: 1200px; margin: 0 auto; min-height: 500px; margin-bottom: 50px;overflow:hidden;}
.barbershop #ctt_con .man{max-width:580px; display: inline-block;}
.barbershop #ctt_con .text{float: right; text-align: left; max-width: 530px;}
.barbershop #ctt_con .text h1{font-size: 42px; font-family:'Nanum Myeongjo'; line-height: 50px; }
.barbershop #ctt_con .text h1 span{font-size: 52px; margin-left: 100px;}
.barbershop #ctt_con .text h2{font-size: 22px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; padding-bottom: 30px; font-weight: 200;}
.barbershop #ctt_con .text h3{font-size: 25px; font-family:'Malgun Gothic' ; line-height: 33px; letter-spacing: -1px; padding-bottom: 30px; padding-top: 30px;}
.barbershop #ctt_con .text h3 span{ text-decoration:underline;}
.barbershop #ctt_con .text p{font-size: 18px; font-family:'Malgun Gothic' ; line-height: 26px; letter-spacing: -1px; font-weight: 200;}
.barbershop #ctt_con .text p b{font-weight: 600;}
.barbershop #ctt_con .line{padding: 30px 10px;}

.barbershop #ctt_con img{max-width:100%;height:auto}
.barbershop .ctt_img {text-align:center}

.barbershop #ctt .crewtitle {max-width: 1200px; margin: 0 auto; text-align: center;  padding: 100px 0 30px 0;}
.barbershop #ctt .crewtitle h1 {font-size:40px;line-height:45px;overflow:hidden; font-family:'Nanum Myeongjo'; letter-spacing: -1px;}
.barbershop #ctt .crewtitle .line{background: #333; width: 50px; height: 1px; margin: 10px auto; }

.barbershop #ctt_con2 {padding:0px 0px;line-height:1.6em;  margin: 0 auto; }
.barbershop #ctt_con2 .crew{text-align: center;}
.barbershop #ctt_con2 .crew img{width: 16.66%; float: left;}

@media screen and (max-width:1099px) {
.wrap .container .navi_title{background:#000 !important;}
.header{position:relative;}
.header .gnb{display:none;}

.header .logo_mobile img{height:42px;}

.footer{padding:.5em 0 55px 0;border-top:1px solid #ececec;background:#fff;}
.footer .navi_section{padding:0;margin:8px;background:#000;}
.footer .navi_section ul.navi{float:none;width:100%;padding:0;}
.footer .navi_section ul.navi li{float:left;width:50%;}
.footer .navi_section ul.navi li a{display:block;position:relative;padding:1.2em 1em !important;color:#f2f2f2;font-weight:normal;border-top:1px solid #999;}
.footer .navi_section ul.navi li a:after{position:absolute;top:1.1em;right:1.5em;content:'>';font-size:1em;color:#ccc;font-weight:bold;}
.footer .navi_section ul.navi li:nth-child(odd) a{border-right:1px solid #999;}
.footer .navi_section ul.navi li:nth-child(1) a,
.footer .navi_section ul.navi li:nth-child(2) a{border-top:none;}
.footer .navi_section .btn_top_box{display:none;}
.footer .txt_section{padding:15px;margin:8px;}
.footer .info_wrap{float:none;width:100%;}
.footer .tel_wrap{float:none;width:100%;margin-top:20px;}

.media1_nv{position:fixed;z-index:1001;bottom:0;left:0;overflow:hidden;width:100%;height:55px;text-align:center;background:#000;}
.media1_nv li{float:left;width:25%;padding:11px 0;}
.media1_nv li a{display:block;position:relative;height:33px;}
.media1_nv li a img{width:18px;height:18px;margin-bottom:4px;}
.media1_nv li a .txt{height:11px;font-size:10px;line-height:11px;color:#fff;}
.media1_nv li a .cnt_box{display:inline-block;position:absolute;top:0;left:50%;width:18px;height:12px;padding:3px 0;margin-left:7px;font-size:12px;line-height:12px;color:#fff;
background:#FF0210;border-radius:11px;}

.list_bottom_btn{margin:1.2em .6em 1.2em 0;}
.list_bottom_btn .btn{padding:.7em 1.5em;}

.company #ctt_con2 .crew img{width:50%;}
}

@media screen and (max-width:767px) {
.brand #ctt_con{padding:0 15px;}
.brand #ctt_con .text{float: none; padding:0;}
.brand #ctt_con .text2{float: none; padding:0;}
.brand #ctt_con .text3{float: none; padding:0;}

.barber-members .image .name{font-size:13px;font-weight:bold;}
.barber-members .image .role{font-size:10px;font-weight:bold;}
.barber-members .insta-image img{width:110px;}
.barber-members .insta-name{text-align:center;font-size:15px;font-weight:bold;}

.barber-members .image-wrap{margin-top:30px;overflow:hidden;}
.barber-members .image{float:left;width:50%;margin-bottom:15px;}
.barber-members .image .image-inside{margin:0 10px;text-align:center;}
.barber-members .image .image-inside img{width:100%;margin-bottom:5px;}
.barber-members .image .role{font-size:11px;font-weight:bold;}
.barber-members .image .name{font-size:13px;font-weight:bold;}

.display_type68{margin-top:30px;text-align:center;}
.display_type68 .left-wrap{display:inline-block;width:60px;vertical-align:middle;}
.display_type68 .right-wrap{display:inline-block;width:180px;margin-left:50px;vertical-align:middle;}
.baber-gallery{width:85%;margin: 30px 0 30px 30px;}
.baber-line{margin: 30px 0 0 0;}

.baber-price{width:125%;margin:0 auto;}

.insta-ico{float:right;width:10%;margin:0 auto;margin: 0 30px 20px 0;}
.facebook-ico{float:right;width:10%;margin:0 auto;margin: 0 10px 0 0;}
.naver-ico{float:right;width:10%;margin:0 auto;margin: 0 10px 20px 0;}
.gallery{text-align:left;font-size:20px;font-weight:bold;margin: 0 0 0 33px;}

.brandstory #ctt_con{padding:0 15px;}
.brandstory #ctt_con .text{float: none; padding:0;}

.barbershop #ctt_con .text{float: none;margin:0 14px 14px 14px;}

.barbershop #ctt_con .text h2{font-size: 18px; font-family:'Malgun Gothic' ; line-height: 30px; letter-spacing: -1px; padding-bottom: 30px; font-weight: 200;}
.barbershop #ctt_con .text p{font-size: 15px; font-family:'Malgun Gothic' ; line-height: 26px; letter-spacing: -1px; font-weight: 200;}
}