@charset "utf-8";

/* main layout */
.main_container > div {}
.main_container > div > div {margin:-6px;}
.main_container > div > div::after {display:block; content:''; clear:both;}
.main_container > div > div > div {padding:6px; float:left;}
.main_container > div > div > div > div {border-radius:6px;}

@media (min-width:1100px) {
	.main_container {width:1100px; margin:0 auto;}
	.main_container > div {padding:32px 0;}
}
@media (min-width:768px) and (max-width:1099px) {
	.main_container > div {padding:24px;}
}
@media (max-width:767px) {
	.main_container > div {padding:16px;}
}

/* m visual */
.m_visual {width:100%;}
.m_visual > div {position:relative; background:#eee; overflow:hidden;}
.m_visual .mv_h {display:block;}
.m_visual .mv_navigation {position:absolute; bottom:24px; width:100%; font-size:0; line-height:0; text-align:center; z-index:5;}
.m_visual .mv_navigation * {vertical-align:top;}
.m_visual .mv_navigation .mvn_pager,
.m_visual .mv_navigation .mvn_pager > ul,
.m_visual .mv_navigation .mvn_pager > ul > li,
.m_visual .mv_navigation .mvn_pager > ul > li > a,
.m_visual .mv_navigation .mvn_btn,
.m_visual .mv_navigation .mvn_btn a {display:inline-block;}
.m_visual .mv_navigation .mvn_pager > ul > li > a,
.m_visual .mv_navigation .mvn_btn a {width:24px; height:24px;}
.m_visual .mv_navigation .mvn_pager > ul > li,
.m_visual .mv_navigation .mvn_btn a {margin:0 2px;}
.m_visual .mv_navigation .mvn_pager a {background:url(img/main/visual_off.png) no-repeat center center;}
.m_visual .mv_navigation .mvn_pager .active a {background:url(img/main/visual_on.png) no-repeat center center;}
.m_visual .mv_navigation .mvn_btn .btn_pause {background:url(img/main/visual_pause.png) no-repeat center center;}
.m_visual .mv_navigation .mvn_btn .btn_play {background:url(img/main/visual_play.png) no-repeat center center;}
.m_visual .mv_list {position:relative; z-index:0;}

@media (max-width:767px) {
	.m_visual .mv_navigation {bottom:16px;}
}

/* m visual content */
.m_visual .mv_list li {background-repeat:no-repeat; background-size:cover;}
.m_visual .mv_list li div {position:relative;}
.m_visual .mv_list li div span,
.m_visual .mv_list li div strong,
.m_visual .mv_list li div em {display:block; text-align:center;}
.m_visual .mv_list li div em {font-family:'NanumMyeongjo';}
.m_visual .mv_list li div i {position:absolute; right:0; top:0; display:block; width:234px; height:32px; background-repeat:no-repeat; background-size:auto 100%;}

.m_visual .mv_list .mv_01 {background-image:url(img/main/visual_01.png);}
.m_visual .mv_list .mv_02 {background-image:url(img/main/visual_02.png);}
.m_visual .mv_list .mv_03 {background-image:url(img/main/visual_03.png);}

.m_visual .mv_list .mv_01 i {background-image:url(img/logo/logo_i_w.png);}
.m_visual .mv_list .mv_02 i {background-image:url(img/logo/logo_i.png);}
.m_visual .mv_list .mv_03 i {background-image:url(img/logo/logo_i.png);}

.m_visual .mv_list .mv_01 span,
.m_visual .mv_list .mv_01 strong,
.m_visual .mv_list .mv_01 em {color:#fff;}

.m_visual .mv_list .mv_02 span,
.m_visual .mv_list .mv_02 strong,
.m_visual .mv_list .mv_02 em {color:#414042;}

.m_visual .mv_list .mv_03 span,
.m_visual .mv_list .mv_03 strong,
.m_visual .mv_list .mv_03 em {color:#414042;}

@media (min-width:1100px) {
	.m_visual .mv_list li {padding:32px;}
	.m_visual .mv_list li div span {font-size:22px; line-height:30px;}
	.m_visual .mv_list li div strong {font-size:32px; line-height:40px; font-weight:bold; margin-top:2px;}
	.m_visual .mv_list li div em {font-size:24px; line-height:32px; margin-top:16px;}
}
@media (min-width:768px) and (max-width:1099px) {
	.m_visual .mv_list li {padding:24px;}
	.m_visual .mv_list li div span {font-size:18px; line-height:26px;}
	.m_visual .mv_list li div strong {font-size:28px; line-height:36px; font-weight:bold; margin-top:1px;}
	.m_visual .mv_list li div em {font-size:20px; line-height:28px; margin-top:12px;}
}
@media (max-width:767px) {
	.m_visual .mv_list li {padding:16px;}
	.m_visual .mv_list li div span {font-size:14px; line-height:22px;}
	.m_visual .mv_list li div strong {font-size:22px; line-height:30px; font-weight:bold;}
	.m_visual .mv_list li div em {font-size:16px; line-height:24px; margin-top:8px;}

	.m_visual .mv_list li div i {display:none;}
}

/* m board */
.m_board > div {border-radius:6px; background:#fff;}
.m_board > div > div {position:relative; padding-top:40px;}
.m_board > div > div::after {display:block; content:''; width:100%; height:1px; background:#ddd; position:absolute; left:0; top:39px;}
.m_board .tab_box .tab_title {position:absolute; top:0;}
.m_board .tab_box .tab_title a {display:block; font-size:16px; line-height:24px; font-weight:bold; color:#58595b; padding:7px 0; border:1px solid #ddd; text-align:center;}
.m_board .tab_box.on .tab_title a {background:#4d4d4d; color:#fff; border-color:#4d4d4d;}
.m_board .tab_box .btn_more {position:absolute; right:0; top:0; width:40px; height:40px; background:url(img/main/board_btn_more.png) no-repeat #f8f8f8 center center;}

.m_board .tab_box .tab_content ul {margin-top:12px;}
.m_board .tab_box .tab_content ul li {position:relative; font-size:0; line-height:0; padding:9px 8px; padding-right:96px; border-bottom:1px dotted #ddd;}
.m_board .tab_box .tab_content ul li:last-child {border-bottom:0;}
.m_board .tab_box .tab_content ul li::before {display:block; content:''; width:2px; height:2px; border-radius:1px; background:#bbb; position:absolute; left:0; top:50%; margin-top:-1px;}
.m_board .tab_box .tab_content ul li a {display:block; font-size:14px; line-height:22px; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.m_board .tab_box .tab_content ul li a:hover {color:#337ab7; text-decoration:underline;}
.m_board .tab_box .tab_content ul li.mb_new a::after {display:inline-block; content:''; width:16px; height:16px; background:url(img/main/ico_new.png) no-repeat center center; vertical-align:middle; margin-left:8px;}
.m_board .tab_box .tab_content ul li span {display:block; font-family:'Century Gothic'; font-size:14px; line-height:22px; letter-spacing:0; color:#a9a9a9; position:absolute; right:0; top:50%; margin-top:-11px;}

@media (min-width:1100px) {
	.m_board {width:66.6666%;}
	.m_board > div {padding:28px;}
	.m_board .tab_box:nth-child(1) .tab_title {left:0;}
	.m_board .tab_box:nth-child(2) .tab_title {left:119px;}
	.m_board .tab_box:nth-child(3) .tab_title {left:238px;}
	.m_board .tab_box .tab_title a {width:120px;}
}
@media (min-width:768px) and (max-width:1099px) {
	.m_board {width:100%;}
	.m_board > div {padding:24px;}
	.m_board .tab_box:nth-child(1) .tab_title {left:0;}
	.m_board .tab_box:nth-child(2) .tab_title {left:119px;}
	.m_board .tab_box:nth-child(3) .tab_title {left:238px;}
	.m_board .tab_box .tab_title a {width:120px;}
}
@media (max-width:767px) {
	.m_board {width:100%;}
	.m_board > div {padding:20px;}
	.m_board .tab_box:nth-child(1) .tab_title {left:0;}
	.m_board .tab_box:nth-child(2) .tab_title {left:63px;}
	.m_board .tab_box:nth-child(3) .tab_title {left:126px;}
	.m_board .tab_box .tab_title a {width:64px;}	
	.m_board .tab_box .tab_content ul li {padding-right:0;}
	.m_board .tab_box .tab_content ul li span {display:none;}
}

/* m airport map */
.m_am {width:33.3333%;}
.m_am > div {padding:20px 24px; background:#fff; border-radius:6px; background:url(img/main/am_bg.png) no-repeat #fff right 12px bottom 12px;}
.m_am > div > div {position:relative; height:272px;}
.m_am .ma_title span {display:block; font-size:40px; line-height:1; letter-spacing:-0.075em; font-weight:bold; color:#942e1e;}
.m_am .ma_title p {display:block; font-size:14px; line-height:22px; color:#555; text-decoration:underline; margin-top:2px;}
.m_am .ma_area ul {width:180px; padding:2px 0; margin-top:6px;}
.m_am .ma_area ul::after {display:block; content:''; clear:both;}
.m_am .ma_area ul li {float:left; width:50%; margin:0px 0; padding-left:8px; background:url(img/main/am_blt_dot.png) no-repeat left center;}

.m_am .ma_area ul li a {display:inline-block; font-size:13px; line-height:21px; color:#757575;}
.m_am .ma_area ul li a:hover {color:#337ab7; text-decoration:underline;}
.m_am .ma_area ul li a::after {display:block; content:''; width:22px; height:22px; position:absolute; left:0; top:0; background:url(img/main/am_ico_g.png) no-repeat center center;}
.m_am .ma_area .maa_b a:hover::after {background-image:url(img/main/am_ico_b.png);}
.m_am .ma_area .maa_r a:hover::after {background-image:url(img/main/am_ico_r.png);}

.m_am .ma_area #gimpo a::after		{left:194px; top:70px;}
.m_am .ma_area #gwangju a::after	{left:188px; top:197px;}
.m_am .ma_area #gimhae a::after		{left:266px; top:199px;}
.m_am .ma_area #yeosu a::after		{left:208px; top:213px;}
.m_am .ma_area #jeju a::after		{left:173px; top:253px;}
.m_am .ma_area #pohang a::after		{left:288px; top:154px;}
.m_am .ma_area #daegu a::after		{left:255px; top:162px;}
.m_am .ma_area #yangyang a::after	{left:257px; top:67px;}
.m_am .ma_area #ulsan a::after		{left:282px; top:182px;}
.m_am .ma_area #sacheon a::after	{left:237px; top:195px;}
.m_am .ma_area #cheongju a::after	{left:205px; top:127px;}
.m_am .ma_area #gunsan a::after		{left:194px; top:168px;}
.m_am .ma_area #muan a::after		{left:165px; top:219px;}
.m_am .ma_area #wonju a::after		{left:239px; top:84px;}

@media (min-width:768px) and (max-width:1099px) {
	.m_am {display:none;}
}
@media (max-width:767px) {
	.m_am {display:none;}
}

/* m ad */
.m_ad > div {background:#f4e7d9; border-radius:6px;}
.m_ad > div > div {position:relative;}
.m_ad .ma_title {padding-bottom:8px;}
.m_ad .ma_title span {display:block; font-size:16px; line-height:24px; font-weight:bold;}
.m_ad .tab_box .tab_title {position:absolute; right:0; top:0; width:35px;}
.m_ad .tab_box:nth-child(1) .tab_title {padding-right:6px; right:32px;}
.m_ad .tab_box:nth-child(2) .tab_title {padding-left:6px;}
.m_ad .tab_box:nth-child(2) .tab_title::before {display:block; content:''; width:1px; height:12px; background:#bbb; position:absolute; left:0; top:50%; margin-top:-6px;}
.m_ad .tab_box .tab_title a {position:relative; display:block; font-size:14px; line-height:22px; color:#555; padding:1px;}
.m_ad .tab_box.on .tab_title a::before {display:block; content:''; width:100%; height:2px; background:#f24c4e; position:absolute; left:0; bottom:100%; margin-bottom:2px;}
.m_ad .tab_box .tab_content a,
.m_ad .tab_box .tab_content a img {position:relative; display:block; width:100%;height:170px;}
.m_ad .tab_box.ma_movie .tab_content a::after {display:block; content:''; width:40px; height:40px; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; background:url(img/main/ma_ico_play.png) no-repeat center center; background-size:100%; opacity:0.75;}

@media (min-width:1100px) {
	.m_ad {width:33.3333%;}
	.m_ad > div {padding:24px 28px;}
}
@media (min-width:768px) and (max-width:1099px) {
	.m_ad {width:100%;}
	.m_ad > div {padding:20px 24px;}
}
@media (max-width:767px) {
	.m_ad {width:100%;}
	.m_ad > div {padding:16px 20px;}
}

/* m popup */
.m_popup > div {background:#f4e7d9; border-radius:6px;}
.m_popup > div > div {position:relative; z-index:5;}
.m_popup .mp_title {padding-bottom:8px;}
.m_popup .mp_title span {display:block; font-size:16px; line-height:24px; font-weight:bold;}
.m_popup .mp_list [class^="btn_"] {position:absolute; top:0; display:block; width:24px; height:24px; border:1px solid #ddd; background-repeat:no-repeat; background-position:center center; background-color:#fff; z-index:0;}
.m_popup .mp_list .btn_prev {right:46px; background-image:url(img/main/mp_btn_prev.png);}
.m_popup .mp_list .btn_pause {right:23px; background-image:url(img/main/mp_btn_pause.png);}
.m_popup .mp_list .btn_play {right:23px; background-image:url(img/main/mp_btn_play.png);}
.m_popup .mp_list .btn_next {right:0; background-image:url(img/main/mp_btn_next.png);}
.m_popup .mp_list .mpl_list {overflow:hidden;}
.m_popup .mp_list .mpl_list ul li a {display:block;}
.m_popup .mp_list .mpl_list ul li a img {display:block; width:100%;height:170px;!important;}

@media (min-width:1100px) {
	.m_popup {width:33.3333%;}
	.m_popup > div {padding:24px 28px;}
}
@media (min-width:768px) and (max-width:1099px) {
	.m_popup {width:100%;}
	.m_popup > div {padding:20px 24px;}
}
@media (max-width:767px) {
	.m_popup {width:100%;}
	.m_popup > div {padding:16px 20px;}
}

/* m link */
.m_link {padding:0;}
.m_link > div {margin:-6px;}

@media (min-width:1100px) {
	.m_link {width:33.3333%;}
}
@media (min-width:768px) and (max-width:1099px) {
	.m_link {width:100%;}
}
@media (max-width:767px) {
	.m_link {width:100%;}
}

/* ml banner */
.ml_banner {padding:6px;}
.ml_banner > div {background:#f4e7d9; border-radius:6px;}
.ml_banner ul {display:table; table-layout:fixed; width:100%;}
.ml_banner ul li {display:table-cell; height:80px; text-align:center; vertical-align:middle;}
.ml_banner ul li a {display:inline-block; vertical-align:middle;}
.ml_banner ul li a i {display:block; width:48px; height:48px; background-repeat:no-repeat; background-position:center center; background-size:100%; margin:0 auto;}
.ml_banner ul li a span {display:block; font-size:13px; line-height:21px; color:#8a1b04;}

.ml_banner ul li:nth-child(1) a i {background-image:url(img/main/mlb_ico_01.png);}
.ml_banner ul li:nth-child(2) a i {background-image:url(img/main/mlb_ico_02.png);}
.ml_banner ul li:nth-child(3) a i {background-image:url(img/main/mlb_ico_03.png);}
.ml_banner ul li:nth-child(4) a i {background-image:url(img/main/mlb_ico_04.png);}

/* ml relate */
.ml_relate {padding:6px;}
.ml_relate > div {background:#f4e7d9; border-radius:6px; padding:16px 20px; height:158px;}
.ml_relate > div > ul > li {padding:5px 0;}
.ml_relate > div > ul > li > div {position:relative; padding-left:80px;}

.ml_relate > div > ul > li > div > .mlr_title {position:absolute; left:0; top:0; display:block; font-size:14px; line-height:24px; font-weight:bold; padding:4px 0;}
.ml_relate > div > ul > li > div > .mlr_link {position:relative; display:block; font-size:14px; line-height:22px; color:#555; background:#fff; border:1px solid #d0d0d0; padding:4px 8px; padding-right:32px;}
.ml_relate > div > ul > li > div > .mlr_link::after {display:block; content:''; width:32px; height:32px; background:url(img/main/mlr_arrow_w.png) no-repeat #d0d0d0 center center; position:absolute; right:-1px; top:-1px;}
.ml_relate > div > ul > li > div.open > .mlr_link::after {transform:rotate(-180deg);}

.ml_relate > div > ul > li > div > div {display:none; position:relative; z-index:5;}
.ml_relate > div > ul > li > div.open > div {display:block;}
.ml_relate > div > ul > li > div > div > ul {position:absolute; left:0; bottom:100%; margin-bottom:31px; width:100%; background:#f8f8f8; border:1px solid #d0d0d0; padding:8px 12px;}
.ml_relate > div > ul > li > div > div > ul > li {padding:2px 0;}
.ml_relate > div > ul > li > div > div > ul > li > a {display:block; font-size:13px; line-height:21px; color:#757575;}
.ml_relate > div > ul > li > div > div > ul > li > a:hover {text-decoration:underline;}