@charset "utf-8";

*{box-sizing:border-box;}

.layout_media {width:100%; max-width:1760px; margin:0 auto; padding:0 30px;}
.layout_media:after,
.clear:after {display:block; clear:both; visibility:hidden; content:'';} 
#shadow_device{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity: 0.85;z-index:1030;}

#wrap {overflow: hidden;position:relative;}
#header {height:85px; border-bottom:1px solid #009f9a; }
#header.on {background:#fff;}
#header h1 {float:left;position: relative;z-index: 10;}
#header h1 a {display:block;padding: 27px 0 0;color:#0a0a0a;font-size:22px;font-weight:bold;font-family:'score';}
#header h1 a span {display:inline-block;position:relative;width: 133px;height: 38px;margin: -9px 22px 0 0; background: url(/images/media/common_new/logo.png)no-repeat;background: url(/images/media/common_new/logo.svg)no-repeat;background-size: 100% auto;vertical-align:top;font-size: 0;}
#header h1 a span:after {display:block;position:absolute;right: -14px;top: 19px;content:'';width:1px;height: 12px;background:#cfcfcf;}
#header h1 a span img {}
#header #snb {float:right;position: relative;z-index: 10;}
#header #snb ul {}
#header #snb ul li {display:inline-block; position:relative; margin-left:30px; }
#header #snb ul li:nth-child(1):after,
#header #snb ul li:nth-child(2):after {display:block; position:absolute; right:-15px; top:37px; content:''; width:1px; height: 10px;background:#cfcfcf;}
#header #snb ul li a {display:block; line-height:85px; padding:0; background:none; font-size:15px; color:#242424; }
#header #snb ul li.sitemap_link {display:inline-block;padding: 18.5px 0 0;vertical-align:top;}
#header #snb ul li.sitemap_link a {display:block;width:48px;height:48px;border-radius:50%;background:#009f9a url(/images/media/common_new/menu.png)no-repeat center;box-shadow:0 0 15px rgba(0,159,153,.26);font-size:0;}
#header #respond_buttons {display:none;}

#gnb {position:absolute;left:0;top:0;width:100%;height:85px;box-shadow: 0 0 15px rgb(0,0,0,.07);}
#gnb.on {/* z-index:9999; */}
#gnbwrap {}
#gnbwrap #tm {padding-right: 395px;text-align:right;}
#gnbwrap #tm > li {display:inline-block;margin: 0 20px;}
#gnbwrap #tm > li > a {display:block;position:relative;line-height: 85px;font-size: 18px;font-family:'score';color:#232323;transition:all 0.3s;-webkit-transition:all 0.3s;}
#gnbwrap #tm > li > a.current {font-weight:bold; color:#009f9a;}
#gnbwrap #tm > li > a:after {display:block; position:absolute; left:50%; bottom:0; content:''; width:0; height:5px; background:#009f9a; transition:all 0.3s; -webkit-transition:all 0.3s; }
#gnbwrap #tm > li > a.current:after {left:0; width:100%;}
#gnbwrap #tm > li > ul {position:absolute;left:0;top: 85px;z-index: 9999;width:100%;padding: 40px 0 60px;border-bottom:1px solid #009f9a;background: #fff;text-align:center;box-shadow: inset 10px 0 15px rgb(0 0 0 / 10%);transition:all 0.3s;}
#gnbwrap #tm > li > ul > li {display:inline-block; margin:0 5px;}
#gnbwrap #tm > li > ul > li > a {display:block;width:200px;height:50px;line-height:48px;border:1px solid #d9d9d9;border-radius:5px;font-size:16px;color:#282828;text-align:center;box-sizing:border-box;transition: all 0.3s;-webkit-transition:all 0.3s; }
#gnbwrap #tm > li > ul > li > a:hover,
#gnbwrap #tm > li > ul > li > a:focus {border:1px solid #009f9a; background:#009f9a; color:#fff; }

#gnb.on + .gnb_bg {display: block; z-index: 9998;}
#gnb + .gnb_bg{display: none;position: fixed;top: 86px;left: 0;z-index: 2;width: 100%;height: 100%;background: #000;opacity: 0.5;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}


#topmenu {display:none;}

