@charset "utf-8";

@import url("common.css");

.sub_visual {position:relative; top:-32px;}
.sub_visual .deco {position:absolute; z-index:1; left:50%; top:0; margin-left:-650px; width:1300px; padding-top:110px; color:#fff;}
.sub_visual .deco strong {font-size:5.6rem; font-family:'cormorant-garamond'; line-height:1;}
.sub_visual .deco p {position:relative; margin-top:65px; font-weight:300; line-height:1.6;}
.sub_visual .deco p:before {content:''; position:absolute; z-index:1; left:0; top:-35px; width:55px; height:2px; background:#fff;}
.sub_visual .deco p span {display:block; opacity:0.9;}
.sub_visual .bg {position:relative; left:50%; width:1920px; margin-left:-960px;}

#container {background:#fff;}

.contents h3 {margin:60px 0 50px; text-align:center; font-size:4.0rem; font-weight:600;}
.contents h4 {padding-left:30px; margin-top:80px; color:#000; font-size:2.4rem; font-weight:700; background:url(../images/ico/ico_h4_deco.jpg) no-repeat top 5px left;}
.contents h4:first-child,
.contents h3 + h4 {margin-top:0;}
.contents h4 span {font-size:1.8rem; font-weight:400;}

.para01 {padding-top:20px ;padding-left:30px;}
.para01 p {line-height:1.5; color:#666; word-break:keep-all;}
.para01 p + p {margin-top:20px;}
.para02 {margin-top:30px;}
.para04 {margin-top:40px;}

.con_tab {margin-bottom:80px; text-align:center;}
.con_tab li {display:inline-block; width:180px;}
.con_tab li + li {margin-left:-4px;}
.con_tab li a {display:block; line-height:48px; text-align:center; border:1px solid #dedede; background:#f8f8f8;}
.con_tab li:first-child a {border-radius:8px 0 0 8px;}
.con_tab li:last-child a {border-radius:0 8px 8px 0;}
.con_tab li.on a {color:#fff; border-color:#e0343b; background:#e0343b; font-weight:500;}

.faq_list {border-top:2px solid #000;}
.faq_list > ul > li {position:relative; border-bottom:1px solid #ccc;}
.faq_list > ul > li > div {position:relative; padding:23px 100px 25px;}
.faq_list > ul > li > div p {word-break:keep-all;}
.faq_list > ul > li > div:before {content:''; position:absolute; z-index:1; left:30px; top:15px; width:40px; height:40px;}
.faq_list > ul > li > div.title {cursor:pointer;}
.faq_list > ul > li > div.title:before {background:url(../images/ico/ico_faq_q.png) no-repeat 0 0;}
.faq_list > ul > li > div.title:after {content:''; position:absolute; z-index:1; right:30px; top:32px; width:14px; height:8px; background:url(../images/ico/ico_faq_arrow.png) no-repeat 0 0; transition:all .3s ease;}
.faq_list > ul > li > div.title.on:after {transform:rotate(180deg);}
.faq_list > ul > li > div.con {display:none; background:#f0f0f0; border-top:1px solid #ccc;}
.faq_list > ul > li > div.con:before {background:url(../images/ico/ico_faq_a.png) no-repeat 0 0;}
.faq_list > ul > li > div * {line-height:1.5 !important; font-family:'notosans' !important;}
.faq_list .board_edit_wrap {position:static; margin-left:25px;}
.faq_list .board_edit_wrap a {height:auto; line-height:1; margin-bottom:20px;}

.paging {text-align:center;}
.paging li a {background:#f0f0f0;}

.news_list {margin:0 -10px -20px;}
.news_list li {float:left; width:calc(33.33% - 20px); margin:0 10px 50px;} 
.news_list li a {display:block;}
.news_list li a:hover .con strong {text-decoration:underline;}
.news_list li .thumb {height:303px; overflow:hidden;}
.news_list li .thumb img {position:relative; left:50%; transform:translateX(-50%); min-width:100%; max-width:inherit; min-height:100%;}
.news_list li .con i {display:block; margin:25px 0 10px; font-size:1.7rem; font-weight:500; color:#e0343b;}
.news_list li .con strong {display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:2.0rem; font-weight:500;}
.news_list li .con p {margin:20px 0 30px; height:4.4rem; word-break:keep-all; font-size:1.5rem; line-height:1.5; color:#888;}
.news_list li .con span {display:block; color:#777; font-size:1.5rem;}

.board_view {border-top:2px solid #000;}
.board_view .title {position:relative; padding:25px 40px; border-bottom:1px solid #ddd;}
.board_view .title > i {display:block; font-size:1.7rem; font-weight:600; color:#e0343b;}
.board_view .title > strong {display:block; margin:13px 0 10px; font-size:2.6rem; font-weight:500;}
.board_view .title > span {display:block; color:#888;}

.board_edit_wrap {position:absolute; z-index:1; right:20px; top:25px;}
.board_edit_wrap li {display:inline-block;}
.board_edit_wrap li + li {margin-left:5px;}
.board_edit_wrap li a {display:block; padding:5px 10px; border-radius:5px; background:#f8f8f8; font-size:1.5rem; color:#444; border:1px solid #eee; transition:all .3s ease;}
.board_edit_wrap li a:hover {border-color:#e0343b; color:#e0343b;}
.board_edit_wrap li i {display:inline-block; margin-left:5px; font-weight:600; font-size:1.5rem;}

.board_view .board_con {padding:60px 40px 80px; line-height:1.5; color:#444; border-bottom:1px solid #ddd;}

/* .board_view .board_con p + p {margin-top:25px;} */	/* 게시물 간격관련 요청으로 이 스타일 주석 처리함. 20220524 */

.board_view .other_post {line-height:1; border-bottom:1px solid #333;}
.board_view .other_post:after {display:block; content:''; clear:both;}
.board_view .other_post a {position:relative; float:left; width:50%; font-weight:300;}
.board_view .other_post a:before {position:absolute; z-index:1; top:30px; height:18px; color:#888;}
.board_view .other_post a.prev {padding:30px 40px 30px 140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_view .other_post a.prev:before {content:'이전글'; left:40px; padding-left:30px; background:url(../images/ico/ico_board_prev.png) no-repeat left 2px;}
.board_view .other_post a.prev:after {content:''; position:absolute; z-index:1; right:0; top:20px; width:1px; height:40px; background:#ddd;}
.board_view .other_post a.next {text-align:right; padding:30px 140px 30px 40px;}
.board_view .other_post a.next:before {content:'다음글'; right:40px; padding-right:30px; background:url(../images/ico/ico_board_next.png) no-repeat right 2px;}

.btn_wrap {text-align:center; margin-top:60px;}
.btn_wrap .basic_btn {display:inline-block; width:280px; height:65px; color:#fff; line-height:65px; background:#b41f25;}

.letter_list {border-top:2px solid #000;}
.letter_list li {float:left; width:50%; padding:40px 30px 40px 0; border-bottom:1px solid #ddd;}
.letter_list li:nth-child(odd) {border-right:1px solid #ddd;}
.letter_list li:nth-child(even) {padding-left:30px; padding-right:0;}
.letter_list li:after {display:block; content:''; clear:both;}
.letter_list li .thumb {float:left; width:200px; height:284px; border:1px solid #ddd;}
.letter_list li .thumb img {width:100%; height:100%;}
.letter_list li .con {float:left; width:calc(100% - 200px); padding:20px 0 0 40px;}
.letter_list li .con > strong {display:block; font-size:2.4rem; font-weight:500;}
.letter_list li .con > p {width:70%; margin-top:20px; height:4.8rem; line-height:1.5; word-break:keep-all; color:#777;}
.letter_list li .con .detail {margin-top:90px;}
.letter_list li .con .detail:after {display:block; content:''; clear:both;}
.letter_list li .con .detail p span {display:block; color:#777; line-height:1.5;}
.letter_list li .con .detail a {display:block; float:right; margin-top:-50px; text-align:center; line-height:56px; width:208px; height:56px; background:#e0343b;}
.letter_list li .con .detail a span {padding-left:40px; text-align:center; color:#fff; background:url(../images/ico/ico_down.png) no-repeat left center;}
 
.board_list table {border-top:2px solid #000;}
.board_list table thead th {height:60px; font-weight:500; border-bottom:1px solid #ddd; background:#f8f8f8;}
.board_list table tbody td {padding:15px; text-align:center; border-bottom:1px solid #ddd;}
.board_list table tbody td a.subject {display:block; text-align:left;}
.board_list table tbody td a.subject:hover {text-decoration:underline;}
.board_list table tbody td a span {color:#005aff;}

.board_btn {text-align:right; margin-top:-45px;}
.md_btn {display:inline-block; width:120px; height:46px; line-height:42px; border-radius:5px; text-align:center; color:#fff; background:#e0343b; transition:all .3s ease;}
.md_btn:hover {background:#333;}

.inp_chk {display:inline-block; line-height:1; margin-bottom:3px;}
.inp_chk + .inp_chk {margin-left:30px;}
.inp_chk input {position:absolute; z-index:-1; left:-9999px; width:0; height:0; clip:rect(0,0,0,0); overflow:hidden;}
.inp_chk input + i {display:inline-block; position:relative; top:1px; width:14px; height:14px; background:url(../images/ico/ico_chk.jpg) no-repeat 0 0; transition:all .3s ease;}
.inp_chk input:checked + i {background:url(../images/ico/ico_chk_on.jpg) no-repeat 0 0;}
.inp_chk input span {line-height:1; font-size:1.5rem; color:#666;}

.board_write .title {width:20%;}
.board_write table {border-top:2px solid #000;}
.board_write table th {padding:10px 20px; font-weight:500; text-align:left; background:#f8f8f8; border-bottom:1px solid #ddd;}
.board_write table td {height:50px; padding:10px 20px; border-bottom:1px solid #ddd;}
.board_write textarea {height:100px;}

#bo_w.no_table_write .write_div {margin:0;}
#bo_w.no_table_write .bo_w_flie .file_wr {padding:0; border:0;}
#bo_w.no_table_write .bo_w_tit .frm_input {padding-right:0;}

.must_tit:after {content:'*'; color:#ff4a4a;}

.board_info_txt {font-size:1.5rem; color:#666}

.board_btm_btn {display:block; width:120px;margin-top:50px !important; border:1px solid #ccc; border-radius:5px; overflow:hidden;}
.board_btm_btn li {width:100%; margin-left:0;}
.board_btm_btn a {display:block; font-size:1.6rem; font-weight:400; color:#000;}
.board_btm_btn a i {margin-right:5px;}

.letter_list li {position:relative;}
.letter_list .list_btn_wrap {position:absolute; z-index:1; right:0; top:0;}
.letter_list .list_btn_wrap a {font-size:1.6rem;}

.no_table_write {border-top:2px solid #000;}
.no_table_write .no_wrap {display:table; table-layout:fixed; width:100%;}
.no_table_write .no_wrap .no_title {display:table-cell; width:20%; padding:10px 20px; background:#f8f8f8; border-bottom:1px solid #ddd;}
.no_table_write .no_wrap .no_cont {display:table-cell; width:80%; padding:10px 20px; border-bottom:1px solid #ddd;}

.info_txt {position:relative; padding-left:10px; font-size:1.8rem; color:#888;}
.info_txt:before {content:''; position:absolute; z-index:1; left:0; top:8px; width:2px; height:2px; background:#888;}

.info_red {color:#ff4a4a; font-size:1.4rem;}

.datepicker {background:#fff url(../images/ico/ico_calendar.gif) no-repeat right 10px center !important;}

.id_number input {width:122px;}
.id_number span {margin:0 10px;}

.addr .code {width:122px;}
.addr .code + input {margin-left:25px; background:#333; color:#fff; border:0; font-size:1.5rem;}
.addr .addr_inp {display:block; margin-top:10px; width:400px}
.addr .addr_inp + .addr_inp {margin-left:0;}

.agree_box {margin:50px 0; background:#f8f8f8; padding:30px 40px;}
.agree_box > strong {font-size:2.0rem; font-weight:500;}
.agree_box div {margin-top:20px; border:1px solid #ddd; height:100px; overflow-y:auto; padding:20px 30px; line-height:1.5; background:#fff;}
.agree_box div strong {display:block; margin-top:20px; font-weight:500;}
.agree_box div strong:first-of-type {margin-top:0;}
.agree_box div p {color:#666;}

/*서브 _ 수도회 소개*/
.sub_firstpage {width:100%; height:auto; padding:0 50px; background-repeat:no-repeat; background-size:100%; background-position:center top;}
.sub_firstpage.type01 {background-image:url(../images/bg/bg_firstpage01.png);}
.sub_firstpage.type02 {background-image:url(../images/bg/bg_firstpage02.png);}
.sub_firstpage.type03 {background-image:url(../images/bg/bg_firstpage03.jpg);}

.sub_firstpage > div:after {content:''; display:block; clear:both;}
.sub_firstpage .tit > div {position:relative; float:right; width:40%; text-align:center; height:320px; padding:38px 0 0 0; margin-top:174px; color:#fff; border-radius:50px 50px 0 0; background:#a20e14;}
.sub_firstpage .tit > div:before {content:''; position:absolute; z-index:0; left:0; top:0; width:100%; height:100%; border-radius:50px 80px 300px 0; background:#b41f25;}
.sub_firstpage .tit > div strong {position:relative; z-index:1; display:block; font-size:7.0rem; font-family:'cormorant-garamond';}
.sub_firstpage .tit > div i {position:relative; z-index:1; display:block; width:80px; text-align:center; margin:20px auto 30px;}
.sub_firstpage .tit > div p {position:relative; z-index:1; margin-top:25px; font-size:2.0rem; font-weight:200; line-height:1.6;}
.sub_firstpage .tit > div p em {font-weight:500;}

.sub_firstpage .txt {width:100%; padding-top:30px; color:#666; font-weight:300; line-height:1.7;}
.sub_firstpage .txt > div p {word-break:keep-all;}
.sub_firstpage .txt > div p + p {margin-top:29px;}
.sub_firstpage .txt > div p em {color:#111; font-weight:500;}
.sub_firstpage.type03 .txt > div.full {float:left; width:100%; margin-top:40px;}

.status_list {margin:-10px;}
.status_list li {float:left; width:calc(16.66% - 20px); margin:10px; height:110px; border-radius:10px; text-align:center; background:#f5f5f5;}
.status_list li > div {position:relative; top:50%; width:100%; transform:translateY(-50%);}
.status_list li span {color:#666; line-height:1.4;}
.status_list li p {margin-top:4px; color:#e43239; font-size:1.8rem;}
.status_list li p strong {font-size:2.8rem;}

/* 수도회 사명 - 수도회 활동 */
.img_list:after {content:''; clear:both; display:block;}
.img_list {margin:40px -9px 0 -9px;}
.img_list li {float:left; width:170px; text-align:center; height:160px; margin:0 7px 10px 7px; border-radius:10px; overflow:hidden;}
.img_list .thumb {height:104px; background:#eee; overflow:hidden;}
.img_list .thumb img {position:relative; left:50%; transform:translateX(-50%); min-width:100%; min-height:100%;}
.img_list strong {display:block; width:100%; height:56px; line-height:1; font-size:1.5rem; font-weight:400; padding-top:17px; border-radius:0 0 10px 10px; border:1px solid #ddd; background:#f5f5f5;}

/* 레늄 크리스티 - 입회절차 */
.bar_tit {position:relative; display:block; margin-bottom:10px; font-size:1.8rem; font-weight:500; padding-left:10px;}
.bar_tit:before {content:''; position:absolute; z-index:1; top:4px; left:0; width:4px; height:16px; background:#b31f25;}
.bar_tit:after {content:''; position:absolute; z-index:1; top:12px; left:0; width:4px; height:8px; background:#000;}

.dot_list {margin-left:15px; line-height:1.8; color:#666;}
.dot_list li {position:relative; padding-left:7px;}
.dot_list li:before {content:''; position:absolute; z-index:1; top:13px; left:0; width:2px; height:2px; background:#111;}
.dot_list li span {display:inline-block; margin-right:15px; color:#111; font-weight:500;}
.dot_list.noleft {margin-left:0;}
.dot_list.link a {display:inline-block; color:#666; vertical-align:top;}

/* 한국사목회활동 - 소개 */
.img_wrap {margin-bottom:50px;}

/* 수도회역사 */
.history_wrap:after {display:block; content:''; clear:both;}
.history_wrap .tab {float:left; width:260px;}
.history_wrap .tab li + li {margin-top:20px;}
.history_wrap .tab li a {position:relative; display:inline-block; font-size:2.4rem; color:#c3c2c2; font-weight:600;}
.history_wrap .tab li.on a {color:#000;}
.history_wrap .tab li.on a:before {content:''; position:absolute; z-index:1; left:0; bottom:3px; width:100%; height:5px; background:#ff8e93;}
.history_wrap .tab li.on a span {position:relative; z-index:1;}

.history_wrap .tab_con {float:right; width:calc(100% - 260px);}
.history_wrap .tab_con > div {position:relative;}
.history_wrap .tab_con > div .history_img {position:absolute; z-index:1; right:0; top:0; width:180px;}
.history_wrap .tab_con > div .history_img img {display:block; width:100%; border-radius:5px; border:1px solid #ddd;}
.history_wrap .tab_con > div .history_img span {display:block; width:100%; margin-top:10px; padding:8px 10px; line-height:1.5; word-break:keep-all; text-align:center; border:1px solid #ddd; font-size:1.3rem; color:#666; border-radius:5px; background:#fff;}
.history_wrap .tab_con > div .history_img span + img {margin-top:40px;}
.history_wrap .tab_con .history > li {padding:30px 0; border-bottom:1px solid #ddd;}
.history_wrap .tab_con .history > li:first-child {padding-top:0;}
.history_wrap .tab_con .history > li:after {display:block; content:''; clear:both;}
.history_wrap .tab_con .history .year {float:left; width:110px; font-size:2.4rem; font-weight:600;}
.history_wrap .tab_con .history ol {float:left; width:calc(100% - 110px); line-height:1.6; padding-top:4px;}
.history_wrap .tab_con .history ol > li + li {margin-top:20px;}
.history_wrap .tab_con .history ol > li:after {display:block; content:''; clear:both;}
.history_wrap .tab_con .history ol > li strong {float:left; width:110px; font-weight:400;}
.history_wrap .tab_con .history ol > li p {float:left; width:calc(100% - 110px); padding-right:25%; color:#666; font-weight:300; word-break:keep-all;}
.history_wrap .tab_con .history ol > li .no_txt {float:left; margin:10px 0 0 110px;}

.history_wrap .tab_con .history > li.no_month .year {width:220px;}
.history_wrap .tab_con .history > li.no_month ol {width:calc(100% - 220px);}
.history_wrap .tab_con .history > li.no_month ol li p {width:100%;}

.sm_list li {margin:3px 0; font-size:1.4rem; color:#888;}

.map_img {margin-top:40px;}
.map_img img {width:100%;}

.step_tab {margin-top:40px;}
.step_tab .tab {position:relative;}
.step_tab .tab:before {content:''; position:absolute; z-index:1; left:0; top:7px; width:100%; height:1px; background:#ddd;}
.step_tab .tab li {float:left; width:16.66%; text-align:center;}
.step_tab .tab li a {display:block; position:relative; padding-top:22px;}
.step_tab .tab li a:before {content:''; position:absolute; z-index:2; left:50%; top:0; margin-left:-7px; width:14px; height:14px; border-radius:100px; background:#fff; border:1px solid #555;}
.step_tab .tab li a:after {content:''; position:absolute; z-index:2; left:50%; top:4px; margin-left:-3px; width:6px; height:6px; border-radius:100px; background:#555;}
.step_tab .tab li.on a:before {border:1px solid #b41f25;}
.step_tab .tab li.on a:after {background:#b41f25;}
.step_tab .tab li a span {display:inline-block; padding:5px 20px; font-size:1.5rem; color:#666; border-radius:100px; line-height:1.4; transition:all .3s ease;}
.step_tab .tab li.on a span {color:#fff; font-weight:600; background:#b41f25;}

.step_tab .tab_con {margin-top:50px;}
.step_tab .tab_con > div {padding:40px 50px; min-height:300px; border:1px solid #eee; background:#f9f9f9;}
.step_tab .tab_con > div strong {display:block; margin-bottom:15px; font-size:1.8rem; font-weight:500; color:#b41f25;}
.step_tab .tab_con > div p {font-size:1.5rem; color:#666; font-weight:300; line-height:1.5; word-break:keep-all;}
.step_tab .tab_con > div p + p {margin-top:20px;}
.step_tab .tab_con > div p + strong {margin-top:40px;}
.step_tab .tab_con.with_img > div {position:relative;}
.step_tab .tab_con.with_img > div > div {width:calc(100% - 350px);}
.step_tab .tab_con.with_img > div .img_box {position:absolute; z-index:1; right:40px; top:40px; width:285px; height:218px; background:#333;}

.flag {margin:-15px -12.5px;}
.flag li {float:left; width:calc(20% - 25px); margin:15px 12.5px;}
.flag li span {display:block; text-align:center; color:#444; margin-top:13px;}

.word_box {width:100%; padding:50px 30px; text-align:center; background:#f8f8f8;}

.life_list {margin-top:30px; border-top:2px solid #000;}
.life_list li {padding:30px 100px 30px 20px; border-bottom:1px solid #ddd;}
.life_list li:after {display:block; content:''; clear:both;}
.life_list li i {float:left; width:96px; height:96px;}
.life_list li div {float:right; width:calc(100% - 126px);}
.life_list li strong {display:block; padding-top:5px; font-size:1.8rem; font-weight:500; color:#111; word-break:keep-all;}
.life_list li p {margin-top:15px; color:#666; font-weight:300;}

.map_wrap .wrap_controllers {display:none;}

.support {width:1160px; margin:0 auto; text-align:center; padding:80px 0; background:#f8f8f8;}
.support .tit strong {display:block; margin-top:10px; font-size:3.8rem; color:#e83c43; font-weight:600;}
.support .goal {width:835px; margin:50px auto 0; padding:50px 0; background:#fff; border-radius:10px; box-shadow:20px 20px 30px 0 rgba(0,0,0,0.1);}
.support .goal strong {display:block; padding-top:35px; font-size:2.4rem; font-weight:600; background:url(../images/ico/ico_h4_deco.jpg) no-repeat center top;}
.support .goal p {margin-top:15px;}
.support .goal p span {display:block; color:#666; line-height:1.6;}
.support .detail {width:835px; margin:100px auto 0; text-align:left;}
.support .detail .dot_list li span {font-weight:400;}
 

.btn_cke_sc {height:32px; font-size:1.4rem;}

.police p {color:#666; line-height:1.5;}
.police h4 {margin-top:50px;}


#bo_w #wr_password, #bo_w #wr_homepage {margin-left:0;}


/*****************************************************************************************************************************************************************************************/


@media all and (max-width:1299px){
	.sub_visual .deco {width:100%; left:0; margin-left:0; padding-left:20px;}
	
	.letter_list li .con > p {width:90%;}
	.letter_list li .con .detail {margin-top:30px;}
	.letter_list li .con .detail a {float:none; margin-top:10px;}

	.sub_firstpage {padding:0 30px;}
	.sub_firstpage .tit > div {width:53%; margin-top:30px; height:auto; padding-bottom:50px; border-radius:50px; overflow:hidden;}
	.sub_firstpage .txt {padding-top:20px;}
	.sub_firstpage .txt > div {width:53%; padding:30px; background:#f8f8f8; border-radius:50px;}
	.sub_firstpage .txt > div p + p {margin-top:20px;}

	.sub_firstpage.type03 .txt {padding:30px; margin-top:20px; background:#f8f8f8; border-radius:50px;}
	.sub_firstpage.type03 .txt > div {width:100%; background:transparent; padding:0;}
	.sub_firstpage.type03 .txt > div.full {margin-top:20px;}

	.map_wrap .root_daum_roughmap {width:100% !important;}

	.support {width:auto;}
} 

@media all and (max-width:1000px){
	.sub_firstpage .tit > div strong {font-size:5.0rem;}

	.history_wrap .tab {float:none; width:100%; text-align:center;}
	.history_wrap .tab li {display:inline-block;}
	.history_wrap .tab li + li {margin-left:40px;}
	
	.history_wrap .tab_con {float:none; width:100%; margin-top:40px;}
	.history_wrap .tab_con .history .year {width:80px;}
	.history_wrap .tab_con .history ol {width:calc(100% - 80px);}
	.history_wrap .tab_con > div .history_img {width:140px;}
	
	.history_wrap .tab_con .history > li.no_month .year {width:190px;}
	.history_wrap .tab_con .history > li.no_month ol {width:calc(100% - 190px);}
}

@media all and (max-width:950px){
	.sub_visual {top:0;}
	.sub_visual .bg {width:1600px; margin-left:-800px;}
	.sub_visual .deco {padding-top:80px;}
	.sub_visual .deco strong {font-size:4.0rem;}

	.news_list li .thumb {height:200px;}

	.letter_list li {float:none; width:100%; padding:30px !important;}
	.letter_list li:nth-child(odd) {border-right:0;}
	.letter_list li .thumb {width:120px; height:auto;}
	.letter_list li .con {width:calc(100% - 120px); padding:0 0 0 30px;}
	.letter_list li .con > strong {font-size:2.0rem;}
	.letter_list li .con > p {margin-top:10px; height:auto;}
	.letter_list li .con .detail {margin-top:20px;}
	.letter_list li .con .detail a {width:148px; height:46px; line-height:46px;}

	.status_list li {width:calc(25% - 20px);}

	.bar_tit {padding-left:7px;}
	.bar_tit:before {top:3px; height:12px; width:3px;}
	.bar_tit:after {top:9px; height:6px; width:3px;}

	.support {padding:80px;}
	.support .goal {width:auto;}
	.support .detail {width:auto;}
}


@media all and (max-width:768px){
	.contents h3 {margin:50px 0 30px; font-size:3.5rem;}
	.contents h4 {padding-left:25px; font-size:2.2rem; background-size:15px;}
	.con_tab {margin-bottom:40px;}
	.con_tab li {width:120px;}

	.faq_list li > div {padding:20px 70px;}
	.faq_list li > div:before {left:20px; width:30px; height:30px; background-size:30px !important;}

	.news_list li {width:calc(50% - 20px);}
	.news_list li .thumb {height:250px;}

	.board_view .title {padding:20px;}
	.board_view .board_con {padding:40px 20px;}

	.board_view .other_post a {display:block; float:none; width:100%; padding:20px 40px 20px 80px !important;}
	.board_view .other_post a + a {border-top:1px solid #ddd;}
	.board_view .other_post a:before {top:20px; background:none !important;}
	.board_view .other_post a.prev:before {left:20px; padding-left:0;}
	.board_view .other_post a.prev:after {display:none;}
	.board_view .other_post a.next {text-align:left;}
	.board_view .other_post a.next:before {left:20px; padding-right:0; right:initial;}

	.letter_list li {padding:30px 0 !important;}

	.sub_firstpage .tit > div {padding:30px 40px; border-radius:30px; word-break:keep-all;}
	.sub_firstpage .tit > div strong br {display:none;}
	.sub_firstpage .tit > div p {word-break:keep-all;}
	.sub_firstpage .tit > div p br {display:none;}
	.sub_firstpage .tit > div i {width:70px; margin:10px auto ;}

	.sub_firstpage .txt > div {width:100%; border-radius:30px;}
	.sub_firstpage.type03 .txt {border-radius:30px;}

	.img_list li {width:calc(33.33% - 14px); height:120px;}
	.img_list li .thumb {height:80px;}
	.img_list strong {height:40px; padding-top:13px;}

	.para01 {padding-left:25px;}
	
	.history_wrap .tab_con .history .year {float:none; width:100%; margin-bottom:15px; text-align:cneter;}
	.history_wrap .tab_con .history > li {padding:20px 0;}
	.history_wrap .tab_con .history ol {float:none; width:100%;}
	.history_wrap .tab_con .history ol > li p {padding-right:0;}
	.history_wrap .tab_con .history ol > li + li {margin-top:10px;}
	.history_wrap .tab_con .history ol > li strong {width:70px;}
	.history_wrap .tab_con .history ol > li p {width:calc(100% - 70px);}

	.history_wrap .tab_con .history > li.no_month ol {width:100%;}

	.history_wrap .tab_con > div .history_img {display:none;}

	.step_tab:after {display:block; content:''; clear:both;}
	.step_tab .tab {float:left; width:30%;}
	.step_tab .tab:before {left:7px; width:1px; height:100%;}
	.step_tab .tab li {float:none; width:100%; margin:10px 0; text-align:left;}
	.step_tab .tab li a {padding-top:0; padding-left:30px;}
	.step_tab .tab li a:before {left:0; top:50%; margin-top:-7px; margin-left:0;}
	.step_tab .tab li a:after {left:0; top:50%; margin-top:-3px; margin-left:4px;}
	.step_tab .tab_con {float:right; width:70%; margin-top:0; padding-left:10px;}
	.step_tab .tab_con > div {padding:20px;}

	.flag {margin:-10px;}
	.flag li {width:calc(33.33% - 20px); margin:10px;}

	.step_tab .tab_con.with_img > div > div {width:100%;}
	.step_tab .tab_con.with_img > div .img_box {position:static; margin:20px auto 0;}

	.word_box {padding:30px 20px;}

	.life_list li {padding-right:20px;}
	.map_wrap .wrap_map {height:300px !important;}

	.support {padding:50px 20px;}
} 

@media all and (max-width:640px){
	.dp_pc {display:none;}
	.sub_visual .bg {width:1000px; margin-left:-500px;}
	.sub_visual .deco {padding-top:45px;}
	.sub_visual .deco strong {font-size:3.4rem;}
	.sub_visual .deco p {width:80%; margin-top:15px;}
	.sub_visual .deco p:before {display:none;}
	.sub_visual .deco p span {display:inline; word-break:keep-all;}

	.con_tab li {width:100px;}

	.paging {margin-top:30px;}
	.news_list {margin:0;}
	.news_list li {float:none; width:100%; margin:0 0 30px; background:#f0f0f0;} 
	.news_list li .thumb {height:250px;}
	.news_list li .con {padding:0 20px 20px;}
	.news_list li .con p {height:auto;}

	.btn_wrap .basic_btn {width:180px; height:40px; line-height:40px;}

	.board_write .title {width:90px;}
	.board_write table th {padding:10px 5px;}
	.board_write input[type="text"] {width:100%;}

	.inp_chk + .inp_chk {margin-left:10px;}
	.inp_chk input + i {top:2px;}

	.id_number input {width:80px !important;}
	.addr .code {width:80px !important;}
	.addr .code + input {margin-left:10px;}

	#bo_w input[type="text"] {width:100%;}
	#bo_w .bo_w_tit #btn_autosave {position:static; margin-top:5px;}

	.agree_box {padding:20px;}

	.sub_firstpage .tit > div strong {font-size:3.0rem;}
	.sub_firstpage .tit > div p {margin-top:10px; font-size:1.6rem; line-height:1.5;}

	.sub_firstpage .txt {padding-left:0;}
	.sub_firstpage .txt > div {border-radius:10px; padding:15px;}
	.sub_firstpage.type03 .txt {border-radius:10px; padding:15px;}
	
	.status_list li p strong {font-size:2.4rem;}

	.img_wrap {margin-bottom:30px;}

	.history_wrap .tab li {padding:0 7px}
	.history_wrap .tab li + li {margin-left:0;}

	.flag {margin:-5px;}
	.flag li {width:calc(33.33% - 10px); margin:5px;}

	.life_list li {padding-left:0;}
	.life_list li i {width:56px;}
	.life_list li div {width:calc(100% - 76px);}

	.support .tit p {width:150px; margin:0 auto;}
	.support .tit strong {font-size:3.0rem;}
	.support .goal {margin:30px auto 0; padding:40px 25px;}
	.support .goal strong {font-size:2.2rem;}
	.support .goal p span {display:inline;}

	.support .detail {margin-top:50px;}
} 

@media all and (max-width:480px){
	.contents h4 {margin-top:60px;}
	.con_tab li {width:80px;}

	.sub_firstpage {padding:0 10px 0 0;}
	.sub_firstpage .tit > div {padding:15px; margin-top:10px; border-radius:10px;}
	.sub_firstpage .tit > div i {width:40px; margin-top:0;}

	.status_list {margin:-5px;}
	.status_list li {width:calc(33% - 10px); margin:5px;}

	.img_list li {width:calc(50% - 14px);}
	.img_list li .thumb {height:80px;}
	.img_list strong {height:40px; padding-top:13px;}

	/* 입회절차 */
	.dot_list {margin-left:0;}

	.step_tab .tab li a {padding-left:20px;}	
	.step_tab .tab li a span {font-size:1.4rem; padding:5px 10px; text-align:center; word-break:keep-all;}

	.step_tab .tab_con.with_img > div .img_box {width:100%; height:auto;}

	.word_box {padding:20px 5px;}
} 

@media all and (max-width:320px){
	.con_tab li {width:70px;}
	.step_tab .tab {float:none; width:40%;}
	.step_tab .tab_con {float:none; width:100%; padding-left:0; margin-top:30px;}
}