html.hidden,
body.hidden {overflow:hidden;}

/*wrap*/
#wrap{position:relative; min-height:100%; overflow-x:hidden;}

#header {position:relative; z-index:100; background:#053a83;}
#header > .inner {position:relative; height:70px; line-height:1;}
#header .logo {position: absolute; top:50%; left:25px; width:89px; transform:translateY(-50%)}

/* gnb */
#header .menu_all {position:absolute; top:0; right:0; height:100%; padding:25px; overflow:hidden;}
#header .menu_all span {height:0; text-indent:-9999px; overflow:hidden; white-space: nowrap; margin:5px 0;}
#header .menu_all span,
#header .menu_all:before,
#header .menu_all:after {content:''; display:block; width:20px; border-top:2px solid #fff;}

.gnb {position:fixed; top:0; right:-320px; padding-bottom:70px; z-index:1000; overflow:hidden; width:320px; height:100%; background:#fff;}
.gnb.active {right:0;}
.gnb > .nav,
.gnb #all_menu {float:left; position:relative;}
.gnb > .nav {width:117px; height:100%; background:#0c4ca3;}
.gnb > .nav .link_main {display:block; margin:18px 0 0; text-align:center;}
.gnb > .nav .link_main img {width:69px;}
.gnb > .nav > .inner {padding:44px 25px 0;}
.gnb > .nav > .inner li {margin-bottom:18px;}
.gnb > .nav > .inner .trigger {display:inline-block; color:#fff; padding-bottom:5px; border-bottom:2px solid transparent;}
.gnb > .nav > .inner li.active .trigger {border-bottom-color:#fff; font-weight:700;}
.gnb > .nav .link_kcc {position:absolute; bottom:25px; left:23px; width:70px;}
#all_menu {overflow:hidden; width:203px; height:100%; padding-top:50px;}
#all_menu .nav_top {position:absolute; top:0; left:0; width:100%; height:50px; padding:20px 0 0 25px; overflow:hidden; border-bottom:1px solid #e5e5e5;}
#all_menu .nav_top li {float:left; margin-right:15px;}
#all_menu .nav_top a {font-size:11px; font-weight:700;}
#all_menu > .inner {position:absolute; top:50px; left:0; bottom:0; right:0; overflow-y:scroll; padding:0 25px; -webkit-overflow-scrolling:touch;}
#all_menu h2 {margin-bottom:30px; font-size:18px; font-weight:700;}
#all_menu a {display:block; white-space:nowrap; color:#222;}
#all_menu .all_sub {padding:25px 0; border-bottom:1px solid #e5e5e5;}
#all_menu .sub_nav li {margin-top:19px;}
#all_menu .sub_nav ul li {margin-top:15px; white-space:nowrap;}
#all_menu .sub_nav ul a {position:relative; font-size:12px;}
#all_menu .sub_nav ul a:hover {color:#4b97ff;}
#all_menu .sub_nav ul a:before {content:''; display:inline-block; width:1px; height:1px; background:#777; margin-right:6px; vertical-align:middle;}
#all_menu .btn_close {display:block; position:absolute; top:0; right:0; width:66px; height:50px;}
#all_menu .btn_close span {display:block; background:#000; height:2px; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-10px; width:20px; text-indent:-9999px; white-space:nowrap; transform:rotate(45deg);}
#all_menu .btn_close span:after {background:#000; content:''; height:20px; left:9px; position:absolute; top:-9px; width:2px;}
#all_menu .btn_link {position:absolute; bottom:0; right:0;}
#all_menu .btn_link a {display:inline-block; margin-left:6px; border:1px solid #747474;}

/* quick menu */
.quick {position:absolute; bottom:0; left:0; width:100%; height:70px; background:#222;}
.quick ul {overflow:hidden; padding:0 12px;}
.quick li {float:left; width:25%; text-align:center;}
.quick a {display:block; height:70px; padding-top:17px; font-size:11px; color:#bbb;}
.quick span {display:block; margin-top:7px;}
.quick img {width:21px;}
/* //gnb */

/* footer */
#footer {position:relative; padding:50px 25px 25px; background-color:#28282e; color:#fff; line-height:1;}
#footer > .inner {position:relative;}
#footer .footer_link li {margin-bottom:18px;}
#footer .footer_link li:last-child {margin-bottom:0;}
#footer .footer_link a {font-size:12px; color:#ababab;}
#footer .family_links {width:100%; margin-top:20px;}
#footer .family_links select {position:relative; padding-left:16px; background:#28282e url(../images/common/bg_footer_select.png) no-repeat 100% 50%; background-size:23px; font-size:12px; color:#ababab; text-align:left; text-transform:uppercase; font-weight:700;}
#footer .footer_sns {margin-top:20px;}
#footer .footer_sns a {margin-right:3px;}
#footer .footer_sns img {width:32px;}
#footer address {margin-top:50px; font-size:11px; color:rgba(171,171,171,.7); text-transform:uppercase; line-height:1.5;}
/* //footer */

/* container */
#container:after {content:''; display:table; clear:both;}
.content {position:relative;}
.aside + .content {padding-left:260px;}
.content_body {position:relative; padding-bottom:100px;}
.content_body > .inner,
.central_section {position:relative; margin:0 auto;}
/* //container */

/* lnb */
.aside {position:absolute; top:0; left:0; bottom:0; width:200px; border-right:1px solid #dfdfdf; z-index:10;}
.lnb {padding-top:70px; line-height:1;}
.lnb h2 {margin-bottom:30px; font-size:20px;}
.lnb li {margin-right:-1px;}
.lnb a {display:block; padding:9px 30px 9px 0; color:#222;}
.lnb .active a {border-right:2px solid #0c4ca3;color:#0c4ca3; font-weight:700;}
/* //lnb */

.toggle_gnb {position:absolute; top:0; right:30px; width:70px; height:70px; background:#0c4ca3; color:#fff; box-shadow:0 3px 6px rgba(0,0,0,.1); text-indent:-9999px; overflow:hidden;}
.toggle_gnb:after {position:absolute; top:50%; left:50%; content:''; display:inline-block; width:17px; height:9px; margin:-4px 0 0 -9px; background:url(../images/common/common.png) no-repeat -150px -170px; }
.toggle_gnb.active:after {background-position:-200px -170px;}

.breadcrumb:after {content:''; display:table; clear:both;}
.breadcrumb .ui-select {float:left; width:50%;}
.breadcrumb .ui-select > button {border:none; border-bottom:1px solid #ddd;}
.breadcrumb .ui-select:last-child > button {border-left:1px solid #ddd;}
.breadcrumb .ui-select > ul {top:44px; border-color:#ddd; padding:0;}

#header.compact {background:transparent;}
#header.compact .logo,
#header.compact .breadcrumb {display:none}