/*
제주넷 2017 레이아웃
*/
@import url('font.css');
@import url('./fontello/css/fontello.css');
body {font-family: 'Noto Sans CJK', 'Noto Sans Korean', "맑은 고딕", sans-serif; min-width: 320px; overflow-x: hidden; color: #555; letter-spacing:-0.6px;}
h1,h2,h3,h4,h5,h6 {margin: 0; font-weight: bold;}
p, dl, ol, ul {margin: 0;}

i span{  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.btn-gray{background: #7C7D7E;color:#fff;}

.container {position: relative; width: 1000px;}

.header {z-index: 10; position: relative; height: 65px;}
.header h1 {display: inline-block; margin-top:22px; font-size: 0; vertical-align: top;}
.header h1 a {display: inline-block; width:144px; height:40px; background:url(../images/common/slogan.png) no-repeat; }
.img-responsive img{max-width:100%;}
.gnb, .all-menu {display: inline-block; margin-top:35px; font-size: 0; vertical-align: top;}
.gnb .gnb-menus, .all-menu .gnb-menus {display: inline-block; margin-left: 90px; vertical-align: top; }
.gnb .gnb-menus h2, .all-menu h2 {font-weight: normal; font-size: 18px;}
.gnb h2 a, .all-menu h2 a {display:inline-block; height:40px;color: #222;}
.gnb h2 a:hover, .all-menu h2 a:hover {color: #477fc9; text-decoration: none;}
.gnb .gnb-submenu {display: none; position: absolute; top: 65px; left: 0; right: 0; height: 280px; background: #f2f7fb; border-top: 1px solid #477fc9;}
.gnb .gnb-submenu p {float: left; width: 255px; height: 280px; padding: 25px 30px; font-size: 14px; color: #666; background: url(../images/common/2dep_img04.jpg) no-repeat right bottom;}
.gnb .gnb-submenu1 p {background: url(../images/common/2dep_img01.jpg) no-repeat right bottom;}
.gnb .gnb-submenu2 p {background: url(../images/common/2dep_img02.jpg) no-repeat right bottom;}
.gnb .gnb-submenu3 p {background: url(../images/common/2dep_img03.jpg) no-repeat right bottom;}
.gnb .gnb-submenu4 p {background: url(../images/common/2dep_img04.jpg) no-repeat right bottom;}
.gnb .gnb-submenu p strong {display: block; margin-bottom: 15px; font-size: 22px; color: #477fc9;}
.gnb .gnb-submenu ul>li {display: inline-block; padding: 15px; height: 280px; border-left: 1px solid #e5e9ee; vertical-align: top;}
.gnb .gnb-submenu ul>li>a {position: relative; font-size: 15px; color: #222; font-weight: bold;}
.gnb .gnb-submenu ul>li>a:after {position: absolute; top: 35px; left: 0; width: 25px; border-top: 1px solid #477fc9; content: "";}
.gnb .gnb-submenu ul>li>ul {margin-top: 30px;}
.gnb .gnb-submenu ul>li>ul>li {display: block; padding: 0; height: auto; border-left: 0; width: auto;}
.gnb .gnb-submenu ul>li>ul>li>a {display: block; font-size: 14px; font-weight: normal; color: #555;}
.gnb .gnb-submenu ul>li>ul>li>a:after {display: none;}
.gnb .gnb-submenu ul>li>ul>li>a:hover {color: #477fc9;}

.gnb .gnb-menu5 {display: none;}
.gnb .gnb-submenu.gnb-submenu1 ul>li {width: 149px;}
.gnb .gnb-submenu.gnb-submenu2 ul>li {width: 149px;}
.gnb .gnb-submenu.gnb-submenu2.share ul>li {width: 149px;}
.gnb .gnb-submenu.gnb-submenu3 ul>li {width: 370px;}
.gnb .gnb-submenu.gnb-submenu4 ul>li {width: 124px;}
.gnb .gnb-submenu.gnb-submenu4 ul>li {padding: 15px 10px; letter-spacing: -1px;}
.gnb .gnb-submenu.gnb-submenu4 ul>li>ul>li {padding:0; letter-spacing: 0;}

.all-menu {display: inline-block; margin-top:35px; font-size: 0; vertical-align: top;}
.all-menu .gnb-menu5 h2 {display: none;}
.all-menu .gnb-submenu {position: absolute; top: 65px; left: 0; width: 200px; height: 500px; padding: 15px 20px; background: #eee; border-top: 1px solid #477fc9; font-size: 14px; border-right:1px solid #dcdcdc;}
.all-menu .gnb-submenu p span {display: none;}
.all-menu .gnb-submenu1 {left:0; border-left: 1px solid #dcdcdc;}
.all-menu .gnb-submenu2 {left:200px;}
.all-menu .gnb-submenu3 {left:400px;}
.all-menu .gnb-submenu4 {left:600px;}
.all-menu .gnb-submenu5 {left:800px;}
.all-menu .gnb-submenu p {position: relative; height: 35px; margin-bottom: 15px;}
.all-menu .gnb-submenu p a strong {font-size: 18px; font-weight: normal; color: #222;}
.all-menu .gnb-submenu p a:hover strong {color: #477fc9;}
.all-menu .gnb-submenu p:after {position: absolute; top: 35px; left: 0; width: 25px; border-top: 1px solid #477fc9; content: "";}
.all-menu .gnb-submenu ul>li>a {font-weight: bold; color: #555;}
.all-menu .gnb-submenu ul>li:before {content: "· ";}
.all-menu .gnb-submenu ul>li {padding: 5px 0;}
.all-menu .gnb-submenu ul>li>ul {padding-left: 8px;}
.all-menu .gnb-submenu ul>li>ul>li>a {font-weight: normal; line-height:inherit;;}
.all-menu .gnb-submenu ul>li>ul>li {padding: 0}
.all-menu .gnb-submenu ul>li>ul>li:before {content: "- ";}

.header-menuview {z-index: 100; position: absolute; top: 30px; right: 30px;}
.header-menuview a {display: inline-block; width: 29px; height: 30px;}
.header-menuview a.btn-view {background: url(../images/common/all_menu.png) no-repeat 0 0;}
.header-menuview a.btn-close {background: url(../images/common/menu_close.png) no-repeat 0 0;}
.header-btnlogin {z-index: 100; position: absolute; top: 30px; right: 0;}
.header-btnlogin a {display: inline-block; width: 30px; height: 30px; background: url(../images/common/login.png) no-repeat 0 0;}
.header-btnlogin .open_btn {background: url(../images/common/logout.png) no-repeat 0 0 #598BCF;}
.logout_btn_wrap {display: none;text-align: center;padding-top: 27px;font-size: 14px;color:#555;position:absolute; top:60px; right:0; width:249px;height: 124px;background: url(../images/common/logout_box.png) no-repeat center;}
.logout_btn_wrap span{color:#477fc9}
.logout_btn_wrap a{width:100px;height: 40px;border-radius: 0;padding:0;line-height: 40px;margin-top:17px;}
.logout_btn_wrap a:hover{color:#fff;}
.logout_btn_wrap a:focus{color:#fff;}

.footer {text-align: center; font-size: 15px; font-weight: 100; line-height: 25px;}
.footer-top {background: #e5e5e5; height: 30px;}
.footer-top ul {display: table; table-layout: fixed; width: 100%; line-height: 15px; margin-top:8px;}
.footer-top ul>li {display: table-cell; text-align: center;}
.footer-top ul>li+li {border-left:1px solid #9F9F9F;}
/*.footer-top ul>li+li:before {content: '|'; color: #555;}*/
.footer-top a {color: #555;}
.footer-bottom {height: 200px;}
.footer-bottom {background-color: #354367; color:#bdc5db;}
.footer-logo {margin: 30px 0; height:24px; font-size: 0; background: url(../images/common/footer_logo.png) no-repeat center 0;}
.footer-copy {padding-bottom: 15px;}
.footer address { padding: 0; margin: 0; }



.font0 span {
  font-size: 0;
}