@charset "utf-8";

.main_v{text-align:center;}
.main_v img{width:100%;}

header{position:fixed;left:0;top:0;width:100%;z-index:3;}
.top_container{background:#FFF;}
.top_inner{max-width:1600px;height:100px;margin: 0 auto;display:flex;justify-content:space-between;align-items:center;}
.top_inner .side_a{}
.top_inner .side_a ul{display:flex;}
.top_inner .side_a ul li{}
.top_inner .side_a ul li a{padding:0 13px;font-size:14px;color:#FFF;height:40px;line-height:1.2;text-align:center;display:flex;justify-content:center;align-items:center;}
.top_inner .side_a ul li a.a_1{background:#A90056;}
.top_inner .side_a ul li a.a_2{background:#5297B4;}
.top_inner .side_a ul li a.a_3{background:#C27F3D;}
.top_inner .side_a ul li a.a_4{background:#86775C;}
.top_inner .side_a ul li a.a_5{background:#595757;}
.top_inner .side_a ul li a.a_6{background:#901D3B;}
.top_inner .side_b{display:flex;}

.logo{}
.logo a{display:flex;align-items:center;}
.logo a img{}
.logo a span{display:inline-block;font-family:'S-CoreDream-5Medium';color:#58595b;font-size:18px;line-height:1.1;margin:-8px 0 0 10px;}
.logo a span em{display:block;font-size:14px;}

.head_container{background:rgba(0, 0, 0, 0.2);border-top:1px solid transparent;}
.head_inner{max-width:1600px;margin: 0 auto;display:flex;justify-content:space-between;align-items:center;}
.head_navi{width:100%;}


/*새창아이콘*/
.head_navi nav .a_2.new_win:after,
.head_navi nav .a_3.new_win:after{content:"";display:inline-block;width:15px;height:15px;vertical-align:0;margin-left:2px;background:url(/sites/guide/images/common/aLink_3_b.png) no-repeat center;filter:alpha(opacity=50);opacity:0.5;}

/*주메뉴_DESKTOP*/
.head_inner{align-items:flex-start;}
.head_navi nav{}
.head_navi nav a{display:inline-block;position:relative;font-family:'S-CoreDream-5Medium';line-height:1.3;}
.head_navi nav .div_1{}
.head_navi nav .ul_1{display:flex;justify-content:space-between;position:relative;}
.head_navi nav .li_1{width:100%;position:relative;display:flex;justify-content:center;align-items:center;}
.head_navi nav .a_1{height:100px;color:#FFF;font-size:22px;display:flex;align-items:center;padding-left:20px;}
.head_navi nav .a_1::before{content:"";display:block;width:6px;height:6px;border-radius:100%;background:transparent;position:absolute;top:calc(50% - 3px);left:5px;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
.head_navi nav .li_1:hover .a_1,
.head_navi nav .a_1:hover{color:#000;}
.head_navi nav .li_1:hover .a_1::before,
.head_navi nav .a_1:hover::before{background:#000;}
.head_navi nav .a_1._active::before{background:#FFF;}
.head_container{position:absolute;left:0;top:100px;width:100%;}
.navOn .head_container::before{content:"";display:block;width:100%;height:1px;background:#DDD;position:absolute;top:100px;left:0;}
.navOn .head_container::after{content:"";display:block;width:100%;height:1px;background:#DDD;position:absolute;bottom:-1px;left:0;}
.head_navi nav .ul_1::after{content:"";display:block;width:1px;height:calc(100% - 100px);background:#DDD;position:absolute;top:100px;right:0;}
.navOn .head_navi nav .li_1::before{content:"";display:block;width:1px;height:calc(100% - 100px);background:#DDD;position:absolute;top:100px;left:0;}


/*FOOTER*/
footer{background:#464D5D;}
.footer_container{max-width:1600px;margin: 0 auto;padding-bottom:30px;}
.footer_inner_a{border-bottom:1px solid rgba(255, 255, 255, 0.2);padding:10px 0;margin-bottom:30px;}
.footer_link{display:flex;align-items:center;flex-wrap:wrap;max-width:calc(100% - 300px);}
.footer_link li{padding-right:15px;margin-right:15px;position:relative;}
.footer_link li::after{content:"";position:absolute;width:1px;height:11px;background:#6B717D;right:0;top:9px;}
.footer_link li:first-child{padding-left:0;}
.footer_link li:last-child::after{display:none;}
.footer_link li a{display:inline-block;font-size:13px;line-height:1.2;text-align:center;color:#FFF;}
.footer_link li.privacy a{color:#f8b62d;}
.footer_inner_b{display:flex;justify-content:space-between;align-items:center;}
address{font-size:14px;line-height:24px;color:#eaeaea;letter-spacing:-0.25px;}
address em{display:inline-block;min-width:360px;margin-right:35px;}
address span{display:inline-block;margin-right:35px;}
.copyright{font-family:'GmarketSansL';font-size:12px;line-height:20px;color:#eaeaea;letter-spacing:0;margin-top:20px;}
.footer_sns{display:flex;justify-content:center;align-items:center;}
.footer_sns li{margin-left:10px;}
.footer_sns li a{display:block;width:38px;height:38px;}
.footer_sns li a.facebook{background:url(/sites/templetstyleguide/images/common/btn_facebook.png) no-repeat center;}
.footer_sns li a.cafe{background:url(/sites/templetstyleguide/images/common/btn_navercafe.png) no-repeat center;}
.footer_sns li a.blog{background:url(/sites/templetstyleguide/images/common/btn_naverblog.png) no-repeat center;}
.footer_sns li a.youtube{background:url(/sites/templetstyleguide/images/common/btn_youtube.png) no-repeat center;}



/*GOTOP*/
.goTop{position:fixed;right:20px;bottom:20px;}
.goTop a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:60px;height:60px;padding-top:5px;background:#A90057;border-radius:50%;text-align:center;}
.goTop a::before{content:"";display:block;width:9px;height:5px;background:url(/sites/templetstyleguide/images/common/btn_top.png) no-repeat center;margin-bottom:3px;}
.goTop a span{font-size:10px;color:#FFF;font-family:'GmarketSansL';}


/*스크롤시*/
.fix header{position:fixed;border-bottom:1px solid #EEE;box-shadow:0 0 10px #666;}
.fix header{height:100px;}  
.fix .top_container{margin-top:-100px;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
.fix .head_container{top:0;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
.navOn .head_container,
.fix .head_container{background:#FFF;border-top-color:#EEE;}
.navOn .head_navi nav .a_1,
.fix .head_navi nav .a_1{color:#000;}
.navOn .head_navi nav .a_1._active,
.fix .head_navi nav .a_1._active{color:#A90056;}
.navOn .head_navi nav .a_1._active::before,
.fix .head_navi nav .a_1._active::before{background:#A90056;}

/*서브비주얼*/
.wrap_sub_visual{position:relative;height:440px;overflow:hidden;}
.wrap_sub_visual::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background-size:cover !important;background:url(sub_visual.jpg) no-repeat center;}
.wrap_sub_visual a{display:none;}
.wrap_sub_visual .container{max-width:1600px;height:100%;margin: 0 auto;display:flex;align-items:center;justify-content:center;}
.wrap_sub_visual .container .visual_intro{width:100%;}
.wrap_sub_visual .container .visual_intro strong{font-family:'S-CoreDream-5Medium';font-size:44px;line-height:1;color:#FFF;}
.wrap_sub_visual .container .visual_intro span{display:none;}
/*애니메이션*/
.wrap_sub_visual:before{animation-name:subVisual;animation-duration:5s;animation-fill-mode:forwards;}
@keyframes subVisual{
  0%{transform:scale(1);filter:blur(100px);filter:grayscale(1);transform:scale(1);}
  100%{transform:scale(1.05);filter:blur(0px);filter:grayscale(0);transform:scale(1.1);}
}



/*서브기능************************************************************/
.wrap_page_func{position:absolute;left:0;top:280px;width:100%;height:55px;}
.wrap_page_func .container{position:relative;max-width:1600px;height:100%;margin: 0 auto;display:flex;align-items:center;}
/*서브내비*/
.sub_navi{height:100%;}
.sub_navi > ul{display:flex;justify-content:flex-start;height:100%;}
.sub_navi > ul > li{position:relative;display:flex;justify-content:flex-start;align-items:center;height:100%;}
.sub_navi > ul > li::after{content:"";display:block;width:9px;height:17px;background:url(/sites/templetstyleguide/images/common/ic_arrow_page_nav.png) no-repeat center;margin:0 15px;}
.sub_navi > ul > li > button{height:100%;font-family:'S-CoreDream-4Regular';font-size:18px;color:#FFF;border-bottom:2px solid #FFF;display:flex;justify-content:space-between;align-items:center;}
.sub_navi > ul > li > button::after{content:"";display:block;width:9px;height:17px;margin-left:80px;background:url(/sites/templetstyleguide/images/common/ic_arrow_page_nav2.png) no-repeat center;}
.sub_navi > ul > li.home{padding:0;}
.sub_navi > ul > li.home a{display:block;width:55px;height:100%;text-indent:-9999px;background:url(/sites/templetstyleguide/images/common/ic_home.png) no-repeat center;}
.sub_navi > ul > li:last-child::after{display:none;}
/*서브내비목록*/
.sub_navi > ul > li ul{display:none;position:absolute;width:calc(100% - 39px);left:0;top:55px;box-shadow: 1px 1px 5px #666;padding:10px;background:#FFF;z-index:2;}
.sub_navi > ul > li ul.active{display:block;}
.sub_navi > ul > li ul li a{display:block;font-family:'S-CoreDream-4Regular';font-size:14px;padding:5px 10px;color:#222;}
.sub_navi > ul > li:last-child ul{width:100%;background:#A90057;}
.sub_navi > ul > li:last-child ul li a{color:#FFF;}
/*서브유틸*/
.sub_util{width:165px;height:100%;margin-left:50px;}
.sub_util > ul{display:flex;justify-content:center;height:100%;}
.sub_util > ul > li{position:relative;height:100%;}
.sub_util > ul > li > button{display:block;height:100%;width:55px;text-indent:-9999px;}
button.sub_favo{background:url(/sites/templetstyleguide/images/common/ic_favo.png) no-repeat center;}
button.sub_share{background:url(/sites/templetstyleguide/images/common/ic_sns.png) no-repeat center;}
button.sub_print{background:url(/sites/templetstyleguide/images/common/ic_print.png) no-repeat center;}
/*즐겨찾기*/
.box_sub_favo{display:none;position:absolute;right:0;top:0;overflow:hidden;border:1px solid #3e454c;width:250px;background:#f0f0f0;z-index:1;}
.box_sub_favo  > strong {display:block;font-size:16px;padding:10px 20px;background:#A90056;color:#FFF;}
.box_sub_favo ul{padding:15px;}
.box_sub_favo ul li {padding:0 0 5px 0;font-size:14px;}
.box_sub_favo ul li a span {display:none;}
.box_sub_favo .close{text-indent:-9999px;position:absolute;right:0;top:0;width:43px;height:43px;background:url(/sites/templetstyleguide/images/common/x_3_w.png) no-repeat center;}
.box_sub_favo .del{width:17px;height:17px;margin:0 0 0 10px;background:url(/sites/templetstyleguide/images/common/x_1_b.png) no-repeat center;text-indent:-9999px;}
.box_sub_favo .control{text-align:center; padding:25px 0;}
.box_sub_favo .control button{display:inline-block; display:inline-block; padding:5px 20px;color:#FFF;font-size:12px;border-radius:40px;}
.box_sub_favo .control button.add{background:#A90056;}
.box_sub_favo .control button.reset{background:#707070;}
/*공유하기*/
.box_sub_share{display:none;position:absolute;right:0;top:0;padding:20px;padding-right:50px;background:#FFF;z-index:1;}
.box_sub_share .close{width:25px;height:25px;text-indent:-9999px;position:absolute;right:17px;top:20px;background:url(/sites/templetstyleguide/images/common/x_3_b.png) no-repeat center;}
.box_sub_share ul{display:flex;align-items:center;}
.box_sub_share ul li{margin:0 2px;}
.box_sub_share ul button{display:block;width:25px;height:25px;text-indent:-9999px;background:url(/sites/templetstyleguide/images/common/ic_sns_list.png) no-repeat left top;}
.box_sub_share .fb{background-position:0 0;}
.box_sub_share .tw{background-position:-25px 0;}
.box_sub_share .kakao{background-position:-50px 0;}
.box_sub_share .pin{background-position:-75px 0;}
.box_sub_share .blog{background-position:-100px 0;}
.box_sub_share .addr{width:90px;border-radius:30px;text-indent:0;background:#222;color:#FFF;font-size:12px;margin-left:10px;}


/*컨텐츠************************************************************/
.sub .wrap_contents{background:#FFF;position:relative;padding-bottom:100px;max-width:1400px;margin: 0 auto;}


/*타이틀*/
.page_title{text-align:center;}
.page_title h1{position:relative;display:inline-block;margin:75px 0;font-family:'S-CoreDream-5Medium';font-size:40px;line-height:1.2;color:#111;}
.page_title h1::before{content:"";display:block;margin:0 auto 20px auto;width:27px;height:10px;background:url(/sites/templetstyleguide/images/common/ic_subject.png) no-repeat center;}


/*HOVER*/
@media all and (min-width:1281px) {
  .footer_sns li a.facebook:hover{background:url(/sites/templetstyleguide/images/common/btn_facebook_on.png) no-repeat center;}
  .footer_sns li a.cafe:hover{background:url(/sites/templetstyleguide/images/common/btn_navercafe_on.png) no-repeat center;}
  .footer_sns li a.blog:hover{background:url(/sites/templetstyleguide/images/common/btn_naverblog_on.png) no-repeat center;}
  .footer_sns li a.youtube:hover{background:url(/sites/templetstyleguide/images/common/btn_youtube_on.png) no-repeat center;}
}