@charset "utf-8";

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

	[prodedure.css]
	
	1. page title
	2. index
	3. content

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

/*------------------------------------------------------------

	1. page title

------------------------------------------------------------*/
div#body h1 {
	background: url(../img/title/procedure.jpg) no-repeat left top;	
}

body.en div#body h1 {
	background-image: url(../img/title/procedure_en.jpg);	
}

body.ko div#body h1 {
	background-image: url(../img/title/procedure_ko.jpg);	
}

body.zh-cn div#body h1 {
	background-image: url(../img/title/procedure_zh-cn.jpg);	
}

body.ru div#body h1 {
	background-image: url(../img/title/procedure_ru.jpg);	
}

/*------------------------------------------------------------

	2. index

------------------------------------------------------------*/
div#content div.select {
	width: 588px;
	height: 216px;
	margin: 12px 0 24px;
}

div#content div.select div {
	padding: 12px 12px 0;
	width: 258px;
	height: 204px;
	background: url(../img/procedure/bg_procedure.gif) no-repeat;
}
* html div#content div.select div {
	width: 282px;
	height: 216px;
}

div#content div.select div.departures {
	float: left;
}

div#content div.select div.arrivals {
	float: right;
}

/* heading */
div#content div.select h3 {
	background: none;
	width: 258px;
	height: 72px;
	margin: 0;
	padding: 0;
	border: none;
	text-indent: -9999px;
}

div#content div.select div.departures h3 {
	background: url(../img/procedure/h_departures.jpg) no-repeat;
}

div#content div.select div.arrivals h3 {
	background: url(../img/procedure/h_arrivals.jpg) no-repeat;
}

/* heading [en] */
body.en div#content div.select div.departures h3 {
	background-image: url(../img/procedure/h_departures_en.jpg);
}

body.en div#content div.select div.arrivals h3 {
	background-image: url(../img/procedure/h_arrivals_en.jpg);
}

/* heading [ko] */
body.ko div#content div.select div.departures h3 {
	background-image: url(../img/procedure/h_departures_ko.jpg);
}

body.ko div#content div.select div.arrivals h3 {
	background-image: url(../img/procedure/h_arrivals_ko.jpg);
}

/* heading [zh-cn] */
body.zh-cn div#content div.select div.departures h3 {
	background-image: url(../img/procedure/h_departures_zh-cn.jpg);
}

body.zh-cn div#content div.select div.arrivals h3 {
	background-image: url(../img/procedure/h_arrivals_zh-cn.jpg);
}

/* heading [ru] */
body.ru div#content div.select div.departures h3 {
	background-image: url(../img/procedure/h_departures_ru.jpg);
}

body.ru div#content div.select div.arrivals h3 {
	background-image: url(../img/procedure/h_arrivals_ru.jpg);
}

/* button */
div#content div.select ul {
	list-style: none;
	margin: 0;
}

div#content div.select ul li {
	margin: 12px 0 0;
}

div#content div.select ul a {
	display: block;
	width: 258px;
	height: 48px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

div#content div.departures li.domestic a {
	background: url(../img/procedure/btn_domestic_departures.jpg) no-repeat;
}

div#content div.arrivals li.domestic a {
	background: url(../img/procedure/btn_domestic_arrivals.jpg) no-repeat;
}

div#content div.departures li.international a {
	background: url(../img/procedure/btn_international_departures.jpg) no-repeat;
}

div#content div.arrivals li.international a {
	background: url(../img/procedure/btn_international_arrivals.jpg) no-repeat;
}

div#content div.select li a:hover {
	background-position: 0 -48px;
}

/* button [en] */
body.en div#content div.departures li.domestic a {
	background-image: url(../img/procedure/btn_domestic_departures_en.jpg);
}

body.en div#content div.arrivals li.domestic a {
	background-image: url(../img/procedure/btn_domestic_arrivals_en.jpg);
}

body.en div#content div.departures li.international a {
	background-image: url(../img/procedure/btn_international_departures_en.jpg);
}

body.en div#content div.arrivals li.international a {
	background-image: url(../img/procedure/btn_international_arrivals_en.jpg);
}

/* button [ko] */
body.ko div#content div.departures li.domestic a {
	background-image: url(../img/procedure/btn_domestic_departures_ko.jpg);
}

body.ko div#content div.arrivals li.domestic a {
	background-image: url(../img/procedure/btn_domestic_arrivals_ko.jpg);
}

body.ko div#content div.departures li.international a {
	background-image: url(../img/procedure/btn_international_departures_ko.jpg);
}

body.ko div#content div.arrivals li.international a {
	background-image: url(../img/procedure/btn_international_arrivals_ko.jpg);
}

/* button [zh-cn] */
body.zh-cn div#content div.departures li.domestic a {
	background-image: url(../img/procedure/btn_domestic_departures_zh-cn.jpg);
}

body.zh-cn div#content div.arrivals li.domestic a {
	background-image: url(../img/procedure/btn_domestic_arrivals_zh-cn.jpg);
}

