@import url(../css/common.css);

/* layout */
#wrapper{width:100%;height:100%}
.inner{width:1480px;margin:0 auto;position:relative}
.main_title{font-size:32px;line-height:42px;color:#222;padding-bottom:10px}
.main_stitle{font-size:20px;line-height:30px;color:#676767}

.flexbox{display:flex}
.alignc{align-items: center}
.gap5{gap: 5px}

/* header */
.header_top{width:1500px;margin:0 auto;display:flex;z-index:9;justify-content: space-between}
.header_top a{text-decoration:none;background:#27B4A8 url(/pages/cstrise/img/main/ico_newwindow.png) no-repeat 90% center;padding:0 40px 0 15px;line-height:36px;color:#fff;border-radius:0 0 10px 10px}
.header_top .top_sns ul{display:flex;gap:5px;padding:10px 0 0}
.header_top .top_sns ul li a{padding:0;display:block;width:31px;height:31px}
.header_top .top_sns ul .top_insta{background:url(/pages/cstrise/img/main/ico_insta.png) no-repeat 0 0}
.header_top .top_sns ul .top_blog{background:url(/pages/cstrise/img/main/ico_blog.png) no-repeat 0 0}
.header_top .top_sns ul .top_fb{background:url(/pages/cstrise/img/main/ico_fb.png) no-repeat 0 0}
.header_top .top_sns ul .top_ytb{background:url(/pages/cstrise/img/main/ico_ytb.png) no-repeat 0 0}

.header{width:1500px;margin:0 auto;height:100px;display:flex;z-index:9;align-items: center;max-width: 100%; padding: 0 10px;}
.header h1{}
.header_menu{position:relative;margin:0 auto}
.header_menu ul{display:flex}
.header_menu ul > li{padding:0 45px}
.header_menu ul > li > a{color:#555;display:block;width:100%;position:relative;padding:20px 0 30px;font-weight:400;text-decoration: none;font-size:19px;transition: all 0.3s ease}
.header_menu ul > li > a::before{content:'';position:absolute;bottom:0;left:0;width:0;height:4px;background:#27B4A8;transition: width 0.3s ease}
.header_menu ul > li > a:hover{font-weight:700;color:#222}
.header_menu ul > li > a:hover::before{width:100%;}
.header_menu ul > li > a.active::before{width:100%;}
.header_menu ul > li > a span.beta{line-height:18px;background: #db2f65;display:inline-block;position: absolute;font-size:10px;border-radius:10px;top:9px;padding:0 6px;}

.header_menu ul > li:nth-child(1) .depth2_down{background:#fff url(/pages/cstrise/img/main/depth2_downbg1.png) no-repeat left center }
.header_menu ul > li:nth-child(2) .depth2_down{background:#fff url(/pages/cstrise/img/main/depth2_downbg2.png) no-repeat left center}
.header_menu ul > li:nth-child(3) .depth2_down{background:#fff url(/pages/cstrise/img/main/depth2_downbg3.png) no-repeat left center}

.depth2_down{align-items:center;height:200px;left:-65px;right:0;top:73px;gap:40px;width:100vw;margin-left:calc(-50vw + 50%);position:absolute;display:none;padding:30px;background:#fff;
    border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;z-index:1000;justify-content:center}
.depth2_down h3{font-size:32px;color:#fff;flex-basis: 24%}
.depth2_down h3 span{display:block;}
.depth2_down h3 em{display:block;color:#fff;font-size:14px;margin-top:20px;opacity: .7}
.depth2_down p{color:#3B61F4;font-size:13px;width:250px}
.depth2_down > ul > li{padding:0;}
.depth2_down > ul > li > a{background:#fff;text-align:center;width:220px;border:1px solid #D7D7D7;padding:12px 60px;color:#767676 !important;font-size:17px;font-weight:400;transition:none !important;border-radius:10px}
.depth2_down > ul > li > a::before{display:none !important}
.depth2_down > ul > li > a:hover{border:1px solid #567BDA;font-weight:600;box-shadow:2px -2px 4px rgba(0,0,0,.1);color:#111 !important}
.depth2_down ul.depth2{width:1000px;flex-wrap: wrap;gap:10px;position: relative;left:auto;top:auto;padding:0;display:flex}

.header .header_right{display:flex;align-items:center;gap:20px;}
.header .header_right .btn_login{background:url(/pages/cstrise/img/main/ico_login.png) no-repeat left center;padding:3px 0 3px 25px;}
.header .header_right .btn_reserv{border:1px solid #333;border-radius:10px;padding:9px 15px;text-decoration: none}
.header .header_right .btn_reserv:hover{background:#333;color:#fff}


.animated{transition:all ease .3s;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s}

.header_btn{position:relative;width:30px;height:24px;cursor:pointer}
.header_btn .bar{position:absolute;left:0;width:100%;width:100%;height:3px;border:0;background: #1e1e1e;transition:opacity 0.3s, top 0.3s,transform 0.5s;transition-delay:0.3s, 0.3s, 0s}
.on .header_btn .bar{background: #232323}
.header_btn .bar:nth-child(1){top:0;transform:rotate(0)}
.header_btn .bar:nth-child(2){top:11px;opacity:1}
.header_btn .bar:nth-child(3){top:22px;transform:rotate(0)}

/* weblocation */
.weblocation{width:100%;height:55px;margin:0 auto;background:#efefef}
.weblocation .weblocation_box{position:relative;width:1480px;margin:0 auto;z-index:9}
.weblocation_box h3{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
.weblocation_box .location{display:flex;position:relative}
.weblocation_box .location > li{position:relative;margin-right:15px;;background: url(/pages/cstrise/img/sub/weblocation_icon_arrow.png) no-repeat;text-align: left;min-width:170px;}
.weblocation_box .location > li > a{display:block;font-size:16px;height:55px;line-height:53px;color:#333;position:relative;padding-right:25px}
.weblocation_box .location > li > a::after{content:'';position:absolute;top:0;right:0;width:28px;height:55px;z-index:1;background:url(/pages/cstrise/img/sub/weblocation_icon_arrow.png) no-repeat right center;display:block}
.weblocation_box .location > li > a > span{display:inline-block;width:100%;position:relative;z-index:2;background:url(/pages/cstrise/img/sub/location_arrow_off.png) no-repeat right center;cursor:pointer;padding:0 30px 0 0;}
.weblocation_box .location > li > a:hover span{font-weight:bold}
.weblocation_box .location > li.home{background-size:16px;min-width:55px !Important;background:url(/pages/cstrise/img/sub/location_home.png) left center no-repeat;position:relative;z-index:2;}
.weblocation_box .location > li.home a span{font-size:0;background:none !important;padding:0 !important}
.weblocation_box .location > li:last-child a:after{display:none}
.weblocation_box .location_dept_wrap h4{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0;}
.weblocation_box .location_dept{overflow:hidden;display:none;position:absolute;top:55px;z-index:15;background:#fff;width:230px; left: -47px;border:1px solid #ddd;border-radius:15px;}
.location_dept > li{background:none !important;height:40px !important; border-bottom:1px solid #ddd;}
.location_dept > li:last-child{border-bottom:0;}

.location_dept > li > a{display:block;width:100%;height:40px!important;line-height:38px !important;color: #5c5c5c !important;font-size: 14px !important;padding:0 14px;text-decoration:none;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.location_dept > li > a:hover,.location_dept li a.on{background-color: #3c413e  !important;font-weight: 700 !important;color: #fff !important;}
.location_dept > li > a span{display:inline-block !important;padding:0 5px 5px 12px !important;cursor:pointer;background:none !important}

.location_dept > li > a.lnb_blank {position:relative;display:inline-block;}
.location_dept > li > a.lnb_blank:after{content:'';display:inline-block;width:12px;height:12px;background:url(/pages/gwangju/img2/main/icon_blank.png) center no-repeat;margin-left: 8px;}
.location_dept > li > a.lnb_blank:hover:after{background:url(/pages/gwangju/img2/main/icon_blank_on.png) center no-repeat;}


/* sns */
.weblocation .sns{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.weblocation .sns .show_family_btn{float:left;display:block;height:55px;line-height:55px;border:none;color:#676767;padding-left:30px;background:url(/pages/cstrise/img/sub/location_icon_share.png) left center no-repeat;cursor:pointer;position:relative}
.weblocation .sns .show_family_btn:hover{text-decoration:none}
.weblocation .sns .linkfamily_on{display:block;width:200px;background:#f8f8f8;padding:20px 0 15px 20px;z-index:20;position:absolute;top:56px;right:0px}
.weblocation .sns ul li a{position:relative;display:inline-block;float:left;height:28px;color:#555;margin-bottom:3px}
.weblocation .sns ul li a:before{content:'';position:absolute;top:0;left:0;;background:url(/pages/cstrise/img/sub/sns_list.png) 0 0 no-repeat;width:28px;height:28px}
.weblocation .sns ul li.tw a:before{background-position:-28px 0}
.weblocation .sns ul li.bd a:before{background-position:-56px 0}
.weblocation .sns ul li.ks a:before{background-position:-84px 0}
.weblocation .sns ul li.gp a:before{background-position:-112px 0}
.weblocation .sns ul li a:hover{font-weight:700;color:#333}
.weblocation .sns ul li a span{display:block;padding:6px 20px 0 38px;font-size:14px;font-weight:400;letter-spacing:0}
.weblocation .sns .btn_close{position:absolute;top:12px;right:12px}
.weblocation .sns .btn_close_m{display:none}

/* sublayout */
.sub_visual_wrap .txt_box{width:100%;text-align:center;color:#fff;margin-top:20px}
.sub_visual_wrap .txt_box h2{font-size:16px;line-height:25px;font-weight:400;letter-spacing:-1px;}
.sub_visual_wrap .txt_box h2 strong{font-size:42px;font-weight:700}

/* sub visual */
.sub_visual_wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:255px;background-size:cover !important;width:100%;background-position:center center !important}
.sub_visual_wrap h3{text-align:center;font-size:45px;font-weight:700;color:#fff;font-family: Gsans}
.sub_visual_wrap h3 span{font-size:20px;display:block;font-weight:300;opacity: .8;margin-bottom:20px}
.sub1{background:url(/pages/cstrise/img/sub/sub_visual1.png) no-repeat}
.sub2{background:url(/pages/cstrise/img/sub/sub_visual2.png) no-repeat}
.sub3{background:url(/pages/cstrise/img/sub/sub_visual3.png) no-repeat}
.sub4{background:url(/pages/cstrise/img/sub/sub_visual1.png) no-repeat}
/*.sub5{background:url(/pages/cstrise/img/sub/sub_visual5.png) no-repeat}*/

/* footer */
.footer{width:100%;background:#eee;padding:0 0 50px 0}
.foot_top {display:flex;justify-content: space-between;margin-bottom:20px}
.footer .footer_info{display:flex;padding:12px 0;width:100%;margin-bottom:20px}
.footer .footer_info li a{color:#8c8e9b;padding-right:35px;position:relative}
.footer .footer_info li:first-child a{color: #dc2929}
.footer .copyright{display:flex;border-top:1px solid #ddd;padding-top:20px}
.footer .copyright h1{margin-right:70px}
.footer .address_wrap address{padding-bottom:10px}
.footer .address_wrap address span{font-weight:700;color:#333;padding:0 12px 0 30px}
.footer .address_wrap address span.pd0{padding:0}

.foot_sns ul{display:flex;gap:5px;padding:5px 0}
.foot_sns ul li a{display:block;width:36px;height:36px}
.foot_sns ul .top_insta{background:url(/pages/cstrise/img/main/foot_insta.png) no-repeat 0 0}
.foot_sns ul .top_blog{background:url(/pages/cstrise/img/main/foot_blog.png) no-repeat 0 0}
.foot_sns ul .top_fb{background:url(/pages/cstrise/img/main/foot_fb.png) no-repeat 0 0}
.foot_sns ul .top_ytb{background:url(/pages/cstrise/img/main/foot_ytb.png) no-repeat 0 0}

.foot_sitelink{display:flex;justify-content: space-between;padding:10px 10px;background:#fff;border-top:1px solid #ddd;margin-bottom:30px;}
.foot_sitelink > div{width:1500px; margin:0 auto;display:flex;align-items: center;gap:50px}
.foot_sitelink h3{font-size:20px;font-weight:500;color:#333;}
.foot_sitelink .site_btn{display:flex;gap:10px}
.foot_sitelink .site_btn button{width:40px;height:40px;border-radius:50%;border:1px solid #ddd;background:#fff}
.foot_sitelink .site_btn button.site_prev{background:url(/pages/cstrise/img/main/popup_prev.png) center center no-repeat;background-size: 20px}
.foot_sitelink .site_btn button.site_play{background:url(/pages/cstrise/img/main/popup_play.png) center center no-repeat;background-size: 10px}
.foot_sitelink .site_btn button.site_pause{background:url(/pages/cstrise/img/main/popup_pause.png) center center no-repeat;background-size: 10px}
.foot_sitelink .site_btn button.site_next{background:url(/pages/cstrise/img/main/popup_next.png) center center no-repeat;background-size: 20px}
.foot_sitelink .site_btn button:hover{border:1px solid #333}
.site_list {overflow: hidden;width: 1075px;}
.site_list ul {display:flex;gap:25px;align-items: center}
.site_track {display: flex;transition: transform 0.4s ease;}
.site_item {flex: 0 0 auto; width: 250px;text-align:center;}
.site_item img{max-width:100%}
.site_item:last-child {margin-right: 0;}

/* lmn */
.contents_top{position:relative;width:1480px;margin:0 auto;display:flex;gap:50px}
.lmn{width:280px;padding:30px 0 50px 0;position:relative}
.lmn .lmn_title{position:relative;border-radius:20px;width:280px;padding:70px 0 90px;font-size:30px;font-weight:700;color:#fff;background: linear-gradient(287.27deg, #09144D 0%, #47B79D 99.58%) ;display:flex;align-items:center;justify-content:center}
.lmn .lmn_title:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/pages/cstrise/img/sub/lmn_title_bg.png) no-repeat center center;opacity:0.5}
.lmn ul{position: relative;z-index: 10;margin-top:-40px;background:#fff;border-radius:20px;overflow:hidden;padding:20px;border:1px solid #ddd}
.lmn ul > li > a{width:100%;border-bottom:1px solid #ddd;display:flex;align-items:center;font-size:18px;font-weight:500;color:#676767;text-decoration:none;padding:20px 0;letter-spacing:-.06px}
.lmn ul > li > a.on{font-weight:700;color:#333;background:url(/pages/cstrise/img/sub/lnb_on.png) right center no-repeat}
.lmn ul > li > a:hover{color:#222;font-weight:600}
.lmn ul > li:last-child > a{border-bottom:none}

.lmn ul > li > a span.plus{background:url(/pages/cstrise/img/layout/lmn_arrow_plus.png) right center no-repeat;width:14px;height:14px;margin-left:auto;margin-right:14px}
.lmn ul > li > a:hover span.plus{background:url(/pages/cstrise/img/layout/lmn_arrow_plus_on.png) center center no-repeat;}
.lmn ul > li > a.on span.plus{background:url(/pages/cstrise/img/layout/lmn_arrow_minus_on.png) center center no-repeat}
.lmn_2depths{background:#efefef;padding:8px 0 20px 0}
.lmn_2depths li a{font-size:14px !Important;border:none !Important;padding-left:25px !Important;height:auto !Important;line-height:34px !Important}
.lmn_2depths li a:hover,.lmn_2depths li a.on{background:transparent !important;color:#3b4aa0 !important;font-weight:900 !important}
.lmn_location{margin-left:280px;padding-left:70px}



/* top */
.all_top{z-index:9;position:fixed;right:30px;bottom:30px;width:50px;height:50px;background:#eee;text-align:center;padding-top:10px;font-size:11px;font-weight:700;color:#676767;letter-spacing:0}
.all_top:hover{background-color:#dbdbdb;text-decoration:none;}
.all_top:before{transform: rotate(180deg);content:'';display:block;width:17px;height:17px;background: url(/pages/cstrise/img/main/ico_search_arrow.png) center 30% no-repeat ;margin:0 auto;background-size:20px;}

/* sub contents */
.sub_cont_wrap{width:100%;min-height:600px;max-width:1480px;margin:0 auto;padding:70px 0 100px 0}

.sub_cont_wrap2{    width: 100%;
    min-height: 600px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 70px 100px 70px;}

.sub_cont_gap{padding-left:70px}
.depth2_tit{font-size:36px;font-weight:900;color:#222;margin-bottom:30px;letter-spacing:-1px;font-family: Gsans}


/* allmenu */
#navigation_allmenu{position:fixed;top:0;left:0;width:100%;height:100%;background:#222 url(/pages/cstrise/img/intro/intro_bg.jpg) no-repeat;background-size:cover;z-index:9999}
#navigation_allmenu:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7)}
#navigation_allmenu .allmenu_box{position:relative;width:100%;padding:50px 35px;margin:0 auto;max-width:1480px;top:50%;transform:translateY(-50%)}
#navigation_allmenu h1{position:absolute;left:35px;top:38px}

#navigation_allmenu ul >li {align-items:center;height:auto;border-right:none;width:100%;margin:40px 0 ;display:flex;gap:100px;}
#navigation_allmenu ul > li > a{flex-basis:20%;display:inline-block;font-size:45px;line-height:55px;color:#fff;font-weight:700;letter-spacing:-1px;position:relative}
#navigation_allmenu ul > li > a:hover{text-decoration:none}
#navigation_allmenu ul > li > a::after{content:'';display:block;width:0;height:4px;position:absolute;left:0;bottom:-4px;background:#fff;transition:width .4s ease}
#navigation_allmenu ul > li > a:hover::after{width:100%}

#navigation_allmenu ul > li > a span.planprice2{display:block;float:right;font-size:40px;font-weight:100}
#navigation_allmenu ul > li .depth2{display:flex;flex-wrap:wrap;justify-content:flex-start;border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);padding:20px 0;
    opacity:0.8;flex:1}

#navigation_allmenu ul > li .depth2 li{height:auto;width:25%;border:none;padding:10px 0;margin:0}
#navigation_allmenu ul > li .depth2 li a{flex-basis:100%;font-size:24px;line-height:34px;font-weight:500;letter-spacing:0;margin:0 !important;}
#navigation_allmenu ul > li .depth2 li a::after{height:2px}
#navigation_allmenu ul > li .depth2 li a:hover{opacity:1}
#navigation_allmenu ul > li .depth3{padding-top:12px}
#navigation_allmenu ul > li .depth3 li{padding:0}
#navigation_allmenu ul > li .depth3 li a{font-size:18px;line-height:30px;font-weight:300;color:#bbb}
#navigation_allmenu ul > li .depth3 li a:hover{color:#fff}
#navigation_allmenu ul > li .depth3 li a::after{display:none}
#navigation_allmenu .btn_close{z-index:99;position:absolute;display:block;top:35px;right:10px;width:50px;height:50px;background:url(/pages/cstrise/img/main/allmenu_close.png) no-repeat}
.allmenu_topbtn{display:none}

.btn_wrap{text-align:center;margin-top:30px;padding-bottom:50px;}
button.save{font-size:17px;border-radius:10px;background:#47B79DFF;color:#fff;border:none;padding:15px 110px}
button.save:hover{background: #369a82}



/****** Mobile ******/
@media screen and (max-width:690px) {
    /* layout */
    .inner{width:100%}
    .main_title{font-size:24px;line-height:34px}

    /* header */
    .header .menu_wrap{display:none}
    .header h1{width:210px;left:24px}
    .header h1 a img{width:100%}
    .header .header_btn{right:0}
    .header_menu{display:none;}
    .header_menu ul{justify-content: space-between}
    .header{justify-content: space-between}
    .header .header_right{gap:10px; }
    /*.header .header_btn{right:0;}*/
    .header .header_right .btn_reserv{display:none}
    .header .header_right .btn_login{display:none}
    .header_top{width:100%;padding:0 10px}


    /* footer */
    .footer{padding:0}
    .foot_logo img{width:180px}
    .footer .copyright{display:block;padding:20px 0 50px}
    .footer .footer_info{flex-wrap:wrap;padding:0 0 10px 0;margin-bottom:20px}
    .footer .footer_info li a{padding-right:12px;line-height:30px;font-size:13px;}
    .footer .footer_info li a::before{display:none}
    .footer .address_wrap{text-align:left;padding:0 20px}
    .footer .copyright h1{width:160px;margin:15px auto}
    .footer .copyright h1 img{width:100%}
    .foot_top{flex-direction: column;align-items: center;gap:20px;}
    .footer .address_wrap address span{display:block;padding:0;margin-top:15px;}
    .foot_sitelink h3{font-size:15px;}
    .foot_sitelink > div{gap:10px;flex-direction: column;width:100%;justify-content: flex-start;align-items: flex-start;padding:0 20px;}
    .site_item{width:200px;}
    .alignc { display: none;}

    /* sublayout */
    .sub_visual_wrap{height:240px}
    .sub_visual_wrap .txt_box{padding:0 20px}
    .sub_visual_wrap .txt_box h2 br{display:none}
    .sub_visual_wrap .txt_box h2{font-size:21px;line-height:30px}
    .sub_visual_wrap .txt_box h2 strong{font-size:30px;line-height:44px}

    /* lmn */
    .lmn{display:none}
    .lmn_location{margin-left:0;padding-left:0}

    /* sub contents */
    .sub_cont_wrap{max-width:100%;padding:35px 20px}
    .contents_top{width:100%}
    .depth2_tit{font-size:24px;margin-bottom:20px}

    /* weblocation */
    .weblocation{height:50px}
    .weblocation_box .location_dept{top:50px}
    .weblocation_box .location > li.home{display:none}
    .weblocation_box .location > li > a::after{display:none}
    .weblocation_box .location > li{margin-right:0}
    .weblocation_box .location > li > a{font-size:14px;padding-right:0}
    .weblocation_box .location > li.mn_mobile{display:none}
    .weblocation_box .location_dept{width:100%;left:0}
    .weblocation_box .location{padding:0 20px}
    .weblocation .weblocation_box{width:100%}
    .weblocation_box .location > li{width:100%}
    .weblocation .sns{display:none}


    /* allmenu */

    #navigation_allmenu .allmenu_box{position:relative;width:100%;padding:0 15px;margin:0 auto;top:0;transform:none;max-width:100%}
    #navigation_allmenu ul li {height:auto;gap:0;padding-left:20px;width:100%;margin:20px 0 10px;flex-direction: column}
    #navigation_allmenu ul > li > a{display:block;font-size:24px;margin-bottom:0;line-height:45px}
    #navigation_allmenu ul > li .depth2 li a{font-size:16px}
    #navigation_allmenu ul li a span.planprice2{display:block;float:right;font-size:40px;font-weight:100}
    #navigation_allmenu ul > li .depth2{width:100%;border-top:none;padding:10px 0}
    #navigation_allmenu ul li .depth2 li{height:auto;width:100%;border:none;padding:0;margin:0}
    #navigation_allmenu ul > li .depth3 {padding:12px 0 30px 0}
    #navigation_allmenu ul > li .depth3 li a{font-size:16px;line-height:26px}
    .allmenu_topbtn{display:flex;padding:50px 0 0 10px;gap:5px;position: relative;z-index: 99}
    .allmenu_topbtn a{color:#ddd;padding:10px 25px;border:1px solid #afafaf;border-radius:10px;}
    .allmenu_topbtn a:hover{background:#fff;color:#333;text-decoration: none}

    .site_list{width:100% }

}

/*tablet*/
@media screen and (min-width:691px) and (max-width:1023px) {

    /* layout */
    .inner{width:100%}
    .main_title{font-size:28px;line-height:38px}

    /* header */
    .header{width:100%;justify-content: space-between}
    .header .menu_wrap{display:none}
    .header h1{width:280px;left:24px}
    .header h1 a img{width:100%}
    /* .header .header_btn{right:10px} */
    .header_top{width:100%; padding: 0 10px;}
    .header_menu{display:none}

    #navigation_allmenu ul > li > a{font-size:35px;margin-bottom:0}
    #navigation_allmenu ul > li .depth2{flex-direction: column;border-top:none}
    #navigation_allmenu ul > li .depth2 li{width:100%}
    #navigation_allmenu ul > li > a{flex-basis: 30%}

    /* footer */
    .footer .copyright{display:block}
    .footer .footer_info{flex-wrap:wrap;padding:0 0 10px 0;margin-bottom:20px}
    .footer .copyright h1{margin:0 0 15px 0}
    .foot_sitelink{overflow: hidden;padding:10px}
    .foot_sitelink h3{font-size:16px}
    .site_list{width:100%}
    .foot_sitelink > div{width:100%}
    .foot_logo{width:180px}
    .foot_logo img{width:100%}
    .footer .inner{padding:0 10px}
    .alignc { display: none;}
    
    /* lmn */
    .lmn{display:none}
    .lmn_location{margin-left:0;padding-left:20px}

    /* sub contents */
    .sub_cont_wrap{max-width:100%;padding:35px 20px}
    .contents_top{width:100%}
    .depth2_tit{font-size:24px;margin-bottom:20px}

    /* weblocation */
    .weblocation .weblocation_box{width:100%;padding:0 20px}

}

/*desktop*/
@media all and (min-width:1024px) and (max-width:1500px) {

    /*header*/
    .header_top{width:100%; padding: 0 10px;}
    .header_menu ul > li{padding:0 30px}
    .header_menu ul > li > a{padding:33px 0 ;font-size:18px}
    .depth2_down > ul > li > a{padding:12px 50px !important;background:#fff}
    .depth2_down h3{flex-basis: 50%}
    .header_menu ul > li .depth2_down{background-position: -300px center !important;}


    /* layout */
    .inner{width:100%; padding: 0 10px;}
    .main_title{font-size:28px;line-height:38px}

    /* footer */
    .footer .copyright h1{margin-left:24px}
    .site_list{width:825px}
    .foot_sitelink h3{font-size:14px;}


    /* weblocation */
    .weblocation .weblocation_box{width:100%}
    .weblocation_box .location{padding:0 20px}
    .weblocation .sns{right:20px}

    /* sub contents */
    .sub_cont_wrap{max-width:100%;padding:50px 20px}
    .contents_top{width:100%}

    /* lmn */
    .lmn .lmn_title{width:240px}
    .lmn ul li a{font-size:14px}
    .lmn_2depths li a{font-size:13px !important}
    .lmn_location{margin-left:250px}





}

@media all and (min-width:1501px) and (max-width:1700px) {
    .header_top{max-width:100%}
	.sub_cont_wrap2{width: 100%;
    min-height: 600px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 20px 100px 20px;}

    .depth2_down > ul > li > a{padding:12px 50px !important;background:#fff}
    .depth2_down h3{flex-basis: 50%}
    .header_menu ul > li .depth2_down{background-position: -150px center !important;}


}