/* 서브 */
.error_tag {color:#ff3b30; font-size:0.875rem; font-weight:300; margin-top:8px; line-height:18px;}
.detail_page_tit {display:none;}
.back_btn {display:none;}
/*  테이블 스타일 */
.tb_s1 {width:100%; border-top:1px solid #20bcae; margin-top:20px;}
.tb_s1 tr th {text-align:center; color:#00a99a; font-size:1.125rem; font-weight:400; padding:18px 0; background:#ecfcfb; border-bottom:1px solid rgba(32,188,174,0.3);}
.tb_s1 tr td {text-align:center; padding:20px 0 19px; border-bottom:1px solid #ddd; font-size:1rem; color:#1a1a1a; font-weight:300;}
.tb_s1 tr td:first-child {font-size:0.938rem;}

/* 공통 버튼 */
.sub_btn_wrap {text-align:center; font-size:0; margin-top:30px;}
.sub_btn_wrap a {display:inline-block; border-radius:28px; box-sizing:border-box; margin:0 5px; font-size:1.125rem; width:180px; height:56px; line-height:54px;}
.sub_btn_wrap a.bg_s1 {border:1px solid #ebebeb; background:#f4f4f4; color:#1a1a1a; font-weight:300;} 
.sub_btn_wrap a.bg_s2 {border:1px solid #20bcae; background:#20bcae; color:#fff; font-weight:500;} 
.sub_btn_wrap a.bg_long { width:206px;}
.sub_btn_wrap a.btn_pad {width:auto; padding:0 30px; }

/* 마이룸 */
.my_info_wrap {max-width:1050px; margin:29px auto 0;}
.my_info_wrap:after {content:''; display:block; clear:both;}
.my_info_top:after {content:''; display:block; clear:both;}
.my_info {float:left; border-radius:32px; border:1px solid #ebebeb; background:#fff; box-sizing:border-box; padding:40px 0 40px 30px; min-height:186px; max-height:186px;}
.my_info_01 {width:60.572%; margin-right:1.4275%;  padding-right:30px;}
.my_info_02 {width:35.525%; margin-right:1.4275%; }
.my_info_02 a {display:block;}
.my_info_03 {width:19.048%; padding:0;}
.my_info_03 .seed_03  a {display:block; padding: 40px 0 40px 30px;}
.my_info_03 .mo_noti {display:none;}
.my_name {float:left; font-size:1.25rem; font-weight:300; line-height:38px;}
.my_name strong {font-size:1.875rem; color:#00a99a; font-weight:500; margin-right:10px;}
.logout {float:right; width:102px; height:40px; border-radius:20px; border:1px solid #ddd; box-sizing:border-box; font-size:1rem; color:#1a1a1a; }
.logout span {position:relative; padding-right:10px;}
.logout span:after {content:''; position:absolute; top:50%; right:0; margin-top:-3px; width:5px; height:8px; background:url('/resources/img/user/icon_cs.png') center center/cover no-repeat;}
.my_info_bot {background:url('/resources/img/user/logo_myroom.png') left center no-repeat; text-align:right; margin-top:30px;}
.sev_end {font-size:1rem; color:#1a1a1a; font-weight:300; line-height:36px;}
.my_info dl dt {font-size:1.25rem; color:#1a1a1a; }
.my_info dl dt span.seed_arrow {position:relative; padding-right:10px;}
.my_info dl dt span.seed_arrow:after {content:''; position:absolute; top:50%; right:0; margin-top:-3px; width:5px; height:8px; background:url('/resources/img/user/icon_cs.png') center center/cover no-repeat;}
.my_info dl dd {margin-top:19px; color:#00a99a; font-size:1.25rem; font-weight:500;}
.info_noti {font-size:0.875rem; line-height:18px; padding-right:30px; box-sizing:border-box; color:#555; word-break:keep-all; margin-top:15px;}

/* 나의 정보 */
.my_info_box h4 {font-size:1.5rem; font-weight:400; color:#1a1a1a; margin-bottom:30px; }
.info_tb  {width:100%;}
.info_tb tr th {width:23.2%; font-size:1rem; font-weight:300; color:#1a1a1a; text-align:left; border:1px solid #ddd; padding:19px 0  20px 30px;}
.info_tb tr td {width:76.8%; font-size:1.125rem; font-weight:300; color:#1a1a1a; border:1px solid #ddd; padding-left:30px; background:#ecfcfb;}

.my_info_box02 {margin-top:60px;}
.btn_s {vertical-align:middle; width:128px; height:48px; border:1px solid #20bcae; box-sizing:border-box; font-size:1rem; text-align:center; color:#00a99a; }
.btn_s.btn_s1 {width:94px;}
.btn_s_02 {margin-left:10px;}
.check_wrap {font-size:0; margin-top:20px;}
.check_wrap.check_wrap2 {margin-top:0; line-height:36px;}
.check_wrap > div {display:inline-block; margin-right:30px; vertical-align:middle;}
.check_wrap > div.check_tit {margin-right:20px; font-size:1rem; color:#00a99a; font-weight:400;}
.noti_txt {margin-top:17px; color:#888; font-size:0.875rem; line-height:18px; font-weight:300;}
.noti_txt_color {color:#555;}
.inline_wrap {font-size:0;}
.dash {font-size:1rem; display:inline-block; vertical-align:middle; margin:0 4px;}
.sel_wrap {display:inline-block; position:relative;  vertical-align:middle; width:128px;  height:48px; box-sizing:border-box; border:1px solid #ddd;}
.sel_wrap > a {position:relative; display:block; line-height:48px; padding:0 20px; font-size:1rem; color:#1a1a1a; font-weight:300; box-sizing:border-box; }
.sel_wrap > a:after {position:absolute; top:50%; margin-top:-6px; right:20px; content:''; width:12px; height:12px; background:url('/resources/img/user/btn-more-down.png') center center/cover no-repeat; transition:all 0.2s;}
.sel_wrap > a.on:after {transform:rotate(180deg);}
.sel_wrap .option_list {display:none; position:absolute; top:47px; left:-1px; width:calc(100% + 2px); background:#fff; border-bottom:1px solid #ddd; z-index:99;}
.sel_wrap .option_list  a {display:block; font-size:1rem; line-height:30px;  padding:0 20px; box-sizing:border-box; font-weight:300; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.sel_wrap .option_list  a:hover {background:#20bcae; color:#fff;}
.sel_wrap .option_list  a:focus {background:#20bcae; color:#fff;}
.sel_wrap .option_list.off {display:none;}
.sel_wrap.sel_wrap2 {margin-left:10px; width:178px;}
.sel_wrap.sel_wrap2 a {color:#888;}
.impt {color:#00a99a; font-size:1.125rem;}
.my_info_tit {position:relative;}
.join_info_wrap.join_info_wrap3 {padding:20px 0; margin-top:0;}


/* 씨앗주머니 */
.seed_cnt:after {content:''; display:block; clear:both;}
.rest_seed {float:left; width:224px; height:224px; border-radius:72px; box-shadow:0 0 10px rgba(0, 169, 154, 0.2); }
.rest_seed dl {width:200px; margin:12px auto; height:200px; border-radius:64px; border:1px solid #20bcae; box-sizing:border-box; text-align:center;}
.rest_seed dl dt {font-size:1.25rem; color:#1a1a1a; font-weight:300; margin-top:46px;}
.rest_seed dl dt span {position:relative; padding-left:25px;}
.rest_seed dl dt span:before {position:absolute; top:50%; margin-top:-9px; left:0; content:''; width:16px; height:18px; background:url('/resources/img/user/ic-seed.png') center center/cover no-repeat;}
.rest_seed dl dd {margin-top:30px; font-weight:500; font-size:2.5rem; color:#00a99a;}
.seed_info {float:left; margin-left:35px; max-width:466px; }
.seed_info h4 {margin-top:30px; font-size:1.5rem; color:#1a1a1a; font-weight:400; line-height:36px;}
.seed_info p {font-size:1.125rem; color:#1a1a1a; font-weight:300; margin-top:20px;}
.what_seed {position:relative; font-size:1rem; font-weight:300; color:#1a1a1a; padding-bottom:2px;}
.what_seed:after {position:absolute; bottom:0; left:0; content:''; width:100%; height:4px; background:url('/resources/img/user/bg_underline.png') center center/cover no-repeat;}
.what_seed_wrap {position:relative;  display:inline-block;  margin-top:30px; padding-right:22px;}
.what_seed_wrap:after{position:absolute; top:50%; margin-top:-8px; right:0; content:''; width:16px; height:16px; background:url('/resources/img/user/icon_qm.png') center center/cover no-repeat;}

.seed_tab_wrap {margin-top:70px;}
.seed_tab {position:relative; }
.seed_tab li > a {position:absolute; top:0; left:0; width:33.333%; text-align:center; background:#f4f4f4; height:56px; font-weight:300; font-size:1.125rem;}
.seed_tab li > a span {position:absolute; top:50%;  left:50%;  -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:9;}
.seed_tab li > a.on:after {position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:#20bcae; border-radius:28px;}
.seed_tab li > a.on  {color:#fff; font-weight:500;}
.seed_tab li:nth-child(1) > a {border-radius:28px 0 0 28px;}
.seed_tab li:nth-child(2) > a {left:33.333%;}
.seed_tab li:nth-child(3) > a {left:66.666%; border-radius: 0 28px 28px 0;}
.seed_tab_cnt {display:none; position:relative; top:56px; left:0; width:100%; padding-bottom:120px;}
.seed_tab_cnt01 {padding-top:30px;} 
.seed_tab_cnt02 {padding-top:20px;} 
.seed_tab li:nth-child(1) .seed_tab_cnt {display:block;}
.sel_wrap_align {text-align:right; }
.sel_wrap_align  .sel_wrap  {text-align:left;}
.sel_wrap_align  .sel_wrap {width:180px; height:48px; border:1px solid #ddd; box-sizing:border-box; }
.la_lineh {line-height:24px;}
.pres_wrap {padding-bottom:20px; border-bottom:1px solid #ddd;}

/* 로그인 */
.login_wrap {max-width:445px; margin:0 auto;}
.inp_la_line {position:relative; height:48px;  box-sizing:border-box; margin-bottom:10px;}
.inp_la_line input {display:block; width:100%; padding:0 20px; box-sizing:border-box; line-height:46px;  height:100%; color:#1a1a1a;}
.inp_la_line label {position:absolute; left:0; top:0; line-height:46px; width:100%; padding:0 20px; box-sizing:border-box; color:#888; font-size:1rem; font-weight:300; cursor:pointer;}
.login_check {margin-top:20px;}
.login_check:after {content:''; display:block; clear:both;}
.login_check .inp_la_check {float:left; margin-right:30px; font-size:0;}

.login_btn {display:block; width:100%; height:56px; border-radius:28px; line-height:56px; color:#fff; font-weight:500; font-size:1.125rem; background:#20bcae; margin-top:48px;}
.login_links {font-size:0; text-align:center; margin-top:35px;}
.login_links a {position:relative; display:inline-block; font-size:1rem; color:#1a1a1a; font-weight:300; width:33.333%;}
.login_links a:before {position:absolute; top:50%; margin-top:-8px; left:0; content:''; width:1px; height:16px; background:#ccc;}
.login_links a:first-child:before {display:none;}

/* 회원가입 */
.join_step {font-size:0; border-bottom:1px solid #ddd; padding:0 0 0 30px; box-sizing:border-box;}
.join_step > div {position:relative; display:inline-block; vertical-align:middle; width:20%; font-size:1.125rem; font-weight:300; color:#1a1a1a; padding:30px 0 30px 58px; box-sizing:border-box;}
.join_step > div:after {position:absolute; top:50%; margin-top:-7px; right:25px; content:''; width:9px; height:14px; background:url('/resources/img/user/icon_step_arrow.png') center center/cover no-repeat;}

.join_step > div:before {position:absolute; top:50%; margin-top:-24px; left:0; content:''; width:48px; height:48px;}
.join_step > div.step1:before {background:url('/resources/img/user/icon_step01.png') center center no-repeat;}
.join_step > div.step2:before {background:url('/resources/img/user/icon_step02.png') center center no-repeat;}
.join_step > div.step3:before {background:url('/resources/img/user/icon_step03.png') center center no-repeat;}
.join_step > div.step4:before {background:url('/resources/img/user/icon_step04.png') center center no-repeat;}
.join_step > div.step5:before {background:url('/resources/img/user/icon_step05.png') center center no-repeat;}
.join_step > div.step5:after {display:none;}

.join_step > div.mo_icon_arrow {display:none;}
.join_step > div h2 {font-weight:300; margin-top:15px;}
.step_num {display:block;}
.join_step > div.on {font-weight:500; color:#00a99a;}
.join_step > div.on h2 {font-weight:500;}
.join_step > div.step1.on:before {background:url('/resources/img/user/icon_step01_on.png') center center no-repeat;} 
.join_step > div.step2.on:before {background:url('/resources/img/user/icon_step02_on.png') center center no-repeat;} 
.join_step > div.step3.on:before {background:url('/resources/img/user/icon_step03_on.png') center center no-repeat;} 
.join_step > div.step4.on:before {background:url('/resources/img/user/icon_step04_on.png') center center no-repeat;} 
.join_step > div.step5.on:before {background:url('/resources/img/user/icon_step05_on.png') center center no-repeat;} 

.join_inner {max-width:750px; margin:80px auto 0;}
.join_inner.last_join_inner {max-width:1050px;}
.last_join_sec {padding:96px 0 120px; border-bottom:1px solid #ddd; background:url('/resources/img/user/bg_end.png') top center no-repeat;}
.join_tit h3 {font-size:1.5rem; color:#1a1a1a; font-weight:400;}
.join_tit  p {font-size:1.125rem; color:#1a1a1a; font-weight:300; margin-top:30px; line-height:28px;}
.join_tit  p.top_no {margin-top:0;}
.join_tit  button {font-size:1.125rem; color:#1a1a1a; }
.join_tit.join_tit2 {text-align:center;}
.join_tit.join_tit_bot {margin-bottom:40px;}
.all-agree-wrap {margin-top:40px;}
.chk_line {position:relative; padding:40px 30px; box-sizing:border-box; border-bottom:1px solid #ddd;}
.chk_line:first-child {border-top:1px solid #ddd;}
.view_btn {position:absolute; top:50%;  right:30px; margin-top:-20px; width:102px; height:40px; border:1px solid #ddd; border-radius:20px; box-sizing:border-box; font-size:1rem; color:#1a1a1a;}
.view_btn span {position:relative; padding-right:10px;}
.view_btn span:after {content:''; position:absolute; top:50%; margin-top:-3px; right:0; width:5px; height:8px; background:url('/resources/img/user/icon_cs.png') 90% center/cover no-repeat;}

.select_box_wrap {position:relative;  margin-top:40px;} 
.select_box_wrap:after {content:''; display:block; clear:both;}
.select_box {float:left; width:50%; text-align:center;}
.select_box_wrap:before {content:''; width:1px; height:64px; background:#ddd; position:absolute; top:1px; left:50%; margin-left:-0.5px; z-index:9;}
.select_box_wrap.on:before {display:none;}
.check_box.check_box03 {height:100%;}
.check_box.check_box03 label {font-size:1.25rem;  font-weight:300; width:100%; box-sizing:border-box;  height:64px; line-height:64px; display:block; padding-left:0;  background:#fafafa; border:1px solid #ddd; }
.select_box:nth-child(1) label  {border-radius:16px 0 0 16px; border-right:1px solid #fafafa;}
.select_box:nth-child(2) label  {border-radius:0 16px 16px 0; border-left:1px solid #fafafa;} 
.select_box label span {position:relative; padding-left:53px;}
.check_box.check_box03 label span:before {position:absolute; top:50%; margin-top:-20px; left:0; content:''; width:40px; height:40px; }
.select_box:nth-child(1) label span:before {background:url('/resources/img/user/icon_age.png') center center no-repeat;}
.select_box:nth-child(2) label span:before {background:url('/resources/img/user/icon_age02.png') center center no-repeat;}
.check_box.check_box03 input[type=radio]:checked+label {color:#00a99a; border:1px solid #20bcae; background:#ecfcfb; font-weight:500;}
.select_box:nth-child(1) input[type=radio]:checked+label span:before {background:url('/resources/img/user/icon_age_on.png') center center no-repeat;}
.select_box:nth-child(2) input[type=radio]:checked+label span:before {background:url('/resources/img/user/icon_age_on02.png') center center no-repeat;}

.join_sec_top {margin-top:60px;}
.join_group {font-size:0; padding:40px 30px;  box-sizing:border-box; border-bottom:1px dashed #ccc; position:relative;}
.join_group.join_group2 {border-bottom:none; padding:20px 30px;}
.join_group:last-child {border-bottom:0;}
.join_group:last-child .info_la {padding-top:0;}
.join_info_wrap {margin-top:40px; box-sizing:border-box; border-top:1px solid #ddd;  border-bottom:1px solid #ddd;}
.join_info_wrap.join_info_wrap2 {position:relative; padding:34px 0 20px;}
.info_inp_wrap {display:inline-block; width:78.26%;}
.info_inp_wrap.info_inp_wrap2 {width:auto;}
.info_inp {margin-top:20px;}
.info_inp:first-child {margin-top:0;}
.info_inp:after {content:''; display:block; clear:both;}
.info_inp input[type=text] {width:352px; height:48px; border:1px solid #ddd; box-sizing:border-box; padding:0 20px; font-size:1rem; font-weight:300; vertical-align:middle;}
.info_inp input[type=number] {width:352px; height:48px; border:1px solid #ddd; box-sizing:border-box; padding:0 20px; font-size:1rem; font-weight:300; vertical-align:middle;}
.join_group2 .info_inp input[type=text].w100 {width:100%;}

.info_inp input[type=text].w1 {width:128px;}
.info_inp input[type=text].w3 {width:164px;}
.info_inp input::placeholder {font-size:1rem; color:#888;}
.add_group {margin-top:10px;}
.join_group2 .info_inp {margin-top:10px;}
.join_group2 .info_inp:first-child {margin-top:0;}
.inp_box {position:relative; float:left; width:255px;}
.inp_box:after {content:''; width:1px; height:48px; background:#ddd; position:absolute; top:0; left:50%; margin-left:-0.5px;}
.inp_box.on:after {display:none;}
.inp_box:nth-child(2) {margin-left:20px;}
.inp_box > span {width:50%; display:inline-block; box-sizing:border-box; background:#fafafa; text-align:center;}
.info_la {display:inline-block; font-size:1.125rem; color:#1a1a1a; width:21.74%; vertical-align:top; padding-top:15px; }
.check_box.check_box04 label {border:1px solid #ddd;  padding-left:0; width:100%; box-sizing:border-box; height:48px; line-height:46px; display:block; overflow:hidden;}
.check_box.check_box04:nth-child(1)  label {border-radius:8px 0 0 8px; border-right:1px solid #fafafa;}
.check_box.check_box04:nth-child(2)  label {border-radius:0 8px 8px 0; border-left:1px solid #fafafa; }
.check_box.check_box04 input[type=radio]:checked+label {border:1px solid #20bcae; background:#ecfcfb; }
.check_box.check_box04 input[type=radio]:checked+label span {font-weight:400; color:#00a99a;}
.sel_wrap.sel_rig {margin-right:10px;}
.info_noti2 {color:#555; font-size:0.875rem; font-weight:300; margin-top:10px; line-height:15px;}

.info_inp input[type=text].w2 {width:210px; height:48px;}
.confirm_box {display:none; margin-top:20px;}
.confirm_btn_st {display:inline-block; vertical-align:middle; width:68px; height:48px; border:1px solid #20bcae; box-sizing:border-box; font-size:1rem; color:#00a99a; margin-left:10px;}
.info_noti2.info_noti_top {margin-top:5px;}
.info_noti2.info_noti_top2 {margin-top:20px;}

.join_tit h3 span {color:#00a99a;}
.join_tit p button {font-weight:400;}
.join_tit p button.line {text-decoration:underline; cursor:pointer;}
.join_group_item {margin-top:30px;}
.join_group_item:first-child {margin-top:0;}
.join_group_item .info_la  {width:25.799%; vertical-align:middle; padding-top:0;}
.join_group_item .info_inp_wrap {vertical-align:middle;}
.join_detail {font-size:1.25rem; color:#1a1a1a; font-weight:300;}
.join_detail span {display:inline-block; padding:0 16px; height:32px; border-radius:16px; font-size:1rem; line-height:32px; text-align:center; font-weight:400;}
.join_detail span.serv_state_on { color:#ff7e27;  border:1px solid #ff7e27;}
.join_detail span.serv_state_off { color:#1a1a1a;  border:1px solid #ddd;}

.join_group > a {position:absolute; top:50%; margin-top:-28px; right:0; display:block; width:180px; height:56px; font-size:1.125rem; font-weight:500; color:#fff; text-align:center; line-height:56px; border-radius:28px;}
.join_group > a.service_link {background:#034c81;}
.join_group > a.join_link {background:#20bcae;}

.insure_box {border-radius:32px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; margin-top:30px;}
.insure_tit {text-align:center; padding:29px 0; background:#ecfcfb; border-bottom:1px solid #ddd;} 
.insure_tit  img {display:inline-block; vertical-align:middle;}
.insure_tit  span {display:inline-block; vertical-align:middle; margin-left:13px; font-weight:500; font-size:1.25rem; color:#034c81;}
.insure_list_wrap {padding:30px 60px; box-sizing:border-box;}
.insure_list_wrap:after {content:''; display:block; clear:both;}
.insure_list_wrap ul {float:left; width:50%;}
.insure_list_wrap ul  li {position:relative; line-height:20px; margin-top:15px; font-size:1rem; color:#1a1a1a; font-weight:300; padding-left:8px;}
.insure_list_wrap ul  li:first-child {margin-top:0;}
.insure_list_wrap ul  li:before {content:''; width:3px; height:3px; background:#1a1a1a; position:absolute; top:50%; margin-top:-1.5px; left:0;}
.insure_guide {margin-top:30px;}
.insure_guide p {font-size:1rem; color:#1a1a1a; font-weight:300; margin-bottom:8px;}
.kyobo_link {display:block; width:186px; height:40px; border:1px solid #ddd; box-sizing:border-box; border-radius:20px; text-align:center; line-height:38px; margin-top:30px;}
.kyobo_link span {position:relative; padding-right:11px;}
.kyobo_link span:after {content: ''; position:absolute; top:50%; margin-top:-3px; right:0; width:5px; height:8px; background: url('/resources/img/user/icon_cs.png') center center/cover no-repeat;}
.impt_guide {position:absolute; top:20px; right:0; font-size:0.875rem; color:#1a1a1a; font-weight:300;}
.impt_guide.impt_guide2 {top:4px;}
.impt_guide  span {color:#00a99a;}
.q_mark {width:16px; height:16px; display:inline-block; margin-left:6px; background:url('/resources/img/user/icon_qmark.png') center center no-repeat; cursor:pointer; vertical-align:bottom;}

/* 개인정보처리방침 팝업 */
.priv_layer_wrap {display:none; position:fixed; padding: 75px 48px 48px; max-width:780px; max-height:580px;  min-height:580px; box-sizing:border-box;}
.priv {margin-top:40px;  max-height:389px; min-height:389px; overflow-y:auto; padding-right:20px; box-sizing:border-box; font-size:1.125rem; line-height:28px;  font-weight:300; word-break:keep-all;} 
.priv_list {margin-top:38px; }

/* 개인정보처리방침 팝업 */
.question_layer_wrap {display:none; position:fixed; padding: 75px 48px 48px; max-width:780px;  box-sizing:border-box;}
.question {margin-top:40px; overflow-y:auto; padding-right:20px; box-sizing:border-box; } 
.question p { font-size:1.125rem; font-size:1.125rem; line-height:28px;  font-weight:300; word-break:keep-all; margin-top:40px;}
.question p:first-child {margin-top:0;}

/* 가입계정 팝업 */
.join_layer_wrap {display:none; position:fixed; padding: 75px 48px 48px; max-width:780px;  box-sizing:border-box;}
.join_layer_wrap h2 {line-height:38px;}
.join_guide {/* margin-top:40px; */ padding:20px; box-sizing:border-box; background:#f4f4f4;}
.join_guide.join_guide_bot {margin-bottom:40px;}
.join_guide p {font-size:0.875rem; line-height:18px; color:#1a1a1a; text-align:center;}
.join_guide p span {color:#ff7e27;}
.join_id {position:relative; padding:35px 30px 32px; box-sizing:border-box; border-top:1px solid #ddd; }
.join_id:first-child {border-top:none;}
.join_id.on {background:#ecfcfb;}
.join_id_wrap {margin-top:40px; overflow-y:auto; max-height:389px; min-height:389px;}
.join_tit h3.w_med {display:inline-block; vertical-align:middle; color:#1a1a1a; font-size:1.25rem; font-weight:500;}
.join_tag {display:inline-block; vertical-align:middle; padding:0 17px; height:32px; line-height:30px; box-sizing:border-box; margin-left:8px; border-radius:16px;}
.join_on {border:1px solid #ff7e27; color:#ff7e27;}
.join_off {border:1px solid #ddd; color:#1a1a1a; font-weight:300;}
.join_con {margin-top:20px;}
.join_serv_end {margin-top:15px; color:#1a1a1a; font-size:0.875rem;}
.join_serv_name {margin-top:20px; font-weight:500; color:#00a99a; font-size:1.125rem;}
.join_pop_link {position:absolute; top:50%; right:30px; margin-top:-28px; width:180px; height:56px; line-height:56px; border-radius:28px; color:#fff; font-weight:500; text-align:center;}
.login_on {background:#f6c76b;}
.login_off {background:#20bcae;}
.online_join {background:#034c81;}

/* 비밀번호 변경 팝업 */
.pw_change_wrap {display:none; position:fixed; padding: 75px 48px 48px; max-width:480px; box-sizing:border-box;}
.pw_change {margin-top:40px;}
.pw_inp label {color:#1a1a1a; font-size:1rem;}
.inp_wrap {margin-top:14px; }
.inp_wrap input {display:block; width:384px; height:48px; padding:0 20px; font-size:1rem;  border:1px solid #ddd; box-sizing:border-box;   color:#1a1a1a; font-weight:300;}
.inp_wrap input::placeholder {color:#888;}
.pw_inp_top {margin-top:30px;}
.pw_guide {font-size:0.875rem; line-height:18px; margin-top:10px; font-weight:300; color:#555;}
.pw_cha_btn {width:180px; height:56px; display:block; margin:30px auto 0; border-radius:28px; background:#20bcae; color:#fff; font-size:1.125rem; font-weight:500; }

/* 씨앗이란? 팝업 */
.seed_layer_wrap {display:none; position:fixed; padding: 75px 48px 48px; width:780px; box-sizing:border-box;}
.seed_tb_wrap {margin-top:40px; overflow-y:auto; max-height:389px; min-height:389px; padding:0 1px; }
.seed_tb {margin-top:40px;}
.seed_tb:first-child {margin-top:0;}
.seed_tb h3 {color:#1a1a1a; font-size:1.25rem; font-weight:500;}
.seed_tb table {margin-top:20px; width:100%; box-sizing:border-box;} 
.seed_tb table tr th {border:1px solid #ddd; padding:15px 0; vertical-align:middle; color:#1a1a1a; font-size:1rem; font-weight:400; background:#ecfcfb;}
.seed_tb table tr td {border:1px solid #ddd; padding :15px 0; vertical-align:middle; text-align:center; font-weight:300;}
.seed_tb01 tr th {width:33.333%;}
.seed_tb02 tr th {width:16.666%;}
.seed_tb03 tr th {width:50%;}
.seed_tb03 table tr td {text-align:left; padding:15px 20px; box-sizing:border-box; vertical-align:baseline;} 
.tb_noti {color:#555; font-size:0.875rem; font-weight:300; margin-top:5px; line-height:18px;}
.seed_list span {display:block; font-weight:400; line-height:20px; font-size:1rem; color:#00a99a;}
.seed_list ul li { font-size:1rem; font-weight:300;line-height:20px;}
.seed_list_top {margin-top:20px;}
.tb_noti_top {margin-top:0;}

.paging {text-align:center; font-size:0; width:100%; margin-top:20px;}
.paging a {display:inline-block; width:28px; height:28px; vertical-align:middle; color:#1a1a1a; font-size:0.875rem; line-height:28px; margin:0 4px; font-weight:300; color:#1a1a1a;}
.paging a.fast-prev {background:#fff url('/resources/img/user/page_prev_fast.svg') center center no-repeat; background-size:10px 8px; border-radius:100%; border:1px solid #ddd; margin:0 2px;}
.paging a.prev {background:#fff url('/resources/img/user/page_prev.svg') center center no-repeat; background-size:5px 8px; border-radius:100%; border:1px solid #ddd; margin:0 4px 0 2px;}
.paging a.fast-next {background:#fff url('/resources/img/user/page_next_fast.svg') center center no-repeat; background-size:10px 8px; border-radius:100%; border:1px solid #ddd; margin:0 2px;}
.paging a.next {background:#fff url('/resources/img/user/page_next.svg') center center no-repeat; background-size:5px 8px; border-radius:100%; border:1px solid #ddd; margin:0 2px 0 4px;}
.paging a.on {color:#00a99a;}

.join_group2 .info_inp input[type=text].w360 {width:360px;}
.sel_wrap.sel_wrap_360 {width:360px;}
.sel_wrap.sel_wrap_240 {width:240px;}

.aside_wrap  .sub_cs_box.cs_box_01 {display:none;}
.attend_check img {max-width:100%;}

/* 코치소개 팝업 */
.coach_layer_wrap {display:none; position:fixed; padding: 75px 48px 48px; max-width:520px; min-width:520px; box-sizing:border-box;max-height:95%; }
.coach_layer {overflow-y:auto;}
.coach_info_wrap {margin-top:40px; height:100%;}
.ch_img {text-align:center;}
.ch_history {margin-top:30px; max-height:350px; /* overflow-y:auto;  */}
.ch_info_list {margin-top:10px;}
.ch_info_list:first-child {margin-top:0;}
.ch_info_list li {color:#1a1a1a; font-size:1.125rem; line-height:28px; font-weight:300;}
/* .ch_history {overflow-y:auto; max-height:147px; } */
.layer_ch_name {font-size:1.25rem; font-weight:500; color:#1a1a1a; text-align:center; margin-top:20px;}

/* 인쇄 팝업 */
.print_layer_wrap {display:none; position:fixed; padding: 75px 48px 48px; width:1050px; box-sizing:border-box;}
.print_wrap {position:relative;}
.print {margin-top:40px;}
.print .swiper-slide {min-height:518px; background:#f4f4f4;}
.print .swiper-slide p {text-align:center; color:#1a1a1a; font-size:2.25rem; margin-top:243px;}
.print_btn2 {display:block; width:180px; height:56px; line-height:56px; font-size:1.125rem; color:#fff; font-weight:500; border-radius:28px; background:#20bcae; margin:78px auto 0;}
.print_wrap  .swiper-button-prev {width:28px; height:28px; border:1px solid #dedede; box-sizing:border-box; border-radius:100%; background: url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size:5px 8px; transform:rotate(180deg); bottom:86px; top:auto; margin-top:0; left:50%; margin-left:-50px;}
.print_wrap  .swiper-button-next {width:28px; height:28px; border:1px solid #dedede; box-sizing:border-box; border-radius:100%; background: url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size:5px 8px; bottom:86px; top:auto; margin-top:0;  left:50%; right:auto; margin-left:22px;}
.print_wrap .swiper-pagination  {bottom:92px; color:#1a1a1a; font-size:0.875rem; font-weight:300; max-width:44px; left:50%; margin-left:-22px;}
.print_wrap .swiper-button-next.swiper-button-disabled, .print_wrap .swiper-button-prev.swiper-button-disabled {opacity:1; cursor:pointer;}

/* 칼럼진보기 팝업 */
.columnist_layer_wrap {display:none; position:fixed; padding: 75px 48px 48px; width:624px; box-sizing:border-box; height:95%; overflow:hidden;} 
.columnist_layer {position:relative; height:100%;}
.pop_columnist_list {position:absolute; top:85px; width:100%; overflow-y:auto; height:calc(100% - 85px );}
.pop_columnist {margin-top:40px;}
.pop_columnist:first-child {margin-top:0;}
.pop_columnist h3 {text-align:center; font-size:1.25rem; color:#1a1a1a; font-weight:500;}
.pop_columnist ul:after {content:''; display:block; clear:both;}
.pop_columnist ul {margin-top:20px;}
.pop_columnist ul li {float:left; width:33.333%; text-align:center;}
.pop_img {max-width:136px; margin:0 auto; border-radius:32px; overflow:hidden;}
.pop_img img {max-width:100%;}
.pop_info {margin-top:15px;}
.pop_info h4 {font-size:1.125rem;  color:#1a1a1a; font-weight:400;}
.pop_info p {margin-top:10px; color:#1a1a1a; font-size:0.875rem; font-weight:300;}

/* 약도보기 팝업 */
.map_layer_wrap {display:none; position:fixed; padding: 75px 48px 48px; width:1050px; max-height:865px;  min-height:865px; box-sizing:border-box;}
.map_area {margin-top:40px; background:#f4f4f4; max-height:673px; min-height:673px;}
.map_area p {text-align:center; color:#1a1a1a; font-size:2.25rem; padding-top:320px;}

/* 체험/STEAM/이벤트 일정 팝업 */
.sche_layer_wrap {display:none; position:fixed; padding: 75px 48px 48px; max-width:576px; min-width:576px; box-sizing:border-box;max-height:95%; }
.sche_layer {overflow-y:auto;}
.sche_wrap {margin-top:70px; height:100%; }
.cal_top  {font-size:0; padding:0 20px; box-sizing:border-box;}
.cal_top > span {display:inline-block; vertical-align:middle;}
.date_ym {font-size:1.5rem; color:#222; width:calc(100% - 56px); text-align:center;}
.prev_cal {width:28px; height:28px; border:1px solid #dedede; box-sizing:border-box; border-radius:100%; background:url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size: 5px 8px; transform:rotate(180deg);  left:0;}
.next_cal {width:28px; height:28px; border:1px solid #dedede; box-sizing:border-box; border-radius:100%; background:#fff url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size: 5px 8px;  right:0;}

.cal_tb {width:100%; margin-top:35px; }
.cal_tb tr th {width:14.285%; font-size:1.125rem; font-weight:400; padding-bottom:32px;}
.cal_tb tr th.sun {color:#ff3b30;}
.cal_tb tr th.sat {color:#2cb0d6;}
.cal_tb tr td {text-align:center; font-weight:300; font-size:1.125rem;}
.cal_tb tr td.sun {color:#ff3b30;}
.cal_tb tr td.sat {color:#2cb0d6;}
.date_num span {display:inline-block; width:32px;height:32px; line-height:32px;}

.cal_tb tr td.the_day .date_num {position:relative;}
.cal_tb tr td.the_day .date_num span {position:relative; z-index:9; color:#fff;}
.cal_tb tr td.the_day .date_num:before {position:absolute; top:0; right:50%; content:''; width:100%; height:100%; background:#f6c76b;}
.cal_tb tr td.the_day.start  .date_num:after {position:absolute; content:''; top:0; left:50%; margin-left:-15px; width:32px; height:32px; background:#f6c76b; border-radius:100%;}
.cal_tb tr td.the_day.start  .date_num:before {display:none;}
.cal_tb tr td.the_day.end .date_num:after {position:absolute; content:''; top:0; left:50%; margin-left:-15px; width:32px; height:32px; background:#f6c76b; border-radius:100%;}
.cal_tb tr td.the_day.sat .date_num:after {position:absolute; content:''; top:0; left:50%; margin-left:-15px; width:32px; height:32px; background:#f6c76b; }
.cal_tb tr td.the_day.end.sun .date_num:before {display:none;}
.cal_tb tr td.the_day.sun .date_num:before {display:none;}
.cal_tb tr td.the_day.sun .date_num:after {position:absolute; content:''; top:0; left:50%; margin-left:-15px; width:32px; height:32px; background:#f6c76b; }
.cal_tb tr td.the_day.end.sun .date_num:after {border-radius:0 16px 16px 0;}
.cal_tb tr td.the_day.end.sun .date_num span {background:none;} 
.cal_tb tr td.on {position:relative; }
.cal_tb tr td.on:after{content:''; width:32px; height:32px; top:0; left:50%; margin-left:-15px; position:absolute; border-radius:100%; background:#20bcae; z-index:8;}
.date_sche {display:block; height:26px;}

.cal_bot:after {content:''; display:block; clear:both;}
.cal_bot {padding:0 25px; box-sizing:border-box;}
.cal_bot > div {position:relative; float:left; font-size:0.875rem; font-weight:300; padding-left:15px; margin-right:30px;}
.cal_bot > div:last-child {margin-right:0;}
.cal_bot > div:before {position:absolute; top:50%; left:0; margin-top:-4px; content:''; width:8px; height:8px; border-radius:100%; }
.cal_today:before {background:#20bcae; }
.cal_theday:before {background:#f6c76b; }
.cal_entry:before {background:#2cb0d6; }

.sche_type_wrap {margin-top:30px; max-height:165px;}
.sche_type {padding:30px; box-sizing:border-box; border-top:1px solid #ddd; }
.sche_type h3 {font-size:1.25rem; font-weight:300; line-height:1.625rem;}
.sche_type h3 strong {display:inline-block; font-weight:500; margin-right:9px;}
.sche_info {margin-top:15px;}
.sche_info dl {margin-top:5px;}
.sche_info dl:first-child {margin-top:0;}
.sche_info dl dt {display:inline-block; vertical-align:middle; font-size:1rem; color:#1a1a1a; font-weight:300;}
.sche_info dl dd {display:inline-block; vertical-align:middle; font-size:1rem; color:#1a1a1a; font-weight:300;}

.sche_mark a {display:block; width:6px; height:6px; background:#2cb0d6; margin:0 auto; border-radius:100%;}

/* 아이디찾기 팝업 */
.id_find_wrap {display:none; position:fixed; padding: 75px 48px 48px; width:480px; box-sizing:border-box;}
.id_find {margin-top:30px;}
.id_find_res {text-align:center; font-weight:300; font-size:1.25rem; line-height:2.25rem; color:#1a1a1a;}
.id_find_res strong {display:block; font-weight:500; font-size:1.5rem;}
.id_find_btn {width:180px; height:56px; display:block; margin:30px auto 0; border-radius:28px; background:#20bcae; color:#fff; font-size:1.125rem; font-weight:500; }

/* 휴면계정안내 팝업 */
.dmt_wrap {display:none; position:fixed; padding: 75px 44px 48px; max-width:780px; box-sizing:border-box;}
.dmt {margin-top:40px;}
.dmt_guide p {font-size:1.125rem; font-weight:300; margin-top:30px; line-height:1.75rem; word-break:keep-all; color:#1a1a1a;}
.dmt_guide p strong {font-weight:400;}
.dmt_guide p:first-child {margin-top:0;}
.dmt_guide2 {border:1px solid #ddd; box-sizing:border-box; text-align:center; margin-top:30px; padding:20px;  color:#1a1a1a; font-size:0.875rem; line-height:1.125rem;}
.dmt_guide2 strong {display:block; font-weight:500; }
.dmt_guide2 p {font-weight:300; word-break:keep-all; }
.dmt_btns {text-align:center; font-size:0; margin-top:30px;}
.dmt_cancle_btn {line-height: 1.5; width:206px; height:56px;  display:inline-block; border-radius:28px; background:#f4f4f4; color:#1a1a1a; font-size:1.125rem; font-weight:300; margin-right:5px; border:1px solid #ebebeb;}
.dmt_cha_btn {line-height: 1.5; width:206px; height:56px; display:inline-block;  border-radius:28px; background:#20bcae; color:#fff; font-size:1.125rem; font-weight:500; margin-left:5px;  }


/* 나의 응모 현황 */
.h_group:after {content:''; }
.review_link {display:block; width:90px; height:32px; line-height:30px; color:#fff; font-size:0.875rem; font-weight:400; border-radius:16px; background:#20bcae; margin:11px auto;}
.review_link span {position:relative; padding-right:10px;}
.review_link span:after {content:''; position:absolute; top:50%; margin-top:-3px; right:0; width:5px; height:8px; background:url('/resources/img/user/icon_tit_02.png') center center/cover  no-repeat;}
.result_tag {display:block; width:80px; height:32px; line-height:30px; box-sizing:border-box; font-size:0.938rem;border-radius:16px; font-weight:400; margin:11px auto;}
.win {color:#00a99a; border:1px solid #00a99a;}
.no_win {color:#555; border:1px solid #ddd;}
.during {color:#ff7e27; border:1px solid #ff7e27;}
.enter_end {color:#034c81; border:1px solid #034c81;}
.tb_suject div {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; position:absolute; top:0; left:0; height:100%; line-height:52px;}

.board_list_wrap {margin-top:20px;}
.h_group:after {content:''; display:block; clear:both;}
.h_group {box-sizing:border-box; width:100%;  background:#ecfcfb; border-top:1px solid #20bcae; border-bottom:1px solid #bcebe7; height:56px;}
.h_group > div {float:left; height:55px;   line-height:55px; box-sizing:border-box; text-align:center; color:#00a99a; font-size:1.125rem; }
.board_list_wrap .exp_tit {width:17%;}
.board_list_wrap .exp_suj {width:33%;}
.board_list_wrap .exp_per {width:25%;}
.board_list_wrap .exp_win {width:12%;}
.board_list_wrap .exp_review {width:13%;}
/*.b_cnt:after {content:''; display:block; clear:both;}
 .b_cnt {box-sizing:border-box; border-bottom:1px solid #ddd; height:55px;  } 
.b_cnt > div {float:left; height:55px; line-height:55px; box-sizing:border-box; text-align:center; color:#1a1a1a;} */

.b_cnt > div.exp_suj {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
.b_cnt {font-size:0; box-sizing:border-box; border-bottom:1px solid #ddd;}
.b_cnt > div  {display:inline-block; font-size:1rem; vertical-align:middle; text-align:center; color:#1a1a1a; line-height:55px;}

/* 회원탈퇴 */
.withdraw_inner {border-bottom:1px solid #ddd; padding-bottom:35px;}
.withdraw1 {text-align:center; border-radius:32px; border:1px solid #ddd; overflow:hidden;}
.withdraw_guide1 {padding:121px 20px 30px; box-sizing:border-box; background:url('/resources/img/user/icon_withdraw.png') center 40px no-repeat;}
.withdraw_guide1 p {color:#1a1a1a; font-size:1.125rem; font-weight:300; line-height:28px;}
.withdraw_guide2  {padding:19px 20px 18px; box-sizing:border-box; background:#f4f4f4; border-top:1px solid #ddd;}
.withdraw_guide2 p {font-size:0.875rem; color:#555; font-weight:300; line-height:18px;}
.withdraw_list {margin-top:40px;}
.withdraw_list > li {font-size:0; margin-top:30px;}
.withdraw_list li:first-child {margin-top:0;}
.withdraw_list li span {display:inline-block; font-size:0.875rem; font-weight:400; color:#1a1a1a; width:28px; height:28px; border-radius:100%; border:1px solid #dedede; vertical-align:top; text-align:center; line-height:26px; box-sizing:border-box;}
.withdraw_list li h4 {display:inline-block; font-size:1.125rem; font-weight:400; color:#1a1a1a; vertical-align:top; width:calc(100% - 28px); padding-left:9px; box-sizing:border-box; line-height:28px;}
.detail_exp_list {margin-top:10px; padding-left:36px; box-sizing:border-box;}
.detail_exp_list li {font-size:1rem; color:#1a1a1a; font-weight:300; line-height:24px;}
.detail_exp {margin-top:10px;  font-size:1rem; color:#1a1a1a; font-weight:300; line-height:24px;  padding-left:36px; box-sizing:border-box;}
.withdraw2 {padding:40px 30px; box-sizing:border-box; background:#f4f4f4; border:1px solid #f4f4f4; border-radius:32px; overflow:hidden; margin-top:40px;}
.check_wrap3 .check {margin-top:20px;}
.check_wrap3 .check:first-child {margin-top:0;}
.check_wrap3 .check label {font-size:1.125rem;}
.etc {width:540px; height:48px; background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:0 20px;  margin-left:10px; font-size:1rem; color:#1a1a1a; font-weight:300;}
.etc::placeholder {color:#888;}
.last_guide {font-size:14px; color:#555; font-weight:300; font-size:0.875rem; line-height:18px; margin-top:19px;}

/* 문화 */
.depth3_link {font-size:0; text-align:center;}
.depth3_link li {display:inline-block; margin:0 40px;}
.depth3_link li  a {color:#1a1a1a; font-weight:700; font-size:2.25rem;}
.depth3_link li.on a {position:relative; color:#00a99a;}  
.depth3_link li.on a:after {position:absolute; content:''; width:100%; height:2px; background:#00a99a; bottom:3px; left:0;}
.page_tit {margin-top:80px; text-align:center;}
.page_tit  h3 {color:#1a1a1a; font-size:1.5rem; font-weight:400;}
.page_tit p {font-size:1.125rem; font-weight:300; line-height:24px; margin-top:27px;}
.page_tabcon_wrap {display:none;}
.page_tabcon_wrap.on {display:block;}
.page_tab_wrap {position:relative; margin-top:60px; padding-top:116px;}
.page_tab_wrap > li > a {position:absolute; top:0; left:0; height:56px; background:#f4f4f4; width:50%;  text-align:center; line-height:54px; border:1px solid #ebebeb; box-sizing:border-box; font-size:1.125rem; font-weight:300; /* overflow:hidden; */}
.page_tab_wrap >  li > a.page_tab1 {border-radius:28px 0 0 28px; border-right:none;}
.page_tab_wrap > li > a.page_tab2 {left:50%; border-radius:0 28px 28px 0; border-left:none;}
.page_tab_wrap > li > a.on:after {position:absolute; top:-1px; left:0px; content:''; width:100%; height:56px; background:#20bcae; border-radius:28px; border:1px solid #20bcae; box-sizing:border-box;  z-index:9;}
.page_tab_wrap > li > a.on span {position:relative; z-index:99; font-weight:500; color:#fff;}
.page_tab_con:after {content:''; display:block; clear:both;}
.page_tab_con li {float:left; width:calc((100% - 60px) / 3); margin:0 0 30px 30px; border-radius:32px;  overflow:hidden;}
.page_tab_con li a {display:block;}
.page_tab_con li:nth-child(3n+1) {margin-left:0;}
.culture_img {position:relative; height:0; padding-bottom:59.398%; overflow:hidden; border-radius:32px 32px 0 0;}
.culture_img:before {position:absolute; content:''; width:100%; height:100%; border:1px solid rgba(0,0,0, 0.05); box-sizing:border-box; left:0; right:0; bottom:0; top:0; z-index:9; border-radius:32px 32px 0 0;}
.culture_img img {position:absolute; top:50%; left:50%;  -ms-transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; transform:translate(-50%,-50%); max-width:100%;}
.desc {border:1px solid #ddd; box-sizing:border-box; border-radius: 0 0 32px 32px; border-top:none; padding:30px; }
.desc h4 {color:#1a1a1a; font-size:1.25rem; font-weight:300; line-height: 26px; white-space: normal; height: 52px; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all; text-overflow:ellipsis;}
.desc h4.on {position:relative; padding-right:14px; box-sizing:border-box; /* word-break:break-word; */ }
.desc h4.on .new_tag {position:absolute; top:60%; right:0;}
.desc.desc2 h4.on {position:relative; padding-right:14px; box-sizing:border-box; /* word-break:break-word;  */}
.desc.desc2 h4.on .new_tag {position:absolute; top:50%; margin-top:-8px; }

.desc h4 strong {font-weight:400; margin-right:5px;}
.new_tag {display:inline-block; width:16px; height:16px; background:url('/resources/img/user/icon_new.svg') center center no-repeat; vertical-align:middle; margin-bottom:3px; margin-left:6px;}
.desc_date {font-size:1rem; color:#1a1a1a; font-weight:300; margin-top:20px;}
.page_search_wrap {text-align:center; margin-top:30px; font-size:0;}
.page_search_wrap.top_space {margin-top:60px;}
.page_search_wrap .sel_wrap {text-align:left; width:124px;}
.page_search_wrap .searcharea {display:inline-block; margin-left:10px; position:relative; width:360px; height:48px; box-sizing:border-box; vertical-align:middle;}
.page_search_wrap input.text_search {width:100%; height:100%; background:none; padding:0 42px 0 15px; box-sizing:border-box; letter-spacing:-0.05em; font-size:1rem; font-weight:300; color:#555; border:1px solid #ddd;  }
.page_search_wrap .btn_search {position:absolute; top:0; right:4px; font-size:0; width:40px; height:100%; padding:0; background:url('/resources/img/user/icon_search.svg') center center no-repeat;}

/* 스팀 상세 페이지 */
.desc_page_wrap {margin-top:80px;}
.desc_page_wrap.top_no {margin-top:0;}
.desc_page_con {padding:40px 30px 80px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:40px; box-sizing:border-box;}
.desc_page_con.desc_page_con2 {padding:40px 0 80px; }
.desc_page_img {text-align:center;}
.desc_page_img img {max-width:100%;}
.e_info_wrap {margin-top:30px;}
.e_info_wrap:after {content:''; display:block; clear:both;}
.e_info_wrap > div {position:relative; float:left; font-size:1rem; color:#1a1a1a; font-weight:300; padding-left:18px; margin-right:15px; line-height:32px;}
.e_info_wrap > div:before {position:absolute; top:50%; margin-top:-6px; left:0; content:''; width:1px; height:12px; background:#aaa;}
.e_info_wrap > div:first-child {padding-left:0;}
.e_info_wrap > div:first-child:before {display:none;}
.e_info_wrap > div.e_state span.steam_tag {position:static; display:block;} 
.e_info_wrap > div.e_share {padding-left:0; line-height:0;}
.e_info_wrap > div.e_share:before {display:none;} 
.e_info_wrap > div.e_share.e_share2 {padding-left:14px; margin:0;}
.e_info_wrap > div.e_share.e_share2:before {display:block;} 
.e_info_wrap > div.e_pdf span {position:relative; padding-left:30px;}
.e_info_wrap > div.e_pdf span:after {position:absolute; top:50%; left:0; margin-top:-10px; content:''; width:16px; height:20px; background:url('/resources/img/user/icon_pdf.svg') center center no-repeat;}
.desc_page_tit h3 {font-size:1.875rem; color:#1a1a1a; font-weight:400;  line-height:normal;}
.btn_shar {position:relative;display:inline-block; vertical-align:middle; padding:16px; background:url('/resources/img/user/icon_sharing.svg') center center no-repeat; background-size:20px 20px;}

.desc_btn_wrap {padding:30px 0; font-size:0;}
.social_btn {display:inline-block; width:94px; height:56px; border:1px solid #ddd; font-size:1rem; color:#1a1a1a; border-radius:28px; box-sizing:border-box;}
.btn_shar2 span {position:relative; padding-left:28px;}
.btn_shar2 span:before {position:absolute; top:50%; margin-top:-10px; left:0; content:''; width:20px; height:20px; background:url('/resources/img/user/icon_sharing.svg') center center no-repeat;}
.recommend {margin-left:10px;}
.recommend span {position:relative; padding-left:28px;}
.recommend span:before  {position:absolute; top:50%; margin-top:-8px; left:0; content:''; width:20px; height:18px; background:url('/resources/img/user/icon_recm.svg') center center no-repeat;}
.recommend.on {border:1px solid #eb4b62; color:#eb4b62; width:126px;}
.recommend.on span:before {background:url('/resources/img/user/icon_recm_on.svg') center center no-repeat;}

.desc_btn_rig {float:right; font-size:0;}
.desc_btn_rig .list_link {display:inline-block; width:94px; height:56px; border:1px solid #ddd; font-size:1rem; color:#1a1a1a; border-radius:28px; box-sizing:border-box; line-height:54px; text-align:center; margin-left:10px;}

.list_link span {position:relative; padding-left:27px;}
.list_link span:before {content:''; width:18px; height:14px; background:url('/resources/img/user/icon_list.png') center center no-repeat; position:absolute; top:50%; margin-top:-6px; left:0;}
.list_link_cha span {position:relative; padding-left:27px;}
.list_link_cha span:before {content:''; width:18px; height:18px; background:url('/resources/img/user/icon_write.svg') center center no-repeat; position:absolute; top:50%; margin-top:-9px; left:0; }
.list_link_del span {position:relative; padding-left:27px;}
.list_link_del span:before {content:''; width:18px; height:20px; background:url('/resources/img/user/icon_del.svg') center center no-repeat; position:absolute; top:50%; margin-top:-10px; left:0;}
.cmt_wrap {border-radius:32px; border:1px solid #ddd; background:#fafafa; overflow:hidden; padding:30px; box-sizing:border-box;}
.total_num {font-size:1.125rem; color:#1a1a1a; font-weight:300; display:none }
.total_num span {color:#00a99a; font-weight:500; }
.cmt_list {margin-top:20px;}
.cmt_list li {position:relative; padding:17px 0 18px; border-bottom:1px solid #ddd; }
.cmt_list li:after {content:''; display:block; clear:both;}
.cmt_list li > div {float:left; }
.write {text-align:center; width:70px; font-size:1rem; color:#034c81; padding-top:1px;}
.cmt_txt {width:calc(100% - 190px); font-size:1rem; font-weight:300;  padding:0 10px; box-sizing:border-box;  line-height:20px;}
.cmt_txt.on {padding-right:116px; box-sizing:border-box; word-break:keep-all;}
.cmt_info {width:120px; text-align:center; font-size:0; padding-top:1px; }

/*수정삭제버튼*/
.cmt_list li > div.cmt_edt {float:none; position:absolute; top:50%; right:132px; font-size:0; margin-top:-12px;}
.cmt_edt button {width:46px; height:24px; border-radius:12px; border:1px solid #ddd; background:#fff; color:#555; font-size:0.75rem;}
.cmt_del {margin-left:4px;}

.cmt_info > span {display:inline-block; font-size:1rem; color:#1a1a1a; font-weight:300;}
.cmt_time {margin-left:5px; }
.list_link_wrap {margin-top:40px;}
.list_link_wrap.top10 {margin-top:10px;}
.list_link_wrap:after {content:''; display:block; clear:both;}
.list_link_wrap > a {float:left; width:50%; display:block; text-align:center;}
.list_link_wrap > a h4 {color:#1a1a1a; font-size:1.25rem; font-weight:400;}
.list_link_tit {margin-top:18px; font-size:1.125rem; color:#1a1a1a; font-weight:300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list_link_wrap > a.prev_link {background:url('/resources/img/user/icon_prev_list.png') left center no-repeat; padding: 0 35px 0 48px; box-sizing: border-box;}
.list_link_wrap > a.next_link {position:relative; background:url('/resources/img/user/icon_next_list.png') right center no-repeat; padding: 0 48px 0 35px; box-sizing: border-box;}
.list_link_wrap > a.next_link:before {content:''; width:1px; height:56px; background:#ddd; position:absolute; top:50%; margin-top:-28px; left:-0.5px;}

.event_tit {color:#1a1a1a; font-size:1.5rem; font-weight:400; line-height:normal;}
.event_info {font-size:0; margin-top:40px;}
.event_info.event_info2 {margin-top:0;} 
.event_info dl {margin-top:40px;}
.event_info dl:first-child {margin-top:0;}
.event_info dl dt {display:inline-block; vertical-align:top; font-size:1.125rem; color:#1a1a1a; width: 21.74%; line-height:28px;}
.event_info dl dd {display:inline-block; vertical-align:top; font-size:1.125rem; color:#1a1a1a; width: 78.26%; font-weight:300; line-height:28px;}
.event_info dl dd span {font-weight:400; color:#00a99a;}
.priv_terms {margin-top:30px; min-height:128px; max-height:128px; border:1px solid #ddd; box-sizing:border-box; padding:20px; font-size:1rem; line-height:20px; color:#1a1a1a; font-weight:300; overflow-y:auto;}

.winner_link {font-size:1.125rem; color:#1a1a1a; font-weight:300px; display:block; text-align:center; line-height:55px; border:1px solid #ddd;  box-sizing: border-box; border-radius: 0 0 32px 32px; font-weight:300;}
.page_tab_con.page_tab_con2 li {min-height:401px; }
.desc.desc_add {border-radius:0; border-bottom:none;}
.winner_link:hover {color:#00a99a; border:1px solid #00a99a; font-weight:400;}
.more_view {width:180px; height:56px; text-align:center; background:#f4f4f4; color:#1a1a1a; font-size:1.125rem; font-weight:300; border-radius:28px; border:1px solid #ebebeb; box-sizing:border-box;}
.btn_wrap {text-align:center; margin-bottom:60px;}
.more_view span {position:relative; padding-right:16px;}
.more_view span:after{position:absolute; top:50%; margin-top:-4px; right:0; content:''; width:10px; height:10px; background:url('/resources/img/user/icon_more.svg') center center no-repeat;}
.write_btn {position:absolute; top:-18px; right:0; display:block; width:106px; height:56px; border:1px solid #ddd; box-sizing:border-box; line-height:54px; border-radius:28px; z-index:99; font-size:1rem; font-weight:300;}
.write_btn span {position:relative; padding-left:27px; }
.write_btn span:before {position:absolute; top:50%; margin-top:-9px; left:0; content:''; width:18px; height:18px; background:url('/resources/img/user/icon_write.svg') center center no-repeat;}
.page_tit.page_link {position:relative; border-bottom:1px solid #ddd; padding-bottom:48px;}
.category {padding:30px 0; margin-bottom:30px;}
.category:after {content:''; display:block; clear:both;}
.category li {float:left; margin-right:15px; }
.category li a {display:block; height:56px; line-height:54px; padding:0 30px; background:#f4f4f4; border:1px solid #ebebeb; border-radius:28px; box-sizing:border-box; color:#1a1a1a; font-size:1.125rem; font-weight:300;}
.category li.on a {background:#20bcae; color:#fff; font-weight:400; border: 1px solid #20bcae;}
.desc_txt {margin-top:20px; color:#1a1a1a; font-weight:300; line-height:28px; font-size:1.125rem;}
.cmt_inp_wrap {margin-top:20px; font-size:0;}
.cmt_inp {position:relative; width:calc(100% - 102px); display:inline-block; box-sizing:border-box;  background:#fff; border:1px solid #ddd; vertical-align:middle;}
/* .cmt_inp input {width:90%; height:56px;  box-sizing:border-box; padding:0 20px; font-size:1rem;} */
.cmt_inp .cmt_area {resize:none; width:90%; border:none;  font-family: 'Noto Sans KR', sans-serif;  box-sizing:border-box; padding:18px 20px; font-size:1rem;  height:56px;  line-height:20px; overflow:hidden; font-weight:300; }
.cmt_inp .cmt_area::placeholder {color:#888;}
.cmt_inp .cmt_area.on {outline:none !important; border:none !important;}
.cmt_inp .txt_num {position:absolute; right:20px; top:0;  font-size:0.875rem; color:#888; font-weight:300; line-height:56px;}
.regist_btn {display:inline-block; width:92px; height:56px; background:#20bcae; border-radius:28px; font-size:1.125rem; color:#fff; font-weight:500; margin-left:10px; vertical-align:middle;}

.long_txt {resize:none; width:100%; min-height:240px; padding:15px; box-sizing:border-box; border:1px solid #ddd; font-family: 'Noto Sans KR', sans-serif; font-size:1rem; font-weight:300; white-space:pre-wrap;}
.long_txt::placeholder {color:#888;}

.add_file_wrap:after {content:''; display:block; clear:both;}
.add_btn {float:left; border:1px dashed #20bcae; box-sizing:border-box; width:125px; height:125px; border-radius:16px;}
.add_btn button {display:block; width:100%; height:100%; background:url('/resources/img/user/icon_file.svg')  center 35%  no-repeat; background-size:32px 32px; padding-top:55px;  font-size:1rem; color:#00a99a; }
.add_file { position:relative; float:left; margin-left:10px; border-radius:16px; overflow:hidden; width:125px; height:125px;}
.add_file img {max-width:100%; width:100%; }
.add_file:before {position:absolute; top:0; left:0; content:''; width:100%; height:100%; border:4px solid #20bcae; box-sizing:border-box; border-radius:16px; }
.add_file_del {position:absolute; top:0; right:0; content:'';  width:28px; height:28px; background:url('/resources/img/user/icon_file_del.png') center center no-repeat; z-index:9;}


/* 비밀번호 재입력 */
.pw_check_wrap .reinp_guide {font-size:1.125rem; color:#1a1a1a; font-weight:300;}
.pw_check {margin-top:30px; font-size:0;}
.pw_reinp {display:inline-block; width:384px; height:48px; border:1px solid #ddd; box-sizing:border-box; padding:0 20px; font-size:1rem;}
.pw_reinp::placeholder {color:#888;}
.confirm_btn {display:inline-block; width:68px; height:48px; border:1px solid #20bcae; box-sizing:border-box; color:#00a99a; font-size:1rem; margin-left:10px;}

/* 비밀번호 확인 팝업 */
.pw_che_wrap  { display:none; position: fixed; padding: 75px 48px 48px; max-width: 480px;  box-sizing: border-box; }

/* 영상CAST */
.view_type {text-align:right;}
.view_type .type_btn {display:inline-block; font-size:1rem; color:#1a1a1a; font-weight:300; position:relative; padding-left:17px; margin-right:15px;}
.view_type .type_btn:before {content:''; width:1px; height:12px; background:#aaa; position:absolute; top:50%; margin-top:-6px; left:0;}
.view_type .type_btn:first-child:before {display:none;}
.view_type .type_btn:last-child {margin-right:0;}
.view_type .type_btn.on {font-weight:400; color:#00a99a;}

.cast_wrap {margin-top:30px;}
.cast_wrap .page_tab_con li:nth-child(1) {width:calc((100% - 30px) / 2); margin-left:0 !important; margin-bottom:60px;}
.cast_wrap .page_tab_con li:nth-child(1) .desc h4 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:26px; display:block; -webkit-line-clamp:1; -webkit-box-orient:horizontal}
.cast_wrap .page_tab_con li:nth-child(2) {width:calc((100% - 30px) / 2); margin-bottom:60px;}
.cast_wrap .page_tab_con li:nth-child(2) .desc h4 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:26px; display:block; -webkit-line-clamp:1; -webkit-box-orient:horizontal}
.cast_wrap .page_tab_con li:nth-child(3n) {margin-left:0;}
.cast_wrap .page_tab_con li:nth-child(3n+1) {margin-left:30px;}
.cast_wrap .culture_img_play {position:relative;}
/* .cast_wrap .culture_img_play:before {content:''; width:80px; height:80px;  position:absolute; top:50%; margin-top:-40px;  left:50%; margin-left:-40px; background: url(/resources/img/user/icon_video_play.png) center center no-repeat;} */

/* 영상cast 상세페이지 */
.desc_video_wrap {padding:0 30px; box-sizing:border-box;}
.desc_video {position:relative; text-align:center; border-radius:32px; overflow:hidden; height:0; padding-bottom:59.393%; }
.desc_video:after {content:''; width:80px; height:80px;  position:absolute; top:50%; margin-top:-40px;  left:50%; margin-left:-40px; background: url(/resources/img/user/icon_video_play.png) center center no-repeat;}
.desc_video_wrap img {max-width:100%;}
.desc_adm_wrap { box-sizing:border-box;  margin:40px auto 0;  max-width:990px;}
.top_line {border-top:1px dashed #ddd; padding-top:40px;}
.desc_book_info {padding:64px 80px 0; background: url(/resources/img/user/bg_desc_info.gif) center top no-repeat; }
.desc_book_info:after {content:''; display:block; clear:both;}
.desc_book_info > div {float:left;}
.desc_book_title {width:calc(100% - 334px); margin-left:80px;}
.basic_info_wrap {width:calc(100% - 334px); margin-left:80px;}
.desc_book_img {position: relative; max-width:254px; box-shadow:0px 16px 16px 0px rgba(0,0,0,0.2);}
.desc_book_img img {vertical-align:bottom;}
.desc_book_img:before {content:''; position:absolute; top:0; left:7px; width:2px; height:100%; background:url('/resources/img/user/bg_book_01.png') left top  repeat-y;}
.desc_book_title dl {border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:28px;}
.desc_book_title dl dt {font-size:1rem; color:#034c81;}
.desc_book_title dl dd {font-size:2.25rem; color:#1a1a1a; font-weight:500; margin-top:20px; line-height:1.1; word-break:keep-all;}
.basic_info_wrap {margin-top:25px;}
.basic_info_wrap:after {content:''; display:block; clear:both;}
.basic_info {float:left; width:calc((100% - 20px)/2);}
.basic_info:first-child {margin-right:20px;}
.basic_info dl {margin-bottom:10px;}
.basic_info dl.info_h {height:52px;}
.basic_info dl dt {font-size:1rem; color:#034c81; display:inline-block; vertical-align:top; width:37%; line-height:normal;}
.basic_info dl dd {font-size:1.125rem; color:#000; font-weight:300; display:inline-block; vertical-align:top; line-height:normal;}
.book_info_box {margin-top:60px;}
.book_info_box h4 {font-size:1.5rem; color:#1a1a1a; font-weight:400;}
.book_info_box > p {margin-top:2px; }
.adm_txt {font-size:1.125rem; color:#1a1a1a; font-weight:300; line-height:28px;}
.book_info_cnt {margin-top:20px;}
.book_info_cnt h5 {font-size:1.125rem; color:#034c81; line-height:28px; font-weight:400; }
.book_info_cnt h5.font_c {color:#1a1a1a;}
.book_info_cnt  p {margin-top:10px;}
.book_info_cnt .ebook_list .book_area {max-width:178px;}
.book_info_cnt .book_name {max-width:178px; font-size:1.125rem; line-height:24px; margin-top:18px;}
.book_img {text-align:center; margin-top:60px;}
.book_img img {max-width:100%;}

/* 캠페인 */
.slide_tab:after {content:''; clear:both; display:block;}
.frame_st3_wrap {position:relative;   padding:0 40px; box-sizing:border-box; }
.frame_st3_wrap:before {position:absolute; bottom:1px; left:40px; content:''; width:calc(100% - 80px); height:1px; background:#ddd;}
.frame_st3 {height:58px; max-width:100%;}
.slide_tab li {float:left;}
.slide_tab li  a {display:block; padding:20px 25px; min-width:138px; color:#1a1a1a; font-size:1.125rem; font-weight:300; height:57px; box-sizing:border-box;}
.slide_tab li.active a { color:#00a99a; position:relative; font-weight:500; }
.slide_tab li.active a:after {position:absolute; bottom:0px; left:0; content:''; width:100%; height:2px; background:#20bcae; z-index:99;}
.frame_st3 .btn {display:block; position:absolute; top:50%; margin-top:-14px; border:1px solid #dedede; width:28px; height:28px; border-radius:100%;}
.frame_st3 .prev { left:0;  background:url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size:5px 8px; transform:rotate(180deg);}
.frame_st3 .next { right:0; background:url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size:5px 8px;}
.slidetab_con {display:none;}
.slidetab_con:first-child {display:block;}
.slide_con_top:after {content:''; clear:both; display:block;}
.slide_con_top {margin-top:60px;}
.slide_con_lef {float:left; width:48.572%;}
.slide_con_rig {float:left; width:51.428%; padding:40px 60px; box-sizing:border-box;}
.lef_img_wrap {position:relative; border-radius:32px; overflow:hidden; padding-bottom:59.411%; width:100%;}
.lef_img_wrap img {position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  -o-transform:translate(-50%,-50%);  transform:translate(-50%,-50%); width:100%;}
.lef_img_wrap:before {content:''; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.05); position:absolute; border-radius: 32px; z-index:9;}
.campaign_state {width:74px; height:32px; border-radius:16px; border:1px solid #ff7e27; box-sizing:border-box;font-size:1rem; color:#ff7e27; text-align:center; line-height:30px;}
.slide_con_rig h3 {font-size:2.25rem; font-weight:500; color:#1a1a1a; margin-top:30px;} 
.campaign_date {margin-top:30px; font-size:1rem; color:#000; font-weight:300;}

.inner_tab_wrap {margin-top:60px;}
.inner_con_wrap img {max-width:100%;}
.innner_tab {position:relative; padding-top:56px; }
.innner_tab li a {position:absolute; top:0; left:0;  width:calc(25% + 1px); text-align:center; border:1px solid #ddd; border-bottom:none; border-radius:16px 16px 0 0; height:56px; line-height:56px; box-sizing:border-box;  font-size:1.125rem; font-weight:300;}
.innner_tab li:nth-child(2) a {left:25%;}
.innner_tab li:nth-child(3) a {left:50%;}
.innner_tab li:nth-child(4) a {left:75%; width:25%;}
.innner_tab li a.on {border-bottom:0; color:#00a99a; font-weight:500; }
.innner_tab li a.on:before {position:absolute; top:-1px; left:-1px; content:''; width:calc(100% - 1px); height:100%; border:2px solid #20bcae; border-bottom:none; border-radius:16px 16px 0 0; z-index:99;}
.innner_tab li:nth-child(4) a.on:before {width:calc(100% - 2px);}
.inner_tab_con {display:none; border:1px solid #ddd; border-top:none; border-radius:0 0 16px 16px; padding:60px 30px; text-align:center;}
.inner_tab_con.on {display:block;}
.inner_tab_con h4 {font-size:2.25rem; color:#1a1a1a; font-weight:500;}
.inner_con_wrap {margin-top:60px;}

/* 양육칼럼 */
.column_wrap  {margin-top:30px;}
.board_list2 .col_num {width:10%;}
.board_list2 .col_field {width:15%;}
.board_list2 .col_subj {width:50%;}
.board_list2 .b_cnt > div.col_subj { text-align:left; line-height:normal;}
.board_list2 .b_cnt > div.col_subj a {display:block; padding:0 18px 0 30px; box-sizing:border-box; color:#1a1a1a; font-size:1rem; white-space: normal; line-height: 1.3; height: 2.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden;}
.board_list2 .col_writer {width:11%;}
.board_list2 .col_date {width:14%;}
.board_list2 .b_cnt > div.col_subj.long_subj {position:relative;}
.board_list2 .b_cnt > div.col_subj.long_subj .new_tag {position:absolute; bottom:0; right:0;  margin-bottom:2px;}

/* 위클리 에듀교보 */
.weekly_edu_wrap {margin-top:60px;}
.category.slide_category {min-width:100%; padding:30px 0 15px;}
.category.slide_category  li {min-width:67px; margin-bottom:15px;}

/* 독서 */
.ebook_btn {position:absolute; top:-18px; right:0; display:block; width:166px; height:56px; border:1px solid #ddd; box-sizing:border-box; line-height:54px; border-radius:28px; z-index:99; font-size:1rem; font-weight:300;}
.ebook_btn span {position:relative; padding-left:29px; }
.ebook_btn span:before {position:absolute; top:50%; margin-top:-8px; left:0; content:''; width:20px; height:18px; background:url('/resources/img/user/icon_eb.svg') center center no-repeat;}
.category.slide_category li.no_right {margin-right:0;}

.ebook_list_st {border-bottom:1px dashed #ddd; padding-bottom:30px; margin-top:30px;}
.ebook_list_st:after {content:''; clear:both; display:block;}
.ebook_list_st:first-child {margin-top:0;}
.ul_wrap {margin-bottom:30px;}
.ebook_list_st li {float:left; width:25%;}
.book_company {font-size:1rem; color:#1a1a1a; font-weight:300; margin-top:20px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; max-width:190px;}
.ebook_list_st .book_area {cursor:pointer;}
.hidden_link_wrap {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.hidden_link {position:absolute; top:50%; left:50%;  -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.hidden_link a {display:block; width:122px; height:56px; box-sizing:border-box; border:1px solid #fff; border-radius:28px; text-align:center; font-size:1rem; color:#fff; font-weight:300; line-height:54px; }
.hidden_link a span {position:relative;}
.hidden_link a.detail_link span {padding-left:27px;}
.hidden_link a.preview_link span {padding-left:30px;}
.hidden_link a.preview_link {margin-top:15px;}
.hidden_link a.detail_link span:before {content:''; width:18px; height:14px; top:50%; margin-top:-6px; left:0; background:url('/resources/img/user/icon_list_white.svg') center center no-repeat; position:absolute; background-size:18px 14px;}
.hidden_link a.preview_link span:before {content:''; width:22px; height:14px; top:50%; margin-top:-6px; left:0; background:url('/resources/img/user/icon_eye.svg') center center no-repeat; position:absolute; background-size:22px 14px;}

/* ebook 상세페이지 */
.desc_adm_wrap.desc_adm_wrap2 {margin:0 auto;}
.no_cmt {padding:40px 0 20px; text-align:center; font-size:1rem; color:#1a1a1a; font-weight:300;}

/* ebook 이용방법 */
.page_tit.page_link.no_line {border-bottom:none;}
.howto_wrap {margin-top:30px;}
.howto img {max-width:100%;}
.howto_step_list > li {padding:60px 0; border-bottom:1px dashed #ddd;}
.howto_step_list >  li:after {content:''; display:block; clear:both;}
.howto_step_list >  li:last-child {border-bottom:none;}
.howto_step_list > li:nth-child(1) .step_img {background:url('/resources/img/user/icon_howto1.png') center center no-repeat;}
.howto_step_list > li:nth-child(2) .step_img {background:url('/resources/img/user/icon_howto2.png') center center no-repeat;}
.howto_step_list > li:nth-child(3) .step_img {background:url('/resources/img/user/icon_howto3.png') center center no-repeat;}
.step_tit {font-size:0;}
.step_tag {display:inline-block; width:78px; height:32px; border:1px solid #20bcae; border-radius:16px; font-size:1rem; color:#00a99a; line-height:30px; vertical-align:middle; text-align:center;}
.step_tit h3 {display:inline-block; font-weight:400; color:#1a1a1a; font-size:1.5rem; vertical-align:middle; margin-left:10px;}
.step_img {float:left; border-radius:100%; width:184px; height:184px; border:1px solid #ddd; box-sizing:border-box; }
.guide_list {margin-top:23px;}
.guide_list  li {font-size:1.125rem; color:#1a1a1a; font-weight:300; line-height:32px;}
.step_exp {float:left; width:calc(100% - 184px); padding:0 0 0 60px; box-sizing:border-box; }
.viewer_link_wrap {padding:48px 120px; box-sizing:border-box; border:1px solid #ebebeb; border-radius:32px; background:#fafafa;}
.viewer_link_wrap:after {content:''; display:block; clear:both;}
.viewer_link {float:left; font-size:0;}
.viewer_link_lef { width:33.912%;}
.viewer_link_rig {position:relative; width:66.088%; padding-left:45px; box-sizing:border-box;}
.viewer_link_rig:before {content:''; width:1px; height:80px; background:#ddd; position:absolute; top:50%; margin-top:-40px; left:0;}
.viewer_link  >  div {display:inline-block; vertical-align:middle;}
.viewer_exp {margin-left:30px;}
.viewer_exp h4 {font-size:1.25rem; font-weight:500; color:#1a1a1a;}
.viewer_btns {margin-top:20px; font-size:0;}
.instal_btn {font-size:1rem; color:#1a1a1a; display:inline-block; padding:0 16px; height:40px; border:1px solid #ddd; box-sizing:border-box; text-align:center; border-radius:20px; line-height:38px; background:#fff;}
.instal_btn span {position:relative; padding-right:17px;}
.instal_btn span:after {content:''; position:absolute; top:50%; margin-top:-6px; right:0; width:12px; height:12px; background:url('/resources/img/user/down.svg') center center/cover no-repeat;}
.gg_down {margin-right:8px; }
.gg_down span {padding-left:20px;}
.gg_down span:before {content:''; position:absolute; top:50%; margin-top:-7px; left:0; width:14px; height:16px; background:url('/resources/img/user/icon_gg.svg') center center/cover no-repeat;}
.ap_down span {padding-left:20px;}
.ap_down span:before {content:''; position:absolute; top:50%; margin-top:-9px; left:0; width:14px; height:18px; background:url('/resources/img/user/icon_ap.svg') center center/cover no-repeat;} 
.viewer_img {width:64px; height:64px;}
.viewer_img1 {background:url('/resources/img/user/icon_viewer1.png') center center no-repeat;}
.viewer_img2 {background:url('/resources/img/user/icon_viewer2.png') center center no-repeat;}
.ipt_noti_wrap {margin-top:30px;}
.ipt_noti {font-size:1rem; color:#1a1a1a;}
.ipt_noti_list {margin-top:20px;}
.ipt_noti_list li {font-weight:300; font-size:1rem; color:#1a1a1a; line-height:24px;}
.ipt_noti_list li.color_noti {font-weight:400; color:#00a99a;}
.info_change_btn {display:block; margin-top:13px; width:130px; height:40px; border:1px solid #ddd; box-sizing:border-box; border-radius:20px; line-height:38px; text-align:center;}
.info_change_btn span {position:relative; padding-right:11px;}
.info_change_btn span:after {content:''; position:absolute; top:50%; margin-top:-3px; right:0; width:5px; height:8px; background:url('/resources/img/user/icon_cs.png') 90% center/cover no-repeat;}
.pin_number_wrap {margin-top:40px; }
.login_on2 {background:#034c81; border-radius:28px; max-width:398px; text-align:center; height:56px; line-height:56px; font-size:0;}
.login_on2 span {display:inline-block; font-size:1.125rem; color:#fff; vertical-align:middle;}
.login_off2 {background:#034c81; border-radius:28px; max-width:398px; text-align:center; height:56px; line-height:56px;  font-size:1.125rem; color:#fff; font-weight:300; }
.pin_tit {font-weight:300;}
.pin_num  {font-weight:500; margin-left:20px;}
.external_btn {display:block; width:186px; height:56px; line-height:56px; background:#20bcae; text-align:center; border-radius:28px; font-weight:500; color:#fff; font-size:1.125rem; margin-top:33px;}


.page_tit.left_align {text-align:left; margin-top:0; }
.page_tit.left_align:after {content:''; display:block; clear:both;}
.page_tit.left_align p { float:left; margin-top:0; line-height:56px;}
.btns {float:right; font-size:0;}
.btns a {display:inline-block; width:124px; font-size:1rem; color:#1a1a1a; font-weight:300; height:56px; line-height:56px; border:1px solid #ddd; border-radius:28px; box-sizing:border-box; text-align:center;}
.coaching_btn1 span {position:relative; padding-left:28px;}
.coaching_btn1 span:before {content:''; position:absolute; top:50%; margin-top:-8px; left:0;  width:20px; height:16px; background:url('/resources/img/user/icon_ch1.svg') center center no-repeat;}
.coaching_btn2 {margin-left:15px;}
.coaching_btn2 span {position:relative; padding-left:28px;}
.coaching_btn2 span:before {content:''; position:absolute; top:50%; margin-top:-10px; left:0;  width:18px; height:20px; background:url('/resources/img/user/icon_ch2.svg') center center/cover no-repeat;}

.board_list_wrap .ch_num {width:8%;}
.board_list_wrap .ch_suj {width:38%;}
.board_list_wrap.my_coaching .ch_suj {width:55%;}

.board_list_wrap .ch_book_tit {width:15%;}
.tit {display:none;}
.board_list_wrap .ch_writer {width:8%;}
.board_list_wrap .ch_age {width:9%;}
.board_list_wrap .ch_date {width:10%; }
.board_list_wrap .ch_state {width:12%;}
.board_list_wrap .ch_state  a {display:block; width:80px; height:32px; box-sizing:border-box; border-radius:16px; line-height:30px; font-size:0.875rem; font-weight:400; margin:11px auto;}
.board_list_wrap .ch_state  a.ch_ing {border:1px solid #20bcae; color:#20bcae; }
.board_list_wrap .ch_state  a.ch_end {border:1px solid #ddd; color:#555; }

.b_cnt .ch_suj  a {display:block; padding:0 18px; box-sizing:border-box; color:#1a1a1a; font-size:1rem; white-space:normal; line-height: 1.3; height: 2.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; text-overflow:ellipsis;}
.b_cnt .ch_num {font-size:0.938rem;}
.b_cnt .ch_date {font-size:0.938rem;}
.b_cnt > div.lock {position:relative; }
.b_cnt > div.lock:before {position:absolute; /* top:50%; margin-top:-7px; */ top:21px; left:0; content:''; width:12px; height:14px; background:url('/resources/img/user/icon_lock.svg') center center no-repeat;}

.board_list_wrap.no_top {margin-top:0;}
.board_list_wrap .ch_suj.on a {position:relative; padding:0 18px; box-sizing:border-box;}
.board_list_wrap .ch_suj.on .new_tag {position:absolute; bottom:0; right:0; margin-bottom:2px;} 

/* 코칭 요청하기 */
.ch_inner {max-width:750px;margin:0 auto;}
.event_info.ch_info {margin-top:0;}
.join_info_wrap.join_info_wrap4 {padding:20px 0;}
.txt_num_wrap {text-align:right;}
.txt_num.txt_num2 {position:static; font-size:0.875rem; color:#555; margin-top:10px;}
.txt_num.txt_num3 {position:static; font-size:0.875rem; color:#555; margin-top:10px;}
.txt_num.txt_num2 span {color:#1a1a1a;}
.error_tag.error_tag2 {margin-top:5px;}
.join_tit.join_tit3 p {font-size:1rem; line-height:24px;}

/* 코칭 완료 */
.desc_book_info2 {padding:80px 80px; background: url(/resources/img/user/bg_ch_end.jpg) center top no-repeat; box-sizing:border-box; /* max-height:369px; */ height:369px;}
.desc_book_info2  .desc_book_title {float:none; width:100%; margin-left:0; max-width:496px;}
.desc_book_info2 .basic_info_wrap {width:100%;  margin-left:0; max-width:496px;}
.open_select {margin-top:40px;}
.change_btn {height:56px; line-height:56px; width:190px; color:#fff; font-weight:500; font-size:1.125rem; background:#20bcae; border-radius:28px; display:block; margin:40px auto 0;}
.teacher_coaching {margin-top:40px; }
.teacher_coaching h3 {font-size:1.875rem; font-weight:400; color:#1a1a1a; padding-top:60px;  border-top:1px dashed #ddd;}
.recom_book_list {margin-top:30px;}
.recom_book_list:after {content:''; display:block; clear:both;}
.recom_book_list li {float:left; width:calc((100% - 30px) / 2); border:1px solid #ebebeb; box-sizing:border-box; border-radius:0 0 32px 0; overflow:hidden; margin-top:30px; max-height:192px;}
.recom_book_list li:first-child {margin-top:0;}
.recom_book_list li:nth-child(2) {margin-top:0;}
.recom_book_list li:nth-child(even) {margin-left:30px;}
.recom_book_list li a {display:block; font-size:0; background:#fafafa; max-height:192px;}
.recom_book_list li a:after {content:''; clear:both; display:block;}
.recom_book_list li a > div  {float:left;}
.recom_book_img {position:relative; width:132px;}
.recom_book_img img {width:100%;}
.recom_book_img:before {content:''; position:absolute; top:0; left:6px; width:2px; height:100%; background:url('/resources/img/user/bg_book_01.png') left top  no-repeat;}
.recom_book_info {width:calc(100% - 132px); padding:26px 30px; box-sizing:border-box;}
.recom_book_info dl {font-size:0; margin-top:15px;}
.recom_book_info dl:first-child {margin-top:0;}
.recom_book_info dl dt {font-size:0.875rem; color:#034c81; display:inline-block; vertical-align:middle; font-weight:400; width:26%; }
.recom_book_info dl dd {font-size:1rem; color:#1a1a1a; font-weight:300; display:inline-block;  vertical-align:middle; width:74%; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;}
.print_btn  {margin-left:10px;}
.print_btn span {position:relative; padding-left:29px;}
.print_btn span:before  {position:absolute; top:50%; margin-top:-9px; left:0; content:''; width:20px; height:18px; background:url('/resources/img/user/icon_print.svg') center center no-repeat;}

/*코칭중*/
.ch_ing_img {margin-top:60px;}
.ch_ing_img img {max-width:100%;}
.ing_guide {text-align:center; padding:60px 0 30px;}
.ing_guide h4 {font-size:1.5rem; color:#1a1a1a; font-weight:400;}
.ing_guide p {font-size:1.125rem; color:#1a1a1a; font-weight:300; margin-top:30px;}

/* 위클리 북인포 */
.weekly_tit {font-size:0;}
.weekly_tag {display:inline-block; width:70px; height:32px; border:1px solid #20bcae; box-sizing:border-box; border-radius:16px; color:#00a99a; font-size:1rem; line-height:30px; text-align:center; vertical-align:middle;}
.weekly_tit h3 {display:inline-block; font-weight:400; font-size:1.875rem; color:#1a1a1a; vertical-align:middle; margin-left:10px; max-width:calc(100% - 180px); white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;}
.weekly_tit h3 a {background:url('/resources/img/user/icon_weekly_arrow.svg') right center no-repeat; background-size:8px 15px; padding-right:19px; color:#1a1a1a;}
.weekly_tit h3  .new_tag {margin-bottom:8px; margin-left:10px;}
.weekly_date {float:right; font-size:1rem; color:#000; line-height:32px; font-weight:300;}
.weekly_con {margin-top:30px; font-size:0;}
.weekly_con_lef {display:inline-block; width:48.572%; vertical-align:middle;}
.weekly_con_lef a {display:block; position:relative; }
.w_more {position:absolute; bottom:30px; right:30px; width:92px; height:40px; background:#fff; font-size:1rem; color:#1a1a1a; border-radius:20px; line-height:40px; text-align:center;}
.w_more span {position:relative; padding-right:12px;}
.w_more span:after {position:absolute; top:50%; margin-top:-3px; right:0; content:''; width:5px; height:8px; background:url('/resources/img/user/icon_more_btn.png') center center/cover no-repeat;}
.card_news_img {position:relative; border-radius:32px; overflow:hidden; width:100%; height:0; padding-bottom:59.216%;}
.card_news_img:before {position:absolute; content:''; width:100%; height:100%; border: 1px solid rgba(0,0,0, 0.05); left:0; right:0; bottom:0; top:0; z-index:9; border-radius:32px; box-sizing:border-box;}
.card_news_img img {position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:100%;}
.weekly_con_rig {position:relative; display:inline-block; width:calc(51.428% - 30px); margin-left:30px; padding:0 45px; box-sizing:border-box; vertical-align:middle;}
.weekly_con_rig .swiper-slide {text-align:center; max-width:124px;}
.weekly_con_rig .swiper-slide a {display:block; max-width:124px; margin:0 auto;}
.weekly_img {position:relative; }
.weekly_img:before {position:absolute; bottom:-5px; left:50%; -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0); content:''; width:100%; height:12px; background:url('/resources/img/user/bg_weekly_book.png') center center repeat-x; z-index:9;}
.weekly_img:after {content:''; position:absolute; top:0; left:12px; width:2px; height:100%; background:url(/resources/img/user/bg_book_01.png) left top no-repeat;}
.weekly_con_rig  .swiper-button-prev {width:30px; height:30px; border:1px solid #dedede; box-sizing:border-box; border-radius:100%; background: url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size:5px 8px; transform:rotate(180deg); margin-top:-15px; left:0;}
.weekly_con_rig  .swiper-button-next {width:30px; height:30px; border:1px solid #dedede; box-sizing:border-box; border-radius:100%; background: url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size:5px 8px; margin-top:-15px;  right:0; }
.weekly_con_rig .swiper-button-next.swiper-button-disabled,  .weekly_con_rig .swiper-button-prev.swiper-button-disabled {opacity:1; cursor:pointer;}
.weekly_info_wrap {margin-top:22px; }
.weekly_info_wrap h4 {font-size:1rem; color:#1a1a1a; font-weight:400; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.weekly_info {margin-top:10px; font-size:0; text-align:left;}
.weekly_info  span {display:inline-block; vertical-align:middle; font-size:0.875rem; color:#555; font-weight:300; }
.weekly_comp {position:relative; padding-left:10px;margin-left:10px;}
.weekly_comp:before {content:''; width:1px; height:10px; background:#ccc; position:absolute; top:50%; margin-top:-4px; left:0;}
.weekly {margin-bottom:60px;}

/* 이달의책 상세페이지*/
.cardnews_slide_wrap {position:relative; max-width:652px; margin:0 auto;}
.card_news_slide {max-width:520px;}
.card_news_slide .swiper-slide img {max-width:100%;}
.cardnews_slide_wrap .swiper-button-next {right:-30px; width:36px; height:57px; background:url('/resources/img/user/icon_card_next.png') center center no-repeat; margin-top:-28.5px;}
.cardnews_slide_wrap .swiper-button-prev {left:-30px; width:36px; height:57px; background:url('/resources/img/user/icon_card_prev.png') center center no-repeat; margin-top:-28.5px;}
.cardnews_slide_wrap .swiper-button-next.swiper-button-disabled,  .cardnews_slide_wrap .swiper-button-prev.swiper-button-disabled {opacity:1; cursor:pointer;}
.card_news_slide .swiper-pagination {width:68px; height:28px; background:rgba(0,0,0,0.3); font-size:0.875rem; color:#fff; line-height:26px; border-radius:14px; left:auto; right:15px; bottom:15px;}
.no_login {padding:40px 0 20px; text-align:center; font-size:1rem; color:#1a1a1a; font-weight:300;}
.no_login a {font-weight:400; text-decoration:underline;}
.category.slide_category.no_pad {padding:0; margin-bottom:15px;}

/* 북트레일러*/
.sub_video_wrap {padding:0 30px;}
.iframe_wrap {position:relative; padding-bottom:56.25%;}
.iframe_wrap iframe {position:absolute; top:0; left:0;}

/* 마음이 자라는 책 */

.theme_book_bg {position:relative; max-width:850px; margin:33px auto 0; padding:0 50px 0 80px; box-sizing:border-box; font-size:0;}
.theme_book_bg:after {position:absolute; top:277px; left:0; content:''; width:100%;  height:43px; background:url('/resources/img/user/bg_shelf.png') center center no-repeat; box-shadow:0px 29px 20px 0px rgba(123,47,0,0.3);}
.theme_book_wrap {position:relative;  z-index:9;}
.tb_slide .swiper-slide {padding-top:20px;  max-width:190px;}
.theme_book_img a { display:block;}
.theme_book_img {position:relative; box-shadow:10px 0px 10px 0px rgba(123,47,0,0.2); max-width:190px;}
.theme_book_img:before {content:''; position:absolute; top:0; left:6px; width:2px; height:100%; background:url('/resources/img/user/bg_book_01.png') left top  no-repeat;}
.theme_book_img img {max-width:100%; vertical-align: bottom;}
.month_theme {background:url('/resources/img/user/bg_month_theme.jpg') center top/cover no-repeat;}
.mind_tit {font-size:2.25rem; color:#1a1a1a; font-weight:400; text-align:center;}
.theme_tit {position:relative;margin-top:53px;}
.theme_tit h4 { font-size:1.5rem; color:#1a1a1a; font-weight:300; text-align:center; width:60%; margin:0 auto; line-height:1.2;}
.theme_tit h4 span {position:relative;}
.theme_tit h4 span:before {position:absolute; top:50%; margin-top:-7px; left:-70px; content:''; width:59px; height:14px; background:url('/resources/img/user/icon_theme.svg') center center no-repeat;}
.sel_wrap.sel_ps{position:absolute; top:-13px; right:0; background:#fff; width:160px;}

.recom_book_wrap {margin-top:40px;}
.recom_book_wrap:after {content:''; display:block; clear:both;}
.recom_book {float:left; width:calc((100% - 30px) / 2); border-radius:32px; border:1px solid #ebebeb; box-sizing:border-box; padding:40px; margin-bottom:30px; max-height:441px;}
.recom_book:nth-child(odd) {background:url('/resources/img/user/bg_rb_lef.gif') center top no-repeat;}
.recom_book:nth-child(even) {background:url('/resources/img/user/bg_rb_rig.gif') center top no-repeat; margin-left:30px;}

.rb_list{font-size:0; text-align:center; margin-top:30px;}
.rb_list li {display:inline-block; margin:0 15px;}
.rb_img {position:relative; max-width:160px; min-width:160px; text-align:center;}
.rb_img img {max-width:100%;}
.rb_img:before {content:''; position:absolute; top:0; left:17px; width:2px; height:100%; background:url('/resources/img/user/bg_book_01.png') left top  no-repeat;}
.rb_img:after {position:absolute; bottom:-5px; left:50%; -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0); content:''; width:100%; height:9px; background:url('/resources/img/user/bg_rb.gif') center center no-repeat; z-index:9; box-shadow:0px 3px 3px 0px rgba(0,0,0,0.15);}
.theme_book_info  {margin-top:54px;}
.theme_book_info a {display:block;}
.theme_book_info h5 {font-size:1.25rem; color:#1a1a1a; font-weight:300; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; word-break:keep-all;}
.made {font-size:1rem; color:#1a1a1a; font-weight:300; margin-top:20px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

.recom_book h4 {font-size:1.875rem; color:#1a1a1a; font-weight:400;}
.recom_book h4 a {background:url('/resources/img/user/icon_weekly_arrow.svg') right center no-repeat; background-size:8px 15px; padding-right:19px;}
.rb_info {margin-top:20px; max-width:160px; text-align:left;}
.rb_info h5 {color:#1a1a1a; line-height:1.5rem; font-weight:300; font-size:1.125rem; white-space: normal;  white-space: normal; height:3rem; overflow: hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.rb_writer {color:#555; font-size:0.875rem; font-weight:300;margin-top:15px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

/*마음이 자라는 책 리스트*/
.list_title {position:relative; padding-bottom:40px; border-bottom:1px solid #ddd; }
.list_title h3 {font-weight:400; color:#1a1a1a; font-size:1.875rem;}
.list_txt {font-size:1.125rem; color:#1a1a1a; font-weight:300; line-height:1.75rem; margin-top:30px;}
.list_cnt:after {content:''; display:block; clear:both;}
.list_cnt {border-bottom:1px dashed #ddd; padding-bottom:30px; margin-top:30px;}
.list_cnt:first-child {margin-top:0;}
.list_cnt li {float:left; width:25%;/*  min-height:418px;   */}
.back_btn_st2 {position:absolute; top:-15px; right:0; width:136px; height:56px; border:1px solid #ddd; box-sizing:border-box; border-radius:28px; line-height:54px; text-align:center; color:#1a1a1a; font-size:1rem; font-weight:300;}
.back_btn_st2 span {position:relative; padding-left:27px;}
.back_btn_st2 span:before {position:absolute; top:50%; margin-top:-9px; left:0; content:''; width:18px; height:18px; background:url('/resources/img/user/icon_return.svg') center center no-repeat;}
.list_contents {margin:40px 0 30px 0;}
.list_contents_wrap {padding-top:40px;}
.book_writer {font-size:1rem; color:#1a1a1a; font-weight:300; margin-top:20px; max-width:190px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 북칼럼 */
.column_list:after {content:''; display:block; clear:both;}
.column_list li {float:left; width:calc((100% - 30px) / 2); padding:40px; box-sizing:border-box; border:1px solid #ebebeb;  border-radius:32px; background:#fafafa; margin-bottom:30px; min-height:356px; max-height:356px;}
.column_list li:nth-child(even) {margin-left:30px;}
.column_list li:after {content:''; display:block; clear:both;}
.book_column_img {float:left; max-width:190px;}
.book_column_info {float:left; width:calc(100% - 190px); padding-left:39px; box-sizing:border-box;}
.book_column_info h3 {font-size:1.5rem; word-break:keep-all;  line-height:1.875rem; height:3.75rem;  font-weight:400; white-space: normal; overflow: hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow:ellipsis;}
.book_column_info h3  a {color:#1a1a1a; }
.book_column_info h3.on {position:relative; padding-right:14px; box-sizing:border-box; word-break:break-word; }
.book_column_info h3.on .new_tag {position:absolute; bottom:5%;  right:0; }

.book_column_img {position:relative; box-shadow:0px 16px 16px 0px rgba(0,0,0,0.2);}
.book_column_img a {display:block;}
.book_column_img a img {vertical-align:top; max-width:100%;}
.book_column_img:before {content:''; position:absolute; top:0; left:6px; width:2px; height:100%; background:url('/resources/img/user/bg_book_01.png') left top  no-repeat;}
.column_writer {font-size:1.125rem; color:#1a1a1a; font-weight:300; margin-top:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.keyword_wrap {margin-top:30px;}
.keyword_wrap:after {content:''; display:block; clear:both;}
.keyword_wrap > div {float:left; padding:0 16px; border:1px solid #20bcae; border-radius:16px; box-sizing:border-box; height:32px; line-height:28px; font-size:1rem; color:#00a99a; min-width:68px; margin:0 4px 4px 0;}

.list_book_info .book_name a {color:#1a1a1a;}

/* 청소년 코칭 완료 */
.desc_book_info2.youth_book_info {background: url(/resources/img/user/bg_ch_end2.jpg) center top/cover no-repeat;}

/* 처음오셨나요 */
.sub_top_wrap.first_visit_top {padding:74px 0 85px;}
.sevice_exp_wrap1 {padding-top:180px; background: url(/resources/img/user/bg_service1.png) center top no-repeat;}
.sevice_exp_wrap1 .sevice_txt1 {text-align:center; font-size:1.5rem; color:#1a1a1a; line-height:2.25rem;}
.sevice_exp_wrap1 .sevice_txt2 {text-align:center; font-size:1.125rem; color:#1a1a1a; line-height:1.75rem; margin-top:30px;}
.sevice_exp_wrap2 {text-align:center; margin-top:60px;}
.service_img img {max-width:100%;}
.sevice_noti {margin-top:30px; color:#555; font-size:0.875rem; font-weight:300; line-height:normal;}

.menu_link {font-size:0;}
.menu_link li {display:inline-block; width:20%;}
.menu_link li a {font-size:1.125rem; color:#1a1a1a; font-weight:300; display:block; text-align:center; padding:20px 0;  border-bottom:1px solid #ddd;} 
.menu_link li.on a {position:relative; font-weight:500; color:#00a99a;}
.menu_link li.on a:after {content:''; width:100%; height:2px; background:#20bcae; position:absolute; bottom:-1px; left:0;}

.page_top {margin-top:60px; background:url(/resources/img/user/bg_keds2.png) right center no-repeat; padding:35px 0 36px; max-height:224px;}
.page_top2 { background:url(/resources/img/user/bg_keds.png) right center no-repeat; padding:26px 0;}
.page_top3 { background:url(/resources/img/user/bg_read.png) right center no-repeat; padding:26px 0;}
.page_top4 { background:url(/resources/img/user/bg_1318.png) right center no-repeat;}
.page_top h4 {font-size:1.5rem; color:#1a1a1a; font-weight:400; line-height:2.25rem;}
.service_age {margin-top:15px; font-size:1.125rem; color:#1a1a1a; font-weight:300;}
.service_note {margin-top:15px; font-size:0.875rem; color:#555; font-weight:300;}
.page_top_logo {margin-top:30px;}

.service_tab_wrap {position:relative; padding-top:100px; margin-top:60px;}
.service_tab_wrap >  li > a {position:absolute; top:0; left:0; height:56px; background:#f4f4f4; width:25%; text-align:center; line-height:54px; border:1px solid #ebebeb;  border-left:none; box-sizing:border-box; border-right:none;  font-size: 1.125rem; font-weight: 300; color:#1a1a1a;}
.service_tab_wrap >  li > a.service_tab1 {border-radius:28px 0 0 28px; border-left:1px solid #ebebeb;}
.service_tab_wrap >  li > a.service_tab2 {left:25%;}
.service_tab_wrap >  li > a.service_tab3 {left:50%;}
.service_tab_wrap >  li > a.service_tab4 {left:75%; border-radius:0 28px 28px 0; border-right:1px solid #ebebeb;}
.service_tab_wrap >  li > a.on:after {position:absolute; top:-1px; left:0px; content:''; width:100%; height:56px; background:#20bcae; border-radius:28px; border:1px solid #20bcae; box-sizing: border-box; z-index:9;}
.service_tab_wrap >  li > a.on span {position:relative; z-index:99; font-weight:500; color:#fff;}

.service_tab_wrap.service_tab_wrap3 > li > a {width:33.333%;}
.service_tab_wrap.service_tab_wrap3 >  li > a.service_tab2 {left:33.333%;}
.service_tab_wrap.service_tab_wrap3 >  li > a.service_tab3 {left:66.666%; border-radius:0 28px 28px 0; border-right:1px solid #ebebeb;}

.tab_top {padding:40px 0 47px 30px; box-sizing:border-box;}
.tab_top1 {background:url(/resources/img/user/bg_culture.png) right bottom no-repeat;}
.tab_top2 {background:url(/resources/img/user/bg_reading.png) right bottom no-repeat;}
.tab_top3 {background:url(/resources/img/user/bg_youth.png) right bottom no-repeat;}
.tab_top4 {background:url(/resources/img/user/bg_fs.png) right bottom no-repeat;}
.tab_top p {font-size:1.5rem; color:#1a1a1a; line-height:2.25rem; }

.tab_link_list li {padding:40px 26px 40px 30px; box-sizing:border-box; border-bottom:1px solid #ddd;}
.tab_link_list li  h5 a {font-size:1.5rem; color:#1a1a1a; font-weight:400; background:url('/resources/img/user/icon_weekly_arrow.svg') right center no-repeat; background-size:7px 10px; padding-right:18px;} 
.tab_link_guide {margin-top:15px; font-size:1.125rem; color:#1a1a1a; font-weight:300; line-height:1.75rem; word-break:keep-all;}
.tab_note {margin-top:15px; font-size:1rem; color:#1a1a1a; font-weight:300; line-height:normal;}
.recom_age {position:relative; margin-top:15px; font-size:1rem; color:#00a99a; padding-left:10px; box-sizing:border-box;}
.recom_age:before {content:'*'; position:absolute; top:50%; margin-top:-4px; left:0; }
.recom_age.recom_age2 {margin-top:4px;}
.service_tab_con {display:none;}
.service_tab_con.on {display:block;}


/* 인문학길잡이 */
.page_tit.left_align.left_align2 {margin-top:80px;}
.btns a.columnists {width:138px;}
.columnists span {position:relative; padding-left:30px; }
.columnists span:before {position:absolute; top:50%; margin-top:-9px; left:0; content:''; width:22px; height:18px; background:url('/resources/img/user/icon_column.svg') center center no-repeat;}
.celeb_list_wrap {margin-top:60px;}
.celeb_list:after {content:''; display:block; clear:both;}
.celeb_list {margin-bottom:30px;}
.celeb_list li {float:left; width:50%; padding-bottom:30px; border-bottom:1px dashed #ddd; box-sizing:border-box; margin-top:30px;}
.celeb_list li:nth-child(even) {padding-left:15px;}
.celeb_list li:nth-child(odd) {padding-right:15px;}
.celeb_list li:nth-child(1) {margin-top:0;}
.celeb_list li:nth-child(2) {margin-top:0;}
.celeb_list li:after {content:''; display:block; clear:both;}
.celeb_img {float:left; max-width:136px; border-radius:32px; overflow:hidden;}
.celeb_column {float:left; width:calc(100% - 166px); margin-left:30px; padding-top:20px;}
.celeb_column h3 {font-size:1.25rem; font-weight:300; color:#1a1a1a; white-space: normal; line-height:1.625rem; height:3.25rem; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;}
.celeb_column h3 a {color:#1a1a1a;}
.column_date {font-size:1rem; color:#1a1a1a; font-weight:300; margin-top:20px; }

/* 세계문화탐방 */
.global_list_wrap {margin-top:80px;}

/* 워크샵 */
.top_space {margin-top:30px;}
.steam_tag_04 {background:rgba(255,126,39,0.9);}

.enter_guide {margin-top:60px;}
.enter_guide h4 {font-size:1.5rem; color:#1a1a1a; font-weight:400;}
.lectur_info {margin-top:30px;}
.lectur_info dl {margin-top:40px; font-size:0;}
.lectur_info dl:first-child {margin-top:0;}
.lectur_info dl dt {font-size:1.125rem; color:#1a1a1a; display:inline-block; vertical-align:middle; width:92px;}
.lectur_info dl dd {font-size:1.125rem; color:#1a1a1a; font-weight:300; display:inline-block; vertical-align:middle;}
.lectur_info dl dd span {font-weight:400; color:#00a99a;}
.map_view {font-size:1rem; color:#00a99a; border:1px solid #20bcae; width:100px; height:48px; box-sizing:border-box;}
.sub_btn_wrap.sub_btn_top {margin-top:40px;}

/* 워크샵 응모하기 */
.join_inner.workshop_inner {margin:0 auto;}

/* 체험학습 */
.exp_info:after {content:''; display:block; clear:both;}
.exp_info > dl {float:left; position:relative; font-size:0; margin-left:16px; padding-left:18px; box-sizing:border-box;}
.exp_info > dl:before {content:''; width:1px; height:12px; background:#aaa; position:absolute; top:50%; margin-top:-6px; left:0;}
.exp_info > dl:first-child {margin-left:0; padding-left:0;}
.exp_info > dl:first-child:before {display:none;}
.exp_info > dl > dt {display:inline-block; font-size:1.125rem; color:#1a1a1a; font-weight:400; vertical-align:middle;}
.exp_info > dl > dd {display:inline-block; font-size:1.125rem; color:#1a1a1a; font-weight:300; vertical-align:middle; margin-left:10px;}
.exp_list {margin-top:60px;}
.exp_list:after {content:''; display:block; clear:both;}
.exp_list li {float:left; width:calc((100% - 30px) / 2); margin-bottom:60px;}
.exp_list li:nth-child(even) {margin-left:30px;}
.exp_list li a {display:block;}
.exp_img {position:relative; border-radius:32px; overflow:hidden; padding-bottom:59.215%; height:0;}
.exp_img  img {position:absolute; top:50%; left:50%;  -ms-transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; transform:translate(-50%,-50%); max-width:100%; width:100%;}
.exp_desc {margin-top:30px;}
.exp_desc h3 {font-size:1.25rem; line-height:1.625rem; height:3.25rem; font-weight:300; color:#1a1a1a; word-break:keep-all; white-space: normal; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; text-overflow:ellipsis;}
.exp_desc h3.on {position:relative; padding-right:14px; box-sizing:border-box; word-break:break-word; }
.exp_desc h3.on .new_tag {position:absolute; top:60%;  right:0; }
.exp_info2 {margin-top:20px;}
.exp_info2  dl dt {font-size:1rem; color:#1a1a1a; font-weight:300; vertical-align:middle; display:inline-block;}
.exp_info2  dl dd {font-size:1rem; color:#1a1a1a; font-weight:300; vertical-align:middle; display:inline-block;}
.exp_info2  dl {margin-top:8px;}
.exp_info2  dl:first-child {margin-top:0;}

.inner_tab_wrap.exp_tab_wrap {border-top:1px dashed #ddd; padding-top:60px; margin-top:40px;}
.exp_tab_wrap .innner_tab li a {width: calc(33.333% + 1px);}
.exp_tab_wrap .innner_tab li:nth-child(2) a {left:33.333%;}
.exp_tab_wrap .innner_tab li:nth-child(3) a {left:66.666%; width:33.333%;}
.exp_tab_wrap .innner_tab li:nth-child(3) a.on:before {width: calc(100% - 2px);}
.exp_tab_wrap .inner_con_wrap {margin-top:0;}

/* 체험학습 응모하기 */
.join_inner.exp_inner {margin:0 auto;}
.sel_wrap.sel_wrap_grade {width:220px;}

/* 경제캠프 */
.exp_wrap.exp_wrap_top {margin-top:80px;}
.add_info {margin-top:20px; font-size:1.125rem; color:#1a1a1a; line-height:1.5rem; font-weight:300;}

/* on air */
.cmt_num {display:inline-block; vertical-align:middle; margin-bottom:5px; margin-left:6px; font-size:0.875rem; color:#00a99a; font-weight:400;}
.desc.desc3 h4.on {padding-right:35px;}
.desc.desc3 h4.on .cmt_num {position:absolute; top:50%; right:22px;}

/* on air 상세 */
.onair_tit {font-size:1.125rem; color:#1a1a1a; line-height:1.75rem; font-weight:300;}
.onair_txt {font-size:1.125rem; color:#1a1a1a; line-height:1.75rem; font-weight:300; margin-top:35px;}
.desc_img_wrap {margin-top:40px;}
.desc_img_wrap .desc_page_img {margin-bottom:20px;}
.desc_img_wrap .desc_page_img:last-child {margin-bottom:0;}
.desc_img_wrap .desc_page_img img {max-width:100%;}

/* 추천!테마여행 */
.theme_trip1 {position:relative; padding:80px 0; box-sizing:border-box;}
.sub_inner.sub_inner100 {max-width:100%;}
/* .theme_trip_wrap .carousel-cell {width:510px; height:302px; border-radius:32px; overflow:hidden; margin-right:30px;}
.theme_trip_wrap .carousel-cell  a {display:block; position:relative;}
.theme_trip_wrap .carousel-cell .theme_img {position:relative; width:510px; height:0; padding-bottom:59.215%;}
.theme_trip_wrap .carousel-cell .theme_img:before {content:''; width:100%; height:100%; background:url('/resources/img/user/bg_dim.png') center bottom/cover no-repeat; position:absolute; bottom:0; left:0; z-index:1;}
.theme_trip_wrap .carousel-cell .theme_img  img {width:100%; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} */

/* .theme_trip_wrap  .flickity-enabled {z-index:2;}
.theme_trip_wrap .flickity-prev-next-button.previous {left:50%; margin-left:-540px; width:30px; height:30px; background:#fff url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size: 5px 8px; transform:rotate(180deg) translateY(0); margin-top:-15px; }
.theme_trip_wrap .flickity-prev-next-button.previous svg {display:none;}
.theme_trip_wrap .flickity-prev-next-button.next {right:50%; margin-right:-540px; width:30px; height:30px; background:#fff url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size: 5px 8px; transform:translateY(0); margin-top:-15px; }
.theme_trip_wrap .flickity-prev-next-button.next  svg {display:none;} */

.theme_trip_wrap {overflow:hidden;}
.theme_trip1 .swiper-slide {width:510px; height:302px; border-radius:32px; overflow:hidden; margin-right:30px;}
.theme_trip1 .swiper-slide  a {display:block; position:relative;}
.theme_trip1 .swiper-slide .theme_img {position:relative; width:510px; height:0; padding-bottom:59.215%;}
.theme_trip1 .swiper-slide .theme_img:before {content:''; width:100%; height:100%; background:url('/resources/img/user/bg_dim.png') center bottom/cover no-repeat; position:absolute; bottom:0; left:0; z-index:1;}
.theme_trip1 .swiper-slide .theme_img  img {width:100%; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.theme_slider {max-width:1050px; margin:0 auto; overflow: visible !important;}

.theme_trip1  .swiper-button-prev {width:30px; height:30px; background:#fff url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size: 5px 8px; transform:rotate(180deg) translateY(0); margin-top:-15px; border-radius:100%; left:-15px;}
.theme_trip1  .swiper-button-next {width:30px; height:30px; background:#fff url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size: 5px 8px; transform:translateY(0); margin-top:-15px; border-radius:100%; right:-15px;}

.theme_bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
.theme_bg img {filter: blur(5px);   -webkit-filter: blur(5px); height:100%; width:100%;}
.theme_bg:before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; z-index:1;}

.theme_desc {position:absolute; bottom:0; left:0; width:100%; padding:30px 28px; box-sizing:border-box; z-index:2;}
.theme_desc h4 {font-size:1.5rem; color:#fff; font-weight:500;}
.theme_desc p {margin-top:20px; font-size:1rem; color:#fff; line-height:1.25rem; font-weight:300;}

.theme_trip  h3 {font-size:2.25rem; color:#1a1a1a; font-weight:500; text-align:center;} 
.theme_trip2 {max-width:1050px; margin:0 auto; padding:100px 0 120px;}

.now_trip_img {position:relative; border-radius:100%; height:186px; width:186px; overflow:hidden;}
.now_trip_img img {position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.now_trip {font-size:0; margin-top:60px;}
.now_trip .swiper-wrapper { justify-content: center;}
.now_trip  .swiper-slide {display:inline-block; margin:0 15px; width:186px !important; }
.now_trip  .swiper-slide:first-child {margin-left:0;}
.now_trip  .swiper-slide:last-child {margin-right:0;}
.now_trip > div h4 {font-size:1.5rem; font-weight:400; text-align:center; color:#1a1a1a; margin-top:30px;}


.theme_trip3 {padding:100px 0 120px; background:url(/resources/img/user/bg_quiz.jpg) center bottom/cover no-repeat; }
.theme_trip_inner {max-width:1050px; margin:0 auto;}
.theme_trip3 h3 span {position:relative; padding-right:16px;}
.theme_trip3 h3 span:after {content:''; width:8px; height:32px; background:url(/resources/img/user/icon_exc.png) center center  no-repeat; position:absolute; top:50%; right:0; margin-top:-15px;}

.quiz_box {margin-top:38px; border-radius:32px; background:#fff; box-shadow:0px 16px 16px 0px rgba(0, 108,98,0.2); overflow:hidden; padding:60px; box-sizing:border-box;}
.quiz_box:after {content:''; display:block; clear:both;}
.quiz_img {float:left; width:405px; height:374px; /* padding-bottom:40.216%; */ position:relative; overflow:hidden;}
.quiz_img img {position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.quiz_cnt {float:left; width:calc(100% - 405px); padding:20px 60px; box-sizing:border-box;}
.quiz_tag {display:block; width:178px; height:32px; border:1px solid #ff7e27; border-radius:16px; line-height:30px; text-align:center; font-size:1rem; color:#ff7e27;}
.quiz_cnt h4 {font-size:1.875rem; line-height:2.375rem; color:#034c81; font-weight:400; margin-top:25px;}
.hint {margin-top:30px; position:relative; padding-left:50px; box-sizing:border-box; }
.hint:before {content:''; width:37px; height:21px; background:url(/resources/img/user/icon_hint.png) center center  no-repeat; position:absolute; top:50%; margin-top:-10px; left:0;}
.answer_list:after {content:''; display:block; clear:both;}
.answer_list {margin-top:39px;}
.answer_list li {float:left; width:25%; font-size:1.25rem; color:#1a1a1a;}
.answer_btn {display:block; width:180px; height:56px; line-height:56px; background:#20bcae; border-radius:28px; color:#fff; font-size:1.125rem; font-weight:500; text-align:center; margin-top:38px;}

.theme_trip4 {padding-top:80px;}
.with_fam_wrap {margin-top:40px;}
.fam_tag {display:inline-block; font-size:1rem; font-weight:300; color:#fff; padding:0 15px; height:32px; line-height:32px; text-align:center; background:#20bcae; border-radius:16px; margin-bottom:20px;}

.theme_detail_tit {position:relative; background:url(/resources/img/sample/bg_theme_detail.jpg) center center/cover  no-repeat; padding:75px 0; border-radius:32px; overflow:hidden; text-align:center;}
.theme_detail_tit h3 {font-size:2.25rem; color:#fff; font-weight:500;}
.area_name {width:124px; height:56px; border:1px solid #fff; box-sizing:border-box; font-size:1.125rem; color:#fff; font-weight:300; line-height:54px; border-radius:28px; margin:40px auto 0;}
.theme_detail_tit p  {margin-top:40px; font-size:1.25rem; line-height:1.625rem; font-weight:300; color:#fff;}
.e_share.theme_share {position:absolute; right:25px; top:25px;}
.e_share.theme_share .btn_shar {background: url(/resources/img/user/icon_sharing2.svg) center center no-repeat; background-size: 20px 20px;}
.desc_page_con.theme_page_con {border-top:0; margin-top:0;}
.inner_tab_wrap.exp_tab_wrap.theme_tab_wrap {border-top:none; padding-top:0; margin-top:0;}

.exp_sche {margin-top:30px;}
.exp_sche img {max-width:100%;}

.sub_cs_box.myroom_link a {font-size:1.125rem; color:#1a1a1a; font-weight:500;}

/* 고객센터 */
.cust_guide {font-size:1.125rem; color:#1a1a1a; font-weight:300; line-height:1.75rem;}
.seed_tab.cust_tab li > a {width:50%;}
.seed_tab.cust_tab li:nth-child(2) > a {left:50%; border-radius: 0 28px 28px 0;}
.seed_tab_wrap.cust_tab_wrap {margin-top:60px;}
.long_txt.long_txt2 {min-height: 200px;}
.sel_wrap.cust_sel_wrap {width:180px;}
.seed_tab.cust_tab .seed_tab_cnt01 {padding-top:0;}
.join_info_wrap.join_info_wrap3.line_no {border-top:none;}
.join_group:last-child .info_la.pad_top {padding-top:15px;}
.seed_tab.cust_tab .seed_tab_cnt02 {padding-top:40px;}

.board_list3 .col_num {width:8%;}
.board_list3 .col_field {width:15%;}
.board_list3 .col_subj {width:45%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board_list3 .col_date {width:13%;}
.board_list3 .col_answer {width:15%;}
.board_list3 .col_arr {width:4%;}

.board_list3 .col_answer span {display:block; width:80px; height:32px; line-height:30px; box-sizing:border-box; color:#555; font-size:0.875rem; margin:0 auto; border-radius:16px;}
.board_list3 .col_answer span.answer_ing {border:1px solid #20bcae;  color:#00a99a ;}
.board_list3 .col_answer span.answer_end {border:1px solid #ddd;  color:#555;}
.col_arr span {display:block; width:12px; height:12px; background:url(/resources/img/user/btn-more-down.png) center center/cover no-repeat; transition:all 0.2s;}
.board_list3 li {border-bottom:1px solid #ddd;}
.board_list3 li:first-child {border-bottom:none;}
.board_list3 li .b_cnt { border-bottom:none;}
.board_list3 li.on .col_arr span {transform:rotate(180deg);}

.board_list3 .b_cnt {cursor:pointer;}
.answer_cnt {display:none; padding:30px; box-sizing:border-box; background:#fafafa; border-top:1px solid #ebebeb; }
.answer_cnt h4 {font-size:1rem; color:#1a1a1a; font-weight:400;}
.answer_cnt > p {margin-top:20px; font-size:0.938rem; color:#1a1a1a; font-weight:300; line-height:1.25rem; position:relative; padding-left:17px; box-sizing:border-box; word-break:keep-all;}
.answer_cnt > p:before {position:absolute; top:6px;  left:2px; content:''; width:6px; height:6px; background:url(/resources/img/user/icon_ans.png) center center/cover no-repeat;}

.sub_cnt.faq_sub_cnt {padding:0;}

.faq_list dl:first-child {border-top:1px solid #ddd;}
.faq_list dl {border-bottom:1px solid #ddd; font-size:1rem; font-weight:300; color:#1a1a1a;}
.faq_list dl dt {position:relative; box-sizing:border-box; padding:20px 40px 20px 68px; transition:all 0.2s; line-height:normal; word-break:keep-all;}
.faq_list dl dt:before {position:absolute; top:50%; margin-top:-16px;left:20px; content:'Q'; width:32px; height:32px; border:1px solid  #dedede; border-radius:100%; box-sizing:border-box; /* text-align:center; */ line-height:28px; background:#fff; padding-left:8.5px; box-sizing:border-box;}
.faq_list dl dt:after {position:absolute; top:50%; margin-top:-6px; right:20px; content:''; width:12px; height:12px; background:url(/resources/img/user/btn-more-down.png) center center/cover no-repeat;
transition:all 0.2s; }
.faq_list dl dt.on:after {transform:rotate(180deg);}
.faq_list dl dd {display:none; position:relative;  box-sizing:border-box; background:#fafafa; padding:25px 16px 25px 68px; border-top:1px solid #ebebeb;  line-height:1.5rem; word-break:keep-all;}
.faq_list dl dd:before {position:absolute; top:20px; left:20px; content:'A'; width:32px; height:32px; border:1px solid  #20bcae; border-radius:100%; box-sizing:border-box; /* text-align:center;  */line-height:28px; color:#00a99a; background:#fff; padding-left:9.5px; box-sizing:border-box;}

.category.slide_category_bot {margin-bottom:10px;}

.board_list4 .col_num  {width:12%;}
.board_list4 .col_subj {width:67%; padding-left:10px; box-sizing:border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board_list4 .col_date {width:17%;}
.board_list4 .col_arr  {width:4%;}
.board_list4 .b_cnt {cursor:pointer;}
.board_list4 li {border-bottom:1px solid #ddd;}
.board_list4 li:first-child {border-bottom:none;}
.board_list4 li .b_cnt { border-bottom:none;}
.board_list4 li.on .col_arr span {transform:rotate(180deg);}

.board_list4 .answer_cnt p {margin:0; padding-left:0;}
.board_list4 .answer_cnt p:before {display:none;}

/* 검색결과 */
.search_result_wrap h3 {font-size:2.25rem; font-weight:400; text-align:center; margin-bottom:60px;}
.search_result_wrap h3 strong {font-weight:500; color:#00a99a;}

.search_result_cont {margin-top:60px;}
.search_result {font-size:0; margin-top:45px;}
.search_result:first-child {margin-top:0;}
.search_result h4 {display:inline-block; width:150px; font-size:1.875rem; font-weight:400; color:#1a1a1a; vertical-align:top; padding-top:15px; box-sizing:border-box; }
.result_list {display:inline-block; width:calc(100% - 150px);  vertical-align:top;}
.result_list:after {content:''; display:block; clear:both;}
.result_list > div {float:left; margin:0 15px 15px 0;}
.result_list > div:last-child {margin-right:0;}
.result_list > div > a {display:block; height:56px; padding:0 30px; border-radius:28px; font-weight:300; color:#1a1a1a; font-size:1.125rem; text-align:center; line-height:54px; background:#f4f4f4; border:1px solid #ebebeb; box-sizing:border-box; }
.result_list > div > a span {font-weight:500; color:#00a99a;}
.result_list > div > a:hover {background:#20bcae; color:#fff;}
.result_list > div > a:hover span {color:#fff;}

.terms_wrap select {appearance: auto;}

/* 연령별 맞춤정보 검색결과 */
/* .age_result {padding:29px 30px 14px; box-sizing:border-box; border:1px solid #ebebeb; border-radius:32px; font-size:0; background:#f4f4f4; margin-bottom:60px;}
.age_result li {display:inline-block; cursor:pointer; font-size:1.125rem; font-weight:300; color:#1a1a1a; padding:0 30px; height:56px; line-height:54px; box-sizing:border-box; background:#fff; border:1px solid #ebebeb; border-radius:28px; margin:0 15px 15px 0;}
.age_result li.on {background:#20bcae; color:#fff; border:1px solid #20bcae;} */

.category.slide_category.age_result {padding:29px 30px 14px; box-sizing:border-box; border:1px solid #ebebeb; border-radius:32px; font-size:0; background:#f4f4f4; margin-bottom:60px;}
.category.slide_category.age_result li a {background:#fff; border:1px solid #ebebeb; border-radius:28px; }
/* .age_result li {display:inline-block; cursor:pointer; font-size:1.125rem; font-weight:300; color:#1a1a1a; height:56px; line-height:54px; box-sizing:border-box; margin:0 15px 15px 0;}
.age_result li.on  */
.category.slide_category.age_result li.on a {background:#20bcae; color:#fff; border:1px solid #20bcae;}

/* 아이디 비밀번호 찾기 */
.find_wrap {max-width:750px; margin:0 auto;}
.find_wrap .page_tab_wrap {margin-top:0; padding-top:56px;}
.find_wrap .join_info_wrap {margin-top:0; border-top:none;}
.find_wrap .join_sec_top {margin-top:0;}
.info_clear:after {content:''; display:block; clear:both;}

.pw_ch_wrap {max-width:445px; margin:0 auto;}
.pw_ch_wrap .pw_inp label {color:#1a1a1a; font-size:1.125rem;}
.pw_ch_wrap .inp_wrap {margin-top:14px; }
.pw_ch_wrap .inp_wrap input {display:block; width:100%; height:48px; padding:0 20px; font-size:1rem;  border:1px solid #ddd; box-sizing:border-box;   color:#1a1a1a; font-weight:300;}
.pw_ch_wrap .inp_wrap input::placeholder {color:#888;}
.pw_ch_wrap .pw_inp_top {margin-top:30px;}
.pw_ch_wrap .pw_guide {font-size:0.875rem; line-height:18px; margin-top:10px; font-weight:300; color:#555;}
.pw_ch_wrap .pw_cha_btn {width:100%; height:56px; display:block; margin:30px auto 0; border-radius:28px; background:#20bcae; color:#fff; font-size:1.125rem; font-weight:500; }


@media screen and (max-width:1208px){
	.main_vis .swiper-button-prev {margin-left:-570px;}
	.main_vis .swiper-button-next {margin-right:-570px}
}

@media screen and (max-width:1160px){
	.main_vis .swiper-button-prev {margin-left:-555px; background-size:auto 45px;}
	.main_vis .swiper-button-next {margin-right:-555px; background-size:auto 45px;}
}
 
@media screen and (max-width:1120px){
	.main_vis .swiper-button-prev  {display:none;}
	.main_vis .swiper-button-next  {display:none;}
	.wbook_list .swiper-button-prev {left:0;}
	.wbook_list .swiper-button-next {left:315px;}
	.join_group {padding:40px 0;}
	.join_group.join_group2 {padding:20px 0;}
}


@media screen and (max-width:1100px){
	.main_quick {left:auto; right:20px;}
	.wbook_list .swiper-button-next {left:310px;}

	/* 공지사항 */	
	.noti_wrap {padding:45px 20px ; box-sizing:border-box; }

	/* 추천 */
	.recom_wrap {padding:100px 0 81px 20px;}

	/* steam */
	.steam_wrap {padding:22px 0 22px 20px;}

	/* 우리 아이를 위한 연령별 맞춤 정보 */
	.custom_wrap {padding:78px 20px 105px;} 
	
	
	/* 이달의책 */
	.info_popup_wrap {right:20px;}

	/* 최근 본 콘텐츠 */
	.recent_wrap {padding:34px  20px 120px;}

	/* cs */
	.cs_wrap {padding:83px 20px 120px;}
	.edu_cs {padding: 48px 0 48px 320px; background-size:auto 140px; }

	/* 북트레일러, 영상cast 탭 */
	.tab_wrap {padding:100px 20px 0;}

	/* 실시간 추천 */
	.real_time_wrap {padding:45px 20px;}

	/*  체험 on-air */
	.on_air_wrap {padding:100px 20px 0;}

	.steam_sche_wrap {padding:0 20px;}

	.ebook_wrap {padding:100px 20px 120px;}

	.join_inner {padding:0 20px; box-sizing:border-box;}
	.ch_inner {padding:0 20px; box-sizing:border-box;}

	.seed_tb_wrap {max-height:90% !important; min-height:auto !important;}
	.join_id_wrap {max-height:90% !important; min-height:auto !important;}
	/* .ch_history {max-height:43% !important; min-height:auto !important; overflow-y:scroll;} */

	.page_tit {padding:0 20px; box-sizing:border-box;}
	.page_tit.left_align {padding:0;}
	.page_tab_wrap {padding:116px 20px 0;  box-sizing:border-box;}
	.page_tab_wrap > li > a {left:20px; width:calc(50% - 20px);}

	.con_pad {padding:0 20px; box-sizing:border-box;}
	.desc_btn_wrap {padding:30px 20px; box-sizing:border-box;} 

	.frame {padding-left:20px; box-sizing:border-box;}
	.frame.frame_box {padding:0 20px; box-sizing:border-box;}
	.cate_list_wrap  {padding:0 20px; box-sizing:border-box;} 

	.cast_wrap {padding:0 20px; box-sizing:border-box;} 
	.view_type {padding:0 20px; box-sizing:border-box;} 
	.book_info_box {padding:0 20px; box-sizing:border-box;} 
	.teacher_coaching .book_info_box {padding:0;}
	.book_info_box.no_pad {padding:0;}
	.book_info_box.no_pad h4 {padding:0 20px; box-sizing:border-box;}
	.padding {padding:0 20px; box-sizing:border-box;} 

	.desc_page_con.desc_page_con2 {position:relative; border-top:none; border-bottom:none;}
	.desc_page_con.desc_page_con2:before {content:''; width:calc(100% - 40px); height:1px; background:#ddd; position:absolute; top:0; left:20px;}
	.desc_page_con.desc_page_con2:after {content:''; width:calc(100% - 40px); height:1px; background:#ddd; position:absolute; bottom:0; left:20px;}


	.board_list_wrap.board_list_pad {padding:0 20px; box-sizing:border-box;}
	.desc_page_tit {padding:0 20px; box-sizing:border-box;} 
	.campaign_wrap {padding:0 20px; box-sizing:border-box;} 
	.sub_ebook_wrap {padding:0 20px; box-sizing:border-box;} 

	.weekly_edu_wrap {padding:0 20px; box-sizing:border-box;} 
	.howto_wrap {padding:0 20px; box-sizing:border-box;} 
	.open_select {padding:0 20px; box-sizing:border-box;} 
	.recom_book_wrap {padding:0 20px; box-sizing:border-box;} 
	.teacher_coaching {padding:0 20px; box-sizing:border-box;} 
	.viewer_link_wrap {padding:48px;}

	.list_link_wrap > a.next_link {background-position:95% center;}
	.list_link_wrap > a.prev_link {background-position:5% center;}
	.recom_book_info {padding:26px 15px;}
	.sub_weekly_wrap {padding:0 20px; box-sizing:border-box;} 
	.cardnews_slide_wrap {padding:0 20px; box-sizing:border-box;} 
	.book_column_wrap {padding:0 20px; box-sizing:border-box;} 

	.terms {max-height:90%;}

	.sel_wrap.sel_ps {right:20px;}
	.theme_tit {padding:0 20px; box-sizing:border-box;}
	.sub_list_wrap {padding:0 20px; box-sizing:border-box;}
	.celeb_list_wrap {padding:0 20px; box-sizing:border-box;}
	.global_list_wrap {padding:0 20px; box-sizing:border-box;}
	.workshop_wrap {padding:0 20px; box-sizing:border-box;}
	.exp_wrap {padding:0 20px; box-sizing:border-box;}
	.onair_wrap {padding:0 20px; box-sizing:border-box;}

	.columnist_layer_wrap {height:100%;}

/* 	.theme_trip_wrap .flickity-prev-next-button.previous {left:10px; margin-left:0;}
	.theme_trip_wrap .flickity-prev-next-button.next {right:10px; margin-right:0;} */

	.theme_slider {padding:0 20px; box-sizing:border-box;}
	.theme_trip1 .swiper-slide {height:auto;}
	.theme_trip1 .swiper-button-next {right:5px;}
	.theme_trip1 .swiper-button-prev {left:5px;}

	.theme_trip2 {padding-left:20px; box-sizing:border-box;}
	.now_trip .swiper-wrapper {justify-content:normal;}
	.now_trip .swiper-slide:last-child {margin-right:15px;}

	.theme_trip3 {padding: 100px 20px 120px; box-sizing:border-box; }
	.theme_trip4 {padding: 80px 20px 0; box-sizing:border-box;}
	.theme_trip_inner {max-width:100%;}

	.quiz_box {padding:40px;}
	.quiz_cnt { width:55%;}
	.quiz_cnt h4 {font-size:1.733rem;}
	.quiz_cnt h4 br {display:none;}
	.answer_list li {font-size:1.067rem;}

	.quiz_img {width:45%;}
	
	.exp_sche_wrap {padding:0 20px; box-sizing:border-box;}

	.sub_cnt.faq_sub_cnt .cust_guide {padding:0 20px; box-sizing:border-box;}
	.faq_list_wrap {padding:0 20px; box-sizing:border-box;}

	.terms_wrap {padding:0 20px; box-sizing:border-box;}

	.inp_wrap input {width:100%;}

}

@media screen and (max-width:1060px){
	.paging_wrap {left:0; margin-left:40px;}
}

@media screen and (max-width:1050px){
	
	.now_trip .slick-slide {max-width:186px !important;}

	

}

@media screen and (max-width:1024px){
	/* 메인비주얼 */
	.main_vis {margin-top:40px;}
	.vis_txt_wrap {left:20px;}
	.main_quick {bottom:20px; top:auto;  width:100%;font-size:0; text-align:center; right:auto;}
	.main_quick > div  {display:inline-block; float:none; font-size:0;}
	.main_quick > div  a { padding-top:39px; width:74px; height:74px;  font-size:0.857rem;border-radius:20px;}
	.main_quick > div:nth-child(1) {margin:0 5px; }
	.main_quick > div:nth-child(2) {margin:0 5px }	
	.main_quick > div:nth-child(3) {margin:0 5px }
	.main_quick > div:nth-child(4) {margin:0 5px }
	.main_quick > div:nth-child(1) a {background-size:auto 26px; background-position:center 7px;}
	.main_quick > div:nth-child(2) a { background-size:auto 28px; background-position:center 7px;}
	.main_quick > div:nth-child(3) a {background-size:auto 26px; background-position:center 7px;}
	.main_quick > div:nth-child(4) a {background-size:auto 26px; background-position:center 7px;}
	.main_vis .swiper-pagination {font-size:0.786rem; width:48px; height:30px;}
	.main_vis .swiper_pause {width:30px; height:30px; left:52px; }
	.paging_wrap {bottom:114px;}
	.pc_none {display:block;}
	.vis_txt_wrap {top:35px; padding: 25px 20px; -ms-transform:translate(0,0); -webkit-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0);}
	.vis_txt_wrap h2 {font-size:1rem;}
	.vis_txt {font-size:1.714rem; margin-top:10px;}
	.vis_txt_02 {font-size:1.214rem; margin-top:27px;}
	
	

	/* 이달의책 */
	.wbook_list .swiper-slide img {max-width:100%;}
	.info_popup_wrap {position:static; height:auto; width:90%; margin:20px auto 0;}
	.info_popup {position:static;}
	.btn_desc_close {display:none;}
	.wbook_list {max-width:100%;}
	.wbook_list .swiper-slide {/* width:50% !important; */ padding-top:35px;}
	.wbook_list .swiper-slide .wbook_area {max-width:120px;}
	.wbook_list .swiper-slide.swiper-slide-active .wbook_area {max-width:168px;}
	.wbook_list .swiper-button-prev {display:none;}
	.wbook_list .swiper-button-next {display:none;}
	.wbook_list_wrap {padding-bottom:40px;}

	/* 공지사항 */	
	.noti_wrap {padding:40px 20px;}
		
	/* 추천 */
	.recom_wrap {padding:40px 0 40px 20px;}

	/* 교보문고와 함께하는 eBook */
	.ebook_list  .swiper-slide {text-align:center;}
	.book_area {margin:0 auto; max-width:120px; min-width:120px;}
	.book_info_cnt .ebook_list .book_area {max-width:120px;}
	.book_name {max-width:120px; margin:25px auto 0; word-break: normal;}
	.book_info_cnt .book_name  {max-width:120px;}
	.book_writer  {max-width:120px; margin:20px auto 0;}

	/* 북트레일러, 영상cast 탭 */
	.tab_wrap {height:auto; padding:40px 0 100px 20px;}
	.big_video_wrap {float:none; width:100%; padding-right:20px; box-sizing:border-box;}
	.big_video {max-width:780px; margin:0 auto;}
	.tab_list {max-width:100%; height:auto; margin-top:20px; }
	/* .tab_list .swiper-slide {max-width:30%;} */
	.tab_link {left:0; bottom:-60px;}	
	.video_area {border-radius:24px 24px 0 0; }
	.video_info {border-radius:0 0 24px 24px; padding:20px;}
	.video_info h2 {float:none; width:100%; margin-bottom:4px; font-size:1.143rem;}
	.video_date {float:none; width:100%; }
	.tab_btn_02 { width:calc(50% - 20px); }
	.tab_btn span {font-size:1.429rem;}

	/* 우리 아이를 위한 연령별 맞춤 정보 */
	.custom_wrap {padding:42px 20px;} 
	.steam_sche_wrap .sche_tit a  {line-height:normal;}

	/* 교보문고와 함께하는 eBook */
	.ebook_wrap {padding:40px 0;}

	/* 이달의책 */
	.weekly_wrap {padding:40px 0 20px;}
	.info_popup {padding:40px 20px;}

	/* 최근 본 콘텐츠 */
	.recent_wrap {padding:34px 0 40px 20px;}
	.latest_list .swiper-slide {max-width:305px;}

	/* 스팀체험일정 */
	.sche_tit {position:relative; height:120px;}
	.steam_sche_wrap .sche_tit a  {position:absolute; padding:0; top:50%; left:0;  -ms-transform:translate(0,-50%);  -webkit-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform:translate(0,-50%);}
	.steam_sche_wrap .sche_tit a .icon_a:after {top:65%; margin-top:0;}

	/* 실시간 추천 */
	.real_time_wrap {padding:40px 20px;}
	
	/*  체험 on-air */
	.on_air_wrap {padding:40px 20px 0; height:auto;}
	.sns_wrap li {min-height:140px; padding: 0 15px;}
	.sns_wrap li:nth-child(1) {padding-top:30px;}
	.sns_wrap li:nth-child(2) {padding: 30px 0 0 15px ;}
	.sns_wrap li:nth-child(3) {padding-top:30px;}
	.sns_wrap li:nth-child(4) {padding: 30px 0 0 15px;}
	
	/* cs */
	.cs_wrap {padding:40px 20px 60px; }
	.edu_cs {padding: 48px 0 48px 33%; background-size:auto 120px; }

	/* 모바일 메뉴 픽스 */
	.mo_bot_quick {position:fixed; left:0; bottom:0; width:100%; height:56px; z-index:999; background:#fff; box-shadow: 0px 0px 55px 0 rgba(0,0,0,0.1);}
	.mo_bot_quick a {float:left; width:25%;}

	.mo_bot_quick {display:block;} 
	.mo_bot_quick a {cursor:pointer;position:relative; display:block; text-align:center; padding-top:34px; font-size:0.786rem; height:100%;}
	.mo_bot_quick  .ham_menu:after {position:absolute; top:8px; left:50%; margin-left:-12px; content:''; width:24px; height:24px; background:url('/resources/img/user/ic-menu-off.png') center center/cover no-repeat;}
	.mo_bot_quick  .first_visit:after {position:absolute; top:8px; left:50%; margin-left:-12px; content:''; width:24px; height:24px; background:url('/resources/img/user/ic-first-off.png') center center/cover no-repeat;}
	.mo_bot_quick  .home:after {position:absolute; top:8px; left:50%; margin-left:-12px; content:''; width:24px; height:24px; background:url('/resources/img/user/ic-home-off.png') center center/cover no-repeat;}
	.mo_bot_quick  .join:after {position:absolute; top:8px; left:50%; margin-left:-12px; content:''; width:24px; height:24px; background:url('/resources/img/user/ic-sign-off.png') center center/cover no-repeat;}
	.mo_bot_quick  .login:after {position:absolute; top:8px; left:50%; margin-left:-12px; content:''; width:24px; height:24px; background:url('/resources/img/user/ic-login-off.png') center center/cover no-repeat;}
	.mo_bot_quick  .sche:after {position:absolute; top:8px; left:50%; margin-left:-12px; content:''; width:24px; height:24px; background:url('/resources/img/user/ic-calendar-off.png') center center/cover no-repeat;}
	.mo_bot_quick  .attend_check:after {position:absolute; top:8px; left:50%; margin-left:-12px; content:''; width:24px; height:24px; background:url('/resources/img/user/ic-check-off.png') center center/cover no-repeat;}
	.mo_bot_quick  .myroom:after {position:absolute; top:8px; left:50%; margin-left:-12px; content:''; width:24px; height:24px; background:url('/resources/img/user/myroom-off.png') center center/cover no-repeat;}

	.mo_bot_quick  .ham_menu.on:after {background:url('/resources/img/user/ic-menu-on.png') center center/cover no-repeat;}
	.mo_bot_quick  .first_visit.on:after {background:url('/resources/img/user/ic-first-on.png') center center/cover no-repeat;}
	.mo_bot_quick  .home.on:after {background:url('/resources/img/user/ic-home-on.png') center center/cover no-repeat;}
	.mo_bot_quick  .join.on:after {background:url('/resources/img/user/ic-sign-on.png') center center/cover no-repeat;}
	.mo_bot_quick  .login.on:after   {background:url('/resources/img/user/ic-login-on.png') center center/cover no-repeat;}
	.mo_bot_quick  .sche.on:after   {background:url('/resources/img/user/ic-calendar-on.png') center center/cover no-repeat;}
	.mo_bot_quick  .attend_check.on:after   {background:url('/resources/img/user/ic-check-on.png') center center/cover no-repeat;}
	.mo_bot_quick  .myroom.on:after   {background:url('/resources/img/user/myroom-on.png') center center/cover no-repeat;}

	/*************************** 서브 ***************************/
	.step_num {display:none;}
	.join_step {padding:0 20px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center;}
	.join_step > div h2 {margin-top:0;}
	.join_step > div {width:auto; padding:14px 0 14px 0; text-align:left;}
	.join_step > div:before {display:none; }
	.join_step > div:after  {display:none;}
	
	.join_step > div.step5 {display:none; }
	.join_step > div.mo_icon_arrow {display:inline-block; width:9px; height:14px; background:url('/resources/img/user/icon_step_arrow.png') center center no-repeat; background-size:4.5px 7.5px; vertical-align:middle;} 

	.join_inner {margin:20px auto 0;}
	.ch_inner {margin:20px auto 0;}
	.select_box_wrap {margin-top:20px;}
	.join_sec_top {margin-top:40px;}

	.info_noti2.info_noti_top {margin-top:0;}

	.my_info {min-height:140px; max-height:140px; padding:20px;}
	.my_info_01 {float:none; width:100%; margin-right:0; margin-bottom:10px;}
	.my_info_02 {width:calc(60% - 5px);  margin-right:10px;}
	.my_info_03 { width:calc(40% - 5px); padding:0 !important;}

	.my_info_03 .mo_noti {display:block; height:40px; border:1px solid #ebebeb; border-radius: 32px; background:#fff; text-align:center; margin-top:10px; font-size:0.857rem; line-height:38px;}
	.my_info_03 .mo_noti span {position:relative; padding-right:10px;}
	.my_info_03 .mo_noti span:after {content:''; position:absolute; top:50%; margin-top:-3px; right:0; width:4px; height:7px; background:url('/resources/img/user/icon_cs.png') 90% center/cover no-repeat;}
	.my_info_03 .seed_03 { max-height:90px; border-radius: 32px; border: 1px solid #ebebeb; background: #fff; box-sizing: border-box;}
	.my_info_03 .seed_03  a { padding:20px;}
	.my_info_03  {background:none; border:none; }

	.my_info_bot {margin-top:20px; background-size:auto 24px;} 
	.sev_end {font-size:0.857rem;}
	.logout {width:78px; height:40px; font-size:0.857rem;}
	.logout span:after {width:3px; height:5px; margin-top:-2px;}

	.my_info dl dt {font-size:1.143rem;}
	.my_info dl dd {margin-top:12px;}
	.info_noti {font-size:0.786rem; line-height:14px; padding-right:0;}

	
	.seed_tab_cnt {padding-bottom:20px;}
	.aside_wrap {padding:0 20px; box-sizing:border-box; margin-bottom:60px;}	
	.aside_wrap  .sub_cs_box.cs_box_01 {display:block; background-position:90% 20px; background-size:78px 74px; padding:20px; height:114px;}
	.aside_wrap  .sub_cs_box.cs_box_01 h2 {line-height:20px;}
	.aside_wrap .sub_cs_box .link_wrap a:nth-child(2)  {margin-top:0;}
	.page_tab_con li {width: calc((100% - 30px) / 2); margin-left:0}
	.page_tab_con li:nth-child(even) {margin-left:30px;}
	.culture_img img {width:100%;}

	.desc_page_wrap {margin-top:20px;}

	.category li {margin-right:8px;}
	.category li:last-child {margin-right:0;}
	.cast_wrap .page_tab_con li:nth-child(even) {margin-left:30px;}
	.cast_wrap .page_tab_con li:nth-child(odd) {margin-left:0;}

	/* .basic_info {float:none; width:100%;}
	.desc_book_info {padding:20px 20px 0; background-size:100% 50%; }
	.desc_book_img img {max-width:120px;}
	.desc_book_info > div.basic_info_wrap {float:none; clear:both; width:100%; margin-left:0;}
	.desc_book_info > div.desc_book_title { margin-left:40px; width: calc(100% - 160px);}
	.basic_info_wrap {padding-top:40px;} */

	.desc_book_info {padding:40px 40px 0; background-size:100% 90%; }
	.desc_book_img img {max-width:210px;}
	.desc_book_title {margin-left:40px; width: calc(100% - 250px);}
	.basic_info_wrap {margin-left:40px; width: calc(100% - 250px);}
	

	.slide_con_rig {padding:0 40px;}

	.detail_page_tit {display:block;}
	.back_btn {display:block;}

	.cast_wrap .page_tab_con li:nth-child(1) {margin-bottom:30px;}
	.cast_wrap .page_tab_con li:nth-child(2) {margin-bottom:30px;}

	.book_company {max-width:120px; margin:20px auto 0;}
	.ebook_list_st {border-bottom:none; margin-top:0; padding-bottom:40px;}
	.ebook_list_st li {position:relative; width:calc((100% - 30px) / 2); margin-top:40px;}
	.ebook_list_st li:nth-child(even) {margin-left:30px;}
	.ebook_list_st li:first-child {margin-top:0;}
	.ebook_list_st li:nth-child(2) {margin-top:0;}
	.category.slide_category li.no_right {margin-right:8px;}
	
	.hidden_link {width:100%;}
	.hidden_link a {width:80%; margin:0 auto;}
	
	.viewer_link_wrap {padding:48px 20px;}
	.viewer_link_lef {width:29%;}
	.viewer_link_rig {width:71%; padding-left:20px;}
	.viewer_exp {margin-left:20px;}
	.page_tit.page_link p {text-align:left;}

	.desc_book_info2 {padding:20px 20px 0; background-position:90% bottom; height:300px;}
	/* .desc_book_info2.youth_book_info {background-size:cover; background-position:right bottom;} */
	
	.desc_book_info2.youth_book_info {background-position:80% bottom; height:300px;}

	.recom_book_info dl dt {width:29%;}
	.recom_book_info dl dd {width:71%}

	.recom_book {padding:40px 20px;}

	.rb_img img {max-width:120px;}
	.rb_img {max-width:136px; min-width:136px;}
	.rb_info {max-width:136px;}
	.rb_list li:nth-child(1) {margin:0 15px 0 0;}
	.rb_list li:nth-child(2) {margin:0 0px 0 15px;}
	.rb_img:before {left:12px;}

	/* 북칼럼 */
	.book_column_img {max-width:120px;}
	.book_column_info {width: calc(100% - 120px); padding-left:20px;}
	.column_list li {padding:20px; min-height:250px;}

	.desc_page_wrap.top_no  {margin-top:20px;}

	.list_cnt li {width:calc((100% -  30px)/2); /* min-height:287px;*/ min-height:auto; margin-top:40px;}
	.list_cnt:first-child li:nth-child(1) {margin-top:0;}
	.list_cnt:first-child li:nth-child(2) {margin-top:0;}
	.list_cnt li:nth-child(even) {margin-left:30px;}
	.list_cnt {border-bottom:none; padding-bottom:0; margin-top:0;}
	.list_cnt li .book_area {margin:0;}
	.list_cnt li:after {content:''; display:block; clear:both;}
	.list_cnt .book_area {float:left; }
	.list_cnt .list_book_info {float:left; width:calc(100% - 120px); padding:20px 0 20px 20px; box-sizing:border-box;}
	.list_cnt  .book_name {max-width:100%; margin-top:0;}
	.book_writer {max-width:100%;}

	.ebook_list_st .book_area {margin:0;}
	.ebook_list_st li:after  {content:''; display:block; clear:both;}
	.ebook_list_st .book_area {float:left; width:100%;}
	.ebook_info_wrap {float:left; width:calc(100% - 140px); margin:20px 0 0 20px; }
	.ebook_info_wrap .book_name {max-width:100%; margin-top:0;}
	.ebook_info_wrap .book_company {max-width:100%;}
	.hidden_link_wrap {display:block; position:absolute; bottom:0; left:140px;  width:calc(100% - 140px);  background:none; height:48px; top:auto;}
	.hidden_link {font-size:0;}
	.hidden_link a {border:1px solid #ddd; height:48px; color:#1a1a1a; line-height:46px; display:inline-block; width:calc((100% - 10px) / 2); vertical-align:middle; background:#fff;}
	.hidden_link a.preview_link {margin-top:0; margin-left:10px;}
	.hidden_link a.detail_link span:before {background:url('/resources/img/user/list-m.svg') center center no-repeat;}
	.hidden_link a.preview_link span:before {background:url('/resources/img/user/view-m.svg') center center no-repeat;}

	#centered2 > ul {min-width:679px;}
	.join_inner.workshop_inner {margin:20px auto 0;}
	.join_inner.exp_inner {margin:20px auto 0;}

	.theme_trip1 .swiper-slide .theme_img {width:auto;}
	.theme_trip1 .swiper-button-next {right:17%;}
	.theme_trip1 .swiper-button-prev {left:17%;}

	.quiz_cnt {padding:10px 0 10px 30px;}
	.answer_btn {margin-top:30px;}

	.mo_none2 {display:none;}


	.faq_list dl dt:before {padding-left:0; text-align:center;}
	.faq_list dl dd:before {padding-left:0; text-align:center;}

		/* 연령별 맞춤정보 검색결과 */
	.category.slide_category.age_result {margin-bottom:40px; padding:0; background:none; border:none;}
}


@media screen and (max-width:850px){
	.theme_book_bg {padding:0; margin:50px auto 0;}
	.theme_book_bg:after {display:none;}
	.tb_slide .swiper-slide {max-width:none; text-align:center;}
	.theme_book_img {margin:0 auto;}
	.theme_book_img  {margin:0 auto; max-width:135px; min-width:135px;}
	.theme_book_info  {margin:25px auto; max-width:135px; min-width:135px;}
	.made {margin-top:10px;}

	.page_tit.left_align p {float:none; padding:0; line-height:normal;}
	.btns {float:none; margin-top:20px;}
	.btns a  {height:48px; line-height:46px;}
}

@media screen and (max-width:768px){
	.main_vis .vis {height:360px;}
	.main_quick > div:nth-child(1) {margin:0 3px; }
	.main_quick > div:nth-child(2) {margin:0 3px; }	
	.main_quick > div:nth-child(3) {margin:0 3px; }
	.main_quick > div:nth-child(4) {margin:0 3px;}

	/* 공지사항 */
	.noti_tit {float:none; width:100%; text-align:center;}
	.noti_tit h2 {font-size:1.571rem;}
	.big_tit a {padding-right:12px; margin-top:-5px;}
	.big_tit a:after { width:6px; height:10px; margin-top:-4px;}
	.big_txt {display:none;}
	.noti_list_wrap {float:none; width:100%; margin-top:20px;}
	.noti_list a span.noti_list_date {display:none;}
	.noti_list a {font-size:1rem; line-height:28px;}
	.noti_list a span.noti_list_tit {width:100%; padding-left:8px; box-sizing:border-box;}
	.noti_btns {font-size:0; width:100%; text-align:center; height:auto; position:static; margin-top:20px;}
	.noti_btns div {display:inline-block; margin:0 4px; width:30px; height:30px;}
	/* .noti_btns .swiper-button-prev {transform:rotate(-90deg);  -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
	.noti_btns .swiper-button-next {transform:rotate(-90deg);  -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);} */
	.noti_btns .swiper-button-prev {background:url('/resources/img/user/m_noti_prev.png') center center no-repeat; background-size:6px 8px;}
	.noti_btns .swiper-button-next {background:url('/resources/img/user/m_noti_next.png') center center no-repeat; background-size:6px 8px;}
	.noti_list {height:56px;}
	

	/* 추천콘텐츠 */
	.big_tit {font-size:1.571rem; }
	.big_tit.big_tit02 {padding-right:20px;}
	.m_big_tit {padding-right:0;}
	.list {margin-top:20px;}
	.list .swiper-slide {max-width:305px;}
	

	/* 우리 아이를 위한 연령별 맞춤 정보 */
	.custom_list {margin-top:20px;}
	.custom_list li {margin: 0 8px 8px 0;}
	.custom_list li a {font-size:1rem; padding:14px 20px;}

	.steam_sche_wrap {height:100px; background:url('/resources/img/user/bg-banner.png') center bottom/cover no-repeat;}
	.steam_sche_wrap .sche_tit a  {font-size:1.143rem; line-height:22px; padding: 30px 20px;}
	.steam_sche_wrap .sche_tit a .icon_a {padding-right:12px;}
	.steam_sche_wrap .sche_tit a .icon_a:after {top:auto; bottom:4px; margin-top:0; background-size:6px 10px;}

	
	.wbook_list {margin-top:20px; padding:0 0 0 0 !important;}
	.info_popup h3 {font-size:1.714rem;}
	.info_popup p {font-size:1rem; line-height:24px; margin-top:15px;}
	.info_writer div {font-size:0.857rem; }
	.info_writer {margin-top:15px;}

	/* ebook */
	.book_name {font-size:1.143rem; line-height:22px;}

	

	/* 북트레일러, 영상cast 탭 */
	.tab_wrap {background:url('/resources/img/user/bg_m_tab.png') center bottom/cover no-repeat;}
	.tab {padding-top:72px;}
	.tab_btn {line-height:52px;}
	.video_area.video_area_02 {border-radius:24px;/*  max-width:145px; */}
	.tab_list .swiper-slide {min-width:145px;}
	.video_info h2 {font-size:1.143rem;}
	.video_date {font-size:0.857rem;}
	.tab_link {font-size:0.857rem; width:78px;} 
	.video_info_02 h2 {font-size:0.857rem;}
	.video_info h2 .video_tag {margin-right:4px;}
	.video_info_02 h2 .video_tag {display:block; margin-bottom:3px;}
	/* .tab_list .swiper-slide {max-width:145px;} */
	.tab_link span {padding-right:9px;}

	/* 최근 본 콘텐츠 */
	.latest_list_tag {font-size:0.857rem; padding:0 12px; line-height:30px; height:30px;}
	.latest_list_info h3 {font-size:1.143rem; line-height:22px; height:44px; margin-top:10px;}
	.latest_list_info {padding:15px 20px 0; min-height:119px; max-height:119px;}
	.latest_list {margin-top:20px;}

	/* 실시간 추천 */
	.real_time_tit {float:none; width:100%; text-align:center;}
	.rtime_list_wrap {float:none; width:100%; margin-top:20px;}
	.rtime_list a span.noti_list_date {display:none;}
	.rtime_list a {font-size:1rem; line-height:28px; width:100%;}
	.rtime_list a span.noti_list_tit {width:100%; padding-left:8px; box-sizing:border-box;}
	.rtime_list_btns {font-size:0; width:100%; text-align:center; height:auto; position:static; margin-top:20px;}
	.rtime_list_btns div {display:inline-block; margin:0 4px;}
	.rtime_list_btns .swiper-button-prev {background:#fff url('/resources/img/user/m_noti_prev.png') center center no-repeat; background-size:6px 8px;}
	.rtime_list_btns .swiper-button-next {background:#fff url('/resources/img/user/m_noti_next.png') center center no-repeat; background-size:6px 8px;}
	.list_num {width:24px; height:24px; line-height:24px;}
	.rtime_list {height:56px; }

	/*  체험 on-air */
	.on_air_wrap {position:relative; padding:40px 20px 40px;  background: url('/resources/img/user/bg_mo_onair.png') center 65%/cover no-repeat;}
	.on_air_wrap:after {position:absolute; left:0;  bottom:0; content:''; width:100%; height:40px; background: url('/resources/img/user/bg_wave.png') top center/cover no-repeat;}
	.on_air_posting {max-height:none; margin-top:20px;}
	.posting_img {float:none; width:100%; padding-bottom: 59.375%;}
	.posting_img:after {display:none;}
	.posting_info {float:none; width:100%; padding:20px;}
	.review {float:none; width:100%;}
	/* .review_img {padding-bottom:111.875%;} */
	.posting_info h3 {font-size:1.143rem;  padding-left:24px;}
	.posting_info h3:before {background-size:14px auto; margin-top:-8px;}
	.posting_txt {font-size:1.143rem; line-height:22px; height:44px; margin-top:10px;}
	.on_air_date {margin-top:10px; font-size:0.857rem;}
	.social_wrap {margin-top:20px;}

	.big_tit_02 {font-size:1.429rem;}
	.review_tit {font-size:1.143rem; margin-top:20px;}
	.review_txt {font-size:1.143rem; height:44px; line-height:22px; margin-top:10px;}
	.review_info {margin-top:10px;}
	.review_info > div {font-size:0.857rem;}
	.big_tit_02 a {padding-right:12px; margin-top:-5px;}
	.big_tit_02 a:after { width:6px; height:10px; margin-top:-4px;}

	/* steam */
	.steam_wrap {padding:0 0 0px 20px; background:url('/resources/img/user/bg_m_steam.png') center bottom/100% 100% no-repeat;}

	/* sns */
	.sns_wrap {float:none; width:100%; margin-left:0;}
	.sns_wrap li {float:none; width:100%; min-height:auto;}
	.sns_wrap li:nth-child(1) { padding:20px 0;}
	.sns_wrap li:nth-child(1) h3 {line-height:24px;}
	.sns_wrap li:nth-child(2) { padding:20px 0;}
	.sns_wrap li:nth-child(2) h3 {line-height:24px;}
	.sns_wrap li:nth-child(2):before {display:none;}
	.sns_wrap li:nth-child(3) { padding:20px 0; border-bottom: 1px solid #a1a1a0;}
	.sns_wrap li:nth-child(3) h3 {line-height:48px;}
	.sns_wrap li:nth-child(4) { padding:20px 0;}
	.sns_wrap li:nth-child(4) h3 {line-height:48px;}
	.sns_wrap li:nth-child(4):before {display:none;}
	.sns_wrap li a {padding-left:63px; min-height:48px;}
	.sns_wrap li a:before {width:48px; height:48px; margin-top:-24px;}
	.sns_info {position:relative;}
	.sns_info h3 {font-size:1.143rem;}
	.sns_info p {margin-top:4px; font-size:0.857rem;}
	.dwn {width:86px; position:absolute; top:5px; right:0; margin-top:0; font-size:0.857rem;}
	.dwn span {padding-right:14px;}
	.dwn span:after {width:10px; height:10px; margin-top:-5px;}
	
	/* cs */
	.edu_cs {float:none; width:100%;  min-height:auto; background-size:auto 100px;  background-position: center 24px;  padding:148px 20px 26px 20px; max-height:none;}
	.cs_box {max-width:210px; margin:0 auto;}
	.kyobo_cs {float:none; width:100%; margin-left:0;  min-height:auto; margin-top:20px;}
	.cs_box h2 {font-size:1.143rem;}
	.link_wrap {margin-top:10px;}
	.link_wrap a {font-size:0.857rem; padding:0 12px;}
	.link_wrap a span {padding-right:8px;}
	.cs_box_02 {margin-top:20px;}
	.cs_info {margin-top:10px;}
	.cs_info li {font-size:0.857rem;  line-height:16px;}
	.cs_info.cs_info_02 li {float:left; margin-top:0;}
	.cs_info.cs_info_02:after {content:''; display:block; clear:both;}
	.cs_info.cs_info_02 li:nth-child(1) {margin-right:15px;}
	.cs_info.cs_info_02 li:nth-child(3) {width:100%; margin-top:9px;}
	.kyobo_cs {padding:24px 20px 24px 40px;}
	.kyobo_logo {margin-bottom:20px;}
	.kyobo_logo img {height:80px;}

	/* .video_area.video_area_02 {width:145px;}
	.tab_list .swiper-slide  {width:145px;} */

	/* 서브 */
	
	/* 로그인 */
	.login_btn {margin-top:40px;}
	.login_wrap {padding:0 20px;}
	
	.join_step li {font-size:1rem;}
	.join_tit h3 {font-size:1.429rem;}
	.join_tit2 h3 {line-height:normal;}
	.join_tit p {font-size:1rem; line-height:22px; margin-top:15px;}
	.select_box_wrap:before {height:47px;}
	.check_box.check_box03 label span {padding-left:0;}
	.check_box.check_box03 label span:before {display:none;}
	.check_box.check_box03 label {font-size:1rem; height:48px; line-height:46px;}

	.join_info_wrap {margin-top:30px;}
	.join_group {padding:30px 0;}
	.info_la {display:block; padding-top:0; font-size:1.143rem; width:100%;}
	.info_inp_wrap {display:block; margin-top:10px; width:100%;}
	.info_inp input[type=text] {height:40px; width:100%; padding: 0 10px;}
	.info_inp input[type=text].confirm_txt {width:calc(100% - 80px); border-right:0;}
	.info_inp input[type=text].w4 {width:calc(100% - 80px); border-right:none;}
	.inp_box {width:calc(50% - 5px);}
	.inp_box:nth-child(2) {margin-left:10px;}
	.check_box.check_box04 label {height:40px; line-height:38px;}
	.inp_box:after {height:40px;}
	.sel_wrap {width:calc((100% - 20px) / 3); height:40px;}
	.sel_wrap:last-child {margin-right:0;}
	.sel_wrap > a {line-height:40px; padding: 0 10px;}
	.sel_wrap .option_list {top:39px;}
	.check_box input[type=checkbox]+label:before {width:24px; height:24px;}
	.check_box input[type=checkbox]:checked+label:before {background-size:16px 11px;}
	.check_box label {line-height:24px; padding-left:32px;}
	.check input[type=checkbox]+label:before {width:24px; height:24px; margin-top:-12px;}
	.check input[type=checkbox]:checked+label:after {position:absolute; top:50%; margin-top:-6px; left:6px; content:''; width:12px; height:12px; background:#20bcae; border-radius:100%;}
	.check label {line-height:24px; padding-left:32px;}
	.sel_wrap.mo_w {width:80px;}
	.dash {display:none;}
	.dash.dash_on {display:inline-block; margin:0; width:20px; text-align:center;}
	.info_inp input[type=text].w2 {height:40px; border-left:0; border-right:0; width:calc(100% - 160px);}
	.info_inp input[type=text].w2.mo_w2 {border-right:1px solid #ddd; width:calc(100% - 80px);}
	.confirm_btn_st {margin-left:0; height:40px; width:80px;}
	.sub_btn_wrap a {width:calc(50% - 5px); margin:0; height:48px; line-height:46px; font-size:1rem;}
	.sub_btn_wrap a:first-child {margin-right:5px;}
	.sub_btn_wrap a:nth-child(2) {margin-left:5px;}
	.sub_btn_wrap a.one_btn {margin-right:0;}
	
	.all-agree-wrap {margin-top:30px;}
	.chk_line {padding:30px 0;}

	.check_box.check_box02 input[type=checkbox]+label:before {width:24px; height:24px;}
	.view_btn {right:0; width:80px; font-size: 0.857rem;}

	.sub_btn_wrap a.bg_long {width:calc(50% - 5px);}
	.check_box.check_box02 label {font-size:1rem;}
	.sub_btn_wrap {margin-top:20px;}
	.sel_wrap .option_list a {padding:0 10px;}
	.check_height {line-height:24px;}

	.insure_list_wrap {padding:20px;}
	.insure_list_wrap ul {float:none; width:100%;}
	.insure_list_wrap ul.insure_list02 {margin-top:15px;}
	.insure_guide p {line-height:normal;}

	.info_la.info_la2 {display:inline-block; font-size:1rem; width:37%;}
	.info_inp_wrap.info_inp_wrap2 {display:inline-block; margin-top:0; width:63%;}
	.join_group > a {position:static; margin-top:20px; width:100%; height:48px; font-size: 1rem; line-height:46px;}
	.join_detail {font-size:1.143rem;}
	.join_detail > img {height:26px;}
	.join_detail span {padding: 0 15px;}
	.insure_tit span {font-size:1.143rem; margin-left:10px;}
	.insure_tit {padding:25px 0;}
	.insure_tit h4 img {height:28px;}

	/* 상세정보입력 */
	.info_change_tb tr th {padding-left:0;}

	.btn_s {height:40px; width:100px;}
	.btn_s.btn_s1 {width:80px;}
	.btn_s_02 {margin-left:0;}
	.join_group2 .info_inp input[type=text].w100 {height:40px;}
	.info_inp input[type=text].w1 { border-right:none;}
	.check input[type=radio]+label:before {width:24px; height:24px; margin-top:-12px;}
	.check input[type=radio]:checked+label:after {width:12px; height:12px; margin-top:-6px; left:6px;}

	.info_inp input[type=text].w3 {width:calc((100% - 30px) / 3);}
	.sel_wrap.sel_wrap2 {width:calc((100% - 30px) / 3);}
	.q_mark {vertical-align:middle; margin-bottom:2px;}

	.pc_none2 {display:block;}
	.last_join_sec {background-size:auto 40px; padding:70px 0 60px;}

	/* 마이룸 */
	.my_info_01{padding:26px 20px;}
	.my_name {font-size:1.143rem;}
	.my_name strong{font-size:1.429rem;}
	.my_info_box h4 {font-size:1.429rem; margin-bottom:20px; }

	.rest_seed {float:none; width:200px; height:200px; margin:0 auto; padding-top:11px; box-sizing:border-box; }
	.rest_seed dl {width:178px; height:178px; margin:0 auto;}
	.rest_seed dl dt span {font-size:1.429rem;}
	.rest_seed dl dd {font-size:2.857rem;}

	.seed_info {margin-left:0;}
	.seed_info h4 {font-size:1.429rem; line-height:30px;}
	.seed_info p {margin-top:20px; font-size:1rem; line-height:22px;}

	.seed_layer_wrap {padding: 75px 10px 48px;}
	.seed_tb table tr th {font-size:0.857rem; padding:14px 0;}
	.seed_tb table tr td {font-size:0.857rem; padding:14px 0; line-height:normal;}
	.seed_tb03 table tr td {padding:14px 5px;}
	.seed_list span {font-size:0.857rem;}
	.seed_list ul li {font-size:0.857rem;}
	.what_seed_wrap {margin-top:15px;}
	.what_seed {font-size:0.857rem;}
	.what_seed:after {height:2px;}
	.seed_tab_wrap {margin-top:40px;}
	.seed_tab li > a {font-size:1rem; height:48px;}
	.seed_tab li > a span {display:block; width:100%; height:100%; line-height:48px;}
	.sel_wrap_align .sel_wrap {width:160px; height:40px;}
	.seed_tb {margin-top:20px;}
	.tb_s1 tr th {font-size:0.857rem; padding:14px 0;}
	.tb_s1 tr td {font-size:0.857rem; padding:14px 0;}

	.info_tb tr th {padding:14px 0; text-align:center; font-size:0.857rem; width:30%;}
	.info_tb tr td {width:70%; padding:14px 10px;  font-size:0.857rem;}
	.my_info_box02 {margin-top:40px;}

	.paging a {width:30px; height:30px;}

	.join_group2 .info_inp input[type=text].w360 {width:100%;}
	.sel_wrap.sel_wrap_360 {width:100%;}
	.join_pop_link {position:static; width:100%; height:48px; display:block; line-height:48px; margin-top:20px;}
	.join_serv_logo img {height:26px;}
	
	/* 나의 응모 현황 */
	.h_group {display:none;}
	.b_cnt{height:auto; position:relative; padding:20px 0;}
	.b_cnt > div {float:none; line-height:32px!important; height:32px; font-weight:300;}
	.board_list_wrap .exp_win {position:absolute; top:20px; right:0; margin:0;}
	.board_list_wrap .exp_tit {width:calc(100% - 80px); text-align:left; }
	.board_list_wrap .exp_suj {width:calc(100% - 80px); text-align:left; font-size:1.143rem; font-weight:400;}
	.board_list_wrap .exp_per {width:calc(100% - 80px); text-align:left;}
	.board_list_wrap .exp_review {width:100%; margin:10px 0 9px 0; height:48px;}
	.board_list_wrap .exp_win {width:auto;}
	.result_tag {margin:0;}
	.review_link {width:100%; margin:0; line-height:48px; height:48px; font-size:1rem; border-radius:32px;}
	.review_link span:after {display:none;}
	
	.withdraw_guide1 {background-size:auto 40px; padding:100px 20px 40px;}
	.withdraw_guide1 p {font-size:1rem;}
	.withdraw_list li h4 {font-size:1rem; line-height:22px;}
	.etc {width:100%; margin-left:0; height:40px; margin-top:10px;}
	.check_wrap3 .check label {font-size:1rem;}
	.withdraw2 {padding:20px;}

	.page_tab_con li {float:none; width:100%;}
	.page_tab_con li:nth-child(even) { margin-left:0;}

	.page_search_wrap .sel_wrap {width:80px; border-right:none;}
	.page_search_wrap .searcharea {height:40px; margin-left:0; width:calc(100% - 80px);}
	.page_search_wrap input.text_search {line-height:40px; padding: 0 10px;}

	.sub_top_wrap.sub_top_mo {height:174px; }
	.sub_top_wrap.sub_top_wrap1 {background: url(/resources/img/user/bg_m_culture1.jpg) center top/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap2 {background: url(/resources/img/user/bg_m_culture2.jpg) center bottom/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap3 {background: url(/resources/img/user/bg_m_culture3.jpg) center top/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap4 {background: url(/resources/img/user/bg_m_culture4.jpg) left top/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap5 {background: url(/resources/img/user/bg_m_reading1.jpg) left center/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap6 {background: url(/resources/img/user/bg_m_reading2.jpg) left center/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap7 {background: url(/resources/img/user/bg_m_reading3.jpg) left center/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap8 {background: url(/resources/img/user/bg_m_reading4.jpg) left center/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap9 {background: url(/resources/img/user/bg_m_reading5.jpg) left center/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap9-1 {background: url(/resources/img/user/bg_m_reading5.jpg) left top/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap10 {background: url(/resources/img/user/bg_m_reading6.jpg) left center/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap11 {background: url(/resources/img/user/bg_m_youth1.jpg) left center/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap12 {background: url(/resources/img/user/bg_m_youth2.jpg) left center/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap13 {background: url(/resources/img/user/bg_m_youth3.jpg) left center/cover no-repeat; padding: 52px 0 0 0;}
	.sub_top_wrap.sub_top_wrap14 {background: url(/resources/img/user/bg_m_youth4.jpg) left center/cover no-repeat; padding: 52px 0 0 0;}
	.sub_top_wrap.sub_top_wrap15 {background: url(/resources/img/user/bg_m_youth5.jpg) left -15px/cover no-repeat; padding: 52px 0 0 0;}
	.sub_top_wrap.sub_top_wrap22 {background: url(/resources/img/user/bg_m_youth6.jpg) left -15px/cover no-repeat; padding: 52px 0 0 0;}
  .sub_top_wrap.sub_top_wrap16 {background: url(/resources/img/user/bg_m_exp1.jpg) left bottom/cover no-repeat; padding: 52px 0 0 0;}
	.sub_top_wrap.sub_top_wrap17 {background: url(/resources/img/user/bg_m_exp2.jpg) left bottom/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap18 {background: url(/resources/img/user/bg_m_exp3.jpg) left bottom/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap19 {background: url(/resources/img/user/bg_m_exp4.jpg) left bottom/cover no-repeat;}
	.sub_top_wrap.sub_top_wrap20 {background: url(/resources/img/user/bg_m_exp5.jpg) left bottom/cover no-repeat;}
	.depth3_link li a {font-size:1.714rem;}
	.page_tit h3 {font-size:1.429rem;}
	.page_tit {margin-top:40px;}
	.page_tit p {font-size:1rem; line-height:22px; padding:0 16px; box-sizing:border-box;}
	.page_tab_wrap > li > a {height:48px; line-height:46px; font-size:1rem;}
	.page_tab_wrap > li > a.on:after {height:48px;}
	.page_tab_wrap {margin-top:40px; padding:78px 20px 0;}
	.desc h4 {font-size:1.143rem; line-height:20px; /* height:40px; */  height:auto;}
	.desc {padding:15px 20px 20px;}
	.desc_date {margin-top:10px;}
	.ing_tag {width:79px; height:30px; line-height:30px; font-size:0.857rem; right:10px; bottom:10px;}

	.desc_page_tit h3 {font-size:1.571rem;}

	.e_info_wrap {margin-top:20px;}
	/* .e_info_wrap > div {padding-left:0; margin-right:0;} */
	.e_info_wrap > div.e_writer {margin-right:15px;}
	/* .e_info_wrap > div.e_peri {float:none; width:100%;} */
	.e_info_wrap > div.e_peri  {margin-right:15px;}
	/* .e_info_wrap > div:before {display:none;} */
	.e_info_wrap > div.e_inq {display:none;}
	/* .e_info_wrap > div.e_state {margin:10px 0 0;} */
	/* .e_info_wrap > div.e_share {margin:0 0 0 10px;} */
	.e_info_wrap > div.e_share.e_share2 {padding-left:15px;}
	.e_info_wrap > div.e_pdf {margin-right:15px;}
	.cmt_wrap {padding:20px;}
	.list_link_tit {display:none;}
	.list_link_wrap > a.next_link  {background:none;}
	.list_link_wrap > a.prev_link  {background:none;}
	.social_btn {display:inline-block; vertical-align:middle; position:relative; height:48px;width:48px; border-radius:100%; }
	.social_btn span {display:none;}
	.print_btn span {display:none;}
	.btn_shar2:before {position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:url('/resources/img/user/icon_sharing.svg') center center no-repeat; background-size:20px 20px;}
	.recommend:before {position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:url('/resources/img/user/icon_recm.svg') center center no-repeat; background-size:20px 18px;}
	.recommend.on {height:48px;width:48px;}
	.recommend.on:before {background:url('/resources/img/user/icon_recm_on.svg') center center no-repeat; background-size:20px 18px;}
	.print_btn:before {position:absolute; top:0;  left:0; content:''; width:100%; height:100%; background:url('/resources/img/user/icon_print.svg') center center no-repeat; background-size:20px 18px;}
	.desc_btn_rig .list_link  {position:relative; height:48px; width:48px; border-radius:100%;}
	.desc_btn_rig .list_link span {display:none;}
	.desc_btn_rig .list_link:before {content:'';  width:100%; height:100%; background:url(/resources/img/user/icon_list.png) center center no-repeat; background-size:18px 14px; position:absolute; left:0; top:0; }
	.desc_btn_rig .list_link_del:before {content:'';  width:100%; height:100%; background:url(/resources/img/user/icon_del.svg) center center no-repeat; background-size:18px 20px; position:absolute; left:0; top:0; }
	.desc_btn_rig .list_link_cha:before {content:'';  width:100%; height:100%; background:url(/resources/img/user/icon_write.svg) center center no-repeat; background-size:18px 18px; position:absolute; left:0; top:0; }

	.desc_page_con {padding:40px 0 40px;}


	.cmt_list li > div {float:none; width:100%; text-align:left; padding:0; margin-top:10px;}
	.cmt_list li > div:first-child {margin-top:0;}
	.list_link_wrap > a h4 {font-size: 1.143rem;}
	.list_link_wrap > a.prev_link h4 span {position:relative; padding-left:12px;}
	.list_link_wrap > a.prev_link h4 span:before {content:''; width:6px; height:10px; position:absolute; top:50%; margin-top:-5px; left:0; background:url('/resources/img/user/icon_tit.png') center center/cover no-repeat; transform:rotate(180deg);}
	.list_link_wrap > a.next_link h4 span {position:relative; padding-right:12px;}
	.list_link_wrap > a.next_link h4 span:after {content:''; width:6px; height:10px; position:absolute; top:50%; margin-top:-5px; right:0; background:url('/resources/img/user/icon_tit.png') center center/cover no-repeat;}

	.event_info dl dt {font-size: 1.143rem;}
	.event_info dl dd {font-size: 1.143rem; }
	.event_info.event_info2 dl dd {display:block; width:100%; font-size:0.875rem; line-height:20px;}

	.page_tab_con.page_tab_con2 li {min-height:auto;}
	.more_view.one_btn {width:100%; height:48px; font-size:1rem;}
	.btn_wrap {margin-bottom:40px;}

	.inp_wrap {width:100%;}
	.category li  {margin-bottom:8px;}
	.category li a {height:48px; line-height:46px; padding:0 20px; font-size:1rem;}
	.page_tit.page_link {padding:0 0 40px;}
	.page_tit.page_link p {padding:0;}
	.write_btn {height:48px; line-height:46px; top:0;}
	.mo_block {display:block;}
	.category {margin-bottom:0;}

	.desc_btn_rig .list_link:first-child {margin-left:0;}
	.cmt_inp input {height:48px; line-height:46px;}
	.regist_btn  {height:48px; line-height:46px; font-size:1rem; float:right; margin-top:10px;} 
	.desc_txt {font-size:1rem; line-height:normal;}

	.pw_reinp {width:calc(100% - 68px); height:40px; border-right:none; 	padding: 0 10px;}
	.confirm_btn {margin-left:0; height:40px;}

	.add_btn.on {width:calc((100% - 20px) / 3);}
	.add_file {width:calc((100% - 20px) / 3); height:100%;}

	.cast_wrap .page_tab_con li:nth-child(1) {width:100%;}
	.cast_wrap .page_tab_con li:nth-child(2) {width:100%;}
	.cast_wrap .page_tab_con li:nth-child(even) {margin-left:0;}

	.e_info_wrap > div.e_peri.e_peri2 {float:left; width:auto; margin-right:15px;}
	.desc_video_wrap {padding:0;}
	
	.column_wrap {margin-top:0;}
	.board_list2 .col_num {display:none;}
	.board_list2 .b_cnt > div {text-align:left;}
	.board_list2 .b_cnt > div.col_subj {padding-left:0; font-size: 1.143rem;}
	.board_list2 .col_num {width:100%}
	.board_list2 .col_field {width:100%}
	.board_list2 .col_subj {width:100%}
	.board_list2 .col_writer {width:100%}
	.board_list2 .col_date {width:100%}

	.desc_book_title dl dd {font-size: 1.714rem; /* max-width:75%; */}
	.desc_book_info > div.desc_book_title { margin-left:30px; width: calc(100% - 150px);}

	.page_tit h3 {font-size:1.429rem;}
	.book_info_box h4 {font-size:1.429rem;}
	.adm_txt {font-size:1.143rem; line-height:normal;}
	.desc_book_title dl {border-bottom:none; padding-bottom:0;}

	.slide_con_lef {float:none; width:100%;}
	.slide_con_rig {float:none; width:100%; padding:30px 0;}

	.slide_con_rig h3 {font-size: 1.714rem; margin-top:20px;}
	.campaign_date {margin-top:20px;}
	.inner_tab_con h4 {font-size: 1.714rem;}
	.slide_tab li a {padding: 0 25px 20px; height:35px;}
	.frame_st3 .btn {margin-top:-24px;}
	.frame_st3 {height:35px;}
	.inner_tab_wrap {margin-top:10px;}
	.innner_tab li a {line-height:1.2; font-size:1rem;  padding-top:12px;}

	.depth3_link li { margin: 0 20px;}

	.board_list2 {border-top:1px solid #ddd; } 
	.basic_info {float:none; width:100%;}
	.basic_info:first-child {margin-right:0;}
	.desc_book_info {padding:20px 20px 0; background-size:100% 50%; }
	.desc_book_img img {max-width:120px;}
	.desc_book_info > div.basic_info_wrap {float:none; clear:both; width:100%; margin-left:0;}
	.basic_info_wrap {padding-top:30px;} 
	.board_list_wrap.top_none {margin-top:0;}

	.weekly_edu_wrap {margin-top:40px;}

	.add_group {margin-top:20px;}

	.cmt_info > span {font-size:0.857rem;}

	.cmt_inp {width:100%;}
	.cmt_inp .cmt_area {height:80px; width:87%; }
	.cmt_list.cmt_list_top {margin-top:68px;}

	 .big_btn {position:static; margin-top:20px;}
	.howto_wrap {margin-top:0;}
	.step_img {float:none; margin:0 auto; width:120px; height:120px; }
	.howto_step_list > li:nth-child(1) .step_img {background-size:40%;}
	.howto_step_list > li:nth-child(2) .step_img {background-size:40%;}
	.howto_step_list > li:nth-child(3) .step_img {background-size:40%;}
	.step_exp {float:none; width:100%; padding:0; margin-top:20px;}
	.howto_step_list > li {padding:40px 0;} 
	.step_tit h3 {font-size: 1.429rem;}
	.guide_list li {font-size:1rem; line-height:22px;}
	.login_on2 {height:48px; line-height:48px; max-width:100%;}
	.login_on2 span {font-size:1rem;}
	.login_off2 {height:48px; line-height:48px; font-size:1rem;  max-width:100%;}
	.external_btn {height:48px; line-height:48px; font-size:1rem; width:100%;}
	.viewer_link_lef {float:none; width:100%;}
	.viewer_link_rig {float:none; width:100%; padding-left:0; margin-top:40px;}
	.viewer_link_rig:before {display:none;}
	.viewer_link_wrap {padding:20px;}
	.ipt_noti_list li {line-height:22px;}


	.coaching_btn2 {margin-left:10px;}
	.ebook_btn {height:48px; line-height:46px;}

	.b_cnt .ch_num {display:none;}
	.board_list_wrap .ch_suj {width:calc(100% - 90px)!important; padding-left:0;}
	.b_cnt > div.lock {padding-left:18px; box-sizing:border-box;}
	.board_list_wrap.my_coaching .ch_suj  {width:calc(100% - 90px); padding-left:0;}
	.board_list_wrap.my_coaching .b_cnt > div.lock {padding-left:18px; box-sizing:border-box;}
	.board_list_wrap .ch_book_tit {width:calc(100% - 80px); text-align:left;}
	.board_list_wrap .ch_writer {display:none;}
	.board_list_wrap .ch_age {display:none;}
	.board_list_wrap .ch_date {width:100%; text-align:left;}
	.board_list_wrap .ch_state {width:auto!important; position:absolute; top:20px; right:0; }
	/* .b_cnt.no_pad {padding-top:0;} */
	.board_list_wrap .ch_state a {margin:0;}
	
	.board_list.board_list_top  {border-top:1px solid #ddd;}

	.ch_info_list li {font-size:1rem; line-height:22px;}
	.join_tit.join_tit3 p {line-height:22px;}

	.desc_book_info2 .desc_book_title {max-width:100%;}
	.basic_info_wrap.basic_info_wrap2 {margin-top:0;}

	.recom_book_list li {width:100%;}
	.recom_book_list li:nth-child(even) {margin-left:0;}
	.recom_book_list li:nth-child(2) {margin-top:30px;}
	.recom_book_img {width:120px;}
	.recom_book_info {width: calc(100% - 120px); padding:22px 15px; max-height:174.53px;}
		
	.desc_page_con.desc_page_con2 {padding:40px 0;}

	.teacher_coaching h3 {font-size: 1.571rem; padding-top:40px;}

	.change_btn {height:48px; width:100%; line-height:48px; font-size:1rem;}
	.e_info_wrap > div.ch_noti {width:100%; padding-left:0;}
	.e_info_wrap > div.ch_noti:before {display:none;}

	.basic_info dl dt {width:25%;}
	.basic_info.basic_info2 dl dt  {width:20%;}

	.print_btn2 {width:100%; height:48px; line-height:48px;  font-size:1rem;}

	.layer_wrap h2 img {height:35px;}
	.print .swiper-slide p {font-size:1rem;}

	.ch_ing_img {margin-top:40px;}
	.ing_guide h4 {font-size: 1.429rem;}
	.ing_guide p {font-size:1rem; margin-top:20px;}
	.weekly_con_lef  {display:block; width:100%;}
	.weekly_con_rig  {display:block; width:100%; margin-top:30px; margin-left:0; padding:0;}

	.weekly_tit h3 {font-size: 1.571rem; margin-left:8px; white-space:normal; text-overflow:clip; overflow:visible; max-width: calc(100% - 58px);}
	.weekly_tit h3 a {background-position:right 10px; line-height:normal;}
	.weekly_date {float:none; width:100%; display:block; font-size:0.857rem;}
	.weekly_tag {font-size:0.857rem; width:50px;}
	.weekly_tit h3 .new_tag {margin-bottom:4px;}
	.weekly_con {margin-top:10px;}
	.w_more {bottom:20px; right:20px;}
	
	.cardnews_slide_wrap .swiper-button-prev {left:30px;}
	.cardnews_slide_wrap .swiper-button-next {right:30px;}

	.board_list2 .b_cnt > div.col_subj a {font-size:1.143rem; padding: 0 18px 0 0; font-weight:400;}
	
	.sel_wrap.sel_ps {position:relative; top:20px; left:50%; margin-left:-80px;} 

	.recom_book {float:none; width:100%;}
	.recom_book:nth-child(odd) {background-size:100% 62%;}
	.recom_book:nth-child(even) {background-size:100% 62%; margin-left:0;}

	.mind_tit {font-size: 1.714rem;}
	.sub_inner2.sub_inner_pad {padding:40px 0;}
	.theme_tit {margin-top:30px;}
	.theme_tit h4 {font-size: 1.429rem; width:100%;}
	.recom_book h4 {font-size: 1.571rem;}

	.theme_tit h4 span:before {display:none;}

	/* 마음이 자라는 책 리스트 */
	.list_cnt li {float:none; width:100%; min-height:auto;}
	.list_cnt:first-child li:nth-child(2) {margin-top:40px;}
	

	/* 북칼럼 */
	.column_list li {float:none; width:100%; min-height:auto; max-height:none;}
	.column_list li:nth-child(even) {margin-left:0;}

	.book_column_info h3 {font-size: 1.34rem;}
	.column_writer {margin-top:10px;}

	.basic_info dl.info_h {height:auto;}
	
	.list_title h3 {font-size: 1.571rem;}
	.back_btn_st2 {height:48px; line-height:46px;}

	.list_txt {font-size:1rem; line-height:22px;}

	.keyword_wrap > div {padding:0 10px; min-width:auto;}

	.recom_book_info dl dt {width:60px;}
	.recom_book_info dl dd {width:calc(100% - 60px);}
	
	.board_list_wrap .ch_suj a {padding:0 18px 0 0; font-size: 1.143rem; font-weight: 400; height:auto!important}
	.board_list_wrap .ch_suj.on a {padding:0 18px 0 0;}


	.ebook_list_st li {width:100%; min-height:auto; position:relative;}
	.ebook_list_st li:nth-child(even) {margin-left:0;}
	.ebook_list_st li:nth-child(2) {margin-top:40px;} 

	.list_cnt {padding-bottom:0;}
	.list_cnt li:nth-child(even) {margin-left:0;} 
	.list_contents_wrap {padding-top:30px;}
	.list_contents {margin-top:30px;}


	/* 서비스 특징 */
	.sub_top_wrap.first_visit_top {padding:60px 0 73px;}
	.sevice_exp_wrap1 .sevice_txt1 {font-size:1.429rem; line-height:30px;}
	.sevice_exp_wrap1 .sevice_txt2 {font-size:1rem; line-height:22px; margin-top:20px;}
	
	.pop_columnist ul li {width:30%; margin-left:5%;}
	.pop_columnist ul li:first-child {margin-left:0;}
	/* .pop_img  {max-width:120px;} */

	.page_tit.left_align.left_align2 {margin-top:40px;}
	.celeb_list_wrap {margin-top:40px;}
	.celeb_list li {width:100%; padding:0 0 30px !important;}
	.celeb_list li:nth-child(2) {margin-top:30px;}

	.celeb_column h3 {height:auto; font-size:1rem; line-height:normal;}
	.column_date {font-size:0.857rem;}
	.columnist_layer_wrap {padding:75px 20px 48px;}
	/* .pop_columnist_list {padding:0 10px; box-sizing:border-box;} */

	.global_list_wrap {margin-top:40px;}

	.map_area {min-height:250px;}
	.map_area p {font-size:1rem; padding-top:0px; line-height:250px;}
	.lectur_info dl dt {font-size: 1.143rem;}
	.lectur_info dl dd {font-size: 1.143rem;}
	.enter_guide {margin-top:40px;}

	/* 서비스상세안내 */
	.page_top {background:none; padding:0; margin-top:40px;}
	.service_tab_wrap {margin-top:40px; padding-top:88px;}
	.service_tab_wrap > li > a {height:48px; line-height:46px; font-size: 1rem;}
	.service_tab_wrap > li > a.on:after {height:48px;}
	.tab_top {padding:0 0 120px 0; background-size:auto 95px; background-position:center bottom;}
	.tab_top p {font-size: 1.429rem; line-height:normal;}
	.tab_link_list li {padding:40px 0;}
	.tab_link_list li h5 a {background-position:right 55%; font-size: 1.429rem;}
	.page_top_logo img {height:28px;}
    
	#centered4 {padding-right:20px;}
	#centered4 > ul { min-width:1246px !important; }
	.frame.frame_box {padding:0 0 0 20px;}


	.tit {display:inline-block; margin-right:3px;}

	.board_list_wrap.all_coaching .ch_book_tit  {width:100%;}
	.board_list_wrap.all_coaching .ch_writer {position:relative; text-align:left; width:auto; display:inline-block; padding-right:8px; margin-right:8px;}
	.board_list_wrap.all_coaching .ch_writer:after {content:''; width:1px; height:12px; background:#ddd; position:absolute; top:50%; margin-top:-5px; right:0; }
	.board_list_wrap.all_coaching .ch_age {position:relative; text-align:left; width:auto; display:inline-block; padding-right:8px; margin-right:8px;}
	.board_list_wrap.all_coaching .ch_age:after  {content:''; width:1px; height:12px; background:#ddd; position:absolute; top:50%; margin-top:-5px; right:0; }
	.board_list_wrap.all_coaching .ch_date  { width:auto; display:inline-block;}

	.theme_book_info h5 {white-space: normal; line-height:1.2; height:2.4em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

	#centered2 > ul {min-width:613px;}

	.celeb_column {margin-left:15px; width: calc(100% - 151px);}

	.desc_book_info2 {height:250px;}
	.desc_book_info2.youth_book_info {height:250px;}

	.priv {min-height:auto; max-height:90%;}

	.sub_video_wrap {padding:0 20px;}

	/* 체험학습 */ 
	.exp_list li {float:none; width:100%; }
	.exp_list li:nth-child(even) {margin-left:0;}
	.exp_info > dl {float:none; width:100%; margin-left:0; padding-left:0; margin-top:10px;}
	.exp_info > dl:before {display:none;}
	.exp_desc h3 {font-size:1.143rem; line-height:20px; height:auto;}
	.exp_info2 {margin-top:15px;}
	.exp_info2 dl {margin-top:5px;}
    
	.inner_tab_wrap.exp_tab_wrap {padding-top:40px;}
	.inner_tab_wrap.exp_tab_wrap .innner_tab {padding-top:48px;}
	.inner_tab_wrap.exp_tab_wrap .innner_tab li a {height:48px; line-height:48px; padding-top:0;}
	.inner_tab_wrap.exp_tab_wrap .inner_tab_con {padding:30px;}
	.exp_info > dl > dt {font-size:1rem;}
	.exp_info > dl > dd {font-size:1rem;}

	.sel_wrap.sel_wrap_grade.mo_w2 {width:100%;}
	.add_info {font-size:1rem;}
	.exp_wrap.exp_wrap_top {margin-top:40px;}
	.exp_desc h3.on .new_tag {top:auto; bottom:0; margin-bottom:0;}

	.cast_wrap .page_tab_con li:nth-child(1) .desc h4 {height:auto;}
	.cast_wrap .page_tab_con li:nth-child(2) .desc h4 {height:auto;}

	.onair_tit {font-size:1rem; line-height:normal;}
	.onair_txt {font-size:1rem; line-height:normal; margin-top:20px;}

	/* 추천 테마여행 */
	.theme_trip1 {padding:40px 0;}
	.theme_trip1 .swiper-slide {height:auto;}
	.theme_trip1 .swiper-button-next {right:5%; margin-right:2px;}
	.theme_trip1 .swiper-button-prev {left:5%; margin-left:2px;}
	.theme_trip1 .swiper-slide .theme_img {width:100%;}
	.theme_desc {max-height:100%; padding:20px;}
	.theme_desc h4 {font-size: 1.143rem; line-height:normal;}
	.theme_desc p {font-size:0.857rem; line-height:16px; white-space: normal; height:32px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top:10px;}

	.theme_trip h3 {font-size: 1.714rem;}
	.theme_trip2 {padding:40px 0 40px 20px;}
	.now_trip {margin-top:40px;}

	.b_cnt > div.lock:before {top:4px;}

	.theme_trip3 {padding:40px 20px;}
	.now_trip > div h4 {font-size: 1.429rem;}
	.quiz_box {padding:20px;}
	.theme_trip3 h3 span:after {background-size:auto 26px;}
	.quiz_img {float:none; width:100%; height:auto; /* height:0; padding-bottom:60%; */}
	.quiz_img img {position:static; transform:none; max-width:100%;}
	.quiz_cnt {float:none; width:100%; margin-top:30px; padding:0;}
	.hint:before {background-size:auto 18px;}
	.answer_btn {height:48px; line-height:48px; width:100%;}
	.theme_trip4 {padding:40px 20px 0;}
	.fam_tag {margin-bottom:15px;}
	.answer_list li {font-size: 1.25rem; width:auto; margin-right:10px; margin-bottom:10px; }
	.answer_list li:last-child {margin-left:0;}

	.now_trip .swiper-slide {width:120px !important;}
	.now_trip_img {width:120px; height:120px;}
	.theme_trip3 {position:relative; padding-bottom:60px;  background: url(/resources/img/user/bg_quiz.jpg) center top no-repeat; background-size:auto 150%;}
	.theme_trip3:after {position:absolute; left:0;  bottom:0; content:''; width:100%; height:40px; background: url('/resources/img/user/bg_wave.png') top center/cover no-repeat;}

	.sub_inner.sub_inner_wave.theme_desc_top {padding:0 0 60px !important;}
	.theme_detail_tit {padding:75px 20px; box-sizing:border-box; border-radius:0;}
	.theme_detail_tit h3 {font-size: 1.714rem;}
	.area_name {height:48px; line-height:46px;}
	.theme_detail_tit p {font-size: 1rem; word-break:keep-all;}

	.seed_tab_cnt {top:48px;}
	.join_group:last-child .info_la.pad_top {padding-top:0;}

	.cust_guide {font-size:1rem; line-height:22px;}
	.seed_tab_wrap.cust_tab_wrap {margin-top:40px;}
	.sel_wrap.cust_sel_wrap {width:100%;}

	.board_list3 .col_answer {position:absolute; top:20px; right:20px; width:auto; }
	.board_list3 .col_answer span {text-align:center;}

	.board_list3 .col_arr  {position:absolute; top:20px; right:0; width:auto; }
	.col_arr span {height:32px; background-size:12px 12px;}
	.board_list3 .col_subj {/* width:calc(100% - 100px); */ white-space: normal; text-overflow:clip; height:auto; word-break:keep-all; font-weight:400; padding:0 !important; margin:4px 0 !important;} 

	.sub_top_wrap.cust_top_wrap {height:174px; padding:0;}
	.sub_top_wrap.cust_top_wrap .sub_top h2 { line-height:154px;}

	.faq_list dl dt {padding: 20px 40px 20px 48px;}
	.faq_list dl dt:before {left:0;}
	.faq_list dl dt:after{right:0;}

	.board_list4 .col_arr {position:absolute; top:50%; margin-top:-16px; right:0; width:auto; height:auto; }
	.board_list4 .col_subj {width:calc(100% - 20px); white-space: normal; text-overflow:clip; height:auto; word-break:keep-all;  font-weight:400; padding:0 !important; margin:4px 0 !important;}

	.answer_cnt {padding:30px 20px;}
	.faq_list dl dd {padding:25px 20px 25px 68px;}

	/* 검색결과 */
	.search_result_wrap h3 { font-size: 1.714rem; margin-bottom:40px;}
	.search_result h4 {display:block; width:100%; font-size: 1.571rem; padding-top:0;}
	.result_list {display:block; width:100%; margin-top:20px;}
	.result_list > div > a {height:48px; line-height:46px; font-size:1rem;}
	.search_result_cont {margin-top:40px;}
	.search_result {margin-top:25px;}

	.sub_inner.no_pad {padding:40px 0 60px !important;}


	.layer_wrap button {height:48px; line-height:46px; font-size:1rem;}

	.pw_ch_wrap .pw_inp label {font-size: 1.143rem;}
	.pw_ch_wrap .inp_wrap input {height:40px; padding: 0 10px;}
	.pw_ch_wrap .pw_cha_btn {height:48px; line-height:46px; font-size: 1rem;}

	.dmt_cancle_btn {width:calc(50% - 5px);}
	.dmt_cha_btn {width:calc(50% - 5px);}

	.dmt_guide p {font-size:1rem; line-height:22px; margin-top:20px;}

	.cmt_list li > div.cmt_edt {position:static; margin-top:10px;}
}
@media screen and (max-width:680px){
	.sub_top_guide {max-width:90%;}
}

@media screen and (max-width:640px){
	.ebook_list .swiper-slide {width:35% !important;}
	
	.instal_btn {display:block;}
	.ap_down {margin-top:10px;}

	.desc_book_info2  {background: url(/resources/img/user/bg_mch_end.jpg) right bottom/cover no-repeat; padding-bottom:30px; height:auto;}
	.desc_book_info2.youth_book_info {background: url(/resources/img/user/bg_mch_end2.jpg) right bottom/cover no-repeat; padding-bottom:30px; height:auto;}


}

@media screen and (max-width:500px){
	.sub_top_guide {max-width:none;}
	.sub_top_wrap.sub_top_wrap19.sub_top_mo {background-position:left -20px;}
}

@media screen and (max-width:480px){
	.ebook_list .swiper-slide {width:50% !important;}
	.wbook_list .swiper-slide {width: 50% !important;}
	.tb_slide .swiper-slide {width: 50% !important;}
	.sub_top_wrap.sub_top_wrap2 {background-position:center -24px;}
}

@media screen and (max-width:444px){
	.sub_top_wrap.sub_top_wrap5.sub_top_mo {padding:30px 0 0 0;}
}

@media screen and (max-width:441px){
	.sub_top_wrap.sub_top_wrap12.sub_top_mo {padding:30px 0 0 0;}
}

@media screen and (max-width:430px){
	.sub_top_wrap.sub_top_wrap13.sub_top_mo {padding:45px 0 0 0;}
}

@media screen and (max-width:437px){
	.sub_top_wrap.sub_top_wrap8.sub_top_mo {padding:30px 0 0 0;}	
}

@media screen and (max-width:420px){
	.paging.paging_mo a:nth-child(6) {display:none;}
	.paging.paging_mo a:nth-child(7) {display:none;}
	/* .desc_book_title dl dd {word-break:normal;} */
	.sub_top_wrap.sub_top_wrap19.sub_top_mo {padding:30px 0 0 0;}	
}

@media screen and (max-width:412px){
	.sub_top_wrap.sub_top_wrap2.sub_top_mo {padding:30px 0 0 0;}
	.sub_top_wrap.sub_top_wrap16.sub_top_mo {padding:45px 0 0 0;}
}

/* @media screen and (max-width:394px){
	.sub_top_wrap.sub_top_wrap5.sub_top_mo {padding:30px 0 0 0; padding:20px 0 0 0;}	
} */

@media screen and (max-width:398px){
	.sub_top_wrap.sub_top_wrap6.sub_top_mo {padding:30px 0 0 0;}
}

@media screen and (max-width:395px){
	.sub_top_wrap.sub_top_wrap10.sub_top_mo {padding:30px 0 0 0;}
}

@media screen and (max-width:392px){
	.sub_top_wrap.sub_top_wrap12.sub_top_mo {padding:30px 0 0 0;}
}

@media screen and (max-width:391px){
	.sub_top_wrap.sub_top_wrap17.sub_top_mo {padding:30px 0 0 0;}
}

@media screen and (max-width:384px){
	.rb_list li:nth-child(1) {margin:0 10px 0 0;}
	.rb_list li:nth-child(2) {margin:0 0px 0 10px;}
}

@media screen and (max-width:383px){
	.sub_top_wrap.sub_top_wrap7.sub_top_mo {padding:30px 0 0 0;}
}

@media screen and (max-width:382px){
	.sub_top_wrap.sub_top_wrap4.sub_top_mo {padding:30px 0 0 0;}
	.hidden_link a.detail_link span {padding-left:0;}
	.hidden_link a.detail_link span:before {display:none;}
	.hidden_link a.preview_link span {padding-left:0;}
	.hidden_link a.preview_link span:before {display:none;}

	.rb_img {max-width:111px; min-width:111px;}
	.rb_img img {max-width:95px;}
	.rb_info {max-width:111px;}
	.rb_list li:nth-child(1) {margin:0 7px 0 0;}
	.rb_list li:nth-child(2) {margin:0 0px 0 7px;}

}

@media screen and (max-width:378px){
	.paging a:nth-child(6) {display:none;}
	.paging a:nth-child(7) {display:none;}
}

@media screen and (max-width:377px){
	.pw_ch_wrap .pw_guide br {display:none;}
}

@media screen and (max-width:374px){
	.lnb {padding:0 0;}
}

@media screen and (max-width:367px){
	.sub_top_wrap.sub_top_wrap15.sub_top_mo {padding:45px 0 0 0;}
}

@media screen and (max-width:360px){
	.sub_top_wrap.sub_top_wrap11.sub_top_mo {padding:30px 0 0 0;}
}


@media screen and (max-width:363px){
	.big_tit {font-size:1.286rem;}
	.main_quick > div:nth-child(1) {margin:0 2px; }
	.main_quick > div:nth-child(2) {margin:0 2px; }	
	.main_quick > div:nth-child(3) {margin:0 2px; }
	.main_quick > div:nth-child(4) {margin:0 2px;}

	.my_info dl dt {font-size:1rem;}
	.my_info dl dd {margin-top:5px;}
	.my_info_bot {background-size:auto 20px; margin-top:15px;}


	.sub_top_wrap.sub_top_wrap2.sub_top_mo {padding:30px 0 0 0;}
	.sub_top_wrap.sub_top_wrap3.sub_top_mo {padding:30px 0 0 0;}
	
	.desc_book_title dl dd {font-size:1.5rem;}
	.desc_book_info > div.desc_book_title { margin-left:20px; width: calc(100% - 140px);}
}



@media screen and (max-width:348px){
	.sub_top_wrap.sub_top_wrap6.sub_top_mo {padding:30px 0 0 0;}
}

@media screen and (max-width:345px){
	.weekly_tit h3 {display:block;  margin-left:0; margin-top:5px;}
}

@media screen and (max-width:343px){
	.sub_top_wrap.sub_top_wrap14.sub_top_mo {padding:45px 0 0 0;}
}

@media screen and (max-width:342px){
	/* .desc_btn_rig {float:none; margin-top:10px;} */
	.innner_tab li a { font-size:0.875rem; padding-top:14px;} 
}

@media screen and (max-width:340px){
	.sub_top_wrap.sub_top_wrap5.sub_top_mo {padding:20px 0 0 0;}
}
@media screen and (max-width:339px){
	.sub_top_wrap.sub_top_wrap8.sub_top_mo {padding:20px 0 0 0;}	
	.sub_top_wrap.sub_top_wrap12.sub_top_mo {padding:15px 0 0 0;}
	.sub_top_wrap.sub_top_wrap19.sub_top_mo {padding:20px 0 0 0;}	
}
@media screen and (max-width:334px){
	.my_info dl dt span.seed_arrow:after {display:none;}
	.sub_top_wrap.sub_top_wrap7.sub_top_mo {padding:15px 0 0 0;}
}

@media screen and (max-width:330px){
	.depth3_link li {margin:0 10px;}	
}

@media screen and (max-width:321px){
	.sub_top_wrap.sub_top_wrap9.sub_top_mo {padding:30px 0 0 0;}
}
 
@media screen and (max-width: 1100px){
	.inquiry_layer,
	.lookup_layer{overflow-y: auto;}
	.lookup_layer .join_tit{margin-top: 20px;}
	.lookup_list{max-height: none;padding-right:0;}
}


/* 회원조회하기 팝업 */
.inquiry_layer_wrap{display: none;padding: 75px 50px 50px;min-width: 786px;}
.inquiry_wrap{margin-top: 60px;}
.join_group.join_group3{border-bottom: none;padding: 0;}
.join_group.join_group3 ~ .join_group.join_group3{padding-top: 25px;}
.info_la3{padding-top: 10px;}
.inquiry_bot{margin-top: 40px;border-top: 1px solid #ddd;}
.layer_wrap .sel_wrap .option_list{max-height: 121px;overflow-y: auto;}

.lookup_layer_wrap{display: none;padding: 75px 50px 50px;min-width: 786px;}
.lookup_layer .join_tit{margin-top: 35px;}
.lookup_layer .join_info_wrap{border-bottom: none;}
.lookup_list{max-height: 470px;overflow-y: auto;padding-right: 10px;}

/* 2022-05-04 추가 */
.sub_btn_wrap a.bg_s3 {border:1px solid #6d6d6d; background:#6d6d6d; color:#fff; font-weight:500;}
.event_info dl dt {font-weight: 500;}
.long_txt {outline:none;}
.ch_tit br {display: none;}
.sub_btn_wrap a {width:calc(30% - 5px); margin:0; height:48px; line-height:46px; font-size:1rem;}


 /* s :: 2023-06-29 전자도서관  */
.elibrary .howto_step_list > li:nth-child(1) .step_img {background:url('/resources/img/user/icon_howto_elibrary01.png') center center no-repeat;}
.elibrary .howto_step_list > li:nth-child(2) .step_img {background:url('/resources/img/user/icon_howto_elibrary02.png') center center no-repeat;}
.elibrary .howto_step_list > li:nth-child(3) .step_img {background:url('/resources/img/user/icon_howto_elibrary03.png') center center no-repeat;}
.elibrary .howto_step_list > li:nth-child(4) .step_img {background:url('/resources/img/user/icon_howto_elibrary04.png') center center no-repeat;}
.elibrary .sub_btn_wrap{margin-bottom: 100px; margin-top: 0;}
.elibrary .viewer_img2 {background: url(/resources/img/user/icon_viewer3.png) center center no-repeat;}
.ipt_noti_list li span.color_noti {font-weight: 400;color: #00a99a;}
 /* e :: 2023-06-29 전자도서관  */