@charset "utf-8";

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

layout.css
-----------------------------------
1: base settings
	1-1: reset
	1-2: base
	1-3: utility parts
-----------------------------------
2: common parts for PC
	2-1: header
	2-2: breadcrumbNav
	2-3: main
	2-4: footer
-----------------------------------
3: common parts for Smartphone
	3-1: header
	3-2: breadcrumbNav
	3-3: main
	3-4: footer
-----------------------------------
4: print for PC
-----------------------------------
ex: clearfix

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

/*=================================

	1: base settings

================================*/

/*1-1: reset
================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
}

a{
    text-decoration:none;
}

a:hover,a.selected{
    text-decoration:none;
}


/*1-2: base
================================*/
html {
	font-size: 87.5%; /*14px*/
	-webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.46;
	text-align: left;
	word-break: break-all;
}

table,
dd,
.sortBlock02 .sortTargetBlock > .block .inner p {
	word-break: break-all;
}

/*link setting*/
a:link {
	color: #006cb7;
	text-decoration: none;
}
a:visited {
	color: #006cb7;
	text-decoration: none;
}
a:hover {
	color: #37bef1;
	text-decoration: underline;
}
a:active {
	color: #006cb7;
	text-decoration: none;
}

@media all and (min-width: 641px) {
.forSp {display: none;}
}

@media only screen and (max-width: 640px) {
.forPc {display: none;}
}

