@charset "utf-8";

/* 영문홈페이지만을 위한 기존 가이드 수정 */
html, body, input, button {font-family: tsb;}

.b3 {font-family: tb;}

.objHeading_h2 {font-family: tsb; font-size: 33px;}
.objHeading_h3 {font-family: tsb;}

@media all and (max-width: 1200px) {
    .objHeading_h2 {font-size: 23px;}
}
  
.wrap-noti > ul > li {font-family: tsb;}

.con-desc {font-family: tsb; font-size: 17px;}

@media all and (max-width: 700px) {
    .con-desc {font-size: 17px;}
}

.con-list1 > ul > li {margin-top: 5px; font-family: tsb; font-size: 17px;}
.con-list1 > ul > li::before {top: 11px;}
.con-list1 > ul > li strong {font-family: tb;}

.con-list2 > ul > li {font-family: tsb; font-size: 17px; color: #444;}

@media all and (max-width: 1200px) {
    .con-list1 > ul > li {font-size: 17px;}
    .con-list1 > ul > li::before {top: 10px;}
    .con-list2 > ul > li {font-size: 17px;}
    .con-list2 > ul > li::before {top: 9px;}
}
  
@media all and (max-width: 700px) {
    .con-list1 > ul > li {font-size: 15px;}
    .con-list1 > ul > li::before {top: 8px;}
    .con-list2 > ul > li {font-size: 15px;}
}

.wrap-noti > ul > li {font-size: 17px;}
.wrap-noti > ul > li::after {top: 10px;}

.btn-style1{font-family: tb; font-size: 17px;}
.btn-style1.small {font-family: tsb; font-size: 15px;}
.btn-style1::after {margin-left: 30px;}
.btn-style2 {font-family: tsb;}

@media screen and (max-width: 1200px) {
    .btn-style1 {font-size: 17px;}
    .btn-style1.small {font-size: 14px;}
}

.depart-check-wrap .sub-tit {font-family: tsb;}

.wrap-step-banner .desc strong {font-family: tb;}
.wrap-step-banner li {padding: 0 20px;}

.con-table thead th {font-family: tsb; font-size: 17px;}
.con-table tbody td {font-family: tsb; font-size: 17px;}
.con-table tbody th {font-family: tsb; font-size: 17px;}

.con-table2 tbody th {font-family: tsb; font-size: 17px;}
.con-table2 tbody td {font-family: tsb; font-size: 17px;}
.con-table2 tbody th {font-family: tsb; font-size: 17px;}

.con-table2 tbody .location {height: 95px}
.con-table2 tbody .location th {vertical-align: top;}
.con-table2 tbody .location td {vertical-align: top;}

@media screen and (max-width: 1200px) {
    .con-table thead th {font-size: 15px;}
    .con-table tbody td {font-size: 15px;}
    .con-table tbody th {font-size: 15px;}
    
    .con-table2 tbody th {font-size: 15px;}
    .con-table2 tbody td {font-size: 15px;}
    .con-table2 tbody th {font-size: 15px;}
}

@media screen and (max-width: 960px) {
    .con-table2 tbody .location {height: auto}
    .con-table2 tbody .location th {vertical-align: middle;}
    .con-table2 tbody .location td {vertical-align: middle;}
}

.con-tab button {font-size: 15px;}

.map-head {padding: 15px 20px;}
.map-head .wrap-inner {min-height: 80px;}
.map-head.short .wrap-inner {min-height: auto;}
.map-head li .box {font-family: tb; font-size: 14px;}
.map-head .floor strong {font-family: tsb; font-size: 25px;}

@media screen and (max-width: 900px) {
    .map-head .wrap-inner {min-height: auto;}
}

.box-style1 .top p {font-size: 17px;}

.wrap-step-banner .ico {height: 145px;}
.wrap-step-banner .desc p {font-family: tsb; font-size: 15px;}

.circle-num-list > ul > li {font-family: tsb; font-size: 17px;}
.circle-num-list > ul > li strong {font-family: tsb;}

.text-con-list > ul > li > strong {font-family: tsb !important;}
.text-num-list > ul > li > strong {font-family: tsb !important;}

.noti-txt {font-family: 'tsb'; font-size: 17px;}

.wrap-contact {height: auto; padding: 20px 50px;}
.wrap-contact .title strong {font-family: tb;}
.wrap-contact .info {flex-wrap: wrap; justify-content: flex-end;}
.wrap-contact .info .btn {margin-top: 10px;}
.wrap-contact .info .text li {font-family: tsb;}
.wrap-contact .info .text li::before {top: 10px;}

@media screen and (max-width: 1500px) {
    .wrap-contact {flex-wrap: wrap; justify-content: flex-start}
    .wrap-contact .title {width: 100%; margin-bottom: 10px;}
    .wrap-contact .info {width: 100%; align-items: flex-start;}
    .wrap-contact .info .text {width: 100%; align-items: flex-start; flex-direction: column;}
    .wrap-contact .info .text li {margin-left: 0;}
    .wrap-contact .btn a {margin: 0 10px 10px 0}
}

@media screen and (max-width: 1200px) {
    .wrap-contact .info .text li::before {top: 9px;}
}

@media screen and (max-width: 800px) {
    .wrap-contact {margin-top: 40px; padding: 20px 30px;}
}

.wrap-rating .box-input {width: 510px;}

@media screen and (max-width: 1135px) {
    .con-tab ul {flex-wrap: wrap;}
    .con-tab li {width: calc((100% / 4) - 8px); margin-bottom: 10px; margin-right: 7.5px;}
    .con-tab button {width: 100%;}
}

@media screen and (max-width: 1020px) {
    .con-tab li {width: calc((100% / 3) - 8px);}
}

@media screen and (max-width: 750px) {
    .con-tab li {width: calc((100% / 2) - 8px);}
    .con-tab li:nth-child(3n) {margin-right: 7.5px;}
}

@media screen and (max-width: 600px) {
    .con-tab li {width: calc((100%)); margin-right: 0;}
    .con-tab li:nth-child(3n) {margin-right: 0;}
}

.wrap-rating .box-input input[type="text"] {font-size: 14px;}

@media screen and (max-width: 1010px) {
    .wrap-rating .form {flex-wrap: wrap; height: auto; padding: 30px;}
	.wrap-rating .title {width: 100%; margin-bottom: 20px; font-size: 17px;}
	.wrap-rating .box-form {align-items: flex-start;}
    .wrap-rating .box-input {width: 100%;}
	.wrap-rating .box-radio input[type="radio"] {margin-right: 5px;}
	.wrap-rating .box-radio.radio-width label {margin-right: 10px; font-size: 15px;}
	.wrap-rating .box-input input[type="text"] {font-size: 15px;}
	.wrap-rating .box-input button {font-size: 15px;}
}

@media (max-width: 650px) {
    .wrap-rating .box-input {flex-direction: column;}
    .wrap-rating .box-input button {width: 120px;margin-left: 0;margin-top: 15px;}
    .wrap-rating .box-input input[type="text"] {width: 100%;}
 }

.mini-noti {padding-left: 0;}
.mini-noti span {position: relative; top: 1px;}

/* 기능 폰트 변경 */
.fly-start .header .row {padding: 30px 0; line-height: 1.3;}
.fly-start .col {font-family: tsb; text-align: center;}
.fly-start .body .col {font-family: tsb;}
.fly-start .time strong {font-family: tb;}
.fly-start .time span {font-family: tb;}
.fly-start .terminal {font-family: tb;}
.fly-start .checkin {font-family: tsb;}
.fly-start .enter {font-family: tsb;}
.fly-start .state span {width: 90px; font-family: tsb;}
.fly-start .util .button .refresh,
.fly-start .util .button .down {font-family: tsb; white-space: nowrap;}
.fly-start .util .date {font-family: tsb;}
.fly-start .detail .ing strong {font-family: tsb;}
.fly-start .detail .ing strong span {font-family: tb;}
.fly-start .detail .text .left strong {font-family: tb;}
.fly-start .detail .text .left .btn-navi {font-family: tsb;}
.fly-start .detail .text .right {font-family: tsb;}
.fly-start .detail .text .right strong {font-family: tb;}
.fly-start .detail .tour .subject {font-family: tb;}
.fly-start .detail .step strong {font-family: tb;}
.fly-start .detail .step p {font-family: tsb;}
.fly-start .detail .tour .date {font-family: tsb;}
.fly-start .detail .tour .time {font-family: tsb;}
.fly-start .detail .tour .time strong {font-family: tb;}
.fly-start .detail .tour .temp strong {font-family: tb;}
.fly-start .detail .tour .temp span {font-family: tsb;}
.fly-start .detail .util button {font-family: tsb;}
.fly-start .detail .util .share li button {font-family: tsb;}
.fly-start .location {font-family: tsb;}

.fly-start .col1 {width:12%;}
.fly-start .col5 {width:5%;}

@media screen and  (max-width:1024px) {
    .fly-start .body .time::before {content: 'Arrival time';}
    .fly-start .body .location::before {content: 'From';}
    .fly-start .body .airplane::before {content: 'Airlines / Flight Name';}
    .fly-start .body .terminal::before {content: 'Airlines / Flight Name';}
    .fly-start .body .gate::before {content: 'Terminal';}
    .fly-start .body .checkin::before {content: 'Arrival gate';}
    .fly-start .body .get::before {content: 'Baggage claim';}
    .fly-start .body .out::before {content: 'Arrival Exit';}
    .fly-start .body .state::before {content: 'Arrival Status';}
    .fly-start .body .enter::before {content: 'Gate';}
    .fly-start .body .noti::before {content: 'Flight Announcements';}
}

@media screen and  (max-width:700px) {
    .fly-start .detail .text {flex-direction: column; align-items: flex-start;}
    .fly-start .detail .tour .temp {flex-direction: column; align-items: flex-start;}
    .fly-start .detail .tour .temp span {padding-left: 0;}
    .fly-start .detail.on,
    .fly-start .detail.on.share {max-height: 640px;}
}

.fly-reg .header .row {padding: 30px 0; line-height: 1.3;}
.fly-reg .data .header .col {font-family: tsb; text-align: center;}
.fly-reg .code {font-family: tb;}
.fly-reg .data .col {font-family: tsb;}
.fly-reg .data .col2 {width: 17%;}
.fly-reg .data .col3 {width: 9%;}
.fly-reg .terminal {font-family: tb;}
.fly-reg .util .button .refresh,
.fly-reg .util .button .down {font-family: tsb;}

@media screen and (max-width: 1024px) {
    .fly-reg .body .code::before {content: 'Flight name :';}
    .fly-reg .body .airplane::before {content: 'Airline :';}
    .fly-reg .body .start::before {content: 'Arrival time :';}
    .fly-reg .body .target::before {content: 'To :';}
    .fly-reg .body .terminal::before {content: 'Terminal :';}
    .fly-reg .body .sub-col::before {content: 'Flight day :';}
    .fly-reg .body .use-time::before {content: 'Flight period :';}
    .fly-reg .body .sub-col li:nth-child(1)::before {content: 'Mon : ';}
    .fly-reg .body .sub-col li:nth-child(2)::before {content: 'Tue : ';}
    .fly-reg .body .sub-col li:nth-child(3)::before {content: 'Wed : ';}
    .fly-reg .body .sub-col li:nth-child(4)::before {content: 'Thu : ';}
    .fly-reg .body .sub-col li:nth-child(5)::before {content: 'Fri : ';}
    .fly-reg .body .sub-col li:nth-child(6)::before {content: 'Sat : ';}
    .fly-reg .body .sub-col li:nth-child(7)::before {content: 'Sun : ';}
}

@media screen and (max-width:700px) {
    .fly-reg .data .col2 {width: auto;}
    .fly-reg .data .col3 {width: auto;}
}

.func-search input[type="text"] {font-family: tsb;}
.func-search select {font-family: tsb;}
.func-search .btn-search {font-family: tsb;}
.func-search .title {font-family: tb;}

.plane-info .body .col {font-family: tsb;}
.plane-info .list .info {font-family: tsb;}
.plane-info .col, .plane-info .body .col a {font-family: tsb;}

.wrap-traffic .info .text {font-family: tsb;}
.wrap-traffic .info .text strong {font-family: tb;}
.wrap-traffic table thead th {font-family: tb;}
.wrap-traffic table tbody td {font-family: tsb;}
.wrap-traffic .color-info .text {font-family: tsb;}

.bag .info .head strong {font-family: tb;}
.bag .info .head p {font-family: tsb;}

.info-box ul li {font-family: tsb;}

.cm-radio span {font-family: tsb;}
.cm-check span {font-family: tsb;}

.tour-reser .date input {font-family: tsb;}
.tour-reser .submit .btn-search {font-family: tb;}

.func-btn-style1 {font-family: tb;}
.func-btn-style2 {font-family: tb;}

.func-noti-txt {font-family: tsb;}
.func-table thead th {font-family: tb;}
.func-table tbody td {font-family: tsb;}
.func-table3 table tbody td {font-family: tsb;}

.common-pop2 > .title {font-family: tb;}
.common-pop2 .func-table thead th {font-family: tb;}
.common-pop2 .func-textarea textarea {font-family: tsb;}
.common-pop2 .ok .btn-ok {font-family: tb;}

.btn-func {font-family: tsb;}
.btn-func.eng {font-family: tsb;}

.apply-form .row .title {font-family: tb;}
.apply-form .insert {font-family: tsb;}
.apply-form .insert select {font-family: tsb;}
.apply-form .insert input[type="text"],
.apply-form .insert input[type="password"] {font-family: tsb;}
.apply-form .insert textarea {font-family: tsb;}
.apply-form .noti {font-family: tsb;}

.form-agree3 .explane {flex-shrink: 0; padding-left: 20px;}

.func-heading-button .left > p {font-family: tsb;}
.func-fix-btn {font-family: tsb;}

.parking-num .num-txt > span {font-family: tsb;}

.facility-wrap .chk-box span {font-family: tsb;}
.facility-wrap .search-area .srchBox select,
.facility-wrap .search-area .srchBox button {font-family: tsb;}
.facility-wrap .cate {font-family: tsb;}

.more-pop .cate {font-family: tsb;}
.more-pop .more-pop-info li > strong {font-family: tb;}
.more-pop .more-pop-info li {font-family: tsb;}

.srch_box .srch_state .srch_counts {font-family: tsb;}
.srch_box .view-select select {font-family: tsb;}
.srch_box .search > select {font-family: tsb;}
.no-data {font-family: tsb;}

.func-tab li .btn-tab {font-family: tsb;}
.faq-list .toggle .text::after {top: 9px;}
.faq-list .toggle {font-family: tsb;}
.faq-list .con {font-family: tsb;}

.form-agree .btn-agree {font-family: tsb;}

.form-btn {font-family: tsb;}
.func-title h3 {font-family: tb;}
.func-title .must-text {font-family: tsb;}

.common-pop2 .func-textarea .terms-list1 li {font-family: tsb;}

@media screen and (max-width: 960px) {
  .con-table:after,
  .con-table2:after{background: rgba(31,59,101,0.1) url('../../images/common/img_mobile_text.png') no-repeat center 20px;}
}

.btn-style2 {min-height:30px; padding:5px 10px; height: auto;}

.wrap-pop .control2 .pop-state span {font-family: tsb;}
.wrap-pop .control2 .pop-close button {font-family: tsb;}
.wrap-pop .control2 .pop-today {font-family: tsb;}

.wrap-rating .title {width: 300px;}

html[lang='en'] .exhib-pop-con .left li > strong {min-width: 160px;}