/* BASIC css start */
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
.menu_on #header{position:fixed;top:0;left:0;right:0;}
.menu_on #container{padding-top:133px;}
.header_on #mask{display:none !important;} 
#header {position:relative; width:100%; background:#fff; z-index:101; }
#header.fix { position:fixed; top:0; left:0; right:0; z-index:102 }
#header .MK_top_banner img {width:100%; height:100%;}
#header .gnb {z-index:1; position:relative; background:#4d4d4d; border-bottom:1px solid #4d4d4d;}
#header .gnb:after {content:''; display:block; clear:both;}
#header .gnb.fixed {position:fixed; top:0; left:0; right:0;}
#header .gnb a {float:left; width:18%; height:13px; position:relative; margin:10px 0; margin-left:-1px; color:#f3f3f3; line-height:1; text-align:center;}
#header .gnb a.menu {color:#f3f3f3;}
#header .gnb a .point {position:absolute; top:20px; left:50%; width:52px; height:16px; line-height:16px; margin-left:-26px; background:#909090; color:#3d3d3d; text-align:center; border-radius:3px; color:#fff;}
#header .gnb a .point span {position:absolute; top:-4px; left:50%; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid #909090; margin-left:-4px;}
#header .gnb .lnk-bookmark {position:absolute; top:0; right:5px; width:30px; height:40px; margin:0; padding-top:10px; background:#ff5f00; color:#fff; font-size:.938em; text-align:center;}
#header .gnb .lnk-bookmark span {position:absolute; bottom:0; left:0; width:0; height:0; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:10px solid #fff;}
#header .header {position:relative; height:50px;}
#header .header h1 {position:absolute; top:30px; left:15px; font-size:2.5em;}
#header .header h1 img {width:150px; height:auto;}
#header .header .search { margin: 15px auto; width:210px; height:25px;}
#header .header .search p { display:block; float:left; line-height:26px; width:50px; }
#header .header .search label {position:relative; display:block; margin-right:25px;}
#header .header .search label input {width:100%; height:25px; border:0 none; border:1px solid #ddd; background:#fff; padding:0 5px;}
#header .header .search label .btn {width:25px; height:25px; line-height:25px; background:#fff; position:absolute; top:0; right:-32px; color:#afafaf; text-align:center;}



/* »ó´Ü ·Ñ¸µ¹è³Ê */
#header .topBan { }
#header .topBan .swiper-wrapper .list img { width:100% }
#header .sliderArea{position:static;}
#header .topBan .swiper-pagination { display:none; }
#header .swiper-pagination-clickable .swiper-pagination-bullet { background:#2e2e2e; opacity:1; margin: 0 0.8%; }
#header .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#cacaca; opacity:1; }
#header .swiperBtn{color:#111;font-size: 27px;width: 8%; height:22%; position:absolute;top:90%;text-align:center;background-image: none; z-index:11;}

/* Ä«Å×°í¸® */
aside {position:fixed; top:34px; left:0;right:0; bottom:0; z-index:1001; display:none;overflow:hidden;}
aside .shadow{background-color:#3c3c3c;opacity:0.8;width:100%;height:100%;position:relative;z-index:0;}
aside .asideCnt{height:100%;width:290px; background:#fff;position:absolute;top:0;left:0;bottom:0;z-index:2;}
aside .close {position:absolute; top:0; left:290px;z-index:1;width:30px; height:28px; padding-top:2px; background:#222; color:#fff; text-align:center;}
aside .asideTop {overflow:hidden; text-align:center;}
aside .asideTop a {float:left; width:33.33%; height:38px; line-height:38px; border-bottom:2px solid #ddd; color:#ababab; font-weight:bold;}
aside .asideTop a.act {border-bottom:2px solid #222; color:#222;}
aside nav li {border-bottom:1px solid #ccc; position:relative;}
aside nav li a {display:block; line-height:26px; padding:0 0 0 20px; margin-right:40px;}
aside nav li .fa {position:absolute; top:0; right:0; width:40px; text-align:center; height:35px; line-height:35px; font-size:18px; font-weight:bold;}
aside nav li > ul {background-color:#f4f4f4; display:none; border-top:1px solid #6e6e6e;}
aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 30px; margin:0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin:0;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}
aside .scrollArea{ -webkit-overflow-scrolling:touch;overflow:auto;position:absolute;top:40px;left:0;right:0;bottom:0;z-index:2;}
/* //Ä«Å×°í¸® */
/* BASIC css end */