@charset "utf-8";
@import url(./wvFont.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,900&display=swap');

/* common */
html, body {margin:0px;font-weight:normal; line-height:1.5; word-break:keep-all;}
select {border:1px solid #e1e1e1; padding:0 5px; height:26px; line-height:26px; vertical-align: middle; }
input[type="radio"] {vertical-align:middle;}
input[type="text"], input[type="password"] {border:1px solid #e1e1e1; padding:0 5px; height:24px; line-height:24px; vertical-align: middle; box-sizing:content-box;}
img {border:0px; vertical-align:middle;}
button {border:0px; background:none; cursor:pointer; margin:0px; padding:0px; vertical-align:middle; line-height:120%; }
ul,ol,dl,dd {list-style:none; margin:0px; padding:0px;}
li {list-style:none; padding:0px;}
a {text-decoration:none; color:#666;}
a:hover {text-decoration:none;}
caption {height:0px; overflow:hidden; text-indent:-1000px; font-size:0px;}

.ac {text-align:center;}
.al {text-align:left;}
.ar {text-align:right;}
.skip {font-size:0; width:0; height:0; text-indent:1000px; line-height:0; overflow:hidden;}
.mobileHide {display:none;}
.fr {float:right;}
.fl {float:left;}
.fn {float:none;}
.vt {vertical-align:top}

/* layout */
.quickLinkBox {position:absolute; top:0px; width:100%;  text-align:center;}
.quickLinkBox > a {position:absolute; width:100%; background-color:#333; height:14px; top:-50px; color:#fff; padding:5px 0px; text-align:center; font-size:14px; line-height:14px; }
.quickLinkBox > a:focus {top:0px;}

.topLayout {height:100px; overflow:hidden; transition:0.3s all; background-color:#fff; border-bottom:1px solid #dbdbdb; position:absolute; z-index:101; width:100%; top:0px; left:0px;}
.topHeadBox {height:30px; background-color:#f9f9f9;}
.topHeadBoxIn {max-width:980px; margin:0 auto;}
.topHeadBoxIn ul {float:right;}
.topHeadBoxIn ul li {float:left;}
.topHeadBoxIn ul li a {display:inline-block; padding:2px 10px; font-size:11px;}
.naviBox {height:70px; border-bottom:1px solid #dbdbdb;}
.naviBoxIn {position:relative; max-width:980px; margin:0 auto;}
.naviBox h1 {position:absolute; z-index:100; top:15px; left:0px; margin:0px; font-family:'icon_wv'; font-size:13px;}
.naviBox h1 span {font-size:40px; vertical-align:middle;}
.naviBoxMenu {margin:0px 40px 0px 200px; padding-top:5px;}
.naviBoxMenu > ul {float:right;}
.naviBoxMenu > ul > li {float:left; position:relative;}
.naviBoxMenu > ul > li > a {display:inline-block; text-align:center; line-height:37px; height:37px; min-width:89px; background:url('/assets/eng/images/wvCommon/pointer02.png') center left no-repeat; padding:15px 15px; font-size:16px;font-weight:bold;}
.naviBoxMenu > ul > li:first-child > a {background:none;}
.naviBoxMenu > ul > li:first-child .subBox {border-left:1px solid #eee;}
.subBox {position:absolute; width:100%; font-size:13px; border-right:1px solid #eee; padding-top:16px; height:240px;}
.subBox ul {padding-left:17px;}
.naviBoxMenuR {position:absolute; z-index:100; top:15px; right:0px; }
.bodyLayout {position:relative; margin:0 auto 0px; max-width:980px; min-height:520px;}
.subLayout {position:absolute; z-index:100; left:0px; width:170px;height:calc(100% - 85px);overflow: hidden;overflow-y: auto;}
.subLayout > h2 {margin:30px 0px 0px; font-size:24px; padding:27px 0px; text-align:center; color:#4d75d9; border-top:2px solid #333;
    border-bottom:1px solid #777; font-weight:400; background-color:#f7f7f7; line-height:30px}
.subLayout > ul {position: relative;overflow: hidden;overflow-y: auto;height:calc(100% - 180px);}
.subLayout > ul > li > a {display:block; padding:5px 10px; font-size:14px; border-bottom:1px solid #dadada; transition:0.3s all;}
.subLayout > ul > li > a:hover {background-color:#e7e7f0;}
.subLayout > ul > li.on > a {background-color:#99a3bb; color:#fff;}
.subLayout > ul > li > a > span {float:right; padding:5px 0px; transition:0.3s all}
.subLayout > ul > li > ul {display:block;}
.subLayout > ul > li > ul > li {background-color:#f7f7f7;}
.subLayout > ul > li > ul > li a {display:block; padding:5px 10px; font-size:13px; border-bottom:1px dashed #dadada;}
.subLayout > ul > li > ul > li a:hover {color:#0065b3;}
.subLayout > ul > li > ul > li.on > a {color:#0065b3;}
.subLayout li a .open {transform:rotate(90deg);}

.contentLayout {margin:0px 0px 30px 230px; min-height:700px;}
.conHeadBox {position:relative; height:112px; border-bottom:1px solid #dadada;}
.conHeadTitle { font-weight:600; font-size:24px; margin:0px; padding:50px 0px;}
.conHeadR {position:absolute; bottom:30px; right:10px; font-size:14px; color:#a3a3a3; text-align:right;}
.conHeadR ul {float:right;}
.conHeadR ul li {float:left; padding:0px 3px; color:#a0a0a0;}
.conHeadR ul li a {color:#a0a0a0;}
.conHeadR ul li .spanT {display:inline-block; background:url('/assets/eng/images/wvCommon/pointer03.png') center left no-repeat; width:5px; height:11px;}
.conHeadR ul li strong {color:#555555; font-size:200;}
.conHeadGuideBox {font-size:14px; color:#666;
    background-color:#f9f9f9; margin-bottom:30px;}
.conHeadGuideBox > ul {padding:10px; }
.conbodyBox {}

.lecHeadBox {position:relative; height:65px; border-bottom:1px solid #dadada;}
.lecHeadTitle { font-weight:600; font-size:24px; margin:0px; padding:20px 10px;}
.lectureTitle { font-weight:400; font-size:24px; margin:0px; padding:50px 0px;}
.lecHeadR {position:absolute; bottom:20px; right:10px; font-size:14px; color:#a3a3a3; text-align:right;}
.lecHeadR ul {float:right;}
.lecHeadR ul li {float:left; padding:0px 3px; color:#a0a0a0;}
.lecHeadR ul li a {color:#a0a0a0;}


/* main */

.main_container {margin-top:100px; background-color: #f6f6f6; display:inline-block; width:100%; padding-bottom:52px;}
.main_containerIn {position: relative; max-width: 980px;  margin: 0 auto; padding:45px 0 52px;}


.main_body01 {width:272px; float:left; border:1px solid #e4e4e4; margin-right:24px; border-radius:3px;}
.main_body02 {width:380px; float:left; border:1px solid #e4e4e4; margin-right:24px;}
.main_body03 {float:left; }
.main_body03_con {border:1px solid #e4e4e4;}
.main_body03_header {background-color:#9aa3bb; line-height:38px; border-top-left-radius:3px; border-top-right-radius:3px;}
.main_body03_header span {color:white; font-size:16px; margin-left:10px;}

.main_baner {border-top-left-radius:3px; border-top-right-radius:3px;}
.main_notice {padding:10px 5px 10px 7px; background-color:white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; position:relative;}


.main_add .add {font-size: 10px; font-weight: bold; color: #7f7f7f; position:absolute; top:26px; right:6px;}

.main_tab {display:inline-block; }
.main_tab ul li {float:left; text-align:center; transition:0.3s all; margin-right:1px;}
.main_tab ul li a {display: block;  font-size: 13px; color: #7799b9; padding:5px 7px; background: #c9e5ff;}
.main_tab ul li:hover a {color:white; background-color:#4d75d9;}
.main_tab .on {background-color:#4d75d9;}
.main_tab .on a {color:#fff;}
.main_tab .on:hover {background-color:#4d75d9;}

.main_tab_area {margin-top:10px;}

.main_list01 {color:#666; font-size:12px; padding: 0 4px 0 12px;}
.main_list01 .day {float:right; font-size:11px; color:#b3b3b3;}
.main_list01 li {position: relative; line-height:1.9;}
.main_list01 li:before {content:"ㆍ"; position: absolute; top: 0; left: -10px; font-size: 1px;}
.main_list01 li a:hover {color:#7a9ac2;}

.main_list02 {color:#666; font-size:12px; padding: 0 4px 0 5px;}
.main_list02 .type01 {background-color:#74c81b; padding:3px 6px; color:#f7f7f7; margin-right: 5px;}
.main_list02 .type02 {background-color:#1fb4c1; padding:3px 6px; color:#f7f7f7; margin-right: 5px;}
.main_list02 .clock  {background:url('/images/main/clock.png') center left no-repeat; width: 14px; height: 14px; vertical-align: middle; margin-left:5px; display: inline-block;}
.main_list02 li a:hover {color:#7a9ac2;}

.main_menu li {float:left; width:50%; height:162px;}
.main_menu li a {display:block; height:100%; text-align: center;}
.main_menu li:hover {transform: scale(1.1); transition:all 0.2s; box-shadow:5px 5px 5px #ccc;}
.main_menu li a img {margin-top:20px;}
.main_menu li a p {font-size:16px; color:#4d4d4d; margin:5px 0 10px;}
.main_menu li a span {color:white;}
.main_menu li a span.txt01 {font-size: 18px; display: block; line-height: 1.2;}
.main_menu li a span.txt02 {font-size:14px; color:#c5cff0; margin:10px 0; line-height:1.3; display: inline-block;}

.main_input {background-color:white; padding:6px;}
.main_input table {width:100%;}
.main_input table tbody tr th {background:#8fa3d7; text-align:center; line-height: 1.5; color: white; font-size:11px;  padding: 2px 5px; position:relative}
.main_input table tbody tr th.on , .main_input table tbody tr th:hover {background:#ec1536;}
.main_input table tbody tr th.on:after {content:""; width: 0; height: 0; border-left: 5px solid transparent;
    border-right: 5px solid transparent;  border-top: 5px solid #ec1536;  position: absolute;  bottom: -5px;  z-index: 2;  left: 50%;   margin-left: -5px; }
.main_button {position:relative;}
.main_button input {border:2px solid #4d75d9; width: 243px;  margin: 8px 1px 1px 1px;}
.main_button button {top: 12px; right: 5px; width: 30px;  height: 21px; text-align: center;
    display: inline-block; border-left: 1px solid #4d75d9; position:absolute;}


.main_bu01 {color: white;  padding: 5px 40px 5px 7px; border-radius: 3px; margin-top:15px;  font-size: 14px; background:url('/images/main/main_button_arrow01.png'),#39518e; background-repeat: no-repeat, no-repeat; background-position:82px center,center;}
.main_bu02 {position:absolute; bottom: 10px; left: 10px; color: white;  padding:3px 25px 3px 7px; border-radius: 3px;  font-size: 11px;
    background:url('/images/main/main_button_arrow01.png'),#7585af; background-repeat: no-repeat, no-repeat; background-position:60px center,center;}
.main_bu03 {color: white;  padding: 3px 25px 3px 7px; border-radius: 3px;  font-size: 11px;     position: absolute;
    bottom: 10px; right: 10px; background:url('/images/main/main_button_arrow01.png'),#a0a262; background-repeat: no-repeat, no-repeat; background-position:60px center,center;}


.main_bg1 {background-color:#4d75d9}
.main_bg2 {background-color:#d0eaf5}
.main_bg3 {background-color:#ecf7d3}
.main_bg4 {background-color:#d3f7d3}
.main_bg5 {background-color:#ffb6aa}
.main_bg6 {background-color:#f7e0c5}

.main_navi {margin:3px 0; position:relative;}

.main_footer {}
.main_footerIn {position: relative; max-width: 980px;  margin: 0 auto; overflow:auto; padding-top: 15px;}
.main_footerIn ul li {float:left; margin:0 20px;}
.main_footerIn ul li:first-child {margin-left:0;}
.main_footerIn ul li a {display:block; height:100%; text-align:center; font-size: 13px;}

.footer_left {width:574px; display:inline-block;  float:left; position:relative;}
.footer_left:after {width:1px; height:50px; background-color:#eaeaea; content:""; position:absolute; top:15px; right:30px;}
.footer_right {width:402px; display:inline-block;}
.footer_right ul {float:right}


/******************************************************************************************************************

English Main CSS

******************************************************************************************************************/
.contsT1,
.contsT2 {color:#FFF; font-size:16px; padding:6px 14px 7px; font-weight:normal; margin:0;border-radius:4px 4px 0 0}
.contsT1{background:#9aa3bb;}
.contsT2{background:#4d75d9;}

.main_Z1 {float:left; width:272px; margin-right:24px;}
.main_Z1 .video_view {overflow: hidden; position:relative; background:#FFF; width: 272px; height: 162px;}
.main_Z1 .video_view .video {position:absolute; left:0; top:0; min-width:100%; min-height:100%; z-index: -1;}
.main_Z1 .news_area { overflow:hidden; margin-top:5px; background:#FFF; border:1px solid #e4e4e4; border-radius:4px;}
.main_Z1 .news_area .title {color:#FFF; font-size:16px; background:#9aa3bb; padding:6px 14px 7px; font-weight:normal;}
.main_Z1 .news_area .List {padding:11px 10px;}
.main_Z1 .news_area .List li {overflow:hidden; display:table; margin-bottom:16px;}
.main_Z1 .news_area .List li:last-child {margin-bottom:0;}
.main_Z1 .news_area .List li .news {display:inline-block;}
.main_Z1 .news_area .List li .news div {float:left; overflow:hidden; vertical-align:middle; height:80px;}
.main_Z1 .news_area .List li .news dl {vertical-align:middle;}
.main_Z1 .news_area .List li .news dl dt {overflow:hidden; display:table-cell; position:relative; vertical-align:top; height:80px; font-size:13px; line-height:130%; padding:5px 0 0 10px; }
.main_Z1 .news_area .List li .news dl dt a {color:#37588e; }
.main_Z1 .news_area .List li .news dl dt span {display:block; position:absolute; bottom:2px; font-size:11px; color:#888; margin-top:5px}
.main_Z1 .news_area .List li .news dl dd{float:left; font-size:12px; color:#888; line-height:130%; padding-top:8px; height:45px;}
.main_Z1 .news_area .List li .news dl dd p {margin:0;}

.main_Z2 {float:left; width:380px; margin-right:24px;border:1px solid #e4e4e4; border-radius:4px;}
.Z2wrap {position:relative; background:#FFF; }
.Z2wrap .roll {position:absolute; right:15px; top:15px; line-height:0}
.Z2wrap .roll li {float:left; margin-left:5px;}
.Z2wrap .roll li a {display:inline-block; background:url('/assets/eng/images/main/roll_off.png') no-repeat; width:8px; height:8px; text-indent:-9999px }
.Z2wrap .roll li a.on {background:url('/assets/eng/images/main/roll_on.png') no-repeat;}
.Z2wrap .np_list {overflow:hidden; padding:15px; height:213px !important;}
.Z2wrap .np_list dl dt {color:#37588e; font-size:14px; background:url('/assets/eng/images/main/main_arrow.png') no-repeat 0 5px; padding-left:12px; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid #e1e3ea; line-height:130%;}
.Z2wrap .np_list dl dd {color:#888; font-size:12px; line-height:150%;}
.Z2wrap .np_list dl dd span {background:url('/assets/eng/images/main/main_dot.png') no-repeat 0 50%; color:#000; padding-left:8px; margin-right:3px}

.Z2wrap .C_menu li {float:left; width:33.33%; height:114px;}
.Z2wrap .C_menu li a {display:block;  text-align: center;}
.Z2wrap .C_menu li:hover {transform: scale(1.1); transition:all 0.2s; box-shadow:5px 5px 0px rgba(0,0,0,0.2)}
.Z2wrap .C_menu li a p {font-size:13px; color:#545553; padding-top:68px}
.Z2wrap .C_menu .main_bg1 {background:url('/assets/eng/images/main/mico_01.png') no-repeat 50% 30% #d0eaf5; }
.Z2wrap .C_menu .main_bg2 {background:url('/assets/eng/images/main/mico_02.png') no-repeat 50% 30% #f6d1c4;}
.Z2wrap .C_menu .main_bg3 {background:url('/assets/eng/images/main/mico_03.png') no-repeat 50% 30% #ecf7d3;}
.Z2wrap .C_menu .main_bg4 {background:url('/assets/eng/images/main/mico_04.png') no-repeat 50% 30% #afd7e9;}
.Z2wrap .C_menu .main_bg5 {background:url('/assets/eng/images/main/mico_05.png') no-repeat 50% 30% #ffb6aa;}
.Z2wrap .C_menu .main_bg6 {background:url('/assets/eng/images/main/mico_06.png') no-repeat 50% 30% #deecc0;}

.main_Z3 {float:left; width:278px}
.Z3wrap {border:1px solid #e4e4e4;}
.Z3wrap {position:relative; background:#FFF; border:1px solid #e4e4e4; border-radius:4px;}

.Z3wrap .R_menu {position:relative; min-height:357px;} /* 20220530 - min-height: 244px; > min-height: 357px; 수정 */
.Z3wrap .R_List {position:relative; left:0px; top:0px; width:100%; z-index:10;} /* 2021.12.20 수정 - position:absolute */
.Z3wrap .R_List ul {padding:6px;}
.Z3wrap .R_List li {float:left; width:49.5%; height:68px; margin-bottom:1px} /* 2021.12.20 수정 - height:76px */
.Z3wrap .R_List li:nth-child(2n+1) {margin-right:1px; }
.Z3wrap .R_List li:hover {transform: scale(1.2); transition:all 0.2s; box-shadow:5px 5px 0px rgba(0,0,0,0.2); }
.Z3wrap .R_List li a {display:block;  text-align: center; background:#f3f3f3;  height:68px; color:#9aa3bb; font-size:16px;} /* 2021.12.20 수정 - height:76px */
.Z3wrap .R_List li a:hover {background:#4d75d9; color:#FFF;}
.Z3wrap .R_List li a > div {height:68px; line-height:68px;} /* 2021.12.20 수정 - line-height:76px; height:76px; */
.Z3wrap .R_List li a > .inText  {line-height:68px;} /* 2021.12.20 수정 - line-height:76px */
.Z3wrap .R_List li a > .inTextOver {font-size:11px; display:none; width:96%; line-height:130%; text-align:center; padding:0 3px;box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.Z3wrap .R_List li a:hover > .inText  {display:none; }
.Z3wrap .R_List li a:hover > .inTextOver { display:table-cell; vertical-align:middle; text-align:center;}


.Z3wrap .banner {text-align: center; /* background-color:#d0f0e2; */} /* 2021.12.20 수정 - background-color:#f3f3f3; */
.Z3wrap .banner a img {margin-top: 4px;} /* 2021.12.20 수정 (추가) */

.Z3wrap .times {overflow:hidden; position:relative; background:url('/assets/eng/images/main/img_worldtime.png') no-repeat 7% 46% #ddeef5; padding:16px 15px; min-height: 80px;}
.Z3wrap .times dl {display:table; padding-left:98px; font-size:12px; }
.Z3wrap .times dl:last-child {}
.Z3wrap .times dl dt {float:left; display:table-cell; width:55px; height:24px; line-height:24px; color:#9aa3bb; padding-left:8px; background:#FFF; }
.Z3wrap .times dl dd {float:left; display:table-cell; width:80px; height:24px; line-height:24px; background:#FFF; text-align:center;}



/* Footer */
.footarea {clear:both; position:relative; z-index:2; width:100%; height:117px; border-top:1px solid #e0dfdc}
.footarea .footerwrap {position:relative; width:980px; margin:0 auto}
.footarea h1 {position:absolute; margin:0px; left:0; top:18px; padding:10px 0 0 70px}
.footarea h1 span {position:absolute; left:0; top:0}
.footarea address {clear:both;font-style:normal; display:block; position:absolute; left:290px; top:26px; text-align:left; color:#9c9b9b; font-size:12px; line-height:140%}
.footarea address em {display:block; padding-top:2px; color:#9c9c9c; font-weight:400; line-height:13px; font-style:normal; font-size:11px;}

.main_Z303_header {background-color:#9aa3bb; line-height:38px; border-top-left-radius:3px; border-top-right-radius:3px;}
.main_Z303_header span {color:white; font-size:16px; margin-left:10px;}


/*위치 정보 탭메뉴 생성*/
.intro-contactus {padding-top:30px}
.intro-contactus ul.tabbox {position:relative; height:42px; background:url('/images/ehrdlms/common/bg_tab.gif') repeat-x 0 40px}
.intro-contactus ul.tabbox li {float:left}
.intro-contactus ul.tabbox li a {display:block; width:131px; height:28px; margin-left:-1px; padding-top:10px; border:2px solid #dedede; border-bottom:0; background:#f9f9f9; color:#6F6F6F; text-align:center; font-family:ngb; font-size:13px; line-height:16px; letter-spacing:-1px}
.intro-contactus ul.tabbox li.on a,
.intro-contactus ul.tabbox li a:hover,
.intro-contactus ul.tabbox li a:focus,
.intro-contactus ul.tabbox li a:active {position:relative; z-index:2; height:30px; background:#fff; text-decoration:none; color:#2776d5; border-left:2px solid #1b65c3; border-right:2px solid #1b65c3; border-top:2px solid #1b65c3; font-family:ngb}
.intro-contactus .tabcontents {clear:both; padding:20px 0 0 0}
.intro-contactus .hiddencontents {display:none}
.intro-contactus .hiddencontents.on {display:block}
.intro-contactus em.orange {color:#d93d00}
.intro-contactus .listwrap {clear:both; width:745px}
.intro-contactus .listwrap h5 {color:#29498c; font-size:16px}
.intro-contactus .listwrap h5 em {color:#2776d5}
.intro-contactus .listwrap ul.bus-info {margin-bottom:40px; padding:20px; background:#fafafa; color:#6e6e6e}
.intro-contactus .listwrap ul.bus-info li {padding-left:10px; background:url('/images/ehrdlms/icon/icon_essential_02.png') no-repeat 0 9px; font-size:12px; line-height:25px}
.intro-contactus .listwrap ul.bus-info strong {color:#3d3d3d}
.intro-contactus .listwrap ul.bus-info strong.blue {color:#2370cd}
.intro-contactus .listwrap ul.bus-info strong.green {color:#0d8730}
.intro-contactus .traffic-public h5 {font-size:18px; margin-top:30px}
.intro-contactus .traffic-public strong.map_view {display:block; color:#000; text-align:right; font-weight:normal; font-family:Dotum}
.intro-contactus .traffic-public strong.map_view em {color:#f00}
.intro-contactus .traffic-public dl {overflow:hidden; background:#fafafa}
.intro-contactus .traffic-public dl dt {float:left; width:120px; padding-left:35px}
.intro-contactus .traffic-public dl dd {float:left; width:590px}
.intro-contactus .traffic-public dl dd p {overflow:hidden; margin-top:15px; font-family:ngb; font-size:13px}
.intro-contactus .traffic-public dl dd p:first-child {margin-top:0}
.intro-contactus .traffic-public dl dd p label {display:block; float:left; width:50px; text-align:center}
.intro-contactus .traffic-public dl dd p a {display:block; float:left; margin-left:8px; padding-left:10px; background:url('/images/ehrdlms/icon/icon_list_12.gif') no-repeat 0 6px; color:#3d3d3d}
.intro-contactus .traffic-public dl.bluebuswrap {margin-top:4px}
.intro-contactus .traffic-public dl.bluebuswrap dt {padding-top:30px}
.intro-contactus .traffic-public dl.bluebuswrap dd {padding-top:40px}
.intro-contactus .traffic-public dl.bluebuswrap dd p label {color:#1255ff}
.intro-contactus .traffic-public dl.redbuswrap dt {padding-top:37px}
.intro-contactus .traffic-public dl.redbuswrap dd {padding-top:20px; padding-bottom:35px}
.intro-contactus .traffic-public dl.redbuswrap dd p label {color:#ff3912}
.intro-contactus .traffic-public dl.redbuswrap dd p a span {color:#6e6e6e}
.intro-contactus .traffic-public dl.txtwrap {margin-top:23px; background:none}
.intro-contactus .traffic-public dl.txtwrap dt {float:none; width:100%; padding:0 0 10px 0; color:#29498c; font-size:14px; font-family:ngb}
.intro-contactus .traffic-public dl.txtwrap dd {width:100%; color:#666; font-family:ng; line-height:18px}
.intro-contactus .traffic-public dl.txtwrap dd strong {color:#333; font-family:ngb}
.intro-contactus .traffic-public dl.txtwrap dd span {display:block; margin-top:10px}
.intro-contactus .traffic-public .description {margin-top:15px; padding:0 0 0 20px; background:url('/images/ehrdlms/icon/icon_stit_01.gif') no-repeat 0 0; color:#d93d00}
.intro-contactus .traffic-car h5 em {display:inline-block; width:19px; height:18px; margin-right:8px; background:url('/images/ehrdlms/icon/icon_num.gif') no-repeat 0 0; color:#fff; text-align:center; font-size:14px; line-height:16px}
.intro-contactus .traffic-car .description {margin-top:-22px; text-align:right}
.intro-contactus .traffic-car .description em {color:#333; font-family:Dotum}
.intro-contactus .traffic-car .description span {margin-left:5px}
.intro-contactus .traffic-car .description span button {margin-left:3px}
.intro-contactus .traffic-car .txtbox {margin:8px 0 33px; padding:25px 15px; border:1px solid #dedfe2; background: url('/images/ehrdlms/introduce/bg_car.gif') no-repeat 18px 28px; color:#3d3d3d; font-size:13px; line-height:20px}
.intro-contactus .traffic-car .txtbox:first-letter {padding:0 0 0 35px}
.intro-contactus .traffic-car button.btn_movdw {width:94px; height:20px; background:url('/images/ehrdlms/common/set_btnbox.gif') no-repeat -137px -149px; color:#fff;  text-indent:15px; font-size:11px}
.intro-contactus .traffic-car button.btn_mov {width:58px; height:20px; background:url('/images/ehrdlms/common/set_btnbox.gif') no-repeat -236px -149px; color:#fff;  text-indent:15px; font-size:11px}
.intro-contactus .traffic-car button.btn_map {width:58px; height:20px; background:url('/images/ehrdlms/common/set_btnbox.gif') no-repeat -299px -149px; color:#fff;  text-indent:15px; font-size:11px}
.intro-contactus .traffic-bus h5 {margin:30px 0 10px}
.intro-contactus .traffic-bus .imgarea {overflow:hidden}
.intro-contactus .traffic-bus .imgarea img {display:block; float:left; margin-left:3px}
.intro-contactus .traffic-bus .imgarea img:first-child {margin-left:0}
.intro-contactus .traffic-bus .aboutline {overflow:hidden; margin:-9px 0 0 -9px}
.intro-contactus .traffic-bus .aboutline p {float:left; position:relative; width:137px; margin:9px 0 0 9px; padding:16px 83px 16px 20px; border:1px solid #eaeaea}
.intro-contactus .traffic-bus .aboutline p button {position:absolute; top:12px; right:16px}
.intro-contactus .traffic-bus .lineinfo {width:710px; margin-left:-371px; padding:15px; border:solid 1px #2776d5; background:#fff}
.intro-contactus .traffic-bus .lineinfo strong.title {display:block; width:100%; margin-bottom:35px; padding:5px 0 15px 5px; border-bottom:1px solid #dadada; color:#03204b; font-size:20px; letter-spacing:-1px}
.intro-contactus .traffic-bus .lineinfo strong.title em {color:#2776d5}
.intro-contactus .traffic-bus .lineinfo strong.s_title {display:block; margin-top:40px; padding:5px 0 10px 5px; border-bottom:2px solid #29498c; color:#29498c; font-size:15px; letter-spacing:-1px}
.intro-contactus .traffic-bus .lineinfo .boardlist {margin-bottom:50px}
.intro-contactus .traffic-bus .lineinfo .boardlist thead th {border-top:0; border-left:1px solid #e5e5e5}
.intro-contactus .traffic-bus .lineinfo .boardlist thead th:first-child {border-left:0}
.intro-contactus .traffic-bus .lineinfo .boardlist tbody th {background:#f3f3f3; color:#555; font-family:ngb}
.intro-contactus .traffic-bus .lineinfo .boardlist tbody td {border-top:0; border-left:1px solid #e5e5e5; color:#333}
.intro-contactus .traffic-bus .lineinfo .boardlist tbody td.place {padding-left:20px; text-align:left}
.intro-contactus .traffic-bus .lineinfo .boardlist tbody td.time {background:#f3f3f3}
.intro-contactus .traffic-bus .lineinfo .leavebus {margin:20px 0 0; padding:50px 0 50px 0; text-align:center; border:1px solid #e8e8e8; background:#fafafa; color:#333; font-family:Dotum; line-height:30px}
.intro-contactus .traffic-bus .lineinfo .leavebus strong {color:#2776d5; font-weight:bold; font-family:Dotum}
.intro-contactus .traffic-shuttlebus .bus-info {margin-bottom:25px !important}
.intro-contactus .traffic-shuttlebus .imgarea {margin:10px 0 40px}
.intro-contactus .traffic-shuttlebus h6 {display:block; margin:40px 0 5px;padding-left:8px; background:url('/images/ehrdlms/icon/icon_list_13.gif') no-repeat 0 6px; color:#03204b; font-size:13px}
.intro-contactus .traffic-shuttlebus h6.first {margin-top:20px}
.intro-contactus .traffic-shuttlebus .boardlist {border-width:2px 0; border-style:solid; border-color:#29498c}
.intro-contactus .traffic-shuttlebus .boardlist thead th {border-width:1px 0 0 1px; border-style:solid; border-color:#dadada; background:#f3f3f3}
.intro-contactus .traffic-shuttlebus .boardlist thead th strong {color:#0098a8}
.intro-contactus .traffic-shuttlebus .boardlist thead tr:first-child th:first-child {border-top:0; border-left:0}
.intro-contactus .traffic-shuttlebus .boardlist th.bd01 {border-left:1px solid #dadada !important}
.intro-contactus .traffic-shuttlebus .boardlist tbody th {border-width:1px 0 0 1px; border-style:solid; border-color:#dadada; color:#2776d5}
.intro-contactus .traffic-shuttlebus .boardlist tbody th:first-child {border-left:0}
.intro-contactus .traffic-shuttlebus .boardlist td {border-width:1px 0 0 1px; border-style:solid; border-color:#dadada}
.intro-contactus .traffic-shuttlebus .boardlist td:first-child {border-left:0}
.intro-contactus .traffic-shuttlebus .boardlist td.lunch {background:#f3f3f3; color:#4b72aa; font-family:ngb}
.intro-contactus button.btn_linemore_01 {width:63px; height:21px; background:url('/images/ehrdlms/common/set_btnbox.gif') no-repeat -11px -217px; color:#fff;  text-indent:8px; font-size:11px; font-family:ngb}
.intro-contactus button.btn_linemore_02 {width:63px; height:21px; background:url('/images/ehrdlms/common/set_btnbox.gif') no-repeat -78px -217px; color:#fff;  text-indent:8px; font-size:11px; font-family:ngb}

.mapbox {overflow:auto; margin: 20px 0;}
.mapbox img {width:100%;min-width: 700px;}

@media all and (min-width:641px) and (max-width:1000px) {/* tablets */
    /* layout */
    .topHeadBoxIn {padding:0px 20px;}
    .naviBox h1 {left:20px !important;}
    .naviBox h1 span {font-size:40px; vertical-align:middle;}
    .naviBoxMenu {margin:10px 100px 0px 200px;}
    .naviBoxMenu ul {float:right;}
    .naviBoxMenu ul li {float:left;}
    .naviBoxMenu ul li a {display:inline-block; padding:15px 20px;}
    .naviBoxMenuR {right:20px;}
    .bodyLayout {margin:0px 20px;}
    .contentLayout {margin:0px 0px 30px 200px;}
    .conHeadTitle { font-weight:600; font-size:24px; margin:0px; padding:50px 0px;}
    .conHeadR {display:none;}

    .Z3wrap .R_List li:hover {transform: scale(1.1);}

    .footarea .footerwrap {width:auto}
    .footarea h1 {position:relative; left:20px; display: inline-block; margin-right:15px;}
    .footarea address {margin-bottom:20px; position: relative;  line-height: 1.5; left:20px; top: 36px; display: inline-block;}
}

@media all and (max-width:640px) {/* phones */
    .mobileH {display:none;}
    .mobileS {display:block;}
    /* layout */
    .topHeadBox {display:none;}
    .naviBox {padding:0px 20px;}
    .naviBox h1 {left:20px;}
    .naviBox h1 span {font-size:40px; vertical-align:middle;}
    .naviBoxMenu {display:none;}
    .naviBoxMenuR {top:0px;}
    .naviBoxMenuR .bu_Mobile {font-size:30px; margin:13px 15px;}
    .subLayout {display:none;}
    .contentLayout {margin:0px 20px 30px 20px;}
    .conHeadBox {height:auto;}
    .conHeadTitle {padding:20px 0px;font-size: 20px;}
    .conHeadR {display:none;}
    .conbodyBox {}

    .Z3wrap .R_List li:hover {transform: scale(1.1);}


    .footarea .footerwrap {width:auto; padding: 0 20px;}
    .footarea h1 {position:relative; left:0}
    .footarea address {margin-bottom:20px; position: relative;  line-height: 1.5; left:0; top: 36px;}
}