/*color*/
.fcRed{color:red !important;}
.fcBlue{color:blue !important;}

/*font*/
.fBold{font-weight:bold !important;}
.fBold600{font-weight:600 !important;}
.font20{font-size:20px !important;}


/* margin-style */
.mAll10 {margin:10px !important;}
.mtop10 {margin-top:10px !important;}
.mbottom10 {margin-bottom:10px !important;}
.mleft10 {margin-left:10px !important;}
.mright10 {margin-right:10px !important;}
.mAll15 {margin:15px !important;}
.mtop5 {margin-top:5px !important;}
.mtop15 {margin-top:15px !important;}
.mbottom15 {margin-bottom:15px !important;}
.mbottom20 {margin-bottom:20px !important;}
.mleft15 {margin-left:15px !important;}
.mleft25 {margin-left:25px !important;}
.mright15 {margin-right:15px !important;}
.mAll20 {margin:20px !important;}
.mAll30 {margin:30px !important;}

.mright20 {margin-right:20px !important;}
.mright30 {margin-right:30px !important;}

/* padding-style */
.pAll10 {padding:10px !important;}
.ptop10 {padding-top:10px !important;}
.pbottom10 {padding-bottom:10px !important;}
.pleft10 {padding-left:10px !important;}
.pright10 {padding-right:10px !important;}
.ptop15 {padding-top:15px !important;}
.pbottom15 {padding-bottom:15px !important;}
.pleft15 {padding-left:15px !important;}
.pright15 {padding-right:15px !important;}
.ptop20 {padding-top:20px !important;}
/* 전체 그룹 */
.wrap {position:relative; margin:0 auto; width:1240px; }
*:first-child+html .wrap {position:relative; margin:0 auto; width:1240px; z-index:9000;}

/* 상단 */
#header {position:relative; height:88px; width: 1240px; margin: 0 auto;}
#logo {position:absolute; left:1px; top:16px; width:198px; height:50px;}

/* 네비게이션 메뉴 */
#gnb {position:absolute; top:24px; right:0px; width: 40px; height: 40px; background: #3a3a3a;}
#gnb li {float:left; background:url("/images/simsa/common/gnb_li_bg.gif") no-repeat 0px 5px; }
#gnb li.nobg {background:none;}
#gnb li.nobg a{background: url('../../images/simsa/common/menu_bar.png') no-repeat ; width: 30px; height: 30px; position: absolute; display: block;}
/* 통합검색 */
#search {position:absolute; margin-top:24px; right:37px; float:right; height:25px;}
#search input.text { width:220px; height:34px;  border:2px solid #d9e0e3;}
#search input.image {position:relative; left:-4px;}




/* 메뉴 */
/* mainHead-topmenu */
#w_lnb {  border-top: 1px solid #e5e8eb; border-bottom: 1px solid #e5e8eb; height: 60px; min-width: 1240px;}