/*1-3: utility parts
================================*/
.mt0 {margin-top: 0 !important;} .mt5 {margin-top: 5px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;} .mt30 {margin-top: 30px !important;} .mt35 {margin-top: 35px !important;} .mt40 {margin-top: 40px !important;} .mt45 {margin-top: 45px !important;} .mt50 {margin-top: 50px !important;} .mt55 {margin-top: 55px !important;} .mt60 {margin-top: 60px !important;} .mt65 {margin-top: 65px !important;} .mt70 {margin-top: 70px !important;} .mr0 {margin-right: 0 !important;} .mr5 {margin-right: 5px !important;} .mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;} .mr20 {margin-right: 20px !important;} .mr25 {margin-right: 25px !important;} .mr30 {margin-right: 30px !important;} .mr35 {margin-right: 35px !important;} .mr40 {margin-right: 40px !important;} .mr45 {margin-right: 45px !important;} .mr50 {margin-right: 50px !important;} .mr55 {margin-right: 55px !important;} .mr60 {margin-right: 60px !important;} .mr65 {margin-right: 65px !important;} .mr70 {margin-right: 70px !important;} .mb0 {margin-bottom: 0 !important;} .mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !important;} .mb25 {margin-bottom: 25px !important;} .mb30 {margin-bottom: 30px !important;} .mb35 {margin-bottom: 35px !important;} .mb40 {margin-bottom: 40px !important;} .mb45 {margin-bottom: 45px !important;} .mb50 {margin-bottom: 50px !important;} .mb55 {margin-bottom: 55px !important;} .mb60 {margin-bottom: 60px !important;} .mb65 {margin-bottom: 65px !important;} .mb70 {margin-bottom: 70px !important;} .ml0 {margin-left: 0 !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;} .ml30 {margin-left: 30px !important;} .ml35 {margin-left: 35px !important;} .ml40 {margin-left: 40px !important;} .ml45 {margin-left: 45px !important;} .ml50 {margin-left: 50px !important;} .ml55 {margin-left: 55px !important;} .ml60 {margin-left: 60px !important;} .ml65 {margin-left: 65px !important;} .ml70 {margin-left: 70px !important;} .pt0 {padding-top: 0 !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;} .pt30 {padding-top: 30px !important;} .pt35 {padding-top: 35px !important;} .pt40 {padding-top: 40px !important;} .pt45 {padding-top: 45px !important;} .pt50 {padding-top: 50px !important;} .pt55 {padding-top: 55px !important;} .pt60 {padding-top: 60px !important;} .pt65 {padding-top: 65px !important;} .pt70 {padding-top: 70px !important;} .pr0 {padding-right: 0 !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;} .pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;} .pr30 {padding-right: 30px !important;} .pr35 {padding-right: 35px !important;} .pr40 {padding-right: 40px !important;} .pr45 {padding-right: 45px !important;} .pr50 {padding-right: 50px !important;} .pr55 {padding-right: 55px !important;} .pr60 {padding-right: 60px !important;} .pr65 {padding-right: 65px !important;} .pr70 {padding-right: 70px !important;} .pb0 {padding-bottom: 0 !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;} .pb30 {padding-bottom: 30px !important;} .pb35 {padding-bottom: 35px !important;} .pb40 {padding-bottom: 40px !important;} .pb45 {padding-bottom: 45px !important;} .pb50 {padding-bottom: 50px !important;} .pb55 {padding-bottom: 55px !important;} .pb60 {padding-bottom: 60px !important;} .pb65 {padding-bottom: 65px !important;} .pb70 {padding-bottom: 70px !important;} .pl0 {padding-left: 0 !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} .pl30 {padding-left: 30px !important;} .pl35 {padding-left: 35px !important;} .pl40 {padding-left: 40px !important;} .pl45 {padding-left: 45px !important;} .pl50 {padding-left: 50px !important;} .pl55 {padding-left: 55px !important;} .pl60 {padding-left: 60px !important;} .pl65 {padding-left: 65px !important;} .pl70 {padding-left: 70px !important;} .w001per {width: 1% !important;} .w002per {width: 2% !important;} .w003per {width: 3% !important;} .w004per {width: 4% !important;} .w005per {width: 5% !important;} .w006per {width: 6% !important;} .w007per {width: 7% !important;} .w008per {width: 8% !important;} .w009per {width: 9% !important;} .w010per {width: 10% !important;} .w011per {width: 11% !important;} .w012per {width: 12% !important;} .w013per {width: 13% !important;} .w014per {width: 14% !important;} .w015per {width: 15% !important;} .w016per {width: 16% !important;} .w017per {width: 17% !important;} .w018per {width: 18% !important;} .w019per {width: 19% !important;} .w020per {width: 20% !important;} .w021per {width: 21% !important;} .w022per {width: 22% !important;} .w023per {width: 23% !important;} .w024per {width: 24% !important;} .w025per {width: 25% !important;} .w026per {width: 26% !important;} .w027per {width: 27% !important;} .w028per {width: 28% !important;} .w029per {width: 29% !important;} .w030per {width: 30% !important;} .w031per {width: 31% !important;} .w032per {width: 32% !important;} .w033per {width: 33% !important;} .w034per {width: 34% !important;} .w035per {width: 35% !important;} .w036per {width: 36% !important;} .w037per {width: 37% !important;} .w038per {width: 38% !important;} .w039per {width: 39% !important;} .w040per {width: 40% !important;} .w041per {width: 41% !important;} .w042per {width: 42% !important;} .w043per {width: 43% !important;} .w044per {width: 44% !important;} .w045per {width: 45% !important;} .w046per {width: 46% !important;} .w047per {width: 47% !important;} .w048per {width: 48% !important;} .w049per {width: 49% !important;} .w050per {width: 50% !important;} .w051per {width: 51% !important;} .w052per {width: 52% !important;} .w053per {width: 53% !important;} .w054per {width: 54% !important;} .w055per {width: 55% !important;} .w056per {width: 56% !important;} .w057per {width: 57% !important;} .w058per {width: 58% !important;} .w059per {width: 59% !important;} .w060per {width: 60% !important;} .w061per {width: 61% !important;} .w062per {width: 62% !important;} .w063per {width: 63% !important;} .w064per {width: 64% !important;} .w065per {width: 65% !important;} .w066per {width: 66% !important;} .w067per {width: 67% !important;} .w068per {width: 68% !important;} .w069per {width: 69% !important;} .w070per {width: 70% !important;} .w071per {width: 71% !important;} .w072per {width: 72% !important;} .w073per {width: 73% !important;} .w074per {width: 74% !important;} .w075per {width: 75% !important;} .w076per {width: 76% !important;} .w077per {width: 77% !important;} .w078per {width: 78% !important;} .w079per {width: 79% !important;} .w080per {width: 80% !important;} .w081per {width: 81% !important;} .w082per {width: 82% !important;} .w083per {width: 83% !important;} .w084per {width: 84% !important;} .w085per {width: 85% !important;} .w086per {width: 86% !important;} .w087per {width: 87% !important;} .w088per {width: 88% !important;} .w089per {width: 89% !important;} .w090per {width: 90% !important;} .w091per {width: 91% !important;} .w092per {width: 92% !important;} .w093per {width: 93% !important;} .w094per {width: 94% !important;} .w095per {width: 95% !important;} .w096per {width: 96% !important;} .w097per {width: 97% !important;} .w098per {width: 98% !important;} .w099per {width: 99% !important;} .w100per {width: 100% !important;} .aC {text-align: center !important;} .aL {text-align: left !important;} .aR {text-align: right !important;} .vT {vertical-align: top !important;} .vM {vertical-align: middle !important;} .vB {vertical-align: bottom !important;} .dB {display: block !important;} .dN {display: none !important;} .fR, .fL, .fN {margin-top: 20px;} .fR > * {float:right !important;} .fL > * {float:left !important;} .fN > * {float:none !important;} .fR > *:first-child, .fL > *:first-child, .fN > *:first-child {margin-top:0 !important;} .clearB {clear:both !important;} .clearR {clear:right !important;} .clearL {clear:left !important;} .clearN {clear:none !important;} .voiceGuide {display: block;width: 1px;height: 1px;margin: 0;padding: 0;position: absolute;top: 0;left: 0;overflow: hidden;font-size: 0;}.mwA img{max-width: none !important;}




