@charset "utf-8";


html.desktop{margin-top: 0!important;}
body {margin:0 auto; width:100%; max-width: 1920px; overflow-x: hidden; font-family: 'NotoSansKR', sans-serif; word-break: keep-all; /* letter-spacing: -0.062em;*/ color: #000000;  font-size: 17px;  font-weight: 300; line-height: 1.75; background: #ffffff; }
[lang="en"]{font-family:  'NotoSansKR', sans-serif;}
[lang="en"],
.font_en,
.font_num{ font-family: 'SCDream', sans-serif; letter-spacing: 0;}
.gmarket{font-family: 'gmarket', sans-serif; font-weight: 200;}

button{border:none; background:none; outline:none; cursor: pointer;}
a{color:#000000;}

.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 */ }

/* body.active_burger {overflow: hidden; } */


html.no-scroll {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%!important; overflow: hidden!important; }
.wrap{width:1300px; margin:0 auto; box-sizing: border-box;}

header{position: fixed; top:0; left:50%; transform:translateX(-50%); width:100%; max-width:1920px; background: transparent; box-sizing: border-box; z-index:999; transition: top 0.5s; }
header.on{background: #ffffff; box-shadow: 0 2px 24px rgb(0 0 0 / 8%);}
header .header_wrap{position:relative; padding:24px 80px 20px; display:flex; justify-content: space-between; align-items: center;  transition: padding .5s; }
header .header_wrap h1{flex-shrink: 0; width:128px; height:57px; z-index: 2;}
/* header .header_wrap h1 #logo {fill:#3171B5;}
header .header_wrap h1 #logo .st0{fill:#A2C41E;}
header .header_wrap h1 #logo .logo_text{fill:#000000;} */
				
header.on .header_wrap{padding:20px 80px 16px;}

header .header_wrap .menu_container{position:absolute; top:50%; right:130px; transform: translateY(-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;}
header .header_wrap .menu_container .gnb .dep_1:first-child>a{color:#048079; font-weight: 500;}
header.on .header_wrap .menu_container .gnb .dep_1:first-child>a{color:#048079;}

header .header_wrap .menu_container .gnb .dep_1:nth-child(2)>a {color: #ff542d; font-weight: 500;}
header.on .header_wrap .menu_container .gnb .dep_1:nth-child(2)>a{color:#ff542d;}


header .header_wrap .menu_container .gnb .dep_1>a{position:relative; padding:34px 36px 30px;   display: flex; align-items: center; font-size:16px; font-weight: 200; color:#000000;}
header.on  .header_wrap .menu_container .gnb .dep_1>a{ /*padding: 26px 44px 22px;*/ color:#000000;}
header .header_wrap .menu_container .gnb>.dep_1>a span{position: relative;}
header .header_wrap .menu_container .gnb>.dep_1>a span:after{content: ""; position: absolute; bottom:0; left:50%; transform: translateX(-50%); display: block; width:0; height:2px; background: #000000; opacity: 0;  transition: width, opacity, 0.3s;}
header .header_wrap .menu_container .gnb .dep_1:hover>a span::after,
header .header_wrap .menu_container .gnb>.dep_1>a:hover span::after{opacity: 1; width:100%;}
header .header_wrap .menu_container .gnb>.dep_1>a.active span::after{opacity: 1; width:100%;}
header .header_wrap .menu_container .gnb .dep_1 .dep_2{position:absolute; top:100%; left:50%; transform: translateX(-50%); opacity: 0; visibility: hidden; overflow: hidden; transition:opacity, visibility, 0.2s; background: rgba(245, 245, 245, 0.8);}
header .header_wrap .menu_container .gnb .dep_1 .dep_2.active{opacity: 1; visibility: visible;}
header .header_wrap .menu_container .gnb .dep_1 .dep_2>ul{padding:12px 0 0;}
header .header_wrap .menu_container .gnb .dep_1 .dep_2>ul>li>a{position:relative; padding:12px 24px 12px; font-size:15px; color:#000000;  width:180px; }
header .header_wrap .menu_container .gnb .dep_1 .dep_2>ul>li>a:before{content: ""; position: absolute; top:50%; left:0px; transform: translateY(-80%); display: block; width:6px; height:4px; background: #048079;  opacity: 0; transition: top, opacity, 0.3s;}
header .header_wrap .menu_container .gnb .dep_1 .dep_2>ul>li:hover>a::before,
header .header_wrap .menu_container .gnb .dep_1 .dep_2>ul>li>a:hover::before{opacity: 1; left:10px;}
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{color:#048079;}

header .header_wrap .hamburger_btn_wrap .hamburger_btn{display:block; padding:9px 6px;}
header .header_wrap .hamburger_btn_wrap .hamburger_btn span{margin:6px 0; display: block; width:28px; height:2px; background: #000000; transition: background-color, margin .2s; }
header.on .header_wrap .hamburger_btn_wrap .hamburger_btn span{ background: #000000;}
header .header_wrap .hamburger_btn_wrap .hamburger_btn:hover span{margin:4px 0; background: #048079;}
header .navBg {display:block;  z-index:998; width:100%; height:0;  background:#181717; 
	-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:200px; }


header .m_menu_container{position:fixed; top:0; left:0; display:none; width:100%; height:100vh; z-index: 999; background-color: #ffffff; overflow: hidden; }
header .m_menu_container::before{content:""; position:absolute; display:block; width:100%; height:100%; z-index: -1; background-image: url("../images/common/logo.svg"); background-repeat: no-repeat; background-position: center bottom; background-size: 60%; opacity: .05; }
header .m_menu_container .m_menu_inner{display: flex; justify-content: center; align-items: 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:#000000;}
header .m_menu_container .m_menu_inner .mgnb>li>a{position:relative; padding-top:8px; padding-bottom:8px; font-size:28px; font-weight: 200;}
header .m_menu_container .m_menu_inner .mgnb>li>a span{position: relative;}
header .m_menu_container .m_menu_inner .mgnb>li>a span::before{content: ""; position: absolute; bottom:0; left:50%; transform: translateX(-50%); display: block; width:0; height:2px; background:#000000;  opacity: 0; transition: width, opacity, 0.3s;} 
header .m_menu_container .m_menu_inner .mgnb>li:hover>a span::before,
header .m_menu_container .m_menu_inner .mgnb>li>a:hover span::before{opacity: 1; width:100%;}
header .m_menu_container .m_menu_inner .mgnb>li>.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; color:#777777;}
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{color:#048079;}

header .m_menu_container .close_btn{position:absolute; top:20px; right:93px; width:48px; height:48px; transition:transform .3s;}
header .m_menu_container .close_btn .close_line{position:absolute; top:50%; left:50%; width:50%; height:2px; background:#000000; 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{transform: rotate(90deg);}
header .m_menu_container .close_btn:hover .close_line{background:#048079;}

header .m_menu_container .m_menu_ham_wrap{position: absolute; top:32px; left:76px; display: flex; align-items: center;}

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


#footer{padding: 100px 0; max-width: 1920px; border-top:1px solid #E5E5E5;}
#footer .footer_wrap{background: #ffffff;}
#footer .footer_wrap .wrap{width:1300px;}
#footer .footer_wrap .inner_wrap{display: flex;}
#footer .footer_wrap .inner_wrap .footer_logo{margin-right:100px; flex-shrink: 0; display: flex; align-items: center; width:30%;  }
#footer .footer_wrap .inner_wrap .footer_logo .img_wrap img{width:170px;}
#footer .footer_wrap .inner_wrap .footer_logo .img_wrap p{font-size:14px; color:#005e5a; }
#footer .footer_wrap .inner_wrap .footer_content{width:70%;}
#footer .footer_wrap .footer_content{display: flex; justify-content: space-between; align-items: center;}
#footer .footer_wrap .footer_content .footer_left address p{display: flex; line-height: 2;}
#footer .footer_wrap .footer_content .footer_left address .box{margin:0 -20px; display: flex; flex-wrap: wrap;}
#footer .footer_wrap .footer_content .footer_left address .box p{padding: 0 20px;  }
#footer .footer_wrap .footer_content .footer_left address .box p:last-child{width:100%;}
#footer .footer_wrap .footer_content .footer_left p .add_label{margin-right:4px;}
#footer .footer_wrap .footer_content .footer_left p a {margin-left:4px;}
#footer .footer_wrap .footer_content .footer_left p:last-child a{margin-left:0; color:#777777;}
#footer .footer_wrap .footer_content .footer_right .footer_info{display: flex; align-items: center;}
#footer .footer_wrap .footer_content .footer_right .footer_info .img_wrap{margin-right:16px;}


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



/*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:#777777;}
 .pagenation .paging_inner_wrap .page_num.active{color:#000000;}
 .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:#3171B5;}
 .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 .privacy_intro{text-align: center;}
.privacy .privacy_innerwrap .container dl{margin-bottom:60px;}
.privacy .privacy_innerwrap .container dl dt h4{font-size:28px; font-weight:bold;}
.privacy .privacy_innerwrap .container dl dd{margin-top:10px;}
.privacy .privacy_innerwrap .container dl dd h5{font-size:18px; }
.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;}


@media(max-width:1600px){

}

@media(max-width:1440px){
  header .header_wrap {padding: 24px 40px 20px;}
  header.on .header_wrap {padding: 20px 40px 16px;}
	header .m_menu_container .m_menu_inner .mgnb a {padding-left: 40px; padding-right: 40px;}

  header .header_wrap .menu_container .gnb .dep_1>a {padding: 34px 28px 30px;}
	
	#footer .footer_wrap .wrap{width:100%; padding:0 5%;}	
}

@media(max-width:1360px){
	.wrap {width: 100%; padding:0 5%; margin: 0 auto;}
}


@media(max-width:1240px){
	header .header_wrap { padding: 24px 3% 8px;}
	header.on .header_wrap{padding:8px 3% 8px;}
  header .header_wrap h1 {width: 96px; height: 43px;}
	header .header_wrap .hamburger_btn_wrap .sns {display: none;}
  /* header .header_wrap .menu_container .gnb .dep_1>a {padding: 41px 32px 26px;} */
  header .header_wrap .menu_container .gnb .dep_1>a {padding: 15px 24px 15px;}
	header .m_menu_container .m_menu_inner .mgnb>li>a {font-size: 24px;}

  header .header_wrap .menu_container {right: 120px; transform: translateY(-40%);}

  header .m_menu_container .m_menu_inner .mgnb {flex-wrap: wrap; justify-content: center; gap: 20px 0;}
	
	#footer {padding: 80px 0;}
	#footer .footer_wrap .inner_wrap{flex-wrap: wrap;}
	#footer .footer_wrap .inner_wrap .footer_logo {width: 100%;}
	#footer .footer_wrap .inner_wrap .footer_content {margin-top:28px; width: 100%;}
}


@media(max-width:1024px){	
	body { font-size: 16px;}
	header .header_wrap { padding: 8px 5% 8px;}
  header.on .header_wrap{padding:8px 5% 8px;}
	/* header .header_wrap h1 {width: px;} */
	header .header_wrap .hamburger_btn_wrap .lang {display: none;}
    header .header_wrap .menu_container{display: none;}
    header .m_menu_container .m_menu_inner {display: block; width:auto; height: 100%; overflow-x: hidden; overflow-y: scroll;}
	header .m_menu_container .m_menu_inner {margin-left:20px; justify-content: flex-start;}
	header .m_menu_container .m_menu_inner .mgnb {position:relative; margin-top:64px; 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 span::before{left:0; transform: translateX(0);}
    header .m_menu_container .m_menu_inner .mgnb>li>.dep_2{padding-left:20px; display:none; width:100%; height:0;   overflow: hidden;   }
	header .m_menu_container .m_menu_inner .mgnb>li>.dep_2>ul>li>a {padding-top:10px; padding-bottom: 10px; color:#777777;}
	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_inner .mgnb>li>.dep_2>ul>li>a{font-size:14px;}

	header .m_menu_container .close_btn {top: 10px; right: 7%;}
	header .m_menu_container .m_menu_ham_wrap {top: 18px; left: 5%;}
}

@media(max-width:768px){
	header .m_menu_container::before{background-size: 100%; }
    .scroll_top_btn button {width: 48px; height: 48px;}
	#footer .footer_wrap .inner_wrap .footer_logo .img_wrap img {width: 148px;}
	#footer .footer_wrap .footer_content .footer_left address .box {margin: 0 -12px;}
	#footer .footer_wrap .footer_content .footer_left address .box p {padding: 0px 12px;}
}

@media(max-width:540px){
	body { font-size: 12px;}
	header .m_menu_container .m_menu_inner .mgnb>li>a{font-size:18px; }

	header .m_menu_container .close_btn {top: 5px; right: 4%;}
	
	#footer .footer_wrap .inner_wrap .footer_logo{justify-content: center;}
	#footer .footer_wrap .inner_wrap .footer_logo .img_wrap{text-align: center;}
	#footer .footer_wrap .inner_wrap .footer_logo .img_wrap img {width: 120px;}
	#footer .footer_wrap .footer_content {flex-wrap: wrap; justify-content: center; text-align: center;}
	#footer .footer_wrap .footer_content .footer_left address .box {justify-content: center; margin: 0 -4px;}
	#footer .footer_wrap .footer_content .footer_left address .box p {padding:2px 4px; text-align: center; justify-content: center; line-height: 1.5;} 
	#footer .footer_wrap .footer_content .footer_right{margin-top:20px;}
}

@media(max-width:480px){
	.pagenation .paging_inner_wrap .page_num { margin: 0 4px; width: 28px; height: 28px; font-size: 15px;}
}

@media(max-width:400px){
	#footer .footer_wrap .footer_top .family_site_wrap .family_site_list {right: inherit; left:0;}
}


/* 20250215 */
header .header_wrap .menu_container .gnb .dep_1:first-child>a{ display: none;}
header.on .header_wrap .menu_container .gnb .dep_1:first-child>a{display: none;}
header .m_menu_container .m_menu_inner .mgnb>li.home + li>a{display: none;}