@charset "UTF-8";

/* skip navigation */
.skip_nav a { display:block; position:absolute; left:0; top:-100px; width:100%; padding:0px 0; text-align:center; z-index:1001; border:none; }
.skip_nav a:active, .skip_nav a:focus { top:0; font-weight:bold; font-size:16px; padding:5px 0; background:#e1e1e1; line-height:1.5; border-bottom:1px solid #aaa; outline:transparent; }

/* base */
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; font-size:14px; line-height:1.3; font-family:'Malgun Gothic','Apple SD Gothic Neo','애플 SD 고딕 네오',Tahoma,dotum,gulim,'Droid Sans',sans-serif; color:#111; letter-spacing:-0.05em; }
dl,ul,ol,menu,li {list-style:none; }
img { vertical-align:top; border:none; width:100%; }
a { color:#111; text-decoration:none; }
a:active { -webkit-tap-highlight-color:transparent; }
em,address { font-style:normal; }

table { border-collapse:collapse; border:0; border-spacing:0; width:100%; }
caption, legend { text-indent:-9999px; overflow:hidden; height:0; }
#wrap { position:relative; min-width:320px; }
#wrap.fixed { position:fixed; left:0; top:0; right:0; z-index:1000;}

/*레이어 */
.modalLayer_bg { display:none; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
.layer_basic { position:absolute; top:15px; margin:0px 15px 15px; background:#fff; z-index:100; }
.layer_basic h1 { height:50px; line-height:50px; font-size:18px; color:#fff; background:linear-gradient(135deg, rgba(0,130,255,1) 0%,rgba(0,186,225,1) 100%); text-align:center; box-sizing:border-box; }
.layer_basic .layer_con { padding:15px; min-height:150px; }
.layer_basic .layer_con ul li { position:relative; padding-left:10px; margin-bottom:5px; }
.layer_basic .layer_con ul li:before { position:absolute; left:0; top:5px; content:""; width:5px; height:5px; background:#788fa7; border-radius:5px; }
.layer_basic .layer_con .width100 { width:100%; margin-top:10px; }
.layer_basic > .btn_close,.layer_basic > .btn_layerClose { position:absolute; top:13px; right:10px; width:24px; }
.layer_basic .btn_section { box-sizing:border-box; height:55px; text-align:center; border-top:1px solid #a6bace; margin-bottom:60px; }
.layer_basic .btn_section button { background:#788fa7; text-align:center; width:30%; height:30px; color:#fff; border-radius:3px; margin-top:11px; }

/* 공통 텍스트 스타일 */
.txt_blue { color:#0082ff; }
.txt_red { color:#ce1313; }

/* 공통 버튼 스타일 */
.color_blueBg { background:#0082ff; color:#fff; padding:5px 10px; border:1px solid 
#0082ff; }
.txt_red { color:#ce1313; }

/* 기본 테이블 */
.table_basic { border-top:1px solid #788fa7; }
.table_basic th,.table_basic td { box-sizing:border-box; padding:8px; }
.table_basic.alignC th,.table_basic.alignC td { text-align:center; }
.table_basic th { border-bottom:1px solid #d8dde8; border-top:none; }
.table_basic td { border-bottom:1px solid #d8dde8; }
.table_basic td input { height:36px; border-radius:0; }

/* th 회색 테이블 */
.table_gray { border-top:1px solid #ccc; }
.table_gray.alignC td, .table_gray.alignC th { text-align:center; }
.table_gray th, .table_gray td { box-sizing:border-box; padding:8px; text-align:left; }
.table_gray th { background:#eee; border-bottom:1px solid #ccc; border-top:none; }
.table_gray td { border-bottom:1px solid #ccc; }
.table_gray .alignC { text-align:center; }

/* 전체 라인있는 테이블 */
.table_line.alignC td, .table_line.alignC th { text-align:center; }
.table_line th, .table_line td { box-sizing:border-box; padding:8px; text-align:left; }
.table_line th { background:#eee; border:1px solid #ccc; }
.table_line td { border:1px solid #ccc; }
.table_line .alignC { text-align:center; }
.alignL { text-align:left !important; }

/* 셀렉트박스 인풋 */
button { border:none; background:none; cursor:pointer; }
button:focus,select:focus { outline:transparent; }
input:focus,textarea:focus { outline:2px solid #0082ff; border:1px solid #0082ff; }
input[type=text],input[type=password],input[type=tel],input[type=number],input[type=email]{ border:1px solid #a6bace; border-radius:3px; height:50px; width:100%; padding:0 10px; box-sizing:border-box; color:#a6bace; }
input::placeholder { color:#a6bace; }
select { position:relative; cursor:pointer; background:url(../../images/sub/btn_more.png) no-repeat 88% center; background-size:14px auto; height:36px; border:1px solid #a6bace; padding:0 30px 0 10px; color:#a6bace; -webkit-appearance:none; -mos-appearance:none; appearance:none}
.width50 { width:50% !important; }
.width100 { width:100% !important; }
select.width100 { background-position:95% center; height:40px; }

/* 버튼영역 */
.btn_area { text-align:center; width:100%; margin-top:25px; }
.btn_area:after { content:""; display:block; clear:both; }
.btn_area li { float:left; display:block; width:49%; margin-right:2%; } /* 디폴트 2개 */
.btn_area li.one { width:100%; } /* 1개 */
.btn_area li:last-child { margin-right:0; }
.btn_area li a,.btn_area li button { height:45px;line-height:45px; width:100%; display:inline-block; text-align:center; box-sizing:border-box; font-size:16px; border-radius:3px; border:1px solid #788ea7; }
.btn_area li:last-child a,.btn_area li:last-child button { color:#fff; background:linear-gradient(135deg, rgba(0,130,255,1) 0%,rgba(0,186,225,1) 100%); border:none; }
.btn_blueBg { margin:15px 0; }
.flash_ani { animation:flash_ani 1s ease infinite; }
@keyframes flash_ani {
		0% { opacity:0; }
		20% { opacity:1; }
		80% { opacity:1; }
		100% {  opacity:0; }
	}

.marginT5 { margin-top:5px; }

/* 모달레이어 폼 */
.modal_layer { display:none; position:absolute; z-index:1001; }
.modal_layer .header { background:#3e3e55; height:40px; width:100%; }
.modal_layer .header .title { box-sizing:border-box; font-weight:bold; font-size:20px; text-align:center; padding-top:8px; color:#fff; font-weight:normal; }
.modal_layer .header .comment { font-size:18px; margin-top:8px; }
.modal_layer .layer_content { padding:20px; min-height:150px; background:#fff; }
.modal_layer .btn_section { padding:0 20px 20px; box-sizing:border-box; text-align:center;background:#fff; }
.modal_layer .dayCheck { position:absolute; right:5px; bottom:-28px;font-size:13px; color:#fff; }
.modal_layer .dayCheck input { vertical-align:-3px; cursor:pointer; width:16px; height:16px;}
.modal_layerBg { position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:-1; }
.modal_layer .btn_modalClose { position: absolute; right:0; bottom:-40px; z-index:1000; color:#fff; line-height:1.5; }
.modal_layer .btn_modalClose a { display:inline-block; width:20px; padding:10px 10px 10px 2px;}

/* 20220405 추가 */
body {-webkit-text-size-adjust:none}
.btn_blueBg { height:45px;line-height:45px; width:100%; display:inline-block; text-align:center; box-sizing:border-box; font-size:16px; border-radius:3px; color:#fff; background:linear-gradient(135deg, rgba(0,130,255,1) 0%,rgba(0,186,225,1) 100%); border:none; margin:15px 0; }

/* 버튼 area */
.btn_both:after { content:""; display:block; clear:both; }
.btn_both { margin-top:18px; }
.btn_both.margin { margin-top:30px; }
.btn_both li { float:left; width:49%; height:45px; }
.btn_both li a { display:block; line-height:41px; text-align:center; width:100%; height:100%; border:1px solid #788fa7; border-radius:5px; box-sizing:border-box; font-size:16px; }
.btn_both li:first-child { margin-right:2%; }
.btn_both li:last-child a { color:#0082ff; border:1px solid #0082ff; }
.btn_both li:last-child a.select { color:#fff; background:#0082ff url(https://cdn.kystudy.co.kr/User/Content/imagesM/sub2/icon_select.png) no-repeat 37% center; background-size:16px auto; padding-left:10%; }
.btn_both li:last-child a.payEnd,.btn_both li:last-child a.next_step { color:#fff; background:#0082ff; }
.btn_both li:last-child a.end { color:#fff; background:#a6bace; border:none }
.btn_table { display:inline-block; width:60px; height:25px; border-radius:3px; color:#fff; text-align:center; line-height:25px; margin-left:5px; }
.btn_table.view { background:#0082ff; border-radius:3px; color:#fff; text-align:center; }
.btn_table.viewEnd { background:#a6bace; }
.btn_table.btn_couponOpen { float:right; background:#222; width:80px; }