@charset "utf-8";

.sub_h2_style { font-size:34px; font-weight:600; color:#fff; letter-spacing:-1px; line-height: 1; margin-bottom: 5px; }
.sub_h2_style02 { font-size:34px; font-weight:600; color:#fff; letter-spacing:-1px; text-align:center; }

.sub_h3_style {  margin-bottom: 30px; padding:50px 0 30px; font-size:30px; font-weight:500; letter-spacing:-1px; color:#161616; line-height:1; border-bottom:2px solid #535353; }
.sub_h3_style02 { padding:50px 0 30px; font-size:24px; font-weight:600; color:#161616; letter-spacing:-1px; line-height:1; border-bottom:2px solid #535353; }
.sub_h3_style03 { padding:40px 0 30px; font-size:28px; font-weight:400; color:#4c4c4c; line-height:1; }
.sub_h3_style04 { margin-bottom: 30px; padding-bottom:30px; font-size:30px; font-weight:500; letter-spacing:-1px; color:#161616; line-height:1; border-bottom:2px solid #535353; }

.sub_p_style { font-size:15px; font-weight:300; color:#dfdfdf; letter-spacing:-1px; margin-bottom:20px; }
.sub_p_style02 { font-size:15px; font-weight:300; color:#dfdfdf; letter-spacing:-0.5px; text-align:center;}
.sub_p_style03 { font-size:18px; font-weight:400; color:#636363; letter-spacing:-0.5px; }
.sub_p_style04 { font-size:20px; font-weight:500; color:#ff7200; line-height:30px; }
.sub_p_style06 { font-size:22px; font-weight:500; color:#ff7200; margin:50px 0 20px; line-height:1;  }
.sub_p_style05 { font-size:18px; font-weight:400; color:#636363; letter-spacing:-0.5px; margin-bottom:25px; line-height:30px; }


.tob_bg_btn { display:inline-block; width:150px; height:45px; border:1px solid #fff; margin:0 10px 0 0; text-align: center; line-height: 43px; border-radius:5px; }
.tob_bg_btn:last-child { margin:0; }
.tob_bg_btn a { display:block; height:43px; font-size:14px; font-weight:500; color:#fff; letter-spacing: -0.5px;  }
.tob_bg_btn a:hover { background:rgba(0,0,0,0.3); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }


/* 공통 */
.sub_wrap { z-index:1; min-height:100vh; }
.default_layout:after { content:''; display:block; clear:both; }
.bg_gray { background:#f9f9f9; }
.bg_white { background:#fff; }
.bg_ivory { background:#f0e7db; }
.sub_wrap table { width:100%; }
select { appearance:none; -webkit-appearance : none ; cursor:pointer; background:url('../img/sub/select_arrow_gray.png')no-repeat 90% center; background-size: 13px; }
select::-ms-expand { display:none; }

.sub_btn { text-align: center; margin:50px 0; }
.sub_btn li { display:inline-block;}
.sub_btn li > button, .sub_btn li > a {padding:0 20px; line-height:50px; margin-right:10px; background:#e0e0e0; border-radius:5px; border:0;font-size:19px;cursor:pointer}
.sub_btn .submit { background:#5329ab;color:#fff; border-radius:5px; }
.sub_btn .submit a { background:#5329ab;color:#fff; border-radius:5px; }
.sub_btn .submit a , .sub_btn .submit button{ color:#fff; width:100%; padding:0 20px; }
.sub_btn li > button:last-child , .sub_btn li > a:last-child{ margin-right:none; }
.sub_btn li > button:hover, .sub_btn li > a:hover { background:#bdbdbd; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.sub_btn .submit:hover { background:#3b1d7b; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.sub_btn li a { width:100%; height:100%; font-weight:400; font-size:19px; color:#666666; line-height:50px; }


/* sub01 */
.sub_wrap01_detail { padding:0; }

.pfl_box { padding:50px 0 0px; min-height:400px; }
.pfl_tabs { text-align:center; margin-bottom:50px; }
.pfl_tabs li { display:inline-block; text-align: center; font-size:15px; font-weight:500; letter-spacing:-1px; color:#171717; }
.pfl_tabs .active { color:#ff780b; }
.pfl_tabs .active span { border:1px solid #ff780b; }
.pfl_tabs span { display:block; cursor:pointer; padding: 20px 0 0; background:#fff; width:65px; height:65px; border-radius:40px; margin: 0 auto 10px; }
.pfl_tabs span img { vertical-align: middle; }

.tab_content { position:relative; min-height:400px; }
.tab_content .path { position:absolute; top:0; right:0; }
.tab_content .path li { position:relative; display:inline-block; padding:0 10px; }
.tab_content .path li:after { position:absolute; top:35%; right:-5px; content:''; width:5px; height:10px; background:url("../img/sub/path_arrow.png")no-repeat center; }
.sub_wrap .path li:last-child:after { content:''; display:none; }
.tab_content .path li a { display: block; font-size: 14px; font-weight: 500; color: #959595; }
.tab_content .path li:last-child a { color: #ed7822; }

.tab_content .tab_container:before { content:''; display:block; clear:both; }
.tab_content > div:after { content:''; display:block; clear:both; }
.tab_content .tab_content > div:after { content:''; display:block; clear:both; }
.tab_content .info_box { float:left; width:386px; margin:0 20px 20px 0; height:410px;padding:20px; background:#fff; }    
.tab_content .info_box:nth-child(3n+3) { margin-right:0; }
.tab_content .info { margin:0 0 10px; }
.tab_content .info:after { content:''; display:block; clear:both; }
.tab_content .info_new { font-size:16px; font-weight:600; color:#fb7000; letter-spacing:-1px; }
.tab_content .info_title { float:right; font-size:18px; font-weight:200; color:#222222; letter-spacing:-1px; }
.tab_content .info_title b { position:relative; display:inline-block; z-index:0; margin-left:5px; font-weight:600; }
.tab_content .info_title b:before {content: ''; position: absolute; z-index:-2; bottom: 0; width: 100%; height: 7px; background: #ffdf5e; top: 17px; right: 0;}
.tab_content .info_img { width:346px; height:240px; margin:10px 0 0; border:1px solid #bbbbbb; border-bottom: none; }
.tab_content .info_img img { width:100%; height:100%; object-fit:cover  }
.tab_content li { float:left; text-align:center; font-size:14px; font-weight:500; letter-spacing:-1px; height: 38px; line-height: 36px;}
.tab_content .demo { width:50%; border:1px solid #ff6b00; background:#fffff7; color:#ff6b00; }
.tab_content .btn { width:25%; border:1px solid #bbbbbb; border-left:none; background:#fbf8f2;  }
.tab_content li a { display:block; }
.tab_content .btn a { color:#666666; }
.tab_content .price_view li { width:49%; margin-right:2%; border-radius:6px; height:45px; line-height:45px;}
.tab_content .price_view li:first-child { background:#ff8329; }
.tab_content .price_view li:first-child:hover { background:#ed7822; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;  }
.tab_content .price_view li:last-child { background:#333333; margin-right:0%; }
.tab_content .price_view li:last-child:hover { background:#4c4c4c; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.tab_content .price_view li a { font-size:16px; letter-spacing:-1px; color:#fff; font-weight:500; }

.tab_content .pfl_slider { margin:20px auto 0; display:table; }
.tab_content .pfl_slider a { padding:20px; border-right:1px solid #fff; display:table-cell;}
.tab_content .pfl_slider a:last-child { border-right:none; }
.empty_list {text-align:center;}
/* sub01_category */
.category { width:100%; margin:30px auto; font-size: 0; text-align: left; }
.category a { display: inline-block; padding:14px 20px; text-align: center; background:#fff; border:1px #eaeaea solid; font-weight:300; font-size:16px; color: #222; line-height:1.7; margin:-1px; width:14.45%; }
.category a.on { color: #fff; font-weight: 600; background: #ed7822; }

/* sub01_side03 */

.order_list { margin:30px 0 0; background:#fff4e8; padding: 20px 0;  }
.order_list:after { content:''; display:block; clear:both; }
.order_list li { position:relative;  float:left; width:33%; padding:24px 0; text-align:center; font-size:18px; font-weight:500; color:#222222; }
.order_list li:after { content:''; position:absolute; top:50%; right:0; margin-top:-9px; width:18px; height:35px; background:url('../img/sub/sub01_side/arrow_icon.png')no-repeat; }
.order_list li:last-child:after { content:''; display:none; }
.order_list span { display:block; }
.order_list .txt_box { width:100px; height:100px; margin: 0 auto; padding:25px 0 0; border-radius:50px; background:#ff680e; color:#fff; font-weight:300; margin-bottom: 5px; }
.order_list span b { display:block; font-weight:600; font-size:20px; line-height:1; }


/* sub01_side04 */
.benefit { margin: 0 0 10em; }
.benefit:last-child { margin-bottom:0; }
.benefit:after { content:''; display:block; clear:both; }
.benefit p span { display:inline-block; width:90px; height:30px; font-size:16px; font-weight:600; color:#fff; line-height:32px; background:#ff7200; text-align:center; border-radius:20px; margin:0 10px 0 0; }
.benefit .list_style { position:relative; float:left; margin:0 55px 0 0; width:180px; height:180px; padding:65px 0 0; text-align:center; border:2px solid #fd7714; border-radius:90px; line-height:24px; font-size:18px; font-weight:500; color:#ff7200; }
.benefit .list_style:after { content:''; position:absolute; top:50%; right:-45px; margin-top:-10px; width:33px; height:33px; background:url('../img/sub/sub01_side/plus_icon.png')no-repeat; }
.benefit .list_style:last-child:after { content:''; display:none; }
.benefit .list_style b { display:block; }

.benefit thead th { background:#f0f0f0; height:50px; border: 1px solid #f0f0f0; font-size:18px; font-weight:500; color:#161616; line-height:50px; }
.benefit tbody th { font-size:16px; font-weight:500; color:#161616; line-height:50px;  border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
.benefit tbody td { padding:0 0 0 30px; font-size:16px; font-weight:400; color:#666666; line-height:50px; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
.benefit tbody td span { display:inline-block; width:110px; height:30px; line-height:30px; font-weight:500; color:#fff; background:#f53f41; text-align:center; border-radius:6px; margin-left:5px; }
.benefit .list_style02 { margin:30px 0 0; background:#f0f0f0; padding:60px 0 ; }
.benefit .list_style02:after { content:''; display:block; clear:both; }
.benefit .list_style02 li { float:left; width:20%; font-size:16px; font-weight:400; color:#636363; line-height:24px; border-right:1px solid #e2e2e2; text-align:center; }
.benefit .list_style02 li:last-child { border-right:none; }
.benefit .list_style02 b { display:block; }
.benefit .list_style02 img { display:block; margin:0 auto 20px; }
.benefit .list_style_02 li { width:33.3%; }

.sub_wrap .content .path .select { min-width:220px; width:auto;margin: 0 15px; border: 1px solid #ececec; border-radius: 5px; font-weight: 400; font-family:'NotoSansKR',sans-serif; cursor:pointer;}

/* sub01_detail */
.sub_wrap01 .content { position:relative; width:100%; padding:70px 0 0; }
.sub_wrap01 .content:after { content:''; display:block; clear:both; }
.sub_wrap01 .content .path { top:15px; left:0; z-index:5; }
.sub_wrap01 .content .path li { padding:0; line-height: 30px; }
.sub_wrap01 .content .path li:after { top:39%; }
.sub_wrap .content .path .select a { position:relative;  }
.sub_wrap .content .path .select > a:after { content:''; position:absolute; top:50%; margin-top: -5px; right: 10px; width:17px; height:10px; background:url('../img/sub/select_arrow_gray.png')no-repeat; }
.sub_wrap .content .path .select:hover > a:after { background:url('../img/sub/select_arrow_gray_up.png')no-repeat; }
.sub_wrap .content .path .select:last-child > a:after { background:url('../img/sub/select_arrow_orange.png')no-repeat; }
.sub_wrap .content .path .select:last-child:hover > a:after { background:url('../img/sub/select_arrow_orange_up.png')no-repeat; }
.sub_wrap .content .path .select:after { top: 12px; right:-15px; }
.sub_wrap .content .path .select ul { display:none; color:#959595; background:#fff; }
.sub_wrap .content .path .select li { float:none;  }
.sub_wrap .content .path .select li:after { content:''; display:none; }
.sub_wrap .content .path .select a { line-height:35px; }
.sub_wrap .content .path .select li a { color:#959595; }
.sub_wrap .content .path .select:hover ul { display:block; }
.sub_wrap .content .path .select:hover ul li { border-top:1px dashed #ddd; }
.sub_wrap .content .path .select ul li:hover { background:#f9f9f9; color:#; }

/* 라디오버튼 디자인 */
.sub_wrap input[type="radio"]+ label {font-size:16px}
.sub_wrap input[type="radio"]+ label > span.radio  { display:inline-block; width:16px; height:16px; vertical-align: middle; background:#fff;
	 border:2px solid gray; border-radius:50%; cursor:pointer; position:relative; transform: translateY(-1px); transition: border 0.1s ease-in-out; }
.sub_wrap input[type="radio"]+ label > span.radio:hover { box-shadow: 0 0 0 max(4px, 0.2em) lightgray; cursor: pointer; }
.sub_wrap input[type="radio"]+ label > span.radio:before { content:''; display:inline-block; width:6px; height:6px; background:#fff; border-radius:50%; 
	position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.sub_wrap input[type="radio"]:checked + label > span.radio { border-color:#ed7822; background-color:#ed7822; }
.sub_wrap input[type="radio"]:checked + label > span.radio:before { background-color:#fff; }
.sub_wrap input[type="radio"]:disabled + label > span.radio { background-color: #fff; box-shadow: none; opacity: 0.7; cursor: not-allowed; }
.sub_wrap input[type="radio"]:disabled + label > span.radio:before { background-color: lightgray; }

.sub_wrap01 .span_br { display:block; }
.sub_wrap01 .content h3 { margin-bottom:35px; font-size:23px; font-weight:700; color:#161616; }
.sub_wrap01 .content h3 b { font-weight:600; }

.sub_wrap01 .tab_content .price_view02 li { width:100%; }


/* left_content */
.left_content { float:left;  width:500px; margin:0 55px 0 0;}
.left_content .img_box { height:365px; border:2px solid #e4e1e1; overflow:hidden; }
.left_content .img_box img { width:100%; height:100%; object-fit:cover }
.left_content .demo_btn { background:#333; } 
.left_content .demo_btn:after { content:''; display:block; clear:both; }
.left_content .demo_btn i { display:block; height:28px; margin:0 0 5px; }
.left_content .homepage i { background:url('../img/sub/homepage_iocn.png')no-repeat center; }
.left_content .mobile i { background: url('../img/sub/mobile_icon.png')no-repeat center; }
.left_content .manage i { background: url('../img/sub/manage_icon.png')no-repeat center; }
.left_content span { display:block; }
.left_content a { float:left; width:33.3%; padding:20px 0; line-height:20px; font-size:16px; color:#fff; font-weight:400; text-align:center; border-right:1px solid #636363; }
.left_content a:last-child { border-right:none; }
.left_content a:hover { background:#444; }

/* view_tabs */
.view_tabs { position:absolute; top:70px; right:0; border-radius:8px; overflow:hidden; }
.view_tabs li { display:inline-block; width:95px; line-height:40px; background:#eef0f3; font-size:16px; font-weight:500; color:#161616; text-align: center; cursor:pointer; }
.view_tabs .active { background:#ed7822; color:#fff; }
.left_content .view_tabs { position:initial; display:grid; grid-template-columns:1fr 1fr; gap:3px; padding-top:1rem; }
.left_content .view_tabs li { width:100%; line-height: 50px; }
.left_content .view_tabs li:first-child { border-radius:0.5rem 0 0 0.5rem; }
.left_content .view_tabs li:last-child { border-radius:0 0.5rem 0.5rem 0; }


/* right_tab_content */
.right_tab_content { float:left; width:728px; }
.right_tab_content .product_name { font-size:34px; font-weight:500; color:#161616; line-height:1.2; padding-bottom:25px; margin-bottom:30px; border-bottom:1px solid #ececec; }

.price_info { margin-bottom:20px; font-size:15px; }
.price_info div { margin-bottom:14px; }
.price_info .info01 { padding: 5px 15px; border: 1px solid #ed7822; font-weight: bold; color: #ed7822; margin-right: 10px; }
.price_info .line { color:#ccc; font-size:20px; font-weight:400; text-decoration: line-through; }
.price_info .price { font-size:52px; font-weight:bold; color:#ed7822; }
.price_info .info02 { margin-left:10px; font-size:16px; font-weight:400; }

.gift_info { height:185px; margin-bottom:30px; border-top:2px dotted #eee; border-bottom:2px dotted #eee; padding:25px; background:#f9f9f9; }
.gift_info .title { font-size:20px; font-weight:500; margin-bottom:10px; }
.gift_info:after { content:''; display:block; clear:both; }
.gift_info li { float:left; position:relative; width:50%; padding:0 10px; font-weight:300; font-size: 17px; margin-bottom: 5px;  }
.gift_info li:before { content:''; position:absolute; top:50%; left:0; margin-top:-1px; display:inline-block; width:3px; height:3px; background:#ed7822; }
.gift_info span { margin-right:10px; color:#b59374; }


.right_tab_content .btn { font-size:0; display:grid; grid-template-columns:1fr 1fr; gap:0.5rem; }
.right_tab_content a { display:inline-block; padding:0 40px; line-height:55px; font-size:17px; font-weight:500; color:#121212; text-align: center; background:#e0e0e0; border-radius:4px; }
.right_tab_content a:hover { background:#c3c3c3;  transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.right_tab_content .apply { background:#ed7822; color:#fff;  margin-right: 0; }
.right_tab_content .apply:hover { background:#ed7822;  transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }

.rental_tabs { margin-bottom:15px; }
.rental_tabs:after { content:''; display:block; clear:both; } 
.rental_tabs li { float:left; margin-right:20px; }

/* .rental_tabs input[type="radio"] { display:none;} */
.rental_tabs input[type="checkbox"] + label > span { display:inline-block; width:20px; height:20px; vertical-align: middle; background:url('../img/sub/check_gray_icon.png')no-repeat center; border:2px solid #ddd; margin-right:5px; border-radius:5px; cursor:pointer; background-size: 65%; }
.rental_tabs input[type="checkbox"]:checked + label > span { background:#ed7822 url('../img/sub/sub07_check_icon.png') no-repeat center; border:2px solid #ed7822; background-size: 65%; }
.rental_tabs input[type="radio"]+ label {font-size:16px}
.rental_tabs input[type="radio"]+ label > span.radio { position: relative; display:inline-block; width:18px; height:18px; vertical-align: middle; background:#fff; border:2px solid #ddd; margin-right:5px; border-radius:20px; cursor:pointer; }
.rental_tabs input[type="radio"]+ label > span.radio:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content:''; display:inline-block; width:8px; height:8px; background:#ddd; border-radius:10px; margin:0; }
.rental_tabs input[type="radio"]:checked + label > span.radio { display:inline-block; vertical-align: middle; background:#fff; border:2px solid #ed7822; }
.rental_tabs input[type="radio"]:checked + label > span.radio:before { content:''; display:inline-block; width:9px; height:9px; background:#ed7822; border-radius:10px; margin:0; }

.rental_content { display:none; }

/* 모바일 디자인 박스 */
h3.portfolio {font-size:24px;font-weight:500;}
h4.design_tit {font-size:20px;font-weight:500;margin-bottom:20px}
.design_box {clear:both;width:100%;}
.design_box > ul { display:grid; grid-template-columns:repeat(6, 1fr); justify-content:center; gap: 1.5em; }
.design_box .design_tit { text-align:center; }
.design_box li { }
.design_box li div {text-align:center;}
.design_box li .mobile_img a { display:block; overflow: hidden; box-shadow:0 0 0.7em rgba(0,0,0,0.2); border-radius:8px; }
.design_box li img { width:100%; height:300px; object-fit:cover; }
.radio_txt { margin:2em 0; text-align:center; font-weight: 600; }
.radio_txt input[type="radio"]+ label { font-size:17px; }

.design_box .btn { font-size:0; }
.design_box .btn a { display:inline-block; width:200px; margin-right:1%; padding:0 20px; line-height:55px; font-size:17px; font-weight:500; color:#121212; text-align: center; background:#e0e0e0; border-radius:4px; }
.design_box .btn a:hover { background:#c3c3c3;  transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.design_box .btn .apply { width:200px; background:#ed7822; color:#fff;  margin-right: 0; }
.design_box .btn .apply:hover { background:#ed7822;  transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.design_box .btn_box{clear:both;padding-top:3em;text-align:center}

.selectDesign span.radio { transform: translateY(-6px) !important; }


/* 비슷한 홈페이지 */
.similar_list { margin:70px 0; text-align:center; }
.similar_list h3 { margin:0 0 30px; font-size:24px; font-weight:400; } 
.similar_list ul:after { content:''; display:block; clear:both; }

.similar_list .slick-track { border:1px solid #ddd; }
.similar_list .similar_slide li { padding: 20px 10px; font-size:16px; font-weight:400; color:#3c3c3c; }
.similar_list .similar_slide a:hover { color:#ed7822; }
.similar_list .similar_slide img { display:block; position:relative; width:270px; height:200px; margin:0 0 10px; border:1px solid #e4e1e1; border-radius:8px; }
.similar_list .similar_slide a:hover img { box-shadow:0 0 8px rgba(0, 0, 0, 0.2); }

.similar_list .slick-arrow { width: 50px; height: 50px; z-index: 10; background: rgb(255,255,255); border-radius: 12px; border:1px solid #ddd; box-shadow:0px 2px 5px rgba(0, 0, 0, 0.1); }
.similar_list .slick-prev:before { content:''; position:absolute; width:7px; height:12px; top: 17px; left: 20px; background:url("../img/sub/sub01/slide_arrow_left.png")no-repeat; }
.similar_list .slick-next:before { content:''; position:absolute; width:7px; height:12px; top: 17px; right: 20px; background:url("../img/sub/sub01/slide_arrow_right.png")no-repeat; }

/* info_banner */
.cont_box .box img { margin-bottom:100px; }
.cont_box h3 { text-align:center; }
.cont_box { background:#f3f0eb; }
.cont_box .box02 { padding-bottom:100px; }
.cont_box .box02:after { content:''; display:block; clear:both; }
.cont_box .box02 > div { float:left; width:575px; margin:0 50px 0 0; background:#fff; padding:40px; background:#fff; box-shadow:0 0 14px rgba(0, 0, 0, 0.1); text-align:center; font-size:18px; font-weight:400; color:#636363; }
.cont_box .box02 > div:last-child { margin-right:0; }
.cont_box .box02 .width100 { width:100%; padding:40px 120px; }
.cont_box .box02 .width100 br { display:none; }
.cont_box .box02 .width100 .list_box { float:left; width:45%; margin-right:10%; }
.cont_box .box02 .width100 .list_box:nth-of-type(2) { margin-right:0; }

.cont_box .box02 .title { width:130px; height:40px; margin:0 auto 15px; line-height:38px; border-radius:20px; font-size:20px; font-weight:600; }
.cont_box .box02 .rental .title { background:#fff9f9; border:1px solid #fa122a; color:#fa122a; }
.cont_box .box02 .buy .title { background:#fbfbfd; border:1px solid #5f65db; color:#5f65db; }
.cont_box .box02 p:nth-child(2) { margin:0 0 15px; font-size:20px; font-weight:500; line-height:24px; color:#333333; }
.cont_box .box02 .gift { margin-bottom:30px; font-size:18px; font-weight:500; }
.cont_box .box02 .gift span { display:inline-block; margin:0 10px; font-size:40px; font-weight:bold; line-height:1; }
.cont_box .box02 .rental .gift { color:#fb2e43; }
.cont_box .box02 .rental .gift span { font-size:45px; }
.cont_box .box02 .buy .gift { color:#5f65db; }

.cont_box .box02 table {  border-top:1px solid #eeeeee; }
.cont_box .box02 th { width:25%; padding:10px 0 0 30px; text-align:left; font-size:16px; font-weight:400; color:#acacac; }
.cont_box .box02 td { width:30%; text-align:left; padding:0 0 0 15px; font-weight:400; font-size:16px; color:#444444; }
.cont_box .box02 th div { height:10px; }
.cont_box .box02 td:nth-of-type(1) { position:relative; }
.cont_box .box02 td:last-child { width:15%; }
.cont_box .box02 td:before { content:'';  position:absolute; top:58%; left:7px; width:2px; height:2px; background:#444444; }
.cont_box .box02 td span { color:#ed7822; margin:0 5px; }


.cont_box02 { background:#ff7200; }
.cont_box02 .box03 { padding:0 90px; }
.cont_box02 .box03:after { content:''; display:block; clear:both; }
.cont_box02 .box03 img { float:left; margin-right:115px; margin-bottom:75px; }
.cont_box02 .box03 ul { float:left; }
.cont_box02 .box03 li { position:relative; font-size:22px; line-height:48px; color:#fff; padding-left:10px; }
.cont_box02 .box03 li:before { content:''; position:absolute; top:50%; left:0; width:3px; height:3px; background:#fff; }


/* sub01_side04 */
.sub_gift .content { padding:0; }
.sub_gift .content .path { top:50px; right:0; left: auto;  }


/* /homepage_payform */

.payform .content { padding:50px 0 0; letter-spacing:-0.5px; }
.payform .content .path { top:50px; left:auto; right:0; }
.payform .content h1 { font-size: 28px; color: #4c4c4c; line-height: 1; }
.payform .content h3 { font-size: 28px; color: #4c4c4c; line-height: 1; }
.payform .content h4 {font-size: 22px; font-weight:400; color: #4c4c4c; margin:30px 0 0;}
.writeForm p.bank, .pay_table p.bank { display:inline-block; }
.writeForm .bank i , .pay_table p.bank i{ margin:0 10px; padding-left:80px; font-style:normal; font-weight:500; color:#786e64; background: url('../img/sub/kb.jpg')no-repeat left center; }
#as_viewPage p > span.bank i { margin:0 10px; padding-left:80px; font-style:normal; font-weight:500; color:#786e64; background: url('../img/sub/kb.jpg')no-repeat left center; }
#as_viewPage .view_box { margin-top:0 !important; }

.payform .content > h1 { margin-bottom:1.5em; }


/* sub02*/
/* .sub_wra02 .tab_container { min-height:400px; } */
.sub_wra02 .tab_content .info_title { float: none; display: block; text-align: center; font-size:20px; font-weight:300; }
.tab_content .info_img { border-bottom: 1px solid #bbbbbb; }
.tab_content .info_img > a {height:100%}
.sub_wra02 .tab_content .price_view li { width:100%; }

.pfl_box > div { position:relative; }
.sub_wra02 .path { position:absolute; top:0; right:0; }
.sub_wra02 .path li { position:relative; float: left; padding:0 10px; }
.sub_wra02 .path li:after { position:absolute; top:35%; right:-5px; content:''; width:5px; height:10px; background:url("../img/sub/path_arrow.png")no-repeat center; }
.sub_wra02 .path li:last-child:after { content:''; display:none; }
.sub_wra02 .path li a { display: block;  }
.sub_wra02 .path li:last-child a { color: #ed7822; }


/* sub04_01 */
.sub_wrap04 .content { position:relative; }
.sub_wrap04 .content .path { position:absolute; top:50px; right:0; }
.sub_wrap04 .content .path li { position:relative; }
.sub_wrap04 .content .path li:after { position:absolute; content:''; width:5px; height:10px; background:url("../img/sub/path_arrow.png")no-repeat center; }
.sub_wrap04 .content .path li:first-child { margin-left:0; }
.sub_wrap04 .content .path li:last-child:after { content:''; display:none; }
.sub_wrap04 .content .path li a { display: block;}
.sub_wrap04 .content .path li:last-child a { color: #ed7822; }
.sub_wrap04 .content .path .select li a { color:#959595; }
.sub_wrap04 .content .path .select li:after { content:''; display:none; }

.sub_wrap04 .content > p:first-child { margin-top:0; }

.list_style { margin:0 0 50px;  }
.list_style:after { content:''; display:block; clear:both; }
.list_style > div { float:left; width:380px; margin:0 30px 0 0; padding:40px 30px; background:#fff; box-shadow:0 0 14px rgba(0, 0, 0, 0.1); 
	text-align:center; border-radius: 2em; }
.list_style > div:last-child { margin:0; }
.list_style p { font-size:18px; font-weight:400; color:#636363; } 
.list_style h3 { *width:130px; height:40px; margin:0 auto 15px; line-height:38px; border-radius:20px; font-size:20px; font-weight:600; }
.list_style .title01 { background:#fff9f9; border:1px solid #fa122a; color:#fa122a; }
.list_style .title02 { background:#fbfbfd; border:1px solid #5f65db; color:#5f65db; }
.list_style .title03 { background:#fcfbfd; border:1px solid #9f0dd5; color:#9f0dd5; }
.list_style p:nth-child(2) { margin:0 0 30px; font-size:21px; font-weight:500; line-height:1; color:#333333; }

.list_style table {  border-bottom:1px solid #eeeeee; }
.list_style table:nth-of-type(1) {  border-top:1px solid #eeeeee; } 
.list_style th { width:25%; padding:5px 0 10px 20px; text-align:left; font-size:16px; font-weight:400; color:#acacac; }
.list_style td { width:30%; text-align:left; padding:0 0 0 15px; font-weight:400; font-size:16px; color:#444444; }
.list_style td:nth-of-type(1) { position:relative; }
.list_style td:last-child { width:15%; }
.list_style td:nth-child(2):before { content:'';  position:absolute; top:50%; left:7px; width:2px; height:2px; background:#444444; }

.list_box .dc { text-decoration: line-through; color:#c9c9c9; }
.list_box td:nth-child(4) { color:#fb2e43; }

.list_style .btn { display:inline-block; text-align:center; margin:20px 0 0; width:140px; height:50px; line-height:50px;  }
.list_style .btn a { display:block; border-radius:4px; background:#ff7200; font-size:16px; font-weight:500; color:#fff;  }
.list_style .btn a:hover { background:#ed7822; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }



/* sub04_03 */
.sub_wrap04 b { font-weight:600; }
.sub_wrap04 .txt_red { color:#ff4545; font-weight:600; }
.ssl_list:after { content:''; display:block; clear:both; }
.ssl_list > div { float:left; margin:0 30px 0 0; width:585px; padding:40px 30px; background:#fff; box-shadow:0 0 14px rgba(0, 0, 0, 0.1); }
.ssl_list > div:last-child { margin-right:0; }
.ssl_list i { display:block; width:120px; height:120px; margin:0 auto 35px; background:#eeeeee url("../img/sub/lock_icon.png")no-repeat center; border-radius:60px; }
.ssl_list ul { min-height:190px; text-align:center; background:#eeeeee; padding:35px;  }
.ssl_list li { font-size:16px; font-weight:400; color:#636363; line-height:27px; }
.ssl_list li:first-child { font-size:22px; margin:0 0 15px; line-height:1; }
.ssl_list li:nth-child(3) { color:#ff7200; }
.ssl_list .btn { display:table; text-align:center; margin:20px auto 0; width:140px; height:50px; line-height:48px; }
.ssl_list .btn a { display:block; border-radius:4px; background:#ff7200; font-size:16px; font-weight:500; color:#fff; }
.ssl_list .btn a:hover { background:#ed7822; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }


/* sub04_04 */
.certify_list { display:grid; grid-template-columns:1fr 1fr; gap:3em; }
.certify_list:after { content:''; display:block; clear:both; }
.certify_list > div { float:left; padding:40px 30px; background:#fff; box-shadow:0 0 14px rgba(0, 0, 0, 0.1); border-radius:2em; }
.certify_list > div:last-child { margin-right:0; }
.certify_list i { display:block; width:120px; height:120px; margin:0 auto 35px; border-radius:60px; }
.certify_list > div:first-child i { background:#f9f9f9 url("../img/sub/ipin_icon.png")no-repeat center; }
.certify_list > div:last-child i { background:#f9f9f9 url("../img/sub/phone_icon.png")no-repeat center; }
.certify_list ul { min-height:190px; text-align:center; background:#f9f9f9; padding:35px; }
.certify_list li { font-size:16px; font-weight:400; color:#636363; line-height:27px; }
.certify_list li:first-child { font-size:22px; margin:0 0 15px; line-height:1; }
.certify_list li:nth-child(3) { color:#ff7200; }

.certify_list .btn { display:table; text-align:center; margin:20px auto 0; width:140px; height:50px; line-height:48px; }
.certify_list .btn a { display:block; border-radius:4px; background:#ff7200; font-size:16px; font-weight:500; color:#fff; }
.certify_list .btn a:hover { background:#ed7822; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }

.sub_table_style01 { width:100%; }
.sub_table_style01 thead th { line-height:50px; font-size:18px; font-weight:500; color:#161616; background:#f9f9f9; border-right:1px solid #eee; }
.sub_table_style01 th:first-child { width:200px; }
.sub_table_style01 th:last-child { border-right:none; }
.sub_table_style01 tbody th { font-size:16px; font-weight:500; color:#161616; }
.sub_table_style01 tr { border-bottom:1px solid #eee; }
.sub_table_style01 td { font-size:16px; font-weight:400; color:#666666; text-align:center; }
.list_style01 { margin:30px 0; }
.list_style01 li { position:relative; padding-left:13px; line-height:36px; font-size:18px; color:#636363; letter-spacing: -0.5px; }
.list_style01 li:before { content:''; position:absolute; top:50%; left:0; width:3px; height:3px; background:#636363; }


/* sub04_05 */
.list_style02 { margin:0 0 50px;  }
.list_style02:after { content:''; display:block; clear:both; }
.list_style02 > div { float:left; width:380px; margin:0 30px 30px 0; padding:40px 30px; background:#fff; box-shadow:0 0 14px rgba(0, 0, 0, 0.1); text-align:center; }
.list_style02 > div:nth-child(3n+3) { margin:0; }
.list_style02 p { font-size:18px; font-weight:400; color:#636363; } 
.list_style02 h4 { width:130px; height:40px; margin:0 auto 15px; line-height:38px; border-radius:20px; font-size:17px; font-weight:600; background:#fff8f3; border:1px solid #ff7200; color:#ff7200; }
.list_style02 p:nth-child(2) { margin:0 0 25px; font-size:25px; font-weight:500; line-height:1; color:#333333; }

.list_style02 ul { padding:20px 0; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;  }
.list_style02 li { font-size:15px; font-weight:400; color:#333333; line-height:26px; }

.list_style02 .btn { display:table; text-align:center; margin:20px auto 0; width:90%; height:50px; line-height:48px;  }
.list_style02 .btn a { display:block; border-radius:4px; background:#ff7200; font-size:16px; font-weight:500; color:#fff;  }
.list_style02 .btn a:hover { background:#ed7822; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }


/* sub04_06 */
.pg_list:after { content:''; display:block; clear:both; }
.pg_list > div {  float:left; width:380px; margin:0 30px 30px 0; padding:40px 30px; background:#fff; box-shadow:0 0 14px rgba(0, 0, 0, 0.1); text-align:center; }
.pg_list > div:nth-child(3) { margin-right:0; }
.pg_list > div img { display:inline-block; text-align:center; margin:0 0 40px }
.pg_list table { display:inline-block; width:100%; padding:30px; background:#eee;   }
.pg_list th { width:80px; }
.pg_list th,
.pg_list td { text-align: left; font-size:16px; font-weight:400; color:#636363; line-height:27px; }
.pg_list > div .btn,
.pg_list > div .contract { display:inline-block; width:140px; height:50px; line-height:48px; margin:20px 10px 0 0; font-size:16px; font-weight:500; color:#fff; border-radius:4px; }
.pg_list > div .btn { background:#ff7200; }
.pg_list > div .btn:hover { background:#ed7822; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.pg_list > div .contract { background:#545454; margin-right:0; }
.pg_list > div .contract:hover { background:rgb(41 41 41); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }

.sub_table_style02 { width:100%; }                                                                                                                                
.sub_table_style02 thead th { width:200px; line-height:50px; font-size:18px; font-weight:500; color:#161616; background:#f9f9f9; border-right:1px solid #eee; }                                                                                                             
.sub_table_style02 thead th:last-child { border-right:none; }                                                                                                           
.sub_table_style02 tbody th { line-height:50px; font-size:16px; font-weight:500; color:#fff; }                                                    
.sub_table_style02 tbody .th01 { background:#44227a; }
.sub_table_style02 tbody .th02 { background:#001154; }
.sub_table_style02 tbody .th03 { background:#0b7ba6; }
.sub_table_style02 tr { border-bottom:1px solid #eeeeee; }                                                                                                        
.sub_table_style02 td { font-size:16px; font-weight:400; color:#666666; text-align:center; }                                                                      


/* 게시판 - 공지사항 */
.sub_wrap05 .content { /* float:left; */ position:relative; width:950px; padding-right:50px; overflow:hidden;}

.span_style_event { border: 1px solid; padding: 2px 8px; margin-right: 5px; color: #e5004b; font-size: 13px; font-weight: 500; letter-spacing: -1px; line-height: 1; margin-bottom: 15px; }
.span_style_notice { border: 1px solid; padding: 2px 8px; margin-right: 5px; color: #5989fe; font-size: 13px; font-weight: 500; letter-spacing: -1px; line-height: 1; margin-bottom: 15px; }
.span_style_new { border: 1px solid; padding: 2px 8px; margin-right: 5px;  color: #d959fe; font-size: 13px; font-weight: 500; letter-spacing: -1px; line-height: 1; margin-bottom: 15px; }
.span_style_update { border: 1px solid; padding: 2px 8px; margin-right: 5px;  color: #1dc800; font-size: 13px; font-weight: 500; letter-spacing: -1px; line-height: 1; margin-bottom: 15px; }
.span_style_close { border: 1px solid; padding: 2px 8px; margin-right: 5px;  color: #606060; font-size: 13px; font-weight: 500; letter-spacing: -1px; line-height: 1; margin-bottom: 15px; }
/* 카테고리  분류 */
.bo_cate_ul { border-right: none; border-bottom: none; font-size: 0; margin-left: 1px; margin-top: 1px;margin-bottom:10px; }
.bo_cate_ul li {  display: inline-block; width:calc(100%/5); line-height: 45px; text-align: center; border: 1px solid #d9d9d9; cursor: pointer; font-size: 16px; color: #333333; position: relative; margin-left: -1px; margin-top: -1px; }
.bo_cate_ul li a { display:block; }
.bo_cate_ul li a:hover { font-weight:bold; color:inherit; }
.bo_cate_ul .active {  border-color: #ff7200; color: #ff7200; z-index: 1; }
.bo_cate_ul .active > a {color: #ff7200; }
/* side_nav*/
.side_nav { float:left; width:200px; margin-right:50px; }
.side_nav .title { background:#ed7822; padding:40px 25px; }
.side_nav .title strong { font-size:26px; font-weight:bold; color:#fff; line-height:1; margin:0 0 5px; }
.side_nav .title p:nth-of-type(1) { font-size:13px; font-weight:300; color:#fff; letter-spacing:0px; margin:0 0 40px; line-height:1; }
.side_nav .title p { font-size:14px; font-weight:400; color:#ffdfc7; letter-spacing:0px; line-height:22px; }
.side_nav ul { border:1px solid #dddddd; }
.side_nav li a { padding-left:25px; line-height:54px; font-size:15px; font-weight:400; color:#4c4c4c; letter-spacing:0px; border-bottom:1px solid #eeeeee; }
.side_nav li a:hover { background:#f5f5f5; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } 
.side_nav li:last-child { border-bottom:none; }
.side_nav .call { margin:30px 0 0; text-align:center; padding:155px 0 40px; border-top:1px solid #ababab; border-bottom:1px solid #ababab; background:#f8f8f8 url('../img/sub/side_nav_call.png')no-repeat center 40px; }
.side_nav .call p { margin-bottom:10px; font-size:13px; font-weight:400; color:#1b2325; }
.side_nav .call p:last-child {  margin-bottom:0; font-size:24px; font-weight:bold; color:#282828; letter-spacing:0; line-height:1; }
.side_nav .call p span { color:#ff6d01; }


/* path */
.content .path { position:absolute; top:45px; right:50px; font-size:0; }
.content .path li { position:relative; float:left; }
.content .path li:after { position:absolute; top:38%; right:-5px; content:''; width:5px; height:10px; background:url("../img/sub/path_arrow.png")no-repeat center; }
.content .path li:last-child a { color:#ed7822; }
.content .path li:last-child:after { display:none; }
.content .path li a { display:block; padding:0 10px;  line-height:35px; font-size:14px; font-weight:500; color:#959595; }

.warring_box { background:#f9f9f9 url('../img/sub/sub05_speker_icon.png')no-repeat 50px center; padding:40px 40px 40px 200px; margin-bottom:50px; border-radius:8px; }
.warring_box p { font-size:15px; font-weight:400; color:#505050; line-height:26px; }
.warring_box p span { color:#fe5545 }
.warring_box p:first-child { font-size:18px; font-weight:500; color:#171717; margin-bottom:20px; }
.warring_box p:last-child { border-bottom:1px solid #868686; display:inline-block; }

/*
.board:after { content:''; display:block; clear:both; }
.board { position:relative; }
*/
.board p:first-child { display:inline-block; font-size:16px; font-weight:500; color:#161616; margin:20px 0 10px; }
.board p:first-child .number { color:#ed7822; }
.board p:first-child .page { color:#a26f59; }
.board .write_btn,
.board .my_write { text-align:center; display:inline-block; min-width:120px; padding:0 1.5em; line-height:45px; font-size:16px; font-weight:500; border-radius:6px; }
.board .write_btn::after { content:''; position:absolute; right:0; bottom:0; }
.board .write_btn { color:#fff; 
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 2s ease infinite;
 }
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.board .my_write { color:#606060; border:1px solid #d9d9d9; }
.board .top-wrap { width:100%; display:flex; justify-content:space-between; align-items:center; padding-bottom: 1rem; }
.board .top-wrap .button-wrap { display:flex; column-gap:0.5rem; }

.board input[type=checkbox] { display:none; }
.board input[type=checkbox] + label { display:inline-block; border-radius:5px; width:22px; height:22px;border:1px solid #dcdcdc; vertical-align: text-bottom; background: url("../img/sub/check_gray_icon.png")no-repeat center; cursor:pointer; }
/* !수정 왜 체크된이미지 안나와? */
.board input[type=checkbox]:checked + label { background:#ed7822 url("../img/sub/sub05_check_icon.png")no-repeat center; }
.board th { background:#f9f9f9; font-size:16px; font-weight:400; color:#6d6d6d; line-height:45px;  }
.board td { text-align:center; font-size:16px; font-weight:400;  color:#6d6d6d; line-height:30px;padding:10px 0; border-bottom:1px solid #f9f9f9; }
.board td:first-child { width:60px; }
.board .titile { text-align:left; display:flex; }
.board .qustion { text-align:left; }
.board .answer { text-align:left; }
.board .answer::before { content:''; display:inline-block; width:20px; height:15px; background:url("../img/sub/sub05_reanswer_icon.png")no-repeat left center;  }
.board .answer span { font-weight:500; margin-right:5px; }
.board td a { display: flex; align-items: center; column-gap: 4pt; }
.board td a:hover { color:#8295dc; }
.board td img { vertical-align: middle; }
.board td a .inq-title {max-width: 360px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; display: inline-block; }
.board td a .npr_notice {max-width: 560px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; display: inline-block; }

.board .accept { color:#343434; font-weight:500; }
.board .work { color:rgb(3 150 8); font-weight:500; }
.board .complete { color:#ed7822; font-weight:500; }

.page_btn { margin:40px 0 40px; text-align: center;  }
.page_btn a { display:inline-block; width:40px; height:40px; margin-right:8px; border:1px solid #d9d9d9; font-size:13px; font-weight:bold; color:#666666; line-height: 38px;  }
.page_btn .page_now { background:#ff7200; color:#fff; border:1px solid #ff7200; }
.page_btn a:last-child { margin-right:0;  }
.page_btn a img { vertical-align: sub; }

.search { text-align:center; display: flex; justify-content: center; gap: 0.8em; }
.search select { width:120px; height:42px; padding:0 13px; color:#161616; border:1px solid #eeeeee; font-size:16px; border-radius: 5px; } 
.search input[type=text] { width:310px; height:42px; font-size:16px; border:1px solid #eeeeee; padding-left:10px; border-radius: 5px; }
.search a, .search .btn_search { font-size:16px;display:inline-block; width:80px; line-height:42px; background:#676564; color:#fff;border:0;cursor:pointer; border-radius: 5px;}
.search a:hover , .search .btn_search:hover { background:#333232; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }


/* sub05_01_view */
.view_box { width:100%; margin-top:50px; letter-spacing:-0.5px; }
.view_box .title { display:flex; border-top:2px solid #666666; border-bottom:1px solid #e0e0e0; padding:1em 0 !important; line-height: 80px;  }
.view_box .title h2 { font-size:20px; }
.view_box .title li { margin-left:15px; font-size:16px; color:#888888; font-weight:400;line-height: 30px;vertical-align: middle; }
.view_box .title li.viewtitle { font-size:18px; font-weight:500; color:#161616;  }
.view_box .title li.viewinfo { display:flex; gap:1em; }
.view_box .cont02 { padding:30px 15px 0; }
.view_box .cont02 p { display:inline-block; padding: 0 10px; font-size:16px; color:#888888; border-right:1px solid #e0e0e0; line-height:1; }
.view_box .cont02 p:last-child { border-right:none; }
.view_box .cont03 { /* min-height:285px; */ margin-bottom:50px; padding:20px 0; border-bottom:1px solid #e0e0e0;  }
.view_box .cont03 > .content {min-height:285px;}
.view_box .cont03 .signature {line-height:34px;}
.view_box .cont03 p { font-size:16px; color:#161616; line-height:28px; }
.view_box .cont03 p:first-child, 
.view_box .cont03 p:nth-child(2) { color:#888888;  }
.view_box .cont03 p:nth-child(2) { margin-bottom:10px; }
.view_box .cont03 .vcontent p {color:unset;margin-bottom:unset;}
.view_box .btn { text-align:center;  }
.view_box .btn a , .view_box .btn button{ display:inline-block; /* width:130px; */ padding:0 20px; margin:0 5px; line-height:45px; font-size:16px; border-radius:5px; }
.view_box .btn button{ border:0;vertical-align:baseline; background:#5329ab;color:#fff; }

.view_box .list_btn { color:#fff; background:#606060;  border:1px solid #606060; /* margin-right:10px; */ }
.view_box .write_btn { color:#606060; border:1px solid #d9d9d9; }
.view_box .delete_btn { color:#f33f40; border:1px solid #f31a1b; }


.link-wrap {/* margin-top:20px */}
.links_title > i {color:#43bdf0}
ul.links li {line-height:30px}
.fwrap {margin-top:20px}
.fwrap .files_title > i {color:#43bdf0}
.fwrap ul.files li {line-height:30px}
.fwrap ul.files li > a {display:inline}
.fwrap .bo_v_file_cnt {color:#717171;font-size:0.9em;}
#cmt_empty {margin:30px 0;text-align:center;}

/* sub05_01_write */
.write_box { background:#fff; letter-spacing:-0.5px; }
.write_box .btn { text-align:center;  }
.write_box .btn a { display:inline-block; width:140px; line-height:45px; font-size:16px; }
.write_box .list_btn { color:#fff; background:#606060;  border:1px solid #606060; margin-right:10px; }
.write_box .write_btn { color:#606060; border:1px solid #d9d9d9; }

.writeForm { border-top:2px solid #666666; padding: 0; margin:0 0 50px; }
.writeForm table { width:100%; margin-top:20px; }
.writeForm th { position:relative; width: 150px; vertical-align: top; text-align: left; padding: 25px 10px 0; font-size: 16px; font-weight: 500; color: #161616;  }
.writeForm th:before { content: ''; position: absolute; top: 37px; left: 0; width: 3px; height: 3px; background: #666666; }
.writeForm td { font-size:16px; padding:10px 0; font-weight:400; color:#666666; font-family:'NotoSansKR',sans-serif; }
.writeForm td input {/*  width:460px; */ width:100%; height:45px; line-height:45px; margin:0 10px 0 0; padding:0 10px; border:1px solid #cacaca; border-radius:5px; font-size:16px; font-weight:400; color:#121212; letter-spacing:-0.5px; font-family:'NotoSansKR',sans-serif; }
.writeForm .phone input[type=text] { width:140px; margin: 0 5px; }
.writeForm .phone input[type=text]:first-child { margin-left:0; }
.writeForm .price { font-size: 24px; font-weight: 500; color: #ed7822; }
.writeForm .bank { font-size: 16px; font-weight: 400; letter-spacing: 0; color: #161616; }
.writeForm textarea { width:100%; min-height:200px; padding:20px; resize: none; border:1px solid #cacaca; border-radius:5px; font-size:16px; color:#121212; font-family:'NotoSansKR',sans-serif; }
/* 에디터 메뉴 아이콘배열이 깨져서 주석처리함 */
.writeForm div { display:inline-block; padding-right:20px; } 
/*.writeForm input[type="checkbox"] {  display:none;  }*/
.writeForm input[type="checkbox"] + label > span { display:inline-block; width:20px; height:20px; vertical-align: middle; background:url('../img/sub/check_gray_icon.png')no-repeat center; border:2px solid #ddd; margin-right:5px; border-radius:5px; cursor:pointer; background-size: 65%; }
.writeForm input[type="checkbox"]:checked + label > span { background:#ed7822 url('../img/sub/sub07_check_icon.png') no-repeat center; border:2px solid #ed7822; background-size: 65%; }
.writeForm input[type="radio"]+ label {font-size:16px}
.writeForm input[type="radio"]+ label > span.radio { position: relative; display:inline-block; width:18px; height:18px; vertical-align: middle; background:#fff; border:2px solid #ddd; margin-right:5px; border-radius:20px; cursor:pointer; }
.writeForm input[type="radio"]+ label > span.radio:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content:''; display:inline-block; width:8px; height:8px; background:#ddd; border-radius:10px; margin:0; }
.writeForm input[type="radio"]:checked + label > span.radio { display:inline-block; vertical-align: middle; background:#fff; border:2px solid #ed7822; }
.writeForm input[type="radio"]:checked + label > span.radio:before { content:''; display:inline-block; width:9px; height:9px; background:#ed7822; border-radius:10px; margin:0; }


.writeForm .file_box {display:block;}
.writeForm .file_box label { display:inline-block; width:130px; line-height:40px; text-align:center; cursor:pointer; margin:0 10px 0 0; background:#fff; border:1px solid #cacaca; border-radius:5px; font-size:16px; font-weight:400; color:#121212; letter-spacing:-0.5px; }
.writeForm .file_box label:hover { border:1px solid #ed7822; color:#ed7822; }

.writeForm input[type="file"] { /*  display:none; */ }

.writeForm .file_box label.del { display:block; width:100%;line-height:40px; text-align:left; cursor:pointer; margin:0 10px 0 0; background:#fff; border:0; border-radius:5px; font-size:16px; font-weight:400; color:#121212; letter-spacing:-0.5px; }
.writeForm .file_box label.del:hover { border:0; color:#ed7822; }

.writeForm .span_style01 { color: #ff4b3f; vertical-align: sub; margin:0 5px; }
.writeForm .sub_btn a { display:block; line-height:50px; width:100%; }
.writeForm select {width: 120px;height: 50px;padding: 0 8px; color: #161616;border: 1px solid #eeeeee;font-size: 16px;}
.writeForm table th > button { display:inline-block; width:30px; height:30px; font-size:16px; vertical-align: middle; border:2px solid #ddd; margin-right:5px; border-radius:5px; cursor:pointer; }
.writeForm table td > div {margin:5px 0;}
.writeForm div.od_agbox {border: 1px solid #dadfe8;padding: 10px 20px;margin: 20px 0;height: 200px;overflow-y: auto; background: #fafcfc;}


.writeForm div.btn { font-size:0; }
.writeForm div.btn a, 
.writeForm div.btn button, 
button.shopBtn { display:inline-block; width:200px; margin-right:1%; padding:0 20px; line-height:55px; font-size:17px; font-weight:500; color:#121212; text-align: center; background:#e0e0e0; border-radius:4px; }
.writeForm div.btn button {border:0}
.writeForm div.btn a:hover .writeForm div.btn button:hover { background:#c3c3c3;  transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.writeForm div.btn button.apply { width:200px; background:#3f3c3a; color:#fff;  margin-right: 0; }
.writeForm div.btn .apply:hover { background:#333;  transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
button.shopBtn { width:200px; background:#3f3c3a; color:#fff;  margin-right: 0; }


/* sub05_03 */
.sub_wrap03 .content { float:left; width:950px; position:relative; padding:0 50px 50px 0; }
.hompage_choice_btn { border-right: none; border-bottom: none; font-size: 0; margin-left: 1px; margin-top: 1px; }
.hompage_choice_btn li {  display: inline-block; width: 180px; line-height: 45px; text-align: center; border: 1px solid #d9d9d9; cursor: pointer; font-size: 16px; color: #333333; position: relative; margin-left: -1px; margin-top: -1px; }
.hompage_choice_btn .active {  border-color: #ff7200; color: #ff7200; z-index: 1; }


/* sub05_04 */
.question_tabs { position:relative; border:1px solid #d9d9d9; margin-bottom:20px; }
.question_tabs ul:before { content:''; position:absolute; top:50%; left:50%; margin-left:-48%; width:96%; height:1px; background:#d9d9d9; }
.question_tabs ul:after { content:''; display:block; clear:both; }
.question_tabs li { float:left; position:relative; width:33.3%; text-align:center; line-height:55px; font-size:16px; font-weight:500; color:#343433; cursor:pointer; }
.question_tabs li:nth-of-type(3n+3):after { content:''; display:none; }
.question_tabs li:after { content:''; position:absolute; top:50%; right:0; margin-top:-10px; width:1px; height:20px; background:#d9d9d9; }
.question_tabs li:hover a { color:#999; }
.question_tabs li.active {  }
.question_tabs li.active a { font-weight:bold; color:#ed7822;}
.sub05_04 .search { margin:2em 0; }

.sub05_04 .tab_container { border-top:2px solid #131313; }
.sub05_04 .tab_container .q_box { height:77px; border-bottom:1px solid #d9d9d9;cursor:pointer; padding: 0 1em; }
.sub05_04 .tab_container .q_box span { display:inline-block; width:35px; height:35px; margin:0 6px; text-align:center; background:#ff723e; line-height:32px; color:#fff; font-size:20px; font-weight:bold; font-family:'GmarketSans',sans-serif; border-radius:22px; }
.sub05_04 .tab_container .q_box h2 { display:inline-block; font-size:17px; line-height:77px; }
.sub05_04 .tab_container .q_box b { color:#ff723e; font-size:17px; font-weight:500; margin-right:10px; }
.sub05_04 .tab_container .a_box { display:none; padding:2em; font-size:16px; font-weight:300; color:#666666; line-height:24px; border-bottom: 1px solid #d9d9d9; background: #f8f8f8; }
.sub05_04 .tab_container .a_box span { display:inline-block; }
/*.sub05_04 .tab_container .a_box p { display:inline-block; }*/


/* sub05_05 */
.tax_box .tax_btn { display: inline-block; min-width: 130px; line-height: 45px; padding: 0 30px; margin-left: 45%; font-size: 15px; font-weight: 500; border-radius: 5px; color: #ff7713; border: 2px solid #ff7713; }
.tax_box .tax_btn:hover { background:#ff7713; color:#fff; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } 


/* sub06 */
.sub_wrap06 .content { padding:50px 0 0; position:relative; float:left; width:950px; }
.sub_wrap06 .content h3 { padding:0 0 30px; font-size:28px; font-weight:500; color:#121212; line-height: 1; }

/* sub06_01 */
.pay_btn { border-right: none; border-bottom: none; font-size: 0; margin-bottom: 50px; margin-left: 1px; margin-top: 1px; }
.pay_btn li { display: inline-block; /*width: 237px;*/width:33.33%; line-height: 60px; text-align: center; border: 1px solid #f3dcff; cursor: pointer; 
	font-size: 16px; color: #333333; position: relative; margin-left: -1px; margin-top: -1px; background-color: #fff; }
.pay_btn .active { border-color: #7844e6; color: #7844e6; z-index: 1; background-color: #fcf6ff; }
.pay_btn .active a { color: #7844e6; font-weight:bold; }
.pay_btn li a { display:block; font-size:17px; color:#9776db; }
.pay_btn li a:hover { background-color: #fcfbff; }

.pay_table {letter-spacing:-0; /* border-top:2px solid #666666; */ margin-bottom:50px; }
.pay_table th { position:relative; width:200px; text-align:left;  font-size:16px; font-weight:500; color:#121212; padding:20px 10px 0; vertical-align:top; }
.pay_table th:before { content:''; position:absolute; top:30px; left:0; width:3px; height:3px; background:#666666;  }

.pay_table td { padding:15px 0; font-size:16px; color:#666666; font-family:'NotoSansKR',sans-serif; }
.pay_table td select { width:300px; height:45px; padding:0 8px; border-radius:5px; border:1px solid #d9d9d9; font-size:16px; color:#121212; font-family:'NotoSansKR',sans-serif; }
.pay_table td option { font-size:16px; color:#121212; line-height:28px; }

.pay_table .hompage_choice_btn li { width:200px; }
.pay_table .txt_red { color: #ff2929; display: inline-block; width: 15px; text-align: center; font-size: 20px; vertical-align: sub; }
.pay_table .product_name select { width:450px; height:45px; padding:0 8px; border-radius:5px; border:1px solid #d9d9d9; font-size:16px; color:#121212; }
.pay_table .product_name option { font-size:16px; }
.pay_table .default input[type=text] { width:345px; height:45px; margin: 0 5px; padding-left:10px; border-radius:5px; border:1px solid #d9d9d9; font-size:16px; color:#121212; font-family:'NotoSansKR',sans-serif; }
.pay_table .default input[type=text]:first-child { margin-left:0; }
.pay_table .name2 input[type=text] { width:390px; }
.pay_table .name3 input[type=text] { width:300px; }
.pay_table .phone input[type=text] { width:120px; }
.pay_table .email input[type=text] { width:200px; }
.pay_table .address input[type=text] { width:140px; height:45px; margin-left:10px; padding-left:10px; border-radius:5px; border:1px solid #d9d9d9; font-size:16px; color:#121212; }
.pay_table button { width: 130px; line-height: 43px; font-size: 16px; background: #fff; border: 1px solid #cacaca; border-radius: 5px; cursor:pointer; font-weight:400; color:#121212; letter-spacing:-0.5px; }
.pay_table button:hover { border:1px solid #ed7822; color:#ed7822; }
.pay_table textarea { width:100%; height:220px; padding:15px 10px; font-size:16px; border:1px solid #d9d9d9; border-radius:5px; font-weight:400; font-family:'NotoSansKR',sans-serif; }
.pay_table input[type="file"] { display:none; }
.pay_table input[type="file"] + label { display:inline-block; width:130px; line-height:40px; text-align:center; cursor:pointer; margin:0 10px 0 0; background:#fff; border:1px solid #cacaca; border-radius:5px; font-size:16px; font-weight:400; color:#121212; letter-spacing:-0.5px; }
.pay_table input[type="file"] + label:hover { border:1px solid #ed7822; color:#ed7822; }
.pay_table .pay_way li { display:inline-block; width:140px; line-height:45px; text-align:center; margin-right:10px; border-radius:5px; font-size:16px; color:#666666; border:1px solid #d9d9d9; cursor:pointer; }
.pay_table .pay_way li:first-child { border:1px solid #ff7200; color:#ff7200; }
.pay_table .pay_way li:last-child { display:inline; width:100%; text-align:left; border:none; }
.pay_table .pay_way i { font-style:normal;font-weight:500; color:#017fcc; margin-right: 10px; padding-left:25px; background:url('../img/sub/uribank_logo.png')no-repeat left center; }
.pay_table .pay input[type=text] { width:390px; height:45px; margin-right:10px; padding-left:10px; border-radius:5px; border:1px solid #d9d9d9; font-size:16px; color:#121212; }
.pay_table .pay_info { width: 110px; padding:0 10px; text-align:right; color:#ff6c00; font-weight:bold; }
.pay_table .span_style01 { color: #ff4b3f; vertical-align: sub; margin: 0 5px; }

.sub_wrap06 .btn { text-align:center;  }
.sub_wrap06 .btn li { display:inline-block; width:140px; line-height:45px; margin-right:10px; border-radius:5px; }
.sub_wrap06 .btn li:first-child {  background:#606060; border:1px solid #606060; }
.sub_wrap06 .btn li:last-child { margin-right:0; color:#ffffff; border:1px solid #d9d9d9; }
.sub_wrap06 .btn li a { font-size:16px; font-weight:500; }
.sub_wrap06 .btn li:first-child a { color:#fff; }
.sub_wrap06 .btn li:first-child a:hover { background:#909090;  transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.sub_wrap06 .btn li:last-child a:hover { background:#f6f6f6;  transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }


/* sub07 */
.sub_wrap07 { padding:8em 0; letter-spacing:0; }
.sub_wrap07 .titleWrap { text-align:center; margin-bottom:3em; }
.sub_wrap07 .content { margin:0 auto; width:784px; border-radius:1em; box-shadow:0 0 5em rgba(0,0,0,0.05); }
.sub_wrap07 .content h3 { font-size:24px; font-weight:bold; color:#161616; margin-top:50px; margin-bottom:20px; }
.sub_wrap07 .content h3:first-child { margin-top:0; }
.sub_wrap07 .content .titleWrap { margin-bottom:3em; }
.sub_wrap07 .content .titleWrap02 { font-size:16px; margin-bottom:1em; }

/* login */
.sub_wrap07 .login { padding:90px 0 100px; text-align:center; line-height:1; letter-spacing:0; border-radius:1em; box-shadow:0 0 5em rgba(0,0,0,0.05); }
.sub_wrap07 .login h1 { font-size:35px; font-weight:600; color:#161616; margin-bottom:20px;width:100% }
.sub_wrap07 .login p { font-size:16px; font-weight:400; color:#666666; margin-bottom:50px;  }
.sub_wrap07 .login .inputs { margin-bottom:1em; }
.sub_wrap07 .login input[type=text] { display:inline-block; width:400px; height:50px; margin-bottom:15px; border:1px solid #dcdcdc; border-radius:5px; padding:0 20px; font-size:16px; color:#121212; font-family:'NotoSansKR',sans-serif; }
.sub_wrap07 .login input[type=password] { display:inline-block; width:400px; height:50px; border:1px solid #dcdcdc; border-radius:5px; padding:0 20px; font-size:16px; color:#121212; }
/* .sub_wrap07 .login input[type=checkbox] { display:none; } */
.sub_wrap07 .login input[type=checkbox] + label > span { display:inline-block; width:20px; height:20px; border:1px solid #ccc; border-radius:5px; background:url("../img/sub/check_gray_icon.png")no-repeat center; background-size:70%;
	vertical-align: middle; margin-right: 5px; margin-top: -2px; }
.sub_wrap07 .login label[for=auto_login] { font-size:16px; line-height: 35px; }
.sub_wrap07 .login input[type=checkbox]:checked + label > span { background:#ed7822 url("../img/sub/sub05_check_icon.png")no-repeat center; background-size: 70%; border:1px solid #ed7822; }
.sub_wrap07 .login #agree_chk { font-size:16px; color:#757575; cursor:pointer; }
.sub_wrap07 .login .btn { width:400px; height:50px; margin:1em auto 2em; background:#ff7200; border-radius:5px; line-height:48px; color:#fff; font-size:16px; font-weight:500;display:block;font-weight:700;border:0; }
.sub_wrap07 .login .btn:hover { background:#ed7822; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.sub_wrap07 .login .mbID { font-size:18px; }

.sub_wrap07 .login ul { margin-bottom:30px; }
.sub_wrap07 .login li { display:inline-block; padding:0 30px; border-right:1px solid #e0e0e0; }
.sub_wrap07 .login li:last-child { border-right:none; }
.sub_wrap07 .login li a { font-size:16px; color:#555555; font-weight:600; }
.sub_wrap07 .login li a:hover { color:#ff7200; }

.sub_wrap07 .login .btn02 { display:inline-block; margin-bottom:10px; width:400px; height:45px; line-height:43px; border-radius:5px;  text-align:left; overflow:hidden; font-weight:400; }
.sub_wrap07 .login .naver { background:#1cc300; color:#fff; }
.sub_wrap07 .login .naver a { color:#fff; display:block; font-size:15px; font-weight:600; }
.sub_wrap07 .login .naver span { float:left; width:50px; height:45px; background:#17a200 url("../img/sub/sub_naver_icon.png")no-repeat 20px center; margin-right:15px; }
.sub_wrap07 .login .kakao { background:#ffe52e;  }
.sub_wrap07 .login .kakao a { color:#3b3035; display:block; font-size:15px; font-weight:600; }
.sub_wrap07 .login .kakao span { float:left; width:50px; height:45px; background:#ffd200 url("../img/sub/sub_kakao_icon.png")no-repeat 20px center; margin-right:15px; }

#pass_form .phrase { margin-top:1em; line-height:1.5; }

/* member */
.member { padding:80px 67px; }
.member p span { color:#ed7822; }
.member textarea { width:100%; height:230px; resize: none; border:none; padding:20px; background:#f0f0f0; font-size:13px; color:#333333; line-height:24px; font-family:'NotoSansKR',sans-serif;}
/* .member input[type=checkbox] { display:none; }  */
.member input[type=checkbox] + label > span {display:inline-block; width:20px; height:20px; border:1px solid #ccc; border-radius:5px; background:url("../img/sub/check_gray_icon.png")no-repeat center; background-size:70%;
	vertical-align: middle; margin-right: 5px; margin-top: -2px; }
.member input[type=checkbox]:checked + label > span { background:#ed7822 url("../img/sub/sub05_check_icon.png")no-repeat center; border:1px solid #ed7822;  }
.member #agree_chk { font-size:16px; color:#757575; cursor:pointer; }
.member table { border:1px solid #f0f0f0; margin-bottom:10px; }
.member th { width:33.3%; background:#f0f0f0; line-height:45px; font-size:14px; font-weight:500; color:#161616;  }
.member td { padding:20px 25px 40px; font-size:13px; color:#333333; line-height:24px; border-right:1px solid #f0f0f0; }
.member td:last-child { border-right:none; }

.member .btn { width:180px; margin:50px auto 28px; background:#ff7200; border-radius:5px; line-height:48px; text-align:center; font-size:16px; font-weight:500; color:#fff;display:block;font-weight:700;border:0;cursor:pointer  }
.member .btn:hover { background:#ed7822; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }

/* member_form */
.member_form { padding:80px 67px; }
.member_form > h2 { font-size:23px; margin-bottom:1em; }
.member_form table {  margin:0 0 50px; }
.member_form th { width:120px; text-align:left; font-size:16px; font-weight:500; color:#161616; vertical-align: middle; }
.member_form th span { font-size:22px; color:#ff4b3f; vertical-align: sub; }
.member_form td { padding:1em 0; }
.member_form input[type=text], .member_form input[type=password] { width:100%; height:50px; border:1px solid #cacaca; border-radius:5px; padding-left:15px; font-size:16px; color:#121212; font-family:'NotoSansKR',sans-serif; }
.member_form input[type=text]::placeholder, .member_form input[type=password]::placeholder { font-size:14px; }
.member_form textarea { width:100%; min-height:200px; padding:20px; resize: none; border:1px solid #cacaca; border-radius:5px; font-size:14px; color:#121212; font-family:'NotoSansKR',sans-serif; }
/* .member_form input[type=checkbox] { display:none; } */
.member_form input[type=checkbox] + label > span { display:inline-block; width:20px; height:20px; border:1px solid #ccc; border-radius:5px; background:url("../img/sub/check_gray_icon.png")no-repeat center; background-size:70%; vertical-align: middle; margin-right: 5px; cursor:pointer; }
.member_form input[type=checkbox]:checked + label > span { background:#ed7822 url("../img/sub/sub05_check_icon.png")no-repeat center;  background-size:70%; border:1px solid #ed7822;  }
.member_form .caption { text-align:left; margin-top:0.5em; color:#777; font-size:15px !important; }

.member_form #agree_chk { font-size:16px; color:#757575; cursor:pointer; }
.member_form .auto_text { float:left; width:140px; height:50px; border:1px solid #cacaca; border-radius:5px; margin-right:10px; }
.member_form .auto_btn { float:left; margin-right:10px; border:1px solid #cacaca; border-radius:5px; font-size:0; }
.member_form .auto_btn li { display:inline-block; width:50px; height:48px;  }
.member_form .auto_btn li:first-child { position:relative; background:url("../img/sub/rpesh_icon.png")no-repeat center; cursor:pointer; }
.member_form .auto_btn li:after { content:''; position:absolute; top:50%; margin-top:-22px; right:0; width:1px; height:45px; background:#cacaca; }
.member_form .auto_btn li:last-child { background:url("../img/sub/mc_icon.png")no-repeat center; cursor:pointer; }
.member_form #write_text { float:left; width:230px; }
.member_form p { text-align:center; }
.member_form p a { display:inline-block; min-width:180px; padding:0 45px; line-height:45px; font-size:16px; }
.member_form .btn_wrap {text-align:center}
.member_form .btn { background:#ed7822; padding:0 50px; border-radius:5px; line-height:48px; text-align:center; font-size:16px; color:#fff; margin-right:10px;font-weight:700;border:0;cursor:pointer;vertical-align: middle; font-weight:700; }
.member_form .btn:hover { background:#ed7822; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.member_form .cancel { display:inline-block;background:#e0e0e0; padding:0 50px; line-height:48px; text-align:center; font-size:16px; border-radius:5px; color:#666666; vertical-align: middle; font-weight:700;}
.member_form .cancel:hover { background:#d4d4d4; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;  }


/* mypage */
.top_wrap .side_nav { width:235px; }
.top_wrap .content { float:left; width:100%; padding-bottom:5em; letter-spacing:-0.5px; }

/* mypage_공통 css */
.mypage { min-height:450px; }
.topTab_box { background:#e9ebff; border-top: 1px solid #cfd0ff; border-bottom: 1px solid #cfd0ff; }
.mypage_toptab {display: flex; width: 100%; text-align: center; font-size:0; }
.mypage_toptab li {flex: 1; max-width:200px; border-right:1px solid #cfd0ff; }
.mypage_toptab li:first-child { border-left:1px solid #cfd0ff; }
.mypage_toptab a { display:block; font-size:15px; font-weight:400; color:#6d76d1; line-height:50px;  }
.mypage_toptab .active { background:#fff; }
.mypage_toptab .active a { position:relative; color:#7679d7; font-weight:500; font-weight:700; }

.mypage .content { position:relative; padding:3rem 0; }
.mypage .content .sub_h3_style03 { text-align:left; margin-bottom:0.5em; padding:0; font-size: 28px; font-weight:600; color: #4c4c4c; line-height:1.5; letter-spacing: -1pt; }
.mypage .content h3 { font-size:22px; font-weight:500; color:#161616; margin:0 0 20px; line-height: 1; }
.mypage .content p { font-size:16px; font-weight:400; color:#666666; line-height:1.5; }
.mypage .content a { display:inline-block; }
/*.mypage .content .path, .sub_wrap01 .mypage .content .path { right:0; left:unset; }*/
.mypage .content .path { position:initial; float: right; margin-top: -2.5rem; }

.mypage .list_style01 { margin:0; }
.mypage .list_style01 li { position:relative; padding:0 0 0 15px; font-size:16px; font-weight:300; line-height:24px; margin:0 0 5px; }
.mypage .list_style01 li:last-child { margin:0;  }
.mypage .list_style01 li:before { content:''; position:absolute; top:50%; left:0; width:3px; height:3px; background:#000; }
.mypage .span_style01 { display:inline-block; color:#999; margin-left:5px; margin-bottom:1em; }
.mypage .span_style02 { color:#ed7822; }
.mypage .span_style03 { display: inline-block; color:#ed7822; border:1px solid #ed7822; padding:5px 10px; line-height:1.5; margin: 5px; font-size: 13px; }
.mypage .span_style04 { color:#5f5f5f; }
.mypage_form .align_left { text-align:left; }
.mypage .btn { text-align:center; }
.mypage .as_btn {position:relative;z-index:100}
.mypage .tax_btn { display:inline-block;background:#ff7713; min-width: 130px; line-height: 45px; padding:0 30px; font-size: 15px; font-weight:500; border-radius: 5px; color:#fff; border:0; }
.mypage .tax_btn:hover { background:#ed7822; color:#fff; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.mypage .write_btn:hover { background:#; }
.mypage .view_box .title li:first-child { width:920px; }

.mypage_form { border-top:2px solid #333; margin-bottom:40px; min-height:100px; padding-top: 2rem; }
.mypage_form thead { background:#f9f9f9; line-height:45px; text-align:center;  border:1px solid #ddd; }
.mypage_form thead th { font-size: 15px; font-weight: 400; border-left:1px solid #ddd; color:#6d6d6d; padding: 1em 0; }
.mypage_form tbody { line-height:24px; border:1px solid #ddd; }
.mypage_form tbody th { background:#f9f9f9; line-height:50px; text-align:center; vertical-align: middle; color:#6d6d6d; font-size: 15px; font-weight: 400; border-bottom:1px solid #ddd; border-left: 1px solid #ddd; }
.mypage_form td { padding:2.5em 1em; vertical-align: middle; text-align: center; font-size:15px; font-weight:300; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
.mypage_form td.left {text-align:left; }
.mypage_form .default { width:100%; height:45px; margin: 0 10px 0 0; padding: 0 10px; border: 1px solid #cacaca; border-radius: 5px; font-size: 16px; font-weight: 400; color: #121212; }
.mypage_form .name { text-align:center; vertical-align: middle; }
.mypage_form ul { display:block; }
.mypage_form .td_btn { background: #606060; color: #fff; width: 100%; font-weight: 400; font-family: 'NotoSansKR';font-size: 15px; line-height: 35px; margin-top: 10px; border-radius: 5px;border:0; text-align:center;cursor:pointer}
.mypage_form .td_btn1 { background:#fff; border:1px solid; color:#ed7822; }
.mypage_form .td_payment { min-width:130px; padding:0 15px; border-radius:5px; line-height:35px; background:#ed7822; color:#fff; border:1px solid #ed7822; font-size: 15px; font-family: 'NotoSansKR'; cursor:pointer;}
.mypage_form .td_payment:hover { background:#de670f; }
.mypage_form .point{color: #7844e6; font-weight: 600;}


/* .mypage_form input[type="radio"] { display:none; } */
.mypage_form input[type="checkbox"] + label > span { display:inline-block; width:20px; height:20px; vertical-align: middle; background:url('../img/sub/check_gray_icon.png')no-repeat center; border:2px solid #ddd; margin-right:5px; border-radius:5px; cursor:pointer; background-size: 65%; }
.mypage_form input[type="checkbox"]:checked + label > span { background:#ed7822 url('../img/sub/sub07_check_icon.png') no-repeat center; border:2px solid #ed7822; background-size: 65%; }
.mypage_form input[type="radio"]+ label {font-size:16px}
.mypage_form input[type="radio"]+ label > span.radio { position: relative; display:inline-block; width:18px; height:18px; vertical-align: middle; background:#fff; border:2px solid #ddd; margin-right:5px; border-radius:20px; cursor:pointer; }
.mypage_form input[type="radio"]+ label > span.radio:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content:''; display:inline-block; width:8px; height:8px; background:#ddd; border-radius:10px; margin:0; }
.mypage_form input[type="radio"]:checked + label > span.radio { display:inline-block; vertical-align: middle; background:#fff; border:2px solid #ed7822; }
.mypage_form input[type="radio"]:checked + label > span.radio:before { content:''; display:inline-block; width:9px; height:9px; background:#ed7822; border-radius:10px; margin:0; }



.mypage_form .hosting_hoverinfo { position:relative; }
.mypage_form .hosting_hoverinfo div { display:none; }
.mypage_form .hosting_hoverinfo:hover div { position:absolute; display:inline-block; padding:25px; }
.mypage_form .price_box { padding:10px 0; border-bottom:1px dashed #eee; }
.mypage_form .price_box:last-child { border-bottom:none; }
.mypage_form td input {/*  width:460px; */ width:100%; height:45px; line-height:45px; margin:0 10px 0 0; padding:0 10px; border:1px solid #cacaca; border-radius:5px; font-size:16px; font-weight:400; color:#121212; letter-spacing:-0.5px; font-family:'NotoSansKR',sans-serif; }
.mypage_form textarea { width:100%; min-height:200px; padding:20px; resize: none; border:1px solid #cacaca; border-radius:5px; font-size:16px; color:#121212; font-family:'NotoSansKR',sans-serif; }
.mypage_form select {width: 120px;height: 45px;padding: 0 8px; color: #161616;border: 1px solid #eeeeee;font-size: 16px;}
.mypage_form .bank {display:inline}
.mypage_form .bank i { margin:0 10px; padding-left:80px; font-style:normal; font-weight:500; color:#786e64; background: url('../img/sub/kb.jpg')no-repeat left center; }
.mypage .hpay_info { display:inline-block; }
.mypage .hpay_info:first-child { color:#acacac; font-weight: 400; }
.mypage .hpay_info li { min-width: 80px; line-height: 30px; }
.mypage .hpay_info:first-child li { border-right: 1px dashed #ddd; margin-right: 10px; }

.mypage_form td input[type="checkbox"] { 
	display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 5px;
    cursor: pointer; }
.mypage_form td input[type="radio"] { 
	display: inline-block;
    width: 20px;
    height: 20px;
 }


.mypage .dm_choice { vertical-align: sub; padding-left:2rem; }
.mypage .dm_choice > div { margin-bottom:10px; }

.mypage .choice_btn { text-align:center; margin:0 0 40px; }
.mypage .choice_btn p { margin:0 0 30px; font-size:18px; }
.mypage .choice_btn img { vertical-align:sub; margin:0 5px 0; }
.mypage .choice_btn a, .mypage .choice_btn button { min-width:130px; margin-right:10px; padding:0 20px; border-radius:5px; border:1px solid #ddd; line-height:45px; font-size: 16px; }
.mypage .choice_btn a:hover, .mypage .choice_btn button:hover { background:#eaeaea; }
.mypage .choice_btn .payment { background:#ed7822; color:#fff; border:1px solid #ed7822; }
.mypage .choice_btn .payment:hover { background:#de670f;  }
.mypage .choice_btn a:last-child { margin-right:0;  }


/* sms_inqury */
.sms_info01 { border:5px solid #eee; padding:25px; margin:0 0 25px; }
.sms_info01:after { content:''; display:block; clear:both; }
.sms_info01 .search01 { float:left; }
.sms_info01 .search02 { float:right; }
.sms_info01 .search select { width:100px; padding:0 8px; }
.search02 input[type=text] { width:180px; }
.sms_info01 .search p { float:left; display: initial; margin:0 10px 0 0;  }
.sms_info01 a { float:right; }

/* sms_link */
.sms_btn { border:5px solid #eee; padding:25px; margin:0 0 25px; }
.sms_btn:after { content:''; display:block; clear:both; }
.sms_btn p { float:left; line-height:45px; margin-top:15px; }
.sms_btn a { float: right; width: 130px; height: 45px; text-align: center; background: #ed7822; line-height: 45px; border-radius: 6px; color: #fff; font-weight: 500;  }
.sms_btn a:hover { background:#ed7822; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }


/* policy */
.sub_tail_wrap > div { padding:70px 0 100px;  }
.sub_tail_wrap .content { padding:30px 50px 80px; }
.sub_tail_wrap h2 { margin:50px 0 20px; font-size:20px; font-weight:500; line-height:1; }
.sub_tail_wrap p { font-size:16px; font-weight:400; margin-bottom:15px; color:#; }
.sub_tail_wrap ul { padding:20px 0; border-top:1px dashed #6c6c6c; border-bottom:1px dashed #6c6c6c; }
.sub_tail_wrap li { font-size:16px; color:#6c6c6c; line-height:30px; }
.sub_tail_wrap dl { margin:0 0 20px; }
.sub_tail_wrap dt { margin: 25px 0 5px; font-size:16px; font-weight:400; color:#161616; }
.sub_tail_wrap dd { padding-left:20px; font-size:16px; font-weight:300; color:#6c6c6c; line-height: 24px; margin-bottom:10px; }
.sub_tail_wrap table { border:1px solid #ececec; }
.sub_tail_wrap table th { width:33%; background:#ececec; line-height:50px; font-size:16px; font-weight:500; border-right:1px solid #fff; }
.sub_tail_wrap table th:last-child { border-right:none; }
.sub_tail_wrap table td { text-align:center; font-size:16px; padding:15px 40px; border-top:1px solid #ececec; border-right:1px solid #ececec; }
.sub_tail_wrap dt.txtIndent { padding-left:1em; } 
.sub_tail_wrap dd.txtIndent { padding-left:3em; }
.sub_tail_wrap dl.listType dt:not(:first-child) { margin-top:0.7em; }
.sub_tail_wrap dl table { width: 97%; margin: 0 auto; }

/*kcaptcha*/
#captcha_image {width:140px;height:48px;vertical-align:unset;}
.kcaptcha_auto_btn {background: url('/img/sub/rpesh_icon.png')no-repeat center;cursor: pointer;display: inline-block;width: 50px;height: 48px;border: 1px solid #cacaca;border-radius: 5px;}
#wr_keystring {width:300px;vertical-align: top;height:48px;}

/* 게시판 댓글 */
#comment_box .cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px}
#comment_box .cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#aaa}
#comment_box .cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url('../img/sub/btn_cmt.png') no-repeat right 2px;margin-top:5px}
#comment_box .cmt_btn_op span.cmt_more {background-position:right -8px}
#comment_box .cmt_btn b {font-size:1.4em;color:#000}
#comment_box .cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#aaa;content:"";width:100%;height:2px}

#comment_box .bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#comment_box .bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0}
#comment_box .bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#comment_box .bo_vc article .profile_img img {border-radius:50%}
#comment_box .bo_vc article .pf_img {float:left;margin-right:10px}
#comment_box .bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
#comment_box .bo_vc article .cm_wrap {float:left;max-width:870px;width:90%}
#comment_box .bo_vc article .cm_wrap span {padding:0 5px;}
#comment_box .bo_vc header {position:relative;width:100%}
#comment_box .bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#comment_box .bo_vc header .profile_img {display:none}
#comment_box .bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#comment_box .bo_vc .name, .bo_vc .guest, .bo_vc .sv_member, .bo_vc .sv_guest {font-weight:bold}
#comment_box .bo_vc_hdinfo {color:#777}
#comment_box .bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#comment_box .bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px}
#comment_box .bo_vc p a {text-decoration:underline}
#comment_box .bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#comment_box .bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#comment_box .bo_vc .bo_vc_winfo {float:left}
#comment_box .bo_vc .bo_vl_opt {position:absolute;top:0;right:0}

#comment_box .bo_vc_w {position:relative;margin:10px 0;display:block}
#comment_box .bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
#comment_box .bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#comment_box .bo_vc_w #char_cnt {display:block;margin:0 0 5px}
#comment_box .bo_vc_w textarea { width:100%; min-height:100px; padding:20px; resize: none; border:1px solid #cacaca; border-radius:5px; font-size:16px; color:#121212; font-family:'NotoSansKR',sans-serif; }
#wr_secret {}
#comment_box .bo_vc_w_info {margin:10px 0;float:left}
#comment_box .bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#comment_box .bo_vc_w_info .frm_input {margin-right:5px}
#comment_box .bo_vc_w_info input {height:45px; line-height:45px; margin:0 10px 0 0; padding:0 10px; border:1px solid #cacaca; border-radius:5px; font-size:16px; font-weight:400; color:#121212; letter-spacing:-0.5px; font-family:'NotoSansKR',sans-serif; }



#comment_box .bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both}

#comment_box .bo_vc_w .btn_confirm {clear:both;margin-top:10px; text-align:center;}
#comment_box .bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center}
#comment_box .bo_vc_w .btn_submit {height:45px;padding:0 20px; font-weight:500; font-size:1.0em;}
#comment_box .bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}

#comment_box .bo_vc_w .btn_confirm .secret_cm input[type="checkbox"] + label > span { display:inline-block; width:30px; height:30px; vertical-align: middle; background:url('../img/sub/check_gray_icon.png')no-repeat center; border:2px solid #ddd; margin-right:5px; border-radius:5px; cursor:pointer; }
#comment_box .bo_vc_w .btn_confirm .secret_cm input[type="checkbox"]:checked + label > span { background:#ed7822 url('../img/sub/sub07_check_icon.png')no-repeat center; border:2px solid #ed7822;  }

#comment_box .bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
#comment_box .secret_cm {display:inline-block;float:left}

#comment_box .bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
#comment_box .bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
#comment_box .bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#comment_box .bo_vc_act li {text-align:center;border-bottom:1px solid #f0f0f0}
#comment_box .bo_vc_act li:last-child {border-bottom:0}
#comment_box .bo_vc_act li a {display:inline-block;padding:5px;font-size:13px}
#comment_box .bo_vc_act li a:hover {color:#3a8afd}
#comment_box a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000;}
#comment_box .captcha_box {margin-top:10px;}
#comment_box .sub_btn { text-align: center; margin:20px 0 50px; }
.cnt_cmt {padding: 0 6px;background-color: #efefef;font-size: 8px;line-height: 12px;}

/* 비밀번호 확인 */
.sub_wrap #fcheck .sub_btn {margin:20px 0;}
.sub_wrap #fcheck .sub_btn li {border:0;padding:0 10px}
.sub_wrap #fcheck .sub_btn li button.btn { width: 100px; height:50px; line-height:50px; margin: 0 auto;background: #ff7200; border-radius: 5px; color: #fff;
	font-size:19px; font-weight: 600; display: block; border: 0;}
#pass_form .login { padding:8em 0; }
#pass_form .login > h2 { font-size:2em; }
#pass_form .button { width:100% !important; line-height:50px !important; display:inline-block; font-size:19px; }
#pass_form .sub_btn { margin:3em 0 0 !important; }
#pass_form .sub_btn li { padding:0 !important; width: 193px; }


.btn_wrap {text-align:center}
.btn_wrap > .btn { background:#ed7822; padding:0 50px; border-radius:5px; line-height:48px; text-align:center; font-size:16px; color:#fff; margin-right:10px;font-weight:700;border:0;cursor:pointer;vertical-align: middle; }
.btn_wrap > .btn:hover { background:#ed7822; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }

.hp_content{width:1200px;margin:0 auto;}
.hp_portfolio {width:1200px;margin:20px auto;}
.hp_tabs {display:block;width:100%;min-height:30px;line-height:30px;float:left;margin-bottom:20px}
.hp_tabs li {padding:5px 20px;}

/* 마이서비스 - 홈페이지신청내역 */
.nameWrap { display:flex; align-items:center; justify-content: center; margin-bottom:0.5em; }
.hpg_types { font-size:16px; font-weight:bold; max-width: 70%; display: inline-block; }
.typeName { display: inline-block; max-width: 62px; padding:0.3em 0.5em; color: #fff; border-radius: 4px; text-align: center; line-height: 1.2; 
	margin-left:8px; font-size:14px; }
.sbuy { background:#333; }
.srent { background: #ff8329; }
.spackage {padding:4px;color:#fff;background:#0900c1;border-radius:4px;font-size:14px;display:inline-block}
.vcontent {min-height: 285px;margin:20px 0;padding:20px 50px 0;border-top:1px solid #efefef;}
.mypage .desc > span { color:#ed7822; }
#r_receipt .desc { display:inline-block; }
#r_receipt .pager { float:right; font-size: 14px; }
#r_receipt .pager > i { font-style:normal; }
.mypage .boxWrap { background-color:#fdf9f6; padding:4em 2em; border-radius:1em; font-size:17px; }
.mypage .boxWrap ul { display:grid; grid-template-columns:repeat(3, 1fr); gap:2em; }
.mypage .boxWrap ul li { color:#99511c; text-align:center; position:relative; padding-right:2em; }
.mypage .boxWrap ul li:last-child { margin:0; padding:0; }
.mypage .boxWrap ul li::after { display:block; content:''; border-right:1px solid #ffd4b3; height:100%; width:1px; position:absolute; right:0; top:0; }
.mypage .boxWrap ul li:last-child::after { display:none; }
.mypage .boxWrap .material-symbols-outlined { display:block; font-size:4em; color:#ffd4b3; margin-bottom:20px; }


/* 서비스 준비중 */
.gettingReady { background-color:#f9f9f9;text-align:center;height:540px;display: grid; grid-template-columns:1fr; align-items: center; justify-content: center; flex-wrap:wrap; 
	border-radius:1em; margin-bottom:5em; }
.gettingReady .grWrap * { display:block; }
.gettingReady .grWrap .material-symbols-outlined { font-size:10em; color:#ccc; margin-bottom:15px; }
.gettingReady .grWrap > p { font-size:2.2em; font-weight:700; color:#ccc; }


/* 간편결제 > 다이렉트 결제 */
.easyPayWrap { width:1250px; margin:0 auto; }
.easyPayWrap .titleWrap > *:first-child { font-size: 32px; font-weight: 600; margin-bottom: 20px; margin-top: 0.5em; }
.easyPayWrap .titleWrap2 > *:first-child { font-size:25px; margin-bottom: 1em; text-align: center; color: #434343; }
.easyPayWrap .titleWrap2 .material-symbols-outlined { font-size: 1.3em; transform: translateY(8px); font-variation-settings:'wght' 600; color:#b991cd; margin-right:5px; }
.easyPayWrap .titleWrap3 > *:first-child { font-size: 23px; margin-bottom: 1em; color:#804eed; font-weight:600; border-bottom:1px solid #ddd; padding-bottom:0.5em; }


/* 홈페이지 > 특징 및 구매하기 */
#home_pkg .writeForm { padding:3em 0 0; margin:0; }
#home_pkg .writeForm div.btn .apply { margin-top:3em; }
#home_pkg .titleWrap > *:first-child { font-weight:700; display:inline-block; }
#home_pkg .titleWrap { margin-top:3em; padding:2em 0; }
#home_pkg .titleWrap .path { position: inherit; font-size: inherit; display: inline-block; float:right; margin-top: 17px; }
#home_pkg .titleWrap .path li { line-height:50px; }
.news_box .news_box_in { margin-bottom:3em; }
.news_box .news_box_in h2 { margin-bottom:0.5em; }
.news_box .news_box_in:last-child { margin-bottom:0; }
.news_box .news_box_in .checklists { overflow:hidden; }
.news_box .news_item.checklists { display:grid; grid-template-columns:repeat(4, 1fr); gap:0.5em 1em; }


.txt_blue {
    color: #1171d4;
    font-size: 14px !important;
}

#home_pkg .default_layout:after{display: none;}
.sub_wrap01 .content:after{display: none;}


/* 프리미엄 추가 */
.left_content a.btn_custom{display: block; float: initial; width:100%; padding: 0; line-height:50px; font-weight: 600; background: #7844e6; border-radius: 0.5rem; margin-top: 1rem;}
.left_content a.btn_custom:hover{background-color: #351772; color: #fff; -webkit-transition: all 0.3s ease-in-out;}

.premium_tabs.view_tabs .active{display: block; width: fit-content; padding: 0 20px;}