@charset "utf-8";
html.desktop{margin-top: 0!important;}
body {margin:0 auto; width:100%; max-width: 1920px; overflow-x: hidden; font-family: 'Pretendard', 'NotoSansKR', sans-serif; word-break: keep-all; /* letter-spacing: -0.062em;*/ color: #000000;  font-size: 18px;  font-weight: 400; line-height: 1.75; background: #ffffff; }

.gmarket{font-family: 'gmarket', 'NotoSansKR', sans-serif; font-weight: 400;}

button{border: none; background: none; /*outline: none;*/ cursor: pointer;}

a{color:#3a4146;}

h1,h2,h3,h4,h5,h6{color:#222222;}

.clearfix::after {content: ""; clear: both; display: table;}
.sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);}

#skip>a{width: 1px; height: 1px; position: absolute; left: -10000px; top: auto; overflow: hidden; display:block;}
#skip>a:hover,
#skip>a:focus, 
#skip>a:active{position:fixed; top:0; left:0; padding:20px; display:block; width:100%; height:auto; font-size: 16px; text-align: center; color:#ffffff; background:#555555; z-index: 9999;}

.jump_space{ display: inline-block; width: 12px;}
.jump_space2-4{ display: inline-block; width: 1.875em;}
.jump_space3-4{ display: inline-block; width: 0.4375em;}

.text_line_ellipsis{overflow:hidden; text-overflow: ellipsis; white-space:nowrap;  } /*1줄*/
.text_dline_ellipsis{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical;   word-wrap:break-word; line-height: 1.75em; height: 3.5em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }
.text_tline_ellipsis{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical;   word-wrap:break-word; line-height: 1.75em; height: 5.25em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }
.text_ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical;   word-wrap:break-word; line-height: 1.5em; height: 3em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }/*2줄*/

body.active_burger {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; } 
.wrap{width:1300px; margin:0 auto; box-sizing: border-box;}