/*=================================

	2: common parts for PC

================================*/
body {
	background-color: #ffffff;
}
#siteNavigation #globalNav .menu,
#breadcrumbNav ul,
#headerContainer #siteHeader,
#headerContainer #globalNav,
#breadcrumbNav > ul,
#mainContainer #mainContents,
#footerContainer .siteRelationLinks > ul {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}
/*box-sizing*/
#footerContainer .siteUtilityLinks > ul > li,
#siteNavigation #globalNav > ul > li > a,
#siteHeader #linguisticSelect a,
#siteNavigation #globalNav > ul > li > .menu,
.boxSizing {
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}
/*opacity*/
.opacityEffect:hover,
.pageTop > a:hover,
#footerContainer .siteRelationLinks > ul > li > a:hover {
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

/*sprite*/
#footerContainer .accKey,
#siteNavigation #globalNav > ul > li > .menu .nameBlock .name,
#siteNavigation #globalNav .menu li > a,
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links .childLinks > li > a,
.sprite {
	position: relative;
}
#footerContainer .accKey:before,
#siteNavigation #globalNav > ul > li > .menu .nameBlock .name:before,
#siteNavigation #globalNav .menu li > a:before,
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links .childLinks > li > a:before,
.sprite:before,
.sprite:after {
	position: absolute;
	content: "";
	background: url(/ko/railway/railwayinfo/common/img/com_sprite.png) no-repeat 0 0;
}

img {
	max-width: 100%;
	height: auto;
}


/*2-1: header
================================*/
#headerContainer p {
	margin-top: 0;
}

