/* 필요한 폰트만 사용할것 나머지 주석처리*/ /*@import url(fontawesome-all.css); 폰트어썸 : cdn 작동하지 않을때 주석풀것 */ /*@import url(nanumbarungothic.css); 나눔바른고딕 : font-family: 'Nanum Barun Gothic', sans-serif; font-weight:400; */ @import url("notosanskr.css"); /* NotoSanskr : font-family: 'Noto Sans KR', sans-serif; font-weight:400; */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@200;300;400;500;600;700;800&display=swap'); /* font-family: 'Poppins', sans-serif; font-weight:400; */ body{background:#fff; } #wrapper{background:#fff;} body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button {margin:0;padding:0; font-size:13px; font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-0.02em;} ul,ol,li{margin:0;padding:0;list-style:none;} a, img{border:0px;} a{text-decoration:none;} strong{font-weight:600;} .sview{display:none;} /* 폰트 */ .f11 { font-size:11px;} .f12 { font-size:12px;} .f13 { font-size:13px;} .f14 { font-size:14px;} .f15 { font-size:15px;} .f16 { font-size:16px;} .f17 { font-size:17px;} .f18 { font-size:18px;} .f19 { font-size:19px;} .f20 { font-size:20px;} .f24 { font-size:24px;} .f30 { font-size:30px;} .f40 { font-size:40px;} .f50 { font-size:50px;} .lh20 {line-height:20px;} .lh24 {line-height:24px;} .lh30 {line-height:30px;} .lh36 {line-height:36px;} .lh40 {line-height:40px;} .pT10 {padding-top:10px;} .pT15 {padding-top:15px;} .pT20 {padding-top:20px;} .pT30 {padding-top:30px;} .pT40 {padding-top:40px;} .pT50 {padding-top:50px;} .pT100 {padding-top:100px;} .pB10 {padding-bottom:10px;} .pB15 {padding-bottom:15px;} .pB20 {padding-bottom:20px;} .pB30 {padding-bottom:30px;} .pB40 {padding-bottom:40px;} .pB50 {padding-bottom:40px;} .pB100 {padding-bottom:100px;} .fc_red {color:#c90d0b;} .fc_org {color:#f0830c;} .fc_darkblue {color:#143e6d;} .fc_blue {color:#2072d4;} .share-kakaotalk{background:#FFF000 !important;} #wrap {width:100%} #gnb_wrap { width:100%; min-width:1300px; height:40px; line-height:40px; color:#212529; border-top:0px solid #EEEEEE; border-bottom:0px solid #EEEEEE; } #gnb_wrap:after{clear:both;} #gnb_wrap .gnb { width:1300px; margin:0 auto; } #gnb_wrap .gnb_right {float:right; text-align:right; padding-top:10px} #gnb_wrap .gnb_right ul{width:100%; padding:0; margin:0; line-height:38px;} #gnb_wrap .gnb_right ul li{ float:left; display:inline; line-height:38px; color:#fff; padding:0 8px; font-size:1.05em;} #gnb_wrap .gnb_right ul li:first-child {padding-left:0;} #gnb_wrap .gnb_right ul li:last-child {padding-right:0; } #gnb_wrap a.gnb_bt:link, a.gnb_bt:visited, a.gnb_bt:active{ display:inline-block; color:#212529; border:0px solid red; line-height:36px; height:38px;} #gnb_wrap a.gnb_bt:hover {color:#d11324;} #gnb_wrap a.gnb_bt span{display:inline-block; background:#d11324; width:20px; height:20px; border-radius:20px; text-align:center; line-height:19px; color:#fff;} #gnb_wrap .board{margin-left:10px;} #gnb_wrap .board a{color:#aaa; font-size:0.95em;} #header_area {position:relative; width:1300px; height:140px; margin:0 auto; text-align:left;} #header_area .header_bnr { position:absolute; left:0; bottom:20px; width:auto;} #header_area .header_logo { position:absolute; left:50%; transform: translateX(-50%); margin-top:1px; margin-left:-7px} #header_area .search {position:absolute; right:0; display:block; right:0; top:0; text-align:right; padding-top:60px; } #hd_sch h3 {font-size:0;line-height:0;overflow:hidden;} #hd_sch {border-radius:0px;overflow:hidden} #hd_sch #sch_str {float:left;width:200px;height:40px;padding-left:15px;border-radius:0px;background:#f7f7f7;border:0;border-right:0;font-size:1.1em;color:#000} #hd_sch #sch_submit {float:left;width:40px;height:40px;border:0;background:#f7f7f7;color:#000;border-radius:0;cursor:pointer;font-size:16px} #hd_sch #sch_submit i{display:block; margin-top:0px;} #lnb_wrap { width:100%; min-width:1300px; height:60px; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #eee;} #lnb_wrap:after{clear:both;} #lnb_wrap .lnb_area {width:1300px; margin:0 auto;} #lnb_wrap .lnb_area .allcate {float:left; display:inline; width:60px; height:60px;} #lnb_wrap .lnb_left { float:left; padding:0; margin:0; width:1240px; height:60px; line-height:60px; } #all_cate_div {display:none; position:absolute; width:1300px; top:180px; left:50%; margin-left:-650px; z-index:999999; background-color:#464646; border:0px solid #464646; border-top:0px;} #all_cate_div > div{width:1300px; margin:0 auto;} #all_cate_div > div .top {width:100%; height:60px; line-height:60px; background-color:#333; color:#fff; font-size:15px; border:0px solid red;} #all_cate_div .all_cate_close{position:absolute; float:left; left:0; width:100%; height:60px; line-height:60px; background:url('/html/image/btn_close.png') no-repeat 20px 50%; cursor:pointer;} #category{display:block; position:relative;top:0;left:0;width:100%;border:1px solid #333949;border-top:0;background:#fff;;z-index:100;text-align:left; } #category .ct_wr{padding:20px 20px 20px 5px;} #category ul:after {display:block;visibility:hidden;clear:both;content:""} #category .cate{line-height:20px;} #category .cate_li_1{float:left;text-align:left;width:16.666666%;min-height:200px;} #category .cate_li_1_a{background:#f3f3f3;text-align:center;padding:10px;margin-bottom:15px;display:block;font-weight:500; font-size:1.15em;} #category .cate_li_2 {width:100%;float:none;;line-height:25px;;margin:0} #category .cate_li_2 a {color:#6d6d6d;display:block;padding:0 5px; font-size:1.15em;} #category a:hover{color:#c92033} #category .close_btn{width: 100%;background:#333949;border: 0;text-align: left;color: #fff;padding: 0 20px;height:60px;font-weight: bold;font-size: 1.167em;} .sbn_side .owl-nav{ text-align:center; position:relative; width:100%; margin-top:10px; z-index:99; } .sbn_side .owl-nav .owl-prev{opacity:0; float:left; z-index:99; margin-top:0px; margin-left:40px; -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in;} .sbn_side .owl-nav .owl-prev span{display:block; width:15px; height:29px; font-size:2em; background:url("/html/image/btn_prev.gif"); text-indent:-999px; font-size:0px;} .sbn_side .owl-nav .owl-prev.disabled span, .sbn_side .owl-nav .owl-prev:hover span{background:url("/html/image/btn_prev.gif");} .sbn_side .owl-nav .owl-next{opacity:0; float:right; z-index:99; margin-top:-280px; margin-right:40px; -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in;} .sbn_side .owl-nav .owl-next span{display:block; width:15px; height:29px; font-size:2em; background:url("/html/image/btn_next.gif"); text-indent:-999px; font-size:0px;} .sbn_side .owl-nav .owl-next.disabled span, .sbn_side .owl-nav .owl-next:hover span{background:url("/html/image/btn_next.gif");} .sbn_side .owl-dots{text-align:center; position:absolute; bottom:-20px; width:100%; z-index:98;} .sbn_side .owl-dots button{background:rgba(0,0,0,0.5); width:8px; height:8px; margin:0px 4px; border-radius:8px; -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in;} .sbn_side .owl-dots button.active{background:rgba(0,0,0,1); width:8px; height:8px; } .banner6 .sbn_side .owl-dots{bottom:3%;} /************************************************ * main_visual ************************************************/ #main_visual{width:100%; height:650px; overflow:hidden;} #main_bn .owl-nav{ text-align:center; position:relative; width:100%; margin-top:0; z-index:99; } #main_bn .owl-nav .owl-prev{opacity:0; float:left; z-index:99; margin-top:-320px; margin-left:40px; -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in;} #main_bn .owl-nav .owl-prev span{display:block; width:46px; height:82px; background:url("/html/image/visual_prev.png")no-repeat 50% 50%; background-size:50%; text-indent:-999px; font-size:0px;} #main_bn .owl-nav .owl-prev.disabled span, #main_bn .owl-nav .owl-prev:hover span{background:url("/html/image/visual_prev_on.png")no-repeat 50% 50%; background-size:50%;} #main_bn .owl-nav .owl-next{opacity:0; float:right; z-index:99; margin-top:-320px; margin-right:40px; -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in;} #main_bn .owl-nav .owl-next span{display:block; width:46px; height:82px; background:url("/html/image/visual_next.gif")no-repeat 50% 50%; background-size:50%; text-indent:-999px; font-size:0px;} #main_bn .owl-nav .owl-next.disabled span, #main_bn .owl-nav .owl-next:hover span{background:url("/html/image/visual_next_on.png")no-repeat 50% 50%; background-size:50%;} #main_bn .owl-dots{text-align:center; position:absolute; bottom:35px; width:100%; z-index:98; } #main_bn .owl-dots button{background:rgba(255,255,255,.85); width:10px; height:10px; margin:0px 5px; border-radius:100%; -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in;} #main_bn .owl-dots button.active{background:#d11324; width:10px; height:10px; } #main_bn:hover .owl-nav .owl-prev{opacity:1;} #main_bn:hover .owl-nav .owl-next{opacity:1;} .owl-carousel .owl-stage-outer {width:100% !important;} /*추가*/ /************************************************ * contents ************************************************/ #contents {width:100%; height:100%; margin:0 auto; } /* 베스트아이템_롤링 */ #best {width:1300px; height:110px; margin:20px auto; } /* 메인배너1_3개*/ #m_bnr1 {width:1300px; margin:30px auto; } /* 메인배너2_2개 */ #m_bnr2 {width:1300px; margin:50px auto 0; } /* 메인배너3_1개 */ #m_bnr3 {width:100%; max-width:1920px; margin:0 auto;} #m_bnr3 img{width:100% !important; height:auto !important;} /* 상품출력공통 */ .pro_area { clear:both; width:1300px; margin:0 auto 50px; } .pro_area:after {content:""; display:block; clear:both;} .pro_area .pro_tit { top:0; width:100%; text-align:center; padding:30px 0 30px 0; } .pro_area .pro_tit h4{ width:100%; left:45%; text-align:center; background:url('/html/image/tit_backpng')repeat-x; center center;} .pro_area .pro_tit p{ display:inline-block; background:#fff; padding:0 20px 0 20px; margin:0 auto; text-align:center; color:#000; font-size:2.5em; font-weight:700;} .pro_area .pro_tit span{ float:right; display:inline;} .pro_area .pro_box { width:1300px; background:} .pro_area .pro_box:after {content:""; display:block; clear:both;} .pro_area .pro_box ul { width:100%; height:100%; list-style:none; top:0; left:0; padding:0;} .pro_area .pro_box ul li{ float:left; display:inline; width:220px; height:380px; overflow:hidden; text-align:center; margin-bottom:10px; margin-right:25px; border:0px solid #EEEEEE; box-sizing:border-box; }/* ul상품간격_margin-bottom*/ .pro_area .pro_box ul li:last-child {margin-right:0;} .pro_area .pro_box ul li img {width:100%; border:1px solid #EEEEEE; box-sizing:border-box; } .pro_area .pro_box ul li:hover{border:0px solid #000; box-sizing:border-box; cursor:pointer; } .pro_area .pro_name {text-align:center; font-size:12px; font-weight:normal; color:#222; padding-top:15px; } /* 상품명 */ .pro_area .pro_txt {text-align:center; font-size:12px; font-weight:normal; color:#929292; padding:10px 10px; line-height:18px;} /* 상품설명 */ .pro_area .pro_consumer {text-align:center; font-size:11px; font-weight:normal; color:#888; padding-top:0px; text-decoration:line-through; } /* 소비자가격 */ .pro_area .pro_price {text-align:center; font-size:11px; color:#333; padding:5px 0 10px 0;} /* 판매가격 */ /* 베스트상품4개출력_200xH200 */ .pro_area .pro_best2 { float:left; position:relative; top:0; width:1100px; padding-top:10px; margin:0 auto;} .pro_area .pro_best2:after {content:""; display:block; clear:both;} .pro_area .num {position:absolute; width:35px; height:35px; line-height:35px; color:#fff; font-size:15px; z-index:2; background:#000; opacity: 0.8; filter: alpha(opacity:'80'); border-right:0px solid #EEEEEE;border-bottom:0px solid #EEEEEE;} .pro_area .pro_best2 ul { width:1100px; margin:0 auto; height:100%; list-style:none; top:0; left:0; padding:0; } .pro_area .pro_best2 ul li{ float:left; display:inline; width:260px; height:340px; overflow:hidden; text-align:center; padding:0px; margin-right:20px; border:1px solid #EEEEEE; box-sizing:border-box; } .pro_area .pro_best2 ul li:last-child {margin-right:0;} .pro_area .pro_best2 ul li img {width:100%;} .pro_area .btn_prev { float:left; width:50px; margin-top:180px; text-align:center; } .pro_area .btn_next { float:right; width:50px; margin-top:180px; text-align:center; } /*카테고리별상품출력_탭메뉴*/ #pro_tab{float:left; display:inline; width:1300px; padding:0; margin:0; text-align:center; } #pro_tab ul{float:left; width:100%; left:0; padding:0; margin:0; } #pro_tab ul li{ display:inline-block; font-size: 1.25em; color:#555; font-weight:normal; height:40px; line-height:40px; padding:0 20px 0 20px; text-align:center; cursor:pointer; } #pro_tab ul li a { width:100%; height:40px; -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in;} #pro_tab ul li a:hover {color:#d11324;} #pro_tab ul #current a{padding:10px 20px; color:#fff; background:#d11324; border-radius:50px;} #pro_tab ul li:first-child { padding-left:0px;} #pro_tab ul li:last-child { background:none; padding-right:0;} #pro_tab_box{ float:left; width:100%; margin-top:50px; text-align:center; } /******************************* community *******************************/ #community {clear:both; width:100%; min-width:1300px; text-align:center; padding-bottom:0px; } #community .comm_menu {width:100%; height:50px; line-height:50px; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;} #community .comm_menu_box {width:1300px; margin:0px auto; overflow:hidden; height:50px;} #community .comm_menu_left {float:left; } #community .comm_menu_left ul{width:100%; padding:0; margin:0; } #community .comm_menu_left ul li{ float:left; display:inline; padding:0 15px; font-size:1.1em;} #community .comm_menu_left ul li a{display:block; height:50px; line-height:50px; font-size:1em;} #community .comm_menu_left ul li.comm_bt:hover a { color:#d11324; cursor:pointer;} #community .comm_menu_left ul li:first-child {padding-left:0;} #community .comm_menu_left ul li:last-child {background:none;} /******************************* 고객센터/계좌정보/공지사항/쇼핑퀵메뉴 *******************************/ #comm_area {width:1300px; margin:0 auto; padding:40px 0 60px 0;} #comm_area:after {content:""; display:block; clear:both;} #comm_area h4 {font-size:1.25em; color:#333; padding-bottom:20px; font-weight:600;} #comm_area p {font-size:1em; color:#666; line-height:20px; margin-top:10px; } #comm_area .comm_cs {float:left; display:inline; width:300px; height:100%; text-align:left; } #comm_area .comm_cs .tel { color:#000; font-size:1.85em; font-family: 'Poppins', sans-serif; font-weight:600;} #comm_area .comm_bank {float:left; display:inline; width:290px; height:100%; text-align:left; } #comm_area .comm_bank p.bank {margin-top:0; font-size:1.15em; color:#000; font-weight:500;} #comm_area .comm_bank p.bank span {display:block; margin:15px 0 5px 0; font-size:1.5em; color:#000; font-family: 'Poppins', sans-serif; font-weight:500; } #comm_area .comm_quick{ float:left; width:450px; height:100%; text-align:left; } #comm_area .comm_quick:after {content:""; display:block; clear:both;} #comm_area .comm_quick .comm_quick_bt ul{ width:100%; padding:0; border-top:0px solid #EEEEEE; list-style:none;} #comm_area .comm_quick .comm_quick_bt ul li{ position:relative; float:left; padding:15px 0; margin-right:10px; width:90px; font-size:1.15em; color:#687278; text-align:center; border:1px solid #EEEEEE; box-sizing:border-box; cursor:pointer; -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in;} #comm_area .comm_quick .comm_quick_bt ul li i { width:100%; height:100%; padding:5px 0 5px 0; vertical-align:middle; font-size:1.85em; color:#555; text-align:center; } #comm_area .comm_quick .comm_quick_bt ul li span {display:block; height:100%; font-size:1em; } #comm_area .comm_quick .comm_quick_bt ul li span:hover {color:#000;} #comm_area .comm_quick .comm_quick_bt ul li:hover {border:1px solid #666; } #comm_area .comm_quick .comm_quick_bt ul li:last-child{ margin-right:0;} #comm_area .comm_delivery {float:left; display:inline; width:260px; height:100%; text-align:left; padding-right:20px; word-break:keep-all;} #comm_area .comm_delivery strong {font-size:1.15em; font-weight:700; } #comm_area .comm_delivery p {margin-top:5px; font-size:1em; } /******************************* footer *******************************/ #footer {clear:both; width:100%; min-width:1300px; overflow:hidden; padding:40px 0; background:#222; } #footer_area{ width:1300px; margin:0 auto; margin-top:0px; margin-bottom:30px;} #footer_area .copy_logo{float:left; display:inline; text-align:left; } #footer_area .left{float:left; display:inline; text-align:left; color:#999; font-size:1em; line-height:1.8; letter-spacing:0.02em; padding-left:85px;} #footer_area .left a {color:#999;} #footer_area .left a:hover {color:#fff;} #footer_area .right{float:right; position:relative; width:300px; height:85px; text-align:right; } #footer_area .right .footer_icon{ position:absolute; right:0; } #footer_area .right .footer_icon ul{width:100%; padding:0; margin:0; } #footer_area .right .footer_icon ul li{ float:left; display:inline; text-align:left; padding-right:3px;} #footer_area .right .footer_icon ul li:last-child {padding-right:0;} #footer_area .right .footer_icon ul li img {width:100%;} .mobile_btn{width:100%; border:1px solid #fff; font-size:50px; background:#333; color:#fff; } .mobile_btn a{color:#fff; width:100%; display:block; text-align:center; padding:30px 0;} /* 버튼효과 */ a.fot_pa:link, a.fot_pa:visited, a.fot_pa:active { display:inline-block; border:1px solid #000; background-color:#000; color:#fff; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; line-height:45px; height:45px; width:155px; font-size:13px; text-align:center; padding:0; margin:0; font-weight:normal; } a.fot_pa:hover { background-color:#FFF; color:#333; } a.bo_bt:link, a.bo_bt:visited, a.bo_bt:active{ text-align:center; display:inline-block; border:1px solid #666; padding:5px 10px 5px 10px; text-decoration:none; background-color:#666; color:#fff; -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in;} a.bo_bt:hover {color:#fff; background:#333; } /* submit */ .btn_submita { display:inline-block; border:1px solid #999999; background-color:#fff; color:#000; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; line-height:50px; height:50px; width:160px; -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in; font-size:13px; text-align:center; padding:0; margin:0; font-weight:normal; } .btn_submita:hover { background-color:#333; border:1px solid #333; color:#fff; } .pimg img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .pimg:hover img{ -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -o-transform:scale(1.4); } .tbl_head01 thead th{font-size:1.1em; letter-spacing:0;} .bo_tit{font-size:1.1em; font-weight:normal;} #bo_v_title{background:#f7f7f7; padding:15px 10px; padding-top:10px;} #bo_v_title .bo_v_tit{font-size:1.3em;} .cmt_btn span.total{color:#000;} .cmt_btn span.total:after{background:#333;} #bo_w .btn_cancel{min-width:97px;} #bo_w .bo_w_tit #btn_autosave{height:39px; line-height:39px; top:3px; right:3px;} input[type=text], input[type=password], textarea, select{-webkit-box-shadow:none; box-shadow:none !important; border:1px solid #ddd; font-size:14px;} #bo_gall #gall_ul {margin:10px -20px 0;} .gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {padding-left:20px; padding-right:20px;} #bo_gall .gall_img{border:0px;} #bo_gall .gall_text_href{text-align:center;} #bo_gall .gall_info{text-align:center;} #bo_gall .bo_cnt{color:#666; display:none;} #bo_gall .gall_text_href a{font-weight:normal;} .bo_tit .new_icon{background:#C41B4C !important; color:#fff !important; font-weight:normal !important; font-size:0.6em !important; text-align:left; padding:0 3px; width:auto !important;} #bo_list tbody .even td {background:#fff} #bo_list tbody tr:hover {border-left:0px solid #253dbe; } #bo_list tbody tr:hover td {background:#f7f7f7} #reg_result .reg_result_p{color:#000;} #reg_result{border:0; background:none; text-align:center;} #reg_result .result_txt{text-align:center;} #mb_confirm p strong, #pw_confirm p strong{color:#000;} #bo_cate_ul {padding:0px;margin:10px 0; margin-bottom:20px; border-bottom:1px solid #ddd} #bo_cate_ul h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_cate_ul ul {zoom:1} #bo_cate_ul ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate_ul li {display:inline-block;padding:0px; min-width:150px; padding-right:2px; text-align:center;} #bo_cate_ul a {display:block;line-height:40px;padding:0 20px;border-radius:0px;border:1px solid #ddd; background:#fff; border-bottom:0px; text-align:center; color:#000;} #bo_cate_ul a:focus, #bo_cate_ul a:hover, #bo_cate_ul a:active {text-decoration:none;background:#d2d6dc; border:1px solid #d2d6dc; border-bottom:0px;} #bo_cate_ul #bo_cate_on {z-index:2;background:#333;color:#fff;font-weight:500; border:1px solid #333; border-bottom:0px; box-shadow:none;} #faq_wrap li h3.faq_li_open a{color:#000;} #faq_con .con_inner .closer_btn{color:#000;} /* 태장고소개 */ #company01 { width:100%; max-width:1300px; margin:0 auto; } #company01:after {display:block; clear:both; content:""} #company01 .ceo_img {float:left; width:35%; } #company01 .ceo_img img {max-width:100%; border-radius:60% 35% 38% 26% / 35% 54% 24% 35% ;} #company01 .ceo_msg {position:relative; float:right; width:60%; margin-top:30px; } #company01 .ceo_msg:after {z-index:1; display:block; clear:both;content:""; position:absolute; right:50px; top:5%; width:73px; height:73px; background:url('/html/company/image/stamp.png')no-repeat;} #company01 .ceo_msg h2.ceo_tit { margin:0; padding:0; text-align:left; font-size:2.5em; color:#000; line-height:1.4; font-weight:700; letter-spacing:-0.05em; } #company01 .ceo_msg h2.ceo_tit p {font-size:0.85em; color:#222; line-height:1.2;} #company01 .ceo_msg .bg {position:absolute; top:100px; right:0; text-align:right; opacity:.15;} #company01 .ceo_msg .bg img {width:50%;} #company01 .ceo_msg h4 {margin-top:30px; font-size:2em; color:#e07800; line-height:1.6; font-weight:700; } #company01 .ceo_msg p { margin-top:15px; font-size:1.3em; color:#222; line-height:1.6; word-break: keep-all; } #company01 .ceo_msg p strong {display:block; font-size:1em; color:#000; font-weight:700;} #company01 .ceo_msg p span {font-size:1em; color:#e07800; font-weight:700;} .origin_box {width:100%; padding:30px 10px; text-align:center; } .origin_box ul {width:100%; margin:0; padding:0; overflow:hidden; } .origin_box ul li {text-align:center; margin-top:20px; } .origin_box ul li .imgs {display:inline-block; vertical-align:top; margin:0 1%; } .origin_box ul li .imgs img {max-width:100%;} .origin_box ul li .txts {display:inline-block; font-size:2.5em; color:#000; line-height:1.4; font-weight:700; letter-spacing:-0.05em; word-break:keep-all; } .origin_box ul li .txts span {display:inline-block; padding:0 10px; font-size:0.85em; font-weight:400; /*background: linear-gradient(to top, #f9e4cc 30%, transparent 30%);*/} /* 오시는길 */ #map_wrap {width:100%; margin-top:50px;} #map_wrap:after{ content:""; display:block; clear:both;} #map_wrap h3.con_tit {display:block; text-align:center; font-size:2em; font-weight:700; line-height:1.4;} #map_wrap h3.con_tit span {font-size:1em; color:#af941b;} #map_wrap .g_map {width:100%; height:401px; margin-top:30px; background:#eee; overflow:hidden;} #map_wrap .g_map:after{ content:""; display:block; clear:both;} #map_wrap .map_info {width:100%; margin-top:20px;} #map_wrap .map_info:after { content:""; display:block; clear:both; } #map_wrap .map_info ul {width:100%; margin:0; padding-left:5%; } #map_wrap .map_info ul li {display:inline-block; text-align:left; margin-right:10%;} #map_wrap .map_info ul li:last-child {margin-right:0; } #map_wrap .map_info ul li strong {display:block; font-size:1.5em; font-weight:700; } #map_wrap .map_info ul li p {display:block; margin-top:10px; font-size:1.25em; word-break: keep-all; } /* 프로그램소개 */ .tbl_scroll{width:100%; text-align:right; margin:10px 0; display:none;} .tbl_scroll_wrap { width:100%; overflow-x:auto; white-space: nowrap; margin-bottom:15px;} .tbl_scroll_wrap::-webkit-scrollbar { -webkit-appearance: none; } .tbl_scroll_wrap::-webkit-scrollbar:vertical { width: 12px; } .tbl_scroll_wrap::-webkit-scrollbar:horizontal { height: 8px; } .tbl_scroll_wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } .tbl_scroll_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color:#fff; } #edufarm_wrap {width:100%; max-width:1300px; margin:0 auto;} #edufarm_wrap h2.edufarm_tit {margin:20px 0; display:block; text-align:center; font-size:3em; font-weight:700; letter-spacing:-0.05em;} #edufarm_wrap h2.edufarm_tit p {font-size:0.85em; font-weight:700; letter-spacing:-0.05em;} #edufarm_wrap table.tbl_edufarm { width: 100%; max-width:1300px; margin:0 auto; border-collapse: collapse; } #edufarm_wrap table.tbl_edufarm:after{ content:""; display:block; clear:both;} #edufarm_wrap table.tbl_edufarm th, #edufarm_wrap table.tbl_edufarm td { padding: 15px 15px; border: 1px solid #e6e6e6; text-align: center; } #edufarm_wrap table.tbl_edufarm th {font-size: 1.4em; color: #111; font-weight:700; border-top: 3px solid #d11324; border-bottom: 1px solid #444; background:#fff; } #edufarm_wrap table.tbl_edufarm td { font-size: 1.25em; color: #000; font-weight:400; } #edufarm_wrap table.tbl_edufarm tr:nth-child(odd) {background:#f8f8f8;}