#lnb {position:absolute; top:0px;left:0px; width:1240px; height:60px; z-index:600; margin: 0 auto;}
#lnb ul {/*padding:18px 0 0 0px; */margin:0; height: 60px;}
#lnb ul li {position:relative; float:left; display:inline; margin:0; width:205px; text-align:center; font-size:16px; font-weight:bold; /*background:url('/images/simsa/common/lnb_li_bg.gif') no-repeat right 5px;*/ border-right: 1px solid #ccc;}
#lnb ul li:last-child {background:none; border-right: none;}
#lnb ul li a{display: block; padding: 18px 0px;}
#lnb ul li a.on  {color:#0282bd;  border-bottom: 2px solid #145ba2;}
#lnb ul li a:hover {color:#0282bd;}
#lnb ul #top1m_first,#lnb ul #top1m_last {background:none;}
#lnb ul #top1m_last {padding-left:0px;}
.lnb_2depth_bg {position:absolute; left:0; top:150px; height:270px; width:100%; background:#f5f8fa; z-index:13; border-bottom:3px solid #0961a8; }
#lnb ul li span.new_window {position:absolute; top:10px; right:30px; background:url('../../images/syjy/common/window_simsa.png') no-repeat 0 0; width:8px; height:8px; display:block;}
#lnb ul li span.new_windowN {margin-left:7px;  background:url('../../images/syjy/common/window_simsa.png') no-repeat 0 0px; width:13px; height:14px; display:inline-block;}

/* mainHead-topmenu-2depth */
/* #lnb ul ul {display:none; position:absolute; left:0px; height:400px; padding:40px 0 0 ;margin:0; z-index:1700;} */
#lnb ul ul { left:0px; position:relative; height:262px; padding:0px; margin:0; z-index:1700; }
#lnb ul ul li {float:none !important; position:relative; display:inline-block;  margin:0 0 0 0px; padding:0 0px 0 0px; z-index:800; font-weight:normal; background:none; text-align:left; width:205px; letter-spacing:-1px; border: none;}
#lnb ul ul li a {display:block; padding:8px 0px; white-space:nowrap; color:#565656 !important; text-decoration:none; white-space:inherit; font-size:14px; text-align: center;}
#lnb ul ul li a:hover {color:#ffffff !important; background:#0282bd;/*background:#0282bd url('/images/simsa/common/lnb_link_bg.gif') no-repeat left top;*/ font-weight: 500;}
#lnb ul ul li a.on {color:#fff !important; font-weight:bold; height:25px; text-decoration:none;  background:url('/images/simsa/common/lnb_li_left_on_bg.gif') no-repeat left 5px;}
#lnb ul ul li a.on span {background:url('/images/simsa/common/lnb_li_right_on_bg.gif') no-repeat right 0; height:22px; padding:3px 25px 0 0px;}
#lnb ul ul li.color_h2 {font-size:14px; margin:0 0 0 18px; color:#0282bd; font-weight:bold;}
#lnb ul ul li.border_top {position:relative; left:-10px !important; border-top:1px solid #dcdcdc; width:120px !important; text-align:left !important; padding:10px 0 0 0;}
#lnb ul ul li.padding_text {padding:0 0 10px 0;}

#lnb ul ul li.li_bg {}
#lnb ul ul ul {float:none; padding:0 !important; margin:0 0 0 0 !important; border:0; background:none; height:55px !important;}
#lnb ul ul ul li {padding:0px 0 0 0px !important; width:130px !important; font-size:11px !important; background:url('/images/simsa/common/lnb_ul_ul_li_bg.gif') no-repeat 0 10px;}
#lnb ul ul ul li a:hover {font-weight:bold; color:#0054a5 !important; background:none;}
#lnb ul ul ul.margin_top {margin:0px 0 0 15px !important; padding:0 !important;}

#lnb div.lnb_close {position:absolute; top:280px; left:900px;}

#top2m1 ul {background:url('../../images/simsa/common/lnb_li_right_bg.gif') no-repeat right 31px; width:205px;}
#top2m2 ul {background:url('/images/simsa/common/lnb_li_right_bg.gif') no-repeat right 31px; width:205px;}
#top2m3 ul {background:url('/images/simsa/common/lnb_li_right_bg.gif') no-repeat right 31px; width:205px;}
#top2m4 ul {background:url('/images/simsa/common/lnb_li_right_bg.gif') no-repeat right 31px; width:205px;}
#top2m5 ul {background:url('/images/simsa/common/lnb_li_right_bg.gif') no-repeat right 31px; width:205px;}

/* 사이트배너 */
.con_banner {padding:0 0 0 0; margin-top:-2px;}
.con_banner ul {}
.con_banner ul li {float:left; margin:0 10px 10px 0;}
.con_banner ul li:last-child {margin:0 0 0 0;}
.con_banner ul li img {width:150px; height:50px;}

/* 푸터 */
#footers {position:relative; top:13px; /*background:url('/images/simsa/common/footer_bg.gif') repeat-x 0 0px; */clear:both; border-top: 1px solid #ccc; background: #f9f9f9; min-width: 1240px; overflow: hidden;}
#footer {position:relative; height:100px;}
#footer #footer_info {padding:12px 0 0 0;}
#footer #footer_info p {}
#footer #footer_info p a {padding:0px 10px 0 10px; font-size:14px; color:#727272;}
#footer #footer_info p a span {color:#ff9600; font-weight: 600;}
#footer #footer_info ul.footer_sitelink {float:right; position:relative; top:-3px; right:10px;}
#footer #footer_info ul.footer_sitelink select {width:170px; height:30px;}
#footer #footer_info ul.footer_sitelink input {vertical-align:middle; position:relative; top:-1px;}
#footer address {margin: 0px 0 0 10px; clear:both;width: 660px;position: absolute;margin-top: 5px;}
#footer address p {padding:5px 0 0 0;}
#footer .ft_link_go{width: 50px; height: 30px; border:1px solid #ccc; background: #fff; cursor: pointer; font-family: 'SCDream'; font-weight: 500;}
#footer .ft_link_go:hover{background: #0961a8; color: #fff; }
/* Layout */
#accessibility-foot {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;}
#accessibility {overflow:hidden;position:absolute;width:100%;z-index:1000;}
#accessibility a {display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center;}
#accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:48px;margin:0;padding:32px 0 0 15px;background:#20262c;font-size:14px;font-weight:700;line-height:1;color:#fff;}

.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

.both {clear:both;}
.hide {display:none;}
.skip {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}
.image {vertical-align:top;}
.nobg {background:none;}

legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;}
caption {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;}