/* ---siteHeader--- */
#siteHeader {
	height: 82px;
}
/*siteLogo*/
#siteHeader .siteLogo {
	float: left;
	width: 361px;
	margin-top: 13px;
}
#siteHeader .siteSubLogo {
	float: left;
	width: 200px;
	margin-top: 3px;
	margin: 8px 0 0 20px;
}
/*companyLogo*/
#siteHeader .companyLogo {
	float: right;
	width: 120px;
	margin-top: 25px;
}
/*linguisticSelect*/
#siteHeader #linguisticSelect {
	position: absolute;
	right: 125px;
	width: 130px;
	height: 160px;
	margin: 25px 25px 0 0;
}
#siteHeader #linguisticSelect.show {
	box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 6px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 6px 3px;
}
#siteHeader #linguisticSelect a {
	color: #000000;
	text-decoration: none;
}
#siteHeader #linguisticSelect .btn {
	font-size: 107.1%;
	line-height: 1.2;
}
#siteHeader #linguisticSelect .btn > a {
	display: block;
	height: 40px;
	padding: 10px 28px 0 34px;
	background-color: #fff;
	text-align: center;
}
#siteHeader #linguisticSelect .btn > a:hover {
	text-decoration: underline;
}
#siteHeader #linguisticSelect .btn > a:before {
	left: 10px;
	top: 10px;
	width: 17px;
	height: 17px;
}
#siteHeader #linguisticSelect .btn > a:after {
	right: 10px;
	top: 16px;
	width: 10px;
	height: 7px;
	background-position: -25px 0;
}
#siteHeader #linguisticSelect .menu {
	position: absolute;
	display: none;
	width: 100%;
	background-color: #fff;
	z-index: 9999;
}
#siteHeader #linguisticSelect .menu li {
	border-top: solid 1px #dddddd;
}
#siteHeader #linguisticSelect .menu li > a {
	display: block;
	height: 30px;
	padding: 5px 0 0 0;
	text-align: center;
}
#siteHeader #linguisticSelect .menu li > a:hover {
	background-color: #f1f1f1;
	text-decoration: underline;
}

/* ---siteNavigation--- */
#siteNavigation {
	height: 65px;
	background-color: #006bb8;
}
/*navKey*/
#siteNavigation #navKey {
	display: none;
}
#siteNavigation #globalNav {
	position: relative;
	height: 65px;
}
#siteNavigation #globalNav > ul {
	display: table;
	width: 100%;
	height: 100%;
}
#siteNavigation #globalNav > ul > li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#siteNavigation #globalNav > ul > li#nav01 {
	width: 271px;
}
#siteNavigation #globalNav > ul > li#nav02 {
	width: 313px;
}
#siteNavigation #globalNav > ul > li#nav03 {
	width: 146px;
}
#siteNavigation #globalNav > ul > li#nav04 {
	width: 184px;
}
#siteNavigation #globalNav > ul > li#nav05 {
	width: 186px;
}
#siteNavigation #globalNav > ul > li > a {
	display: block;
	height: 65px;
	padding: 20px 20px 0 40px;
	font-size: 128.6%;
	color: #fff;
	text-decoration: none;
}
#siteNavigation #globalNav > ul > li > a:hover {
	background-color: #30bdf0;
}
#siteNavigation #globalNav > ul > li#nav01 > a:before {
	left: 20px;
	top: 18px;
	width: 24px;
	height: 30px;
	background-position: -44px 0;
}
#siteNavigation #globalNav > ul > li#nav02 > a:before {
	left: 20px;
	top: 18px;
	width: 24px;
	height: 30px;
	background-position: -79px 0;
}
#siteNavigation #globalNav > ul > li#nav03 > a:before {
	left: 10px;
	top: 24px;
	width: 30px;
	height: 17px;
	background-position: -114px 0;
}
#siteNavigation #globalNav > ul > li#nav04 > a:before {
	left: 15px;
	top: 19px;
	width: 37px;
	height: 27px;
	background-position: -156px 0;
}
#siteNavigation #globalNav > ul > li#nav05 > a:before {
	left: 20px;
	top: 18px;
	width: 27px;
	height: 31px;
	background-position: -206px 0;
}

