@charset "utf-8";

/* 서브페이지 전체 레이아웃 */
#container{position:relative;}
#inConts{width:1100px;margin:0 auto 60px;padding-top:20px;}

/* 서브페이지 퀵 */
#quick{top:20px;}
#quick.category{top:70px;}
#quick.seminar{top:66px;}
#quickBanner{z-index:10;position:absolute;top:20px;left:50%;width:86px;margin-left:558px;}
#quickBanner.category{top:70px;}
#quickBanner.seminar{top:66px;}
#quickBanner > ul{}
#quickBanner > ul > li{margin-top:8px;}
#quickBanner > ul > li:first-child{margin-top:0;}
#quickBanner > ul > li > a{display:block;border:1px solid #e1e1e1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#quickBanner > ul > li > a img{width:100%;height:auto;}


/* 전체카테고리 view 상품 구매 영역 */
.wrap_viewPrd{padding:20px 0;border-top:1px solid #333;}
.wrap_viewPrd{}
.wrap_viewPrd:after{content:"";clear:both;display:block;height:0;line-height:0;}
.wrap_viewPrd > li{float:left;}
.wrap_viewPrd > li:first-child{width:335px;}
.wrap_viewPrd > li:last-child{width:497px;padding-left:40px;}
.view_wrap_img{}
.view_wrap_img .in_img{overflow:hidden;position:relative;width:335px;height:335px;border:1px solid #e5e5e5;}
.view_wrap_img .in_img .img_pos{width:100%;height:100%;line-height:322px;text-align:center;}
.view_wrap_img .in_img .img_pos > div > div::before {content:"";display:inline-block;height:100%;}
.view_wrap_img .in_img .img_pos img{max-width:100%;max-height:100%;display:inline-block;}
.view_wrap_img .in_img .area_btn{position:absolute;bottom:10px;right:10px;}
.view_wrap_img .in_desc{line-height:1.5;font-size:13px;color:#666;}
.view_wrap_img .in_down{padding:20px 0;background-color:#f6f6f6;text-align:center;}
.view_wrap_img .in_down button{margin:0 2px;}
.view_wrap_img .in_share{padding:20px 0;background-color:#f6f6f6;text-align:center;}
.view_wrap_img .in_img .btn_prev,
.view_wrap_img .in_img .btn_next{position:absolute;top:50%;margin-top:-18px;width:36px;height:36px;background-image:url("/images/renew_pc/main/btn/btn_horizontal.png");background-repeat:no-repeat;background-color: rgba(0,0,0,0.2);text-indent:-9999px;color:transparent;outline:none;}
.view_wrap_img .in_img .btn_prev{left:0;}
.view_wrap_img .in_img .btn_next{right:0;background-position:0 -46px;}

.view_wrap_txt .info{}
.view_wrap_txt .info > li{display:table;width:100%;margin-top:8px;}
.view_wrap_txt .info > li:first-child{margin-top:0;}
.view_wrap_txt .info > li:after{content:"";clear:both;display:block;height:0;line-height:0;}
.view_wrap_txt .info > li > .tit,
.view_wrap_txt .info > li > .cont{display:table-cell;vertical-align:middle;}
.view_wrap_txt .info > li > .tit{width:118px;font-weight:700;}
.view_wrap_txt .info > li > .cont{}
.view_wrap_txt .info > li > .cont span{margin-right:5px;font-size:13px;font-weight:400;color:#666;}
.view_wrap_txt .info > li > .cont .v_prc{line-height:1.2;font-size:18px;font-weight:700;color:#25418f;}
.view_wrap_txt .info > li > .cont .v_code{font-size:14px;font-weight:700;color:#f7931b;}
.view_wrap_txt .info > li select.select_option{width:100%;}
.view_wrap_txt .disabled_option{margin-top:18px;padding:14px 14px 18px;background-color:#f6f6f6;}
.view_wrap_txt .disabled_option .wrap_opSlt{overflow:hidden;}
.view_wrap_txt .disabled_option .wrap_opSlt > li{float:right;}
.view_wrap_txt .disabled_option .wrap_opSlt > li:first-child{float:left;max-width:300px;}
.view_wrap_txt .disabled_option .wrap_opSlt .tit{overflow:hidden;display:block;line-height:30px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;}
.view_wrap_txt .disabled_option .wrap_opSlt .tit em{color:#666;font-weight:400;}
.view_wrap_txt .disabled_option .wrap_opUnit{margin-top:18px;}
.view_wrap_txt .disabled_option .wrap_opUnit > ul{text-align:right;}
.view_wrap_txt .disabled_option .wrap_opUnit > ul > li{overflow:hidden;line-height:1.2;margin-top:4px;}
.view_wrap_txt .disabled_option .wrap_opUnit > ul > li:first-child{margin-top:0;}
.view_wrap_txt .disabled_option .wrap_opUnit > ul > li  span{display:inline-block;vertical-align:middle;font-size:13px;}
.view_wrap_txt .disabled_option .wrap_opUnit > ul > li  span.num_chk{width:120px;text-align:left;color:#666;}
.view_wrap_txt .disabled_option .wrap_opUnit > ul > li span.num_prc{width:160px;color:#666;}
.view_wrap_txt .disabled_option .wrap_opUnit > ul > li span.num_prc em{color:#25418f;}
.view_wrap_txt .disabled_option .wrap_opUnit > ul > li span.num_prc em.orange_strong{color:#f7921e; font-size:13px; font-weight:700;}
.view_wrap_txt .all_sum{position:relative;padding:15px 0;text-align:right;}
.view_wrap_txt .all_sum span{font-size:13px;color:#666;}
.view_wrap_txt .all_sum .s_tit{font-size:14px;color:#333;}
.view_wrap_txt .all_sum .s_point{font-size:18px;font-weight:700;color:#25418f;}
.view_wrap_txt .btn_area{display:table;width:100%;}
.view_wrap_txt .btn_area li{display:table-cell;width:1%;padding-left:6px;vertical-align:middle;}
.view_wrap_txt .btn_area li:first-child{padding-left:0;}
.view_wrap_txt .btn_area li button{width:100%;padding:0;}
.view_wrap_txt .btn_outside{overflow:hidden;margin-top:19px;}
.view_wrap_txt .btn_outside .b_naver,
.view_wrap_txt .btn_outside .b_kakao{float:left;}
.view_wrap_txt .btn_outside .b_naver{width:277px;}
.view_wrap_txt .btn_outside .b_kakao{width:180px;padding-left:19px;}
.view_wrap_txt .btn_outside .b_kakao a{display:block;height:39px;background:url("/images/renew_pc/sub/btn/btn_kakao_advice__.png") no-repeat;text-indent:-9999px;color:transparent;}
.view_wrap_txt input[type="text"]{width:65px;height:30px;line-height:30px;padding:0 10px;border:1px solid #d1d1d1;vertical-align:middle;}
/* 교보재용 신청 */
.agent_txt {font-size:13px; color:#666; margin-bottom:8px;}
/* 전체카테고리 view page 상품 번호 */
.wrap_prd_number{}
.wrap_prd_number p{padding:1px;font-weight:700;}
.wrap_prd_number p strong{font-size:18px;color:#f7931b;}
.tab_st.dodge .wrap_prd_number{padding-top:20px;}

/* 전체카테고리 view Q&A */
.wrap_qna{border-top:1px solid #333;}
.wrap_qna > li{border-bottom:1px solid #e5e5e5;}
.wrap_qna .area_question{position:relative;padding-left:70px;}
.wrap_qna .area_question .ico_q{position:absolute;top:13px;left:20px;width:19px;height:26px;background:url("/images/renew_pc/sub/icon/ico_acc_question.png") no-repeat;text-indent:-9999px;color:transparent;}
.wrap_qna .area_question .cont{position:relative;padding:17px 100px 20px 0;}
.wrap_qna .area_question .cont h3{font-weight:400;}
.wrap_qna .area_question .cont h3 .ico_secret{display:inline-block;width:14px;height:16px;margin-right:5px;vertical-align:middle;background:url("/images/renew_pc/sub/icon/ico_secret.png") no-repeat;text-indent:-9999px;color:transparent;}
.wrap_qna .area_question .cont .in_date{margin-top:3px;}
.wrap_qna .area_question .cont .in_date span{display:inline-block;vertical-align:middle;}
.wrap_qna .area_question .cont .in_date .acc_date{margin-left:10px;font-size:13px;color:#666;}
.wrap_qna .area_question .cont .btn_openAns{position:relative;margin-left:-10px;padding:3px 20px 3px 10px;color:#666;outline:none;}
.wrap_qna .area_question .cont .btn_openAns:after{content:"";position:absolute;top:50%;right:5px;width:11px;height:6px;margin-top:-2px;background:url("/images/renew_pc/sub/icon/ico_acc_toggle.png") no-repeat;}
.wrap_qna .area_question .cont .btn_openAns.active:after{background-position:0 -11px;}
.wrap_qna .area_question .cont .ans_chk{position:absolute;top:14px;right:20px;}
.wrap_qna .area_answer{position:relative;padding-left:70px;border-top:1px solid #e5e5e5;}
.wrap_qna .area_answer > em{position:absolute;top:14px;left:21px;width:30px;height:24px;background:url("/images/renew_pc/sub/icon/ico_acc_answer.png") no-repeat;text-indent:-9999px;color:transparent;}
.wrap_qna .area_answer > p{padding:17px 17px 17px 0;}
.wrap_qna .area_answer.ans_on{background-color:#eef0f6;}
.wrap_qna .area_answer.ans_on > p{color:#21418e;}
.wrap_qna .area_answer.ans_off{background-color:#f0f0f0;}
.wrap_qna .area_answer.ans_off > em{background-position:0 -25px;}
.wrap_qna .area_answer.ans_off > p{color:#999;}

/* 상품 상세페이지 예외처리 및 기본 ui */
#prod_header_background { background:url("/images/renew_pc/nullDefault/prod_content_title_back.webp") no-repeat 0 0; text-align:center;background-size:100%; width:100%; height:104px; line-height:90px; font-size:18px; color:#444; padding: 0 0 5px 0; font-weight:bold;}
.prod_header_pdf{text-align:center;font-weight:500;font-size:16px;}

#prod_content_custom_demo img{ max-width:1100px; }
#prod_content_custom_demo table {margin: 0 auto;}
#prod_content_custom_demo td{ border-top:solid 1px #d6d6d6; padding:5px 8px 5px 34px;}

#thisis_prodcode { padding-top:10px;padding-bottom:10px;text-align:center; background:url("/images/renew_pc/nullDefault/prod_no_back.png") no-repeat 0 0; background-size:100%; text-align:center; width:100%;}

.view_wrap_txt .visible_option{margin-top:18px;}
.view_wrap_txt .visible_option > li{border-bottom:1px solid #d1d1d1;background-color:#f6f6f6;}
.view_wrap_txt .visible_option .wrap_opCnt{overflow:hidden;position:relative;padding:14px 125px 14px 14px;}
.view_wrap_txt .visible_option.none_opt .wrap_opCnt{padding-right:37px;}
.view_wrap_txt .visible_option .wrap_opCnt .wrap_txt{overflow:hidden;}
.view_wrap_txt .visible_option .wrap_opCnt .wrap_txt .desc,
.view_wrap_txt .visible_option .wrap_opCnt .wrap_txt .prc{float:left;font-size:12px;}
.view_wrap_txt .visible_option .wrap_opCnt .wrap_txt .desc{width:65%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.view_wrap_txt .visible_option .wrap_opCnt .wrap_txt .prc{width:35%;text-align:right;}
.view_wrap_txt .visible_option .wrap_opCnt .wrap_txt .prc strong{margin-right:3px;font-size:13px;font-weight:400;color:#25418f;}
.view_wrap_txt .visible_option .wrap_opCnt .wrap_ct{position:absolute;top:50%;right:10px;text-align:right;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.view_wrap_txt .visible_option .wrap_opCnt .wrap_ct .btn_del{width:20px;height:20px;margin-left:2px;background:url("/images/renew_pc/sub/btn/btn_close_12x12.png") no-repeat 50%;text-indent:-9999px;color:transparent;}
.pops_writeOpen .pops_container .p_cont .view_wrap_txt{margin:20px 0;padding:0 20px;}
.pops_writeOpen .pops_container .p_cont .view_wrap_txt .visible_option{margin-top:0;max-height:155px;overflow-y:auto;}
.pops_writeOpen .pops_container .p_cont .view_wrap_txt .visible_option .wrap_opCnt input[type="text"]{width:100%;height:100%;line-height:0;padding:0;border:0 none;vertical-align:top;}