@charset "utf-8";

/* 공통 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'OTWelcomeBA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeBA.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


/* 공통 css */
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}

/*********************************************************************
	탑배너. html > page > top_banner.php
*********************************************************************/
.sub_text{margin:0; padding:58px 0 54px}
@media (max-width:991px){
	.sub_text.ca_it_mb{padding:0}
}
@media (max-width:768px){
	.sub_text{padding:50px 0 30px;}
}


/*********************************************************************
	상품 상세페이지 - 기존 클래스 'item_detail'  사용
*********************************************************************/

/* 모바일 상품상세페이지 상단*/
.mob_shop_top{padding:15px 0}
.mob_shop_top:after{display:block; content:""; clear:both}
.mob_shop_top > a{display:block; height:15px}
.mob_shop_top .btn_back{float:left}
.mob_shop_top .btn_share{float:right}
.mob_shop_top > a img{display:block; height:100%}

/* 상품상세 페이지_ 베스트상품 위젯 */
.best_list_wrap{margin-bottom:90px}
.best_list_wrap .best_list_tit{margin-bottom:30px; font-size:27px; color:#222}
.shop_best_item.shop_container .item-list{border:0;}
.shop_best_item.shop_container .item-image{background-color:#f8f8f8}
.shop_best_item.shop_container .item-icon{display:none; position:absolute; left:10px; top:10px; z-index:1}
.shop_best_item.shop_container .item-icon img{display:inline-block; margin-right:8px; margin-bottom:5px}
.shop_best_item.shop_container .item-content{padding:0; padding-top:16px; height:auto !important; text-align:left}
.shop_best_item.shop_container .item-content strong{font-weight:500; font-size:14px; line-height:1.2; color:#222}
.shop_best_item.shop_container .item-content .item-desc{font-size:13px; line-height:1.2; color:#777}
.shop_best_item.shop_container .item_price_box{margin-top:12px; text-align:left}
.shop_best_item.shop_container .item_price_box .percent{display:none; margin-left:4px; font-weight:500; font-size:14px; color:#e0062a}
.shop_best_item.shop_container .item_price_box .sale_cont{display:inline-block; margin-left:5px}
.shop_best_item.shop_container .item_price_box .sale_cont strike{font-size:13px; color:#999}
.shop_best_item.shop_container .item_price_box > h5{display:inline-block; font-size:15px; color:#222}
.shop_best_item.shop_container .item_price_box > h5 span{display:inline-block; font-weight:500}
.shop_best_item.shop_container .item-info, .shop_best_item .label-cap{display:none;}
.shop_container .owl-carousel .owl-controls .owl-buttons div{display:none !important; background-color:transparent; width:14px; height:34px}
@media (max-width:768px){
	.shop_best_item.shop_container{overflow:visible}
	.shop_best_item.shop_container .owl-show{overflow:visible}
	.responsive .shop_best_item.shop_container .owl-container{overflow:visible; margin-right:-15px !important}
	.shop_best_item.shop_container .item-list{margin-right:15px !important}
	.shop_best_item.shop_container .item-wrap{margin-right:15px !important}
	.best_list_wrap{padding-top:28px; border-top:1px solid #222; margin-bottom:40px}
	.best_list_wrap .best_list_tit{margin-bottom:17px; font-size:15px}
	.best_list_wrap .best_list_con{margin:0 15px}
	.shop_best_item.shop_container .item-icon{left:5px; top:5px}
	.shop_best_item.shop_container .item-icon img{width:auto; height:12px; margin:0 5px 5px 0}
	.shop_best_item.shop_container .item-content{padding-top:15px; text-align:left}
	.shop_best_item.shop_container .item-content strong{font-size:13px}
	.shop_best_item.shop_container .item-content .item-desc{font-size:12px}
	.shop_best_item.shop_container .item_price_box{margin-top:10px; text-align:left}
	.shop_best_item.shop_container .item_price_box .sale_cont strike{font-size:12px}
	.shop_best_item.shop_container .item_price_box > h5{font-size:14px}
	.shop_container .owl-carousel .owl-controls .owl-buttons div{display:block !important; Width:8px; height:18px}
	.shop_container .owl-carousel .owl-controls .owl-buttons .owl-prev{left:-15px !important}
	.shop_container .owl-carousel .owl-controls .owl-buttons .owl-next{right:-5px !important}
	.shop_container .owl-carousel .owl-controls .owl-buttons div img{display:block; height:100%}
}

/*상품상세페이지 html > skin > apms > item > miso-baisc4 > item.skin.php */
.item_detail .img-container{width:50%;}
.item_detail .item-head{border:0; margin-bottom:265px; background:#fff !important}
.item_detail .label-band{display:none}
.item_detail #sit_pvi{padding:0px; width:100%}
.item_detail #sit_pvi_thumb{overflow:visible; width:100%; padding:10px 80px; margin:0 auto; border:0}
.item_detail #sit_pvi_thumb > ul li{display:table-cell; float:none; white-space:nowrap}
.item_detail #sit_pvi_thumb > ul li a{margin:0 7px 0}
.item_detail #sit_pvi_thumb > ul li a img{border:1px solid transparent}
.item_detail #sit_pvi_thumb > ul li a img:hover{border:1px solid transparent}
.item_detail #sit_pvi_thumb > ul li.active a img{border:1px solid #222}
.item_detail .thumb_tab_wrap{position:relative}
.item_detail .thumb_tab_wrap button{display:block; position:absolute; top:0; width:80px; height:117px; border:0; background-color:#fff}
.item_detail .thumb_tab_wrap .btn_prev{left:0}
.item_detail .thumb_tab_wrap .btn_next{right:0}
.item_detail .form-container{width:50%}
.item_detail .item-head .text{padding:0; padding-left:80px}
.item_detail .label-tack{display:none; position:static; padding-bottom:20px}
.item_detail .label-tack img + img{margin-left:5px}
.item_detail .item-head h1{margin:0; font-weight:400; font-size:30px; 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 .tag{margin-top:15px}
.item_detail .item-head .tag > a{display:inline-block; font-size:16px; line-height:1.2; color:#777}
.item_detail .item-head .tag > a:hover{color:#777}
.item_detail .item-head .tag > a + a{margin-left:3px}
.item_detail .item-head .price{margin-top:35px; margin-bottom:20px} 
.item_detail .item-head .price > .pull-right{display:block; position:relative}
.item_detail .item-head .price > .pull-right .btn_recommend{padding:0; line-height:26px}
.item_detail .item-head .price > .pull-left{position:relative}
.item_detail .item-head .pull-left b{ font-weight:500; font-size:26px; color:#222}
.item_detail .item-head .pull-left .won{font-weight:300; font-size:20px}
.item_detail .item-head .pull-left strike{display:none; font-size:20px; color:#666}
.item_detail .item-head .pull-left span.dc_percent{display:none; width:50px; height:25px; line-height:23px; color:#ff0000; position:relative; top:-3px; font-size:15px; border:1px solid #ff0000; text-align:center; border-radius:10px; font-weight:500; margin-left:5px;}
.item_detail .item-head .pull-left .unit{font-size:26px}
.item_detail .item-head .price .dc{display:none}
.item_detail .item-head .option-line{margin:15px 0; border-top:1px solid #222}
.item_detail .item-head .option-tbl .option-line{border-top:1px solid #eee}
.item_detail .item-head .option-tbl{margin-bottom:30px; font-size:15px; color:#666}
.item_detail .item-head .option-tbl .price_tr strike{font-size:15px; line-height:22px; color:#666}
.item_detail .item-head .option-tbl .price_tr .won{font-size:15px}
.item_detail .item-head .option-tbl .price_tr .red{margin-left:6px; font-weight:600; font-size:18px; line-height:22px; color:#222}
.item_detail .item-head .option-tbl .price_tr .dc_percent{margin-left:6px; font-weight:600; font-size:22px; line-height:22px; color:#fa193e}
.item_detail .item-head .option-tbl th{width:155px; padding-top:20px; font-weight:500; font-size:16px; color:#222}
.item_detail .item-head .option-tbl td{padding-top:20px; font-weight:400}
.item_detail .item-head .option-tbl select.input-sm{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .pay_con .pay_tab > label{margin-bottom:5px}
.item_detail .pay_con .pay_tab > select.input-sm{margin-bottom:5px}
.item_detail .list-group-item{padding:8px 20px; border: 1px solid #f1f1f1; background:#fafafa}
.item_detail .list-group-item .col_tit{width:calc(100% - 155px); margin-top:5px; padding-bottom:5px}
.item_detail .list-group-item .col_count{width:155px}
.item_detail .item-head .list-group-item .col-sm-6 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .item-head .list-group-item .col-sm-5 input, .item_detail .item-head .list-group-item .col-sm-5 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .list-group-item .row .col-sm-7{width:55.333333%}
.item_detail .list-group-item .row .col-sm-5{width:44.666667%}
.item_detail .item-head .it_opt_subj{font-size:15px; line-height:1.2; color:#666}
.item_detail .item-head .price-sum{margin:33px 0; font-weight:400; font-size:16px; color:#222}
.item_detail .item-head .price-sum b{margin-left:10px}
.item_detail .item-head .price-sum span{font-weight:500; font-size:25px}
.item_detail .item-head .price-sum .won{font-weight:300; font-size:20px}
.item_detail .item-head ul.item-form-btn{margin:0}
.item_detail .item-head ul.item-form-btn li.btn_b{width:calc(50% - 5px)}
.item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:10px}
.item_detail .item-head ul.item-form-btn li a{padding:0; border:1px solid #222; font-weight:500; font-size:17px; line-height:60px}
.item_detail .item-head ul.item-form-btn li input{padding:0; border:1px solid #222; background-color:#fff; font-weight:400; font-size:17px; line-height:60px; color:#222}
.item_detail .item-head ul.item-form-btn li input.black_btn{background-color:#222; color:#fff}
.item_detail .item-form-footer{margin-top:50px}
.item_detail .item-tab .tabs .tab-content{border:0}
.item_detail_tab .tab-content>.tab-pane{display:block}

.item_detail .item_detail_tab .tabs_box{width:100%; border-bottom:1px solid #ddd; background-color:#fff; text-align:center}
.item_detail .item_detail_tab .tabs_box.fixed{position:fixed; top:0; left:50%; z-index:10; width:100%; max-width:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%)}
.item_detail .item_detail_tab .tabs ul.tabs-top{display:inline-block; width:auto; border:0; margin:0 0 -3px}
.item_detail .item_detail_tab .tabs ul.tabs-top li{width:auto; margin:0; text-align:center; cursor:pointer}
.item_detail .item_detail_tab .tabs ul.tabs-top li + li{margin-left:12px}
.item_detail .item_detail_tab .tabs ul.tabs-top li span{display:block; position:relative; padding:0 30px; border:0; background-color:transparent; font-size:18px; line-height:58px; color:#999}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span{font-weight:500; background:#fff; color:#222}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span:after{display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#222}
.item_detail .item_detail_tab .tabs ul.tabs-top li .orangered{font-weight:400; color:#333}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on .orangered{font-weight:500; color:#fff}
.item_detail .panel{margin-bottom:80px}
.item_detail .link_con{margin-top:100px}
.item_detail .link_con.it_detail_qa{margin-bottom:30px}
.item_detail .tab_etc{margin-bottom:50px}
.item_detail .use-btn{margin:12px 0 10px}
.item_detail .item_rel_tit{padding:0; border:0; border-bottom:2px solid #222; padding-bottom:20px; margin-bottom:30px;}
.item_detail .item_rel_tit h3{ font-size:27px; color:#222;}
.item_detail .panel-body{padding:0;}

@media (max-width:991px){
	.item_detail #sit_pvi_thumb{padding:10px 45px}
	.item_detail #sit_pvi_thumb > ul li a img{display:inline-block; width:50px; height:50px}
	.responsive .item_detail .item-head .form-container{border:0}
	.item_detail .thumb_tab_wrap button{width:45px; height:70px}
	.item_detail .item-head ul.item-form-btn li.btn_b{width:50%}
	.item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:0}
	.item_detail .item-head ul.item-form-btn li a{font-size:15px; line-height:46px}
	.item_detail .item-head ul.item-form-btn li input{font-size:15px; line-height:46px}
	.item_detail .item-form-footer{margin-top:1px}
	.item_detail .item_detail_tab .tabs_box{margin:0; padding:0}
	.item_detail .item_detail_tab .tabs{margin:0 -15px}
	.item_detail .item_detail_tab .tabs ul.tabs-top li + li{margin-left:0}
	.item_detail .item_detail_tab .tabs ul.tabs-top li span{display:inline-block; padding:0 10px; font-size:13px; line-height:42px}
	.item_detail .item_rel_tit{padding-bottom:15px; margin-bottom:20px; margin-top:30px;}
	.item_detail .item_rel_tit h3{font-size:15px; padding-bottom:0;}
}
@media (max-width:768px){
	.item_detail .img-container{width:100%;}
	.responsive .item_detail .item-head{margin-bottom:0}
	.item_detail #sit_pvi_thumb{ padding:10px 45px}
	.item_detail #sit_pvi_thumb a{margin:0 5px 0}
	.item_detail #sit_pvi_thumb img{width:60px; height:60px}
	.item_detail .swiper-button-next, .item_detail .swiper-container-rtl .swiper-button-prev{width:45px; height:60px}
	.item_detail .swiper-button-prev, .item_detail .swiper-container-rtl .swiper-button-next{width:45px; height:60px}
	.responsive .item_detail .item-head .form-container{width:100%; border-top:0}
	.responsive .item_detail .item-head .text{padding:30px 0 10px}
	.item_detail .item-head h1{font-size:20px}
	.item_detail .item-head .desc{font-size:14px; padding-top:8px;}
	.item_detail .item-head .tag{margin-top:10px}
	.item_detail .item-head .tag > a{font-size:12px}
	.item_detail .item-head .price{margin-top:23px; margin-bottom:13px} 
	.item_detail .item-head .pull-left b{font-weight:600; font-size:17px}
	.item_detail .item-head .pull-left .won{font-size:16px}
	.item_detail .item-head .option-line{margin:10px 0}
	.item_detail .item-head .option-tbl{margin-bottom:10px; font-size:12px}
	.item_detail .item-head .option-tbl .price_tr strike{font-size:12px; line-height:15px}
	.item_detail .item-head .option-tbl .price_tr .won{font-size:13px}
	.item_detail .item-head .option-tbl .price_tr .red{font-size:13px; line-height:15px}
	.item_detail .item-head .option-tbl .price_tr .dc_percent{font-size:15px; line-height:15px}
	.item_detail .item-head .option-tbl th{width:100px; padding-top:10px; font-size:12px;}
	.item_detail .item-head .option-tbl td{padding-top:10px}
	.item_detail .item-head .option-tbl label{line-height:32px}
	.item_detail .item-head .option-tbl select.input-sm{height:32px; line-height:32px; font-size:13px}
	.item_detail .list-group-item{padding:10px 0}
	.item_detail .list-group-item .col_tit{width:100%; margin-top:0}
	.item_detail .list-group-item .col_count{width:100%}
	.item_detail .list-group-item .row .col-sm-7{width:100%; padding:0 15px 10px; line-height:15px}
	.item_detail .list-group-item .row .col-sm-5{width:100%}
	.item_detail .item-head .it_opt_subj{font-size:12px}
	.item_detail .item-head .it_opt_prc{font-size:12px}
	.item_detail .item-head .price-sum{margin:20px 0 10px; font-size:14px}
	.item_detail .item-head .price-sum span{font-size:24px;}
	.item_detail .item-head .price-sum .won{font-size:18px}
	.item_detail .item-head ul.item-form-btn li.btn_b{width:50%}
	.item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:0}
	.item_detail .item-head ul.item-form-btn li a{font-size:15px; line-height:46px}
	.item_detail .item-head ul.item-form-btn li input{font-size:15px; line-height:46px}
	.item_detail .item-form-footer{margin-top:0}
	.item_detail .panel{margin-bottom:40px}
	.item_detail .link_con{margin-top:30px}
	/* 구매버튼 변경 */
	.item_detail .pay_con{bottom:0}
	.item_detail .pay_con .pay_tab > label{width:100px; font-size:13px; line-height:30px}
	.item_detail .pay_con .pay_tab > select.input-sm{width:calc(100% - 100px); margin-left:-4px; font-size:13px}
	.item_detail .pay_con .btn_payview{margin-bottom:0}
}

/* 공유하기 버튼 변경_pc 동일하게 변경 */
.share_popup_wrap{display:none; position:fixed; top:50%; left:50%; z-index:102; margin-left:-172px; transform: translateY(-50.3%);}
.share_popup_wrap .it_share_popup{position:relative; min-width:345px; padding:15px 15px 30px; border:1px solid #959595; background-color:#fff}
.it_share_popup .share_title{margin-bottom:25px}
.it_share_popup .share_title .title{font-size:15px; color:#222}
.it_share_popup .share_content .share_ul{text-align:center}
.it_share_popup .share_ul > li{display:inline-block; padding:0 6px}
.it_share_popup .share_ul > li > a{display:inline-block; overflow:hidden; border-radius:50%}
.it_share_popup .share_ul > li > a img{}
.it_share_popup .btn_close{display:block; position:absolute; top:10px; right:15px; padding:5px; cursor:pointer}
.it_share_popup .input_url{border:none; width:1px; height:1px; position:absolute; top:0; left:0; background:transparent; }
.dim_layer{display:none; position:fixed; top:0; left:0; z-index:101; width:100%; height:100%; background-color:rgba(0,0,0,0.2)}

@media (max-width:768px){
	.share_popup_wrap{position:fixed; width:290px; margin-left:-145px}
	.share_popup_wrap .it_share_popup{min-width:100%; padding:15px 15px 24px}
	.it_share_popup .share_title .title{font-size:13px}
	.it_share_popup .share_ul > li{padding:0 5px}
	.it_share_popup .share_ul > li > a{width:45px}
	.it_share_popup .share_ul > li > a img{display:inline-block; width:100%}
	.it_share_popup .btn_close{right:13px}
	.it_share_popup .btn_close img{width:12px}
}

/*********************************************************************
 상품상세 하단_ 리뷰
 ㄴ skin.에있는 하단리뷰 타이틀 모두 리뷰스킨안으로 넣기
*********************************************************************/
.item_detail .review_banner{margin-bottom:62px; padding:45px 0 50px; background-color:#fafafa; text-align:center}
.item_detail .review_banner .txt{font-size:18px; line-height:29px; color:#222}
.item_detail .review_banner .btn_write{display:inline-block; margin-top:24px; padding:0 109px; background-color:#000022}
.item_detail .review_banner .btn_write > span{display:block; font-size:17px; line-height:56px; color:#fff}
.responsive .fix_panel .fix_panel_head, .qa_panel .panel-heading h3{ font-size:27px; color:#222; font-weight:400; padding-bottom:20px}
.m-review-panel .review-body > div .table-row .table-cell{padding:40px 0}
.m-review-panel .review-body > div .table-row .table-cell + .table-cell{border-left:1px solid #ddd}
.m-review-panel .review-body > div .table-row .table-cell.table_cell_star{width:55.018%}
.responsive .fix_panel .m-review-panel .grade_total{margin-bottom:25px; color:#666; font-weight:400; font-size:20px}
.responsive .fix_panel .m-review-panel .grade_total > span{font-weight:600; color:#000}
.m-review-panel .review-body .cnt-wrap:after {display:none}
.m-review-panel .review-body .cnt-wrap .grade_star {display:inline-block; max-width:200px}
.m-review-panel .review-body .cnt-wrap .grade_star .fa{margin-left:-2px; font-size:38px;}
.m-review-panel .review-body .cnt-wrap .grade_num{display:inline-block; margin-left:10px}
.m-review-panel .review-body .cnt-wrap .grade_num .grade{margin:0}
.m-review-panel .review-body .cnt-wrap .grade_num .grade .cur{display:inline-block; font-weight:600; line-height:1}
.m-review-panel .review-body > div {border-right:0}
.m-review-panel .review-body > div + div{border-left:1px solid #ddd}
.m-review-panel .review-body .item-simple-review {width:31%; padding:0 55px}
.responsive .item-simple-review .simple_wrap > div.left_text{width:75px; font-size:15px; font-weight:500;}
.item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{padding:0 20px; border:1px solid #222; border-radius:0 !important; background-color:#fff; font-weight:400; font-size:14px; line-height:37px; color:#222}
.item_detail .use-btn .btn-box .review_btn, #itemqa .qa-btn .btn-group .btn-color{background-color:#222; color:#fff}
.qa_panel .list-board .board-list{margin-bottom:22px}

@media (max-width:991px){
	.item_detail .review_banner{margin-bottom:40px; padding:35px 0 40px}
	.item_detail .review_banner .txt{font-size:12px; line-height:1.6}
	.item_detail .review_banner .btn_write{margin-top:15px; padding:0 45px}
	.item_detail .review_banner .btn_write > span{font-size:13px; line-height:35px}
	.qa_panel.panel .panel-heading{margin-bottom:0}
	.responsive .fix_panel .fix_panel_head, .qa_panel .panel-heading h3{font-size:15px; padding-bottom:15px}
	.m-review-panel .review-body > div .table-row .table-cell{padding:10px 0}
	.m-review-panel .review-body > div .table-row .table-cell + .table-cell{border-left:0}
	.m-review-panel .review-body > div .table-row .table-cell.table_cell_star{width:50%}
	.responsive .fix_panel .m-review-panel .grade_total{margin-bottom:15px}
	.m-review-panel .review-body .cnt-wrap.table .grade_star {display:inline-block; max-width:100%}
	.m-review-panel .review-body .cnt-wrap .grade_star .fa{font-size:20px;}
	.m-review-panel .review-body .cnt-wrap .grade_num{display:block; margin-left:0}
	.item_detail .m-review-panel .review-body .cnt-wrap.table .grade_num .grade{margin:10px 0}
	.m-review-panel .review-body > div .table-row .table-cell ul{max-width:150px}
	.m-review-panel .review-body > div + div{border-left:0}
	.m-review-panel .review-body .item-simple-review {width:100%}
	.responsive .fix_panel .m-review-panel{border-bottom:0}
	.item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{padding:0 17px; font-size:12px; line-height:28px}
}


/* 공통 */


.container_img {overflow: hidden;}
.container_fix {width: 1450px; padding: 0 15px;}
.container_fix2 {position: absolute; top: 0; left: 0;right: 0; max-width: 1750px; padding: 0 15px; margin: 0 auto; width: 100%;}
.main_bt{display: inline-block;font-size: 15px; line-height:55px ; padding: 0 35px; border: 1px solid #111; color: #151515; transition: all .3s;}
.main_bt:hover{border-color:#e40000 ;background: #e40000; color:#fff; transition: all .3s;}



/* 헤더 */
.at-menu {position: absolute; top: 0; left: 0; border: 0; background: transparent;}
.at-menu .pc-menu {transition: all .5s;}
.pc-menu .nav-full-back{background: transparent;}
.pc-menu .nav-full .at-container{padding: 18px 20px;max-width: 1750px; }
.pc-menu .nav-full > div:nth-last-of-type(2){width: auto;}
.at-menu .pc-menu .nav-slide {position: absolute; top: 0; left: 50%;transform: translateX(-50%); }
/* .pc-menu .nav-full .at-container{ display: flex;justify-content: space-between; align-items: center;} */
/* .at-menu .pc-menu .nav_full .container_fix {width: 100%;} */
.at-menu .pc-menu .nav-full .logo{display: block; background: url(../img/logo.png) no-repeat center; width:194px ;height: 54px;}
.pc-menu .nav-full .menu-ul {background: none; width: auto;}
.pc-menu .nav-full .menu-ul .menu-li > .menu-a{position: relative; color: #fff; font-size: 18px; font-weight: 400; background: transparent; text-align: left;}
.at-menu .pc-menu .nav-full .menu-ul .menu-li {margin: 0 auto; padding-right: 5.581vw;}
.at-menu .pc-menu .nav-full .menu-ul .menu-li:first-of-type{padding-right:5.217vw ;}
.at-menu .pc-menu .nav-full .menu-ul .menu-li:last-of-type{padding-right: 0;}
.pc-menu .nav-full .menu-ul > .menu-li:hover > .menu-a::after{ content: ''; position: absolute; bottom: 15px; left:0; width: 100%; height: 1px; background: #151515;}



/* nav-right-wrap */
.nav-right-wrap {position: absolute;top: 0; right: 20px; display: flex; align-items: center; width: 26.897%; height: 90px;z-index: 99;}
.nav-right-wrap .nav-right-1{position: relative; display: flex; align-items: center; margin-left: auto;}
.nav-right-wrap  .nav_lang {line-height: 90px;font-size: 16px; color: #fff; margin-right:34px;line-height: 25px; padding-bottom: 2px;}
.nav-right-wrap  .nav_lang>i{width:10px ;height: 7px; background: url(../img/h_arrow.png) no-repeat center; display: inline-block; margin-bottom:3px;margin-left: 13px; }

.nav-right-wrap  .nav_lang_menu{position: absolute;top:30px; left: 0; background: #fff;width: 50px;height: auto; display: block;padding: 15px; border-radius: 10px;display: none;}
.nav-right-wrap  .nav_lang_menu.on{display: block;}
.nav-right-wrap  .nav_lang_menu a {color: #666;font-size: 16px;display: block;}
.nav-right-wrap  .nav_lang_menu a:first-child{margin-bottom: 5px;}
.nav-right-wrap button,
.nav-right-wrap input {border: unset; background: unset; color: #fff;}
/* .nav-right-wrap input {display: none;} */
.nav-right-wrap .nav_full_all_menu {margin-left:26px ; width: 22px;height: 22px; background: url(../img/h_menu.png) no-repeat center;}
.nav-right-wrap .h_search .header_search{height: 90px;}
.nav-right-wrap .h_search_icon, 
.nav-right-wrap .h_search .header_search .search_submit{
	width:24px;height: 20px; background: url(../img/h_search.png) no-repeat center; display: block;
}
.nav-right-wrap .nav-right-2{flex-grow: 1; display: none;}
.nav-right-wrap .nav-right-2 > div .header_search{display: flex; align-items: center;}
.nav-right-wrap .h_search .header_search .h_search_wrap{display: flex; align-items: center; line-height: 4.3; border-bottom: 1px solid #fff; flex-grow: 1;}
.nav-right-wrap input{flex-grow: 1;}
.nav-right-wrap .nav-right-2 .search_close{margin-left:26px ; width: 22px;height: 22px; background: url(../img/h_close.png) no-repeat center; cursor: pointer;}

.search_box.h_search{}




/* 서브 리셋 */
.pc-menu .nav-full .menu-li:hover .sub-1div::before { display: none; }
.pc-menu .nav-full .sub-1dli:hover .sub-1da { color:unset; font-weight:unset; background: unset; }

.pc-menu .nav-full .menu-li:hover .sub-1div { background:unset; border: unset; box-shadow:unset; -webkit-box-shadow:unset; }
.pc-menu .nav-full .sub-2dli:hover .sub-2da { color:unset; font-weight:unset; background: unset; }
.pc-menu .nav-full .sub-2dul { border-top:unset; margin-top:0; }
.pc-menu .nav-full .sub-2div { left:100%; top:0; background:unset; position:absolute; z-index:20; box-shadow:unset; -webkit-box-shadow:unset; } 
.pc-menu .nav-full .sub-2da { display:block; color:#000; padding:5px 12px; line-height:22px; border-bottom: unset; } 

.pc-menu .nav-full.on .sub-1div{display: none;}



/* 서브메뉴 */

.pc-menu .nav-full .sub-1dul {display: flex;}
.at-menu .pc-menu .nav-full .menu-ul .menu-li .sub-1div {border: 0; padding: 16px 0; width: max-content; position:absolute; top: 90px}
.at-menu .pc-menu .nav-full .menu-ul .menu-li .sub-1da{border: 0; font-size: 15px; color: #ccc; padding: 0; margin-right: 50px;}
.at-menu .pc-menu .nav-full .menu-ul .menu-li .sub-1dli:hover .sub-1da {color: #333;}
.pc-menu .nav-full .sub-1dli.on .sub-1da, .pc-menu .nav-full .sub-1dli:hover .sub-1da{font-weight: normal;background: none;}

/* h_search */
.pc_header .container_fix > div.h_search {width:33.099% ;}


/* lang */



/* 헤더_active */
.at-menu .pc-menu.active {position: relative; background: #fff; transition: all .3s;}
.at-menu .pc-menu.active::after{content: ''; position: absolute; top: 90px ;left: 0;right: 0; width: 100%; height: 1px; background-color: #e1e1e1; transition: all .3s;}
.at-menu .pc-menu.active .logo {background: url(../img/f_logo.png) no-repeat center;}
.at-menu .pc-menu.active .menu-ul > .menu-li > .menu-a{color: #151515;}
.at-menu .pc-menu.active  .nav-right-wrap .nav_lang{color: #666666;}
.at-menu .pc-menu.active  .nav-right-wrap .nav_lang>i{background: url(../img/h_arrow_black.png) no-repeat center;}
.at-menu .pc-menu.active  .nav-right-wrap .h_search_icon, 
.at-menu .pc-menu.active  .nav-right-wrap .h_search .header_search .search_submit
{ background: url(../img/h_search_black.png) no-repeat center;}
.at-menu .pc-menu.active .nav-right-wrap .nav_full_all_menu {background: url(../img/h_menu_black.png) no-repeat center;}
.at-menu .pc-menu.active .nav-right-wrap .h_search .header_search .h_search_wrap {border-color: #151515;}
.at-menu .pc-menu.active  .nav-right-wrap .h_search .header_search > .search_close{background: url(../img/h_close_black.png) no-repeat center;}


/* site_map 올메뉴 */

.site_map_wrap{position: absolute; top: 90px; left: 0;z-index: 11;  width: 100%; background: #fff url(../img/site_map_bg.jpg) no-repeat bottom right / cover; padding-bottom: 151px; display: none;}
.site_map_wrap .site_top_img {}
.site_map_wrap .site_top_img img {width: 100%;}
.site_map_wrap .site_map {padding-top: 170px ;}
.site_map_wrap .site_map h3{position: relative; font-size: 52px; color: #151515;font-weight: 700; position: absolute; top: -30px;}
.site_map_wrap .site_map .site_map_box .menu-ul {position: relative; display: flex;}
.site_map_wrap .site_map .site_map_box .menu-ul > li  {width: 25%; padding-left: 4.226%; border-right: 1px solid #ebebeb; padding-bottom: 50px;}
.site_map_wrap .site_map .site_map_box .menu-ul > li:nth-child(2){width: 22%;}
.site_map_wrap .site_map .site_map_box .menu-ul > li:nth-child(4){width: 27%;}
.site_map_wrap .site_map .site_map_box .menu-ul > li:last-of-type{border: 0;width: auto;}
.site_map_wrap .site_map .site_map_box .menu-ul > li >a{ font-size: 25px; color: #151515;font-weight: 700; display: block; margin-bottom: 45px;}

.site_map_wrap .site_map .site_map_box .menu-ul .sub-1div >ul > li >a{position: relative; font-size: 17px; color: #666; line-height: 45px; font-weight: 300; word-break: keep-all;}
.site_map_wrap .site_map .site_map_box .menu-ul .sub-1div >ul > li >a:hover{color: #e40000; font-weight: 400;}
.site_map_wrap .site_map .site_map_box .menu-ul .sub-1div >ul > li >a:hover::after{content: ''; position: absolute; top: 55%; right: -40px; transform: translateY(-50%); width: 7px; height: 12px; background: url(../img/site_map_arrow.png) no-repeat center;}
.site_map_wrap .site_map .site_map_close{position: absolute; top: -30px; right: 0; width: 50px; height: 50px; background: #e40000; border: 0;}
.site_map_wrap .site_map .site_map_close::after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) ;width: 15px;height: 15px; background: url(../img/h_close.png) no-repeat center / cover;}

/* main_wide */

.main_wide .swipe-carousel .container_fix {width: 1750px;}

/* main_arrow */
/* .main_prev,.main_next{bottom: -48%;} */
.main_prev,
.main_next {width: 65px; height: 65px; border-radius: 50%; border: 2px solid #fff;}
.main_prev{top: 85px;}

.main_prev::after,
.main_next::after{ content: ''; background: url(../img/main_next.png) no-repeat center / cover; width: 10px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.main_prev::after{background: url(../img/main_next.png) no-repeat center / cover; transform: translate(-50%, -50%) scale(-1);}
.main_banner_btn {position: absolute; bottom: 215px; right: 15px; width: 65px; display: block; height: 65px;}

/* main_indicators */
.main_carousel{width:100%; transform: translateX(-50%) ;margin-left: 20px !important;text-align: left; display: flex; align-items: center;}
.main_carousel li {width: 12px;height: 12px; background-color: rgba(255, 255, 255, .4); border: 0; margin-right: 33px;}
.main_carousel .active {width: 20px;height: 20px; margin-right: 33px}


/* cont01_wrap */

.cont01_wrap{position: relative; padding: 140px 0;}
.cont01_wrap>div {}
.cont01_wrap>div .cont01_box_wrap{position: relative; display: table; table-layout: fixed; margin-bottom: 170px;}
.cont01_wrap>div .cont01_box_wrap .cont01_text_box {word-break: keep-all;}
.cont01_wrap>div .cont01_box_wrap .cont01_img {position: relative;}
.cont01_wrap>div .cont01_box_wrap .cont01_img .cont01_position {position: relative;}
.cont01_wrap>div .cont01_box_wrap .cont01_img .cont01_position img{width: 100%;}
.cont01_wrap>div .cont01_box_wrap .cont01_text_box .cont01_bg {border: 30px solid #f2f2f2;border-top-right-radius:110px; }
.cont01_wrap>div .cont01_box_wrap .cont01_text_box .cont01_bg .cont01_text{margin-left: -80px;margin-top: -50px;padding-bottom:40px;}
.cont01_wrap>div .cont01_box_wrap .cont01_text_box p {word-break: keep-all;}
.cont01_wrap>div .cont01_box_wrap:last-of-type{margin-bottom: 0;}
.cont01_wrap>div .cont01_box_wrap:first-of-type > .cont01_img{width:51.127%; display: table-cell; vertical-align: middle;}
.cont01_wrap>div .cont01_box_wrap:first-of-type > .cont01_text_box{width:calc(100% - 51.127% );display: table-cell;}
.cont01_wrap>div .cont01_box_wrap > div > img {width: 100%; position: relative;}
.cont01_wrap>div .cont01_box_wrap .cont01_img .cont01_txt_img{position:absolute; bottom: 2%; left: -20%;}
.cont01_wrap>div .cont01_box_wrap .cont01_text_box .cont01_bg .cont01_text .cont01_w{
    background-color: #fff; border-top-right-radius:110px ;padding-bottom: 11.765%;
}

/* cont01 1번 */
.cont01_wrap>div .cont01_box_wrap:first-of-type > div:last-of-type{padding: 3.874% 2.817% 4.986% 12.099%;}
.cont01_wrap>div .cont01_box_wrap div .cont01_tit { display: inline-block; font-family: 'Red Hat Display', sans-serif; font-size: 20px; font-weight: 700; line-height: 70px;  font-weight: 800; color: #151515; background-color: #fff;padding-right:20px;}
.cont01_wrap>div .cont01_box_wrap div .cont01_tit b {font-family: 'Red Hat Display', sans-serif;font-weight: 900;  color: #e40000;}
.cont01_wrap>div .cont01_box_wrap div h3 {font-family: 'OTWelcomeBA'; font-size: 53px; line-height: 65px; color: #151515;padding-top: 11.54%; word-break: keep-all;}
.cont01_wrap>div .cont01_box_wrap div p {font-size: 20px; color: #151515; ;line-height: 30px; padding-bottom: 8.507%; }
.cont01_wrap>div .cont01_box_wrap .cont01_w > span{font-size: 18px; color: #999999; font-family: 'Red Hat Display', sans-serif;font-weight: 600;margin-bottom: 9.957%;display: block;}
.cont01_wrap>div .cont01_box_wrap .cont01_img .cont01_txt_img span {font-size: 150px; display: block;letter-spacing: 10px; font-weight: 900; color: transparent;-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #e40000; font-family: 'Red Hat Display', sans-serif;}


/* cont01 2번 */
.cont01_wrap>div .cont01_left_box{padding-right:9.86% ;}
.cont01_wrap>div .cont01_left_box > .cont01_text_box{ padding-right: 14.063%; width: calc(100% - 42.873% - 14.063%); display: table-cell;}
.cont01_wrap>div .cont01_left_box .cont01_text_box .cont01_bg .cont01_text{text-align: right; }
.cont01_wrap>div .cont01_left_box .cont01_text_box .cont01_bg{border-top-left-radius:110px; border-top-right-radius:0; height: auto;}
.cont01_wrap>div .cont01_left_box .cont01_text_box .cont01_bg .cont01_text{margin-right: -80px; margin-left: 0;}
.cont01_wrap>div .cont01_left_box .cont01_text_box .cont01_bg .cont01_text .cont01_w{border-top-left-radius:110px;border-top-right-radius:0; }
.cont01_wrap>div .cont01_left_box > .cont01_text_box  span {padding-left: 20px; padding-right: 0;}
.cont01_wrap>div .cont01_left_box div h3{padding-bottom: 10px;}
.cont01_wrap>div .cont01_left_box > .cont01_text_box  p{text-align: right;}
.cont01_wrap>div .cont01_left_box > .cont01_img{padding-top: 95px;width: 37.997%; display: table-cell; vertical-align: middle;}
.cont01_wrap>div .cont01_left_box .cont01_img .cont01_txt_img{position:absolute; bottom: -11%; left: 38%;width: auto;}
.cont01_wrap>div .cont01_left_box .cont01_img .cont01_txt_img span {font-size: 160px; white-space:nowrap;}



/* cont01 3번 */
.cont01_wrap>div .cont01_box_wrap:nth-of-type(3) > .cont01_img{width: 56.148%; display: table-cell; vertical-align: middle;}
.cont01_wrap>div .cont01_box_wrap:nth-of-type(3) > .cont01_img img {margin-left: -15px; width: 100%;}
.cont01_wrap>div .cont01_box_wrap:nth-of-type(3) > .cont01_text_box {width: auto; padding-left: 9.564%; flex-grow: 1; display: table-cell;}
.cont01_wrap>div .cont01_box_wrap:nth-of-type(3) .cont01_text_box .cont01_bg{margin-left: 0; margin-right: -10px;}
/* .cont01_wrap>div .cont01_box_wrap:nth-of-type(3) .cont01_text_box .cont01_bg .cont01_text{margin-left: -50px;} */

/* cont02 */

.cont02_wrap{position: relative; padding: 100px 0; background: url(../img/cont02_bg.jpg) no-repeat center / cover;}
.cont02_wrap > div {display: flex;}

/* cont02 이미지 게시판 */
.cont02_wrap > div > .cont02_left {width: 50%;padding-right: 40px; }
.cont02_wrap > div > .cont02_left .owl-carousel{padding:0 40px;}
.cont02_wrap > div > .cont02_left .owl-carousel .owl-controls .owl-buttons{position: absolute;top: 44%;left: 0; right: 0;transform: translateY(-50%); width: 100%;}
.cont02_wrap .owl-carousel .owl-controls .owl-buttons div{width: auto;height: auto;}
.cont02_wrap > div > .cont02_left .owl-carousel .owl-controls .owl-buttons .cont02_prev {background: url(../img/cont02_prev.png) no-repeat center / contain;width: 14px; height: 30px;display: block;}
.cont02_wrap > div > .cont02_left .owl-carousel .owl-controls .owl-buttons .cont02_next {background: url(../img/cont02_next.png) no-repeat center / contain;width: 14px; height: 30px;display: block;}
.cont02_wrap > div > .cont02_left h3 {font-size: 26px; color: #fff; font-weight: 600; text-align: center; padding: 35px 0 30px; font-family: 'OTWelcomeBA';}
.cont02_wrap > div > .cont02_left .owl-carousel .owl-wrapper-outer{background: unset; padding: unset;}
.cont02_wrap > div > .cont02_left .owl-carousel .owl-wrapper-outer .img-wrap .img-item img{width: 100%;}
.cont02_wrap > div > .cont02_left .owl-carousel .owl-controls .owl-buttons div{background-color: unset;}
.cont02_wrap > div > .cont02_left .owl-carousel .owl-wrapper-outer .img-wrap .img-item h5 {font-size: 17px; color: #fff; margin-top: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/* cont02 게시판 메뉴 */
.cont02_wrap > div > .cont02_right {width: 50%;} 
.cont02_wrap > div > .cont02_right .cont02_tab {position: relative; display: block; border-bottom: 1px solid #fff;}
.cont02_wrap > div > .cont02_right .cont02_tab li {position: relative; float: left; padding: 0 25px ;} 
.cont02_wrap > div > .cont02_right .cont02_tab li::after {content: '';  position: absolute; top: 50%; left: 0; width: 5px; height: 5px; background-color: #45484f;}

.cont02_wrap > div > .cont02_right .cont02_tab li:nth-of-type(1){padding-left: 0;}
.cont02_wrap > div > .cont02_right .cont02_tab li:nth-of-type(1)::after{display: none;}
.cont02_wrap > div > .cont02_right .cont02_tab li a{display: block; font-size: 26px; color: #45484f;  font-weight: 600;padding: 30px 0;}
.cont02_wrap > div > .cont02_right .cont02_tab li a.wh{color: #fff;}
.cont02_wrap > div > .cont02_right .cont02_plus_wrap li{}
.cont02_wrap > div > .cont02_right .cont02_plus {position: absolute; top: 30px; right:15px; font-size: 30px; color:#fff;  font-weight: 200;display: none; }
/* plus_block 보이기 */
.cont02_wrap > div > .cont02_right .cont02_plus.block{display: block;}

.cont02_wrap > div > .cont02_right .cont02_bo_table{display: none;}


/* 보이기 block */
.cont02_wrap > div > .cont02_right .cont02_bo_table.block{
    display: block;
}

/* cont02 게시판 */
.cont02_wrap > div > .cont02_right .cont02_bo_table .miso-post-list{display: flex;}
.cont02_wrap > div > .cont02_right .cont02_bo_table .miso-post-list .post-wrap{width:100%;}
.cont02_wrap > div > .cont02_right .cont02_bo_table .miso-post-list .post-wrap .post-list .post-row{ padding: 30px 0; border-bottom: 1px solid #42454a;}
.cont02_wrap > div > .cont02_right .cont02_bo_table .miso-post-list .post-wrap .post-list .post-row a{display: block;}
.cont02_wrap > div > .cont02_right .cont02_bo_table .miso-post-list .post-wrap .post-list .post-row a h3{font-size:18px ;color: #fff;font-weight: 600;margin-bottom: 15px; text-overflow: ellipsis; word-break: keep-all; overflow: hidden; white-space: nowrap;}
.cont02_wrap > div > .cont02_right .cont02_bo_table .miso-post-list .post-wrap .post-list .post-row a .post-desc{display: flex; justify-content: space-between; align-items: center;}
.cont02_wrap > div > .cont02_right .cont02_bo_table .miso-post-list .post-wrap .post-list .post-row a .post-desc .post-desc-left{width: 83.747%;}
.cont02_wrap > div > .cont02_right .cont02_bo_table .miso-post-list .post-wrap .post-list .post-row a .post-desc p{display: block; color: #838383; font-size: 15px; line-height: 25px; word-break: keep-all; height: 45px; overflow: hidden;}
.post-wrap .post-list .post-row a .post-desc span {font-size: 15px; color: #4a4d53; line-height: 25px;}

/* cont03 */

.cont03_wrap{position: relative; padding: 110px 0;}
.cont03_wrap > div {display: flex;}
.cont03_wrap > div > .cont03_left{width: 59.508%;}
.cont03_wrap > div > .cont03_left iframe {width: 100%; height: 100%;}
.cont03_wrap > div > .cont03_right{padding: 110px 0; padding-left: 5.634%;width: calc(100% - 59.508%);}
.cont03_wrap > div > .cont03_right h2{font-size: 53px; font-family: 'OTWelcomeBA'; font-weight: 600; margin-bottom:30px ;color: #151515;}
.cont03_wrap > div > .cont03_right div{font-size: 17px; color: #666;  margin-bottom: 30px;word-break: keep-all;display: flex;}
.cont03_wrap > div > .cont03_right div:last-of-type{margin-bottom: 0;}
.cont03_wrap > div > .cont03_right div b{font-weight: 500;font-size: 18px;width: 100px; color: #222;}
.cont03_wrap > div > .cont03_right div span {font-size: 17px; width: calc(100% - 100px);}
.cont03_wrap > div > .cont03_right .main_bt{margin-top:70px ;}

/* 푸터 */
.fix_footer{margin-top: 0;}
.fix_footer .fix_infos_box{padding: 30px 0 45px 0; border-top: 1px solid #ebebeb;}
.fix_footer .fix_infos_box > div {display: flex; align-items: center;}
.fix_footer .fix_infos_box .container_fix .fix_right{padding-left: 50px;}
.fix_footer .fix_infos_box .container_fix .fix_right .fix_links_box {border: unset;}
.fix_footer .fix_links_box ul{padding-bottom: 25px; padding-top: 20px;}
.fix_footer .fix_links_box .fix_links > li{padding-left: 1.264%; margin-left: 11px;}
.fix_footer .fix_links_box .fix_links > li:first-child{padding-left: 0;margin-left: 0;}
.fix_footer .fix_links_box .fix_links > li + li{margin-left:10px;padding-left: 10px;}
.fix_footer .fix_links_box .fix_links > li + li:after{display: none;}
.fix_footer .fix_links_box .fix_links > li a{font-size: 17px; color: #333;}
.fix_footer .fix_infos_box .info_ul > li ,
.fix_footer .fix_infos_box h4{font-size: 15px; color: #888; line-height: 27px; font-weight: 300;}
.fix_footer .fix_infos_box .info_ul{margin-bottom: 0;}
.fix_footer .fix_infos_box h4{line-height: 26px; margin-top: 10px;}
.fix_footer .fix_infos_box .info_ul > li{margin-left:12px;padding-left:12px;}
.fix_footer .fix_infos_box .info_ul > li:first-of-type{margin-left: 0;padding-left: 0;}
.fix_footer .fix_infos_box .info_ul > li + li {margin-left: 10px;}
.fix_footer .fix_infos_box .info_ul > li + li:after{background-color: #d4d4d4;}
.fix_footer .fix_infos_box .info_ul > li:last-of-type::after{content: '';position: absolute; top: 50%; left: 0; width: 1px;height: 12px; margin-top: -6px; background-color: #888;}
.fix_footer .fix_infos_box .info_ul > li a{font-size: 15px;}

/* f_sns */
.fix_footer .fix_infos_box .f_sns_menu_wrap {position: relative; flex-grow: 1; align-self: flex-start;}
.fix_footer .fix_infos_box .f_sns_menu_wrap ul { justify-content: end; display: flex;}
.fix_footer .fix_infos_box .f_sns_menu_wrap ul li {margin-left: 11px;}
.fix_footer .fix_infos_box .f_sns_menu_wrap ul > li > a {position: relative; width: 38px; height: 38px; background: #d4d4d4; border-radius: 50%; display: block; transition: background .3s;}
.fix_footer .fix_infos_box .f_sns_menu_wrap ul > li:hover > a{background: #e40000;}
.fix_footer .fix_infos_box .f_sns_menu_wrap ul > li > a::after{content: ''; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);  width: 20px; height: 15px; background: url(../img/f_sns_utube.png) no-repeat center ; }

.fix_footer .fix_infos_box .f_sns_menu_wrap ul > li > .f_sns_blog::after{background: url(../img/f_sns_blog.png) no-repeat center; width: 11px ;height: 14px;}
.fix_footer .fix_infos_box .f_sns_menu_wrap ul > li > .f_sns_fb::after{background: url(../img/f_sns_fb.png) no-repeat center; width: 9px ;height: 16px;}
.fix_footer .fix_infos_box .f_sns_menu_wrap ul > li > .f_sns_ins::after{background: url(../img/f_sns_ins.png) no-repeat center; width: 15px ;height: 15px;}
.fix_footer .fix_infos_box .f_sns_menu_wrap ul > li:hover:nth-child(4) > a::after{background: url(../img/f_sns_utube_red.png) no-repeat center;}



/* 테블릿 1200 */

@media (max-width:1220px){
	/* cont01 */
	.cont01_wrap>div .cont01_box_wrap .cont01_img .cont01_txt_img{left: 0;bottom: 3%;}
	.cont01_wrap>div .cont01_box_wrap .cont01_img .cont01_txt_img span{font-size:110px ;}
	.cont01_wrap>div .cont01_box_wrap.cont01_left_box .cont01_img .cont01_txt_img{left: unset;right: -35%;bottom: -11%;}
	/* footer */
	.fix_footer .fix_infos_box .info_ul > li:last-of-type{margin-left: 0;padding-left: 0;}
	.fix_footer .fix_infos_box .info_ul > li:last-of-type::after{display: none;}
}


/* 모바일 991 */

@media (max-width:991px){
    /* 헤더 */
    .m_header {position: absolute; top: 0;right: 0; left: 0;z-index: 99;}
    .m_header > div {display: flex; padding: 15px;justify-content: space-between; align-items: center;}
    .m_header a.center_logo img{height: 35px;}
    .m_header a.left_menu{position: relative; left: unset; margin-left: 15px;}
    .m_header a.left_menu img {height: 20px;}
	.m_header .nav-right-wrap{width: auto; height: 65px;}
    .m_header .nav-right-wrap .nav-right-1 .h_search_icon{width: 25px;height: 20px; background: url(../img/m_search.png) no-repeat center / contain; border: 0;}
    .m_header .nav-right-2{ display: none;}
	.m_header .nav-right-2  .header_search{display: flex; align-items: center;}
	.m_header .nav-right-2 .h_search_wrap{line-height: 33px;border-bottom: 1px solid #fff;display: flex; align-items: center; width: 145px;}
	.m_header .nav-right-2 input {background: transparent; border: 0; width: calc(145px - 25px);color: #fff;}
	.m_header .nav-right-wrap .h_search .header_search .search_submit {background: url(../img/m_search.png) no-repeat center / contain; width: 25px; height: 20px; border: 0;margin-top: 1px;}
	.m_header .nav-right-2 .search_close {background: url(../img/h_close.png) no-repeat center; width: 20px;height: 20px; border: 0;display: block;margin-left: 15px; cursor: pointer;}

	.sidebar_custom .sb_header{background: #e40000;}
	.sidebar_custom .sb_header .sidebar_close i img {height: 20px;}

    /* 메인 슬라이드 */
    .main_carousel li{width: 8px; height: 8px; margin-right: 20px;}
    .main_carousel .active {width: 14px; height: 14px;margin-right: 20px;}

    /* cont01 */

    .cont01_wrap{padding: 60px 0;}
    .cont01_wrap>div .cont01_box_wrap{display: flex !important;flex-direction: column;align-items: center;margin-bottom: 65px;}
    .cont01_wrap>div .cont01_box_wrap>div {padding: 0 !important;}
    .cont01_wrap>div .cont01_box_wrap> .cont01_img{width: 100% !important;margin-bottom: 40px;}
    .cont01_wrap>div .cont01_box_wrap> .cont01_img img {width: 100% !important;}
    .cont01_wrap>div .cont01_box_wrap> .cont01_text_box{width: 100% !important;}
    .cont01_wrap>div .cont01_box_wrap .cont01_text_box .cont01_bg {border-width:23px ;border-top-right-radius:70px;border-top-left-radius:0 !important;margin-left: 20px;}
	.cont01_wrap>div .cont01_box_wrap.cont01_left_box .cont01_text_box .cont01_bg{margin-left: 18px;}
    .cont01_wrap>div .cont01_box_wrap .cont01_text_box .cont01_bg .cont01_text{margin: -44px 0 0 -43px !important;text-align: left !important;padding-bottom: 25px;}
	.cont01_wrap>div .cont01_box_wrap.cont01_left_box .cont01_text_box .cont01_bg .cont01_text{margin-left: -41px !important;}
	.cont01_wrap>div .cont01_box_wrap:last-of-type .cont01_text_box .cont01_bg .cont01_text{margin: -44px 0 0 -38px !important;}
    .cont01_wrap>div .cont01_box_wrap div .cont01_tit{font-size:14px ;padding: 0 15px 0 0;}
    .cont01_wrap>div .cont01_box_wrap div h3{padding-top: 15px;font-size: 34px;line-height: 40px;}
	.cont01_wrap>div .cont01_box_wrap.cont01_left_box div h3{padding-bottom: 0;}
    .cont01_wrap>div .cont01_box_wrap .cont01_w > span{font-size: 14px;margin:8px 0 25px;padding-left: 0;}
    .cont01_wrap>div .cont01_box_wrap div p{font-size: 15px;padding-bottom: 30px;text-align: left !important; line-height:24px ; font-weight: 400;}
    .main_bt{font-size: 13px;line-height: 45px;padding: 0 20px; border: .8px solid #111; color: #111 !important;}
    .cont01_wrap>div .cont01_box_wrap .cont01_text_box .cont01_bg .cont01_text .cont01_w{padding-bottom: 35px; border-top-right-radius:80px !important;border-top-left-radius:0 !important; }
    .cont01_wrap>div .cont01_left_box{flex-direction: column-reverse; padding-right: 0;}

    .cont01_wrap>div .cont01_box_wrap:nth-of-type(3) .cont01_text_box .cont01_bg{margin: 0 0 0 15px;}
	.cont01_wrap>div .cont01_box_wrap:nth-of-type(3) > .cont01_img img{margin-left: 0;}

	/* cont02 */
	.cont02_wrap {padding: 60px 0; background: url(../img/m_cont02_bg.jpg) no-repeat center /cover;}
	.cont02_wrap > div{flex-direction: column;}
	.cont02_wrap > div > .cont02_left{width: 100%;padding-right: 0; margin-bottom: 15px;}
	.cont02_wrap > div > .cont02_right{width: 100%;position: relative;}
	.cont02_wrap > div > .cont02_right .cont02_tab{margin-bottom: 5px;}
	.cont02_wrap > div > .cont02_left h3{font-size: 20px; padding: 0 0 15px;}
	.cont02_wrap > div > .cont02_left .owl-carousel{padding: 0 28px;}
	.cont02_wrap .owl-carousel .owl-controls .owl-buttons div{width: auto;height: auto;}
	.cont02_wrap > div > .cont02_left .owl-carousel .owl-controls .owl-buttons .cont02_prev{background: url(../img/m_cont02_prev.png)no-repeat center / contain; width: 11px; height: 30px;}
	.cont02_wrap > div > .cont02_left .owl-carousel .owl-controls .owl-buttons .cont02_next{background: url(../img/m_cont02_next.png)no-repeat center / contain; width: 11px; height: 30px;}
	.cont02_wrap > div > .cont02_left .owl-carousel .owl-wrapper-outer{padding: 0 1px;}
	.cont02_wrap > div > .cont02_left .owl-carousel .owl-wrapper-outer .img-wrap .img-item h5{font-size: 14px;margin-top: 10px;font-weight: 500;}
	.cont02_wrap > div > .cont02_right .cont02_tab li{padding: 0 15px;}
	.cont02_wrap > div > .cont02_right .cont02_tab li a{font-size: 18px;padding: 20px 0;}
	.cont02_wrap > div > .cont02_right .cont02_tab li::after{width: 3px;height: 3px;}
	.cont02_wrap > div > .cont02_right .cont02_plus{font-size: 30px;line-height: 1;top: 13px; right: 0; font-weight: 300;}
	.cont02_wrap > div > .cont02_right .cont02_bo_table .miso-post-list .post-wrap .post-list .post-row{padding: 15px 0;}
	.cont02_wrap > div > .cont02_right .cont02_bo_table .miso-post-list .post-wrap .post-list .post-row a .post-desc .post-desc-left{width: 75.747%;}
	.cont02_wrap > div > .cont02_right .cont02_bo_table .miso-post-list .post-wrap .post-list .post-row a h3{font-size: 15px;margin-bottom: 10px;}
	.cont02_wrap > div > .cont02_right .cont02_bo_table .miso-post-list .post-wrap .post-list .post-row a .post-desc p{font-size: 14px;line-height: 19px;height: 38px;}
	.post-wrap .post-list .post-row a .post-desc span{font-size: 14px;}

	/* cont03 */
	.cont03_wrap {padding: 50px 0;}
	.cont03_wrap > div{flex-direction: column;}
	.cont03_wrap > div > .cont03_left{width: 100%;height: 250px;}
	.cont03_wrap > div > .cont03_right{padding: 35px 0 0; width: 100%;}
	.cont03_wrap > div > .cont03_right h2{font-size: 34px;margin-bottom: 25px;}
	.cont03_wrap > div > .cont03_right div {margin-bottom: 20px;}
	.cont03_wrap > div > .cont03_right div:first-of-type span{width:calc(100% - 75px); line-height: 22px;}
	.cont03_wrap > div > .cont03_right div span{font-size: 14px; line-height: 22px;}
	.cont03_wrap > div > .cont03_right div b{font-size: 14px;font-weight: 500;width: 75px;line-height: 22px;}
	.cont03_wrap > div > .cont03_right .main_bt{margin-top: 40px;}

	/* 푸터 */

	.fix_footer .fix_infos_box {padding: 20px 0 30px;}
	.fix_footer .fix_infos_box > div{flex-direction: column;align-items:flex-start;}
	.fix_footer .fix_infos_box >div > a >img {height: 40px;}
	.fix_footer .fix_infos_box .container_fix .fix_right{padding-left: 0;}
	.fix_footer .fix_links{text-align: left;}
	.fix_footer .fix_links_box ul{padding-bottom: 5px;}
	.fix_footer .fix_links_box .fix_links > li{margin-bottom: 10px;}
	.fix_footer .fix_links_box .fix_links > li:nth-of-type(3){margin-left: 0;padding-left: 0;}
	.fix_footer .fix_links_box .fix_links > li + li{padding-left: 0;}
	.fix_footer .fix_links_box .fix_links > li a{font-size: 13px;font-weight: 400;}
	.fix_footer .fix_infos_box .info_ul > li{display: inline-block;position: relative;}
	.fix_footer .fix_infos_box .info_ul > li:nth-child(2){margin-left: 7px;padding-left: 10px;}
	.fix_footer .fix_infos_box .info_ul > li:nth-child(2)::before{content: '';position: absolute; left: 0; top: 57%;transform: translateY(-50%); width: 1px; height: 11px; background: #d1d1d1;}
	.fix_footer .fix_infos_box .info_ul > li:last-of-type{margin-left: 0;padding-left: 0;}
	.fix_footer .fix_infos_box .info_ul > li:last-of-type::after{display: none;}
	.fix_footer .fix_infos_box .info_ul > li, .fix_footer .fix_infos_box h4{font-size: 13px;line-height: 22px; font-weight: 400;}
	.fix_footer .fix_infos_box .info_ul > li + li{padding-left: 0;margin-left: 0;}
	.fix_footer .fix_infos_box .info_ul > li a{font-size: 13px; color: #888;}
	.fix_footer .fix_infos_box h4{margin-bottom: 25px;}
	.fix_footer .fix_infos_box .f_sns_menu_wrap ul{align-items: flex-start;}
	.fix_footer .fix_infos_box .f_sns_menu_wrap ul li:first-of-type{margin-left: 0;}
	.fix_footer .fix_infos_box .f_sns_menu_wrap ul > li > a{width: 33px;height: 33px;}
	.fix_footer .fix_infos_box .f_sns_menu_wrap ul > li > .f_sns_blog::after{background: url(../img/m_f_sns_blog.png) no-repeat center / cover; width: 10px;height: 13px;}
	.fix_footer .fix_infos_box .f_sns_menu_wrap ul > li > .f_sns_fb::after{background: url(../img/m_f_sns_fb.png) no-repeat center / contain; width: 9px;height: 18px;}
	.fix_footer .fix_infos_box .f_sns_menu_wrap ul > li > .f_sns_ins::after{background: url(../img/m_f_sns_ins.png) no-repeat center / contain; width: 15px;height: 15px;}
	.fix_footer .fix_infos_box .f_sns_menu_wrap ul > li > .f_sns_utube::after{background: url(../img/m_f_sns_utube.png) no-repeat center / contain; width: 15px;height: 15px;}
	.fix_footer .fix_infos_box .f_sns_menu_wrap ul > li:hover:nth-child(4) > a::after{background: url(../img/m_f_sns_utube_red.png) no-repeat center / contain; width: 15px;height: 15px;}
}



/* 220810 kmj 유지보수 */
.m0_top_banner .m0_top_text span.blank{margin: 0 5px;}

/* 모바일 언어 메뉴 노출 */
@media(max-width:991px){
	.nav-right-wrap .nav_lang{margin:0 0 0 15px;}
	.nav_lang_wrap{position:relative;}
	.nav-right-wrap .nav_lang_menu{left:15px;}
}