@charset "utf-8";
*{padding:0; margin:0; box-sizing:border-box; vertical-align: top;}
html{height: 100%;}
body, p, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre {margin: 0; padding: 0; list-style:none;}
body, input, textarea, select, button {color: #666666; font-family:'gmarketsansM', 'NotoSansR','Nanum Gothic','나눔고딕','Dotum','돋움','Arial'; font-size: 13px; line-height: 1.5; letter-spacing:0pt}
table{border-spacing:0; border-collapse:collapse;}
table, th, td {border: none;}
br { font-family:'NotoSansR','Nanum Gothic','나눔고딕','Dotum','돋움','Arial';}
.hidden{position:absolute !important;left:-999999em !important;top:-99999em !important;width:0;height:0;font-size:0;line-height:0;padding: 0 !important;margin: 0 !important;overflow: hidden;}
fieldset, img {border: 0 none;}
header,footer,aside,nav,article,section{display:block;width:100%;}
input, textarea, select {font-size:1em; font-family:'gmarketsansM', 'NotoSansR','Nanum Gothic','나눔고딕','Dotum','돋움','Arial'; vertical-align:middle;}
legend, hr {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
caption{position:absolute; left:-10000px;top:auto;width:1px;height:1px;overflow:hidden; }
fieldset {border: 0 none;}
form, fieldset, legend, textarea, input, select, textarea, button {margin: 0; padding: 0;}
input, select, textarea, button {vertical-align: middle; font-size:13px; color:#555;}
img, a img, input.image {border:0 none;margin:0; padding:0;}
a {text-decoration:none;}
a:link {color:#000;}
a:active {color:#000;}
a:visited {color:#000;}
a:hover {color:#000;}
.br{display:block;}
.clear{clear:both;}
/* global class */
.align_left {text-align:left !important;} .align_center {text-align:center !important;} .align_right {text-align:right !important;} .align_justify {text-align:justify !important;}
.valign_top {vertical-align:top !important;} .valign_middle{vertical-align:middle !important;} .valign_bottom {vertical-align:bottom !important;}
.display_block {display:block !important;}
.display_no {display:none !important;}
.display_non{display:none;}
.display_none{position:absolute; left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.visibility_hidden {position:absolute !important; visibility:hidden !important; font-size:0 !important; line-height:0 !important; height:0 !important; overflow:hidden !important;}
.float_left {float:left !important;}
.float_right {float:right !important;}
.clear_both {clear:both !important;}
.background_none {background:none !important;}
.border_none {border:none !important;}
.border_topnone {border-top:none !important;}
.border_rightnone {border-right:none !important;}
.border_bottmonone {border-bottom:none !important;}
.border_leftnone {border-left:none !important;}
.padding_none {padding:0 !important;}
.margin_none {margin:0 !important;}
.fontweight_normal {font-weight:normal !important;}
.fontweight_bold {font-weight:bold !important;}
.position_absolute {position:absolute !important;}
.position_relative {position:relative !important;}
.bold_300{font-weight:300 !important;;} .bold_400{font-weight:400 !important;;} .bold_500{font-weight:500 !important;;} .bold{font-weight:bold !important;;}
.mal3 {margin-left:3px !important;} .mal5 {margin-left:5px !important;} .mal10 {margin-left:10px !important;} .mal15 {margin-left:15px !important;} .mal20 {margin-left:20px !important;} .mal25 {margin-left:25px !important;} .mal30 {margin-left:30px !important;} .mal35 {margin-left:35px !important;} .mal40 {margin-left:40px !important;} .mal50 {margin-left:50px !important;} .mal55 {margin-left:55px !important;} .mal60 {margin-left:60px !important;} .mal65 {margin-left:65px !important;} .mal70 {margin-left:70px !important;} .mal75 {margin-left:75px !important;} .mal80 {margin-left:80px !important;} .mal90 {margin-left:90px !important;} .mal100 {margin-left:100px !important;} .mal120 {margin-left:120px !important;} .mal130 {margin-left:130px !important;} .mal140 {margin-left:140px !important;} .mal150 {margin-left:150px !important;} .mal-5 {margin-left:-5px !important;} .mal-10 {margin-left:-10px !important;} .mal-15 {margin-left:-15px !important;} .mal-20 {margin-left:-20px !important;} .mal-25 {margin-left:-25px !important;} .mal-30 {margin-left:-30px !important;} .mal-35 {margin-left:-35px !important;} .mal-40 {margin-left:-40px !important;} .mal-45 {margin-left:-45px !important;} .mal-50 {margin-left:-50px !important;}
.mar0 {margin-right:0 !important;} .mar5 {margin-right:5px !important;} .mar10 {margin-right:10px !important;} .mar15 {margin-right:15px !important;} .mar20 {margin-right:20px !important;} .mar25 {margin-right:25px !important;} .mar30 {margin-right:30px !important;} .mar35 {margin-right:35px !important;} .mar40 {margin-right:40px !important;} .mar45 {margin-right:45px !important;} .mar50 {margin-right:50px !important;} .mar55 {margin-right:55px !important;} .mar60 {margin-right:60px !important;} .mar70 {margin-right:70px !important;} .mar80 {margin-right:80px !important;} .mar90 {margin-right:90px !important;} .mar100 {margin-right:100px !important;} .mar120 {margin-right:120px !important;} .mar130 {margin-right:130px !important;} .mar140 {margin-right:140px !important;} .mar150 {margin-right:150px !important;}
.mab0 {margin-bottom:0 !important;} .mab5 {margin-bottom:5px !important;} .mab10 {margin-bottom:10px !important;} .mab15 {margin-bottom:15px !important;} .mab20 {margin-bottom:20px !important;} .mab25 {margin-bottom:25px !important;} .mab30 {margin-bottom:30px !important;} .mab35 {margin-bottom:35px !important;} .mab40 {margin-bottom:40px !important;} .mab45 {margin-bottom:45px !important;} .mab50 {margin-bottom:50px !important;} .mab70 {margin-bottom:70px !important;}
.ma0 {margin-bottom:0 !important;} .ma5 {margin-bottom:5px !important;} .ma10 {margin-bottom:10px !important;} .ma15 {margin-bottom:15px !important;} .ma20 {margin-bottom:20px !important;} .ma25 {margin-bottom:25px !important;} .ma30 {margin-bottom:30px !important;} .ma35 {margin-bottom:35px !important;} .ma40 {margin-bottom:40px !important;} .ma45 {margin-bottom:45px !important;} .ma50 {margin-bottom:50px !important;}
.mat0 {margin-top:0 !important;} .mat4 {margin-top:4px !important;} .mat5 {margin-top:5px !important;} .mat10 {margin-top:10px !important;} .mat15 {margin-top:15px !important;} .mat20 {margin-top:20px !important;} .mat25 {margin-top:25px !important;} .mat30 {margin-top:30px !important;} .mat35 {margin-top:35px !important;} .mat40 {margin-top:40px !important;} .mat45 {margin-top:45px !important;} .mat50 {margin-top:50px !important;} .mat100 {margin-top:100px !important;} .mat-5 {margin-top:-5px !important;} .mat-10 {margin-top:-10px !important;} .mat-15 {margin-top:-15px !important;} .mat-20 {margin-top:-20px !important;} .mat-25 {margin-top:-25px !important;} .mat-30 {margin-top:-30px !important;} .mat-35 {margin-top:-35px !important;} .mat-40 {margin-top:-40px !important;} .mat-45 {margin-top:-45px !important;} .mat-50 {margin-top:-50px !important;}
.pal5 {padding-left:5px !important;} .pal10 {padding-left:10px !important;} .pal15 {padding-left:15px !important;} .pal20 {padding-left:20px !important;} .pal25 {padding-left:25px !important;} .pal30 {padding-left:30px !important;} .pal35 {padding-left:35px !important;} .pal40 {padding-left:40px !important;} .pal50 {padding-left:50px !important;}
.par0 {padding-right:0 !important;} .par5 {padding-right:5px !important;} .par10 {padding-right:10px !important;} .par15 {padding-right:15px !important;} .par20 {padding-right:20px !important;} .par25 {padding-right:25px !important;} .par30 {padding-right:30px !important;} .par35 {padding-right:35px !important;} .par40 {padding-right:40px !important;}
.pat0 {padding-top:0 !important;}
.pat5 {padding-top:5px !important;} .pat8 {padding-top:8px !important;} .pat10 {padding-top:10px !important;} .pat15 {padding-top:15px !important;} .pat20 {padding-top:20px !important;} .pat25 {padding-top:25px !important;} .pat30 {padding-top:30px !important;} .pat35 {padding-top:35px !important;} .pat40 {padding-top:40px !important;}
.pab5 {padding-bottom:5px !important;}.pab10 {padding-bottom:10px !important;}.pab15 {padding-bottom:15px !important;}.pab20 {padding-bottom:20px !important;}.pab25 {padding-bottom:25px !important;}.pab30 {padding-bottom:30px !important;}.pab35 {padding-bottom:35px !important;}.pab40 {padding-bottom:40px !important;} .pab70 {padding-bottom:70px !important;}
.pa0{padding:0 !important;} .pa5{padding:5px !important;} .pa10{padding:10px !important;} .pa15{padding:10px !important;} .pa20{padding:15px !important;} .pa25{padding:25px !important;} .pa30{padding:30px !important;} .pa35{padding:35px !important;} .pa40{padding:40px !important;} .pa45{padding:45px !important;} .pa50{padding:50px !important;}
.area_button {background: #02101b;border: none;border-radius: 3px;color: #ffffff !important;width: 110px;height: 26px;margin: 0 0 0 0;padding: 3px 5px;}
.area_button_blue {background: #074c82;border: none;border-radius: 3px;color: #ffffff !important;width: 110px;height: 26px;margin: 0 0 0 0;padding: 3px 5px;}
.area_button_gold {background: #86720a;border: none;border-radius: 3px;color: #ffffff !important;width: 110px;height: 26px;margin: 0 0 0 0;padding: 3px 5px;}
.area_button_red {background: #b34f6e;border: none;border-radius: 3px;color: #ffffff !important;width: 110px;height: 26px;margin: 0 0 0 0;padding: 3px 5px;}
.area_button_green {background: #1c8420;border: none;border-radius: 3px;color: #ffffff !important;width: 110px;height: 26px;margin: 0 0 0 0;padding: 3px 5px;}
.area_button_gray {background: #849085;border: none;border-radius: 3px;color: #ffffff !important;width: 110px;height: 26px;margin: 0 0 0 0;padding: 3px 5px;}
/* 조직도 테이블 스타일
----------------------------------------------------------------------------------*/
div.table_c1{margin:0 0 20px 0;}
div.table_c1 table {width:100%; margin-top:10px; border-top:2px #6b6b6b solid; border-right:1px #d8d6d6 solid; border-left:1px #d8d6d6 solid; border-bottom:1px #d8d6d6 solid; border-collapse:collapse; }
div.table_c1 table th { background-color:#f4f3f3; border-left:1px #6b6b6b dotted; border-top:1px #d5d4d4 dotted; padding-top:5px;padding-bottom:5px;padding-left:3px;padding-right:3px;line-height:140%;text-align:center;}
div.table_c1 table td {border-left:1px #d8d6d6 solid; border-top:1px #d8d6d6 solid; padding:5px 2px 5px 2px; line-height:160%; text-align:center; word-break:break-all; }
div.table_c1 table td a {color:#555c63;}
div.table_c1 table td a:hover {text-decoration:underline;}
div.table_c1 .td_left{text-align:left; padding:5px 10px 5px 10px;}
div.table_c1 .td_right{text-align:left; padding:5px 10px 5px 10px;}
.inner{width:1578px; margin:0 auto;}
.sub_inner{width:1324px; margin:0 auto;}
.none{display:none}
@media screen and (max-width:1578px) {
.inner{width:100%;}
.sub_inner{width:100%;}
}
/* header */
header#header {position:fixed; top:0; width:100%; height:86px; z-index:99; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
#logo{margin:22px 0 0 0; position:absolute; background:url('/images/museum/logo2.png') no-repeat 0 0; width:206px; height:42px; display:inline-block; font-size:0; z-index:110}
#header #logo a{z-index:110; position:relative; width: 100%; height: 50px; display:block}
/*gnb start*/
#gnb {position:relative; width:100%; height:auto; z-index:100; }
#gnb_wrap {position:relative; width:100%; height:90px; z-index:10;}
.gnb_all{position:absolute; right:0; top:28px; font-size:0; z-index:999}
.gnb_all a{width:22px; height:22px; display:inline-block; margin-left:30px; }
.gbn_sch{background:url('http://www.shinan.go.kr/images/museum/gnb_all.png') no-repeat 0 0;}
.gnb_sitem{background:url('http://www.shinan.go.kr/images/museum/gnb_all.png') no-repeat -54px 0;}
#gnb_bg {position:relative; width:100%; height:90px; margin:0 auto; overflow:hidden; z-index:101; }
#gnb #depth > li:first-child {margin-left: 80px;}
#depth { position:relative; height:100%; width:1200px; margin:0 auto; z-index:950;}
#depth:after {content:""; clear:both; display:block;}
#depth li.depth_01 {display:inline-block;float:left; position: relative; height: 100%;}
#depth li.depth_01 a.depth_01_link {display:block; height:86px; line-height:86px; text-align:center; font-size:20px; color:#fff; padding: 0 35px; transition: all 0.1s ease-in-out 0s; position:relative; width: 100%;}
#depth li.depth_01 a.current,
#depth li.depth_01 a:hover,
#depth li.depth_01 a:active,
#depth li.depth_01 a:focus {color:#3f82d7}
#depth li.depth_01 ul.depth_02 {width:200px; position:absolute; padding-top:15px; height:100%; background:#3f82d7; left: 50%; margin-left: -100px;}
#depth li.depth_01 ul.depth_02:before{content:""; width:15px; height:15px; display:inline-block; background:#3f82d7; position:absolute; left: 50%; margin-left: -8px; top: -7px;
transform: rotate(45deg); z-index:99999999999}
#depth li.depth_01 ul.depth_02:after {content:""; display:block; clear:both;}
#depth li.depth_01 ul.depth_02 li {float:left; display:block; width:100%; text-align:center}
#depth li.depth_01 ul.depth_02 li a {position:relative; display:block; overflow:hidden; color:#fff; font-family: 'gmarketsansL'; font-weight:bold; letter-spacing:0; font-size:15px; height:auto; padding:4px 3px; }
#depth li.depth_01 ul.depth_02 li a.on,
#depth li.depth_01 ul.depth_02 li a:hover,
#depth li.depth_01 ul.depth_02 li a:active,
#depth li.depth_01 ul.depth_02 li a:focus {color:#feffac;}
#depth li.depth_01 ul.depth_02 > li > a:before {content:""; position:absolute; right:-7px; bottom:12px; width:6px; height:9px; background:url('../img/main/dot_depth_02.gif') left center no-repeat; transition: all 0.3s ease-in-out 0s;}
#depth li.depth_01 ul.depth_02 > li > a.on:before,
#depth li.depth_01 ul.depth_02 > li > a:hover:before,
#depth li.depth_01 ul.depth_02 > li > a:active:before,
#depth li.depth_01 ul.depth_02 > li > a:focus:before {right:10px;}
#depth li.depth_01 ul.depth_02 li ul {position:relative; width:100%; padding:10px 0 15px 0;}
#depth li.depth_01 ul.depth_02 li ul li {float:none; width:auto; margin:0 0 3px 3px;}
#depth li.depth_01 ul.depth_02 li ul li a {display:inline-block; color:#4d4d4d; font-weight:normal; font-size:14px; padding:0; background:none; border-color:#fff;}
/*gnb stop*/
/*mobile gnb start*/
.m_gnb_btn,
.dim,
.m_gnb_close,
#m_gnb {display:none; }
#m_gnb.on {display:none !important;}
#m_gnb ul div.top2m {display:none;}
#m_gnb ul {margin:0; padding:0;}
#m_gnb ul li {margin:0; padding:0; list-style-type:none; margin:0 0 0 33px;}
#m_gnb ul li a {display:block;}
#m_gnb ul ul li {margin:0 0 0 38px;}
#search_wrap{display:none; position:absolute; right: 0px; top: 56px; z-index:-1; border: 1px solid #508fed; }
#search{position:relative; z-index:100; width:400px; height:48px; background:#fff; }
#search .search_area{position:relative; height:48px; overflow:hidden; z-index:2;}
#search .search_area #searchCate{position:absolute; left:10px; top:15px; border:none; background:none; color:#666; font-size:16px;}
#search .search_area .searchInput .searchQuery{width:100%; border:0; height:48px; background:none; color:#2b2b2b; font-size:16px;}
#search .search_area .total_btn{position:absolute; right:0; top:0; margin:0; width:90px; line-height:50px; border:none; background:#508fed; cursor:pointer; z-index:2; color:#fff; font-family: 'gmarketsansM';}
@media screen and (min-width:1201px){
#header:hover{background:#fff; border-bottom:1px solid #ddd}
#header:hover #depth li.depth_01 a.depth_01_link{color:#000}
#header:hover #logo{background:url('http://www.shinan.go.kr/images/museum/logo_b2.png') no-repeat 0 0;}
#header:hover .gbn_sch{background:url('http://www.shinan.go.kr/images/museum/gnb_all_b.png') no-repeat 0 0;}
#header:hover .gnb_sitem{background:url('http://www.shinan.go.kr/images/museum/gnb_all_b.png') no-repeat -54px 0;}
}
#footer{background:#212226; color:#fff; padding:50px 0; clear: both; float: left; width: 100%; text-align:center;}
.boho_box{margin-bottom:10px;}
.boho_box a{color:#fff; display:inline-block; padding-right:10px; margin-right:10px; position:relative; font-size:16px; font-family: 'gmarketsansL'; font-weight:bold}
.boho_box a:after{content:""; width:1px; height:11px; background:#fff; display:inline-block; position: absolute; right: 0; top:4px}
.boho_box a:last-child:after{display:none}
#footer .br{display:inline}
.copy{font-family: 'gmarketsansL'; font-size:15px; text-transform: uppercase;}
.copy_add2{display:block; margin-top:5px;}
@media screen and (max-width:1578px) {
.inner{width:100%; padding: 0 20px;}
#header #logo{left:20px;}
.gnb_all{right:20px}
}
@media screen and (max-width:1505px){
#gnb{width:100%}
#gnb .gnb_sub li{width:9%;}
#gnb .gnb_sub > li:first-child { margin-left:232px}
#gnb .depth1{padding: 28px 0px;}
.gnb_container .gnb_ul{width:9%;}
}
@media all and (max-width:1200px){
#header:hover:after{display:none !important}
.gnb_sitem{display:none !important}
.gnb_all{right:70px}
#m_gnb.on {display:block !important;}
.m_gnb_btn {position:absolute; right:15px; top: 21px; display:block;}
.m_gnb_btn button { position:relative;z-index:100;padding:0;width:46px;height:46px;transform:rotate(0deg);transition:.5s ease-in-out; cursor:pointer; background:none; border:none;}
.m_gnb_btn button.open {top:0; right:300px; position:fixed; width:70px; height:125px; background:none; z-index:150;}
.m_gnb_btn button .state {background:none;opacity:0;}
.m_gnb_btn button .line {display:block;position:absolute;left:10px;top:10px;width:30px;height:4px;background:#3f82d7;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
.m_gnb_btn button .line:before {content:"";display:block;position:absolute;left:0;top:10px;width:23px;height:4px;background:#3f82d7;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
.m_gnb_btn button .line:after {content:"";display:block;position:absolute;left:0;top:20px;width:30px;height:4px;background:#3f82d7;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
.m_gnb_btn button.open .line {background:transparent;top:0;right:-100px;border:none;}
.m_gnb_btn button.open .line:before {top:30px;left:0;background:#fff;transform:rotate(135deg); width:45px;}
.m_gnb_btn button.open .line:after {top:30px;left:0;background:#fff;transform: rotate(-135deg); width:45px;}
.m_gnb_close {display:block;position:absolute;right:5px;top:0}
.m_gnb_close button {width:48px;height:48px; font-size:0}
.dim {position:fixed;top:0;left:0;z-index:110;width:100%;height:100%;background:rgba(0,0,0,0.6);}
#m_gnb {overflow-y:scroll;position:fixed;top:0;right:-320px;left:inherit;width:300px;height:100%;background:#fff;z-index:110;}
#m_gnb div.util a {display:inline-block; color:#828282; margin:0 5px 10px 0; padding:3px 7px; font-size: 12px; border:1px solid #ddd; background:#fff; }
#m_gnb div.util a:hover {text-decoration:underline;}
#m_gnb #m_menu {z-index:930; width:280px; }
#m_gnb .depth_02{display:none;}
#m_gnb .depth_02 ul{display:none;}
#m_gnb ul li {display:block;float:none;margin:0;border-bottom:solid 1px #d3d3d3;background:#fff;}
#m_gnb ul li a {position:relative;padding:12px 20px;font-size:17px;font-weight:400;color:#333;border:0;text-align:left;}
#m_gnb ul li a:hover, #m_gnb ul li a.active {border:none;background-color:#3f82d7;color:#fff;}
#m_gnb ul li.last {margin:0;}
#m_gnb ul li a span.bul {display:block;position:absolute;top:18px;right:30px;background:#888;transition:all .5s;width:2px;height:20px;margin:0;}
#m_gnb ul li a:hover span.bul{background:#fff; transition:all .5s;width:2px;}
#m_gnb ul li a span.bul:after {content:"";display:block;position:absolute;top:0;width:20px;height:2px;margin:9px 0 0 -9px;background:#888;}
/* #m_gnb ul li a:hover span {background:#fff;}*/
#m_gnb ul li a:hover span:after {background:#fff;}
#m_gnb ul li a.active span.bul {background:#fff; transform: translateY(0) rotate(-450deg); }
#m_gnb ul li a.active span:after {opacity:0;}
#m_gnb ul div.depth_02 {position:static; padding:7px 0;}
#m_gnb ul ul {padding:0;}
#m_gnb ul ul li {border:none;margin:0;}
#m_gnb > ul > ul > li{border-bottom:1px solid #e5f3e2; }
#m_gnb ul li.last {float:none;}
#m_gnb ul ul li:first-child a {margin:0;}
#m_gnb ul ul li a {padding:11px 0 10px 20px; text-align:left;font-size:15px; color:#666; background:#f4f6f9; border-bottom:1px solid #ddd;}
#m_gnb ul ul li:last-child a{border-bottom:none;}
#m_gnb ul ul li a:hover{ background:#f4f6f9 ; text-decoration:underline; color:#666; border-bottom:1px solid #ddd;}
#m_gnb ul ul li:last-child a:hover{border-bottom:none;}
#m_gnb ul ul ul li a:hover{border-bottom:none}
nav#gnb {display:none;}
}
@media screen and (max-width:1200px) {
#header #logo_box{width:100%; height: 88px;}
#header #logo_box #logo{margin-top: 16px; left:10px}
#header #utile_box .top_link{display:none}
#search_box {position:absolute;top:15px; right:30%; width:40%; height:30px; border:2px solid #4780c6; border-radius:999px}
#header #gnb{display:none}
#header #gnb_area{display:block; position:absolute; z-index:99999; right:20px; top:28px;}
#header #gnb_area .gnb_inner{position:relative;}
#header #gnb_area h3{display:none;}
.btn_menu a{display:block; height:22px; width:22px; background:url('/images/museum/gnb_all.png') no-repeat -54px 0; border:0; text-indent:-9999px; cursor:pointer;}
#header:hover{background:transparent}
#aside2{position:absolute; width:300px; top: 57px; right: -40px;z-index:300; background:#fff;}
#aside2 .allmenu_wrap {}
#aside2 .allmenu_wrap > li:last-child a {display:block; padding:8px 20px; position:relative; overflow:hidden; font-size:15px; font-weight:500; color:#f22}
#aside{position:absolute; width:300px; top:60px; z-index:300; background:#fff;}
#aside .allmenu_wrap {}
#aside .allmenu_wrap > li:last-child a {display:block; padding:8px 20px; position:relative; overflow:hidden; font-size:15px; font-weight:500; color:#f22}
.allLi, .allsub_list li{border-bottom:1px solid #cecece;}
.allLi a.new_win, a.li_a{display:block; padding:8px 20px; position:relative; overflow:hidden; font-size:15px; font-weight:500; }
a.li_a1{background:#fff;}
a.li_a1:hover{background:#e3cfc4; color:#000;}
a.li_a2{color:#fff;background:#515151;}
a.li_a2:hover{background:#8e8e8e;}
.allLi a.new_win:hover{background:#e3cfc4; color:#000;}
a.li_a1.on{color:#fff; background:#6f5e55;}
.allListTxt{float:left; padding:.2em; display:block; white-space:nowrap;}
.allLi .ico{float:right; position:absolute; top:17px; right:17px; font-size:10px;}
.allsub_list li:last-child{border-bottom:none;}
.allLi a.new_win, .subLi a.li_a{border-bottom:0;}
.allmenu_btn{width:100%; text-align:center; padding:20px 0; background:#fff;}
.allmenu_btn img{width:118px;}
.allmenu_btn li a{background:#f3f3f3; padding:5px 30px; border:1px solid #dedede;}
.allmenu_btn a.fst{margin-right:5px;}
.allmenu_btn a.btn_logout img{width:133px;}
}
@media screen and (max-width:765px) {
#header{height:66px; border-bottom:none}
#header #logo{ width:160px; left:20px; background-size: contain}
#header #utile_box{display:none}
#search_wrap {right: -50px; top: 45px;}
#search{width:300px;}
#header #gnb_area{top:23px; right:0;}
#header #gnb_box2 .gnb_list02{position:absolute;width:80%;right:0;top:60px;z-index:9999}
.gnb_all{top:23px; right:50px;}
#aside2 {top: 42px; right: -20px;}
#footer{padding: 30px 0;}
.boho_box { margin-bottom: 10px;}
.boho_box a {font-size:13px;}
.copy{font-size:13px;}
#footer .br{display:block;}
}
ul.login > li > p > input{height:24px; margin-bottom: 2px;}