/****************************************/ /* Name: 참고수 /* Version: 1.0 / day: 2019-03-28 /* Author: /* Summary 1)콘텐츠 레이아웃 2)반응형 레이아웃 3)메인 콘텐츠 4)반응형 메인 콘텐츠 5)서브 콘텐츠 6)반응형 서브 콘텐츠 */ /* 2019.11.04 모듵 폰트 사이즈 -2로 조정 */ /****************************************/ @charset "utf-8"; @import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900"); @import url("https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700"); /* Common */ body{text-align: left;font-size:12px;line-height:1.5;font-family:'Noto Sans KR',sans-serif;color:#171717;letter-spacing:-0.5px;font-weight:400;background:#D0D0D0;/*background:rgb(242, 246, 252);*/} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;word-break:keep-all} header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;} h1,h2,h3,h4,h5,h6{font-size:14px} h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Noto Sans KR',sans-serif;box-sizing: border-box;} img,fieldset,iframe{border:0 none} li{list-style:none} textarea,input,select,button{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:0;border:0;line-height:normal;vertical-align:middle;background-color:#fff;} img{max-width:100%;vertical-align:middle;} em,address,optgroup{font-style:normal} label,button,input[type="submit"]{cursor:pointer} label{position: relative;display:inline-block;vertical-align:middle} button{margin:0;padding:0;border:0;background:none} a{box-sizing: border-box} a:link,a:visited{text-decoration:none;color:#363636;} a:hover,a:focus,a:active{text-decoration:none;color:#363636} ::-moz-selection {color:#fff;background:rgba(255,168,43,0.7)} ::selection{color:#fff;background: rgba(255,168,43,0.7)} ::-webkit-input-placeholder{color: #8c8c8c} hr{display:none} legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px} .blind{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)} p{font-weight:400;word-break:keep-all} table {width:100%;border-spacing:0;border-collapse:collapse;} select{padding-right:25px;height:36px;font-size:13px;text-indent:10px;cursor:pointer;overflow: hidden; text-overflow: ellipsis;background: url('../img/ic_select_arrow.png') no-repeat right 10px center} /* hidden contents */ .skip,.hidden{position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1} .skip:focus{top:0;left:0;display:inline-block;width:auto;height:auto;padding:0 30px;font-size:12px;line-height:40px;color:#fff;background:#007cc3;z-index:10} /* 인풋 기본 스타일 제거 */ /* input type number 에서 화살표 제거 */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0} input:focus,textarea:focus,button:focus,select:focus{outline: none} input[type=submit]{cursor:pointer} select::-ms-expand {display:none} select::-ms-expand {outline: none} select {cursor:pointer;background-color:#fff;} /* placeholder css 적용하기 */ ::-webkit-input-placeholder{color: #6e6e6e;font-weight:300} ::-moz-placeholder{color: #6e6e6e;font-weight:300} :-ms-input-placeholder{color: #6e6e6e;font-weight:300} :-moz-placeholder {color: #6e6e6e;font-weight:300} [placeholder]:focus::-webkit-input-placeholder {transition: opacity 0.2s 0.2s ease;opacity: 0} /* clears the 'X' from Internet Explorer */ input[type=search]::-ms-clear {display:none;width:0;height:0} input[type=search]::-ms-reveal {display:none;width:0;height:0} /* clears the 'X' from Chrome */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {display:none} /** 스크롤바 디자인입히기 **/ .nano { position : relative; width : 100%; height : 100%; overflow : hidden; } .nano > .nano-content { position : absolute; overflow : scroll; overflow-x : hidden; top : 0; right : 0; bottom : 0; left : 0; } .nano > .nano-content:focus { outline: thin dotted; } .nano > .nano-content::-webkit-scrollbar { display: none; } .has-scrollbar > .nano-content::-webkit-scrollbar { display: block; } .nano > .nano-pane { background : rgba(0,0,0,.25); position : absolute; width : 10px; right : 0; top : 0; bottom : 0; visibility : hidden\9; /* Target only IE7 and IE8 with this hack */ opacity : .01; -webkit-transition : .2s; -moz-transition : .2s; -o-transition : .2s; transition : .2s; -moz-border-radius : 5px; -webkit-border-radius : 5px; border-radius : 5px; } .nano > .nano-pane > .nano-slider { background: #444; background: rgba(0,0,0,.5); position : relative; margin : 0 1px; -moz-border-radius : 3px; -webkit-border-radius : 3px; border-radius : 3px; } .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed { visibility : visible\9; /* Target only IE7 and IE8 with this hack */ opacity : 0.99; } /* ================================================================================ 콘텐츠 레이아웃 ================================================================================ */ .ess{font-size: 12px;color: #e61e1e;font-weight: bold;} /* 콘텐츠 색상설정 */ .col0_fn{color:#000000 !important}/* 폰트색상 검정 */ .col0_bg{background-color:#000000 !important}/* 배경색상 */ .col0_bd{border-color:#000000 !important;}/* 라인색상 */ .col1_fn{color:#5292e7 !important}/* 폰트색상 하늘 */ .col1_bg{background-color:#5292e7 !important}/* 배경색상 */ .col1_bc{border-color:#5292e7 !important;}/* 라인색상 */ .col1_bd{background-color:#fff;border-color:#5292e7 !important;}/* 라인색상 */ .col2_fn{color:#303e97 !important}/* 폰트색상 진청*/ /* 2019.10.31 .col2_bg{background-color:#303e97 !important}/* 배경색상 */ .col2_bg{background-color:#303e97 !important}/* 배경색상#303e97 */ .col2_bd{background-color:#fff;border-color:#303e97 !important;}/* 라인색상 */ .col3_fn{color:#4666c1 !important}/* 폰트색상 인디고*/ .col3_bg{background-color:#4666c1 !important}/* 배경색상 */ .col3_bd{background-color:#fff;border-color:#4666c1 !important;}/* 라인색상 */ .col4_fn{color:#00bcba !important}/* 폰트색상 초록*/ .col4_bg{background-color:#00bcba !important}/* 배경색상 */ .col4_bd{background-color:#fff;border-color:#00bcba !important}/* 라인색상 */ .col5_fn{color:#ff9453 !important}/* 폰트색상 주황 */ .col5_bg{background-color:#ff9453 !important}/* 배경색상 */ .col5_bd{background-color:#fff;border-color:#ff9453 !important}/* 라인색상 */ .col6_fn{color:#ff3600 !important}/* 폰트색상 빨강 */ .col6_bg{background-color:#ff3600 !important}/* 배경색상 */ .col6_bd{background-color:#fff;border-color:#ff3600 !important}/* 라인색상 */ .col7_bg{background-color:#D7F5F7 !important}/* 배경색상 */ .col8_bg{background-color: #4BBCFD!important}/* 배경색상 */ .col9_fn{color:#363636 !important}/* 폰트색상 진한회색 */ .col9_bg{background-color:#363636 !important}/* 배경색상 */ .col9_bd{background-color:#fff;border-color:#363636 !important;}/* 라인색상 */ .colw_fn{color:#fff !important}/* 폰트색상 흰색 */ .colw_bg{background-color:#fff !important}/* 배경색상 */ .colw_bd{background-color:#D0D0D0;border-color:#fff !important;}/* 라인색상 */ /* 콘텐츠 폰트크기 설정 */ .fs10{font-size:10px !important;} .fs11{font-size:11px !important;} .fs12{font-size:12px !important;} .fs13{font-size:13px !important;} .fs14{font-size:14px !important;} .fs15{font-size:15px !important;} .fs16{font-size:16px !important;} .fs18{font-size:18px !important;} .fs20{font-size:20px !important;} .fs22{font-size:22px !important;} .fs24{font-size:24px !important;} .fw500{font-weight:500 !important;} .fw600{font-weight:600 !important;} .fw700{font-weight:700 !important;} .fw800{font-weight:800 !important;} .bdreset{border: 0px !important} /* 공통 */ .top20 {top:20px !important;} .top25 {top:25px !important;} .mnht170 {min-height:170px !important;} .pt10-pc {padding-top:10px !important;} .pt0 {padding-top:0px !important;} .pb0 {padding-bottom:0px !important;} .pl0 {padding-left:0px !important;} .pl10 {padding-left:10px !important;} .pl105 {padding-left:105px !important;} .pr0 {padding-right:0px !important;} .pr10 {padding-right:10px !important;} .pblr10 {padding:0 10px 10px !important;} .pdreset{padding:0px !important;} .mgreset{margin:0px !important;} .mt0 {margin-top:0px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !impoGrtant;} .mt35 {margin-top:35px !important;} .mt40 {margin-top:40px !important;} .mb0 {margin-bottom:0px !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb15 {margin-bottom:15px !important;} .mb20 {margin-bottom:20px !important;} .mb25 {margin-bottom:25px !important;} .mb30 {margin-bottom:30px !important;} .mb35 {margin-bottom:35px !important;} .mb40 {margin-bottom:40px !important;} .ml10 {margin-left:10px !important;} .ml40 {margin-left:40px !important;} .mr100 {margin-right:100px !important;} /* text-align */ .txt_left{text-align:left !important;} .txt_right{text-align:right !important;} .txt_center{text-align:center !important;} .fl_left{float:left !important;} .fl_right{float:right !important;} .fl_center{float:center !important;} .underline{text-decoration : underline;text-underline-offset: 0.3rem;text-decoration-thickness: 0.07rem;} .borderall{border: 1px solid #c0c0c0 !important;border-radius: 5px !important;} .bordertop{border-radius: 0px 0px 5px 5px !important;} .borderbottom{border-radius: 5px 5px 0px 0px !important;} .borderleft{border-radius: 0px 5px 5px 0px !important;} .borderright{border-radius: 5px 0px 0px 5px !important;} /* arrow */ .arrow_right { display: inline-block; width: 0; height: 0; margin-top:3px; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-right: 13px solid #68a4f3; transition: border-right-color 0.3s; } .arrow_right:hover {border-right-color: #fff;} .arrow_left { display: inline-block; width: 0; height: 0; margin-top:3px; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 13px solid #68a4f3; transition: border-left-color 0.3s; } .arrow_left:hover {border-left-color: #fff;} /* .mbMain은 메인 */ #wrapper{position:relative;min-width:320px;width:100%;height:100%;right:0;z-index:5} /* ---- 상단영역 ---- */ #header{position:fixed;padding:0 20px;top:0;left:0;min-width:320px;width:100%;transition:all 0.2s ease;box-shadow:0 2px 2px rgba(0,0,0,0.2);z-index:320} /* 2019.10.31 #header .head_box{position:relative;margin:0 auto;padding-top:50px;max-width:1152px;height:185px} */ #header .head_box{position:relative;margin:0 auto;max-width:1152px;} #header .head_box .head_top{margin-bottom:30px;text-align:center} /* 2022-01-25 수정 */ #header .head_box .logo{position: absolute;top: 10px;left:55px;z-index:20} #header .head_box .logo a{display:block;} #header .head_box .logo a img{width: 44px;} /* 2019.10.31 #header .head_box .topSearch{position:relative;display:inline-block;margin-left:-15px;width:410px;padding:10px 40px 5px 30px;vertical-align:top;border-bottom:3px solid #fff} */ #header .head_box .topSearch{position:relative;display:inline-block;margin-left:-15px;width:410px;padding:10px 40px 5px 30px;vertical-align:top;border-bottom:3px solid #303e97} #header .head_box .topSearch .seartxt{width:100%;height:30px;color:rgba(0,0,0,0.7);background:none} #header .head_box .topSearch .seartxt::-webkit-input-placeholder{color:rgba(0,0,0,0.7);} #header .head_box .topSearch .seartxt::-moz-placeholder{color:rgba(0,0,0,0.7);} #header .head_box .topSearch .seartxt:-ms-input-placeholder{color:rgba(0,0,0,0.7);} #header .head_box .topSearch .seartxt:-moz-placeholder {color:rgba(0,0,0,0.7);} /* 2019.10.31 #header .head_box .topSearch .btn{position:absolute;top:5px;right:0;width:35px;height:40px;text-indent:-999px;overflow:hidden;background:url('../img/ic_search.png') no-repeat center center} */ #header .head_box .topSearch .btn{position:absolute;top:5px;right:0;width:35px;height:40px;text-indent:-999px;overflow:hidden;background:url('../img/ic_search_m.png') no-repeat center center} /* 검색시작 */ #header .head_box .topSearch .searchStart{display:none;position:absolute;top:48px;left:0;padding-top:4px;width:100%;z-index:100} #header .head_box .topSearch .searchStart .searBox{position:relative;padding:0 17px 17px;text-align:left;background:#fff;border:1px solid #c5c5c5;box-shadow:2px 2px 4px rgba(0,0,0,0.2);} #header .head_box .topSearch .searchStart ul li{position:relative;padding:20px 0 20px 80px;border-bottom:1px solid #e5e5e5} #header .head_box .topSearch .searchStart ul li a{display:block;} #header .head_box .topSearch .searchStart ul li .infor{height:60px} #header .head_box .topSearch .searchStart ul li .bookImg{position:absolute;top:22px;left:0;width:60px;border:1px solid #d9d9d9} #header .head_box .topSearch .searchStart ul li .tit{font-size:12px;} #header .head_box .topSearch .searchStart ul li .tit a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #header .head_box .topSearch .searchStart ul li .tit strong{color:#ff3600;font-weight:500} #header .head_box .topSearch .searchStart ul li .txt1{font-size:11px;color:#888;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #header .head_box .topSearch .searchStart ul li .txt1 span{position:relative;padding:0 7px;} #header .head_box .topSearch .searchStart ul li .txt1 span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc} #header .head_box .topSearch .searchStart ul li .txt1 span:first-child{padding-left:0} #header .head_box .topSearch .searchStart ul li .txt1 span:first-child::before{display:none} #header .head_box .topSearch .searchStart ul li .txt2{font-size:9px} #header .head_box .topSearch .searchStart ul li .txt2 .pit{margin:0 2px 0 5px;font-size:8px;line-height: 14px;} #header .head_box .topSearch .searchStart ul li .txt3{margin-top:-18px;font-size:11px;text-align:right} #header .head_box .topSearch .searchStart ul li .txt3 del{margin-right:5px;color:#777;} #header .head_box .topSearch .searchStart ul li .txt3 .price{color:#5463c2} #header .head_box .topSearch .searchStart ul li .txt3 .price b{font-size:12px} #header .head_box .topSearch .searchStart .page{margin-top:17px;text-align:left} #header .head_box .topSearch .searchStart .page a{margin: 0;color:#888} #header .head_box .topSearch .searchStart .page a.on{color:#ff5400} #header .head_box .topSearch .searchStart .page_num{position:absolute;right:20px;bottom:20px;font-size:12px;color:#888} /* 2022-01-25 수정 */ #header .head_box .topLink{position:absolute;top:15px;right:0;} #header .head_box .topLink ul::after{display:block;clear:both;content:''} #header .head_box .topLink ul li{position:relative;float:left;padding:0 30px;} #header .head_box .topLink ul li::before{position:absolute;top:50%;left:0;margin-top:-6px;width:1px;height:12px;content:'';background:rgba(255,255,255,0.2)} #header .head_box .topLink ul li:first-child::before{display:none} #header .head_box .topLink ul li:last-child{padding-right: 0;} #header .head_box .topLink ul li a{display:block;font-size:14px;color:#fff;line-height:20px} #header .head_box .loginLink{position:absolute;top:0;right:0;} #header .head_box .loginLink .mem_login_con{display: flex;align-items: center;height:50px;} #header .head_box .loginLink .mem_link{display: flex;margin-right: 10px;} #header .head_box .loginLink .mem_link li{padding:0 8px} #header .head_box .loginLink .mem_link li a{display: block;font-size: 12px;color: #fff;} #header .head_box .loginLink .mem_link li a span{color: #fff6ac;} #header .head_box .loginLink .btn_mem_infor{width: 36px;height: 36px;overflow:hidden;border-radius: 50%;} #header .head_box .loginLink .btn_mem_infor a{position:absolute;width:18px;height:18px;right:-10px;top:5px;color:#fff;background-color:#d73434;border-radius:50%;} #header .head_box .loginLink .btn_mem_infor a span{position:relative;display:block;text-align:center;color:#fff;font-weight:500;line-height: 16px;} #header .head_box .loginLink .mem_infor_view{display: none;position: absolute;top: 60px;right: 0;width:170px;text-align: center;overflow:hidden;background:#fff;border-radius:5px;border:1px solid #b5d5fe;box-shadow: 5px 5px 15px rgba(0,0,0,0.1);} #header .head_box .loginLink .mem_infor_view .prof_con{padding: 20px;} #header .head_box .loginLink .mem_infor_view .prof_con .prof_img{margin: 0 auto 10px;width: 50px;height: 50px;overflow:hidden;border-radius: 50%;} #header .head_box .loginLink .mem_infor_view .prof_con .prof_name{font-size: 16px;line-height: 1;} #header .head_box .loginLink .mem_infor_view .prof_con .prof_name span{color: #333;font-weight: 500;} #header .head_box .loginLink .mem_infor_view .prof_con .prof_badge{position:absolute;width:18px;height:18px;right:52px;top:20px;color:#fff;background-color:#d73434;border-radius:50%;} #header .head_box .loginLink .mem_infor_view .prof_menu{position:absolute;width:18px;margin-top:12px;height:18px;line-height:16px;font-weight:500;font-size:12px;color:#fff;background-color:#d73434;border-radius:50%;} #header .head_box .loginLink .mem_infor_view ul li{border-top:1px solid #eee} #header .head_box .loginLink .mem_infor_view ul li a{display: block;font-size: 14px;color: #666;line-height: 40px;} #header .head_box .loginLink .mem_infor_view ul li.logout a{line-height: 50px;background-color:#f8f8f9;} #header .head_box .btnSearch{background:url('../img/ic_search.png') no-repeat } #header .head_box .btnTotalMenu{position:absolute;left:0;top:0;width:30px;height:50px;text-indent:-999px;overflow:hidden;transition:all 0.4s ease;z-index:110} #header .head_box .btnTotalMenu span{position:relative;display:block;margin:0 auto;width:15px;height:2px;background:#fff;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;} #header .head_box .btnTotalMenu span::before{position:absolute;top:-6px;left:0;width:100%;height:2px;content:'';background:#fff;transition:all 0.2s ease;;-webkit-transition:all 0.2s ease} #header .head_box .btnTotalMenu span::after{position:absolute;top:6px;left:0;width:100%;height:2px;content:'';background:#fff;transition:all 0.2s ease;;-webkit-transition:all 0.2s ease} #header .head_box .btnTotalMenu.on span{width:24px;background:rgba(255,255,255,0)} #header .head_box .btnTotalMenu.on span::before{left:0;top:-1px;width:20px;transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#eeeff0;} #header .head_box .btnTotalMenu.on span::after{left:0;top:-1px;width:20px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#eeeff0;} #header .head_box .btnMenu{display:none} /* 2022-01-25 수정 */ #gnb{position:relative;padding-left:140px;z-index:10;background-color:#303e97 !important} #gnb .menu{position:relative;width:100%;background-color:#303e97 !important} #gnb .menu ul{display:flex} #gnb .menu ul li{position:relative;} #gnb .menu ul li::before{position:absolute;top:50%;left:0;width:1px;height:10px;content:'';background:rgba(255,255,255,0.2);transform: translateY(-50%);} #gnb .menu ul li > a{display:block;padding:0 40px;font-size:16px;color:#fff;line-height:50px;text-align:center;opacity: 0.7;} #gnb .menu ul li > a:hover, #gnb .menu ul li.on > a{opacity:1;font-weight: 500;} #gnb .menu ul li.on > a::after{position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;content: '';background-color: #5292e7;} #gnb .btnOpen{display:none} #header .head_box .btnTotalMenu{position:absolute;top:0;left:0;} #header .head_box .btnBasket, #header .head_box .btnMember, #header .head_box .btnJoin, #header .head_box .btnLogin, #header .head_box .mbGnb{display:none} .settingPop{display:none;position:fixed;top:0;left:0;padding-top:5%;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.7);z-index:500} .settingPop .settingCon{position:relative;margin:0 auto;padding-top:64px;width:100%;max-width:450px;height:90%;background:#fff;} .settingPop .settingCon > h2{position:absolute;top:0;left:0;width:100%;font-size:16px;color:#fff;height:64px;line-height:64px;text-align:center;box-shadow:0 2px 2px rgba(0,0,0,0.1);z-index:10} .settingPop .settingCon .btn-pop-close{position:absolute;top:10px;right:15px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../img/ic_close_big.png') no-repeat center center;background-size:18px;z-index:20} .settingCon .set_box{height:100%;overflow:auto} .settingCon h3{padding-left:15px;font-weight:500;line-height:50px;border-bottom:1px solid #b7b7b7} .settingCon ul li{position:relative;padding:15px;border-bottom:1px solid #f6f6f6} .settingCon ul li .check_box{position:absolute;top:15px;right:15px} .settingCon ul li p{padding-top:15px;font-size:13px;color:#888} /* ---- 중간영역 ---- */ #container{position:relative;padding-top: 50px;height:100%;} #container #content{position:relative;margin:0 auto;} #container #content::after{display:block;clear:both;content:''} /* 2022-07-30 상단배너 add */ #container #topMargin{display:block;margin-top: 80px;} /* 최상단 팝업 닫기전 높이 -> 닫으면 줄어듬 */ #topBanner {position:relative; width:100%; height:80px; background-color:#CCFFFF; color:#fff; overflow:hidden;} /* 최상단 팝업 높이 */ #topBanner .bn_con {width:100%; height:100%; margin:0; padding:0; text-align:center;} #topBanner .bn_con img{height:80px; margin:0; padding:0 10px; text-align:center;} #topBanner .bn_con span {font-size:16px; line-height:65px; color:#fff;} #topBanner .bn_close {position:absolute; top:10px; right:25px; height:35px;padding:0 9px; font-size:9pt; line-height:32px; letter-spacing:-1px;background-color:#CCFFFF;border-radius:10px;} #topBanner .bn_close #chkday {position:absolute; top:1px; left:0; width:17px; height:17px; color:#fff;} #topBanner .bn_close label [for=chkday] {cursor:pointer; padding-right:10px;} #topBanner .bn_close label span {padding-left:10px; color:rgba(255,255,255,0.3);} #topBanner .bn_close .btnClose {display:inline-block; padding:1px 7px 2px 5px; border-radius:2px; color:#303e97;} #topBanner .bn_close .btnClose img{width:14px;} .pctopView{display:block; /*min-width:1001px;*/} .pctitView{display:block; padding-top: 50px;} /* 2022-07-30 상단배너 add */ /* 2022-08-23 상단배너 add */ #topBanner .bn_con .bn_txt {position:absolute;top:0;width:100%;text-align:center;padding:20px;} #topBanner .bn_con .bn_txt h2 {font-size:22px;line-height:24px;font-weight:600;} #topBanner .bn_con .bn_txt p {font-size:16px;line-height:24px;font-weight:500;} /* 2022-08-23 상단배너 add */ /* 검색시작 */ /* 2022-08-01 관련 상품 검색창 add */ #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart{display:none;position:absolute;top:48px;left:0;padding-top:4px;width:100%;z-index:100} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart .searBox{position:relative;padding:0 17px 17px;text-align:left;background:#fff;border:1px solid #c5c5c5;box-shadow:2px 2px 4px rgba(0,0,0,0.2);} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li{position:relative;padding:20px 0 20px 80px;border-bottom:1px solid #e5e5e5} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li a{display:block;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .infor{height:60px} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .bookImg{position:absolute;top:22px;left:0;width:60px;border:1px solid #d9d9d9} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .tit{font-size:12px;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .tit a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .tit strong{color:#ff3600;font-weight:500} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .txt1{font-size:11px;color:#888;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .txt1 span{position:relative;padding:0 7px;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .txt1 span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .txt1 span:first-child{padding-left:0} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .txt1 span:first-child::before{display:none} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .txt2{font-size:9px} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .txt2 .pit{margin:0 2px 0 5px;font-size:8px;line-height: 14px;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .txt3{margin-top:-18px;font-size:11px;text-align:right} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .txt3 del{margin-right:5px;color:#777;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .txt3 .price{color:#5463c2} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart ul li .txt3 .price b{font-size:12px} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart .page{margin-top:17px;text-align:left} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart .page a{margin: 0;color:#888} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart .page a.on{color:#ff5400} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchStart .page_num{position:absolute;right:20px;bottom:20px;font-size:12px;color:#888} /* 2022-08-01 관련 상품 검색창 add */ /* 2022-08-01 관련 상품 검색창 add */ #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord{display:none;position:absolute;top:48px;left:0;padding-top:4px;width:100%;z-index:100} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord .searBox{position:relative;padding:0 17px 17px;text-align:left;background:#fff;border:1px solid #c5c5c5;box-shadow:2px 2px 4px rgba(0,0,0,0.2);} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li{position:relative;padding:20px 0 20px 0px;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li a{display:block;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .infor{height:60px} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .tit{font-size:12px;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .tit a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .tit strong{color:#ff3600;font-weight:500} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .txt1{font-size:11px;color:#888;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .txt1 span{position:relative;padding:0 7px;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .txt1 span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .txt1 span:first-child{padding-left:0} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .txt1 span:first-child::before{display:none} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .txt2{font-size:9px} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .txt2 .pit{margin:0 2px 0 5px;font-size:8px;line-height: 14px;} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .txt3{margin-top:-18px;font-size:11px;padding-right:30px;text-align:right} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .txt3 .price{color:#5463c2} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .txt3 .price b{font-size:12px} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .txt3 .btn-del{position:absolute;top:19px;right:0px;padding:0;background-size:100%;cursor:pointer} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord ul li .txt3 .btn-delet{position:absolute;top:19px;right:0px;padding:0;width:18px;height:18px;text-indent:-999px;overflow:hidden;background: url('../img/ic_close2.png') no-repeat right center;background-size:100%;cursor:pointer} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord .page{margin-top:17px;text-align:left} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord .page a{margin: 0;color:#888} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord .page a.on{color:#ff5400} #container #content .mtopBg .mConWrap1 .mTopNew .mTopSearch .searchWord .page_num{position:absolute;right:20px;bottom:20px;font-size:12px;color:#888} /* 2022-08-01 관련 상품 검색창 add */ /* 2022-08-25 관련 상품 검색창 add */ .listTopSearch .searchStart{display:none;position:absolute;top:48px;left:0;padding-top:4px;width:100%;z-index:100} .listTopSearch .searchStart .searBox{position:relative;padding:0 17px 17px;text-align:left;background:#fff;border:1px solid #c5c5c5;box-shadow:2px 2px 4px rgba(0,0,0,0.2);} .listTopSearch .searchStart ul li{position:relative;padding:20px 0 20px 80px;border-bottom:1px solid #e5e5e5} .listTopSearch .searchStart ul li a{display:block;} .listTopSearch .searchStart ul li .infor{height:60px} .listTopSearch .searchStart ul li .bookImg{position:absolute;top:22px;left:0;width:60px;border:1px solid #d9d9d9} .listTopSearch .searchStart ul li .tit{font-size:12px;} .listTopSearch .searchStart ul li .tit a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .listTopSearch .searchStart ul li .tit strong{color:#ff3600;font-weight:500} .listTopSearch .searchStart ul li .txt1{font-size:11px;color:#888;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .listTopSearch .searchStart ul li .txt1 span{position:relative;padding:0 7px;} .listTopSearch .searchStart ul li .txt1 span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc} .listTopSearch .searchStart ul li .txt1 span:first-child{padding-left:0} .listTopSearch .searchStart ul li .txt1 span:first-child::before{display:none} .listTopSearch .searchStart ul li .txt2{font-size:9px} .listTopSearch .searchStart ul li .txt2 .pit{margin:0 2px 0 5px;font-size:8px;line-height: 14px;} .listTopSearch .searchStart ul li .txt3{margin-top:-18px;font-size:11px;text-align:right} .listTopSearch .searchStart ul li .txt3 del{margin-right:5px;color:#777;} .listTopSearch .searchStart ul li .txt3 .price{color:#5463c2} .listTopSearch .searchStart ul li .txt3 .price b{font-size:12px} .listTopSearch .searchStart .page{margin-top:17px;text-align:left} .listTopSearch .searchStart .page a{margin: 0;color:#888} .listTopSearch .searchStart .page a.on{color:#ff5400} .listTopSearch .searchStart .page_num{position:absolute;right:20px;bottom:20px;font-size:12px;color:#888} /* 2022-08-25 관련 상품 검색창 add */ /* 2022-08-25 관련 상품 검색창 add */ .listTopSearch .storeSearch{display:none;position:absolute;top:48px;left:0;padding-top:4px;width:100%;z-index:100} .listTopSearch .storeSearch .searBox{position:relative;padding:0 17px 17px;text-align:left;background:#fff;border:1px solid #c5c5c5;box-shadow:2px 2px 4px rgba(0,0,0,0.2);} .listTopSearch .storeSearch ul li{position:relative;padding:20px 0px;border-bottom:1px solid #e5e5e5} .listTopSearch .storeSearch ul li a{display:block;} .listTopSearch .storeSearch ul li .infor{height:60px} /*.listTopSearch .storeSearch ul li .bookImg{position:absolute;top:22px;left:0;width:60px;border:1px solid #d9d9d9}*/ .listTopSearch .storeSearch ul li .tit{font-size:14px;} .listTopSearch .storeSearch ul li .tit a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .listTopSearch .storeSearch ul li .tit strong{color:#ff3600;font-weight:500} .listTopSearch .storeSearch ul li .txt1{font-size:11px;color:#888;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .listTopSearch .storeSearch ul li .txt1 span{position:relative;padding:0 7px;} .listTopSearch .storeSearch ul li .txt1 span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc} .listTopSearch .storeSearch ul li .txt1 span:first-child{padding-left:0} .listTopSearch .storeSearch ul li .txt1 span:first-child::before{display:none} .listTopSearch .storeSearch ul li .txt2{font-size:9px} .listTopSearch .storeSearch ul li .txt2 .pit{margin:0 2px 0 5px;font-size:8px;line-height: 14px;} .listTopSearch .storeSearch ul li .txt3{margin-top:-18px;font-size:11px;text-align:right} .listTopSearch .storeSearch ul li .txt3 del{margin-right:5px;color:#777;} .listTopSearch .storeSearch ul li .txt3 .price{color:#5463c2} .listTopSearch .storeSearch ul li .txt3 .price b{font-size:12px} .listTopSearch .storeSearch .page{margin-top:17px;text-align:left} .listTopSearch .storeSearch .page a{margin: 0;color:#888} .listTopSearch .storeSearch .page a.on{color:#ff5400} .listTopSearch .storeSearch .page_num{position:absolute;right:20px;bottom:20px;font-size:12px;color:#888} /* 2022-08-25 관련 상품 검색창 add */ /* 2022-08-25 관련 상품 검색창 add */ .listTopSearch .searchWord{display:none;position:absolute;top:48px;left:0;padding-top:4px;width:100%;z-index:100} .listTopSearch .searchWord .searBox{position:relative;padding:0 17px 17px;text-align:left;background:#fff;border:1px solid #c5c5c5;box-shadow:2px 2px 4px rgba(0,0,0,0.2);} .listTopSearch .searchWord ul li{position:relative;padding:20px 0 20px 0px;} .listTopSearch .searchWord ul li a{display:block;} .listTopSearch .searchWord ul li .infor{height:60px} .listTopSearch .searchWord ul li .tit{font-size:12px;} .listTopSearch .searchWord ul li .tit a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .listTopSearch .searchWord ul li .tit strong{color:#ff3600;font-weight:500} .listTopSearch .searchWord ul li .txt1{font-size:11px;color:#888;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .listTopSearch .searchWord ul li .txt1 span{position:relative;padding:0 7px;} .listTopSearch .searchWord ul li .txt1 span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc} .listTopSearch .searchWord ul li .txt1 span:first-child{padding-left:0} .listTopSearch .searchWord ul li .txt1 span:first-child::before{display:none} .listTopSearch .searchWord ul li .txt2{font-size:9px} .listTopSearch .searchWord ul li .txt2 .pit{margin:0 2px 0 5px;font-size:8px;line-height: 14px;} .listTopSearch .searchWord ul li .txt3{margin-top:-18px;font-size:11px;padding-right:30px;text-align:right} .listTopSearch .searchWord ul li .txt3 .price{color:#5463c2} .listTopSearch .searchWord ul li .txt3 .price b{font-size:12px} .listTopSearch .searchWord ul li .txt3 .btn-del{position:absolute;top:19px;right:0px;padding:0;background-size:100%;cursor:pointer} .listTopSearch .searchWord ul li .txt3 .btn-delet{position:absolute;top:19px;right:0px;padding:0;width:18px;height:18px;text-indent:-999px;overflow:hidden;background: url('../img/ic_close2.png') no-repeat right center;background-size:100%;cursor:pointer} .listTopSearch .searchWord .page{margin-top:17px;text-align:left} .listTopSearch .searchWord .page a{margin: 0;color:#888} .listTopSearch .searchWord .page a.on{color:#ff5400} .listTopSearch .searchWord .page_num{position:absolute;right:20px;bottom:20px;font-size:12px;color:#888} /* 2022-08-25 관련 상품 검색창 add */ /* 2019.11.04 .subConBox{position:relative;margin:0 auto;padding:30px 20px 100px;max-width:1192px} */ .subConBox{position:relative;margin:0 auto;/*2022-11-01 padding:50px 20px 100px;*/padding:20px 20px 100px;max-width:1192px} /* ---- 하단영역 ---- */ #footer {position:relative;clear:both;width:100%;background:#2d4262;z-index:20} #footer .footWrap{position:relative;margin:0 auto;padding:45px 30px;max-width:1212px} #footer .footWrap::after{display:block;clear:both;content:''} #footer .footWrap .footLogo{margin-bottom:20px;text-align:center} #footer .footWrap .footLogo img{width:85px} #footer .footWrap .footMenu{margin-bottom:15px;padding-bottom:10px;text-align:center;border-bottom:1px solid rgba(233,233,233,0.16)} #footer .footWrap .footMenu li{position:relative;display:inline-block;} #footer .footWrap .footMenu li a{display:block;padding:0 15px;font-size:11px;color:#fff;font-weight:500;line-height:100%} #footer .footWrap .footMenu li::before{position:absolute;top:2px;right:0;width:1px;height:10px;content:'';background:#a5abb6;opacity:0.3} #footer .footWrap .footMenu li:last-child::before{display:none} #footer .footWrap .footCustom{position:absolute;top:140px;right:30px;padding-left:80px;width:415px;border:1px solid rgba(222,222,222,0.14);border-radius:6px} #footer .footWrap .footCustom dt{position:absolute;top:0;left:0;width:80px;height:100%;font-size:11px;color:#fff;text-align:center;background:rgba(172,176,180,0.14)} #footer .footWrap .footCustom dt span{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)} #footer .footWrap .footCustom dd{padding:10px;font-size:10px;color:rgba(255,255,255,0.3);} #footer .footWrap .footCustom dd b{font-family: 'Roboto';font-size:11px;color:#3aa7fe;font-weight:500} #footer .footWrap address{padding-right:430px;font-size:11px;color:rgba(255,255,255,0.3);font-weight:400} #footer .footWrap address span{position:relative;display:inline-block;padding-right:20px} #footer .footWrap address span::after{position:absolute;top:5px;right:8px;width:1px;height:10px;content:'';background:#a5abb6;opacity:0.3} #footer .footWrap small{font-size:10px;color:#969696;opacity:0.45} .btnBack{display:none} /* ================================================================================ 반응형 레이아웃 ================================================================================ */ /* PC Device */ @media all and (min-width:1000.01px){ #gnb .openMenu{display:none !important;} h1.title.col2_bg{background-color:transparent !important} h1.title.pc{display:none} /* 2022-01-25 수정 */ #gnb .menu ul .mb{display:none} /* 2019.10.31 #wrapper.gnbfix #header .gnbWrap{position:fixed;top:0;left:0;width:100%;padding-top:15px;height:67px;box-shadow:0 2px 2px rgba(0,0,0,0.2);transition:all 0.3s ease;z-index:120}/* PC 상단메뉴 고정 */ #wrapper.mbSubC #header .gnbWrap{position:relative;padding-top:0;height:auto;box-shadow:none}/* PC 검색결과 페이지 상단메뉴 고정취소 */ /* 2022-01-25 수정 */ #header{background:#fff !important} #header::after{position:absolute;left:0;bottom:0;width:100%;height:50px;content:'';background:#303e97} #header .head_box .head_top{background:#fff !important} /* 2019.10.31 .gnbWrap{position:relative;background-color:#303e97 !important} */ .gnbWrap{position:relative;background-color:#303e97 !important} /* 2022-01-25 수정 */ .menuPop{display:none;position:absolute;top:60px;left:0;width:100%;overflow:hidden;border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,0.2);} .menuPop .menu-pop-close, .menuPop .quiMenu, .menuPop .categoryList h2{display:none}/* 모바일용 */ .menuPop .inforTop{position:relative;} .menuPop .inforTop .infor{padding:20px;height:90px;color:#fff;} .menuPop .inforTop .infor .txt{font-size:15px;font-weight:500} .menuPop .inforTop .infor .txt span{color:#ede78c} .menuPop .inforTop .infor .txt2{padding-top:10px;font-size:15px;font-weight:500} .menuPop .inforTop .infor .stxt1{position:relative;display:inline-block;margin-right:20px;font-size:10px;line-height:12px;background-repeat:no-repeat;background-position:left center;background-size:11px} .menuPop .inforTop .infor .stxt2{position:relative;display:inline-block;margin-right:20px;padding-left:15px;font-size:10px;line-height:12px;background-repeat:no-repeat;background-position:left center;background-size:11px} /* .menuPop .inforTop .infor .stxt1{background-image:url('../img/ic_s_point.png')} */ .menuPop .inforTop .infor .stxt2{background-image:url('../img/ic_s_mail.png')} .menuPop .inforTop .infor .stxt1 span, .menuPop .inforTop .infor .stxt2 span{color:#ede78c} .menuPop .inforTop .infor .stxt1::after{position:absolute;top:2px;right:-13px;width:1px;height:9px;content:'';background:rgba(255,255,255,0.3)} .menuPop .inforTop .etcMenu{position:absolute;top:20px;right:0;} .menuPop .inforTop .etcMenu li{display:inline-block;margin:0 20px;text-align:center;background-repeat:no-repeat;background-position:center top;background-size:auto 24px} .menuPop .inforTop .etcMenu li a{display:block;padding-top:35px;font-size:10px;color:#fff} .menuPop .inforTop .etcMenu li.ic1{background-image:url('../img/ic_logout.png')} .menuPop .inforTop .etcMenu li.ic2{background-image:url('../img/ic_login.png')} .menuPop .inforTop .etcMenu li.ic3{background-image:url('../img/ic_member.png')} .menuPop .inforTop .etcMenu li.ic4{background-image:url('../img/ic_point.png')} .menuPop .inforTop .etcMenu li.ic5{background-image:url('../img/ic_basket.png')} /* 2022-09-27 edit */ /* .menuPop .inforTop .etcMenu li.ic6{background-image:url('../img/ic_seting.png')} */ .menuPop .inforTop .etcMenu li.ic6{background-image:url('../img/ic_home.png')} .menuPop .inforTop .etcMenu li.ic7{background-image:url('../img/ic_join.png')} .menuPop .inforTop .etcMenu li.mb{display: none;} .menuPop .inforTop .etcMenu li span{display: none;} .menuPop .categoryList{background:#fff} .menuPop .categoryList::after{display:block;clear:both;content:''} .menuPop .categoryList .catagoryBox{display: flex;height: 605px;} .menuPop .categoryList dl{width:20%;background:#f8f8f8;border-left:1px solid #ececec} .menuPop .categoryList dl dt{font-size:12px;color:#333;font-weight:500;line-height:40px;text-align:center;background-color: #fff;} .menuPop .categoryList dl dd{padding-bottom:30px;} .menuPop .categoryList dl dd ul{padding:20px 30px 0} .menuPop .categoryList dl dd ul > li{text-align:left}/*2019.04.28 edit {text-align:center}*/ .menuPop .categoryList dl dd ul > li > a{display:block;font-size:14px;color:#333;line-height:30px;font-weight: 500;} .menuPop .categoryList dl dd ul > li > ul{margin-bottom: 30px;padding: 0;} .menuPop .categoryList dl dd ul > li:last-child > ul{margin-bottom: 0;} .menuPop .categoryList dl dd ul > li > ul li a{position: relative;display: block;padding-left: 10px;font-size: 14px;color: #888;font-weight: 300;} .menuPop .categoryList dl dd ul > li > ul li a::before{position: absolute;top: 13px;left: 0;width: 4px;height: 4px;content: '';background-color: #aaa;border-radius: 50%;} .menuPop .categoryList dl.mypage{width: 40%;} .menuPop .categoryList dl.mypage dd{display: flex;} .menuPop .categoryList dl.mypage dd .box{width: 50%;} .menuPop .categoryList dl dd .nano .nano-pane{background: #f8f8f8; } .menuPop .categoryList dl dd .nano .nano-slider { margin:0;background: #d2d4e2;border-radius:0} .mbSubB .btnMenu2{display:none} } /* TABLET Device */ @media all and (max-width:1000px){ #header{padding:0} /* 2022-01-25 수정 */ #header .head_box{height:80px} #header .head_box .head_top{margin-bottom:0;padding:0 20px;} /* 2022-01-25 수정 */ #header .head_box .logo{top: 20px;left: 90px;} #header .head_box .logo a img{width: 65px;} #header .head_box .topSearch{display:block;margin:0 auto;padding:0 60px 0 20px;width:auto;max-width:690px;height:55px;background:#fff;border-bottom:0;border-radius:5px} #header .head_box .topSearch .seartxt{height:100%;font-size:20px;color:#a4aab3;background:none} #header .head_box .topSearch .seartxt::-webkit-input-placeholder{color:#a4aab3;font-weight:400} #header .head_box .topSearch .seartxt::-moz-placeholder{color:#a4aab3;font-weight:400} #header .head_box .topSearch .seartxt:-ms-input-placeholder{color:#a4aab3;font-weight:400} #header .head_box .topSearch .seartxt:-moz-placeholder {color:#a4aab3;font-weight:400} #header .head_box .topSearch .btn{top:0;width:60px;height:100%;background: url('../img/ic_search_m.png') no-repeat center center;background-size:27px} #header .head_box .topSearch .searchStart{top:55px} /* 2022-01-25 수정 */ #header .head_box .topLink{display:none} #header .head_box .loginLink .mem_link, #header .head_box .loginLink .btn_mem_infor{display: none} #header .head_box .loginLink .mem_infor_view{top: 90px;right: 10px;} #header .head_box .loginLink .mem_infor_view .prof_menu{margin-top:10px;} #header .head_box .btnMenu{display:block;position:absolute;left:0;top:0;width:80px;height:80px;text-indent:-999px;overflow:hidden;z-index:110} #header .head_box .btnMenu span{position:relative;display:block;margin:0 auto;width:28px;height:4px;background:#fff;border-radius:2px;} #header .head_box .btnMenu span::before{position:absolute;top:-10px;left:0;width:100%;height:4px;content:'';background:#fff;border-radius:2px;} #header .head_box .btnMenu span::after{position:absolute;top:10px;left:0;width:100%;height:4px;content:'';background:#fff;border-radius:2px;} #header .head_box .btnMember{display:block;position:absolute;top:15px;right:30px;z-index: 30;} #header .head_box .btnMember a{display:block;width:60px;height:50px;text-indent:-999px;overflow:hidden;background: url('../img/ic_member.png') no-repeat right 5px center;background-size:35px} #header .head_box .btnMember span{position:absolute;top:-5px;left:45px;width:30px;height:30px;font-family: 'Roboto';font-size:13px;color:#fff;line-height:30px;text-indent:0;text-align:center;background:#d73434;border-radius:50%} #header .head_box .btnBasket{display:block;position:absolute;top:15px;right:90px;z-index: 30;} #header .head_box .btnBasket a{display:block;width:60px;height:50px;text-indent:-999px;overflow:hidden;background: url('../img/ic_basket.png') no-repeat right 5px center;background-size:35px} #header .head_box .btnBasket span{position:absolute;top:-5px;left:45px;width:30px;height:30px;font-family: 'Roboto';font-size:13px;color:#fff;line-height:30px;text-indent:0;text-align:center;background:#d73434;border-radius:50%} #header .head_box .btnJoin{display:block;position:absolute;top:15px;right:20px;width:50px;height:50px;text-indent:-999px;overflow:hidden;background: url('../img/ic_join.png') no-repeat center center;background-size:37px;z-index:30} #header .head_box .btnLogin{display:block;position:absolute;top:15px;right:80px;z-index: 30;} #header .head_box .btnLogin a{display:block;width:60px;height:50px;text-indent:-999px;overflow:hidden;background: url('../img/ic_login.png') no-repeat right 5px center;background-size:35px} #header .head_box .btnLogin span{position:absolute;top:15px;left:0;width:30px;height:30px;font-family: 'Roboto';font-size:13px;color:#fff;line-height:30px;text-indent:0;text-align:center;background:#d73434;border-radius:50%} #header .head_box .btnTotalMenu{display:none} .pctopView{display:none !important;} .pctitView{display:none !important;} /* 2022-01-25 수정 */ #gnb{padding-left: 180px;} #gnb .menu ul li a{display:block;padding:0 25px;font-size:25px;color:#fff;line-height:80px;opacity: 1;} #gnb .menu ul li::before{height: 25px;} #gnb .menu ul li.custom{display: none;} #gnb .menu ul .pc{display:none} #gnb .menu ul .mb{display:block} #gnb .btnOpen{display:block;position:absolute;top:0;right:0;width:80px;height:85px;text-indent:-999px;overflow:hidden;background:#303e97;z-index:10} #gnb .btnOpen::after{position:absolute;top:50%;left:50%;margin:-7px 0 0 -10px;width:20px;height:14px;content:'';background:url('../img/ic_arrow.png') no-repeat center center;background-size:20px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease} #gnb .btnOpen.on::after{transform:rotate(-180deg);transform:rotate(-180deg)} #gnb .btnOpen::before{position:absolute;top:50%;left:0;width:1px;height:24px;content:'';opacity:0.3;background:#d6d8ea;transform:translateY(-50%);-webkit-transform:translateY(-50%)} #gnb .openMenu{display:none;} #gnb .openMenu:after{display:block;clear:both;content:''} #gnb .openMenu li{float:left;width:33.33%;text-align:center;border:1px solid rgba(255,255,255,0.3);border-width:1px 0 0 1px} #gnb .openMenu li a{display:block;font-size:21px;color:#fff;line-height:85px;} #gnb .openMenu li.on a{color:#65e0ff;} /* 2022-01-25 수정 */ .menuPop{display:block !important;position:fixed;top:0;left:-100%;width:100%;height:100%;overflow:auto;background:#fff;z-index:500;transition:all 0.3s ease} .menuPop .menu-pop-close{display:block;position:absolute;top:5px;right:10px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../img/ic_close_big.png') no-repeat center center;background-size:17px} .menuPop .inforTop{margin-bottom: 3px;} .menuPop .inforTop .infor{padding:20px 10px;height:95px;font-size:14px;color:#fff;text-align:center;background:none !important} .menuPop .inforTop .infor .txt span{color:#ede78c} .menuPop .inforTop .infor .txt2{padding-top:15px;font-size:14px;font-weight:500} .menuPop .inforTop .infor .stxt1{position:relative;display:inline-block;margin-right:20px;font-size:10px;line-height:12px;background-repeat:no-repeat;background-position:left center;background-size:11px} .menuPop .inforTop .infor .stxt2{position:relative;display:inline-block;margin-right:20px;padding-left:15px;font-size:10px;line-height:12px;background-repeat:no-repeat;background-position:left center;background-size:11px} /* .menuPop .inforTop .infor .stxt1{background-image:url('../img/ic_s_point.png')} */ .menuPop .inforTop .infor .stxt2{background-image:url('../img/ic_s_mail.png');} .menuPop .inforTop .infor .stxt1 span, .menuPop .inforTop .infor .stxt2 span{color:#ede78c} .menuPop .inforTop .infor .stxt1::after{position:absolute;top:2px;right:-13px;width:1px;height:9px;content:'';background:rgba(255,255,255,0.3)} .menuPop .inforTop .etcMenu{border-top:3px solid #f1f1f1} .menuPop .inforTop .etcMenu::after{display:block;clear:both;content:''} .menuPop .inforTop .etcMenu li{float:left;width:20%;text-align:center;background-repeat:no-repeat;background-position:center 18px;background-size:auto 22px} .menuPop .inforTop .etcMenu li a{position: relative;display:block;padding-top:50px;height:80px;font-size:10px;color:#fff} .menuPop .inforTop .etcMenu li.ic1{background-image:url('../img/ic_logout.png')} .menuPop .inforTop .etcMenu li.ic2{background-image:url('../img/ic_login.png')} .menuPop .inforTop .etcMenu li.ic3{background-image:url('../img/ic_member.png')} .menuPop .inforTop .etcMenu li.ic4{display:none} /* 2022-09-27 edit */ /* .menuPop .inforTop .etcMenu li.ic6{position:absolute;top:5px;left:5px;float:none;width:40px;background-image:url('../img/ic_seting.png');background-position: center center;background-size:17px} */ .menuPop .inforTop .etcMenu li.ic6{position:absolute;top:5px;left:5px;float:none;width:40px;background-image:url('../img/ico_home.png');background-position: center center;background-size:65%} .menuPop .inforTop .etcMenu li.ic6 a{padding:0;height:40px;text-indent:-999px;overflow:hidden} .menuPop .inforTop .etcMenu li.ic7{background-image:url('../img/ic_join.png')} .menuPop .inforTop .etcMenu li span{position: absolute;top: 15px;left: 0;width: 100%;font-size:18px;color: #fff6ac;} .menuPop .quiMenu{padding:3px 0 8px;background:#f5f5f5} .menuPop .quiMenu ul{background:#fff} .menuPop .quiMenu ul::after{display:block;clear:both;content:''} .menuPop .quiMenu ul li{float:left;margin-bottom:-1px;width:50%;text-align:center;border:1px solid #ebebeb;border-width:1px 0 1px 1px} .menuPop .quiMenu ul li a{display:block;font-size:12px;font-weight:500;line-height:50px} .menuPop .quiMenu ul li span{display:inline-block;padding-right:15px;background:url('../img/ic_arrow2.png') no-repeat right center;background-size:5px;} .menuPop .categoryList{position:relative;height: calc(100% - 181px);background:#fff;} .menuPop .categoryList::after{position: absolute;top: 0;left: 0;width: 40%;height: 100%;content: '';background-color: #5292e7;} .menuPop .categoryList .catagoryBox{position:relative;height:100%;z-index: 2;} .menuPop .categoryList h2{display: none;padding-left:14px;font-size:12px;line-height:50px;border-bottom:1px solid #b7b7b7} .menuPop .categoryList dl{width: 40%;} .menuPop .categoryList dl dt{position:relative;padding-left:14px;font-size: 16px;color: #fff;line-height:50px;cursor:pointer;} .menuPop .categoryList dl dt a{display: block;color: #fff;font-weight: 500;} .menuPop .categoryList dl dt.active{color: #5292e7;background:#fff} .menuPop .categoryList dl dt.active a{color: #5292e7;} .menuPop .categoryList dl dd{display:none;position: absolute;top: 0;left: 40%;width: 60%;height: 100%;overflow-y: auto;} .menuPop .categoryList dl dd .nano > .nano-content{position: relative;overflow: inherit;} .menuPop .categoryList dl dd ul li{border:1px solid #ebebeb;border-width:0 1px 1px 0} .menuPop .categoryList dl dd ul li a{display:block;padding:0 15px;font-size: 15px;line-height:49px;} .menuPop .categoryList dl dd ul li button{position: relative;} .menuPop .categoryList dl dd ul li button::after{position:absolute;top:20px;right:20px;width:13px;height:7px;content:'';background:url('../img/ic_open_arrow.png') no-repeat;background-size:100%;transform:rotate(-180deg)} .menuPop .categoryList dl dd ul li button.active::after{transform:rotate(0deg)} .menuPop .categoryList dl dt.active + dd{display:block} .menuPop .categoryList dl dd ul li ul{display: none;background:#f8f8f8;border-top: 1px solid #ebebeb;} .menuPop .categoryList dl dd ul li.active ul{display: block;} .menuPop .categoryList dl dd ul li ul li:last-child{border-bottom:0} .menuPop .categoryList dl dd ul li ul li a{position: relative;display: block;padding-left:25px;font-size: 14px;} .menuPop .categoryList dl dd ul li ul li a::before{position: absolute;top: 23px;left: 15px;width: 4px;height: 4px;content: '';background-color: #aaa;border-radius: 50%;} .menuPop .categoryList dl dd div > ul > li > a{position: relative;} .menuPop .categoryList dl dd div > ul > li.active > a{font-weight: 500;} .menuPop .categoryList dl dd div > ul > li > a::after{position:absolute;top:20px;right:20px;width:13px;height:7px;content:'';background:url('../img/ic_open_arrow.png') no-repeat;background-size:100%;transform:rotate(-180deg)} .menuPop .categoryList dl dd div > ul > li.active > a::after{transform:rotate(0deg)} .menuPop.on{left:0} /* 2022-09-23 append */ .menuTab{display:block !important;position:fixed;top:0;left:-100%;width:100%;height:100%;overflow:auto;background:#fff;z-index:500;transition:all 0.3s ease} .menuTab .menu-Tab-close{display:block;position:absolute;top:5px;right:10px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../img/ic_close_big.png') no-repeat center center;background-size:17px} .menuTab .inforTop{margin-bottom: 3px;} .menuTab .inforTop .infor{padding:20px 10px;height:95px;font-size:14px;color:#fff;text-align:center;background:none !important} .menuTab .inforTop .infor .txt span{color:#ede78c} .menuTab .inforTop .infor .txt2{padding-top:15px;font-size:14px;font-weight:500} .menuTab .inforTop .infor .stxt1{position:relative;display:inline-block;margin-right:20px;font-size:10px;line-height:12px;background-repeat:no-repeat;background-position:left center;background-size:11px} .menuTab .inforTop .infor .stxt2{position:relative;display:inline-block;margin-right:20px;padding-left:15px;font-size:10px;line-height:12px;background-repeat:no-repeat;background-position:left center;background-size:11px} /* .menuTab .inforTop .infor .stxt1{background-image:url('../img/ic_s_point.png')} */ .menuTab .inforTop .infor .stxt2{background-image:url('../img/ic_s_mail.png');} .menuTab .inforTop .infor .stxt1 span, .menuTab .inforTop .infor .stxt2 span{color:#ede78c} .menuTab .inforTop .infor .stxt1::after{position:absolute;top:2px;right:-13px;width:1px;height:9px;content:'';background:rgba(255,255,255,0.3)} .menuTab .inforTop .etcMenu{border-top:3px solid #f1f1f1} .menuTab .inforTop .etcMenu::after{display:block;clear:both;content:''} .menuTab .inforTop .etcMenu li{float:left;width:20%;text-align:center;background-repeat:no-repeat;background-position:center 18px;background-size:auto 22px} .menuTab .inforTop .etcMenu li a{position: relative;display:block;padding-top:50px;height:80px;font-size:10px;color:#fff} .menuTab .inforTop .etcMenu li.ic1{background-image:url('../img/ic_logout.png')} .menuTab .inforTop .etcMenu li.ic2{background-image:url('../img/ic_login.png')} .menuTab .inforTop .etcMenu li.ic3{background-image:url('../img/ic_member.png')} .menuTab .inforTop .etcMenu li.ic4{display:none} /* 2022-09-27 edit */ /* .menuTab .inforTop .etcMenu li.ic6{position:absolute;top:5px;left:5px;float:none;width:40px;background-image:url('../img/ic_seting.png');background-position: center center;background-size:17px} */ .menuTab .inforTop .etcMenu li.ic6{position:absolute;top:5px;left:5px;float:none;width:40px;background-image:url('../img/ico_home.png');background-position: center center;background-size:65%} .menuTab .inforTop .etcMenu li.ic6 a{padding:0;height:40px;text-indent:-999px;overflow:hidden} .menuTab .inforTop .etcMenu li.ic7{background-image:url('../img/ic_join.png')} .menuTab .inforTop .etcMenu li span{position: absolute;top: 15px;left: 0;width: 100%;font-size:18px;color: #fff6ac;} .menuTab .quiMenu{padding:3px 0 8px;background:#f5f5f5} .menuTab .quiMenu ul{background:#fff} .menuTab .quiMenu ul::after{display:block;clear:both;content:''} .menuTab .quiMenu ul li{float:left;margin-bottom:-1px;width:50%;text-align:center;border:1px solid #ebebeb;border-width:1px 0 1px 1px} .menuTab .quiMenu ul li a{display:block;font-size:12px;font-weight:500;line-height:50px} .menuTab .quiMenu ul li span{display:inline-block;padding-right:15px;background:url('../img/ic_arrow2.png') no-repeat right center;background-size:5px;} .menuTab .categoryList{position:relative;height: calc(100% - 181px);background:#fff;} .menuTab .categoryList::after{position: absolute;top: 0;left: 0;width: 40%;height: 100%;content: '';background-color: #5292e7;} .menuTab .categoryList .catagoryBox{position:relative;height:100%;z-index: 2;} .menuTab .categoryList h2{display: none;padding-left:14px;font-size:12px;line-height:50px;border-bottom:1px solid #b7b7b7} .menuTab .categoryList dl{width: 40%;} .menuTab .categoryList dl dt{position:relative;padding-left:14px;font-size: 16px;color: #fff;line-height:50px;cursor:pointer;} .menuTab .categoryList dl dt a{display: block;color: #fff;font-weight: 500;} .menuTab .categoryList dl dt.active{color: #5292e7;background:#fff} .menuTab .categoryList dl dt.active a{color: #5292e7;} .menuTab .categoryList dl dd{display:none;position: absolute;top: 0;left: 40%;width: 60%;height: 100%;overflow-y: auto;} .menuTab .categoryList dl dd .nano > .nano-content{position: relative;overflow: inherit;} .menuTab .categoryList dl dd ul li{border:1px solid #ebebeb;border-width:0 1px 1px 0} .menuTab .categoryList dl dd ul li a{display:block;padding:0 15px;font-size: 15px;line-height:49px;} .menuTab .categoryList dl dd ul li button{position: relative;} .menuTab .categoryList dl dd ul li button::after{position:absolute;top:20px;right:20px;width:13px;height:7px;content:'';background:url('../img/ic_open_arrow.png') no-repeat;background-size:100%;transform:rotate(-180deg)} .menuTab .categoryList dl dd ul li button.active::after{transform:rotate(0deg)} .menuTab .categoryList dl dt.active + dd{display:block} .menuTab .categoryList dl dd ul li ul{display: none;background:#f8f8f8;border-top: 1px solid #ebebeb;} .menuTab .categoryList dl dd ul li.active ul{display: block;} .menuTab .categoryList dl dd ul li ul li:last-child{border-bottom:0} .menuTab .categoryList dl dd ul li ul li a{position: relative;display: block;padding-left:25px;font-size: 14px;} .menuTab .categoryList dl dd ul li ul li a::before{position: absolute;top: 23px;left: 15px;width: 4px;height: 4px;content: '';background-color: #aaa;border-radius: 50%;} .menuTab .categoryList dl dd div > ul > li > a{position: relative;} .menuTab .categoryList dl dd div > ul > li.active > a{font-weight: 500;} .menuTab .categoryList dl dd div > ul > li > a::after{position:absolute;top:20px;right:20px;width:13px;height:7px;content:'';background:url('../img/ic_open_arrow.png') no-repeat;background-size:100%;transform:rotate(-180deg)} .menuTab .categoryList dl dd div > ul > li.active > a::after{transform:rotate(0deg)} .menuTab.on{left:0} /* 2022-09-23 append */ #wrapper.fix{position:fixed} .fixBg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10} .fixBg.on{display:block} /* 2022-01-25 수정 */ #container{padding-top: 80px;} #footer .footWrap{text-align:center} #footer .footWrap .footCustom{position:relative;top:0;right:0;display:inline-block;margin-bottom:30px;width:auto;text-align:left} #footer .footWrap address{margin-bottom:10px;padding:0;text-align:center} #footer .footWrap small{display:block;text-align:center} /* 모바일 상단레이아웃 typeA - 메뉴고정 상단 UI*/ .mbSubA .subConBox{padding:35px 0 50px} /* .mbSubA #header .head_box .btnMenu{display:none} .mbSubA #header .head_box .head_top{padding:0 95px 0 110px} .mbSubA #header .head_box .logo{position:absolute;top:20px;left:20px;width:67px} .mbSubA #gnb{padding-left: 120px;} */ .mbSubA #footer{display:none} /*.mbSubA #gnb.fix, .mbMain #gnb.fix{position:fixed;top:0;left:0;width:100%;box-shadow:0 2px 2px rgba(0,0,0,0.2);z-index:100}*/ .mbSubA h1.title + .tabMenu2{margin-top: -35px;} .mbSubA.gnb #gnb{display:none} .mbSubA.gnb .subConBox{padding:20px 0 50px} .mbSubA.gnb #header{position:fixed;top:0;left:0;width:100%;z-index:320} .mbSubA.gnb #content{padding-top:95px} /* 모바일 상단레이아웃 typeB - 뒤로가기 버튼 상단 UI*/ .mbSubB #header{display:none} .mbSubB .btnBack{position:fixed;z-index:120} .btnBack{display:block;position:absolute;top:0;left:0;width:80px;height:80px;text-indent:-999px;overflow:hidden;background:url('../img/ic_back.png') no-repeat center center;background-size:34px;z-index:20} /* .btnBasket{position:absolute;top:15px;right:20px;} .btnBasket a{display:block;width:60px;height:50px;text-indent:-999px;overflow:hidden;background: url('../img/ic_basket.png') no-repeat right 5px center;background-size:35px} .btnBasket span{position:absolute;top:15px;left:0;width:30px;height:30px;font-family: 'Roboto';font-size:13px;color:#fff;line-height:30px;text-indent:0;text-align:center;background:#d73434;border-radius:50%} .btnMember{position:absolute;top:15px;right:20px;} .btnMember button{display:block;width:60px;height:50px;text-indent:-999px;overflow:hidden;background: url('../img/ic_member.png') no-repeat right 5px center;background-size:35px} .btnMember span{position:absolute;top:15px;left:0;width:30px;height:30px;font-family: 'Roboto';font-size:13px;color:#fff;line-height:30px;text-indent:0;text-align:center;background:#d73434;border-radius:50%} */ /* 2022-09-23 append */ .mbSubB .btnMenu2{position:fixed;z-index:120} .btnMenu2{display:block;position:absolute;right:0;top:0;width:80px;height:80px;text-indent:-999px;overflow:hidden;z-index:110} .btnMenu2 span{position:relative;display:block;margin:0 auto;width:28px;height:4px;background:#fff;border-radius:2px;} .btnMenu2 span::before{position:absolute;top:-10px;left:0;width:100%;height:4px;content:'';background:#fff;border-radius:2px;} .btnMenu2 span::after{position:absolute;top:10px;left:0;width:100%;height:4px;content:'';background:#fff;border-radius:2px;} /* 2022-09-23 append */ /* 2022-08-24 append */ .btnLogin{position:absolute;top:15px;right:20px;} .btnLogin a{display:block;width:60px;height:50px;text-indent:-999px;overflow:hidden;background: url('../img/ic_login.png') no-repeat right 5px center;background-size:35px} .btnLogin span{position:absolute;top:15px;left:0;width:30px;height:30px;font-family: 'Roboto';font-size:13px;color:#fff;line-height:30px;text-indent:0;text-align:center;background:#d73434;border-radius:50%} /* 2022-08-24 append */ .mbSubB h1.title{display:block;position:fixed;top:0;left:0;padding-top:0;width:100%;height:80px;line-height:80px;color:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.2);z-index:111;} .mbSubB h1.title::before{display:none} .mbSubB h1.title + .tabMenu2{margin-top: -20px;} .mbSubB .subConBox{padding:20px 0 50px} .mbSubB #footer{display:none} /* 모바일 상단레이아웃 typeC - 메뉴고정 상단 UI*/ .mbSubC .subConBox{padding:35px 0 50px} /* .mbSubC #header .head_box .btnMenu{display:none} .mbSubC #header .head_box .head_top{position:fixed;top:0;left:0;padding:20px 95px 20px 110px;width:100%;z-index:100} .mbSubC #header .head_box .logo{position:absolute;top:35px;left:30px;} .mbSubC #gnb{padding-left: 130px;} */ #wrapper.gnbfix #header .gnbWrap{height:85px;} #wrapper.gnbfix #header .gnbWrap #gnb{position:fixed;top:0;left:0;width:100%;height:auto;box-shadow:0 2px 2px rgba(0,0,0,0.2);transition:all 0.3s ease;} #wrapper.mbSubA.gnb #header .gnbWrap{height:auto;}/* 모바일 검색결과 페이지 상단메뉴 높이값 */ #wrapper.mbSubC.gnbfix #header .gnbWrap{height:auto;} #wrapper.mbSubC.gnbfix #header .gnbWrap #gnb{position:relative;margin:0;z-index:20} .settingPop{padding-top:0;overflow:auto;} .settingPop .settingCon{top:0;margin:0;height:100%;max-width:100% !important;background:#f5f5f5} .settingPop .settingCon > h2{height:55px;font-size:14px;line-height:55px} .settingPop .settingCon .btn-pop-close{top:8px;right:10px} .settingCon h3{margin-top:5px;background:#fff;border-top: 1px solid #ececec;} .settingCon ul{background:#fff;border-bottom: 1px solid #ececec} .settingCon ul li{font-size:12px} .settingCon ul li p{font-size:11px;line-height:1.2} .settingCon ul li:last-child{border-bottom:0} } /* Mobile Device */ @media all and (max-width:720px){ body{font-size:13px} /* 2022-01-25 수정 */ #header{box-shadow: 0 2px 3px rgba(0,0,0,0.2);background-color:#303e97 !important} #header .head_box{height: 60px;} #header .head_box .head_top{padding: 0 15px} #header .head_box .logo{top: 18px;left: 50px;} #header .head_box .logo a img{width:40px} #header .head_box .btnMenu{top:10px;left:5px;width:40px;height:40px} #header .head_box .btnMenu span{width:17px;height:2px} #header .head_box .btnMenu span::after{top: 6px;height:2px} #header .head_box .btnMenu span::before{top:-6px;height:2px} #header .head_box .btnMember{top:10px;right:10px;} #header .head_box .btnMember a{width:40px;height:40px;background-size:21px;background-position:center center} #header .head_box .btnMember span{width:18px;height:18px;font-size:10px;line-height:18px;left: 25px;top: 0px;} #header .head_box .btnBasket{top:10px;right:45px} #header .head_box .btnBasket a{width:40px;height:40px;background-size:21px;background-position:center center} #header .head_box .btnBasket span{width:18px;height:18px;font-size:10px;line-height:18px;left: 25px;top: 0px;} /* 2022-8-24 append */ #header .head_box .btnJoin{top:10px !important;left: calc(100% - 50px) !important; width:40px;height:40px;margin:0px; background-size:21px} #header .head_box .btnLogin{top:10px;right:45px} #header .head_box .btnLogin a{width:40px;height:40px;background-size:21px;background-position:center center} /* 2022-8-24 append */ #header .head_box .btnLogin span{width:18px;height:18px;font-size:10px;line-height:18px} #header .head_box .topSearch{padding:0 35px 0 10px;height:35px} #header .head_box .topSearch .seartxt{font-size:13px} #header .head_box .topSearch .btn{width:35px;background-size:18px} #header .head_box .topSearch .searchStart{top:34px;} #header .head_box .topSearch .searchStart .searBox{padding:0 5px 5px} #header .head_box .topSearch .searchStart ul li{padding:10px 0} #header .head_box .topSearch .searchStart ul li .bookImg{display:none} #header .head_box .topSearch .searchStart ul li .infor{height:auto} #header .head_box .topSearch .searchStart ul li .tit{margin-bottom:2px;font-size:12px} #header .head_box .topSearch .searchStart ul li .tit a{white-space: inherit; overflow: visible;text-overflow: inherit;line-height:1.2} #header .head_box .topSearch .searchStart ul li .txt1{margin-bottom:10px;font-size:11px} #header .head_box .topSearch .searchStart ul li .txt2{font-size:10px} #header .head_box .topSearch .searchStart ul li .txt3{font-size:11px;} #header .head_box .topSearch .searchStart ul li .txt3 .price b{font-size:13px} #header .head_box .topSearch .searchStart .page{margin-top:10px} #header .head_box .topSearch .searchStart .page_num{right:5px;bottom:15px;font-size:12px} /* 2022-01-25 수정 */ #gnb{padding-left: 100px;background-color:#303e97 !important} #gnb .menu ul li a{padding:0 15px;font-size:14px;line-height:60px} #gnb .menu ul li::before{height: 15px;} #header .head_box .loginLink .mem_infor_view{top: 50px;right: 5px;width: 120px;} #header .head_box .loginLink .mem_infor_view .prof_menu{margin-top:10px;} #header .head_box .loginLink .mem_infor_view .prof_con{padding: 10px;} #header .head_box .loginLink .mem_infor_view .prof_con .prof_img{width: 40px;height: 40px;} #header .head_box .loginLink .mem_infor_view .prof_con .prof_name{font-size: 14px;} #header .head_box .loginLink .mem_infor_view .prof_con .prof_badge{position:absolute;width:18px;height:18px;right:32px;top:5px;color:#fff;background-color:#d73434;border-radius:50%;} #header .head_box .loginLink .mem_infor_view ul li a{font-size: 13px;line-height: 35px;} #header .head_box .loginLink .mem_infor_view ul li.logout a{line-height: 40px;} /* 2019.10.31 #gnb .btnOpen{width:45px;height:45px;} */ #gnb .btnOpen{width:45px;height:45px;background-color:#303e97 !important} #gnb .btnOpen::after{background-size:12px} #gnb .openMenu li a{font-size:14px;line-height:45px} /* 2022-01-25 수정 */ .menuPop .categoryList dl dt{font-size: 16px;line-height: 50px;} .menuPop .categoryList dl dd ul li a{font-size: 15px;} .menuPop .categoryList dl dd ul li ul li a{font-size: 14px;} /* 2022-01-25 수정 */ /* 2022-09-23 append */ .menuTab .categoryList dl dt{font-size: 16px;line-height: 50px;} .menuTab .categoryList dl dd ul li a{font-size: 15px;} .menuTab .categoryList dl dd ul li ul li a{font-size: 14px;} /* 2022-09-23 append */ #container{padding-top: 60px;} #footer .footWrap{padding:30px 15px} #footer .footWrap .footLogo{margin-bottom:5px} #footer .footWrap .footMenu li a{padding:0 8px 0 4px;font-size: 12px;} #footer .footWrap .footCustom{margin-bottom:20px} #footer .footWrap address{font-size:12px} /* 모바일 상단형태 typeA */ /* .mbSubA #header .head_box .head_top{padding:0 55px 0 62px} .mbSubA #header .head_box .logo{top:15px;left:15px;width:38px} .mbSubA #gnb{padding-left: 70px;} */ .mbSubA .subConBox{padding:20px 0 30px 0} .mbSubA.gnb #content{padding-top:55px} .mbSubA h1.title + .tabMenu2{margin-top: -20px;} /* 모바일 상단형태 typeB */ .btnBack{width:55px;height:55px;background-size:20px} .mbSubB h1.title{margin-bottom:20px;height:55px;line-height:55px;font-size:16px;} .mbSubB h1.title + .tabMenu2{margin-top: -10px;} .mbSubB #container{padding-top: 55px;} .mbSubB .subConBox{padding:10px 0 45px} /* 2022-09-23 append */ .mbSubB .btnMenu2{top:10px;right:5px;width:40px;height:40px} .mbSubB .btnMenu2 span{width:17px;height:2px} .mbSubB .btnMenu2 span::after{top: 6px;height:2px} .mbSubB .btnMenu2 span::before{top:-6px;height:2px} /* 2022-09-23 append */ /* 모바일 상단형태 typeC */ /* .mbSubC #header .head_box .head_top{padding:10px 55px 10px 62px} .mbSubC #header .head_box .logo{top:20px;left:15px;} .mbSubC #gnb{padding-left: 70px;} */ .mbSubC .subConBox{padding:20px 0 30px 0} .mbSubA.gnb #content{padding-top:55px} #wrapper.gnbfix #header .gnbWrap{height:45px;} #wrapper.gnbfix #header .gnbWrap #gnb{min-height:45px;} } /* Mobile Device */ @media all and (max-width:340px){ #header .head_box .topSearch .searchStart ul li .txt3{margin-top:0;} } /* ================================================================================ 메인 콘텐츠 ================================================================================ */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; position: relative; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .mTopNew{display: flex;margin-bottom: 10px;justify-content: space-between;} .mTopNew .mTopSearch{position: relative;display: flex;width: calc(75% - 5px);height: 60px;border:2px solid #303e97;border-radius: 5px;} .mTopNew .mTopSearch .seartxt{padding: 0 20px;;width: 100%;height: 100%;background:#fff;border-radius: 5px 0px 0px 5px;} .mTopNew .mTopSearch .btn{flex-shrink:0;width: 60px;height: 100%;text-indent: -999px;overflow:hidden;background:#fff url('../img/ic_search2.png') no-repeat center center;border:0;border-radius: 0px 5px 5px 0px;} .mTopNew .btnPay_book{width: calc(25% - 5px);} .mTopNew .btnPay_book a{display: block;padding:13px 10px 0 30%;height: 60px;font-size: 15px;color: #fff;line-height:1;background:#384eae url('../img/ic_pay_book.png') no-repeat left center;border-radius: 5px;} .mTopNew .btnPay_book a span{display: block;margin-top: 5px;font-size: 12px;opacity: 0.5;} .mBg{background:url('../img/m_top_bg_repeat.jpg') repeat-x center top} .mtopBg{padding:0 30px;} .mVisual{position:relative;margin:6px auto;max-width:1152px;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 4px 4px rgba(0,0,0,0.2)} .mVisual ul li{position:relative;background-position:center center;background-size:cover} .mVisual ul li .box{position:relative;margin:0 auto;max-width:1152px;height:480px;} .mVisual ul li .box::after{display:block;clear:both;content:''} .mVisual ul li .box .img{position:absolute;right:0;bottom:0;width:85%;text-align:right} .mVisual ul li .box .txt{position:absolute;top:120px;left:0;} .mVisual ul li .box .txt p{margin-top:10px;font-size:22px;color:#fff;opacity:0.6} .mVisual .pagination{position:absolute;bottom:28px;left:0;width:100%;text-align:center;z-index:20} .mVisual ul li .mb{display:none} /* 슬라이드페이징 */ .mPage{line-height:8px} .mPage button{margin:0 3px;width:8px;height:8px;text-indent:-999px;overflow:hidden;opacity:0.5;background:#fff;border-radius:4px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease} .mPage button.swiper-pagination-bullet-active{width:63px;opacity:1} .mConWrap1{position:relative;margin:0 auto 55px;padding-top:20px;max-width:1152px} .mConWrap1::after{display:block;clear:both;content:''} .mPop1{float:left;margin-bottom:6px;width:25%;height:243px;background:#0bccd3;border-radius:5px;box-shadow:4px 4px 5px rgba(0,0,0,0.3);-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.3)} .mPop1.right{float:right;box-shadow:-4px 4px 5px rgba(0,0,0,0.3);-webkit-box-shadow:-4px 4px 5px rgba(0,0,0,0.3)} .mPop1 ul li{text-align:center;background-repeat:no-repeat;background-position:center 35px} .mPop1 ul li a{display:block;padding-top:132px;height:100%;color:#fff} .mPop1 ul li .tit{display:block;margin-bottom:5px;font-size:18px;font-weight:500;line-height:100%} .mPop1 ul li .txt{display:block;font-size:11px;opacity:0.7;} .mPop1 ul li.ic1_1{background-image:url('../img/m_link_ic1_1.png')} .mPop1 ul li.ic1_2{background-image:url('../img/m_link_ic1_1.png')} .mPop1 ul li.ic2_1{background-image:url('../img/m_link_ic2_1.png')} .mPop1 ul li.ic2_2{background-image:url('../img/m_link_ic2_1.png')} .mPop1 .mPage{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:20} .mPop2{position:absolute;top:0;left:25%;padding:0 5px;width:50%;} .mPop2 .popSlide{border-radius:5px;box-shadow:0 4px 7px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 7px rgba(0,0,0,0.3)} .mPop2 .popSlide ul li{height:243px;} .mPop2 .popSlide ul li img{width:100%;height:100%} .mPop2 .mPage{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:20} .mbrand{position:relative;clear:both;} .mbrand::after{position:absolute;top:0;left:2%;width:96%;height:100%;content:'';box-shadow:0 35px 25px rgba(0,0,0,0.2);z-index:1} .mbrand .branSlide{position:relative;padding-top:50px;height:192px;background:#fff;border-radius:5px;z-index:2} .mbrand .branSlide h2{position:absolute;top:0;left:0;padding:0 60px;width:100%;text-align:center;z-index:20} .mbrand .branSlide h2 span{display:block;margin:0 auto;max-width:360px;height:36px;font-size:12px;color:#fff;line-height:36px;background:url('../img/m_tit_bg.png') no-repeat center top / 100% 100%} .mbrand .branSlide ul li{position:relative;text-align:center;} .mbrand .branSlide ul li::before{position:absolute;top:50%;left:-10px;width:15px;height:94px;content:'';transform:translateY(-50%);-webkit-transform:translateY(-50%);background:url('../img/brand_kan.png') no-repeat left center} .mbrand .branSlide ul li:first-child{background:none} .mbrand .branSlide ul li a{display:block;padding:0 20px} .mbrand .control{position:absolute;top:10px;right:10px;z-index:30} .mbrand .control button{position:relative;float:left;width:30px;height:30px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center;} .mbrand .control button.prevSlide1{background-image:url('../img/ic_before1.png')} .mbrand .control button.nextSlide1{background-image:url('../img/ic_next1.png')} .mbrand .control button.nextSlide1::before{position:absolute;top:50%;left:0;margin-top:-5px;width:1px;height:10px;content:'';background:#ddd} .brandPop{position:fixed;top:0;left:0;padding-top:5%;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.7);z-index:500} .brandPop .brandCon{position:relative;margin:0 auto;padding-top:64px;width:100%;max-width:450px;height:90%;background:#fff;} .brandPop .brandCon > h2{position:absolute;top:0;left:0;width:100%;font-size:16px;color:#fff;height:64px;line-height:60px;text-align:center;background:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.1);z-index:10} .brandPop .brandCon .btn-pop-close{position:absolute;top:10px;right:15px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../img/ic_close_big2.png') no-repeat center center;background-size:18px;z-index:12} .brandPop .brandCon .listType1{height:100%;overflow:auto} .brandPop .brandCon .listType1 ul{display:none} .brandPop .brandCon .listType1 > li{border-bottom:1px solid #d4d4d4} .brandPop .brandCon .listType1 > li > a{position:relative;display:block;padding:0 45px 0 20px;font-size:14px;line-height:60px;} .brandPop .brandCon .listType1 > li > ul{padding:0 20px;background:#f5f5f5;border-top:1px solid #d4d4d4} .brandPop .brandCon .listType1 > li > ul li{border-bottom:1px solid #d4d4d4} .brandPop .brandCon .listType1 > li > ul li:last-child{border-bottom:0} .brandPop .brandCon .listType1 > li > ul li a{display:block;padding:15px 0} .brandPop .brandCon .listType1 > li.has-sub > a::after{position:absolute;top:50%;right:20px;margin-top:-4px;width:17px;height:8px;content:'';background:url('../img/ic_open_arrow.png') no-repeat;background-size:100%;transform:rotate(180deg)} .brandPop .brandCon .listType1 > li.has-sub.open > a::after{transform:rotate(0)} .brandPop .brandCon .listType2{height:100%;overflow:auto} .brandPop .brandCon .listType2{padding:15px 10px;background:#f5f5f5} .brandPop .brandCon .listType2::after{display:block;clear:both;content:''} .brandPop .brandCon .listType2 li{float:left;margin-bottom:30px;padding:0 5px;width:33.33%;text-align:center} .brandPop .brandCon .listType2 li a{display:block} .brandPop .brandCon .listType2 li .photo{display:block;margin-bottom:10px;padding:3px;background:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.1);border:1px solid #e8e8e8;border-radius:3px} .brandPop .brandCon .listType2 li .tit{display:block;font-weight:500} /* 2022-08-01 edit */ /* .mBook{position:relative;margin: 0 auto;padding:0 40px 55px;max-width: 1540px;overflow:hidden;} */ .mBook{position:relative;margin: 0 auto;padding:0 40px 55px;max-width: 1222px;overflow:hidden;} /* 2022-08-01 edit */ .mBook h2{margin-bottom:25px;font-size:22px;text-align:center;line-height:100%} .mBook .control button{position:absolute;top:50%;width:50px;height:60px;text-indent:-999px;overflow:hidden;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-repeat:no-repeat;background-position:center center;z-index:20} .mBook .control button.prevSlide2{left:0;background-image:url('../img/ic_before2.png')} .mBook .control button.nextSlide2{right:0;background-image:url('../img/ic_next2.png')} .mBook .bookSlide{position:relative;margin:0 auto;padding:0 2px;max-width:1152px;/*overflow:initial;*/overflow:hidden;} .mBook::before{position:absolute;top:0;left:0;width:13%;height:100%;content:'';/*background-image: linear-gradient(to right , rgba(248,248,248,1), rgba(248,248,248,0))*/;z-index:10} .mBook::after{position:absolute;top:0;right:0;width:13%;;height:100%;content:'';/*background-image: linear-gradient(to right , rgba(248,248,248,0), rgba(248,248,248,1))*/;z-index:10} .mBook .bookSlide ul li{padding-bottom:10px} .mBook .bookSlide ul li a{position:relative;display:block;margin:0 auto;width:185px;height:185px;text-align:center;background:#fff;border-radius:8%;/*border-radius:50%;*/transition:all 0.1s ease;-webkit-transition:all 0.2s ease;box-shadow:2px 2px 4px rgba(0,0,0,0.1);border-width:0;border-style:solid;} .mBook .bookSlide ul li a span{position:absolute;top:50%;left:0;padding:0 25px;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .mBook .bookSlide ul li a:hover{border-width:2px;box-shadow:3px 3px 4px rgba(0,0,0,0.2);} .mConWrap2{background:#e8f5f6} .mConWrap2 .mbestBook{margin:0 auto;padding:45px 30px 55px;max-width:1212px;overflow:hidden;border-bottom:1px solid #fff;} .mConWrap2 .mbestBook h2{margin-bottom:30px;font-size:22px;text-align:center;;line-height:100%} .mConWrap2 .mbestBook > ul{margin:0 -7px} .mConWrap2 .mbestBook > ul::after{display:block;clear:both;content:''} .mConWrap2 .mbestBook > ul > li{float:left;margin-bottom:15px;padding:0 7px;width:20%;/*width:33.33%;*/} .mConWrap2 .mbestBook ul li .box{position:relative;text-align:center;overflow:hidden;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1)} .mConWrap2 .mbestBook ul li .box a{display:block;padding:10px;height:275px;/*padding:15px 10px;height:270px*;*/} .mConWrap2 .mbestBook ul li .box .bookImg{position:relative;display:block;margin:0 auto 15px;padding:3px;width:113px;height:150px;border:1px solid #eaeaea} .mConWrap2 .mbestBook ul li .box .bookImg img{width:100%;height:100%} .mConWrap2 .mbestBook ul li .box .bookImg .part{position:absolute;top:0;right:-19px;width:18px;} .mConWrap2 .mbestBook ul li .box .bookImg .part span{display:block;margin-bottom:2px;padding:8px 3px;height:41px;font-size:9px;color:#fff;word-break:break-all;line-height:1;border-radius:0 4px 4px 0} .mConWrap2 .mbestBook ul li .box .bookImg .part .part1{padding:4px 3px;background:#e4567e;} .mConWrap2 .mbestBook ul li .box .bookImg .part .part2{background:#8cc751;} .mConWrap2 .mbestBook ul li .box .bookImg .part .part3{background:#dfac12;} .mConWrap2 .mbestBook ul li .box .tit{display:block;/*min-height:45px;/*margin-bottom:10px;*/margin-bottom:5px;font-size:16px;font-weight:500;line-height:1.3;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .mConWrap2 .mbestBook ul li .box ul{margin-bottom:10px;line-height:1.2} .mConWrap2 .mbestBook ul li .box ul li{position:relative;display:inline-block;padding:0 10px 0 5px;font-size:11px;} .mConWrap2 .mbestBook ul li .box ul li::after{position:absolute;top:50%;right:0;width:1px;margin-top:-6px;height:12px;content:'';background:#e2e2e2} .mConWrap2 .mbestBook ul li .box ul li:last-child::after{display:none} .mConWrap2 .mbestBook ul li .box .price{display:block;font-family: 'Roboto';font-size:22px;color:#ff3600;line-height:1} .mConWrap2 .mbestBook ul li .box .price span{display:inline-block;margin-left:5px;font-size:12px} /* 2019-12-31 추가 */ .mTopBanner{position:relative;float:left;margin-bottom:5px;width:75%;overflow:hidden;border-radius:5px;box-shadow:0 35px 25px rgba(0,0,0,0.2);} .mTopBanner .mbanSlide ul li{height:290px;} .mTopBanner .mbanSlide ul li img{height:100%} .mTopBanner .slidTab ul::after{display:block;clear:both;content:''} .mTopBanner .slidTab ul{display:table;width:100%} .mTopBanner .slidTab ul li{display:table-cell;height:50px;text-align:center;vertical-align:middle;border-left:1px solid #c5c6d1} .mTopBanner .slidTab ul li:first-child{border-left:0} .mTopBanner .slidTab ul li a{display:block;padding:0 10px;height:100%;font-size:14px;color:#fff;line-height:50px;background:#bec0cc;transition:all 0.2s ease;-webkit-transition:all 0.2s ease} .mTopBanner .slidTab ul li a span{display:inline-block;line-height:1.2} .mTopBanner .slidTab ul li.active a{background:#303e97} .mLink{position:relative;float:right;margin-bottom:5px;width:calc(25% - 5px);height:340px;background:#fff;border-radius:5px;box-shadow:0 10px 10px rgba(0,0,0,0.1);} .mLink ul li{text-align:center;background-repeat:no-repeat;background-position:center 30px} .mLink ul li.ic1_1{background-image:url('../img/m_link1_1.png')} .mLink ul li.ic1_2{background-image:url('../img/m_link1_2.png')} .mLink ul li.ic1_3{background-image:url('../img/m_link1_3.png')} .mLink ul li.ic1_4{background-image:url('../img/m_link1_4.png')} .mLink ul li a{display:block;padding-top:220px} .mLink ul li .tit{display:block;font-size:20px;color:#4c5372;font-weight:bold} .mLink ul li .txt{display:block;font-size:14px;color:#232d5f;opacity:0.4} .mLink .mPage{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:20} .mLink .mPage button{background:#e5e5e5} .mLink .mPage button.swiper-pagination-bullet-active{background:#303e97} .mTopBanner_mb{display:none} .mLink_mb{display:none} /* 2022-10-15 append */ .slide_title{position:absolute;top:60%;left:0px;width:100%;text-align:center;font-size:1.2em;} .slide_banner{position:absolute;top:76%;left:20%;px;text-align:center;width:60%;float:center;text-align:center;} .slide_banner .txt{height:24px;line-height:24px;color:#fff;font-size:0.9em;background:#303E97;border-radius:12px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} /* ================================================================================ 반응형 메인 콘텐츠 ================================================================================ */ /* PC Device */ @media all and (min-width:1000.01px){ .mVisual .pagination .mPage button.col2_bg{background:#fff !important} .mTopBanner_pop{display:none !important} } /* TABLET Device */ @media all and (max-width:1000px){ .main{background:#f8f8f8} .mBg{background:none} .mVisual{margin:0 -30px 15px;border-radius:0;box-shadow:0 0 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 0 0 rgba(0,0,0,0.2)} .mVisual ul li img{width:100%} .mVisual ul li .mb{display:block} .mVisual ul li .pc{display:none} .mTopNew{display: block;margin-bottom: 40px;} .mTopNew .mTopSearch{margin-bottom:20px;width: 100%;} .mTopNew .btnPay_book{width: 100%;} .mTopNew .btnPay_book a{padding: 13px 0 0 110px;} .mVisual .pagination .mPage button{opacity:0.5} .mVisual .pagination .mPage button.swiper-pagination-bullet-active{opacity:1} .mPop1{margin-bottom:35px;width:49%;box-shadow:4px 4px 6px rgba(0,0,0,0.1)} .mPop1.right{box-shadow:4px 4px 6px rgba(0,0,0,0.1)} .mPop2{position:relative;left:0;margin-bottom:14px;padding:0;width:auto;} .mPop2 .popSlide{box-shadow:0 4px 6px rgba(0,0,0,0.1)} .mPop2 .popSlide ul li{height:auto} .mPop2 .popSlide ul li img{height:auto} .mbrand{margin-right:-30px;} .mbrand .branSlide{border-radius:5px 0 0 5px} .mbrand .branSlide::after{position:absolute;top:0;right:0;width:120px;height:100%;content:'';background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));z-index:20} .brandPop{padding-top:0} .brandPop .brandCon{max-width:100%;height:100%} .brandPop .brandCon .listType1{height:100%} .mConWrap2 .mbestBook > ul > li{width:25%;} /* 2019-12-31 추가 */ .mTopBanner{display:none} .mTopBanner_mb{position:relative;display:block;margin-bottom:15px;overflow:hidden;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,0.3);} .mTopBanner_mb ul li img{width:100%} .mTopBanner_mb .mPage{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:20} .mTopBanner_mb .btnBan_view{position:absolute;right:20px;bottom:20px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../img/m_btn_view.png') no-repeat;background-size:100%;cursor:pointer;z-index:20} .mTopBanner_pop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:1000} .mTopBanner_pop ul{position:absolute;top:130px;left:0;padding:0 70px 50px;width:100%;height:calc(100% - 130px);overflow:auto;} .mTopBanner_pop ul li{margin-bottom:20px;} .mTopBanner_pop ul li img{border-radius:5px;} /*2022-10-27 append */ .mTopBanner_pop .btnBan_close{position:absolute;right:30px;top:30px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../img/brand_close.png') no-repeat;background-size:100%;cursor:pointer;z-index:20} .mLink{display:none} .mLink_mb{display:block;margin-bottom:15px;} .mLink_mb ul::after{display:block;clear:both;content:''} .mLink_mb ul li{float:left;width:49%;height:325px;text-align:center;overflow:hidden;background-color:#fff;border-radius:5px;background-repeat:no-repeat;background-position:center 30px;box-shadow:4px 4px 8px rgba(0,0,0,0.3);} .mLink_mb ul li.ic1_1{background-image:url('../img/m_link1_1.png')} .mLink_mb ul li.ic1_2{float:right;background-image:url('../img/m_link1_2.png')} .mLink_mb ul li.ic1_3{float:right;background-image:url('../img/m_link1_3.png')} .mLink_mb ul li.ic1_4{float:right;background-image:url('../img/m_link1_4.png')} .mLink_mb ul li a{display:block;padding-top:220px} .mLink_mb ul li .tit{display:block;font-size:20px;color:#4c5372;font-weight:bold} .mLink_mb ul li .txt{display:block;font-size:14px;color:#232d5f;opacity:0.4} } /* Mobile Device */ @media all and (max-width:720px){ .mTopNew{margin-bottom: 20px;} .mTopNew .mTopSearch{margin-bottom: 10px;height: 45px;} .mTopNew .mTopSearch .seartxt{padding: 0 10px;} .mTopNew .mTopSearch .btn{width: 45px;background-size: 20px;} .mTopNew .btnPay_book a{padding: 10px 0 0 90px;height: 50px;font-size: 14px;} .mTopNew .btnPay_book a span{font-size: 11px;} .mtopBg{padding:0 10px} .mVisual{margin:0 -10px 6px} .mVisual ul li .box{padding-top:50px} .mVisual ul li .box .txt img{width:78px} .mVisual ul li .box .txt p{font-size:15px} .mVisual .pagination{bottom:10px} .mPage button{margin:0 2px;width:6px;height:6px;} .mPage button.swiper-pagination-bullet-active{width:50px} .mConWrap1{margin-bottom:45px;padding-top:10px} .mPop2{margin-bottom:7px} .mPop1{margin-bottom:18px;height: 160px;} .mPop1 ul li{background-size:50px;background-position:center 20px} .mPop1 ul li a{padding:75px 10px 0;} .mPop1 ul li .tit{font-size:15px;} .mPop1 ul li .txt{font-size:12px} .mPop1 .mPage, .mPop2 .mPage{bottom:10px} .mbrand{margin-right:-10px;padding-bottom:20px;overflow:hidden;background:#fff;border-radius:5px 0 0 5px;box-shadow: 1px 3px 5px rgba(0,0,0,0.1);} .mbrand .branSlide{height: auto;} .mbrand .control{display:none} .mbrand .branSlide::after{display:none} .mbrand::after{display:none} .mbrand .branSlide ul li a{padding:0 5px} .brandPop .brandCon{padding-top:55px} .brandPop .brandCon > h2{height:55px;line-height:50px} .brandPop .brandCon > h2 img{height:30px} .brandPop .brandCon .btn-pop-close{top:8px;right:10px} .brandPop .brandCon .listType2 li{margin-bottom:15px} .mConWrap2 .mbestBook > ul > li{width:33.3%;} .mBook{padding:0 15px 40px} .mBook h2{margin-bottom:15px;font-size:17px} .mBook .control{display:none} .mBook .bookSlide ul li a{width:140px;height:140px;overflow:hidden} .mBook .bookSlide::before, .mBook .bookSlide::after{display:none} .mBook .bookSlide ul li a span{padding:0 5px} .mConWrap2 .mbestBook{padding:40px 10px} .mConWrap2 .mbestBook h2{margin-bottom:15px;font-size:17px} .mConWrap2 .mbestBook > ul{margin:0 -3px} .mConWrap2 .mbestBook > ul > li{margin-bottom:6px;padding:0 3px} .mConWrap2 .mbestBook ul li .box .bookImg{margin-bottom:10px;width:80px;height:110px} .mConWrap2 .mbestBook ul li .box .bookImg .part{right:-16px;width:15px;} .mConWrap2 .mbestBook ul li .box .bookImg .part span{margin-bottom:1px;padding:5px 0 0;height:34px;font-size:9px;line-height:10px} .mConWrap2 .mbestBook ul li .box .bookImg .part .part1{padding:2px 0 0} .mConWrap2 .mbestBook ul li .box .tit{margin-bottom:5px;font-size:12px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .mConWrap2 .mbestBook ul li .box ul{line-height:1.1} .mConWrap2 .mbestBook ul li .box ul li{padding: 0 6px 0 2px;font-size:11px} .mConWrap2 .mbestBook ul li .box a{padding:15px 10px;max-height:205px;/*height:225px*;*/} .mConWrap2 .mbestBook ul li .box .price{font-size:15px} .mConWrap2 .mbestBook ul li .box .price span{margin-left:3px;font-size:12px} /* 2019-12-31 추가 */ .mTopBanner_mb{margin-bottom:6px;} .mTopBanner_mb .mPage{bottom:10px;} .mTopBanner_mb .btnBan_view{right:10px;bottom:10px;width:20px;height:20px} .mTopBanner_pop ul{top:60px;padding:0 30px 20px;height:calc(100% - 60px)} .mTopBanner_pop ul li{margin-bottom:10px} .mTopBanner_pop .btnBan_close{top:20px;right:20px;width:20px;height:20px} .mLink_mb{margin-bottom:6px;} .mLink_mb ul li{height:160px;background-position:center 10px;background-size:130px} .mLink_mb ul li a{padding-top:105px} .mLink_mb ul li .tit{font-size:13px;} .mLink_mb ul li .txt{font-size:10px;} } /* Mobile Device */ @media all and (max-width:480px){ .mConWrap2 .mbestBook > ul > li{width:33.3%;} .mConWrap2 .mbestBook ul li .box ul li{font-size:10px} .mBook .bookSlide ul li a{width:120px;height:120px;overflow:hidden} } /* Mobile Device */ @media all and (max-width:380px){ .mConWrap2 .mbestBook > ul > li{width:50%;} .mBook .bookSlide ul li a{width:100px;height:100px;overflow:hidden} } /* Mobile Device */ @media all and (max-width:340px){ .mBook .bookSlide ul li a{width:90px;height:90px;} .mConWrap2 .mbestBook ul li .box ul li{font-size:10px} } /* ================================================================================ 서브 콘텐츠 ================================================================================ */ .tabMenu{position:relative;text-align:center;box-shadow:0 2px 2px rgba(0,0,0,0.2);z-index:110} .tabMenu ul li{position:relative;display:inline-block;} .tabMenu ul li a{display:block;padding:0 50px;font-size:16px;color:#fff;font-weight:400;line-height:48px;opacity: 0.6;border-bottom:2px solid transparent;} .tabMenu ul li.on a{opacity: 1;font-weight:500;border-bottom:2px solid #fff} .tabMenu ul li a:hover{opacity: 1;font-weight:500;} /* h1.title{position:relative;margin-bottom:50px;font-size:22px;color:#434865;line-height:100%;text-align:center} */ h1.title{display:none;position:relative;margin-bottom:48px;font-size:22px;color:#434865;line-height:100%;text-align:center} h2.title{margin-bottom:15px;font-size:18px;line-height:100%;} h2.title2{position:relative;margin:25px 0 15px;padding-left:13px;font-size:13px;color:#333;font-weight:500} h2.title2::before{position:absolute;top:4px;left:0;width:3px;height:15px;content:'';background:#ef8484;border-radius:2px} .li_dot > li{position:relative;margin-bottom:10px;padding-left:10px;font-size:12px;color:#666} .li_dot > li::before{position:absolute;top:10px;left:0;width:3px;height:3px;content:'';background:#aaa;border-radius:50%} .dot{position:relative;margin-bottom:10px;padding-left:10px;font-size:12px;color:#666} .dot::before{position:absolute;top:10px;left:0;width:3px;height:3px;content:'';background:#aaa;border-radius:50%} .dot2{position:relative;margin-bottom:10px;padding-left:13px;font-size:12px;color:#666} .dot2::before{position:absolute;top:4px;left:0;width:3px;height:15px;content:'';background:#ef8484;border-radius:2px} .col_red{color:#ff3600 !important} .col_blue{color:#0000ff !important} .btnList{margin:30px 0;text-align:center;} .btnList::after{display:block;clear:both;content:''} .btnList.li4 .btnBc{float:left;width:24.5%} .btnList.li4 .btnBc.big a, .btnList.li4 .btnBc.big button, .btnList.li4 .btnBc.big input{padding:0} .btnList.li4 .btnBc:first-child{margin-right:1%;width:24.5%} .btnList.li4 .btnBc:last-child{float:right;margin-left:1%;width:24.5%} .btnList.li3 .btnBc{float:left;width:32.5%} .btnList.li3 .btnBc:first-child{margin-right:1%;width:32.5%} .btnList.li3 .btnBc:last-child{float:right;width:32.5%} .btnList.li2 .btnBc{float:left;/*width:49%*/width:calc(50% - 2px)} .btnList.li2 .btnBc:first-child{/*margin-right:1%;width:49%;*/} .btnList.li2 .btnBc:last-child{float:right;/*width:49%*/} .btnList.li1 .btnBc{float:left;width:100%} .btnJoin{margin:30px 0;text-align:center; position: absolute;top: -60px;left: 30px;} .btnJoin.li1 .btnBc{float:left;width:100%} .requiredline {border:red 1px solid;} /* 버튼 */ .btnBc{display:inline-block;margin:0 1px;vertical-align:middle;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,0.1);} .btnBc a, .btnBc button, .btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 15px;width:100%;font-size:12px;color:#fff;line-height:44px;text-align:center;text-decoration:none;cursor:pointer;transition: all 0.3s;-webkit-transition: all 0.3s;border-radius:5px;border-width:1px;border-style:solid} .btnBc.min a, .btnBc.min button, .btnBc.min input{min-width:120px} .btnBc.min2 a, .btnBc.min2 button, .btnBc.min2 input{min-width:180px} .btnBc.min3 a, .btnBc.min3 button, .btnBc.min3 input{min-width:290px} .btnBc.w100{width:100%} .btnBc.bsh{box-shadow:inherit} .btnBc.gray a, .btnBc.gray button, .btnBc.gray input{color:#fff;background-color:#b0b2bb;border-color:#b0b2bb} .btnBc.white a, .btnBc.white button, .btnBc.white input{background-color:#fff;} .btnBc.small a, .btnBc.small button, .btnBc.small input{padding:0 10px;line-height:35px;} .btnBc.big a, .btnBc.big button, .btnBc.big input{padding:0 50px;font-size:17px;line-height:70px;font-weight:700;} .btn_cpn{width:30px;height:30px;background:#303e97;border-radius:50%;margin-left:5px;line-height: 14px;} .btn_cpn_hide{display:none;} .inp_wite{padding:0 20px;width:100%;height:46px;font-size:13px;border:1px solid #c0c0c0;border-radius:5px;} .select1{padding-right:40px;height:46px;text-indent:8px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background: url('../img/ic_select_arrow.png') no-repeat right 15px center;border:1px solid #c0c0c0;background-size:9px;border-radius:5px} .select2{padding-right:40px;height:46px;color:#fff;text-indent:8px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background:#b0b2bb url('../img/ic_select_arrow_white.png') no-repeat right 15px center;background-size:9px;border-radius:5px} .txt_wite{padding:10px 20px;width:100%;height:100px;font-size:13px;border:1px solid #c0c0c0;border-radius:5px;} .mem_wrap{margin:0 auto;max-width:650px;} /* 상단 탭메뉴 추가 2024.12.10 */ .mem_wrap .tab_menu {display:inline-block;vertical-align:top;margin-left:10px;} .mem_wrap .tab_menu a {display:inline-block;vertical-align:top;font-size:14px;color:#fff;font-weight:600;line-height:43px;white-space:nowrap;padding:0 20px;background-color:#68a4f3;border-radius:4px 4px 0 0;transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out;margin:0 1px;} .mem_wrap .tab_menu a.on, .tab_menu a:hover {background-color:rgba(255,255,255,1.0);color:#333;} .mem_wrap .tab_button {display:inline-block;vertical-align:top;margin-right:10px;float:right;} .mem_wrap .tab_button a {display:inline-block;vertical-align:top;font-size:14px;color:#fff;font-weight:600;line-height:38px;white-space:nowrap;padding:0 20px;border-radius:4px;transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out;margin:1px;} .mem_wrap .tab_button a.on, .tab_button a:hover {background-color:rgba(255,255,255,1.0);color:#333;} /* 상단 탭메뉴 추가 2024.12.10 */ /* 2022-09-22 append */ .mem_join{padding:30px;background:#fff;border-radius:5px 5px 30px 30px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .mem_join img{border-radius: 5px;} .mem_join .bookListType2 ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .mem_join .bookListType2 ul li{margin-top: 20px; width: calc(33.3% - 10px);background: #fff; border: 1px solid #c0c0c0; border-radius: 15px;box-shadow:1px 1px 5px rgba(0,0,0,0.1);} /* .mem_join .bookListType2 ul li{margin-top: 20px; width: calc(50% - 15px);background: #fff; border: 1px solid #c0c0c0; border-radius: 15px;box-shadow:1px 1px 5px rgba(0,0,0,0.1);} */ .mem_join .bookListType2 ul li .join{position:relative;display:flex;padding:20px 20px 0px 20px;} .mem_join .bookListType2 ul li .join dt{text-align:center;} .mem_join .bookListType2 ul li .join H2{position: relative;top: -20px;text-align:center;font-size:25px;} .mem_join .bookListType2 ul li .join H3{position: relative;top: -20px;text-align:center;font-size:15px;} .mem_join .bookListType2 ul li .join p{text-align:left;} .mem_join .bookListType2 ul li .join p dot{position: absolute;top: 20px;left: 0;width: 3px;height: 3px;content: '';background: #666;border-radius: 50%;} /* 2022-09-22 append */ .mem_infor{margin-bottom:20px;padding:20px 30px;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .mem_infor::after{display:block;clear:both;content:''} /* 2022-10-14 append */ .mem_infor .mybs{display:none} .mem_infor .mybs .on{display:block} /* 2022-10-14 append */ .mem_infor ul li{position:relative;clear:both;margin-bottom:10px;padding-left:105px;} .mem_infor ul li.prof_img{padding-left:0;text-align:center;} .mem_infor ul li.prof_img img{width: 100px;height: 100px;overflow:hidden;border-radius: 50%;} .mem_infor ul li.prof_img .prof_cam{position:absolute;bottom:0px;left:53%;width: 32px;height: 32px;overflow:hidden;background: #e8e8e8;border-radius: 50%;} .mem_infor ul li.prof_img .prof_cam img{width:22px;height:22px;margin-top:5px;border-radius: 0%;} .mem_infor ul li .cert_img{position:relative;padding-left:0;text-align:center;width:50%;float:right} .mem_infor ul li .cert_img img{width: 100px;height: 100px;overflow:hidden;} .mem_infor ul li .cert_img .prof_cam{position:absolute;bottom:0px;right:calc(50% - 66px);width: 32px;height: 32px;overflow:hidden;background: #e6e6e6;border-radius: 50%;} .mem_infor ul li .cert_img .prof_cam img{width:22px;height:22px;margin-top:5px;border-radius: 0%;} .mem_infor ul li .banner_img img, .mem_infor ul li .thum_img img{height: 46px; border-radius: 5px;} .mem_infor ul li .name{position:absolute;top:0;left:0;font-size:13px;color:#666;line-height:1.3;transform:translateY(10px);-webkit-transform:translateY(10px);} .mem_infor ul li .name.nmt{transform:translateY(4px)} .mem_infor ul li .name.nmt2{transform:translateY(6px)} .mem_infor ul li .name.nmt3{transform:translateY(14px)} .mem_infor ul li .wrt_box{position:relative;margin-bottom:10px;padding:2px;height:46px;border:1px solid #c0c0c0;border-radius:5px;} .mem_infor ul li .wrt_box .txt{padding-left:15px;line-height:43px;} .mem_infor ul li .wrt_box form{height:100%} /* 2022-10-13 append */ .mem_infor ul li .wrt_box .btn-delet{position:absolute;top:13px;right:55px;padding:0;width:16px;height:18px;text-indent:-999px;overflow:hidden;background: url('../img/ic_close2.png') no-repeat right center;background-size:100%;cursor:pointer} .mem_infor ul li .wrt_box .btn-view{position:absolute;top:0;right:0;width:55px;height:100%;font-size:12px;font-weight:500} /* 2022-10-13 append */ .mem_infor ul li .wrt_box input{padding:0 75px 0 15px;width:100%;height:100%;font-size:13px} .mem_infor ul li .wrt_box input:disabled{background:#f3f3f3;border-radius:3px} .mem_infor ul li .cer_cord::after{display:block;clear:both;content:''} .mem_infor ul li .cer_cord input{margin-left:4px;padding:0 5px;width:50px;height:44px;text-align:center;border:1px solid #c0c0c0;border-radius:5px} .mem_infor ul li .con1{padding-right:65px} .mem_infor ul li .con1 .btnBc{position:absolute;top:0;right:0;box-shadow:inherit} .mem_infor ul li .con2 .wrt_box{padding-right:85px} .mem_infor ul li .con2 .btn-delet{position:absolute;top:13px;right:55px;padding:0;width:18px;height:18px;text-indent:-999px;overflow:hidden;background: url('../img/ic_close2.png') no-repeat right center;background-size:100%;cursor:pointer} .mem_infor ul li .con2 .btn-view{position:absolute;top:0;right:0;width:55px;height:100%;font-size:12px;font-weight:500} .mem_infor .txt1{display:block;font-size:12px;color:#e85811} .mem_infor .txt2{font-size:13px;color:#5292e7;font-weight:500} .mem_infor .txt3{font-size:12px;color:#e85811} .mem_infor ul li select{padding-right:25px;height:40px;font-size:13px;text-indent:10px;cursor:pointer;overflow: hidden; text-overflow: ellipsis;background: url('../img/ic_select_arrow.png') no-repeat right 10px center} .mem_infor ul li .con3{position:relative;padding-left:118px;} .mem_infor ul li .con3 .btnBc{position:absolute;top:0;left:0;box-shadow:inherit;width:113px} .mem_infor ul li .con4{margin-bottom:0} .mem_infor ul li .con4 .wrt_box{display:inline-block;} .mem_infor ul li .con5{text-align:right} .mem_infor ul li .con5 .name{text-align:left} .mem_infor ul li .con5 .wrt_box{display:inline-block;margin-bottom:0;width:52px;} .mem_infor ul li .con5 .wrt_box input{text-align:center} .mem_infor ul li .con5 p{margin-top:10px;font-size:12px} .mem_infor ul li .con5 .btnQus{width:25px;height:25px;color:#fff;text-align:center;vertical-align:top;border-radius:50%} /* 2025.01.05 edit*/ .mem_infor ul li .con6, .mem_infor ul li .con7{position:relative;padding-right:118px;} .mem_infor ul li .con6 .wrt_box, .mem_infor ul li .con7 .wrt_box{padding-right:0;font-size:13px;} .mem_infor ul li .con6 .wrt_box .txt, .mem_infor ul li .con7 .wrt_box .txt{padding-left:15px;line-height:43px;} .mem_infor ul li .con6 .btnBc, .mem_infor ul li .con7 .btnBc{position:absolute;top:0;right:0;box-shadow:inherit;width:113px} .mem_infor ul li .con6 .btnBc input, .mem_infor ul li .con7 .btnBc input{padding:0 10px} .mem_infor ul li .con6 .mbselec, .mem_infor ul li .con7 .mbselec{position:absolute;top:-1px;right:0;width:115px;/*2022-11-01 */line-height: 36px;text-align: center;} .mem_infor ul li .con6 .mbselec.wrt_box,.mem_infor ul li .con7 .mbselec.wrt_box{width:114px} .mem_infor ul li:last-child{margin-bottom:0} .mem_infor + h2.title{margin-top:20px} .mem_infor ul li .rad_n_box1{position:relative;padding-right: 62px;} .mem_infor ul li .rad_n_box1 .name{left:-105px} .mem_infor ul li .rad_n_box1 .wrt_box{display:block} .mem_infor ul li .rad_n_box1 .btnBc{position:absolute;top:0;right:0;box-shadow:inherit} .mem_infor ul li .rad_n_box1 .btnBc input{padding:0 5px;min-width:57px} /* 2022-10-13 append */ .mem_infor ul li .rad_n_box1 .btn-view{position:absolute;top:0;right:0;width:55px;height:100%;font-size:12px;font-weight:500} /* 2022-10-13 append */ .mem_infor ul li .rad_n_box2{position:relative;} .mem_infor ul li .rad_n_box2 .name{left:-105px} .mem_infor ul li.mb_email{padding:0 141px 0 105px;} .mem_infor ul li.mb_email .mbselec{position:absolute;top:0;right:0;width:137px} /* 2022-10-14 append */ .mem_infor ul li.mb_email .wrt_box input{padding:0 15px;width:100%;height:100%;font-size:13px} .mem_infor ul li.mb_email .wrt_box input:disabled{background:#f3f3f3;border-radius:3px} /* 2022-10-25 append */ .mem_infor ul li.mb_email2{padding:0 0 0 105px;} .mem_infor ul li.mb_email2 .mbselec{position:absolute;top:0;right:0;width:137px} .mem_infor ul li.mb_email2 .wrt_box input{padding:0 15px;width:100%;height:100%;font-size:13px} .mem_infor ul li.mb_email2 .wrt_box input:disabled{background:#f3f3f3;border-radius:3px} .mem_infor ul li .banner_img, .mem_infor ul li .thum_img{display: inline-block;} .mem_infor.pop_cer1{margin-bottom:0;padding:20px 40px 10px;border-radius:0;box-shadow: inherit;} .mem_infor.pop_cer1 ul li{padding-left:0} .mem_infor.pop_cer1 ul li .name{position:relative;left:0;display:block;margin:10px 0;transform: translateY(0);-webkit-transform: translateY(0)} .mem_infor.pop_cer1 ul li .check_radio2 + label{color:#888} .mem_infor.pop_cer1 ul li .btnBc.cer{position:absolute;top:10px;right:0;box-shadow: inherit;} .pop_cer2{margin-bottom:20px;padding:10px 40px;border-top:1px solid #c0c0c0;box-shadow: 1px 1px 2px rgba(0,0,0,0.1);} .pop_cer2 .agreeCon li{padding:0} /* radio 탭 */ #rtc1{display: none} #rtc2{display: none} #rtc3{display: none} #rtc4{display: none} #rtab1:checked ~ #rtc1, #rtab2:checked ~ #rtc2, #rtab3:checked ~ #rtc3, #rtab4:checked ~ #rtc4{display:block} .etc_join_infor{display:none} .keywordList{padding:20px;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .keywordList ul li{position:relative;padding:10px 50px 10px 10px;min-height:45px;border-bottom:1px solid #c0c0c0} .keywordList ul li .btnDelet{position:absolute;top:10px;right:10px;width:24px;height:24px;text-indent:-999px;overflow:hidden;background:#b4b4b4 url('../img/ic_close1.png') no-repeat center center;background-size:9px;border-radius:50%} .mem_login{margin:0 auto;padding:0 15px;max-width:415px} .mem_login .security_check{position:relative;display:inline-block;margin-bottom:10px;font-size:12px;color:#333} .mem_login .security_check input{position:absolute;top:0;left:-999px;opacity:0} .mem_login .security_check label{padding-right:30px;} .mem_login .security_check label::after{position:absolute;top:50%;right:0;width:25px;height:15px;font-family: 'Roboto';font-size:9px;color:#fff;font-weight:500;line-height:15px;text-align:center;content:'ON';background:#03c8d1;transform:translateY(-50%);-webkit-transform:translateY(-50%);border-radius:5px;} .mem_login .security_check input:checked + label::after{content:'OFF';background:#ccc;} /* 2022.06.19 보안접속 on, off 순서바꿈 .mem_login .security_check label::after{position:absolute;top:50%;right:0;width:25px;height:15px;font-family: 'Roboto';font-size:9px;color:#fff;font-weight:500;line-height:15px;text-align:center;content:'OFF';transform:translateY(-50%);-webkit-transform:translateY(-50%);background:#ccc;border-radius:5px;} .mem_login .security_check input:checked + label::after{content:'ON';background:#03c8d1} */ .mem_login .loginForm{position:relative;margin-bottom:20px;padding-right:115px} .mem_login .loginForm .inplg{margin-bottom:10px;padding:0 10px;width:100%;height:50px;font-size:13px;color:#888;text-align:left;border-width:1px;border-style:solid;border-radius:4px} .mem_login .loginForm .btn-delet{position:absolute;top:13px;right:55px;padding:0;width:16px;height:18px;text-indent:-999px;overflow:hidden;background: url('../img/ic_close2.png') no-repeat right center;background-size:100%;cursor:pointer} .mem_login .loginForm .btn-view{position:absolute;top:0;right:0;width:55px;height:100%;font-size:12px;font-weight:500} .mem_login .loginForm .btn{position:absolute;top:0;right:0;width:106px;height:111px;font-size:14px;color:#fff;border-radius:5px} .mem_login .loginForm .check_box{font-size:12px} .mem_login .login_sns{display:block;margin-bottom:5px;} .mem_login .login_sns a{display:block;font-size:12px;line-height:46px;text-align:center;background-color:#fff;background-repeat:no-repeat;background-position:18px center;border:1px solid #dcdcdc;border-radius:4px} .mem_login .login_sns.ic1 a{background-image: url('../img/ic_sns_naver.png');background-size:36px; } .mem_login .login_sns.ic2 a{background-image: url('../img/ic_sns_kakao.png');background-size:36px; } .mem_login .login_sns.ic3 a{background-image: url('../img/ic_sns_google.png');background-size:36px; } .mem_login .etc_btn{margin:30px 0 10px;text-align:center;border-top:1px solid #f4f4f4} .mem_login .etc_btn li{position:relative;display:inline-block;padding:15px} .mem_login .etc_btn li:first-child::before{position:absolute;top:50%;right:0;margin-top:-5px;width:1px;height:10px;content:'';background:#f4f4f4} .mem_login .etc_btn li a{display:block;font-size:13px;color:#444} .mem_login .certi_write{position:relative;padding-left:60px} .mem_login .certi_write .name{position:absolute;top:50%;left:0;font-size:12px;color:#666;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .mem_login .certi_write .inplg{margin-bottom:0;padding:0 5px;width:23%;text-align:center;border-color:#ececec} .ques{font-size:11px} .ques button .ic{display:inline-block;width:23px;height:23px;color:#fff;line-height:23px;border-radius:50%} /* 2022-10-18 append */ .uncheck_box{position:relative;display:inline-block;color:#333} .uncheck_box input{position:absolute;top:0;left:-999px;opacity:0} .uncheck_box label{min-height:25px} .uncheck_box label span{position:relative;display:inline-block;margin-right:10px;width:25px;height:25px;overflow:hidden;vertical-align:middle;border-radius:3px;} .uncheck_box label span::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:#b0b2bb;box-shadow:1px 2px 2px rgba(0,0,0,0.1) inset} .check_box{position:relative;display:inline-block;color:#333} .check_box input{position:absolute;top:0;left:-999px;opacity:0} .check_box label{min-height:25px} .check_box label span{position:relative;display:inline-block;margin-right:10px;width:25px;height:25px;overflow:hidden;vertical-align:middle;border-radius:3px;} .check_box label span.nocheck::before{background:#999;} .check_box label span::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:#e4e4e4;box-shadow:1px 2px 2px rgba(0,0,0,0.1) inset} .check_box label span:after{position:absolute;top:50%;left:5px;margin-top:-4px;width:12px;height:4px;opacity:0;content:'';transform:rotate(-45deg);border:1px solid #fff;border-width:0 0 3px 3px;border-radius:0 0 0 3px} .check_box input:checked + label span{background:none;} .check_box input:checked + label span::after{opacity:1} .check_box input:checked + label span:before{opacity:0} .check_box2{position:absolute;width:0;height:0;opacity:0} .check_box2 + label{min-height:25px} .check_box2 + label span{position:relative;display:inline-block;margin-right:10px;width:25px;height:25px;overflow:hidden;vertical-align:middle;border-radius:3px;} .check_box2 + label span::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:#e4e4e4;box-shadow:1px 2px 2px rgba(0,0,0,0.1) inset} .check_box2 + label span:after{position:absolute;top:50%;left:5px;margin-top:-4px;width:12px;height:4px;opacity:0;content:'';transform:rotate(-45deg);border:1px solid #fff;border-width:0 0 3px 3px;border-radius:0 0 0 3px} .check_box2:checked + label span{background:none;} .check_box2:checked + label span::after{opacity:1} .check_box2:checked + label span:before{opacity:0} .check_box3{position:absolute;width:0;height:0;opacity:0} .check_box3 + label{position: relative;/*margin-right:15px;padding-left:18px;*/margin-right:0px;padding-left:15px;min-height:20px;color: #999;} .check_box3 + label:before{position:absolute;top:50%;left:0;margin-top:-5px;width:11px;height:5px;content:'';transform:rotate(-45deg);border:1px solid #c8c9cf;border-width:0 0 2px 2px;border-radius:0 0 0 3px} .check_box3:checked + label{color: #5292e7;} .check_box3:checked + label:before{border-color: #5292e7;} .check_radio{position:relative;display:inline-block;margin:0 10px 5px 0;color:#333;} .check_radio input{position:absolute;top:0;left:-999px;opacity:0} .check_radio label{display:block;padding-left:30px;min-height:25px} .check_radio label::before{position:absolute;top:0;left:0;width:25px;height:25px;content:'';border:2px solid #d1d1d1;border-radius:50%;box-sizing:border-box} .check_radio label::after{position:absolute;top:50%;left:6px;width:13px;height:13px;content:'';background:#d1d1d1;border-radius:50%;transform: translateY(-50%);} .check_radio input:checked + label span{background:none;} .check_radio input:checked + label::after{background:#5293e7} .check_radio input:checked + label:before{border-color:#5293e7} .check_radio2{position:absolute;opacity:0;width:0;height:0} .check_radio2 + label{position:relative;display:inline-block;margin:0 10px 5px 0;padding-left:30px;line-height:24px} .check_radio2 + label::before{position:absolute;top:50%;left:0;width:24px;height:24px;content:'';border:2px solid #d1d1d1;border-radius:50%;box-sizing:border-box;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .check_radio2 + label::after{position:absolute;top:50%;left:6px;width:12px;height:12px;content:'';background:#d1d1d1;border-radius:50%;box-sizing:border-box;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .check_radio2:checked + label span{background:none;} .check_radio2:checked + label::after{background:#5293e7} .check_radio2:checked + label:before{border-color:#5293e7} .check_radio3{position:absolute;opacity:0;width:0;height:0} .check_radio3 + label{position:relative;display:inline-block;width:120px;height:46px;color:#a5a5a5;line-height:46px;text-align:center;overflow:hidden;background:#fff;border:1px solid #c0c0c0;border-radius:5px} .check_radio3 + label .col1_bg{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%} .check_radio3 + label .txt{position:absolute;top:0;left:0;width:100%;height:100%;} .check_radio3:checked + label{border:1px solid transparent} .check_radio3:checked + label .col1_bg{opacity:1} .check_radio3:checked + label .txt{color:#fff} .check_radio4{position:absolute;opacity:0;width:0 !important;height:0 !important} .check_radio4 + label{position:relative;float:left;width:53px;height:46px;color:#a5a5a5;line-height:46px;text-align:center;overflow:hidden;background:#fff;border:1px solid #c0c0c0;border-radius:5px} .check_radio4 + label.frlb{margin-right:3px} .check_radio4 + label .col1_bg{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%} .check_radio4 + label .txt{position:absolute;top:0;left:0;width:100%;height:100%;} .check_radio4:checked + label{border:1px solid transparent} .check_radio4:checked + label .col1_bg{opacity:1} .check_radio4:checked + label .txt{color:#fff} /* .bookmark{width:25px;height:25px;text-indent:-999px;overflow:hidden;background:url('../img/ic_star_off.png') no-repeat center center;background-size:25px} .bookmark .on{background:url('../img/ic_star_on.png') no-repeat center center;background-size:26px} .bookmark::after{background:url('../img/ic_star_on.png') no-repeat center center;background-size:26px} .bookmark .on:after{opacity:1} */ .bookmark{position:relative;width:25px;height:25px;text-indent:-999px;overflow:hidden;/*background:#fff;*/} .bookmark::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0.4;background:url('../img/ic_star_off.png') no-repeat center center;background-size:15px} .bookmark.on:after{opacity:1} .btnSharing{position:relative;width:25px;height:25px;text-indent:-999px;overflow:hidden;/*background:#fff;*/border:1px solid #e4e4e4;border-radius:2px;} .btnSharing::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0.5;background:url('../img/ic_sharing.png') no-repeat center center;background-size:15px} .btnSharing.on:after{opacity:1} .btnDelete{position:relative;width:25px;height:25px;text-indent:-999px;overflow:hidden;} .btnDelete::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0.4;background:url('../img/ic_delet.png') no-repeat center center;background-size:20px} .btnDelete.on:after{opacity:1} .btncheck{position: absolute;display: inline-block;top: 10px;left: 10px;z-index: 500;} .btnTerm, .btnTerm2{display:none;} .fixBar{position:relative;overflow:hidden;transition:all 0.1s ease;} .fixBar .col2_bg{position:absolute;left:0;top:0;width:100%;height:0;opacity:0;z-index:1;transition:height 0.2s ease;} .fixWrp{margin-bottom: 10px;height:40px} .listTopGuide{position:relative;z-index:300;} .listTopGuide::after{display:block;clear:both;content:''} .listTopGuide .groupSelect{position:relative;float:left;margin:0 10px 10px 0;padding:2px 90px 2px 2px;width:370px;height:46px;background:#fff;border:1px solid #ccc;border-radius:5px} .listTopGuide .groupSelect select{padding-right:25px;width:100%;height:40px;font-size:12px;text-indent:5px;cursor:pointer;overflow: hidden; text-overflow: ellipsis;background: url('../img/ic_select_arrow.png') no-repeat right 10px center} .listTopGuide .groupSelect .btnGroupModify{position:absolute;top:2px;right:10px;width:85px;height:40px;font-weight:500} .listTopGuide .pag{float:left;padding-left:25px;font-size:12px;color:#909090;line-height:40px;background: url('../img/ic_list.png') no-repeat left center;background-size:17px} .listTopGuide .pag .kan{font-size:9px;color:#d3d3d3;font-style:normal} .listTopGuide .control{float:right;} .listTopGuide .control .orderSelect{margin-right:2px;padding:0 25px 0 6px;width:90px;height:40px;color:#fff;background:#b0b2bb url('../img/ic_select_arrow_white.png') no-repeat right 10px center;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .listTopGuide .control .btn{width:40px;height:40px;text-indent:-999px;overflow:hidden;background-color:#b0b2bb;background-repeat:no-repeat;background-position:center center;background-size:14px;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .listTopGuide .control .btnType1{background-image:url('../img/ic_type1.png')} .listTopGuide .control .btnType2{background-image:url('../img/ic_type2.png')} .fixBar .btnTotalMenu, .fixBar .topSearch{display:none} /* 2022-01-25 추가 */ .listTopCon{position: relative;padding-right: 140px;/*padding:0 140px 10px 0;*/} .listTopCon .pag{padding-left:25px;font-size:14px;color:#909090;line-height:40px;background: url('../img/ic_list.png') no-repeat left center;background-size:17px} .listTopCon .t_pag{padding-left:25px;font-size:14px;color:#909090;line-height:40px;background: url('../img/ic_list.png') no-repeat left center;background-size:17px} .listTopCon .listTopBox{display: flex;justify-content: space-between;margin-bottom: 10px;} .listTopCon .listTopBox .control{display: flex;justify-content: space-between;align-items: center;padding: 0 5px;width: calc(33% - 5px);background:#fff;border-radius: 5px;box-shadow: 1px 1px 3px rgba(0,0,0,0.1);} .listTopCon .listTopBox .control .order_list{display: flex;flex-wrap: wrap;align-items: center;/*padding: 0 15px;*/padding: 0 10px;width: 100%;} .listTopCon .listTopBox .control .order_list .check_box3 + label{flex-grow: 1;} .listTopCon .listTopBox .control button{position:relative;width: 40px;height: 40px;flex-shrink: 0;text-indent: -999px;overflow:hidden;background-color: #eeeff7;background-repeat: no-repeat;background-position: center center;border-radius: 5px;} .listTopCon .listTopBox .control button.btnType1{background-image: url('../img/ic_type1_new.png');} .listTopCon .listTopBox .control button.btnType2{background-image: url('../img/ic_type2_new.png');} .listTopSearch{position: relative;display: flex;width: calc(67% - 5px);height: 50px;border:1px solid #303e97;border-radius: 5px;box-shadow: 1px 1px 3px rgba(0,0,0,0.1);} .listTopSearch .seartxt{padding: 0 20px;;width: 100%;height: 100%;background:#fff;border-radius: 5px 0px 0px 5px;} .listTopSearch .btn{flex-shrink:0;width: 50px;height: 100%;text-indent: -999px;overflow:hidden;background:#fff url('../img/ic_search2.png') no-repeat center center / 24px;border:0;border-radius: 0px 5px 5px 0px;} /* 2022-10-02 edit */ .viewTopCon{display: flex;margin-bottom: 20px;padding: 0px;} .viewTopCon .listTopSearch{margin: 0;width: 100%;} .listTopCon .listTopBox2 .listTopSearch{margin-bottom: 20px;width:100%;} /* 목록 타입1 -------------------------------------------------------------------------------------------------------------------------*/ .bookListType1{position:relative;/*2022-10-27 margin-bottom:20px;*/margin-bottom:5px;padding-right:140px;z-index:2} .bookListType1 > ul > li{/*margin-bottom:10px;*/} .bookListType1 > ul > li:last-child{margin-bottom: 0;} .bookListType1.pay_prod{padding-right:0} .bookListType1.pay_prod ul li .box{padding-top:50px} .bookListType1.basket_prod{padding-right:0} .bookListType1.basket_prod ul li .box .infor3{} .bookListType1 ul li .box{position:relative;padding:15px 30px;/*margin-bottom:3px;*/margin-bottom:15px;/*border-radius:5px 5px 0 0;*/border-radius:5px;background:#fff;box-shadow:2px 2px 2px rgba(0,0,0,0.1);z-index:100;} .bookListType1 ul li .box .txt{color: #999;font-size:13px;} .bookListType1 ul li .box .etc{position:absolute;top:15px;/*right:25px;*/right:31%;} .bookListType1 ul li .box .etc .bookmark{margin-left:5px} .bookListType1 ul li .box .etc_set{position:absolute;top:10px;right:10px;} .bookListType1 ul li .box .etc_set .bookmark{margin-left:5px} .bookListType1 ul li .box .infor1{position:relative;margin:5px 30% 10px 0;padding-left:140px;min-height:95px;} .bookListType1 ul li .box .infor1 .bookImg{position:absolute;left:0;top:0;padding:5px;width:110px;height:148px;background:#fff;border-radius: 5px;border:1px solid #c0c0c0;} .bookListType1 ul li .box .infor1 .bookImg img{width:98px;height:134px;overflow: hidden;background: #fff;} .bookListType1 ul li .box .infor1 .bookImg .part{position:absolute;top:5px;right:-19px;width:18px;} .bookListType1 ul li .box .infor1 .bookImg .part span{display:block;margin-bottom:3px;padding:8px 3px;height:41px;font-size:9px;color:#fff;word-break:break-all;line-height:1;border-radius:0 4px 4px 0;} .bookListType1 ul li .box .infor1 .bookImg .part .part1{padding:4px 3px;background:#e4567e;z-index:1000;} .bookListType1 ul li .box .infor1 .bookImg .part .part2{background:#8cc751;z-index:1000;} .bookListType1 ul li .box .infor1 .bookImg .part .part3{background:#dfac12;z-index:1000;} .bookListType1 ul li .box .infor1 a{display:block} .bookListType1 ul li .box .infor1 .subject{margin-bottom:15px;height:60px;line-height: 1.3em;} .bookListType1 ul li .box .infor1 h2{margin-bottom:10px;font-size:16px;font-weight:500;white-space: normal; line-height: 1.3em; max-height: 40px; text-align: left;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; } .bookListType1 ul li .box .infor1 p{font-size:13px;color:#999;line-height: 1.3em;} .bookListType1 ul li .box .infor1 .txt1{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;} .bookListType1 ul li .box .infor1 .txt2 p{margin-bottom:7px;padding-right:70px;line-height:1.3} .bookListType1 ul li .box .infor1 .txt2 p span{position:relative;display:inline-block;padding:0 7px} .bookListType1 ul li .box .infor1 .txt2 p span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc} .bookListType1 ul li .box .infor1 .txt2 p span:first-child{padding-left:0} .bookListType1 ul li .box .infor1 .txt2 p span:first-child::before{display:none} .bookListType1 ul li .box .infor1 .txt3{position:absolute;right:0;bottom:0;color:#333;line-height:28px} .bookListType1 ul li .box .salePrice{position:absolute;bottom:0;right:30px;color:#888} .bookListType1 ul li .box .salePrice .price{margin-left:10px;font-size:13px} .bookListType1 ul li .box .salePrice .price b{font-size:18px;color:#5463c2} .bookListType1 ul li .box .infor2{margin-right:30%;padding-left:140px;} .bookListType1 ul li .box .infor2 .txt1{text-align:right;padding-bottom:10px;} .bookListType1 ul li .box .infor2::after{display:block;clear:both;content:''} .bookListType1 ul li .box .infor2 .disCon{padding:10px 0;text-align:center;background:#f7f7f7;border-radius:5px;border:1px solid #c0c0c0;} .bookListType1 ul li .box .infor2 .disCon li{position:relative;display:inline-block;margin:0 5px;padding:0 14px;text-align:center;/* 2022-10-16 padding-left:35px;*/font-size:11px;color:#444} .bookListType1 ul li .box .infor2 .disCon li .name{position:absolute;top:0;left:0;width:33px;font-size:9px;color:#fff;line-height:16px;text-align:center;border-radius:8px} .bookListType1 ul li .box .infor2 .disCon li .name + span{margin-left:5px} .bookListType1 ul li .box .infor2 .disCon li:nth-child(1) .name{background-color:#ee5e48} .bookListType1 ul li .box .infor2 .disCon li:nth-child(2) .name{background-color:#303e97} .bookListType1 ul li .box .infor2 .disCon li:nth-child(3) .name{background-color:#ff9453} .bookListType1 ul li .box .infor2 .disCon li select{padding-right:13px;width:100%;font-size:11px;color:#444;background:url('../img/ic_select_arrow.png') no-repeat right center;background-size:8px} .bookListType1 ul li .box .infor2 .disCon2{margin-bottom:4px;padding: 10px 10px;text-align: center;background: #f7f7f7;border-radius:5px;border: 1px solid #c0c0c0;} .bookListType1 ul li .box .infor2 .disCon2.bg{background:#fff} .bookListType1 ul li .box .infor2 .disCon2::after{display:block;clear:both;content:''} .bookListType1 ul li .box .infor2 .disCon2 li{float:left;padding:0 20px;width:50%;font-size:11px;text-align:left;} .bookListType1 ul li .box .infor2 .disCon2 li select{padding-right:13px;font-size:11px;color:#444;background:url('../img/ic_select_arrow.png') no-repeat right center;background-size:8px} .bookListType1 ul li .box .infor2 .disCon2 li.row{width: 100%;color: #d87c45;} .bookListType1 ul li .box .infor2 .disCon2 li.row .price{float: right;color: #444;} .bookListType1 ul li .box .infor2 .disCon2 li.auto{width:auto;} .bookListType1 ul li .box .infor3{position:absolute;right:30px;/*top:45px;padding:0 0 0 25px;*/top:0px;padding:5px 0 10px 25px;width:26%;height: 100%;border-left:1px solid #c0c0c0} .bookListType1 ul li .box .infor3 .priceArea li{position:relative;padding:9px 0 9px 40px;text-align:right;line-height:25px;border-top:1px solid #c0c0c0} .bookListType1 ul li .box .infor3 .priceArea li:first-child{border-top:0} .bookListType1 ul li .box .infor3 .priceArea li .name{position:absolute;top:50%;left:5px;font-weight:500;transform:translateY(-50%)} .bookListType1 ul li .box .infor3 .priceArea li del{font-size:13px;color:#888} .bookListType1 ul li .box .infor3 .priceArea li .price{margin-left:5px;font-size:13px;color:#888} .bookListType1 ul li .box .infor3 .priceArea li .price b{font-size:15px;color:#5463c2} .bookListType1 ul li .box .infor3 .priceArea li input{/*margin-right:2px;*/color:#303e97;font-size:15px;font-weight:600;padding:0 5px;width:50px;height:36px;text-align:center;/*border:1px solid #dcdcdc*/;border-top:1px solid #303e97;border-bottom:1px solid #303e97;} .bookListType1 ul li .box .infor3 .priceArea li button{width:36px;height:36px;line-height:15px;font-size:15px;color:#fff;text-align:center;font-weight:bold;/*2022-10-16 background:#0f1a65;*/background:#303e97;} .bookListType1 ul li .box .infor3 .priceArea li button.left{border-radius:3px 0px 0px 3px;} .bookListType1 ul li .box .infor3 .priceArea li button.right{border-radius:0px 3px 3px 0px;} .bookListType1 ul li .box .infor3 .priceArea li .total_price{color:#ff3600} .bookListType1 ul li .box .infor3 .priceArea li .total_price b{font-size:22px} .bookListType1 ul li .box .basket_select{margin-top:15px;padding-top:10px;border-top:1px solid #c0c0c0} .bookListType1 ul li .box .basket_select ul{position:relative;margin-bottom:5px;padding-right:27%} .bookListType1 ul li .box .basket_select ul::after{display:block;clear:both;content:''} .bookListType1 ul li .box .basket_select ul li{padding:0 35px 0 130px;line-height:46px;} .bookListType1 ul li .box .basket_select ul li.rit{position:absolute;top:0;right:0;padding:0 0 0 100px;width:27%} .bookListType1 ul li .box .basket_select ul li .name{position:absolute;left:0;top:0;} .bookListType1 ul li .box .basket_select ul li.rit .name{left:25px} .bookListType1 ul li .box .basket_select ul li select{width:100%;font-size:14px} /* .bookListType1 ul li .box .steacher::after{display:block;clear:both;content:''} .bookListType1 ul li .box .steacher{position:relative; padding: 15px 30% 0px 80px;line-height:38px;} .bookListType1 ul li .box .steacher .name{position:absolute;left:0;top:0;} .bookListType1 ul li .box .steacher select{width:50%;font-size:12px} .bookListType1 ul li .box .steacher .title{position:absolute;left:0;padding: 0 15px;border-radius:5px;border:1px solid #c0c0c0;color:#fff;background-color:#000;} .bookListType1 ul li .box .steacher .teacher{width:100%;font-size:12px;} .bookListType1 ul li .box .steacher .teacher .name{position:relative;padding-left:10px;width:45%;text-align:center;} .bookListType1 ul li .box .steacher .teacher .select2{float:right;padding:10px;width: 55%;text-align:center;height:38px;line-height: 20px;color:#444;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background:#e5e5e5;background-size:9px;border-radius:0 5px 5px 0;} .bookListType1 ul li .box .steacher .teacher .select3{float:right;padding:10px;width: 55%;text-align:left;height:38px;color:#fff;text-indent:8px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background:#b0b2bb url('../img/ic_select_arrow_white.png') no-repeat right 15px center;background-size:9px;border-radius:0 5px 5px 0} .bookListType1 ul li .box .steacher .teacher .fLeft{width:calc(50% - 2px);float:left;border-radius:5px;border:1px solid #c0c0c0;} .bookListType1 ul li .box .steacher .teacher .fRight{width:calc(50% - 2px);float:right;border-radius:5px;border:1px solid #c0c0c0;} */ /* 2022.11.21 판매관리 및 청구서 관리 주문자 리스트 */ .bookListType1 ul li.ord{/*padding:0px 30px 15px;*/padding:15px 30px 5px;border-top:1px solid #c0c0c0 !important;border-bottom:0px !important;} .bookListType1 ul li.ord .ord_table{display:inline-block;border:1px solid #c0c0c0;border-radius: 5px;font-size:13px;margin-bottom:5px;} .bookListType1 ul li.ord .ord_table ul{display: flex;width:100%;float:left;align-items: center;background: #f8f8f8;border-top:1px solid #c0c0c0;} .bookListType1 ul li.ord .ord_table ul.ord_title{border-top: 0px;background:#fff;border-radius: 5px 5px 0 0;} .bookListType1 ul li.ord .ord_table ul.ord_last{border-radius:0px 0px 5px 5px;} .bookListType1 ul li.ord .ord_table ul li{padding:10px;} .bookListType1 ul li.ord .ord_table ul li.last{width:100%;padding:10px;text-align:center;} .bookListType1 ul li.ord .ord_table ul li.check{width:50px;padding:10px;text-align:center;} .bookListType1 ul li.ord .ord_table ul li.name{min-width:80px;padding:10px;text-align:center;} .bookListType1 ul li.ord .ord_table ul li.tel{min-width:120px;padding:10px;text-align:center;} .bookListType1 ul li.ord .ord_table ul li.price{min-width:80px;padding:10px;text-align:right;} .bookListType1 ul li.ord .ord_table ul li.bill{min-width:150px;padding:10px;text-align:center;} .bookListType1 ul li.ord .ord_table .memo{width:calc(100% - 470px);padding:10px;} .bookListType1 ul li.ord .ord_table .memo2{width:auto;padding:10px;} .bookListType1 ul li.ord .manag_infor{margin-bottom:10px;/*display:inline-block;*/font-size:13px;} .bookListType1 ul li.ord .manag_infor ul li{display: block;margin: 0;padding: 10px 20px;} .bookListType1 ul li.ord .manag_infor ul li.box{display: flex;align-items:flex-start;background: #f8f8f8;border:1px solid #c0c0c0;border-radius: 5px;font-size: 14px;color: #999;line-height: 1.5;box-shadow:none;} .bookListType1 ul li.ord .manag_infor ul li.box .name{margin-right: 10px;width: auto;font-size: 16px;color: #5292e7;line-height: 1.2;} .bookListType1 ul li.ord .manag_infor ul li.box .tit{color: #333;line-height: 1.3;} .bookListType1 ul li.ord .manag_infor ul li.box .txt{color: #999;line-height: 1.3;} .bookListType1 ul li.ord .manag_infor ul.inforBook{position:relative;width:100%;margin-bottom:10px;padding:0;min-height:135px;border-top:1px solid #c0c0c0 !important;} .bookListType1 ul li.ord .manag_infor ul.inforBook:first-child{border-top:0px;border-radius:5px 5px 0px 0px;border-top:0px !important;} .bookListType1 ul li.ord .manag_infor ul.inforBook:last-child{border-top:0px;border-radius:0px 0px 5px 5px;} .bookListType1 ul li.ord .manag_infor ul.inforBook li{float:left;width:calc(100% - 120px);/*padding:20px 20px 0 20px;*/padding:20px 20px 0 40px;justify-content: space-between;align-items: center;border-top:0px;} .bookListType1 ul li.ord .manag_infor ul.inforBook li:first-child{width:120px;text-align:center;border-top:0px;padding:20px 0px 0px 70px;/*padding:20px 20px 0;*/} .bookListType1 ul li.ord .manag_infor ul.inforBook li .bookImg{position:relative;margin:0 calc(50% - 40px) 10px;padding:5px;width:80px;height:105px;background-color:#fff;border-radius:5px;text-align:center;} .bookListType1 ul li.ord .manag_infor ul.inforBook li .bookImg img{width:100%;height:100%} .bookListType1 ul li.ord .manag_infor ul.inforBook li .bookImg .part{position:absolute;top:5px;right:-19px;width:18px;} .bookListType1 ul li.ord .manag_infor ul.inforBook li .bookImg .part span{display:block;margin-bottom:3px;padding:8px 3px;height:41px;font-size:9px;color:#fff;word-break:break-all;line-height:1;border-radius:0 4px 4px 0} .bookListType1 ul li.ord .manag_infor ul.inforBook li .bookImg .part .part1{padding:4px 3px;background:#e4567e;} .bookListType1 ul li.ord .manag_infor ul.inforBook li .bookImg .part .part2{background:#8cc751;} .bookListType1 ul li.ord .manag_infor ul.inforBook li .bookImg .part .part3{background:#dfac12;} .bookListType1 ul li.ord .manag_infor ul.inforBook li a{display:block} .bookListType1 ul li.ord .manag_infor ul.inforBook .subject{width:100%;margin-bottom:0px;height:55px} .bookListType1 ul li.ord .manag_infor ul.inforBook h2 {margin-bottom: 5px;font-size: 14px;font-weight: 500;white-space: normal;line-height: 1.2;max-height: 40px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .bookListType1 ul li.ord .manag_infor ul.inforBook del{font-size:13px;color:#888} .bookListType1 ul li.ord .manag_infor ul.inforBook .price{margin-left:5px;font-size:13px;color:#888} .bookListType1 ul li.ord .manag_infor ul.inforBook .price b{font-size:15px;color:#5463c2} .bookListType1 ul li.ord .manag_infor ul.inforBook .txt1 {color: #999;font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .bookListType1 ul li.ord .manag_infor ul.inforBook .txt2 p{color: #999;font-size:12px;margin-bottom: 7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .bookListType1 ul li.ord .manag_infor ul.inforBook .txt2 p span{position:relative;display:inline-block;padding:0 7px} .bookListType1 ul li.ord .manag_infor ul.inforBook .txt2 p span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc} .bookListType1 ul li.ord .manag_infor ul.inforBook .txt2 p span:first-child{padding-left:0} .bookListType1 ul li.ord .manag_infor ul.inforBook .txt2 p span:first-child::before{display:none} .bookListType1 ul li.ord .manag_infor ul.inforBook .txt3{position:absolute;/*right:20px;*/right:20px;bottom:0;color:#333;font-size:14px;line-height:28px} /* 2022.11.21 판매관리 및 청구서 관리 주문자 리스트 */ .bookListType1.type2 ul li .box .infor1{padding-left:0} .bookListType1.type2 ul li .box .infor2{padding-left:0} /* 목록 타입1 -------------------------------------------------------------------------------------------------------------------------*/ /* SET목록 타입1 -------------------------------------------------------------------------------------------------------------------------*/ .bookListType1 ul li .title{font-size:16px;font-weight:500;} .bookListType1 ul li .box .tot{position: absolute;top:40px;margin:5px 30% 10px 0;padding-left:140px;margin-right: auto;padding-bottom:10px;width:calc(70% - 40px);font-size: 16px;font-weight: 500;text-align:left;line-height: 1.3em;} .bookListType1 ul li .box .tot p{position: relative;display: inline-block;font-size:13px;line-height: 1.3em;} .bookListType1 ul li .box .tot span{margin-bottom:10px;position: relative;display: inline-block;font-size: 16px;padding-right: 30px;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;} .bookListType1 ul li .box .tot span::after{position: absolute;top: 40%;right: 0;width: 0;height: 0;content: '';border-left: 5px solid transparent;border-right: 5px solid transparent;border-top:5px solid #444;} .bookListType1 ul li .box .tot.on span::after{transform: rotate(180deg);} .bookListType1 ul li .box .inforetc{margin-right:30%;padding-left:140px;} .bookListType1 ul li .box .inforetc .txt{position: relative;margin-right: auto;padding-bottom:10px;text-align:right;} .bookListType1 ul li .box .inforSet{position:relative;margin:5px 30% 10px 0;padding-left:140px;min-height:65px} .bookListType1 ul li .box .inforSet .subject{margin-bottom:15px;height:60px;line-height: 1.3em;} .bookListType1 ul li .box .inforSet h2{margin-bottom:10px;font-size:14px;font-weight:500;white-space: normal; line-height: 1.3em; max-height: 40px; text-align: left;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; } .bookListType1 ul li .box .inforSet p{font-size:12px;color:#999;line-height:100%;padding-bottom:10px;} .bookListType1 ul li .box .inforSet.txt1{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .bookListType1 ul li .box .inforSet .txt2 p{margin-bottom:7px;padding-right:70px;line-height:1.3} .bookListType1 ul li .box .inforSet .txt2 p span{position:relative;display:inline-block;padding:0 7px} .bookListType1 ul li .box .inforSet .txt2 p span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc;} .bookListType1 ul li .box .inforSet .txt2 p span:first-child{padding-left:0} .bookListType1 ul li .box .inforSet .txt2 p span:first-child::before{display:none} .bookListType1 ul li .box .inforSet .txt3{position:absolute;right:0;bottom:0;color:#333;line-height:28px} .bookListType1 ul li .box .inforSet .bookSet{position:absolute;left:0;top:0;padding:5px;width:110px;height:148px;background:#fff;border-radius: 5px;border:1px solid #c0c0c0;} .bookListType1 ul li .box .inforSet .bookSet .setSlider{left:0px;top:0px} .bookListType1 ul li .box .inforSet .bookSet .setSlider img{width:98px;height:134px;overflow: hidden;background: #fff;} .bookListType1 ul li .box .inforSet .bookSet .ctrSlider{left:0px;top:40%;position:absolute;width:108px;text-align:center;z-index:20;} .bookListType1 ul li .box .inforSet .bookSet .ctrSlider .prev{float:left;left: 3px;} .bookListType1 ul li .box .inforSet .bookSet .ctrSlider .next{float:right;right: 3px;} .bookListType1 ul li .box .inforSet .bookSet .ctrSlider img{padding:0 !important; width:20px !important;height:20px !important;border-radius: 0px !important;border: 0px !important;} .bookListType1 ul li .box .inforSet .bookSet .part{position:absolute;top:5px;right:-19px;width:18px;} .bookListType1 ul li .box .inforSet .bookSet .part span{display:block;margin-bottom:3px;padding:8px 3px;height:50px;font-size:9px;color:#fff;word-break:break-all;line-height:1;border-radius:0 4px 4px 0} .bookListType1 ul li .box .inforSet .bookSet .part .part1{padding:4px 3px;background:#303e97;} /*.bookListType1 ul li .box .infor1{position:relative;margin:5px 30% 10px 0;padding-left:140px;min-height:95px;}*/ .bookListType1 ul li .box .inforSet .bookImg{position:absolute;left:0;top:0;padding:5px;width:110px;height:148px;background:#fff;border-radius: 5px;border:1px solid #c0c0c0;} .bookListType1 ul li .box .inforSet .bookImg img{width:98px;height:134px;overflow: hidden;background: #fff;} .bookListType1 ul li .box .inforSet .bookImg .part{position:absolute;top:5px;right:-19px;width:18px;} .bookListType1 ul li .box .inforSet .bookImg .part span{display:block;margin-bottom:3px;padding:8px 3px;height:41px;font-size:9px;color:#fff;word-break:break-all;line-height:1;border-radius:0 4px 4px 0;} .bookListType1 ul li .box .inforSet .bookImg .part .part1{padding:4px 3px;background:#e4567e;z-index:1000;} .bookListType1 ul li .box .inforSet .bookImg .part .part2{background:#8cc751;z-index:1000;} .bookListType1 ul li .box .inforSet .bookImg .part .part3{background:#dfac12;z-index:1000;} .bookListType1 ul li .box .manag_infor{display: none;top:5px;margin-top:5px;padding: 0 0 1px;width: 70%;background: #f8f8f8;border:1px solid #c0c0c0;border-radius: 5px;/*box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);*/} .bookListType1 ul li .box .manag_infor ul li{justify-content: space-between;align-items: center;margin: 0;padding:20px;font-size: 16px;color: #333;min-height:100px;} .bookListType1 ul li .box .manag_infor ul li:first-child{border-top:0px;} .bookListType1 ul li .box .manag_infor ul li .name{width: 85px;flex-shrink: 0;} .bookListType1 ul li .box .manag_infor ul li .tel{margin-right: auto;padding-left: 10px;} .bookListType1 ul li .box .manag_infor ul li .book{margin-left: 10px;width: 43px;height:auto;} .bookListType1 ul li .box .manag_infor ul.inforBook{position:relative;width:100%;margin-bottom:10px;padding:0px;min-height:115px;border-top:1px solid #c0c0c0;background:#f8f8f8;} .bookListType1 ul li .box .manag_infor ul.inforBook:first-child{border-top:0px;border-radius:5px 5px 0px 0px;border-top:0px;/*margin-bottom:10px;*/} .bookListType1 ul li .box .manag_infor ul.inforBook:last-child{border-radius:0px 0px 5px 5px;} .bookListType1 ul li .box .manag_infor ul.inforBook li{float:left;width:calc(100% - 130px);padding:10px 10px 0px 15px;justify-content: space-between;align-items: center;border-top:0px;} .bookListType1 ul li .box .manag_infor ul.inforBook li:first-child{width:130px;text-align:center;border-top:0px;padding:10px 0px 0px 30px;/*padding:20px 10px 0;*/} .bookListType1 ul li .box .manag_infor ul.inforBook li.nocheck{float:left;width:calc(100% - 70px);padding:10px 10px 0px 50px;justify-content: space-between;align-items: center;border-top:0px;} .bookListType1 ul li .box .manag_infor ul.inforBook li.nocheck:first-child{width:70px;text-align:center;border-top:0px;padding:10px 0px 0px 30px;/*padding:20px 10px 0;*/} .bookListType1 ul li .box .manag_infor ul.inforBook li .bookImg{position:relative;margin:0 calc(50% - 40px) 10px;padding:5px;width:80px;height:105px;background-color:#fff;border-radius:5px;text-align:center;} .bookListType1 ul li .box .manag_infor ul.inforBook li .bookImg img{width:100%;height:100%} .bookListType1 ul li .box .manag_infor ul.inforBook li .bookImg .part{position:absolute;top:5px;right:-19px;width:18px;} .bookListType1 ul li .box .manag_infor ul.inforBook li .bookImg .part span{display:block;margin-bottom:3px;padding:8px 3px;height:41px;font-size:9px;color:#fff;word-break:break-all;line-height:1;border-radius:0 4px 4px 0} .bookListType1 ul li .box .manag_infor ul.inforBook li .bookImg .part .part1{padding:4px 3px;background:#e4567e;} .bookListType1 ul li .box .manag_infor ul.inforBook li .bookImg .part .part2{background:#8cc751;} .bookListType1 ul li .box .manag_infor ul.inforBook li .bookImg .part .part3{background:#dfac12;} .bookListType1 ul li .box .manag_infor ul.inforBook li a{display:block} .bookListType1 ul li .box .manag_infor ul.inforBook .subject{width:100%;margin-bottom:0px;height:55px} .bookListType1 ul li .box .manag_infor ul.inforBook h2 {margin-bottom: 5px;font-size: 14px;font-weight: 500;white-space: normal;line-height: 1.2;max-height: 40px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .bookListType1 ul li .box .manag_infor ul.inforBook del{font-size:13px;color:#888} .bookListType1 ul li .box .manag_infor ul.inforBook .price{margin-left:5px;font-size:13px;color:#888} .bookListType1 ul li .box .manag_infor ul.inforBook .price b{font-size:15px;color:#5463c2} .bookListType1 ul li .box .manag_infor ul.inforBook .txt1 {color: #999;font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .bookListType1 ul li .box .manag_infor ul.inforBook .txt2 p{color: #999;font-size:12px;margin-bottom: 7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .bookListType1 ul li .box .manag_infor ul.inforBook .txt2 p span{position:relative;display:inline-block;padding:0 7px} .bookListType1 ul li .box .manag_infor ul.inforBook .txt2 p span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:12px;content:'';background:#c0c0c0} .bookListType1 ul li .box .manag_infor ul.inforBook .txt2 p span.noline::before{width:0px;} .bookListType1 ul li .box .manag_infor ul.inforBook .txt2 p span:first-child{padding-left:5px} .bookListType1 ul li .box .manag_infor ul.inforBook .txt2 p span:first-child::before{display:none} .bookListType1 ul li .box .manag_infor ul.inforBook .txt3{position:absolute;/*right:20px;*/right:10px;color:#333;font-size:14px;line-height:28px} .bookListType1 ul li .box .manag_infor ul.priceArea{display:block;position:relative;margin: 0 0 1px;background:#fff;border-top:1px solid #c0c0c0; /*background:#fff;border:1px solid #c0c0c0; border-radius:5px;*/} .bookListType1 ul li .box .manag_infor ul.priceArea::after{display:block;clear:both;content:'';} .bookListType1 ul li .box .manag_infor ul.priceArea li{float:left;text-align:left;line-height:24px;padding:10px;width:50%;min-height:26px;padding:5px;} .bookListType1 ul li .box .manag_infor ul.priceArea li.count{text-align: left;padding:5px 10px;} .bookListType1 ul li .box .manag_infor ul.priceArea li.count::after{position:absolute;left:50%;top:12px;text-align:right;width:1px;height:12px;content:'';background:#c0c0c0;} .bookListType1 ul li .box .manag_infor ul.priceArea li.total{padding:5px 10px;} .bookListType1 ul li .box .manag_infor ul.priceArea li .total_price{color:#ff3600;float:right;} .bookListType1 ul li .box .manag_infor ul.priceArea li .total_price b{font-size:22px} .bookListType1 ul li .box .manag_infor ul.priceArea li del{font-size:13px;color:#888} .bookListType1 ul li .box .manag_infor ul.priceArea li .name{text-align:left;font-size:13px;font-weight:500;transform:translateY(-50%)} .bookListType1 ul li .box .manag_infor ul.priceArea li .price{font-size:13px;color:#888;float:right;} .bookListType1 ul li .box .manag_infor ul.priceArea li .price b{font-size:15px;color:#5463c2} .bookListType1 ul li .box .manag_infor ul.priceArea li input{/*margin-right:2px;*/color:#303e97;font-size:15px;font-weight:600;padding:0 5px;width:50px;height:36px;text-align:center;/*border:1px solid #dcdcdc*/;border-top:1px solid #303e97;border-bottom:1px solid #303e97;} .bookListType1 ul li .box .manag_infor ul.priceArea li button{width:35px;height:36px;font-size:15px;color:#fff;text-align:center;font-weight:bold;/*2022-10-16 background:#0f1a65;*/background:#303e97;} .bookListType1 ul li .order_infor{} .bookListType1 ul li .order_infor ul li{display: block;margin: 0;padding: 10px 20px;} .bookListType1 ul li .order_infor ul li.box{display: flex;align-items:flex-start;font-size: 14px;color: #999;line-height: 1.5;box-shadow:none;background: #f8f8f8;border:1px solid #c0c0c0;border-radius: 5px;font-size:13px;} .bookListType1 ul li .order_infor ul li.box .name{margin-right: 10px;width: auto;font-size: 16px;color: #5292e7;line-height: 1.2;} .bookListType1 ul li .order_infor ul li.box .tit{color: #333;line-height: 1.3;} .bookListType1 ul li .order_infor ul li.box .txt{color: #999;line-height: 1.3;} .bookListType1 ul li .list_txt ul{margin:0px;} .bookListType1 ul li .list_txt ul li{/*position:relative;padding-left:85px;text-align:right;margin-bottom:10px;*/line-height:46px;height:46px;color:#666;border-top:1px solid #c0c0c0} .bookListType1 ul li .list_txt ul li .name{font-size:14px;/*position:absolute;top:50%;left:0;*/color:#333;font-weight:500;} .bookListType1 ul li .list_txt ul li:first-child{border-top:0;} .bookListType1 ul li .list_txt ul li.point{color:#ff3600} .bookListType1 ul li .list_txt ul li .btn_sbm{margin-bottom:10px;font-size:13px;font-weight:500;float:right;line-height:38px;} .bookListType1 ul li .list_txt ul li .btn_sbm_pc{margin-left:10px;font-size:13px;font-weight:500} .bookListType1 ul li .list_txt ul li .btn_sbm_mb{display:none;width:80px;height:46px;font-size:12px;color:#fff;font-weight:500;border-radius:5px;} .bookListType1 ul li .list_txt ul li .select1{width:395px;font-size:13px;color:#a5a5a5} .bookListType1 ul li .list_txt ul li .priceWt{position:relative;display:inline-block;padding-right:85px;width:395px;line-height:46px} .bookListType1 ul li .list_txt ul li .priceWt .inp_wite{width:100%;} .bookListType1 ul li .list_txt ul li .priceWt .btn{position:absolute;top:50%;right:0;width:80px;height:46px;font-size:12px;color:#fff;font-weight:500;border-radius:5px;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .bookListType1 ul li .list_txt ul li.last{padding-left:0;line-height:0;border-top:0} .bookListType1 ul li .list_txt ul li.send_inp{position:relative;} .bookListType1 ul li .list_txt ul li.send_inp .btn-delet{position:absolute;top:13px;right:15px;padding:0;width:18px;height:18px;text-indent:-999px;overflow:hidden;background: url('../img/ic_close2.png') no-repeat right center;background-size:100%;cursor:pointer} .bookListType1 ul li .list_txt ul li.send_inp .send_txt{display:none;position:absolute;top:50px;left:0;width:100%;background:#fff;border:1px solid #c0c0c0;border-radius:5px;z-index:1010;} .bookListType1 ul li .list_txt ul li.send_inp .send_txt li{padding:0 15px;line-height:45px;min-height:30px;text-align:left;cursor:pointer;} .bookListType1 ul li .box .infordisc{margin-right:30%;padding-left:140px;} .bookListType1 ul li .box .infordisc .txt1{text-align:right;padding-bottom:10px;} .bookListType1 ul li .box .infordisc::after{display:block;clear:both;content:''} .bookListType1 ul li .box .infordisc .disCon{padding:12px 0;text-align:center;background:#f7f7f7;border-radius:5px;} .bookListType1 ul li .box .infordisc .disCon li{position:relative;display:inline-block;margin:0 5px;padding:0 14px;text-align:center;/* 2022-10-16 padding-left:35px;*/font-size:11px;color:#444} .bookListType1 ul li .box .infordisc .disCon li .name{position:absolute;top:0;left:0;width:33px;font-size:9px;color:#fff;line-height:16px;text-align:center;border-radius:8px} .bookListType1 ul li .box .infordisc .disCon li .name + span{margin-left:5px} .bookListType1 ul li .box .infordisc .disCon li:nth-child(1) .name{background-color:#ee5e48} .bookListType1 ul li .box .infordisc .disCon li:nth-child(2) .name{background-color:#303e97} .bookListType1 ul li .box .infordisc .disCon li:nth-child(3) .name{background-color:#ff9453} .bookListType1 ul li .box .infordisc .disCon li select{padding-right:13px;width:100%;font-size:11px;color:#444;background:url('../img/ic_select_arrow.png') no-repeat right center;background-size:8px} .bookListType1 ul li .box .infordisc .disCon2{margin-bottom:4px;padding: 10px 10px;text-align: center;background: #f7f7f7;border-radius:5px} .bookListType1 ul li .box .infordisc .disCon2.bg{background:#fff} .bookListType1 ul li .box .infordisc .disCon2::after{display:block;clear:both;content:''} .bookListType1 ul li .box .infordisc .disCon2 li{float:left;padding:0 20px;width:50%;font-size:11px;text-align:left;} .bookListType1 ul li .box .infordisc .disCon2 li select{padding-right:13px;font-size:11px;color:#444;background:url('../img/ic_select_arrow.png') no-repeat right center;background-size:8px} .bookListType1 ul li .box .infordisc .disCon2 li.row{width: 100%;color: #d87c45;} .bookListType1 ul li .box .infordisc .disCon2 li.row .price{float: right;color: #444;} .bookListType1 ul li .box .inforPrice{position:absolute;right:30px;top:45px;padding:0 0 0 25px;width:26%;border-left:1px solid #c0c0c0} .bookListType1 ul li .box .inforPrice .priceArea li{position:relative;padding:10px 0 10px 40px;text-align:right;line-height:25px;border-top:1px solid #c0c0c0} .bookListType1 ul li .box .inforPrice .priceArea li:first-child{border-top:0} .bookListType1 ul li .box .inforPrice .priceArea li .name{position:absolute;top:50%;left:5px;font-weight:500;transform:translateY(-50%)} .bookListType1 ul li .box .inforPrice .priceArea li del{font-size:13px;color:#888} .bookListType1 ul li .box .inforPrice .priceArea li .price{margin-left:5px;font-size:13px;color:#888} .bookListType1 ul li .box .inforPrice .priceArea li .price b{font-size:15px;color:#5463c2} .bookListType1 ul li .box .inforPrice .priceArea li input{/*margin-right:2px;*/color:#303e97;font-size:15px;font-weight:600;padding:0 5px;width:50px;height:36px;text-align:center;/*border:1px solid #dcdcdc*/;border-top:1px solid #303e97;border-bottom:1px solid #303e97;} .bookListType1 ul li .box .inforPrice .priceArea li button{width:35px;height:36px;font-size:15px;color:#fff;text-align:center;font-weight:bold;/*2022-10-16 background:#0f1a65;*/background:#303e97;} .bookListType1 ul li .box .inforPrice .priceArea li .total_price{color:#ff3600} .bookListType1 ul li .box .inforPrice .priceArea li .total_price b{font-size:22px} /* SET목록 타입1 -------------------------------------------------------------------------------------------------------------------------*/ .bookListType2 > ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .bookListType2 > ul > li{margin-bottom: 10px;width: calc(50% - 5px);background: #fff;border-radius: 5px;box-shadow: 2px 2px 1px rgba(0,0,0,0.105);} .bookListType2 ul li .box{position:relative;display:flex;padding:40px 30px;} .bookListType2 ul li .box .etc{position: absolute;top: 20px;right: 20px;} .bookListType2 ul li .bookImg{flex-shrink: 0;margin-right:30px;width: 106px;height: 106px;overflow: hidden;border-radius: 5px;} .bookListType2 ul li .bookImg a{display: block;} .bookListType2 ul li .infor{display: flex;flex-direction: column;} .bookListType2 ul li .infor .tit{display: block;margin-bottom: 5px;padding-right: 50px;max-height:45px;font-size: 16px;font-weight: 500;color: #444;line-height: 1.4; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .bookListType2 ul li .infor .txt{display: block;font-size: 14px;color: #999;} .bookListType2 ul li .infor .name{margin-top: auto;font-size: 14px;color: #999;} .bookListType2 ul li .infor .name span{position: relative;margin-right: 5px;padding-right: 5px;} .bookListType2 ul li .infor .name span::after{position: absolute;top: 50%;right: -2px;width:0;height: 9px;content: '';border-left: 1px solid #e2e2e2;transform: translateY(-50%);} /* 목록 타입3 -------------------------------------------------------------------------------------------------------------------------*/ .bookListType3{position:relative;padding-right:140px;z-index:2} .bookListType3 > ul{margin:0 -3px} .bookListType3 ul::after{display:block;clear:both;content:''} .bookListType3 > ul > li{float:left;margin-bottom:10px;padding:0 3px;width:33.33%} .bookListType3 ul li .box{position:relative;padding:15px 20px 10px 20px;margin-bottom:3px;background:#fff;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,0.1);z-index:100} .bookListType3 ul li .box .check_box{position:absolute;top:15px;left:20px;z-index:5} .bookListType3 ul li .box .state.stxtm {margin-left:30px; margin-top:2px;} .bookListType3 ul li .box .etc{position:absolute;top:15px;right:20px;width:25px;text-align:center;z-index:5} .bookListType3 ul li .box .etc .bookmark{margin-bottom:5px} .bookListType3 ul li .box .etc_set{position:absolute;top:15px;right:20px;width:25px;text-align:center;z-index:5} .bookListType3 ul li .box .etc_set .bookmark{margin-bottom:5px} .bookListType3 ul li .box .infor1{position:relative;margin:0 0 5px;padding-left:0;min-height:190px;line-height:1.2em !important;} .bookListType3 ul li .box .infor1 .bookImg{position:relative;margin:5px auto 15px;padding:5px;width:146px;height:195px;border:1px solid #c0c0c0;border-radius:5px} .bookListType3 ul li .box .infor1 .bookImg img{width:100%;height:100%} .bookListType3 ul li .box .infor1 .bookImg .part{position:absolute;top:5px;right:-19px;width:18px;} .bookListType3 ul li .box .infor1 .bookImg .part span{display:block;margin-bottom:3px;padding:8px 3px;height:41px;font-size:9px;color:#fff;word-break:break-all;line-height:1;border-radius:0 4px 4px 0} .bookListType3 ul li .box .infor1 .bookImg .part .part1{padding:4px 3px;background:#e4567e;} .bookListType3 ul li .box .infor1 .bookImg .part .part2{background:#8cc751;} .bookListType3 ul li .box .infor1 .bookImg .part .part3{background:#dfac12;} .bookListType3 ul li .box .infor1 a{display:block} .bookListType3 ul li .box .infor1 .subject{margin-bottom:5px;height:55px;line-height: 1.3em;} .bookListType3 ul li .box .infor1 h2{/*margin-bottom:10px;*/font-size:16px;font-weight:500;white-space: normal; line-height: 1.3em; max-height: 40px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; } .bookListType3 ul li .box .infor1 p{font-size:13px;color:#999;line-height: 1.3em;} .bookListType3 ul li .box .infor1 .txt1{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .bookListType3 ul li .box .infor1 .txt2 p{margin-bottom:7px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .bookListType3 ul li .box .infor1 .txt2 p span{position:relative;padding:0 7px} .bookListType3 ul li .box .infor1 .txt2 p span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc} .bookListType3 ul li .box .infor1 .txt2 p span:first-child{padding-left:0} .bookListType3 ul li .box .infor1 .txt2 p span:first-child::before{display:none} .bookListType3 ul li .box .infor1 .txt3{color:#333;line-height:28px} .bookListType3 ul li .box .salePrice{position:absolute;bottom:0;right:0;color:#888} .bookListType3 ul li .box .salePrice .price{margin-left:10px;font-size:13px} .bookListType3 ul li .box .salePrice .price b{font-size:18px;color:#5463c2} .bookListType3 ul li .box .infor2::after{display:block;clear:both;content:''} .bookListType3 ul li .box .infor2 .disCon{margin-bottom:5px;padding:5px 0px;text-align:center;background:#f7f7f7;border-radius:5px;border:1px solid #c0c0c0;} .bookListType3 ul li .box .infor2 .disCon li{position:relative;display:block;float:left;width:50%;margin:2px 0;/*padding-left:35px;margin:2px 5px;*/font-size:11px;color:#444;text-align:center;line-height:18px} .bookListType3 ul li .box .infor2 .disCon li .name{position:absolute;top:3px;left:0;width:33px;font-size:9px;color:#fff;line-height:16px;text-align:center;border-radius:8px} .bookListType3 ul li .box .infor2 .disCon li .name + span{margin-left:5px} .bookListType3 ul li .box .infor2 .disCon li:nth-child(1) .name{background-color:#ee5e48} .bookListType3 ul li .box .infor2 .disCon li:nth-child(2) .name{background-color:#303e97} .bookListType3 ul li .box .infor2 .disCon li:nth-child(3) .name{background-color:#ff9453} .bookListType3 ul li .box .infor2 .disCon li select{padding-right:13px;width:100%;font-size:11px;color:#444;background:url('../img/ic_select_arrow.png') no-repeat right center;background-size:8px} .bookListType3 ul li .box .infor2 .disCon2{margin-bottom:4px;padding: 10px 5px;text-align: center;background: #f7f7f7;border-radius:5px;border: 1px solid #c0c0c0;} .bookListType3 ul li .box .infor2 .disCon2.bg{background:#fff} .bookListType3 ul li .box .infor2 .disCon2::after{display:block;clear:both;content:''} .bookListType3 ul li .box .infor2 .disCon2 li{float:left;padding:0 5px;width:50%;font-size:11px;text-align:center;/*2022-10-16 text-align:left;*/} .bookListType3 ul li .box .infor3{} .bookListType3 ul li .box .infor3 .priceArea::after{display:block;clear:both;content:''} .bookListType3 ul li .box .infor3 .priceArea li{position:relative;padding:10px 0 10px 40px;text-align:right;line-height:25px;border-top:1px solid #c0c0c0} .bookListType3 ul li .box .infor3 .priceArea li.first{border-top:0} .bookListType3 ul li .box .infor3 .priceArea li.first .name{} .bookListType3 ul li .box .infor3 .priceArea li .name{position:absolute;top:50%;left:0;font-weight:500;transform:translateY(-50%)} .bookListType3 ul li .box .infor3 .priceArea li del{position:relative;font-size:13px;color:#888} .bookListType3 ul li .box .infor3 .priceArea li .price{margin-left:5px;font-size:13px;color:#888} .bookListType3 ul li .box .infor3 .priceArea li .price b{font-size:18px;color:#5463c2} .bookListType3 ul li .box .infor3 .priceArea li input{/*margin-right:2px;*/color:#303e97;font-size:15px;font-weight:600;padding:0 5px;width:50px;height:36px;text-align:center;/*border:1px solid #dcdcdc*/;border-top:1px solid #303e97;border-bottom:1px solid #303e97;} .bookListType3 ul li .box .infor3 .priceArea li button{width:36px;height:36px;line-height:15px;font-size:15px;color:#fff;text-align:center;font-weight:bold;background:#303e97;} .bookListType3 ul li .box .infor3 .priceArea li button.left{border-radius:3px 0px 0px 3px;} .bookListType3 ul li .box .infor3 .priceArea li button.right{border-radius:0px 3px 3px 0px;} .bookListType3 ul li .box .infor3 .priceArea li .total_price{color:#ff3600} .bookListType3 ul li .box .infor3 .priceArea li .total_price b{font-size:22px} /* .bookListType3 ul li .box .steacher::after{display:block;clear:both;content:''} .bookListType3 ul li .box .steacher{position:relative;padding:10px 0 10px 80px;line-height:38px;} .bookListType3 ul li .box .steacher .name{position:absolute;left:0;top:0;} .bookListType3 ul li .box .steacher select{width:50%;height:38px;font-size:12px} .bookListType3 ul li .box .steacher .title{position:absolute;left:0;padding: 0 20px;border-radius:5px;border:1px solid #c0c0c0;color:#fff;background-color:#000;} .bookListType3 ul li .box .steacher .teacher{width:100%;font-size:12px;} .bookListType3 ul li .box .steacher .teacher .name{position:relative;padding-left:10px;width:45%;text-align:center;} .bookListType3 ul li .box .steacher .teacher .select3{float:right;padding:5px;width: 55%;text-align:left;height:38px;color:#fff;text-indent:8px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background:#b0b2bb url('../img/ic_select_arrow_white.png') no-repeat right 10px center;background-size:9px;border-radius:0 5px 5px 0} .bookListType3 ul li .box .steacher .teacher .fLeft{width:100%;float:left;border-radius:5px;border:1px solid #c0c0c0;margin-bottom:5px;} .bookListType3 ul li .box .steacher .teacher .fRight{width:100%;float:right;border-radius:5px;border:1px solid #c0c0c0;} */ /* 목록 타입3 -------------------------------------------------------------------------------------------------------------------------*/ /* SET목록 타입3 -------------------------------------------------------------------------------------------------------------------------*/ .bookListType3 ul li .box .tot{position: absolute;top:255px;margin-bottom:0;padding:0 20px 0 0;margin-right: auto;padding-bottom:10px;font-size: 16px;font-weight: 500;text-align:left;line-height: 1.3em;} .bookListType3 ul li .box .tot p{position: relative;display: inline-block;font-size:13px;line-height: 1.3em;} .bookListType3 ul li .box .tot span{margin-bottom:10px;position: relative;display: inline-block;padding-right: 30px;line-height: 1.3em;} .bookListType3 ul li .box .tot span::after{position: absolute;top: 40%;right: 0;width: 0;height: 0;content: '';border-left: 5px solid transparent;border-right: 5px solid transparent;border-top:5px solid #444;} .bookListType3 ul li .box .tot.on span::after{transform: rotate(180deg);} .bookListType3 ul li .box .inforetc{margin-right:0;padding-left:0px;} .bookListType3 ul li .box .inforetc .txt{position: relative;font-size:13px;margin-right: auto;padding-top:1px;padding-bottom:10px;text-align:left;} .bookListType3 ul li .box .inforSet{position: relative;margin: 0 0 15px;padding-left: 0;min-height: 280px;} .bookListType3 ul li .box .inforSet .subject{margin-bottom: 5px;height: 55px;line-height: 1.3em;} .bookListType3 ul li .box .inforSet h2{margin-bottom:10px;font-size:14px;font-weight:500;white-space: normal; line-height: 1.3em; max-height: 40px; text-align: left;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; } .bookListType3 ul li .box .inforSet p{font-size:12px;color:#999;line-height:100%;padding-bottom:10px;} .bookListType3 ul li .box .inforSet.txt1{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .bookListType3 ul li .box .inforSet .txt2 p{margin-bottom:7px;padding-right:70px;line-height:1.3} .bookListType3 ul li .box .inforSet .txt2 p span{position:relative;display:inline-block;padding:0 7px} .bookListType3 ul li .box .inforSet .txt2 p span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc;} .bookListType3 ul li .box .inforSet .txt2 p span:first-child{padding-left:0} .bookListType3 ul li .box .inforSet .txt2 p span:first-child::before{display:none} .bookListType3 ul li .box .inforSet .txt3{position:absolute;right:0;bottom:0;color:#333;line-height:28px} .bookListType3 ul li .box .inforSet .bookSet{position: relative;margin: 5px auto 15px;padding: 5px;width: 146px;height: 195px;border: 1px solid #c0c0c0;border-radius: 5px;} .bookListType3 ul li .box .inforSet .bookSet .setSlider{left:0px;top:0px} .bookListType3 ul li .box .inforSet .bookSet .setSlider img{width:134px;height:180px;overflow: hidden;background: #fff;} .bookListType3 ul li .box .inforSet .bookSet .ctrSlider{left:-1px;top:40%;position:absolute;width:146px;text-align:center;z-index:2;} .bookListType3 ul li .box .inforSet .bookSet .ctrSlider .prev{float:left;left: 3px;} .bookListType3 ul li .box .inforSet .bookSet .ctrSlider .next{float:right;right: 2px;} .bookListType3 ul li .box .inforSet .bookSet .ctrSlider img{padding:0 !important; width:20px !important;height:20px !important;border-radius: 0px !important;border: 0px !important;} .bookListType3 ul li .box .inforSet .bookSet .part{position:absolute;top:5px;right:-19px;width:18px;} .bookListType3 ul li .box .inforSet .bookSet .part span{display:block;margin-bottom:3px;padding:8px 3px;height:50px;font-size:9px;color:#fff;word-break:break-all;line-height:1;border-radius:0 4px 4px 0} .bookListType3 ul li .box .inforSet .bookSet .part .part1{padding:4px 3px;background:#303e97;} .bookListType3 ul li .box .manag_infor{display: none;top:5px;padding: 0 0 1px;width: 100%;background: #f8f8f8;border-radius: 5px;/*border-top:1px solid #c0c0c0;margin-top:10px;box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);*/} .bookListType3 ul li .box .manag_infor ul li{/*2022-11-02 display: flex;*/justify-content: space-between;align-items: center;/*margin: 20px 0;padding:10px;*/margin: 0;font-size: 16px;color: #333;min-height:100px;/*2022-11-02 border-top:1px solid #c0c0c0;*/} .bookListType3 ul li .box .manag_infor ul li .name{width: 85px;flex-shrink: 0;} .bookListType3 ul li .box .manag_infor ul li .tel{margin-right: auto;padding-left: 10px;} .bookListType3 ul li .box .manag_infor ul li .book{margin-left: 10px;width: 43px;height:auto;} .bookListType3 ul li .box .manag_infor .inforBook {position:relative;width:100;margin:10px 0;padding:0;min-height:190px;border-top:1px solid #c0c0c0;} .bookListType3 ul li .box .manag_infor .inforBook:first-child{border-top:0px} .bookListType3 ul li .box .manag_infor .inforBook li:first-child{text-align:center;border-top:0px;padding:20px 20px 0;} .bookListType3 ul li .box .manag_infor .inforBook li{width:100%;padding:0px 20px;} .bookListType3 ul li .box .manag_infor .inforBook li .bookImg{position:relative;margin:0 calc(50% - 40px) 10px;padding:5px;width:80px;height:105px;/*2022-10-02 border:1px solid #eaeaea;*/background-color:#fff;border-radius:5px;text-align:center;} .bookListType3 ul li .box .manag_infor .inforBook li .bookImg img{width:100%;height:100%} .bookListType3 ul li .box .manag_infor .inforBook li .bookImg .part{position:absolute;top:5px;right:-19px;width:18px;} .bookListType3 ul li .box .manag_infor .inforBook li .bookImg .part span{display:block;margin-bottom:3px;padding:8px 3px;height:41px;font-size:9px;color:#fff;word-break:break-all;line-height:1;border-radius:0 4px 4px 0} .bookListType3 ul li .box .manag_infor .inforBook li .bookImg .part .part1{padding:4px 3px;background:#e4567e;} .bookListType3 ul li .box .manag_infor .inforBook li .bookImg .part .part2{background:#8cc751;} .bookListType3 ul li .box .manag_infor .inforBook li .bookImg .part .part3{background:#dfac12;} .bookListType3 ul li .box .manag_infor .inforBook li a{display:block} .bookListType3 ul li .box .manag_infor .inforBook .subject{width:100%;margin-bottom:0px;height:55px} .bookListType3 ul li .box .manag_infor .inforBook h2 {margin-bottom: 5px;font-size: 14px;font-weight: 500;white-space: normal;line-height: 1.2;max-height: 40px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .bookListType3 ul li .box .manag_infor .inforBook del{font-size:13px;color:#888} .bookListType3 ul li .box .manag_infor .inforBook .price{margin-left:5px;font-size:13px;color:#888} .bookListType3 ul li .box .manag_infor .inforBook .price b{font-size:15px;color:#5463c2} .bookListType3 ul li .box .manag_infor .inforBook .txt1 {color: #999;font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .bookListType3 ul li .box .manag_infor .inforBook .txt2 p{color: #999;font-size:12px;margin-bottom: 7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .bookListType3 ul li .box .manag_infor .inforBook .txt2 p span{position:relative;display:inline-block;padding:0 7px} .bookListType3 ul li .box .manag_infor .inforBook .txt2 p span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc} .bookListType3 ul li .box .manag_infor .inforBook .txt2 p span:first-child{padding-left:0} .bookListType3 ul li .box .manag_infor .inforBook .txt2 p span:first-child::before{display:none} .bookListType3 ul li .box .manag_infor .inforBook .txt3{position:absolute;right:20px;bottom:0;color:#333;font-size:14px;line-height:28px} .bookListType3 ul li .box .infordisc{margin-right:30%;padding-left:140px;} .bookListType3 ul li .box .infordisc .txt1{text-align:right;padding-bottom:10px;} .bookListType3 ul li .box .infordisc{margin:0;padding:0;} .bookListType3 ul li .box .infordisc::after{display:block;clear:both;content:''} .bookListType3 ul li .box .infordisc .disCon{margin-bottom:5px;padding:5px 0px;text-align:center;background:#f7f7f7;border-radius:5px;border:1px solid #c0c0c0;} .bookListType3 ul li .box .infordisc .disCon li{position:relative;display:block;float:left;width:50%;margin:2px 0;/*padding-left:35px;margin:2px 5px;*/font-size:11px;color:#444;text-align:center;line-height:18px} .bookListType3 ul li .box .infordisc .disCon li .name{position:absolute;top:3px;left:0;width:33px;font-size:9px;color:#fff;line-height:16px;text-align:center;border-radius:8px} .bookListType3 ul li .box .infordisc .disCon li .name + span{margin-left:5px} .bookListType3 ul li .box .infordisc .disCon li:nth-child(1) .name{background-color:#ee5e48} .bookListType3 ul li .box .infordisc .disCon li:nth-child(2) .name{background-color:#303e97} .bookListType3 ul li .box .infordisc .disCon li:nth-child(3) .name{background-color:#ff9453} .bookListType3 ul li .box .infordisc .disCon li select{padding-right:13px;width:100%;font-size:11px;color:#444;background:url('../img/ic_select_arrow.png') no-repeat right center;background-size:8px} .bookListType3 ul li .box .infordisc .disCon2{margin-bottom:4px;padding: 10px 5px;text-align: center;background: #f7f7f7;border-radius:5px;border: 1px solid #c0c0c0;} .bookListType3 ul li .box .infordisc .disCon2.bg{background:#fff} .bookListType3 ul li .box .infordisc .disCon2::after{display:block;clear:both;content:''} .bookListType3 ul li .box .infordisc .disCon2 li{float:left;padding:0 5px;width:50%;font-size:11px;text-align:center;/*2022-10-16 text-align:left;*/} .bookListType3 ul li .box .inforPrice{} .bookListType3 ul li .box .inforPrice .priceArea::after{display:block;clear:both;content:''} .bookListType3 ul li .box .inforPrice .priceArea li{position:relative;padding:10px 0 10px 40px;text-align:right;line-height:25px;border-top:1px solid #c0c0c0} .bookListType3 ul li .box .inforPrice .priceArea li:first-child{border-top:0} .bookListType3 ul li .box .inforPrice .priceArea li:first .name{} .bookListType3 ul li .box .inforPrice .priceArea li .name{position:absolute;top:50%;left:5px;font-weight:500;transform:translateY(-50%)} .bookListType3 ul li .box .inforPrice .priceArea li del{font-size:13px;color:#888} .bookListType3 ul li .box .inforPrice .priceArea li .price{margin-left:5px;font-size:13px;color:#888} .bookListType3 ul li .box .inforPrice .priceArea li .price b{font-size:15px;color:#5463c2} .bookListType3 ul li .box .inforPrice .priceArea li input{/*margin-right:2px;*/color:#303e97;font-size:15px;font-weight:600;padding:0 5px;width:50px;height:36px;text-align:center;/*border:1px solid #dcdcdc*/;border-top:1px solid #303e97;border-bottom:1px solid #303e97;} .bookListType3 ul li .box .inforPrice .priceArea li button{width:35px;height:36px;font-size:15px;color:#fff;text-align:center;font-weight:bold;/*2022-10-16 background:#0f1a65;*/background:#303e97;} .bookListType3 ul li .box .inforPrice .priceArea li .total_price{color:#ff3600} .bookListType3 ul li .box .inforPrice .priceArea li .total_price b{font-size:22px} /* SET목록 타입3 -------------------------------------------------------------------------------------------------------------------------*/ /* 상품상세 ------------------------------------------------------------------------------------------------------------------------------*/ /*.detailCon{position:relative;padding-right:140px;z-index:2}*/ .detailCon{position:relative;width:calc(100% - 140px);} .detailCon .bookView{margin-bottom:30px;min-height:630px;background:#fff;border-radius:5px;z-index:2;box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);} .detailCon .bookView .tableImg{width:45%;} .detailCon .bookView .tableTxt{width:55%;} .detailCon .bookView .tbh1{height:230px;} .detailCon .bookView .tbh2{height:150px;} .detailCon .bookView .tbh3{height:50px;} .detailCon .bookView .subject{float:left;padding:20px;border-bottom:3px solid #eaeaea;} .detailCon .bookView .subject h2{font-size:24px;padding-right:100px;margin-bottom: 10px;font-weight: 600;white-space: normal;line-height: 1.2;max-height: 40px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .detailCon .bookView .subject p{font-size:15px;font-weight: 300;white-space: normal;line-height: 1.2;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .detailCon .bookView .subject .etc{position:absolute;top:20px;right:20px;} /*table*/ .detailCon .bookView .inforImg{position:relative;padding: 20px 30px 20px 10px;} .detailCon .bookView .inforImg .bookImg{width:100%;height:auto;background:#fff;border:1px solid #eaeaea;padding:10px 12px 12px 10px;border-radius:10px;box-shadow: 5px 5px 5px rgb(0 0 0 / 25%);} .detailCon .bookView .inforImg .bookImg img{width:100%;height:100%;border:1px solid #eaeaea;} .detailCon .bookView .inforImg .bookImg .part{position:absolute;top:30px;right:10px;width:20px;} .detailCon .bookView .inforImg .bookImg .part span{display:block;margin-bottom:3px;padding:8px 4px;height:60px;font-size:12px;color:#fff;word-break:break-all;line-height:1;border-radius:0 4px 4px 0;} .detailCon .bookView .inforImg .bookImg .part .part1{padding:4px;background:#e4567e;z-index:1000;} .detailCon .bookView .inforImg .bookImg .part .part2{background:#8cc751;z-index:1000;} .detailCon .bookView .inforImg .bookImg .part .part3{background:#dfac12;z-index:1000;} .detailCon .bookView .disCon{height:40px;margin:0 10px;padding:10px;text-align:center;background:#c0c0c0;border-radius:5px;} .detailCon .bookView .disCon p{position:relative;display:block;float:left;width:50%;margin:2px 0;font-size:11px;color:#444;text-align:center;line-height:18px} .detailCon .bookView .disCon p:first-child{float:left;width:50%} .detailCon .bookView .disCon p .name{position:absolute;top:3px;left:0;width:33px;font-size:9px;color:#fff;line-height:16px;text-align:center;border-radius:8px} .detailCon .bookView .disCon p .name + span{margin-left:5px} .detailCon .bookView .disCon p:nth-child(1) .name{background-color:#ee5e48} .detailCon .bookView .disCon p:nth-child(2) .name{background-color:#303e97} .detailCon .bookView .disCon p:nth-child(3) .name{background-color:#ff9453} .detailCon .bookView .disCon p select{padding-right:13px;width:100%;font-size:11px;color:#444;background:url('../img/ic_select_arrow.png') no-repeat right center;background-size:8px} .detailCon .bookView .viewInfo{padding:0 10px;font-size:12px;color:#666;line-height:3.3;} .detailCon .bookView .viewInfo p{padding:0px 10px;border-top:1px solid #eaeaea;} .detailCon .bookView .viewInfo p:first-child{border-top:0px;} .detailCon .bookView .viewInfo p .name{position:absolute;line-height:4.3;} .detailCon .bookView .viewInfo p .info{padding-left:150px;font-size:15px;color:#000;} .detailCon .bookView .priceArea::after{display:block;clear:both;content:''} .detailCon .bookView .priceArea li{position:relative;margin:0 10px;padding:10px 10px 10px 40px;text-align:right;line-height:25px;border-top:1px solid #c0c0c0} .detailCon .bookView .priceArea li:first-child{border-top:0} .detailCon .bookView .priceArea li:first .name{} .detailCon .bookView .priceArea li .name{position:absolute;top:50%;left:10px;font-weight:500;transform:translateY(-50%)} .detailCon .bookView .priceArea li del{font-size:13px;color:#888} .detailCon .bookView .priceArea li .price{margin-left:5px;font-size:13px;color:#888} .detailCon .bookView .priceArea li .price b{font-size:15px;color:#5463c2} .detailCon .bookView .priceArea li input{/*margin-right:2px;*/color:#303e97;font-size:15px;font-weight:600;padding:0 5px;width:50px;height:36px;text-align:center;/*border:1px solid #dcdcdc*/;border-top:1px solid #303e97;border-bottom:1px solid #303e97;} .detailCon .bookView .priceArea li button{width:35px;height:36px;font-size:15px;color:#fff;text-align:center;font-weight:bold;/*2022-10-16 background:#0f1a65;*/background:#303e97;} .detailCon .bookView .priceArea li .total_price{color:#ff3600} .detailCon .bookView .priceArea li .total_price b{font-size:22px} .detailCon .bookView .steacher::after{display:block;clear:both;content:''} .detailCon .bookView .steacher{position:relative;padding:10px 10px 10px 70px;line-height:38px;} .detailCon .bookView .steacher .name{position:absolute;left:0;top:0;} .detailCon .bookView .steacher select{width:50%;font-size:12px} .detailCon .bookView .steacher .title{position:absolute;left:10px;padding: 0 10px;border-radius:5px;border:1px solid #c0c0c0;color:#fff;background-color:#000;} .detailCon .bookView .steacher .teacher{width:100%;font-size:12px;} .detailCon .bookView .steacher .teacher .name{position:relative;padding-left:10px;width:45%;text-align:center;} .detailCon .bookView .steacher .teacher .select3{float:right;padding:10px;width: 55%;text-align:left;height:38px;color:#fff;text-indent:8px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background:#b0b2bb url('../img/ic_select_arrow_white.png') no-repeat right 15px center;background-size:9px;border-radius:0 5px 5px 0} .detailCon .bookView .steacher .teacher .fLeft{width:calc(50% - 2px);float:left;border-radius:5px;border:1px solid #c0c0c0;} .detailCon .bookView .steacher .teacher .fRight{width:calc(50% - 2px);float:right;border-radius:5px;border:1px solid #c0c0c0;} /*table*/ .seriesCon{position:relative;width:100%;} .seriesCon .btnType{position:absolute;top:-5px;right:0} .seriesCon .btnType button{position:relative;width:30px;height:30px;text-indent:-999px;overflow:hidden;background-color:#c9c9c9;border-radius:2px;box-shadow:1px 1px 2px rgba(0,0,0,0.2);} .seriesCon .btnType button::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background-repeat:no-repeat;background-position:center center;background-size:100%;} .seriesCon .btnType .btnType1::after{background-image:url('../img/ic_pay_type1.png')} .seriesCon .btnType .btnType1.on::after{background-color:#5392e6;} .seriesCon .btnType .btnType2::after{background-image:url('../img/ic_pay_type2.png')} .seriesCon .btnType .btnType2.on::after{background-color:#5392e6;} .viewBox{position:relative;width:100%;margin-bottom:30px;padding:20px;font-size:13px;color:#666;line-height:1.8;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} /* 상품상세 ------------------------------------------------------------------------------------------------------------------------------*/ /* 페이지표시 */ .page{text-align:center;margin-top:30px;} .page a{position:relative;display:inline-block;margin:0 5px;width:32px;height:34px;font-size:12px;color:#000;text-align:center;vertical-align:middle;line-height:30px;text-decoration:none;letter-spacing:-1px;border:1px solid transparent} .page a.on{color:#fd5400;background:#fff;border:1px solid #c0c0c0;z-index:2} .page a img{vertical-align:top;} .guidBox{margin-bottom:20px;padding:40px;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .guidBox h2{margin-bottom:15px;padding-left:30px;font-size:14px;font-weight:bold;color:#5392e6;line-height:28px;background:url('../img/ic_notice.png') no-repeat left center;background-size:18px} .guidBox p{font-size:12px;color:#666} .guidBox .ic{padding-left:30px;background:url('../img/ic_notice.png') no-repeat left 2px;background-size:18px} .bac_box{margin-bottom:20px;/* 2022-10-25 padding:20px 30px;*/padding:5px 0px;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} /* 동의 */ .agreeCon li{/*padding:10px 0;*/padding:10px 20px;line-height:46px;border-bottom:1px solid #c0c0c0} .agreeCon li::after{display:block;clear:both;content:''} .agreeCon li:last-child{border-bottom:0} .agreeCon li.total{border-top:1px solid #c0c0c0} .agreeCon li .name{display:inline-block;color:#666;} .agreeCon li .name span{color:#999} .agreeCon li .rtc{float:right;width:180px;text-align:right} .agreeCon li .agreeBox{display:none;float:left;margin-top:10px;padding:20px;width:100%;height:200px;overflow:auto;font-size:12px;color:#666;line-height:1.5;background:#f8f8f8} .agreeCon li.total .rtc{margin-bottom:0} .agreeCon li .rtc .btnBc{margin-left:20px} .agreeCon li .check_box{color:#666} .bac_box.pay{padding:5px 30px} .bac_box.pay li .name span{display:inline-block;color:#666} .bot_fix_menu_pc{position:absolute;top:0;right:0;width:134px;z-index: 3;} .bot_fix_menu_pc li{margin-bottom:5px;text-align:center} .bot_fix_menu_pc li a{display:block;font-size:13px;color:#fff;line-height:46px;border-radius:3px;border-style:solid;border-width:1px;box-shadow:2px 2px 2px rgba(0,0,0,0.1);} .bot_fix_menu_mb{display:none} .bot_fix_menu_mb2{display:none} /* 2022-07-26 edit */ /* .termSearch{margin:40px 0 20px;background:#fff;overflow:hidden;border-radius: 4px;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);} */ .termSearch{margin:0 0 20px;background:#fff;overflow:hidden;border-radius: 4px;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);} /* 2022-07-26 edit */ .termSearch h2{line-height: 50px;text-align: center;font-weight: 400;background:#eeeff7} .termSearch h2 span{display: inline-block;padding-left:25px;font-size: 13px;color: #555;background: url('../img/ic_filter3.png') no-repeat left center;} .termSearch ul{padding: 10px 0 0;margin-bottom:10px;max-height:400px;overflow-y:scroll;} .termSearch ul::-webkit-scrollbar {display: none;} .termSearch ul li{margin-bottom: 10px;padding: 0 10px;text-align: left;} .termSearch ul li:last-child{margin-bottom: 0;} .termSearch ul li .check_box2 + label{min-height: 20px;} .termSearch ul li .check_box2 + label span{width: 20px;height: 20px;} .termSearch ul li .check_box2 + label span:after{left: 3px;margin-top: -5px;} /* 연락처 관리 */ .telSearch{position:relative;margin-bottom:10px;padding-right:60px} .telSearch .btnUpDel{position:absolute;top:0;right:0;width:60px;height:100%;text-indent:-999px;overflow:hidden;background:url('../img/ic_mem_ad.png') no-repeat center center;background-size:30px} .telSearch .btnUpDel.on{background:url('../img/ic_close_big2.png') no-repeat center center;background-size:20px} .telSearch .telSearchBox{position:relative;padding:5px 50px 5px 0;background:#fff;border-width:2px;border-style: solid;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,0.1);} .telSearch .telSearchBox input[type="text"]{padding:0 10px;width:100%;height:30px;} .telSearch .telSearchBox .btn{position:absolute;top:0;right:0;width:50px;height:100%;text-indent:-999px;overflow:hidden;background:url('../img/ic_search_m.png') no-repeat center center;background-size:20px} .bringTelCon{position:relative;padding-top:55px} .bringTelCon h2{position:fixed;top:0;left:0;width:100%;height: 55px;font-size: 14px;color:#fff;line-height: 55px;text-align: center;z-index:20;border-radius: 10px 10px 0 0;} .bringTelCon .btn-pop-close{position: fixed;top: 10px;right: 15px;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;background: url('../img/ic_close_big.png') no-repeat center center;background-size: 18px;z-index:30} .bringTelCon .telSearch{padding:15px 15px 0} .bringTelCon .listTopGuide{padding:0 15px;z-index:10} .bringTelCon .telList{margin-bottom:20px;padding:0 0 45px} .bringTelCon .telList .head{/*padding:0*/} .bringTelCon .telList .head ul{/*padding:10px 15px;*/padding:15px 10px} .bringTelCon .telList .list_con{padding:0px;height:auto} .bringTelCon .telList .list_con li{padding:15px 20px 15px 65px;} .bringTelCon .btnList{position:fixed;left:0;bottom:0;margin:0;padding:10px;width:100%;background: #f8f8f8;border-top:1px solid #c0c0c0;z-index:10} .memGroupSearch{position:relative;padding-top:55px} .memGroupSearch h2{position:fixed;top:0;left:0;width:100%;height: 55px;font-size: 14px;color:#fff;line-height: 55px;text-align: center;z-index:20} .memGroupSearch .btn-pop-close{position: fixed;top: 10px;right: 15px;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;background: url('../img/ic_close_big.png') no-repeat center center;background-size: 18px;z-index:30} .memGroupSearch .telSearch{padding:15px 15px 0} .memGroupSearch .listTopGuide{padding:0 15px} .memGroupSearch .telList{margin-bottom:20px;padding:0 0 45px} .memGroupSearch .telList .head{padding:0} .memGroupSearch .telList .head ul{padding:10px 15px} .memGroupSearch .telList .list_con{padding:0 5px;height:auto} .memGroupSearch .telList .list_con li{padding:18px 10px 18px 120px;} .memGroupSearch .telList .list_con.con2 li{padding:18px 10px 18px 70px;} .memGroupSearch .btnList{position:fixed;left:0;bottom:0;margin:0;padding:10px;width:100%;background: #f8f8f8;border-top:1px solid #c0c0c0;z-index:10} .mem_btnList{display:none;position:absolute;top:50px;right:0;padding:25px;width:380px;background:#fff;border-radius:5px;box-shadow:0 2px 2px rgba(0,0,0,0.2);border-width:1px;border-style:solid;z-index:500} .mem_btnList ul li{position:relative;} .mem_btnList ul li a{display:block;padding:15px 0 15px 70px;font-size:11px;color:#aaa;line-height:1.2} .mem_btnList ul li .ic{position:absolute;top:50%;left:0;width:57px;height:57px;border-radius:50%;background-repeat:no-repeat;background-size:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .mem_btnList ul li .ic.ic1{background-image:url('../img/ic_mem1.png')} .mem_btnList ul li .ic.ic2{background-image:url('../img/ic_mem2.png')} .mem_btnList ul li .ic.ic3{background-image:url('../img/ic_mem3.png')} .mem_btnList ul li .ic.ic4{background-image:url('../img/ic_mem4.png')} .mem_btnList ul li .tit{display:block;margin-bottom:5px;font-size:15px;font-weight:500} .mem_btnList ul li.mb{display:none} .telList{padding:5px 0;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .telList ul::after{display:block;clear:both;content:''} .telList .head{padding:0 20px;background:#fff;border-bottom:1px solid #c0c0c0} .telList .head ul{display:table;padding:10px 0px;width:100%;font-size:12px;color:#333;} .telList .head li{display:table-cell;font-weight:500} .telList .head li .sort{display:inline-block;padding-right:20px;background-image:url('../img/ic_sort.png');background-repeat:no-repeat;background-position:right center;background-size:7px} .telList .head li .sort.sortUp{background-image:url('../img/ic_sort_up.png')} .telList .head li .sort.sortDown{background-image:url('../img/ic_sort_down.png')} .telList .head li:first-child{/*width:60px;*/width:50px;} .telList .head li:nth-child(2){/*width:26%;*/width:140px;} .telList .head li:nth-child(3){/*width:26%;*/width:150px;} .telList .head li:last-child{/*width:60px;*/width:46px;text-align:center} .telList.group .head li:nth-child(3){width:auto} .telList .head .li1 li{width:auto !important} .telList .head .li2 li:last-child{width:auto;text-align:left} .telList .list_con{padding:0px;overflow:auto;height:520px;background:#fff;} .telList .list_con ul{overflow:hidden;} .telList .list_con li{position:relative;/*padding:20px 60px 20px 138px;*/padding:20px 60px;color:#999;/*border-bottom:1px solid #c0c0c0*/border-top:1px solid #c0c0c0;} .telList .list_con li::after{display:block;clear:both;content:''} .telList .list_con li .check_box{position:absolute;top:50%;left:10px;padding-left:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .telList .list_con li .fir_name{position:absolute;top:50%;left:60px;width:49px;height:49px;font-size:21px;line-height:43px;text-align:center;font-weight:bold;background:#c0c0c0;border-width:2px;border-style:solid;border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .telList .list_con li .name{float:left;/*width:24%;*/width:150px;padding-left:10px;font-size:16px;color:#333} .telList .list_con li .tel{float:left;/*width:30%;*/width:150px;} .telList .list_con li .memo{float:left;} .telList .list_con li .btn{position:absolute;top:50%;right:20px;transform:translateY(-50%);-webkit-transform:translateY(-50%)} /* 레이어팝업 */ .popFix{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.5);z-index:500} .popFix .popCon{position:relative;margin:0 auto;top:50%;background:#fff;transform:translateY(-50%);-webkit-transform:translateY(-50%);border-radius:10px;} .popFix .popCon > h2{font-size:16px;color:#fff;line-height:64px;text-align:center;box-shadow:0 2px 2px rgba(0,0,0,0.1);border-radius:10px 10px 0 0;} .popFix .popCon .btn-pop-close{position:absolute;top:10px;right:15px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../img/ic_close_big.png') no-repeat center center;background-size:18px} .popFix .popCon .btnList{margin:0;padding:0 30px 30px;border-radius:0 0 10px 10px;} .deliveryCon{max-height: 600px;font-size: 13px;overflow: auto;} .deliveryCon dl.con1{padding: 20px 40px;} .deliveryCon dl.con1 dt{position: relative;margin-bottom: 10px;font-size: 14px;color: #333;font-weight: 500;} .deliveryCon dl.con1 dt .txt{position: absolute;top: 0;right: 0;font-size: 15px;color: #5292e7;} .deliveryCon dl.con1 dd{margin-bottom: 15px;} /*.deliveryCon dl.con1 dd:last-of-type{margin-bottom: 0;}*/ .deliveryCon dl.con1 dd .wrt_box1{display: flex;align-items: center;margin-left: 35px;padding: 0 10px;max-width:180px;border:1px solid #c0c0c0;border-radius: 5px;} .deliveryCon dl.con1 dd .wrt_box1 input{padding: 0 10px;width: 100%;height: 45px;text-align: right;color: #5292e7;} .deliveryCon dl.con1 dd .wrt_box1 .name{flex-shrink: 0;} .deliveryCon dl.con1 dd ul.chk li{margin-bottom: 5px;} .deliveryCon dl.con1 dd ul.chk li:last-child{margin-bottom: 0;} .deliveryCon dl.con1 dd ul.chk li .txt{display: inline-block;color: #5292e7;} .deliveryCon dl.con1 dd .priceWt{position: relative;display: flex;justify-content: space-between;} .deliveryCon dl.con1 dd .priceWt .btn{flex-shrink: 0;margin-left: 6px;width: 80px;height: 46px;font-size: 12px;color: #fff;font-weight: 500;border-radius: 5px;} .deliveryCon dl.con1 dd .pay_select li{margin-bottom: -1px;width: 33.33%;} /* 북스토어 관리 배송요청 팝업 교사용신청 */ .deliveryCon dl.con1 dd.teacher_book{width:100%;margin-bottom: 0px;padding:0px;} .deliveryCon dl.con1 dd.teacher_book .box{position:relative;margin-top:10px;background:#fff;} .deliveryCon dl.con1 dd.teacher_book .box .steacher::after{display:block;clear:both;content:''} .deliveryCon dl.con1 dd.teacher_book .box .steacher{position:relative;line-height:46px;} .deliveryCon dl.con1 dd.teacher_book .box .steacher .teacher{width:100%;font-size:13px;} .deliveryCon dl.con1 dd.teacher_book .box .steacher .teacher .name{position:relative;padding-left:10px;width:45%;text-align:center;} .deliveryCon dl.con1 dd.teacher_book .box .steacher .teacher .select2{float:right;padding:10px;width: 55%;text-align:center;height:46px;line-height: 24px;color:#444;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background:#e5e5e5;background-size:9px;border-radius:0 5px 5px 0;} .deliveryCon dl.con1 dd.teacher_book .box .steacher .teacher .select3{float:right;padding:10px;width: 55%;text-align:center;height:46px;line-height: 24px;color:#fff;text-indent:8px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background:#b0b2bb url('../img/ic_select_arrow_white.png') no-repeat right 15px center;background-size:9px;border-radius:0 5px 5px 0} .deliveryCon dl.con1 dd.teacher_book .box .steacher .teacher .fLeft{width:calc(50% - 10px);float:left;border-radius:5px;border:1px solid #c0c0c0;} .deliveryCon dl.con1 dd.teacher_book .box .steacher .teacher .fRight{width:calc(50% - 10px);float:right;border-radius:5px;border:1px solid #c0c0c0;} /* 북스토어 관리 배송요청 팝업 교사용신청 */ .deliveryCon dl.con2{display:flex;justify-content: space-between;padding: 15px 40px;border:1px solid #e5e5e5;background: #f8f8f8;border-width: 1px 0;border-radius: 10px;} .deliveryCon dl.con2 dt{font-size: 14px;color: #333;font-weight: 500;} .deliveryCon dl.con2 dd{color: #999;} .deliveryCon dl.con2 dd span{margin:0 5px;font-size: 16px;} .deliveryCon dl.con3{display: flex;justify-content: space-between;align-items: center;padding: 15px 40px;font-size: 16px;color: #fff;background: #00bcba;} .deliveryCon dl.con3 dd b{font-size: 20px;} .deliveryCon dl.con4{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 40px;border-top: 1px solid #e5e5e5;} .deliveryCon dl.con4 dt{position: relative;width:100%;margin-bottom: 10px;font-size: 14px;color: #333;font-weight: 500;} .deliveryCon dl.con4 dt .txt{position: absolute;top: 0;right: 0;font-size: 15px;color: #5292e7;} .deliveryCon .btn_open{display:block;position:absolute;top:0;right:0;width:25px;height:25px;text-indent:-999px;overflow:hidden;} .deliveryCon .btn_open::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:url('../img/ic_open_arrow.png') no-repeat center center;background-size:14px;transform:rotate(180deg);-webkit-transform:rotate(180deg)} .deliveryCon .btn_open.on::after{transform:rotate(0);-webkit-transform:rotate(0)} .deliveryCon .view{display:block} .deliveryCon .view.open{display:none} .deliveryCon dl.con4 dd{margin-bottom: 15px;width:100%;} .deliveryCon dl.con4 dd:last-of-type{margin-bottom: 0;} .deliveryCon dl.con4 dd ul{} .deliveryCon dl.con4 dd ul li{position:relative;margin-bottom: 10px;padding-left: 100px;color: #666;} .deliveryCon dl.con4 dd ul li .name{position: absolute;top: 10px;left: 0;} .deliveryCon dl.con4 dd .wrt_box{position:relative;display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;border:1px solid #c0c0c0;border-radius:5px;/*2022-10-25 append*/height:46px;padding-left:20px;} .deliveryCon dl.con4 dd .wrt_box .inp_wite{width: 35%;border: 0;} .deliveryCon dl.con4 dd .wrt_box input:disabled{background:#f3f3f3;border-radius:3px;/*2022-10-25 append*/height:46px;padding-left:20px;} .deliveryCon dl.con4 dd .wrt_box .select1{width: auto;border:0;height:46px;} .deliveryCon dl.con4 dd.postNo{width: calc(100% - 110px);padding:0px;} .popFix .popCon .deliveryCon + .btnList{padding: 30px;background: #f8f8f8; border-radius: 0 0 10px 10px;} /* 레이어 팝업 - 배송주소록 */ .popFix .popCon .popBox {} .popFix .popCon .popBox .deliveryCon{max-height:600px;font-size: 13px;overflow: auto;} .popFix .popCon .popBox .deliveryCon .addFind{padding:20px 30px 10px} .popFix .popCon .popBox .deliveryCon .addFind .wrt_box{position:relative;width:calc(100% - 98px);margin-bottom:10px;padding:2px 60px 2px 2px;height:44px;border:1px solid #c0c0c0;border-radius:5px} .popFix .popCon .popBox .deliveryCon .addFind .wrt_box input{padding:0 10px;width:100%;height:100%;font-size:13px} .popFix .popCon .popBox .deliveryCon .addFind .wrt_box .btn-up{position:absolute;top:0;right:0px;width:50px;height:100%;font-size:12px;font-weight:500} .popFix .popCon .popBox .deliveryCon .addFind .wrt_box.bd_w{border-width:2px} .popFix .popCon .popBox .deliveryCon .addBox{margin:55px 30px 30px 30px; border:1px solid #c0c0c0;} .popFix .popCon .popBox .deliveryCon .addBox .addTitle{text-align:center;background-color:#f0f0f0;} .popFix .popCon .popBox .deliveryCon .addBox .addTitle .addtitName{width:110px;height:45px;} .popFix .popCon .popBox .deliveryCon .addBox .addList{height:120px;border-bottom:1px solid #c0c0c0;} .popFix .popCon .popBox .deliveryCon .addBox .addSelect{text-align:center;width:30px;padding:10px 0px 10px 10px;} .popFix .popCon .popBox .deliveryCon .addBox .addName{text-align:center;width:80px;padding-right:10px;} .popFix .popCon .popBox .deliveryCon .addBox .addTxt{width:auto;} .popFix .popCon .popBox .deliveryCon .addBox .addBtn{text-align:center;width:60px;padding:10px;} .popFix .popCon .popBox .deliveryCon .addBox .addPage{height:45px;text-align:center;} /* 레이어 팝업 - 배송주소록 */ .popFix2{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.5);z-index:500} .popFix2 .poptable{display:table;width:100%;height:100%} .popFix2 .popCon{position:relative;display:table-cell;padding:20px;width:100%;vertical-align:middle;} .popFix3{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:500} .popFix3 .popgroup{position:relative;margin:0 auto;max-width:600px;overflow:auto;background:#f5f5f5;} .popFix3 .popgroup .memGroupSearch .telList{border-radius:0;box-shadow:none} .popFix3 .popgroup .memGroupSearch .telList.fix .head{position:relative;top:0;z-index:15} .popFix3 .popgroup .memGroupSearch .telList.fix2 .head{position:fixed;top:55px;width:100%;background:#fff;z-index:15} .memModfy{padding:33px 30px 0px;background: #fff;} .memModfy .profile{margin:0 auto 20px;width:86px;height:86px;overflow:hidden;border-radius:50%} .memModfy dl dt{margin-bottom:5px;color:#666} .memModfy dl dd{margin-bottom:15px} .memModfy dl dd .wrt_box{position:relative;margin-bottom:10px;/*2022-10-28 padding:2px 60px 2px 2px;*/padding:2px;height:44px;border:1px solid #c0c0c0;border-radius:5px} .memModfy dl dd .wrt_box input{padding:0 10px;width:100%;height:100%;font-size:13px} .memModfy dl dd.con1 .btn-up{position:relative;padding-right:85px;width:100%;height:44px;font-size:13px;color:#a5a5a5;} .memModfy dl dd.con1 .btn-up .grtxt{display:block;padding:0 10px;line-height:40px;text-align:left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;;border-width:2px;border-style:solid;border-radius:5px;} .memModfy dl dd.con1 .btn-up .btn{position:absolute;top:0;right:0;display:block;width:80px;color:#fff;line-height:44px;text-align:center;border-radius:5px} .memModfy dl dd .txt{margin-top:-5px;font-size:12px;color:#a5a5a5;text-align:right;} .memModfy dl dd .wrt_box_btn{display: flex;margin-bottom: 10px;justify-content: space-between;} .memModfy dl dd .wrt_box_btn .wrt_box{margin-bottom: 0;width:73%;} .memModfy dl dd .wrt_box_btn .btnBc{flex-shrink: 0;} .memModfy dl dd .wrt_box_btn .btnBc input{line-height: 42px;} .memModfy dl dd .wrt_box .btn-view{position: absolute;top: 0;right:0;width: 55px;height: 100%;} .memGroup{padding:20px 30px 10px;} .memGroup ul{margin-bottom:10px;max-height:300px;overflow:auto} .memGroup ul li{margin-bottom:10px;} .memGroup ul li .check_box label{color:#666} .memGroup ul li .btnGroup{width:100%;height:44px;font-weight:500;border-width:2px;border-style: solid;border-radius:5px} .memGroup .wrt_box{position:relative;margin-bottom:10px;padding:2px 60px 2px 2px;height:44px;border:1px solid #c0c0c0;border-radius:5px} .memGroup .wrt_box input{padding:0 10px;width:100%;height:100%;font-size:13px} .memGroup .wrt_box .btn-up{position:absolute;top:0;right:10px;width:55px;height:100%;font-size:12px;font-weight:500} .memGroup .wrt_box.bd_w{border-width:2px} /* 간편결제 대상조회 결과 */ .pay_topGtxt{position:relative;margin-bottom:20px;padding:20px 40px;font-size:13px;color:#444;text-align:center;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);border:1px solid #e7e7e7} .pay_control{position:relative;margin-bottom:10px;font-size:12px;} .pay_control::after{display:block;clear:both;content:''} .pay_control .check_box{color:#888;} .pay_control .btn_select_delet{float:right;height:25px;color:#888;text-indent:35px;background:url('../img/ic_delet.png') no-repeat left center;background-size:25px} .bpn{box-shadow:0px 0px 0px !important;border: 0px !important;} .bpn_delever{box-shadow:0px 0px 0px !important;border: 0px;margin-bottom: 0px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .book_prod_infor{margin-bottom:20px;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);border: 1px solid #e7e7e7;} .book_prod_infor dl{position:relative;padding:15px 20px;font-size:13px;} .book_prod_infor dl.deleverty{padding:20px 40px;font-size:13px;border-radius:0px;border-bottom:0px} .book_prod_infor dl.delecall{padding:0px 40px;font-size:14px;border-radius:0px;border-bottom:0px} .book_prod_infor dl::after{display:block;clear:both;content:''} .book_prod_infor dl dt{position:relative;color:#333;font-weight:500;margin-bottom:15px;} .book_prod_infor dl dt .send_user{position:absolute;top:0;right:0px;color:#666;font-weight:400;float:right;} .book_prod_infor dl dt .btn_open{display:none;position:absolute;top:0;right:0;width:25px;height:25px;text-indent:-999px;overflow:hidden;} .book_prod_infor dl dt .btn_open::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:url('../img/ic_open_arrow.png') no-repeat center center;background-size:14px;transform:rotate(180deg);-webkit-transform:rotate(180deg)} .book_prod_infor dl dt .btn_open.on::after{transform:rotate(0);-webkit-transform:rotate(0)} .book_prod_infor dl dd{margin-top:15px;color:#666;} .book_prod_infor dl dd.list_txt{padding:0;font-size:13px} .book_prod_infor dl dd.list_txt li{position:relative;padding-left:85px;color:#666;text-align:right;line-height:46px;min-height:46px;border-top:1px solid #c0c0c0} .book_prod_infor dl dd.list_txt li .name{position:absolute;top:50%;left:0;color:#333;font-weight:500;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .book_prod_infor dl dd.list_txt li:first-child{border-top:0} .book_prod_infor dl dd.list_txt li.point{color:#ff3600} .book_prod_infor dl dd.list_txt li .btn_sbm_pc{margin-left:10px;font-size:13px;font-weight:500} .book_prod_infor dl dd.list_txt li .btn_sbm_mb{display:none;width:80px;height:46px;font-size:12px;color:#fff;font-weight:500;border-radius:5px;} .book_prod_infor dl dd.list_txt li .select1{width:395px;font-size:13px;color:#a5a5a5} .book_prod_infor dl dd.list_txt li .priceWt{position:relative;display:inline-block;padding-right:85px;width:395px;line-height:46px} .book_prod_infor dl dd.list_txt li .priceWt .inp_wite{width:100%;} .book_prod_infor dl dd.list_txt li .priceWt .btn{position:absolute;top:50%;right:0;width:80px;height:46px;font-size:12px;color:#fff;font-weight:500;border-radius:5px;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .book_prod_infor dl dd.list_txt li.last{padding-left:0;line-height:0;border-top:0} .book_prod_infor dl dd.list_txt li.send_inp{position:relative;} .book_prod_infor dl dd.list_txt li.send_inp .btn-delet{position:absolute;top:13px;right:15px;padding:0;width:18px;height:18px;text-indent:-999px;overflow:hidden;background: url('../img/ic_close2.png') no-repeat right center;background-size:100%;cursor:pointer} .book_prod_infor dl dd.list_txt li.send_inp .send_txt{display:none;position:absolute;top:50px;left:0;width:100%;background:#fff;border:1px solid #c0c0c0;border-radius:5px;z-index:10} .book_prod_infor dl dd.list_txt li.send_inp .send_txt li{padding:0 15px;line-height:45px;min-height:30px;text-align:left;cursor:pointer} .book_prod_infor dl.con1 dd{position:absolute;top:0px;right:50px;margin-top:0;line-height:53px;} .book_prod_infor dl.con2 dt .send_infor{position:absolute;top:0;right:10px;color:#666;font-weight:400;} .book_prod_infor dl.con2 dd{padding:20px 30px;background:#f7f7f7;border-radius:5px;border: 1px solid #c0c0c0;} .book_prod_infor dl.con3 dd{position:absolute;top:0px;right:30px;margin-top:0;line-height:50px;} .book_prod_infor dl.con5{padding:10px 30px;border-bottom:1px solid #c0c0c0;} .book_prod_infor dl.con5 dt{float:left;line-height:45px} .book_prod_infor dl.con5 dd{float:right;margin-top:0} .book_prod_infor dl.con6{margin-top:-1px;background:#fff;} .book_prod_infor dl.con6 dt{color:#666;font-weight:400} .book_prod_infor dl.con6 dd .price{position:absolute;top:10px;right:30px;color:#ff3600} .book_prod_infor dl.con6 dd .price b{font-size:22px} .book_prod_infor dl dd .prod_chek{position:relative;font-size:13px} .book_prod_infor dl dd .prod_chek .amount{position:absolute;top:0;right:0;} /* 청구서 목록타입1 */ .book_prod_infor dl dd .bookListType{position:relative;margin-bottom:20px;padding-right:0;z-index:2} .book_prod_infor dl dd .bookListType > ul > li{margin-bottom:5px;} .book_prod_infor dl dd .bookListType > ul > li:last-child{margin-bottom: 0;border-bottom:0} .book_prod_infor dl dd .bookListType ul li .box{position:relative;padding:15px 30px;margin-bottom:3px;min-height:190px;background:#c0c0c0;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,0.1);z-index:100} .book_prod_infor dl dd .bookListType ul li .box .etc{position:absolute;top:15px;right:25px;} .book_prod_infor dl dd .bookListType ul li .box .etc .bookmark{margin-left:5px} .book_prod_infor dl dd .bookListType ul li .box .etc_set{position:absolute;top:15px;right:25px;} .book_prod_infor dl dd .bookListType ul li .box .etc_set .bookmark{margin-left:5px} .book_prod_infor dl dd .bookListType ul li .box .infor1{position:relative;margin:5px 30% 10px 0;padding-left:140px;min-height:95px} .book_prod_infor dl dd .bookListType ul li .box .infor1 .noImg{display:block;} .book_prod_infor dl dd .bookListType ul li .box .infor1 .bookImg{position:absolute;left:0;top:0;padding:3px;width:110px;height:148px;background:#fff;border:1px solid #eaeaea;} .book_prod_infor dl dd .bookListType ul li .box .infor1 .bookImg img{width:100%;height:100%;} .book_prod_infor dl dd .bookListType ul li .box .infor1 .bookImg .part{position:absolute;top:5px;right:-19px;width:18px;} .book_prod_infor dl dd .bookListType ul li .box .infor1 .bookImg .part span{display:block;margin-bottom:3px;padding:8px 3px;height:41px;font-size:9px;color:#fff;word-break:break-all;line-height:1;border-radius:0 4px 4px 0;} .book_prod_infor dl dd .bookListType ul li .box .infor1 .bookImg .part .part1{padding:4px 3px;background:#e4567e;z-index:1000;} .book_prod_infor dl dd .bookListType ul li .box .infor1 .bookImg .part .part2{background:#8cc751;z-index:1000;} .book_prod_infor dl dd .bookListType ul li .box .infor1 .bookImg .part .part3{background:#dfac12;z-index:1000;} .book_prod_infor dl dd .bookListType ul li .box .infor1 a{display:block} .book_prod_infor dl dd .bookListType ul li .box .infor1 .subject{margin-bottom:15px;height:60px} .book_prod_infor dl dd .bookListType ul li .box .infor1 h2{margin-bottom:10px;font-size:14px;font-weight:500;white-space: normal; line-height: 1.2; max-height: 40px; text-align: left;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; } .book_prod_infor dl dd .bookListType ul li .box .infor1 p{font-size:12px;color:#999;line-height:100%;} .book_prod_infor dl dd .bookListType ul li .box .infor1 .txt1{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .book_prod_infor dl dd .bookListType ul li .box .infor1 .txt2 p{margin-bottom:7px;padding-right:70px;line-height:1.3} .book_prod_infor dl dd .bookListType ul li .box .infor1 .txt2 p span{position:relative;display:inline-block;padding:0 7px} .book_prod_infor dl dd .bookListType ul li .box .infor1 .txt2 p span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc} .book_prod_infor dl dd .bookListType ul li .box .infor1 .txt2 p span:first-child{padding-left:0} .book_prod_infor dl dd .bookListType ul li .box .infor1 .txt2 p span:first-child::before{display:none} .book_prod_infor dl dd .bookListType ul li .box .infor1 .txt3{position:absolute;right:0;bottom:0;color:#333;line-height:28px} .book_prod_infor dl dd .bookListType ul li .box .salePrice{position:absolute;bottom:0;right:30px;color:#888} .book_prod_infor dl dd .bookListType ul li .box .salePrice .price{margin-left:10px;font-size:13px} .book_prod_infor dl dd .bookListType ul li .box .salePrice .price b{font-size:18px;color:#5463c2} .book_prod_infor dl dd .bookListType ul li .box .infor2{margin-right:30%;padding-left:140px;} .book_prod_infor dl dd .bookListType ul li .box .infor2::after{display:block;clear:both;content:''} .book_prod_infor dl dd .bookListType ul li .box .infor2 .disCon{padding:12px 0;text-align:center;background:#fff} .book_prod_infor dl dd .bookListType ul li .box .infor2 .disCon li{position:relative;display:inline-block;margin:0 5px;/*padding-left:35px;*/padding:0 20px;font-size:11px;color:#444} .book_prod_infor dl dd .bookListType ul li .box .infor2 .disCon li .name{position:absolute;top:0;left:0;width:33px;font-size:9px;color:#fff;line-height:16px;text-align:center;border-radius:8px} .book_prod_infor dl dd .bookListType ul li .box .infor2 .disCon li .name + span{margin-left:5px} .book_prod_infor dl dd .bookListType ul li .box .infor2 .disCon li:nth-child(1) .name{background-color:#ee5e48} .book_prod_infor dl dd .bookListType ul li .box .infor2 .disCon li:nth-child(2) .name{background-color:#303e97} .book_prod_infor dl dd .bookListType ul li .box .infor2 .disCon li:nth-child(3) .name{background-color:#ff9453} .book_prod_infor dl dd .bookListType ul li .box .infor2 .disCon li select{padding-right:13px;width:100%;font-size:11px;color:#444;background:url('../img/ic_select_arrow.png') no-repeat right center;background-size:8px} .book_prod_infor dl dd .bookListType ul li .box .infor3{position:absolute;right:30px;top:20px;padding:0 0 0 25px;width:26%;border-left:1px solid #c0c0c0} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li{position:relative;padding:10px 0 10px 40px;text-align:right;line-height:25px;border-top:1px solid #c0c0c0} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li:first-child{border-top:0} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li .name{position:absolute;top:50%;left:5px;font-weight:500;transform:translateY(-50%)} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li del{font-size:13px;color:#888} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li .price{margin-left:5px;font-size:13px;color:#888} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li .price b{font-size:15px;color:#5463c2} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li input{margin-right:2px;padding:0 5px;width:50px;height:36px;text-align:center;border:1px solid #dcdcdc} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li button{width:35px;height:36px;font-size:13px;color:#fff;text-align:center;font-weight:bold;background:#0f1a65} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li .total_price{color:#ff3600} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li .total_price b{font-size:22px} .book_prod_infor dl dd .bookListType.type2 ul li .box .infor1{padding-left:0} .book_prod_infor dl dd .bookListType.type2 ul li .box .infor2{padding-left:0} /* 청구서 목록타입1 */ .book_prod_infor dl dd .total_con{position:relative;font-size:13px} .book_prod_infor dl dd .total_con::after{display:block;clear:both;content:''} .book_prod_infor dl dd .total_con .tit{display:inline-block;padding-top:10px;color:#333;font-weight:500} .book_prod_infor dl dd.total_price{position:absolute;top:15px;right:30px;color:#ff3600;line-height:1} .book_prod_infor dl dd.total_price b{font-size:22px} .book_prod_infor dl dd .btnTalk{position:absolute;top:15px;right:30px;padding-right:36px;height:30px;font-size:13px;font-weight:500;background:url('../img/ic_talk.png') no-repeat right center;background-size:28px;} .book_prod_infor dl dd .mem_infor{padding:0;box-shadow:none} .book_prod_infor dl dd h3{margin-top:15px;font-size:13px;font-weight:500} /* 2022-09-28 edit */ /* .book_prod_infor dl dd .top_list_num{position:absolute;top:15px;right:30px} */ .book_prod_infor dl dd .top_list_num{position:absolute;top:20px;right:30px} /* 2022-09-28 edit */ .target_list table{background:#c0c0c0;border:1px solid #c0c0c0} .target_list table tr{} .target_list table thead th{padding-left:10px;height:50px;background:#fff;border-bottom:1px solid #c0c0c0} .target_list table thead th.check{width:45px;} .target_list table thead th.name{width:80px;text-align:center;} .target_list table thead th.tel{width:110px;text-align:center;} .target_list table thead th.group{width:25%;text-align:center;} .target_list table thead th.memo{text-align:center;} .target_list table tbody td{padding-left:10px;height:50px;border-bottom:1px solid #c0c0c0;} .target_list table thead td.check{} .target_list table thead td.name{text-align:left;} .target_list table thead td.tel{text-align:left;} .target_list table thead td.group{text-align:left;} .target_list table thead td.memo{text-align:left;} .target_list p{margin-bottom:10px;font-size:13px;color:#666;text-align:center;line-height:50px;background:#c0c0c0;border:1px solid #c0c0c0;border-width:0 1px 1px} .target_list .btnBc{width:90px;box-shadow:none} .book_prod_infor .list_txt{/*padding:0 20px 10px;*/padding:0;font-size:13px} .book_prod_infor .list_txt li{position:relative;/*padding-left:85px;line-height:60px;min-height:60px;*/padding:0 20px 0 85px;color:#666;text-align:right;line-height:72px;min-height:76px;border-top:1px solid #c0c0c0} .book_prod_infor .list_txt li .name{position:absolute;top:50%;/*left:0;*/left:20px;color:#333;font-weight:500;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .book_prod_infor .list_txt li:first-child{border-top:0} .book_prod_infor .list_txt li.point{color:#ff3600} .book_prod_infor .list_txt li .btn_sbm_pc{margin-left:10px;margin-bottom: 5px;font-size:13px;font-weight:500} .book_prod_infor .list_txt li .btn_sbm_mb{display:none;width:80px;height:46px;font-size:12px;color:#fff;font-weight:500;border-radius:5px;} .book_prod_infor .list_txt li .select1{width:395px;font-size:13px;color:#a5a5a5} .book_prod_infor .list_txt li .priceWt{position:relative;display:inline-block;padding-right:85px;width:395px;line-height:46px} .book_prod_infor .list_txt li .priceWt .inp_wite{width:100%;} .book_prod_infor .list_txt li .priceWt .btn{position:absolute;top:50%;right:0;width:80px;height:46px;font-size:12px;color:#fff;font-weight:500;border-radius:5px;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .book_prod_infor .list_txt li.last{padding-left:0;line-height:0;border-top:0} .book_prod_infor .list_txt li.send_inp{position:relative;padding:0px;} .book_prod_infor .list_txt li.send_inp .btn-delet{position:absolute;top:13px;right:15px;padding:0;width:18px;height:18px;text-indent:-999px;overflow:hidden;background: url('../img/ic_close2.png') no-repeat right center;background-size:100%;cursor:pointer} .book_prod_infor .list_txt li.send_inp .send_txt{display:none;position:absolute;top:50px;left:0;width:100%;background:#fff;border:1px solid #c0c0c0;border-radius:5px;z-index:10} .book_prod_infor .list_txt li.send_inp .send_txt li{padding:0 15px;line-height:45px;min-height:30px;text-align:left;cursor:pointer} .book_prod_infor dl dd .pay_infor{display: flex;justify-content: space-between;flex-wrap: wrap;} .book_prod_infor dl dd .pay_infor ul{width: calc(50% - 50px);} .book_prod_infor dl dd .pay_infor ul li{position:relative;margin-bottom: 15px;padding-left: 100px;color: #666;} .book_prod_infor dl dd .pay_infor ul li .name{position: absolute;top: 10px;left: 0;} .book_prod_infor dl dd .pay_infor .wrt_box{position:relative;display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;border:1px solid #c0c0c0;border-radius:5px;/*2022-10-25 append*/height:46px;padding-left:20px;} .book_prod_infor dl dd .pay_infor .wrt_box .inp_wite{width: 35%;border: 0;} .book_prod_infor dl dd .pay_infor .wrt_box input:disabled{background:#f3f3f3;border-radius:3px;/*2022-10-25 append*/height:44px;padding-left:20px;} .book_prod_infor dl dd .pay_infor .wrt_box .select1{width: 55%;border:0;height:46px;} .book_prod_infor .calendar_box{position:relative;padding-right:0px;float:right;} .book_prod_infor .calendar_box .date_wd{width:140px;height:46px;text-align:right;padding:10px;border: 1px solid #c0c0c0;border-radius: 5px;} .book_prod_infor .calendar_box .date_wd .inputDate{position:absolute;left:20px;text-align:left;line-height:25px;} .book_prod_top{margin-bottom:20px;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .book_prod_top dl{padding:25px 20px 0;font-size: 13px;} .book_prod_top dl dt{margin-bottom: 20px;color: #333;font-weight: 500;line-height: 1;} .book_prod_top dl dd > ul > li{display: flex;margin-bottom:5px;padding: 0 30px;background:#c0c0c0;border-bottom: 1px solid #c0c0c0;/*2022-10-27 append*/border-radius:5px;box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);} .book_prod_top dl dd > ul > li:last-child{border-bottom: 0;} .book_prod_top dl dd > ul > li .lt{/*padding-right: 50px;*/padding:30px 50px 17px 0;width: calc(100% - 260px);} .book_prod_top dl dd > ul > li .lt .infor{margin-bottom: 13px;line-height: 1;} .book_prod_top dl dd > ul > li .lt .infor .txt{position: relative;display: inline-block;margin-right: 6px;padding-right: 10px;color: #999;} .book_prod_top dl dd > ul > li .lt .infor .txt::after{position: absolute;top: 50%;right: 0;width: 0;height: 10px;content:'';border-left: 1px solid #dedede;transform: translateY(-50%);} .book_prod_top dl dd > ul > li .lt .infor .txt:last-child::after{display: none;} .book_prod_top dl dd > ul > li .lt .infor .txt span{margin-right: 5px;color: #444;} .book_prod_top dl dd > ul > li .lt .infor .txt2{color: #5463c2;} .book_prod_top dl dd > ul > li .lt .tit{margin-bottom: 13px;} .book_prod_top dl dd > ul > li .lt .tit a{display: block;max-height:48px;font-size: 16px;color: #444;font-weight: 500;overflow: hidden;text-overflow: ellipsis; word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 2;/*2022-10-27 -webkit-line-clamp: 2;*/ -webkit-line-clamp: 1;-webkit-box-orient: vertical;} .book_prod_top dl dd > ul > li .rt{/*padding-left: 35px;*/padding:30px 0 17px 35px;width: 260px;border-left: 1px solid #e7e7e7;} .book_prod_top dl dd > ul > li .rt ul li{position:relative;margin-bottom: 15px;color: #888;text-align: right;line-height: 1;} .book_prod_top dl dd > ul > li .rt ul li:last-child{margin-bottom: 0;} .book_prod_top dl dd > ul > li .rt ul li .name{position: absolute;top: 50%;left: 0;color: #333;transform: translateY(-50%);} .book_prod_top dl dd > ul > li .rt ul li del{display: inline-block;margin-right: 10px;} .book_prod_top dl dd > ul > li .rt ul li .price b{font-size: 17px;color: #5463c2;} .book_prod_top dl dd > ul > li .rt ul li .secon{font-size: 16px;} .book_prod_top dl dd > ul > li .rt ul li .total_price{color: #ff3600;} .book_prod_top dl dd > ul > li .rt ul li .total_price b{display: inline-block;font-size:19px;line-height: 1;} .book_prod_top .list_txt{padding:0 20px 10px;font-size:13px} .book_prod_top .list_txt li{position:relative;padding-left:85px;color:#666;text-align:right;line-height:60px;min-height:60px;border-top:1px solid #c0c0c0} .book_prod_top .list_txt li .name{position:absolute;top:50%;left:0;color:#333;font-weight:500;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .book_prod_top .list_txt li:first-child{border-top:0} .book_prod_top .list_txt li.point{color:#ff3600} .book_prod_top .list_txt li .total_price{color: #ff3600;} .book_prod_top .list_txt li .total_price b{font-size: 24px;} .book_prod_total{position:relative;margin-bottom:20px;font-size:13px;color:#444;border-radius: 0px 0px 5px 5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);background: #dcebe1;border:1px solid #fff;} .book_prod_total ul::after{display:block;clear:both;content:'';} .book_prod_total ul li{position:relative;float:left;/*2022-10-27 padding:25px 40px 25px 100px;height:80px;*/padding:20px 40px 20px 100px;height:70px;width:50%;text-align:right;line-height:30px;} .book_prod_total ul li:last-child{/*2022-10-27 border-left:1px solid #e7e7e7;*/border-left:1px solid #fff;} .book_prod_total ul li .name{position:absolute;top:50%;left:40px;font-weight:500;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .book_prod_total ul li .total_price{color:#ff3600;line-height:1} .book_prod_total ul li .total_price b{font-size:26px} .book_prod_total ul li .ic{position:absolute;top:50%;right:40px;padding:5px 0 5px 50px;font-size:13px;color:#999;font-weight:500;background:url('../img/ic_delivery_pc.png') no-repeat left center;;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .book_prod_total.way ul li{width:100%;} .book_prod_total ul li .point_g_txt{margin-top:-12px;font-size:12px;color:#666} .book_prod_total ul li .point_g_txt .pit{margin:0 3px} .book_prod_total ul li .point_g_txt b{margin-left:10px;color:#333} .book_prod_total ul li .point_g_txt .mb{display:none} .book_prod_total.big ul li{/*padding:35px 40px 35px 100px;*/padding:25px 40px 25px 100px;height:90px;font-size:16px;line-height:40px;} .book_prod_total.big ul li.total .name{font-size:16px;} .book_prod_total.big ul li.total .total_price b{font-size:28px} /* 장바구니 합계금액 */ .book_prod_cart {position:relative;display:block;height:90px;width:100%;margin-bottom:20px;padding:10px;color:#444;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);background: #dcebe1;border:1px solid #fff;} .book_prod_cart .head_title{display:none;} .book_prod_cart ul::after{display:block;clear:both;content:'';} .book_prod_cart ul.total{width:18%;float:left;text-align:center;padding:10px;} .book_prod_cart ul.item {width:calc(24% - 40px);float:left;text-align:center;padding:10px;} .book_prod_cart ul.number{width:10%;background:#f8f8f8;float:left;text-align:center;border-radius:5px;padding:10px;} .book_prod_cart ul.symbol{width:40px;height:40px;background:#f8f8f8;float:left;text-align:center;border-radius:5px;margin-top:15px;} .book_prod_cart ul li{position:relative;float:left;width:100%;} .book_prod_cart ul li.title{width:100%;font-size:14px;text-align:center;} .book_prod_cart ul li.count{display:bolck;width:100%;font-size:20px;font-weight:500;text-align:center;} .book_prod_cart ul li.icon{display:bolck;width:100%;font-size:24px;font-weight:500;text-align:center;padding-top:3px;} /* 장바구니 합계금액 */ .openClose dl dt .btn_open{display:block} .openClose dl dd.view{display:none} .openClose dl dt.open + dd.view{display:block} .btn_total_open{text-align:center} .btn_total_open button{position:relative;width:120px;height:45px;font-size:12px;color:#999} .btn_total_open button::before{content:'펼쳐보기'} .btn_total_open button::after{position:absolute;top:50%;right:10px;margin-top:-3px;width:12px;height:7px;content:'';background:url('../img/ic_open_arrow.png') no-repeat;background-size:100%;transform:rotate(180deg);-webkit-transform:rotate(180deg)} .btn_total_open.on button::after{transform:rotate(0);-webkit-transform:rotate(0)} .btn_total_open.on button::before{content:'접기'} /* 2022-09-29 append */ .btn_point .cs_one{display:block;position:absolute;top:50%;right:0;width:80px;height:46px;font-size:12px;font-weight:500;border-radius:5px;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#fff !important;border-color:#fff !important;background-color:#5292e7 !important} .btn_point .cs_one.on{display:none;} .btn_point .cs_one.on button::before{display:none;} .btn_point .cs_two{display:none;} .btn_point .cs_two.on{display:block;position:absolute;top:50%;right:0;width:80px;height:46px;font-size:12px;font-weight:500;border-radius:5px;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#5292e7;border:1px solid #5292e7;background-color:#fff;} .btn_point .cs_two.on button::before{display:block;position:absolute;top:50%;right:0;width:80px;height:46px;font-size:12px;font-weight:500;border-radius:5px;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#5292e7;border:1px solid #5292e7;background-color:#fff;} .btn_point .pt_one{display:block;position:absolute;top:50%;right:0;width:80px;height:46px;font-size:12px;font-weight:500;border-radius:5px;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#fff !important;border-color:#fff !important;background-color:#5292e7 !important} .btn_point .pt_one.on{display:none;} .btn_point .pt_one.on button::before{display:none;} .btn_point .pt_two{display:none;} .btn_point .pt_two.on{display:block;position:absolute;top:50%;right:0;width:80px;height:46px;font-size:12px;font-weight:500;border-radius:5px;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#5292e7;border:1px solid #5292e7;background-color:#fff;} .btn_point .pt_two.on button::before{display:block;position:absolute;top:50%;right:0;width:80px;height:46px;font-size:12px;font-weight:500;border-radius:5px;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#5292e7;border:1px solid #5292e7;background-color:#fff;} /* 2022-09-29 append */ /* 2020.09.04 추가 */ .cntBasket{display:inline-block;width:20px;height:20px;font-family: 'Roboto';font-size:9px;color:#fff;line-height:20px;text-indent:0;text-align:center;background:#d73434;border-radius:50%} .pit{display:inline-block;width:33px;font-size:9px;color:#fff;line-height:16px;text-align:center;vertical-align:middle;border-radius:8px} .pit.pit_txt1{background:#ee5e48} /* 폰트빨강 색상 */ .pit.pit_txt2{background:#303e97} /* 폰트색상 진청 */ .pit.pit_txt3{background:#ff9453} /* 폰트색상 주황 */ .pit.pit_txt4{background:#63d9bf} /* 폰트색상 초록*/ .pit.pit_txt5{background:#444} .state{display:inline-block;width:60px;font-size:9px;color:#fff;line-height:20px;text-align:center;/*vertical-align:middle;*/border-radius:3px;margin-right:2px;} .state.stxt0{border:1px solid #6666CC;background:#6666CC;} /* 주황* - 직접구매*/ .state.stxt1{border:1px solid #303e97;background:#303e97;} /* 진청 - 마이북스토어 */ .state.stxt2{border:1px solid #5292e7;background:#5292e7;} /* 파란색 - 청구서 */ .state.stxt3{border:1px solid #4bbcfd;background:#4bbcfd;} /* 하늘색 - 개별수령*/ .state.stxt4{border:1px solid #00bcba;background:#00bcba;} /* 초록 - 단체수령*/ .state.stxt5{border:1px solid #ee5e48;background:#ee5e48;} /* 빨강 - 마감전*/ .state.stxt6{border:1px solid #990000;background:#990000;} /* 주황 - 날짜*/ .state.stxt7{border:1px solid #363636;background:#363636;} /* 진한회색 - 주문번호 */ .state.stxt8{border:1px solid #666;background:#666;} /* 회색 - 상품번호*/ .state.stxt9{border:1px solid #660000;background:#660000;} /* 갈색 - 종수&권수*/ .state.stxta{border:1px solid #666666;background:#666666; position: absolute; top:40%; left : 22.5%; z-index:2000;} /* 진한회색 - 반품완료 거래종료 */ .state.stxtb{border:1px solid #ff3600;background:#ff3600; position: absolute; top:40%; left : 22.5%; z-index:2000;} /* 빨강 - 취소완료 거래종료*/ .state.stxtc{border:1px solid #303e97;background:#303e97; position: absolute; top:40%; left : 22.5%; z-index:2000;} /* 검정 - 구매확정 거래종료 */ .state.stxtm{border:1px solid #c0c0c0;color:#666;} /* 갈색 - 종수&권수*/ .pay_mem_infor ul::after{display:block;clear:both;content:''} .pay_mem_infor ul li{position:relative;float:left;margin-bottom:15px;margin-right:5%;padding-left:105px;width:50%;min-height:46px} .pay_mem_infor ul li .name{position:absolute;top:0;left:0;font-size:13px;color:#666;line-height:1.3;transform:translateY(10px);-webkit-transform:translateY(10px)} .pay_mem_infor ul li .wrt_box{position:relative;padding:2px;height:46px;border:1px solid #c0c0c0;border-radius:5px} .pay_mem_infor ul li .wrt_box input{padding:0 15px;width:100%;height:100%;font-size:13px} .pay_mem_infor ul li select{padding-right:25px;height:40px;font-size:13px;text-indent:5px;cursor:pointer;background: url('../img/ic_select_arrow.png') no-repeat right 10px center} .pay_mem_infor ul li.mb_email{clear:left;padding: 0 140px 0 105px;} .pay_mem_infor ul li.mb_email .mbselec{position: absolute;top: 0;right: 0;} .pay_mem_infor ul li:nth-child(2){margin-right:0;width:45%} .pay_select::after{display:block;clear:both;content:''} .pay_select li{float:left;width:16.66%;text-align:center;background-repeat:no-repeat;background-position:center 15px;background-size:65%} .pay_select li a{position:relative;display:block;margin-left:-1px;padding-top:60px;height:100px;color:#777;border-width:0;border-style:solid;z-index:1} .pay_select li a::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';border:1px solid #c0c0c0;box-sizing:border-box;z-index:1} .pay_select li.ic1{background-image:url('../img/ic_pay1.png')} .pay_select li.ic2{background-image:url('../img/ic_pay2.png')} .pay_select li.ic3{background-image:url('../img/ic_pay3.png')} .pay_select li.ic4{background-image:url('../img/ic_pay4.png')} .pay_select li.ic5{background-image:url('../img/ic_pay5.png')} .pay_select li.ic6{background-image:url('../img/ic_pay6.png')} .pay_select li.on a, .pay_select li a:hover{padding-top:57px;border-width:3px;z-index:2} .pay_select li.on a::after, .pay_select li a:hover::after{border:0} /* 메뉴도움말 */ .qnaList{font-size:13px;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .qnaList dl dt{position:relative;border-top:1px solid #c0c0c0} .qnaList dl dt:first-child{border-top:0} .qnaList dl dt a{position:relative;display:block;padding:15px 70px 15px 20px} .qnaList dl dt a::after{position:absolute;top:50%;right:30px;margin-top:-3px;width:12px;height:7px;content:'';background:url('../img/ic_open_arrow.png') no-repeat;background-size:100%;transform:rotate(180deg);-webkit-transform:rotate(180deg)} .qnaList dl dt.selected a::after{transform:rotate(0);-webkit-transform:rotate(0)} .qnaList dl dd{display:none;padding:0 20px 20px;color:#666;} .qnaList dl dd > div{padding:15px 20px;background:#f8f8f8} .payAdd{margin:0 auto 40px;max-width:580px} .payAdd .paySlide{border-radius:5px;box-shadow:0 4px 7px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 7px rgba(0,0,0,0.3)} .payAdd .paySlide ul li{max-height:243px;} .payAdd .paySlide ul li img{width:100%;} .payAdd .mPage{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:20} /* 간편결제 상세보기 */ .payView{position:relative;margin-bottom:30px;padding:10px;min-height:330px;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .payView .bookImg{position:relative;top:40px;left:10px;width:45%;height:auto;background:#fff;border-radius:5px;border:1px solid #eaeaea;box-shadow:1px 1px 2px rgba(0,0,0,0.1)} .payView .bookImg img{width:100%;height:100%} .payView .bookImg .part{position:absolute;top:20px;right:-18px;width:18px;} .payView .bookImg .part span{display:block;margin-bottom:3px;padding:8px 3px;height:41px;font-size:9px;color:#fff;word-break:break-all;line-height:1;border-radius:0 4px 4px 0} .payView .bookImg .part .part1{padding:4px 3px;background:#e4567e;} .payView .bookImg .part .part2{background:#8cc751;} .payView .bookImg .part .part3{background:#dfac12;} .payView h2{margin-bottom:10px;font-size:20px;font-weight:500;white-space: normal; line-height: 1.6; max-height: 70px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; } .payView .infor .price{margin-bottom:10px;color:#888;text-align:right;} .payView .infor .price b{margin-left:10px;font-size:20px;color:#5463c2} .payView .infor .disCon{margin-bottom:5px;padding:5px 10px;fltext-align:center;background:#c0c0c0} .payView .infor .disCon{padding:12px 0;text-align:center;background:#c0c0c0} .payView .infor .disCon li{position:relative;display:inline-block;margin:0 5px;padding-left:35px;font-size:11px;color:#444} .payView .infor .disCon li .name{position:absolute;top:0;left:0;width:33px;font-size:9px;color:#fff;line-height:16px;text-align:center;border-radius:8px} .payView .infor a{display:block} .payView .infor .subject{position:absolute;top:40px;left:50%;padding:0 30px 0 0; margin-bottom:15px;height:60px} .payView .infor h2{margin-bottom:10px;font-size:21px;font-weight:500;white-space: normal; line-height: 1.2; max-height: 140px; text-align: left;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; } .payView .infor p{font-size:18px;color:#999;line-height:100%;} .payView .infor .txt1{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .payView .infor .txt2 p{margin-bottom:7px;padding-right:70px;line-height:1.3} .payView .infor .txt2 p span{position:relative;display:inline-block;padding:0 7px} .payView .infor .txt2 p span::before{position:absolute;top:50%;left:0;width:1px;margin-top:-5px;height:10px;content:'';background:#ccc} .payView .infor .txt2 p span:first-child{padding-left:0} .payView .infor .txt2 p span:first-child::before{display:none} .payView .infor .txt3{position:absolute;left:260px;bottom:180px;color:#333;line-height:28px} .payView .infor .priceArea li{position:relative;padding-left:60px;text-align:right;font-size:16px;color:#666;line-height:50px} .payView .infor .priceArea li:first-child{border-bottom:1px solid #c0c0c0} .payView .infor .priceArea li .name{position:absolute;top:0;left:0;width:50px;font-size:15px;color:#333;font-weight:500;text-align:left} .payView .infor .priceArea li .name::after{position:absolute;top:50%;right:0;width:1px;height:14px;content:'';background:#d3d3d3;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .payView .infor .priceArea li .total_price{color:#ff3600} .payView .infor .priceArea li .total_price b{font-size:26px} .seriesCon{position:relative} .seriesCon .btnType{position:absolute;top:-5px;right:0} .seriesCon .btnType button{position:relative;width:30px;height:30px;text-indent:-999px;overflow:hidden;background-color:#c9c9c9;border-radius:2px;box-shadow:1px 1px 2px rgba(0,0,0,0.2);} .seriesCon .btnType button::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background-repeat:no-repeat;background-position:center center;background-size:100%;} .seriesCon .btnType .btnType1::after{background-image:url('../img/ic_pay_type1.png')} .seriesCon .btnType .btnType1.on::after{background-color:#5392e6;} .seriesCon .btnType .btnType2::after{background-image:url('../img/ic_pay_type2.png')} .seriesCon .btnType .btnType2.on::after{background-color:#5392e6;} .prod_series{position:relative;margin-bottom:30px;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .prod_series .series_control{position:relative;margin-top:20px;padding:20px;font-size:12px;border-bottom:1px solid #c0c0c0} .prod_series .series_control .series_top b{font-weight:400} .prod_series .series_control .btn{position:absolute;top:10px;right:20px} .prod_series .series_control .btn button{padding:0 20px;height:40px;font-size:13px;color:#fff;font-weight:500;background:#b0b2bb;border-radius:5px} .prod_series.type1 .list li{display:none;position:relative;padding:15px 170px 15px 20px;font-size:14px;border-bottom:1px solid #c0c0c0} .prod_series.type1 .list li:nth-child(1), .prod_series.type1 .list li:nth-child(2), .prod_series.type1 .list li:nth-child(3){display:block} .prod_series.type1 .list li .check_box{position:absolute;top:50%;left:40px;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .prod_series.type1 .list li .tit{display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .prod_series.type1 .list li .price{position:absolute;top:50%;right:20px;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .prod_series.type1 .list.on li{display:block} .prod_series.type2 .list::after{display:block;clear:both;content:''} .prod_series.type2 .list li{display:none;position:relative;float:left;padding:20px 20px 20px 150px;width:50%;min-height:175px;font-size:14px;border-bottom:1px solid #c0c0c0} .prod_series.type2 .list li:nth-child(1), .prod_series.type2 .list li:nth-child(2){display:block} .prod_series.type2 .list li .check_box{position:absolute;top:20px;left:40px;} .prod_series.type2 .list li .bookImg{position:absolute;top:22px;left:20px;padding:3px;width:97px;height:130px;overflow:hidden;background:#fff;border-radius:3px;border:1px solid #eaeaea;box-shadow:1px 1px 2px rgba(0,0,0,0.1)} .prod_series.type2 .list li .tit{display:block;margin-bottom:10px;color:#666;white-space: normal; line-height: 1.3; max-height: 45px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;} .prod_series.type2 .list li .price{display:block;margin-bottom:15px;font-size:11px;color:#777} .prod_series.type2 .list li .price b{font-size:14px;color:#333} .prod_series.type2 .list li .btnBuy{width:73px;height:41px;font-size:12px;color:#666;border:1px solid #c0c0c0;border-radius:4px} .prod_series.type2 .list.on li{display:block} /* 2019-05-15 추가 */ .prod_series.type1 .list.view li{padding-left:70px} .prod_series.type1 .list.view li .check_box{left:20px;} .prod_series.type2 .list.view li{padding-left:160px} .prod_series.type2 .list.view li .bookImg{left:50px} .prod_series.type2 .list.view li .check_box{left:20px;} .viewBox{position:relative;margin-bottom:30px;padding:20px;font-size:13px;color:#666;line-height:1.8;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .infor_list li{position:relative;padding:12px 0 12px 150px;min-height:48px;border-bottom:1px solid #c0c0c0} .infor_list li .name{position:absolute;top:0;left:0;width:125px;line-height:48px;font-weight:500} .infor_list li .name::after{position:absolute;top:50%;right:0;width:1px;height:10px;content:'';background:#e1e1e1;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .th_left tbody th{text-align:left} .th_center tbody th{text-align:center} .td_left tbody td{text-align:left} .td_center tbody td{text-align:center} .td_right tbody td{text-align:right} .tbTypeA{font-size:12px;border:1px solid #c0c0c0} .tbTypeA tr{text-align:center} .tbTypeA thead th{padding:10px 15px;color:#333;font-weight:500;line-height:1.2;background:#c0c0c0;border-bottom:1px solid #c0c0c0;/*border-right: 1px solid #c0c0c0;*/} .tbTypeA tbody th{width:25%;padding:10px 25px;color:#333;font-weight:500;background:#f7f7f7;border-bottom:1px solid #c0c0c0;border-right: 1px solid #c0c0c0;} .tbTypeA tbody td{padding:10px 25px;color:#666;background:#fff;border-bottom:1px solid #c0c0c0;} .pc_btnBack{margin:-20px 0 20px;width:50px;height:50px;text-indent:-999px;overflow:hidden;border-radius:3px;background: url('../img/ic_back.png') no-repeat center center;background-size:20px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} /* 공지사항 */ .noticeList{font-size:13px;margin-top:20px;padding:10px 30px;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .noticeList dl dt{position:relative;display:table;width:100%;border-top:1px solid #c0c0c0} /* 2022-08-23 edit */ /* .noticeList dl dt:first-child{border-top:0;} */ .noticeList dl dt:first-child{border-top:0;padding:10px 50px 10px 0px;} /* 2022-08-23 edit */ /* 2022-08-23 append */ .noticeList dl dt li:nth-child(1){float:left;min-width:50px;} .noticeList dl dt li:nth-child(2){float:left;min-width:80px;} .noticeList dl dt li:nth-child(3){float:left;width:calc(100% - 230px);} .noticeList dl dt li:nth-child(4){float:right;min-width:100px;text-align:center;} /* 2022-08-23 append */ .noticeList dl dt a{position:relative;display:table-cell;padding:0 50px 0 0;width:100%;height:70px;vertical-align:middle} .noticeList dl dt a::after{position:absolute;top:50%;right:5px;margin-top:-3px;width:12px;height:7px;content:'';background:url('../img/ic_open_arrow.png') no-repeat;background-size:100%;transform:rotate(180deg);-webkit-transform:rotate(180deg)} .noticeList dl dt .tit{display:block; white-space: normal; line-height: 1.5; max-height: 48px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; } .noticeList dl dt .txt{display:block; white-space: normal; line-height: 1.5; max-height: 48px; text-align: center; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; } .noticeList dl dt .data{display:block;color:#888} .noticeList dl dt.selected a::after{transform:rotate(0);-webkit-transform:rotate(0)} .noticeList dl dd{display:none;padding:0;color:#666;} .noticeList dl dd > div{padding:20px 30px;background:#f8f8f8} .cuponCon{margin-bottom:20px;padding:30px 40px 40px;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .cuponCon h3{margin-bottom:15px;font-size:16px;font-weight:400} .cuponCon ul{font-size:13px;border:1px solid #c0c0c0;} .cuponCon ul li{position:relative;padding:30px 210px 20px 250px;min-height:140px;border-bottom:1px solid #c0c0c0} .cuponCon ul li:last-child{border-bottom:0} .cuponCon ul li .coupon{position:absolute;top:15px;left:30px;padding-top:30px;width:190px;height:108px;font-size:18px;text-align:center;background:url('../img/ic_cupon_bg.png') no-repeat;background-size:100%;} .cuponCon ul li .coupon b{font-family: 'Roboto';font-size:28px;line-height:1} .cuponCon ul li .coupon span{display:block;font-size:10px;color:#555 !important;font-weight:500} .cuponCon ul li .tit{display:block;font-size:16px;} .cuponCon ul li .txt{display:block;color:#888} .cuponCon ul li .data{position:absolute;top:50%;right:30px;color:#888;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .cuponCon ul li .data .day{position:relative;display:inline-block;margin-right:10px;padding-right:15px;} .cuponCon ul li .data .day::after{position:absolute;top:50%;right:0;width:1px;height:10px;content:'';background:#ccc;transform:translateY(-50%);-webkit-transform:translateY(-50%)} /* 2022-08-02 add */ .cuponPop{margin-bottom:30px;padding:0px;background:#fff;border-radius:5px;} .cuponPop h3{margin-bottom:15px;font-size:16px;font-weight:400} .cuponPop ul{font-size:13px;border:1px solid #e5e5e5} .cuponPop ul li{position:relative;padding:25px 7px 7px 200px;min-height:110px;border-bottom:1px solid #e5e5e5} .cuponPop ul li:last-child{border-bottom:0} .cuponPop ul li .coupon{position:absolute;top:17px;left:28px;padding-top:22px;width:150px;height:100px;font-size:18px;text-align:center;background:url('../img/ic_cupon_bg.png') no-repeat;background-size:100%;} .cuponPop ul li .coupon b{font-family: 'Roboto';font-size:25px;line-height:1} .cuponPop ul li .coupon span{display:block;font-size:10px;color:#555 !important;font-weight:500} .cuponPop ul li .tit{display:block;font-size:16px;} .cuponPop ul li .txt{display:block;color:#888} .cuponPop ul li .doc{display:block;color:#5292e7;font-size:14px;} .cuponPop ul li .data{position:absolute;top:50%;right:30px;color:#888;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .cuponPop ul li .data .day{position:relative;display:inline-block;margin-right:10px;padding-right:15px;} .cuponPop ul li .data .day::after{position:absolute;top:50%;right:0;width:1px;height:10px;content:'';background:#ccc;transform:translateY(-50%);-webkit-transform:translateY(-50%)} /* 2022-08-02 add */ .top_notice dt{padding-left:25px;line-height:24px;background:url('../img/ic_notice.png') no-repeat left center;background-size:16px;} .top_notice dd{font-size:12px} .top_notice dd .ic_talk{padding:0 25px 0 5px;background:#eaeaea url('../img/ic_talk.png') no-repeat right 5px center;background-size:16px;} /* 적립금 */ .accumCon{position:relative;margin-bottom:20px;padding-left:50%;min-height:350px;overflow:hidden;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .accumCon:after{display:block;clear:both;content:''} .accumCon .use_accum{position:absolute;top:0;left:0;padding:30px;width:50%;height:100%;} .accumCon .use_accum dl{padding:60px 0;text-align:center;border:1px solid rgba(255,255,255,0.3)} .accumCon .use_accum dl dt{margin-bottom:25px;font-size:16px;color:#fff;font-weight:500} .accumCon .use_accum dl dd{font-family: 'Roboto';font-size:58px;color:#fff;line-height:1} .accumCon .use_accum dl dd span{display:inline-block;width:58px;height:60px;font-size:34px;text-align:center;line-height:60px;vertical-align:top;font-weight:500;background:#fff;border-radius:50%} .accumCon .use_accum p{padding:20px 10px;text-align:center;color:rgba(255,255,255,0.54);border:1px solid rgba(255,255,255,0.3);border-width:0 1px 1px} .accumCon .use_accum p b{font-size:16px;color:#fff} .accumCon .paym_app{position:relative;padding:30px 40px;} .accumCon .paym_app h2{margin-bottom:15px;font-size:16px;font-weight:400} .accumCon .paym_app .check_box{position:absolute;top:30px;right:40px;font-size:12px;color:#888} .accumCon .paym_app .priceWt{position:relative;margin-bottom:30px;padding-right:110px} .accumCon .paym_app .priceWt input[type="text"]{padding:0 20px;width:100%;height:46px;font-size:13px;border:1px solid #c0c0c0;border-radius:5px;} .accumCon .paym_app .priceWt .btn{position:absolute;top:0;right:0;width:100px;height:100%;font-size:12px;color:#fff;font-weight:500;border-radius:5px} .accumCon .paym_app dl{padding-top:25px;border-top:1px solid #c0c0c0} .accumCon .paym_app dl dt{margin-bottom:10px;font-size:13px;font-weight:500} .accumCon .paym_app dl dd ul li{position:relative;margin-bottom:5px;padding-left:13px;font-size:12px;color:#666} .accumCon .paym_app dl dd ul li::before{position:absolute;top:10px;left:0;width:3px;height:3px;content:'';background:#666;border-radius:50%} .accumCon .paym_app dl.first{padding-top: 0;border-top: 0;} .accumList{padding-bottom:10px;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);} .accumList .menu{height:60px;border-bottom:1px solid #c0c0c0} .accumList .menu::after{display:block;clear:both;content:''} .accumList .menu li{float:left;width:150px;text-align:center} .accumList .menu li a{display:block;color:#a5a5a5;font-weight:500;line-height:57px;border-bottom:3px solid transparent} .accumList .menu li.on a{color:#222;border-bottom:3px solid #222} .accumList .list{margin-bottom:10px;padding:0 40px} .accumList .list li{position:relative;padding:15px 150px; font-size:13px;min-height:50px;border-bottom:1px solid #c0c0c0} .accumList .list li .data{position:absolute;top:15px;left:0;color:#777} .accumList .list li .price{position:absolute;top:15px;right:0;} .accumList .list li .bank{width:120px;text-align:right;float:right;color: #171717;} .accumList .list li .today{line-height:11px;} .accumList .btnMore{width:100%;height:60px} .accumList .btnMore span{position:relative;display:inline-block;font-size:12px;color:#666} .accumList .btnMore span::after{display:inline-block;margin-left:10px;width:26px;height:26px;content:'';vertical-align:middle;background:url('../img/ic_more.png') no-repeat center center;background-size:10px;border:1px solid #555;border-radius:50%} /* Style the tab */ .tab {overflow: hidden;/*border: 1px solid #ccc;background-color: #f1f1f1;*/} .tab button {display: block;color: #a5a5a5;font-weight: 500;line-height: 57px;border-bottom: 3px solid transparent;float: left;width: 150px;text-align: center;} /* Style the buttons inside the tab */ .tab button:hover {color: #222;} /* Change background color of buttons on hover */ .tab button.active {color: #222 !important;border-bottom: 3px solid #222 !important;} /* Create an active/current tablink class */ .tabcontent {display: none;/*padding: 6px 12px;border: 1px solid #ccc;border-top: none;*/} /* Style the tab content */ /* Style the tab */ .li_guide {} .li_guide li{position:relative;padding-left:10px;font-size:14px;color:#666} .li_guide li::before{position:absolute;top:10px;left:0px;width:4px;height:4px;content:' ';background:#666;border-radius:50%} .btnList.mb_fix{display:none} .btnList.mb_fix2{display:none} .guide_top_txt h2{position:relative;font-size:13px} .popFix2.kakao{overflow:hidden} .preview_kakao{position:relative;margin:0 auto;height:90%;max-width:450px;background:#9ebed3;border-radius:5px;border-top:2px solid #0062a1} .preview_kakao .kak_top{padding-left:50px;font-weight:400;border-bottom:1px solid #89acc0;background:url('../img/kato_ic1.png') no-repeat 10px center / 20px, url('../img/kato_ic2.png') no-repeat right 10px center / auto 20px} .preview_kakao .kak_top h2{line-height:45px} .preview_kakao .scrollCon{height:calc(100% - 114px);overflow:auto} .preview_kakao .scrollCon p{margin-bottom:20px;padding:10px;font-size:12px;border-bottom:1px solid #89acc0;} .preview_kakao .scrollCon .con{position:relative;padding:0 50px 20px 80px;} .preview_kakao .scrollCon .con .profile{position:absolute;top:0;left:20px;width:45px} .preview_kakao .scrollCon .con .k_logo{position:absolute;top:0;right:20px;width:35px} .preview_kakao .scrollCon .con dl{margin-top:5px;background:#fff;border-radius:5px;overflow:hidden} .preview_kakao .scrollCon .con dl dt{text-align:center;line-height:37px;background:#fee800} .preview_kakao .scrollCon .con dl dt span{display:inline-block;padding-left:22px;font-size:12px;background:url('../img/kakao_01.png') no-repeat left center / 16px} .preview_kakao .scrollCon .con dl dd{padding:20px;font-size:12px} .preview_kakao .scrollCon .con dl dd .btn{display:block;margin-top:20px;color:#0000ff;line-height:36px;text-align:center;border:1px solid #ccc;border-radius:5px} .preview_kakao .btnList{margin:0;padding:10px 0;border-top:1px solid #89acc0} .pop_notice{padding:0 30px 20px} .mdetailSearchCon{display:none} /* 상세검색 */ .detailSearchCon{margin-bottom:10px;background:#fff;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1)} .detailSearchCon::after{display:block;clear:both;content:''} .detailSearchCon h2{padding-left:40px;font-size:13px;font-weight:400;line-height:48px;background:#eeeff7 url('../img/ic_filter2.png') no-repeat 20px center;border-radius:5px 5px 0 0;} .detailSearchCon h2 + dl{border-left:0} .detailSearchCon dl{float:left;width:20%;border:1px solid #ebebeb;border-width:1px 0 1px 1px} .detailSearchCon dl dt{padding:10px 20px;font-size:12px;font-weight:500;} .detailSearchCon dl dt .det_search{position:relative;padding-right:30px;height:36px;background:#f8f8f8;border:1px solid #c0c0c0;border-radius:5px} .detailSearchCon dl dt .det_search .det_w{padding:0 10px;width:100%;height:100%;background:none} .detailSearchCon dl dt .det_search .btn{position:absolute;top:0;right:0;width:30px;height:36px;text-indent:-999px;overflow:hidden;background:url('../img/ic_search_m.png') no-repeat center center / 17px} .detailSearchCon dl dd{height:0;overflow:hidden;} .detailSearchCon dl dd .nano{height:240px;} .detailSearchCon dl dd .nano-content{padding:10px 15px;} .detailSearchCon dl dd ul li{font-size:12px;color:#666} .detailSearchCon dl dd ul > li{margin-bottom:18px;} .detailSearchCon dl dd ul > li .inp_check{position:absolute;width:0;left:0;opacity:0} .detailSearchCon dl dd ul > li .inp_check + label{position:relative;padding-left:22px;line-height:1} .detailSearchCon dl dd ul > li .inp_check + label::before{position:absolute;top:0;left:0;width:15px;height:15px;content:'';background:#eeeff7} .detailSearchCon dl dd ul > li .inp_check + label::after{opacity:0;position:absolute;top:4px;left:3px;width:7px;height:3px;content:'';border:1px solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg)} .detailSearchCon dl dd ul > li .inp_check:checked + label::before{background:#5292e7} .detailSearchCon dl dd ul > li .inp_check:checked + label::after{opacity:1} .detailSearchCon dl dd ul > li > ul{padding-left:20px} .detailSearchCon dl dd ul > li > ul > li{margin:10px 0} .detailSearchCon .searBottom{display:none} .detailSearchCon .selectView{clear:both;padding:5px 20px;} .detailSearchCon .selectView button{margin:5px 2px;padding:0 28px 0 10px;height:38px;font-size:11px;color:#666;background:url('../img/ic_filter_close.png') no-repeat right 10px center;background-size:8px;border:1px solid #e0e0e0;border-radius:19px} .detailSearchCon .btnDetailSearch{margin-left:22px;width:calc(100% - 44px);height:46px;color:#fff;border-radius:5px} .detailSearchCon .btn_detail_open{text-align:center} .detailSearchCon .btn_detail_open button{position:relative;width:120px;height:40px;font-size:12px;color:#999} .detailSearchCon .btn_detail_open button::before{content:'펼쳐보기'} .detailSearchCon .btn_detail_open button::after{position:absolute;top:50%;right:10px;margin-top:-3px;width:12px;height:7px;content:'';background:url('../img/ic_open_arrow.png') no-repeat;background-size:100%;transform:rotate(180deg);-webkit-transform:rotate(180deg)} .detailSearchCon .btn_detail_open.on button::after{transform:rotate(0);-webkit-transform:rotate(0)} .detailSearchCon .btn_detail_open.on button::before{content:'접기'} .detailSearchCon dl dd .nano .nano-pane {width:;opacity:1;background: #fff; } .detailSearchCon dl dd .nano .nano-slider { margin:0;background: #d2d4e2;border-radius:0} .detailSearchCon .searBottom.on{display:block} .detailSearchCon dl dd.on{height:240px;border-top:1px solid #ebebeb} /* 검색결과없음 */ .search_nodata{padding:80px 0 50px;text-align:center} .search_nodata p{margin-bottom:40px;padding-top:110px;font-size:13px;color:#666;font-weight:500;text-align:center;background:url('../img/ic_no_data.png') no-repeat center top;background-size:75px;} .search_nodata p b{font-size:17px} .search_nodata ul{display:inline-block;padding:30px;text-align:left;background:#fff;border:1px solid #e7e7e7;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1)} .search_nodata ul li{position:relative;padding:10px;font-size:12px;color:#666;border-bottom:1px solid #e5e5e5} .search_nodata ul li:last-child{border-bottom:0} .search_nodata ul li::before{position:absolute;top:20px;left:0;width:3px;height:3px;content:'';background:#aaa;border-radius:50%} .search_nodata ul li .txt1{padding:0 5px;color:#fff;border-radius:3px} .search_nodata ul li .txt2{display:inline-block;padding-left:18px;background:url('../img/ic_tell.png') no-repeat left center;background-size:15px;} .search_nodata ul li .stxt1{display:inline-block;padding-left:20px;background:url('../img/ic_star_off.png') no-repeat left center;background-size:18px;} .search_nodata ul li .stxt2{display:inline-block;padding-left:20px;background:url('../img/ic_star_on.png') no-repeat left center;background-size:18px;} /* 모바일검색필터 */ .detailSearchPop{display:block;background:#f5f5f5;} .detailSearchPop .popsearch{position:relative;padding:55px 0 61px;width:100%;height:100%;} .detailSearchPop h2{position:fixed;top:0;left:0;width:100%;font-size:14px;color:#fff;line-height:55px;text-align:center;box-shadow:0 2px 2px rgba(0,0,0,0.1);z-index:10} .detailSearchPop .listTopGuide{margin-top:65px;padding:0 10px;z-index:5} .detailSearchPop .btn-pop-close{position:fixed;top:8px;right:10px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../img/ic_close_big.png') no-repeat center center;background-size:16px;z-index:15} .detailSearchPop .telSearch{position:fixed;left:0;top:55px;margin-bottom:0;padding:15px 10px 5px;width:100%;height:73px;background:#f5f5f5;z-index:20} /* 2022-01-28 */ .detailSearchPop .telSearch + .searchList{margin-top: 75px;} .detailSearchPop .searchList{background:#fff} .detailSearchPop .searchList .head{padding:10px 15px;border-bottom:1px solid #f4f4f4} .detailSearchPop .searchList .head .sort{display:inline-block;margin-left:10px;padding-right:20px;background-image:url('../img/ic_sort.png');background-repeat:no-repeat;background-position:right center;background-size:7px} .detailSearchPop .searchList .head .sort.sortUp{background-image:url('../img/ic_sort_up.png')} .detailSearchPop .searchList .head .sort.sortDown{background-image:url('../img/ic_sort_down.png')} .detailSearchPop .searchList{height:calc(100% - 76px);overflow-y:scroll;} .detailSearchPop .searchList .list_con ul li label span{margin-right:10px} .detailSearchPop .searchList .list_con > ul > li{padding:10px 15px;border-bottom:1px solid #f4f4f4} .detailSearchPop .searchList .list_con > ul > li ul{margin:10px -15px -10px;padding:10px 15px 10px 40px;background:#f8f8f8;border-top:1px solid #f4f4f4} .detailSearchPop .searchList .list_con > ul > li ul li{padding:5px 0} .detailSearchPop .btnList{position: fixed;left: 0;bottom: 0;margin: 0;padding: 10px;width: 100%;background: #f8f8f8;border-top: 1px solid #c0c0c0;z-index: 10;} /* 2019-05-10 추가 */ .memSearchPop{display:block;} .memSearchPop .popsearch{position:relative;padding:55px 0 61px;width:100%;height:100%;} .memSearchPop h2{position:fixed;top:0;left:0;width:100%;font-size:14px;color:#fff;line-height:55px;text-align:center;box-shadow:0 2px 2px rgba(0,0,0,0.1);z-index:10} .memSearchPop .btn-pop-close{position:fixed;top:8px;right:10px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../img/ic_close_big.png') no-repeat center center;background-size:16px;z-index:15} .memSearchPop .passw_search{margin-top:10px;padding:20px;background:#fff;} .memSearchPop .passw_search dt{margin-bottom:5px;font-size:13px} .memSearchPop .passw_search dd .wrt_box{position:relative;margin-bottom:10px;padding:2px;height:46px;background:#fff;border:1px solid #c0c0c0;border-radius:5px} .memSearchPop .passw_search dd .wrt_box input{padding:0 15px;width:100%;height:100%;font-size:13px;border:0} .memSearchPop .passw_search dd .con{position:relative;padding-right:120px;} .memSearchPop .passw_search dd .con .btnBc{position: absolute;top: 0;right: 0;box-shadow: inherit;} .memSearchPop .passw_search dd .wrt_box .btn-view{position: absolute;top: 0;right: 0;width: 55px;height: 100%;font-size:12px; font-weight: 500;} .memSearchPop .btnList{position: fixed;left: 0;bottom: 0;margin: 0;padding: 10px;width: 100%;background: #f8f8f8;border-top: 1px solid #c0c0c0;z-index: 10;} .popCon .bringTelCon .telSearch{padding:20px 35px 0} .popCon .bringTelCon .listTopGuide{padding:0 35px} .popCon .bringTelCon .telList{padding:0 30px 100px} .popCon .bringTelCon .telList .list_con{/*height:300px;*/height:450px;} .popFix .popCon .bringTelCon .btnList{padding:20px 30px} .preview_kakao .scrollCon p.no_line{padding:0;border-bottom:0} /* 2019-05-20 추가 */ .mem_passw_search{padding:20px 20px 100px;background:#fff;} .mem_passw_search dt{margin-bottom:5px;font-size:13px} .mem_passw_search dd{margin-bottom:20px} .mem_passw_search dd .wrt_box{position:relative;margin-bottom:10px;padding:2px;height:46px;background:#fff;border:1px solid #c0c0c0;border-radius:5px} .mem_passw_search dd .wrt_box input{padding:0 15px;width:100%;height:100%;font-size:13px;border:0} .mem_passw_search dd .con{position:relative;padding-right:120px;} .mem_passw_search dd .con .btnBc{position: absolute;top: 0;right: 0;box-shadow: inherit;} .mem_passw_search dd .wrt_box .btn-view{position: absolute;top: 0;right: 0;width: 55px;height: 100%;font-size: 12px;font-weight: 500;} /* 2019-12-31 추가 */ .brandTop::after{display:block;clear:both;content:''} .brandTop .brandimg{float:left;width:75%;height:290px;overflow:hidden;border-radius:5px;box-shadow:0 10px 10px rgba(0,0,0,0.15)} .brandTop .brandimg img{height:100%} .brandimg_mb{display:none} .brandTop .mLink{height:290px} .brandTop .mLink ul li{background-position:center 10px;background-size:240px} .brandTop .mLink ul li a{padding-top:190px} /* 2020-01-03 추가 */ .imgMb{display:none} .inforCon h2{position:relative;font-size:40px;color:#2b4fa3;line-height:1} .inforCon h2 > span{position:relative;display:inline-block;padding:0 8px 4px;} .inforCon h2 > span::after{position:absolute;left:0;bottom:0;width:100%;height:16px;content:'';background:#cae9fd;border-radius:8px} .inforCon h2 > span span{position:relative;display:inline-block;z-index:2} .inforCon1{position:relative;overflow:hidden} .inforCon1 .txt{position:absolute;top:147px;left:0;width:100%;color:#fff;text-align:center} .inforCon1 .txt .txt1{margin-bottom:20px;font-size:40px;font-weight:700;line-height:1;} .inforCon1 .txt .txt1 span{display:inline-block;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.27)} .inforCon1 .txt .txt2{font-family: 'Roboto';font-size:38px;font-weight:700} .inforCon1 .txt .txt2 > span{display:inline-block;line-height:1} .inforCon1 .txt .txt2 > span span{display:block;margin-top:7px;font-family:'Noto Sans KR';font-size:16px;font-weight:400} .inforCon1 .bg{width:100%;overflow:hidden;background:#8ea7e7} .inforCon1 .bg img{width:100%;transform:scale(1.1);-webkit-transform:scale(1.1);transition:all 3s ease;-webkit-transition:all 3s ease} .inforCon1.firstAct .bg img{transform:scale(1);-webkit-transform:scale(1)} .ani_x{opacity:0;transform:translateX(50px);transition-property: all;transition-duration: 1s;-webkit-transform:translateX(50px);-webkit-transition-property: all;-webkit-transition-duration: 1s;} .ani_x.m{transform:translateX(-50px);-webkit-transform:translateX(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease} .ani_y{opacity:0;transform:translateY(50px);transition-property: all;transition-duration: 1s;-webkit-transform:translateY(50px);-webkit-transition-property: all;-webkit-transition-duration: 1s;} .ani_y.m{transform:translateY(-50px);-webkit-transform:translateY(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease} .delay1{transition-delay:0.5s;-webkit-transition-delay:0.5s;} .delay2{transition-delay:1.0s;-webkit-transition-delay:1.0s;} .delay3{transition-delay:1.4s;-webkit-transition-delay:1.4s;} .delay4{transition-delay:1.8s;-webkit-transition-delay:1.8s;} .delay5{transition-delay:2.2s;-webkit-transition-delay:2.2s;} .firstAct .ani_y, .firstAct .ani_x{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);} .inforCon2{padding:110px 0;background:#f8f8f8} .inforCon2 .box{position:relative;margin:0 auto;max-width:1150px} .inforCon2 .box::after{display:block;clear:both;content:''} .inforCon2 .box h2{position:absolute;top:0;left:0} .inforCon2 .box .conTop{margin-bottom:80px} .inforCon2 .box .conTop::after{display:block;clear:both;content:''} .inforCon2 .box .img{float:right;width:50%} .inforCon2 .box .txtBox{float:left;margin-top:170px;padding:55px;width:46%;font-size:26px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 5px 10px rgba(0,0,0,0.1)} .inforCon2 .box .txtBox span{display:inline-block;padding-left:95px;text-align:left;background:url('../img/infor_img2.png') no-repeat left center;background-size:55px;} .inforCon2 .box .txtBox b{color:#6e92e4;font-weight:700} .inforCon2 .box dl{float:left;width:33.33%} .inforCon2 .box dl dt{padding-left:55px;min-height:85px;font-size:22px;background-repeat:no-repeat;background-position:left 7px;background-size:auto 26px} .inforCon2 .box dl.con1 dt{background-image:url('../img/infor_num1_1.png')} .inforCon2 .box dl.con2 dt{background-image:url('../img/infor_num1_2.png')} .inforCon2 .box dl.con3 dt{background-image:url('../img/infor_num1_3.png')} .inforCon2 .box dl.con1{padding-right:45px} .inforCon2 .box dl.con1 dd p{margin-right:-45px} .inforCon2 .box dl.con3{padding-left:45px} .inforCon2 .box dl dd ul{min-height:290px} .inforCon2 .box dl dd ul li{position:relative;margin-bottom:25px;padding-left:9px;font-size:14px;color:#888;line-height:1.2} .inforCon2 .box dl dd ul li::before{position:absolute;top:10px;left:0;width:3px;height:3px;content:'';background:#999;border-radius:50%} .inforCon2 .box dl dd ul li b{color:#444;font-weight:500} .inforCon2 .box dl dd ul li b span{color:#f2395c} .inforCon2 .box dl dd p{position:relative;display:inline-block;padding:0 6px 2px;font-size:19px;color:#334c87;letter-spacing:-1px;line-height:1.2} .inforCon2 .box dl dd p::after{position:absolute;left:0;top:10px;width:100%;height:12px;content:'';background:#cae9fd;border-radius:6px} .inforCon2 .box dl dd p span{position:relative;display:inline-block;z-index:2} .inforCon2 .box dl dd p span b{color:#638be6} .inforCon3{padding:130px 0;background:#708de1 url('../img/infor_bg.jpg') no-repeat center center;background-size:cover} .inforCon3 .box{position:relative;margin:0 auto;max-width:1150px} .inforCon3 .box h2{margin-bottom:40px;color:#fff} .inforCon3 .box h2 > span::after{background:#3d77f5} .inforCon3 .box dl{background-repeat:no-repeat} .inforCon3 .box dl::after{display:block;clear:both;content:''} .inforCon3 .box dl dt{float:left;padding-top:75px;width:18%;font-size:28px;color:#fff;font-weight:700;line-height:1.2;background-repeat:no-repeat;background-position:left top} .inforCon3 .box dl dd{float:left;color:#fff} .inforCon3 .box dl dd ul{margin-bottom:20px} .inforCon3 .box dl dd ul li{position:relative;margin-bottom:5px;padding-left:9px;font-size:14px;line-height:1.3} .inforCon3 .box dl dd ul li::before{position:absolute;top:10px;left:0;width:3px;height:3px;content:'';background:#b2bfe8;border-radius:50%} .inforCon3 .box dl dd p{position:relative;display:inline-block;margin-bottom:10px;padding:0 6px 2px;font-size:20px;letter-spacing:-1px;line-height:1.2} .inforCon3 .box dl dd p::after{position:absolute;left:0;top:14px;width:100%;height:12px;content:'';background:#3d77f5;border-radius:6px} .inforCon3 .box dl dd p span{position:relative;display:inline-block;z-index:2} .inforCon3 .box dl dd p span b{color:#fcfeca;font-weight:500} .inforCon3 .box dl.con1 dt{background-image:url('../img/infor_num2_1.png')} .inforCon3 .box dl.con2 dt{background-image:url('../img/infor_num2_2.png')} .inforCon3 .box dl.con3 dt{background-image:url('../img/infor_num2_3.png')} .inforCon3 .box dl.con1{margin-bottom:50px;padding:145px 0 50px;background-image:url('../img/infor_img3.png');background-position:right center} .inforCon3 .box dl.con1 dd{padding-right:20%;width:82%} .inforCon3 .box dl.con1 dd ul li{display:inline-block;width:48%} .inforCon3 .box dl.con2{margin-bottom:50px;padding:40px 0 0 50%;background-image:url('../img/infor_img4.png');background-position:240px center} .inforCon3 .box dl.con2 dt{width:40%} .inforCon3 .box dl.con3{padding:40px 0 50px;background-image:url('../img/infor_img5.png');background-position:right 20% center} .inforCon4{padding:70px 0;background:#fff} .inforCon4 .box{position:relative;margin:0 auto;max-width:1150px} .inforCon4 .box h2{position:absolute;top:80px;left:0} .inforCon5{padding:110px 0;background:#f4f7f9} .inforCon5 .box{position:relative;margin:0 auto;max-width:1150px} .inforCon5 .box h2{margin-bottom:80px} .inforCon5 .box dl{position:relative;padding-left:280px} .inforCon5 .box dl dt{position:absolute;top:0;left:0;padding-left:55px;min-height:85px;font-size:28px;font-weight:700;background:url('../img/infor_num1_1.png') no-repeat left 8px;background-size:auto 26px;} .inforCon5 .box dl dd ul{margin-bottom:25px} .inforCon5 .box dl dd ul li{position:relative;margin-bottom:5px;padding-left:105px;font-size:15px;line-height:1.3} .inforCon5 .box dl dd ul li::before{position:absolute;top:10px;left:0;width:3px;height:3px;content:'';background:#b2bfe8;border-radius:50%} .inforCon5 .box dl dd ul li .name{position:absolute;top:0;left:10px;width:76px;color:#888} .inforCon5 .box dl dd ul li .name::after{position:absolute;top:50%;right:0;margin-top:-3px;width:0;height:7px;content:'';border-left:1px solid #cacbcd} .inforCon5 .box dl dd ul li a{display:block;color:#638be6} .inforCon5 .box dl dd table{width:390px;font-size:14px;} .inforCon5 .box dl dd table thead th{padding:10px 15px;border-top:2px solid #2c2c2c;border-bottom:1px solid #dde0e1} .inforCon5 .box dl dd table tbody td{padding:10px 15px;color:#666;border-bottom:1px solid #dde0e1} /* 2020-01-08 추가 및 수정 */ .bookmark::after{opacity:1;background-size:23px} .bookmark.on{background:url('../img/ic_star_on.png') no-repeat center center;background-size:23px;} .bookmark.on::after{opacity:0;} .btnSharing{border:0;border-radius:0} .btnSharing::after{opacity:1;background-size:23px} .btnSharing.on{background:#151864 url('../img/brand_close.png') no-repeat center center;background-size:8px;border:0} .btnSharing.on::after{opacity:0;} .shareBox{display:none;position:absolute;top:30px;right:0px;font-size:11px;padding:5px;width:260px !important;text-align:center;background:#fff;border-radius: 5px;border:1px solid #dae1ed !important;box-shadow:5px 5px 10px rgba(0,0,0,0.1) !important;z-index:1000;} .shareBox dl{padding:0px !important;float:center !important;} .shareBox dl::after{display:block;clear:both;content:''} .shareBox dl dd{display: inline-block;float:center;text-align:center;line-height:1;/*width:60px !important;margin:2px !important;padding:4px;background: #fff;border-radius: 3px;box-shadow: 2px 2px 1px rgb(0 0 0 / 11%)*/} .shareBox dl dd a{display:block;padding:4px;} .shareBox dl dd a img{width:50px;height:50px;border-radius:10px;} .shareBox ul{padding:0px !important;float:center !important;} .shareBox ul::after{display:block;clear:both;content:''} .shareBox ul li{display: inline-block;float:center;text-align:center;line-height:1;/*width:60px !important;margin:2px !important;padding:4px;background: #fff;border-radius: 3px;box-shadow: 2px 2px 1px rgb(0 0 0 / 11%)*/} .shareBox ul li a{display:block;padding:4px;} .shareBox ul li a img{width:50px;height:50px;border-radius:10px;} /* 2021-07-23 추가 */ .brandTop{margin-bottom: 20px} .brandTop .brandimg_txt{position:relative;float:left;width:75%;height:290px;overflow:hidden;text-align:center;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,0.3);} .brandTop .brandimg_txt .txt{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .brandTop .brandimg_txt .txt p{margin:0 auto;max-width:420px;color:#333} .brandTop .brandimg_txt .txt .txt1{margin-bottom:15px;font-size:36px;font-weight:800;line-height:41px} .brandTop .brandimg_txt .txt .txt2{margin-bottom:15px;font-size:24px} .brandTop .brandimg_txt .txt .txt3{font-size:16px;color:#888;line-height:24px} .brandTop .brandimg_txt .bg{height:100%} .brandTop .brandimg_txt .bg .mb{display:none} .brandTop .brandimg_txt .bg img{width:100%;height:100%} .brandTop .brandimg_txt .btn{position: absolute;right: 10px;bottom: 10px;z-index:2} .brandTop .brandimg_txt .btn a{display: block;padding: 0 20px 0 46px;font-size: 15px;color: #fff;line-height: 46px;background:#303e97 url('../img/ic_write.png') no-repeat 20px center;border-radius: 4px;box-shadow: 3px 3px 5px rgba(0,0,0,0.2);} /* 2021-07-23 추가 */ .storeImg{position:relative;float:left;max-height:290px;max-width:864px;overflow:hidden;text-align:center;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,0.3);} .storeImg .etc{float:right; padding: 10px;} .storeImg .txt{position:absolute;top:60%; left:0;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .storeImg .txt p{margin:0 auto;max-width:420px;color:#333} .storeImg .txt .txt1{margin-bottom:15px;font-size:24px;font-weight:800;line-height:41px} .storeImg .txt .txt2{margin-bottom:15px;font-size:16px} .storeImg .txt .txt3{font-size:11px;color:#888;line-height:24px} .storeImg .bg{height:100%} .storeImg .bg .mb{display:none} .storeImg .bg img{width:100%;height:100%} .storeImg .btn{position: absolute;right: 10px;bottom: 10px;z-index:2} .storeImg .btn a{display: block;padding: 0 20px 0 46px;font-size: 15px;color: #fff;line-height: 46px;background:#303e97 url('../img/ic_write.png') no-repeat 20px center;border-radius: 4px;box-shadow: 3px 3px 5px rgba(0,0,0,0.2);} /* 2022-01-27 */ .eventList{display: flex;padding:0 20px 0;justify-content: center;} .eventList ul{display: flex;flex-direction: column;justify-content: center;} .eventList ul li{margin-bottom: 40px;text-align: center;overflow:hidden;border-radius: 5px;box-shadow: 3px 3px 4px rgba(0,0,0,0.1);} .eventList ul li a{display: inline-block;} .eventList ul li .mb{display: none;} .topBanner{display: flex;margin-bottom:30px;justify-content: space-between;} .topBanner .banner_img{position: relative;;overflow:hidden;border-radius: 5px;box-shadow: 4px 4px 5px rgba(0,0,0,0.1);} .topBanner .banner_img .mb{display: none;} .topBanner .banner_img img{height: 100%;} .topBanner .banner_img .btn{position: absolute;right: 10px;bottom: 10px;z-index:2} .topBanner .banner_img .btn a{display: block;padding: 0 20px 0 46px;font-size: 15px;color: #fff;line-height: 46px;background:#303e97 url('../img/ic_write.png') no-repeat 20px center;border-radius: 4px;box-shadow: 3px 3px 5px rgba(0,0,0,0.2);} .topBanner .banner_link{margin-left:5px;width:283px;flex-shrink: 0;overflow:hidden;background: #fff url(../img/m_link1_1.png) no-repeat center 20px;border-radius: 5px;box-shadow: 4px 4px 5px rgba(0,0,0,0.1);} .topBanner .banner_link a{display: block;padding-top: 210px;height: 100%;text-align: center;} .topBanner .banner_link .tit{display: block;font-size: 20px;color: #4c5372;font-weight: bold;} .topBanner .banner_link .txt{display: block;font-size: 14px;color: #232d5f;opacity: 0.4;} .detailSearchPop.layPop{display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index:600} .btn_list_more{/*margin-top: 30px;*/margin-top: 5px;width: 100%;height: 46px;font-size: 14px;color: #5292e7;background: #fff;border-radius: 5px;box-shadow: 2px 2px 3px rgba(0,0,0,0.1);} .btn_list_more span{position: relative;display: inline-block;padding-right: 20px;} .btn_list_more span::after{position: absolute;top: 50%;right: 0;width: 6px;height: 6px;content: '';border:1px solid #5292e7;border-width: 0 0 2px 2px;transform:translateY(-70%) rotate(-45deg);} .tellWrap{position: relative;padding-right: 140px;z-index: 2;} .telSearch2{position:relative;margin-bottom:10px;margin-top:0px;} .telSearch2 .telSearchBox{position:relative;display: flex;align-content: center;padding:0 50px 0 0;background:#fff;border-width:2px;border-style: solid;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,0.1);} .telSearch2 .telSearchBox .select1{text-indent: 18px;width: 140px;flex-shrink: 0;border:0} .telSearch2 .telSearchBox input[type="text"]{padding:0 10px;width:100%;} .telSearch2 .telSearchBox .btn{position:absolute;top:0;right:0;width:50px;height:100%;text-indent:-999px;overflow:hidden;background:url('../img/ic_search_m.png') no-repeat center center;background-size:20px} .memModfy dl dd .wrt_box2{position:relative;margin-bottom:10px;padding:2px 60px 2px 2px;height:44px;border:1px solid #c0c0c0;border-radius:5px} .memModfy dl dd .wrt_box2 input{padding:0 10px;width:100%;height:100%;font-size:13px} .memModfy dl dd .wrt_box2 .btn-up{position:absolute;top:0;right:10px;width:55px;height:100%;font-size:12px;font-weight:500;} .memModfy dl dd .wrt_box2.bd_w{border-width:2px} .memModfy dl dd .wrt_box3{position:relative;margin-bottom:10px;padding:0 90px 0 0;height:44px;} .memModfy dl dd .wrt_box3 input{padding:0 10px;width:100%;height:100%;font-size:13px;border:1px solid #c0c0c0;border-radius:5px} .memModfy dl dd .wrt_box3 .btn-up{position:absolute;top:0;right:0;width:84px;height:100%;font-size:12px;color: #fff;font-weight:500;background:#5292e7;border:0;border-radius: 5px;} .memModfy dl dd .wrt_box3.bd_w{border-width:2px} .memModfy.bg{padding: 15px 30px 0;background:#f8f8f8} .memModfy.bg dl dd{margin-bottom: 0;} .memModfy.bg dl dd .wrt_box3{margin-bottom: 0;} .popCon .bringTelCon .listTopGuide.bg{background:#f8f8f8} .popCon .bringTelCon .file_drag{padding: 0 20px 100px;} .popCon .bringTelCon .file_drag .txt{display: flex;align-items: center;justify-content: center;height: 340px;color: #a5a5a5;} .popCon .bringTelCon .file_drag .txt span{display: inline-block;padding-top: 40px;background: url('../img/ic_drag.png') no-repeat center top;} .telList.fix .head.scfix{top: 85px;} .telList .head li.last{width: auto;text-align: right;} .telList .head li .btn_t_delet{width: 75px;height: 26px;color: #fff;font-weight: 300;background:#5292e7;border-radius: 5px;} .telList .list_con li .btn_delet{position: absolute;top: 50%;/*right: 10px;*/right: 20px;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .telList .list_con li .btn_delet button{width: 75px;height: 26px;color: #fff;font-weight: 300;background:#b0b2bb;border-radius: 5px;;} .bringTelCon .telList.fix .head.nofix{position: relative;top: 0;} .memModfy dl dd .group_name{margin-bottom: 5px;padding: 0 15px;line-height: 44px;/*background: #f3f3f3;*/background: #fff;border-radius: 5px;border: 1px solid #c0c0c0;} /* 상품상세 표지이미지 확대 */ .popFix2 .popCon2{position:relative;display:flex;align-items: center;justify-content: center;height: 100%;} .popFix2 .popCon2 .box{position: relative;} .popFix2 .popCon2 .box .bookImg{width:100%;height:auto;background:#fff;border:1px solid #eaeaea;padding:10px 12px 12px 10px;border-radius:10px;box-shadow: 5px 5px 5px rgb(0 0 0 / 25%);} .popFix2 .popCon2 .box .bookImg img{width:100%;height:100%;border:1px solid #eaeaea;} .popFix2 .popCon2 .box .btnClose{position:absolute;top:0;right:-65px;width:60px;height:60px;text-indent:-999px;overflow:hidden;border-radius:10px;background:#303e97 url('../img/ic_close_big.png') no-repeat center center;background-size:20px} /* 상품상세 표지이미지 확대 */ .popFix4{position:fixed;top:0;left:0;padding: 0 20px;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.9);z-index:500} .popFix4 .popCon{position: relative;margin: 0 auto;padding: 20px;top: 50%;background: #fff;transform: translateY(-50%);-webkit-transform: translateY(-50%);border-radius: 10px;} .popFix4 .popCon .btnClose{position:absolute;top:30px;right:30px;width:30px;height:30px;text-indent:-999px;overflow:hidden;background:url('../img/ico_pop_close.png') no-repeat center center / 18px;} .popFix4 .popCon .con .txt1{display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 60px;font-size: 18px;text-align: center} .popFix4 .popCon .con .txt2{padding:20px;font-size: 14px;color:#555;text-align: center;background: #f8f8f9;border-radius: 5px;} .popFix4 .popCon .btnList2 .btnBc a, .popFix4 .popCon .btnList2 .btnBc button, .popFix4 .popCon .btnList2 .btnBc input{font-size: 15px;} .btnList2{display: flex;justify-content: space-between;margin-top: 30px;} .btnList2 .btnBc{flex: 1;margin: 0 2px;} .btnBc.blue a, .btnBc.blue button, .btnBc.blue input{background-color:#00bcba;border-color: #00bcba;} .btnBc.outline a, .btnBc.outline button, .btnBc.outline input{color: #00bcba;border-color: #00bcba;} .col_blue2{color: #5292e7;} .listTopCon2{position: relative;;} .listTopCon2 .pag{padding-left:25px;font-size:14px;color:#909090;line-height:40px;background: url('../img/ic_list.png') no-repeat left center;background-size:17px} .listTopCon2 .listTopBox{display: flex;justify-content: space-between;margin-bottom: 10px;} .listTopSearch2{display: flex;margin-right: 10px;width: 100%;} .listTopSearch2 .listArea{display: flex;} .listTopSearch2 select{flex-shrink: 0;margin-right: 10px;padding: 0 20px;width: 160px;height: 50px;border:1px solid #303e97;border-radius: 5px;box-shadow: 1px 1px 3px rgba(0,0,0,0.1);background:#fff url(../img/ic_select_arrow.png) no-repeat right 10px center;} .listTopSearch2 .box{position: relative;display: flex;width: 100%;height: 50px;border:1px solid #303e97;border-radius: 5px;box-shadow: 1px 1px 3px rgba(0,0,0,0.1);} .listTopSearch2 .box .seartxt{padding: 0 0 0 20px;;width: 100%;height: 100%;background:#fff;border-radius: 5px;} .listTopSearch2 .box .btn{flex-shrink:0;width: 50px;height: 100%;text-indent: -999px;overflow:hidden;background:#fff url('../img/ic_search2.png') no-repeat center center / 24px;border:0;border-radius: 5px;} .listTopCon2 .listTopBox .control{display: flex;justify-content: space-between;align-items: center;flex-shrink: 0;padding: 0 5px;width:195px;background:#fff;border-radius: 5px;box-shadow: 1px 1px 3px rgba(0,0,0,0.1);} .listTopCon2 .listTopBox .control .order_list{display: flex;flex-wrap: wrap;align-items: center;padding: 0 15px;width: 100%;} .listTopCon2 .listTopBox .control .order_list .check_box3 + label{flex-grow: 1;} .listTopCon2 .listTopBox .control button{position:relative;width: 40px;height: 40px;flex-shrink: 0;text-indent: -999px;overflow:hidden;background-color: #eeeff7;background-repeat: no-repeat;background-position: center center;border-radius: 5px;} .check_box3:last-of-type + label{margin-right: 0;} .mypg_order{margin-bottom: 40px;background: #fff;border-radius: 3px;box-shadow: 2px 2px 3px rgba(0,0,0,0.1);} .mypg_order ul{display: flex;} .mypg_order ul li{flex: 1;padding:35px 0;font-size: 13px;color: #888;text-align: center;border-left: 1px solid #c0c0c0;} .mypg_order ul li:first-child{border-left: 0px;} .mypg_order ul li .num{display: block;margin-bottom: 10px;font-size: 25px;color: #5292e7;line-height: 30px;font-weight: 700;} .mypg_order ul li .num span{font-size: 20px;font-weight: 400;} .mypg_order ul li .btn{display: inline-block;} .mypg_order ul li .btn a{position: relative;display: block;padding-right: 15px;color: #888;} .mypg_order ul li .btn a::after{position: absolute;top: 50%;right: 0;width: 8px;height: 8px;content: '';border:1px solid #5292e7;border-width: 2px 2px 0 0;transform:rotate(45deg) translateY(-50%);} .mypg_order ul li .ic_set{display: block;margin: 0 auto 10px;width: 30px;height: 30px;background:url('../img/ic_seting2.png') no-repeat center center} .mem_wrap .btnBc .fon15{font-size: 15px;} .mem_infor ul li.con2 .wrt_box .btn-grad{position: absolute;top: 50%;right: 20px;padding-right: 25px;font-size: 14px;color: #5292e7;transform: translateY(-50%);} .mem_infor ul li.con2 .wrt_box .btn-grad::after{position: absolute;top: 50%;right: 0;width: 20px;height: 20px;color: #fff;content: '?';background: #5292e7;border-radius: 50%;transform: translateY(-50%);} .btn_mem_modify{margin-bottom: 40px;} .btn_mem_modify .btnBc{margin: 0;} .btn_mem_modify .btnBc a{font-size: 15px;} .telList.managList{padding: 0;background: none;border-radius: 0;box-shadow: none} .telList.managList .head{margin-bottom: 10px;/*padding: 20px 40px;*/padding: 20px 30px 20px 30px;background:#fff;border-radius: 5px;box-shadow: 1px 1px 2px rgba(0,0,0,0.1);} .telList.managList .head ul{display:flex;align-items: center;padding: 0;border-bottom: 0;} .telList.managList .head li{display: block;} .telList.managList .head li:first-child{flex-shrink: 0;} .telList.managList .head li:nth-child(2){width: 100%;} .telList.managList .head li.w1{width: 100px;flex-shrink:0;text-align: center;} .telList.managList .head li.w2{width: 70px;flex-shrink:0;text-align: center;} .telList.managList .head li.w3{width: 160px;flex-shrink:0;text-align: center;} .telList.managList .head li.w4{width: 160px;flex-shrink:0;text-align: center;} .telList.managList .head li.w5{width: auto;flex-shrink:0;text-align: center;} .telList.managList .head li.w6{width: 70px;flex-shrink:0;text-align: right;} .telList.managList .head li.w7{width: 120px;flex-shrink:0;text-align: center;} .telList.managList .list_con2{/*padding:20px 40px 40px;*/padding:0px;background: #fff;border-radius: 5px;box-shadow: 1px 1px 2px rgba(0,0,0,0.1);margin-bottom: 10px;} .telList.managList .list_con2 > ul > li{position:relative;display: flex;flex-wrap: wrap;/*justify-content: space-between;align-items: center;*/padding:20px 30px;font-size: 16px;color:#999;border-top: 1px solid #c0c0c0;/*border-top: 1px solid #444;*/} .telList.managList .list_con2 > ul > li:nth-child(1){border-top: 0px} .telList.managList .list_con2 > ul > li .check_box{/*margin-right: 25px;*/margin-right: 5px;flex-shrink: 0;} .telList.managList .list_con2 > ul > li > .tit{/*margin-right: auto;*/font-size: 16px;/*font-weight: 500;*/width:calc(100% - 500px);text-align:left;line-height: 26px;} .telList.managList .list_con2 > ul > li > .tit span{position: relative;display: inline-block;/* 2022-10-18 padding-right: 30px;*/padding-right: 25px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .telList.managList .list_con2 > ul > li > .tit span::after{position: absolute;top: 40%;right: 0;width: 0;height: 0;content: '';border-left: 5px solid transparent;border-right: 5px solid transparent;border-top:5px solid #444;} .telList.managList .list_con2 > ul > li > .tit.on span::after{transform: rotate(180deg);} .telList.managList .list_con2 > ul > li > .tot{margin-right: auto;font-size: 16px;font-weight: 500;width:calc(100% - 472px);text-align:left;} .telList.managList .list_con2 > ul > li > .tot span{position: relative;display: inline-block;padding-right: 30px;} .telList.managList .list_con2 > ul > li > .tot span::after{position: absolute;top: 40%;right: 0;width: 0;height: 0;content: '';border-left: 5px solid transparent;border-right: 5px solid transparent;border-top:5px solid #444;} .telList.managList .list_con2 > ul > li > .tot.on span::after{transform: rotate(180deg);} .telList.managList .list_con2 > ul > li > .bookHeight{line-height: 98px;} .telList.managList .list_con2 > ul > li .num{flex-shrink: 0;padding-right: 25px;font-size: 16px;color: #999;} .telList.managList .list_con2 > ul > li .manag_infor{display: none;top:5px;margin:10px 0px 10px 40px;/*2022-11-10 margin:10px 0px 10px 40px;padding: 0 10px 0 20px; margin:20px 0 -20px;padding: 10px 10px 10px 60px;*/width: 100%;background: #f8f8f8;border:1px solid #c0c0c0;border-radius: 5px;/*box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);*/} .telList.managList .list_con2 > ul > li .manag_infor ul li{display: flex;justify-content: space-between;align-items: center;/*margin: 20px 0;*/margin: 10px 0;font-size: 16px;color: #333;} .telList.managList .list_con2 > ul > li .manag_infor ul li .name{width: 85px;flex-shrink: 0;} .telList.managList .list_con2 > ul > li .manag_infor ul li .tel{margin-right: auto;padding-left: 10px;} .telList.managList .list_con2 > ul > li .manag_infor ul li .book{margin-left: 10px;width: 43px;height:auto;} .telList.managList .list_con2 > ul > li .book{position:relative;margin-right: 10px;flex-shrink: 0;} /*.telList.managList .list_con2 > ul > li .book img{position: relative;width: 62px;border:1px solid #c0c0c0;}*/ .telList.managList .list_con2 > ul > li .book img{position: relative;width:62px;/*height:84px;*/padding: 5px;overflow: hidden;background: #fff;border-radius: 5px;border: 1px solid #eaeaea;z-index: 2;} /* 2022.11.21 판매관리 및 청구서 관리 주문자 리스트 */ .telList.managList .list_con2 > ul > li .ord_table{display: none;top:5px;margin:10px 0px 10px 40px;width: 100%;background: #f8f8f8;border:1px solid #c0c0c0;border-radius: 5px;} .telList.managList .list_con2 > ul > li .ord_table ul{width:100%;float:left;display: flex;align-items: center;border-top: 1px solid #efefef;} .telList.managList .list_con2 > ul > li .ord_table ul.ord_title{border-top: 0px;background:#fff;border-radius:5px 5px 0 0;} .telList.managList .list_con2 > ul > li .ord_table ul li{padding: 10px;} .telList.managList .list_con2 > ul > li .ord_table ul li.check{width:50px;padding:10px;text-align:center;} .telList.managList .list_con2 > ul > li .ord_table ul li.name{min-width:80px;padding:10px;text-align:center;} .telList.managList .list_con2 > ul > li .ord_table ul li.tel{min-width:120px;padding:10px;text-align:center;} .telList.managList .list_con2 > ul > li .ord_table ul li.price{min-width:80px;padding:10px;text-align:right;} .telList.managList .list_con2 > ul > li .ord_table ul li.bill{min-width:150px;padding:10px;text-align:center;} .telList.managList .list_con2 > ul > li .ord_table .memo{width:calc(100% - 470px);padding:10px;} /* 2022.11.21 판매관리 및 청구서 관리 주문자 리스트 */ /* 세트교재 이미지 슬라이더 2022-10-20 append */ .telList.managList .list_con2 > ul > li .book .setSlider{width:76px;height:98px;} .telList.managList .list_con2 > ul > li .book .setSlider img{width:62px;height:84px;padding: 5px;overflow: hidden;background: #fff;border-radius: 5px;border: 1px solid #eaeaea;} .telList.managList .list_con2 > ul > li .book .ctrSlider{top:40%;position:absolute;width:100%;text-align:center;z-index:20;} .telList.managList .list_con2 > ul > li .book .ctrSlider .prev{float:left;left: 5px;} .telList.managList .list_con2 > ul > li .book .ctrSlider .next{float:right;right: 5px;} .telList.managList .list_con2 > ul > li .book .ctrSlider img{padding:0 !important; width:20px !important;height:20px !important;border-radius: 0px !important;border: 0px !important;} /* 세트교재 이미지 슬라이더 2022-10-20 append */ .telList.managList .list_con2 > ul > li .book .img{position: absolute;top: 3px;left: 5px;width: 62px;z-index:1;} .telList.managList .list_con2 > ul > li .w1{width:100px;text-align: center;flex-shrink: 0;} .telList.managList .list_con2 > ul > li .w2{width:70px;text-align: center;flex-shrink: 0;} .telList.managList .list_con2 > ul > li .w3{width:160px;flex-shrink:0;text-align: center} .telList.managList .list_con2 > ul > li .w4{width:100px;flex-shrink: 0;margin-right: 160px;text-align: center;} .telList.managList .list_con2 > ul > li .w5{width:60px;flex-shrink: 0;;margin-left: 40px;text-align: center;} .telList.managList .list_con2 > ul > li .w6{width:70px;text-align: right;flex-shrink: 0;} .telList.managList .list_con2 > ul > li .w7{width:120px;text-align: center;flex-shrink: 0;/*margin-right:10px;*/} .telList.managList .list_con2 > ul > li .chek{width:60px;flex-shrink:0;text-align: center;} .telList.managList .list_con2 .cate_head{display: flex;align-items: center;padding: 20px;font-size: 16px;color: #999;border-bottom: 1px solid #c0c0c0;} .telList.managList .list_con2 .cate_head .check_box{/*width: 60px;*/width: 40px;flex-shrink: 0;} .telList.managList .list_con2 .cate_head .tit{position:relative;width: 100%;font-size: 18px;font-weight: 500;color: #333;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .telList.managList .list_con2 .cate_head .w1{width: 100px;text-align: center;flex-shrink: 0;} .telList.managList .list_con2 .cate_head .w3{width: 160px;text-align: center;flex-shrink: 0;} .telList.managList .list_con2 .cate_head .w4{width: 60px;text-align: center;flex-shrink: 0;} .telList.managList .list_con2 .cate_head .etc{position:relative;margin-left:10px;} .telList.managList .list_con2.sale > ul > li{font-size: 14px;} .telList.managList .list_con2.sale > ul > li .last1{color: #5292e7;} .telList.managList .list_con2.sale > ul > li .manag_infor{/*padding: 10px 30px;*/} .telList.managList .list_con2.sale > ul > li .manag_infor ul li{display: block;margin: 0;padding: 10px 20px;border-bottom: 1px solid #e5e5e5;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li:last-child{border-bottom: 0;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box{display: flex;align-items:flex-start;margin: 10px 0;font-size: 14px;color: #999;line-height: 1.5;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box .name{margin-right: 10px;width: auto;font-size: 16px;color: #5292e7;line-height: 1.2;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box .tit{margin-right: 10px;color: #333;line-height: 1.3;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box .txt{margin-right: 10px;color: #999;line-height: 1.3;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box .kan{position: relative;margin-right: 10px;padding-left: 10px;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box .kan::after{position: absolute;top: 5px;left: 2px;width: 0;height: 10px;content: '';border-left: 1px solid #d3d3d3;} /* 북스토어 메뉴관리 */ .telList.managList .list_con3{padding:0px;background: #fff;border-radius: 5px;box-shadow: 1px 1px 2px rgba(0,0,0,0.1);margin-bottom: 10px;} .telList.managList .list_con3 > ul > li{position:relative;/*font-size: 16px;color:#999;*/border-top: 1px solid #c0c0c0;} .telList.managList .list_con3 > ul > li:nth-child(1){border-top: 0px;z-index:10;/*border-bottom: 1px solid #c0c0c0;*/} .telList.managList .list_con3 > ul > li:nth-child(2){z-index:10;} .shadow_none{box-shadow:none !important;} .display_none{display:none;} .telList.managList .list_con3 .cate_head{display: flex;align-items: center;padding: 15px 30px;/*font-size: 16px;color: #999;*/border-bottom: 1px solid #c0c0c0;} .telList.managList .list_con3 .cate_head .check_box{/*width: 60px;*/width: 40px;flex-shrink: 0;} .telList.managList .list_con3 .cate_head .tit{position:relative;width: 100%;font-size: 17px;font-weight: 500;color: #333;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .telList.managList .list_con3 .cate_head .etc{position:relative;margin-left:10px;} .telList.managList .list_con3.category{margin-bottom:10px;} .telList.managList .list_con3.category:last-of-type{margin-bottom: 0;} .telList.managList .list_con3.category .btn_open_close{width: 100%;height: 50px;font-size: 14px;color: #999;} .telList.managList .list_con3.category .btn_open_close span{display: inline-block;padding-right: 22px;} /* 북스토어 관리 교사용신청 */ .teacher_book{/*top:5px;*/width:100%;margin-bottom: 0px;padding:0px;} .teacher_book ul li .box{position:relative;padding:0px 0px 0px 40px;/*margin-top:10px;border: 1px solid #5292e7;background:#f8f8f8;*/background:#fff;/*border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,0.1);*/} .teacher_book ul li .box .steacher::after{display:block;clear:both;content:''} .teacher_book ul li .box .steacher{position:relative;padding:10px 0px 0px 100px;line-height:38px;} .teacher_book ul li .box .steacher .name{position:absolute;left:0;top:0;} .teacher_book ul li .box .steacher select{width:50%;font-size:13px} .teacher_book ul li .box .steacher .title{position:absolute;left:0;padding: 0 20px;border-radius:5px;border:1px solid #c0c0c0;color:#fff;background-color:#000;} .teacher_book ul li .box .steacher .teacher{width:100%;font-size:13px;} .teacher_book ul li .box .steacher .teacher .name{position:relative;padding-left:10px;width:45%;text-align:center;} .teacher_book ul li .box .steacher .teacher .select2{float:right;padding:10px;width: 55%;text-align:center;height:38px;line-height: 20px;color:#444;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background:#e5e5e5;background-size:9px;border-radius:0 5px 5px 0;} .teacher_book ul li .box .steacher .teacher .select3{float:right;padding:10px;width: 55%;text-align:center;height:38px;line-height: 20px;color:#fff;text-indent:8px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background:#b0b2bb url('../img/ic_select_arrow_white.png') no-repeat right 15px center;background-size:9px;border-radius:0 5px 5px 0} .teacher_book ul li .box .steacher .teacher .fLeft{width:calc(50% - 10px);float:left;border-radius:5px;border:1px solid #c0c0c0;} .teacher_book ul li .box .steacher .teacher .fRight{width:calc(50% - 10px);float:right;border-radius:5px;border:1px solid #c0c0c0;} /* 북스토어 관리 교사용신청 */ .template_list{margin-bottom: 30px;padding: 40px;height: 450px;overflow: auto;} .template_list ul{margin:0 auto;max-width: 432px;} .template_list ul li{position: relative;margin-bottom: 20px;} .template_list ul li .check_box label::after{position: absolute;top: 0;left:0;width: 100%;height: 100%;content: '';border:1px solid #e5e5e5;box-sizing: border-box;} .template_list ul li:last-child{margin-bottom: 0;} .template_list ul li .check_box label span{position: absolute;top: 10px;left: 10px;} .template_list ul li .check_box input:checked + label::after{border-width: 2px;border-color:#5b97e8;box-shadow:2px 2px 5px rgba(0,0,0,0.1) } .memModfy .gdTxt{padding:10px 0 20px;font-size: 13px;color: #e85d37;} .templateCon{position:relative;padding-top:55px} .templateCon h2{position:fixed;top:0;left:0;width:100%;height: 55px;font-size: 14px;color:#fff;line-height: 55px;text-align: center;z-index:20; border-radius: 10px 10px 0 0;} .templateCon .btn-pop-close{z-index:30} .popCon .templateCon .file_drag{padding: 0 20px;} .popCon .templateCon .file_drag .txt{display: flex;align-items: center;justify-content: center;height: 205px;color: #a5a5a5;} .popCon .templateCon .file_drag .txt span{display: inline-block;padding-top: 40px;background: url('../img/ic_drag.png') no-repeat center top;} .template_file{padding: 30px;min-height: 205px;overflow-y: auto;} .template_file ul li{margin-bottom: 20px;} .template_file ul li:last-child{margin-bottom: 0;} .template_file ul li img{border:1px solid #e5e5e5} .template_file ul li.prof_img{padding-left:0;text-align:center;} .template_file ul li.prof_img img{width: 100px;height: 100px;overflow:hidden;border-radius: 50%;} .telList.book .head ul{display: flex;align-items: center;} .telList.book .head li{display: block;} .telList.book .head li:nth-child(1){flex-shrink: 0;} .telList.book .head li:nth-child(2){width: 100%;} .telList.book .head li:nth-child(3){width: auto;} .telList.book .head li.w1{width: 150px;flex-shrink: 0;text-align: center;} .telList.book .head li.w2{width: 60px;flex-shrink: 0;text-align: center;} .telList.book .head li.w3{width: 170px;flex-shrink: 0;text-align: center;} .telList.book .list_con{height: auto;} .telList.book .list_con li{display: flex;padding: 10px 10px 10px 70px;align-items: center;} .telList.book .list_con li .book{margin-right: 20px;width: 62px;flex-shrink: 0;border:1px solid #c0c0c0} .telList.book .list_con li .tit{width:100%;font-size: 18px;font-weight: 500;} .telList.book .list_con li .txt{width:150px;font-size: 16px;color: #999;flex-shrink: 0;text-align: center;} .telList.book .list_con li .chek{width: 60px;flex-shrink: 0;text-align: center;} .check_onoff{position: absolute;left: -999px;width: 0;height: 0;opacity: 0;} .check_onoff + label{width: 50px;height: 26px;background: #b0b2bb;border-radius: 13px;} .check_onoff + label::before{position: absolute;top: 3px;left: 3px;width: 20px;height: 20px;content: '';background: #fff;border-radius: 50%;} .check_onoff:checked + label::before{left:auto;right: 3px;} .check_onoff:checked + label{background: #5292e7;} /* .memGroup.book{padding: 50px 30px 30px;}*/ .memGroup.book{padding: 30px 30px 30px;} .memGroup.book .select{margin-bottom: 10px;padding-right: 25px;width: 100%;height: 42px;font-size: 13px;text-indent: 10px;cursor: pointer;overflow: hidden;text-overflow: ellipsis;background: url(../img/ic_select_arrow.png) no-repeat right 10px center; border: 1px solid #c0c0c0;border-radius: 5px;} .memGroup.book .wrt_box{padding-right: 80px;} .memGroup.book .wrt_box .btn-up{width: auto;} .btn_total_open2{text-align:center} .btn_total_open2 button{position:relative;width:100%;height:45px;font-size:12px;/*color:#999*/padding:0px;background:#c0c0c0;border: 1px solid #fff;border-radius: 0px 0px 5px 5px;} .btn_total_open2 button span{position: relative;display: inline-block;padding-right: 20px;} .btn_total_open2 button span::before{content:'상세보기'} .btn_total_open2 button span::after{position:absolute;top:50%;right:0;margin-top:-3px;width:12px;height:7px;content:'';background:url('../img/ic_open_arrow.png') no-repeat;background-size:100%;transform:rotate(180deg);-webkit-transform:rotate(180deg)} .btn_total_open2.on button span::after{transform:rotate(0);-webkit-transform:rotate(0)} .btn_total_open2.on button span::before{content:'접기'} .searchStateBox ul.li9 li{width: 11.11%;} .searchStateBox ul.li12 li{width: 8.33%;} .searchStateBox li a{display: block;height: 100%;} .searchStateBox li.on a{background-color: #5292e7;} .searchStateBox li.on .num, .searchStateBox li.on .tit{color: #fff !important;} .searchStateBox.mrb{/*2022-10-17 margin-bottom: 40px;*/margin-bottom: 10px;} /* ================================================================================ 반응형 서브 콘텐츠 ================================================================================ */ /* PC Device */ @media all and (min-width:1000.01px){ h1.log_tit{margin-bottom:40px;padding-bottom:45px;font-size:28px;background: url('../img/login_tit_bg.png') no-repeat center bottom} h1.log_tit::before{display:none} .mem_login .loginForm .inplg.col1_bd{border:1px solid #c0c0c0 !important;} .mem_btnList.col1_bd{border-width:0} .fixBar.fix{position:fixed;top:0;left:0;width:100%;height:63px;z-index:200;background:#f8f8f8;box-shadow:0 2px 2px rgba(0,0,0,0.2);} .fixBar.fix .col2_bg{height:100%;opacity:1} .fixBar.fix .listTopGuide{margin:0 auto;padding-top:2px;max-width:1152px;} .fixBar.fix .pag{display:none} .fixBar.fix .topSearch{display:block;position:relative;padding:10px 0 5px 60px;width:530px;} .fixBar.fix .topSearch .serlogo{position:absolute;top:10px;left:0;width:46px} .fixBar.fix .topSearch .seartxt{padding:0 40px 0 10px;width:100%;height:40px;font-size:13px;color:#666;background:#fff;border-radius:3px} .fixBar.fix .topSearch .seartxt::-webkit-input-placeholder{color:#666;} .fixBar.fix .topSearch .seartxt::-moz-placeholder{color:#666;} .fixBar.fix .topSearch .seartxt:-ms-input-placeholder{color:#666;} .fixBar.fix .topSearch .seartxt:-moz-placeholder {color:#666;} .fixBar.fix .topSearch .btn{position:absolute;top:10px;right:5px;width:35px;height:40px;text-indent:-999px;overflow:hidden;background:url('../img/ic_search_m.png') no-repeat center center;background-size:24px} .fixBar.fix .listTopGuide .control{position:absolute;top:13px;right:0} .fixBar.fix .listTopGuide .control .orderSelect{background-color:rgba(0,0,0,0.4)} .fixBar.fix .listTopGuide .control .btn{background-color:rgba(0,0,0,0.4);} /* 조건별 검색 */ .bot_fix_menu_pc.fix{position:fixed;/*top:75px;*/top:55px;left:50%;transform:translateX(330%);z-index:30} .bot_fix_menu_pc.fix .termSearch{margin-top: 0;} .bot_fix_menu_pc.tbfix{position:fixed;top:135px;left:50%;transform:translateX(330%);z-index:30} .bot_fix_menu_pc.tbfix .termSearch{margin-top: 0;} /* 조건별 검색 */ .book_prod_infor .con_hid{display:none} .book_prod_infor .con_hid.on{display:block} .btn_pay_fix_mb{display:none} .popFix3 .popgroup{top:50%;transform:translateY(-50%)} .popFix3 .popgroup .memGroupSearch{padding-bottom:50px;} .popFix3 .popgroup .memGroupSearch .btn-pop-close{position:absolute} .popFix3 .popgroup .memGroupSearch h2{position:absolute} .popFix3 .popgroup .memGroupSearch .telList{padding-bottom:0} .popFix3 .popgroup .memGroupSearch .telList .list_con{height:400px} .popFix3 .popgroup .memGroupSearch .btnList{position:absolute} .book_prod_total.col4_bg{background:none !important} .btnList.mb{display:none} /* .telList.managList .list_con2 > ul > li > .tit{width:calc(100% - 420px);}*/ } /* PC Device */ @media all and (min-width:1480.01px){ /* .tabMenu2{position: absolute;left: -140px;top: 121px;width: 144px;overflow:hidden;background:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.2);border-radius: 5px;z-index:110} */ .tabMenu2{position: absolute;left: -130px;/*2022-11-01 top: 120px;*/top: 20px;width: 144px;overflow:hidden;background:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.2);border-radius: 5px;z-index:110} .tabMenu2 h2{font-size: 16px;color: #fff;font-weight: 500;line-height: 50px;text-align: center;background: #68a4f3;} .tabMenu2 ul li{border-bottom: 1px solid #eee;} .tabMenu2 ul li:last-child{border-bottom: 0;} .tabMenu2 ul li a{display: block;padding: 0 18px;font-size: 14px;color:#666;font-weight:400;line-height: 50px;} .tabMenu2 ul li.on a{color: #5292e7;font-weight:500;} .tabMenu2 ul li a:hover{color: #5292e7;font-weight:500;} .btnList.mb{display:none} } /* PC Device */ @media all and (max-width:1480px){ .tabMenu2{position:relative;/*2022-11-01 margin-bottom: 60px;*/margin-bottom: 20px;text-align:center;background: #fff;box-shadow:0 2px 2px rgba(0,0,0,0.2);border-radius: 5px;z-index:110} .tabMenu2 h2{display: none;} .tabMenu2 ul{display: flex;} .tabMenu2 ul li{position:relative;flex-grow: 1;} .tabMenu2 ul li a{display:block;font-size:16px;color:#666;font-weight:400;line-height:60px;border-bottom:3px solid transparent;} .tabMenu2 ul li.on a{color: #5292e7;font-weight:500;border-bottom-color:#5292e7} .tabMenu2 ul li a:hover{color: #5292e7;font-weight:500;} .btnList.mb{display:none} } /* PC Device */ @media all and (max-width:1200px){ .bot_fix_menu_pc.fix{position:fixed;/*top:75px;*/top:55px;left:auto;right:20px;transform:translateX(0);-webkit-transform:translateX(0);} .bot_fix_menu_pc.tbfix{position:fixed;top:135px;left:auto;right:20px;transform:translateX(0);-webkit-transform:translateX(0);} .btnList.mb{display:none} } /* TABLET Device */ @media all and (max-width:1000px){ .tabMenu{z-index:110} .tabMenu ul{display: flex;justify-content: center;} .tabMenu ul li{flex-grow: 1;} .tabMenu ul li a{padding: 0 20px;font-size:20px;line-height: 77px;} .tabMenu ul li::before{margin-top:-11px;height:22px;} .tabMenu2.pc{display: none;} .tabMenu2.mb{display: block;} .tabMenu2 .subMenu ul li{flex-grow:inherit;} .tabMenu2 .subMenu ul li a{padding: 0 10px;} .tabMenu2.row{overflow: auto;} .tabMenu2.row ul{white-space: nowrap;} .tabMenu2.row ul li{flex-grow:inherit;} .tabMenu2.row ul li a{padding: 0 20px;} .mem_infor ul{float:none;width:100%;} .mem_infor ul.let_con{float:none;padding-right:0;border-right:0;width:100%} .mem_infor ul.rit_con{float:none;padding:0;width:100%} h2.title{padding:0 20px} h1.title.m{display:none} .mb_none{display:none} .mem_login{padding-top:100px;background: url('../img/col_logo.png') no-repeat center 30px;background-size:70px} .mem_login.pay_login{padding-top:0;background:none} .listTopGuide{padding:0 10px} /* 세트도서 타입1 */ .bookListType1 ul li .box .inforSet{position:relative;margin:10px 30% 10px 0;padding-left:140px;min-height:115px} .bookListType1 ul li .box .inforPrice {position:initial;top:0;right:0;padding:0;width:100%;border-left:0} .bookListType1 ul li .box .inforPrice .priceArea::after{display:block;clear:both;content:''} .bookListType1 ul li .box .inforPrice .priceArea li.first{position:absolute;top:160px;right:30px;width:auto} .bookListType1 ul li .box .inforPrice .priceArea li.first .name{display:none} .bookListType1 ul li .box .inforPrice .priceArea li{float:left;height:56px;padding-right:10px;width:50%;border-top:0} .bookListType1 ul li .box .inforPrice .priceArea li.secon{text-align: right;padding-right: 30px;} .bookListType1 ul li .box .inforPrice .priceArea li.secon::after{position:absolute;top:50%;right:10px;width:1px;height:14px;content:'';background:#ddd;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .bookListType1 ul li .box .infordisc{margin-right:0;padding-left:0} .bookListType1 ul li .box .infordisc .disCon{margin-bottom:4px;padding: 10px 30px;text-align: center;background: #f7f7f7;border-radius:5px} .bookListType1 ul li .box .inforetc {padding-left: 140px;top:0;} .bookListType1 ul li .box .inforetc .txt{text-align:left;padding-bottom:15px;} .bookListType1 ul li .box .tot {width:calc(100% - 60px);} .bookListType1 ul li .box .manag_infor{width: 100%;} /* 세트도서 타입1 */ /* 세트도서 타입3 */ .bookListType3 ul li .box .tot {top: 310px;} .bookListType3 ul li .box .manag_infor .inforBook .bookImg {margin: 0 0 10px;} .bookListType3 ul li .box .inforSet{min-height: 355px;} .bookListType3 ul li .box .inforSet .bookSet{margin:0 auto 10px;width:200px;height:266px;} .bookListType3 ul li .box .inforSet .bookSet .setSlider{left:0px;top:0px} .bookListType3 ul li .box .inforSet .bookSet .setSlider img{width:186px;height:252px;overflow: hidden;background: #fff;} .bookListType3 ul li .box .inforSet .bookSet .ctrSlider{left:-1px;top:45%;position:absolute;width:200px;text-align:center;z-index:20;} .bookListType3 ul li .box .inforSet .bookSet .ctrSlider .prev{float:left;left: 3px;} .bookListType3 ul li .box .inforSet .bookSet .ctrSlider .next{float:right;right: 2px;} .bookListType3 ul li .box .inforSet .bookSet .ctrSlider img{padding:0 !important; width:30px !important;height:30px !important;border-radius: 0px !important;border: 0px !important;} .bookListType3 ul li .box .inforPrice .priceArea::after{display:block;clear:both;content:''} .bookListType3 ul li .box .inforPrice .priceArea li.first{position:absolute;top:375px;bottom:95px;right:10px;width:auto} .bookListType3 ul li .box .inforPrice .priceArea li.first .name{display:none} .bookListType3 ul li .box .inforPrice .priceArea li{float:left;height:56px;padding-right:10px/*;width:50%*/;width:48%;border-top:0;padding:10px 0 10px 30px;} .bookListType3 ul li .box .inforPrice .priceArea li.secon{text-align:left;width:52%;} .bookListType3 ul li .box .inforPrice .priceArea li.secon::after{position:absolute;top:50%;right:10px;width:1px;height:14px;content:'';background:#ddd;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .bookListType3 ul li .box .inforPrice .priceArea li input{/*margin-right:2px;*/color:#303e97;font-size:15px;font-weight:600;padding:0 5px;/*width:50px;*/width:40px;height:36px;text-align:center;/*border:1px solid #dcdcdc*/;border-top:1px solid #303e97;border-bottom:1px solid #303e97;} .bookListType3 ul li .box .inforPrice .priceArea li button{/*width:35px;*/width:30px;height:36px;font-size:15px;color:#fff;text-align:center;font-weight:bold;/*background:#0f1a65;*/background:#303e97;} .bookListType3 ul li .box .infordisc .disCon{float:none;padding:10px;width:100%} .bookListType3 ul li .box .manag_infor .inforBook {min-height: 135px;} .bookListType3 ul li .box .manag_infor .inforBook li:first-child{width:110px;} .bookListType3 ul li .box .manag_infor .inforBook li{float:left;width:calc(100% - 120px);padding:20px;} /* 목록타입 1 */ .bookListType1{padding-right:0} .bookListType1 > ul{/*2022-10-27 padding:0 20px;*/padding:0;} .bookListType1 ul li .box{/*2022-10-27*/border-radius:0;} .bookListType1 ul li .box .etc{right:25px;} .bookListType1 ul li .box .etc_set{right:10px;} .bookListType1 ul li .box .infor1{margin:10px 0;min-height: 150px;/*2022-10-27*/border-radius:0;} .bookListType1 ul li .box .infor1 .txt2 p{padding-right:0;} .bookListType1 ul li .box .infor1 .txt3{right:auto;left:140px} .bookListType1 ul li .box .infor2{margin-right:0;padding-left:0} .bookListType1 ul li .box .infor2 .disCon2{margin-bottom:4px;padding: 10px 30px;text-align: center;background: #f7f7f7;border-radius:5px} .bookListType1 ul li .box .infor3{position:initial;top:0;right:0;padding:0;width:100%;border-left:0;} .bookListType1 ul li .box .infor3 .priceArea::after{display:block;clear:both;content:''} .bookListType1 ul li .box .infor3 .priceArea li.first{position:absolute;top:160px;right:30px;width:auto} .bookListType1 ul li .box .infor3 .priceArea li.first .name{display:none} .bookListType1 ul li .box .infor3 .priceArea li{float:left;height:56px;line-height:34px;padding-right:10px;width:50%;border-top:0} .bookListType1 ul li .box .infor3 .priceArea li.secon{text-align: right;padding-right: 20px;} .bookListType1 ul li .box .infor3 .priceArea li.secon::after{position:absolute;top:50%;right:10px;width:1px;height:14px;content:'';background:#ddd;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .bookListType1 ul li .box .basket_select ul li{padding-left:125px} .bookListType1 ul li .box .steacher{padding:10px 0 10px 160px;} .bookListType1 ul li .box .steacher .teacher .fLeft{width:calc(50% - 40px);} .bookListType1 ul li .box .steacher .teacher .fRight{width:calc(50% - 40px);} .pt10-pc {padding-top:0px !important;} /* 목록타입 1 */ .bookListType1.type2 ul li .box .infor1 .txt3{left:0} /* 목록타입 3 */ .bookListType3{padding-right:0} .bookListType3 > ul{padding:0 20px} .bookListType3 > ul > li{width:50%} .bookListType3 > ul > li:nth-child(2n+1){clear:left} .bookListType3 > ul > li:nth-child(3n+1){clear:none} .bookListType3 ul li .box .infor1 .bookImg{margin:0 auto 10px;width:200px;height:266px;} .bookListType3 ul li .box .infor1 .subject{margin-bottom:15px;height:55px} .bookListType3 ul li .box .salePrice{position:relative;} .bookListType3 ul li .box .infor2 .disCon{float:none;padding:10px;width:100%} .bookListType3 ul li .box .infor2 .disCon2{margin-bottom:4px;padding: 10px 30px;text-align: center;background: #f7f7f7;border-radius:5px} .bookListType3 ul li .box .infor3{position:initial;top:0;right:0;padding:0;width:100%;border-left:0} .bookListType3 ul li .box .infor3 .priceArea::after{display:block;clear:both;content:''} .bookListType3 ul li .box .infor3 .priceArea li.first{position:absolute;top:375px;right:20px;width:auto} .bookListType3 ul li .box .infor3 .priceArea li.first .name{display:none} .bookListType3 ul li .box .infor3 .priceArea li{float:left;height:56px;padding-right:10px;/*width:50%*/;width:48%;border-top:0;padding:10px 0 10px 30px;} .bookListType3 ul li .box .infor3 .priceArea li.secon{width:52%;padding-right:20px;} .bookListType3 ul li .box .infor3 .priceArea li.secon::after{position:absolute;top:50%;right:10px;width:1px;height:14px;content:'';background:#ddd;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .bookListType3 ul li .box .infor3 .priceArea li input{/*margin-right:2px;*/color:#303e97;font-size:15px;font-weight:600;padding:0 5px;/*width:50px;*/width:40px;height:36px;text-align:center;/*border:1px solid #dcdcdc*/;border-top:1px solid #303e97;border-bottom:1px solid #303e97;} .bookListType3 ul li .box .infor3 .priceArea li button{/*width:35px;*/width:30px;height:36px;font-size:15px;color:#fff;text-align:center;font-weight:bold;/*background:#0f1a65;*/background:#303e97;} .bookListType3 ul li .box .steacher{padding:10px 0 10px 100px;} .bookListType3 ul li .box .steacher .title{padding: 0 30px;} .bookListType3 ul li .box .steacher .teacher .name{padding: 0 20px;} .bookListType3 ul li .box .steacher .teacher .select3{padding:10px;background:#b0b2bb url('../img/ic_select_arrow_white.png') no-repeat right 15px center;} /* 목록타입 3 */ /* 청구서 목록타입1 */ .book_prod_infor{border-radius:0px;} .book_prod_infor dl dt .btn_open{display:block} .book_prod_infor dl.con1 dd, .book_prod_infor dl.con2 dd{margin-top:10px;padding:10px} .book_prod_infor dl.con2 dt .send_infor{right:25px;} .book_prod_infor dl.con3 dd{top:0px;right:20px;} .book_prod_infor dl dd.total_price {line-height:50px;)} /* 청구서 목록타입1 */ .fixWrp{margin-bottom:10px;height:auto} .guidBox, .bac_box, .telList, .qnaList, .noticeList, .prod_series, .viewBox, .cuponCon{border-radius:0} .mbr5{border-radius:5px;} .bot_fix_menu_pc{display:none} .bot_fix_menu_mb{display:block;height:54px} .bot_fix_menu_mb .box{position:fixed;left:0;bottom:0;width:100%;background:#1d204a;box-shadow:-2px -2px 2px rgba(0,0,0,0.1);z-index:100} .bot_fix_menu_mb ul{display: flex;margin:0 auto;max-width:1152px;} .bot_fix_menu_mb ul::after{display:block;clear:both;content:''} .bot_fix_menu_mb ul li{position:relative;flex: 1;text-align:center} .bot_fix_menu_mb ul li span{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .bot_fix_menu_mb ul li a{display:block;height:54px;font-size:12px;color:#5292e7;font-weight:500;background:#fff} .bot_fix_menu_mb ul li:nth-child(1) a{color:#fff;background:#5292e7} .bot_fix_menu_mb ul li:nth-child(2) a{color:#fff;} .bot_fix_menu_mb ul li:nth-child(4){border-left:1px solid #dceafd} .telSearch{padding-left:10px} .mem_btnList{left:10px;width:calc(100% - 20px)} .mem_btnList ul li.mb{display:block} .mem_btnList ul li.pc{display:none} .book_prod_infor .mb_hid{display:none} .book_prod_infor .mb_hid.on{display:block} .pay_topGtxt{margin:20px;} .pay_topGtxt{/*border-radius:0;border-width:1px 0*/} .pay_control{padding:0 30px} .btn_total_open{display:none} .pay_mem_infor ul li{float:none;margin-right:0;width:100%} .pay_mem_infor ul li:nth-child(2n){width:100%} .btn_pay_fix_pc{display:none} .btn_pay_fix_mb{} .btn_pay_fix_mb ul{position:fixed;left:0;bottom:0;margin:0;width:100%;z-index:100} .btn_pay_fix_mb ul::after{display:block;clear:both;content:''} .btn_pay_fix_mb ul li{float:left;margin:0;width:50%;text-align:center} .btn_pay_fix_mb ul li a{display:block;color:#fff;line-height:60px;background:#818691} .pc_btnBack{display:none} /* .payView{padding: 40px;min-height:510px;border-radius:0} .payView .bookImg{top:130px} .payView .infor{margin-left:280px} */ .seriesCon .btnType{right:20px} .prod_series .btn_total_open{display:block} .btn_total_open button{height:40px;text-indent:30px;font-size:10px;text-align:left} .btn_total_open button::after{right:25px} .telList .list_con{height:auto} .telList.fix{padding-top:80px} .telList.fix .head{position:fixed;top:85px;left:0;width:100%;background:#fff;z-index:50} .accumCon{margin-top:-20px;padding:0;border-radius:0} .accumCon .use_accum{position:relative;width:100%} .btnList.pc{display:none} .btnList.mb{display:block} .btnList.mb_fix{display:block;height:10px} .btnList.mb_fix .btnBc{position:fixed;left:0;bottom:0;margin:0;width:100%;z-index:150} .btnList.mb_fix .btnBc a, .btnList.mb_fix .btnBc button, .btnList.mb_fix .btnBc input{border-radius:0;} .btnList.mb_fix2{display:block;position:fixed;left:0;bottom:0;margin:0;padding:0;width:100%;z-index:50} .btnList.mb_fix2 .btnBc{float:left;} .btnList.mb_fix2 .btnBc a, .btnList.mb_fix2 .btnBc button, .btnList.mb_fix2 .btnBc input{background:#1d204a;border-radius:0;border:1px solid #1d204a;border-left:1px solid #3f4165} .btnList.mb_fix2 .btnBc.gray a, .btnList.mb_fix2 .btnBc.gray button, .btnList.mb_fix2 .btnBc.gray input{background:#818691;border:1px solid #818691} .btnList.mb_fix2 .btnBc.white a, .btnList.mb_fix2 .btnBc.white button, .btnList.mb_fix2 .btnBc.white input{color:#1d204a;background:#fff;border:0;border-top:1px solid #818691} /* 2022-10-02 append */ .btnTerm{display:block;position:fixed;right:15px;bottom:70px;width:50px;height:50px;font-size:12px;color:#fff;line-height:14px;text-indent:0;background-image:none;border-radius:50%;z-index:10} .btnTerm2{display:block;position:fixed;right:15px;bottom:70px;width:50px;height:50px;font-size:12px;color:#fff;line-height:14px;text-indent:0;background-image:none;border-radius:50%;z-index:10} /* 2022-10-02 append */ .li_guide{padding:0 20px} .book_prod_total{border-radius:0;} /*2022-10-27 append*/ .book_prod_total.pc{display:none} .bot_total_price{position:fixed;left:10px;bottom:10px;padding:0 20px;width:70%;height:52px;font-size:23px;text-align:right; line-height: 52px;background:#fff;border-radius:5px;z-index:160} .bot_total_price span{position:relative;display:inline-block;margin-left:20px;padding-left:20px;font-size:26px;font-weight:500} .bot_total_price span::before{position:absolute;top:50%;left:0;width:1px;height:15px;content:'';background:#b3b3b3;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .bot_total_price + .btnBc a, .bot_total_price + .btnBc button, .bot_total_price + .btnBc input{text-align:right} .btnList.mb_fix .btnBc .num{display:inline-block;margin-left:5px;width:20px;height:20px;line-height:20px;vertical-align:middle;text-align:center;background:#fff;border-radius:50%} .top_notice{margin-left:15px;width:calc(100% - 30px);border-radius:5px} .popFix3 .popgroup{max-width:100%;height:100%;} .telList.fix{padding-top:0} .telList.fix .head{top:55px} /* 상품상세보기 */ .detailCon{width:100%;border-radius:0;} .detailCon .bookView{border-radius:0px;} .popFix2 .popCon2 .box .btnClose{position:absolute;top:-65px;right:0px;width:60px;height:60px;text-indent:-999px;overflow:hidden;border-radius:10px;background:#303e97 url('../img/ic_close_big.png') no-repeat center center;background-size:20px} /* 2019-12-31 추가 */ .brandTop{margin-top:-5px;/*padding:0 30px*/} .brandimg{display:none} .brandimg_mb{display:block;margin-bottom:15px;overflow:hidden;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,0.3);} .brandimg_mb img{width:100%} /* 2020-01-03 추가 */ .imgPc{display:none} .imgMb{display:block} .inforCon1 .bg{} .inforCon h2{text-align:center} .inforCon2{padding:100px 30px} .inforCon2 .box h2{position:relative;margin-bottom:70px} .inforCon2 .box .img{float:none;margin-bottom:45px;width:100%} .inforCon2 .box .txtBox{float:none;margin:0;width:100%} .inforCon2 .box dl{float:none;margin-bottom:100px;width:100%} .inforCon2 .box dl dd ul{min-height:100px} .inforCon2 .box dl.con1{padding-right:0} .inforCon2 .box dl.con1 dd p{margin-right:0} .inforCon2 .box dl.con3{padding-left:0} .inforCon3{padding:100px 30px} .inforCon3 .box h2{margin-bottom:100px} .inforCon3 .box dl dt{padding-top: 50px;width:30% !important;background-size:auto 40px} .inforCon3 .box dl dd{padding-top:60px} .inforCon3 .box dl.con1{margin-bottom:100px;padding:0 0 0 10px;background-size:160px;background-position:left bottom} .inforCon3 .box dl.con1 dd{padding-right:0;width:70%} .inforCon3 .box dl.con1 dd ul li{width:100%} .inforCon3 .box dl.con2{margin-bottom:100px;padding:0 0 0 10px;background-size:170px;background-position:left bottom} .inforCon3 .box dl.con3{padding:0 0 0 10px;background-size:180px;background-position:left bottom} .inforCon4{padding:100px 30px} .inforCon4 .box h2{position:relative;top:0;margin-bottom:50px} .inforCon5{padding:100px 30px} .inforCon5 .box dl{padding-left:0} .inforCon5 .box dl dt{position:relative;} .inforCon5 .box dl dd table{width:100%} .switch3 .popupTxt1, .switch3 .popupTxt2, .switch3 .popupTxt3 {bottom:65px !important;} /* 2021-07-23 추가 */ .brandTop .brandimg_txt{float:none;width:100%} /* 2022-01-27 */ .listTopCon{position:relative;padding: 0 20px;} .listTopCon .pag{position: absolute;left: 20px;bottom:0;} .listTopCon .t_pag{position: absolute;left: 20px;bottom:0;} .listTopCon .listTopBox{flex-wrap: wrap;justify-content:flex-end;} .listTopSearch{margin-bottom: 10px;width: 100%;} .listTopCon .listTopBox .control{width: 400px;height: 50px;} .listTopCon .listTopBox .control .order_list {padding-left: 20px;} /* 2022-10-07 append */ .viewTopCon{margin-bottom: 20px;padding: 0 20px;} .viewTopCon .listTopSearch{margin: 0;width: 100%;} /* 2022-10-02 append */ .listTopCon .listTopBox2 .listTopSearch{width: 100%;} .topBanner{margin-top: 0;padding: 0 20px;} .topBanner .banner_img img{height: auto;} .topBanner .banner_link{display: none;} .tabMenu2{margin-bottom: 40px;border-radius: 0;} .tabMenu2 ul{padding: 0 15px;} .tabMenu2.row ul li a{padding: 0 10px;} .btn_list_more{border-radius: 0;} .book_prod_top{border-radius:0;} /*2022-10-27 append*/ .book_prod_top dl dd > ul > li{border-radius:0;} .book_prod_top dl dd > ul > li .lt{padding-right: 20px;width: calc(100% - 240px);} .book_prod_top dl dd > ul > li .rt{padding-left: 20px;width: 240px;} .book_prod_infor dl dd .pay_infor ul{width: 100%;} .tellWrap{padding-right: 0;} .telSearch2{padding: 10px 10px 0px;} .bot_fix_menu_mb2{display:block;/*height:108px*/} .bot_fix_menu_mb2 .box{position:fixed;left:0;bottom:0;width:100%;background:#1d204a;box-shadow:-2px -2px 2px rgba(0,0,0,0.1);z-index:100} .bot_fix_menu_mb2 ul{display: flex;flex-wrap: wrap;margin:0 auto;max-width:1152px;} .bot_fix_menu_mb2 ul::after{display:block;clear:both;content:''} .bot_fix_menu_mb2 ul li{position:relative;width: 33.33%;text-align:center;border-left: 1px solid #dceafd;} .bot_fix_menu_mb2 ul li span{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .bot_fix_menu_mb2 ul li a{display:block;height:54px;font-size:12px;color:#5292e7;font-weight:500;background:#fff} .bot_fix_menu_mb2 ul li a.col1_bg{color: #fff;} /* 2022-10-18 append */ .telList.managList .list_con2 > ul > li > .tit{width:32%;} .teacher_book ul li .box .basket_teacher ul li .teacher .select3{width: 50%;} /* 2022-04-11 추가 */ .listTopCon2{padding: 0 20px;} .listTopCon2 .listTopBox{flex-wrap: wrap;justify-content: flex-end;} .listTopCon2 .pag{position: absolute;left: 20px;bottom: 0;} .listTopCon2 .listTopBox .control{height: 50px;} .listTopSearch2{margin: 0 0 10px;} .listTopSearch2 .listArea{display: none;} .bookListType2 ul{padding: 0 20px;} .telList.managList .list_con2{border-radius: 0;} .telList.managList .head{border-radius: 0;padding: 20px 20px 20px 20px;} .bot_fix_menu_mb2.manag{/*height:80px*/} .bot_fix_menu_mb2.manag ul li{width: auto;flex:1} /* 2022.11.21 판매관리 및 청구서 관리 주문자 리스트 */ .telList.managList .list_con2 > ul > li .ord_table{margin-left:40px;} .telList.managList .list_con2 > ul > li .ord_table ul{width:100%;justify-content: space-between;flex-wrap: wrap;justify-content: flex-start;} .telList.managList .list_con2 > ul > li .ord_table ul.mb_noline{border-top:0px;} .telList.managList .list_con2 > ul > li .ord_table ul.pc{display:none;} .telList.managList .list_con2 > ul > li .ord_table ul li{font-size:11px;} .telList.managList .list_con2 > ul > li .ord_table ul li.check{min-width:40px;width:5%;text-align:center;} .telList.managList .list_con2 > ul > li .ord_table ul li.name{min-width:60px;width:15%;text-align:center;} .telList.managList .list_con2 > ul > li .ord_table ul li.tel{min-width:90px;width:25%;text-align:center;} .telList.managList .list_con2 > ul > li .ord_table ul li.price{min-width:70px;width:20%;text-align:center;} .telList.managList .list_con2 > ul > li .ord_table ul li.bill{min-width:135px;width:30%;text-align:center;} .telList.managList .list_con2 > ul > li .ord_table .memo{width:100%;padding:10px;font-size:11px;background:#fff;} .telList.managList .list_con2 > ul > li .ord_table .last3{border-radius:0 0 5px 5px;} /* 2022.11.21 판매관리 및 청구서 관리 주문자 리스트 */ .telList.managList .list_con2.sale > ul > li{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;padding:10px;font-size:13px;} .telList.managList .list_con2.sale > ul > li > .tit{margin-bottom:5px;width: calc(100% - 40px);text-align: left;font-size:13px;} .telList.managList .list_con2.sale > ul > li .w1{float:right;width:90px;height:30px;line-hieght:30px} .telList.managList .list_con2.sale > ul > li .w2{float:right;width:60px;height:30px;line-hieght:30px} .telList.managList .list_con2.sale > ul > li .w6{float:right;text-align:right;width:calc(100% - 410px);height:30px;line-hieght:30px} .telList.managList .list_con2.sale > ul > li .w7{float:right;text-align:center;;height:30px;width:120px;line-hieght:30px} .telList.managList .head li.mbNone{display: none;} .telList.managList .list_con2.sale > ul > li{flex-wrap: wrap;justify-content: flex-start;padding:20px;} .telList.managList .list_con2.sale > ul > li > .tit{margin-bottom:5px;width: calc(100% - 40px);text-align: left;} .telList.managList .list_con2.sale > ul > li > .first{position: relative;margin-left: 35px;} .telList.managList .list_con2.sale > ul > li > .kan{position: relative;margin-left: 5px;padding-left: 10px;} .telList.managList .list_con2.sale > ul > li > .kan::after{position: absolute;top: 9px;left: 2px;width: 0;height: 15px;content: '';border-left: 1px solid #d3d3d3;transform: translateY(-50%);} .telList.managList .list_con2.sale > ul > li .check_box{margin-right: 0px;} .telList.managList .list_con2.sale > ul > li .last1{position: relative;margin-left: 5px;padding-left: 10px;text-align:right;} .telList.managList .list_con2.sale > ul > li .last2{position: absolute;right: 10px;top:43px;} .telList.managList .list_con2.sale > ul > li .manag_infor{margin:10px 0 0px 40px;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li{font-size: 13px;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box{margin: 5px 0;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box .name{margin-right: 5px;font-size: 14px;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box .tit{margin-right: 0px;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box .kan{margin-right: 5px;padding-left: 8px;} .teacher_book ul li .box {padding: 0px 0px 0px 40px;} /* 2022-09-19 추가 */ .tabMenu2.ic_menu ul li{width: 20%;} .tabMenu2.row.ic_menu ul li a{padding: 20px 0;color: #555;line-height: 1.2;} .tabMenu2.row.ic_menu ul li a::before{display: block;margin:0 auto 20px;width: 83px;height: 83px;content: '';background-repeat: no-repeat;background-position: center center;background-size: 100%;background-color: #84b6f8;border-radius: 50%;} .tabMenu2.ic_menu ul li.on a{color: #5292e7;border-bottom-color: transparent;font-weight: normal;} .tabMenu2.row.ic_menu ul li:nth-child(1) a::before{background-image: url('../img/s_menu_ic1.png');} .tabMenu2.row.ic_menu ul li:nth-child(2) a::before{background-image: url('../img/s_menu_ic2.png');} .tabMenu2.row.ic_menu ul li:nth-child(3) a::before{background-image: url('../img/s_menu_ic3.png');} .tabMenu2.row.ic_menu ul li:nth-child(4) a::before{background-image: url('../img/s_menu_ic4.png');} .tabMenu2.row.ic_menu ul li:nth-child(5) a::before{background-image: url('../img/s_menu_ic5.png');} /* //2022-09-19 추가 */ } /* Mobile Device */ @media all and (max-width:720px){ .tabMenu ul{display: flex;} .tabMenu ul li{flex-grow: 1;} .tabMenu ul li a{padding:0;font-size:13px;line-height:41px} h1.title{margin-bottom:20px;padding-top:0;font-size:16px} h1.title::before{display:none} h2.title{padding:5px 15px 0;font-size:14px} h2.title2{margin:15px 0 10px;font-size:14px} .li_dot > li{margin-bottom:7px;font-size:13px} .dot, .dot2{font-size:13px} .mem_infor{padding:15px;border-radius:0} .mem_infor ul li{margin-bottom:5px;padding-left:80px;min-height:41px} .mem_infor ul li .name{font-size:13px} .mem_infor ul li .wrt_box{margin-bottom:5px;height:41px;border-radius:3px} .mem_infor ul li .wrt_box input{padding:0 5px;font-size:13px} .mem_infor ul li .wrt_box .txt {padding: 0 5px; line-height: 35px !important;} /* 2022-10-27 append */ .mem_infor ul li.con1{padding-right:55px} .mem_infor ul li.con2 .wrt_box{padding-right:70px} .mem_infor ul li.con2 .btn-delet{top:10px;right:45px} .mem_infor ul li.con2 .btn-view{width:45px;font-size:13px} .mem_infor ul li .con3{padding-left:103px} .mem_infor ul li .con3 .btnBc{width: 98px;} .mem_infor ul li .col1_fn{font-size:12px} .mem_infor .txt1{font-size:12px;line-height:100%;padding-bottom:5px;} .mem_infor ul li select{height:35px;font-size:13px;text-indent:0; line-height: 30px !important;} .mem_infor ul li.con5 .wrt_box{width:40px} .mem_infor ul li .con6{padding-right:101px} .mem_infor ul li .con6 .wrt_box{padding-right:0} .mem_infor ul li .con6 .wrt_box .txt {padding: 0 5px;} /* 2022-10-27 append */ .mem_infor ul li .con6 .btnBc{width:96px} .mem_infor ul li .con6 .btnBc input{padding:0} .mem_infor ul li .con6 .mbselec{width:98px} .mem_infor ul li .con6 .mbselec.wrt_box{width:97px} .mem_infor ul li .con7{padding-right:0px} .mem_infor ul li .con7 .wrt_box{padding-right:0} .mem_infor ul li .con7 .wrt_box .txt {padding: 0 5px;} /* 2022-10-27 append */ .mem_infor ul li .con7 .btnBc{position:relative;width:100%} .mem_infor ul li .con7 .btnBc input{padding:0} .mem_infor ul li .con7 .mbselec{position:relative;width:100%} .mem_infor ul li .con7 .mbselec.wrt_box{position:relative;width:100%} .mem_infor ul li .rad_n_box1{padding-right:51px} .mem_infor ul li .rad_n_box1 .name{left:-80px} .mem_infor ul li .rad_n_box2 .name{left:-80px} .mem_infor ul li .rad_n_box1 .btnBc input{min-width:46px} .mem_infor ul li .cer_cord input{padding:0;width:42px;height:41px} .mem_infor ul li.mb_email{padding:0 42px 0 80px;} .mem_infor ul li.mb_email .mbselec{position:absolute;top:0;right:0;width:37px} .mem_infor ul li.mb_email .mbselec select{color:#fff} .mem_infor ul li.mb_email input[type="text"]{width:45% !important} .mem_infor ul li.mb_email .wrt_box input{padding:0 5px;} /* 2022-10-25 append */ .mem_infor ul li.mb_email2{padding:0 42px 0 80px;} .mem_infor ul li.mb_email2 .mbselec{position:absolute;top:0;right:0;width:37px} .mem_infor ul li.mb_email2 .mbselec select{color:#fff} .mem_infor ul li.mb_email2 input[type="text"]{width:45% !important} .mem_infor ul li.mb_email2 .wrt_box input{padding:0 5px;} .mem_infor ul li .banner_img, .mem_infor ul li .thum_img{margin-bottom: 5px;} .mem_infor ul li .banner_img img, .mem_infor ul li .thum_img img{height: 40px; border-radius: 5px;} .mem_infor.pop_cer1{padding:15px} .pop_cer2{margin-bottom:0;padding:10px 15px} .btnBc a, .btnBc button, .btnBc input{padding:0 10px;font-size: 11px;line-height:39px;border-radius:3px} .btnBc.min a, .btnBc.min button, .btnBc.min input{min-width:100%} .btnBc.min2 a, .btnBc.min2 button, .btnBc.min2 input{min-width:100%;} .btnBc.small a, .btnBc.small button, .btnBc.small input{line-height:32px} .btnBc.big a, .btnBc.big button, .btnBc.big input{font-size:14px;line-height:45px} .btnBc.min3 a, .btnBc.min3 button, .btnBc.min3 input{min-width:100%} .btnList{margin:15px 0;padding:0 10px} .btnList .btnBc{width:100%;margin-right: 0%;} .btnList.pc{display:none} .btnList.mb{display:block} /* 2024.12.21 모바일 회원가입버튼 위치 추가 */ .btnJoin{position: relative;top: 0px;left: 0px;} /* 2024.12.21 모바일 회원가입버튼 위치 추가 */ .select1{padding-right:30px;height:38px;text-indent:3px;background-size:8px;} .select2{padding-right:30px;height:38px;text-indent:3px;background-size:8px} .inp_wite{padding:0 10px;height:38px;font-size:13px;} .txt_wite{padding:5px 10px;height:70px;font-size:13px;} /* 2022-10-25 append */ .book_prod_infor dl dd .pay_infor .wrt_box{margin-bottom: 10px;height:38px;padding-left:10px;} .book_prod_infor dl dd .pay_infor .wrt_box input:disabled{height:38px;padding-left:10px;} .book_prod_infor dl dd .pay_infor .wrt_box .select1{height:38px;} .check_box label span{margin-right:4px;width:20px;height:20px} .check_box label span::after{left:4px;width:10px;height:3px} .check_box2 + label span{margin-right:4px;width:20px;height:20px} .check_box2 + label span::after{left:4px;width:10px;height:3px} .check_radio{margin-right:4px} .check_radio label{padding-left:20px;min-height: 20px;} .check_radio label::before{top:1px;width:18px;height:18px;border-width:1px} .check_radio label::after{left:4px;width:10px;height:10px} .check_radio2 + label{margin:0 4px 5px 0;padding-left:20px;min-height:20px} .check_radio2 + label::before{width:18px;height:18px;border-width:1px} .check_radio2 + label::after{left:4px;width:10px;height:10px} .check_radio3 + label{width:85px;height:40px;line-height:40px} .check_radio4 + label{width:44px;height:40px;line-height:40px;} /* 상단 탭메뉴 추가 2024.12.10 */ .mem_wrap .tab_menu a {padding:0 15px;margin:-1px 1px;} .mem_wrap .tab_menu a:nth-child(4) {display: none; /* 세 번째 링크 숨기기 */} /* 상단 탭메뉴 추가 2024.12.10 */ /*공유 및 즐겨찾기 */ .bookmark{width:20px;height:20px;background-size:100%} .btnSharing{width: 20px;height: 20px;} .btnDelete{width: 20px;height: 20px;} /*공유 및 즐겨찾기 */ .keywordList{padding:0;border-radius:0} .keywordList ul li{padding:10px 40px 10px 10px;min-height:40px;font-size:14px} .keywordList ul li .btnDelet{top:10px;right:10px} .bot_fix_menu_mb{height:80px} .bot_fix_menu_mb ul li a{font-size:13px;height:50px;line-height:16px} .bot_fix_menu_mb2 ul li a{font-size:13px;height:50px;line-height:16px} .mem_login .loginForm{padding-right:90px} .mem_login .loginForm .inplg{padding:0 5px;font-size:13px} .mem_login .loginForm .btn{width:80px} .mem_login .etc_btn li{padding:15px 10px} .mem_login .etc_btn li a{font-size:13px} .payAdd{margin-bottom:30px} .payAdd .paySlide{border-radius:0} .listTopGuide{padding:0 10px;} .listTopGuide .groupSelect{float:none;margin-bottom:5px;width:100%} .listTopGuide .pag{padding-left:15px;font-size:12px;line-height:32px;background-size:12px} .listTopGuide .control .orderSelect{padding-right:18px;height:32px;font-size:12px;background-size:7px} .listTopGuide .control .btnType1{width:32px;height:32px;background-size:12px} .listTopGuide .control .btnType2{width:32px;height:32px;background-size:12px} /* 세트도서 타입1 */ .bookListType1 ul li .box .tot{position: absolute;top:40px;width:calc(100% - 20px);margin:5px 30% 10px 0;padding-left:140px;margin-right: auto;padding-bottom:10px;font-size: 14px;font-weight: 500;text-align:left;} .bookListType1 ul li .box .tot p{font-size:11px;} .bookListType1 ul li .box .tot span{position: relative;/*display: inline-block;padding-right: 50px;*/} .bookListType1 ul li .box .tot span::after{position: absolute;top: 40%;right: 0;width: 0;height: 0;content: '';border-left: 5px solid transparent;border-right: 5px solid transparent;border-top:5px solid #444;} .bookListType1 ul li .box .tot.on span::after{transform: rotate(180deg);} .bookListType1 ul li .box .txt{font-size:11px;} .bookListType1 ul li .box .inforSet {min-height:125px;} .bookListType1 ul li .box .inforetc {margin-right:0;} .bookListType1 ul li .box .inforetc .txt{position:relative;left:0;top:0px;text-align:right;bottom:0;line-height:14px;padding-bottom:10px;} /* .bookListType1 ul li .box .manag_infor ul li {padding: 10px;} .bookListType1 ul li .box .manag_infor .inforBook {} .bookListType1 ul li .box .manag_infor .inforBook .txt2{font-size:12px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .bookListType1 ul li .box .manag_infor .inforBook .txt2 p span{} .bookListType1 ul li .box .manag_infor .inforBook .subject {width:100%;font-size: 10px;} .bookListType1 ul li .box .manag_infor .inforBook h2{margin-bottom: 5px;font-size: 12px;font-weight: 500;white-space: normal;line-height: 1.2;max-height: 40px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .bookListType1 ul li .box .manag_infor .inforBook .txt1{white-space: nowrap;overflow: hidden;font-size: 12px;text-overflow: ellipsis;color: #999;} .bookListType1 ul li .box .manag_infor .inforBook .txt2 p{margin-bottom: 7px;padding-right: 0px;line-height: 1.3;color: #999;} .bookListType1 ul li .box .manag_infor .inforBook .txt3{right:10px;} .bookListType1 ul li .box .manag_infor .inforBook li{width: calc(100% - 130px) !important;padding: 20px 10px 0 !important;} .bookListType1 ul li .box .manag_infor .inforBook li:first-child{width: 1300px !important;padding: 20px 0 0 !important;;margin-right: 10px !important;} */ .bookListType1 ul li .box .inforPrice .priceArea li.first {top: 135px;right:0px;} .bookListType1 ul li .box .inforPrice .priceArea li .name{left:10px;font-size:13px} .bookListType1 ul li .box .inforPrice .priceArea li.secon{line-height:35px;} .bookListType1 ul li .box .inforPrice .priceArea li.secon .name{left:5px} .bookListType1 ul li .box .inforPrice .priceArea li input{width:36px;height:25px;font-size:12px} .bookListType1 ul li .box .inforPrice .priceArea li button{width:25px;height:25px} .bookListType1 ul li .box .inforPrice .priceArea li .total_price{font-size:12px;line-height:35px;} .bookListType1 ul li .box .inforPrice .priceArea li .total_price b{font-size:17px} /* 세트도서 타입1 */ /* 세트도서 타입3 */ .bookListType3 ul li .box .tot{width:100%;} .bookListType3 ul li .box .inforSet{min-height:355px;} .bookListType3 ul li .box .inforPrice .priceArea li.first {margin-top:-10px;} .bookListType3 ul li .box .inforPrice .priceArea li del{font-size:12px;} .bookListType3 ul li .box .inforPrice .priceArea li .price{margin-left:5px;font-size:12px} .bookListType3 ul li .box .inforPrice .priceArea li .price b{font-size:15px} .bookListType3 ul li .box .inforPrice .priceArea li{padding-left:30px;line-height:35px;} .bookListType3 ul li .box .inforPrice .priceArea li .name{left:0;font-size:13px} .bookListType3 ul li .box .inforPrice .priceArea li.secon .name{left:0;} .bookListType3 ul li .box .inforPrice .priceArea li input{width:36px;height:25px;font-size:12px} .bookListType3 ul li .box .inforPrice .priceArea li button{width:25px;height:25px} .bookListType3 ul li .box .inforPrice .priceArea li .total_price{font-size:12px;line-height:35px;} .bookListType3 ul li .box .inforPrice .priceArea li .total_price b{font-size:17px} /* 세트도서 타입3 */ .switch3 {top: 10px !important;left: 35px !important;} .switch2 {left:35px !important;top:10px !important;} .switch2.relative{top:0px !important;left:-15px !important;} .btncheck {top: 13px;} /* 모바일 목록1 */ .bookListType1{/*margin-bottom:10px*/} .bookListType1.pay_prod ul li .box{padding-top:35px} .bookListType1 > ul{padding:0} .bookListType1 ul li .title{font-size:11px;} .bookListType1 ul li .box{border-radius:0} .bookListType1 ul li .box{padding:10px} .bookListType1 ul li .box .etc{top:10px;right:10px} .bookListType1 ul li .box .etc_set{top:10px;right:10px} .bookListType1 ul li .box .infor1{padding-left:140px;min-height:148px} .bookListType1 ul li .box .infor1 .bookImg{padding:2px;width:110px;height:148px} .bookListType1 ul li .box .infor1 .subject{margin-bottom:6px;height:52px} .bookListType1 ul li .box .infor1 h2{margin-bottom:5px;font-size:13px;max-height:33px;line-height: 1.3;} .bookListType1 ul li .box .infor1 p{font-size:11px} .bookListType1 ul li .box .infor1 .txt3{position:relative;left:0;top:50px;text-align:right;bottom:0;line-height:14px;} .bookListType1 ul li .box .infor2 .disCon{/*margin-bottom:10px;*/padding:10px 0} .bookListType1 ul li .box .infor2 .disCon li{margin:0 3px;padding:0 14px;/* padding-left:28px */} .bookListType1 ul li .box .infor2 .disCon li .name{width:27px;} .bookListType1 ul li .box .infor2 .disCon li select{padding-right:10px;font-size:11px} .bookListType1 ul li .box .infor2 .disCon2{padding: 10px;} .bookListType1 ul li .box .infor2 .disCon2 li.first{width:75% !impotant;} .bookListType1 ul li .box .infor2 .disCon2 li.secon{width:25% !impotant;float:right;} .bookListType1 ul li .box .infor2 .disCon2 li select{padding-right:5px;font-size:11px} .bookListType1 ul li .box .infor2 .disCon2 li{padding:0px 0px 0px 20px;width:auto;float:center;} .bookListType1 ul li .box .infor2 .disCon2.bg .pit{margin-right:-2px} .bookListType1 ul li .box .infor3 .priceArea li {height: 46px;line-height: 46px;padding-top:0;padding-bottom:0;/*line-height:18px*/} .bookListType1 ul li .box .infor3 .priceArea li .price{font-size:14px} .bookListType1 ul li .box .infor3 .priceArea li .name{left:10px;font-size:13px} .bookListType1 ul li .box .infor3 .priceArea li.secon{padding-top:0;padding-bottom:0;/*line-height:16px;*/} .bookListType1 ul li .box .infor3 .priceArea li.secon .name{left:5px} .bookListType1 ul li .box .infor3 .priceArea li input{width:36px;height:25px;font-size:12px} .bookListType1 ul li .box .infor3 .priceArea li button{width:25px;height:25px} .bookListType1 ul li .box .infor3 .priceArea li .total_price{font-size:12px;/*line-height:12px;*/} .bookListType1 ul li .box .infor3 .priceArea li .total_price b{font-size:17px} .bookListType1 ul li .box .infor3 .priceArea li.first{top:130px;right:0} .bookListType1 ul li .box .infor3 .priceArea li del{font-size:13px} .bookListType1 ul li .box .infor3 .priceArea li.secon::after{height:10px} .bookListType1 ul li .box .basket_select{margin-top:0;padding-top:10px} .bookListType1 ul li .box .basket_select ul{padding-right:35%} .bookListType1 ul li .box .basket_select ul li{padding:0 0 0 70px;line-height: 34px;} .bookListType1 ul li .box .basket_select ul li.rit{padding-left:50px;width:35%} .bookListType1 ul li .box .basket_select ul li.rit .name{left:10px} .bookListType1 ul li .box .basket_select ul li select{font-size:13px} .bookListType1 ul li .box .steacher .title{font-size:11px;} .bookListType1 ul li .box .steacher{padding:10px 0 10px 75px;} .bookListType1 ul li .box .steacher .teacher .name{position:relative;padding-left:5px;font-size:11px;text-align:center;} .bookListType1 ul li .box .steacher .teacher .select3{padding:5px 0;font-size:11px;background:#b0b2bb url('../img/ic_select_arrow_white.png') no-repeat right 5px center;} .bookListType1 ul li .box .steacher .teacher .fLeft{width:calc(50% - 2px);} .bookListType1 ul li .box .steacher .teacher .fRight{width:calc(50% - 2px);} /* 모바일 목록1 */ /* 2022.11.21 판매관리 및 청구서 관리 주문자 리스트 */ .bookListType1 ul li.ord{width:100%;padding:10px} .bookListType1 ul li.ord .ord_table{margin:0px;} .bookListType1 ul li.ord .ord_table ul{width:100%;justify-content: space-between;flex-wrap: wrap;justify-content: flex-start;} .bookListType1 ul li.ord .ord_table ul.mb_noline{border-top:0px;} .bookListType1 ul li.ord .ord_table ul.pc{display:none;} .bookListType1 ul li.ord .ord_table ul li{font-size:10px;padding:5px !important;} .bookListType1 ul li.ord .ord_table ul li.check{min-width:35px;width:5%;text-align:center;} .bookListType1 ul li.ord .ord_table ul li.name{min-width:50px;width:15%;text-align:center;} .bookListType1 ul li.ord .ord_table ul li.tel{min-width:80px;width:25%;text-align:center;} .bookListType1 ul li.ord .ord_table ul li.price{min-width:60px;width:20%;text-align:center;} .bookListType1 ul li.ord .ord_table ul li.bill{min-width:100px;width:auto;text-align:center;} .bookListType1 ul li.ord .ord_table .memo{width:100% !important;padding:10px;font-size:11px;background:#fff;} .bookListType1 ul li.ord .ord_table .last3{border-radius:0 0 5px 5px;} /* 2022.11.21 판매관리 및 청구서 관리 주문자 리스트 */ /* 모바일 목록3 */ .bookListType3 > ul{margin:0;padding:0;border:0} .bookListType3 > ul > li{width:100%;padding:0;margin:0 0 9px 0;} .bookListType3 ul li .box{padding:10px;border-radius:0;} .bookListType3 ul li .box .check_box{top:13px;left:10px} .bookListType3 ul li .box .etc{top:13px;right:10px;width:25px;} .bookListType3 ul li .box .etc_set{top:13px;right:10px;width:25px;} .bookListType3 ul li .box .infor1{margin:6px 0 10px;} .bookListType3 ul li .box .infor1 .subject{margin-bottom:10px;height:55px} .bookListType3 ul li .box .infor1 h2{margin-bottom:5px;font-size:13px;max-height:33px} .bookListType3 ul li .box .infor1 p{font-size:11px} .bookListType3 ul li .box .infor1 .txt2 p{margin-bottom:3px} .bookListType3 ul li .box .infor1 .txt3{margin:10px 0;line-height:100%} .bookListType3 ul li .box .infor3 .priceArea li{height: 46px;line-height: 46px;padding: 0 0 0 30px;} .bookListType3 ul li .box .infor3 .priceArea li.first {top: 355px;right:10px;} .bookListType3 ul li .box .infor3 .priceArea li del{font-size:13px} .bookListType3 ul li .box .infor3 .priceArea li .price{font-size:14px} .bookListType3 ul li .box .infor3 .priceArea li del{font-size:12px;} .bookListType3 ul li .box .infor3 .priceArea li .price{margin-left:5px;font-size:12px} .bookListType3 ul li .box .infor3 .priceArea li .price b{font-size:15px} .bookListType3 ul li .box .infor3 .priceArea li .name{left:0;font-size:13px} .bookListType3 ul li .box .infor3 .priceArea li.secon .name{left:0;} .bookListType3 ul li .box .infor3 .priceArea li input{width:36px;height:25px;font-size:12px} .bookListType3 ul li .box .infor3 .priceArea li button{width:25px;height:25px} .bookListType3 ul li .box .infor3 .priceArea li .total_price{font-size:12px;line-height:35px;} .bookListType3 ul li .box .infor3 .priceArea li .total_price b{font-size:17px} .bookListType3 ul li .box .steacher{padding:10px 0 10px 75px;} .bookListType3 ul li .box .steacher .title{padding:0 20px;font-size:11px;} .bookListType3 ul li .box .steacher .teacher .name{position:relative;padding:0 0 0 5px;font-size:11px;text-align:center;} .bookListType3 ul li .box .steacher .teacher .select3{padding:5px 0;font-size:11px;background:#b0b2bb url('../img/ic_select_arrow_white.png') no-repeat right 5px center;} .bookListType3 ul li .box .steacher .teacher .fLeft{width:calc(50% - 2px);} .bookListType3 ul li .box .steacher .teacher .fRight{width:calc(50% - 2px);} /* 모바일 목록3 */ /* 상세 목록타입 */ .book_prod_infor{margin-bottom:10px} .book_prod_infor dl{padding:10px 15px;font-size:13px} .book_prod_infor dl dt .btn_open{right:0;width:100%;} .book_prod_infor dl dt .btn_open::after{width:14px;height:100%;left:auto;right:0} .book_prod_infor dl.con1 dd, .book_prod_infor dl.con2 dd{margin-top:10px;padding:10px} .book_prod_infor dl.con2 dt .send_infor{right:25px;} .book_prod_infor dl.con3 dd{top:0px;right:15px;} .book_prod_infor dl.con4{padding-bottom:0} .book_prod_infor dl.con4 dd{margin:10px 0} .book_prod_infor dl.con5{padding:10px 15px} .book_prod_infor dl.con5 dd{text-align:left;} .book_prod_infor dl.con6 dd{margin-top:10px} .book_prod_infor dl.con6 dd .price{right:15px} .book_prod_infor dl.con6 dd .price b{font-size:17px} .book_prod_infor dl dd{margin-top:10px} .book_prod_infor dl dd .prod_chek{font-size:13px} .book_prod_infor dl dd.total_price{top:-8px;right:15px} .book_prod_infor dl dd.total_price b{font-size:18px} .book_prod_infor dl dd .btnTalk{top:10px;right:15px;padding-right:26px;height:22px;font-size:13px;background-size:20px} .book_prod_infor dl dd h3{font-size:13px} .book_prod_infor dl dd.list_txt{padding:0;font-size:13px} .book_prod_infor dl dd.list_txt li{padding:10px 0px;min-height:46px;;line-height:25px} .book_prod_infor dl dd.list_txt li .name{left:15px} .book_prod_infor dl dd.list_txt li.mb{padding:15px 15px 10px 15px;text-align:left} .book_prod_infor dl dd.list_txt li.mb .name{position:relative;top:0;left:0;display:block;margin-bottom:10px;transform:translate(0);-webkit-transform:translate(0)} .book_prod_infor dl dd.list_txt li.mb .btn_sbm_pc{display:none} .book_prod_infor dl dd.list_txt li.mb .btn_sbm_mb{display:block;position:absolute;top:8px;right:15px;width:65px;height:38px;font-size:13px} .book_prod_infor dl dd.list_txt li .select1{width:78%;font-size:13px} .book_prod_infor dl dd.list_txt li .priceWt{padding-right:70px;width:100%;line-height:38px} .book_prod_infor dl dd.list_txt li .priceWt .btn{width:65px;height:38px;font-size:13px} .book_prod_infor dl dd.list_txt li.last{margin-top:-10px;} .book_prod_infor dl dd.list_txt li.send_inp .btn-delet{top:20px;right:10px} .book_prod_infor dl dd.list_txt li.send_inp .send_txt{width:100%;} .book_prod_infor dl dd.list_txt li.send_inp .send_txt li{line-height:35px} .book_prod_infor dl.deleverty{padding:15px 20px;font-size:13px;} .book_prod_infor dl.delecall{padding:0px 20px;font-size:14px;} .book_prod_infor dl dd .bookListType{padding-right:0} .book_prod_infor dl dd .bookListType > ul{padding:0} .book_prod_infor dl dd .bookListType ul li .box{padding:10px 10px 0;} .book_prod_infor dl dd .bookListType ul li .box .infor1{margin:10px 0;min-height: 150px;} .book_prod_infor dl dd .bookListType ul li .box .infor1 .bookImg p{padding-left:140px;} .book_prod_infor dl dd .bookListType ul li .box .infor1 .txt2 p{padding-right:0;} .book_prod_infor dl dd .bookListType ul li .box .infor1 .txt3{right:auto;left:130px} .book_prod_infor dl dd .bookListType ul li .box .infor2{margin-right:0;padding-left:0} .book_prod_infor dl dd .bookListType ul li .box .infor2 .disCon{padding: 10px 0px;} .book_prod_infor dl dd .bookListType ul li .box .infor3{position:initial;top:0;right:0;padding:0;width:100%;border-left:0} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea::after{display:block;clear:both;content:''} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li{line-height:35px;} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li.first{position:absolute;top:130px;right:10px;width:auto} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li.first .name{display:none} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li{float:left;height:56px;padding-right:10px;width:50%;border-top:0} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li.secon{padding-right:20px;} .book_prod_infor dl dd .bookListType ul li .box .infor3 .priceArea li.secon::after{position:absolute;top:50%;right:10px;width:1px;height:14px;content:'';background:#ddd;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .book_prod_infor dl dd .bookListType ul li .box .basket_select ul li{padding-left:125px} .book_prod_infor dl dd .bookListType.type2 ul li .box .infor1 .txt3{left:0} .book_prod_infor dl dd .bookListType ul li .box .basket_teacher{margin-top:0;} .book_prod_infor dl dd .bookListType ul li .box .basket_teacher ul{padding-right:0%} .book_prod_infor dl dd .bookListType ul li .box .basket_teacher ul li{padding:0 0 0 10%;line-height:38px;} .book_prod_infor dl dd .bookListType ul li .box .basket_teacher ul li .teacher{width:100%;font-size:12px} .book_prod_infor dl dd .bookListType ul li .box .basket_teacher ul li .teacher .name{position:relative;font-size:12px;} .book_prod_infor dl dd .bookListType ul li .box .basket_teacher ul li .teacher .select3{float:right;width: 70%;padding-right:40px;text-align:center;height:38px;color:#fff;text-indent:8px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background:#b0b2bb url('../img/ic_select_arrow_white.png') no-repeat right 15px center;background-size:9px;border-radius:5px} .book_prod_infor .calendar_box{/*padding-right:40px;*/width:140px;height:42px;} .book_prod_infor .calendar_box .date_wd{width:100%;height:42px;} .book_prod_infor .calendar_box .date_wd .inputDate{height:22px;} .book_prod_infor .list_txt{padding:0;font-size:13px} .book_prod_infor .list_txt li{padding:10px 15px 10px 15px;min-height:46px;;line-height:25px} .book_prod_infor .list_txt li .name{left:15px} .book_prod_infor .list_txt li.mb{padding:15px 15px 10px 15px;text-align:left} .book_prod_infor .list_txt li.mb .name{position:relative;top:0;left:0;display:block;margin-bottom:10px;transform:translate(0);-webkit-transform:translate(0)} .book_prod_infor .list_txt li.mb .btn_sbm_pc{display:none} .book_prod_infor .list_txt li.mb .btn_sbm_mb{display:block;position:absolute;top:8px;right:15px;width:65px;height:38px;font-size:13px} .book_prod_infor .list_txt li .select1{width:78%;font-size:13px} .book_prod_infor .list_txt li .priceWt{padding-right:70px;width:100%;line-height:38px} .book_prod_infor .list_txt li .priceWt .btn{width:65px;height:38px;font-size:13px} .book_prod_infor .list_txt li.last{margin-top:-10px;padding-left:15px} .book_prod_infor .list_txt li.send_inp .btn-delet{top:20px;right:30px} .book_prod_infor .list_txt li.send_inp .send_txt{left:15px;width:calc(100% - 30px)} .book_prod_infor .list_txt li.send_inp .send_txt li{line-height:35px} /* 상세목록 타입 */ .page a{margin:0 -2px;width:29px;font-size:12px} .guidBox{margin-bottom:10px;padding:15px} .guidBox h2{margin-bottom:5px;padding-left:20px;font-size:14px;background-size:15px} .guidBox p{font-size:13px} .guidBox .ic{padding-left:20px;background-size:12px} .bac_box{/*2022-10-27 padding:15px;*/border-radius:0;} .agreeCon li{line-height:40px} .agreeCon li .rtc{width:130px} .agreeCon li .rtc .btnBc{margin-left:5px} .agreeCon li .agreeBox{padding:10px;font-size:13px} .bac_box.pay{padding:5px 10px 5px 15px} .bac_box.pay li .name{line-height:1.4} .bac_box.pay li .name span{display:block;} .mem_btnList{padding:15px} .mem_btnList ul li .ic{width:50px;height:50px} .mem_btnList ul li a{padding:10px 0 10px 60px} .mem_btnList ul li .tit{font-size:15px} .telList{padding:0} .telList .head{padding:0} .telList .head ul{/*2022-10-28 padding:10px 0 10px 10px;*/padding:20px;font-size:13px;border-top:1px solid #c0c0c0} .telList .head li:first-child{width:30px;} .telList .head li:nth-child(2){width:70px;} .telList .head li:nth-child(3){width:100px;} .telList .head li .sort{padding-right: 15px;} .telList .list_con{padding:0} .telList .list_con li{padding:20px 60px 20px 40px} .telList .list_con li .grname{width:auto;font-size:14px;} .telList .list_con li .name{width:80px;font-size:14px;} .telList .list_con li .tel{width:100px;} .telList .list_con li .memo{width:100%;padding-left: 10px;} .bringTelCon .telList.fix{padding-top:0} .bringTelCon .telList.fix .head{top:55px} .bringTelCon .telList .list_con li{padding-left:50px} .memGroupSearch .telList.fix{padding-top:0} .memGroupSearch .telList.fix .head{position:relative;} .memGroupSearch .telList .list_con li{padding:8px 0 8px 100px} .memGroupSearch .telList .list_con.con2 li{padding:8px 0 8px 50px} .telList.fix{padding-top:50px} .telList.fix .head{position:fixed;top:45px;} .deliveryCon{max-height: calc(100vh - 125px) !important;min-height: calc(100vh - 125px) !important;} .deliveryCon dl.con1{padding: 15px 20px;} .deliveryCon dl.con1 dt .txt{font-size: 14px;} .deliveryCon dl.con1 dd .wrt_box1{margin-left: 20px;} .deliveryCon dl.con1 dd .wrt_box1 input{height: 38px;} .deliveryCon dl.con1 dd ul.chk li .txt{display: block;margin:-5px 0 5px;padding-left: 20px;} .deliveryCon dl.con1 dd .priceWt .btn{height: 38px;} .deliveryCon dl.con2{padding: 15px 20px;} .deliveryCon dl.con3{padding: 10px 20px;} .deliveryCon dl.con4{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 15px;border-top: 1px solid #e5e5e5;} .deliveryCon dl.con4 dd .postNo{width: calc(100% - 110px);} /* 북스토어 관리 배송요청 팝업 교사용신청 */ .deliveryCon dl.con1 dd.teacher_book .box .steacher{line-height:38px;} .deliveryCon dl.con1 dd.teacher_book .box .steacher .teacher .select2{height:38px;line-height: 20px;} .deliveryCon dl.con1 dd.teacher_book .box .steacher .teacher .select3{height:38x;line-height: 20px;} /* 북스토어 관리 배송요청 팝업 교사용신청 */ .popFix{overflow:auto;background:#f5f5f5} .popFix .popCon{position:absolute;top:0;transform: translateY(0);width:100%;min-width:100%;} .popFix .popCon .btnList{padding:15px;background:#f5f5f5} .popFix .popCon .deliveryCon + .btnList{padding: 15px;} .popFix .popCon > h2{height:55px;font-size:16px;line-height:55px} .popFix .popCon .btn-pop-close{top:8px;right:10px} /* 레이어 팝업 - 배송주소록 */ .popFix .popCon .popBox .deliveryCon .addFind{padding:15px 15px 0px 15px;font-size: 11px;} .popFix .popCon .popBox .deliveryCon .addFind .wrt_box{width:calc(100% - 90px);} .popFix .popCon .popBox .deliveryCon .addBox{margin:55px 15px 15px 15px;font-size: 11px;} .popFix .popCon .popBox .deliveryCon .addBox .addList{height:100px;} .popFix .popCon .popBox .deliveryCon .addBox .addTitle{text-align:center;background-color:#f0f0f0;} .popFix .popCon .popBox .deliveryCon .addBox .addTitle .addtitName{width:80px;} .popFix .popCon .popBox .deliveryCon .addBox .addSelect{text-align:left;width:20px;padding:10px 0px 10px 10px;} .popFix .popCon .popBox .deliveryCon .addBox .addName{width:55px;padding-right:5px;} .popFix .popCon .popBox .deliveryCon .addBox .addTxt{font-size:10px;} .popFix .popCon .popBox .deliveryCon .addBox .addBtn{padding:10px 0px;} /* 레이어 팝업 - 배송주소록 */ .popFix2{overflow:auto;} .popFix2 .popCon{top:0;margin-bottom:20px;max-width:100% !important;transform: translateY(0);} .memModfy{position:relative;padding:20px 15px;box-shadow:0 2px 2px rgba(0,0,0,0.1);z-index:2} .memGroup{position:relative;padding:20px 15px;box-shadow:0 2px 2px rgba(0,0,0,0.1);z-index:2} .pay_topGtxt{margin:15px;padding:15px;font-size:14px} .pay_control{margin-bottom:10px;padding:0 10px;font-size:13px} .pay_control .btn_select_delet{text-indent:20px;background-size:18px} .target_list table{display:table;overflow-x:scroll;} .target_list table thead th{padding-left:5px;height:40px;font-size:11px;} .target_list table thead th.check{width:20px;line-height: 24px;} .target_list table thead th.name{width:40px;text-align:center;} .target_list table thead th.tel{width:100px;text-align:center;} .target_list table thead th.group{width:100px;text-align:center;} .target_list table thead th.memo{width:200px;text-align:center;} .target_list table tbody td{padding-left:5px;height:40px;font-size:10px;} .target_list table tbody td.check{width:20px;line-height: 24px;} .target_list table tbody td.name{width:40px;text-align:left;} .target_list table tbody td.tel{width:100px;text-align:left;} .target_list table tbody td.group{width:100px;text-align:left;} .target_list table tbody td.memo{width:200px;text-align:left;} .target_list p{height:40px;font-size:11px;line-height:40px} .target_list .btnBc{width:auto} /* 2022-09-29 append */ .btn_point .cs_one{display: block;position: absolute;top: 20px;right: 0px;width: 65px;height: 38px;font-size: 13px;} .btn_point .cs_two.on{display: block;position: absolute;top: 20px;right: 0px;width: 65px;height: 38px;font-size: 13px;} .btn_point .pt_one{display: block;position: absolute;top: 20px;right: 0px;width: 65px;height: 38px;font-size: 13px;} .btn_point .pt_two.on{display: block;position: absolute;top: 20px;right: 0px;width: 65px;height: 38px;font-size: 13px;} /* 2022-09-29 append */ .book_prod_total{margin:0 0 10px;border-radius: 0px;} .book_prod_total ul li{padding:15px 10px 15px 40px;/*font-size:14px*/font-size:0.9em;height:60px;line-height:30px;} .book_prod_total ul li .ic{right:10px;padding-left:30px;/*font-size:13px;*/font-size:0.8em;background-size:25px} .book_prod_total ul li .name{font-size:0.8em;left:10px} .book_prod_total ul li .total_price b{/*font-size:20px;*/font-size:17px;} .book_prod_total ul li.mb{padding-left:15px;/*2022-10-27 append*/margin-bottom: 10px;} .book_prod_total ul li.mb .name{top:15px;transform:translate(0);-webkit-transform:translate(0)} .book_prod_total ul li .point_g_txt{/*font-size:12px;*/font-size:0.6em;text-align:right} .book_prod_total ul li .point_g_txt .mb{display:block} .book_prod_total ul li .point_g_txt .pit{margin:0} .book_prod_total ul li .point_g_txt b{float:right;/*font-size:13px;*/font-size:0.7em;} .book_prod_total.big ul li{padding:15px 20px 15px 90px;} /* 장바구니 합계금액 */ .book_prod_cart{position:relative;height:245px;padding:0px 10px 10px 100px;border-radius:0px;} .book_prod_cart .head_title{position:absolute;display:block;top:calc(50% - 20px);left:10px;font-size:17px;} .book_prod_cart ul.total{width:100%;} .book_prod_cart ul.item{width:100%;border-bottom: 1px solid #c0c0c0;} .book_prod_cart ul.number{width:100%;border-bottom: 1px solid #c0c0c0;} .book_prod_cart ul li.title{width:50%;float:left;text-align:left;} .book_prod_cart ul li.count{width:50%;float:left;text-align:right;font-size:17px;} .book_prod_cart ul.symbol{display:none} /* 장바구니 합계금액 */ .pay_mem_infor ul li{margin-bottom:12px;padding-left:70px;min-height:41px} .pay_mem_infor ul li .name{font-size:13px} .pay_mem_infor ul li .wrt_box{height:41px;border-radius:3px} .pay_mem_infor ul li .wrt_box input{padding:0 5px;font-size:13px} .pay_mem_infor ul li select{height:35px;font-size:13px;text-indent:0} .pay_mem_infor ul li.mb_email{padding: 0 42px 0 70px;} .pay_mem_infor ul li.mb_email .mbselec{width:37px} .pay_mem_infor ul li.mb_email .mbselec select{color:#fff} .pay_select li{width:33.33%;background-size:85px;background-position:center 10px} .pay_select li a{margin-top:-1px;padding:45px 0 10px;height:auto;font-size:12px} .pay_select li.on a, .pay_select li a:hover{padding:42px 0 7px;box-sizing:border-box} .pay_select li:nth-child(4){clear:left} .qnaList.mb{margin-bottom:45px} .qnaList {font-size:13px} .qnaList dl dt a{padding:10px 40px 10px 15px;} .qnaList dl dt a::after{right:15px} .qnaList dl dd{padding:0 15px 15px} .qnaList dl dd > div{padding:10px 15px} .btn_pay_fix_mb ul li a{line-height:50px;} .payView{padding:50px 20px 10px} .payView .etc{position:absolute;top:20px;right:20px;width:auto} .payView .infor {position:initial;top:0;right:0;padding:0;width:100%;border-left:0} .payView .infor .bookImg{position:relative;top:0;left:0;margin:0 auto;width:75%;height:auto} .payView .infor .subject{display:block;position:relative;margin-bottom:10px;height:55px} .payView .infor h2{font-size:13px;margin-top:20px;max-height:33px} .payView .infor p{font-size:12px} .payView .infor .txt2 p{margin-bottom:3px} .payView .infor .txt3{left:20px; bottom:182px; line-height:100%} .payView .infor .price{margin-bottom:10px} .payView .infor .price b{font-size:15px} .payView .infor .disCon{margin-bottom:10px;padding:10px 15px 15px 10px} .payView .infor .disCon li{margin:0 3px;padding-left:28px} .payView .infor .disCon li .name{width:27px;} .payView .infor .disCon li select{padding-right:10px;font-size:11px} .payView .infor .priceArea li{position:relative;padding-left:60px;/* text-align:right; */font-size:16px;color:#666;line-height:50px;} .payView .infor .priceArea li:first-child{border-bottom:1px solid #c0c0c0} .payView .infor .priceArea li .name{position:absolute;top:0;left:0;width:50px;font-size:15px;color:#333;font-weight:500;text-align:left} .payView .infor .priceArea li .name::after{position:absolute;top:50%;right:0;width:1px;height:14px;content:'';background:#d3d3d3;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .payView .infor .priceArea li .total_price{color:#ff3600} .payView .infor .priceArea li .total_price b{font-size:26px} .seriesCon .btnType{right:15px} .prod_series{margin-bottom:20px} .prod_series .series_control{padding:15px 15px;font-size:13px} .prod_series .series_control .btn{right:15px} .prod_series .series_control .btn button{padding:0 5px;font-size:11px;height:30px} .prod_series.type1 .list li{padding:15px 15px 15px 15px;font-size:13px} .prod_series.type1 .list li .tit{margin-bottom:5px} .prod_series.type1 .list li .check_box{left:15px;} .prod_series.type1 .list li .price{position:relative;top:0;right:0} .prod_series.type2 .list li{float:none;padding:15px 15px 15px 100px;width:100%;min-height: 120px;} .prod_series.type2 .list li .tit{margin-bottom:5px;max-height: 35px;font-size:13px} .prod_series.type2 .list li .check_box{top:45%;left:15px;transform:translateY(-50%)} .prod_series.type2 .list li .bookImg{top:15px;left:15px;padding:2px;width:66px;height:88px;} .prod_series.type2 .list li .price{margin-bottom:5px;font-size:12px} .prod_series.type2 .list li .price b{font-size:13px} .prod_series.type2 .list li .btnBuy{width:60px;height:30px;font-size:12px} /* 2019-05-15 추가 */ .prod_series.type1 .list.view li .check_box{top:15px;left:15px;transform: translateY(0);-webkit-transform: translateY(0);} .prod_series.type1 .list.view li{padding-left:45px} .prod_series.type2 .list.view li{padding-left:130px} .prod_series.type2 .list.view li .bookImg{left:45px} .prod_series.type2 .list.view li .check_box{top:10px;left:15px;transform:translateY(0)} .viewBox{margin-bottom:20px;padding:15px;font-size:13px;line-height:1.6} .infor_list li{padding: 6px 0 6px 120px;min-height:37px;} .infor_list li .name{width:100px;line-height:37px;} .tbTypeA{font-size:13px} .tbTypeA tbody th{padding:10px 10px;width:28%;} .tbTypeA tbody td{padding:10px 10px} .noticeList {padding:10px 15px;font-size:13px} /* 2022-08-23 append */ .noticeList dl dt:first-child{border-top:0;padding:10px 30px 10px 0px;} .noticeList dl dt li:nth-child(1){display:none;} .noticeList dl dt li:nth-child(2){float:left;min-width:60px;} .noticeList dl dt li:nth-child(3){float:left;width:55%;} .noticeList dl dt li:nth-child(4){float:right;min-width:70px;} /* 2022-08-23 append */ .noticeList dl dt a{padding:10px 30px 10px 0;height:80px} .noticeList dl dd{padding:0 0 15px} .noticeList dl dd > div{padding:10px 15px} .noticeList dl dt .tit{line-height:1.4;max-height: 40px; } .noticeList dl dt .data{font-size:12px} .cuponCon{padding:15px} .cuponCon h3{margin-bottom:10px;font-size:14px;font-weight:500} .cuponCon ul{font-size:13px;border-width:1px 0 0} .cuponCon ul li{padding:10px 0 10px 120px;min-height:80px} .cuponCon ul li .coupon{left:0;top:10px;padding-top:12px;width:103px;height:65px;font-size: 14px;} .cuponCon ul li .coupon b{font-size:17px} .cuponCon ul li .coupon span{font-size:10px;line-height:1} .cuponCon ul li .data{position:relative;top:0;right:0;display:block;margin-top:10px} .cuponCon ul li .tit{font-size:14px;font-weight:500} .accumCon{margin:-10px 0 0;background:none;box-shadow:none} .accumCon .use_accum{margin-bottom:10px;padding:15px} .accumCon .use_accum dl{padding:35px 0} .accumCon .use_accum dl dt{margin-bottom:10px;font-size:14px} .accumCon .use_accum dl dd{font-size:34px} .accumCon .use_accum dl dd span{width:35px;height:35px;font-size:20px;line-height:35px;} .accumCon .use_accum p{padding:10px} .accumCon .use_accum p b{font-size:14px} .accumCon .paym_app{padding:15px 15px 0;background:#fff} .accumCon .paym_app h2{font-size:14px} .accumCon .paym_app .check_box{top:15px} .accumCon .paym_app .priceWt{margin-bottom:20px;padding:0} .accumCon .paym_app .priceWt input[type="text"]{margin-bottom:10px;padding:0 10px;height:40px;font-size:13px} .accumCon .paym_app .priceWt .btn{position:relative;width:100%;height:42px} .accumCon .paym_app dl{margin:0 -15px;padding:15px;background:#f5f5f5} .accumCon .paym_app dl dt{font-size:14px} .accumCon .paym_app dl dd ul li{font-size:13px} .accumList{padding-bottom:5px;border-radius:0} .accumList .menu{height:47px} .accumList .menu li{width:25%} .accumList .menu li a{line-height:45px;border-width:0 0 2px} .accumList .menu li.on a{border-width:0 0 2px} .accumList .list{margin-bottom:5px;padding:0 15px} .accumList .list li{padding:10px 145px 10px 65px;font-size:13px;min-height:44px;} .accumList .list li .data, .accumList .list li .price{top:10px} .accumList .list li .bank{width:80px;} .accumList .btnMore{height:45px} .accumList .btnMore span::after{width:23px;height:23px} /* Style the tab */ .tab button {width: 25%;line-height: 45px;border-width: 0 0 2px;} /* Style the buttons inside the tab */ /* Style the tab */ .li_guide{padding:10px !important} .bot_total_price{position:fixed;left:8px;bottom:8px;padding:0 10px;width:65%;height:30px;font-size:13px;line-height:30px;text-align:center;} .bot_total_price span{margin-left:10px;padding-left:10px;font-size:16px;} .bot_total_price span::before{height:10px;} .bot_total_price + .btnBc a, .bot_total_price + .btnBc button, .bot_total_price + .btnBc input{padding:0 10px !important;text-align:right} .btnList.mb_fix .btnBc .num{display:inline-block;margin-left:5px;width:15px;height:15px;font-size:12px;line-height:15px;} .pit{width:27px;font-size:10px} .top_notice{margin-left:10px;width:calc(100% - 20px);} .preview_kakao{position:absolute;top:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 30px);overflow:hidden;border-radius:5px} .preview_kakao .kak_top{position:fixed;top:15px;left:15px;padding-left:35px;width:calc(100% - 30px);background-color:#9ebed3;border-radius:5px 5px 0 0;background-size:auto 15px;z-index:10} .preview_kakao .kak_top h2{font-size:14px} .preview_kakao .scrollCon{padding:45px 0;height:100%} .preview_kakao .scrollCon .con{padding: 0 30px 70px 45px;} .preview_kakao .scrollCon .con .profile{left:10px;width:30px} .preview_kakao .scrollCon .con .k_logo{right:10px;width:25px} .preview_kakao .scrollCon .con dl dd{padding:10px} .preview_kakao .btnList{position:fixed;left:15px;bottom:15px;padding:5px;width:calc(100% - 30px);background:#9ebed3;border-radius:0 0 5px 5px;} .preview_kakao .btnList .btnBc{margin:0;width:100%;} .pop_notice{padding:0 15px 10px} .btnTerm{display:block;position:fixed;right:15px;bottom:70px;width:50px;height:50px;font-size:12px;color:#fff;line-height:14px;text-indent:0;background-image:none;border-radius:50%;z-index:10} .btnTerm2{display:block;position:fixed;right:15px;bottom:70px;width:50px;height:50px;font-size:12px;color:#fff;line-height:14px;text-indent:0;background-image:none;border-radius:50%;z-index:10} .mdetailSearchCon{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:500} .mdetailSearchCon ul.btn{position:absolute;right:4px;bottom:20px;width:135px;height:0;overflow:hidden;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;} .mdetailSearchCon ul::after{display:block;clear:both;content:''} .mdetailSearchCon ul li{float:left;margin-top:0;width:50%;height:0;text-align:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;} .mdetailSearchCon ul li button{font-size:14px;color:#fff;font-weight:500;} .mdetailSearchCon ul li button span{display:block;margin:0 auto 5px;width:50px;height:50px;vertical-align:middle;background-repeat:no-repeat;background-size:100%;border-radius:50%} .mdetailSearchCon ul li button .ic1{background-image: url('../img/ic_detail1.png')} .mdetailSearchCon ul li button .ic2{background-image: url('../img/ic_detail2.png')} .mdetailSearchCon ul li button .ic3{background-image: url('../img/ic_detail3.png')} .mdetailSearchCon ul li button .ic4{background-image: url('../img/ic_detail4.png')} .mdetailSearchCon ul li button .ic5{background-image: url('../img/ic_detail5.png')} .mdetailSearchCon ul li button .ic6{background-image: url('../img/ic_detail6.png')} .mdetailSearchCon .bottom_btn{position:absolute;right:15px;bottom:20px;} .mdetailSearchCon .bottom_btn button{position:relative;width:50px;height:50px;font-size:12px;color:#fff;background-repeat:no-repeat;background-position:center center;border-radius:50%;} .mdetailSearchCon .bottom_btn .btn_initial{margin-right:14px;background:#a5a5a5;transform:translateX(66px);-webkit-transform:translateX(66px);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;z-index:1} .mdetailSearchCon .bottom_btn .btnTerm_close{text-indent:-999px;overflow:hidden;background-image: url('../img/ic_close_big.png');background-size:17px;z-index:2} .mdetailSearchCon.on ul.btn{bottom:80px;height:auto;} .mdetailSearchCon.on ul li{margin-top:12px;height:auto;} .mdetailSearchCon.on .bottom_btn .btn_initial{transform:translateX(0);} .msearTop{position:absolute;top:0;left:0;padding:15px;width:100%;background:#fff;border-radius:0 0 20px 20px;z-index:10} .msearTop .selectView{margin-bottom:15px;max-height:165px;overflow:auto} .msearTop .selectView button{margin:4px 2px;padding:0 25px 0 8px;height:30px;font-size:12px;color:#666;background:url('../img/ic_filter_close.png') no-repeat right 8px center;background-size:6px;border:1px solid #e0e0e0;border-radius:19px} .msearTop .btnDetailSearch{width:100%;height:40px;color:#fff;border-radius:20px} .detailSearchCon{display:none} .search_nodata{padding:15px} .search_nodata p{margin-bottom:30px;padding-top:90px;font-size: 14px;background-size:65px} .search_nodata p b{font-size:17px} .search_nodata ul{padding:10px 20px;background:#fff;border:0} .search_nodata ul li{padding:5px 0 5px 7px;font-size:13px} .search_nodata ul li:before{top:12px;width:2px;height:2px} /* 2019-05-10 추가 */ .memSearchPop .passw_search{padding:15px} .memSearchPop .passw_search dt{font-size:13px} .memSearchPop .passw_search dd .con{padding-right:105px} .memSearchPop .passw_search dd .wrt_box{height:41px;} .memSearchPop .passw_search dd .wrt_box input{padding:0 10px;font-size:13px;} /* 2019-05-15 추가 */ .payView .infor .priceArea li input{width:36px;height:25px;font-size:12px} .payView .infor .priceArea li button{width:25px;height:25px} /* 2019-05-20 추가 */ .mem_passw_search{padding:15px 15px 100px} .mem_passw_search dt{font-size:13px} .mem_passw_search dd .con{padding-right:105px} .mem_passw_search dd .wrt_box{height:41px;} .mem_passw_search dd .wrt_box input{padding:0 10px;font-size:13px;} /* 2019-12-31 추가 */ .brandTop{margin-top:-10px;/*padding:0 10px*/} .brandimg_mb{margin-bottom:6px} /* 2020-01-03 추가 */ .inforCon1 .bg{background:#7591e5} .inforCon1 .txt{top:70px} .inforCon1 .txt .txt1{margin-bottom:0;font-size:17px;font-weight:500;letter-spacing:-1px} .inforCon1 .txt .txt1 span{padding-bottom:10px} .inforCon1 .txt .txt2 > span img{height:12px} .inforCon1 .txt .txt2 > span span{margin-top:0;font-size:11px} .inforCon h2{font-size:19px} .inforCon h2 > span{padding:0 5px 2px} .inforCon h2 > span::after{height:8px} .inforCon2{padding:50px 15px} .inforCon2 .box h2{margin-bottom:35px;} .inforCon2 .box .img{margin-bottom:25px} .inforCon2 .box .txtBox{padding:20px;font-size:15px;border-radius:10px} .inforCon2 .box .txtBox span{padding:5px 0 5px 50px;background-size:30px} .inforCon2 .box .conTop{margin-bottom:55px} .inforCon2 .box dl{margin-bottom:50px} .inforCon2 .box dl dt{padding:5px 0 0 35px;min-height:50px;font-size:17px;background-size:auto 18px} .inforCon2 .box dl dd ul li{margin-bottom:15px;padding-left:5px;font-size:12px} .inforCon2 .box dl dd ul li::before{top:7px;width:2px;height:2px} .inforCon2 .box dl dd p{font-size:16px} .inforCon2 .box dl dd p::after{height:8px} .inforCon3{padding:50px 15px} .inforCon3 .box h2{margin-bottom:50px} .inforCon3 .box dl dt{padding-top: 25px;width:24% !important;font-size:13px;background-size: auto 20px;} .inforCon3 .box dl.con1{margin-bottom:50px;padding:0;background-size: 70px;} .inforCon3 .box dl.con2{margin-bottom:50px;padding:0;background-size: 70px;} .inforCon3 .box dl.con3{padding:0;background-size: 70px;} .inforCon3 .box dl dd{padding-top:25px;width:76%} .inforCon3 .box dl dd ul li{margin-bottom:2px;padding-left:5px;font-size:11px} .inforCon3 .box dl dd ul li::before{top:7px;width:2px;height:2px} .inforCon3 .box dl dd p{margin-bottom:1px;padding: 0 2px 2px;font-size:13px} .inforCon3 .box dl dd p::after{top:9px;height:8px} .inforCon4{padding:50px 15px} .inforCon4 .box h2{margin-bottom:30px} .inforCon5{padding:50px 15px} .inforCon5 .box h2{margin-bottom:40px} .inforCon5 .box dl dt{padding-left:24px;min-height:40px;font-size:13px;background-size:16px;background-position:left 4px} .inforCon5 .box dl dd ul li{padding-left:80px;font-size:12px} .inforCon5 .box dl dd ul li .name{width:55px} .inforCon5 .box dl dd table{font-size:12px} .inforCon5 .box dl dd table thead th, .inforCon5 .box dl dd table tbody td{padding:8px 10px} /* 2021-07-23 추가 */ .brandTop .brandimg_txt{height:auto} .brandTop .brandimg_txt .txt{padding: 0 50px;} .brandTop .brandimg_txt .txt .txt1{margin-bottom: 10px;font-size: 20px;line-height: 25px;} .brandTop .brandimg_txt .txt .txt2{margin-bottom: 8px;font-size: 14px;} .brandTop .brandimg_txt .txt .txt3{font-size: 12px;line-height: 18px;} .brandTop .brandimg_txt .bg .pc{display:none} .brandTop .brandimg_txt .bg .mb{display:block} .brandTop .brandimg_txt .bg img{height:auto} /* 2021-07-23 추가 */ .storeImg{height:auto} .storeImg .txt{padding: 0 50px;} .storeImg .txt .txt1{margin-bottom: 10px;font-size: 20px;line-height: 25px;} .storeImg .txt .txt2{margin-bottom: 8px;font-size: 14px;} .storeImg .txt .txt3{font-size: 12px;line-height: 18px;} .storeImg .bg .pc{display:none} .storeImg .bg .mb{display:block} .storeImg .bg img{height:auto} /* 2022-01-27 */ .listTopCon{padding: 0 10px;} .listTopSearch{height: 45px;} .listTopSearch .seartxt{padding: 0 10px;font-size: 13px;} .listTopSearch .btn{width: 45px;background-size: 22px;} .listTopCon .listTopBox .control{width: calc(100% - 80px);height: 40px;} .listTopCon .pag{left: 10px;/*padding-bottom:10px;*/padding-left: 15px;font-size: 12px;background-size: 12px;} .listTopCon .t_pag{left: 10px;padding-bottom:0px;padding-left: 15px;font-size: 12px;background-size: 12px;} .listTopCon .listTopBox .control .order_list{/*padding: 0;*/padding-left: 10px;flex-wrap: nowrap;} .listTopCon .listTopBox .control .order_list .check_box3 + label{margin-right:0;padding-right: 3px;font-size: 12px;} .listTopCon .listTopBox .control button{width: 30px;height: 30px;background-size: 15px;} /* 모바일 상품상세 */ .detailCon .bookView .tableImg{display:block;width:100%;} .detailCon .bookView .tableTxt{display:block;width:100%;} .detailCon .bookView .subject h2 {font-size:16px;font-weight: 500;} .detailCon .bookView .subject p {font-size:13px;} .detailCon .bookView .viewInfo p .name {line-height: 3.5;} .detailCon .bookView .viewInfo p .info {font-size:13px;} .detailCon .bookView .steacher .title {font-size:11px;} .detailCon .bookView .steacher .teacher .name {font-size:11px;} .detailCon .bookView .steacher .teacher .select3 {font-size:11px;padding: 0px;background: #b0b2bb url(../img/ic_select_arrow_white.png) no-repeat right 10px center;} .detailCon .bookView .priceArea li input {font-size: 13px;width: 50px;height: 30px;} .detailCon .bookView .priceArea li button {width: 30px;height: 30px;} .detailCon .bookView .priceArea li .total_price b {font-size: 18px;} .switch3 .popupTxt1, .switch3 .popupTxt2, .switch3 .popupTxt3 {bottom:60px !important;} .eventList{padding-top: 0;} .eventList ul li{margin-bottom: 10px;} .eventList ul li a{display: block} .eventList ul li .pc, .topBanner .banner_img .pc{display: none;} .eventList ul li .mb, .topBanner .banner_img .mb{display: block;} .topBanner{margin-bottom: 20px;padding: 0 10px;} .topBanner .banner_img .btn a{padding: 0;width: 45px;line-height: 45px;text-indent: -999px;overflow:hidden;border-radius: 50%;background-position:center;} .brandTop .brandimg_txt .btn a{padding: 0;width: 45px;line-height: 45px;text-indent: -999px;overflow:hidden;border-radius: 50%;background-position:center;} .tabMenu2{margin-bottom: 20px;} .tabMenu2 ul li a{font-size: 13px;line-height: 40px;} .btn_list_more{/*margin-top: 20px;*/margin-top: 10px;height: 40px;} .book_prod_top dl dd > ul > li{flex-wrap: wrap;padding: 20px 0;} .book_prod_top dl dd > ul > li .lt{/*margin-bottom: 20px;padding-right: 0;*/padding: 0 20px;width: 100%;border-bottom: 1px solid #c0c0c0;} .book_prod_top dl dd > ul > li .lt .infor{margin-bottom: 10px;} .book_prod_top dl dd > ul > li .lt .infor .txt{margin-bottom: 5px;} .book_prod_top dl dd > ul > li .rt{/*padding-left: 0;*/padding: 10px 20px 0 20px;width: 100%;border-left: 0;} .book_prod_infor dl dd .pay_infor ul li{margin-bottom: 10px;padding-left: 70px;} .book_prod_infor dl dd .wrt_box{margin-bottom: 6px;} .popCon .bringTelCon .listTopGuide.bg + .telList .head ul{border-top: 0;} .telList.fix .head.scfix{top: 60px;} .memModfy.bg{padding: 15px 10px 0;} .popCon .bringTelCon .listTopGuide.bg{padding: 0 10px;} .popCon .bringTelCon .telList{padding: 0 10px 100px;} .bringTelCon .telList .head ul{border-top: 0;} /* 2022-04-11 추가 */ .popFix4 .popCon{padding: 20px;border-radius: 20px;} .popFix4 .popCon .btnClose{top: 15px;right: 15px;} .popFix4 .popCon .con .txt1{margin-bottom: 20px;min-height: 120px;font-size: 14px;} .popFix4 .popCon .btnList2 .btnBc a, .popFix4 .popCon .btnList2 .btnBc button, .popFix4 .popCon .btnList2 .btnBc input{font-size: 13px;} .btnList2{margin-top: 20px;} .listTopSearch2 select{margin-right: 5px;padding: 0 10px;width:80px;height: 45px;font-size: 13px;} /* .listTopSearch2{flex-wrap: wrap;justify-content: space-between;} .listTopSearch2 select{margin: 0 0 6px;width: calc(50% - 3px);height: 45px;} */ .listTopCon2{padding: 0 10px;} .listTopSearch2 .box{height: 45px;} .listTopSearch2 .box .seartxt{padding-left: 10px;font-size: 13px;} .listTopSearch2 .box .btn{width: 40px;} .listTopCon2 .listTopBox .control{height: 40px;} .listTopCon2 .pag{left: 10px;/*padding-bottom:10px;*/padding-left: 15px;font-size: 12px;background-size: 12px} .bookListType2 ul{padding: 0;} .bookListType2 ul li{width: 100%;border-radius: 0;} .bookListType2 ul li .box{padding:20px;} .bookListType2 ul li .bookImg{margin-right: 20px;width: 90px;height: 90px;} /* 2022-09-22 append */ .mem_join {border-radius: 0;} .mem_join img{border-radius: 5px;} .mem_join .bookListType2 ul{padding: 0;} .mem_join .bookListType2 ul li{width: 100%;border-radius: 15px;} .mem_join .bookListType2 ul li .join{padding:20px;} .mem_join .bookListType2 ul li .join dt img{width:50%} /* 2022-09-22 append */ .btn_mem_modify{margin-bottom: 20px;padding: 0 10px;} .btn_mem_modify .btnBc a{font-size: 13px;} .mypg_order{margin-bottom: 20px;} .mypg_order ul li{padding: 25px 0;font-size: 12px;} .mypg_order ul li .num{font-size: 20px;line-height: 20px;} .mypg_order ul li .num span{font-size: 15px;} .mypg_order ul li .ic_set{width: 20px;height: 20px;background-size: 100%;} .telList.managList .head{padding: 10px 10px;overflow-x:scroll;} .telList.managList .head ul{font-size:11px;border-top: 0;} .telList.managList .list_con2{padding: 0;} .telList.managList .list_con2 > ul > li{padding:15px 10px;font-size: 14px;} .telList.managList .list_con2 > ul > li > .tit{font-size: 14px;} .telList.managList .list_con2 > ul > li .check_box{margin-right: 10px;} .telList.managList .list_con2 > ul > li .check_box label{min-height: 20px;} .telList.managList .list_con2 > ul > li .num{padding-right: 10px;font-size: 14px;} .telList.managList .list_con2 > ul > li .manag_infor{margin: 15px -10px -15px;padding: 5px 15px 5px 45px;width: calc(100% + 20px);} .telList.managList .list_con2 > ul > li .manag_infor ul li{margin: 10px 0;font-size: 14px;} .telList.managList .list_con2 > ul > li .manag_infor ul li .name{width: 70px;} .telList.managList .head li.w1{width: auto;padding-left:5px;} .telList.managList .head li.w2{width: auto;padding-left:5px;} .telList.managList .head li.w3{width: auto;padding-left:5px;} .telList.managList .head li.w4{width: auto;padding-left:5px;} .telList.managList .head li.w6{width: auto;padding-left:5px;folat:right;text-align:right;} .telList.managList .head li.w7{width: auto;padding-left:5px;} .telList.managList .list_con2.book > ul > li{display: block;padding: 15px 55px 15px 110px;justify-content: left;min-height: 75px;} .telList.managList .list_con2.book > ul > li .check_box{position: absolute;top: 25px;left: 10px;} .telList.managList .list_con2.book > ul > li > .book{position: absolute;top:7px;left:45px;} .telList.managList .list_con2.book > ul > li > .book img{width: 40px;} .telList.managList .list_con2.book > ul > li .tit{width: 100%;text-align: left;} .telList.managList .list_con2.book > ul > li .w1{width: auto;} .telList.managList .list_con2.book > ul > li .w3{width: auto;} .telList.managList .list_con2.book > ul > li .kan{position: relative;padding-right: 10px;} .telList.managList .list_con2.book > ul > li .kan::after{position: absolute;top: 50%;right: 2px;width: 0;height: 10px;content: '';border-left: 1px solid #d3d3d3;transform: translateY(-50%);} .telList.managList .list_con2.book > ul > li .chek{position: absolute;top: 25px;right: 10px;width: auto;} .telList.managList .list_con2.book > ul > li .manag_infor{margin: 15px -55px -15px -110px;width: auto;} .telList.managList .list_con2 > ul > li .book{margin-right: 10px;} .telList.managList .list_con2 > ul > li .manag_infor ul li .book{margin-left: 0;} .telList.managList .list_con3{border-radius:0px;} .telList.managList .list_con3 .cate_head{padding: 10px;} .telList.managList .list_con3 .cate_head .tit{font-size: 14px;} .template_list{margin-bottom: 0;padding: 20px;} .template_file{padding: 20px;height: auto;} .telList.book .head li:nth-child(2){width: 58px;flex-shrink: 0;} .telList.book .head li.w1{width: 100%;text-align: left;flex-shrink: inherit;} .telList.book .list_con li{/*padding: 10px 60px 10px 110px;*/padding:10px;flex-direction: column;justify-content: center;min-height: 80px;} .telList.book .list_con li .book{position: absolute;top: 50%;left: 50px;width: 50px;transform: translateY(-50%);} .telList.book .list_con li .tit{margin-bottom: 5px;font-size: 14px;line-height: 1.2;} .telList.book .list_con li .txt{width: 100%;font-size: 13px;text-align: left; flex-shrink:inherit} .telList.book .list_con li .chek{position: absolute;top:50%;right: 0;transform: translateY(-50%);} .check_onoff + label{width: 40px;height: 24px;} .check_onoff + label::before{width: 18px;height: 18px;} .memGroup.book{padding: 20px 15px;} .telList.managList .list_con2.category{padding: 0;} .telList.managList .list_con2 .cate_head{padding: 10px;font-size: 14px;} .telList.managList .list_con2 .cate_head .check_box{width: 35px;} .telList.managList .list_con2 .cate_head .tit{font-size: 16px;} .telList.managList .list_con2 .cate_head .w1{width: 23%;} .telList.managList .list_con2 .cate_head .w3{width: 20%;} .telList.managList .list_con2 .cate_head .w4{width: 70px;} .telList.managList .list_con2 > ul > li > .tot{margin-right: auto;font-size: 14px;font-weight: 500;width:calc(100% - 140px);} .btn_total_open2 button{/*margin-bottom: 5px;*/height: 35px;} .searchStateBox ul.li9 li{width: 33.33% !important;height: 80px;} .searchStateBox ul.li9 li .num{padding-top: 15px;} .searchStateBox ul.li12 li{width: 25% !important;height: 70px;} .searchStateBox ul.li12 li .num{padding-top: 10px;} .searchStateBox.mrb{/* 2022-10-24 margin-bottom: 15px;*/margin-bottom: 15px;} .telList.managList .head li.mbNone{display: none;} .telList.managList .list_con2.sale > ul > li{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;padding:10px;font-size:11px;overflow-x:scroll;} .telList.managList .list_con2.sale > ul > li > .tit{margin-bottom:5px;width: calc(100% - 40px);text-align: left;font-size:12px;} .telList.managList .list_con2.sale > ul > li .w1{float:right;width:70px;height:30px;line-hieght:30px} .telList.managList .list_con2.sale > ul > li .w2{float:right;width:45px;height:30px;line-hieght:30px} .telList.managList .list_con2.sale > ul > li .w6{float:right;text-align:right;width:calc(100% - 295px);height:30px;line-hieght:30px} .telList.managList .list_con2.sale > ul > li .w7{float:right;text-align:center;;height:30px;width:110px;line-hieght:30px} .telList.managList .list_con2.sale > ul > li > .kan{position: relative;margin-left:0px;padding-left: 0px;} .telList.managList .list_con2.sale > ul > li > .kan::after{position: absolute;top: 9px;left: 2px;width: 0;height: 15px;content: '';border-left: 1px solid #d3d3d3;transform: translateY(-50%);} .telList.managList .list_con2.sale > ul > li > .kan:last-of-type{display: none;} .telList.managList .list_con2.sale > ul > li > .first{margin-left: 0px;} .telList.managList .list_con2.sale > ul > li .check_box{margin-bottom:5px;} .telList.managList .list_con2.sale > ul > li .last1{position: relative;/*margin-left: 5px;padding-left: 10px;*/text-align:right;margin-left: 0px;padding-left: 0px;} .telList.managList .list_con2.sale > ul > li .last2{position: absolute;right: 10px;top:43px;} .telList.managList .list_con2.sale > ul > li .manag_infor{margin:0px;padding:0px;margin-bottom:10px;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li{margin:0px;padding:10px 20px;font-size: 10px;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box{margin: 5px 0;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box .name{margin-right: 5px;font-size: 14px;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box .tit{/*margin-right: 5px;*/font-size: 12px;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box .txt{/*margin-right: 5px;*/font-size: 11px;} .telList.managList .list_con2.sale > ul > li .manag_infor ul li .box .kan{margin-right: 5px;padding-left: 8px;} /* 2022.11.21 판매관리 및 청구서 관리 주문자 리스트 .telList.managList .list_con2 > ul > li .ord_table ul{width:100%;justify-content: space-between;flex-wrap: wrap;justify-content: flex-start;} .telList.managList .list_con2 > ul > li .ord_table ul.mb_noline{border-top:0px;} .telList.managList .list_con2 > ul > li .ord_table ul.pc{display:none;} .telList.managList .list_con2 > ul > li .ord_table ul li{font-size:11px;padding:10px 5px !important;} .telList.managList .list_con2 > ul > li .ord_table .memo{width:100%;padding:10px;font-size:11px;background:#fff;} /* 2022.11.21 판매관리 및 청구서 관리 주문자 리스트 */ .telList.managList .list_con2 > ul > li .ord_table{margin:0;margin-bottom:10px;} /* 북스토어 관리 교사용신청 .teacher_book ul li .box{padding:0px;} .teacher_book ul li .box .steacher{padding:0px 0px 0px 55px;} .teacher_book ul li .box .steacher select{width:50%;font-size:11px} .teacher_book ul li .box .steacher .title{height:36px;padding: 0 10px;font-size:11px;line-height:33px;} .teacher_book ul li .box .steacher .teacher{font-size:11px;} .teacher_book ul li .box .steacher .teacher .name{padding-left:5px;} .teacher_book ul li .box .steacher .teacher .select2{height:34px;line-height:24px;padding:5px;background:#b0b2bb;} .teacher_book ul li .box .steacher .teacher .select3{height:34px;text-align:left;padding:5px;background:#b0b2bb url('../img/ic_select_arrow_white.png') no-repeat right 5px center;} .teacher_book ul li .box .steacher .teacher .fLeft{height:36px;line-height:33px;width:calc(50% - 2px);} .teacher_book ul li .box .steacher .teacher .fRight{height:36px;line-height:33px;width:calc(50% - 2px);} 북스토어 관리 교사용신청 */ /* 2022-09-19 추가 */ .tabMenu2.row.ic_menu ul{padding: 0 10px;white-space: inherit;} .tabMenu2.row.ic_menu ul li a{padding: 10px 0;} .tabMenu2.row.ic_menu ul li a::before{margin-bottom: 10px;width: 50px;height: 50px;} /* 2022-10-15 append */ .slide_title{top:60%;font-size:0.9em;} .slide_banner{top:78%;} .slide_banner .txt{font-size:0.7em;} } /* Mobile Device */ @media all and (max-width:340px){ .btnBc a, .btnBc button, .btnBc input{font-size:12px} .agreeCon li .name{font-size:12px} .agreeCon li .rtc{width:125px} .check_radio, .check_radio2 + label{font-size:12px} } /* 2019-04-11 Add Style */ .comm_shadow_box{position:relative;padding:30px;background:#fff;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,0.1);} .comm_shadow_box.searchStateBox{padding:0} .searchStateBox {overflow:hidden} .searchStateBox li{float:left;width:12.5%;height:90px;text-align:center;border-left:1px solid #c0c0c0;box-sizing:border-box} .searchStateBox li:first-child{border-left:none} .searchStateBox li .tit{font-size:11px;font-weight:500;padding-top:10px;display:block;color:#888888;line-height:1;} .searchStateBox li .num{font-size:23px;font-weight:600;padding-top:20px;display:block;line-height:1;color:#666666;} .bookListSearch ul li{padding-top:10px} .bookListSearch ul li .box{overflow:hidden;position:relative;padding:20px 0 20px 0;background:#fff;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,0.1);} .bookListSearch ul li .box .infor1{position:relative;margin:0 30px 20px 30px;padding-left:130px;min-height:130px} .bookListSearch ul li .box .infor1 .bookImg{position:absolute;left:0;top:0;padding:4px;width:100px;height:133px;overflow:hidden;background:#fff;border:1px solid #ececec} .bookListSearch ul li .box .infor1 .bookImg img{width:100%;height:100%} .bookListSearch ul li .box .infor1 .bookImg .part{position:absolute;top:-60px;left:-60px;width:100px;height:100px;transform:rotate(45deg);-webkit-transform:rotate(45deg)} .bookListSearch ul li .box .infor1 .bookImg .part span{position:absolute;top:40px;left:72px;font-size:10px;color:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)} .bookListSearch ul li .box .infor1 .bookImg .part.part1{background:#03c8cf;} .bookListSearch ul li .box .infor1 .bookImg .part.part2{background:#32b3ee;} .bookListSearch ul li .box .infor1 a{display:block} .bookListSearch ul li .box .infor1 .subject{margin-bottom:20px;height:40px;padding-right:90px} .bookListSearch ul li .box .infor1 h2{margin-bottom:10px;font-size:14px;color:#444444;font-weight:500;white-space: normal; line-height: 1.2; max-height: 40px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; } .bookListSearch ul li .box .infor1 p{font-size:12px;color:#999;line-height:100%;} .bookListSearch ul li .box .infor1 .txt1{color:#333;font-weight:500;margin-bottom:3px} .bookListSearch ul li .box .infor1 .txt1 span{color:#888888;font-weight:400} .bookListSearch ul li .box .infor1 .txt2 {margin-bottom:0;line-height:1.3;color:#666666;font-size:14px} .bookListSearch ul li .box .infor1 .txt2 .num{color:#ff3600;margin-right:5px} .bookListSearch ul li .box .infor1 .txt3{font-size:18px;font-weight:600} .bookListSearch ul li .box .infor1 .txt3 .won{color:#888888;font-size:13px;font-weight:400} .bookListSearch ul li .box .infor1 .btn_detail_view{position:absolute;right:0;top:51px;line-height:25px} .bookListSearch ul li .box .infor1 .btn_detail_view a{display:inline-block;position:relative;padding-right:27px;font-size:12px} .bookListSearch ul li .box .infor2{padding:0 30px 20px 30px;display:none} .bookListSearch ul li .box .infor2.open{display:block} .bookListSearch ul li .box .infor2 h4{color:#333333;font-weight:500;font-size:13px;line-height:1;margin-bottom:15px} .bookListSearch ul li .box .infor2 .inner{;background:#c0c0c0;padding:20px;position:relative;margin-top:10px} .bookListSearch ul li .box .infor2 .inner:first-child{margin-top:0} .bookListSearch ul li .box .infor2 .sec_r{position:absolute;right:30px;/*2022-10-24 top:30px;*/top:15px;} .bookListSearch ul li .box .infor2 .sec_r .check_box{;color:#888888} .bookListSearch ul li .box .infor2 .btn{margin-top:20px} .bookListSearch .book_item_list{padding-top:0;overflow:hidden; } .bookListSearch .book_item_list .item_box{border-bottom:1px solid #c0c0c0;padding:10px 0 10px 0;position:relative;padding-right:25px;padding-left:110px;box-sizing:border-box;} .bookListSearch .book_item_list .item_box:first-child{border-top:1px solid #c0c0c0} .bookListSearch .book_item_list .item_box .check_box{position:absolute;left:0;top:10px;} .bookListSearch .book_item_list .item_box .bookImg{position:absolute;left:35px;top:10px;padding:4px;width:60px;height:80px;overflow:hidden;background:#fff;border:1px solid #ececec} .bookListSearch .book_item_list .item_box .item_info_box ul{margin:0;padding:0} .bookListSearch .book_item_list .item_box .item_info_box ul:after{clear:both;display:block;content:''} .bookListSearch .book_item_list .item_box .item_info_box li{margin:0;padding:0;padding-left:80px;position:relative;color:#666666;font-weight:400;line-height:26px} .bookListSearch .book_item_list .item_box .item_info_box li.wd_3li{float:left;width:33.3%} .bookListSearch .book_item_list .item_box .item_info_box li .tit{position:absolute;left:0;top:0;line-height:26px;font-weight:500;color:#333333;font-size:13px} .bookListSearch ul li .box .infor1 .bookImg img{width:100%;height:100%} .bookListSearch ul li .box .infor3{border-top:1px solid #c0c0c0;padding:20px 30px 0 30px;position:relative} .bookListSearch ul li .box .infor3 h3{font-size:16px;font-weight:600;line-height:1;margin-bottom:20px} .bookListSearch ul li .box .infor3 .state_txt{position:absolute;right:30px;top:20px;color:#666666;font-size:13px} .bookListSearch ul li .box .infor3 .state_txt span{margin-left:10px} .bookListSearch ul li .box .infor3 .sec_r{position:absolute;right:30px;bottom:0} .bookListSearch .btn button{padding:0 20px;margin-right:3px;height:40px;font-size:13px;color:#fff;font-weight:500;background:#b0b2bb;border-radius:5px;box-sizing:border-box} .bookListSearch .btn button.ico_del{background:url('../img/ico_com_delete.png') #fff 20px center no-repeat;padding-left:40px;color:#666666;border:1px solid #c0c0c0ddd; } .bookListSearch .btn_open{position:absolute;top:0;right:0;width:25px;height:25px;overflow:hidden;} .bookListSearch .btn_open::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:url('../img/ic_open_arrow.png') no-repeat center center;background-size:13px;transform:rotate(180deg);-webkit-transform:rotate(180deg)} .bookListSearch .btn_open.on::after{transform:rotate(0);-webkit-transform:rotate(0)} .bookListSearch.typeTab02 .box .infor1{padding-top:70px} .bookListSearch.typeTab02 ul li .box .infor1 .bookImg{top:70px} .bookListSearch.typeTab02 .box .infor1 .msg_txt_box{background:#edf4fd;height:50px;line-height:50px;padding:0;text-align:center;box-sizing:border-box;position:absolute;left:0;top:0;right:0;width:100%} .bookListSearch.typeTab02 .book_item_list .item_box{padding-left:120px} .bookListSearch.typeTab02 .book_item_list .item_box .bookImg{left:0} .bookListSearch.typeTab03 .book_item_list .item_box{padding-left:120px} .bookListSearch.typeTab03 .book_item_list .item_box .bookImg{left:0} .bookListSearch.TypMsgB .box .infor1 .msg_txt_box_2{background:#fff;border-bottom:1px solid #c0c0c0;height:50px;line-height:1;padding:0;text-align:left;box-sizing:border-box;position:absolute;left:-30px;top:0;right:-30px;padding:0 30px} .bookListSearch.TypMsgB .box .infor1{padding-top:70px} .bookListSearch.TypMsgB ul li .box .infor1 .bookImg{top:70px} .bookListSearch.TypMsgB .btn_print{top:0} .tbl_001{font-size:13px} .tbl_001 tbody th{background:#f8f8f8;border:1px solid #c0c0c0;padding:10px 30px;text-align:left;color:#666666;font-weight:500;;line-height:1.4;box-sizing:border-box;height:50px} .tbl_001 tbody td{background:#fff;border:1px solid #c0c0c0;padding:10px 30px;text-align:right;font-weight:400;line-height:1.4;color:#666666;box-sizing:border-box;height:50px} .tbl_001.txtL tbody td{text-align:left} .tbl_001 .black01{color:#333333} .bookListSearch select{padding-right:25px;height:40px;font-size:13px;text-indent:5px;cursor:pointer;background: url('../img/ic_select_arrow.png') no-repeat right 10px center} .paymentCancel{/* 2022-10-24 padding:40px 40px 20px;*/padding:40px 30px 20px;} .paymentCancel dl dt{margin-bottom:5px;color:#666} .paymentCancel dl dd{margin-bottom:15px} .paymentCancel dl dd .wrt_box{position:relative;margin-bottom:10px;padding:2px 5px 2px 2px;height:44px;border:1px solid #c0c0c0;border-radius:5px} .paymentCancel dl dd .wrt_box input{padding:0 10px;width:100%;height:100%;font-size:13px} .paymentCancel dl dd.con1 .btn-up{position:relative;padding:0 10px;height:40px;width:100%;font-size:13px;color:#a5a5a5;text-align:left;border-width:2px;border-style:solid;border-radius:5px} .paymentCancel dl dd.con1 .btn-up span{position:absolute;top:50%;right:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .paymentCancel select{padding-right:25px;color:#a5a5a5;height:40px;font-size:13px;text-indent:5px;cursor:pointer;background: url('../img/ic_select_arrow.png') no-repeat right 10px center} .paymentCancel textarea{color:#a5a5a5;width:100%;height:200px;padding:10px;box-sizing:border-box;border:1px solid #eeeeee;border-radius:5px} .btnBc.st_block{display:block;margin-bottom:10px} .popFix .popCon .btnList.non_pd{padding-bottom:0} .popFix .popCon .btnList.non_pd .btnBc.st_block{margin-bottom:0} .pop_exp_msg{padding:10px 40px 40px 40px;color:#666666;font-weight:300;line-height:1.4} .pop_exp_msg .tit{color:#333;font-weight:500;margin-bottom:5px} .searchDateBox{overflow:hidden;padding-bottom:20px} .searchDateBox .month_box{overflow:hidden;float:left;width:calc(100% - 350px);box-sizing:border-box;padding-right:1%} .searchDateBox .month_box ul{border:1px solid red;box-sizing:border-box;overflow:hidden} .searchDateBox .month_box li{float:left;width:16.666%;text-align:center;line-height:50px;height:50px;} .searchDateBox .month_box li{border-left:1px solid #f5f5f5;} .searchDateBox .month_box li a{background:#fff;color:#666666;display:block;} .searchDateBox .month_box li.on a{color:#fff;background:red} .searchDateBox .month_box li:first-child{border-left:none;} .searchDateBox .month_box .btn_sch_open{display:none} .searchDateBox .calendar_box{overflow:hidden;float:left;width:350px;border:1px solid red;padding-right:50px;box-sizing:border-box;background:#f8f8f8;position:relative} .searchDateBox .calendar_box .inputDate{background:url('../img/ico_com_cal.png') #f8f8f8 right center no-repeat;line-height:50px;height:50px;display:block;width:100%;color:#666} .searchDateBox .calendar_box .date_wd_1{z-index: 1000;position: absolute;display: block;background:#f8f8f8;height:50px;line-height:50px;width:40%;float:left;padding-right:10px;padding-left:20px;/*2022-11-11 margin-right:3%*/} .searchDateBox .calendar_box .date_wd_2{z-index: 1000;position: absolute;display: block;background:#f8f8f8;height:50px;line-height:50px;width:40%;float:left;padding-right:10px;padding-left:20px;right:50px;} .searchDateBox .calendar_box .line{position: relative;display: block;z-index: 900;float: left;width: 100%;text-align: center;height: 50px;line-height: 50px;font-size: 20px;} .searchDateBox .calendar_box .btn_search_go{position:absolute;right:0;top:0;width:50px;border-left:1px solid red;background:#fff} .searchDateBox .calendar_box .btn_search_go a{background:url('../img/ic_search_m.png') center center no-repeat;background-size:auto 20px;display:block;width:50px;height:50px;line-height:50px;font-size:0} .bookListSearch.typeDetail ul li:first-child{padding-top: 0;} .bookListSearch.typeDetail ul li .box .infor3 h3{margin-bottom:0} .bookListSearch.typeDetail .info2_detail{padding:0 20px 20px 20px;} .bookListSearch.typeDetail .info2_detail h4{color:#333333;font-weight:500;font-size:13px;/*2022-11-09 line-height:1;*/line-height:40px;margin-bottom:0} .bookListSearch.typeDetail .info2_detail .inner{;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;/*2022-11-09 padding:20px;*/padding: 10px 20px 20px;position:relative;margin-top:10px} .bookListSearch.typeDetail .info2_detail .inner:first-child{margin-top:0} .book_item_list_typeA{padding-top:5px} .book_item_list_typeA:after{content:'';display:block;clear:both} .book_item_list_typeA .item_box{border:1px solid #c0c0c0;border-bottom:0px;/*2022-11-09 padding:10px 0 10px 0;padding-right:25px;padding-left:80px;*/padding:10px 25px 10px 80px;position:relative;box-sizing:border-box;} .book_item_list_typeA .item_box .bookImg{position:absolute;/*2022-11-09 left:0;top:14px;*/left:7px;top:7px;padding:4px;width:60px;height:80px;overflow:hidden;background:#fff;border:1px solid #ececec} .book_item_list_typeA .item_box .item_info_box ul{margin:0;padding:0;overflow:hidden} .book_item_list_typeA .item_box .item_info_box li{margin:0;padding:0;padding-left:80px;position:relative;color:#666666;font-weight:400;line-height:24px} .book_item_list_typeA .item_box .item_info_box li .tit{position:absolute;left:0;top:0;line-height:24px;font-weight:500;color:#333333;font-size:12px} .book_item_list_typeA .item_box .item_info_box li.wd_3li{float:left;width:33.3%} .book_item_list_typeA .item_box:last-child{/*2022-11-09 border:none;padding-bottom:0*/border-bottom:1px solid #c0c0c0;} .bookListSearch .btn_print{position:absolute;right:0;top:100px} .bookListSearch .btn_print a{color:#888888;background:url('../img/ico_com_print.png') left center no-repeat;padding-left:32px;line-height:25px;display:block;} .bookListSearch.TypMsgB ul li .box .infor1 .btn_detail_view{top:170px} .bookListSearch.typeTab02 ul li .box .infor1 .btn_detail_view{top:170px} .btn.h_30{display:inline-block;} .btn.h_30 button{height:30px;line-height:30px;padding:0 10px} .bookListSearch .btn.h_30{margin:0 !important} .bookListSearch .book_prod_infor{margin:0;border-radius:0;box-shadow:none;margin:0 -30px;} .bookListSearch .book_prod_infor dl:last-child{border-bottom:none} .bookListSearch .pay_select li{padding-top:0} .bookListSearch.pb_none ul li .box .infor2{padding-bottom:0} .searchMemberOrderBox{overflow:hidden;padding-bottom:20px} .searchMemberOrderBox .month_box{overflow:hidden;float:left;width:70%;box-sizing:border-box;padding-right:1%} .searchMemberOrderBox .month_box ul{border:1px solid #5292e7;box-sizing:border-box;overflow:hidden} .searchMemberOrderBox .month_box li{float:left;width:20%;text-align:center;line-height:48px;height:48px;padding:0;box-sizing:border-box} .searchMemberOrderBox .month_box li{border-left:1px solid #f5f5f5;overflow:hidden} .searchMemberOrderBox .month_box li .tit{float:left;width:40%;padding-left:15px;box-sizing:border-box;display:block;} .searchMemberOrderBox .month_box li .num{float:right;width:60%;text-align:right;padding-right:15px;box-sizing:border-box;display:block;} .searchMemberOrderBox .month_box li a{background:#fff;color:#666666;display:block;overflow:hidden} .searchMemberOrderBox .month_box li.on a{color:#fff;background:#5292e7} .searchMemberOrderBox .month_box li.on .num{color:#fff !important} .searchMemberOrderBox .month_box li:first-child{border-left:none;} .searchMemberOrderBox .month_box .btn_sch_open{display:none} .searchMemberOrderBox .calendar_box{overflow:hidden;float:left;width:30%;border:1px solid #5292e7;padding-right:50px;box-sizing:border-box;background:#f8f8f8;position:relative} .searchMemberOrderBox .calendar_box .inputTxt{background: #f8f8f8;line-height:48px;height:48px;display:block;width:100%;color:#666} .searchMemberOrderBox .calendar_box .date_wd_1{background:#f8f8f8;height:48px;line-height:48px;width:100%;padding-left:20px;box-sizing:border-box} .searchMemberOrderBox .calendar_box .btn_search_go{position:absolute;right:0;top:0;width:50px;border-left:1px solid #5292e7;background:#fff} .searchMemberOrderBox .calendar_box .btn_search_go a{background:url('../img/ic_search_m.png') center center no-repeat;background-size:auto 20px;display:block;width:50px;height:50px;line-height:50px;font-size:0} .orderList{padding:0;border:1px solid #c0c0c0;box-sizing:border-box} .orderList ul::after{display:block;clear:both;content:''} .orderList .head{padding:0;box-shadow:0 2px 2px rgba(0,0,0,0.1);border-bottom:1px solid #c0c0c0} .orderList .head ul{display:table;padding:10px 10px;width:100%;font-size:12px;color:#333;border-bottom:1px solid #c0c0c0} .orderList .head li{display:table-cell;text-align:center;padding-top:0;font-size:13px;color:#333333} .orderList .head li:first-child{width:7%;text-align:left;padding-left:20px;box-sizing:border-box} .orderList .head li:nth-child(2){width:20%} .orderList .head li:nth-child(3){width:32%} .orderList .head li:last-child{width:41%} .orderList .list_con{padding:0;overflow:auto;} .orderList .list_con li::after{display:block;clear:both;content:''} .orderList .list_con li{position:relative;padding:10px 10px 10px 10px;color:#666666;background:#c0c0c0;border-bottom:1px solid #c0c0c0;text-align:center;box-sizing:border-box;font-size:13px} .orderList .list_con li:last-child{border-bottom:none} .orderList .list_con li .check_box{transform:translateY(-50%);-webkit-transform:translateY(-50%);float:left;top:13px;width:7%;text-align:left;padding-left:20px;box-sizing:border-box} .orderList .list_con li .name{float:left;width:20%;text-align:center} .orderList .list_con li .tel{float:left;width:32%;text-align:center} .orderList .list_con li .memo{float:left;width:41%;text-align:center;} .orderList .col_red{color:#ff3600} .orderList.typeView .head{background:#c0c0c0} .orderList.typeView .head li:first-child{width:25%;text-align:center;padding-left:0} .orderList.typeView .head li:nth-child(2){width:30%} .orderList.typeView .head li:last-child{width:40%} .orderList.typeView .list_con li{background:#fff;} #wrapper.popTypA .orderList.typeView .list_con li{padding-top:10px} .orderList.typeView .list_con li .name{width:25%;padding-left:0} .orderList.typeView .list_con li .tel{width:30%} .orderList.typeView .list_con li .memo{width:40%} .btn_print{position:absolute;right:10px;top:0px} .btn_print button{color:#888888;background:url('../img/ico_com_print.png') left center no-repeat;background-size:auto 25px;padding-left:32px;line-height:25px;display:block;} .com_tit_01{color:#333333;font-weight:500;font-size:13px;margin-bottom:10px;margin-top:20px} .com_tit_01.line_top{border-top:1px solid #e5e5e5;padding-top:15px} .bookListSearch ul li .box .infor2 .btn.line_btm{margin-top:10px;border-bottom:1px solid #e5e5e5;padding-top:0;padding-bottom:20px} .bookListSearch ul li .box .infor2 .btn.line_btm_2{margin-top:10px;padding-top:0;padding-bottom:20px} .bookListSearch .book_prod_infor.typView dl:last-child{border:none} .typView.book_prod_infor dl{border:none;} .typView.book_prod_infor dl dt{border:none;border-top:1px solid #e5e5e5;padding-top:20px} .typView.book_prod_infor dl.con2 dd{background:#fff;padding:0;border:none} .typView.book_prod_infor dl dd{margin-top:10px} .bookListSearch .pc{display:block;} .bookListSearch .mb{display:none;} /* 2022-07-29 PC 죄측 배너 관련 */ #quick_guide_area{position: absolute;z-index: 300; right:50%; top:20px; margin-right:620px;} #quick_guide_area .quick_close_btn{position: absolute; left:110px; top:5px;} #quick_guide_area .quick_img_box{display: block; margin-bottom:10px;} #quick_guide_area a{display: block;} #quick_guide_area img{vertical-align: top;} #quick_guide_area > div{position:relative;} #quick_guide_area .quick_close_btn{position: absolute; left:auto; right:-18px; top:1px;} #quick_guide_area.on{position: fixed; top:20px;} /* 2022-07-29 PC 죄측 배너 관련 */ /* 2022-07-29 PC 우측 배너 관련 */ #quick_area_add{position: absolute;z-index: 300; left:50%; top:20px; margin-left:620px;} #quick_area_add .quick_close_btn{position: absolute; left:110px; top:5px;} #quick_area_add .quick_img_box{display: block; margin-bottom:10px;} #quick_area_add a{display: block;} #quick_area_add img{vertical-align: top;} #quick_area_add > div{position:relative;} #quick_area_add .quick_close_btn{position: absolute; left:auto; right:-18px; top:1px;} #quick_area_add.on{position: fixed; top:20px;} /* 2022-07-29 PC 우측 배너 관련 */ @media all and (max-width:1000px){ .bookListSearch .book_item_list .item_box{width:100%;padding-top:15px;padding-bottom:15px} .bookListSearch .book_item_list .item_box .check_box{top:15px} .bookListSearch .book_item_list .item_box .bookImg{top:15px;left:30px} .book_item_list_typeA .item_box .bookImg{top:18px;/*2022-11-09 left:0*/} .book_item_list_typeA .item_box{padding-top:15px;padding-bottom:15px} .searchStateBox{margin-bottom:10px;border-radius:0} .searchStateBox li {border-top: 1px solid #c0c0c0;} .searchStateBox ul.li12 li{width: 16.65%;height: 70px;} .searchStateBox ul.li12 li .num{padding-top: 10px;} .searchMemberOrderBox .calendar_box .btn_search_go a{background-size:auto 20px} .searchMemberOrderBox{padding:0 0 15px 0} .searchMemberOrderBox .month_box{width:100%;padding:0} .searchMemberOrderBox .calendar_box{width:100%;border-top:none;display:none} .searchMemberOrderBox .calendar_box.open{display:block;} .searchMemberOrderBox .month_box ul{padding-right:50px;position:relative} .searchMemberOrderBox .month_box li.btn_sch_open{position:absolute;right:1px;top:1px;width:50px} .searchMemberOrderBox .month_box .btn_sch_open a{background:url('../img/ic_search_m.png') #fff center center no-repeat;background-size:auto 20px;display:block;width:50px;height:50px;line-height:50px;font-size:0;} .searchMemberOrderBox .month_box .btn_sch_open .btn-month-open.on{background:url('../img/ico_com_delete_big.png') #fff center center no-repeat;background-size:auto 20px} .searchMemberOrderBox .month_box .btn_sch_open{display:block} .bookListSearch.typeTab02 .book_item_list .item_box .bookImg{left:0} .bookListSearch.typeTab03 .book_item_list .item_box .bookImg{left:0} .bookListSearch.typeTab03 .book_item_list .item_box{padding-left:120px} .book_item_list_typeA .item_box .item_info_box li.wd_3li{float:none;width:100%} .bookListSearch .book_item_list .item_box .item_info_box li.wd_3li{float:none;width:100%} } @media all and (max-width:720px){ .bookListSearch .pc{display:none;} .bookListSearch .mb{display:block;} .tbl_001{font-size:13px} .tbl_001 tbody th{padding:10px 15px} .tbl_001 tbody td{padding:10px 15px} .memModfy{position:relative;padding:20px 15px;box-shadow:0 2px 2px rgba(0,0,0,0.1);z-index:2} .pop_exp_msg{padding:10px 15px 20px 15px;background:#f5f5f5} .bookListSearch.typeDetail .info2_detail{padding:0 15px} .paymentCancel{padding:20px 15px} .bookListSearch .btn{right:10px} .bookListSearch .btn button{padding:0 5px;font-size:11px;height:30px;margin-bottom:3px} .bookListSearch .btn button.ico_del{padding-left:20px;background-position: 5px center;background-size:10px auto} .bookListSearch ul li{padding-top:10px} .bookListSearch ul li .box .infor1{margin:0 15px 10px 15px} .bookListSearch ul li .box .infor2{padding:0 15px 15px 15px} .bookListSearch ul li .box .infor2 .inner{padding:15px} .bookListSearch ul li .box .infor2 .sec_r{position:relative;right:auto;left:0;top:auto;border-bottom:1px solid #eeeeee;padding:15px 0 12px 0} .bookListSearch ul li .box .infor3 h3{margin-bottom:5px} .bookListSearch ul li .box .infor3{padding:15px 0 0 0;margin:0 15px} .bookListSearch ul li .box .infor3 .state_txt{position:relative;left:0;top:auto;right:auto;bottom:auto;margin-bottom:10px} .bookListSearch ul li .box .infor3 .state_txt span{margin-left:0;margin-right:5px} .searchStateBox li{width:25%;border-top:1px solid #c0c0c0;/* 2022-10-24 height:100px;*/height:80px;} .searchStateBox li .tit{font-size:0.7rem} .searchStateBox li .num{/* 2022-10-24 padding-top:25px;*/padding-top:15px;font-size:1.2rem} .bookListSearch ul li .box .infor1 h2{font-size:15px} .bookListSearch ul li .box {padding-top:70px} .bookListSearch ul li .box .infor1{margin:15px;padding-left:115px;min-height:110px} .bookListSearch ul li .box .infor1 .bookImg{left:10px;width:90px;height:110px} .bookListSearch ul li .box .infor1 .txt1{position:absolute;left:0;top:-85px;right:0;padding:15px;margin:0 -15px;box-sizing:border-box;border-bottom:1px solid #e5e5e5;font-size:15px} .bookListSearch ul li .box .infor1 .btn_detail_view{top:-60px} .bookListSearch .btn_print{top:-60px} .bookListSearch .btn_print a{font-size:0;width:25px} .bookListSearch ul li .box .infor1 .txt1 span{display:block;} .bookListSearch .book_item_list{padding:0} .bookListSearch .book_item_list table{margin-top:10px} .bookListSearch ul li .box .infor2 h4{margin-bottom:0} .bookListSearch ul li .box .infor3 .sec_r{right:0} .bookListSearch ul li .box .infor3 .state_txt{font-size:13px} .bookListSearch ul li .box .infor3 h3{font-size:15px} .bookListSearch ul li .box .infor1 .txt2, .bookListSearch ul li .box .infor1 .txt3{text-align:right} .bookListSearch ul li .box .infor1 .txt2{font-size:13px} .bookListSearch ul li .box .infor1 .txt3{font-size:17px} .bookListSearch ul li .box .infor1 .subject{margin-bottom:30px;padding-right:0} .bookListSearch.typeDetail .info2_detail .inner{padding:15px} .tabMenu ul.li3 li{width:33.3%} .tabMenu ul.li3 li a{padding:0;} .searchDateBox{padding:0 15px 15px 15px} .searchDateBox .calendar_box{width:100%;border-top:none;display:none} .searchDateBox .calendar_box.open{display:block;} .searchDateBox .calendar_box .inputDate{line-height:38px;height:38px} .searchDateBox .calendar_box .date_wd_1{height:38px;line-height:38px;} .searchDateBox .calendar_box .date_wd_2{height:38px;line-height:38px;} .searchDateBox .calendar_box .line{height:38px;line-height:38px} .searchDateBox .calendar_box .btn_search_go{width:40px} .searchDateBox .calendar_box .btn_search_go a{height:40px;width:40px;line-height:40px} .searchDateBox .month_box{width:100%;padding:0} .searchDateBox .month_box ul{padding-right:40px;position:relative} .searchDateBox .month_box li{height:40px;line-height:40px;} .searchDateBox .month_box li.btn_sch_open{position:absolute;right:0;top:0;width:40px} .searchDateBox .month_box .btn_sch_open a{background:url('../img/ic_search_m.png') #fff center center no-repeat;background-size:auto 50%;display:block;width:40px;height:40px;line-height:40px;font-size:0;} .searchDateBox .month_box .btn_sch_open .btn-month-open.on{background:url('../img/ico_com_delete_big.png') #fff center center no-repeat;background-size:auto 50%} .searchDateBox .month_box .btn_sch_open{display:block} .book_item_list_typeA .item_box{padding-top:10px;padding-bottom:10px;padding-left:100px;min-height:110px} .book_item_list_typeA .item_box:first-child{border-top:1px solid #c0c0c0;padding-top:10px;margin-top:10px} .book_item_list_typeA .item_box:last-child{border-bottom:1px solid #c0c0c0;padding-bottom:10px} .book_item_list_typeA .item_box .bookImg{top:10px;width:90px;height:110px} .bookListSearch.typeDetail ul li .box .infor3{margin-top:20px} .bookListSearch.typeTab02 .box .infor1{padding-top:50px} .bookListSearch.typeTab02 ul li .box .infor1 .bookImg{top:50px} .bookListSearch.typeTab02 .box .infor1 .msg_txt_box{height:40px;line-height:40px} .bookListSearch.TypMsgB .btn_print{top:-60px} .bookListSearch.TypMsgB .box .infor1 .msg_txt_box_2{padding-top:10px} .bookListSearch.typeTab02 ul li .box .infor1 .btn_detail_view{top:-60px} .btn.h_30 button{height:20px;line-height:20px; } .orderList .head li{font-size:13px} .orderList .list_con li{font-size:13px} .orderList .list_con li .check_box{padding-left:10px} .orderList .head li:first-child{padding-left:10px} .orderList .list_con li .check_box{width:10%} .orderList .list_con li .name{width:20%} .orderList .list_con li .tel{width:30%} .orderList .list_con li .memo{width:40%} .orderList .head li:first-child{width:10%} .orderList .head li:nth-child(2){width:20%} .orderList .head li:nth-child(3){width:30%} .orderList .head li:last-child{width:40%} .searchMemberOrderBox{padding:0 0 10px 0} .bookListSearch .book_prod_infor dl{margin:0 15px;box-sizing:border-box} .bookListSearch .book_prod_infor dl:last-child{border-bottom:1px solid #c0c0c0;margin-bottom:10px} .com_tit_01{font-size:13px;margin-bottom:10px;margin-top:10px} .searchMemberOrderBox .month_box li{line-height:1.4;height:70px;} .searchMemberOrderBox .month_box li .tit{float:none;width:100%;padding-left:0;text-align:center} .searchMemberOrderBox .month_box li .num{float:none;width:100%;padding-right:0;text-align:center;font-weight:500;font-size:1.2em;padding-top:13px;margin-bottom:5px} .searchMemberOrderBox .month_box li.on a{height:70px;} .searchMemberOrderBox .month_box li.btn_sch_open{top:1px;padding-top:10px} .bookListSearch ul li .box .infor2 .btn.line_btm{padding-bottom:15px} .bookListSearch ul li .box .infor2 .btn.line_btm_2{padding-bottom:15px} .bookListSearch ul li .box .infor3.not_line .btn{margin-top:15px} .typView.book_prod_infor dl dt{padding-top:10px} .btn_print{} .btn_print button{font-size:11px;} } @media all and (max-width:480px){ .bookListSearch .book_item_list .item_box{width:100%;padding:15px 0;padding-left:110px} .bookListSearch .book_item_list .item_box .bookImg{margin-bottom:10px;width:70px;height:92px} .bookListSearch .book_item_list .item_box .item_info_box li{padding-left:60px;line-height:1.4;font-size:13px} .bookListSearch .book_item_list .item_box .item_info_box li .tit{line-height:1.4;font-size:13px} .book_item_list_typeA .item_box .item_box .bookImg{margin-bottom:10px;width:70px;height:92px} .book_item_list_typeA .item_box .item_info_box li{padding-left:60px;line-height:1.4;font-size:13px} .book_item_list_typeA .item_box .item_info_box li.wd_3li{float:none;width:100%} .book_item_list_typeA .item_box .item_info_box li .tit{line-height:1.4;font-size:13px} .bookListSearch.typeTab02 .book_item_list .item_box{padding-left:80px} .telList.managList .list_con2 > ul > li .ord_table ul li{font-size:11px;padding:0px;} .telList.managList .list_con2 > ul > li .ord_table ul li.check{min-width:25px;margin-left:5px;padding:10px 0px;} .telList.managList .list_con2 > ul > li .ord_table ul li.name{min-width:50px;width:auto;padding:10px 0px;} .telList.managList .list_con2 > ul > li .ord_table ul li.tel{min-width:80px;width:auto;padding:10px 0px;} .telList.managList .list_con2 > ul > li .ord_table ul li.price{min-width:65px;width:auto;padding:10px 0px;} .telList.managList .list_con2 > ul > li .ord_table ul li.bill{min-width:110px;width:calc(100% - 225px);padding:10px 0px;} .telList.managList .list_con2 > ul > li .ord_table .memo{padding: 10px;} } @media all and (max-width:340px){ .tabMenu ul.li3 li a{padding:0 20px} } /* 2019-04-11 Add Style */ .paymentCancel select{color:#666} select option{color:#666;min-height: 1.5em;} .introA #header{display:none} .introA #footer{display:none} .introA #container #content{position:fixed;top:0;bottom:0;right:0;left:0;width:100%;height:100%} .intro_logo_box{text-align:center;position:fixed;top:50%;margin-top:-100px;width:100%;} .intro_logo_box img{width:30%;max-width:258px} .btn_start_go{position:fixed;bottom:10vh;right:0;left:0;width:100%;text-align:center} .btn_start_go a{display:inline-block;border:1px solid #fff;color:#fff;border-radius:3rem;line-height:3rem;height:3rem;width:50%;max-width:600px} .mem_out_exp_box dl {margin-bottom:2rem} .mem_out_exp_box dl dt{color:#333333;font-weight:500;font-size:1.1rem;margin-bottom:5px} .mem_out_exp_box dl dd{color:#666666} .mem_out_exp_box dl ul{margin:0} .mem_out_exp_box dl ul li{margin:0;padding:0;min-height:auto} .mem_out_exp_box .checkbox_list{background:#f5f5f5;padding:1rem;overflow:hidden} .mem_out_exp_box .checkbox_list ul{overflow:hidden} .mem_out_exp_box .checkbox_list ul li{float:left;width:50%;padding:3px 0;margin:0;min-height:auto} .term_box{color:#666666} .term_box .tit{color:#333333} .cscenter_wrap{margin-top:20px;background:url('../img/img_com_custmer_bg.jpg') center top no-repeat;height:564px;box-sizing:border-box;border-bottom:1px solid #c0c0c0;border-radius:5px;overflow:hidden;position:relative;} .cscenter_wrap .tit_box{float:right;width:420px;padding-top:80px;color:#fff;font-weight:500;font-size:18px} .cscenter_wrap .tit_box .tit{font-size:30px;font-weight:bold;color:#fff;margin-bottom:25px;line-height:1} .cscenter_wrap .txt_box{position:absolute;right:0;bottom:35px;width:420px;color:#333333;font-weight:500} .cscenter_wrap .txt_box li{margin-bottom:20px} .cscenter_wrap .txt_box li.ico_map{background:url('../img/ico_map.png') left 3px no-repeat;padding-left:35px;} .cscenter_wrap .txt_box li.ico_tel{background:url('../img/ico_tel.png') left 5px no-repeat;padding-left:35px;} .cscenter_wrap .txt_box li.ico_tel2{background:url('../img/ico_tel2.png') left 5px no-repeat;padding-left:35px;} .cscenter_wrap .txt_box li.ico_email{background:url('../img/ico_email.png') left 8px no-repeat;padding-left:35px;} .img_box{display:none} .img_box.mb{display:none} .img_box.pc{display:block} .accumList.wd_2 > ul > li{width:50%} .join_button_box {padding: 0 20px;max-width:380px;overflow:hidden;margin:40px auto} .join_button_box li{border:1px solid #dcdcdc;height:45px;line-height:45px;width:100%;text-align:center;border-radius:3px;box-sizing:border-box;margin-bottom:5px} .join_button_box li a{display:block;width:100%} .ico_sns_phone{background:url('../img/ico_sns_phone.png') 20px center no-repeat;background-size:20px auto;} .ico_sns_naver{background:url('../img/ico_sns_naver.png') 20px center no-repeat;;background-size:20px auto} .ico_sns_kko{background:url('../img/ico_sns_kko.png') 20px center no-repeat;;background-size:23px auto} /* 팝업02 */ .popCon.errorMsg{background:#fff;padding:1rem;border-radius:10px;max-width:500px;margin:0 auto} .errorMsg .tit{color:#333333;font-weight:bold;text-align:center;font-size:1.1rem} .btn-pop-close-black{background:url('../img/ico_pop_close.png') center center no-repeat;background-size:100% auto;width:20px;height:20px;font-size:0;border:none;position:absolute;right:1rem;top:1rem} #popMsgError.popFix{background:rgba(0,0,0,0.8);z-index:500;} .msg_error_box{color:#555555;font-weight:500;padding:2rem 0; text-align:center} @media all and (max-width:1000px){ .cscenter_wrap .tit_box{width:350px} .cscenter_wrap .txt_box{width:350px} } @media all and (max-width:750px){ .img_box.mb{display:block} .img_box.pc{display:none} .img_box{display:block;text-align:center;} .img_box img{width:100%;max-width:750px} .mbSubB.non_pb .subConBox{padding-bottom:0} .cscenter_wrap{;max-width:750px;height:auto;border:none;border-radius:0;padding-bottom:0} .cscenter_wrap .txt_box{position:relative;bottom:auto;width:100%;background:#5787df center top no-repeat;float:left;margin-bottom:-1px;} .cscenter_wrap .tit_box{float:left;width:100%;background:#5787df center top no-repeat;text-align:center;padding-bottom:4rem;margin-bottom:-1px;} .cscenter_wrap .tit_box{font-weight:300} .cscenter_wrap .txt_box ul{width:80%;margin:0 auto} .cscenter_wrap .txt_box li{color:#fff;font-size:14px;padding-bottom:0.5rem;margin-bottom:0.5rem} .cscenter_wrap .txt_box li:nth-child(1){width:100%} .cscenter_wrap .txt_box li:nth-child(2){width:50%;float:left;box-sizing:border-box;padding-right:1rem;} .cscenter_wrap .txt_box li:nth-child(3){width:50%;float:left;box-sizing:border-box;padding-left:1rem} .cscenter_wrap .txt_box li:nth-child(4){width:100%;overflow:hidden} .cscenter_wrap .txt_box li.ico_map{background:url('../img/m_ico_map.png') left 3px no-repeat;background-size:15px auto;padding-left:25px;} .cscenter_wrap .txt_box li.ico_tel{background:url('../img/m_ico_tel.png') left 5px no-repeat;background-size:15px auto;padding-left:25px;} .cscenter_wrap .txt_box li.ico_tel2{background:url('../img/m_ico_tel2.png') left 5px no-repeat;background-size:15px auto;padding-left:25px;} .cscenter_wrap .txt_box li.ico_email{background:url('../img/m_ico_email.png') left 8px no-repeat;background-size:15px auto;padding-left:25px;} .join_button_box li{margin-bottom:10px} .join_button_box li a{font-size:1rem} .ico_sns_phone{background:url('../img/ico_sns_phone.png') 15px center no-repeat;background-size:15px auto;} .ico_sns_naver{background:url('../img/ico_sns_naver.png') 15px center no-repeat;;background-size:15px auto} .ico_sns_kko{background:url('../img/ico_sns_kko.png') 15px center no-repeat;;background-size:18px auto} .popFix .popCon.errorMsg{top:40px;} .popCon.errorMsg{margin:0 1rem} } @media all and (max-width:340px){ .mem_out_exp_box dl dt{font-size:1rem} .mem_out_exp_box .checkbox_list ul li{float:none;width:100%} } .outtro_box{background:url('../img/bg_outtro.jpg') #242424 center top no-repeat;background-size:100% auto;height:100vh;width:100%;position:relative;} .out_error_msg_wrap{padding:4rem 20px} .out_error_msg_wrap .msg_box{background:#0c0c0c;border-radius:20px;margin:0 auto;max-width:90%;color:#fff;padding:2rem 0;text-align:center} #wrapper.outtro_st #container #content{padding:0} /* 2019-04-23 Add */ #wrapper.popTypA h1.title_pop{margin-bottom:0;height:65px;line-height:65px;color:#fff;text-align:center;position:relative;} #wrapper.popTypA .subConBox{max-width:1200px;margin:0;padding:0;min-width:300px} .popBtnClose{background:url('../img/ic_close_big.png') center center no-repeat;background-size:100% auto;width:20px;height:20px;font-size:0;border:none;position:absolute;right:22px;top:23px;display:none} #wrapper.popTypA .bookListSearch ul li{padding-top:0} #wrapper.popTypA .bookListSearch ul li .box{;box-shadow:none} @media all and (max-width:1000px){ .popBtnClose{display:block;} } /* 팝업레이어 2022-08-19 복구 */ #hd_pop {z-index: 500;position: relative;margin: 0 auto;height: 100%;width: 100%;} #hd_pop h2 {position: absolute;font-size: 0;line-height: 0;overflow: hidden;} .hd_pops {position: fixed; border-radius: 15px;border: 1px solid #c0c0c0;background: #fff;} .hd_pops img {max-width: 100%;} .hd_pops_con {} .hd_pops_footer {padding: 0;background: #000;color: #fff;text-align: left;position: relative;} .hd_pops_footer:after {display: block;visibility: hidden;clear: both;content: "";} .hd_pops_footer button {padding: 10px;border: 0;color: #fff;} .hd_pops_footer .hd_pops_reject {background: #000;text-align: left;} .hd_pops_footer .hd_pops_close {position: absolute;top: 0;right: 10px;} @media all and (max-width: 720px) { .hd_pops {left: 0px !important; margin: 10px;} /* left: 10px !important; */ .hd_pops_con {width: initial !important;height: initial !important;max-width: 100% !important;} } .shop_icon_soldout {width: 50px;font-size: 11px;color: #fff;line-height: 18px;text-align: center;border-radius: 4px;padding: 2px 5px;margin-left: 5px;background-color: #ff0000;} /* 팝업레이어 2022-08-19 복구 */ /** @media print{ .book_item_list_typeA .item_box .item_info_box li.wd_3li{float:left;width:33.3%} } **/ /* .slideSwitch */ .switch2 {position:absolute;left:60px;top:15px;height: 26px;text-align:left;font-size:11px;font-weight: bold;line-height:26px;} .switch2 .toggle2 {width: 80px;height: 26px;float:right;background: #333;/*margin: 20px auto;*/position: relative;border-radius: 3px;/*box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);*/} .switch2 .toggle2:after {content: 'OFF';color: #999;position: absolute;right: 10px;top:2px;z-index: 0;font: 12px/26px Arial, sans-serif;font-weight: bold;/*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);*/} .switch2 .toggle2:before {content: 'ON';color: #f8f8f8;position: absolute;left: 10px;top:2px;z-index: 0;font: 12px/26px Arial, sans-serif;font-weight: bold;} .switch2 .toggle2 label {display: block;width: 34px;height: 20px;line-height:20px;text-align:center;cursor: pointer;position: absolute;top: 3px;left: 3px;z-index: 1;background: #999;/*background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/border-radius: 2px;transition: all 0.4s ease;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);} .switch2 .toggle2 input[type=checkbox] {visibility: hidden;} .switch2 .toggle2 input[type=checkbox]:checked + label {left: 43px;background: #fcfff4;} .switch2.relative{position:relative;top:1px;left:-10px;} /* end .slideSwitch */ /* 교사용 신청메뉴 css */ .switch3 {display:flex;/*position:absolute;top:16px;left:60px;padding-bottom:10px;*/} .switch3 .last{border-right: 0px !important;} .switch3 .toggle3 {margin:0 2px;border-radius:3px;background:#fff;font-size:11px;border: 1px solid #000; /*#303e97;*/display: inline-block;overflow: hidden;display: inline-flex;flex-direction: row;transition: all 500ms ease; } .switch3 .toggle3-button {height: 32px;/*height: 22px;*/color:#000;display: flex;align-items: center;justify-content: center;width: 500px;/*width: 70px;*/font-size:11px;cursor: pointer;transition:all 0.5s ease;border-right: 1px solid #000;} .switch3 .toggle3-button.active {background:#000;/*#303e97;*/color:#fff;font-size:11px;font-weight: 500;transition: all .5s ease-in;} .switch3 .toggle3-button.hide {display:none;} .switch3 .toggle3-button:focus {outline: none;} .switch3 .toggle3-button span.beforetxt{display:none;} .switch3 .toggle3-button span.aftertxt{display:block;} .switch3 .toggle3-button.active span.beforetxt{display:block;} .switch3 .toggle3-button.active span.aftertxt{display:none;} .switch3 .select {height: 34px;/*height: 24px;*/color:#fff;border: 1px solid #b0b2bb;border-radius:3px;padding-left:5px;padding-right:15px;display: flex;align-items: center;justify-content: center;width: 500px;/*width: 70px;*/font-size:11px;text-overflow: ellipsis;background: #b0b2bb url(../img/ic_select_arrow_white.png) no-repeat right 5px center;background-size: 9px;} .switch3 .select.done {background: #b0b2bb;padding-right:5px;} .switch3 .select.hide {display:none;} .switch3 .select option{text-align:center;} .switch3 .popupTxt1, .switch3 .popupTxt2, .switch3 .popupTxt3 {position:absolute;width:max-content;bottom:60px;left:34%;padding:5px 10px;text-align:center;border-radius:5px;background:yellow;border: 2px solid #555;font-size:11px;} .switch3 .popupTxt1.hide, .switch3 .popupTxt2.hide, .switch3 .popupTxt3.hide {display:none} .switch3 .popupTxt1::after, .switch3 .popupTxt2::after, .switch3 .popupTxt3::after {content: "";position: absolute;top: 100%;left: 30px;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;} .fade-out-box {display: inline-block;animation: fadeout 10s;-moz-animation: fadeout 10s; /* Firefox */-webkit-animation: fadeout 10s; /* Safari and Chrome */-o-animation: fadeout 10s; /* Opera */animation-fill-mode: forwards;} @keyframes fadeout {from {opacity: 1;} to {opacity: 0;}} @-moz-keyframes fadeout { /* Firefox */from {opacity: 1;} to {opacity: 0;}} @-webkit-keyframes fadeout { /* Safari and Chrome */from {opacity: 1;} to {opacity: 0;}} @-o-keyframes fadeout { /* Opera */from {opacity: 1;} to {opacity: 0;}} /* 교사용 신청메뉴 css */