/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; }
.sub_tab						{display:none;}

/* left menu 있을때... */
/*
.sub_left								{width:15%; max-width:200px; float:left;}
.sub_right						{width:82%; padding-right:1%; float:right; position:relative;}
*/

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative;}

@media(max-width:1100px){
.sub_left	{display:none;}
/* .sub_right					{width:100%; padding-right:0%; padding:3%; float:none;} */
}
@media(max-width:768px){
.sub_title_navi			{display:block;}
.sub_tab						{display:none;}
}

.content_desc				{padding-top: 100px; min-height:500px;}


@media (max-width:1280px){
.content_desc {padding-top:80px}
}
@media (max-width:1080px){
.content_desc {padding-top:60px}
}
@media (max-width:768px){
.content_desc {padding-top:40px}
}
@media (max-width:500px){
.content_desc {padding-top:20px} 
}

/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header_t{padding:0; position: fixed; z-index: 10; left:0; top:0; min-height:100px; width:100%; background:#fff;}
.header_t.f-nav{background:#fff; border-bottom:1px solid #ddd; position:fixed;}

.header_t .header_inner{margin:0 auto; max-width:1200px; width:100%; display:flex; align-items: center; justify-content: space-between; }

.header_logo{width:10%;}

.header_gnb{width:52%; display:flex; align-items: center; justify-content: space-between;}
.header_gnb a{color:#403F3E; font-size:18px; font-weight:600;}
.header_t.f-nav .header_gnb a{color:#403F3E;}
.header_gnb > a {color:#fff ; padding:7px 34px; font-size:18px; background: #A69C98; border-radius: 50px; font-weight:500;}
.header_t.f-nav .header_gnb > a {color:#fff;}

.header_gnb .main_menu{display: flex; align-items: center; justify-content: flex-end;}
.header_gnb .main_menu .menu{position: relative; padding:0 30px;}  
.header_gnb .main_menu .menu>a{padding:34px 0; display: block;}

.header_gnb .snb_menu{display: none; position: absolute; top:100px; background:#fff; padding:5px 15px; width: 130%; left:50%; margin: auto; border:1px solid #ddd; transform:translateX(-50%)}
.header_gnb .menu3 .snb_menu {width:100%;}
.header_gnb .snb_menu a{font-weight:500; display: block; padding:10px 0; color:#403F3E; font-size:14px; text-align: center;}

.header_gnb .main_menu li>a:focus, .header_gnb .main_menu li:hover>a{color:#A69C98;}/*hover*/
.header_gnb .main_menu li.active>a{color:#A69C98;}/*1댑스 현재 페이지 on*/
/* .header_gnb .snb_menu .sub_active>a{color:#A69C98;}2댑스 현재 페이지 on */
/*.header_gnb .snb_menu a:hover{color:#fff;} 2댑스 hover*/

.header_btn{display: none; justify-content: flex-end;}
.header_btn .language_btn{width:100%; position: relative; text-align:center;}
.header_btn .language_btn>a{color:#403F3E; font-size:16px; width:100%; text-align:center;}
.header_btn .language_btn ul{position:absolute; top:30px; width:100%; display: none; background:#fff; padding:5px 10px; border:1px solid #ddd;}
.header_btn .language_btn ul li a{display:block; font-size:15px; color:#403F3E; padding:5px 0; text-align:center;}

.header_t.f-nav .header_btn .language_btn a{color:#403F3E;}
.header_btn .language_btn a:hover, .header_btn .language_btn a:focus{color:#ea002b !important;}

.header_btn .login_btn{display: flex; flex-direction: column; align-items: flex-end;}
.header_btn .login_btn a{display: block; font-size:14px; color:#fff; padding:3px 0;}
.f-nav .header_btn .login_btn a{color:#403F3E;}

/* 햄벅 */
.mo_nav				{display:none; }
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; background-color:transparent; background-image:none; border-radius:3px; border:0; width:100%; height:100%; padding:0 34%;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#fff; display:block; width:28px; height:2px; margin-left:auto;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:8px; height:2px; width:24px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:8px; width:32px; height:2px; }

.mo_nav:hover .navbar-toggle .icon-bar								{transform:translateX(5px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar		{transform:translateX(16px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar		{transform:translateX(3px);}

@media (max-width:1400px){
	.header_t{padding:0 4%;}
	.header_gnb {justify-content: flex-end;}
	.header_gnb .main_menu .menu {padding:0 12%;}
}
@media(max-width:1050px){
	.header_gnb .main_menu .menu {padding:0 8%;}
	.header_gnb .main_menu .menu>a{font-size:16px;}
}
@media(max-width:768px){
	.header_btn {display:flex; position:absolute; width:100px; height:100px;flex-direction:column; align-items: center; justify-content: center; background: #a69c98; right:-4.3%;}
	.mo_nav{display:flex; width:100%; height:100%; justify-content: center;}
	.header_btn .login_btn, .header_btn .language_btn{display: none;}
	.header_logo{width:40%;}
	.header_t{justify-content: space-between; display:flex;}
	.header_t .header_inner {justify-content: flex-start; position:relative;}
	.header_gnb{display: none;}
}
@media (max-width:500px){
	.mo_nav .navbar-toggle {padding:0 27%;}
	.header_t {min-height:70px;}
	.header_t img {width:100%; max-width:90px; height:auto;}
	.header_btn {width:70px; height:70px;}
}
.mfp-close-btn-in .mfp-close {display:none;}
.popup_container {display:none; color:#403F3E;}
.parent-container {width:100%; max-width:680px; margin:0 auto; background: #fff; border-radius: 10px;  position:fixed; top:50%; left:50%; transform:translate(-50%,-50%)}
.parent-container .write_head {display:flex; justify-content: center; position:relative; color:#fff; background-color: #A69C98; border-radius:10px 10px 0 0; padding:24px 0;}
.parent-container .write_head .pop_close_btn {position:absolute; right:4%; top:50%; transform:translateY(-50%);}
.parent-container #fwrite {padding:30px 4% 55px 9%; overflow-y: scroll; height:100%; max-height:720px; margin:25px 20px 0 0;}
.parent-container #fwrite::-webkit-scrollbar {width:3px;}
.parent-container #fwrite::-webkit-scrollbar-thumb {border-radius: 500px; background: #A69C98; }
.parent-container #fwrite::-webkit-scrollbar-track {background: #d9d9d9;}
.parent-container input[type="text"] {width:100%; border:1px solid #d9d9d9; border-radius:5px; padding:10px 15px 9px; margin:10px 0 20px;}
.parent-container input[type="text"]::placeholder {color:#979797;}
.parent-container textarea {width:100%; border: 1px solid #d9d9d9; border-radius:5px; padding:10px 15px 9px; margin:10px 0 20px;  resize:none;}
.parent-container textarea::placeholder {color:#979797;}
.parent-container li h2 {font-weight:500; color:#403F3E}
.parent-container li h2 span {color:#C60404; font-weight:400;}
.parent-container li .default_ul {margin:10px 0 20px;}
.parent-container label a {color:#0012B1; text-decoration: underline #0012B1; font-weight:500;}
.parent-container .datetimepicker {border-radius: 5px; width:100%; max-width:300px; margin-right:15px; background: url(./img/calinder.png) no-repeat 95% center / 18px 18px; padding: 10px 15px 9px; margin:10px 0 20px;}
.parent-container select {width:100%; max-width:245px; border-radius:5px; padding-left:15px; margin-bottom:20px;}

.parent-container .bottom {margin-top:40px;}
.parent-container .bottom .confirm_btn {margin-top:40px;}


@media (max-width:1280px){
	.mfp-container {padding:0 4% !important;}
	
}
@media (max-width:1080px){
  
}
@media (max-width:768px){
	.parent-container #fwrite {padding:20px 2% 30px 5%; margin:15px 10px 0 0;}
	.parent-container .bottom {margin-top:0;}
	.parent-container #fwrite {max-height:500px;}
	.parent-container .bottom .confirm_btn {margin-top:20px;}
	.parent-container .confirm_btn {border-radius: 50px; width:130px; height:45px; overflow: hidden; margin:0 auto;}
	.parent-container input[type="submit"] { width:130px; height:45px; border-radius:500px !important; padding:0 !important; display:flex !important; justify-content: center; align-items: center;}
}
@media (max-width:672px){
	.parent-container .datetimepicker {margin-bottom:10px;}
}
@media (max-width:500px){
	.parent-container .bottom {margin-top:0;}
	.parent-container #fwrite {max-height:450px;}
  
}






/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_visual										{position:relative; margin:0 auto;}


/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all{border-bottom:1px solid #ddd;}
.navi_in{width:100%; max-width:1300px; margin:0 auto; display: flex;}
.navi_in .home_btn_all a{display: flex; align-items: center; justify-content: center; padding:15px;}
.navi_in .down_btn{position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.navi_in .down_btn2{border-right:1px solid #ddd; border-left:0;}
.navi_in .down_btn .down_btn_title{display: flex; align-items: center; padding:17px 30px; cursor: pointer; width:240px;}
.navi_in .down_btn .down_btn_title h3{font-size:15px; font-weight:600; line-height:1; transition:all .2s;}
.navi_in .down_btn:hover .down_btn_title h3{color:#ea002b;}
.navi_in .down_btn .down_btn_title img{position:absolute; right:30px; top:0; bottom:0; margin:auto; transition:all .3s;}

ul.extend{position:absolute; background:#fff; width:calc(100% + 2px); top:50px; border:1px solid #ddd; z-index: 5; left:-1px; padding:10px 0; display: none;}
ul.extend li{}
ul.extend li a{ font-size:15px; font-weight:600; display: block; margin:0 30px; padding:13px 0; transition:all .3s;}
ul.extend li a:hover{color:#ea002b;}
@media(max-width:1050px){
	.navi_in .down_btn .down_btn_title {width:200px; padding: 20px;}
}
@media(max-width:768px){
	ul.extend {top:55px;}
	ul.extend li a {font-size: 14px; margin: 0px 20px; padding: 10px 0;}
}
@media(max-width:600px){
	.navi_in .home_btn_all{display: none;}
	.navi_in .down_btn{width:50%;}
	.navi_in .down_btn .down_btn_title {width:100%; padding: 15px;}
	.navi_in .down_btn .down_btn_title h3 {font-size: 13px;}
	.navi_in .home_btn_all a {padding:8px;}
	.navi_in .down_btn .down_btn_title img {right:15px;}
	ul.extend {top:43px;}
	ul.extend li a {font-size: 13px; margin: 0px 17px; padding: 8px 0;}
}





/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/
footer p span {display: inline-block; width: 1px; height: 10px; background: rgba(255,255,255,0.5); margin: 0 10px;}
.wrap1 {width:100%; background: #A69C98;}
.wrap1 ul {display:flex; padding:20px 0; align-items: flex-end;}
.wrap1 ul li span {display: inline-block; width: 1px; height: 16px; background: rgba(255,255,255,0.5); margin: 0 25px;}
.wrap1 ul li a {color:#fff;}
.wrap2 {background: #606060;}
.wrap2 .flx {display:flex; justify-content: space-between; padding:50px 0; color:#fff;}
.wrap2 .flx h2 {padding-bottom:25px;}
.wrap2 .flx p {color:rgba(255,255,255,0.8);}
.wrap2 .flx span {display:block; padding-bottom:8px; font-weight:700; color:rgba(255,255,255,0.8);}
.wrap2 .flx ul {display:flex;}
.wrap2 .flx .sns_mo {display:none;}
.wrap2 .flx ul li:first-child {padding-right:30px}
.wrap2 .flx ul li a {display:flex; align-items: center;}
.wrap2 .flx ul li img {padding-right:5px;}
.wrap3 {background: #515151;}
.wrap3 .flx {padding:40px 0; color:rgba(255,255,255,0.7); display:flex; justify-content: space-between; align-items: flex-start;}
.wrap3 .flx .left {padding-right:3%;}
.wrap3 .flx .left  > p {padding-bottom:10px;}
.wrap3 .flx .left .copy_write {display:flex;}
.wrap3 .flx .left .copy_write p:first-child {margin-right:10px;}
.wrap3 .flx .left .copy_write a {color:rgba(255,255,255,0.7);}

/* 패밀리사이트 클릭시 위로 올라오는 CSS*/
.select_op						{border:1px solid #ddd;border-bottom:none; width:100%; margin-top:0px; display:none; position:absolute; z-index:3; background:#fff; font-size:11px;bottom:40px;}
.select_op	li				{}
.select_op	li		a		{cursor:pointer; width:100%; display: block; padding:12px 8px; display:inline-block;letter-spacing:-0.3px; text-align: left;}
.select_op	li:hover	{background:#eee;}
.a_focus							{background:#8e8e8e; color:#fff !important; }

@media(max-width:1400px){
	footer .inner{padding:0 4%;}
}
@media (max-width:1280px){
	.wrap2 .flx {padding:40px 0;}
	.wrap2 .flx h2 {padding-bottom:20px;}
	.wrap2 .flx > li:not(:last-child) {padding-right:4%;}
	.wrap1 ul {padding:15px 0;}
	.wrap3 .flx {padding:30px 0;}
}
@media (max-width:1080px){
	.wrap2 .flx {padding:35px 0;}
	.wrap2 .flx h2 {padding-bottom:15px;}	
	.wrap3 .flx {padding:25px 0;}
}
@media (max-width:974px){
	.wrap2 .flx {flex-wrap:wrap;}
	.wrap2 .flx > li:nth-child(2) {padding-right:0;}
	.wrap2 .flx > li:nth-child(3) {padding-top:4%;}
}
@media (max-width:768px){
	footer p span {margin:0 5px;}
	.wrap1 ul li span {margin:0 15px;}
	.wrap1 li:nth-child(1), .wrap1 li:nth-child(2), .wrap1 li:nth-child(3), .wrap1 li:nth-child(4) {display:none;}
	.wrap2 .flx li:first-child p { line-height:0.8}
	.wrap2 .flx .sns_mo {display:block; padding:15px 0 30px; width:100%;}
	.wrap2 .flx .sns_pc {display:none;}
	.wrap2 .flx {padding:15px 0;}
	.wrap2 .flx h2 {padding-bottom:10px;}
	.wrap1 ul {padding:10px 0;}
	.wrap3 .flx {padding:15px 0; flex-direction: column-reverse;}
	.wrap3 .flx .left {padding-right:0;}
	.wrap3 .flx .left > p {padding-bottom:5px;}
	.wrap3 .flx .left .copy_write {flex-wrap:wrap;}
	.wrap3 .flx .right {padding-bottom:2%;}
	.wrap3 .flx .right img {width:100%; max-width:130px; height:auto; display:block;}
	.wrap2 .flx > li:nth-child(3) {padding-top:2%;}
	.wrap2 .flx span {padding-bottom:3px;}
	.wrap2 .flx ul li img {width:100%; max-width:25px; height:auto;}
}
@media (max-width:528px){
	.wrap2 .flx > li:nth-child(2) {padding-top:2%;}
	
}
@media (max-width:500px){
	.wrap1 ul {flex-wrap:wrap; padding:10px 0 5px;}
	.wrap1 ul li {padding-bottom:5px;}
	.wrap1 ul li span {margin:0 10px;} 
	.wrap2 .flx {padding:10px 0;}
	.wrap2 .flx h2 {padding-bottom:5px;}
	.wrap3 .flx {padding:10px 0;}
}
@media (max-width:329px){
	.wrap2 .flx li:first-child p {line-height: 1.2;}
}
/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/



/************************ 공통클래스 ***************************/
.inner {width:100%; max-width:1200px; margin:0 auto;}
.gmark {font-family: 'GmarketSans', sans-serif;}
.font-1 {font-size:90px;}
.font-ex {font-size:58px;}
.font-2 {font-size:40px;}
.font-3 {font-size:36px;}
.font-4 {font-size:34px;}
.font-5 {font-size:32px;}
.font-6 {font-size:30px;}
.font-7 {font-size:26px;}
.font-8 {font-size:22px;}
.font-9 {font-size:20px;}
.font-10 {font-size:18px;}
.font-11 {font-size:16px;}
.font-12 {font-size:15px;}
.font-13 {font-size:14px;}
.font-14 {font-size:12px;}

@media (max-width:1440px){
	.inner {padding:0 4%;}
}
@media (max-width:1280px){
.font-1 {font-size:72px;}
.font-ex {font-size:50px;}
.font-2 {font-size:36px;}
.font-3 {font-size:32px;}
.font-4 {font-size:30px;}
.font-5 {font-size:28px;}
.font-6 {font-size:26px;}
.font-7 {font-size:22px;}
.font-8 {font-size:21px;}
.font-9 {font-size:19px;}
}
@media (max-width:1080px){
.font-1 {font-size:62px;}
.font-ex {font-size:42px;}
.font-2 {font-size:32px;}
.font-3 {font-size:30px;}
.font-4 {font-size:28px;}
.font-5 {font-size:26px;}
.font-6 {font-size:22px;}
.font-7 {font-size:21px;}
.font-8 {font-size:20px;}
.font-9 {font-size:18px;}
.font-10 {font-size:17px;}
}
@media (max-width:768px){
.font-1 {font-size:52px;}
.font-ex {font-size:40px;}
.font-2 {font-size:30px;}
.font-3 {font-size:28px;}
.font-4 {font-size:26px;}
.font-5 {font-size:22px;}
.font-6 {font-size:21px;}
.font-7 {font-size:20px;}
.font-8 {font-size:19px;}
.font-9 {font-size:17px;}
.font-10 {font-size:16px;}
.font-11 {font-size:15px;}
.font-12 {font-size:14px;}
.font-13 {font-size:13px;}
footer .font-7 {font-size:18px;}
footer .font-10 {font-size:15px;}
footer .font-11 {font-size:14px}
footer .font-13 {font-size:13px;}

}
@media (max-width:500px){
.font-1 {font-size:42px;}
.font-ex {font-size:30px;}
.font-2 {font-size:28px;}
.font-3 {font-size:26px;}
.font-4 {font-size:24px;}
.font-5 {font-size:21px;}
.font-6 {font-size:20px;}
.font-7 {font-size:19px;}
.font-8 {font-size:18px;}
footer .font-7 {font-size:16px;}
footer .font-10 {font-size:14px;}
footer .font-11 {font-size:13px}
footer .font-13 {font-size:12px;}
}


/* tit관련 공통 스타일 */
.s-tit {text-align: center; margin: 0 0 100px}
.s-tit .tit-top {position: relative; font-family: 'Gmarket Sans', sans serif; font-weight: 300; letter-spacing: 10px;}
.s-tit .tit-top::after {content:""; display: block; margin: 15px auto 8px; width:1px; height:30px; background: #212121;} 
.s-tit .tit-bottom {font-weight: 700;}
.s-tit h2,
.pt-layout h3 {font-weight: bold;}
.pt-layout h3 {position: relative; display:inline-block; color: #403F3E;}

@media (max-width:1280px){
.s-tit {margin: 0 0 80px}
.s-tit .tit-top::after {margin:13px auto 7px; height:25px;}
}
@media (max-width:1080px){
.s-tit {margin: 0 0 60px}
.s-tit .tit-top::after {margin:11px auto 6px; height:20px;}
}
@media (max-width:768px){
.s-tit {margin: 0 0 40px}
.s-tit .tit-top::after {margin:9px auto 5px; height:15px;}
}
@media (max-width:500px){
.s-tit {margin: 0 0 20px}
.s-tit .tit-top::after {margin:7px auto 4px; height:10px;}
}



.footer_fixed {display:none;}

@media (max-width:768px){
.footer_fixed {display:flex; width:100%; position:sticky; bottom:0; z-index: 999;}
.footer_fixed a {width:50%; height:70px; display:flex; align-items:center; justify-content:center;}
.footer_fixed .left {background:#212121; color:#fff;}
.footer_fixed .left img {filter: brightness(10); width:100%; max-width:20px; height:auto; margin-right:10px;}
.footer_fixed .right {background:#E5E2E1; color:#212121;}
.footer_fixed .right img {width:100%; max-width:20px; height:auto; margin-right:10px;}
}

@media (max-width:1280px){

}
@media (max-width:1080px){
  
}
@media (max-width:768px){
  
}
@media (max-width:500px){
  
}