#siteNavigation #globalNav > ul > li > .menu {
	display: none;
	position: absolute;
	left: 0;
	top: 65px;
	width: 1100px;
	height: auto;
	padding: 38px;
	background-color: #fff;
	text-align: left;
	box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 5px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 5px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 5px 3px;
	z-index: 9998;
}
#siteNavigation #globalNav > ul > li > .menu:after {
	position: absolute;
	top: 0;
	width: 32px;
	height: 18px;
	margin-top: -18px;
	content: "";
	background: url(/ko/railway/railwayinfo/common/img/com_bg01.png) no-repeat 0 0;
}
#siteNavigation #globalNav > ul > li#nav01 > .menu:after {
	left: 118px;
}
#siteNavigation #globalNav > ul > li#nav02 > .menu:after {
	left: 400px;
}
#siteNavigation #globalNav > ul > li#nav03 > .menu:after {
	left: 645px;
}
#siteNavigation #globalNav > ul > li#nav04 > .menu:after {
	left: 810px;
}
#siteNavigation #globalNav > ul > li#nav05 > .menu:after {
	left: 1000px;
}
#siteNavigation #globalNav > ul > li > .menu .nameBlock {
	float: left;
	width: 270px;
}
#siteNavigation #globalNav > ul > li > .menu .nameBlock .name {
	padding-left: 45px;
	color: #006cb7;
	font-size: 185.7%;
	font-weight: bold;
	text-align: left;
	line-height: 1.2;
}
#siteNavigation #globalNav > ul > li > .menu .nameBlock .name:before {
	left: 0;
	top: 0;
}
#siteNavigation #globalNav > ul > li#nav01 > .menu .nameBlock .name:before {
	width: 28px;
	height: 36px;
	margin-top: 5px;
	background-position: -244px 0;
}
#siteNavigation #globalNav > ul > li#nav02 > .menu .nameBlock .name:before {
	width: 28px;
	height: 35px;
	margin-top: 5px;
	background-position: -765px 0;
}
#siteNavigation #globalNav > ul > li#nav03 > .menu .nameBlock .name:before {
	width: 33px;
	height: 19px;
	margin-top: 5px;
	background-position: -803px 0;
}
#siteNavigation #globalNav > ul > li#nav04 > .menu .nameBlock .name:before {
	width: 40px;
	height: 30px;
	margin-top: 5px;
	background-position: -846px 0;
}
#siteNavigation #globalNav > ul > li#nav05 > .menu .nameBlock .name:before {
	width: 30px;
	height: 34px;
	margin-top: 5px;
	background-position: -897px 0;
}
#siteNavigation #globalNav > ul > li > .menu .nameBlock .img {
	margin-top: 35px;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks {
	float: right;
	width: 720px;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links {
	float: left;
	width: 200px;
	margin-left: 30px;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links:first-child {
	margin-left: 0;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links > ul > li {
	margin-top: 30px;
	font-size: 114.3%;
	font-weight: bold;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links > ul > li:first-child {
	margin-top: 0;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links .childLinks > li {
	margin-top: 10px;
	margin-left: 12px;
	font-size: 85%;
	font-weight: normal;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links .childLinks > li > a {
	display: inline-block;
	padding-left: 13px;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links .childLinks > li > a:before {
	left: 0;
	top: 0;
	width: 5px;
	height: 8px;
	margin-top: 5px;
	background-position: -285px 0;
}

/*2-2: breadcrumbNav
================================*/
#breadcrumbNav {
	background: #f1f1f1;
}
#breadcrumbNav ul {
	padding: 9px 0;
}
#breadcrumbNav ul li {
	position: relative;
	float: left;
	margin: 2px 0 0 15px;
	padding: 0 20px 0 0;
	font-size: 85.7%;
}
#breadcrumbNav ul li a {
	display: block;
	text-decoration: none;
}
#breadcrumbNav ul li a:hover {
	text-decoration: underline;
}
#breadcrumbNav ul .current {
	position: static;
	font-weight: bold;
}
#breadcrumbNav > ul .current:after {
	position: static;
	width: 0;
	height: 0;
	margin-top: 0;
	content: "";
}
#breadcrumbNav ul li:first-child {
	margin-left: 0;
	padding-left: 0;
}
#breadcrumbNav > ul > li:after {
	position: absolute;
	right: 0;
	top: 50%;
	width: 11px;
	height: 10px;
	margin-top: -8.5px;
	content: "＞";
	color: #aaaaaa;
}

/*2-3: main
================================*/
#mainContainer #mainContents {
	padding: 30px 0 60px 0;
}
#mainContainer #mainContents > *:first-child {
margin-top: 0 !important;
}
p {
	margin-top: 15px;
}
#contents .contentsInner > *:first-child,
#contents .contentsInner > *:first-child > *:first-child {
	margin-top: 0 !important;
}

