@carset "utf-8";

#wrap {overflow:hidden;position:relative;width:100%;min-width:1000px;}
.layoutDisplay {display:inline-block;width:100%;margin-bottom: -4px;}
.boxSizing {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* header */
#header {background:#5FAE9E;}
.gnb{width:100%;}
.gnb .gnb-con{width:1000px;height:77px;margin:0 auto;}
.gnb .gnb-con:after{display:block;content:"";clear:both;}
.gnb .gnb-con .logo{float:left;}
.gnb .gnb-con .tit-box{float:left;width:500px;padding-top:19px;text-align:center;font-size:25px;font-weight:bold;color:#ffffff;}
.gnb .gnb-con .gnb-info-box{float:right;width:250px;}
.gnb-item{display:block;margin:10px 0 5px;}
.gnb .gnb-con .gnb-info-box .btn-login{float: left; height:30px;padding:0px 15px;border:1px solid #fff;font-size:13px;color:#fff;background:#5FAE9E;cursor:pointer;box-sizing: border-box;}
.gnb .gnb-con .gnb-info-box .link-sty{display:inline-block;height:30px;padding:0 10px;line-height:30px;color:#fff !important;font-size:13px;background:#2a9781;}
.gnb .gnb-con .gnb-info-box .link-sty .caret{display:inline-block;width: 0;height: 0;margin-left:5px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #fff;border-right:0;}

.gnb .gnb-con .gnb-info-box .member-txt{font-size:14px;color:#fff;}
.gnb .gnb-con .gnb-info-box .member-txt .admin-btn{display:inline-block;position:relative;padding:5px 5px 5px 15px;font-size:14px;color:#2a9781;background:#fff;}
.gnb .gnb-con .gnb-info-box .member-txt .admin-btn:before{content:'';position:absolute;top:8px;left:5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #2a9781;border-right:5px solid none;}

.gnb .gnb-con .gnb-info-box .gnb-item{}
.gnb .gnb-con .gnb-info-box .gnb-item::after{content: ""; display: block; clear: both;}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con {float: left; position: relative; max-width: 130px; width: 100%; height: 30px; margin-left: 5px; margin-right: 10px;}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con:last-child {margin-right: 0;}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .btn-site {display:block; position: relative; width:100%; height: 30px; padding: 0 45px 0 20px; border:1px solid #fff; line-height: 28px; text-align: left; color:#fff; background-color: #5FAE9E; cursor: pointer;}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .btn-site::before {content:""; position: absolute; top: calc(50% - 2.5px); right: 15px; width: 10px; height: 7px; background: url(../images/common/i_site_arr_on.svg) no-repeat center; transform: scale(-1);}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .btn-site > span {display: block;  font-size: 13px; line-height:1;}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .site-list {display: none; overflow-y: auto; position: absolute; top: 100%; left: 0; z-index: 50; width: 100%; max-height: 300px; border: 1px solid #e9e9e9; border-bottom: 0; box-sizing: border-box;}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .site-list > li {display:block; border-bottom: 1px solid #ccc;}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .site-list > li > a {display:flex; min-height: 30px; padding: 0 10px; color: #000; background-color: #fff; align-items: center;}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .site-list > li > a > span {display: block; font-size: 13px; line-height: 1; word-break: break-all;}


/* interaction */
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .btn-site {transition: border 0.3s, color 0.3s, background 0.3s;}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .btn-site:hover {border-color: #fff; color: #fff;}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .btn-site.on {border-color: #fff; color: #fff; background-color: #2a9781;}

.gnb .gnb-con .gnb-info-box .gnb-item .site-con .btn-site::before {transition: background 0.3s;}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .btn-site:hover::before {background-image: url(../images/common/i_site_arr_on.svg);}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .btn-site.on::before {background-image: url(../images/common/i_site_arr_on.svg); transform: scale(1);}

.gnb .gnb-con .gnb-info-box .gnb-item .site-con .site-list > li > a {transition: background 0.3s;}
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .site-list > li > a:focus,
.gnb .gnb-con .gnb-info-box .gnb-item .site-con .site-list > li > a:hover {background-color: #f2f4f8;}




#footer{}
.foot-address {width:100%;border-top:1px solid #d3d3d3;background:#fff;}
.foot-address .foot-address-area {width:1000px;margin:0 auto;padding:30px 0;}
.foot-address-area .foot-logo{float:left;}
.foot-address-area ul{float:left;padding:0px 0 0 30px;}
.foot-address-area ul li {margin-bottom:5px;color:#989aa3;font-size:13px;}






/* Tablet Device */