@charset "utf-8";

.header_wrap{ padding-left: 30px; padding-right: 30px;}
.sub .header_wrap{border-bottom:1px solid #cccccc;}
.header_wrap .header_con{padding-top: 30px; padding-bottom: 30px;}
.header_wrap .menu_con{position: absolute; top:50%; left:0; transform: translateY(-50%); text-align: center;}
.header_wrap .menu_box{display: inline-block;}
.header_wrap .menu_box .img{display: inline-flex; align-items: center; height: 37px;}
.header_wrap .menu_box .text{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 500; color:#999;}
.header_wrap .logo_con{text-align: center;}
.header_wrap .util_list_con{position: absolute; top:50%; right:0; transform: translateY(-50%);}
.header_wrap .util_list{display: inline-block; text-align: center; margin-right: 30px;}
.header_wrap .util_list:last-child{margin-right: 0;}
.header_wrap .util_list .img{display: inline-flex; align-items: center; height: 37px;}
.header_wrap .util_list .text{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 500; color:#999;}

.clicked_header_wrap{display: none; position: fixed; z-index: 20; top:0; left:0; height: 100%; background-color: rgba(0,0,0,0.7);}
.clicked_header_wrap.active{display: block;}
.clicked_header_wrap.active .clicked_header_con{left:0%; animation-name:menu_open; animation-duration:.3s; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@keyframes menu_open {
    from {left:-100%;}
    to {left:0%;}
}

.clicked_header_wrap .close_btn_con{position: absolute; top:30px; right:30px;}
.clicked_header_wrap .clicked_header_con{width: 650px; height: 100%; background-color: #fff;}
.clicked_header_wrap .clicked_header_inner{height:100%; padding-left: 30px; padding-right: 30px;}
.clicked_header_wrap .header_top_con{display: flex; align-items: center; justify-content: space-between; padding-top: 32px; padding-bottom: 29px; border-bottom:1px solid #ff5d4e;}
.clicked_header_wrap .clicked_header_body{padding-top:30px; height:calc(100% - 171px); overflow-y: auto;}

.clicked_header_wrap .lang_list_con{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; }
.clicked_header_wrap .lang_list_con .lang_list{display: inline-block; font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.025em; font-weight: 600; color:#999;
    padding-bottom: 5px; border-bottom:2px solid transparent; margin-right: 20px; box-sizing: border-box;}
.clicked_header_wrap .lang_list_con .lang_list:last-child{margin-right: 0;}
.clicked_header_wrap .lang_list_con .lang_list.active{color:#ff5d4e; border-color:#ff776a}


.gnb_wrap{}
.gnb_wrap > ul{}
.gnb_wrap > ul > li{border-bottom: 1px solid #c9c9c9; overflow: hidden;}
.gnb_wrap > ul > li:first-child{border-top:1px solid #c9c9c9;}
.gnb_wrap > ul > li.active{border-bottom-color:#c9c9c9; overflow: visible;}
.gnb_wrap > ul > li > a{display: block; padding-top: 27px; padding-bottom: 27px; padding-left: 15px; padding-right: 70px; background-image: url('../img/gnb_down_arrow.png'); background-repeat: no-repeat; background-size: 49px 26px; background-position: right 20px center; box-sizing: border-box;}
.gnb_wrap > ul > li.active > a{background-image: url('../img/gnb_up_arrow.png');}
.gnb_wrap > ul > li > a > span{font-size:28px; font-size:2.8rem; line-height:36px; line-height:3.6rem; letter-spacing: -0.025em; font-weight: 600; color:#333; text-align: left;}
/*.gnb_wrap > ul > li > ul{height: 0;}
.gnb_wrap > ul > li.active > ul{height: auto;}*/
.gnb_wrap > ul > li > ul{display:none;}
.gnb_wrap > ul > li > ul > li{border-bottom:1px solid #ff5d4e; background-color: #fff1f0;}
.gnb_wrap > ul > li > ul > li:first-child{border-top:2px solid #ff5d4e;}
/*.gnb_wrap > ul > li > ul > li:last-child{border-bottom:none;}*/
.gnb_wrap > ul > li > ul > li > a{display: block; padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 26px;}
.gnb_wrap > ul > li > ul > li > a > span{font-size:28px; font-size:2.8rem; line-height:34px; line-height:3.4rem; letter-spacing: -0.025em; font-weight: 400; color:#333;}

.gnb_wrap > ul > li.point{}
.gnb_wrap > ul > li.point > a{background-color:#ff8560;background-image: url(../img/btn_arrow.png);background-size:40px auto;}
.gnb_wrap > ul > li.point > a span{color:#fff;font-size:32px;font-size:3.2rem;}


.header_btn_wrap{display: flex; align-items: center; justify-content: center; position: absolute; bottom:0; left:0;}
.header_btn_con{flex:1;}
.header_btn_con .header_btn{display: flex; align-items: center; justify-content: center; height: 90px; box-sizing: border-box;}
.header_btn_con .header_btn > span{font-size:28px; font-size:2.8rem; line-height:34px; line-height:3.4rem; letter-spacing: 0em; font-weight: 400; color:#fff; text-align: center; padding-left: 50px; box-sizing: border-box;
    background-repeat: no-repeat; background-position: left center;}
.header_btn_con .header_btn.tel{background-color: #ff776a;}
.header_btn_con .header_btn.tel > span{margin-left:35px;text-align:left;background-image: url('../img/header_tel_icon.png');}
.header_btn_con .header_btn.map{background-color: #ffdbc9; }
.header_btn_con .header_btn.map > span{background-image: url('../img/header_map_icon.png');color:#666;}

.sub_header_wrap{ z-index:10; height:101px; transform:translate3d(0, 0, 1px); }
.wrapper.fixed .sub_header_wrap{position: fixed; max-width:750px;}
.wrapper.fixed .sub_contents_wrap { z-index:0; } 
.wrapper.fixed .tab_swiper_container{padding-top:101px;}
.sub_header_wrap .sub_header_con{height: 101px; background-color: #ff776a;}
.sub_header_wrap .left_con{float:left; width: calc(100% - 101px); height: 100%;
    border-right:1px solid rgba(255,255,255,0.6); box-sizing: border-box; position: relative;}
.sub_header_wrap .left_con .home_icon_con{position: absolute; padding-right: 25px; margin-right: 25px; left:30px; top:50%; margin-top:-12px;}
.sub_header_wrap .left_con .home_icon_con:after{content: ''; position: absolute; top:1px; right:10px; height: 24px; border-right:1px solid rgba(255,255,255,0.5);}
.sub_header_wrap .left_con .home_icon_con .home_icon{display: inline-block;}
.sub_header_wrap .left_con .menu_list_wrap{position: relative;overflow: hidden; z-index:10;}
.sub_header_wrap .left_con .menu_list_con{ height: 0;}
.sub_header_wrap .left_con .menu_list_con.active{}
.sub_header_wrap .left_con .menu_list_con .menu{font-size:28px; font-size:2.8rem; line-height:39px; line-height:3.9rem; font-weight: 600; color:#333333;
    background-color:#fff1f0; border-bottom:1px solid #ffc4bf; border-right:1px solid #ffc4bf; box-sizing: border-box; padding:20px 10px 20px 33px;}
.sub_header_wrap .left_con .menu_list_con .menu.active{color:#ff5d4e;}
.sub_header_wrap .left_con .menu_list_con .menu:last-child{border-bottom:1px solid #ff776a;}
.sub_header_wrap .left_con .menu_list_wrap .active_menu{display:table;width:100%;height:101px;font-size:30px; font-size:3.0rem;color:#fff;box-sizing:border-box;
    background-color:transparent; border-bottom:none; border-right:none; padding-left:85px;padding-right:60px;
    background-image: url('../img/sub_header_down_arrow.png'); background-size: 38px 20px; background-position: right 15px center; background-repeat: no-repeat;}
.sub_header_wrap .left_con .home_icon_con.hidden + .menu_list_wrap .active_menu{padding-left:30px;}

.sub_header_wrap .left_con .menu_list_wrap .active_menu span{display: table-cell;vertical-align:middle;line-height:4rem;}

.sub_header_wrap .sns_btn_con{float:left; width: 101px; height: 100%;}
.sub_header_wrap .sns_btn_con .sns_btn{display: block; width: 100%; height: 100%; background-image: url('../img/sns_icon.png'); background-repeat: no-repeat; background-size: 39px 36px; background-position: center;}

/* quick_menu_con */
.quick_menu_btn_con{position: fixed; bottom:40px; right:20px; z-index: 5; text-align: center;}
.quick_menu_btn_con .quick_menu_btn{display:block;font-size:0; line-height:0; width:120px; height:120px; box-sizing: border-box; border-radius:50%; background:#fbb341 url('../img/quick_menu_icon_002.png') no-repeat center center; background-size: 46px auto; }
.quick_menu_btn_con .quick_menu_btn span {display:none; }
.quick_menu_con{width:100%; height:100%; position: fixed; right:-100%; top:0; box-sizing: border-box; padding-bottom:80px; padding-right:40px; z-index:20;
    background-image: url('../img/quick_menu_bg.png'); background-repeat: no-repeat; background-size: cover; background-color:#fbb341;
    display: flex; flex: 1; flex-direction: column; justify-content: flex-end; transition:right 0.5s;}
.quick_menu_con.active{right:0;}
.quick_menu_con .quick_menu_list_con{margin-bottom:100px;}
.quick_menu_con .quick_menu_list{font-size:0; line-height:0; text-align: right; margin-bottom:30px;}
.quick_menu_con .quick_menu_list:last-child{margin-bottom:0;}
.quick_menu_con .quick_menu_title{font-size:28px; font-size:2.8rem; line-height:34px; line-height:3.4em; color:#fff; font-weight:700;
    display:inline-block; vertical-align: middle; margin-right:30px;}
.quick_menu_con .quick_menu_icon{display:inline-block; vertical-align: middle; width:100px; height:100px; border:3px solid #fff; border-radius:50%; line-height:96px; text-align: center; box-sizing: border-box;}
.quick_menu_con .quick_menu_close_btn_con{text-align: right;}
.quick_menu_con .quick_menu_close_btn{display:block; margin-left:auto; padding-right:18px;}