@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'NanumBarunGothic';
    src: url('../fonts/NanumBarunGothic.eot');
    src: url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NanumBarunGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/** bootstrap **/
.container {margin-right: auto;margin-left: auto;padding-left:15px;padding-right:15px;}
.row {margin-left: -15px;margin-right: -15px;}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;position:relative;min-height: 1px;padding-left: 15px;padding-right: 15px;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
	content: " ";display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
	clear: both;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {width:100%;margin-bottom: 15px;}
/** E:bootstrap **/

.together .pum-overlay {z-index:1999999995;} 
	
@media only screen and (min-width:320px) {	
	#together_wrap {padding-top:52px}
}

@media only screen and (min-width:768px) {
	
    /*layout*/
	/*.sec_top, .sec_01, .sec_02 {background-repeat:no-repeat}*/
	
}
@media only screen and (min-width:1px) and (max-width:999px) {
	
	html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
    padding-right:0 !important;
}

    /*전체 백그라운드 이미지*/
	.together {background-image:url('../img/together/bg_all_m.jpg'); background-size: 480px 592px; background-repeat : repeat;background-position: center 52px;}/* 0321 현정 배경이미지 사이즈 수정 */
    .together .container {padding-left:20px;padding-right:20px}
    .together .screen-out {text-align: center;}

    /*layout*/
    /*slider 보이지않게*/
	.sec_01{display:none}
	.sec_02 .together_p .popmake-donator_1, .popmake-donator_2, .popmake-donator_3  {display : none;}
	.sec_02 .together_f .popmake-donator_4, .popmake-donator_5{display : none;}
    /*slider 보이지않게*/
   
    .sec_top, .donation_m, .invite_m, .sec_02 {background-repeat:no-repeat}
	.sec_top {height:270px; background-image:url('../img/together/bg_top_m.jpg'); background-size:480px 270px; background-position: top center;}
	
    /*SNS*/
    .sec_01_m .donation_m {padding-top:420px; height:503px;background-image:url('../img/together/txt_donation_m.jpg'); background-size:480px 504px; background-position: center top;}
	.sec_01_m .donation_m .sns_list {width: 100%; max-width: 320px; margin: 0 auto; padding-left: 110px;}
	.sec_01_m .donation_m .sns_list > li {float:left; padding-left:20px;}
	.sec_01_m .donation_m .sns_list .icon_facebook{display: block; height: 40px; width: 40px; background-image:url('../img/together/icon_fb.png'); background-size:40px 40px;}
    .sec_01_m .donation_m .icon_twitter > iframe {opacity: 0; width: 40px !important; height: 40px !important;}
    .sec_01_m .donation_m .sns_list .icon_twitter{padding-left: 0; display: block; height: 40px; width: 40px; background-image:url('../img/together/icon_tweetter_m.png'); background-size:40px 40px;}
    .sec_01_m .donation_m .sns_list .icon_kakaotalk{display: block; height: 40px; width: 40px; background-image:url('../img/together/icon_kakaotalk_m.png'); background-size:40px 40px;}
	/*SNS*/
	
    /*open button*/
	.sec_01_m .invite_m {height:504px;background-image:url('../img/together/txt_invite_m.jpg');background-size:480px 504px; background-position: center;}
	.sec_01_m .invite_m .opne {padding-top:380px; width: 196px; margin: 0 auto;}
	.sec_01_m .invite_m .open_btn {height: 94px; }
    .sec_01_m .space {padding:20px;background-image:url('../img/together/bg_space_m.jpg');background-size:480px 40px; background-position: center;}/* 0321 현정 배경이미지 추가*/
    /*open button*/
   
	.sec_02 .txt_p{padding-top:60px; width:100%;max-width:320px; margin:0 auto;}
	.sec_02 .sec02_tit1 {height: 56px; background-image: url('../img/together/tit_people1_m.png'); background-size:304px 56px; background-position:center;background-repeat:no-repeat; }
    .sec_02 .txt_area .txt_p .together_p {padding-top: 20px; }
    .sec_02 .txt_area .txt_p .together_p .together_p_m {background-color: #fdf6e6; padding: 20px; margin: 0 auto; width:100%; max-width:320px;}
    .sec_02 .txt_area .txt_p .together_p .together_p_m .li_tit_m {width: 55%; float:left;}
    .sec_02 .txt_area .txt_p .together_p .together_p_m .li_img_m {width: 45%; float:right;}
    
    .sec_02 .txt_area .together_p .name_m{font-size: 18px; color: #45403a; float:left;}
    .sec_02 .txt_area .together_p .txt_m{font-size: 15px; color: #5e504a; float:left; padding-top:10px;}
    .sec_02 .txt_area .together_p .img_m{width:103px; float:right;}
    
    .sec_02 .txt_f {width:100%;max-width:320px; margin:0 auto; padding-top: 60px;}
    .sec02_tit1, .sec02_tit2 { display:none }
    .sec_02 h2 .screen-out{ overflow: visible; position: relative; width: auto; height: auto; color: #45403a; line-height: 1.5; text-indent: 0; }

    .sec_02 .txt_area .txt_f .together_f {padding-top: 20px;}
    .sec_02 .txt_area .txt_f .together_f .together_f_m {background-color:#fdf6e6; padding:20px; margin:0 auto; width:100%; max-width: 320px;}
    .sec_02 .txt_area .together_f .li_tit_m .f_img_m {float: left;width: 50%;}
    .sec_02 .txt_area .together_f .li_tit_m .f_name_m{width: 50%; float: left; font-size: 18px; color: #45403a; padding: 20px 0 0 15px;}
    .sec_02 .txt_area .together_f .li_tit_m .img_m{width:100%; max-width: 150px; }
    .sec_02 .txt_area .together_f .li_com_m{font-size: 15px; color: #5e504a; padding-top:10px; }
	
	/*버튼*/
	.btn_area {text-align:center; padding-top: 45px; margin:0 auto;}
	.btn_area .btn_join_together {width :100%; padding:10px; line-height:120%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;font-size:23px;font-weight: bold;color: #fff;text-align: center;background:#ff7a0e;}
	
    /*--------popup------------*/
 	.wrap_pop {font-family: '맑은고딕';position: relative;}
	
	/* 0321 현정 추가 
	html.pum-open.pum-open-overlay.pum-open-scrollable .together .pum-overlay.pum-active {overflow-y:hidden}
	*/
	
	/*IE용 스크롤바 - 0321 수 */
	.together .pum-container.pum-scrollable .pum-content {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}
	/* Chrome, Safari용 스크롤 바 */
	.together .pum-container.pum-scrollable .pum-content::-webkit-scrollbar {width: 10px; height: 8px; border: 3px solid #fff; }
	.together .pum-container.pum-scrollable .pum-content::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef}
	.together .pum-container.pum-scrollable .pum-content::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
	.together .pum-container.pum-scrollable .pum-content::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}
	
	/*배경 이미지*/
	.pop_wrap .pop_top{background-size: 184px 60px;background-color: #ffe6d9; background-image: url('../img/together/pop_bg_top_m.jpg');background-position:top left; background-repeat:no-repeat;}

    /*기부자*/
    .pop_wrap .pop_top .li_name_pop_m { padding : 86px 20px 24px 20px;}
    .pop_wrap .pop_top .li_name_pop_m > img {width : 146px;}
    .pop_wrap .pop_top .li_name_pop_m_5 { padding : 86px 20px 24px 20px;}
    .pop_wrap .pop_top .li_name_pop_m_5 > img {width : 138px;}
    
    .pop_wrap .pop_top .li_img_pop_m {width: 100px; position: absolute;top: 0;right: 0;}
    .pop_wrap .pop_top .li_comment_pop_m {padding : 0 20px 24px 20px; font-size : 20px; line-height:1.5;}
    .pop_wrap .pop_01 {background-color: #fef8e8; padding : 24px 20px 20px 20px; font-size: 15px; line-height: 1.7;}
    .pop_wrap .pop_f_top {padding : 86px 20px 20px 20px;}
    
    /*가족기부자*/
    .pop_wrap .pop_top .pop_f_name_m {padding: 86px 20px 0px 20px; text-align: text;}
    .pop_wrap .pop_top .pop_f_name_m > img  {width:100%;max-width:242px;}
    .pop_wrap .pop_f_01 { padding-top : 20px;}
    .together_f_pop_m {padding: 0 20px;}
    .together_f_pop_m2 {padding: 0 20px 20px 20px;}
    .pop_wrap .pop_f_01 .li_f_img_pop_m_1 { width:27%; margin:0 auto; float : left; }
    .pop_wrap .pop_f_01 .li_comment_pop_m_1 { float:left; width:73%;padding: 0 20px 15px 10px;}
    .pop_wrap .pop_f_01 .li_comment_pop_m_1 .comment {font-size : 16px; line-height:1.5;}
    .pop_wrap .pop_f_01 .li_comment_pop_m_1 .comment_name {font-size:13px;color:#775327;font-weight:bold;}
    .pop_wrap .pop_f_01 .together_f_pop_m2 {padding-top: 30px;}
    .pop_wrap .pop_f_01 .li_f_img_pop_m_2 { width:27%; margin:0 auto; float : left; }
    .pop_wrap .pop_f_01 .li_comment_pop_m_2 {float:left; width:73%;padding: 0 20px 15px 10px;}
    .pop_wrap .pop_f_01 .li_comment_pop_m_2 .comment {font-size : 16px; line-height:1.5;}
    .pop_wrap .pop_f_01 .li_comment_pop_m_2 .comment_name {font-size:13px;color:#775327;font-weight:bold;}
    .pop_wrap .pop_f_02 { font-size: 15px; line-height: 1.7; padding: 15px 20px 0 20px;}
    
    /*aboutus*/
    .pop_wrap .pop_top .pop_bf_name_m { padding : 86px 20px 24px 20px;}
    .pop_wrap .pop_top .pop_bf_name_m > img {width : 154px;}
    .pop_wrap .pop_top .pop_bf_tit_m {font-size: 15px; line-height:1.7; padding: 0 20px 20px 20px;font-weight:bold;}
    
    .pop_wrap .pop_bf_01  {text-align: center;}
    .pop_wrap .pop_bf_01 .li_bf_img_pop_m_1 { padding : 20px 20px 0 20px;}
    .pop_wrap .pop_bf_01 .li_comment_pop_m_1 { padding : 20px 20px 15px 10px;}
    .pop_wrap .pop_bf_01 .li_comment_pop_m_1 .comment {font-size : 16px; line-height:1.5;}
    .pop_wrap .pop_bf_01 .li_comment_pop_m_1 .comment_name {font-size:13px;color:#8a6638;font-weight:bold;padding-top:15px;}
   
    .pop_wrap .pop_bf_01 .together_bf_pop_m2 { padding-top:30px;}
    .pop_wrap .pop_bf_01 .li_bf_img_pop_m_2 { padding : 0 20px 0 20px;}
    .pop_wrap .pop_bf_01 .li_comment_pop_m_2 { padding : 20px 20px 15px 10px;}
    .pop_wrap .pop_bf_01 .li_comment_pop_m_2 .comment {font-size : 16px; line-height:1.5;}
    .pop_wrap .pop_bf_01 .li_comment_pop_m_2 .comment_name {font-size:13px;color:#8a6638;font-weight:bold;padding-top:15px;}
    .pop_wrap .pop_bf_content {font-size: 15px; line-height: 1.7; padding: 30px 20px 20px 20px;}

	.btn_area_m {text-align:center;margin:0 auto;}
	.btn_area_m .btn_join_together {width :100%;max-width: 200px; padding:10px; line-height:120%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;font-size:20px;font-weight: bold;color: #fff;text-align: center;background:#ff7a0e;}

	.together .pum-container.pum-scrollable .pum-content {overflow-y:auto;}
	.together .pum-trigger {max-height:390px;}
	
	/*#popmake-11503 {max-height:420px;} /*장현희 기부자님_모바일팝업
    #popmake-11506 {max-height:390px;} /*곽연웅 기부자님_모바일팝업
    #popmake-10523 {max-height:420px;} 
	#popmake-10542 {max-height:390px;}
	#popmake-10545 {max-height:376px;}
	#popmake-10551 {max-height:420px;} /*김나리 기부자님_모바일 팝업*/
}

@media only screen and (max-width:320px){
	.pop_top .li_img_pop_m > img {width: 80px; float:right;}
	.sec_02 .txt_area .together_f .li_tit_m .f_name_m {font-size: 16px; padding: 20px 0 0 10px; }
}
/* 0321 현정 모바일 높이가 500px 미만일 경우 팝업 사이즈 조정 */
@media only screen and (max-width:320px) and (max-height:500px) {	
	.today .pum-content, .pum-theme-enterprise-blue .pum-content {height:350px;overflow-y:scroll}	
}

@media only screen and (max-width:480px) {
	.together .btn-pageup {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    padding: 10px 0 7px;
    border: #ddd 1px solid;
    background-size: 10px 5px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    background-color: #fff;
    margin-bottom: 50px;
    position: ABSOLUTE;
    /* bottom: 0; */
    right: 0;
 }

	.btn_area .btn_join_together {
		width: 100%;
		/* max-width: 320px; */
		padding: 10px;
		line-height: 120%;
		font-size: 23px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		background: #ff7a0e;
		position: fixed;
		left: 0;
		/* margin-left: -160px; */
		bottom: 0;
		z-index: 1999999999 !important;
	}
	
	#pum-11509{z-index: 1999999999;}
}

@media only screen and (min-width:1000px) {
    /*mobile 관련 안보이게하기*/
   .together_p_m, .together_f_m {display: none;}
   .sec_02 .together_p .together_p_m {display : none;}
    
	/*layout*/
	.sec_top, .sec_01, .sec_02 {background-repeat:no-repeat}
	.sec_01_m {display: none;}
	.sec_top {height: 580px; background-image: url('../img/together/bg_top.jpg'); background-position: center top;}

    .sec_01 {background-image: url('../img/together/bg_slider.jpg'); background-position: center top;}
	.sec_02 {height: 1487px; background-image: url('../img/together/bg_sec02.jpg'); background-position: center top;}
	.sec_02 h2 {width: 998px;}
	.sec_02 .container {width: 998px;}
	
	.sec_02 .txt_p {padding-top: 130px;}
	.sec_02 .txt_f {padding-top: 80px;}
	
	.sec_02 h2 > .sec02_tit1 {width : 808px; height: 33px; background-image: url('../img/together/tit_people1.png');}
	
	.sec_02 .together_p {padding-top: 52px;}
	.sec_02 .together_p > li:nth-child(even){padding-top:30px;}
	.sec_02 .together_p .pum-trigger {display:block; width:307px; height:361px;background-color:#000;}

    /*텍스트 none*/
	.sec_02 .together_p .txt_p1, .arrow_p1{display:none;}	
	.sec_02 .together_p .txt_p2, .arrow_p2{display:none;}	
	.sec_02 .together_p .txt_p3, .arrow_p3{display:none;}
	
    /*마우스 오버시 텍스트 노출*/
    .sec_02 .together_p .li_p1:hover .img_p1{opacity: 0.2;}
	.sec_02 .together_p .li_p1:hover .txt_p1{display:block; position:relative; top:-300px; left:80px;}
	.sec_02 .together_p .li_p1:hover .arrow_p1{display:block; position:relative; top:-240px;left:130px;}
	
	.sec_02 .together_p .li_p2:hover .img_p2{opacity: 0.2;}
	.sec_02 .together_p .li_p2:hover .txt_p2{display:block; position:relative; top:-300px; left:50px;}
	.sec_02 .together_p .li_p2:hover .arrow_p2{display:block; position:relative; top:-240px;left:130px;}
	
	.sec_02 .together_p .li_p3:hover .img_p3{opacity: 0.2;}
	.sec_02 .together_p .li_p3:hover .txt_p3{display:block; position:relative; top:-300px; left:70px;}
	.sec_02 .together_p .li_p3:hover .arrow_p3{display:block; position:relative; top:-240px;left:130px;}

	.sec_02 h2 > .sec02_tit2 {width:642px; height:33px; background-image: url('../img/together/tit_people2.png');}
	
	/*가족*/
    .sec_02 .together_f {padding-top: 52px;}
	.sec_02 .together_f .pum-trigger {display:block; width:473px; height:401px; background-color:#000;}


    /*텍스트 none*/
	.sec_02 .together_f .txt_f1, .arrow_f1{display:none;}	
	.sec_02 .together_f .txt_f2, .arrow_f2{display:none;}	
	
    .sec_02 .together_f .li_f1:hover .img_f1{opacity: 0.2;}
	.sec_02 .together_f .li_f1:hover .txt_f1{display:block; position:relative; top:-330px; left:90px;}
	.sec_02 .together_f .li_f1:hover .arrow_f1{display:block; position:relative; top:-270px;left:220px;}
	
	.sec_02 .together_f .li_f2:hover .img_f2{opacity: 0.2;}
	.sec_02 .together_f .li_f2:hover .txt_f2{display:block; position:relative; top:-330px; left:90px;}
	.sec_02 .together_f .li_f2:hover .arrow_f2{display:block; position:relative; top:-270px;left:220px;}
	
	/*버튼*/
	.btn_area {text-align:center; padding-top: 120px;}
	.btn_area .btn_join_together {padding:20px 86px; line-height:120%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;font-size:23px;font-weight: bold;color: #fff;text-align: center;background:#ff7a0e}
	/*
	.btn_pc_area {position:fixed;bottom:20px;right:80px;z-index:199999999;width:128px;height:155px}
	.btn_pc_area .btn_join_together {display: block;width:128px;height:155px;padding:0;background-image:url('../img/together/btn_dn_pc.png');background-color:transparent;}*/

    /*--------popup------------*/
	.wrap_pop {font-family: '맑은고딕';}
	
	/*배경 이미지*/
	.popmake-content .pop_top {height: 290; width: 224;background-color: #ffe6d9; background-image: url('../img/together/pop_bg_top.jpg');background-position:top right; background-repeat:no-repeat;padding:40px 40px 0 40px;word-break:keep-all}
    .pop_01 {height: 256; width: 302;background-color: #fef8e8;}
    .fpop_01 {height: 256; width: 302;background-color: #fef8e8;line-height:1.5;}
    
    /*기부자*/
    /*이미지/이름 */
    .pop_img {width:256px; height: 302px;}
    .pop_fimg{width:142px; height: 164px;}
    .pop_fname{width:444px; height:60px;}
	.pop_name {margin-top:15px}
    
    /*폰트 설정*/
    .tit_txt {padding: 30px 0 0 0; letter-spacing: -2px; font-family:"batang"; color:#191511; font-size: 28px;line-height:1.4}
    .tit_comment {padding: 30px 0 0 0;font-size: 17px; color:#8c4c36;line-height:1.6}
    
    .pop_01 {padding: 0 40px 40px 30px;line-height:1.5}
    .pop_01 .int_q {padding-top:40px;font-size: 18px;color:#2a2520;}
    .pop_01 .int_a {font-size: 16px;color:#2a2520;}
        
    /*가족팝업*/
    .popmake-content .family .row{padding-top:40px}
    .fpop_01 .row {padding : 40px 0 0 40px; }
    .pop_fimg1{width:338px; height: 242px;}
    .tit_ftxt {padding: 10px 40px 0 0; }
    .tit_ftxt1 {padding:40px;}
    .f_comment{font-family: "batang"; font-size: 18px;line-height:1.5;}
    .f_name{margin-top:10px;font-size: 14px;}
    
    /*기부소개*/
  	.popmake-content .family .row{padding-top:40px}
    .pop_fimg1{width:338px; height: 242px;}
    .tit_bftxt1 {padding: 30px 0 40px 0;line-height:1.5;}
  	.bt_bftxt1 {padding:0 0 40px 40px;}
  	
  	/*버튼*/
  	.pop_btn {text-align:center; padding-bottom: 40px;}
	.pop_btn .btn_join_pop_together {font-size:22px; padding:14px 50px; line-height:120%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;font-size:22px;font-weight: bold;color: #fff;text-align: center;background:#ff7a0e}
    /*--------popup------------*/
  	
	/* bootstrap */
	.col-lg-12 {width: 100%}
	.col-lg-11 {width: 91.66666667%}
	.col-lg-10 {width: 83.33333333%}
	.col-lg-9 {width: 75%}
	.col-lg-8 {width: 66.66666667%}
	.col-lg-7 {width: 58.33333333%}
	.col-lg-6 {width: 50%}
	.col-lg-5 {width: 41.66666667%}
	.col-lg-4 {width: 33.33333333%}
	.col-lg-3 {width: 25%}
	.col-lg-2 {width: 16.66666667%}
	.col-lg-1 {width: 8.33333333%}
	
	.col-lg-offset-12 {margin-left: 100%}
	.col-lg-offset-11 {margin-left: 91.66666667%}
	.col-lg-offset-10 {margin-left: 83.33333333%}
	.col-lg-offset-9 {margin-left: 75%}
	.col-lg-offset-8 {margin-left: 66.66666667%}
	.col-lg-offset-7 {margin-left: 58.33333333%}
	.col-lg-offset-6 {margin-left: 50%}
	.col-lg-offset-5 {margin-left: 41.66666667%}
	.col-lg-offset-4 {margin-left: 33.33333333%}
	.col-lg-offset-3 {margin-left: 25%}
	.col-lg-offset-2 {margin-left: 16.66666667%}
	.col-lg-offset-1 {margin-left: 8.33333333%}
	.col-lg-offset-0 {margin-left: 0%}
	
}
@media only screen and (min-width:1367px) {
	
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}