@charset "utf-8";
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
서브 공통 CSS
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
header.header.sub_header.fixed{background:#fff;}
.sub_top_text{margin:160px auto 0; padding:120px 0 115px;}
.sub_top_text.item_sub_top_text{padding-bottom:70px;}
.sub_top_text .sub_nav{display:flex; align-items:center;}
.sub_top_text .sub_nav > a.home{display:block;}
.sub_top_text .sub_nav > span.arrow{display:block; margin:0 20px; position:relative; top:-2px;}
.sub_top_text .sub_nav > span.text{font-size:16px; color:#666666; font-weight:500;}
.sub_top_text h1.title{margin-top:80px; font-size:70px; color:#ef3b47; font-weight:600;}
.sub_top_text h2.sub_title{margin-top:20px; font-size:35px; color:#343434; font-weight:bold;}
.sub_top_text .sub_top_icon{position:absolute; right:0; bottom:-80px;}

.sub_menu_box{width:100%; margin-bottom:60px;}
.sub_menu_box .pc_sub_menu{display:flex;}
.sub_menu_box .pc_sub_menu > li{margin-right:20px;}
.sub_menu_box .pc_sub_menu > li:last-child{margin-right:0;}
.sub_menu_box .pc_sub_menu > li > a{display:block; min-width:100px; height:50px; line-height:50px; background:#b9b9b9; text-align:center; font-size:18px; font-weight:bold;
padding:0 27px; color:#fff;}
.sub_menu_box .mob_sub_menu{display:none;}

.board_search{margin-left:auto; margin-right:0; width:390px; margin-bottom:40px;}
.board_search form{display:flex;}
.board_search .left_select{width:120px; margin-right:10px;}
.board_search .left_select select{width:100%; height:45px; border:1px solid #252525; padding:0 15px; font-size:14px; color:#343434;
outline:none; box-shadow:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/img/m01_01_arrow.png') no-repeat 90% 50%;}
.board_search .left_select select::-ms-expand{ display: none;}
.board_search .right_search{width:calc(100% - 130px); position:relative;}
.board_search .right_search input{display:block; width:100%; height:45px; line-height:45px; border:1px solid #252525; outline:none; box-shadow:none; font-size:14px; color:#343434; padding:0 40px 0 15px;}
.board_search .right_search button{display:block; width:20px; height:18px; position:absolute; right:15px; top:13px; background:none; outline:none; box-shadow:none; border:0;}
.board_search .right_search button span.circle{display:block; width:16px; height:16px; border:2px solid #252525; top:0; left:0; border-radius:50%;}
.board_search .right_search button span.line{display:block; width:2px; height:6px; background:#252525; position:absolute; bottom:-1px; right:3px; transform:rotate(-45deg);}
a.btn.board_list_btn{width:60px; border:1px solid #252525 !important; background:none !important; font-size:14px; color:#343434 !important; padding:8.5px 0;}
a.btn.board_write_btn{width:80px; border:1px solid #252525 !important; background:#252525 !important; font-size:14px; color:#fff !important; padding:8.5px 0;}
.list-btn .form-group{margin-bottom:0;}
.responsive .list-page{margin:60px auto 0 !important;}
.responsive .pagination-sm > li > a, .responsive .pagination-sm > li > span{border:0; font-size:14px; padding:0 15px; color:#b9b9b9; background:none !important;}
.responsive .pagination-sm > li i{color:#343434;}
.at-html .at-body .pagination-sm > li.active > a, .at-html .at-body .pagination-sm > li.active > span,
.responsive .pagination-sm > li.active > a, .responsive .pagination-sm > li.active > span{background:none !important; color:#343434 !important;}

.m02_wrap .sub_top_text .container_fix{padding:0;}
.m02_wrap .sub_top_text h1.title{color:#f0376c;}
.m02_wrap .sub_menu_box{margin-bottom:35px;}
.m02_wrap .sub_menu_box .pc_sub_menu > li.active > a, .m02_wrap .sub_menu_box .pc_sub_menu > li.on > a,
.m02_wrap .sub_menu_box .mob_sub_menu > a{background:#f0376c;}
.m02_wrap .sub_top_text .sub_top_icon{bottom:-40px;}

.ca_wrap .sub_top_text .container_fix{padding:0;}
.ca_wrap .sub_top_text h1.title{color:#05c6d4;}
.ca_wrap .sub_menu_box .pc_sub_menu > li.active > a, .ca_wrap .sub_menu_box .pc_sub_menu > li.on > a,
.ca_wrap .sub_menu_box .mob_sub_menu > a{background:#05c6d4;}

.m03_wrap .sub_top_text .container_fix{padding:0;}
.m03_wrap .sub_top_text h1.title{color:#7169e0;}
.m03_wrap .sub_menu_box .pc_sub_menu > li.active > a, .m03_wrap .sub_menu_box .pc_sub_menu > li.on > a,
.m03_wrap .sub_menu_box .mob_sub_menu > a{background:#7169e0;}

@media (max-width:991px){
    .sub_top_text{padding:100px 0; margin-top:65px;}
	.sub_top_text.item_sub_top_text{padding-bottom:100px;}
    .sub_top_text h1.title{font-size:40px; width:75%; margin-top:50px; line-height:1.3;}
    .sub_top_text h2.sub_title{font-size:22px;}
    .sub_top_text .sub_top_icon{right:15px;}
	.m02_wrap .sub_top_text .sub_top_icon{right:0;}
	.ca_wrap .sub_top_text .sub_top_icon{right:0;}
	.m03_wrap .sub_top_text .sub_top_icon{right:0;}
	.sub_menu_box .pc_sub_menu{display:none;}
	.sub_menu_box .mob_sub_menu{display:block; position:relative;}
	.sub_menu_box .mob_sub_menu > a{display:block; width:100%; position:relative; text-align:center; font-size:15px; color:#fff; font-weight:600;
	height:50px; line-height:50px;}
	.sub_menu_box .mob_sub_menu > a span.arrow{width:12px; height:6px; position:absolute; right:15px; top:24px; transition:all 0.3s;}
	.sub_menu_box .mob_sub_menu > a span.arrow::before{content:""; width:1px; height:6px; background:#fff; position:absolute; top:0; left:4px; transform:rotate(-45deg);}
	.sub_menu_box .mob_sub_menu > a span.arrow::after{content:""; width:1px; height:6px; background:#fff; position:absolute; top:0; right:3px; transform:rotate(45deg);}
	.sub_menu_box .mob_sub_menu > a.active span.arrow{transform:rotate(180deg);}
	.sub_menu_box .mob_sub_menu > a + .mob_sub_menu_ul{position:absolute; top:50px; width:100%; text-align:center; background:#fff; padding:15px 5px; z-index:1;
	opacity:0; visibility:hidden; transition:all 0.3s; box-shadow: 0 17px 26px 0 rgba(0,0,0,0.22);}
	.sub_menu_box .mob_sub_menu > a + .mob_sub_menu_ul > li{display:block; margin-bottom:15px;}
	.sub_menu_box .mob_sub_menu > a + .mob_sub_menu_ul > li:last-child{margin-bottom:0;}
	.sub_menu_box .mob_sub_menu > a + .mob_sub_menu_ul > li > a{display:block; font-size:15px; color:#333;}
	.sub_menu_box .mob_sub_menu > a.active + .mob_sub_menu_ul{opacity:1; visibility:visible;}
	.board_search{width:100%;}

}
@media (max-width:768px){
    .sub_top_text .sub_top_icon{bottom:0;}
    .sub_top_text .sub_top_icon img{width:150px;}
}
@media (max-width:480px){
    .sub_top_text{padding:40px 0 55px;}
	.sub_top_text.item_sub_top_text{padding-bottom:55px;}
	.sub_top_text .sub_nav > a.home{position:relative; top:-1px;}
    .sub_top_text .sub_nav > a.home img{width:15px;}
    .sub_top_text .sub_nav > span.text{font-size:14px; position:relative; top:2px;}
    .sub_top_text h1.title{font-size:32px; width:70%;}
    .sub_top_text h2.sub_title{font-size:16px; margin-top:10px;}
    .sub_top_text .sub_top_icon{/*bottom:30px;*/}
    .sub_top_text .sub_top_icon img{width:100px;}
	
	.m02_wrap .sub_top_text h1.title{width:50%;}
	.m02_wrap .sub_top_text .sub_top_icon{bottom:0;}
	.m02_wrap .sub_top_text .sub_top_icon img{width:120px;}

	.ca_wrap .sub_top_text h1.title{width:50%;}
	.ca_wrap .sub_top_text .sub_top_icon{bottom:0;}
	.ca_wrap .sub_top_text .sub_top_icon img{width:120px;}

	.m03_wrap .sub_top_text h1.title{width:50%;}
	.m03_wrap .sub_top_text .sub_top_icon{bottom:0;}
	.m03_wrap .sub_top_text .sub_top_icon img{width:120px;}

	.m03_wrap .sub_top_text h1.title{width:50%;}
	.m03_wrap .sub_top_text .sub_top_icon{bottom:0;}
	.m03_wrap .sub_top_text .sub_top_icon img{width:120px;}
	
	.sub_menu_box{margin-bottom:30px;}
	.board_search{ margin-bottom:20px;}
	.board_search .left_select{width:100px; margin-right:5px;}
	.board_search .left_select select{height:40px; padding:0 10px; font-size:13px; background-size:6px;}
	.board_search .right_search{width:calc(100% - 105px);}
	.board_search .right_search input{height:40px; line-height:40px; font-size:13px; padding:0 30px 0 10px;}
	.board_search .right_search button{display:block; width:14px; height:12px;right:15px; top:13px; }
	.board_search .right_search button span.circle{width:12px; height:12px; border:1px solid #252525;}
	.board_search .right_search button span.line{width:1px; height:5px; bottom:-2px; right:2px;}
	a.btn.board_list_btn{width:auto; padding:4px 12px; font-size:12px;}
	a.btn.board_write_btn{width:auto; padding:4px 12px; font-size:12px;}
	.board_style.notice_style .list-board{margin-bottom:20px;}
	.at-html .list-page{margin:30px auto 0 !important;}

}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
MY JUICE 작성페이지
html > page > m01_01.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m01_wrap{padding-top:160px; background:url('/img/m01_bg.jpg'); background-repeat:no-repeat; background-position:top right; background-size:contain;}
.m01_wrap .sub_top_text{margin-top:0;}
.juice_estimate{}
.juice_estimate .est_section{margin-bottom:100px;}
.juice_estimate .est_section:last-child{margin-bottom:0;}
.juice_estimate .est_head{display:flex; align-items:center; margin-bottom:55px;}
.juice_estimate .est_head h3{font-size:30px; color:#343434; font-weight:bold;}
.juice_estimate .delete_btn{width:25px; height:25px; background:#343434; border-radius:50%; position:absolute; right:0; display:flex; }
.juice_estimate .delete_btn span.line{position:absolute; width:1px; height:15px; transform:rotate(45deg); background:#fff; top:5px; left:12px;}
.juice_estimate .delete_btn span.line:nth-child(2){transform:rotate(-45deg);}
.juice_estimate .hover_box{position:relative; margin-left:10px;}
.juice_estimate .hover_box .question_mark{width:25px; height:25px; border-radius:50%; background:#343434; display:block; display:flex; justify-content:center;
align-items:center; text-align:center;}
.juice_estimate .hover_box .question_mark span.mark{font-size:15px; color:#fff; font-weight:bold; padding:0; background:none; position:relative;
transform:rotate(5deg); left:-1px;}
.juice_estimate .hover_box .hover_text{position:absolute; z-index:1; background:#ebebeb; border-radius:3px; padding:22px; min-width:320px; font-size:13px;
color:#222222; line-height:1.4; top:40px; left:-22px; opacity:0; visibility:hidden; transition:all 0.3s; white-space:nowrap; box-shadow:7px 7px 20px 0 rgba(50,50,50,0.07);}
.juice_estimate .hover_box:hover .hover_text{opacity:1; visibility:visible;}
.juice_estimate .hover_box .hover_text::before{content:""; width:100%; height:15px; position:absolute; top:-15px; left:0;}
.juice_estimate .hover_box .hover_text::after{content:""; display:block; width:9px; height:9px; border-bottom:9px solid #ebebeb; border-left:4.5px solid transparent; 
border-right:4.5px solid transparent; position:absolute; top:-9px; left:30px;}
.juice_estimate .est_body{}
.juice_estimate .est_body .est_content{margin-bottom:55px; display:flex;}
.juice_estimate .est_body .est_content:last-child{margin-bottom:0;}
.juice_estimate .est_body .est_content .est_cont{width:calc(50% - 50px); margin-right:100px;}
.juice_estimate .est_body .est_content .est_cont:last-child{margin-right:0;}
.juice_estimate .est_body .est_content .est_cont.full{width:100%;}
.juice_estimate .est_body .est_content .est_cont .estimate_label{font-size:16px; color:#343434; font-weight:bold; margin-bottom:30px;}
.juice_estimate .est_body .est_content .est_cont .estimate_terms .estimate_label{font-size:18px; margin-bottom:40px;}
.juice_estimate .est_body .est_content .est_cont .estimate_terms .terms{height:100px; overflow:hidden; overflow-y:auto; border:0; border-bottom:1px solid #252525;}
.juice_estimate .est_body .est_content .est_cont .estimate_terms .terms,
.juice_estimate .est_body .est_content .est_cont .estimate_terms .terms *{font-size:14px; color:#666666; line-height:1.8;}
.juice_estimate .est_body .est_content .est_cont .check_box{position:relative; margin-top:20px;}
.juice_estimate .check_box input{width:1px; height:1px; border:0 !important; outline:none; box-shadow:none; background:none; position:absolute; top:0; left:0; color:#fff;}
.juice_estimate .check_box input + label{display:inline-flex; cursor:pointer;}
.juice_estimate .check_box input + label span.square{width:14px; height:14px; margin-right:8px; display:block; border:1px solid #252525; position:relative;}
.juice_estimate .check_box input + label span.text{font-size:14px; color:#222222;}
.juice_estimate .check_box input:checked + label span.square::before{content:""; width:2px; height:6px; background:#252525;
position:absolute; transform:rotate(-45deg); bottom:3px; left:3px; border-radius:3px;}
.juice_estimate .check_box input:checked + label span.square::after{content:""; width:2px; height:6px; background:#252525;
position:absolute; transform:rotate(45deg); bottom:3px; right:3px; border-radius:3px;}
.juice_estimate .est_body .estimate_input{}
.juice_estimate .estimate_input input{display:block; width:100%; border:0; outline:none; font-size:14px; background:none; border-bottom:1px solid #222222;
padding-bottom:13px;}
/* .juice_estimate .estimate_input input:disabled{background:#ccc;} */
.juice_estimate .estimate_input input::placeholder{color:#999999;}
.juice_estimate .est_body .estimate_input .addr_box{width:100%;}
.juice_estimate .est_body .estimate_input .addr_box .addr{margin-bottom:25px;}
.juice_estimate .est_body .estimate_input .addr_box .addr:first-child{width:250px; display:flex;}
.juice_estimate .est_body .estimate_input .addr_box .addr:first-child input{width:160px;}
.juice_estimate .est_body .estimate_input .addr_box .addr input[type="button"]{display:block; margin-left:10px; width:80px; height:38px; line-height:38px;
background:#222222; font-size:14px; color:#ffffff;}
.juice_estimate .est_body .estimate_input .addr_box .addr:nth-child(3){margin-bottom:0;}
.juice_estimate .est_body .estimate_input .addr_box .addr:nth-last-of-type(2){display:none;}
.juice_estimate .est_body .estimate_input .radio_box{display:flex;}
.juice_estimate .est_body .estimate_input .radio_box .radio{min-height:auto; margin:0; margin-right:80px;}
.juice_estimate .est_body .estimate_input .radio_box .radio input[type="radio"]{display:none;}
.juice_estimate .est_body .estimate_input .radio_box .radio input[type="radio"] + label{padding:0; display:flex;}
.juice_estimate .est_body .estimate_input .radio_box .radio input[type="radio"] + label span.circle{width:15px; height:15px; border:1px solid #222222; border-radius:50%; position:relative;
margin-right:15px; top:1px;}
.juice_estimate .est_body .estimate_input .radio_box .radio input[type="radio"]:checked + label span.circle::after{content:""; width:7px; height:7px; background:#222; border-radius:50%;
position:absolute; top:3px; left:3px;}
.juice_estimate .est_body .estimate_input .radio_box .radio input[type="radio"] + label span.text{font-size:15px;}
.juice_estimate .est_body .estimate_input .radio_box .radio.mob_full{display:flex;}
.juice_estimate .est_body .estimate_input .radio_box .radio.mob_full label + input[type="text"]{width:180px; margin-left:40px; display:none;}
.juice_estimate .est_body .estimate_input .radio_box .radio.mob_full label.active + input{display:block;}
.juice_estimate .est_body .check_content .estimate_input .check_box{display:flex;}
.juice_estimate .est_body .check_content .estimate_input .check_box .check{margin-right:80px;}
.juice_estimate .est_body .check_content .estimate_input .check_box .check input{}
.juice_estimate .est_body .check_content .estimate_input .check_box .check input + label{}
.juice_estimate .est_body .check_content .estimate_input .check_box .check input + label span.square{margin-right:10px; position:relative; top:1px;}
.juice_estimate .est_body .check_content .estimate_input .check_box .check input + label span.text{font-size:15px; color:#222222;}
.juice_estimate .est_body .estimate_input .radio_box.bottle{}
.juice_estimate .est_body .estimate_input .radio_box.bottle .radio{margin-right:20px;}
.juice_estimate .est_body .estimate_input .radio_box.bottle .radio input + label{width:200px; height:200px; position:relative; border:1px solid #707070;}
.juice_estimate .est_body .estimate_input .radio_box.bottle .radio input + label span.circle{position:absolute; top:10px; left:10px;}
.juice_estimate .est_body .estimate_input .radio_box.bottle .radio input + label img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.juice_estimate .est_body .estimate_input .radio_box.bottle .radio input + label .text{position:absolute; bottom:18px; left:50%; transform:translateX(-50%); text-align:center; 
width:100%; padding:0 15px;}
.juice_estimate .est_body .estimate_input .example_img_box{border:1px solid #707070; width:600px; position:relative; text-align:center;}
.juice_estimate .est_body .estimate_input .example_img_box h5.estimate_label{position:absolute; top:20px; left:20px;}
.juice_estimate .est_body .estimate_input .example_img_box .example_img{padding:52px 0;}
.juice_estimate .est_body .estimate_input .example_img_box .example_img p{font-size:15px; color:#222222; margin-top:12px; margin-bottom:13px;}
.juice_estimate .est_body .estimate_input .example_img_box .example_img p:last-child{margin-bottom:0;}
.juice_estimate .est_body .est_content.hidden_content{display:none;}
.juice_estimate .est_body .estimate_input .est_body_title{display:flex; margin-bottom:15px; align-items:center;}
.juice_estimate .est_body .estimate_input .est_body_title h5.estimate_label{margin-bottom:0;}
.juice_estimate .est_body .est_density_box{display:flex; margin-bottom:0px;}
.juice_estimate .est_body .est_density_box .est_density{margin-right:30px; display:flex; align-items:baseline;}
.juice_estimate .est_body .est_density_box .est_density:last-child{margin-right:30px;}
.juice_estimate .est_body .est_density_box .est_density > label{font-size:15px; color:#222222; margin-right:25px;}
.juice_estimate .select_input{width:60px; position:relative;}
.juice_estimate .select_input input{width:100%; padding-bottom:9px;}
.juice_estimate .select_input span.mg{position:absolute; right:0; top:3px;}
.juice_estimate select{width:100%; display:block; outline:none; box-shadow:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; 
background: url('/img/m01_01_arrow.png') no-repeat 99% 30%; border:0; border-bottom:1px solid #222222; padding-bottom:10px; line-height:19px; color:#333; font-size:14px;}
.juice_estimate select::-ms-expand{ display: none; }
.juice_estimate .est_density_box .est_add{display:block; width:80px; height:35px; line-height:35px; font-size:14px; color:#666666; text-align:center; border:1px solid #d7d7d7; 
margin-left:30px; outline:none; box-shadow:none;} 
.juice_estimate .est_add_content{}
.juice_estimate .est_add_content .est_add{margin-top:30px; border:1px solid #d7d7d7;}
.juice_estimate .est_add_content .est_add:last-child{margin-bottom:0;}
.juice_estimate .est_add_content .est_add .est_add_head{background:#ebebeb; display:flex; padding:5px 30px; align-items:center; justify-content:space-between;}
.juice_estimate .est_add_content .est_add .est_add_head .left_text{display:flex; align-items:center;}
.juice_estimate .est_add_content .est_add .est_add_head .left_text span.caption{font-size:12px; color:#ef3b47; margin-left:10px;}
.juice_estimate .est_add_content .est_add .est_add_head h5{font-size:16px; color:#343434; font-weight:600;}
.juice_estimate .est_add_content .est_add .est_add_head a.est_add_minus{display:block; text-align:center; background:#fff; width:80px; height:35px; line-height:33px; border:1px solid #d7d7d7; font-size:14px; color:#666666; outline:none;}
.juice_estimate .est_add_content .est_add .est_add_body{padding:30px;}
.juice_estimate .est_add_content .est_add .est_add_body .est_add_all_check{margin-bottom:30px;}
.juice_estimate .est_add_content .est_add .est_add_body .est_add_all_check{width:100%}
.juice_estimate .est_add_content .est_add .est_add_body .check_box{display:flex; width:100%; margin-top:0; height:30px;}
.juice_estimate .est_add_content .est_add .est_add_body .est_add_check_box{display:flex; flex-wrap:wrap;}
.juice_estimate .est_add_content .est_add .est_add_body .est_add_check{width:20%; margin-bottom:30px;}
.juice_estimate .est_add_content .est_add .est_add_body .est_add_check:nth-child(6), .juice_estimate .est_add_content .est_add .est_add_body .est_add_check:nth-child(7){margin-bottom:0;}
.juice_estimate .est_add_content .est_add .est_add_body input + label{}
.juice_estimate .est_add_content .est_add .est_add_body input + label span.square{margin-right:18px;}
.juice_estimate .est_add_content .est_add .est_add_body input + label + select{width:60px; position:relative; top:-2px; margin-left:22px; display:none;}
.juice_estimate .est_add_content .est_add .est_add_body input:checked + label + select{display:block;}
.juice_estimate .est_add_btn{margin-top:60px; text-align:center; display:flex; justify-content:center; align-items:center; display:none;}
.juice_estimate .est_add_btn.active{display:flex;}
.juice_estimate .est_add_btn > a{background:#c8c8c8; display:block; width:270px; height:50px; line-height:48px; color:#fff; font-size:16px; font-weight:bold; margin-right:10px;}
.juice_estimate .est_add_btn > a.confirm_btn{background:#ef3b47; margin-right:0;}
.juice_estimate .est_btn_box{margin-top:60px; text-align:center; display:none;}
.juice_estimate .est_btn_box.active{display:block;}
.juice_estimate .est_btn_box.active button{background:#ef3b47;}
.juice_estimate .est_btn_box button{background:#c8c8c8; display:block; width:270px; height:50px; line-height:40px; color:#fff; font-size:16px; font-weight:bold; margin:0 auto;}
.juice_estimate .est_sum_content{margin-top:100px;}
.juice_estimate .est_sum_content .est_sum{margin-bottom:30px; display:flex;}
.juice_estimate .est_sum .left_sum{width:53.5%;}
.juice_estimate .est_sum .left_sum .est_sum_head{display:flex; align-items:center; margin-bottom:20px;}
.juice_estimate .est_sum h5{font-size:16px; color:#343434; font-weight:500;}
.juice_estimate .est_sum .left_sum .est_sum_body{display:flex; flex-wrap:wrap;}
.juice_estimate .est_sum .left_sum .est_sum_body .check_box{width:20%; margin-bottom:30px; position:relative;}
.juice_estimate .est_sum .right_sum{width:calc(100% - 53.5%); display:flex;}
.juice_estimate .est_sum .right_sum .est_sum_power{width:21.5%;}
.juice_estimate .est_sum .right_sum .est_sum_sugar{width:21.5%;}
.juice_estimate .est_sum .right_sum .est_sum_etc{width:57%;}
.juice_estimate .est_sum .right_sum h5{height:25px; margin-bottom:20px;}
.juice_estimate .est_sum .right_sum .est_sum_etc .select_input{width:100%;}
.juice_estimate .est_sum .right_sum .est_sum_etc .select_input input{display:block; width:100%;}
@media (max-width:1300px){
    .juice_estimate .est_body .est_density_box{flex-wrap:wrap;}
    .juice_estimate .est_body .est_density_box .est_density{margin-right:50px; width:calc(50% - 25px); margin-bottom:30px;}
    .juice_estimate .est_body .est_density_box .est_density:nth-child(2n){margin-right:0;}

}
@media (max-width:991px){
    .m01_wrap{padding-top:112px; background:url('/img/mm01_bg.jpg'); background-repeat:no-repeat; background-position:top right; background-size:100%;}
    .juice_estimate .est_body .est_content{flex-wrap:wrap; /*margin-bottom:30px;*/}
    .juice_estimate .est_body .est_content .est_cont{margin-right:0; width:100%; margin-bottom:55px;}
    .juice_estimate .est_body .est_content .est_cont:last-child{margin-bottom:0;}
    .juice_estimate .est_body .estimate_input .radio_box{flex-wrap:wrap;}
    .juice_estimate .est_body .estimate_input .radio_box .radio{width:50%; margin-right:0;}
    .juice_estimate .est_body .estimate_input .radio_box .radio.mob_full{width:100%; margin-bottom:10px; height:34px;}
    .juice_estimate .est_body .check_content .estimate_input .check_box{flex-wrap:wrap;}
    .juice_estimate .est_body .check_content .estimate_input .check_box .check{margin-right:0; width:50%; margin-bottom:30px;}
    .juice_estimate .est_body .check_content .estimate_input .check_box .check:nth-last-of-type(1),
    .juice_estimate .est_body .check_content .estimate_input .check_box .check:nth-last-of-type(2){margin-bottom:0;}
    .juice_estimate .est_body .estimate_input .radio_box.bottle{flex-wrap:nowrap;}
    .juice_estimate .est_body .estimate_input .radio_box.bottle .radio{width:auto;}
    .juice_estimate .est_body .estimate_input .radio_box .radio.mob_third{width:33.3333%; }
    .juice_estimate .est_body .estimate_input .radio_box .radio.mob_first{width:100%; margin-bottom:30px;}
    .juice_estimate .est_body .est_density_box .est_density{margin-right:0; width:100%; margin-bottom:30px;}
    .juice_estimate .est_body .est_density_box .est_density:nth-last-of-type(1){margin-bottom:0;}
    .juice_estimate .est_sum_content{margin-top:70px;}
    .juice_estimate .est_add_content .est_add .est_add_head{}
    .juice_estimate .est_add_content .est_add .est_add_head .left_text{display:block;}
    .juice_estimate .est_add_content .est_add .est_add_head .left_text span.caption{margin-left:0; margin-top:10px; display:block;}
    .juice_estimate .est_add_content .est_add .est_add_body .est_add_check{width:50%;}
    .juice_estimate .est_add_content .est_add .est_add_body .est_add_all_check{margin-bottom:10px;}
    .juice_estimate .est_sum_content .est_sum{flex-wrap:wrap; margin-bottom:50px;}
    .juice_estimate .est_sum .left_sum{width:100%; margin-bottom:0px;}
    .juice_estimate .est_sum .right_sum{width:100%; flex-wrap:wrap;}
    .juice_estimate .est_sum .right_sum .est_sum_power{width:30%;}
    .juice_estimate .est_sum .right_sum .est_sum_sugar{width:30%;}
    .juice_estimate .est_sum .right_sum .est_sum_etc{width:100%; margin-top:30px;}
    .juice_estimate .est_sum .left_sum .est_sum_body .check_box{width:25%;}
    .juice_estimate .est_sum .right_sum h5{height:auto;}

    .juice_estimate .est_sum .left_sum .est_sum_head, .juice_estimate .est_head, .juice_estimate .est_body .estimate_input .est_body_title{position:relative;}
    .juice_estimate .hover_box{position:static;}
    .juice_estimate .hover_box .question_mark{position:relative; z-index:1;}
    .juice_estimate .hover_box .hover_text{width:100%; left:0; white-space:inherit; word-break: keep-all;}
    .juice_estimate .hover_box .hover_text::after{display:none;}
    .juice_estimate .hover_box .question_mark::after{content:""; display:block; width:9px; height:9px; border-bottom:9px solid #ebebeb; border-left:4.5px solid transparent; 
        border-right:4.5px solid transparent; position:absolute; bottom:-15px; left:7px; opacity:0; visibility:hidden; transition:all 0.3s;}
    .juice_estimate .hover_box:hover .question_mark::after{opacity:1; visibility:visible;}
}
@media (max-width:768px){
    .juice_estimate .est_section{margin-bottom:70px;}
    .juice_estimate .est_head{margin-bottom:30px;}
    .juice_estimate .est_body .estimate_input .example_img_box{width:100%;}
    .juice_estimate .est_body .estimate_input .example_img_box .example_img{padding:25px 0;}
    .juice_estimate .est_body .estimate_input .example_img_box .example_img img{width:100%;}
}
@media (max-width:480px){
    .m01_wrap{padding-top:66px;}
    .juice_estimate .est_body .est_content .est_cont .estimate_terms .estimate_label{font-size:14px; margin-bottom:25px;}
    .juice_estimate .est_body .est_content .est_cont .estimate_terms .terms, .juice_estimate .est_body .est_content .est_cont .estimate_terms .terms *{font-size:12px; height:65px; line-height:1.6;}
    .juice_estimate .est_body .est_content .est_cont .check_box{margin-top:15px;}
    .juice_estimate .check_box input + label span.square{width:13px; height:13px;}
    .juice_estimate .check_box input:checked + label span.square::before,.juice_estimate .check_box input:checked + label span.square::after{bottom:2px;}
    .juice_estimate .check_box input + label span.text{font-size:12px;}
    .juice_estimate .est_section{margin-bottom:50px;}
    .juice_estimate .est_head{margin-bottom:25px;}
    .juice_estimate .est_head h3{font-size:17px;}
    .juice_estimate .hover_box{margin-left:5px;}
    .juice_estimate .hover_box .question_mark{position:relative; transform:scale(0.6);}
    .juice_estimate .hover_box .question_mark span.mark{font-size:13px; transform:rotate(3deg); left:0;}
    .juice_estimate .hover_box .hover_text{min-width:auto; padding:15px; font-size:12px; top:28px;}
    .juice_estimate .est_body .est_content{margin-bottom:25px;}
    .juice_estimate .est_body .est_content .est_cont{margin-bottom:25px;}
    .juice_estimate .est_body .est_content .est_cont .estimate_label{font-size:14px; margin-bottom:20px;}
    .juice_estimate .estimate_input input{font-size:13px; padding-bottom:9px;}
    .juice_estimate .est_body .estimate_input .addr_box .addr input[type="button"]{height:28.5px; line-height:28.5px; font-size:12px; width:70px;}
    .juice_estimate .est_body .estimate_input .radio_box .radio input[type="radio"] + label span.circle{width:13px; height:13px;}
    .juice_estimate .est_body .estimate_input .radio_box .radio input[type="radio"] + label span.text{font-size:13px;}
    .juice_estimate .est_body .estimate_input .radio_box .radio input[type="radio"]:checked + label span.circle::after{width:7px; height:7px; top:2px; left:2px;}
    .juice_estimate .est_body .estimate_input .radio_box .radio.mob_full{height:28.5px; margin-bottom:15px;}
    .juice_estimate .est_body .estimate_input .radio_box .radio.mob_full label + input[type="text"]{margin-left:20px; position:relative; top:-3px; width:170px;}
    .juice_estimate .est_body .check_content .estimate_input .check_box .check input + label span.text{font-size:13px;}
    .juice_estimate .est_body .estimate_input .radio_box.bottle .radio{width:calc(50% - 7.5px); margin-right:15px; position:relative;}
    .juice_estimate .est_body .estimate_input .radio_box.bottle .radio:last-child{margin-right:0;}
    .juice_estimate .est_body .estimate_input .radio_box.bottle .radio input + label{width:100%; height:auto; padding-bottom:100%; position:relative; top:0; left:0;}
    .juice_estimate .est_body .estimate_input .radio_box.bottle .radio input + label .text{bottom:20px;}
    .juice_estimate .est_body .estimate_input .radio_box.bottle .radio input + label span.circle{top:8px; left:8px;}
    .juice_estimate .est_body .estimate_input .radio_box.bottle .radio input + label img{width:90%;}
    .juice_estimate .est_body .estimate_input .example_img_box h5.estimate_label{top:10px; left:10px; font-size:13px;}
    .juice_estimate .est_body .estimate_input .example_img_box .example_img{width:80%; margin:0 auto;}
    .juice_estimate .est_body .estimate_input .example_img_box .example_img p{font-size:13px; margin:10px 0;}
    .juice_estimate .est_body .est_density_box .est_density{margin-bottom:20px;}
    .juice_estimate .est_body .est_density_box .est_density > label{font-size:13px;}
    .juice_estimate .select_input{width:50px;}
    .juice_estimate select{font-size:13px; padding-bottom:8.5px; background-size:5px;}
    .juice_estimate .est_density_box .est_add{height:28.5px; line-height:26.5px; margin-left:20px; font-size:12px; width:70px;}
    .juice_estimate .select_input span.mg{font-size:12px;}
    .juice_estimate .est_add_content .est_add .est_add_head{padding:10px 15px;}
    .juice_estimate .est_add_content .est_add .est_add_head h5{font-size:13px;}
    .juice_estimate .est_add_content .est_add .est_add_head .left_text span.caption{font-size:10px;}
    .juice_estimate .est_add_content .est_add .est_add_head a.est_add_minus{font-size:12px; width:70px; height:28.5px; line-height:26.5px;}
    .juice_estimate .est_add_content .est_add .est_add_body{padding:25px 15px;}
    .juice_estimate .est_body .est_content .est_cont .est_add_body .check_box{margin-top:0;}
    .juice_estimate .est_add_content .est_add .est_add_body input + label + select{height:28.5px;}
    .juice_estimate .est_add_content .est_add .est_add_body .est_add_all_check{margin-bottom:0px;}
    .juice_estimate .check_box input{display:none !important;}
    .juice_estimate .est_add_content .est_add .est_add_body input + label span.square{margin-right:10px;}
    .juice_estimate .est_add_content .est_add .est_add_body input + label + select{width:50px; margin-left:20px; font-size:12px;}
    .juice_estimate .est_add_btn{margin-top:35px;}
    .juice_estimate .est_add_btn > a{width:calc(50% - 2.5px); margin-right:5px; height:35px; line-height:32px; font-size:13px;}
    .juice_estimate .est_sum h5{font-size:14px;}
    .juice_estimate .est_sum_content .est_sum{margin-bottom:40px;}
    .juice_estimate .est_sum .left_sum .est_sum_head{margin-bottom:10px;}
    .juice_estimate .est_sum .left_sum .est_sum_body .check_box{margin-bottom:20px;}
    .juice_estimate .est_sum .left_sum{margin-bottom:10px;}
    .juice_estimate .est_sum .right_sum .est_sum_etc{margin-top:20px;}
    .juice_estimate .est_add_content .est_add .est_add_body .est_add_check{margin-bottom:25px;}
    .juice_estimate .est_add_content .est_add .est_add_body .check_box{height:28.5px;}
    .juice_estimate .est_btn_box{margin-top:30px;}
    .juice_estimate .est_btn_box button{width:calc(50% - 2.5px); height:35px; line-height:32px; font-size:13px;}
    .juice_estimate .est_sum_content{margin-top:50px;}
	.juice_estimate .delete_btn{width:15px; height:15px; top:4px;}
	.juice_estimate .delete_btn span.line{height:7px; top:4px; left:7px;}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
MY JUICE 결과페이지
html > page > m01_02.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.juice_result{}
.juice_result .result_content{margin-bottom:40px;}
.juice_result .result_content:nth-child(4){margin-bottom:0;}
.juice_result .result_title{margin-bottom:35px;}
.juice_result .result_title h3{font-size:22px; color:#343434; font-weight:bold;}
.juice_result .result_table{border:1px solid #252525;}
.juice_result .result_table .result_tr{border-bottom:1px solid #252525; display:flex;}
.juice_result .result_table .result_tr:last-child{border-bottom:0;}
.juice_result .result_table .result_tr .result_half{width:50%; border-right:1px solid #252525; display:flex; align-items:center; position:relative;}
.juice_result .result_table .result_tr .result_half::before{content:""; width:1px; height:100%; position:absolute; background:#252525; left:200px;}
.juice_result .result_table .result_tr .result_half:last-child{border-right:0;}
.juice_result .result_table .result_tr .result_half .left_text{display:block; width:200px; padding:0 20px; font-size:14px; color:#343434; font-weight:500; line-height:1.4;}
.juice_result .result_table .result_tr .result_half .right_text{display:block; width:calc(100% - 200px); padding:10px 30px; font-size:14px; color:#666666; line-height:1.4; word-break: break-all;}
.juice_result .result_table .result_tr .result_half .right_text .img_box{text-align:center; width:130px;}
.juice_result .result_table .result_tr .result_half .right_text .img_box img{display:block; margin:0 auto;}
.juice_result .result_table .result_tr .result_half .right_text .img_box p{color:#222; padding-bottom:10px;}
.juice_result .result_table.real_table{border:0;}
.juice_result .result_table table{width:100%; border:1px solid #252525; border-collapse: collapse;}
.juice_result .result_table table thead{}
.juice_result .result_table table thead tr{border-bottom:1px solid #252525;}
.juice_result .result_table table thead tr th{font-size:14px; color:#343434; vertical-align:middle; font-weight:500; text-align:center; padding:17px 5px; border-right:1px solid #252525;}
.juice_result .result_table table tbody{}
.juice_result .result_table table tbody tr{border-bottom:1px solid #252525;}
.juice_result .result_table table tbody tr td{font-size:14px; color:#666666; text-align:center; vertical-align:middle; padding:17px 5px; border-right:1px solid #252525; line-height:1.4;}
.juice_result .result_table table .left_text{display:none;}
.juice_result .result_table table .w_num{width:7.2%;}
.juice_result .result_table table .w_common{width:10.6%;}
.juice_result .result_table table .w_etc{width:29.2%;}
.juice_result .result_btn{margin-top:60px; display:flex; text-align:center; justify-content:center;}
.juice_result .result_btn > a{background:#c8c8c8; display:block; width:270px; height:50px; line-height:48px; color:#fff; font-size:16px; font-weight:bold; margin-right:10px;}
.juice_result .result_btn > a.confirm_btn{background:#ef3b47; margin-right:0;}
@media (max-width:991px){
    .juice_result .result_table .result_tr{display:block}
    .juice_result .result_table .result_tr .result_half{width:100%; border-right:0; border-bottom:1px solid #252525;}
    .juice_result .result_table .result_tr .result_half:last-child{border-bottom:0;}
    .juice_result .result_table table thead{display:none;}
    .juice_result .result_table table *{white-space:unset;}
    .juice_result .result_table table{border:0;}
    .juice_result .result_table table tbody tr{display:flex; flex-wrap:wrap; border:1px solid #252525; border-bottom:0; margin-bottom:25px;}
    .juice_result .result_table table tbody tr:last-child{margin-bottom:0;}
    .juice_result .result_table table tbody tr td.w_num{width:100%;}
    .juice_result .result_table table tbody tr td.w_etc{width:100%;}
    .juice_result .result_table table tbody tr td.w_common{width:50%;}
    .juice_result .result_table table tbody tr td.w_common::after{content:""; width:1px; height:100%; position:absolute; right:0; background:#252525;}
    .juice_result .result_table table tbody tr td.w_common:nth-child(2n+1)::after{display:none;}
    .juice_result .result_table table tbody tr td{display:flex; align-items:center; position:relative; border-bottom:1px solid #252525; border-right:0; padding:0;}
    .juice_result .result_table table tbody tr td::before{content:""; width:1px; height:100%; position:absolute; left:160px; background:#252525;}
    .juice_result .result_table table tbody tr td .left_text{display:block; width:160px; text-align:center; padding:0 20px; font-weight:500; color:#343434;}
    .juice_result .result_table table tbody tr td .right_text{display:block; width:calc(100% - 160px); padding:10px 30px; text-align:center;}

}
@media (max-width:480px){
    .juice_result .result_content{margin-bottom:25px;}
    .juice_result .result_title{margin-bottom:25px;}
    .juice_result .result_title h3{font-size:14px;}
    .juice_result .result_table .result_tr .result_half::before{left:100px;}
    .juice_result .result_table .result_tr .result_half .left_text{width:100px; padding:0 10px; font-size:12px;}
    .juice_result .result_table .result_tr .result_half .right_text{width:calc(100% - 100px); padding:10px 10px; font-size:12px;}
    .juice_result .result_table table tbody tr td{font-size:12px;}
    .juice_result .result_table table tbody tr td::before{content:""; width:1px; height:100%; position:absolute; left:80px; background:#252525;}
    .juice_result .result_table table tbody tr td .left_text{width:80px;padding:0 10px;}
    .juice_result .result_table table tbody tr td .right_text{width:calc(100% - 80px); padding:10px;}
    .juice_result .result_btn{margin-top:35px;}
    .juice_result .result_btn > a{width:calc(50% - 2.5px); margin-right:5px; height:35px; line-height:32px; font-size:13px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
MY STOCK 리스트페이지
html > skin > board > basic > .php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.third_menu{margin-top:35px; position:relative;}
.third_menu #third_sly{}
.third_menu ul{display:table;}
.third_menu ul > li{display:table-cell; vertical-align:middle; white-space:nowrap;}
.third_menu ul > li.active a{font-weight:bold;}
.third_menu ul > li > a{font-size:15px; color:#222222; display:block; margin-right:50px; position:relative;}
.third_menu ul > li > a::after{content:""; width:1px; height:17px; background:#b9b9b9; position:absolute; top:2px; right:-25px;}
.third_menu ul > li:last-child > a{margin-right:0;}
.third_menu ul > li:last-child > a::after{display:none;}
.board_style.notice_style .div-head{border-top:1px solid #222222; border-bottom:1px solid #222222; background:#fff; padding:21px 0;}
.board_style.notice_style .div-head > span{font-size:16px; color:#343434; font-weight:500;}
.board_style.notice_style .list-board .list-body li{border-bottom:1px solid #222222;}
.board_style.notice_style .list-board .list-body li.bg-light{background:#f2fcff;}
.board_style.notice_style .list-board .list-body li > div{padding:15px 0;}
.board_style.notice_style .list-board .list-body li > div, .board_style .list-board .list-body li > div *{font-size:14px; color:#343434;}
.board_style.notice_style .list-board .list-body li > div a.message_pop_open{width:100px; height:30px; line-height:26px; text-align:center; display:block; margin:0 auto; border:1px solid #252525;
color:#343434;}
.board_style.notice_style .list-board .list-body li > div.wr_subject{text-align:left;}
.board_style.notice_style .list-board .list-body li > div .bot_text{display:none;}
.board_style.notice_style .list-board .list-body li > div .right_btn{display:none;}
.board_style.notice_style .wr_chk{width:50px;}
.board_style.notice_style .wr_num{width:100px;}
.board_style.notice_style .wr_category{width:150px;}
.board_style.notice_style .wr_product{width:250px;}
.board_style.notice_style .wr_writer{width:150px;}
.board_style.notice_style .wr_message{width:150px;}
.board_style.notice_style .wr_hit{width:50px;}
@media (max-width:991px){
	.board_style.notice_style .wr_chk, .board_style.notice_style .wr_num, .board_style.notice_style .wr_writer,
	.board_style.notice_style .wr_category, .board_style.notice_style .wr_product, .board_style.notice_style .wr_message, .board_style.notice_style .wr_hit{display:none;}
	.board_style.notice_style .list-board .list-body li .list_mobile_text{display:flex; justify-content:space-between; align-items:center;}
	.board_style.notice_style .list-board .list-body li > div .bot_text{display:flex; margin-top:10px;}
	.board_style.notice_style .list-board .list-body li > div .bot_text > p{margin-right:15px;}
	.board_style.notice_style .list-board .list-body li > div .bot_text > p:last-child{margin-right:0;}
	.board_style.notice_style .list-board .list-body li > div .right_btn{display:block;}

	.third_menu{position:relative;}
	.third_menu::after{content:""; width:30px; background:linear-gradient(90deg, transparent, #fff 80%); position:absolute; right:0; top:0; height:15px;}
}

@media (max-width:480px){
	.third_menu{margin-top:30px;}
	.third_menu ul > li > a{font-size:14px; margin-right:35px;}
	.third_menu ul > li > a::after{height:15px; right:-17.5px;}
	
	.board_style.notice_style .div-head{padding:16px 0;}
	.board_style.notice_style .div-head > span{font-size:15px;}
	.board_style.notice_style .list-board .list-body li > div, .board_style .list-board .list-body li > div *{font-size:13px;}
	.board_style.notice_style .list-board .list-body li > div{padding:11px 0;}
	.board_style.notice_style .list-board .list-body li > div .bot_text{margin-top:8px;}
	.board_style.notice_style .list-board .list-body li > div a.message_pop_open{width:80px; height:25px; line-height:22px; font-size:12px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
MY STOCK 작성페이지
html > skin > board > basic >  view > view.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.write-wrap form .inquiry_box{margin-bottom:20px;}
.write-wrap form .inquiry_box > label{width:180px; font-size:16px; color:#343434; font-weight:500; line-height:35px;}
.write-wrap form .inquiry_box .answer{width:calc(100% - 180px);}
.write-wrap form .inquiry_box.top_select .answer{width:auto;}
.inquiry_box.top_select .inquiry_sort{}
.write-wrap form .inquiry_box .answer input{border:0; border-bottom:1px solid #252525; padding:0 10px; padding-bottom:13px; height:auto; line-height:normal; border-radius:0;
font-size:14px; width:100%;}
.write-wrap form .inquiry_box .answer select{width:160px; border:1px solid #252525; padding:0 10px; font-size:14px; color:#343434; border:0; border-radius:0;
border-bottom:1px solid #252525; height:auto; line-height:normal; padding-bottom:13px; outline:none; box-shadow:none; -webkit-appearance: none; 
-moz-appearance: none; appearance: none; background: url('/img/m01_01_arrow.png') no-repeat 90% 50%;}
.write-wrap form .inquiry_box .answer select::-ms-expand{ display: none;}
.write-wrap form .inquiry_box .answer textarea{border:1px solid #252525; border-radius:0 !important;}
.write-wrap form .inquiry_box .answer .file_input .row .file_content{}
.write-wrap form .inquiry_box .answer .file_input .row .file_content > label{width:80px; height:35px; line-height:35px; 
border:1px solid #252525; border-radius:0; font-size:14px; color:#252525; background:none; margin-right:10px;}
.inquiry_box .answer .file_input .row .file_content > div.right_file{ width:calc(100% - 90px);}
.inquiry_box .answer .file_input .row .file_content > div.right_file input{height:35px; line-height:35px; font-size:14px; border:0; border-radius:0; padding:0 10px; 
border-bottom:1px solid #252525;}
.inquiry_box .answer .file_control{display:none;}
@media (max-width:991px){
	.write-wrap form .inquiry_box{margin-bottom:20px;}
	.write-wrap form .inquiry_box > label{width:120px; font-size:14px; line-height:30px;}
	.write-wrap form .inquiry_box .answer{width:calc(100% - 120px);}
	.inquiry_box.top_select .inquiry_sort{width:auto;}
	.write-wrap form .inquiry_box .answer input{font-size:13px; padding:0 5px; padding-bottom:10px;}
	.write-wrap form .inquiry_box .answer select{font-size:13px; padding:0 5px; padding-bottom:10px;}
	.write-wrap form .inquiry_box .answer .file_input .row .file_content > label{width:70px; font-size:13px; height:30px; line-height:30px;}
	.inquiry_box .answer .file_input .row .file_content > div.right_file{width:calc(100% - 80px);}
	.inquiry_box .answer .file_input .row .file_content > div.right_file input{height:30px; font-size:13px; padding:0 5px;}
}

@media (max-width:480px){
	.write-wrap form .inquiry_box .answer select{background-size:6px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
MY STOCK 뷰페이지
html > skin > board > basic >  view > view.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.view-wrap.view_style .view_title{border-top:1px solid #252525; border-bottom:1px solid #252525;}
.view-wrap.view_style .view_title .view_subject{font-size:18px; color:#222222; font-weight:500; padding-left:0;}
.view-wrap.view_style .view_title .view_info > span{font-size:14px; color:#666666; padding:0; margin-right:15px;}
.view-wrap.view_style .view_title .view_info > span:last-child{margin-right:0;}
.view-wrap.view_style .view_title .view_info > span .message_pop_open{width:100px; height:30px; line-height:28px; border:1px solid #252525; color:#343434; display:block;
text-align:center;}
.view-wrap.view_style .view-padding{padding:15px 0;}
.view-wrap.view_style span.main_text{color:#000000;}
.view-wrap.view_style .comment-box .comment-content .comment-cell.comment-submit{border-radius:0;}
.view-wrap.view_style .no-attach{display:none;}
.view-wrap.view_style .comment-box > div input, .view-wrap.view_style .comment-box > div button{box-shadow:none; outline:none;}
.view-wrap.view_style .comment-box > div input[type="checkbox"]{height:auto; margin-top:1px;}
@media (max-width:991px){
	.view-wrap.view_style .view_title .view_subject{font-size:16px; line-height:1.4;}
	.view-wrap.view_style .view_title .view_info > span{font-size:12px; margin-right:10px;}
	.view-wrap.view_style .view_title .view_info > span .message_pop_open{width:80px; height:25px; line-height:23px; font-size:12px;}
	.view-wrap.view_style .comment-box > div input, .comment-box > div button{height:29px;}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
MY EVENT 상품리스트
html > skin > apms > list > miso-basic4 > category.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.fix_category .list_sort{display:none;}
.shop_container.shop_basic .item-wrap, .shop_container.shop_basic .item-list , .shop_container.shop_basic .item-row{overflow:visible;}
.shop_container.shop_basic .item-wrap::before, .shop_container.shop_basic .item-wrap::after,
.shop_container.shop_basic .item-list::before, .shop_container.shop_basic .item-list::after,
.shop_container.shop_basic .item-row::before, .shop_container.shop_basic .item-row::after{content:""; clear:both; display:block;}
.shop_container.shop_basic .item-image{box-shadow:5px 8px 30px 0 rgba(50,50,50,0.07);}
.shop_container.shop_basic .count_time{position:absolute; font-size:27px; color:#05c6d4; font-weight:bold; bottom:30px; text-align:center; width:100%;}
.shop_container.shop_basic .is-item-content{margin-top:30px;}
.shop_container.shop_basic .is-item-content .item-icon{display:none;}
.shop_container.shop_basic .is-item-content .item_info{}
.shop_container.shop_basic .is-item-content .item_info h4{font-size:20px; color:#343434; font-weight:bold; margin-bottom:5px; line-height:1.4;}
.shop_container.shop_basic .is-item-content .item_info p{font-size:16px; color:#666666; overflow:hidden; text-overflow:ellipsis;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:1.4; height:1.4em;}
.shop_container.shop_basic .is-item-content .item_price{margin-top:10px; display:flex;}
.shop_container.shop_basic .is-item-content .item_price span.percent{display:none;}
.shop_container.shop_basic .is-item-content .item_price strike{font-size:16px; color:#666666; display:block; margin-right:15px;}
.shop_container.shop_basic .is-item-content .item_price .price{font-size:16px; color:#222222; font-weight:bold;}
@media (max-width:480px){
	.shop_container.shop_basic .count_time{font-size:18px; bottom:10px;}
	.shop_container.shop_basic .is-item-content{margin-top:20px;}
	.shop_container.shop_basic .is-item-content .item_info h4{font-size:16px; }
	.shop_container.shop_basic .is-item-content .item_info p{font-size:13px;}
	.shop_container.shop_basic .is-item-content .item_price{margin-top:5px;}
	.shop_container.shop_basic .is-item-content .item_price strike{font-size:13px; margin-right:10px;}
	.shop_container.shop_basic .is-item-content .item_price .price{font-size:13px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
MY EVENT 상품상세페이지
html > skin > apms > item > miso-basic4 > item.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.item_detail .img-container{width:50%;}
.item_detail #sit_pvi{display:flex;}
.item_detail #sit_pvi > .thumb_big{order:1; width:calc(100% - 90px);}
.item_detail #sit_pvi_big a{cursor:default;}
.item_detail #sit_pvi > .thumb_small{order:0; padding:0; border:0; width:75px; margin-right:15px;}
.item_detail #sit_pvi > .thumb_small li{margin-bottom:15px; }
.item_detail #sit_pvi > .thumb_small li:last-child{margin-bottom:0;}
.item_detail #sit_pvi > .thumb_small li > a{display:block; border:1px solid transparent; border-radius:5px; overflow:hidden;}
.item_detail #sit_pvi > .thumb_small li.active > a{border-color:#05c6d4;}
.item_detail #sit_pvi_thumb img{border:0;}
.item_detail #sit_pvi_thumb img:hover{border:0;}
.item_detail #sit_pvi_thumb a{margin:0;}
.item_detail .item-head{margin-bottom:82px;}
.item_detail .item-head .text{padding-left:80px;}
.item_detail .item-head .text .label-tack{display:none;}
.item_detail .item-head .text .text_title{border-bottom:1px solid #7a7a7a; padding-bottom:20px; margin-bottom:10px;}
.item_detail .item-head .text .text_title h1{font-size:28px; color:#000000; font-weight:500; line-height:1.5;}
.item_detail .item-head .text .text_title .desc{font-size:16px; color:#666666; line-height:1.5; padding-top:0; margin-top:10px;}
.item_detail .item-head .text #item_option{}
.item_detail .item-head .option-tbl th{width:160px; max-width:inherit; font-size:16px; color:#222222; padding-top:18px;}
.item_detail .item-head .option-tbl td{width:calc(100% - 160px); font-size:15px; color:#666666; padding-top:18px;}
.item_detail .item-head .option-tbl td strike{font-size:15px; color:#666666; display:inline-block; margin-right:10px;}
.item_detail .item-head .option-tbl td b.real_price{font-size:18px; color:#222222; font-weight:bold; display:inline-block;}
.item_detail .item-head .option-tbl td span.won{display:inline-block; margin-right:7px;}
.item_detail .item-head .option-tbl td span.dc_percent{display:inline-block; width:50px; height:25px; line-height:22px; color:#ff0000; border:1px solid #ff0000; border-radius:22.5px;
text-align:center;}
.item_detail .item-head .option-tbl td.line{padding:0;}
.item_detail .item-head .option-tbl .option-line{line-height:normal; margin:0; margin-top:28px; margin-bottom:10px; border-top-color:#f6f6f6;}
.item_detail .pay_con .list-group-item{margin-top:28px; border:0; border-radius:5px !important; background:#f6f6f6; padding:20px;}
.item_detail .list-group-item .col_count{width:100%;}
.item_detail .item-head .it_opt_subj{font-size:16px; color:#666;}
.item_detail .list-group-item .input-group-btn button{padding:9.5px 10px; background:#fff; outline:none; box-shadow:none;}
.item_detail .list-group-item .input-group-btn button span.plus{display:block; width:9px; height:9px; position:relative;}
.item_detail .list-group-item .input-group-btn button span.plus::before{content:""; width:1px; height:9px; background:#222222; position:absolute; left:4px; top:0px;}
.item_detail .list-group-item .input-group-btn button span.plus::after{content:""; width:9px; height:1px; background:#222; position:absolute; left:0; top:4px;}
.item_detail .list-group-item .input-group-btn button span.minus{display:block; width:9px; height:9px; position:relative;}
.item_detail .list-group-item .input-group-btn button span.minus::after{content:""; width:9px; height:1px; background:#222; position:absolute; left:0; top:4px;}
.item_detail .item-head .list-group-item .col-sm-6 input{border:1px solid #e1e1e1; padding-left:20px;}
.item_detail .item-head .price-sum{margin:20px auto 40px; font-size:17px; color:#333333;}
.item_detail .item-head .price-sum b{margin-left:15px; font-size:17px; color:#222222;}
.item_detail .item-head .price-sum span#it_tot_price{font-size:24px; color:#222222; font-weight:bold;}
.item_detail .item-head .price-sum span.won{font-size:17px; color:#222222; font-weight:400;}
.item_detail .item-head ul.item-form-btn{display:flex; margin:0;}
.item_detail .item-head ul.item-form-btn > li{float:none; margin:0;}
.item_detail .item-head ul.item-form-btn > li.wish_btn{width:58px; margin-right:17px;}
.item_detail .item-head ul.item-form-btn > li.wish_btn a{width:58px; height:58px; border:1px solid #222222; border-radius:50% !important;}
.item_detail .item-head ul.item-form-btn > li.wish_btn a i{color:#222222;}
.item_detail .item-head ul.item-form-btn > li.wish_btn.active a i{color:red;}
.item_detail .item-head ul.item-form-btn > li.btn_b{width:50%; margin-right:17px;}
.item_detail .item-head ul.item-form-btn > li.btn_b:last-child{margin-right:0;}
.item_detail .item-head ul.item-form-btn > li.btn_b input{background:none; border-color:#222222; color:#222; font-size:18px; font-weight:bold; outline:none; box-shadow:none;}
.item_detail .item-head ul.item-form-btn > li.btn_b:last-child input{background:#05c6d4; border-color:#05c6d4; color:#fff;}
.item_detail .item_detail_tab .tabs ul.tabs-top{display:block; border-top:1px solid #3f3f3f; border-bottom:1px solid #dcdcdc;}
.item_detail .item_detail_tab .tabs ul.tabs-top li span{border:0; font-size:18px; color:#999999; display:inline-block; position:relative;}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span{background:none; color:#222222; font-weight:500;}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span::after{content:""; width:100%; height:3px; background:#222222; bottom:-1px; left:0; display:block; position:absolute;}
.item_detail .item_detail_tab .tabs_box.fixed{width:1400px; top:160px; background:#fff;}
.item_detail .item-tab .tabs .tab-content{padding:0;}
.item_detail .use-btn .btn-box .review_btn, #itemqa .qa-btn .btn-group .btn-color{background:#05c6d4;}
.item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{border-radius:0 !important; font-size:15px; color:#fff; font-weight:400; padding:0 21px;}
.panel .main_text{color:#222;}
.m-review-panel .review-body .item-simple-review{width:400px;}
.m-review-panel .review-body .right{width:400px;}
.m-review-panel .review-body .cnt-wrap:after{display:none;}
.responsive .review_btn a{border-radius:0;}
.responsive .review_btn h3{margin-bottom:20px;}
@media (max-width:991px){
	.m-review-panel .review-body .item-simple-review{width:100%;}
	.item_detail .img-container{width:100%;}
	.item_detail #sit_pvi{flex-wrap:wrap;}
	.item_detail #sit_pvi > .thumb_big{order:0; width:100%;}
	.item_detail #sit_pvi > .thumb_small{order:1px; width:100%; margin:0 auto; display:flex; justify-content:center;}
	.item_detail #sit_pvi > .thumb_small li{margin-bottom:0;}
	.responsive .item_detail .item-head .form-container{border-top:0; margin-top:30px;}
	.responsive .item_detail .item-head .text{padding:0;}
	.item_detail .item_detail_tab .tabs_box{margin:0; padding:0;}
	.responsive .item_detail .item-tab .tabs .tab-content{padding:0 !important;}
	.item_detail .item_detail_tab .tabs_box.fixed{top:112px;}
	.item_detail .pay_con{background:#fff;}
	.item_detail .item-head ul.item-form-btn{padding:0 10px 10px; margin-top:1px;}
	.item_detail .item-head ul.item-form-btn > li.wish_btn{width:47px;}
	.item_detail .item-head ul.item-form-btn > li.wish_btn a{width:47px; height:47px; border-radius:0 !important;}
	.item_detail .pay_con .list-group-item{margin-top:0;}
	.item_detail .item-head .price-sum{margin:15px auto 0;}
	
	.m-review-panel .review-body > div .table-row .table-cell ul li{width:7px;}
	.m-review-panel .review-body > div .table-row .table-cell ul li:before{width:7px;}
	.m-review-panel .review-body > div .table-row .table-cell ul li:after{width:7px;}
	.m-review-panel .review-body > div .table-row .table-cell ul li .point_num{left:-9px;}
	.responsive .fix_panel .m-review-panel, .qa_panel .div-head{border-top-width:1px;}
	.item_detail .m-review-panel .review-body .right .review_btn a{border-radius:0;}
}
@media (max-width:480px){
	.item_detail #sit_pvi > .thumb_small li > a{width:55px;}
	.item_detail #sit_pvi > .thumb_small li > a img{width:100%;}
	.item_detail .item-head .text .text_title h1{font-size:24px;}
	.item_detail .item-head .text .text_title .desc{font-size:14px; margin-top:5px;}
	.item_detail .item-head .option-tbl th{width:100px; font-size:13px; padding-top:8px;}
	.item_detail .item-head .option-tbl td{width:calc(100% - 100px); font-size:13px; padding-top:8px;}
	.item_detail .item-head .option-tbl .option-line{margin-top:10px; margin-bottom:5px;}
	.item_detail .item-head .option-tbl td strike{font-size:13px; margin-right:5px;}
	.item_detail .item-head .option-tbl td b.real_price{font-size:14px;}
	.item_detail .item-head .option-tbl td span.won{font-size:13px; margin-right:3px;}
	.item_detail .item-head .option-tbl td span.dc_percent{width:40px; height:20px; line-height:18px; font-size:01px; border-radius:8px;}
	.item_detail .item_detail_tab .tabs_box.fixed{top:66px}
	.item_detail .item_detail_tab .tabs ul.tabs-top li span{font-size:13px;}
	.item_detail .item_detail_tab .tabs ul.tabs-top li.on span::after{height:2px;}
	
	.item_detail .item-head ul.item-form-btn > li.wish_btn{width:40px; margin-right:5px;}
	.item_detail .item-head ul.item-form-btn > li.wish_btn a{width:40px; height:40px; margin-right:0px; line-height:37px;}
	.item_detail .item-head ul.item-form-btn > li.btn_b{margin-right:5px; }
	.item_detail .item-head ul.item-form-btn > li.btn_b input{line-height:38px; font-size:14px;}

	.item_detail .item-head .list-group-item .col-sm-6{padding:5px 10px;}
	.item_detail .item-head .it_opt_subj{font-size:14px;}
	.item_detail .item-head .list-group-item .col-sm-6 input{padding-left:10px;}
	.item_detail .item-head .price-sum{font-size:14px;}
	.item_detail .item-head .price-sum span#it_tot_price{font-size:20px;}
	.item_detail .item-head .price-sum span.won{font-size:15px;}

	.item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{font-size:12px; padding:0 13px;}
}

a.brochure{width:100%; height:60px; line-height:60px; text-align:center; font-size:18px; color:#fff; font-weight:500; margin-top:15px; display:block; background:#ef3b47;}
@media (max-width:991px){
	a.brochure{height:40px; line-height:40px; font-size:14px; margin-top:10px;}
}

.custom-login .terms_box{display:flex; justify-content:center; margin-top: 20px; text-align:center; align-items:center; position:relative; margin-top:20px;}
.custom-login .terms_box > li{padding:0 30px; font-size:16px; color:#333; border-right:1px solid #999;}
.custom-login .terms_box > li:last-child{border-right:0;}
@media (max-width:991px){
	.custom-login .terms_box{margin-top:10px;}
	.custom-login .terms_box > li{font-size:14px; padding:0 10px;}
}