/*pageTop*/
.pageTop {
	position: fixed;
	right: 20px;
	bottom: 130px;
	width: 46px;
	height: 47px;
	z-index: 9990;
}
.pageTop > a {
	display: block;
	text-indent: -9999px;
	width: 46px;
	height: 47px;
	background: url(/ko/railway/railwayinfo/common/img/com_sprite.png) no-repeat 0 0;
	background-position: -301px 0;
}
.pageTop > a:hover {
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}


/*2-4: footer
================================*/
/* ---siteRelationLinks--- */
#footerContainer {
	padding-bottom: 30px;
}
#footerContainer .accKey {
	display: none;
}
#footerContainer .siteRelationLinks {
	padding: 16px 0;
	background-color: #dddddd;
	border-bottom: solid 3px #42ae49;
}
#footerContainer .siteRelationLinks > ul > li {
	float: left;
	width:  170px;
	margin-left: 16px;
}
#footerContainer .siteRelationLinks > ul > li:first-child {
	margin-left: 0;
}
/* ---siteUtilityLinks--- */
#footerContainer .siteUtilityLinks {
	display: table;
	margin: 0 auto;
	padding: 27px 0;
}
#footerContainer .siteUtilityLinks > ul > li {
	float: left;
	padding: 0 30px;
	border-left: solid 1px #ddd;
}
#footerContainer .siteUtilityLinks > ul > li:first-child {
	border-left: none;
}
#footerContainer .siteUtilityLinks > ul > li > a {
	color: #666666;
}

#footerContainer #copyRight {
	margin: 0;
	text-align: center;
}






@media only screen and (max-width: 640px) {

/*=================================

	3: common parts for SP

================================*/

body {
	overflow-x: hidden;
	width: 100%;
}
img {
	max-width: 100%;
	height: auto;
}
#breadcrumbNav ul,
#headerContainer #siteHeader,
#headerContainer #globalNav,
#breadcrumbNav > ul,
#mainContainer #mainContents,
#footerContainer .siteRelationLinks > ul {
	position: relative;
	width: 100%;
	margin: 0;
}
p {
	margin-top: 10px;
}

/*sprite*/
#footerContainer .accKey:before,
#siteNavigation #globalNav > ul > li > .menu .nameBlock .name:before,
#siteNavigation #globalNav .menu li > a:before,
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links .childLinks > li > a:before,
.sprite:before,
.sprite:after {
	background: url(/ko/railway/railwayinfo/common/img/com_sprite.png) no-repeat 0 0;
	background-size: auto 250px;
}

/*3-1: header
================================*/
#headerContainer {
	border-bottom: solid 1px #f1f1f1;
}
/* ---siteHeader--- */
#siteHeader {
	height: auto;
	min-height: 50px;
	border-top: solid 3px #0373bd;
}
/*siteLogo*/
#siteHeader .siteLogo {
	float: left;
	width: 170px;
	margin-top: 8px;
	margin-left: 10px;
}
#siteHeader .siteSubLogo {
	width: 80px;
	margin: 10px 0 0 5px;
}
/*companyLogo*/
#siteHeader .companyLogo {
	display: none;
}
/*linguisticSelect*/
#siteHeader #linguisticSelect {
	position: static;
	right: auto;
	width: auto;
	height: auto;
	margin: 0;
}
#siteHeader #linguisticSelect a {
	color: #000000;
	text-decoration: none;
}
#siteHeader #linguisticSelect .btn {
	display: none;
}
#siteHeader #linguisticSelect .menu {
	position: static;
	display: block;
	width: auto;
	z-index: auto;
}
#siteHeader #linguisticSelect .menu li {
	border-top: solid 1px #dddddd;
}
#siteHeader #linguisticSelect .menu li > a {
	display: inline;
	height: auto;
	text-align: left;
}
#siteHeader #linguisticSelect .menu li > a:hover {
	background-color: #fff;
}

