body{font-size:13px;font-family:'Noto Sans KR';font-weight:350;} #mainBody{font-size:13px;font-family:'Noto Sans KR';} #mainBody article{font-size:13px;font-family:'Noto Sans KR';} a {color:#333;text-decoration:none} a.*, a:after, a:before {text-decoration:none;color:#111;} a:hover, a:active, a:focus { color: #111; outline: none;text-decoration: none;} ul{margin:0px;padding:0px;list-style-type:none;} ul li{margin:0px;padding:0px;list-style-type:none;} /* 버튼 */ a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:normal;font-size:13px;border:1px solid #aaa; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out;} a.btn01 {display:inline-block;padding:7px;background:#fff;color:#000;text-decoration:none;vertical-align:middle;border:1px solid #aaa;} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:7px;background:#fff;color:#000;text-decoration:none;vertical-align:middle;border:1px solid #aaa;} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;background:#fff;color:#000;text-decoration:none} .btn_confirm {text-align:right} /* 서식단계 진행 */ .btn_submit {border:0;background:white;color:black;cursor:pointer;border:1px solid #aaa;} .btn_submit:hover {background:#f4f4f4;} .btn_submit777 {border:0;background:#ffffff;color:black;cursor:pointer;border:1px solid #aaa;} .btn_submit777:hover {background:#f4f4f4;} a.btn_cancel {display:inline-block;background:#fff;color:#000;text-decoration:none;vertical-align:middle;border:1px solid #aaa;} button.btn_cancel {display:inline-block;background:#fff;color:#000;text-decoration:none;vertical-align:middle} .btn_cancel:hover {background:#f4f4f4;} a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 10px;height:35px;border:0;background:#999;color:#fff ;border-radius:0px;text-decoration:none;vertical-align:top;border:1px solid #aaa;} /* 우편번호검색버튼 등 */ a.btn_frmline {color:#fff;} button.btn_frmline {} /* 게시판용 버튼 */ a.btn_b01,.btn_b01 {display:inline-block;background:#fff;color:#000;text-decoration:none;vertical-align:middle;border:1px solid #aaa;} .btn_b01:hover, .btn_b01:hover {background:#f4f4f4} a.btn_b02,.btn_b02 {display:inline-block;background:#fff;padding:0 10px;color:#000;text-decoration:none;border:0;vertical-align:middle;;border:1px solid #aaa;} a.btn_b02:hover, .btn_b02:hover {background:#f4f4f4} a.btn_b03, .btn_b03 {display:inline-block;background:#fff;color:#000;text-decoration:none;vertical-align:middle;border:1px solid #aaa;} a.btn_b03:hover, .btn_b03:hover {background:#f4f4f4} a.btn_b04, .btn_b04 {display:inline-block;background:#fff;color:#000;text-decoration:none;vertical-align:middle;border:1px solid #aaa;} a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f4f4f4} a.btn_admin,.btn_admin {display:inline-block;background:#fff;color:#000;text-decoration:none;vertical-align:middle;border:1px solid #aaa;} /* 관리자 전용 버튼 */ .btn_admin:hover, a.btn_admin:hover {background:#f4f4f4} /*상단을 정의*/ /*상단배너를 정의합니다.*/ .topBanner .container{position:relative;height:115px;} .topBanner .top_banner_close{display:block;position:absolute;top:50%;right:0px;margin-top:-35px;width:50px;height:50px;font-size:40px;color:#aaa;} #header.bannerClose .topBanner{display:none;} .container{position:relative;width:100%;max-width:1120px;min-width:1120px;margin:0px auto;padding:0px;} #header .topBanner{width:100%;height:115px;background:no-repeat center center;} #header .toplogo{height:115px;border-bottom:1px solid #ddd;} #header .toplogo .container{position:relative;height:115px;display:flex;justify-content:left;align-items:left;} #header .toplogo .ttMenu{position:absolute;width:auto;top:50%;right:0px;margin-top:-15px;} #header .toplogo .ttMenu a{display:inline-block;padding:5px 5px;line-height:20px;font-size:13px;font-family:'맑은 고딕';letter-spacing:-0.05em;} #mainSlider .swiper-button-prev, #mainSlider .swiper-button-next{width:40px;height:100px;background-size:40px 100px} #mainSlider .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23CCCCCC'%2F%3E%3C%2Fsvg%3E");} #mainSlider .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23CCCCCC'%2F%3E%3C%2Fsvg%3E");} #mainSlider{width:100%;height:430px;} #mainSlider .swiper-container{width:100%;height:430px;} #mainSlider .swiper-container .swiper-slide{width:100vw;height:430px;} #mainSlider .swiper-container .swiper-slide a{display:block;width:100vw;height:430px;background:no-repeat center center;} #mainBody{position:relative;width:100%;min-height:400px;margin-top:20px;} #mainBody #sideLeft{position:absolute;top:0px;left:-260px;width:240px;} #mainBody #sideRight{position:absolute;top:0px;right:-260px; width:240px;} /*왼쪽 메뉴*/ #sideLeft ul{} #sideLeft ul li{} ul.bannerList{padding:0px;margin:0px;width:100%;overflow:hidden;} ul.bannerList li{padding:0px;margin:0px 0px 10px 0px;list-style-type:none;width:100%;overflow:hidden;} ul.bannerList li a{display:block;width:100%;text-align:center;} ul.bannerList li a img{max-width:100%;} #quickQna{margin-bottom:25px;border:1px solid #ccc;} #quickQna .qqTitle{width:100%;} #quickQna .qqTitle img{max-width:100%;} #quickQna .qqBody{width:100%;padding:15px;} #quickQna .qqBody .qtitle{margin-bottom:5px;font-size:16px;font-weight:bold;color:#555;} #quickQna .qqBody .qtext{margin-bottom:10px;} #quickQna .qqBody .qtext select{width:100%;} #quickQna .qqBody .qtext input{width:100%;} #quickQna .qqBody .qhp{display:flex;justify-content:space-between;align-items:center;} #quickQna .qqBody .qhp select {width:36%;} #quickQna .qqBody .qhp input {width:31%;} #quickQna .qqBody button{margin-top:10px;width:100%;height:45px;background-color:#27c3c0;color:white;font-size:16px;font-weight:400;} /*메인 배너를 정의한다*/ .mBannerH{margin-bottom:15px;width:100%;display:flex;justify-content:space-between;align-items:center;} .mBannerH li{list-style-type:none;padding:0px;margin:0px;} .mBannerH li a{display:block;width:100%;background:no-repeat center center;background-size:cover;} #mBanner04{padding:25px 0px 10px 0px;} .mBannerV li{margin-bottom:15px;} .mBannerV li img{max-width:100%;} .mBanner01 li {width:50%;} .mBanner01 li a{height:210px;} #mBanner02 li {width:25%;} #mBanner02 li a{height:280px;} #mBanner03{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;} #mBanner03 > div.slide{width:740px;height:370px;border:1px solid #ccc;} #mBanner03 > div.banner{width:360px;height:370px;border:1px solid #ccc;overflow:hidden;} #mBanner03 > div.banner li{width:100%;height:185px;margin:0px;padding:0px;list-style-type:none;overflow:hidden;} #mBanner03 > div.banner li:first-child{border-bottom:1px solid #ccc;} #mBanner03 > div.banner li a{display:block;width:100%;height:185px;} #mBanner03 > div.slide .swiper-container{height:370px;overflow:hidden;} #mBanner03 > div.slide .swiper-container .swiper-slide{width:740px;height:370px;} #mBanner03 > div.slide .swiper-container .swiper-slide a{display:block;width:100%;height:370px;} /********************************** 메인 베스트를 정의한다 **********************************/ #mainBest{background-color:#f5f5f5;padding:50px 0px;} #mainBest .title{ margin-bottom:20px;font-size:25px;font-weight:700;text-align:center;color:black;} #mainBest .title .point{color:#0065a4} #mainBest{} #mainBest .slide{width:100%;} #mainBest .slide .swiper-container{width:100%;padding-top:150px;} #mainBest .slide .swiper-container .swiper-slide{width:1120px;height:580px;} #mainBest .swiper-pagination{bottom:auto;top:0px;display:flex;justify-content:center;align-items:center;} #mainBest .swiper-pagination > div{width:20%;bottom:auto;top:0px;} #mainBest .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0px;} #mainBest .swiper-pagination-bullet{height:125px;border-radius:0px;border-bottom:3px solid #333;opacity:0.7;} #mainBest .swiper-pagination-bullet .image{margin-top:25px;margin-bottom:5px;height:55px;text-align:center;display:flex;justify-content:center;align-items:center;} #mainBest .swiper-pagination-bullet .text{font-size:16px;} #mainBest .swiper-pagination-bullet, #mainBest .swiper-pagination-bullet-active{background-color:transparent;} #mainBest .swiper-pagination-bullet-active{color:#0065a4;border-color:#0065a4;opacity:1;font-weight:bold;} /**********************************/ /********************************** 메인 베스트를 정의한다 **********************************/ #mainList{padding:20px 0px 50px 0px;} #mainList{} #mainList .slide{width:100%;} #mainList .slide .swiper-container{width:100%;padding-top:70px;} #mainList .slide .swiper-container .swiper-slide{width:1120px;padding:20px } #mainList .swiper-pagination{bottom:auto;top:0px;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;} #mainList .swiper-pagination > div{position:relative;width:20%;bottom:auto;top:0px;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:400;} #mainList .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0px;} #mainList .swiper-pagination-bullet{position:relative;opacity:0.8;} #mainList .swiper-pagination-bullet:after{display:block;content:"";position:absolute;width:1px;height:40px;top:50%;right:0px;margin-top:-20px;border-right:1px solid #777;} #mainList .swiper-pagination-bullet:last-child:after{display:none;} #mainList .swiper-pagination-bullet{height:70px;border-radius:0px;color:#333;} #mainList .swiper-pagination-bullet, #mainList .swiper-pagination-bullet-active{background-color:transparent;} #mainList .swiper-pagination-bullet-active{background-color:#0065a4;color:white;opacity:1;font-weight:bold;} /**********************************/ #mainNav{display:flex;align-items:center;padding:10px 0px;font-size:15px;font-weight:350;} #mainNav > a{margin-right:10px;color:#888;} #mainNav > i{margin-right:10px;color:#888;} #mainNav .currentNav{color:#555;} /*하단을 정의*/ #bottomBanner{width:100%;height:415px;background-color:#0065a4;background:no-repeat center center;} #footer{padding:55px 0px 30px 0px;} #footer #bottomMenu{display:flex;justify-content:center;align-items:center;} #footer #bottomMenu a{padding:0px 15px;line-height:25px;font-size:14px;font-weight:400;color:#333;} #footer #bottomMenu span{padding:0px 5px;line-height:25px;color:black;} #footer #bottomLogo{padding:25px 0px;text-align:center;} #footer #bottomLogo img{} #footer #bottomInfo{font-size:15px;font-family:'NanumSquare';color:#555;line-height:52px;text-align:center;} /*추가 페이지 정보를 정의*/ #cateTitle{padding:15px 0px 20px 0px;font-size:25px;font-weight:500;} .table_form{margin-bottom:30px;width:100%;border-top:2px solid #aaa;} .table_form td{padding:10px;border-bottom:1px solid #ccc;} .table_form td.head{background-color:#f3f3f3;width:28%;} .table_form.table_form2 td.head{text-align:right;padding-right:4%;} .cateTitle{padding:25px 0px;font-size:38px;font-weight:700;text-align:center;border-bottom:1px solid #333;} /*리스트 네비*/ .categoryNav{padding:10px 0px 15px 0px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #aaa;} .categoryNav li{flex-grow:1;} .categoryNav li.on{color:#0065a4} .categoryNav li a{display:block;width:100%;margin:0px;padding:15px 0px;} .categoryNav li a div.image{margin-bottom:5px;width:100%;height:70px;background:no-repeat center center;background-size:contain;} .categoryNav li a div.name{width:100%;text-align:center;font-size:16px;color:#000;} .shop_list{width:100%;display:flex;flex-wrap:wrap;} .shop_list .shop_item{width:calc( 33.3% - 17px );margin:0px 0px 20px 0px;padding:0px;border:1px solid #ccc;} .shop_list .shop_item:nth-child(3n+1){margin-right:25px;} .shop_list .shop_item:nth-child(3n+2){margin-right:25px;} .shop_list .shop_item a{display:block;width:100%;} .shop_list .shop_item .image{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100px;border-bottom:1px solid #ccc;overflow:hidden;} .shop_list .shop_item .image .bestCon{position:absolute;top:10px;left:10px;font-size:20px;font-weight:700;} .shop_list .shop_item .image .bestCon .best_icon{display:inline-block;margin-right:5px;} .shop_list .shop_item .image .bestCon .best_icon.best{color:#ff143d} .shop_list .shop_item .image .bestCon .best_icon.new{color:#0065a3} .shop_list .shop_item .image img{max-width:100%;max-height:260px;} .shop_list .shop_item .it_infos{padding:10px 15px 0px 15px;background-color:#fafafa} .shop_list .shop_item .it_name{margin-bottom:2px;font-size:18px;font-weight:700;color:#333333} .shop_list .shop_item .it_basic{margin-bottom:10px;font-size:16px;font-weight:350;color:#555;height:25px;line-height:20px;} .shop_list .shop_item .it_rental{display:flex;justify-content:space-between;align-items:center;padding-bottom:7px;font-size:18px;font-weight:400;color:#333333;border-bottom:0px solid #ccc;} .shop_list .shop_item .it_gubun{margin-bottom:2px;font-size:20px;font-weight:400;} .shop_list .shop_item .it_rental .it_price_pre{width:50%;flex-grow:1;color:#555;font-size:13px;} .shop_list .shop_item .it_rental .it_price{margin-right:10px;width:50%;text-align:right;color:#333;font-size:13px;font-weight:700;color:#0065a4;} .shop_list .shop_item .it_rental .it_price .won{font-size:16px;color:#333;font-weight:400;} .shop_list .shop_item .it_basic2{display:flex;align-items:center;height:60px;font-size:16px;color:#777;line-height:23px;overflow:hidden;} .shop_list .shop_item .main_detali_view_b{ text-align:center; margin:0px auto; width: 100%; padding: 0px 0px; margin-right: 5px; display: inline-block; line-height: 26px; background: #db1716; color: #fff; border-radius: 13px; font-size: 15px; letter-spacing: -0.05em; } .shop_list .shop_item .main_b1{ display: inline-block; height: 25px; line-height: 25px; background-color: #ff6b6f; margin-right: 3px; padding: 0px 5px; color: #fff; text-align: center; border-radius: 2px; font-size: 15px; font-weight: normal; } .shop_list .shop_item .main_b2{ display: inline-block; height: 18px; line-height: 18px; background-color: #777; margin-right: 3px; padding: 0px 5px; color: #fff; text-align: center; border-radius: 2px; font-size: 12px; font-weight: normal; } .shopContent{display:none;} .shopContent.on{display:block;} #shopLink{position:relative;border-bottom:2px solid #0065a4} #shopLink .container{position:relative;margin-bottom:-2px;} #shopCon{min-height:200px;text-align:center;} #shopCon img{max-width:100%;} #sod_list{border-top:2px solid #999} .of_subject{margin-bottom:10px;font-size:20px;font-weight:500;} .of_subject .it_name{color:#0065a4;font-size:20px;font-weight:700;} .of_basic{font-size:14px;color:#666;font-weight:350;} #sod_frm_orderer table{border-top:1px solid #aaa;} #sod_frm_orderer .tbl_frm01 th{width:130px;padding-left:15px;font-size:16px;vertical-align:center;text-align:left;border-bottom:1px solid #ccc;} #sod_frm_orderer .tbl_frm01 td{vertical-align:center;border-bottom:1px solid #ccc;} #sod_frm_orderer .tbl_frm01 td input[type='text']{width:100%;max-width:300px;} h2.stitle{font-size: 18px; padding-bottom: 7px; font-weight: 400;} .control--checkbox .control__indicator:after { left: 2px; top: auto; bottom:2px; width: 10px; height: 15px; } .all_check.control{padding-left:45px;font-size:23px;line-height:35px;} .all_check .control__indicator {width:35px;height:35px;} .all_check.control--checkbox .control__indicator:after { left: 9px; top:0px;width: 16px;height: 25px;} #sod_agree .all_agree{margin-bottom:20px;padding:15px 0px 15px 20px;} #sod_agree .each_agree{padding-left:50px;margin-bottom:15px;} .popModalBtn{display:inline-block;margin-left:10px;font-size:14px;color:#888;font-weight:400;} #popModal .modal-body{padding:30px 20px;font-size:16px;} /*주문완료*/ .sod_right {width: 100%;display:flex;justify-content:space-between;align-items:stretch} .sod_right .sod_agree{flex-grow:1;} .sod_right #sod_totalprice{width:300px;min-width:300px;} #sod_totalprice table{width:100%;} #sod_totalprice table th{width:80px;padding-left:0px;font-weight:500;font-size:14px;color:#333;} #sod_totalprice table td{text-align:right;padding-right:10px;font-weight:700;font-size:18px;color:#333;height:36px;} #sod_totalprice table td.pre_price{font-size:15px;font-weight:350;color:#666;} #sod_totalprice table td.as{font-size:15px;font-weight:350;color:#666;} #sod_bsk_tot .od_total_price_title{padding:20px 0px 0px 0px;color:#0065a4;font-size:20px;font-weight:500;} #sod_bsk_tot .od_total_price_sum{margin-bottom:20px;color:#0065a4;font-size:32px;font-weight:700;text-align:right;} #sod_bsk_tot .od_total_price_sum .won{font-size:16px;font-weight:400;} #display_pay_button{display:flex;align-items:center;justify-content:center;margin:30px 0px;} #display_submit #display_pay_button a, #display_submit #display_pay_button input{border:1px solid #0065a4;width:280px;height:65px;line-height:65px;text-align:center;color:#0065a4;margin:0px 4px;padding:0px;font-size:22px;} #display_submit #display_pay_button a:hover{background-color:white;} #display_submit #display_pay_button input{background-color:#0065a4;color:white;} #shopCon .sh_qa{padding-bottom:50px;} #shopCon .sh_qa .table_qa{margin-bottom:20px;width:100%;border-top:2px solid #959ea7;} #shopCon .sh_qa .table_qa td{border-bottom:1px solid #ccc;padding:10px;text-align:left;} #shopCon .sh_qa .table_qa td.head{width:220px;padding-left:20px;font-weight:400;font-size:16px;} #shopCon .sh_qa .table_qa td.shead{font-size:15px;font-weight:350;} #shopCon .sh_qa .table_qa td input{height:35px;border:1px solid #aaa;} #shopCon .sh_qa .table_qa td select{height:35px;border:1px solid #aaa;} #shopCon .sh_qa .table_qa td textarea{width:90%;height:120px;border:1px solid #aaa;} #shopCon .sh_qa .table_qa td select.iq_hp{width:95px;} #shopCon .sh_qa .table_qa td input.iq_hp{width:95px;} #shopCon .sh_qa .table_qa td .qa_image{display:none;} #shopCon .sh_qa .table_qa td .qa_file_btn{border:none;padding:10px 20px;background-color:#eaeaea;font-size:15px;color:black;} #shopCon .sh_qa .table_qa td .control{margin-bottom:0px;font-size:14px;font-weight:350;} #shopCon .qa_submitCon{display:flex;align-items:center;justify-content:center;} #shopCon .qa_submitCon button{width:265px;height:65px;margin:0px 4px;font-size:16px;} #shopCon .qa_submitCon button.qa_cancle{border:1px solid #333;color:#333;background-color:white;} #shopCon .qa_submitCon button.qa_submit{border:1px solid #0065a5;background-color:#0065a5;color:white;} #sod_frm_orderer .tbl_frm01 td select.od_tel{width:100px;} #sod_frm_orderer .tbl_frm01 td input.od_tel{width:100px;} #sod_frm_orderer .tbl_frm01 td #od_hope_date.input[type='text']{width:120px } #sod_frm_orderer .tbl_frm01 td #od_hope_date {width:120px;} #sod_frm_orderer .tbl_frm01 td #od_hope_hour {width:120px;} #sod_frm_orderer .tbl_frm01 td #od_hope_second {width:120px;} #sh_qa_list{display:none;} #sh_qa_form{display:none;} #sh_qa_list.on{display:block;} #sh_qa_form.on{display:block;} #sh_use_list{display:none;} #sh_use_form{display:none;} #sh_use_list.on{display:block;} #sh_use_form.on{display:block;} #shopCon .sit_list{width:100%;padding:0px;margin:0px;} #shopCon .sit_list li{width:100%;list-style-type:none;padding:10px 0px;margin:0px;border-bottom:1px solid #ccc;} #shopCon .sit_list li.head{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #777;font-size:16px;font-weight:500;text-align:center;padding:15px 0px;} #shopCon .sit_list li.head .name{width:120px;min-width:120px;margin-right:10px;text-align:center;} #shopCon .sit_list li.head .subject{flex-grow:1;} #shopCon .sit_list li.head .date{width:120px;min-width:120px;margin-right:40px;text-align:center;} #shopCon .sit_list li.text > a{margin:0px;padding:10px 10px;position:relative;display:block;width:100%;} #shopCon .sit_list li.text .header{width:100%;margin:0px;padding:0px;position:relative;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:350;text-align:left;} #shopCon .sit_list li.text .header .name{width:120px;min-width:120px;margin-right:10px;text-align:center;} #shopCon .sit_list li.text .header .subject{flex-grow:1;} #shopCon .sit_list li.text .header .date{width:120px;min-width:120px;margin-right:40px;text-align:center;} #shopCon .sit_list li.text .qa_subject{width:100%;display:flex;justify-content:space-between;align-items:center;} #shopCon .sit_list li.text .qa_subject .qa_image{width:80px;min-width:80px;margin-right:10px;} #shopCon .sit_list li.text .qa_subject .updown_arrow{flex-grow:1;display:inline-block;position:relative;} #shopCon .sit_list li.text div.contentCon{padding:10px;width:100%;} #shopCon .sit_list li.text div.contentCon .iq_content{border-top:1px solid #ccc;padding:10px 0px} #shopCon .sit_list li.text div.contentCon .iq_content{width:100%;display:flex;justify-content:space-between;font-size:16px;} #shopCon .sit_list li.text div.contentCon .iq_content:first-child{padding-top:10px;} #shopCon .sit_list li.text div.contentCon .iq_content .iq_status{width:150px;min-width:150px;text-align:center;} #shopCon .sit_list li.text div.contentCon .iq_content .iq_body{flex-grow:1;text-align:left;} #shopCon .sit_list li.text div.contentCon .iq_content.iq_answer{} #shopCon .sit_list li.text div.contentCon .iq_content.iq_answer .iq_body{background-color:#f3f3f3;padding:15px;} #shopCon .sit_list li.text div.contentCon .iq_content img{max-width:100%;} #shopCon .sit_list li.text div.contentCon div.iq_manage{text-align:right;padding:5px 20px 5px 0px;} #shopCon .sit_list li.text .header .subject span{} #shopCon .sit_list li.text span.iq_btn{display:inline-block;background-color:#959595;color:white;padding:0px 0px;width:80px;text-align:center;height:26px;line-height:24px;border-radius:12px;margin-right:5px;} #shopCon .sit_list li.text span.iq_btn.iq_wait{} #shopCon .sit_list li.text span.iq_btn.iq_complete{background-color:#27c3c0;} #shopCon .sit_list li.text span.iq_btn.iq_answer{background-color:#000;} #shopCon .sit_list li.text span.iq_btn.iq_question{background-color:#00cc00} /*qns collaspe*/ #shopCon .sit_list li.text a.updown_arrow:before { position:absolute; top:50%; right:5px; left:auto; margin-top:-22px; font-family:'FontAwesome'; content: "\f106"; float: right; transition: all 0.5s; font-size:30px; } #shopCon .sit_list li.text a.updown_arrow.collapsed:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .qa_current.qa_page{background-color:#666;color:white;} .qa_write_btn{width:180px;height:55px;border:none;background-color:#0065a4;color:white;font-size:18px;} /*도지를 정의한다*/ #main_list{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;} #main_list > div{width:calc(100% - 10px);border:1px solid #ccc;} #main_list > div.notice_bbs{padding:15px 15px 0px 15px;height:350px;overflow:hidden;} #main_list > div.notice_bbs .header{margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;} #main_list > div.notice_bbs .header .title{} #main_list > div.notice_bbs .header .title .mTitle{font-size:45px;color:#333;font-weight:500;} #main_list > div.notice_bbs .header .title .sTitle{font-size:16px;color:#777;} #main_list > div.notice_bbs .header > a{font-size:40px;color:#19bcb7;font-weight:350;} #main_list > div.notice_youtube{height:322px;overflow:hidden;} #main_list ul{border-top:1px solid #ccc;height:190px;} #main_list li{border-bottom:1px solid #ddd;} #main_list li a{padding:10px 0px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:350;} #main_list li a div{letter-spacing:-0.05em;font-size:16px;color:#999;} #main_list li .num{width:60px;min-width:40px;text-align:center;} #main_list li .subject{flex-grow:1;text-align:left;color:#333;} #main_list li .date{width:80px;min-width:80px;text-align:center;} /*공지 및 이용안내 정의한다*/ #mainNotice{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;} #mainNotice > div{width:calc(50% - 10px);border:1px solid #ccc;} #mainNotice > div.notice_bbs{padding:45px 40px 0px 40px;height:380px;overflow:hidden;} #mainNotice > div.notice_bbs .header{margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;} #mainNotice > div.notice_bbs .header .title{} #mainNotice > div.notice_bbs .header .title .mTitle{font-size:45px;color:#333;font-weight:500;} #mainNotice > div.notice_bbs .header .title .sTitle{font-size:16px;color:#777;} #mainNotice > div.notice_bbs .header > a{font-size:40px;color:#19bcb7;font-weight:350;} #mainNotice > div.notice_youtube{height:380px;overflow:hidden;} #mainNotice ul{border-top:1px solid #ccc;height:190px;} #mainNotice li{border-bottom:1px solid #ddd;} #mainNotice li a{padding:10px 0px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:350;} #mainNotice li a div{letter-spacing:-0.05em;font-size:16px;color:#999;} #mainNotice li .num{width:60px;min-width:40px;text-align:center;} #mainNotice li .subject{flex-grow:1;text-align:left;color:#333;} #mainNotice li .date{width:80px;min-width:80px;text-align:center;} .onlyMobile{display:none;} #qna_agree{display:flex;align-items:center;} #qna_agree label{margin-bottom:0px;letter-spacing:-0.08em;} #qna_agree a{font-size:12px;color:#666;letter-spacing:0.08em;}