﻿@charset "UTF-8";

/* ky원패스 202208 */
#container > h1 { border-bottom:none }

.KYOnepass .btn_apply { margin:30px auto 0; background:#222; display:block; width:80%; height:40px; text-align:center; border-radius:3px; color:#fff; font-size:17px; line-height:40px; letter-spacing:-1px;}
.kyonepass_apply { background:#ffca00; padding-bottom:40px; }
.kyonepass_apply h2 { font-size:23px; text-align:center; padding-top:20px; font-weight:bold; }
.kyonepass_apply h2 strong { color:#da0000; }
.kyonepass_apply dl { margin:15px; background:#fff; border:2px solid #222; }
.kyonepass_apply dt { border-bottom:1px solid #ccc; padding:10px; font-weight:bold; font-size:18px; text-align:center; }
.kyonepass_apply dd { padding:10px 0 10px 60px; }
.kyonepass_apply dd strong { display:block; }
.kyonepass_apply dd:nth-child(2) { border-bottom:1px solid #222; background:url(images/icon_01.png) no-repeat 10px; background-size:40px auto; }
.kyonepass_apply dd:nth-child(4) { background:url(images/icon_02.png) no-repeat 10px; background-size:40px auto; }
.kyonepass_apply .tab { display:flex; flex-wrap:wrap; margin:15px 15px 0; border:2px solid #222; border-bottom:none; }
.kyonepass_apply .tab li { width:33.3%; height:45px; box-sizing:border-box; border-right:1px solid #ccc; }
.kyonepass_apply .tab li:last-child { width:33.4%; border-right:none; }
.kyonepass_apply #tab2 li:last-child { width:100%; }
.kyonepass_apply .tab li a { display:block; width:100%; height:100%; background:#e5e5e5; text-align:center; padding-top:11px; font-size:16px; font-weight:bold; box-sizing:border-box; }
.kyonepass_apply .tab li a.current { background:#222; color:#fff; }
.kyonepass_apply .tab_content { background:#fff; margin:0 15px; box-sizing:border-box; border:2px solid #222; border-top:none; padding:20px 10px; }
.kyonepass_apply .package_con ul { display:flex; flex-wrap:wrap; padding-bottom:5px; }
.kyonepass_apply .package_con ul li { width:32.5%; margin-bottom:10px; }
.kyonepass_apply .package_con ul li:nth-child(3n) { width:35%; }
.kyonepass_apply .package_con ul input[type=radio] { vertical-align:middle; }
.tab_content p { border-top:1px solid #ccc; padding-top:10px; }
.kyonepass_apply .modal_layer { left:50%; width:90%; margin-left:-45%; }
.kyonepass_apply .modal_layer .header { background:#ffca00;  }
.kyonepass_apply .modal_layer .title { font-size:15px; color:#111; padding-top:11px; }
.kyonepass_apply .modal_layer .layer_close { position:absolute; right:10px; top:12px; display:block; width:15px; }
.kyonepass_apply .modal_layer .layer_content { min-height:80px; }
.kyonepass_apply .modal_layer .layer_content li { margin-bottom:12px; }
.KYOnepass .guide_txt { background:#ffca00; padding:0 15px 50px; }
.KYOnepass .guide_txt dt { font-size:16px; padding-bottom:5px; font-weight:bold; }
.KYOnepass .guide_txt dd { position:relative; padding:0 0 3px 8px; font-size:13px; }
.KYOnepass .guide_txt dd:before { position:absolute; left:0; top:1px; content:"- " }
.KYOnepass .guide_txt dd strong { font-weight:normal; color:#e10000; }
.kyonepass_pay { background:#222; margin:0 15px; padding:15px 0px 10px; color:#fff; }
.kyonepass_pay ul { margin-left:15px; }
.kyonepass_pay li { font-size:18px; padding-bottom:5px;}
.kyonepass_pay li:first-child * { color:#fff; }
.kyonepass_pay li:first-child strong { font-size:20px; }
.kyonepass_pay li:last-child:before { content:" → "; color:#fff; }
.kyonepass_pay li:last-child strong { font-size:25px;letter-spacing:-1px; vertical-align:-2px;line-height: 1;}
.kyonepass_pay li:last-child * { color:#fc2626; }