@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;overflow: hidden;}
a {text-decoration:none;color:#000;}
img {vertical-align: top;}

.inner {width: 91.667%;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%;}

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

.header .logo {position: absolute;display: inline-block;width: 70px; height: 33px; top: 11px;left: 0px;}
.header .logo img {width: 100%;}

.header .txtWrap {position:absolute; right:0px;margin-top: 11px; margin-right:15px;}
.header .txtWrap a.on{ color: #0c6eac; font-weight:bold;}
.header .txtWrap li {float: left;position: relative; margin-left: 18px; font-size:14px;height:37px; line-height:37px; }
.header .txtWrap .btn01 { display:block; text-align:right;  padding-right:10px;width:95px; 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{padding-right:15px;}
/*.header .txtWrap .btn01 span{ background:url(../../images/user20/main/icon_main_arrow.png) no-repeat 100% 45%; padding-right:15px;} 우측 화살표 삭제*/

.header .workWrap{ padding-top:70px;}
.header .workWrap a.on{ color: #0c6eac; font-weight:bold;}
.header .workWrap ul{ display:inline-block; width:100%;}
.header .workWrap li{float: left; font-size:14px; height:50px; line-height:50px; margin-left:30px;}
.header .workWrap li:first-child{ margin-left:0px;}
.header .workWrap select {padding:0 25px; border:1px solid #ebebeb; width: 240px; font-size:14px;height:40px; 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:20px; 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:22px;}

#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 18px; font-size:14px;}
.menuLink {color:#000;}
.topMenuLi:hover .menuLink {color: #0c6eac;}
.active .menuLink{color: #0c6eac; font-weight:bold;}
	

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

#home_contents #t_cnt_area{position:relative; height:inherit; margin-top:50px;}

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

#home_contents #t_cnt_area .area{position:inherit; right:0px; width:100%; margin-top:35px;}
#home_contents #t_cnt_area .area li.sheet{display:block;border-radius:25px; width:100%; height:280px; margin-left:0%; 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 #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;}
#home_contents #t_cnt_area .area ul.sheetCon li .pay_btn{ position:absolute; left:50px; top:28px; font-size:12px;  margin-bottom:3px; border: 1px solid rgba(255,255,255,0.5);border-radius: 15px;padding: 7px 27px 6px 15px;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 span.pay_btn{ position:absolute; left:50px; top:30px; 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:first-child{height:67px; line-height:88px; padding-left:42px;}
#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(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 32px; text-align:right; position:relative;}
#home_contents #t_cnt_area .area ul.sheetCon li.sheetIcon2{ background:url(../../images/user20/main/home_icon_02.png) no-repeat left 32px; padding-left:50px;text-align:right; position:relative;}
#home_contents #t_cnt_area .area ul.sheetCon li.sheetIcon3{ background:url(../../images/user20/main/home_icon_03.png) no-repeat left 30px;text-align:right;  position:relative;}
#home_contents #t_cnt_area .area ul.sheetCon li.sheetIcon4{ background:url(../../images/user20/main/home_icon_03.png) no-repeat left 30px;text-align:right; position:relative;}
#home_contents #t_cnt_area .area ul.sheetCon a.btn_view{ display:block; width:100%; margin:0 auto; height:44px; line-height:44px;text-align:center; border-radius:25px; background:url(../../images/user20/main/bg_btn.png) repeat; color:#fff; margin:18px 0 10px;}
#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 .btn_half{ color:#ffffff; display:inline-block; width:49%; text-align:center;}
#home_contents #t_cnt_area .area ul.sheetCon a.btn_half.pc {display: none;}

#home_contents #b_cnt_area { margin-top:20px;}
#home_contents #b_cnt_area .cs_center{width:100%; font-size:0px; padding:47px 0;}
#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;width:47%; 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:5%; width:47%; 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:100%; padding-top:50px; clear:both;}
#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:100%; 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{width:100%; margin:15px auto 0;background:#f9f9f9; text-align:center;}
#sub_contents .wrap_tabs .tablinks {padding: 0 15px 0;font-size: 14px;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:100%; margin:0 auto; position:relative; padding-bottom:50px;background:url(../../images/user20/main/sub_dot_01.png) repeat-x bottom; margin-top:50px;}
.bg_no{ background:none;}
.width_fix img{ width:100%;}
.width_fix .img_fix{ width:inherit;}
.width_free{width:100%;}
.width_fix h3{ font-size:24px; position:absolute; left:0; top:0px;}
.width_fix h3:after{content: '';position: absolute;left: 0;width: 48px; height: 1px; bottom: -5px;background-color: #000;}
.w_f_pdt{margin-top:15px;}
.w_f_pdt_0{margin-top:0px;}
.width_fix h3.point{ font-size: 24px;position: inherit;top: inherit;margin-top: 30px;}

.sub01_1_1 {padding-top:82px; }

.sub01_1_1 li{line-height:20px; font-size:14px;}
.sub01_1_1 li.txt_title1{background:url(../../images/user20/main/sub_img_01.png) no-repeat left top; height:65px; padding-left:36px; font-size:18px; color:#1070ac; font-weight:bold; margin-left:0px; padding-top:22px;}
.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; padding-left:36px; font-size:18px; color:#1070ac; font-weight:bold; margin-left:0px; padding-top:22px;}
.sub01_1_1 li.txt_title2 span{ color:#000;}
.sub01_1_1 li.txt_desc{ font-size:18px; padding-top:20px;}

.sub01_1_2 { padding:63px 0 50px;}
.sub01_1_2 li{line-height:20px; font-size:14px;}
.sub01_1_2 li span{color:#1070ac; font-weight:bold;}

.sub01_1_3{ font-size:0px; padding-top:70px;}
.sub01_1_3 li{width:100%; vertical-align:top; margin-bottom:25px;}
.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:14px; line-height:20px; padding:19px 0 15px; border-bottom:2px solid #000;}
.sub01_1_3 li p.desc span{ display:block; }

.hor_tb{display:none;}
.hor_tb_o{ display:block;}
.hor_tb table{width: 100%;table-layout: fixed; margin-top:0px;}
.hor_tb table th {font-weight: 700;font-size: 12px;color: #000;border-top:2px solid #000;border-bottom: 1px solid #e3e3e4;text-align: center;vertical-align: middle; height:60px;}
.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:12px; letter-spacing:-1px; height:120px;}
.hor_tb table td.top_line{border-top:2px solid #000;}
.hor_tb table td input{width: 100%;font-size: 12px;height: 38px;color: #000000; background:#fff;border: 1px solid #e3e3e4;}
.hor_tb table td input.short{width:50px;}
.hor_tb table td input.middle{width:100px;}
.hor_tb table td textarea{width: 100%;font-size: 12px;height: 120px;color: #000000; background:#fff;border: 1px solid #e3e3e4;}
.hor_tb table td select.front_search {width:90px; height:38px; -webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-appearance: none; color:#000; font-size:12px;background:#ffffff url('../../images/user20/layout/select_ico.png') no-repeat 90% 50%; margin-top:0px; border:1px solid #e3e3e4; position:inherit;}

.hor_tb table td button.btn_bg{font-size: 12px; width:80px;height: 38px;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: 180px; font-size:12px;height:38px; 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 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:5px 8px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.hor_tb table td.left.view_button{white-space:inherit;;overflow:inherit;}
.hor_tb table td.left_pd0{ text-align:left; }
.hor_tb table td button.btn_down{border-radius:3px; color:#fff; font-size:12px; background:#1070ac; padding:3px 5px;}
.hor_tb table td p.area_btn{ padding-top:8px;}
.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_m table{width: 100%;table-layout: fixed; margin-top:0px;}
.hor_tb_m table th {font-weight: 700;font-size: 12px;color: #000;border-top:2px solid #000;border-bottom: 1px solid #e3e3e4;text-align: center;vertical-align: middle; height:60px;}
.hor_tb_m table th.left{ text-align:left; color:#7f7f7f; font-weight:normal;}
.hor_tb_m table th.brt{ border-top:1px solid #e3e3e4}
.hor_tb_m table td{color:#7f7f7f;border-bottom: 1px solid #e3e3e4;text-align: center;vertical-align: middle;font-size:14px; height:150px; line-height:20px;}
.hor_tb_m table td button.btn_down{border-radius:3px; color:#fff; font-size:12px; background:#1070ac; padding:3px 5px;}
.hor_tb_m table td p.area_btn{ padding-top:8px;}
.hor_tb_m table td.left{ text-align:left; padding:10px 3px;}
.hor_tb_m table td input{width: 100%;font-size: 12px;height: 35px;color: #000000; background:#fff;border: 1px solid #e3e3e4;}
.hor_tb_m table td textarea{width: 100%;font-size: 16px;height: 120px;color: #000000; background:#fff;border: 1px solid #e3e3e4;}
.hor_tb_m 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_m table td.left_pd0{ text-align:left; }
.hor_tb_m table td.left_pd0 select {width:200px; height:35px; 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_m table td.radio input { width:inherit;}
.hor_tb_m table td.radio input + label {position: relative;display: inline-block;padding-left: 26px;font-size: 12px;line-height: 20px;color: #7f7f7f;background: none;box-shadow: none; margin-right:8px;}
.hor_tb_m 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_m table td.radio input:checked + label::after {content: "";position: absolute;width: 14px;height: 14px;border-radius: 50%; left: 3px;top: 3px;}
.hor_tb_m table td.radio input:checked + label.on::after {background: #777777;}

.hor_tb_m table th.radio input { width:inherit;}
.hor_tb_m table th.radio input + label {position: relative;display: inline-block;padding-left: 26px;font-size: 12px;line-height: 20px;color: #3d3e3f;background: none;box-shadow: none; margin-right:8px;}
.hor_tb_m 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_m table th.radio input:checked + label::after {content: "";position: absolute;width: 14px;height: 14px;border-radius: 50%; left: 3px;top: 3px;}
.hor_tb_m table th.radio input:checked + label.on::after {background: #777777;}


	
.hor_tb input + label {position: relative;padding-left: 0px;box-sizing: border-box;cursor: pointer;}
.hor_tb 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 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 input.m_check + label {position: relative;padding-left: 32px;box-sizing: border-box;cursor: pointer;}
.hor_tb input.m_check + label:after {content: "";position: absolute;width: 24px;height: 24px;left: 0px;top: -6px;background: url(../../images/user20/layout/ico_13.png) no-repeat 0 0;background-size: 24px 24px;}
.hor_tb input.m_check:checked + label:after {content: "";position: absolute;width: 24px;height: 24px;left: 0px;top: -6px;background: url(../../images/user20/layout/ico_14.png) no-repeat 0 0;background-size: 24px 24px;}

.hor_tb table td.radio_join{font-size:0px;}
.hor_tb table td.radio_join ul{ width:100%;}
.hor_tb table td.radio_join li{ margin:5px 0; font-size:14px; line-height:22px; color:#7d7d7d; text-align:left;}
.hor_tb table td.radio_join input { width:inherit; background:none;}
.hor_tb table td.radio_join input + label {position: relative;display: inline-block;padding-left: 26px;font-size: 12px;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; background:none;}
.hor_tb table td.radio_join input + label::after{ background:none;}
.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 table th.checkbox input + label {position: relative;padding-left: 0px;box-sizing: border-box;cursor: pointer; color:#7f7f7f}
.hor_tb_m 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_m 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_m table td.checkbox input + label {position: relative;padding-left: 0px;box-sizing: border-box;cursor: pointer;}
.hor_tb_m 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_m 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_m table td.checkbox_2 input { width:inherit;}
.hor_tb_m table td.checkbox_2 input + label {position: relative;display: inline-block; padding-left: 26px;font-size: 12px;line-height: 35px;color: #7f7f7f;background: none; box-shadow: none;margin-right: 22px;}
.hor_tb_m table td.checkbox_2 input + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -2px;top: 4px;background: url(../../images/user20/layout/ico_13.png) no-repeat 0 0;background-size: 24px 24px;}
.hor_tb_m table td.checkbox_2 input:checked + label:after {content: "";position: absolute;width: 24px;height: 24px;left: -2px;top: 4px;background: url(../../images/user20/layout/ico_14.png) no-repeat 0 0;background-size: 24px 24px;}
	
.hor_tb_m 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%}	
	
	
.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: 14px;text-indent:inherit;text-decoration: none;color: #959595;height::inherit;line-height:20px; padding:15px 5px;border-bottom:1px solid #ebebeb;}
.acco_ui .selected {color: #000 !important; font-weight:bold !important;}
.acco_ui .content {margin: 0;padding: 50px;overflow-y: auto;border-bottom:1px solid #ebebeb;}

.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:45%; margin-left:4%; padding-bottom:35px;}
.sub01_2_1 dd.step:first-child{ margin-left:0%;}
.sub01_2_1 dd.step:nth-child(2n+1){ 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{width:300px; margin:0 auto; height:366px; 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 {width:100%; margin-bottom:50px;}
.sub01_2_2 .btn_area .desc{font-size:14px;}
.sub01_2_2 .btn_area span{ display:block; font-size:14px; font-weight:bold; padding:25px 0 18px;}
.sub01_2_2 .btn_area .s_area{ width:100%; font-size:0px;}
.sub01_2_2 .btn_area .s_area dd{ display:inline-block; width:32%;margin-bottom:10px;margin-left:2%;}
.sub01_2_2 .btn_area .s_area dd:first-child{ margin-left:0px;}
.sub01_2_2 .btn_area .s_area dd:nth-child(3n+1){ margin-left:0px;}
.sub01_2_2 .btn_area .s_area button{width:100%; 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:13px; 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:14px;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:7%; border:0px;  background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat center 50% ;}
.sub01_2_4 dd:nth-child(4){width:8%; border:0px; background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat center 50% ;}
.sub01_2_4 dd:nth-child(6){width:7%; border:0px; background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat  center 50%;}
.sub01_2_4 dd:nth-child(8){width:8%; border:0px; background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat  center 50%;}
.sub01_2_4 dd:nth-child(10){width:7%; border:0px; background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat  center 50%;}
.sub01_2_4 dd:nth-child(12){width:8%; 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; 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:14px; 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:24px; position:inherit; top:inherit; margin-top:30px;}
.sub02_1 h3:after{content: '';position: absolute;left: 0; top:32px;width: 48px; height: 1px; bottom: -5px;background-color: #000;}
.sub02_1 table{ margin-top:30px;}
.sub02_1 table.mt_0{ margin:0px;}
.sub02_1 table td{ height:inherit; padding:10px 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: 14px;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: 14px;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;  top:0px; right:0px;-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 select.top_move{ top:-15px;}
.sub02_1 select.top_move_2{ top:35px;}
.sub02_1 select.top_move_3{ top:-45px;}

.sub02_1 p.sub_title{font-size: 13px; line-height: 22px;padding-bottom: 6px; font-weight:700}
.sub02_1 p.sub_title.mt{ margin-top:30px;}


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

.login_box{width:100%;margin:50px auto;}

.point_area{background:#f7f7f7; border-radius:8px; margin-top:25px; padding-top:20px; position:relative;}
.point_area .point_use{position:inherit; width:95%; margin: 0px auto;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{ display:inline-block; width:25%; font-weight:bold; padding-top:10px;}
.point_area .point_use .point_count{ display:inline-block;text-align:center; color:#0c6daa; font-weight:bold; line-height:20px; padding:20px 0; font-size:18px; 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;}

/* 201205 */
.point_area .point_use button.pc {display: none;}

.point_area .ticket_view{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:22%; height:180px; border-radius:8px; color:#fff;  font-size:14px; line-height:20px;}
.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:14px; }
.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:14px; }
.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.point_list_tit span{ font-weight:normal; font-size: 14px; padding: 12px 0 0;display: block;}
p.scrap_list_desc{ padding-top:0px;padding-bottom:15px;}
p.one_list_tit{ font-weight:bold;padding-top:0px;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:95%; margin:0 auto;}
.point_search li{border-bottom:1px solid #000; margin-left:15px; display:inline-block; position:relative; width:170px;}
.point_search li:first-child{ margin-left:0px;}
.point_search li:nth-child(3){ border-bottom:0px; width:30px;}
.point_search li:nth-child(4){ margin-left:0px;}
.point_search li:nth-child(5){ border-bottom:0px; width:76px;}
.point_search li button{ position:absolute; left:0px; top:7px;}
.point_search li button.btn_date { font-size:14px; position:inherit; padding:0 12px; height:48px; line-height:48px; border-radius:3px; background:#000; color:#fff; top:inherit;}
.point_search li input{ font-size:14px;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: 170px; 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%}
.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:25px; position:relative;}
.question_btn_area img.width_default { width:inherit;}
.question_btn_area .m_login{width:254px; margin-bottom:3px;}
.question_btn_area button{ width:100%; font-size:14px; height:48px; line-height:48px; border-radius:3px;background:#0c6daa; color:#fff;}
.question_btn_area button.leave{position:absolute; left:0; width:47%; height:55px;line-height:55px; border-radius:3px;background:#777; color:#fff;}
.question_btn_area button.modify{ position:absolute; right:0;width:47%; 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:block; width:100%; text-align:left; margin-bottom:5px;}
.join_check input { width:100%; text-align:center;}
.join_check input + label {position: relative;display: inline-block; padding-left: 26px;font-size: 12px;line-height: 18px;color: #7f7f7f;background: none; box-shadow: none;margin-right: 4px;}
.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: 12px; width:60px;height: 32px;color: #000000; background: #fff;border: 1px solid #e3e3e4; border-radius:3px; margin-left:0px; margin-right:45px; background-color:#f9f9f9}


#footer { margin-top:25px; width:95%; 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{width:100%; padding-bottom:25px;}
#footer .right li:first-child{padding-bottom:15px;}
#footer .right a{ margin-right:15px; color:#000;}

#footer .left{width:100%; padding-bottom:25px;}
#footer .left li{ line-height:18px;}
#footer .left li:first-child{padding-bottom:15px;}
#footer .left li:last-child{padding-top:15px;}

/* 201205 */
/* 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: auto;width: 92%;height: 84vh;padding: 60px 35px 35px;background: #fff;box-sizing: border-box;}
.inner_guide_content.window_pop.new {display: inline-block;position: relative;overflow-y:inherit;width: 100%;height:auto;padding: 60px 12px 35px;background: #fff;box-sizing: border-box;}
.inner_guide_content.window_pop.layer_pop{display: inline-block;position: relative; overflow-y: auto;width: 92%;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 0 0;text-align: left;}
.inner_guide_content .radio_box li{ display:inline-block; width: 50%; 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; padding-bottom:8px;font-size: 14px;line-height: 20px;color: #7f7f7f;background: none;box-shadow: none; margin-right:3px;}
.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:14px; 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: 12px;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: 12px;border-bottom: 1px solid #e3e3e4; line-height:16px; vertical-align:middle; text-align:left; color:#7f7f7f;}
.inner_guide_content .ver_tb table td input.txt{ border:1px solid #e3e3e4; height:30px; width:70px; background:#fff; color:#7f7f7f;}
.inner_guide_content .ver_tb table td span.s_txt{ display:inline-block; height:25px; line-height:28px; }
.inner_guide_content .ver_tb table td span.s_txt img{vertical-align:middle}


.inner_guide_content .ver_tb table td span.p_checkbox{ position:absolute; right:0; top:21px;}
.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: 12px;line-height: 20px;color: #7f7f7f;background: none; box-shadow: none;margin-right: 0px;}
.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:18px; 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; padding:8px 0;}
.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: 12px;line-height: 18px;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: 16px;height: 16px;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: 2px;top: 2px;}
.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: 93%; 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:13px;}
.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{width:100%;font-size:14px; font-weight:bold; vertical-align:top;text-align:left; padding:10px 0;}
.inner_guide_content .main_pop_sample .con_sample{width:100%; font-size:12px; letter-spacing:-1px; 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:first-child{ margin-left:0%;}
.inner_guide_content .main_pop_sample .con_sample dd:nth-child(4n+1){ margin-left:0%;}
.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{width:100%;  font-size:14px; vertical-align:top; font-weight:bold; padding:10px 0; 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{width:100%; font-size:12px; line-height:16px; padding-bottom:12px; 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:2px 3px; font-size:12px;}
.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: 1024px) and (max-width: 801px) {

}

@media (min-width: 800px) and (max-width: 601px) {

}
@media (max-width: 600px) {
	

	.inner {width: 95%;}
	.header {position: relative; padding-bottom:24px;}
	.header .logo {width: 55px; height: 33px; top: 17px;}
	.header .logo img {width: 100%;}
	.header .txtWrap{ position:relative; height:50px;}
	.header .txtWrap ul{ position:absolute; right:0px; top:11px}
	.header .txtWrap li {margin-left: 13px; font-size:14px;}
	.btnMenu {width: 18px;height: 18px;margin-top: 18px; background-size: cover; }
	.header .txtWrap {position:inherit;margin-top:inherit; margin-right:inherit;}
	.header .txtWrap li {float: left;position: relative; margin-left: 10px; font-size:13px;height:37px; line-height:37px; }
	.header .txtWrap li:first-child{ margin-left:25px;} 	
	.header .txtWrap .btn01 { display:block; text-align:right;  padding-right:10px;width:68px; height:30px; line-height:31px; background:url(../../images/user20/main/icon_main_search.png) no-repeat 10% 45%;  border:1px solid #ebebeb; border-radius:30px; margin-top:2px; font-size:12px;}
	.header .txtWrap .btn01 span{padding-right:0px;}
	/*	.header .txtWrap .btn01 span{ background:url(../../images/user20/main/icon_main_arrow.png) no-repeat 100% 45%; padding-right:15px;}*/
	
	.header .workWrap{ padding-top:10px;}
	.header .workWrap li{float: left; font-size:13px; height:50px; line-height:50px; margin-left:10px;}
	.header .workWrap select {padding:0 30px 0 8px; border:1px solid #ebebeb; width: 100%; font-size:12px;height:30px; 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:20px; background:url(../../images/user20/main/work_select_bg.png) no-repeat 92% 50%}
	.header .workWrap select::-ms-expand { display: none; } 

	#topMenu {height: 120px;  width: 95%; margin:0 auto; text-align:center;  position: relative; border:1px solid #f2f2f2;}
	#topMenu ul {display: inline-block;width:100%; background:url(../../images/user20/main/menu_line_bg.png) repeat-x left 60px;}
	#topMenu ul li {color:#000;float: left; width:32%;line-height: 60px;vertical-align: middle; text-align: center;  border-left:1px solid #f2f2f2; }
	#topMenu ul li:first-child{ width:35%; border-left:0px;}
	#topMenu ul li:nth-child(4){ width:50%; border-left:0px;}
	#topMenu ul li:nth-child(5){ width:49.5%;}
	.menuLink { text-decoration:none;display: block; padding:0px; font-size:13px; letter-spacing:-1px;}
	.menuLink {color:#000;}
	.topMenuLi:hover .menuLink {color: #0c6eac;}
	.active .menuLink{color: #0c6eac; font-weight:bold;}

	#home_contents {width: 95%; margin:0 auto;}	


	#home_contents #t_cnt_area{position:relative; height:inherit; margin-top:0px;}

	#home_contents #t_cnt_area .txt_area{ padding-top:0px; width:100%; text-align:center; }
	#home_contents #t_cnt_area .txt_area .main_txt{font-size:28px;}
	#home_contents #t_cnt_area .txt_area .sub_txt{font-size:18px; margin-top:15px;}
	
	#home_contents #t_cnt_area .area{position:inherit; right:0px; width:100%; margin-top:35px;}
	#home_contents #t_cnt_area .area li.sheet{display:block;border-radius:25px; width:100%; height:inherit; padding:0 0 25px 0; margin-left:0%; color:#fff;box-shadow: 5px 5px 10px -5px #888; vertical-align:top;}
	#home_contents #t_cnt_area .area ul.sheetCon a.btn_view{ display:block; width:100%; margin:0 auto; height:44px; line-height:44px;text-align:center; border-radius:25px; background:url(../../images/user20/main/bg_btn.png) repeat; color:#fff; margin:18px 0 10px;}
	
	#home_contents #b_cnt_area .cs_center{width:100%; font-size:0px; padding:47px 0;}
	#home_contents #b_cnt_area .cs_center h3{ text-align:center; font-size:14px; 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;width:47%; 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:4%; width:47%; 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;}
	
	#sub_contents .wrap_tabs .select_area { width:91.667%; 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: 100%; font-size:13px;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{width:100%; margin:15px auto;border-bottom:1px solid #f2f2f2; text-align:center;}
	#sub_contents .wrap_tabs .tablinks {width:49%; padding:0px;font-size: 13px;color: #000;line-height: 48px;border-bottom: 3px solid #f9f9f9;}
	#sub_contents .wrap_tabs .tablinks:first-child {width:49.4%;margin-left: 0;}
	#sub_contents .wrap_tabs .tablinks.active {color: #0c6eac;border-bottom: 3px solid #0c6cab; font-weight:bold;}
	
	#sub_contents .wrap_tabs .tablinks.blank_03 {width:34%; }
	#sub_contents .wrap_tabs .tablinks.blank_03:nth-child(2) {width:28%;margin-left: 0;}
	#sub_contents .wrap_tabs .tablinks.blank_03.active {color: #0c6eac;border-bottom: 3px solid #0c6cab; font-weight:bold;}
	
	.width_fix h3.point{ font-size: 24px;position: inherit;top: inherit;margin-top: 30px;}
	
	.hor_tb_m table td{font-size:12px; letter-spacing:-1px;}
	
	.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: 13px;text-indent:inherit;text-decoration: none;color: #959595;padding:15px 5px; height:inherit;line-height:18px;border-bottom:1px solid #ebebeb;}
	.acco_ui .selected {color: #000 !important; font-weight:bold !important;}
	.acco_ui .content {margin: 0;padding: 25px;overflow-y: auto;border-bottom:1px solid #ebebeb;}
	
	.sub01_2_1 h4{font-size:13px; font-weight:bold; padding-bottom:8px;}
	.sub01_2_1 h4 span{ display:block; font-size:13px; font-weight:normal; padding-bottom:5px;}
	.sub01_2_1 dd.step{ display:inline-block; width:100%; margin-left:0%; padding-bottom:35px;}
	
	.sub01_2_1 dd.title{ font-size:13px;  line-height:22px; color:#000; padding-top:8px;}
	.sub01_2_1 dd.desc{font-size:12px; line-height:22px; color:#7f7f7f; padding-top:2px;}
	.sub01_2_1 dd.txt{font-size:12px; line-height:20px; color:#000; padding-top:5px;}
	
	.sub01_2_2 {position:relative;}
	.sub01_2_2 .img_area{width:100%; margin:0 auto; min-height:200px; 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 .desc{font-size:13px;}
	.sub01_2_2 .btn_area span{ display:block; font-size:13px; font-weight:bold; padding:20px 0 8px;}
	.sub01_2_2 .btn_area .s_area{ width:100%; font-size:0px;}
	.sub01_2_2 .btn_area .s_area dd{ display:inline-block; width:32%;margin-bottom:10px;margin-left:2%;}
	.sub01_2_2 .btn_area .s_area dd:first-child{ margin-left:0px;}
	.sub01_2_2 .btn_area .s_area dd:nth-child(3n+1){ margin-left:0px;}
	.sub01_2_2 .btn_area .s_area button{width:100%; height:37px; font-size:13px; border-radius:3px; border:1px solid #ebebeb;}
	
	.sub01_2_4 h4{ font-size:14px; 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:14px;height:50px; display:inline-block; text-align:center; height:100px; vertical-align:top; position:relative;}
	.sub01_2_4 dd span{ display:block; padding-bottom:15px; padding-top:25px;}
	.sub01_2_4 dd:nth-child(2){width:7%; border:0px;  background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat 100% 50% ;}
	.sub01_2_4 dd:nth-child(4){width:7%; border:0px; background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat 100% 50% ;}
	.sub01_2_4 dd:nth-child(6){width:7%; border:0px; background:url(../../images/user20/main/icon_step_arrow_rs.png) no-repeat  100% 50%;}
	.sub01_2_4 dd.voca{background:url(../../images/user20/main/icon_step_arrow_vs.png) no-repeat  100% 50%;}
	.sub01_2_4 dd.grammer{background:url(../../images/user20/main/icon_step_arrow_gs.png) no-repeat  100% 50%;}
	.sub01_2_4 dd.doit{background:url(../../images/user20/main/icon_step_arrow_ds.png) no-repeat  100% 50%;}
	.sub01_2_4 dd button{ position:absolute; bottom:10px; margin-left:-17px; border-radius: 3px;color: #fff;font-size: 14px; background: #1070ac; padding: 3px 5px;}
	
	.sub02_1 select.top_move_2{ top:49px;}
	
	.point_area .ticket_view{padding:25px 0 15px; font-size:0px; text-align:center;}
	.point_area .ticket_view li.ticket_bg{display:inline-block; margin-bottom:8px; width:46%; height:180px; border-radius:8px; color:#fff;  font-size:14px; line-height:20px;}
	.point_area .ticket_view li:nth-child(3){margin-left:0px;}
	
	p.scrap_list_desc{ padding-top:0px;padding-bottom:4px; font-size:14px; line-height:20px;}
	.point_search{border:1px solid #ebebeb; padding:25px 0;}
	.point_search ul{ width:95%; margin:0 auto;}
	.point_search li{border-bottom:1px solid #000; margin-left:0px; width:44%; display:inline-block; position:relative;}
	.point_search li:first-child{ margin-left:0px; width:100%;}
	.point_search li:nth-child(3){ border-bottom:0px; width:30px; text-align:center;}
	.point_search li:nth-child(4){ margin-left:0px;}
	.point_search li:nth-child(5){ border-bottom:0px; width:100%;}
	.point_search li button{ position:absolute; left:0px; top:7px;}
	.point_search li button.btn_date { margin-top:25px; font-size:14px; position:inherit;  width:100%;height:48px; line-height:48px; border-radius:3px; background:#000; color:#fff; top:inherit;}
	.point_search li input{ font-size:14px;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: 100%; 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%}
	.point_search li select::-ms-expand { display: none; }
	
	.scrap_btn_area{padding:5px 0 12px;}
	.scrap_btn_area button.btn_01{border-radius:3px; padding:13px 10px; border:1px solid #e3e3e4; font-size:12px; letter-spacing:-1px;}
	.scrap_btn_area button.btn_02{border-radius:3px; padding:13px 10px; background:#0c6daa; color:#fff;font-size:12px; letter-spacing:-1px;}
	
	.hor_tb table td button.btn_bg{font-size: 12px; width:80px;height: 38px;color: #000000; background: #fff;border: 1px solid #e3e3e4; border-radius:3px; margin-left:0px; margin-top:5px; background-color:#f9f9f9}
}

/*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(-50%, -50%);}
	.popup_box3{display:inline-block;transform:translate(-50%, -150%);}
	/*컨텐츠 영역*/
	.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;}
	
@media (max-width: 600px) {
	.popup_box{position: relative;top:17%;left:50%; overflow: auto; height: auto; width:80%; padding-bottom:70px;}
	
	.popup_box .popup_cont {padding: 0px 22px;}
	.popup_box .btn_close {padding: 22px;}
	
	.popup_box .popup_cont.grammer h2 br { display: none;}
	.popup_box .popup_cont.grammer div dd {font-size: 14px; line-height: 16px; padding: 7px 14px;}
	
	.popup_box .popup_cont.voca h2 br { display: none;}
	.popup_box .popup_cont.voca div p.tit {padding: 30px 25px;}
	.popup_box .popup_cont.voca div p.tit br{display: none;}
	
	.popup_box .popup_cont.doit h2 br { display: none;}
	.popup_box .popup_cont.doit div p.tit {padding: 30px 25px;}
	.popup_box .popup_cont.doit div p.tit br{display: none;}
}

/*220820_popup*/