header{position: relative; top:0; left:50%; transform:translateX(-50%); width:100%; max-width:1920px; background: #ffffff; box-sizing: border-box; z-index:999; transition: top 0.5s; }
/* 헤더 탑 */
header .header_top{border-bottom:1px solid #E5E5E5;}
header .header_top .wrap{padding:0 50px;}
header .header_top h1 a{width: 274px; font-size:0; line-height: 1em;}
header .header_top h1 a img{width: 100%;}
header .header_top .header_top_inner{position: relative; padding: 32px; display: flex; justify-content: center; align-items: center;}
header .header_top .header_top_inner .select_site{position: absolute; top:50%; left:0; transform: translateY(-50%);}
header .header_top .header_top_inner .select_site ul{margin:0 -5px; display: flex;}
header .header_top .header_top_inner .select_site ul li{padding:0 5px; }
header .header_top .header_top_inner .select_site ul li a{display: flex; align-items: center; gap:0 8px; border-radius: 6px; color:#ffffff; font-weight: bold; font-size:0.8889em;}
/* header .header_top .header_top_inner .select_site ul li:nth-child(1) a{background-color: #EC8785;} */
/* header .header_top .header_top_inner .select_site ul li:nth-child(1) a{background-color: #FFCC65;} */
header .header_top .header_top_inner .select_site ul li a img{width:140px;}
header .header_top .header_top_inner .select_site ul li a i{width: 16px; height:16px;}
header .header_top .header_top_inner .select_site ul li a i img{width:100%;}
header .header_top .header_top_inner .sns_links{position: absolute; top:50%; right:0; transform: translateY(-50%);}
header .header_top .header_top_inner .sns_links ul{margin:0 -8px; display: flex;}
header .header_top .header_top_inner .sns_links ul li{padding:0 8px; }
header .header_top .header_top_inner .sns_links ul li i{width: 36px; height: 36px;}

header .header_wrap{position:relative; display:flex; justify-content: space-between; align-items: center; }
header .header_wrap .wrap{padding:0 50px;}
header .header_wrap .wrap .header_inner{position: relative;}
header .header_wrap .menu_container{position:relative; top:0; left:50%; transform: translateX(-50%); display:flex; justify-content: center; align-items: center; }
header .header_wrap .menu_container .gnb{display:flex; justify-content: center; align-items: center;}
header .header_wrap .menu_container .gnb .dep_1{position: relative; height: 100%;}
header .header_wrap .menu_container .gnb .dep_1:nth-child(n+2):before{content: ""; position: absolute; top:50%; left:-2px; transform: translateY(-50%); display: block; width: 4px; height:4px; background-color:#E5E5E5;}
header .header_wrap .menu_container .gnb .dep_1>a{position:relative; padding:32px 42px; height: 100%; font-size:20px; font-weight: 600; display: flex; align-items: center; text-transform: uppercase;}
header .header_wrap .menu_container .gnb>.dep_1>a:before{content: ""; position: absolute; top:12px; left:50%; transform: translateX(-50%); display: block; width:6px; height:6px; border-radius:50%; background-color: #CD716F; opacity: 0; transition: top, opacity, 0.3s;}
header .header_wrap .menu_container .gnb .dep_1:hover>a::before,
header .header_wrap .menu_container .gnb>.dep_1>a:hover::before,
header .header_wrap .menu_container .gnb>.dep_1.active>a::before{opacity: 1; top:20px;}
header .header_wrap .menu_container .gnb>.dep_1:hover>a,
header .header_wrap .menu_container .gnb>.dep_1>a:hover,
header .header_wrap .menu_container .gnb>.dep_1.active a{color:#CD716F}
header .header_wrap .menu_container .gnb .dep_1 .dep_2{position:absolute; top:100%; left:0; width:100%; opacity: 0; visibility: hidden; overflow: hidden; transition:opacity, visibility, 0.2s;}
header .header_wrap .menu_container .gnb.nav_on .dep_1 .dep_2{opacity: 1; visibility: visible;}
header .header_wrap .menu_container .gnb .dep_1 .dep_2>ul{ padding:12px 12px 28px;}
header .header_wrap .menu_container .gnb .dep_1 .dep_2>ul>li>a{position:relative; padding:6px 0px 8px; font-size:16px; font-weight: 500; line-height: 1.5; color:#666666; text-transform: uppercase; text-align: center; }
header .header_wrap .menu_container .gnb .dep_1 .dep_2>ul>li:hover>a,
header .header_wrap .menu_container .gnb .dep_1 .dep_2>ul>li>a:hover,
header .header_wrap .menu_container .gnb .dep_1 .dep_2>ul>li>a:focus{color:#CD716F;}

header .navBg {position: absolute; top:100%; left:0; display:block;  z-index:-1; width:100%; height:0;  background:#ffffff; 
	-webkit-transition:height 0.3s ease;
	-moz-transition:height 0.3s ease;
	-o-transition:height 0.3s ease;
	transition:height 0.3s ease; 
}
header .navBg.on{height:280px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;   }

/* hanburger button */
.hamburger_btn_wrap{position: absolute; top:50%; right:0; transform: translateY(-50%);}
.hamburger_btn_wrap .hamburger_btn{display:flex; justify-content:center; align-items:center; width: 50px; height: 50px;background-color: #CD716F; border-radius: 6px;}
.hamburger_btn_wrap .hamburger_btn>div{width: calc(50% + 5px);}
.hamburger_btn_wrap .hamburger_btn span{margin:5px 0; display: block; width:100%; height:3px; background: #ffffff; transition: width, .3s;}
.hamburger_btn_wrap .hamburger_btn span:nth-child(2){width:calc(50% + 2px)}
.hamburger_btn_wrap .hamburger_btn:hover,
.hamburger_btn_wrap .hamburger_btn:focus{background:#222222;}
.hamburger_btn_wrap .hamburger_btn:hover span:nth-child(2),
.hamburger_btn_wrap .hamburger_btn:focus span:nth-child(2){width: 100%;}

header .header_top .hamburger_btn_wrap{display: none;}


/* mobile menu */
header .m_menu_container{position:fixed; top:0; left:0; display:none; width:100%; height:100vh; z-index: 999; background-color: #ffffff; }
header .m_menu_container::before{content:""; position:absolute; display:block; width:100%; height:100%; z-index: -1; background-image: url("../images/common/logo_m_nav.svg"); background-repeat: no-repeat; background-position: center bottom; opacity: .038; }
header .m_menu_container .m_menu_inner{margin-top:12%; display: flex; justify-content: center; width:100%; height:100%;}
header .m_menu_container .m_menu_inner .mgnb{display:flex;}
header .m_menu_container .m_menu_inner .mgnb a{text-align: center; padding-left:60px; padding-right:60px; color:#222222;}
header .m_menu_container .m_menu_inner .mgnb>li>a{position:relative; padding-top:8px; padding-bottom:8px; font-size:28px; font-weight: 600;}
header .m_menu_container .m_menu_inner .mgnb>li>a::before{content: ""; position: absolute; top:-8px; left:50%; transform: translateX(-50%); display: block;  width:6px; height:6px; border-radius: 50%; background-color: #CD716F; opacity: 0; transition: top, opacity, 0.3s;}
header .m_menu_container .m_menu_inner .mgnb>li:hover>a::before,
header .m_menu_container .m_menu_inner .mgnb>li>a:hover::before,
header .m_menu_container .m_menu_inner .mgnb li.active a::before{opacity: 1; top:-3px;}
header .m_menu_container .m_menu_inner .mgnb>li:hover>a,
header .m_menu_container .m_menu_inner .mgnb>li>a:hover,
header .m_menu_container .m_menu_inner .mgnb li.active a{color:#CD716F}
header .m_menu_container .m_menu_inner .mgnb .dep_2{display: block; height:auto;}
header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li>a{position:relative; padding-top:6px; padding-bottom:8px; font-size:18px; font-weight: 500; color:#666666;}
header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li>a::before{content:""; position:absolute; left:50%; bottom:6px; transform:translateX(-50%); display:block; width:0; height:2px; background: #CD716F; transition:width 0.3s;}
header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li:hover>a::before,
header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li>a:hover::before{width:40%;}
header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li:hover>a,
header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li>a:hover,
header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li>a:focus{color:#CD716F;}

/* mobile close button */
header .m_menu_container .close_btn{position:absolute; top:32px; right:76px; width:48px; height:48px; transition:transform .3s;}
header .m_menu_container .close_btn .close_line{position:absolute; top:50%; left:50%; width:50%; height:3px; background:#666666; transition:background-color .3s;}
header .m_menu_container .close_btn .close_line.line_1{transform: translate(-50%, -50%) rotate(45deg);}
header .m_menu_container .close_btn .close_line.line_2{transform: translate(-50%, -50%) rotate(-45deg);}
header .m_menu_container .close_btn:hover,
header .m_menu_container .close_btn:focus{transform: rotate(90deg);}
header .m_menu_container .close_btn:hover .close_line,
header .m_menu_container .close_btn:focus .close_line{background:#CD716F;}

/* breadcrumb */
.breadcrumb{position: relative; width:100%; z-index:2;}
.breadcrumb .inner_wrap{display: flex; align-items: center;}
.breadcrumb .breadcrumb_home{padding:28px 48px 24px 0;}
.breadcrumb .breadcrumb_home:hover,
.breadcrumb .breadcrumb_home:focus{color:#EC8785;}
.breadcrumb .dept_1{display:flex; }
.breadcrumb .dept_1>li{position: relative; width: 250px;  box-sizing: border-box;   }
.breadcrumb .dept_1>li>a{position: relative;  padding:28px 10px 24px 15px; display:flex; align-items: center; justify-content: space-between; width:100%; text-align: left; box-sizing: border-box; font-size:18px;}
.breadcrumb .dept_1>li>a::before{content: ""; position: absolute; top:50%; left:0; transform: translateY(-40%); display: block; width: 1px; height: 20px; background-color: #d9d9d9;}
.breadcrumb .dept_1>li:last-child>a::after{content: ""; position: absolute; top:50%; right:0; transform: translateY(-40%); display: block; width: 1px; height: 20px; background-color: #d9d9d9;}
.breadcrumb .dept_1>li>a:hover,
.breadcrumb .dept_1>li>a:focus{color: #CD716F; }
.breadcrumb .dept_1>li>a i{margin-right:20px; margin-left:auto; display:block; width:16px; height:16px; transition: transform .3s; overflow: hidden;}
.breadcrumb .dept_1>li>a i svg{width: 100%;}
.breadcrumb .dept_1>li:hover>a i svg{width: 16px; height: 16px;}
.breadcrumb .dept_1>li>a.on i{transform: rotate(180deg); }
.breadcrumb .dept_1>li .dept_2{display:none; position: absolute; top:100%; left:-1px; width:100%; background:#ffffff; border:1px solid #dddddd;}
.breadcrumb .dept_1>li .dept_2.on{display:block;}
.breadcrumb .dept_1>li .dept_2 li a{display:block; padding:8px 20px; color:#555555;}
.breadcrumb .dept_1>li .dept_2 li a:hover,
.breadcrumb .dept_1>li .dept_2 li a:focus{color:#ffffff; background:#222222; }

main{max-width: 1920px; overflow: hidden;}

#footer{margin-top:120px; max-width: 1920px; overflow-x: hidden; /*border-top:1px solid #f1f1f1;*/}
#footer .footer_wrap{padding:56px 0 64px; background: #f5f5f5;}
#footer .footer_wrap .footer_info_wrap .footer_info_top{display: flex; justify-content: space-between; align-items: center;}
#footer .footer_wrap .footer_info_wrap .footer_info_top .footer_title{margin-right:40px; font-size:24px; font-weight: 600;}
#footer .footer_wrap .footer_info_wrap .footer_info_top .footer_title img{width: 80%;}
#footer .footer_wrap .footer_info_wrap .footer_info_top .footer_links{flex-shrink: 0;}
#footer .footer_wrap .footer_info_wrap .footer_info_top .footer_links ul{margin:0 -16px; display: flex; align-items: center;}
#footer .footer_wrap .footer_info_wrap .footer_info_top .footer_links ul li{position: relative; padding:0 16px;}
#footer .footer_wrap .footer_info_wrap .footer_info_top .footer_links ul li:not(:first-child)::before{content: ""; position: absolute; top:50%; left:0; transform: translateY(-50%); display: block; width: 1px; height:16px; background-color: #000000; }
#footer .footer_wrap .footer_info_wrap .footer_info{margin-top:20px;}
#footer .footer_wrap .footer_info_wrap .footer_info address{margin:0 -16px; display: flex; flex-wrap: wrap;}
#footer .footer_wrap .footer_info_wrap .footer_info address p{position: relative; padding:0 16px;}
#footer .footer_wrap .footer_info_wrap .footer_info address p.wide_addre{width: 100%;}
#footer .footer_wrap .footer_info_wrap .footer_info address p:nth-child(3)::before {content: ""; position: absolute; top: 8px; left:0; display: block; width: 1px; height: 16px; background: #000000;}
#footer .footer_wrap .footer_info_wrap .footer_info .footer_family{margin-top:28px;}
#footer .footer_wrap .footer_info_wrap .footer_info .footer_family ul{margin:0 -20px; display: flex; align-items: center;} 
#footer .footer_wrap .footer_info_wrap .footer_info .footer_family ul li{padding:0 20px;} 
#footer .footer_wrap .footer_bootom{margin-top: 28px; display: flex; justify-content: space-between; align-items: center;}
#footer .footer_wrap .footer_bootom .copyright{font-weight: 400; color:#797979;}
#footer .footer_wrap .footer_bootom .footer_sns{margin-left:40px;}
#footer .footer_wrap .footer_bootom .footer_sns ul{margin:0 -5px; display: flex; align-items: center;}
#footer .footer_wrap .footer_bootom .footer_sns ul li{padding:0 5px;}
#footer .footer_wrap .footer_bootom .footer_sns ul li a{display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; background-color: #ffffff;}
#footer .footer_wrap .footer_bootom .footer_sns ul li a i{display: block; width: 36px; height: 36px;}

/* footer slider */
.footer_carousel_wrap{border-top: 1px solid #eeeeee; background-color: #ffffff;}
.footer_carousel_wrap .wrap{ display: flex; align-items: center;}
.footer_carousel_wrap .footer_carousel{padding:14px 0 18px;  width: 100%; overflow: hidden;}
.footer_carousel_wrap .footer_carousel .slick-track{display: flex; align-items: center;}
.footer_carousel_wrap .footer_carousel .slider_item{margin-right:96px;}
.footer_carousel_wrap .footer_carousel .slider_item figure{display: flex; align-items: center;}
.footer_carousel_btn{flex-shrink: 0; position: relative; display: block; width: 64px; height: 64px; border: 1px solid #7e7e7e; border-radius: 50%;}
.footer_carousel_btn::before{content: ""; position: absolute; top:50%; left:50%; display: block; width: 35%; height: 35%; border-top:2px solid #7e7e7e;}
.footer_carousel_btn.footer_bacousel_prev::before{border-left:2px solid #7e7e7e; transform: translate(-25%, -50%) rotate(-45deg);}
.footer_carousel_btn.footer_bacousel_next::before{border-right:2px solid #7e7e7e; transform: translate(-75%, -50%) rotate(45deg);}

/*pagenation*/
 .pagenation{margin-top:40px; display:flex; justify-content: center;}
 .pagenation .paging_inner_wrap{display:flex; align-items: center;}
 .pagenation .paging_inner_wrap .page_num{position: relative; margin:0 8px; padding:0;  display:inline-block; width:32px; height:32px; text-align: center; vertical-align: top; line-height: 30px; color:#555555;}
 .pagenation .paging_inner_wrap .page_num.active{color:#222222;}
 .pagenation .paging_inner_wrap .page_num.active::before{content:""; position: absolute; bottom:0;
left:50%; transform:translateX(-50%); display:block; width:70%; height:2px; background:#2D47B5;}
 .pagenation .paging_inner_wrap .prev_box>a,
 .pagenation .paging_inner_wrap .next_box>a{margin:0 2px; border:1px solid #dddddd;}
 .pagenation .paging_inner_wrap a{position: relative;}
 .pagenation .paging_inner_wrap .first_page:after{content:""; position: absolute; top:0; left:0; display:block; width:100%; height:100%;  background: url("../images/common/paging_first_btn.svg") no-repeat center center;}
 .pagenation .paging_inner_wrap .prev_page:after{content:""; position: absolute; top:0; left:0; display:block; width:100%; height:100%;background: url("../images/common/paging_prev_btn.svg") no-repeat center center;}
 .pagenation .paging_inner_wrap .next_page:after{content:""; position: absolute; top:0; left:0; display:block; width:100%; height:100%;background: url("../images/common/paging_next_btn.svg") no-repeat center center;}
 .pagenation .paging_inner_wrap .last_page:after{content:""; position: absolute; top:0; left:0; display:block; width:100%; height:100%;background: url("../images/common/paging_last_btn.svg") no-repeat center center;}
 .pagenation .paging_inner_wrap a:hover,
 .pagenation .paging_inner_wrap a:focus{background:#eeeeee;}
/**/

/*privacy */
.privacy .inner_wrap{flex-wrap: wrap;}
.privacy .inner_wrap article{width:100%;}
.privacy .privacy_innerwrap .container dl{margin-bottom:60px;}
.privacy .privacy_innerwrap .container dl:last-child{margin-bottom: 0;}
.privacy .privacy_innerwrap .container dl dd{margin-top:10px;}
.privacy .privacy_innerwrap .container dl dt h4{font-size:28px; font-weight:bold; line-height: 1.5;}
.privacy .privacy_innerwrap .container dl dd h5{font-size:18px; line-height: 1.5;}
.privacy .privacy_innerwrap .container dl dd p{margin:0px 0 16px; color:#555555;}

/*no_content */
article.no_content{display:flex; justify-content: center;  align-items: center; width:100%; height:280px;}
article.no_content .content_box{text-align: center;}
article.no_content .content_box h3 {font-size: 32px; font-weight: bold;}
article.no_content .content_box p { color: #666666;}

/*scroll_top_btn*/
/* .scroll_top_btn{position: fixed; bottom: 40px; right:10px; z-index: 999; opacity: 0; visibility: hidden; transition: opcity, visibility, .3s; }
.scroll_top_btn.on{opacity: 1; visibility: visible;} */
.scroll_top_btn{position: fixed; bottom: 40px; right:10px; z-index: 999; }
.scroll_top_btn button{position:relative; display: block; width:64px; height:64px; border-radius: 50%; background: #CD716F; transition: background-color.3s;}
.scroll_top_btn button::before{content:""; position:absolute; top:50%; left:50%; transform: translate(-50%, -20%) rotate(45deg); display: block; width:20%; height:20%; border-top:2px solid #ffffff; border-left:2px solid #ffffff; transition: background-color, .3s;}
.scroll_top_btn button:hover,
.scroll_top_btn button:focus{background: #222222;}
.scroll_top_btn button:hover::before{border-color:#ffffff;}
.scroll_top_btn button span{text-align: center; text-transform: uppercase; color:#ffffff; }

.AWbbs_view_table{table-layout: fixed;}


@media(max-width:1440px){
	.wrap{width: 1200px;}
	/* menu */
	header .header_top .wrap {padding: 0;}
	header .header_wrap .wrap {padding: 0;}
	header .header_wrap .menu_container .gnb .dep_1>a { padding: 20px 42px; font-size: 18px;}
	header .header_wrap .menu_container .gnb .dep_1:hover>a::before,
	header .header_wrap .menu_container .gnb>.dep_1>a:hover::before,
	header .header_wrap .menu_container .gnb>.dep_1.active>a::before{top:16px;}
	/* mobile menu */
	header .m_menu_container .m_menu_inner .mgnb a {padding-left: 40px; padding-right: 40px;}
	header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li>a {font-size: 18px; line-height: 1.5;}
}

@media(max-width:1240px){
	.wrap {width: 100%; padding:0 5%; margin: 0 auto;}
	/* menu */
	header .header_top .wrap {padding: 0 5%;}
	header .header_top h1 a{width: 240px; }
	header .header_wrap .wrap {padding: 0 5%;}
	.hamburger_btn_wrap .hamburger_btn {width: 44px; height: 44px;}
	/* mobile menu */	
	header .m_menu_container .m_menu_inner .mgnb>li>a {font-size: 24px; padding-left: 24px;  padding-right: 24px;} 

	header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li>a {padding-bottom: 6px; font-size: 16px;}	
	header .header_wrap .menu_container .gnb>.dep_1>a:hover::before {top: 4px;}
}

@media(max-width:1024px){	
	body { font-size: 16px;}
	
	header .header_top h1 a{width: 220px; }
	header .header_top .header_top_inner {padding: 24px;}
	header .header_top .header_top_inner .sns_links ul {margin: 0 -4px;}
	header .header_top .header_top_inner .sns_links ul li{padding:0 4px;}
	header .header_top .header_top_inner .sns_links ul li i{width: 32px; height: 32px;}

  /* header .header_top .header_top_inner .select_site ul li:nth-child(1) a{width:120px;} */
  header .header_top .header_top_inner .select_site ul li a img{width:120px;}

	.breadcrumb .wrap {padding: 0;}    
	.breadcrumb .breadcrumb_home { padding: 15px 20px; font-size: 16px;}
	.breadcrumb .dept_1>li {width: 200px;}
	.breadcrumb .dept_1>li>a { padding: 12px 20px; font-size: 16px;}
	.breadcrumb .dept_1>li>a i {margin-right: 0px;}   
	.breadcrumb .dept_1>li>a::before{transform: translateY(-50%); height: 16px;}
	.breadcrumb .dept_1>li:last-child>a::after{transform: translateY(-50%); height: 16px;}

	.footer_carousel_wrap .footer_carousel .slider_item {margin-right: 40px;}
	.footer_carousel_btn {width: 56px; height: 56px;}

	/*privacy */
	.privacy .privacy_innerwrap .container dl dt h4 {font-size: 24px;}
}

@media(max-width:768px){	
	header .header_top .header_top_inner {padding: 12px 0 24px; flex-wrap: wrap;}
	header .header_top .header_top_inner .header_top_links{display: flex; justify-content: space-between; width: 100%;}
	header .header_top .header_top_inner .select_site{position: relative; top: inherit; left: inherit; transform: translateY(0);}
	header .header_top .header_top_inner .select_site ul {margin: 0 -4px;}
	header .header_top .header_top_inner .select_site ul li {padding: 0 4px;}
	header .header_top .header_top_inner .select_site ul li a {border-radius: 6px; font-size: 12px;}
	header .header_top .header_top_inner .sns_links{position: relative; top: inherit; left: inherit; transform: translateY(0);}
	header .header_top .header_top_inner .sns_links ul li i {width: 28px; height: 28px;}
	header .header_top .header_top_logo_wrap{order: 1; position: relative; margin-top:20px; display: flex; justify-content: center; width: 100%;}
	header .header_top h1 a {width: 200px;}
	header .header_top .hamburger_btn_wrap{display: block;}
	.hamburger_btn_wrap .hamburger_btn { width: 40px; height: 40px;}

	header .header_wrap{display: none;}
	header .header_wrap .menu_container{display: none;}
	header .header_wrap .hamburger_btn_wrap{display: none;}

	header .navBg.on{display: none!important;}

	/* mobile */
	header .m_menu_container .close_btn {top: 48px; right: 4%;}
	header .m_menu_container .m_menu_inner {margin-top: 0; padding:80px 5%; display: block; justify-content: flex-start; width:auto; height: 100%; overflow-x: hidden; overflow-y: scroll;}
	header .m_menu_container .m_menu_inner .mgnb {position:relative; display:block;}
	header .m_menu_container .m_menu_inner .mgnb a {text-align: left; padding-left: 20px; padding-right: 20px;}
	header .m_menu_container .m_menu_inner .mgnb>li>a::before {top: 12px; left: 32px; transition: left, opacity, 0.3s; display: none;}
	header .m_menu_container .m_menu_inner .mgnb>li:hover>a::before,
	header .m_menu_container .m_menu_inner .mgnb>li>a:hover::before{opacity: 1; top: 2px; }
	header .m_menu_container .m_menu_inner .mgnb>li>a span{position: relative;}
	header .m_menu_container .m_menu_inner .mgnb>li:not(.home, .mobile_link)>a span::after{content: ""; position: absolute; top: 50%; left: calc(100% + 12px); transform: translateY(-50%) rotate(-45deg); transform-origin:center 6px; display: block; width: 6px; height: 6px; border-top: none; border-right:none; border-left:2px solid #222222; border-bottom: 2px solid #222222; transition: transform .3s;}
	header .m_menu_container .m_menu_inner .mgnb>li>a:hover span::after{border-color: #CD716F;}
	header .m_menu_container .m_menu_inner .mgnb>li>a.active span::after{transform: translateY(-50%) rotate(135deg); border-color: #CD716F;}
	header .m_menu_container .m_menu_inner .mgnb .dep_2{padding-left:20px; width:100%;  background:#f5f5f5; overflow: hidden; display: none; height:0;}
	header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li>a {padding-top:10px; padding-bottom: 10px;}
	header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li>a::before{left:0; transform: translateX(0);}
	header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li:hover>a::before,
	header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li>a:hover::before{width:4%;}
	header .m_menu_container .m_menu_inner .mgnb>li>a{padding-left: 20px; padding-right: 20px; display: flex; align-items: center; font-size:24px; }
	header .m_menu_container .m_menu_inner .mgnb>li>a i{position:static; top:inherit; left:inherit; transform:translateX(0); margin-left:8px; display: block;}
	header .m_menu_container .m_menu_ham_wrap {margin: 20px 5%;}

	/* breadcrumb */
	.breadcrumb .wrap {padding: 0;}    
	.breadcrumb .breadcrumb_home {padding: 12px 20px; font-size: 15px;}
	.breadcrumb .dept_1>li>a { padding: 12px 20px; font-size: 15px;}
	.breadcrumb .dept_1>li .dept_2 li a {font-size:15px;}

	/* scroll top btn */
	.scroll_top_btn{bottom: 0;}
	.scroll_top_btn button{ width:48px; height:48px;}

	/* footer */	
	.footer_carousel_wrap .footer_carousel .slider_item {margin-right:20px;}
	.footer_carousel_btn {width: 48px; height: 48px;}
	.footer_carousel_btn::before {width: 28%; height: 28%;}
	
	/*privacy */
	.privacy .privacy_innerwrap .container dl {margin-bottom: 48px;}
	.privacy .privacy_innerwrap .container dl dt h4 {font-size: 20px;}
	.privacy .privacy_innerwrap .container dl dd h5 {font-size: 16px;}
	.privacy .privacy_innerwrap .container dl dd p {margin: 0px 0 12px;}
}

@media(max-width:540px){
	body {font-size: 15px;}

	/* footer */	
	#footer .footer_wrap {padding: 36px 0 64px;}  
	#footer .footer_wrap .footer_info_wrap .footer_info_top {flex-direction: column; justify-content: flex-start; align-items: center;}
	#footer .footer_wrap .footer_info_wrap .footer_info_top .footer_title { margin-right:0; font-size: 20px; text-align: center;}
  #footer .footer_wrap .footer_info_wrap .footer_info_top .footer_title img {width: 64%;}
	#footer .footer_wrap .footer_info_wrap .footer_info address {justify-content: center;}
	#footer .footer_wrap .footer_info_wrap .footer_info address p{text-align: center; width: 100%;}
	#footer .footer_wrap .footer_info_wrap .footer_info address p:nth-child(3)::before {display: none;}
	#footer .footer_wrap .footer_info_wrap .footer_info .footer_family { margin-top: 20px;}
	#footer .footer_wrap .footer_info_wrap .footer_info .footer_family ul {justify-content: center;}
	#footer .footer_wrap .footer_bootom {flex-direction: column; justify-content: flex-start; align-items: center;}
	#footer .footer_wrap .footer_bootom .copyright {font-size:14px; text-align: center;}
	#footer .footer_wrap .footer_bootom .footer_sns {margin-left: 0; margin-top: 20px;}
	#footer .footer_wrap .footer_bootom .footer_sns ul li a {width: 48px; height: 48px;}
	#footer .footer_wrap .footer_bootom .footer_sns ul li a i {width: 24px; height: 24px;}
	
	.footer_carousel_wrap .footer_carousel .slider_item {margin-right: 12px;}
	.footer_carousel_wrap .footer_carousel .slider_item .img_wrap{width: 80%;}
	.footer_carousel_btn {width: 40px; height: 40px;}
}

@media(max-width:480px){
	header .header_top .header_top_inner .select_site ul {margin: 0 -2px;}
	header .header_top .header_top_inner .select_site ul li {padding: 0 2px;}
	header .header_top .header_top_inner .sns_links ul {margin: 0 -2px;}
	header .header_top .header_top_inner .sns_links ul li {padding: 0 2px;}

  /* header .header_top .header_top_inner .select_site ul li:nth-child(1) a{width:100px;} */
  header .header_top .header_top_inner .select_site ul li a img{width:100px;}
  header .header_top .header_top_inner .select_site ul li a i{width: 14px; height:14px;}
	
	.breadcrumb .breadcrumb_home {padding: 12px 16px;}
	.breadcrumb .dept_1 {width: 100%;}
	.breadcrumb .dept_1>li {width: 50%;}
	.breadcrumb .dept_1>li>a {padding: 12px 10px;} 
	.breadcrumb .dept_1>li .dept_2 li a {padding: 8px 10px; word-break: break-all; line-height: 1.25;}
	.breadcrumb.single_bread .dept_1>li {width: 100%;}

	/* footer */
	.footer_carousel_wrap .footer_carousel .slider_item .img_wrap{width: 120px;}
	#footer .footer_wrap .footer_info_wrap .footer_info .footer_family ul {margin: 0 -10px;}
	#footer .footer_wrap .footer_info_wrap .footer_info .footer_family ul li {padding: 0px 10px;}
}

@media(max-width:359px){
	.breadcrumb .breadcrumb_home {padding: 12px 10px; flex-shrink: 0;}
}