/*********************************************
Note : 안내테스크 색상
*********************************************/
.Default_backColor,#CSpaper_Menu a,#CSpager_Layer .title strong {background-color:#0068b1;}
.Default_textColor {color:#0068b1;}

/*********************************************
Note : 기본레이아웃
*********************************************/
.body-wrap-full {position:relative;overflow:visible;width:100%}
.body-wrap-basic {position:relative;overflow:visible;width:1280px}

/*********************************************
Note : top
*********************************************/
.head-top {overflow:hidden;width:100%;height:30px;background-color:#f4f4f4}

/*********************************************
Note : 시작페이지/즐겨찾기추가/최종편집
*********************************************/
.top-mark {float:left;overflow:hidden;height:30px;letter-spacing:-0.08em}
.top-mark ul li {float:left;padding:0 10px;background:url('./design_basic.png') no-repeat left -90px;}
.top-mark ul li.home {padding-left:0;background:none}
.top-mark ul li a {display:block;line-height:30px;font-size:12px;font-family:'Malgun Gothic',dotum,sans-serif,AppleGothic;color:#878787}
.top-mark ul li a i.fa-home,.top-mark ul li a i.fa-star {font-size:15px;margin-right:3px}
.top-mark ul li.update {font-size:12px;font-family:'Malgun Gothic',dotum,sans-serif,AppleGothic;color:#878787;line-height:30px;letter-spacing:0}
.top-mark ul li.update strong {color:#0068b1}

/*********************************************
Note : 로그인
*********************************************/
.login-btn {float:right;letter-spacing:-0.08em}
.login-btn ul, .login-btn ul li {float:left;overflow:hidden;height:30px}
.login-btn ul li {padding:0 10px;background:url('./design_basic.png') no-repeat left -90px;background-position:left -91px\9}
.login-btn ul li.nobr {background:none}
.login-btn ul li a {color:#878787;font-size:12px;font-family:'Malgun Gothic',dotum,sans-serif,AppleGothic;line-height:30px;}
.login-btn ul li a strong {color:#0068b1}

/*********************************************
Note : logo
*********************************************/
.top-header {overflow:hidden;width:100%;margin:10px 0}
.top-header .body-wrap-basic {position:relative;overflow:hidden;height:80px}
.top-header .body-wrap-basic h1 {margin:0 auto}

.top-logo {position:absolute;top:0}
.top-logo > a,.top-logo > i {float:left}
.top-logo > i {overflow:hidden;height:40px;margin:3px 0 0 10px;padding:0 10px;border-radius:0 5px;background-color:#0839a5;font-style:normal;line-height:38px;cursor:default}
.top-logo > i > a,.top-logo > i > a:hover {color:#fff;font-size:26px;font-weight:500;letter-spacing:-0.08em;text-decoration:none}

.left-banner {position:absolute;bottom:0;left:0}
.right-banner {position:absolute;bottom:0;right:0}

/*********************************************
Note : SNS
*********************************************/
.sns-btn {position:absolute;right:36px;bottom:17px}
.sns-btn ul li {float:left;font-size:13px;padding:0 7px;}
.sns-btn ul li a {overflow:hidden;display:block;height:20px;background:url('./design_basic.png') no-repeat;text-indent:-5000px}

/*.sns-btn ul li a.sns_fac {width:9px;background-position:0 0}
.sns-btn ul li a.sns_twi {width:20px;background-position:-60px 2px}
.sns-btn ul li a.sns_talk {width:20px;background-position:-120px 0}
.sns-btn ul li a.sns_story {width:11px;background-position:-180px 0}
.sns-btn ul li a.sns_rss {width:18px;background-position:-240px 0}*/

.sns-btn ul li a.sns_fac,.sns-btn ul li a.sns_fac:hover {width:9px;background-position:0 -50px}
.sns-btn ul li a.sns_twi,.sns-btn ul li a.sns_twi:hover {width:20px;background-position:-60px -48px}
.sns-btn ul li a.sns_talk,.sns-btn ul li a.sns_talk:hover {width:20px;background-position:-120px -50px}
.sns-btn ul li a.sns_story,.sns-btn ul li a.sns_story:hover {width:11px;background-position:-180px -50px}
.sns-btn ul li a.sns_rss,.sns-btn ul li a.sns_rss:hover {width:18px;background-position:-240px -50px}

/*********************************************
Note : search
*********************************************/
.MenuBar .search {position:absolute;right:0;bottom:17px;padding-left:10px;border-left:1px solid #ddd}
.MenuBar .search a {overflow:hidden;display:block;width:22px;height:22px;background:url('design_basic.png') no-repeat -240px -100px;text-indent:-5000px}

.MenuBar .search a.search-close {background-position:-240px -150px}

.MenuBar .top-search {position:absolute;display:none;width:240px;height:36px;background-color:#fff;border:1px solid #bbb;left:-240px;top:-7px;padding-left:10px;z-index:77}
.MenuBar .top-search input {float:left;width:190px;height:34px;border:0;letter-spacing:-0.03em}
.MenuBar .top-search input.inptxt {color:#aaa}
.MenuBar .top-search button {overflow:hidden;float:left;width:20px;height:34px;margin-left:5px;background:url('design_basic.png') no-repeat -240px -93px;text-indent:-5000px}


/*********************************************
Note : top menu
*********************************************/
.menu-top-line {overflow:hidden;width:100%;height:1px;background-color:#ddd;margin-bottom:2px;text-indent:-5000px}
.MenuBar {position:relative;overflow:visible;width:1280px;height:50px;text-align:left;letter-spacing:-0.08em;border-top:1px solid #ddd}
.MenuBar ul.mega-menu-top > li.megaline,
.MenuBar ul.mega-menu-top > li.megaline > ul > li {float:left;overflow:visible}

/* 1차섹션 */
.MenuBar ul.mega-menu-top {position:absolute;width:1280px;height:46px;border-bottom:2px solid #000}
.MenuBar ul.mega-menu-top li.megaline {height:46px}
.MenuBar ul.mega-menu-top li.megaline.nobr {background:url('./design_basic.png') no-repeat 0 -184px}

/* 1차섹션(아웃) */
.MenuBar ul.mega-menu-top > li.megaline > a {padding:0 20px;font-weight:bold;color:#000;font-size:18px;line-height:44px}

/* 1차섹션(오버) */
.MenuBar ul.mega-menu-top > li.megaline > a:hover {text-decoration:none;color:#0068b1}

/* 2차섹션 */
.MenuBar ul.mega-menu-top li.megaline ul {position:absolute;overflow:hidden;display:none;width:1280px;height:36px;top:46px;left:0;background-color:#fff;border:1px solid #ddd;z-index:999}
.MenuBar ul.mega-menu-top li.megaline ul li.sub {padding:0 10px;background:url('./design_basic.png') no-repeat left -88px}
.MenuBar ul.mega-menu-top li.megaline ul li.nobr {background:none}
.MenuBar ul.mega-menu-top li.megaline ul li.sub a {height:34px;background:none;padding:0;color:#777;font-size:12px;font-family:'Malgun Gothic',dotum,sans-serif,AppleGothic;line-height:32px}
.MenuBar ul.mega-menu-top li.megaline ul li.sub a:hover {color:#444}

/* 전체메뉴 icon */
.MenuBar .top-all-menu a .icon {float:left;display:block;overflow:hidden;width:15px;height:44px;background:url('./design_basic.png') no-repeat 0 -134px;text-indent:-5000px}
.MenuBar .top-all-menu a.all-menu-close .icon {background-position:-100px -86px}
.MenuBar ul.mega-menu-top > li.megaline.top-all-menu > a:hover {color:#000}

/* 지역메뉴 */
ul.localMenu,ul.localMenu > li {float:left;overflow:hidden;letter-spacing:-0.04em}
ul.localMenu {width:100%;border-bottom:1px solid #dfdfdf}
ul.localMenu > li {height:36px;padding:0 16px;background:url('./design_basic.png') no-repeat 0 -88px;line-height:32px}
ul.localMenu > li.nobr {background:none}
ul.localMenu > li > a,ul.localMenu > li > a:hover {color:#77787b;font-size:14px;text-decoration:none}
ul.localMenu > li > a:hover {color:#000}
/*********************************************
Note : side menu
*********************************************/
.side-menu {position:fixed;display:block;top:0px;bottom:0px;left:-200px;width:188px;background-color:#ecf0f1;padding-top:50px;box-shadow:5px 0px 5px #ccc;z-index:990}

/* 전체메뉴 닫기 */
.side-menu .side-menu-close {position:absolute;display:block;overflow:hidden;width:15px;height:15px;right:20px;top:20px;cursor:pointer;text-indent:-5000px;background:url('./design_basic.png') -60px -150px no-repeat;z-index:55}

/* 전체메뉴 1차 */
.side-menu .mega-menu,
.side-menu .mega-menu > li {float:left;width:100%}
.side-menu .mega-menu > li.megaline {text-align:left;line-height:100%}
.side-menu .mega-menu > li.megaline > a {display:block;font-weight:bold;font-size:15px;letter-spacing:-0.05em;padding:12px 20px}
.side-menu .mega-menu > li.megaline > a:hover,
.side-menu .mega-menu > li.megaline > a.a-hover,
.side-menu .mega-menu > li.megaline > a.s-menu-back {text-decoration:none;color:#333;background-color:#fff}
.side-menu .mega-menu > li.megaline > a > i.side-menu-icon {overflow:hidden;float:right;display:block;width:4px;background:url('./design_basic.png') no-repeat -120px -148px;text-indent:-5000px}

/* 전체메뉴 2차 */
.side-menu .mega-menu > li > ul.sub-menu {position:absolute;display:none;width:180px;left:180px!important;top:0;bottom:0;background-color:#fff;padding:50px 0;z-index:55;box-shadow:5px 5px 5px #ccc;}
.side-menu .mega-menu > li > ul.sub-menu > li.sub {line-height:120%}
.side-menu .mega-menu > li > ul.sub-menu > li.sub > a {display:block;font-size:13px;letter-spacing:-0.05em;color:#7f8c8d;padding:10px 15px}
.side-menu .mega-menu > li > ul.sub-menu > li.sub > a:hover {text-decoration:none;color:#3D5EC4;}