body.zh-cn div#content div.departures li.international a {
	background-image: url(../img/procedure/btn_international_departures_zh-cn.jpg);
}

body.zh-cn div#content div.arrivals li.international a {
	background-image: url(../img/procedure/btn_international_arrivals_zh-cn.jpg);
}

/* button [ru] */
body.ru div#content div.departures li.domestic a {
	background-image: url(../img/procedure/btn_domestic_departures_ru.jpg);
}

body.ru div#content div.arrivals li.domestic a {
	background-image: url(../img/procedure/btn_domestic_arrivals_ru.jpg);
}

body.ru div#content div.departures li.international a {
	background-image: url(../img/procedure/btn_international_departures_ru.jpg);
}

body.ru div#content div.arrivals li.international a {
	background-image: url(../img/procedure/btn_international_arrivals_ru.jpg);
}

/* airline
------------------------------------------------------------*/
div#content div.section h4 {
	margin-top: 0;
}

div.section ul.airline {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
	overflow: auto;
}
* html div.section ul.airline {
	height: 1%;
}

div.section ul.airline li {
	position: relative;
	float: left;
	width: 282px;
	margin: 0 0 6px 12px;
}
* html div.section ul.airline li {
	display: inline;
}

div.section ul.airline a,
div.section ul.airline span.no-link {
	display: block;
	min-height: 19.5px;
	padding: 9.25px 0 9.25px 116px;
	background-position: 102px 14px;
	outline: none;
}

div.section ul.airline a img,
div.section ul.airline span.no-link img {
	display: block;
	position: absolute;
	left: 3px;
	top: 3px;
	width: 90px;
	height: 30px;
	border: 1px solid #CCC;
}

div.section ul.airline a:hover {
	background-color: #FFEBCD;
}

/*------------------------------------------------------------

	3. content

------------------------------------------------------------*/

/* procedure
------------------------------------------------------------*/
div#content p.map {
	margin: 20px 0 0;
}

div#content div.procedure div {
	position: relative;
	min-height: 204px;
	margin: 20px 0 0;
	background: url(../img/procedure/bg_procedure_body.gif) repeat-y;
}
* html div#content div.procedure div {
	height: 204px;
}

div.domestic div.departures div#route4,
div.domestic div.arrivals div#route3,
div.international div.departures div#route5,
div.international div.arrivals div#route4 {
	background-image: url(../img/procedure/bg_procedure_body_last.gif);
}

div#content div.procedure div h3 {
	position: relative;
	z-index: 1;
	min-height: 32px;
	margin: 0;
	padding: 12px 264px 12px 60px;
	background: url(../img/procedure/bg_procedure_head.gif) no-repeat;
	border: none;
}
* html div#content div.procedure div h3 {
	width: 588px;
	height: 56px;
}

div.domestic div.departures div#route4 h3,
div.domestic div.arrivals div#route3 h3,
div.international div.departures div#route5 h3,
div.international div.arrivals div#route4 h3 {
	background-image: url(../img/procedure/bg_procedure_head_last.gif);
}

div.domestic div.departures div#route1 h3,
div.domestic div.departures div#route2 h3,
div.domestic div.arrivals div#route2 h3,
div.international div.departures div#route1 h3,
div.international div.departures div#route2 h3,
div.international div.departures div#route3 h3,
div.international div.arrivals div#route2 h3,
div.international div.arrivals div#route3 h3 {
	padding: 12px 264px 12px 100px;
}

div#content div.procedure div h3 img.no {
	position: absolute;
	left: 8px;
	top: 8px;
	width: 32px;
	height: 32px;
	display: block;
}

div#content div.procedure div h3 img.icon {
	position: absolute;
	left: 60px;
	top: 14px;
	width: 32px;
	height: 32px;
	display: block;
}

div#content div.procedure div p {
	position: relative;
	z-index: 2;
	min-height: 136px;
	margin: 0;
	padding: 0 264px 12px 60px;
}
* html div#content div.procedure div p {
	width: 588px;
	height: 148px;
}

div.domestic div.procedure div p {
	background: url(../img/procedure/bg_procedure_footer_domestic.gif) no-repeat left bottom;
}

div.international div.procedure div p {
	background: url(../img/procedure/bg_procedure_footer_international.gif) no-repeat left bottom;
}

div.domestic div.departures div#route4 p,
div.domestic div.arrivals div#route3 p,
div.international div.departures div#route5 p,
div.international div.arrivals div#route4 p {
	background-image: url(../img/procedure/bg_procedure_footer_last.gif);
}

div#content div.procedure div p.photo {
	position: absolute;
	z-index: 3;
	right: 12px;
	top: 12px;
	width: 240px;
	height: 180px;
	margin: 0;
	padding: 0;
	background: none;
}

div#content div.procedure div p.photo img {
	display: block;
	width: 240px;
	height: 180px;
	background: #CCC;
}