@charset "utf-8";
/************************************************
Version : 광화문에서 읽다 거닐다 느끼다 1.0
Date : 2015-10-14
*************************************************/

/* layout */
body#guide {background:none;}
body#guide #guide_wrap #header h1 {position:absolute; left:10px; top:8px;}
body#guide #header {height:72px; border-bottom:5px solid #666;}
body#guide #gnb {overflow:hidden; width:1070px; padding:38px 0 0 200px;}
body#guide #gnb li {position:relative; float:left; z-index:10; margin:0 !important;}
body#guide #gnb li.selected {z-index:100;}
body#guide #guide_contain {overflow:hidden; clear:both; position:relative; background-color:#fff;}

.Guidewrap .guideH2 {background:#008485; padding:20px 20px 10px; color:#fff; font-size:20px;}
.Guidewrap .guideH3 {padding:10px 20px 10px; color:#333; font-size:15px;}
.Guidewrap .guideH3 > span {font-size:12px; color:#717171;}
.Guidewrap > .cont {padding:15px; border-bottom:1px solid #ddd; overflow:hidden;}
.Guidewrap > .cont > .guideH3 {padding:10px 0 10px; color:#333; font-size:13px;}
.Guidewrap > .cont02 {padding:15px 0; border-bottom:1px solid #ddd; overflow:hidden;}
.Guidewrap > .cont02 > .guideH3 {padding:10px 0 10px; color:#333; font-size:13px;}

.Guidewrap ul.tab01 {overflow:hidden; max-width:100% !important; height:40px; background-color:#f7f7f7;}
.Guidewrap ul.tab01:after {content:""; display:block; clear:both;}
.Guidewrap ul.tab01 li {float:left; height:40px;}
.Guidewrap ul.tab01 li:first-child {margin-left:0; padding-left:0; background:none;}
.Guidewrap ul.tab01 li a {display:block; line-height:40px; padding:0 20px; font-size:13px; color:#838383; text-align:center; letter-spacing:-1px;}
.Guidewrap ul.tab01 li a:hover {background-color:#aaa; font-weight:bold; color:#fff}

.btnTop {position:relative; z-index:100; overflow:hidden; width:100%; height:20px; margin:-10px 0 -10px; border-bottom:1px solid #ddd}
.btnTop a {position:absolute; right:0; display:block; width:46px; height:20px; background:url("../guide_img/btn_top.gif") no-repeat 0 0; text-indent:-9999px;}
.commonCnt .btnTop {border-bottom:0 !important;} /* common.html에만 적용 */

.tooltip {position:relative;}
.tooltip > .tooltipCont {z-index:9999; display:none; overflow:hidden; position:absolute;}
.tooltip > .tooltipCont > .head {width:100%; height:6px; background:url(../../../images/common/bg/bg_tipTop.png) no-repeat right; background-size:11px 6px;}
.tooltip > .tooltipCont > .cont > .top {display:table; width:100%; height:18.5px;}
.tooltip > .tooltipCont > .cont > .top > .left {display:table-cell; width:18.5px; background:url(../../../images/common/bg/bg_tipLeft.png) no-repeat top left; background-size:18.5px;}
.tooltip > .tooltipCont > .cont > .top > .right {display:table-cell; background-color:#5f93e7;}
.tooltip > .tooltipCont > .cont > .center {overflow:hidden; padding:0 22px 16px 24px; font-size:12px; color:#fff; background:#5f93e7}

.guideDl {}
.guideDl dt {margin-top:13px;font-size:13px;color:#000;}
.guideDl dd {margin-top:8px;}

