@charset "utf-8";

.pc {display:inline-block;}
.mb {display:none;}
.mb_480 {display:none;}

.pc_img{display:inline-block}
.mb_img{display:none}

.alignR{float:right}
.alignL{float:left}




html, body, #wrap{xheight:100%;}
#wrap{width:100%;min-width:320px;}
header{z-index:9999;background-color:#fff;}
#container{margin: 0 ; padding-bottom:0px; width:100%;min-height:100%; overflow:hidden;}
#container.main{padding-bottom:0;}
#container > div{padding:80px 0 0; }

#container.main{width:100%;max-width:100%;margin:0 auto ;}
#container.main .wr{width:90%;max-width:1520px;margin:0 auto ;}


.Wr{max-width:1420px;margin:0 auto;}

@media screen and (max-width:1421px){

.Wr{max-width:100%;margin:35px auto 0 auto;}

}

@media screen and (max-width:960px){

.Wr{max-width:100%;margin:10px auto 7rem auto;}

}

.gnb_pc .th2, .quick{
  transition:all ease 0.3s ;
  -webkit-transition:all ease 0.3s;
}

.group .state .in_box{
  transition:all ease 0.5s ;
  -webkit-transition:all ease 0.5s;
}


/* 공통 */
.no_data{margin-bottom:25px;padding:100px 0;text-align:center;border-top:1px solid #000;border-bottom:1px solid #000;}
.dis_no{position:absolute;top:-9999px;font-size:0;line-height:0;text-indent:-9999px;height:0;}

.txt_l{text-align:left !important;}
.txt_l td{text-align:left !important;}
.txt_r{text-align:right !important;}
.txt_c{text-align:center !important;}


.calen input[type="text"]{width:150px;}

.in_block{display:inline-block !important;margin-left:5px;}
.block_in{display:block !important;line-height:1.5em;padding:3px 0;}

.point_txt{color:#007baf !important;}
.asterisk{display:inline-block;vertical-align:middle;color:#d90104;}
.agree{margin-bottom:35px;}
.agree label{margin-left:10px;}

.mB0 {margin-bottom:0px !important;}
.mB20{margin-bottom:20px !important;}
.mB50{margin-bottom:45px !important;}

.fr {float:right;}
.fl {float:left;}
.fc {float:center;}

.seclet_withType_a {width:184px;}
.seclet_withType_b {width:235px;}

.fwb{font-weight:600;color:#222}

.bx_bd_line{border-top:2px solid #d8d8d8}


button{outline:0;border:0;xpadding:12px 10px 15px 10px;text-align:center;font-weight:500;color:#fff;font-size:16px}

.B_B{background:#2986f5 ! important;}
.B_O{background:#f9ab25 ! important}
.B_G{background:#393939 ! important}

/*T_COLOR*/

.fc_B{color:#2986f5 ! important}
.fc_O{color:#ff8400 ! important}
.fc_G{color:#393939 ! important}
.fc_R{color:#ff5c5c ! important}
.fc_W{color:#fff ! important}


/*BX*/

.Bx{border:1px solid #ddd;padding:10px 20px;font-size:0.92em;}
.Bx_O{border:1px solid #f9ab25 ! important;padding-right:15px ! important;}


/**/


/*작업중*/

.ing{max-width:100%;text-align:center;margin:0 auto;border:1px solid #e1e1e1 ;border-radius:0 50px 0px 50px}
.ing img{max-width:600px;min-width:300px;}


/* 공통 */
.posiY{position:relative;top:50%;transform:translateY(-50%);}
.posiXY{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

/* Header */
.top_area{width:100%;max-width:1520px;height:65px;margin:0 auto;}
.top_area:after{content:'';display:block;clear:both;}
.top_area > ul{float:right;margin-top:10px;}
.top_area > ul > li{display:inline-block;position:relative;}
.top_area > ul > li:last-child {margin-left:11px;padding-left:15px;}
.top_area > ul > li:last-child:before{content:'';position:absolute;left:0;top:7px;width:1px;height:12px;background-color:#cbcbcb;}
.top_area > ul > li > a, .top_area > ul > li > a:before{display:inline-block;vertical-align:middle;}
.top_area > ul > li > a{line-height:22px;font-size:1.4rem;color:#555;}
.top_area > ul > li:nth-child(1) > a {width:176px;height:auto;padding:4px 6px 2px 4px;margin-right:20px;text-align:left;color:#23246c;border:1px solid #23246c;border-radius:5px;box-sizing:border-box;}
.top_area > ul > li:nth-child(1) > a:before{margin-right:8px;width:22px;vertical-align:middle;background-position:-400px 0;}
.top_area > ul > li:nth-child(2) > a:before{margin-right:7px;background-position:-432px 3px;}
.top_area > ul > li:nth-child(3) > a:before{margin-right:7px;background-position:-456px 4px;}
.top_area > ul > li:nth-child(4) > a:before{width:0;margin-right:0;background:none;}

.top_area > ul.login_util > li{margin-left:11px;padding:0 0 10px 15px;margin-top:10px;}
.top_area > ul.login_util > li:first-child{margin-left:0;padding-left:0;}
.top_area > ul.login_util > li:first-child > a {width:auto;height:auto;padding:4px 6px ;margin-right:0;text-align:left;color:#555;border:0;border-radius:0;box-sizing:border-box;} 
.top_area > ul.login_util > li:first-child > a > strong {color:#008dc9;}
.top_area > ul.login_util > li:nth-child(3) > a:before{background-position:-504px 3px;}
.top_area > ul > li strong{color:#007baf;}
.top_area > ul.login_util > li .cartCount {display:inline-block;width:20px;height:20px;line-height:20px;margin-left:8px;text-align:center;font-size:1.2rem;color:#fff;background-color:#333;border-radius:50%; vertical-align:middle;}


/* logo */
.top_area {position:relative;}
.top_area h1{position:absolute; left:0; top:10px; width:305px;height:53px; z-index:12;}
.top_area h1 a{display:block;width:100%;height:100%;font-size:0;line-height:0;background:url('/assets/images/ico/logo.png') no-repeat center center / cover;}
.top_area.move h1{position: fixed;  top: 10px; left:calc(50% - 760px);}

/* GNB */
.gnb_area{z-index:11;position:relative;width:100%;}
.gnb_area.move{position:fixed;top:0px;}
.gnb_area.move .gnb_pc{border-top:0;}

.gnb_nav{font-size:0;}
.gnb_pc{position:absolute;top:0;left:0;width:100%;background:#fff ; border-top:1px solid #e8e8e8; border-bottom:1px solid #ffe55a;z-index:9999999999999}
.gnb_pc.on {border-bottom:0;box-shadow: 3px 30px 30px rgba(0,0,0,0.05);}
.gnb_pc.stop{box-shadow:none !important;}
.gnb_pc > nav{width:100%;max-width:1520px;margin:0 auto; padding-left:60px; box-sizing: border-box; height:80px;}
.gnb_pc > nav > ul{width:calc(100% - 80px); margin-right: 60px;padding-top:10px;}


.gnb_pc > nav > ul > li{float:left;  max-width:11%; vertical-align:top; width:100%;}
.gnb_pc > nav > ul > li:nth-child(2){max-width:11%;}
.gnb_pc > nav > ul > li:nth-child(3){max-width:11%;}
.gnb_pc > nav > ul > li:nth-child(4){max-width:11%;}
.gnb_pc > nav > ul > li:nth-child(5){max-width:11%;}
.gnb_pc > nav > ul > li:nth-child(6){max-width:11%;}
.gnb_pc > nav > ul > li:nth-child(7){max-width:11%;}
.gnb_pc > nav > ul > li:nth-child(8){max-width:11%;}
.gnb_pc > nav > ul > li:nth-child(9){max-width:11%;}

.gnb_pc > nav > ul > li a{display:block;}
.gnb_pc .th1>a{display:block;padding-right:70px;     white-space: nowrap; height:50px;line-height:50px;font-size:2.0rem;font-weight:600; }
.gnb_pc .th1.on>a{ }

.gnb_pc .th2 {padding:0;width:100%;height:0;text-align:left;}
.gnb_pc .th2>li>a{visiblity:hidden; word-break:break-all; margin-bottom:10px; padding-right:10px; }
.gnb_pc .th2.on>li>a{visiblity:visible;}
.gnb_pc .th2.on{padding:20px 0 30px 0px;height:auto;}
.gnb_pc .th2.on>li{margin-bottom:8px;}
.gnb_pc .th2.on>li>a{color:#222;font-size:1.4rem;  }
.gnb_pc .th2>li>a:hover, .gnb_pc .th3>li>a:hover{color:#1f619f;font-weight:500;}

.gnb_pc .th2.on .th3{margin:0px 0 10px 5px;}
.gnb_pc .th2.on .th3 li{line-height:1.5em;font-size:1.5rem;}
.gnb_pc .th2.on .th3>li>a:before{display:inline-block;margin-right:5px;content:"-";vertical-align:3px;}
.gnb_pc .th2.reset, .gnb_pc .th3.reset{display:block !important;}
.gnb_pc .th2 .th3>li>a{text-indent:-5px;padding-left:15px;}

.gnb_pc.stop .th2{display:none !important;}

.btn_home{display:none;}
.btn_home.on{display:block;position:absolute;top:0px;right:50%;width:50px;height:50px;margin-right:-600px;text-align:center;}
.btn_home.on > a{display:inline-block;width:33px;height:28px;font-size:0;line-height:0;vertical-align:5px;background:url('') no-repeat -250px 0;}

/* 전체메뉴 */
.all_menu{display:block;position:absolute;top:15px;right: calc(50% - 750px);}
.all_menu > a{display: flex;align-items: center;justify-content: center;  height:50px;    font-size:2.4rem; text-align:center;background:#f99015;color:#fff;border-radius:100px;width:40px;height:40px}
.all_menu > a img{width:20px}

.all_menu_area{z-index:99;display:none;position:absolute;top:81px;left:0;width:100%; max-width:1520px;right:0; margin:0 auto; text-align:center;}
.all_menu_area.on{display:block;}

.all_menu_area ul a{display:block;}
.all_menu_area > ul{display:table;table-layout:fixed;width:calc(100% - 60px);border:0px solid #e8e8e8; background-color:#fff;border-radius:0 0 60px 60px;box-shadow: 5px 5px 20px rgba(181, 181, 181, 0.5)  ; 
	-webkit-box-shadow: 5px 5px 20px rgba(181, 181, 181, 0.5)  ; 
	-moz-box-shadow: 5px 5px 20px rgba(181, 181, 181, 0.5)  ;transition:0.6s; }
.all_menu_area > ul > li{display:table-cell;table-layout:fixed;width:calc(100% / 9); }
.all_menu_area > ul > li:last-child{border-right:none;}
.all_menu_area > ul > li > a{height:60px;line-height:60px; padding:0 20px; font-size:1.7rem;background-color:#ff9d46; font-weight:500;color:#fff}
.all_menu_area > ul > li > ul{padding:20px 30px ;}
.all_menu_area > ul > li > ul > li > a{margin-bottom:10px;font-size:1.4rem;padding-left: 10px;text-indent: -10px;}

.all_menu_area > ul > li > ul > li > a:hover, .all_menu_area > ul > li > ul > li > ul > li > a:hover{color:#0e3799;font-weight:500;}
.all_menu_area > ul > li > ul > li > a:hover:before{background-position:0 -50px;}
.all_menu_area > ul > li > ul > li > ul{padding:0px 0 20px 10px;}
.all_menu_area > ul > li > ul > li > ul > li > a{padding-left:5px;text-indent:-5px;}
.all_menu_area > ul > li > ul > li > ul > li > a:before{content:'-';display:inline-block;vertical-align:5px;margin-right:5px;}

.all_menu_area .btn_all_clo{position:absolute;top:12px;right:5px;border-radius:100%;background:#fff;width:45px;height:45px;}
.all_menu_area .btn_all_clo img{width:30px;margin:10px 0 0 4px; text-align:center}


.hidden_obj{display:none}

/* 메인 custom */
#wrap:has(.main) .btn_sch{display:none}
#wrap:has(.main) .all_menu{right:calc(50% - 760px);}
#wrap:has(.main) .all_menu > a{ width:50px; height:50px; background:#228eff; color:#fff; border-radius:50%;  }



/* Slider */
.slick-slider{position:relative;display: block;box-sizing:border-box;}
.slick-list{position:relative;display:block;overflow:hidden;height:100%;}
.slick-list.dragging{cursor:pointer;}
.slick-track{position:relative;top:0;left:0;display:block;height:100%;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;text-align:center;}
.slick-slide img{display:block;width:100%;}
.slick-slide.slick-loading img{display:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
/* // */

.group{position:relative;}
.group.column > article{margin:0 2% 0 0;width:49%;}
.group.column > article.list{margin:0px;}
.group.column > article.list img{width:100%;height:auto;max-width:100%;/*max-height:100%*/;}
.group.column > article.list li:nth-child(2){margin:4.373177% 0;}
.group.column > article.list .in_box{text-align:left !important;}


.group.column > article.list li > a:after{content:'';display:block;clear:both;}
.group.column > article.list li > a > p, .group.column > article.list li > a > dl{float:left;}

.group.column > article .box:after{content:'';display:block;padding-bottom:63.06569%;}
.group.column > article.list li{overflow:hidden;height:28.7037037%;}
.group.column > article.list li > a {display:block;height:100%;}
.group.column > article.list li > a > p{width:28.71720117%;height:100%;}
.group.column > article.list li > a > dl{padding:4.5% 0 0 4.44927%;width:calc(100% - 28.71720117%);}
.group.column > article.list li > a > dl dt{margin-bottom:10px;font-size:1.8rem;font-weight:500; text-overflow:ellipsis;overflow:hidden;width:99%;white-space:nowrap;}
.group.column > article.list li > a:hover > dl dt{text-decoration:underline;}
.group.column > article .box{height:432px;}


/* footer */
.footer{ background-color:#282828;position:relative;width:100%;border-top-left-radius:50px;border-top-right-radius:50px;margin-top:100px}
.footer > div{position:relative;margin:0 auto;padding:30px 0 40px 0;width:90%;max-width:1520px;vertical-align:top}

.footer > div > ul{padding-bottom:30px; border-bottom:1px solid #444; margin-bottom:30px; }
.footer > div > ul > li{display:inline-block;vertical-align:middle; }
.footer > div > ul > li > a{display:block;margin-right:30px; color:#fff; position:relative;}
.footer > div > ul > li + li > a::before{content:''; width:4px; height:4px; border-radius:50%; background:#555; position:absolute; left:-18px; top:9px;}


.f1{display:inline-block;width:36%;vertical-align:top}
.f2{display:inline-block;width:36%;vertical-align:top}
.f3{display:inline-block;width:25%;vertical-align:top}

.fbx{padding:30px 20px}
.fbx ul{width:100%;padding-bottom:30px}
.fbx li{float:left;padding-right:20px;text-align:left;font-size:14px;color:rgba(255,255,255,0.5)}
.fbx li a{color:rgba(255,255,255,0.5)}

.f1 p{padding:50px 0 0 0;color:rgba(255,255,255,0.5);font-size:14px;line-height:1.5em}

.f2 p{color:rgba(255,255,255,0.5);font-size:14px;line-height:1.5em}
.f2 .f_tel{font-size:25px;font-weight:600;color:#ffae45}
.f2 span{padding-top:25px;display:block}
.f2_txt{padding-top:25px}

.f3 img{width:260px;}



/* path_top */
.path_top{z-index:10;height:60px;border-bottom:1px solid #ffe55a;background-color:#ffe55a;}
.path_top.move{position:fixed;top:80px;width:100%;}

.path_top > div{width:100%;max-width:1520px;margin:0 auto;}
.path_top > div:after{content:'';display:block;clear:both;}
.path_top > div .lnb_area{ position:relative;}

.path_top > div span{display:inline-block;vertical-align:top;}
.path_top > div span h2, .path_top > div span h3, .path_top > div span h4{display:inline-block;font-size:1.5rem;font-weight:400;}

.path_top > div .path { width:60%;border: 0px solid #ddd;float:left}
.path_top > div .path > ul{width:100%; display:flex;}
.path_top > div .path > ul > li{ vertical-align:top; position:relative; border-right:1px solid #fff;}
.path_top > div .path > ul > li.home > a{display:block; xwidth:60px; height:60px; line-height:60px; text-align:center; font-size:2.2rem; border-left:1px solid #fff;}
.path_top > div .path > ul > li.home .home_go{background:#fff;width:25px;height:25px;line-height:25px;font-size:20px;font-weight:600;color:#fff;text-align:center}
.path_top > div .path > ul > li:not(.home){width:calc(50% - 60px); max-width:260px; line-height:60px;}
.path_top > div .path > ul > li > a{ display:block; padding:0 20px;   color:#666; font-weight:500; font-size:1.6rem; position:relative;}
.path_top > div .path > ul > li:has(ul) > a{cursor:pointer;}
.path_top > div .path > ul > li:has(ul) > a:after{content:"\e942";     font-family: xeicon!important; position:absolute; top:50%; right:20px;  transform:translateY(-50%); font-size:2rem; font-weight:500; color:#000;}
.path_top > div .path > ul > li:has(ul) > a.on:after{content:"\e945";}
.path_top > div .path > ul > li > ul{position:absolute; left:0; padding:20px; background:#fff8d2; border:1px solid #fff; width:100%; border-top:0; z-index:2;display:none;}
.path_top > div .path > ul > li > ul > li{line-height:1;}
.path_top > div .path > ul > li > ul > li > a{display:block; line-height:auto; padding:8px 0;font-size:16px}

.path_top > div .path span{height:49px;line-height:49px;}
.path_top > div .path span:after{margin:0 10px;content:'>';display:inline-block;}
.path_top > div .path span:nth-last-child(1):after{content:'';}

.path_top > div .path span:nth-of-type(1){/*margin-right:10px;*/font-size:0;width:50px;text-align:center;/*border-left:1px solid #ccc;border-right:1px solid #ccc;*/}
.path_top > div .path span:nth-of-type(1):after{content:'';display:inline-block;margin-top:15px;width:21px;height:18px;background:url('/assets/images/ico/ico_all.png') no-repeat -200px -100px;}
.path_top > div .path .goods_search{border:0 ! important}


/**/

/* 답례품검색 */
.goods_search {float:xright;margin-top:6px;justify-content: space-between;align-items: center;display: inline-block;border-radius:100px;background:#fff;border: 0px solid #ddd;color: #454545;padding:2px}
.goods_search input{position:relative;background:url('/assets/images/ico/search-btn.png') 95% center no-repeat;background-size:30px;border-radius:100px;padding:0 10px;height:30px;line-height:30px}
.goods_search button {display: inline-block;position:absolute;right:35px;width: 43px;height: 43px;line-height: 1em;text-indent:-99999999px}
.goods_search img {width: 100%;transform: translateY(-2px);}


/**/


/* Lnb */
.btn_m_lnb{display:none;font-size:0;line-height:0;}
.lnb{display:none;}


/* tabM */

.tabM{max-width:100%;margin:30px auto 20px auto;text-align:center;border-bottom:0px solid #cdcdcd;padding-bottom:20px}
.tabM button{text-align:center;font-size:1.6rem;letter-spacing:-0.02em;color:#acacac;padding:15px 20px;border-radius:60px;margin:0 0px 10px 0px;border:1px solid #acacac;xwidth:13.5%}
.tabM button:hover{transition:0.6s;background:#fa9016;border:1px solid #fa9016;color:#fff}
.tabM .t_b_on{background:#fa9016;border:1px solid #fa9016;color:#fff}

/* contents */
.con_area{position:relative;width:90%;max-width:1520px;margin:0 auto;}
.path_lnb h1{width:100%;max-width:1520px;margin:0 auto;margin-top:80px;padding-bottom:50px;font-size:4.5rem;color:#000; text-align:center;}
.con_area h2, .con_area .h2{margin-bottom:30px;padding-bottom:20px;font-size:2.5rem;font-weight:bold;border-bottom:1px solid #e8e8e8;}
.con_area .no_line{margin-bottom:20px;padding-bottom:0;border-bottom:none;}

.lnb_subTitle {position:relative; width:100%;max-width:1520px;margin:-30px auto 0;padding-bottom:40px;font-size:2.2rem;color:#54575f;text-align:center; border:6px solid #f6f6f6; padding:50px 20px; margin:0 auto 50px; font-weight:500}
.lnb_subTitle b{color:#0e3799;}
.lnb_subTitle:before{content:''; width:60px; height:60px; position:absolute; left:-6px; top:-6px; background: url('https://www.mentalhealth.go.kr/images/ncmhp/contents/subTitl_line_left.png') no-repeat left top ;}
.lnb_subTitle:after{content:''; width:60px; height:60px; position:absolute; right:-6px; bottom:-6px; background: url('https://www.mentalhealth.go.kr/images/ncmhp/contents/subTitl_line_right.png') no-repeat right bottom ;}


.path_lnb h1.move{margin-top:96px;}

/* 모바일 Top */
.btn_top{height:0;}
.btn_top > a{font-size:0;}

/* 모바일 전용 */
.m_nav_btn, .gnb_pc .close, .m_top_login, .m_only, .btn_top{display:none;}







/* swiper */
.swiper-control-box{width:100%; max-width:300px; background:#0e3799; color:#fff;padding:20px 30px; border-radius:0 20px 0 0; position:absolute; left:0; bottom:0; z-index:2; display:flex; align-items:center;     justify-content: space-between;}
.swiper-control-box p{font-size:1.8rem; font-weight:500; }
.swiper-control-box .swiper-pagination{position:relative; bottom:auto; left:auto;  width:auto;}
.swiper-control-box .swiper-pagination .line{margin:0 10px;}
.swiper-control-box .swiper-pagination .swiper-pagination-total{opacity:.5;}

.swiper-button-wr{position:relative; width:80px; height:30px;  text-align:center;}
.swiper-button-wr .swiper-button-next,
.swiper-button-wr .swiper-button-prev{ background:none; width:30px; height:30px; margin-top:0;  font-size:2.4rem;top:auto; display: flex;align-items: center;justify-content: center; top:0; }
.swiper-button-wr .swiper-button-next{right:0;}
.swiper-button-wr .swiper-button-prev{left:0;}
.swiper-button-wr .swiper-button-next::after{content:"\e93f"; font-family: xeicon!important; }
.swiper-button-wr .swiper-button-prev::after{content:"\e93c"; font-family: xeicon!important;}
.swiper-button-wr .swiper-pause-wr{position:relative; width:30px; height:30px; display:inline-block;}
.swiper-button-wr .swiper-pause-wr > div{position:absolute; left:0 ;top:0; display:flex; align-items:center;     justify-content: center; width:100%; height:100%; cursor:pointer;}
.swiper-button-wr .swiper-pause-wr #play{display:none;}



/* main */
.main_tit h2{font-size:5.2rem; margin-bottom:20px; color:#555;font-weight:500}
.main_tit h2 b{color:#333;font-weight:600}
.main_tit p{font-size:1.8rem;color:#fff;background:#ff9d46}

.main_tit p b{color:#0d3699; position:relative;}
.main_tit p b::before{content:''; width:100%; height:10px; background:#228eff; opacity:.12; position:absolute; left:0; bottom:-3px;}

.main_sec01{ padding:50px 0 70px; background:#ffe559 url('/assets/images/ico/mv_bg.png') center -2px no-repeat;background-size:550px;;border-bottom-left-radius:60px;border-bottom-right-radius:60px;}
.main_sec01 .flex_box{display:flex; flex-wrap:wrap; justify-content:space-between; }
.main_sec01 .left{width:68%; max-width:890px; position:relative}
.main_sec01 .right{width:32%;}


 .sch_all {padding:20px 0;min-height:70px;margin-bottom:10px}
 .sch_all button{width:98%;margin:15px 1% 0 1%;background:url('/assets/images/ico/m_ico_hart.png') right center no-repeat;background-size:50px;font-size:2.5rem;color:#555}
 .sch_all button span{font-weight:600;color:#222}
 .sch_all button:hover{transition:0.6s;background:url('/assets/images/ico/m_ico_hart_on.png') right center no-repeat;background-size:50px;font-size:2.5rem;color:#111}


.main_sec01 .main_visual{position:relative; overflow:hidden;  border-radius:20px;  }

.main_visual_cha{position:absolute;top:570px;left:45%;z-index:9}


.swiper-slide a:focus,
.swiper-slide a:focus-visible,
.swiper-slide a:active{ display:block; border: 0px solid #222;}


.main_sec01 .main_visual .thumb{width:100% ; }
.main_sec01 .main_visual .thumb a{display:block; width:100%; height:100%;  padding-bottom:70%; position:relative; background:none ;}
.main_sec01 .main_visual .thumb a img{max-width:950px; position:absolute; left:0; top:0; /*min-height:515px;*/ object-fit: cover}

.main_sec01 .main_quick .flex_box > div{width:100%; margin:15px 0;background-color:#fff; background-repeat:no-repeat; background-position:center bottom; background-size:100% auto; border-radius:20px; margin-top:4%; transition:all ease .3s;  font-weight:600;}
.main_sec01 .main_quick .flex_box > div a{display:block; padding:20px; transition:all ease .3s; width:100%; height:100%;}
.main_sec01 .main_quick .flex_box > div img{margin-right:10px; display:none;}

.main_sec01 .main_quick .flex_box .card01 { position:relative;background:#f9ab25 url('/assets/images/ico/mv_r_b1.png') no-repeat 40px center;background-size:100px; min-height:220px; padding:10px;}
.main_sec01 .main_quick .flex_box .card01 .tit{font-size:2.4rem;color:#fff ;padding-left:33%;margin-top:25px}
.main_sec01 .main_quick .flex_box .card02 { position:relative; background:#2986f5 url('/assets/images/ico/mv_r_b2.png') no-repeat 40px center;background-size:100px; min-height:220px; padding:10px;}
.main_sec01 .main_quick .flex_box .card02 .tit{font-size:2.4rem; color:#fff;padding-left:33%;margin-top:25px}

.card_st{background:#fff;border-radius:100px;color:#7e7e7e;text-align:center;font-size:14px;padding:5px 15px;margin-left:33%;}

.main_sec01 .main_quick .flex_box .card01 a{margin-top:20px}
.main_sec01 .main_quick .flex_box .card02 a{margin-top:20px}

.main_sec01 .main_quick .flex_box .card01:hover {transition:0.6s; background:#f97525 url('/assets/images/ico/mv_r_b1.png') no-repeat 40px center;background-size:100px; min-height:220px; padding:10px;}
.main_sec01 .main_quick .flex_box .card02:hover {transition:0.6s; background:#104ed9 url('/assets/images/ico/mv_r_b2.png') no-repeat 40px center;background-size:100px; min-height:220px; padding:10px;}

@media screen and (max-width:1450px){

.main_sec01 .main_quick .flex_box .card01 { position:relative;background:#f9ab25 url('/assets/images/ico/mv_r_b1.png') no-repeat 40px center;background-size:70px; min-height:220px; padding:10px;}
.main_sec01 .main_quick .flex_box .card01 .tit{font-size:2.4rem;color:#fff ;padding-left:33%;margin-top:25px}
.main_sec01 .main_quick .flex_box .card02 { position:relative; background:#2986f5 url('/assets/images/ico/mv_r_b2.png') no-repeat 40px center;background-size:70px; min-height:220px; padding:10px;}
.main_sec01 .main_quick .flex_box .card02 .tit{font-size:2.4rem; color:#fff;padding-left:33%;margin-top:25px}

}


@media screen and (max-width:1110px){

.main_sec01 .main_quick .flex_box .card01 { position:relative;background:#f9ab25 url('/assets/images/ico/mv_r_b1.png') no-repeat 40px center;background-size:50px; min-height:220px; padding:10px;}
.main_sec01 .main_quick .flex_box .card01 .tit{font-size:2.4rem;color:#fff ;padding-left:33%;margin-top:20px}
.main_sec01 .main_quick .flex_box .card02 { position:relative; background:#2986f5 url('/assets/images/ico/mv_r_b2.png') no-repeat 40px center;background-size:50px; min-height:220px; padding:10px;}
.main_sec01 .main_quick .flex_box .card02 .tit{font-size:2.4rem; color:#fff;padding-left:33%;margin-top:20px}

}


@media screen and (max-width:1550px){

.main_visual_cha{position:absolute;top:590px;left:43%;z-index:9}
.main_visual_cha img{width:90%;border-bottom:3px solid #222}
.swiper-control-box{width:100%; max-width:300px; background:#0e3799; color:#fff;padding:20px 30px; border-radius:0 20px 0 0; position:absolute; left:0; bottom:0; z-index:2; display:flex; align-items:center;     justify-content: space-between;}

}

@media screen and (max-width:1410px){
.main_sec01 .main_visual .thumb a{display:block; width:100%; height:100%;  padding-bottom:75%; position:relative; background:none ;}

}

@media screen and (max-width:1230px){
.main_sec01 .main_visual .thumb a{display:block; width:100%; height:100%;  padding-bottom:80%; position:relative; background:none ;}

}

@media screen and (max-width:1180px){
.main_sec01 .main_visual .thumb a{display:block; width:100%; height:100%;  padding-bottom:85%; position:relative; background:none ;}

}
@media screen and (max-width:1100px){
.main_sec01 .main_visual .thumb a{display:block; width:100%; height:100%;  padding-bottom:90%; position:relative; background:none ;}

}
@media screen and (max-width:1050px){
.main_sec01 .main_visual .thumb a{display:block; width:100%; height:100%;  padding-bottom:93%; position:relative; background:none ;}

}
@media screen and (max-width:1010px){
.main_sec01 .main_visual .thumb a{display:block; width:100%; height:100%;  padding-bottom:96%; position:relative; background:none ;}

}
/*** 01 btn more ***/

.mv_r_more{position:absolute;left:35%;bottom:50px}
.mv_r_more img{width:45px;z-index:999;border:0px solid #000;display:block ! important}

/**/

.main_sec02{ padding:70px 0 70px 0;margin:0 auto;text-align:center;border:0px solid #000;width:100%}
.main_sec02 .flex_box{display:flex; flex-wrap:wrap; justify-content:space-between;width:100%; margin:0 auto;text-align:center;}

.main_sec02 .sec01_bx{width:100%;  position:relative;border:0px solid #000;margin:20px 0 20px 0}

.main_sec02 .info_icon li{width:22%; margin-bottom:4%; text-align:center; transition:all ease .3s;   font-weight:500;}
.main_sec02 .info_icon li a{ position:relative;display:block;padding:30px 10px; border:1px solid #ddd;  border-radius:20px;  background:#fff; }
.main_sec02 .info_icon li a p{margin-top:10px; font-size:1.8rem;}
.main_sec02 .info_icon li a:before{content:''; width:calc(100% - 4px); height:calc(100% - 4px); position:absolute; left:-1px; top:-1px; border:3px solid #228eff; border-radius:20px; opacity:0; transition:all ease .3s;}
.main_sec02 .info_icon li:hover{transform:translateY(-10px);  }
.main_sec02 .info_icon li:hover a{box-shadow: 8px 8px 40px rgb(34 142 255 / 15%);}
.main_sec02 .info_icon li:hover a:before{opacity:1;}
.main_sec02 .main_tit {margin:0 auto;text-align:center}
.main_sec02 .main_tit span{font-size:1.6rem;color:#fff;background:#ff9d46;text-align:center;padding:8px 25px;border-radius:60px;margin:0 auto}
.main_sec02 .main_tit h2{margin-top:25px}
.main_sec02 .main_tit h2{font-size:5.2rem; margin-bottom:20px; color:#555;font-weight:500}
.main_sec02 .main_tit h2 b{color:#333;font-weight:600}
.main_sec02 .main_tit p{font-size:1.8rem;color:#fff;background:#ff9d46}

/***/


/* news_slider swiper */

.news_slider .swiper-button-wr{position:relative; width:160px; height:60px;  text-align:center;margin:0 auto;}
.news_slider .swiper-button-wr .swiper-button-next,
.news_slider .swiper-button-wr .swiper-button-prev{ background:none; width:60px; height:60px; margin-top:0;  font-size:3.6rem;top:auto; display: flex;align-items: center;justify-content: center; top:0;border:1px solid #ddd;border-radius:100% }
.news_slider .swiper-button-wr .swiper-button-next{right:0;}
.news_slider .swiper-button-wr .swiper-button-prev{left:0;}
.news_slider .swiper-button-wr .swiper-button-next::after{content:"\e93f"; font-family: xeicon!important; }
.news_slider .swiper-button-wr .swiper-button-prev::after{content:"\e93c"; font-family: xeicon!important;}
.news_slider .swiper-button-wr .swiper-pause-wr{position:relative; width:60px; height:60px; display:inline-block;}
.news_slider .swiper-button-wr .swiper-pause-wr > div{position:absolute; left:0 ;top:0; display:flex; align-items:center;     justify-content: center; width:100%; height:100%; cursor:pointer;}
.news_slider .swiper-button-wr .swiper-pause-wr #play{display:none;}


/**/


.main_sec03{ padding:50px 0 50px;}
.main_sec03 .main_tit h2{font-size:3.2rem;}
.main_sec03 .flex_box{display:flex; flex-wrap:wrap; justify-content:space-between; }

.main_sec03 .sec03_bx{width:100%; position:relative;margin:0px 0 20px 0;padding:30px 0; background:#fdf2e4 url('/assets/images/ico/main03_bg2.png') no-repeat right -5px / auto 40%;min-height:650px;border-radius:0 0px 60px 60px}

.main_sec03 .left{width:38%; padding-top:56px; }
.main_sec03 .right{ width:60%; max-width:870px; }


.main_sec03 .tit_bx{width:100%; position:relative;margin:20px 0 20px 0;}

.main_sec03 .main_tit {margin:80px auto 30px auto;text-align:center}
.main_sec03 .main_tit span{font-size:1.6rem;color:#fff;background:#ff9d46;text-align:center;padding:8px 25px;border-radius:60px;margin:0 auto}
.main_sec03 .main_tit h2{margin-top:25px}
.main_sec03 .main_tit h2{font-size:5.2rem; margin-bottom:20px; color:#555;font-weight:500}
.main_sec03 .main_tit h2 b{color:#333;font-weight:600}
.main_sec03 .main_tit p{font-size:1.8rem;color:#fff;background:#ff9d46}

.main_sec03 .sec03_list{padding:30px 50px;width:90%;margin:0 auto}
.main_sec03 .sec03_list div{float:left;width:15%;margin:10px 0.7%;}
.main_sec03 .sec03_list dl{float:left;width:100%;border-radius:100px;min-height:250px;background:#fff}
.main_sec03 .sec03_list dl:hover{transition:0.6s;background:#ffae45}
.main_sec03 .sec03_list dt{float:left;width:94%;padding:2% 3% 0% 3%;text-align:center}
.main_sec03 .sec03_list dt img{max-width:180px;padding-top:20px}
.main_sec03 .sec03_list dd{float:left;width:94%;padding:2% 3% 0 3%;text-align:center;padding-top:25px;font-size:1.8rem;}


@media screen and (max-width:1450px){

.main_sec03 .sec03_list dl{float:left;width:100%;border-radius:100px;min-height:200px;background:#fff}
.main_sec03 .sec03_list dt img{max-width:130px;padding-top:20px}

}

@media screen and (max-width:1260px){
.main_sec03 .sec03_list dl{float:left;width:100%;border-radius:100px;min-height:170px;background:#fff}
.main_sec03 .sec03_list dt img{max-width:120px;padding-top:20px}
.main_sec03 .sec03_list dd{float:left;width:94%;padding:2% 3% 0 3%;text-align:center;padding-top:20px;font-size:1.6rem;}

}


.main_sec04{ padding:0px 0 150px 0; margin:0 auto;border:0px solid #000;width:80%;text-align:center}
.main_sec04 .main_tit{border-bottom:1px solid #777}
.main_sec04 .main_tit h2{margin-top:25px;text-align:left}
.main_sec04 .main_tit h2{font-size:5.2rem; margin-bottom:20px; color:#555;font-weight:500;display:inline-block;width:90%;border:0px solid #000}
.main_sec04 .main_tit h2 b{color:#333;font-weight:600}.main_sec04 .flex_box{display:flex; flex-wrap:wrap; justify-content:space-between; }
.main_sec04 .main_tit span{font-size:15px;text-align:right;display:inline-block;line-height:2rem;border:0px solid #000;padding:0px 0;vertical-align:middle}
.main_sec04 .left{width:65%; padding-top:20px;text-align:left }
.main_sec04 .right{ width:30%;  }

.main_sec04 .main_news{padding:0px;}
.main_sec04 .main_news .notice{padding:20px 0;}
.main_sec04 .main_news .list{padding: 10px 0;}
.main_sec04 .main_news .list > li{border-bottom:1px solid #ddd;padding:25px 10px}
.main_sec04 .main_news .list > li > a{padding-right:0;   font-size: 1.8rem;font-weight:400;overflow:hidden;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;text-overflow: ellipsis;}
.main_sec04 .main_news .list > li .date{position:relative; display:block; margin-top:20px;font-size: 1.3rem;color:#9f9f9f}

.main_sec04 .main_btm_rbanner{padding:70px 0;}
.main_sec04 .main_btm_rbanner .main_btm_rb{background:#ffae45;min-height:400px;padding:40px 25px;border-radius:0 30px 0 30px;text-align:center}
.main_sec04 .main_btm_rbanner .main_btm_rb:hover{background:#4ba0ff;transition:0.6s}
.main_sec04 .main_btm_rbanner .main_btm_rb .main_btm_rb_img{text-align:center;}
.main_sec04 .main_btm_rbanner .main_btm_rb .main_btm_rb_img img{max-width:300px;}

.main_sec04 .main_btm_rbanner .main_btm_rb div {padding:40px 20px 0 30px;text-align:left}
.main_sec04 .main_btm_rbanner .main_btm_rb div span{padding:8px 15px;background:#fff;font-size:16px;text-align:center;border-radius:60px;color:#555}
.main_sec04 .main_btm_rbanner .main_btm_rb div p{padding:20px 10px;font-size:13px;line-height:18px;color:#282828;font-weight:400}


/* === PC - width 100% === */


@media screen and (min-width:961px) and (max-width:1540px){
   .con_area{position:relative;width:100%;max-width:100%;margin:0 auto;}

  .top_area{padding:0 10px;}
  .top_area:before{content:''; width:100%;  height:0px; background:#e8e8e8; position:absolute; left:0; top:50px;}
  .top_area h1{left:50% ; margin-left: -230px;}
  .top_area.move h1{display:none;}

  .gnb_pc > nav{padding-left:0; }
  .gnb_pc > nav > ul{  background:#fff; width: calc(100% - 90px); }
  .gnb_pc .th1>a{ padding : 0 15px;}
  .gnb_pc .th2.on{padding: 20px 0 30px ;}
  .gnb_pc .th2>li>a{padding-left:15px;}

  .btn_sch{right:20px; }
  .btn_sch_clo{right:20px; }
  #wrap:has(.main) .all_menu{right:20px; }
  .all_menu{right:60px; }
  .all_menu_area{width:100%;left:0;margin-left:0;}
  .all_menu_area > ul{width:calc(100% - 41px);}
  .all_menu_area .btn_all_clo{right:0;}


 .sch_all button{width:98%;margin:15px 1% 0 1%;background:url('/assets/images/ico/m_ico_hart.png') right center no-repeat;background-size:50px;font-size:2.0rem;color:#555}
 .sch_all button span{font-weight:600;color:#222}
 .sch_all button:hover{transition:0.6s;background:url('/assets/images/ico/m_ico_hart_on.png') right center no-repeat;background-size:50px;font-size:2.0rem;color:#111;}

  /* main */
  .main_sec01 .main_quick .flex_box .card01 .tit{font-size:2rem;}
  .main_sec01 .main_quick .flex_box .card02 .tit{font-size:2rem;}
  .main_sec01 .main_quick .flex_box > div img{width:20px;}
  .main_sec01 .main_quick .flex_box > div a{padding:15px;}
  .main_sec01 .main_quick .flex_box .card03 .tit{font-size:1.4rem;}
  .main_sec01 .main_quick .flex_box .card04 .tit{font-size:1.4rem;}


   /*.main_visual_cha{position:absolute;bottom:-20Px;left:40%;z-index:9;border-bottom:3px solid #222}*/
   .main_visual_cha img{width:80%}



  .main_tit h2{font-size:3.2rem;}
  .main_sec02 .info_icon li a p{font-size:1.4rem;}
  .main_sec04 .main_tit h2{font-size:3rem;}


}


/* === Tablet === */
@media screen and (max-width:960px){

.pc_img{display:none}
.mb_img{display:block}

.pc{display:none}
.mb{display:block}




  .main_visual_cha{display:none}


  #container > div{padding-top:50px;}
  #container{    padding-bottom: 40px;}
  .path_top > div .sns{padding-right:5%;}

  /* PC 전용 */
  .top_area > ul, .all_menu, .sch_area > p, .sch_area .sch_box select, .btn_home, .footer .address > p, .path_top > div .path{display:none;}
  .footer > div .bot_sns > ul > li.pc_only,  .pc_only{display:none !important;}


  .m_nav_btn, .m_nav .close, .m_top_login, .m_only{display:block;}

  .con_area{position:relative;width:100%;max-width:100%;margin:0 auto;}


  /* top */
  header{z-index:995;position:fixed;top:0;left:0;width:100%;height:51px; border-bottom:1px solid #e8e8e8; box-sizing:border-box;}
  .top_area{padding-top:8px;height:50px;}
  .top_area h1{float:none;position:absolute;top:10px;left:50%;     transform: translateX(-50%); width:223px;height:31px;}
  .top_area.move h1{ }
  .gnb_area{position:static;}


/* footer */
.footer{ background-color:#282828;position:relative;width:100%;border-top-left-radius:30px;border-top-right-radius:30px;margin-top:10px}
.footer > div{position:relative;margin:0 auto;padding:20px 0 20px 0;width:90%;max-width:100%;vertical-align:top}

.footer > div > ul{padding-bottom:20px; border-bottom:1px solid #444; margin-bottom:30px; }
.footer > div > ul > li{display:inline-block;vertical-align:middle; }
.footer > div > ul > li > a{display:block;margin-right:30px; color:#fff; position:relative;}
.footer > div > ul > li + li > a::before{content:''; width:4px; height:4px; border-radius:50%; background:#555; position:absolute; left:-18px; top:9px;}


.f1{display:inline-block;width:100%;vertical-align:top}
.f2{display:inline-block;width:100%;vertical-align:top}
.f3{display:inline-block;width:100%;vertical-align:top}

.fbx{padding:10px 20px}
.fbx ul{width:100%;padding-bottom:15px}
.fbx li{float:left;padding-right:20px;text-align:left;font-size:14px;color:rgba(255,255,255,0.5)}
.fbx li a{color:rgba(255,255,255,0.5)}

.f1 p{padding:20px 0 0 0;color:rgba(255,255,255,0.5);font-size:14px;line-height:1.5em}

.f2 p{color:rgba(255,255,255,0.5);font-size:14px;line-height:1.5em}
.f2 .f_tel{font-size:25px;font-weight:600;color:#ffae45}
.f2 span{padding-top:15px;display:block}
.f2_txt{padding-top:15px}

.f3 img{width:260px;}



  /* main */

  .main_sec01{padding:30px 0 50px;background:#ffe559 url('/assets/images/ico/mv_bg.pngx') center -2px no-repeat;border-radius:0 0 30px 30px}
  .main_sec01 .left{width:100%; max-width:100%;}
  .main_sec01 .right{width:100%; margin-top:30px;}

  

  .main_sec01 .main_visual .thumb{width:100% ; }
  .main_sec01 .main_visual .thumb a{display:block; width:100%; height:100%;  padding-bottom:90%; position:relative; background:none ;}
  .main_sec01 .main_visual .thumb a img{max-width:100%; position:absolute; left:0; top:0; height:100%; object-fit: contain;}

  .swiper-control-box{position:relative; width:100%; max-width:100%; border-radius: 0 0 20px 20px;     padding: 10px 20px;}


 .sch_all {padding:0px 0;min-height:60px;margin-bottom:10px}
 .sch_all button{width:98%;margin:15px 1% 0 1%;background:url('/assets/images/ico/m_ico_hart.png') right center no-repeat;background-size:40px;font-size:2.0rem;color:#555;text-align:left}
 .sch_all button span{font-weight:600;color:#222}
 .sch_all button:hover{transition:0.6s;background:url('/assets/images/ico/m_ico_hart_on.png') right center no-repeat;background-size:40px;font-size:2.0rem;color:#111;text-align:left}




.main_sec01 .main_quick .flex_box > div{width:100%;   background-size:50px; background-position: center left;}



.main_sec01 .main_quick .flex_box .card01 { position:relative;background:#f9ab25 url('/assets/images/ico/mv_r_b1.png') no-repeat 30px center;background-size:70px; min-height:200px; padding:10px;}
.main_sec01 .main_quick .flex_box .card01 .tit{font-size:2rem ! important;color:#fff ;padding-left:30%;margin-top:25px}
.main_sec01 .main_quick .flex_box .card02 { position:relative; background:#2986f5 url('/assets/images/ico/mv_r_b2.png') no-repeat 30px center;background-size:70px; min-height:200px; padding:10px;}
.main_sec01 .main_quick .flex_box .card02 .tit{font-size:2rem ! important; color:#fff;padding-left:30%;margin-top:25px}

.card_st{background:#fff;border-radius:100px;color:#7e7e7e;text-align:center;font-size:14px;padding:5px 15px;margin-left:30%;}

.main_sec01 .main_quick .flex_box .card01 a{margin-top:20px}
.main_sec01 .main_quick .flex_box .card02 a{margin-top:20px}

.main_sec01 .main_quick .flex_box .card01:hover {transition:0.6s; background:#f97525 url('/assets/images/ico/mv_r_b1.png') no-repeat 30px center;background-size:100px; min-height:200px; padding:10px;}
.main_sec01 .main_quick .flex_box .card02:hover {transition:0.6s; background:#104ed9 url('/assets/images/ico/mv_r_b2.png') no-repeat 30px center;background-size:100px; min-height:200px; padding:10px;}

/*** 01 btn more ***/

.mv_r_more{position:absolute;left:35%;bottom:50px}
.mv_r_more img{width:35px;z-index:999;border:0px solid #000;display:block ! important}

/**********/

  .main_sec02{padding:50px 0 ;}
  .main_sec02 .left{width:100%; padding-top:0;}
  .main_sec02 .right{width:100%;margin-top:40px;}
  .main_sec02 .info_icon li{width:48%;}
  .main_sec02 .info_icon li a{padding:20px;}
  .main_sec02 .info_icon li img{max-width:40%;}
  .main_sec02 .main_tit span{font-size:1.4rem;}
  .main_sec02 .main_tit h2{font-size:3rem; margin-bottom:10px;}
  .main_sec02 .info_icon li a p{font-size:1.4rem;}
  .main_sec02 .sec01_bx{width:100%;  position:relative;border:0px solid #000;margin:10px 0 0px 0}



  .main_sec03{padding:20px 0;}
  .main_sec03 .main_tit h2{font-size:2.0rem; margin-bottom:20px;}
  .main_sec03 .left{width:100%;  padding-top:0;}
  .main_sec03 .right{width:100%;margin-top:30px;}


.main_sec03 .tit_bx{width:100%; position:relative;margin:20px 0 20px 0;}

.main_sec03 .main_tit {margin:10px auto 8px auto;text-align:center}
.main_sec03 .main_tit span{font-size:1.4rem;color:#fff;background:#ff9d46;text-align:center;padding:8px 25px;border-radius:60px;margin:0 auto}
.main_sec03 .main_tit h2{margin-top:25px}
.main_sec03 .main_tit h2{font-size:3rem; margin-bottom:0px; color:#555;font-weight:500}
.main_sec03 .main_tit h2 b{color:#333;font-weight:600}
.main_sec03 .main_tit p{font-size:1.5rem;color:#fff;background:#ff9d46}

.main_sec03 .sec03_list{padding:0px 20px;width:96%;margin:0 auto}
.main_sec03 .sec03_list div{float:left;width:47%;margin:8px 1%;}
.main_sec03 .sec03_list dl{float:left;width:100%;border-radius:100px;min-height:150px;background:#fff}
.main_sec03 .sec03_list dl:hover{transition:0.6s;background:#ffae45}
.main_sec03 .sec03_list dt{float:left;width:94%;padding:0% 3% 0% 3%;text-align:center}
.main_sec03 .sec03_list dt img{max-width:120px;padding-top:10px}
.main_sec03 .sec03_list dd{float:left;width:94%;padding:2% 3% 0 3%;text-align:center;font-size:1.6rem;}







.main_sec04{padding:0px 0;width:95%;}
.main_sec04 .left{width:100%; }
.main_sec04 .right{width:100%;margin-top:30px;}
.main_sec04 .main_tit h2{font-size:3rem;margin-top:0;width:80%}
.main_sec04 .main_tit span{font-size:1.1rem;text-align:right;display:inline-block;width:auto;line-height:2rem;border:0px solid #000;padding:0px 0;vertical-align:middle}

.main_sec04 .main_news{padding:0px;}
.main_sec04 .main_news .notice{padding:20px 0;}
.main_sec04 .main_news .list{padding: 10px 0;}
.main_sec04 .main_news .list > li{border-bottom:1px solid #ddd;padding:25px 10px}
.main_sec04 .main_news .list > li > a{padding-right:0;   font-size: 1.5rem;font-weight:400;overflow:hidden;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;text-overflow: ellipsis;}
.main_sec04 .main_news .list > li .date{position:relative; display:block; margin-top:20px;font-size: 1.3rem;color:#9f9f9f}

.main_sec04 .main_btm_rbanner{padding:10px 0;margin-bottom:30px}
.main_sec04 .main_btm_rbanner .main_btm_rb{background:#ffae45;min-height:350px;padding:30px 25px;border-radius:0 30px 0 30px;text-align:center}
.main_sec04 .main_btm_rbanner .main_btm_rb:hover{background:#4ba0ff;transition:0.6s}
.main_sec04 .main_btm_rbanner .main_btm_rb .main_btm_rb_img{text-align:center;}
.main_sec04 .main_btm_rbanner .main_btm_rb .main_btm_rb_img img{max-width:220px;}

.main_sec04 .main_btm_rbanner .main_btm_rb div {padding:40px 20px 0 30px;text-align:left}
.main_sec04 .main_btm_rbanner .main_btm_rb div span{padding:8px 15px;background:#fff;font-size:1.8rem;text-align:center;border-radius:60px;color:#555}
.main_sec04 .main_btm_rbanner .main_btm_rb div p{padding:20px 10px;font-size:1.5rem;line-height:18px;color:#282828;font-weight:400}





/******************************************************************/

  /* 서브 레이아웃 */

.page_tit{margin:0;padding:10px 50px 10px 10px;line-height:1.5em;font-size:2rem;text-align:left;border-bottom:1px solid #e8e8e8;background-color:#f7f7f7;}

/* tabM */

.tabM{display:none;max-width:96%;margin:15px auto 20px auto;text-align:center}
.tabM button{text-align:center;font-size:1.4rem;letter-spacing:-0.02em;color:#acacac;padding:8px 12px;border-radius:5px;margin:0 0px 6px 0px;border:1px solid #acacac;width:48.5%}
.tabM button:hover{transition:0.6s;background:#fa9016;border:1px solid #fa9016;color:#fff}
.tabM .t_b_on{background:#fa9016;border:1px solid #fa9016;color:#fff}

.tabM{display:xnone}



/**/


/* 검색*/
.goods_search {width:96%;padding:0px;margin:10px 2% 20px 2%;border-radius:100px;background:#f9f9f9;border: 0px solid #ddd;color: #454545;}
.goods_search input{background:url('/assets/images/ico/search-btn.png') 95% center no-repeat;background-size:30px;border-radius:100px;padding:25px 15px;height:33px;line-height:33px;width:98%}
.goods_search input[type="text"], input[type="password"]{}
.goods_search button {display: inline-block;width: 43px;height: 43px;line-height: 1em;}
.goods_search img {width: 100%;transform: translateY(-2px);}
.goods_search_mb{display:none}

/**/




.path_top {order: 2;width: 100%;height: auto; }
.path_top > div .lnb_area{float:none;}

  .path_lnb{
    display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
  }
  .path_top{width:100%;height:auto;padding:0px 0;}

  .path_lnb h1{margin:0px 0 0 0;padding:10px 50px 10px 20px;line-height:1.5em;font-size:1.6rem;text-align:left;border-bottom:0px solid #e8e8e8;background-color:#ffe55a;border-bottom:0px solid #fff;}

  .btn_m_lnb{display:block;position:absolute;top:-45px;right:10px;width:40px;height:30px;text-align:center;font-size:0;line-height:0;}

  .path_top > div .lnb_area:has(.lnb_th2) .btn_m_lnb:after {
    content: "\e942";
    font-family: xeicon!important;display:inline-block;margin-top:24px;width:23px;height:11px;
    font-size: 3rem;
    font-weight: 500;
    color: #000;
  }

  .lnb_subTitle {font-size:1.6rem; padding:30px 5%;     margin: 0 auto 30px;}
  .lnb_subTitle:after,
  .lnb_subTitle:before{width:30px; height:30px;}

  .con_area{padding:0px 10px 0 10px;max-width:calc(100% - 20px);}

  /* lnb */
  .lnb{display:none;top:0;background:#ffe55a}
  .lnb > a{display:none;padding:10px 0 15px 20px;font-size:1.5rem; font-weight:500;border-bottom:1px solid #e8e8e8; }
  .lnb .lnb_th2{padding:10px 0;; }
  .lnb .lnb_th2>li{position:relative;border-top:1px solid rgba(255,255,255,0.9)}
  .lnb .lnb_th2>li.current, .lnb .lnb_th2>li.current > a{ }

  .lnb .lnb_th2>li>a{display:block;padding:8px 0 8px 25px;font-size:1.5rem;font-weight:500; }
  .lnb .lnb_th2>li.up_over > a:after{content:"";position:absolute;top:19px;right:25px;width:18px;height:11px;background:url('/assets/images/ico/m_bul_all.png') no-repeat -150px 0;}
  .lnb .lnb_th2>li.up_over.up > a:after{content:"";position:absolute;top:19px;right:25px;width:18px;height:11px;background:url('/assets/images/ico/m_bul_all.png') no-repeat -100px 0;}

  .lnb .lnb_th3{display:none; }
  .lnb .lnb_th2 .current .lnb_th3{ background:#fff;border:20px;margin:0 4%;border-radius:25px;padding:10px 0}
  .lnb .lnb_th3>li{position:relative;}
  .lnb .lnb_th3>li>a{display:block;padding:2px 0 2px 20px;font-size:1.3rem;color:#979797}
  .lnb .lnb_th3>li.current>a,.lnb .lnb_th3>li>a:hover,.lnb .lnb_th3>li>a:focus,.lnb .lnb_th3>li>a:active{text-decoration:xunderline;}

  .lnb .lnb_th2 > li:last-child > .lnb_th3{padding-bottom:20px;}

  .lnb .lnb_th2 > li.current:last-child > a{padding-bottom:10px;}

  /* Nav */
  .m_nav_btn{position:absolute;top:12px;left:10px;font-size:0;width:33px;height:23px; color:#000;}
  .m_nav_btn:after{ content: "\e91c"; font-family: xeicon!important;     font-size: 2.6rem;}

  .m_nav{z-index:991;position:fixed;top:0px;left:-1000px;width:100%;height:100%;font-size:1.5rem;}

  
  .m_nav #gnb{z-index:991;position:fixed;left:-1000px;overflow:auto;width:70%;height:100%;background-color:#fff;}
  .m_nav #gnb.in{display:block;left:0px}
  .m_nav .backdrop{display:none;z-index:900;position:fixed;top:0;left:0;width:100%;height:100%;background-color: #000;transition: 0.2s opacity ease;opacity: 0.7;}
  .m_nav .backdrop.in{display:block;}
  .m_nav .close{z-index:999;display:block;position:absolute;top:0px;left:calc(70% - 50px);padding-top:17px;width:50px;height:50px;text-align:center;font-size:0;line-height:0;}
  .m_nav .close:before{content:'';display:inline-block;width:18px;height:18px;background:url('/assets/images/ico/m_ico_all.png') no-repeat -150px 0;}

  /* 모바일 드롭다운 */
  .m_nav .m_top_login{height:52pxx; background:#f8f8f8; font-size:1.8rem;}
  .m_nav .m_top_login span{display:inline-block;padding-left:5px;font-weight:600;font-size:1.6rem }
  .m_nav .m_top_login span a{display:inline-block;padding:15px 5px 0px 5px;}
  .m_nav .m_top_login span.cartCount {display:inline-block;width:20px;height:20px;line-height:20px; text-align:center;font-size:1.2rem;color:#fff;background-color:#333;border-radius:50%; vertical-align:middle; padding-left:0;}



/*모바일_회원정보*/

.icon-img {
    width: 22px;
}

.m_top_login .top-navi {
    background-color:#f5f5f5;
    padding: 0 10px;
    height: 50px;
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid #ddd;justify-content: space-between;
}

.m_top_login .top-navi button {
    padding: 10px;
}

.m_top_login .quick_navi {
    background-color:#f5f5f5f;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: stretch;border-bottom: 1px solid #ddd;
}


.m_top_login .quick_navi button,
.m_top_login .quick_navi a {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-right: 1px solid #ddd;
    color: var(--gray3);
    font-weight: 400;
    letter-spacing: -1px;
}

.m_top_login .quick_navi a:last-child {
    border-right: none;
}

.m_top_login .user-status-info {
    font-size: 16px;
    padding: 10px 30px;border-bottom:1px solid #ddd
}

.user-status-info .info-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(var(--margin-padding-8)*2);

}

.user-status-info .info-top a,
.user-status-info .info-top button {
    padding: 5px 0px;border-radius:30px;text-align:left;
    height: unset;
    color: #fff;
    font-size: 1.4rem;background:#ff8314;
}

.m_top_login .user_data_cols {
    display: inline-block;border-radius:0 15px;
	margin:10px 0.8%;
    width: 47.2%;
	height:70px;
	background:#ff8400;color:#fff;text-align:center
}

.user_data_ttl{padding:13px 0 5px 0;}

.m_top_login .user_data_cols span {display:block;font-size:1.6rem;font-weight:600}

.m_top_login .user-status-info span.db-userName {}

.m_user_data {
    display: flex;
    flex-direction: column;
}

.cartIconWrap {
    position: relative;margin-right:30px
}

 .cartIconWrap .badge_cart {
    position: absolute;
    top: -6px;
    right: -8px;
    background-color:#333;
    border-radius: 7px;
    font-size: 6px;
    color: #fff;
    min-width: 13px;
    height: 12px;
    box-sizing: content-box;
    line-height: 12px;
    font-weight: 400;
    letter-spacing: 0px;
}


.btn_logout{padding:10px 15px;}
.btn_logout img{width:30px}




  .m_nav a{display:block;position:relative;}
  .m_nav #gnb > ul>li{border-bottom:1px solid #e8e8e8;background-color:#fff;}
  .m_nav #gnb > ul>li>a{padding:12px 0 15px 10px;font-size:1.8rem;font-weight:600;}
  .m_nav #gnb > ul>li>a:after{ position:absolute; right:20px; top:460;
    content: "\e942";
    font-family: xeicon!important;
    display: inline-block;
    width: 23px;
    height: 11px;
    font-size: 1.5rem;
    font-weight: 500;
    color: #000;}
  .m_nav #gnb > ul>li>a.active{ }
  .m_nav #gnb > ul>li>a.active:after{content:"";top:20px;background-position:-100px 0;}
  .m_nav .th2{display:none;padding:15px 0; background-color:#f8f8f8;}
  .m_nav .th2>li>a{padding:7px 0 7px 25px;font-size:1.6rem;font-weight:600;color:#545454 }
  .m_nav .th2>li:last-child>a{border-bottom:none;}

  .m_nav .th2>li.under>a:after{content:"";position:absolute;top:19px;right:16px;width:18px;height:11px;background:url('https://www.mentalhealth.go.kr/images/ncmhp/contents/m_bul_all.png') no-repeat -150px 0;}
  .m_nav .th2>li.under>a.active:after{background-position:-100px 0;}
  .m_nav .th3{display:none;padding:0 0 0px 30px;background-color:#545760;}
  .m_nav .th3>li>a{padding:8px 0 8px 10px;color:#fff;}
  .m_nav .th3>li>a:before{content:"";position:absolute;top:18px;left:0px;width:3px;height:3px;background:url('https://www.mentalhealth.go.kr/images/ncmhp/contents/m_bul_all.png') no-repeat -200px 0;}

  #shadow_device{z-index:997;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.7);}
  .m_nav_clo{z-index:999;display:block;position:fixed;content:"";width:50px; height:51px;top:0px; left:250px;background:#c8c8c8 url('https://www.mentalhealth.go.kr/images/ncmhp/contents/m_gnb_clo.png') no-repeat center center;}

  /* 모바일 Top */
  .btn_top{display:block;position:fixed;z-index:990;right:20px;bottom:80px;padding-top:25px;}
  .btn_top > a{display:block;padding-top:10px;width:56px;height:56px;text-align:center;font-size:1.2rem;color:#fff !important;border-radius:50%;background-color:rgba(0,0,0,.7);}
  .btn_top > a:before{content:'';display:block;margin:0 auto 5px auto;width:15px;height:14px;background:url('https://www.mentalhealth.go.kr/images/ncmhp/contents/m_ico_all.png') no-repeat -300px 0px;}



  /* 메인팝업 */
  .noti_pop{left:10% !important;width:80% !important; height:auto !important; padding-bottom:50px;}
  .noti_pop .pop_bottom{height:50px;}

}


/** 모바일 좌측 펼침메뉴 로그인 **/

.mb_menu_login{display:none}

@media screen and (max-width:960px){

.mb_menu_login{display:block;text-align:center;border:0;background:#333;border-radius:0 10px;color:#fff;font-size:1.5rem;padding:12px 35px;max-width:260px;margin:10px auto}

}


@media screen and (max-width:600px){

  /* 메인팝업 */
  .noti_pop{left:5% !important;width:90% !important;}

}

/* === Mobile === */
@media screen and (max-width:480px){

  /* Nav */
  .m_nav #gnb{width:calc(100% - 50px)}
  .m_nav .close{left:calc(100% - 100px);}

}


/***************************************************/