/* ---siteNavigation--- */
#siteNavigation {
	height: auto;
	background-color: #fff;
}
/*navKey*/
#siteNavigation #navKey {
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	width: 47px;
	height: 47px;
	text-indent: -9999px;
	outline: none;
	background: url(/ko/railway/railwayinfo/common/img/com_sprite.png) no-repeat;
	background-size: auto 250px;
	background-position: -355px -75px;
}
#siteNavigation #navKey.open {
	background: url(/ko/railway/railwayinfo/common/img/com_sprite.png) no-repeat;
	background-size: auto 250px;
	background-position: -410px -75px;
}
#siteNavigation #globalNav {
	position: static;
	height: auto;
	padding-bottom: 25px;
	background-color: #0373bd;
}
#siteNavigation #globalNav > ul {
	display: block;
	width: 100%;
	height: auto;
}
#siteNavigation #globalNav > ul > li {
	display: block;
	width: 100%;
	border-top: solid 1px #fff;
	text-align: left;
	vertical-align: auto;
}
#siteNavigation #globalNav > ul > li:first-child {
	border-top: none;
}
#siteNavigation #globalNav > ul > li#nav01,
#siteNavigation #globalNav > ul > li#nav02,
#siteNavigation #globalNav > ul > li#nav03,
#siteNavigation #globalNav > ul > li#nav04,
#siteNavigation #globalNav > ul > li#nav05 {
	width: 100%;
}
#siteNavigation #globalNav > ul > li > a {
	display: block;
	height: auto;
	padding: 14px 40px 14px 15px;
	background-color: #0373bd;
	font-size: 114.3%;
	color: #fff;
}
#siteNavigation #globalNav > .menu {
	width: 100%;
	padding: 0 10px;
}
#siteNavigation #globalNav > .menu li {
	float: left;
	width: 50%;
	margin-top: 15px;
	font-size:92.9%;
}
#siteNavigation #globalNav > .menu li > a {
	padding-left: 15px;
	color: #fff;
}
#siteNavigation #globalNav > .menu li > a:before {
	width: 5px;
	height: 10px;
	left: 4px;
	top: 0;
	margin-top: 3px;
	background-position: -527px -75px;
}
#siteNavigation #globalNav .close {
	width: 120px;
	margin: 20px auto 0 auto;
	padding: 10px 0;
	background-color: #ffffff;
	color: #0373bd;
	font-size: 107.1%;
	text-align: center;
}
#siteNavigation #globalNav .close:before {
	content: "×";
	display: inline-block;
	margin-right: 5px;
}
#siteNavigation #globalNav > ul > li#nav01 > a:before,
#siteNavigation #globalNav > ul > li#nav02 > a:before,
#siteNavigation #globalNav > ul > li#nav03 > a:before,
#siteNavigation #globalNav > ul > li#nav04 > a:before,
#siteNavigation #globalNav > ul > li#nav05 > a:before {
	left: auto;
	right: 15px;
	top: 50%;
	width: 19px;
	height: 19px;
	margin-top: -10px;
	background-position: -502px -75px;
}
#siteNavigation #globalNav > ul > li#nav01 > a.open:before,
#siteNavigation #globalNav > ul > li#nav02 > a.open:before,
#siteNavigation #globalNav > ul > li#nav03 > a.open:before,
#siteNavigation #globalNav > ul > li#nav04 > a.open:before,
#siteNavigation #globalNav > ul > li#nav05 > a.open:before {
	left: auto;
	right: 15px;
	top: 50%;
	width: 19px;
	height: 19px;
	margin-top: -2px;
	background-position: -478px -75px;
}
#siteNavigation #globalNav > ul > li > .menu {
	display: none;
	position: static;
	left: auto;
	top: auto;
	width: 100%;
	height: auto;
	padding: 0 0 0 30px;
	box-shadow: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	z-index: 9998;
}
#siteNavigation #globalNav > ul > li > .menu .nameBlock {
	display: none;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks {
	float: none;
	width: 100%;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links {
	float: none;
	width: 100%;
	margin-left: 0;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links > ul > li {
	margin-top: 0;
	border-top: solid 1px #0373bd;
	font-size: 100%;
	font-weight: normal;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links > ul > li.spList01 {
	border-top: none;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links:first-child > ul > li:first-child {
	margin-top: 0;
	border-top: none;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links > ul > li > a {
	display:  block;
	padding: 13px 0;
}
#siteNavigation #globalNav > ul > li > .menu .underLinks > .links .childLinks {
	display: none;
}

/*3-2: breadcrumbNav
================================*/
#breadcrumbNav {
	display: none;
}

/*3-3: main
================================*/
#mainContainer #mainContents {
	padding: 18px 10px 50px 10px;
}
p {
	margin-top: 15px;
}
#contents .contentsInner > *:first-child,
#contents .contentsInner > *:first-child > *:first-child {
	margin-top: 0 !important;
}

/*pageTop*/
.pageTop {
	right: 10px;
	bottom: 10px;
	width: 25px;
	height: 25px;
}
.pageTop > a {
	width: 25px;
	height: 25px;
	background: url(/ko/railway/railwayinfo/common/img/com_sprite.png) no-repeat 0 0;
	background-size: auto 250px;
	background-position: -150.5px 0;
}

/*3-4: footer
================================*/
/* ---siteRelationLinks--- */
#footerContainer {
	padding-bottom: 0;
}
#footerContainer .siteRelationLinks {
	padding: 0;
	background-color: #dddddd;
	border-bottom: solid 3px #42ae49;
	border-top: solid 1px #e1e1e1;
}
#footerContainer .accKey {
	display: block;
	margin-top: 0;
	padding: 20px 40px 20px 15px;
	font-size: 114.3%;
	line-height: 1.0;
}
#footerContainer .accKey:before {
	top: 50%;
	right: 15px;
	margin-top: -10px;
	width: 19px;
	height: 19px;
	background-position: -542px -75px;
}
#footerContainer .accKey.on:before {
	margin-top: -2px;
	background-position: -567px -75px;
}
#footerContainer .siteRelationLinks > ul {
	padding: 0 15px 20px 15px;
}
#footerContainer .siteRelationLinks > ul > li {
	float: left;
	width:  49%;
	margin-left: 2%;
}
#footerContainer .siteRelationLinks > ul > li:nth-child(odd) {
	margin-left: 0;
}
/* ---siteUtilityLinks--- */
#footerContainer .siteUtilityLinks {
	display: block;
	padding: 15px;
	border-bottom: solid 1px #dedede;
}
#footerContainer .siteUtilityLinks > ul {
	margin-top: -10px;
}
#footerContainer .siteUtilityLinks > ul > li {
	float: left;
	width:  49%;
	margin-left: 2%;
	margin-top: 10px;
	padding: 0;
	border-left: none;
}
#footerContainer .siteUtilityLinks > ul > li:nth-child(odd) {
	margin-left: 0;
}
#footerContainer .siteUtilityLinks > ul > li > a {
	color: #666666;
}
#footerContainer #copyRight {
	margin: 15px 0;
	font-size: 64.3%;
}

}

/*=================================

	clearfix

=================================*/
#siteNavigation #globalNav > .menu > ul:after,
#footerContainer .siteUtilityLinks > ul:after,
#siteNavigation #globalNav .menu:after,
#footerContainer .siteUtilityLinks > ul:after,
#footerContainer .siteRelationLinks > ul:after,
#breadcrumbNav ul:after,
#siteNavigation #globalNav > ul > li > .menu:after,
#siteNavigation #globalNav > ul > li > .menu .underLinks:after,
#siteHeader:after {
	content: "";
	display: block;
	clear: both;
}
#siteNavigation #globalNav > .menu > ul,
#footerContainer .siteUtilityLinks > ul,
#siteNavigation #globalNav .menu,
#footerContainer .siteUtilityLinks > ul,
#footerContainer .siteRelationLinks > ul,
#breadcrumbNav ul,
#siteNavigation #globalNav > ul > li > .menu,
#siteNavigation #globalNav > ul > li > .menu .underLinks,
#siteHeader {
	zoom: 1;
}