@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script');
/*reset css*/
body,td,a {font-family: 'Open Sans','Noto Sans KR',sans-serif!important; font-size:15px; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dt,dd,table,tr,td,th,form,fieldset,input,label,button {margin:0;padding:0;-webkit-text-size-adjust: none;}
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333; letter-spacing:-0.5px;}
img{border:none;}
strong,em {font-weight:normal; font-style:normal;}
table{border-collapse:collapse; }
#mains{margin:0;padding:0; }
#Popup{display:none;}
#contenttable2{min-height: 600px; background:none!important;}

/* 공통 */

#maintablewrap{
    min-width: 1000px;
    overflow: hidden;
}
.top_lang ul {
    width: 126px;
    height: 35px;
    overflow: hidden;
    position: absolute;
    top: 34px;
    right: 0px;
    z-index: 1;

}
.top_lang ul>li {float:left;width:34px;height: 34px; margin-right:8px;}
.top_lang ul>li:last-child {border-right:none;}
.top_lang ul>li>a {display:block;}



/*메인비주얼*/
.mainvisual_txt{
	text-align:center;
	animation: v_text 1.2s ease;
}
.mainvisual_txt h2{
	font-size:34px;
	color:#fff;
	text-shadow:0 0 3px #252a41;
	font-weight:800;
}
.mainvisual_txt p{
    font-family: inherit;
    font-size: 18px;
	font-weight:400;
    color: #fff;
	text-shadow:0 0 3px #252a41;
    line-height: 26px;
    margin-top: 7px;
}
@keyframes v_text {
    0% {transform:translateY(50px); opacity:0;}
    100% {transform:translateY(0); opacity:1;}
}


