@charset "UTF-8";

/**
 * Copyright (c) 2015 Spoqa, Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining
 * a copy of this software and associated documentation files (the
 * "Software"), to deal in the Software without restriction, including
 * without limitation the rights to use, copy, modify, merge, publish,
 * distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so, subject to
 * the following conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 700;
    src: local('Spoqa Han Sans Bold'),
    url('/Content/font/Spoqa Han Sans Bold.woff') format('woff');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    src: local('Spoqa Han Sans Regular'),
    url('/Content/font/Spoqa Han Sans Regular.woff') format('woff');
}

/* base */
body { min-width:1100px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button { margin:0;padding:0; font-weight:normal; word-break:keep-all;}
dl,ul,ol,menu,li {list-style:none; }
img { border:0; height:auto; line-height:100%; outline:none; text-decoration:none; vertical-align:top; }
input::-ms-clear { display:none; }
iframe { border:0; margin:0; padding:0; }
body, h1, h2, h3, h4, input, button, textarea,p,a,select { font-family:'Spoqa Han Sans','맑은 고딕','Malgun Gothic','돋움',dotum,AppleGothic,sans-serif; color:#333; letter-spacing:-0.5px; line-height:1.3; font-size:15px; }
button { border:none; background-color:transparent; cursor:pointer; }
button::-moz-focus-inner { border:0; padding:0;}
button:focus,select:focus { outline:transparent; }
input, select { vertical-align:middle; margin:0; }
input,select { margin:0 3px; }
input::placeholder { color:#9aacc9; font-size:14px; }

table { border-collapse:collapse; border:0; border-spacing:0; width:100%; }
caption, legend { text-indent:-9999px; overflow:hidden; height:0; }
em,address { font-style:normal; }

a { text-decoration:none; }
a:hover { color:#018ae6; }


/* KY원패스 프로그램_20190920 */
.KyOnepass_program_20190920 { width:100%; overflow:hidden; text-align:center; }
.KyOnepass_program_20190920 .topImg { position:relative; width:100%; height:825px; background:url(/images/topBg.jpg) no-repeat center top; }
.KyOnepass_program_20190920 .topTxt { position:absolute; width:1100px; left:50%; top:135px; margin-left:-550px; }
.topImg .site_link { position:absolute; left:50%; bottom:68px; margin-left:-550px; width:1100px; }
.topImg .site_link li { display:block; width:196px; height:196px; float:left; }
.topImg .site_link li:first-child { margin:0 128px 0 290px; }
.topImg .site_link li a { display:block; width:196px; height:196px; }
.topImg .site_link li a img { position:absolute; display:block; width:196px; height:196px; transition:.4s ease; }
.topImg .site_link li a .front { filter: alpha(opacity=100); opacity:1; z-index:2; }
.topImg .site_link li a:hover .front { filter: alpha(opacity=0); opacity:0; z-index:1; }
.topImg .site_link li a .back { filter: alpha(opacity=0); opacity:0; z-index:1; }
.topImg .site_link li a:hover .back { filter: alpha(opacity=100); opacity:1; z-index:2; }

.KyOnepass_program_20190920 .inSeoul_txt { width:100%; height:133px; background:#1f0c0c; }
.KyOnepass_program_20190920 h2 { width:100%; padding:90px 0 40px 0; margin-bottom:50px; border-bottom:1px solid #333; }
.KyOnepass_program_20190920 .section_01 { background:#e5e5e5; }
.KyOnepass_program_20190920 .section_02 { position:relative; }
.section_02 h2:before { display:block; content:""; width:72px; height:86px; position:absolute; top:-17px; left:50%; margin-left:-38px; background:url(/Content/images/KYOnePass/section02_img.gif) no-repeat; z-index:10; }
.section_02 .onepass_detail { position:relative; width:1100px; height:655px; background:url(/Content/images/KYOnePass/detail_bg.png) no-repeat; margin:0 auto; }
.section_02 .onepass_detail li { position:absolute; left:445px; opacity:0; }
.section_02 .onepass_detail li:first-child { top:30px; }
.section_02 .onepass_detail li:nth-child(2) { top:202px; }
.section_02 .onepass_detail li:nth-child(3) { top:374px; }

.KyOnepass_program_20190920 .slideTop { animation:slideTop .7s ease-in-out both; visibility: visible !important; }

@keyframes slideTop {
	0% {
		transform: translateY(30%);
		opacity:0;
	}
	70%{
        transform: translateY(-10%);
        opacity:1;
	}
	100% {
        transform: translateY(0%);
        opacity:1;
	}
}

.KyOnepass_program_20190920 .section_03 h2 { width:100%; border-bottom:1px solid #968279; margin-bottom:0;  }
.KyOnepass_program_20190920 .section_03 { background:#64311b url(/Content/images/KYOnePass/slideBg.jpg) no-repeat center bottom; background-attachment: fixed; }
.KyOnepass_program_20190920 .slide_section { position:relative; height:670px; padding-top:50px; box-sizing:border-box; }
.slide_section .bx-wrapper { width:1100px; height:500px; background:#e5e5e5; padding:50px 70px; box-sizing:border-box; margin:0 auto; }
.slide_section .bx-controls-direction { position:relative; width:1100px; z-index:100; }
.slide_section .bx-controls-direction a { position:absolute; top:-230px; display:inline-block; width:46px; height:56px; background:url(/Content/images/KYOnePass/slide_control.png) no-repeat; text-indent:-9999px; transition:all .3s; overflow:hidden; }
.slide_section .bx-controls-direction .bx-prev { left:-70px; }
.slide_section .bx-controls-direction .bx-prev:hover { background:url(/Content/images/KYOnePass/slide_control_hover.png) no-repeat; }
.slide_section .bx-controls-direction .bx-next { background-position:-46px 0; right:70px;}
.slide_section .bx-controls-direction .bx-next:hover { background:url(/Content/images/KYOnePass/slide_control_hover.png) no-repeat -46px 0; }
.slide_section .movie { float:left; width:270px; margin-right:40px; text-align:right; }
.slide_section .movie dt { font-size:22px; margin:20px 0 5px; }
.slide_section .story_txt { float:left; width:650px; height:390px; box-sizing:border-box; padding:30px; text-align:left; background:#fff; overflow-y:scroll; }
.slide_section .story_txt p { line-height:1.5; }
.slide_section .story_txt h3 { color:#aa3300; font-size:24px; }
.slide_section .story_txt h4 { color:#aa3300; font-size:20px; margin:20px 0 10px; }
.bx-pager-item { display:inline-block; margin:20px 8px 0 0; }
.bx-pager-item:last-child { margin-right:0;  }
.bx-pager-item a { text-indent:-9999px; overflow:hidden; display:inline-block; width:14px; height:14px; border-radius:7px; background:#777; }
.bx-pager-item a.active { background:#fff; }

.KyOnepass_program_20190920 .section_04 { background:#ffca00; }
.KyOnepass_program_20190920 .section_05 { background:#332d2d; padding-bottom:180px; }
.KyOnepass_program_20190920 .section_05 .map { width:1100px; margin:0 auto; text-align:left; }
.KyOnepass_program_20190920 .section_05 h2 { width:100%; border-bottom:1px solid #adabab; }
.KyOnepass_program_20190920 .section_05 h3 { font-size:32px; color:#fff; margin-top:60px; }
.KyOnepass_program_20190920 .section_05 p { font-size:21px; color:#fff; margin:3px 0 20px; }

/* 우측 바로가기 배너 */
.aside_right { position:absolute; right:0; top:1210px; width:140px; z-index:100; border:1px solid rgba(120,120,120,.8); border-right:none; }
.aside_right a { display:block; width:100%; height:100%; padding:15px 0; border-bottom:1px dashed #ccc; background:#fff; font-size:16px; transition:all .3s; }
.aside_right li:last-child a { border-bottom:none; }
.aside_right li a:hover { background:#ddd; }
.aside_right li a.current { background:#ffca00; }

/* 하단 상담신청 */
.aside_bottom { position:fixed; bottom:-130px; width:100%; height:120px; background:rgba(0,0,0,.85); transition:.3s ease-out; z-index:105;  }
.aside_bottom iframe { width:1100px; height:120px; }
.aside_bottom .container { position:relative; width:1100px; margin:0 auto; }
.counsel_link:after { content:""; display:block; clear:both;  }
.counsel_link li { float:left; padding-top:27px; }
.counsel_link,.request { float:left; }
.request li { float:left; }
.request li:first-child { margin-right:20px; }
.request li input[type=text] { width:130px; }
.request li input[type=tel] { width:180px; }
.request { color:#fff; margin-left:57px; padding-top:50px; }
.request dt { font-size:18px; padding-right:5px; }
.request .agree_check { position:absolute; right:0; top:15px; cursor:pointer;}
.request .agree_check span { display:block; font-size:13px; height:24px; padding:3px 30px 0 0; background:url(/Content/images/KYOnePass/check_off.png) no-repeat right 0; }
.request .agree_check span.on { background:url(/Content/images/KYOnePass/check_on.png) no-repeat right 0; }
.agree_check input[type=checkbox] { position:absolute; left:-9999px; text-indent:-9999px; overflow:hidden; }

.request dt,.request dd { display:inline-block; }
.request input[type=text],.request input[type=tel] { background:#fff; border:none; height:38px; box-sizing:border-box; padding:0 0 2px 10px; font-size:18px; }
.request input[type=text]:focus,.request input[type=tel]:focus { outline:transparent; }
.request button { position:absolute; right:0; top:49px; height:40px; background:#c70000; width:155px; color:#fff; font-size:18px; padding-bottom:3px; box-sizing:border-box; }
.request button:after { content:" >" }



/* 원서접수 추가 */
#section_05 .btn_apply { display:block; width:320px; height:65px; line-height:65px; font-size:21px; color:#fff; background:#65321d; margin:0px auto 0; border-radius:8px; transition:all .2s; }
#section_05 .btn_apply:hover { background:#ae3300; }
#section_05 .btn_apply:after { content:" >"; }
#section_05 { padding:60px 0 120px; background:#ffca00; }

/* 원서접수 팝업 */
.pop_apply { position:relative; width:1100px; background:#eee; }
.pop_apply .header { background:#333; padding:20px 0 20px 200px; overflow:hidden; }
.pop_apply .header h1 { float:left; font-size:28px; color:#fff; background:url(/Content/images/KYOnePass/icon_popApply.png) no-repeat; padding:2px 0 3px 48px; }
.pop_apply .header p { float:left; color:#999; border-left:1px solid #666; padding-left:15px; margin-left:15px;  }
.pop_apply .apply_content { padding:20px 20px 30px; box-sizing:border-box; }
.pop_apply .apply_content p { padding-bottom:15px; }
.pop_apply .apply_content .table_section { background:#fff; padding:20px; }
.pop_apply .apply_content .table_section.first-child { padding-bottom:0; }
input[type=text],input[type=tel] { width:170px; box-sizing:border-box; border:1px solid #c2cad8; height:28px; vertical-align:middle; padding:0 6px; color:#9aacc9; font-size:13px; }
input[type=text]:focus,input[type=tel]:focus { outline:2px solid #2ba9ea; border:1px solid #2ba9ea; }
select { -webkit-appearance:none; cursor:pointer; height:28px; border:1px solid #ccc; padding:0 28px 0 7px; -moz-appearance: none; appearance:none; background:url(/Content/images/KYOnePass/select_arrow.gif) no-repeat right center; border-radius:0; color:#666; font-size:14px; }
select::-ms-expand { display:none; } /* ie11핵 */
:root select { padding-right:0\9; } /* ie9핵 */
.width_70 { width:70px !important }
.width_250 { width:250px !important }
input[type=radio] { vertical-align:-2px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	select { padding-bottom:3px; }
} /* 크롬핵 */
.table_basic { border-top:2px solid #3e3e55; }
.table_basic.borderT0 { border-top:1px solid #cfcfda; }
.table_basic th,.table_basic td { box-sizing:border-box; padding:10px 13px; }
.table_basic th { background:#ededf2; border:1px solid #cfcfda; border-top:none; }
.table_basic td { border:1px solid #cfcfda;  }
.pop_apply h2 { font-size:21px; margin-bottom:10px; }
.pop_apply .apply_info { margin:0 0 10px 10px; color:#888; }
.pop_apply .apply_info li:before { content:"- " }
.pop_apply .table_section li { display:inline-block; margin-right:8px;}
.pop_apply .btn_search { background:#777; height:28px; line-height:28px; padding:0 20px; vertical-align:middle; color:#fff; transition:all .2s; }
.pop_apply .btn_search:hover { background:#444; }
.privacy_check { margin:20px 0 0 10px; }
.privacy_check label { cursor:pointer;  }
.privacy_check input[type=checkbox]{ width:18px; height:18px; }
.pop_apply strong { font-weight:normal; color:#b30000; }
.privacy_check .layer_privacy { display:none; position:absolute; left:200px; bottom:30px; width:600px; background:#fff; border:1px solid #555; padding:25px; box-shadow:3px 3px 2px #bbb; }
.privacy_check .layer_privacy.displayB { display:block; }
.layer_privacy dt { font-size:18px; margin-bottom:10px;  }
.layer_close { position:absolute; right:15px; top:15px; }
.layer_privacy .table_basic { margin-top:15px; }
.btn_applyForm { display:block; width:250px; margin:0 auto; text-align:center; background:#555; height:45px; line-height:45px; border-radius:5px; font-size:18px; color:#fff; transition:all .2s; }
.btn_applyForm:hover { background:#222; color:#fff; }





/* width:1200미만일때 css */
.aside_middle { display:none; }

@media (max-width:1200px){
    .KyOnepass_program_20190920 .topImg {  background:url(/Content/images/KYOnePass/topBg.jpg) no-repeat left top; }
    .aside_right { display:none; }
    #section_05 .btn_apply { margin:40px auto 50px; width:800px; height:120px; line-height:120px; font-size:50px; font-weight:bold; }
    .aside_middle { position:fixed; top:0; left:0; width:100%; z-index:1000; border-bottom:1px solid #444; border-top:1px solid #444; background:#ffca00;  }
    .aside_middle ul { width:1100px; }
    .aside_middle li { width:20%; height:120px; float:left; border-right:1px solid #444; box-sizing:border-box; }
    .aside_middle a { display:block; width:100%; height:100%; font-size:30px; transition:all .3s; padding-top:28px; box-sizing:border-box; letter-spacing:-2px; font-weight:bold; }
    .aside_middle li:nth-child(2) { width:28%; }
    .aside_middle li:nth-child(4), .aside_middle li:nth-child(5) { width:16%; }
    .aside_middle li:nth-child(4) a { padding-top:40px;}
    .aside_middle li:last-child { border-right:none; }
    .aside_middle li:last-child a { font-size:32px;}
    .aside_middle li a:focus,.aside_middle li a:hover { background:#333; color:#fff; }
    .aside_middle li small { display:block; font-weight:normal; font-size:23px; }
    .aside_bottom { position:fixed; bottom:-130px; width:100%; height:140px; background:#000; transition:.3s ease-out; z-index:105;  }
    .aside_bottom iframe { width:1100px; height:140px; }
    .request .agree_check span { font-size:18px; }
    .request .agree_check { position:absolute; right:0; top:15px; cursor:pointer;}
    .request .agree_check span { display:block; height:28px; padding:1px 40px 0 0; background:url(/Content/images/KYOnePass/checkMobile_off.png) no-repeat right 0; }
    .request .agree_check span.on { background:url(/Content/images/KYOnePass/checkMobile_on.png) no-repeat right 0; }
}