.subVisual {position:relative;height:100px;padding: 23px 0 0;background:url(/images/media/common_new/sub_bg.jpg)no-repeat center / cover;text-align:center;}
.subVisual:after {display:block;position:absolute;z-index: -1;left:0;bottom:-40px;content:'';width:100%;height:40px;border-bottom: 1px solid #ddd;background:#fbfbfb;}

#containerwrap {}
#container {width:100%; max-width:1240px; margin:0 auto; }
#container:after {display:block; clear:both; visibility:hidden; content:''; }

#lnb {float:left;position: relative;top: -60px;width:230px;}
#lnb h2 {height:135px;line-height: 1;padding: 60px 35px 0;border-radius: 0 25px 0 0;background:url(/images/media/common_new/lnb_bg.jpg)no-repeat center / cover;color:#fff;font-size: 25px;font-weight: bold;}
#lnb .lm_2th {border-top:1px solid #ebebeb; }
#lnb .lm_2th li {border:1px solid #ebebeb; border-top:none;}
#lnb .lm_2th li a {display:block;position: relative;line-height: 1;padding: 17px 35px;font-size:15px;color:#2c2c2c;}
#lnb .lm_2th li a.link_2th_ov {color:#009f9a;}
#lnb .lm_2th li a:before {display:none;position:absolute;left: 18px;top: 20px;content:'';width: 6px;height: 6px;/* border-radius:2px; */border:solid #009f9a;border-width:2px 2px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#lnb .lm_2th li a.link_2th_ov:before {display:block; }
#lnb .shortcut {margin:80px 0 0;}
#lnb .shortcut ul {}
#lnb .shortcut ul li {margin:0 0 5px; }
#lnb .shortcut ul li a {display:block;position:relative; height:50px;line-height:50px;padding: 0 20px;border:1px solid #ddd;background:#f7f7f7;color:#2c2c2c;font-size: 15px;font-weight: bold; transition:all 0.3s; -webkit-transition:all 0.3s;}
#lnb .shortcut ul li a:after {display:block;position:absolute;right: 20px;top: 7px;content:'';width:36px;height:36px;background:url(/images/media/common_new/lnb_icoir.png)no-repeat;}
#lnb .shortcut ul li a.icon1:after {background-position:0 0;}
#lnb .shortcut ul li a.icon3:after {background-position:0 -36px;}
#lnb .shortcut ul li a.icon4:after {background-position:0 -72px;}
#lnb .shortcut ul li a:hover,
#lnb .shortcut ul li a:focus {border:1px solid #009f9a; background:#009f9a; color:#fff; }

#contentswrap {float:right; width:calc(100% - 230px); padding-left:65px; }

#location {}
#location .grap {text-align:right; }
#location span {display:inline-block;vertical-align: top;}
#location span a {display:inline-block;position: relative;line-height:40px;margin-left: 30px;color:#717171;font-size:14px;vertical-align: top;}
#location span a:last-child {font-weight:bold;color: #454545;}
#location span a:before {display:block;position:absolute;top: 16px;left: -21px;content:'';width:5px;height:5px;border:solid #727272;border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#location span a.home {width:11px; height:40px; background:url(/images/media/common_new/home.png)no-repeat center;  font-size:0;}
#location span a.home:before {display:none;}
#location span.print {margin-left:20px;}
#location span.print button {width:15px;height:40px;padding: 0;background:url(/images/media/common_new/print.png)no-repeat center;font-size:0;}
#location .title {padding: 35px 0 25px;margin: 0 0 20px;border-bottom: 1px solid #e8e8e8;}
#location .title:after {display:block; clear:both; visibility:hidden; content:'';}
#location .title h3 {float:left;line-height: 1;font-size: 20px;font-weight: bold;color: #202839;}
#location .title .sns_wrap {float:right; }
#location .title .sns_wrap button {display:inline-block;width:21px;height:21px;margin: 0 3px;background:url(/images/media/common_new/sns2.png)no-repeat;font-size:0;vertical-align: top;}
#location .title .sns_wrap button.icon1 {background-position:0 0;}
#location .title .sns_wrap button.icon2 {background-position: -28px 0;}


#footerwrap {margin: 50px 0 0;padding: 30px 0;border-top:1px solid #e6e6e6;}
#footer {}
#footer .leftcon {float:left;padding: 20px 0 0;}
#footer .leftcon .link {display:inline-block;margin-right: 30px;vertical-align:top;}
#footer .leftcon .link a {display:block;padding:0;background:none;font-size: 15px;font-weight:bold;color:#599e98;}
#footer .leftcon .addr {display:inline-block; vertical-align:top;}
#footer .leftcon .addr address {font-size:14px; color:#6b6a6a; }
#footer .leftcon .addr address span {display:inline-block;margin-left: 10px;font-size:14px;color:#6b6a6a;}
#footer .leftcon .addr p {font-size:14px; text-transform: uppercase; color:#6b6a6a;}
#footer .rightcon {float:right;}
#footer .rightcon .sns {display:inline-block;padding: 20px 0 0;vertical-align:top;}
#footer .rightcon .sns ul {}
#footer .rightcon .sns ul li {display:inline-block;margin-left: 10px;vertical-align:top;}
#footer .rightcon .sns ul li a {display:block; width:22px; height:23px; background:url(/images/media/common_new/sns.png)no-repeat; font-size:0;}
#footer .rightcon .sns ul li.n2 a {background-position:-22px 0; }
#footer .rightcon .sns ul li.n3 a {background-position:-44px 0; }
#footer .rightcon .footlogo {display:inline-block;margin-left: 35px;vertical-align:top;}


.satisfaction .survey_txt input[type="text"] {height:62px;}

.charge .modDate {margin-left: 22px;}


@media(max-width:1459px){
    #header #snb ul li {margin-left:15px;}
    #header #snb ul li:nth-child(1):after,
    #header #snb ul li:nth-child(2):after {right:-9px;}

    #gnbwrap #tm {padding-right: 335px;}
    #gnbwrap #tm > li {margin:0 15px;}
}

@media(max-width:1299px){
    #header h1 a span {margin: -9px 10px 0 0;}
    #header h1 a span:after {right: -9px;}

    #header #snb ul li {display:none;}
    #header #snb ul li.sitemap_link {display:inline-block;}

    #gnbwrap #tm {padding-right:70px;}
    #gnbwrap #tm > li > a {font-size:17px;}

    #container {max-width:100%; padding:0 30px}
    #lnb {width:210px;}
    #contentswrap {width:calc(100% - 210px); padding-left:45px; }
    
    .satisfaction p {float:none;}
    .satisfaction ul.star {float:none; }
    .satisfaction .survey_txt {float:none;margin: 10px 0 0;}
    .satisfaction .survey_txt label {left: 10px;}
    .satisfaction .survey_txt input[type="text"] {width: 75%;height:30px;padding-left: 10px;}
    .satisfaction .survey_txt input[type="button"] {width: 52px;height:30px;padding: 0;text-align: center;}

}

@media(max-width:1023px){
    #header h1 a {padding: 31px 0 0;font-size: 18px;}
    #header h1 a span {width: 118px;height: 35px;margin: -11px 15px 0 0;}
    #header h1 a span:after {right: -9px;top: 18px;}
    #header #snb {display:none;}
    #header #respond_buttons {display:block;float: right;padding: 24px 0 0;vertical-align: top;}
    #header #respond_buttons > a {display: inline-block;width:37px;height:37px;border-radius:50%;background:#009f9a url(/images/media/common_new/menu.png)no-repeat center;background-size: 15px auto;box-shadow:0 0 15px rgba(0,159,153,.26);font-size:0;vertical-align: top;}

    #header .searchBox {display:inline-block;margin-right: 10px;}
    #header .searchBox > button {display:block;width: 37px;height: 37px;background: url(/images/media/common_new/search.png)no-repeat center;font-size:0;}
    #header .searchBox .clickClose {display:block;position: absolute;right: 20px;top: 20px;width:35px;height:35px;background:none;font-size:0;}
    #header .searchBox .clickClose:before,
    #header .searchBox .clickClose:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    #header .searchBox .clickClose:before {width:100%;height: 3px;background: #222;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    #header .searchBox .clickClose:after {width: 3px;height:100%;background: #222;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    #header .searchBox .inner {display:none;position: fixed;left: 0;top: 0;z-index: 9999;width: 100%;padding: 55px 20px 65px;background: #fff;}
    #header .searchBox.on .inner {display: block;}
    #header .searchBox .inner form {position:relative;width: 100%;max-width: 450px;margin:0 auto;}
    #header .searchBox .inner .searchFrm {position:relative; }
    #header .searchBox .inner strong {display:block;margin: 0 0 30px;font-size: 30px;font-family: 'score';color: #328f89;text-align: center;}
    #header .searchBox .inner input[type="search"] {width:100%;height:60px;line-height:60px;padding: 0 56px 0 20px;border: 1px solid #328f89;border-radius: 50px;}
    #header .searchBox .inner .submit {position:absolute; right:5px; top:5px; }
    #header .searchBox .inner .submit input {width:50px; height:50px; border-radius:50%; border:none; background:#328f89 url(/images/media/common_new/search2.png)no-repeat center; font-size:0; }

    #header .searchBox.on + .search_bg {display: block;}
    #header .searchBox + .search_bg {display: none;position: fixed;top:0;left: 0;z-index: 2;width: 100%;height: 100%;background: #000;opacity: 0.8;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}

    #gnb {display:none; }

    #lnb {display:none; }

    #contentswrap {float:none; width:100%; padding:0;}
    
    #footerwrap {padding:30px 0 55px;}
    #footer .leftcon {padding:0;}
    #footer .leftcon .link {display:block; margin:0 0 10px;}
    #footer .leftcon .addr {display:block; margin:0;}
    #footer .rightcon {padding:20px 0 0;}
    #footer .rightcon .footlogo {width:110px;}

    #topmenu{display:block;position:absolute;z-index: 9999;top:0;right: -260px;width: 260px;background: #fff;}
    #topmenu .topmenu_close {display:none;position:absolute;left: -48px;top: 15px;width:30px;height:30px;background:none;font-size:0;}
    #topmenu .topmenu_close.on {display:block;}
    #topmenu .topmenu_close:before,
    #topmenu .topmenu_close:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    #topmenu .topmenu_close:before {width:100%;height: 2px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    #topmenu .topmenu_close:after {width: 2px;height:100%;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

    #topmenu .toputil {background:#3e9e98;text-align: center;}
    #topmenu .toputil li {display: inline-block; position:relative; margin:0 15px 0 0;}
    #topmenu .toputil li:last-child {margin:0;}
    #topmenu .toputil li:after {display:inline-block; position:absolute; right:-7.5px; top:24px; content:''; width:1px; height:10px; background:#cecece; }
    #topmenu .toputil li:last-child:after {display:none;}
    #topmenu .toputil li a {display:block; line-height:60px; padding:0; background:none; color:#fff; font-size:14px; }
    #topmenu #gnb_device {padding: 5px 15px;}
    #topmenu #gnb_device > li {}
    #topmenu #gnb_device > li > a {display:block;position: relative;height:60px;line-height:60px;border-bottom:1px solid #d0d0d0;font-size:16px;color:#292929;}
    #topmenu #gnb_device > li > a:before {display:block; position:absolute; content:''; right:15px; top:50%; width:18px; height:1px; background:#d0d0d0;}
    #topmenu #gnb_device > li > a:after {display:block; position:absolute; content:''; right:24px; top:50%; width:1px; height:18px; margin-top:-9px; background:#d0d0d0;}
    #topmenu #gnb_device > li > a.ov:before{background:#3e9e98;}
    #topmenu #gnb_device > li > a.ov:after {display:none;}
    #topmenu #gnb_device > li > ul {padding:10px 30px;border-top:5px solid #3e9e98; background:#f4f7f7; }
    #topmenu #gnb_device > li > ul > li  {margin:8px 0;}
    #topmenu #gnb_device > li > ul > li > a {display:block;position: relative;font-size:15px;color:#292929;}
    #topmenu #gnb_device > li > ul > li > a:before {display:block;position:absolute;top: 10px;left: -13px;content:'';width:3px;height:3px;background:#929292;}
}

@media(max-width:767px){
    .layout_media {padding:0 15px;}
    #container {padding:0 15px;}
    #location span.print {display:none;}

    #footer .leftcon {float:none; width:100%; text-align:center;}
    #footer .rightcon {float:none; width:100%; text-align:center;}
    #footer .rightcon .sns {padding:0;}
    #footer .rightcon .footlogo {display:none;}
}