@charset "utf-8";


html {overflow-y: scroll !important; overflow-x: hidden !important;} 
body {font-family: "NanumSquare","나눔 고딕","Malgun Gothic",sans-serif;color:#000;font-size:16px;line-height:1;position: relative;}
a {text-decoration:none;color:#000;}
img {vertical-align: top;}
.inner {width: 1500px;margin:auto; position:relative;}
.inner:after {content:"";display:block;width:0;height:0;overflow:hidden;clear:both;}
.clearFix:after {content:"";display:block;width:0;height:0;overflow:hidden;clear:both;}
ul:after,ol:after,dl:after {content:"";display:block;width:0;height:0;overflow:hidden;clear:both;}

input[type=submit], 
input[type=text],
input[type=button],
input[type=password],
input[type=radio],
textarea,
input[type=checkbox] {-webkit-appearance:none;border: none}
input[type="checkbox"], input[type="radio"],input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

button:focus {outline: none;}

.lh100 {height: 100%;}

.mobile {display: none;}


.header {z-index: 10; position:relative;width: 100%; background: #fff;outline: none;}
.headerWrap {text-align: center;}

.logo {position: absolute;display: inline-block;top: 32px;left: 0px;}
.header .txtWrap {float: right;margin-top: 40px;}
.header .txtWrap a.on{ color: #0c6eac; font-weight:bold;}
.header .txtWrap li {float: left;position: relative; margin-left: 30px; height:37px; line-height:37px;}
.header .txtWrap .btn01 { display:block; text-align:right;  padding-right:20px;width:113px; height:37px; line-height:37px; background:url(../../images/user20/main/icon_main_search.png) no-repeat 10% 45%;  border:1px solid #ebebeb; border-radius:30px;}
.header .txtWrap .btn01 span{ background:url(../../images/user20/main/icon_main_arrow.png) no-repeat 100% 45%; padding-right:15px;}

.header .workWrap{ float:left; margin-left:115px;margin-top: 33px;}
.header .workWrap a.on{ color: #0c6eac; font-weight:bold;}
.header .workWrap li{float: left; height:50px; line-height:50px; margin-left:30px;}
.header .workWrap select {padding:0 25px; border:1px solid #ebebeb; width: 240px; font-size:16px;height:48px; color:#000;-webkit-appearance: none;-moz-appearance: none;  appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:24px; background:url(../../images/user20/main/work_select_bg.png) no-repeat 90% 50%}
.header .workWrap select::-ms-expand { display: none; } 
.header .icon_vip{background:url(../../images/user20/main/icon_vip.png) no-repeat right; padding-right:27px;}

#topMenu {height: 60px;  width: 1500px; margin:0 auto; text-align:center;  position: relative; }
#topMenu ul {display: inline-block;}
#topMenu ul li {color:#000;float: left;line-height: 60px;vertical-align: middle; text-align: center; }
.menuLink { text-decoration:none;display: block; padding:0 60px; font-size:16px;}
.menuLink {color:#000;}
.topMenuLi:hover .menuLink {color: #0c6eac;}
.active .menuLink{color: #0c6eac; font-weight:bold;}


#home_contents {position:relative; width:100%;margin-top:50px;}
.mt_0{ margin-top:0px !important;}
#home_contents #t_cnt_area{position:relative; width:1500px; margin:0 auto;}

#home_contents #t_cnt_area .txt_area{ width:100%; text-align:center; }
#home_contents #t_cnt_area .txt_area .main_txt{font-size:30px;}
#home_contents #t_cnt_area .txt_area .sub_txt{font-size:18px; margin-top:15px;}

#home_contents #t_cnt_area .area{ font-size:0px; padding-top:35px;}
#home_contents #t_cnt_area .area li.sheet{display:inline-block;border-radius:25px; width:17.5%; height:300px; margin-left:1%; color:#fff;box-shadow: 5px 5px 10px -5px #888; vertical-align:top;}
#home_contents #t_cnt_area .area li.sheet:first-child{width: 21%}
#home_contents #t_cnt_area .area li.sheet:nth-child(2){width: 21%}
#home_contents #t_cnt_area .area li.sheet_01{ background-color:#4fc9e9; margin-left:0%;}
#home_contents #t_cnt_area .area li.sheet_02{ background-color:#8dc640;}
#home_contents #t_cnt_area .area li.sheet_03{ background-color:#f79020;}
#home_contents #t_cnt_area .area li.sheet_04{ background-color:#0d4ea2;}
#home_contents #t_cnt_area .area li.sheet_05{ background-color:#0073e8; position: relative;}
#home_contents #t_cnt_area .area li.sheet_05 span{ background: url("../../images/user20/main/icon_ai.png") no-repeat left 14px; background-size:65%; display: inline-block; padding-left:23px;font-weight: 800;font-size: 31px; color:#64f0ff;}
#home_contents #t_cnt_area .area li.sheet_05 .arrow_ai{position:absolute; background: url("../../images/user20/main/bullet_ai.png") no-repeat -22px; width:73px; height: 23px; line-height: 23px; padding-left:5px; background-size:100%; color:#fff; font-size:12px; font-weight: 800; text-align: left;top: -10px; left: 0px;}
#home_contents #t_cnt_area .area ul.sheetCon{display:block;width:80%; margin:22px auto 0 auto;}
#home_contents #t_cnt_area .area ul.sheetCon li{font-size:14px; color:#fff; line-height:20px;text-align: center;}
#home_contents #t_cnt_area .area ul.sheetCon li:first-child{height:50px; line-height:60px; padding-left:42px; position:relative;}
#home_contents #t_cnt_area .area ul.sheetCon li .pay_btn{position: absolute;left: 38px;top: 12px; font-size: 12px; margin-bottom: 3px;border: 1px solid rgba(255,255,255,0.5);border-radius: 15px; padding:7px 25px 6px 8px;color: #fff;background: url(../../images/user20/main/btn_plus.png) no-repeat calc(100% - 7px) 41%;}
#home_contents #t_cnt_area .area ul.sheetCon li .pay_btn.left_0{left:0px;}
#home_contents #t_cnt_area .area ul.sheetCon li span.pay_btn{position: absolute;left: -8px;top: 16px; font-size: 12px; margin-bottom: 3px;border: 0px;border-radius: 0px; color: #fff;background: none; line-height:normal;}
#home_contents #t_cnt_area .area ul.sheetCon li:nth-child(2){ background:url(../../images/user20/main/line_dot.png) repeat-x top; height:77px; line-height:88px;  font-size:24px; font-weight:500;}
#home_contents #t_cnt_area .area ul.sheetCon li:nth-child(3){ min-height:40px;}
#home_contents #t_cnt_area .area ul.sheetCon li:nth-child(5) { text-align:center;}
#home_contents #t_cnt_area .area ul.sheetCon li.sheetIcon1{ background:url(../../images/user20/main/home_icon_01.png) no-repeat left 18px; text-align:right;}
#home_contents #t_cnt_area .area ul.sheetCon li.sheetIcon2{ /*background:url(../../images/user20/main/home_icon_02.png) no-repeat left 18px; padding-left:50px;*/text-align:right;}
#home_contents #t_cnt_area .area ul.sheetCon li.sheetIcon3{ /*background:url(../../images/user20/main/home_icon_03.png) no-repeat 3% 16px; */text-align:right;}
#home_contents #t_cnt_area .area ul.sheetCon li.sheetIcon4{ /*background:url(../../images/user20/main/home_icon_03.png) no-repeat 3% 16px;*/text-align:right;}
#home_contents #t_cnt_area .area ul.sheetCon a.btn_view{ display:block; width:186px; margin:18px auto 10px; height:44px; line-height:44px;text-align:center; border-radius:25px; background:url(../../images/user20/main/bg_btn.png) repeat; color:#fff;}
#home_contents #t_cnt_area .area ul.sheetCon a.btn_half{ color:#ffffff; display:inline-block; width:49%; text-align:center;}

/* 201205 */
#home_contents #t_cnt_area .area ul.sheetCon a.btn_half.mobile {display: none;}

#home_contents #b_cnt_area { width:1500px; margin:0 auto;margin-top:50px; }
#home_contents #b_cnt_area .cs_center{float:left; width:40%; font-size:0px; padding-top:47px;}
#home_contents #b_cnt_area .cs_center h3{ text-align:center; font-size:16px; color:#000; padding-bottom:15px;}
#home_contents #b_cnt_area .cs_center li{ display:inline-block; width:30%;font-size:12px; color:#535353; margin-left:5%; vertical-align:top;}
#home_contents #b_cnt_area .cs_center li:first-child{ margin-left:0px;}
#home_contents #b_cnt_area .cs_center li li{ padding-bottom:15px; display:block; width:100%; text-align:center; margin-left:0; line-height:15px;}

#home_contents #b_cnt_area .kakao{float:left; margin-left:24px; width:13%; height:170px; text-align:center; border-radius:3px; border:1px solid #f2f2f2; position:relative;}
#home_contents #b_cnt_area .kakao .kakao_img{padding-top:24px;}
#home_contents #b_cnt_area .kakao .kakao_txt{padding-top:12px; font-size:14px; line-height:18px;}
#home_contents #b_cnt_area .kakao button{position:absolute;bottom:20px; left:50%; margin-left:-30px;font-size:14px;}
#home_contents #b_cnt_area .kakao button span{background:url(../../images/user20/main/icon_arrow_left.png) no-repeat 100% 50%; padding-right:10px;}
	
#home_contents #b_cnt_area .listening{float:left; margin-left:24px; width:13%; height:170px; text-align:center; border-radius:3px; border:1px solid #f2f2f2; position:relative;}
#home_contents #b_cnt_area .listening .listening_img{padding-top:24px;}
#home_contents #b_cnt_area .listening button{position:absolute;bottom:20px; left:50%; margin-left:-52px;font-size:14px;}
#home_contents #b_cnt_area .listening button span{background:url(../../images/user20/main/icon_arrow_left.png) no-repeat 100% 50%; padding-right:10px;}

#home_contents #b_cnt_area .notice{ width: calc(34% - 85px); float:right; padding-top:20px;}
#home_contents #b_cnt_area .notice h3{ padding-bottom:15px;}
#home_contents #b_cnt_area .notice li{ background:url(../../images/user20/main/icon_dot.png) no-repeat left 15px; padding:0 25px 0 15px; line-height:30px; height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#home_contents #b_cnt_area .notice li a{ color:#787878; font-size:14px;}

#sub_contents .wrap_tabs .select_area { width:1500px; margin:35px auto 0; text-align:left;}
#sub_contents .wrap_tabs .select_area select {padding:0 25px 0 10px; border-left:0px; border-right:0px; border-top:0px; border:1px solid #333333; width: 240px; font-size:14px;height:48px; color:#000;-webkit-appearance: none;-moz-appearance: none;  appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background:url(../../images/user20/main/work_select_bg_cs.png) no-repeat 96% 50%}
#sub_contents .wrap_tabs .select_area select::-ms-expand { display: none; }
#sub_contents .wrap_tabs {}
#sub_contents .wrap_tabs .tab{margin:15px auto 0; background:#f9f9f9; text-align:center;}
#sub_contents .wrap_tabs .tablinks {margin-left: 140px;padding: 0 20px 0;font-size: 16px;color: #000;line-height: 57px;border-bottom: 3px solid #f9f9f9;}
#sub_contents .wrap_tabs .tablinks:first-child {margin-left: 0;}
#sub_contents .wrap_tabs .tablinks.active {color: #0c6eac;border-bottom: 3px solid #0c6cab; font-weight:bold;}

#sub_contents .wrap_tabs .tabcontentWrap { margin-top: 17px;}
#sub_contents .wrap_tabs .tabcontentWrap .tabcontent{}
.width_fix{width:1500px; margin:0 auto; position:relative; padding-top:50px; padding-bottom:50px;}
.w_f_pdt{padding-top:25px;}
.w_f_pdt_0{padding-top:0px;}
.width_fix img{ width:100%;}
.width_fix .img_fix{ width:inherit;}
.width_free{width:100%; background:#fafafa;}
.width_fix h3{ font-size:32px; position:absolute; left:0; top:110px;}
.width_fix h3:after{content: '';position: absolute;left: 0;width: 48px; height: 1px; bottom: -5px;background-color: #000;}
.width_fix h3.point{ top:50px;}

.sub01_1_1 { margin-left:30%; padding:50px 0; background:url(../../images/user20/main/sub_dot_01.png) repeat-x bottom;}
.bg_no{ background:none;}
.sub01_1_1 li{ margin-left:46px; line-height:24px;}
.sub01_1_1 li.txt_title1{background:url(../../images/user20/main/sub_img_01.png) no-repeat left top; height:65px; line-height:65px; padding-left:45px; font-size:24px; color:#1070ac; font-weight:bold; margin-left:0px;}
.sub01_1_1 li.txt_title1 span{ color:#000;}
.sub01_1_1 li.txt_title2{background:url(../../images/user20/main/sub_img_02.png) no-repeat left top; height:65px; line-height:65px; padding-left:45px; font-size:24px; color:#1070ac; font-weight:bold; margin-left:0px;}
.sub01_1_1 li.txt_title2 span{ color:#000;}
.sub01_1_1 li.txt_desc{ font-size:22px; line-height:70px;}

.sub01_1_2 { margin-left:30%; padding:63px 0 50px;}
.sub01_1_2 li{line-height:24px;}
.sub01_1_2 li span{color:#1070ac; font-weight:bold;}

.sub01_1_3{ font-size:0px; padding-top:150px;}
.sub01_1_3 li{display:inline-block;width:32%; margin-left:2%; vertical-align:top;}
.sub01_1_3 li:first-child{margin-left:0%;}
.sub01_1_3 li p.title{ font-size:16px; font-weight:bold; color:#000; border-bottom:1px solid #cacaca; height:65px; line-height:85px;}
.sub01_1_3 li p.desc{ font-size:16px; line-height:26px; padding:19px 0 15px; border-bottom:2px solid #000;}
.sub01_1_3 li p.desc span{ display:block; }

.sub01_1_3 li img.height_fix{ height:290px}
.sub01_1_3 li iframe{height:290px;}

.hor_tb table{width: 100%;table-layout: fixed; margin-top:0px;}
.hor_tb table th {font-weight: 700;font-size: 14px;color: #000;border-top:2px solid #000;border-bottom: 1px solid #e3e3e4;text-align: center;vertical-align: middle; height:60px; font-size:16px;}
.hor_tb table th.brt{ border-top:1px solid #e3e3e4}
.hor_tb table th span{ color:#0c6eac;}
.hor_tb table td{color:#7f7f7f;border-bottom: 1px solid #e3e3e4;text-align: center;vertical-align: middle;font-size:16px; height:120px; line-height:24px;}
.hor_tb table td.top_line{border-top:2px solid #000;}
.hor_tb table td input{width: 100%;font-size: 16px;height: 45px;color: #000000; background:#fff;border: 1px solid #e3e3e4;}
.hor_tb table td input.short{width:80px;}
.hor_tb table td input.middle{width:180px;}
.hor_tb table td textarea{width: 100%;font-size: 16px;height: 120px;color: #000000; background:#fff;border: 1px solid #e3e3e4;}
.hor_tb table td select.front_search {width:120px; height:45px; -webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-appearance: none; color:#000; font-size:16px;background:#ffffff url('../../images/user20/layout/select_ico.png') no-repeat 90% 50%; margin-top:0px; border:1px solid #ececec; position:inherit;}

.hor_tb table td button.btn_bg{font-size: 16px; width:120px;height: 45px;color: #000000; background: #fff;border: 1px solid #e3e3e4; border-radius:3px; margin-left:10px; background-color:#f9f9f9}
.hor_tb table th select {position:inherit;padding:0 25px 0 10px; border: 1px solid #e3e3e4; width: 240px; font-size:14px;height:45px; color:#000;-webkit-appearance: none;-moz-appearance: none;  appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background:url(../../images/user20/main/work_select_bg_cs.png) no-repeat 96% 50%}
.hor_tb table th.left select {position:inherit;padding:0 25px 0 10px; border: 1px solid #e3e3e4; width: 240px; font-size:14px;height:45px; color:#7f7f7f;-webkit-appearance: none;-moz-appearance: none;  appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background:url(../../images/user20/main/work_select_bg_cs.png) no-repeat 90% 50%}


.hor_tb table th select::-ms-expand { display: none; }
.hor_tb table th.left{ text-align:left; color:#7f7f7f; font-weight:normal;}
.hor_tb table td.left{ text-align:left; padding:25px;}
.hor_tb table td.left_pd0{ text-align:left; }
.hor_tb table td.left_pd0 select {width:200px; height:45px; position:inherit;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-appearance: none; color:#000; font-size:14px;background:#ffffff url('../../images/user20/layout/select_ico.png') no-repeat 90% 50%; margin-top:0px; color:#7f7f7f}
.hor_tb table td button.btn_down{border-radius:3px; color:#fff; font-size:14px; background:#1070ac; padding:3px 5px;}
.hor_tb table td p.area_btn{ padding-top:8px;}

.hor_tb table td.radio input { width:inherit;}
.hor_tb table td.radio input + label {position: relative;display: inline-block;padding-left: 26px;font-size: 16px;line-height: 20px;color: #7f7f7f;background: none;box-shadow: none; margin-right:8px;}
.hor_tb table td.radio input + label::before {content: "";position: absolute;width: 20px;height: 20px;border: 1px solid #b7bcc1;border-radius: 50%; left: 0;top: 0;box-sizing: border-box;}
.hor_tb table td.radio input:checked + label::after {content: "";position: absolute;width: 14px;height: 14px;border-radius: 50%; left: 3px;top: 3px;}
.hor_tb table td.radio input:checked + label.on::after {background: #777777;}

.hor_tb table th.radio input { width:inherit;}
.hor_tb table th.radio input + label {position: relative;display: inline-block;padding-left: 26px;font-size: 16px;line-height: 20px;color: #3d3e3f;background: none;box-shadow: none; margin-right:8px;}
.hor_tb table th.radio input + label::before {content: "";position: absolute;width: 20px;height: 20px;border: 1px solid #b7bcc1;border-radius: 50%; left: 0;top: 0;box-sizing: border-box;}
.hor_tb table th.radio input:checked + label::after {content: "";position: absolute;width: 14px;height: 14px;border-radius: 50%; left: 3px;top: 3px;}
.hor_tb table th.radio input:checked + label.on::after {background: #777777;}

.hor_tb table td.radio_join{font-size:0px;}
.hor_tb table td.radio_join li{ display:inline-block; font-size:14px; line-height:22px; color:#7d7d7d; text-align:left;}
.hor_tb table td.radio_join input { width:inherit;}
.hor_tb table td.radio_join input + label {position: relative;display: inline-block;padding-left: 26px;font-size: 16px;line-height: 20px;color: #7f7f7f;background: none;box-shadow: none; margin-right:24px;}
.hor_tb table td.radio_join input + label::before {content: "";position: absolute;width: 20px;height: 20px;border: 1px solid #b7bcc1;border-radius: 50%; left: 0;top: 0;box-sizing: border-box;}
.hor_tb table td.radio_join input:checked + label::after {content: "";position: absolute;width: 12px;height: 12px;border-radius: 50%; left: 4px;top: 4px;}
.hor_tb table td.radio_join input:checked + label.on::after {background: #0c6daa;}


.hor_tb_m{display:none;}

.hor_tb table th.checkbox input + label {position: relative;padding-left: 0px;box-sizing: border-box;cursor: pointer; color:#7f7f7f}
.hor_tb table th.checkbox input + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -13px;top: -12px;background: url(../../images/user20/layout/ico_13.png) no-repeat 0 0;background-size: 24px 24px;}
.hor_tb table th.checkbox input:checked + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -13px;top: -12px;background: url(../../images/user20/layout/ico_14.png) no-repeat 0 0;background-size: 24px 24px;}
.hor_tb table td.checkbox input + label {position: relative;padding-left: 0px;box-sizing: border-box;cursor: pointer;}
.hor_tb table td.checkbox input + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -13px;top: -12px;background: url(../../images/user20/layout/ico_13.png) no-repeat 0 0;background-size: 24px 24px;}
.hor_tb table td.checkbox input:checked + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -13px;top: -12px;background: url(../../images/user20/layout/ico_14.png) no-repeat 0 0;background-size: 24px 24px;}

.hor_tb table td.checkbox_2 input { width:inherit;}
.hor_tb table td.checkbox_2 input + label {position: relative;display: inline-block; padding-left: 26px;font-size: 16px;line-height: 20px;color: #7f7f7f;background: none; box-shadow: none;margin-right: 22px;}
.hor_tb table td.checkbox_2 input + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -2px;top: -3px;background: url(../../images/user20/layout/ico_13.png) no-repeat 0 0;background-size: 24px 24px;}
.hor_tb table td.checkbox_2 input:checked + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -2px;top: -3px;background: url(../../images/user20/layout/ico_14.png) no-repeat 0 0;background-size: 24px 24px;}


.acco_ui ul{border-top:2px solid #000;}
.acco_ui .title {padding: 0;margin: 0;}
.acco_ui .title > a {display: block; font-weight:normal;font-size: 16px;text-indent: 12px;text-decoration: none;color: #959595;height: 60px;line-height: 60px;border-bottom:1px solid #ebebeb;}
.acco_ui .selected {color: #000 !important; font-weight:bold !important;}
.acco_ui .content {margin: 0;padding: 50px;border-bottom:1px solid #ebebeb;} /*210119 overflow-y: auto; 삭제*/

.sub01_2_1 {}
.sub01_2_1 h4{font-size:16px; font-weight:bold; padding-bottom:15px;}
.sub01_2_1 h4 span{ display:block; font-size:14px; font-weight:normal; padding-bottom:5px;}
.sub01_2_1 dd { vertical-align:top;}
.sub01_2_1 dd.step{ display:inline-block; width:21%; margin-left:5%;}
.sub01_2_1 dd.step:first-child{ margin-left:0%;}
.sub01_2_1 dd.step .step_ing_r{background:url(../../images/user20/main/icon_step_arrow_r.png) no-repeat 100% 50%;}
.sub01_2_1 dd.step .step_end_r{background:url(../../images/user20/main/icon_step_end_r.png) no-repeat 100% 50%;}
.sub01_2_1 dd.step .step_i_01r{border-radius:18px; background:#4ec8e9 url(../../images/user20/main/icon_step1.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_02r{border-radius:18px; background:#4ec8e9 url(../../images/user20/main/icon_step2.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_03r{border-radius:18px; background:#4ec8e9 url(../../images/user20/main/icon_step3.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_04r{border-radius:18px; background:#4ec8e9 url(../../images/user20/main/icon_step4.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_ing_v{background:url(../../images/user20/main/icon_step_arrow_v.png) no-repeat 100% 50%;}
.sub01_2_1 dd.step .step_end_v{background:url(../../images/user20/main/icon_step_end_v.png) no-repeat 100% 50%;}
.sub01_2_1 dd.step .step_i_01v{border-radius:18px; background:#8cc63e url(../../images/user20/main/icon_step1.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_02v{border-radius:18px; background:#8cc63e url(../../images/user20/main/icon_step2.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_03v{border-radius:18px; background:#8cc63e url(../../images/user20/main/icon_step3.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_04v{border-radius:18px; background:#8cc63e url(../../images/user20/main/icon_step4.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_ing_g{background:url(../../images/user20/main/icon_step_arrow_g.png) no-repeat 100% 50%;}
.sub01_2_1 dd.step .step_end_g{background:url(../../images/user20/main/icon_step_end_g.png) no-repeat 100% 50%;}
.sub01_2_1 dd.step .step_i_01g{border-radius:18px; background:#f78f1e url(../../images/user20/main/icon_step1.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_02g{border-radius:18px; background:#f78f1e url(../../images/user20/main/icon_step2.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_03g{border-radius:18px; background:#f78f1e url(../../images/user20/main/icon_step3.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_04g{border-radius:18px; background:#f78f1e url(../../images/user20/main/icon_step4.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_ing_d{background:url(../../images/user20/main/icon_step_arrow_d.png) no-repeat 100% 50%;}
.sub01_2_1 dd.step .step_end_d{background:url(../../images/user20/main/icon_step_end_d.png) no-repeat 100% 50%;}
.sub01_2_1 dd.step .step_i_01d{border-radius:18px; background:#0c4da2 url(../../images/user20/main/icon_step1.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_02d{border-radius:18px; background:#0c4da2 url(../../images/user20/main/icon_step2.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_03d{border-radius:18px; background:#0c4da2 url(../../images/user20/main/icon_step3.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_04d{border-radius:18px; background:#0c4da2 url(../../images/user20/main/icon_step4.png) no-repeat center top; width:36px; height:36px;}

.sub01_2_1 dd.step .step_ing_ai{background:url(../../images/user20/main/icon_step_arrow_ai.png) no-repeat 100% 50%;}
.sub01_2_1 dd.step .step_end_ai{background:url(../../images/user20/main/icon_step_end_ai.png) no-repeat 100% 50%;}
.sub01_2_1 dd.step .step_i_01ai{border-radius:18px; background:#0073e8 url(../../images/user20/main/icon_step1.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_02ai{border-radius:18px; background:#0073e8 url(../../images/user20/main/icon_step2.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_03ai{border-radius:18px; background:#0073e8 url(../../images/user20/main/icon_step3.png) no-repeat center top; width:36px; height:36px;}
.sub01_2_1 dd.step .step_i_04ai{border-radius:18px; background:#0073e8 url(../../images/user20/main/icon_step4.png) no-repeat center top; width:36px; height:36px;}

.sub01_2_1 dd.title{ font-size:18px;  line-height:26px; color:#000; padding-top:20px;}
.sub01_2_1 dd.desc{font-size:16px; line-height:22px; color:#7f7f7f; padding-top:20px;}
.sub01_2_1 dd.txt{font-size:14px; line-height:20px; color:#000; padding-top:20px;}

.sub01_2_2 {position:relative;}
.sub01_2_2 .img_area{position:absolute; top:50px; left:12%; width:410px; height:500px; border:1px solid #ebebeb; background:#f7f7f7 url(../../images/user20/main/no_img.png) no-repeat 50% 50%;}
.sub01_2_2 .img_area img{ width:100%;}
.sub01_2_2 .btn_area {margin-left:47%; width:606px; min-height:500px;}
.sub01_2_2 .btn_area .desc{font-size:14px;}
.sub01_2_2 .btn_area span{ display:block; font-size:16px; font-weight:bold; padding:25px 0 18px;}
.sub01_2_2 .btn_area .s_area{ width:606px;}
.sub01_2_2 .btn_area .s_area dd{ display:inline-block;  margin-bottom:10px;margin-left:10px;}
.sub01_2_2 .btn_area .s_area dd:first-child{ margin-left:0px;}
.sub01_2_2 .btn_area .s_area dd:nth-child(5n+1){ margin-left:0px;}
.sub01_2_2 .btn_area .s_area button{width:110px; height:37px; font-size:14px; border-radius:3px; border:1px solid #ebebeb;}
.sub01_2_2 .btn_area .s_area button.reading.on{background:#4ec8e9; border:0px; color:#fff;}
.sub01_2_2 .btn_area .s_area button.voca.on{background:#8cc63e; border:0px; color:#fff;}
.sub01_2_2 .btn_area .s_area button.grammer.on{background:#f78f1e; border:0px; color:#fff;}
.sub01_2_2 .btn_area .s_area button.doit.on{background:#0c4da2; border:0px; color:#fff;}
.sub01_2_2 .btn_area .s_area button.ai.on{background:#0073e8; border:0px; color:#fff;}

.sub01_2_3 p{font-size:16px; line-height:22px; padding-bottom:25px;}
.sub01_2_3 p span{color:#4ec8e9; font-weight:bold;}
.sub01_2_3 p span.voca{color:#8cc63e}
.sub01_2_3 p span.grammer{color:#f78f1e}
.sub01_2_3 p span.doit{color:#0c4da2}

.sub01_2_4 h4{ font-size:16px; font-weight:bold; padding-bottom:15px;}
.sub01_2_4 dl{ font-size:0px; margin-bottom:45px;}
.sub01_2_4 dd{ width:19%; border:1px solid #ebebeb; border-radius:8px;font-size:16px;height:50px; display:inline-block; text-align:center; height:100px; vertical-align:top;}
.sub01_2_4 dd span{ display:block; padding-bottom:15px; padding-top:25px;}
.sub01_2_4 dd:nth-child(2){width:8%; border:0px;  background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat center 50% ;}
.sub01_2_4 dd:nth-child(4){width:7%; border:0px; background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat center 50% ;}
.sub01_2_4 dd:nth-child(6){width:8%; border:0px; background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat  center 50%;}
.sub01_2_4 dd:nth-child(8){width:7%; border:0px; background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat  center 50%;}
.sub01_2_4 dd:nth-child(10){width:8%; border:0px; background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat  center 50%;}
.sub01_2_4 dd:nth-child(12){width:7%; border:0px; background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat  center 50%;}
.sub01_2_4 dd.voca{background:url(../../images/user20/main/icon_step_arrow_vs.png) no-repeat  center 50%;}
.sub01_2_4 dd.grammer{background:url(../../images/user20/main/icon_step_arrow_gs.png) no-repeat  center 50%;}
.sub01_2_4 dd.doit{background:url(../../images/user20/main/icon_step_arrow_ds.png) no-repeat  center 50%;}
.sub01_2_4 dd button{border-radius: 3px;color: #fff;font-size: 14px; background: #1070ac; padding: 3px 5px;}

.sub_inner_tb table{width: 100%;table-layout: fixed; margin-top:0px;}
.sub_inner_tb table th {font-weight: normal;font-size: 14px;color: #000;border:1px solid #ebebeb;text-align: center;vertical-align: middle; height:60px; font-size:16px; background-color:#f7f7f7;}
.sub_inner_tb table td{color:#7f7f7f;border:1px solid #ebebeb; padding-top:15px; padding-bottom:15px;text-align: center;vertical-align: middle;font-size:16px; line-height:24px;}
.sub_inner_tb table td.left{ text-align:left; padding:15px;}

.sub_title_area{min-height:inherit; padding-bottom:10px;}
.sub02_1 h3{ font-size:32px; position:inherit; top:inherit;}
.sub02_1 h3:after{content: '';position: absolute;left: 0;width: 48px; height: 1px; bottom: -5px;background-color: #000;}
.sub02_1 table{ margin-top:45px;}
.sub02_1 table.mt_0{ margin:0px;}
.sub02_1 table td{ height:inherit; padding:25px 0;}

.sub02_1  table td button.top{display:inline-block; border-radius:3px; border:1px solid #e3e3e3; margin-right:2px; height:20px; width:20px; background:#ffffff url("../../images/user20/layout/btn_top.png") no-repeat center 50%;}
.sub02_1 table td button.down{display:inline-block; border-radius:3px; border:1px solid #e3e3e3; margin-right:2px; height:20px; width:20px; background:#ffffff url("../../images/user20/layout/btn_down.png") no-repeat center 50%;}
.sub02_1 table td button.tTop{display:inline-block; border-radius:3px; border:1px solid #e3e3e3; margin-right:2px; height:20px; width:20px; background:#ffffff url("../../images/user20/layout/btn_tTop.png") no-repeat center 50%;}
.sub02_1 table td button.dDown{display:inline-block; border-radius:3px; border:1px solid #e3e3e3; margin-right:2px; height:20px; width:20px; background:#ffffff url("../../images/user20/layout/btn_dDown.png") no-repeat center 50%;}

.sub02_1 table .img_fix{ width:inherit;}

.sub02_1 .page_wrap {margin-top: 15px;text-align: center;font-size: 0;}
.sub02_1 .page_wrap > * {display: inline-block;vertical-align: top;}
.sub02_1 .page_wrap .link {width: 80px;height: 40px;border: 1px solid #e3e3e3;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sub02_1 .page_wrap .paging {margin-left: 3px;margin-right: 3px;width: 40px;line-height: 40px;height: 40px;font-weight: 700;font-size: 13px;color: #7d7d7d;border: 1px solid #e3e3e3;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sub02_1 .page_wrap .paging.now {line-height: 40px;border: 1px solid #e3e3e3; background-color:#edf1f5;}
.sub02_1 .page_wrap .paging.fst {margin-left: 10px;}
.sub02_1 .page_wrap .paging.last {margin-right: 10px;}
.sub02_1 .page_wrap .link span {display: inline-block;line-height: 40px;font-weight: 700;font-size: 12px;color: #7d7d7d;}
.sub02_1 .page_wrap .link.pre span {padding-left: 19px;background: url("../../images/user20/layout/pre.png") no-repeat 0 47%;}
.sub02_1 .page_wrap .link.next span {padding-right: 19px;background: url("../../images/user20/layout/next.png") no-repeat 100% 47%;}

.sub02_1 select {width:137px; height:40px;position:absolute; right:0px; bottom:50px;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-appearance: none; color:#000; font-size:13px;background:#ffffff url('../../images/user20/layout/select_ico.png') no-repeat 90% 50%; margin-top:0px;}	
.sub02_1 p.sub_title{font-size: 16px; line-height: 22px;padding-bottom: 6px; font-weight:700}
.sub02_1 p.sub_title.mt{ margin-top:50px;}

.sub02_4{margin-top:45px;border-top:2px solid #000; border-bottom:1px solid #e3e3e4; padding:50px 25px; height:500px; overflow-y:scroll}

.login_box{width:750px; padding:25px; margin:50px auto;}


.point_area{background:#f7f7f7; border-radius:8px; margin-top:80px; position:relative;}
.point_area .point_use{position:absolute; width:26%; top:25px; left:25px; height:180px; border-radius:8px; background:#fff;}
.point_area .point_use .point_desc{width:88%; margin:0 auto; padding:20px 0;}
.point_area .point_use .point_tit{font-weight:bold; padding-top:10px}
.point_area .point_use .point_count{text-align:center; color:#0c6daa; font-weight:bold; line-height:20px; padding:20px 0; font-size:24px; letter-spacing:-1px;}
.point_area .point_use button{width:100%; background:#0c6daa; color:#000; font-size:16px; border-radius:3px; height:43px; line-height:43px; color:#fff;}
.point_area .ticket_view{margin-left:26%; padding:25px 0; font-size:0px; text-align:center;}
.point_area .ticket_view li{ margin-left:2%; vertical-align:top}
.point_area .ticket_view li:first-child{ margin-left:0%;}
.point_area .ticket_view li.ticket_bg{display:inline-block; width:20%; height:180px; border-radius:8px; color:#fff;  font-size:16px;}
.point_area .ticket_view li.reading{background:#4dc8e9;}
.point_area .ticket_view li.voca{background:#8cc63e;}
.point_area .ticket_view li.grammer{background:#f78f1e;}
.point_area .ticket_view li.doit{background:#0c4da2;}
.point_area .ticket_view li.ticket_bg dl{text-align:center; margin-top:15px;}
.point_area .ticket_view li.ticket_bg dl .ticket_name{line-height:52px;}
.point_area .ticket_view li.ticket_bg dl .ticket_ing{width:84px; height:29px;line-height:29px; margin:0 auto; background:url(../../images/user20/main/img_use_ing.png) no-repeat; font-size:16px; }
.point_area .ticket_view li.ticket_bg dl .ticket_end{width:84px; height:29px;line-height:29px; margin:0 auto; background:url(../../images/user20/main/img_use_end.png) no-repeat; font-size:16px; }
.point_area .ticket_view li.ticket_bg dl .reading{color:#4dc8e9;}
.point_area .ticket_view li.ticket_bg dl .voca{color:#8cc63e;}
.point_area .ticket_view li.ticket_bg dl .grammer{color:#f78f1e;}
.point_area .ticket_view li.ticket_bg dl .doit{color:#0c4da2;}
.point_area .ticket_view li.ticket_bg dl .time{height:40px; line-height:40px;}
.point_area .ticket_view li.ticket_bg dl .txt_end{background:url(../../images/user20/main/line_dot.png) repeat-x top; height:45px; line-height:45px;}
.point_area .ticket_view li.ticket_bg dl .txt_end a{ color:#fff;}

p.point_list_tit{ font-weight:bold; padding-bottom:15px;}
p.scrap_list_desc{ padding-top:50px;padding-bottom:15px;}
p.one_list_tit{ font-weight:bold;padding-top:50px;padding-bottom:15px;}
p.one_list_tit span{ font-weight:normal; font-size: 14px; padding: 12px 0 0;display: block;}

.point_search{border:1px solid #ebebeb; padding:25px 0;}
.point_search ul{ width:68%; margin:0 auto;}
.point_search li{border-bottom:1px solid #000; margin-left:25px; display:inline-block; position:relative;}
.point_search li:fist-child{ margin-left:0px;}
.point_search li:nth-child(3){ border-bottom:0px;}
.point_search li:nth-child(5){ border-bottom:0px;}
.point_search li button{ position:absolute; left:0px; top:7px;}
.point_search li button.btn_date { position:inherit; padding:0 25px; height:48px; line-height:48px; border-radius:3px; background:#000; color:#fff; top:inherit;}
.point_search li input{ height:48px; color:#000; width:83%; margin-left:15%; display:inline-block; background:#fff; border:0px;}
.point_search li select {padding:0 25px 0 10px; border-left:0px; border-right:0px; border-top:0px; border-bottom:1px solid #f2f2f2; width: 240px; font-size:16px;height:48px; color:#000;-webkit-appearance: none;-moz-appearance: none;  appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background:url(../../images/user20/main/work_select_bg_cs.png) no-repeat 96% 50%}
.point_search li select::-ms-expand { display: none; }
.point_plus{ color:#C00}
.point_minus{ color:#0c6daa;}
.point_btn{ border:1px solid #ebebeb; padding:5px; border-radius:3px;}

.scrap_btn_area{padding:5px 0 12px;}
.scrap_btn_area button.btn_01{border-radius:3px; padding:8px 12px; border:1px solid #e3e3e4; font-size:14px;}
.scrap_btn_area button.btn_02{border-radius:3px; padding:8px 12px; background:#0c6daa; color:#fff;font-size:14px;}

.question_btn_area{text-align:center; padding-top:15px;}
.question_btn_area img.width_default { width:inherit;}
.question_btn_area button{width:250px; height:55px; border-radius:3px;background:#0c6daa; color:#fff; display:inline-block;}
.question_btn_area button.leave{ width:120px; height:55px;line-height:55px; border-radius:3px;background:#777; color:#fff;}
.question_btn_area button.modify{ width:120px; height:55px;line-height:55px; border-radius:3px;background:#fff; color:#000; border:1px solid #000;}

.join_check { padding:25px 0;}
.join_check li{ display:inline-block; width:49%; text-align:center;}
.join_check input { width:100%; text-align:center;}
.join_check input + label {position: relative;display: inline-block; padding-left: 26px;font-size: 16px;line-height: 18px;color: #7f7f7f;background: none; box-shadow: none;margin-right: 22px;}
.join_check input + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -2px;top: -3px;background: url(../../images/user20/layout/ico_13.png) no-repeat 0 0;background-size: 24px 24px;}
.join_check input:checked + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -2px;top: -3px;background: url(../../images/user20/layout/ico_14.png) no-repeat 0 0;background-size: 24px 24px;}
.join_check li button.btn_bg{font-size: 16px; width:120px;height: 45px;color: #000000; background: #fff;border: 1px solid #e3e3e4; border-radius:3px; margin-left:0px; margin-right:45px; background-color:#f9f9f9}

#footer { width:1500px; margin:0 auto;  margin-top:25px;font-size:14px; color:#858585; position:relative; border-top:1px solid #f2f2f2;; padding-top:25px;}
#footer a{color:#858585;}
#footer .right{position:absolute; right:0; width:40%; text-align:right;}
#footer .right li:first-child{padding-bottom:15px;}
#footer .right a{ margin-left:15px;}

#footer .left{position:absolute; left:0; width:60%;}
#footer .left li{ line-height:18px;}
#footer .left li:first-child{padding-bottom:15px;}
#footer .left li:last-child{padding-top:15px;}


/* window pop */
.btn_guide_close {position: absolute;width: 15px;height: 16px;background: url('../../images/user20/sub/btn_guide_close.png') no-repeat 0 0;top: 35px;right: 35px;text-indent: -999999px;}

.inner_guide_content.window_pop {display: inline-block;position: relative;overflow-y: initial;width: 100%;height: 100vh;padding: 60px 35px 35px;background: #fff;box-sizing: border-box;}
.inner_guide_content.window_pop.layer_pop{display: inline-block;position: relative; overflow-y: auto;width: 50%;height: 60vh; padding: 60px 35px 35px;background: #fff; box-sizing: border-box;}
.box_guide_content .text_title {display: block;font-size: 22px;color: #000; text-align: left;}
.box_guide_content .text_title span{margin-left:9px; display:inline-block; font-size:16px; font-weight:normal;}

.inner_guide_content .radio_box{font-size:0px; padding:15px 0;}
.inner_guide_content .radio_box li{ display:inline-block; font-size:14px; line-height:22px; color:#7d7d7d; text-align:left;}
.inner_guide_content .radio_box input { width:inherit;}
.inner_guide_content .radio_box input + label {position: relative;display: inline-block;padding-left: 26px;font-size: 16px;line-height: 20px;color: #7f7f7f;background: none;box-shadow: none; margin-right:24px;}
.inner_guide_content .radio_box input + label::before {content: "";position: absolute;width: 20px;height: 20px;border: 1px solid #b7bcc1;border-radius: 50%; left: 0;top: 0;box-sizing: border-box;}
.inner_guide_content .radio_box input:checked + label::after {content: "";position: absolute;width: 14px;height: 14px;border-radius: 50%; left: 3px;top: 3px;}
.inner_guide_content .radio_box input:checked + label.on::after {background: #777777;}


.inner_guide_content .hor_tb table{width: 100%;table-layout: fixed; margin-top:6px;}
.inner_guide_content .hor_tb table th {height: 50px;font-weight: 700;font-size: 14px;color: #000;border-top: 2px solid #000;text-align: center;vertical-align: middle;}
.inner_guide_content .hor_tb table td{position:relative; padding:20px 10px 20px;font-size: 14px;border-bottom: 1px solid #e3e3e4; line-height:22px; vertical-align:middle; height:inherit;}

.inner_guide_content .stage_direction { text-align:left; font-size:16px; margin-top:30px;}
.inner_guide_content .stage_direction li.title{font-weight:bold;}


.inner_guide_content .ver_tb table{width: 100%;table-layout: fixed; margin-top:6px; border-top:2px solid #000;}
.inner_guide_content .ver_tb table th {height: 40px;font-weight: 700;font-size: 14px;color: #000;border-bottom: 1px solid #e3e3e4;text-align: center;vertical-align: middle;}
.inner_guide_content .ver_tb table td{position:relative; height:60px;font-size: 14px;border-bottom: 1px solid #e3e3e4; line-height:22px; vertical-align:middle; text-align:left; color:#7f7f7f;}
.inner_guide_content .ver_tb table td input.txt{ border:1px solid #e3e3e4; height:42px; width:80px; background:#fff; color:#7f7f7f;}
.inner_guide_content .ver_tb table td span.s_txt{ display:inline-block; height:25px;}


.inner_guide_content .ver_tb table td span.p_checkbox{ position:absolute; right:0; top:18px;}
.inner_guide_content .ver_tb table td span.p_checkbox input { width:inherit;}
.inner_guide_content .ver_tb table td span.p_checkbox input + label {position: relative;display: inline-block; padding-left: 26px;font-size: 14px;line-height: 20px;color: #7f7f7f;background: none; box-shadow: none;margin-right: 22px;}
.inner_guide_content .ver_tb table td span.p_checkbox input + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -2px;top: -3px;background: url(../../images/user20/layout/ico_13.png) no-repeat 0 0;background-size: 24px 24px;}
.inner_guide_content .ver_tb table td span.p_checkbox input:checked + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -2px;top: -3px;background: url(../../images/user20/layout/ico_14.png) no-repeat 0 0;background-size: 24px 24px;}
.inner_guide_content .ver_tb table td span.price{font-size:20px; letter-spacing:-1px; font-weight:bold; color:#0c6daa;}
.inner_guide_content .ver_tb table td span.s_price { color:#0c6daa;}

.inner_guide_content .ver_tb table td.radio{font-size:0px;}
.inner_guide_content .ver_tb table td.radio li{ display:inline-block; font-size:14px; line-height:22px; color:#7d7d7d; text-align:left;}
.inner_guide_content .ver_tb table td.radio input { width:inherit;}
.inner_guide_content .ver_tb table td.radio input + label {position: relative;display: inline-block;padding-left: 26px;font-size: 14px;line-height: 20px;color: #7f7f7f;background: none;box-shadow: none; margin-right:24px;}
.inner_guide_content .ver_tb table td.radio input + label::before {content: "";position: absolute;width: 20px;height: 20px;border: 1px solid #b7bcc1;border-radius: 50%; left: 0;top: 0;box-sizing: border-box;}
.inner_guide_content .ver_tb table td.radio input:checked + label::after {content: "";position: absolute;width: 12px;height: 12px;border-radius: 50%; left: 4px;top: 4px;}
.inner_guide_content .ver_tb table td.radio input:checked + label.on::after {background: #0c6daa;}

.inner_guide_content .txt_area{border-top:2px solid #000;border-bottom:1px solid #e3e3e4; margin-top:6px; padding:15px 0;}
.inner_guide_content .txt_area textarea{color:#000; font-size:14px;}
.inner_guide_content .txt_area p{padding-top:15px;}
.inner_guide_content .txt_area input { width:inherit;}
.inner_guide_content .txt_area input + label {position: relative;display: inline-block; padding-left: 26px;font-size: 14px;line-height: 20px;color: #7f7f7f;background: none; box-shadow: none;margin-right: 22px;}
.inner_guide_content .txt_area input + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -2px;top: -3px;background: url(../../images/user20/layout/ico_13.png) no-repeat 0 0;background-size: 24px 24px;}
.inner_guide_content .txt_area input:checked + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -2px;top: -3px;background: url(../../images/user20/layout/ico_14.png) no-repeat 0 0;background-size: 24px 24px;}

.inner_guide_content .txt_area .terms-view-box{ padding: 15px; width: 600px; margin: 0 auto;text-align: center;height: 400px;text-align: left;overflow-y: scroll;}
.inner_guide_content .txt_area .terms-view-box p{ font-size:14px; line-height:20px}
.inner_guide_content .txt_area .terms-view-box .txc-table{border: none; border-collapse: collapse; font-family: 나눔고딕; font-size: 12px; width: 100%;}
.inner_guide_content .txt_area .terms-view-box .txc-table th{ text-align:center; font-weight:bold;padding: 10px 10px 7px;font-size: 14px; border: 1px solid #e3e3e4; line-height: 22px;}
.inner_guide_content .txt_area .terms-view-box .txc-table td{text-align:center;  padding: 10px 10px 7px;font-size: 14px; border: 1px solid #e3e3e4; line-height: 22px;}




.inner_guide_content .btn_bottom_area{ text-align:center; padding:15px 0;}
.inner_guide_content .btn_bottom_area button{ width:120px;height:40px;border-radius:3px;  font-size:14px; text-align:center;color:#fff;}

.inner_guide_content .btn_bottom_area button.btn_ok{background-color:#0c6daa;}

.inner_guide_content .main_pop_notice{background:url(../../images/user20/main/icon_warning.png) no-repeat left 23px; padding:18px 0; }
.inner_guide_content .main_pop_notice li{padding-left:60px; background:url(../../images/user20/main/icon_dot.png) no-repeat 50px 7px; text-align:left; line-height:20px; font-size:14px;}
.inner_guide_content .main_pop_sample{border-top:1px solid #000;border-bottom:1px solid #000; font-size:0px; padding:15px 0;}
.inner_guide_content .main_pop_sample .tit_sample{display:inline-block; width:25%;font-size:14px; font-weight:bold; vertical-align:top;text-align:left; padding-top:10px;}
.inner_guide_content .main_pop_sample .con_sample{display:inline-block; width:75%; font-size:14px; text-align:left;}
.inner_guide_content .main_pop_sample .con_sample dd{ display:inline-block; width:23%; margin-left:1%; margin-bottom:3px;}
.inner_guide_content .main_pop_sample .con_sample dd button{border-radius:3px;height:37px;width:100%;color:#000;border:1px solid #ebebeb}
.inner_guide_content .main_pop_sample .con_sample dd button.on.reading{color:#fff; background-color:#4dc8e9;}
.inner_guide_content .main_pop_sample .con_sample dd button.on.voca{color:#fff; background-color:#8cc63e;}
.inner_guide_content .main_pop_sample .con_sample dd button.on.grammer{color:#fff; background-color:#f78f1e;}
.inner_guide_content .main_pop_sample .con_sample dd button.on.doit{color:#fff; background-color:#0c4da2;}
.inner_guide_content .main_pop_desc{font-size:0px; padding:15px 0 0;}
.inner_guide_content .main_pop_sample .guide_line{width:100%; height:1px; background-color:#ededed; margin:15px 0;}
.inner_guide_content .main_pop_desc .sample_title{display:inline-block; width:25%;  font-size:14px; vertical-align:top; font-weight:bold; padding-top:12px; text-align:left;}
.inner_guide_content .main_pop_desc .tit_reading{color:#4dc8e9;}
.inner_guide_content .main_pop_desc .tit_voca{color:#8cc63e;}
.inner_guide_content .main_pop_desc .tit_grammer{color:#f78f1e;}
.inner_guide_content .main_pop_desc .tit_doit{color:#0c4da2;}
.inner_guide_content .main_pop_desc .sample_desc{display:inline-block; width:75%; font-size:14px; line-height:20px; padding:12px 0; text-align:left;}
.inner_guide_content .main_pop_desc .sample_desc table{ margin-top:0px;}
.inner_guide_content .main_pop_desc .sample_desc table td{ height:inherit;}
.inner_guide_content .sample_desc button{border-radius:3px; background-color:#000; color:#fff; padding:3px 5px; font-size:14px;}
.inner_guide_content .main_pop_bottom{width:100%; padding:25px 0; margin-top:15px; text-align:center; background-color:#f9f9f9; font-weight:bold; font-size:14px;}
.inner_guide_content .main_pop_bottom button{ border-radius:3px; height:45px; padding:0 15px; margin-top:10px; color:#fff;}
.inner_guide_content .main_pop_bottom button.reading{background-color:#4dc8e9;}
.inner_guide_content .main_pop_bottom button.voca{background-color:#8cc63e;}
.inner_guide_content .main_pop_bottom button.grammer{background-color:#f78f1e;}
.inner_guide_content .main_pop_bottom button.doit{background-color:#0c4da2;}
.inner_guide_content .main_pop_bottom button.ai{background-color:#0073e8;}



@media (min-width:1280px) and (max-width: 1500px)  { /* pc */
	.inner {width:95%;}
	
	#topMenu {height: 60px;  width: 95%; margin:0 auto; text-align:center;  position: relative;}
	#topMenu ul {display: inline-block;}
	#topMenu ul li {color:#000;float: left;line-height: 60px;vertical-align: middle; text-align: center; }
	.menuLink { text-decoration:none;display: block; padding:0 60px; font-size:16px;}
	.menuLink {color:#000;}
	.topMenuLi:hover .menuLink {color: #0c6eac;}
	.active .menuLink{color: #0c6eac; font-weight:bold;}
	
	#home_contents {width:100%; margin-top:30px;}
	#home_contents #t_cnt_area { width:95%; margin:0 auto;}
	
	#home_contents #b_cnt_area {  width:95%;margin:0 auto;margin-top:50px;}
	
	#home_contents #b_cnt_area .cs_center{float:left; width:40%; font-size:0px; padding-top:47px;}
	#home_contents #b_cnt_area .cs_center h3{ text-align:center; font-size:16px; color:#000; padding-bottom:15px;}
	#home_contents #b_cnt_area .cs_center li{ display:inline-block; width:30%;font-size:12px; color:#535353; margin-left:5%; vertical-align:top;}
	#home_contents #b_cnt_area .cs_center li:first-child{ margin-left:0px;}
	#home_contents #b_cnt_area .cs_center li li{ padding-bottom:15px; display:block; width:100%; text-align:center; margin-left:0; line-height:15px;}
	
	#home_contents #b_cnt_area .kakao{float:left; margin-left:24px; width:13%; height:170px; text-align:center; border-radius:3px; border:1px solid #f2f2f2; position:relative;}
	#home_contents #b_cnt_area .kakao .kakao_img{padding-top:24px;}
	#home_contents #b_cnt_area .kakao .kakao_txt{padding-top:12px; font-size:14px; line-height:18px;}
	#home_contents #b_cnt_area .kakao button{position:absolute;bottom:20px; left:50%; margin-left:-30px;font-size:14px;}
	#home_contents #b_cnt_area .kakao button span{background:url(../../images/user20/main/icon_arrow_left.png) no-repeat 100% 50%; padding-right:10px;}
	
	#home_contents #b_cnt_area .listening{float:left; margin-left:24px; width:13%; height:170px; text-align:center; border-radius:3px; border:1px solid #f2f2f2; position:relative;}
	#home_contents #b_cnt_area .listening .listening_img{padding-top:24px;}
	#home_contents #b_cnt_area .listening button{position:absolute;bottom:20px; left:50%; margin-left:-52px;font-size:14px;}
	#home_contents #b_cnt_area .listening button span{background:url(../../images/user20/main/icon_arrow_left.png) no-repeat 100% 50%; padding-right:10px;}
	
	#home_contents #b_cnt_area .notice{ width: calc(34% - 85px); float:right; padding-top:20px;}
	#home_contents #b_cnt_area .notice h3{ padding-bottom:15px;}
	#home_contents #b_cnt_area .notice li{ background:url(../../images/user20/main/icon_dot.png) no-repeat left 15px; padding:0 25px 0 15px; line-height:30px; height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	#home_contents #b_cnt_area .notice li a{ color:#787878; font-size:14px;}
	
	#sub_contents .wrap_tabs .select_area { width:95%; margin:0 auto; text-align:left;}
	#sub_contents .wrap_tabs .select_area select {padding:0 25px 0 10px; border-left:0px; border-right:0px; border-top:0px; border:1px solid #333333; width: 240px; font-size:16px;height:48px; color:#000;-webkit-appearance: none;-moz-appearance: none;  appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background:url(../../images/user20/main/work_select_bg_cs.png) no-repeat 96% 50%}
	#sub_contents .wrap_tabs .select_area select::-ms-expand { display: none; }
	#sub_contents .wrap_tabs {}
	#sub_contents .wrap_tabs .tab{margin:15px auto 0;text-align:center;}
	
	.width_fix{width:95%; margin:0 auto; position:relative;  padding-top:50px; padding-bottom:50px;}
	.w_f_pdt{padding-top:25px;}
	.w_f_pdt_0{padding-top:0px;}
	.width_fix img{ width:100%;}
	.sub_title_area{min-height:inherit; padding-bottom:10px;}
	
	.sub01_2_1 dd.step{ display:inline-block; width:21%; margin-left:4%;}
	
	
	.sub01_2_2 .img_area{position:absolute; left:3%; width:410px; height:500px; border:1px solid #ebebeb; background:#f7f7f7 url(../../images/user20/main/no_img.png) no-repeat 50% 50%;}
	.sub01_2_2 .btn_area {margin-left:40%; width:606px; min-height:500px;}
	
	.point_search ul{ width:77%; margin:0 auto;}
	

	
	#footer { bottom:0px;   width:95%;margin:0 auto;  margin-top:25px; }
	#footer div{ position:relative;width:100%;}
	#footer div .btn_002{}
	#footer div .btn_001{}
	
	.sub01_1_3 li img.height_fix{ height:228px}
	.sub01_1_3 li iframe{height:228px;}


}
@media (min-width: 1025px) and (max-width: 1279px)  { /* tablet */
	

	.inner {width: 95%;}
	.header {position: relative;}
	.header .logo {width: 70px; height: 33px; top: 11px;}
	.header .logo img {width: 100%;}
	.header .txtWrap li {margin-left: 30px;}
	.btnMenu {width: 18px;height: 18px;margin-top: 18px; background-size: cover; }

	
	.header .txtWrap {margin-top: 11px;}
	.header .workWrap{margin-top: 4px; margin-left:63px;}
	
	#topMenu {height: 60px;  width: 95%; margin:0 auto; text-align:center;  position: relative;}
	#topMenu ul {display: inline-block;}
	#topMenu ul li {color:#000;float: left;line-height: 60px;vertical-align: middle; text-align: center; }
	.menuLink { text-decoration:none;display: block; padding:0 30px; font-size:16px;}
	.menuLink {color:#000;}
	.topMenuLi:hover .menuLink {color: #0c6eac;}
	.active .menuLink{color: #0c6eac; font-weight:bold;}

	#home_contents {width: 100%; margin-top:0px;}
	
	
	#home_contents #t_cnt_area{position:relative; margin-top:0px; width:95%; margin:0 auto;}

	#home_contents #t_cnt_area .txt_area{ padding-top:75px; width:100%; text-align:center; }
	#home_contents #t_cnt_area .txt_area .main_txt{font-size:30px;}
	#home_contents #t_cnt_area .txt_area .sub_txt{font-size:18px; margin-top:15px;}
	
	#home_contents #t_cnt_area .area li.sheet{display:inline-block;border-radius:25px; width:18%; height:300px; margin-left:0.5%; color:#fff;box-shadow: 5px 5px 10px -5px #888; vertical-align:top;}
	#home_contents #t_cnt_area .area li.sheet_01{ background-color:#4fc9e9; margin-left:0%;}
	
	#home_contents #b_cnt_area{ width:95%; margin:0 auto; margin-top:30px;}
	#home_contents #b_cnt_area .kakao{float:left; margin-left:24px; width:13%; height:170px; text-align:center; border-radius:3px; border:1px solid #f2f2f2; position:relative;}
	#home_contents #b_cnt_area .kakao .kakao_img{padding-top:24px;}
	#home_contents #b_cnt_area .kakao .kakao_txt{padding-top:12px; font-size:14px; line-height:18px;}
	#home_contents #b_cnt_area .kakao button{position:absolute;bottom:20px; left:50%; margin-left:-30px;font-size:14px;}
	#home_contents #b_cnt_area .kakao button span{background:url(../../images/user20/main/icon_arrow_left.png) no-repeat 100% 50%; padding-right:10px;}
	
	#home_contents #b_cnt_area .listening{float:left; margin-left:24px; width:13%; height:170px; text-align:center; border-radius:3px; border:1px solid #f2f2f2; position:relative;}
	#home_contents #b_cnt_area .listening .listening_img{padding-top:24px;}
	#home_contents #b_cnt_area .listening button{position:absolute;bottom:20px; left:50%; margin-left:-52px;font-size:14px;}
	#home_contents #b_cnt_area .listening button span{background:url(../../images/user20/main/icon_arrow_left.png) no-repeat 100% 50%; padding-right:10px;}
	
	#home_contents #b_cnt_area .notice{ width: calc(34% - 85px); float:right; padding-top:20px;}
	#home_contents #b_cnt_area .notice h3{ padding-bottom:15px;}
	#home_contents #b_cnt_area .notice li{ background:url(../../images/user20/main/icon_dot.png) no-repeat left 15px; padding:0 25px 0 15px; line-height:30px; height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	#home_contents #b_cnt_area .notice li a{ color:#787878; font-size:14px;}
	
	#sub_contents .wrap_tabs .select_area { width:95%; margin:0 auto; text-align:left;}
	#sub_contents .wrap_tabs .select_area select {padding:0 25px 0 10px; border-left:0px; border-right:0px; border-top:0px;border:1px solid #333333; width: 240px; font-size:16px;height:48px; color:#000;-webkit-appearance: none;-moz-appearance: none;  appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background:url(../../images/user20/main/work_select_bg_cs.png) no-repeat 96% 50%}
	#sub_contents .wrap_tabs .select_area select::-ms-expand { display: none; }
	#sub_contents .wrap_tabs {}
	#sub_contents .wrap_tabs .tab{margin:0 auto; text-align:center;}
	#sub_contents .wrap_tabs .tablinks {margin-left: 70px;}
	
	.width_fix{width:95%; margin:0 auto; position:relative;padding-top:50px; padding-bottom:50px;}
	.w_f_pdt{padding-top:25px;}
	.w_f_pdt_0{padding-top:0px;}
	.width_fix img{ width:100%;}
	.sub_title_area{min-height:inherit; padding-bottom:10px;}
	
	.sub01_2_1 dd.step{ display:inline-block; width:21%; margin-left:4%;}
	
	.sub01_2_2 .img_area{position:absolute; left:0%; width:300px; height:366px; border:1px solid #ebebeb; background:#f7f7f7 url(../../images/user20/main/no_img.png) no-repeat 50% 50%;}
	.sub01_2_2 .btn_area {margin-left:35%; width:606px; min-height:370px;}
	
	
	.point_area .ticket_view li.ticket_bg{display:inline-block; width:20%; height:180px; border-radius:8px; color:#fff;  font-size:15px;}
	
	.point_search ul{ width:96%; margin:0 auto;}
	
	#footer {bottom:0px; width:95%;margin:0 auto; margin-top:30px;}
	#footer div{ position:relative;width:100%;}
	#footer div .btn_002{}
	#footer div .btn_001{}
	
	.sub01_1_3 li img.height_fix{ height:200px}
	.sub01_1_3 li iframe{height:200px;}
}


/*220820_popup*/
	.popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
	/*팝업 박스*/
	.popup_box{position: relative;top:50%;left:50%; overflow: auto; height: 460px; width:520px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
	.popup_box2{display:inline-block;transform:translate(-100%, -50%);}
	.popup_box3{display:inline-block;transform:translate(-150%, -50%);}
	/*컨텐츠 영역*/
	.popup_box .popup_cont {padding:0px 35px;;line-height:1.4rem;font-size:14px; }
	.popup_box .btn_close{padding: 35px;text-align: right;}
	.popup_box .btn_close img{ width:15px; height:15px;}
		
		
		.popup_box .popup_cont.grammer strong{ color:#f78f1e; font-weight: bold;}
		.popup_box .popup_cont.grammer h2 {padding:0px 0 20px;;color:#000; text-align: center; font-size:22px; font-weight: normal; line-height:28px;}
		.popup_box .popup_cont.grammer h2 span{ font-weight: bold; color:#ff0000;}
		.popup_box .popup_cont.grammer div {border: 1px solid #f78f1e; background-color: #fef4e8; position:relative;}
		.popup_box .popup_cont.grammer div img{position:absolute; left:-5px; bottom:-8px;}
		.popup_box .popup_cont.grammer div dl{ text-align: center; margin-bottom: 15px;}
		.popup_box .popup_cont.grammer div dd{display: inline-block; border-radius:30px;font-size:18px; color:#fff;background-color: #f78f1e; padding:7px 32px;vertical-align: middle;} 
		.popup_box .popup_cont.grammer div dd:nth-child(2){padding:0 10px;font-weight: bold;color:#f78f1e; font-size:26px;background-color: #fef4e8;}
		.popup_box .popup_cont.grammer div p.tit{ font-size:20px; font-weight: bold; text-align: center; color:#f78f1e; padding:30px 0 23px;}
		.popup_box .popup_cont.grammer div p.free{height:60px;line-height:60px;background-color: #f78f1e; color:#fff;border-top:1px dashed #fef4e8; text-align: center; font-size:24px; font-weight: bold;}
		
		.popup_box .popup_cont.voca strong{ color:#8cc63e; font-weight: bold;}
		.popup_box .popup_cont.voca h2 {padding:0px 0 20px;;color:#000; text-align: center; font-size:22px; font-weight: normal; line-height:28px;}
		.popup_box .popup_cont.voca h2 span{ font-weight: bold; color:#ff0000;}
		.popup_box .popup_cont.voca div {border: 1px solid #8cc63e; background-color: #f3f9eb; position:relative;}
		.popup_box .popup_cont.voca div img{position:absolute; left:-5px; bottom:-8px;}
		.popup_box .popup_cont.voca div p.tit{ font-size:20px; font-weight: bold; text-align: center; color:#8cc63e; padding:60px 0 44px;}
		.popup_box .popup_cont.voca div p.free{height:60px;line-height:60px;background-color: #8cc63e; color:#fff;border-top:1px dashed #f3f9eb; text-align: center; font-size:24px; font-weight: bold;}
		
		.popup_box .popup_cont.doit strong{ color:#0c4da2; font-weight: bold;}
		.popup_box .popup_cont.doit h2 {padding:0px 0 20px;;color:#000; text-align: center; font-size:22px; font-weight: normal; line-height:28px;}
		.popup_box .popup_cont.doit h2 span{ font-weight: bold; color:#ff0000;}
		.popup_box .popup_cont.doit div {border: 1px solid #0c4da2; background-color: #e6edf6; position:relative;}
		.popup_box .popup_cont.doit div img{position:absolute; left:-5px; bottom:-8px;}
		.popup_box .popup_cont.doit div p.tit{ font-size:20px; font-weight: bold; text-align: center; color:#0c4da2; padding:60px 0 44px;}
		.popup_box .popup_cont.doit div p.free{height:60px;line-height:60px;background-color: #0c4da2; color:#fff;border-top:1px dashed #e6edf6; text-align: center; font-size:24px; font-weight: bold;}
	
	/*버튼영역*/
	.popup_box .popup_btn {position:absolute;table-layout: fixed;width:100%;height:60px;border-top:1px solid #ddd;word-break: break-word;bottom:0;}
	.popup_box .popup_btn:after{position: absolute; content: ''; height:60px; width:1px; background-color: #ddd; left:50%;}
	.popup_box .popup_btn a {position:absolute;  bottom:0; width:50%;display: table-cell; height:60px; line-height:60px;  font-size:16px;text-align:center;}
		.popup_box .popup_btn a.right{right:0;}
		.popup_box .popup_btn a.left{left:0;}
	
	/*220820_popup*/