@charset "utf-8";

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
공통 CSS
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.at-wrapper.bg_gray{background-color:#f4f4f4}

.container_md{width:1310px; max-width:100%; padding:0 15px; margin:0 auto}

/* 푸터 - 공통사용 필요 */
footer.footer{width:calc(100% - 20px); margin:100px auto 0; background:none}
footer.footer.main_footer{margin:200px auto 0; background:#f4f4f4}
footer.footer.ca_it_footer{margin-top:0}
footer.footer.ca_footer{border-top:1px solid #e5e5e5}

@media (max-width:991px){
	footer.footer{width:100%}
}
@media (max-width:480px){
	footer.footer{margin:60px auto 0}
	footer.footer.main_footer{width:100%; margin:80px auto 0}
}

/* 드롭다운 메뉴 */
.dropdown .btn.btn-block{position:relative; padding:0; border:0; background:none; font-family:'Noto Sans KR'; color:#000 !important; outline:none}
.dropdown .btn.btn-block::before, .dropdown .btn.btn-block::after{display:block; content:""; position:absolute; top:0; bottom:0; width:1px; height:6px; margin:auto; background-color:#000}
.dropdown .btn.btn-block::before{transform:rotate(-45deg)}
.dropdown .btn.btn-block::after{transform:rotate(45deg)}
.dropdown-menu{width:100%; min-width:100%; margin:0; padding:15px 0; border:0; border-radius:0; background-color:#fff; font-size:13px; text-align:left; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.08); box-shadow:0 5px 10px rgba(0,0,0,0.08)}
.dropdown-menu li a{padding:3px 10px; color:#777}

@media (max-width:991px){
	.dropdown-menu{padding:10px 0; font-size:12px}
}

/* 페이저 */
.list-page .pull-left{float:none !important}
.pagination-sm>li>a, .pagination-sm>li>span{padding:6px 12px}
.text-center .pagination{margin:20px 0 90px}
.list-page .pagination li a, .pagination li a{border:0; background:none !important; font-size:16px; color:#bcbcbc !important}
.list-page .pagination li a i, .pagination li a i{color:#bcbcbc}
.list-page .pagination li:hover a, .pagination li:hover a{background:none}
.list-page .pagination li.active a, .pagination li.active a{position:relative; border:0; border-radius:0 !important; background:none !important; font-weight:500; font-size:16px; color:#000 !important}
.text-center .pagination>.active>a, .board-list .list-wrap .pagination .active a, .text-center .pagination>.active>a:hover{border:0 !important; background-color:transparent !important}
.list-page{margin:90px 0 0 !important;}

@media (max-width:991px){
	.list-page{margin:50px 0 0 !important;}
}
@media (max-width:480px){
	.pagination-sm>li>a, .pagination-sm>li>span{padding:4px 10px}
	.text-center .pagination{margin:10px 0 40px}
	.list-page .pagination li a, .pagination li a{font-size:13px}
	.list-page .pagination li.active a, .pagination li.active a{font-size:13px}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
1. 탑배너 
html > page > top_banner.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.sub_text{margin:0; padding:192px 0 80px}
.sub_text.ca_it_mb{padding:80px 0 0}
.sub_text h1{font-size:40px; font-weight:300; color:#222}
.page_route{margin-top:25px; text-align:center}
.page_route .route_ul > li{display:inline-block; font-weight:300; font-size:16px; color:#999}
.page_route .route_ul > li a{color:#999;}
.page_route .route_ul > li + li{position:relative; margin-left:3px; padding-left:12px;}
.page_route .route_ul > li + li::before{display:block; content:'/'; position:absolute; top:0; left:0; font-weight:300; font-size:16px; color:#999}
.sub_menu_box{margin-bottom:100px; background-color:#fff; text-align:center}
.sub_menu_box.ca_sub_menu{margin-bottom:55px}
.sub_menu_box .smenu_ul{display:flex; flex-wrap:wrap; justify-content:center; padding:21px 0}
.sub_menu_box .smenu_li{padding:0 17px}
.sub_menu_box .smenu_a{display:block; font-weight:300; font-size:15px; line-height:1.2; color:#bdbdbd}
.sub_menu_box .smenu_li.on .smenu_a{font-weight:400; color:#000000}
/* 모바일 드롭메뉴 */
.m_sub_menu::after{display:block; content:""; clear:both}
.m_sub_menu .dep_box{float:left; width:50%}
.m_sub_menu .dep_one{}
.m_sub_menu .dep_two{position:relative}
.m_sub_menu .dep_two::before{/* display:block; content:""; position:absolute; top:0; left:0; bottom:0; margin:auto; width:1px; height:19px; background-color:#d7d7d7 */}
.m_sub_menu .dep_box .dropdown .btn.btn-block{padding:0 15px; font-weight:300; font-size:13px; line-height:50px; text-align:left}
.m_sub_menu .dep_box .dropdown .btn.btn-block::before{right:22px}
.m_sub_menu .dep_box .dropdown .btn.btn-block::after{right:18px}
.m_sub_menu .dep_box .dropdown-menu{background-color:#fff; text-align:left}
.m_sub_menu .dep_box .dropdown-menu li.on a{color:#000}

@media (max-width:991px){
	.sub_text{padding:180px 0 50px}
	.sub_text.ca_it_mb{padding:90px 0 0}
	.sub_menu_box{margin-bottom:42px}
	.sub_menu_box.ca_sub_menu{margin-bottom:42px}
}
@media (max-width:768px){
	.sub_text{padding:155px 0 50px}
	.sub_text.ca_it_mb{padding:65px 0 0}
}
@media (max-width:480px){
	.sub_text{padding:102px 0 50px}
	.sub_text.ca_it_mb{padding:52px 0 0}
	.sub_text h1{font-size:21px}
	.page_route{margin-top:17px}
	.page_route .route_ul > li{font-size:13px}
	.page_route .route_ul > li + li{margin-left:0; padding-left:6px}
	.page_route .route_ul > li + li::before{/* font-size:13px */}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
2. 상품리스트
html > skin > apms > list > Miso-Basic4
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/* 상품 카테고리 */
.fix_category{margin:0 0 25px}
.fix_category .category_wrap::after{display:block; content:""; clear:both}
.fix_category .shop_category{float:left; width:calc(100% - 98px)}
.fix_category .shop_category_ul{}
.fix_category .shop_category_li{display:inline-block; margin-right:32px}
.fix_category .shop_category_a{display:block; font-weight:300; font-size:15px; line-height:1.7; color:#adadad}
.fix_category .shop_category_li.active .shop_category_a{color:#000}
.fix_category .shop_category .dropdown{width:100px}
.fix_category .shop_category .dropdown .btn.btn-block{font-size:13px; line-height:25px; text-align:left}
.fix_category .shop_category .dropdown .btn.btn-block::before{right:7px}
.fix_category .shop_category .dropdown .btn.btn-block::after{right:3px}
.fix_category .shop_sort{float:right; width:80px}
.fix_category .shop_sort .dropdown .btn.btn-block{padding-left:10px; font-size:14px; line-height:25px; text-align:left}
.fix_category .shop_sort .dropdown .btn.btn-block::before{right:7px}
.fix_category .shop_sort .dropdown .btn.btn-block::after{right:3px}
.fix_category .shop_sort .dropdown-menu{/* background-color:#f4f4f4; */ text-align:center}
.fix_category .shop_sort .dropdown-menu li.selected a{font-weight:500 !important; color:#cc2a9c;}
/* 상품리스트 */
.shop_container.shop_basic{padding:0 10px}
.shop_container.shop_basic .bg-white{background-color:transparent}
.shop_container.shop_basic .item-image{background-color:#fff}
.shop_container.shop_basic .item-list .img-item::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; transition:all 0.2s ease; -webkit-transition:all 0.2s ease}
.shop_container.shop_basic .item-list:hover .img-item::after, .shop_container.shop_basic .item-list:focus .img-item::after{background-color:rgba(0,0,0,0.3)}
.shop_container.shop_basic .it_btn_box{position:absolute; bottom:38px; left:50%; margin-left:-50px; text-align:center; opacity:0; transition:all 0.2s ease; -webkit-transition:all 0.2s ease}
.shop_container.shop_basic .item-list:hover .it_btn_box, .shop_container.shop_basic .item-list:focus .it_btn_box{opacity:1}
.shop_container.shop_basic .it_btn_ul > li{display:inline-block; }
.shop_container.shop_basic .it_btn_ul > li + li{margin-left:10px}
.shop_container.shop_basic .it_btn_ul > li a{display:block; width:45px; height:45px; border:1px solid #fff; border-radius:50%;}
.shop_container.shop_basic .it_btn_ul > li a.active{background-color:#fff}
.shop_container.shop_basic .item-content{padding-top:35px}
.shop_container.shop_basic .item-content .it_category{margin-bottom:10px; font-weight:300; font-size:14px; line-height:1; color:#999}
.shop_container.shop_basic .item-content strong{padding:0; font-weight:500; font-size:18px; line-height:1.2; color:#000; letter-spacing:0}
.shop_container.shop_basic .item_price_box{margin-top:30px}
.shop_container.shop_basic .item_price_box > h5 span{display:inline-block; font-weight:400; font-size:18px; line-height:1; color:#222}
.shop_container.shop_basic .item_price_box > h5 .won{margin-right:5px}
.shop_container.shop_basic .item_price_box > h5 .real_price{}
.shop_container.shop_basic .item_price_box .sale_cont{margin:0 0 0 5px}
.shop_container.shop_basic .item_price_box .sale_cont .won{display:inline-block; font-size:14px}
.shop_container.shop_basic .item_price_box .sale_cont strike{font-weight:300}
.shop_container.shop_basic .item-content .item-desc{}
/* 관련상품 */
.shop_container.shop_basic.shop-relation{padding:0}
.shop_container.shop_basic.shop-relation .item-image{background-color:#f4f4f4}
/* 모바일용 간편 버튼 */
.shop_mob.shop_container.shop_basic .item-list .img-item::after{display:none}
.shop_mob.shop_container.shop_basic .item-list:hover .img-item::after, .shop_container.shop_basic .item-list:focus .img-item::after{background-color:none}
.shop_mob.shop_container.shop_basic .it_btn_box{top:10px; right:10px; left:auto; bottom:auto; margin-left:0; opacity:1}
.shop_mob.shop_container.shop_basic .it_btn_ul > li a{width:26px; height:26px; border:1px solid #c2c2c2}
.shop_mob.shop_container.shop_basic .it_btn_ul > li a.active{background-color:#c2c2c2}
.shop_mob.shop_container.shop_basic .it_btn_ul > li + li{margin-left:3px}
.shop_mob.shop_container.shop_basic .it_btn_ul > li img{display:block; width:100%}

@media (max-width:991px){
	/* 상품 카테고리 */
	.fix_category{margin:0 0 15px}
	.fix_category .shop_sort .dropdown .btn.btn-block{font-size:13px}
	/* 상품리스트 */
	.shop_container.shop_basic{padding:0 15px}
	.shop_container.shop_basic .item-content{padding-top:12px}
	.shop_container.shop_basic .item-content .it_category{margin-bottom:5px; font-size:12px}
	.shop_container.shop_basic .item-content strong{font-size:13px}
	.shop_container.shop_basic .item_price_box{margin-top:12px}
	.shop_container.shop_basic .item_price_box > h5 span{font-size:13px}
	.shop_container.shop_basic .item_price_box .sale_cont strike{font-size:12px}
	.shop_container.shop_basic .item_price_box .sale_cont .won{margin-right:3px; font-size:12px}
	/* 관련상품 */
	.shop_container.shop_basic.shop-relation .item-list{margin-right:0 !important; margin-bottom:0 !important;}
	.shop_container.shop_basic.shop-relation .item-wrap{margin-right:0 !important; margin-bottom:0 !important;}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
3. 상품 상세페이지
html > skin > apms > item > Miso-Basic4 > item.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/* 모바일 상품상세페이지 상단*/
.mob_shop_top{display:none}
.mob_shop_top{margin-bottom:20px; padding:15px 0}
.mob_shop_top .mshop_btn_ul{display:flex; justify-content:space-between}
.mob_shop_top .mshop_btn_ul > li a{display:block; height:16px}
.mob_shop_top .mshop_btn_ul > li img{display:block; height:100%}
/* 상품상세페이지 */
.item_detail .it_container{display:flex; align-items:center}
.item_detail .img-container{float:none; width:55.405%; background:none !important}
.item_detail .item-head{margin:10px 0 32px; background:none !important}
.item_detail .shop_thumb_swiper{}
.item_detail .shop_thumb_swiper .swiper-slide a{display:block}
.item_detail .shop_thumb_swiper .swiper-slide img{display:block; max-width:100%; margin:0 auto}
.item_detail .shop_thumb_swiper .swiper-pagination{position:static; margin-top:10px; font-family:'Open Sans', sans-serif; font-weight:300; font-size:16px; color:#666}
.item_detail .shop_thumb_swiper .swiper-pagination span{font-family:'Open Sans', sans-serif}
.item_detail .form-container{float:none; width:44.505%; background:none !important}
.item_detail .item-head .text{padding:0; padding-left:9.11%}
.item_detail .item-head .it_title_info{display:flex; align-items:center; justify-content:space-between; margin-bottom:34px}
.item_detail .item-head .it_title_info.info_end{/* justify-content:flex-end */}
.item_detail .item-head .order_onoff{font-weight:300; font-size:16px; color:#999}
.item_detail .item-head .it_btn_box{}
.item_detail .item-head .it_btn_box > li{display:inline-block}
.item_detail .item-head .it_btn_box > li + li{margin-left:14px}
.item_detail .item-head .it_btn_box > li a{display:block; padding:2px; line-height:1}
.item_detail .item-head h1{margin:0 0 55px; font-weight:300; font-size:24px; color:#222; line-height:1.2; letter-spacing:-0.5px;}
.item_detail .item-head .desc{font-size:16px; line-height:1.3; color:#666; padding-top:12px;}
.item_detail .item-head .it_price{}
.item_detail .item-head .it_price p{font-size:14px; color:#2b2b2b}
.item_detail .item-head .it_price span{display:inline-block; font-weight:300; line-height:1}
.item_detail .item-head .it_price .real_price, .item_detail .item-head .it_price .won{font-size:18px; color:#2b2b2b}
.item_detail .item-head .it_price .won{margin-right:3px}
.item_detail .item-head .it_price .dc_percent{margin-left:5px; font-weight:500; font-size:16px}
.item_detail .item-head .it_price strike{margin-left:10px; font-size:14px}
.item_detail .item-head .it_soldout .help-block{font-weight:300; font-size:12px; margin:15px 0 0; color:#999}
.item_detail .order_info_wrap{display:flex; justify-content:space-between; margin-top:70px}
.item_detail .order_info_wrap.info_end{justify-content:flex-end}
.item_detail .order_info_wrap .order_info_ul{display:flex; flex-wrap:wrap}
.item_detail .order_info_wrap .order_info_ul .btn_pc{}
.item_detail .order_info_wrap .order_info_ul .btn_mob{display:none; margin-top:17px}
.item_detail .order_info_wrap .order_info_ul > li{display:inline-block; flex-grow:1; margin:0 0 6px 6px; text-align:center}
.item_detail .order_info_wrap .order_info_ul > li a{display:block}
.item_detail .order_info_wrap .btn_box{padding:0 10px; border:1px solid #222; background:none; /* font-weight:300; */ font-size:14px; line-height:28px; color:#222}
.item_detail .order_info_wrap input.btn_box{display:block; width:100%;}
.item_detail .order_info_wrap .btn_color_open{margin-bottom:6px}
.item_detail .order_info_wrap .btn_initial_open{}
.item_detail .order_info_wrap .btn_store_open{}
.item_detail .order_info_wrap .btn_cart_add{display:block; width:100%; background-color:#2b2b2b; color:#fff}
.item_detail .order_info_wrap .btn_mob .btn_store_open{border:0}
.item_detail .order_info_wrap .btn_mob .btn_store_open span{display:inline-block; position:relative; padding-left:14px}
.item_detail .order_info_wrap .btn_mob .btn_store_open span::before{display:block; content:""; position:absolute; top:-2px; bottom:0; left:0; margin:auto; width:8px; height:12px; background:url('/img/icon_storeGy.png') no-repeat 50% 50%; background-size:contain}

.item_detail .item_body{display:flex; justify-content:center; padding:0 10px 100px; background-color:#fff}
.item_detail .item_info_wrap{width:100%; /* max-width:1480px; */ padding-right:10px}
.item_detail .item_info_ul > li{}
.item_detail .it_info_title{position:relative; padding:41px 60px; border-bottom:1px solid #d7d7d7; cursor:pointer}
.item_detail .it_info_title::before, .item_detail .it_info_title::after{display:block; content:""; position:absolute; top:0; bottom:0; margin:auto; background-color:#222}
.item_detail .it_info_title::before{right:60px; width:9px; height:1px}
.item_detail .it_info_title::after{right:64px; width:1px; height:9px}
.item_detail .item_info_ul .active .it_info_title:after{display:none}
.item_detail .it_info_title span, .item_detail .it_relation_title span{display:inline-block; font-weight:300; font-size:14px; line-height:1.2; color:#222}
.item_detail .it_info_content{display:none; padding:40px 60px; border-bottom:1px solid #d7d7d7; font-weight:300; font-size:14px; line-height:1.7; color:#666}
.item_detail .it_info_content *{font-weight:300; font-size:14px; line-height:1.7; color:#666}
.item_detail .it_delivery_ul > li + li{margin-top:20px}
.item_detail .it_deli_title{margin:0 0 5px}
.item_detail .item_relation_wrap{width:100%; max-width:690px; padding-left:80px}
.item_detail .it_relation_title{padding:42px 0}
.item_detail .it_relation_content{}
/* 상품 옵션 선택 */
.item_detail .pay_con .pay_tab{margin-top:30px}
.item_detail .pay_con .pay_tab > label{width:110px; margin-bottom:20px; /* font-weight:300; */ font-size:14px; line-height:33px; color:#222}
.item_detail .pay_con .pay_tab > select.input-sm{position:relative; width:calc(100% - 110px); height:33px; margin-bottom:20px; padding:0; border:0; border-bottom:1px solid #222; background:url('/img/arr_selectBk.png') no-repeat 100% 50%; font-size:14px; line-height:31px; color:#666; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.item_detail .pay_con .pay_tab > select.input-sm[disabled]{/* background-color:#eee */}
.item_detail .pay_con .pay_tab > select.input-sm::-ms-expand{display:none}
.item_detail .pay_con .list-group-item{margin-top:8px; padding:5px 0; border:0; background:none}
.item_detail .list-group-item .option_select_box{display:flex; align-items:center; justify-content:space-between;}
.item_detail .option_select_box .op_subj_box{}
.item_detail .option_select_box .op_subj_box label > span{font-weight:300; font-size:14px; color:#666}
.item_detail .option_select_box .op_btn_box{margin-left:10px}
.item_detail .option_select_box .op_btn_box .btn{position:relative; width:16px; height:16px; margin-left:5px; padding:0; border:0; background:none}
.item_detail .option_select_box .op_btn_box .btn::before, .item_detail .option_select_box .op_btn_box .btn::after{display:block; content:""; position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; width:9px; height:1px; background-color:#666}
.item_detail .option_select_box .op_btn_box .btn.it_qty_plus::after{transform:rotate(90deg)}
.item_detail .option_select_box .op_btn_box .btn.it_qty_minus::after{display:none}
.item_detail .option_select_box .op_btn_box .btn.it_opt_del::before{transform:rotate(45deg)}
.item_detail .option_select_box .op_btn_box .btn.it_opt_del::after{transform:rotate(-45deg)}

@media (max-width:991px){
	.item_detail .it_container{display:block}
	.item_detail .img-container{width:100%; margin-bottom:50px}
	.item_detail .item-head h1{font-size:20px}
	.responsive .item_detail .item-head .form-container{width:100%; border:0}
	.responsive .item_detail .item-head .text{padding:10px 0 10px 15px}
	.item_detail .pay_con{position:static}

	.item_detail .item_body{display:block}
	.item_detail .item_info_wrap{padding-right:0}
	.item_detail .it_info_title{padding:30px 10px}
	.item_detail .it_info_title::before{right:15px}
	.item_detail .it_info_title::after{right:19px}
	.item_detail .it_info_content{padding:15px}
	.item_detail .item_relation_wrap{max-width:100%; padding-left:0}
	.item_detail .it_relation_title{padding:30px 10px}
	/* 상품 옵션 선택 */
	.item_detail .pay_con .pay_tab{display:block; padding:0; background-color:transparent}
	.item_detail .pay_con .pay_tab > label{width:90px}
	.item_detail .pay_con .pay_tab > select.input-sm{width:calc(100% - 90px)}
}
@media (max-width:480px){
	.mob_shop_top{display:block}
	.item_detail .shop_thumb_swiper .swiper-pagination{margin-top:20px; font-size:13px}
	.responsive .item_detail .item-head{margin-bottom:15px}
	.responsive .item_detail .item-head .text{padding:0; text-align:center}
	.item_detail .item-head .it_title_info{display:block; margin-bottom:20px}
	.item_detail .item-head .order_onoff{font-size:13px}
	.item_detail .item-head .it_btn_box{display:none}
	.item_detail .item-head h1{margin:0 0 30px}
	.item_detail .item-head .it_price{margin-bottom:15px}
	.item_detail .order_info_wrap{display:block; margin-top:6px; padding:0 28px}
	.item_detail .order_info_wrap .order_info_ul{display:block}
	.item_detail .order_info_wrap .order_info_ul .btn_pc{display:none}
	.item_detail .order_info_wrap .order_info_ul .btn_mob{display:block}
	.item_detail .order_info_wrap .order_info_ul > li{display:block; margin:0 0 10px}
	.item_detail .order_info_wrap .btn_box{line-height:37px; width:100%}
	.item_detail .order_info_wrap .btn_color_open{width:100%; margin-bottom:10px}

	.item_detail .item_body{padding:0 15px 50px}
	.item_detail .it_info_title{padding:20px 5px}
	.item_detail .it_info_title::before{right:10px}
	.item_detail .it_info_title::after{right:14px}
	.item_detail .it_info_content{padding:20px 0; font-size:12px; line-height:1.5}
	.item_detail .it_info_content *{font-size:12px; line-height:1.5}
	.item_detail .it_delivery_ul > li + li{margin-top:10px}
	.item_detail .it_deli_title{margin:0}
	.item_detail .it_relation_title{margin-top:20px; padding:30px 5px; text-align:center}
	/* 상품 옵션 선택 */
	.item_detail .pay_con .pay_tab{margin-top:15px; padding:0 28px}
	.item_detail .pay_con .pay_tab > label{display:none}
	.item_detail .pay_con .pay_tab > select.input-sm{width:100%; height:43px; margin-bottom:6px; margin-left:0; background-image:url('/img/arr_mselectBk.png'); background-size:9px auto; font-size:13px; line-height:41px}
	.item_detail .pay_con .list-group-item{margin:0}
	.item_detail .option_select_box .op_subj_box label > span{font-size:13px}
	.item_detail .option_select_box .op_btn_box{margin-left:5px}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
상품상세페이지 팝업_ COLOR 팝업
html > page > shop_pop_color.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.shop_color_pop{position:fixed; top:80px; right:-820px; z-index:15; width:820px; max-width:100%; height:calc(100% - 80px); padding:25px 100px; background-color:#fff; transition:all 0.6s ease}
.shop_color_pop.active{right:0}
.shop_color_pop::-webkit-scrollbar, .shop_color_pop *::-webkit-scrollbar{width:10px;}
.shop_color_pop::-webkit-scrollbar-thumb, .shop_color_pop *::-webkit-scrollbar-thumb{width:8px; background:#c2c1c1; border-radius:0;}
.shop_color_pop::-webkit-scrollbar-track, .shop_color_pop *::-webkit-scrollbar-track{baCkground:#f4f4f4;}
.shop_color_pop .shop_color_pop_close{position:absolute; top:38px; right:32px; width:30px; height:30px; cursor:pointer}
.shop_color_pop .shop_color_pop_close::before, .shop_color_pop .shop_color_pop_close::after{display:block; content:""; position:absolute; top:50%; left:50%; width:41px; height:1px; margin:auto; background-color:#222}
.shop_color_pop .shop_color_pop_close::before{transform:translate(-50%, -50%) rotate(45deg)}
.shop_color_pop .shop_color_pop_close::after{transform:translate(-50%, -50%) rotate(-45deg)}
.shop_color_pop_wrap{overflow-y:auto; height:100%}
.shop_color_pop .shop_color_pop_ul{}
.shop_color_pop_ul > li + li{margin-top:48px}
.shop_color_pop_ul > li a{display:block;}
.shop_color_pop_ul .it_color_wrap{display:flex; align-items:center}
.shop_color_pop_ul .it_img_wrap{position:relative; width:170px}
.shop_color_pop_ul .it_img_wrap .img_box{padding-bottom:100%}
.shop_color_pop_ul .it_img_wrap .it_img{overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#f4f4f4}
.shop_color_pop_ul .it_img_wrap img{display:block; width:100%; height:100%}
.shop_color_pop_ul .it_text_wrap{width:calc(100% - 170px); padding:10px 30px 10px 16.13%}
.shop_color_pop_ul .it_text_wrap p{font-weight:300; font-size:20px; line-height:1.2; color:#222}
.shop_color_pop_ul .it_text_wrap .color_title{}
.shop_color_pop_bg.mobile{position:fixed; z-index:14; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); opacity:0; visibility:hidden; transition:all 0.3s ease}
.shop_color_pop_bg.mobile.active{opacity:1; visibility:visible}

@media (min-width:900px) and (max-width:1050px) {
	.shop_color_pop{transition:none}
}
@media (max-width:991px){
	.shop_color_pop{top:auto; bottom:-270px; right:0; z-index:30; width:100%; height:auto; max-height:270px; padding:0}
	.shop_color_pop_wrap{max-height:270px;}
	.shop_color_pop.active{bottom:0}
	.shop_color_pop::-webkit-scrollbar, .shop_color_pop *::-webkit-scrollbar{width:6px;}
	.shop_color_pop .shop_color_pop_close{display:none}
	.shop_color_pop_ul > li + li{margin-top:0}
	.shop_color_pop_ul > li a{padding:12px 15px}
	.shop_color_pop_ul .it_text_wrap{padding-left:36px}
}
@media (max-width:900px){
	.shop_color_pop{transition:all 0.6s ease}
}
@media (max-width:480px){
	.shop_color_pop_ul .it_img_wrap{width:80px}
	.shop_color_pop_ul .it_text_wrap{width:calc(100% - 80px)}
	.shop_color_pop_ul .it_text_wrap p{font-size:14px}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
장바구니
html > page > shop_pop_color.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.cart_style .table{margin-bottom:30px}
.cart_style .div-table.table > tbody > tr{border-bottom:1px solid #252525 !important; border-top:1px solid #252525 !important}
.cart_style .div-table.table > tbody > tr .w_7{width:7.5%}
.cart_style .div-table.table > tbody > tr .w_10{width:10%}
.cart_style .div-table.table > tbody > tr .w_11{width:11.5%}
.cart_style .div-table.table > tbody > tr > th, .cart_style .price-wrap .price-top > div{padding:21px 0 !important}
.cart_style .div-table.table > tbody > tr > td{padding:19px; border-top:1px solid #252525 !important; font-weight:400; font-size:14px; color:#000}
.cart_style .tr-head > th > span, .cart_style .price-wrap .price-top > div{font-weight:400 !important; font-size:15px; color:#000;}
.cart_style .item_box{display:flex}
.cart_style .item-img{display:block; width:130px}
.cart_style .item-detail{display:block; width:calc(100% - 130px); padding:0; line-height:1.3; color:#000}
.cart_style .item-detail .it_name{font-weight:400; font-size:14px; color:#000}
.cart_style .option_box{margin-top:6px; }
.cart_style .option_ul li{display:inline-block; position:relative; font-weight:300; font-size:12px}
.cart_style .option_ul li + li{margin-left:3px; padding-left:8px}
.cart_style .option_ul li + li::before{display:inline-block; content:'/'; position:absolute; top:0; left:0; font-size:12px; color:#000}
.cart_style .shop-btn{width:90px; border-color:#252525; border-radius:0; background:none; font-weight:400; font-size:14px; color:#000}
.cart_style .delete-box2 .shop-btn{width:auto; height:auto; padding:0 10px; font-size:12px}
.cart_style .shop-btn:hover, .cart_style .shop-btn:active{border-color:#252525; background-color:#252525}
.cart_style .delete-box2 .shop-btn:hover, .cart_style .delete-box2 .shop-btn:active{border:none; background:none; color:#000}
.cart_style .btn_revice{margin-top:10px}
.cart_style .btn_revice .shop-btn{height:30px; font-weight:500; font-size:12px}
.cart_style .delete-box{text-align:right}
.cart_style .m_title{display:none; margin:40px 0 25px; font-weight:300; font-size:21px; color:#222}
.cart_style .price-wrap{border-top:1px solid #252525; margin-top:100px}
.cart_style .price-wrap .price-top, .cart_style .price-wrap .price-bottom{display:flex; justify-content:center}
.cart_style .price-wrap .price-top > div, .cart_style .price-wrap .price-bottom > li{float:none; width:33.3333%; border-bottom:1px solid #252525; text-align:center}
.cart_style .price-wrap .price-bottom > li{padding:50px 0; font-weight:400; font-size:14px; color:#000}
.cart_style .price-wrap .price-bottom .m_price_title{display:none}
.cart_style .cart_btn_box{margin-top:100px}
.cart_style .cart_btn_list{margin-bottom:100px; text-align:center}
.cart_style .buy-btn{display:inline-block; width:200px; max-width:100%; height:50px; margin:0; padding:0; border-color:#252525; border-radius:0 !important; background-color:#252525; font-weight:400; font-size:14px; line-height:48px;}
.cart_style .buy-btn:hover, .cart_style .buy-btn:active{background-color:#252525}

@media (max-width:991px){
	.cart_style{padding:0}
	.cart_style .table{margin-bottom:30px; border-bottom:1px solid #252525}
	.cart_style .div-table.table > tbody > tr{border-bottom:0 !important; border-top:0 !important}
	.cart_style .div-table.table > tbody > tr > th{padding:18px 0 !important}
	.cart_style .div-table.table > tbody > tr > td{width:100%; padding:25px 25px 25px 40px; font-size:12px}
	.cart_style .div-table.table > tbody > tr > td.td_check{width:30px; padding:25px 8px}
	.cart_style .item-detail .item-view{margin-top:12px}
	.cart_style .item-detail .item-view div{padding:0; line-height:1.5}
	.cart_style .shop-btn{width:auto; height:24px; margin:0; padding:0 10px; font-size:12px}
	.cart_style .m_title{display:block;}
	.cart_style .price-wrap{margin:0; padding:15px 0; border-bottom:1px solid #252525}
	.cart_style .price-wrap .price-top{display:none}
	.cart_style .price-wrap .price-bottom{display:block; float:none; width:100%}
	.cart_style .price-wrap .price-bottom > li{display:flex; width:100%; padding:8px; border-bottom:0; font-size:13px; line-height:1.2}
	.cart_style .price-wrap .price-bottom .m_border{margin-top:15px; padding-top:22px; border-top:1px solid #d4d4d4}
	.cart_style .price-wrap .price-bottom .m_price_title{display:block; width:100px; text-align:left}
	.cart_style .price-wrap .price-bottom .price_content{width:calc(100% - 100px); text-align:right}
	.cart_style .cart_btn_box{margin-top:75px}
	.cart_style .cart_btn_list{margin-bottom:50px}
}
@media (max-width:480px){
	.cart_style .item-img{width:100px; text-align:left}
	.cart_style .item-detail{width:calc(100% - 100px); font-weight:300}
	.cart_style .option_ul li{display:block}
	.cart_style .option_ul li + li{margin-left:0; padding-left:0}
	.cart_style .option_ul li + li::before{display:none}
	.cart_style .buy-btn{width:100%}
}

/* 장바구니 팝업 */
.shop_change_pop{padding:0 50px}
.shop_change_pop .pop_section{padding:60px 0; border-bottom:1px solid #d7d7d7}
.shop_change_pop .section_title{margin-bottom:30px; font-weight:300; font-size:16px; color:#222}
.shop_change_pop .input_box{max-width:100%; height:40px; background:none; border:0; border-bottom:1px solid #2b2b2b; font-weight:300; font-size:16px; color:#222;}
.shop_change_pop .input_box::placeholder{color:#999}
.shop_change_pop select{-webkit-appearance:none; -moz-appearance:none; appearance:none}
.shop_change_pop select::-ms-expand{display:none}
.shop_change_pop .select_basic{position:relative}
.shop_change_pop .select_basic::before, .shop_change_pop .select_basic::after{display:block; content:""; position:absolute; top:0; bottom:0; margin:auto; width:1px; height:10px; background-color:#000}
.shop_change_pop .select_basic::before{right:22px; transform:rotate(-45deg)}
.shop_change_pop .select_basic::after{right:15px; transform:rotate(45deg)}

.shop_change_pop .pop_sec_selected .section_title{margin-bottom:24px}
.shop_change_pop .selected_box{display:flex; align-items:center}
.shop_change_pop .selected_box .selected_item{width:424px}
.shop_change_pop .selected_box .selected_item .input_box{width:100%; height:56px; padding:0 35px 0 15px}
.shop_change_pop .selected_box .selected_price{width:calc(100% - 424px); padding-left:50px}
.shop_change_pop .selected_box .it_price{font-weight:500; font-size:16px; color:#222}
.shop_change_pop .change_initial{display:flex}
.shop_change_pop .change_initial .nametag_img_wrap{position:relative; width:400px; max-width:100%}
.shop_change_pop .nametag_img_wrap .img_box{padding-bottom:65%}
.shop_change_pop .nametag_img_wrap .nametag_img{overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; }
.shop_change_pop .nametag_img_wrap .nametag_img img{display:block; width:100%; max-width:100%}
.shop_change_pop .change_initial .it_initial_wrap{display:flex; flex-wrap:wrap; width:calc(100% - 400px); padding:0 4.711% 0 7.609%}
.shop_change_pop .it_initial_wrap .choose_box{width:50%; max-width:100%; padding-right:10px}
.shop_change_pop .choose_box .change_title{margin-bottom:25px}
.shop_change_pop .choose_box .change_title h5{display:inline-block; font-weight:300; font-size:14px; color:#2b2b2b}
.shop_change_pop .choose_box .input_box{width:300px}
.shop_change_pop .choose_box .caption{margin-top:15px}
.shop_change_pop .choose_box .caption p{font-size:12px; line-height:1.2; color:#2b2b2b}
.shop_change_pop .it_initial_wrap .nametag_choose{width:50%; max-width:100%}
.shop_change_pop .nametag_choose .select_basic{position:relative}
.shop_change_pop .nametag_choose .select_text{display:block; line-height:40px; cursor:pointer}
.shop_change_pop .nametag_choose .select_ul{display:none; overflow-y:auto; position:absolute; top:38px; left:0; width:100%; max-height:284px; border:1px solid #d7d7d7; background-color:#fff}
.shop_change_pop .nametag_choose .select_ul > li{display:flex; align-items:center; padding:10px; cursor:pointer}
.shop_change_pop .nametag_choose .select_ul > li + li{border-top:1px solid #d7d7d7}
.shop_change_pop .nametag_choose .nametag_thumb{width:80px}
.shop_change_pop .nametag_choose .nametag_thumb img{display:block; width:100%}
.shop_change_pop .nametag_choose .nametag_title{width:calc(100% - 80px); padding-left:20px}
.shop_change_pop .it_initial_wrap .input_choose{}
.shop_change_pop .input_choose .initial_count{display:inline-block; margin-left:10px; font-weight:300; font-size:14px; color:#999}
.shop_change_pop .input_choose .initial_phrase{}
.shop_change_pop .it_initial_wrap .color_choose{width:100%; margin-top:78px}
.shop_change_pop .color_choose .color_palette{}
.shop_change_pop .color_choose .color_ul{overflow:hidden; display:flex; flex-wrap:wrap; margin-left:-7px}
.shop_change_pop .color_choose .color_ul > li{padding:4px 7px}
.shop_change_pop .color_choose .color_ul input[type="radio"]{display:none}
.shop_change_pop .color_choose .color_ul .color_label{}
.shop_change_pop .color_choose .color_ul .circle{display:block; width:35px; height:35px; border-radius:50%}
.shop_change_pop .color_choose .color_ul .circle.white{border:1px solid #e1e1e1}
.shop_change_pop .color_choose .color_ul input[type="radio"]:checked + .color_label .circle{border:2px solid #0a0a0a}

.shop_change_pop .pop_btn_box{padding:60px 0}
.shop_change_pop .pop_btn_ul{display:flex; justify-content:center}
.shop_change_pop .pop_btn_ul > li{padding:0 4px}
.shop_change_pop .btn_block{width:200px; height:50px; border:1px solid #222; background-color:transparent; font-weight:300; font-size:16px; color:#222}
.shop_change_pop .btn_block.btn_color{background-color:#222; color:#fff}

@media (max-height:850px) and (min-width:991px){
	.shop_pop{overflow-y:auto}
	.shop_pop .shop_pop_wrap{max-height:85vh}
}
@media (max-width:1550px){
	.shop_change_pop{padding:0 30px}
	.shop_change_pop .pop_section{padding:40px 0}
	.shop_change_pop .change_initial .it_initial_wrap{padding:0 0 0 30px}
	.shop_change_pop .it_initial_wrap .color_choose{margin-top:30px}
	.shop_change_pop .pop_btn_box{padding:45px 0}
}
@media (max-width:991px){
	.shop_change_pop .selected_box .selected_item{width:60%}
	.shop_change_pop .selected_box .selected_price{width:40%; padding-left:30px}
	.shop_change_pop .change_initial{display:block}
	.shop_change_pop .change_initial .nametag_img_wrap{width:100%}
	.shop_change_pop .change_initial .it_initial_wrap{width:100%; padding:30px 0 0}
}
@media (max-width:480px){
	.shop_change_pop{padding:0 15px}
	.shop_change_pop .pop_section{padding:25px 0}
	.shop_change_pop .pop_sec_selected{padding:35px 0 25px}
	.shop_change_pop .section_title{margin-bottom:20px; font-size:15px}
	.shop_change_pop .input_box{height:36px; font-size:13px}
	.shop_change_pop .select_basic::before, .shop_change_pop .select_basic::after{height:8px}
	.shop_change_pop .select_basic::before{right:15px}
	.shop_change_pop .select_basic::after{right:10px}

	.shop_change_pop .pop_sec_selected .section_title{margin-bottom:15px}
	.shop_change_pop .selected_box{display:block}
	.shop_change_pop .selected_box .selected_item{width:100%}
	.shop_change_pop .selected_box .selected_item .input_box{height:36px; padding:0}
	.shop_change_pop .selected_box .selected_price{width:100%; margin-top:20px; padding:0}
	.shop_change_pop .selected_box .it_price{font-size:14px}
	.shop_change_pop .change_initial .it_initial_wrap{display:block; padding:25px 0 0}
	.shop_change_pop .it_initial_wrap .choose_box{width:100%; padding:0}
	.shop_change_pop .choose_box .change_title{margin-bottom:15px}
	.shop_change_pop .choose_box .change_title h5{font-size:13px}
	.shop_change_pop .choose_box .input_box{width:100%}
	.shop_change_pop .choose_box .caption{margin-top:12px}
	.shop_change_pop .nametag_choose .select_basic{width:100%}
	.shop_change_pop .nametag_choose .select_text{line-height:36px}
	.shop_change_pop .nametag_choose .select_ul{top:34px; max-height:195px}
	.shop_change_pop .nametag_choose .select_ul > li{padding:5px}
	.shop_change_pop .nametag_choose .nametag_thumb{width:60px}
	.shop_change_pop .nametag_choose .nametag_title{width:calc(100% - 60px); padding-left:10px}
	.shop_change_pop .it_initial_wrap .input_choose{margin-top:25px}
	.shop_change_pop .input_choose .initial_count{font-size:12px}
	.shop_change_pop .it_initial_wrap .color_choose{margin-top:25px}
	.shop_change_pop .color_choose .color_ul{justify-content:center; margin:0 -5px}
	.shop_change_pop .color_choose .color_ul > li{padding:5px}
	.shop_change_pop .color_choose .color_ul .circle{width:32px; height:32px}

	.shop_change_pop .pop_btn_box{padding:20px 0 35px}
	.shop_change_pop .pop_btn_ul{display:block}
	.shop_change_pop .pop_btn_ul > li{margin:5px 0; padding:0;}
	.shop_change_pop .btn_block{width:100%; height:45px; font-size:13px}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
일반페이지
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/* m01_01 - Welcome colombo */
.m01_01_slider .item .img_wrap{position:relative}
.m01_01_slider .item .img_box{padding-bottom:41.667%}
.m01_01_slider .item .img_banner{overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%}
.m01_01_slider .carousel-indicators{width:auto; margin-left:0; left:50%; transform:translateX(-50%)}
.m01_01_slider .carousel-indicators li{width:12px; height:12px; background:rgba(255,255,255,0.3); margin:0 5px; border:0;}
.m01_01_slider .carousel-indicators li.active{width:12px; height:12px; background:#fff; margin:0 5px; border:0;}
.m01_01_slider .btn_box .left, .m01_01_slider .btn_box .right{top:0; bottom:0; margin:auto; width:40px; height:80px; background-color:rgba(0,0,0,.75) !important}
.m01_01_slider .btn_box .left{left:25px}
.m01_01_slider .btn_box .right{right:25px}
.m01_01_slider .btn_box .glyphicon-chevron-left, .m01_01_slider .btn_box .glyphicon-chevron-right{position:static; width:100%; height:100%; margin:0}
.m01_01 .content_box{padding:190px 0 95px}
.m01_01 .content_box .content{font-size:15px; font-weight:300; line-height:2; color:#222; text-align:center;}

@media (min-width:1950px), (max-width:1850px){
	.m01_01_slider .item img{display:block; width:100%; margin:0 auto}
}
@media (max-width:991px){
	.m01_01_slider .btn_box .left{left:0}
	.m01_01_slider .btn_box .right{right:0}
}
@media (max-width:480px){
	.m01_01_slider .btn_box .left, .m01_01_slider .btn_box .right{width:25px; height:50px}
	.m01_01_slider .btn_box .glyphicon-chevron-left, .m01_01_slider .btn_box .glyphicon-chevron-right{background-size:8px auto !important}
	.m01_01 .content_box{padding:75px 0 0}
	.m01_01 .content_box .content{font-size:12px; line-height:1.9; /* word-break:keep-all */}
}

/* m01_06 - 콜롬보 아카이브(판교1층) */
.m01_06 .sub_banner_box{margin-bottom:150px}
.m01_06 .sub_section{}
.m01_06 .section_img img{display:block; width:100%; max-width:100% !important}
.m01_06 .section_text{font-weight:300; color:#222}
.m01_06 .section_text .title{font-size:26px; line-height:1.3}
.m01_06 .section_text .content{font-size:15px; line-height:2}

.m01_06 .sub_section01 .section_ul > li{margin-bottom:150px; padding-bottom:35px; border-bottom:1px solid #e1e1e1}
.m01_06 .sub_section01 .section_text{margin-top:45px}
.m01_06 .sub_section01 .section_text .content{margin-top:35px}
.m01_06 .sub_section02{padding:0 5px}
.m01_06 .sub_section02 .section_ul > li{display:flex}
.m01_06 .sub_section02 .section_ul > li.con_reverse{flex-direction:row-reverse}
.m01_06 .sub_section02 .section_con{width:calc(50% - 10px); margin:5px}
.m01_06 .sub_section02 .section_text{display:flex; align-items:center; justify-content:center; padding:15px; background-color:#fff; text-align:center}
.m01_06 .sub_section02 .section_text .text_box{}
.m01_06 .sub_section02 .section_text .content{margin-top:35px}

@media (max-width:991px){
	.m01_06 .sub_section02{padding:0 15px}
	.m01_06 .sub_section02 .section_ul > li{flex-wrap:wrap}
	.m01_06 .sub_section02 .section_con{width:100%; margin:0 0 5px}
	.m01_06 .sub_section02 .section_text{padding:50px}
	.m01_06 .sub_section02 .section_text .content{margin-top:30px}
}
@media (max-width:480px){
	.m01_06 .sub_banner_box{margin-bottom:80px}
	.m01_06 .section_text .title{font-size:19px}
	.m01_06 .section_text .content{font-size:12px; line-height:1.8}

	.m01_06 .sub_section01 .section_ul > li{margin-bottom:80px}
	.m01_06 .sub_section01 .section_text{margin-top:35px}
	.m01_06 .sub_section01 .section_text .content{margin-top:30px}
	.m01_06 .sub_section02 .section_text{padding:30px}
}

/* .m02_03 - 콜롬보 온라인 서비스 */
.m02_03.sub_con{padding-top:145px}
.m02_03 .service_wrap .service_ul > li{font-weight:300; color:#222}
.m02_03 .service_wrap .icon_box{margin-bottom:35px;}
.m02_03 .service_wrap .service_name{font-size:22px; line-height:1.2}
.m02_03 .service_wrap .service_text{margin-top:25px; font-size:15px; line-height:1.8}
.m02_03 .service_wrap .service_btn{margin-top:38px; font-size:16px; color:#222}

@media(max-width:480px){
	.m02_03.sub_con{padding:55px 0 30px}
	.m02_03 .service_wrap .icon_box{margin-bottom:30px;}
	.m02_03 .service_wrap .service_name{font-size:17px}
	.m02_03 .service_wrap .service_text{margin-top:20px; font-size:12px}
	.m02_03 .service_wrap .service_btn{margin-top:30px; font-size:13px}
}

/* .m02_06 - 애프터 서비스 */
.m02_06.sub_con{padding-top:145px}
.m02_06 .service_wrap .service_ul > li{font-weight:300; color:#222}
.m02_06 .service_wrap .icon_box{margin-bottom:35px;}
.m02_06 .service_wrap .service_name{font-size:22px; line-height:1.2}
.m02_06 .service_wrap .service_text{margin-top:25px; font-size:15px; line-height:1.8}
.m02_06 .service_wrap .service_btn{margin-top:38px; font-size:16px; color:#222}

@media(max-width:480px){
	.m02_06.sub_con{padding:55px 0 30px}
	.m02_06 .service_wrap .icon_box{margin-bottom:30px;}
	.m02_06 .service_wrap .service_name{font-size:17px}
	.m02_06 .service_wrap .service_text{margin-top:20px; font-size:12px}
	.m02_06 .service_wrap .service_btn{margin-top:30px; font-size:13px}
}

/* m02_07 - 매장방문예약 */
.m02_07.sub_con{margin-top:80px}
.m02_07 .sub_banner_box{position:relative}
.m02_07 .sub_banner_box .page_title{position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%)}
.m02_07 .sub_banner_box .page_title .title{font-weight:300; font-size:40px; color:#fff}
.m02_07 .text_box{text-align:center; font-weight:300; color:#222}
.m02_07 .title{font-size:24px; line-height:1.2}
.m02_07 .content{margin-top:38px; font-size:16px; line-height:1.9}
.m02_07 .info_box{padding:175px 0}
.m02_07 .info_box .content{color:#666}
.m02_07 .store_box{display:flex}
.m02_07 .store_box .img_box{width:100%}
.m02_07 .store_box .img_box img{display:block; width:100%}
.m02_07 .store_box .text_box{display:flex; flex-wrap:wrap; align-content:center; justify-content:center; width:100%; max-width:50%; padding:15px}
.m02_07 .store_box .title{width:100%}
.m02_07 .store_box .content{width:100%}
.m02_07 .store_box .btn_box{width:100%; margin-top:62px; text-align:center}
.m02_07 .store_box .btn_direct{display:inline-block; padding:0 30px; background-color:#272727; font-size:15px; line-height:48px; color:#fff}

@media (min-width:1950px), (max-width:1850px){
	.m02_07 .sub_banner_box .banner_img img{display:block; width:100%; margin:0 auto}
}
@media (max-width:991px){
	.m02_07.sub_con{margin-top:90px}
	.m02_07 .sub_banner_box .page_title .title{font-size:30px}
	.m02_07 .store_box{flex-wrap:wrap; padding:0 15px}
	.m02_07 .store_box .text_box{max-width:100%; padding:100px 0}
}
@media (max-width:768px){
	.m02_07.sub_con{margin-top:64px}
}
@media (max-width:480px){
	.m02_07.sub_con{margin-top:52px}
	.m02_07 .sub_banner_box .page_title .title{font-size:22px}
	.m02_07 .title{font-size:17px}
	.m02_07 .content{margin-top:25px; font-size:12px; line-height:1.8; letter-spacing:-0.01em}
	.m02_07 .info_box{padding:70px 0}
	.m02_07 .store_box .text_box{padding:45px 0}
	.m02_07 .store_box .btn_box{margin-top:40px}
	.m02_07 .store_box .btn_direct{padding:0 20px; font-size:12px; line-height:38px}
}

/* m05_04 - Colombo Craftmanship */
.m05_04.sub_con{}
.m05_04 .m05_04_con{margin-bottom:200px}
.m05_04 .img_box img{max-width:100% !important}
.m05_04 .text_box{font-weight:300; font-size:15px; color:#222; letter-spacing:-0.01em}
.m05_04 .text_box .f_22{font-size:22px}
.m05_04 .bullet li{position:relative}
.m05_04 .bullet li::before{display:block; content:""; position:absolute; top:15px; left:0; background-color:#222}

.m05_04 .m05_04_01{position:relative;}
.m05_04_01 .text_box{position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%)}
.m05_04_01 .text_box .sub_title{margin-bottom:12px; font-weight:300; font-size:17px; line-height:1.2; color:#fff}
.m05_04_01 .text_box .title{font-weight:600; font-size:45px; line-height:1.2; color:#fff}

.m05_04 .m05_04_02{}
.m05_04_02 .text_box .title{margin-bottom:22px; font-size:36px; line-height:1.4}
.m05_04_02 .text_box .text_ul > li{line-height:2}
.m05_04_02 .text_box .bullet li{padding-left:4px}
.m05_04_02 .text_box .bullet li::before{width:2px; height:2px; border-radius:50%}
.m05_04_02 .img_box{margin-top:50px}
.m05_04_02 .img_box .img_ul{display:flex; justify-content:space-between}

.m05_04 .m05_04_03{}
.m05_04_03 .history_ul > li{display:flex; align-items:center; padding-top:60px}
.m05_04_03 .history_ul > li.con_reverse{flex-direction:row-reverse; justify-content:space-between}
.m05_04_03 .history_ul > li + li{margin-top:200px}
.m05_04_03 .img_box{position:relative}
.m05_04_03 .img_box .year{position:absolute; top:-76px; left:0; font-weight:600; font-size:45px; color:#222}
.m05_04_03 .img_box .year.left{left:27.5%}
.m05_04_03 .text_box{margin-left:7.813%}
.m05_04_03 .con_reverse .text_box{margin-left:0; margin-right:7.813%}
.m05_04_03 .text_box .year_title{font-weight:400; font-size:26px; line-height:1.4}
.m05_04_03 .text_box .year_title.f_22{font-size:22px}
.m05_04_03 .text_box .year_content{position:relative; margin-top:20px; padding-top:50px; }
.m05_04_03 .text_box .year_content::before{display:block; content:""; position:absolute; top:0; left:0; width:100%; min-width:570px; max-width:100%; height:1px; background-color:#dcdcdc}
.m05_04_03 .text_box .year_content p{line-height:2;}
.m05_04_03 .text_box .year_content p + p{margin-top:30px}

.m05_04 .m05_04_04{}
.m05_04_04 .text_box .title{font-size:26px; line-height:1.2}
.m05_04_04 .text_box .overview{margin-top:30px; line-height:2}
.m05_04_04 .overview_box{margin-top:30px}
.m05_04_04 .overview_box .f_22{line-height:1.2}
.m05_04_04 .overview_box .overview_ul{margin-top:20px}
.m05_04_04 .overview_box .overview_ul > li{display:flex; align-content:flex-start; line-height:2}
.m05_04_04 .overview_box .overview_ul > li .txt{margin-left:3px}
.m05_04_04 .overview_box .bullet li{padding-left:8px}
.m05_04_04 .overview_box .bullet li::before{width:4px; height:1px; background-color:#222}

@media (min-width:1950px){
	.m05_04 .img_box img{display:block; width:100%; margin:0 auto}
}
@media (max-width:1850px){
	.m05_04 .img_box img{display:block; width:100%; margin:0 auto}
}
@media (max-width:991px){
	.m05_04_02 .img_box .img_ul{flex-wrap:wrap}
	.m05_04_02 .img_box .img_ul > li{width:100%}
	.m05_04_02 .img_box .img_ul > li + li{margin-top:40px}

	.m05_04_03 .history_ul > li{flex-wrap:wrap; padding-top:0}
	.m05_04_03 .img_box{width:100%}
	.m05_04_03 .img_box .year{position:static; margin-bottom:20px}
	.m05_04_03 .text_box{width:100%; margin-left:0; margin-top:36px}
	.m05_04_03 .con_reverse .text_box{margin-right:0}
}
@media (max-width:480px){
	.m05_04 .m05_04_con{margin-bottom:75px}
	.m05_04 .text_box{font-size:12px; letter-spacing:0}
	.m05_04 .text_box br{display:none}
	.m05_04 .bullet li::before{top:10px}

	.m05_04_01 .text_box .sub_title{margin-bottom:8px; font-size:14px}
	.m05_04_01 .text_box .title{font-size:27px}

	.m05_04_02 .text_box .title{margin-bottom:15px; font-size:21px}
	.m05_04_02 .text_box .text_ul > li{line-height:1.7}
	.m05_04_02 .img_box{margin-top:35px}

	.m05_04_03 .history_ul > li + li{margin-top:75px}
	.m05_04_03 .img_box .year{font-size:27px}
	.m05_04_03 .text_box .year_title{font-size:16px}
	.m05_04_03 .text_box .year_title.f_22{font-size:16px}
	.m05_04_03 .text_box .year_content{margin-top:10px; padding-top:28px}
	.m05_04_03 .text_box .year_content p{line-height:1.7}
	.m05_04_03 .text_box .year_content p + p{margin-top:18px}

	.m05_04_04 .text_box .title{font-size:16px}
	.m05_04_04 .text_box .overview{margin-top:20px}
	.m05_04_04 .overview_box .f_22{font-size:13px}
	.m05_04_04 .overview_box .overview_ul{margin-top:14px}
	.m05_04_04 .overview_box .overview_ul > li{margin:0; line-height:1.7}
	.m05_04_04 .overview_box .overview_ul > li .txt{margin-left:3px}
	.m05_04_04 .overview_box .bullet li{padding-left:6px}
	.m05_04_04 .overview_box .bullet li::before{width:3px}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
기타 페이지
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/* 회원 가입 */
.qna_box.input-box{}
.qna_box.input-box .label-css{margin-right:10px}
.qna_box.input-box .qna_label{margin:0 20px 0 0; line-height:25px;}



/*221102 kjh 유지보수*/
.m01_03 .m01_03_youtube{width:100%; position:relative; padding-bottom:57%;}
.m01_03 .m01_03_youtube > iframe{position:absolute !important; top:0; left:0; width:100% !important; height:100% !important;}
@media (max-width:991px){
	.m01_03 .m01_03_youtube{padding-bottom:57%;}
}