/*메인 주요활동*/
.main_cont_tit {width:1000px; overflow:hidden; text-align:center; padding:70px 0 50px 0;}
.main_cont_tit h2 {font-family: 'Noto Sans KR', sans-serif; font-size:30px; font-weight:600; color:#494949; }
.main_cont_tit h2:before{
    width: 29px;
    height: 4px;
    background: url('/USER_DATA/gyywca/content/editor/img/tit_before.gif')no-repeat;
    content: "";
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.main_cont_tit p {font-family: 'Noto Sans KR', sans-serif; font-size:16px; line-height:24px; color:#6e6e6e;}

.main_business {width:1000px; overflow:hidden;}
.main_business .box01 {
    float: left;
    position: relative;
    width: 452px;
    height: 184px;
    padding: 23px 23px;
    background: url(/USER_DATA/gyywca/content/editor/img/catimg1.png) no-repeat #fff;
    background-position: right 30px bottom -6px;
    background-size: 140px;
    border: 1px solid #e4e4e4;	
}
.main_business .box01 .title {font-size:23px; font-weight:700; color:#f66060;  margin-bottom:10px;}
.main_business .box01 .txt {font-size:14px; line-height:20px; color:#3f3e3e;}
.main_business .box01>a {width:130px;height:26px;display:block;background:#f66060;color:#fff;border-radius:30px;text-align:center;padding:6px;position:absolute;left: 25px;bottom:36px; -webkit-transition: .3s;transition: .3s;}
.main_business .box01>a:hover {background:#e94545; -webkit-transition: .3s;transition: .3s;}
.main_business .box01>img {position:absolute;bottom: 10px;right: 10px;}


.main_business .box02 {
	float:left;
	position:relative;
	width:452px;
	height: 186px;
	padding: 23px 23px;
	background:/*url('/USER_DATA/gyywca/content/editor/img/box02_icon.png')no-repeat */#71bb51;
	background-position:right 17px bottom 20px;
}
.main_business .box02 .title{font-size:22px; font-weight:600; line-height:30px; letter-spacing:-1px; color:#fff;   margin-bottom:7px;}
.main_business .box02 img {position:absolute;bottom: 20px;right: 20px;}
.main_business .box02 ul li { color:#fff; }
.main_business .box02 ul li > span { padding:0 10px; color:#8ed172; }
.main_business .box02 ul li h2 { color:#338113; }
.main_business .box02 ul li h2 span { color:#89cd66; font-weight: 200;}
.main_business .box02 ul li p { display:inline-block; }
.main_business .box02 ul li p .time_t { font-weight:bold; padding-right:5px; }
.main_business .box02 > a { width: 130px;height:26px;display:block;background:#3e8b1e;color:#fff;border-radius:30px;text-align:center;padding:6px;position:absolute;left: 25px;bottom:36px; -webkit-transition: .3s;transition: .3s;}
.main_business .box02 > a:hover { background:#327815;  -webkit-transition: .3s;transition: .3s;}
/*
.main_business .box03 {float:left;position:relative;width: 214px;height: 186px;padding: 23px 18px;background:#f66060;}
.main_business .box03 a>.title {font-size:22px; line-height:30px; font-weight:600; letter-spacing:-1px; color:#fff;   margin-bottom:10px;}
.main_business .box03 a> .txt {font-size:14px;line-height: 20px;color:#fff;margin-top:10px;letter-spacing: -0.5px;}
.main_business .box03 a>img {position:absolute;bottom: 24px;right: 20px;}
*/
.main_business .box04 {float:left;position:relative;width: 464px;height: 186px;padding: 23px 18px;background:#26b9ca;}
.main_business .box04 .title {font-size:22px; font-weight:600; letter-spacing:-1px; color:#fff;   margin-bottom:10px;}
.main_business .box04 .txt {font-size:14px;line-height: 20px;color:#fff;margin-top:10px;}
.main_business .box04 > a {width: 130px;height:26px;display:block;background:#46d4e4;color:#fff;border-radius:30px;text-align:center;padding:6px;position:absolute;left: 25px;bottom:36px; -webkit-transition: .3s;transition: .3s;}
.main_business .box04 > a:hover { background:#1fa1af; -webkit-transition: .3s;transition: .3s;}
.main_business .box04 img {position:absolute;bottom: 24px;right: 19px;}

.main_business .box05 {
	float: left;
    position: relative;
    width: 450px;
    height: 184px;
    padding: 23px 23px;
    background: url(/USER_DATA/gyywca/content/editor/img/catimg2.png) no-repeat #fff;
    background-size: 145px;
    background-position: right 30px bottom -6px;
    border: 1px solid #e4e4e4;

}
.main_business .box05 .title {font-size:23px; font-weight:700; color:#26b9ca;  margin-bottom:10px;}
.main_business .box05 .txt {font-size:14px;line-height: 20px;color:#3f3e3e;}
.main_business .box05>a {width: 130px;height:26px;display:block;background:#26b9ca;color:#fff;border-radius:30px;text-align:center;padding:6px;position:absolute;left: 25px;bottom:36px; -webkit-transition: .3s;transition: .3s;}
.main_business .box05>a:hover {background:#0098b3; -webkit-transition: .3s;transition: .3s;}
.main_business .box05>img {position:absolute;bottom: 0px;right:23px;}

/*메인 웹레터*/
.webletter { width:1000px; height:355px; position:relative; }
.webletter > a {  
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 40px 12px 40px;
    border: 1px solid #f66060;
    background: #f66060;
    border-radius: 30px;
    margin-top: 25px;
    display: inline-block;
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden;
    position: absolute;
    top: 80px;
    left: 405px;
	opacity:0;
}
.webletter > a:hover { background:#e94545; }
.webletter:hover > a { opacity:1; box-shadow:rgba(0,0,0,0.3); -webkit-transition: .3s; transition: .3s; }  

.webletter p { 
	opacity:0;
	-webkit-transition: .3s;
    transition: .3s;
	cursor: default;
    position: absolute;
    top: 100px;
    right: 173px;
    font-size: 90px;
    color: #f66060;
    transform: rotateZ(2deg);
}
.webletter:hover p { opacity:1; -webkit-transition: .3s; transition: .3s;  } 

/*메인 웹진배너*/
.main_cont_tit2 h2 {font-family: 'Noto Sans KR', sans-serif; font-size:30px; font-weight:600; color:#fff;}
.main_cont_tit2 p {font-size:15px; line-height:23px; color:#fff; }
.main_cont_tit2 a{
    color:#306c9b;
    font-weight: 600;
    font-size: 17px;
    padding: 8px 40px 10px 40px;
    border: 1px solid #FFF;
    background: #fff;
    border-radius: 30px;
    margin-top: 25px;
    display: inline-block;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden;
}
.main_cont_tit2 a:after{
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    content: '';
    width: 0;
    bottom: 0;
    background:#214f8e;
    height: 100%;
    right: -10%;
    z-index: -1;
}

.main_cont_tit2 a:hover, .main_cont_tit2 a:hover span{
	color:#fff;
	font-weight:700;
	transition: .3s;
	border:1px solid #306c9b;
	background:#306c9b;
}
.main_cont_tit2 a:hover:after {
    left: 0;
    width: 100%;
}


/*메인 부속기관*/
.group_banner {width:474px; height:251px; oveflow:hidden;}
.group_banner a {
	display: block;
	float: left;
	width: 235px;
	height: 130px;
	text-align: center;
	border:1px solid #dedede;
	border-bottom:none;
}
.group_banner a:nth-child(3) { border-bottom:1px solid #dedede; }
.group_banner a:last-child {border-right:1px solid #dedede; border-bottom:1px solid #dedede; border-left:none;}
.group_banner a:first-child {border-bottom:none; border-right:none;}
.group_banner a dl>dt {}
.group_banner a dl>dd {font-size: 15px;letter-spacing:-0.4px;color:#494949; padding: 5px 0px;}


/*메인 CONTACT US*/
.contact>table {width:1000px; border-collapse:collapse;}
.contact>table td{padding:15px 10px; border-bottom:1px solid #d7d7d7;  border-right:1px solid #d7d7d7; }
.contact>table td:last-child {border-right:none;}
.contact>table .address {
	font-weight:700;
	color:#51853b;
	background:url('/USER_DATA/gyywca/content/editor/img/icon_address.png') no-repeat;
	background-position: left 15px center;
	padding-left: 43px;
	border-right:none; 
	}
.contact>table .email {
	font-weight:700; 
	color:#51853b; 
	background:url('/USER_DATA/gyywca/content/editor/img/icon_email.png') no-repeat;
	background-position: left 15px center;
	padding-left: 46px;
	border-right:none; 
	}
.contact>table .tel {
	font-size: 16px!important;
	font-weight:700; 
	color:#51853b!important; 
	background:url('/USER_DATA/gyywca/content/editor/img/icon_tel.png') no-repeat;
	background-position: left 15px center;
	padding-left: 43px;
	border-right:none; 
	}
.contact>table .fax {
	font-weight:700;
	color:#51853b; 
	background:url('/USER_DATA/gyywca/content/editor/img/icon_fax.png') no-repeat;
	background-position: left 15px center;
	padding-left: 46px;
	border-right:none; 
	}


/*footer*/
.footerWrap {font-family: 'Noto Sans KR',sans-serif!important; width:100%; overflow:hidden;}
.footerWrap .footer {width:100%;background:#353535;}
.footerWrap .footer .foot_link {width:1000px;margin:0 auto;padding: 14px 0px;overflow: hidden;}
.footerWrap .footer .foot_link .link {float:left;}
.footerWrap .footer .foot_link .link>a {font-size:14px; color:#e1e1e1;}
.footerWrap .footer .foot_link .link>span {color:#6e6e6e; margin:0px 10px;}
.footerWrap .footer .foot_link .inquiry {float:right; background:url('/USER_DATA/gyywca/content/editor/img/inquiry_icon.png')no-repeat; background-position:left center;}
.footerWrap .footer .foot_link .inquiry>a {font-size:14px; font-weight:500; color:#fdbe27; padding-left:27px;}
.footerWrap .footer_copy {width:1000px; height:94px; position:relative; margin:0 auto; padding: 35px 0px;}
.footer_copy .copy>p {font-family: 'Noto Sans KR',sans-serif!important; font-size:14px;}
.footer_copy .copy {line-height:28px; letter-spacing:0.3px; color:#383838; float:left; }
.footer_copy h1 {position:absolute; top:47px; right:0px;}
.footer_copy a {font-family: 'Noto Sans KR',sans-serif!important; font-size:14px;}
.footer_copy a:hover {color:#383838!important; font-weight:normal!important;}
.btn_up_layer {position:fixed;right:15px;bottom:20px;display:none; background:none; border:0px; padding:5px 10px;z-index:1;}


.instagram_link { 
	background: url(/user_data/gyywca/content/editor/img/instagramicon.png)0 3px no-repeat;
    background-size: 15px;
    padding-left: 22px; }

/*웹진추가*/
.catalogue {width:1000px; margin-bottom:60px;}
.catalogue .catalogue_list {width:1000px;overflow:hidden;padding: 20px;}
.catalogue .catalogue_list>li {float:left;list-style:none;width: 466px;height:252px;background: #fff; border:1px solid #d7d7d7; border-radius:5px; margin: 0 20px 20px 0;position:relative;}
.catalogue .catalogue_list>li>h4 {font-size:20px; font-weight:700; color:#3e3e3e; padding-left:30px; margin-top:35px;}
.catalogue .catalogue_list>li>a {
	width: 140px;
	font-size:15px;
	font-weight:700;
	color:#fff;
	display:block;
	background:url('/user_data/jaeiltrade/content/editor/img/down_icon.png') no-repeat #28aac1;
	background-position: right 15px center;
	border-radius:5px;
	padding: 13px 15px;
	position:absolute;
	bottom: 35px;
	left:30px;
}

.catalogue .catalogue_list>li>img {width:136px!important;position:absolute;right: 30px;bottom: 30px;float:right;border: 1px solid #e7e7e7;}

/*개인정보처리방침+이메일무단수집거부*/
.sub_content {
    width: 100%;
    margin-bottom: 100px;
}
.content__box {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 35px 25px;
    border: 1px solid #eaeaea;
    background: #f9f9f9;
    font-size: 0.9em;
    line-height: 1.6em;
    margin-top: 20px;
}
.content__box dl {
    margin-bottom: 20px;
}
.sub_content .content__box dl dt {
    font-size: 1em;
    font-weight: bold;
}
.content__box dl dd p {
    padding: 5px 0 10px 0;
}

/*-----  서브 -----*/
.about_cont { width:100%; margin-bottom:100px; }
.about_cont p {
    font-size: 15px;
    color: #333;
    line-height: 23px;
    letter-spacing: -0.6px;
}
.s-title {
    font-size: 24px!important;
    line-height: 34px!important;
    color: #434343!important;
    font-weight: 600!important;
    margin-bottom: 20px!important;
}
.s-title:before {
    width: 29px;
    height: 3px;
    background: url(/USER_DATA/snywca2/content/editor/img/tit_before.gif)no-repeat;
    content: "";
    display: block;
    margin-bottom: 5px;
    text-align: center;
}
.s-title_mini {
    font-size: 17px!important;
    color: #434343!important;
    font-weight: 600!important;
    margin: 20px 0 10px 0;
    padding-left: 22px;
    background: url(/USER_DATA/snywca2/content/editor/img/tit_before3.png)no-repeat;
    background-position: bottom 3px left;
}
.business_box {
    border-radius: 7px;
    margin-bottom: 30px;
    padding: 30px 25px 30px 20px;
    overflow: hidden;
    border: 1px solid #d1e7f3;
    background: #eff8fd;
}

.business_box .stitle {
    padding-left: 8px;
    margin-bottom: 12px;
    font-weight: bold;
    color: #055fa5;
}
.business_box ul>li {
    font-size: 14px;
    color: #444444;
    letter-spacing: -0.6px;
    padding-left: 8px;
    background: url(/USER_DATA/snywca2/content/editor/img/li_bg.gif)no-repeat;
    background-position: left top 10px;
    margin-bottom: 10px;
}
.business_box ul>li:last-child { margin-bottom:0; }

/*-- 설립목적 --*/
.img_4col {
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
}
.img_4col img {
    width: 237px;
    float: left;
    margin-right: 17px;
    border-radius: 6px;
}
.img_4col img:last-child { margin-right:0; }

/*-- 인사말 --*/
.greeting h2 { margin-bottom: 10px; letter-spacing: -0.5px; color: #106aaf; }
.greeting h2 span { font-size:25.5px; font-weight:600; }
.from { text-align:right; margin-top:60px; }

/*-- 연혁 --*/
.history_table { width:100%; min-width:1000px; border-top: 1px solid #ff7900;}
.history_table  tr td { padding:18px 10px; border-bottom: 1px dotted #eaeaea;}
.history_table  tr .year {
	width: 21%;
    font-size: 18px;
    font-weight: 600;
    color: #ff7900;
    text-align: center;
    background: #fff7eb;
	border-bottom: 1px solid #ffe7d1!important;
}

/*-- 오시는길 --*/
.sub .map_table {border-collapse:collapse; border-top:2px solid #cc1b1b; width:100%; margin:15px auto 30px auto;}
.sub .map_table th {width:300px; padding:15px 0; line-height:1.3; font-weight:600; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f9f9;}
.sub .map_table td {padding:20px 0 20px 30px; line-height:1.6; border-bottom:1px solid #ddd; background:#fff;}
.sub .map_table th:last-child, .sub .map_table td:last-child {border-right:none;}

/*-- 이용안내 --*/
.business_box2 {
    float: left;
    width: 278px;
    height: 152px;
    border-radius: 7px;
    margin: 0 19px 0 0;
    padding: 33px 20px;
    overflow: hidden;
    border: 1px solid #c2dbc0;
    background: #f4fdef;
    text-align: center;
}
.business_box2:last-child { margin:0; }
.business_box2 .tit {
    font-weight: bold;
    color: #1e7212;
    margin-right: 7px;
    padding-top: 0px;
    margin-top: 10px;
}
.business_box2>dd {
    padding-top: 10px;
    color: #548300;
}

/*-- 가정폭력이란 --*/
.table_content1 { border-collapse : collapse; width:100%; }
.table_content1 tr { display:flex; }
.table_content1 tr td { flex:1; border:1px solid #eaeaea; background: #f8f8f8; border-radius:7px; box-sizing:border-box; padding:20px 15px; margin-right:20px; margin-bottom:20px;}
.table_content1 tr td:last-child { margin-right:0; }
.table_content1 tr td h3 { font-size: 17px; margin-bottom:10px; position:relative; padding-left:7px; color: #434343; }
.table_content1 tr td h3::before { 
    content: "";
    width: 3px;
    height: 3px;
    background: #173045;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    left: 0;
}
.table_content1 tr td p { word-break: keep-all; }

/*-- 가정폭력 대처방안 --*/
.emergencyitem { display:flex; margin-bottom: 20px; }
.emergencyitem li { flex:1; text-align:center; border:1px solid #eaeaea; border-radius:10px; margin-right:20px; box-sizing:border-box; padding:2% 0;}
.emergencyitem li:last-child { margin-right:0; }

.emergencyitem li img { width:100px; height:100px;margin-bottom:10px; }
.margin-bottom { width:100%; margin-bottom:100px; }

/*-- 가정폭력지원정책 --*/
.about_table1 { width:100%; border-top:1px solid #3c7bb0; }
.about_table1 tr td { padding: 18px 10px; border-bottom:1px solid #eaeaea; }
.about_table1 tr td:first-child { 
    text-align: center;
    background: #f8f8f8;
    color: #3b7aaf;
    font-weight: 600;
    border-right: 1px solid #eaeaea;
}
.about_table1 tr td ul li { font-size:14px; color:#a7a8a9; }

/*-- 데이트폭력 스토킹 --*/
.business_box_list {
    border-radius: 7px;
    margin-bottom: 30px;
    padding: 30px 25px 30px 20px;
    overflow: hidden;
    border: 1px solid #f3e7d1;
    background: #fdfaef;	
}

.business_box_list ul>li {
	font-size: 14px;
    color: #444444;
    letter-spacing: -0.6px;
    padding-left: 25px;
    background: url(/USER_DATA/gyywca/content/editor/img/check_icon.png)no-repeat;
    background-position: left top 4px;
    margin-bottom: 10px;	
}
.business_box_list ul>li:last-child { margin-bottom:0; }


/*-- 피해지지원사업 --*/
.s-title_mini_number {
    font-size: 17px!important;
    color: #434343!important;
    font-weight: 600!important;
    margin: 20px 0 10px 0;
    padding-left: 35px;	
	position:relative;
}
.s-title_mini_number span { 
    display: inline-block;
    font-size: 13px;
    line-height: 22px;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    background: #3a7bb0;
    border: 1px solid #055fa5;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}
.point_text { font-size:13px!important; padding-bottom:5px; padding-left:35px; color:#3c7bb1!important; }
.about_table2 { width:100%; border-top:1px solid #3c7bb0; }
.about_table2 tr th { 
    background: #3a7bb0;
    color: #fff;
    padding: 10px 0;
    border-right: 1px solid #669ab4;
}
.about_table2 tr th:last-child { border-right:none; }
.about_table2 tr td { text-align:center; padding: 15px 35px; border-right: 1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.about_table2 tr td:first-child {
    text-align: left;
    background: #f8f8f8;
    color: #3b7aaf;
    font-weight: 600;
}
.about_table2 tr td:last-child { border-right:none; }
.business_box_noneliststyle ul>li { background:none; padding-left:0; }

.business_info { overflow:hidden; display:flex; }
.business_info li { 
	flex:1; 
    border: 1px solid #eaeaea;
    background: #f8f8f8;
	border-radius:7px; 
	margin-right:15px;
	text-align:center;
	padding:30px 15px;
}
.business_info li:last-child { margin-right:0; }

.business_info li img {
    /*width: 260px;
    height: 150px;*/
    border-radius: 7px;
    border: 1px solid #efeded;
    box-sizing: border-box;
	padding: 10px 0;
    background: #fff;
}
.business_info li h4 { font-size: 17px; font-weight:600; color: #434343; letter-spacing: -0.5px; margin: 20px 0 10px 0; }
.business_info li h4 span {  
    display: inline-block;
    font-size: 13px;
    line-height: 23px;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    background: #3a7bb0;
    border: 1px solid #055fa5;
    color: #fff;
    text-align: center;
    margin-right: 7px;
}
.business_info li p{ word-break: keep-all; }

/*-- 치료회복사업 --*/
.business_info_table { width:100%; }
.business_info_table tr { display:flex; }
.business_info_table tr td {
    flex: 1;
    border: 1px solid #eaeaea;
    background: #f8f8f8;
    border-radius: 7px;
    box-sizing: border-box;
    padding: 20px 15px;
    margin-right: 20px;
    margin-bottom: 20px;
	text-align: center;
}
.business_info_table tr td p { font-size:16px; font-weight:600; color:#434343; }

/*-- 가정폭력상담원교육 --*/
.bottomimg_box { width:100%; display:flex; }
.bottomimg_box img { flex:1; border:1px solid #eaeaea; border-radius:7px; margin-right:15px; overflow: hidden;}
.bottomimg_box img:last-child { margin-right:0; }