/* 달력 */
.calendar {margin: 0px 1px -5px 2px; width: 20px; height: 20px;}

/* 파일업로드 */
.file_div {margin: 2px 0px;}
.file_add {margin: 0px 1px -5px 2px; width: 20px; height: 20px;}
.file_cancel {margin: 0px 1px -5px 1px; width: 20px; height: 20px;}
.file_del {margin: 0px 1px -5px 2px; width: 20px; height: 20px;}

/* 조회 버튼 */
.btn_search {margin: 0px 1px -5px 2px; width: 20px; height: 20px;}

/* 탭매뉴 공통 */
div.tab_common{ width:100%; padding:0px; margin:20px 0px 0px 0px; display:inline-block;}
div.tab_common ul{ padding:0px; margin:0px 0px 0px 0px; display:inline-block;}
div.tab_common ul li{ background-image:url('/images/simsa/contents/tab_icon_3.gif'); background-position:right center; background-repeat:no-repeat; font-size:0.96em; padding:0px; margin:0px 3px 3px 0px; border:1px solid #dbdbdb; display:inline-block; float:left; letter-spacing:-0.05em; min-width:125px;}
div.tab_common ul li a{ color:#5e5e5e; padding:10px 30px 10px 12px; display:block; line-height:100%;}
div.tab_common ul li.on{ background-color:#436fba; border:1px solid #436fba;}
div.tab_common ul li.on a{ background-image:url('/images/simsa/contents/tab_icon_2.gif'); font-weight:bold; letter-spacing:-0.07em; background-position:right center; background-repeat:no-repeat; color:#fff; padding:10px 30px 10px 12px; display:block; line-height:100%;}

/*220527 추가*/
.line01{border-right: 1px solid #ccc;}
.line02{border-left: 1px solid #ccc;}
.hidden_md{display: none;}
.youtube{border: 1px solid #ccc; position: absolute; right: 423px; margin-top: 24px;}
.youtube a{display: block; width: 150px; height: 38px;}
.youtube a:hover{border: 1px solid #eb2224;}
.chatbot{border: 1px solid #ccc; position: absolute; right: 315px; margin-top: 24px;}
.chatbot a{display: block; width: 100px; height: 38px; }
.chatbot a:hover{border: 1px solid #304187;}

/* 20220714 추가 : 메인화면 탭(공지사항, 대체역 자료검색, 보도자료, 자주 묻는 질문) 파란색 배경 활성화 */

/*모바일*/
@media only screen and (max-width:767px){
    #logo{left: 10px;}
    #gnb{right: 10px;}
    #header{width: 100%; border-bottom: 1px solid #ccc;}
    #footers{min-width: 100%;}
    #footer{height: 180px;}
    #footer address{width: 100%; margin: 0px;}
    #footer #footer_info{text-align: center;}
    #footer #footer_info ul.footer_sitelink{float: none; margin-top: 15px;}
    #footer address p{padding: 5px 10px;}
    .hidden_pc{display: none;}
    .hidden_md{display: block;}
    #search{position: relative; margin: 15px 0px; float: none; right: 0px; height: 40px; padding: 10px; background: #eff3f6;}
    #search input.text{width: calc(100% - 65px);}
    .m_youtube{position: absolute; right: 105px; top: 24px; border: 1px solid #ccc;}
    .m_youtube a{display: block; width: 38px; height: 38px;}
     .m_chatbot{position: absolute; right: 57px; top: 24px; border: 1px solid #304187;}
    .m_chatbot a{display: block; width: 38px; height: 38px;}
    #logo img{width:80%;}
}