@charset "utf-8";

/* 공통 */
.dpib{display:inline-block !important}
.clear {clear:both}
.tac {text-align:center}
.fl {float:left !important}
.fr {float:right}
.pointer {cursor:pointer}
.bold {font-weight:bold}
.ovfh {overflow:hidden}
.list_init {margin:0;padding:0;list-style:none}
.nbg{background-image:none !important}

.mgt0 {margin-top:0px !important}
.mgt20{margin-top:20px !important}
.mgr0 {margin-right:0px !important}
.mgb0 {margin-bottom:0px !important}
.mgl0 {margin-left:0px !important}
.pdt0 {padding-top:0px !important}
.pdr0 {padding-right:0px !important}
.pdb0 {padding-bottom:0px !important}
.pdl0 {padding-left:0px !important}

.grid_1 {width:50px}
.grid_2 {width:100px}
.grid_3 {width:150px}
.grid_4 {width:200px}
.grid_5 {width:250px}
.grid_6 {width:300px}

.nbor_r{border-right:none !important;}
.bor_b{border-bottom:1px solid #d4d4d4 !important}
.ac{text-align:center !important;}

.size_down{font-size:0.85em}

/* 색상 */
.red {color:#ff0000;}
.green {color:#33cc00;}
.blue {color:#3300ff;}

/* 본 사이트 전용 */
body {width:100%;min-width:320px;font-family:'NanumGothic', 'Malgun Gothic', sans-serif}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family:'NanumGothicBold', 'Malgun Gothic', sans-serif}
.frm_input, input[type=text], input[type=password], input[type=submit], textarea, select, button {font-family:'NanumGothic', 'Malgun Gothic', sans-serif}
.frm_input, input[type=text], input[type=password], textarea, select, button {font-size:1.167em}
input[type=text], input[type=password], input[type=submit], input[type=image], button, textarea {-webkit-appearance:none;appearance:none}
select {background:none}

#hd_pop {width:100% !important;max-width:1200px}
#hd_pop .hd_pops_con img {width:100%;height:auto}
a.btn, .btn {display:inline-block;font-weight:normal;font-size:1.083em}

#container_vis .bg_vis li {display:none;position:absolute;left:0;top:0;z-index:50;width:100%;height:100%;background-size:cover !important}
#container_vis .txt_vis {position:relative;width:100%;height:auto;margin:0}
#container_vis .txt_vis > div {/*display:none;*/position:absolute;z-index:60}

.youtube_wrap {position:relative;width:100%;padding-bottom:56.25%}
.youtube_wrap iframe {position:absolute;left:0;top:0;width:100%;height:100%}

/* 헤더 */
#header {width:100%;height:auto;background:#fff;}
#header:after {display:block;clear:both;content:""}
.container_gnb {overflow:hidden;position:relative}
.cg_wrap{width:100%; overflow:hidden; padding:10px; border-bottom:1px solid #d4d4d4; height:62px}
.main_number{float:left; padding-left:53px; min-height:41px; position:relative}
.main_number:after{position:absolute; left:0; top:0; width:41px; height:41px; border-radius:50%; background:#ffcd00 url(../images/call.svg) center no-repeat; background-size:21px; content:''}
.main_number p{line-height:1.2}
.mnum_p01{font-size:1.167em; color:#444}
.mnum_p02{font-size:1.750em; color:#555; font-weight:bold}
.mnum_p02 span{color:#0e76bc}
.gnb_li{float:right; margin-top:15px}
.gnb_li li{float:left; position:relative}
.gnb_li li:after{position:absolute; left:0; top:8px; width:3px; height:3px; border-radius:50%; background:#bcbcbc; content:''}
.gnb_li li:first-child:after{display:none}
.gnb_li li a{font-size:1.167em; color:#555; padding:0 14px; display:block; line-height:1.5}
.gnb_li li:last-child a{padding-right:0}
.hd_logo{float:left; width:260px;}
.hd_logo a{padding:14px 10px; display:block;}
.toggle {position:absolute;right:0;bottom:7px;width:55px;height:55px}
.toggle span {display:block;padding:10px;cursor:pointer}


/* 모바일 메뉴 */
.toggle_menu{z-index:1000;position:absolute;top:132px;left:0;width:100%;height:auto;overflow:hidden;border-top:2px solid #15bfbd; background:white;display:none;}
.toggle_menu > ul > li{width:100%;border-bottom:1px solid #ddd;}
.toggle_menu > ul > li > a{display:block;padding:2% 0 2% 8%;font-size:1.2em;line-height:1.5;color:#555}
.toggle_menu > ul > li.on > a{color:#15bfbd;font-weight:bold;}
.toggle_sub{display:none;background:#f5f5f5;padding:1% 0;}
.toggle_sub a{display:block;padding-left:10%;font-size:1.15em;color:#555;line-height:2.2;}
.toggle_sub .on a {color:#ffcd00 }

/* PC 메뉴 */
.menu_pc {overflow:hidden;width:auto;height:0;visibility:hidden}
.main_nav_area{background:#15bfbd}
.menu_pc .main_menu:after {display:block;clear:both;content:""}
.menu_pc .main_menu li{float:left;width:20%;text-align:center; position:relative}
.menu_pc .main_menu li:after{position:absolute; left:0; top:18px; width:1px; height:28px; background:rgba(255,255,255,0.5); content:''}
.menu_pc .main_menu li:first-child:after{display:none}
.menu_pc .main_menu li a {display:block;font-size:1.542em;line-height:63px;color:#fff}
.menu_pc .main_menu li.on {background:#00a8a6}
.menu_pc .main_menu li.on:after{display:none}
.menu_pc .main_menu li.on + li:after{display:none}
.menu_pc #main_full_menu {display:none;overflow:hidden;position:absolute;left:0;top:166px;z-index:300;width:100%;min-width:1200px;height:auto;background:rgba(255,255,255,0.98);border-bottom:1px solid #d4d4d4;}
.menu_pc .main_full_menu_wrap {width:1200px;height:100%;margin:0 auto}
.menu_pc .main_full_menu_wrap:after {display:block;clear:both;content:""}
.menu_pc .sub_menu{float:left; width:20%; height:100%; border-left:1px solid #d4d4d4; padding:28px 0}
.menu_pc .sub_menu.smenu5{border-right:1px solid #d4d4d4;}
.menu_pc .sub_menu.over{background:rgba(238,238,238,0.98); border-left:0; border-right:0}
.menu_pc .sub_menu.over + ul{border-left:0}
.menu_pc .sub_menu li{text-align:center}
.menu_pc .sub_menu a {display:block;font-size:1.25em;line-height:33px;color:#555}
.menu_pc .sub_menu li.on a {color:#0e76bc;}

/* 메인 비주얼 */
.wrap_main {width:100%;height:auto;}
.wrap_main #container_vis {overflow:hidden;position:relative;width:100%;height:150px}
.wrap_main #container_vis .mvis_txt0101{left:20px; top:25px; width:174px}
.wrap_main #container_vis .mvis_txt0102{left:20px; top:55px; width:86px}
.wrap_main #container_vis .mvis_txt0102:after{position:absolute; left:0; bottom:-10px; width:20px; height:3px; background:#fff; content:''}
.wrap_main #container_vis .mvis_txt0103{left:20px; top:95px; width:133px}
.wrap_main #container_vis .mvis_txt0201{right:10px; top:35px; width:186px}
.wrap_main #container_vis .mvis_txt0202{right:10px; top:65px; width:195px}
.wrap_main #container_vis .mvis_txt0202:after{position:absolute; left:0; bottom:-10px; width:195px; height:1px; background:#afafaf; content:''}
.wrap_main #container_vis .mvis_txt0203{right:27px; top:100px; width:160px}
.dot_vis{position:absolute; bottom:10px; z-index:150; left:50%; margin-left:-20px}
.dot_vis li{float:left; width:16px; height:16px; border:4px solid #fff; background:#cbcbcb; border-radius:50%; box-shadow:2px 2px 4px rgba(0,0,0,0.3); margin-right:8px; cursor:pointer;}
.dot_vis li:last-child{margin-right:0}
.dot_vis li.select{background:#1ab1b0}

/* 메인 컨텐츠 */
.main_btn{width:100%; padding:35px 0 20px; overflow:hidden; }
.main_btn li{width:33.33%; float:left; text-align:center; position:relative}
.main_btn li.mb01, .main_btn li.mb02, .main_btn li.mb03{width:33.33%}
.main_btn li.mb04, .main_btn li.mb05{width:50%; margin-top:10px}
.main_btn li.mb01:after, .main_btn li.mb02:after, .main_btn li.mb04:after{position:absolute; right:0; top:0; width:1px; height:100px; background:url(../images/mbtn_line.jpg) center top repeat-y; content:''}
.main_btn li a{padding:110px 8px 10px; display:block; position:relative; font-size:1.5em; color:#555}
.main_btn li a:after{position:absolute; left:50%; top:5px; width:90px; height:90px; border-radius:50%; margin-left:-45px; content:''}
.main_btn li.mb01 a:after{background:#f6f6f6 url(../images/mbtn_icon01.png) center no-repeat; background-size:48px; border:3px solid #28bbb9}
.main_btn li.mb01:hover a:after{background:#28bbb9 url(../images/mbtn_icon01r.png) center no-repeat; background-size:52px;}
.main_btn li.mb02 a:after{background:#f6f6f6 url(../images/mbtn_icon02.png) center no-repeat; background-size:47px; border:3px solid #ffcd00}
.main_btn li.mb02:hover a:after{background:#ffcd00 url(../images/mbtn_icon02r.png) center no-repeat; background-size:50px;}
.main_btn li.mb03 a:after{background:#f6f6f6 url(../images/mbtn_icon03.png) center no-repeat; background-size:21px; border:3px solid #2d97de}
.main_btn li.mb03:hover a:after{background:#2d97de url(../images/mbtn_icon03r.png) center no-repeat; background-size:25px;}
.main_btn li.mb04 a:after{background:#f6f6f6 url(../images/mbtn_icon04.png) center no-repeat; background-size:47px; border:3px solid #f67093}
.main_btn li.mb04:hover a:after{background:#f67093 url(../images/mbtn_icon04r.png) center no-repeat; background-size:50px;}
.main_btn li.mb05 a:after{background:#f6f6f6 url(../images/mbtn_icon05.png) center no-repeat; background-size:58px; border:3px solid #46b5ed}
.main_btn li.mb05:hover a:after{background:#46b5ed url(../images/mbtn_icon05r.png) center no-repeat; background-size:62px;}
.mcon_white{width:100%; padding:0 20px 35px; overflow:hidden}
.mcw_event{width:100%;}
.event_top{width:100%; height:50px; line-height:50px; border-radius:12px 12px 0 0; background:#0e76bc; font-size:1.417em; padding:0 20px; color:#fff; font-weight:bold}
.event_top h3{float:left}
.event_btn{float:right;padding:10px 0;line-height:30px}
.event_btn > span{display:inline-block;float:left}
.event_btn .this_month{padding:0 10px}
.event_btn .this_month span{color:#ffcd00}
.event_btn img{width:8px;height:13px;vertical-align:baseline}
.event_btn .prev_month, .event_btn .next_month{padding:0 5px;cursor:pointer}
.event_calendar{border-radius:0 0 12px 12px; border:1px solid #d4d4d4; padding:10px; border-top:0}
.event_calendar table{width:100%; border-spacing:0; border-collapse:separate;}
.event_calendar table caption {overflow:hidden;padding:0;font-size:0;line-height:0}
.event_calendar th, .event_calendar td{text-align:center; font-size:1.25em; padding:4px; color:#555}
.event_calendar th{width:14%; border-bottom:1px solid #d4d4d4; padding-bottom:8px; font-weight:normal}
.event_calendar th:first-child {color:#eb3535}
.event_calendar th:last-child {color:#0e76bc}
.event_calendar tbody tr:first-child td{padding-top:8px}
.event_calendar td span{width:25px; height:25px; border-radius:50%; display:inline-block; line-height:25px}
.event_calendar td span.today{background:#dcdcdc;}
.event_calendar td span.schedule{background:#ff3a6d; color:#fff }
.event_calendar td span.col_r {color:#ff0000}
.event_calendar td .list_sch {display:none}
.mcw_brd{width:100%; overflow:hidden; margin:25px 0; position:relative}
.mcwb_tit{width:100%; height:50px; border-bottom:2px solid #19bcba}
.mcwb_tit li{float:left; width:36%; border-radius:12px 12px 0 0; color:#333; line-height:50px; font-weight:bold; text-align:center; font-size:1.417em; letter-spacing:-0.6px; cursor:pointer}
.mcwb_tit li.selected{background:#19bcba; color:#fff}
.mcwb_tit li:last-child{position:relative}
.mcwb_tit li:last-child:after{position:absolute; right:0; top:15px; width:1px; height:20px; background:#d4d4d4; content:''}
.mcwb_tit li:last-child.selected:after{display:none}
.mcw_brd .n_con{display:none; height:175px; padding:18px 0 20px; border-bottom:1px solid #d4d4d4}
.mcw_brd .n_con.tabsel{display:block;}
.mcw_brd .more_bt{position:absolute; right:0; top:15px}
.mcw_brd .more_bt a{color:#555; font-size:1.25em}
.mc_li li:not(.empty_list){overflow:hidden; position:relative; padding-left:11px; margin-bottom:8px; line-height:1.4; font-size:1.25em}
.mc_li li:not(.empty_list):last-child{margin-bottom:0}
.mc_li li:not(.empty_list):after{position:absolute; left:0; top:7px; width:4px; height:4px; border-radius:50%; background:#b4b4b4; content:''}
.mc_li li .txt {display:block;overflow:hidden;float:left;width:75%;white-space:nowrap;text-overflow:ellipsis}
.mc_li li .txt .new_icon {display:inline-block;width:16px;height:16px;margin-right:3px;line-height:13px;color:#ff3a6d;text-align:center;vertical-align:middle}
.mc_li li .txt a {color:#333}
.mc_li li .date {display:block;float:right;font-size:0.938em;color:#696969}
.mcw_app{width:100%}
.mcw_app li{float:left; width:48%; margin-right:4%; border-radius:12px 12px 0 0; height:120px; position:relative}
.mcw_app li:first-child{background:#334d5c url(../images/donation_img.jpg) 10% bottom no-repeat; background-size:115px}
.mcw_app li:last-child{background:#0e76bc url(../images/volunteer_img.jpg) 10% bottom no-repeat; background-size:100px; margin-right:0}
.mcw_app li a{display:block; padding:15px 0 0 45%; height:100%}
.mcw_app li h3{font-size:1.417em; line-height:1.4; color:#fff}
.mcw_app li h3 span{display:block}
.mcw_app li:first-child h3{color:#ffcd00}
.mcw_app li p{position:absolute; left:45%; bottom:15px; color:#fff; font-size:1.25em}
.mcw_app li p span{display:block; padding-bottom:17px; background:url(../images/shortcut.png) left bottom no-repeat}
.mcon_photo{width:100%; background:#f1f1f1; padding:30px 20px; text-align:center; position:relative; overflow:hidden}
.mcon_photo > h3{font-size:1.8em; color:#333}
.mcon_photo > p{font-size:1.25em; color:#696969; padding:5px 0 20px}
.mcon_photo .more{position:absolute; right:20px; top:35px; }
.mcon_photo .more a{color:#696969; font-size:1.25em}
.mcon_photo .photo_wrap{overflow:hidden; width:306px; margin:0 auto; padding:0 11px}
.mcon_photo li:not(.empty_list){width:283px; float:left; margin-left:23px; box-shadow:5px 5px 10px rgba(0,0,0,0.15); margin-bottom:20px}
.mcon_photo li:not(.empty_list):first-child{margin-left:0}
.mcon_photo li.empty_list {padding:150px 0 !important}
.mcon_photo li .photo_img {height:195px}
.mcon_photo li .photo_info{background:#fff; padding:20px 15px; text-align:left}
.mcon_photo li .pi_tit{overflow:hidden;font-size:1.25em; color:#555;white-space:nowrap;text-overflow:ellipsis;}
.mcon_photo li .pi_tit .new_icon {display:inline-block;margin-right:3px;font-weight:bold;color:#f67093}
.mcon_photo li .pi_date{font-size:1.167em; color:#969696; padding:5px 0 0}
.photo_btn div{position:absolute; bottom:170px; width:42px; height:42px; border-radius:50%; line-height:42px; border:1px solid #ccc}
.photo_btn .pbtn_left{left:20px; background:#fff url(../images/photo_lg.svg) center no-repeat; background-size:17px }
.photo_btn .pbtn_right{right:20px; background:#fff url(../images/photo_rg.svg) center no-repeat; background-size:17px}
.photo_btn .pbtn_left:hover{background:#1cbcba url(../images/photo_lw.svg) center no-repeat; background-size:17px; border:0 }
.photo_btn .pbtn_right:hover{background:#1cbcba url(../images/photo_rw.svg) center no-repeat; background-size:17px; border:0}
.mcon_youtube {background:#fff}
.mcon_youtube li .photo_img {height:auto}
.mcon_youtube li .photo_img a {display:block}
.mcon_youtube li .photo_img .no_image {display:block;position:relative;padding-bottom:56.25%;font-size:1.25em;line-height:2;background:#eee;text-align:center;text-transform:uppercase;color:#777}
.mcon_youtube li .photo_img .no_image strong {position:absolute;left:0;top:50%;width:100%;margin-top:-15px}
.mcon_youtube li .photo_info {border:1px solid #d4d4d4}
.mcon_youtube.info_plus {padding-top:0}
.mcon_youtube.info_plus .more {top:5px}


/* 서브 콘텐츠 */
.wrap_sub {width:100%;height:auto}
.wrap_sub #container_vis {overflow:hidden;position:relative;width:100%;height:120px}
.wrap_sub #container_vis .svis_txt0101 {left:15px;top:27px;width:246px}
.wrap_sub #container_vis .svis_txt0102 {left:15px;top:66px;width:104px}
.wrap_sub #container_vis .svis_txt0201 {right:15px;top:36px;width:246px}
.wrap_sub #container_vis .svis_txt0202 {right:15px;top:66px;width:233px}
.tab_menu{display:none}
.wrap_sub h2.page_tit {margin:20px 0 0;font-size:2.5em;line-height:1.5;color:#363f50;text-align:center}

/* 내용 페이지 */
.page {overflow:hidden;min-height:300px;padding:30px 10px 50px}
h3.stit{font-size:1.667em;padding-top:15px;position:relative;margin:6% 0 18px;background:url(../images/sub/stit_bullet.jpg) left top no-repeat;font-family:'NanumGothic'}
h4.sstit{font-size:1.6em;color:#13aaa8;margin-top:3%;margin-bottom:5px;padding-left:12px;position:relative;font-family:'NanumGothic'}
h4.sstit:before{content:'';width:7px;height:7px;background:#15bfbd;border-radius:50%;position:absolute;left:0px;top:10px;}

p.txt_c{font-size:1.35em;color:#555;line-height:1.7;word-break:keep-all;}
p.txt_c span{color:#fe8900;font-weight:bold;}

/*복지관소개*/
.gre_t{border-bottom:1px solid #d4d4d4;background:url(../images/sub/gre_bg.jpg?ver=240111) center bottom 7% no-repeat;padding-bottom:65%;background-size:100% auto;}
.gre_t p{font-size:1.4em;color:#555;line-height:1.8;word-break:keep-all;padding-left:3%;border-top:1px solid #d4d4d4;padding-top:4%;}
.gre_t p span{font-size:1.333em;color:#343434;line-height:1.4;display:block;margin-bottom:6%;}
.gre_t b{font-weight:normal;color:#15bfbd;}

.gre_txt{overflow:hidden;padding:4.5% 0;}
.gre_txt .gre_g{}
.gre_txt p{font-size:1.35em;line-height:1.9;margin-bottom:20px;color:#555;word-break:keep-all;}
.gre_txt .name{text-align:right;font-weight:bold;display:block;margin-top:8%}

.goal{overflow:hidden;}
.goal li{text-align:center;width:100%;margin-bottom:5%;}
.goal li:last-child{margin-right:0;}
.goal li figure{margin:0;}
.goal li img{width:100%;max-width:375px;}
.goal li figcaption{font-size:1.35em;color:#555;line-height:1.6;margin-top:5%}
.goal li figcaption span{display:block;color:#fe8900;font-weight:bold;}
.goal li:nth-child(2) figcaption span{color:#15bfbd}
.goal li:nth-child(3) figcaption span{color:#1d7fc0}

.mission{margin:3% auto 0;max-width:906px;}

.ci{overflow:hidden;display:table;border:1px solid #d4d4d4;padding:4% 0%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;width:100%;}
.ci_wrap{display:table;}
.ci .ci_img{text-align:center;display:table-cell;vertical-align:middle;width:50%;border-right:1px solid #d4d4d4;padding:0 3%;}
.ci .ci_img img{width:100%;max-width:414px;}
.ci .ci_txt{padding: 0 5%;}
.ci .ci_txt p{font-size:1.35em;color:#555;line-height:1.6;word-break:keep-all;}
.ci dl{border:1px solid #d4d4d4;*padding:5px 5px;border-radius:50px;overflow:hidden;width:398px;margin:5% auto 0%;}
.ci dd{border-right:1px solid #d4d4d4;width:198px;float:left;}
.ci dd:last-child{border-right:none;}
.ci dd a{font-size:1.35em;float:left;color:#555;background:url(../images/sub/down_btn.png) right 20px center no-repeat;padding:15px 25px 15px 25px;width:195px}
.ci dd a:hover{color:#fff;font-weight:bold;background:url(../images/sub/downov_btn.png) right 20px center no-repeat;}
.ci dd:hover{background:#f67093}

.ov_tbl{border-top:2px solid #1672af;border-collapse:separate;border-spacing:0;font-size:1.35em;position:relative;width:100%}
.ov_tbl caption{position:absolute; text-indent:-99999999em;}
.ov_tbl th{background:#edf0f5;color:#1d7fc0;padding:8px 12px;text-align:center;width:20%;border-bottom:1px solid #d4d4d4;height:52px;font-weight:normal}
.ov_tbl td{padding:8px 12px;border-bottom:1px solid  #d4d4d4;}
.ov_img {width:100%;text-align:center;margin-top:4%}
.ov_img img{width:100%;max-width:515px}


.floor{overflow:hidden;}
.floor ul{float:right;width:100%}
.floor li{border:1px solid #d4d4d4;border-radius:10px;font-size:1.35em;color:#555;margin-bottom:20px;overflow:hidden;display:table;width:100%;}
.floor li span.f_num{background:#1d7fc0;color:#fff;font-size:1.5em;padding:18px 15px;width:90px;text-align:center;margin-right:20px;border-radius:10px 0 0 10px}
.floor li span{display:table-cell;vertical-align:middle;padding:0 20px;word-break:keep-all;line-height:1.4;}
.floor li:nth-child(2n) span.f_num{background:#15bfbd;}
.floor li:last-child span.f_num{background:#a9b7c0;}

.org{text-align:center;}
.org img{width:100%;max-width:954px;}

.tbl01{ border-spacing:0;border-collapse:separate;width:100%;border-top:1px solid #1672af;border-spacing:0;font-size:1.35em;position:relative;border-left:1px solid #d4d4d4;}
.tbl01 caption{position:absolute; text-indent:-99999999em;}
.tbl01 th{background:#edf0f5;color:#1d7fc0;padding:12px 12px;text-align:center;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;text-align:center;font-weight:normal;word-break:keep-all}
.tbl01 td{padding:12px 12px;border-bottom:1px solid  #d4d4d4;border-right:1px solid #d4d4d4;text-align:center;color:#555;line-height:1.5;word-break:keep-all}

.tbl01 ul{margin-left:3%; }
.tbl01 li{text-align:left;line-height:1.6;position:relative;padding-left:12px;margin:3px 0;color:#555}
.tbl01 li:before{content:'';width:4px;height:1px;background:#696969;position:absolute;left:0;top:11px;}

.scroll{overflow: hidden;overflow-x: auto;}

.info{border-bottom:1px solid #d4d4d4;padding:3% 0 ;overflow:hidden;}
.info li{font-size:1.35em;color:#555;float:left;padding:0 6%;margin:2% 0;}
.info li:last-child{border-right:none;}

.transp{border-spacing:0;border-collapse:separate;width:100%;border-top:2px solid #696969;border-spacing:0;font-size:1.35em;position:relative;}
.transp caption{position:absolute; text-indent:-99999999em;}
.transp th{padding:0px 0;border-bottom:1px solid #d4d4d4;height:120px;width:20%}
.transp td{border-bottom:1px solid #d4d4d4;line-height:1.5;padding-left:15px;}
.transp td span{font-size:1.333em;color:#15bfbd;display:block;}
.transp td strong{color:#eb416d}
.transp td a{color:#eb416d;background:url(../images/sub/arrow.jpg) right center no-repeat;padding-right:10px;}

.his_t{font-size:1.833em;color:#444;text-align:center;margin-bottom:5%;letter-spaing:-0.5px;word-break:keep-all;}
.his_t img{margin-bottom:20px}

.history{display:table;border-top:1px dashed #d4d4d4;width:100%;padding:3% 0;}
.history:last-child{border-bottom:1px dashed #d4d4d4;}
.history .years{background:url(../images/sub/year_bg01.jpg) center center no-repeat;display:table-cell;vertical-align:middle;font-size:2.85em;color:#fff;width:127px;height:127px;padding:10px 0;text-align:center;width:30%;}
.history .his_c{display:table-cell;vertical-align:middle;width:70%;}
.history .his_c li{line-height:1.6;font-size:1.35em;margin:12px 0;word-break:keep-all; overflow:hidden; width:100%}
.history .his_c li span.col_g{color:#1d7fc0;margin-right:5%; width:15%; display:inline-block; float:left}
.history .his_c li span.data{position:relative;padding-left:12px; width:80%; display:inline-block; float:left}
.history .his_c li span.data:before{content:'';width:3px;height:3px;background:#bfbfbf;position:absolute;left:0;top:7px;border-radius:50%;}

.box_wrap{background-color:#d4d4d4;background-image:url(../images/sub/box_bg01.jpg), url(../images/sub/box_bg01.jpg);background-position:left top, right bottom;background-repeat:no-repeat;padding:2px 2px;margin-bottom:6.5%;margin-top:-39px}
.box{background:#fff;padding:2px 2px;}
.box_icon {position:relative;top:0px;text-align:center;}
.box p{font-size:1.58em;color:#444;text-align:center;padding:55px 3% 3%;word-break:keep-all;line-height:1.5}
.bw_dona .box .ul01{padding:45px 3% 3%}

.bw_dona .ul01{margin-top:5px}
.bw_dona .ul01 li{font-size:1.49em; letter-spacing:-0.7px}
.bw_dona .ul01 li > strong{font-size:1.2em; color:#15bfbd}
.bw_dona .ul01 li > span{color:#eb416d; font-weight:bold}
.ul01 li .ul02 li{font-size:1em}

.counsel{margin:0 auto 3%;width:100%}
.counsel dt{background:#15bfbd;border-radius:20px 20px 0 0;text-align:center;padding:14px 0;color:#fff;font-size:1.5em;}
.counsel:nth-child(2) dt{background:#0e76bc}
.counsel:nth-child(3) dt{background:#ffc600}
.counsel:nth-child(4) dt{background:#f67093}
.counsel dd img{width:100%;}
.counsel ul{border:1px solid #d4d4d4;border-top:none;padding:3% 5%;}
.counsel li{font-size:1.35em;color:#555;line-height:1.6;margin:5px 0;position:relative;padding-left:10px; word-break:keep-all; letter-spacing:-0.4px}
.counsel li:before{content:'';width:4px;height:1px;background:#989898;position:absolute;left:0;top:12px;}
.counsel p{border:1px solid #d4d4d4;border-top:none;padding:3% 5%;font-size:1.35em;color:#555;line-height:1.6;text-align:center;word-break:keep-all;}

.acc_date{background:#f8f8f8;padding:3% 3%;overflow:hidden;border-top:1px solid #969696;}
.acc_date h3{text-align:center;margin-top:0;padding-top:0;background:none;}
.acc_date dl{width:262px;margin:0 auto;margin-bottom:3%}
.acc_date dt{background:#1d7fc0;color:#fff;font-size:1.45em;text-align:center;border-radius:20px 20px 0 0;padding:12px 0;}
.acc_date dl:nth-child(2) dt{background:#15bfbd;}
.acc_date dl:nth-child(3) dt{background:#ffc600;}
.acc_date dd{text-align:center;font-size:1.35em;color:#555;border:1px solid #d4d4d4;border-top:none;padding:5% 3%;background:#fff;display:table-cell;vertical-align:middle;width:262px;height:75px;word-break:keep-all;line-height:1.6}

.ul01{}
.ul01 li{font-size:1.35em;color:#555;line-height:1.6;padding-left:12px;position:relative;}
.ul01 li:before{content:'';width:4px;height:4px;border-radius:50%;background:#ffcd00;position:absolute;left:0;top:10px;}

.ul02 li{font-size:1.35em;color:#555;line-height:1.6;padding-left:12px;position:relative;margin:5px 0;word-break:keep-all;}
.ul02 li:before{content:'';width:4px;height:1px;background:#989898;position:absolute;left:0;top:12px;}
.ul02 li strong{color:#f67093;}

.busi_tel{margin-top:3%;position:relative;overflow:hidden;}
.busi_tel img{max-width:62px;position:absolute;left:0;top:5px;}
.busi_tel span{background:#f3f3f3;font-size:1.35em;color:#555;border-radius:20px;padding:25px 3% 25px 14%;width:97%;display:block;float:right;line-height:1.5;}
.busi_tel span strong{color:#1d7fc0;}

.tbl_tit{font-size: 1.45em;background: #f67093;color: #fff;padding: 7px 24px;border-radius: 23px;box-sizing: border-box;display: inline-block;margin-bottom: 14px;}

.oper{overflow:hidden;background:#f8f8f8;;padding:3%;border-top:1px solid #969696;}
.oper li{float:left;width:50%;}
.oper li figure{margin:0;text-align:center;}
.oper li figcaption{font-size:1.35em;color:#555;line-height:1.6;word-break:keep-all;}
.oper li figcaption span{display:block;font-size:1.25em;margin:12px 0px 3px;color:#1aa4a2}
.oper li:nth-child(2) figcaption span{color:#2e9ed6}
.oper li:nth-child(3) figcaption span{color:#1780c6}
.oper li:nth-child(4) figcaption span{color:#de3964;}
.oper li.op1 figcaption span{color:#1aa4a2 !important;}
.oper li.op2 figcaption span{color:#2e9ed6 !important;}
.oper li.op3 figcaption span{color:#1780c6 !important;}
.oper li.op4 figcaption span{color:#de3964 !important;}
.oper li.op5 figcaption span{color:#faa500 !important;}
.oper li figcaption strong{*font-weight:normal;color:#d00000;}

.join{overflow:hidden;}
.join li{float:left;width:48%;margin:2% 0;}
.join li figure{text-align:center;margin:0;}
.join li figcaption{font-size:1.45em;color:#555;line-height:1.5;margin:12px 0 5px;word-break:keep-all;}
.join li.arr{height:121px;background:url(../images/sub/arrow02.jpg) center center no-repeat;display:none;}
.join.rent li{width:100%}

.gray_box{width:100%; border-top:1px solid #797979; border-bottom:1px solid #d4d4d4; padding:3%; background:#f8f8f8; text-align:center; }
.gray_box p{font-size:1.417em; color:#444; line-height:1.6}
.gray_box p span{color:#f67093}
.gray_box li{width:100%; text-align:center; font-size:1.417em; color:#444}
.gray_box li:first-child span{color:#f67093; padding-left:29px; background:url(../images/sub/rent_tel.svg) left center no-repeat; background-size:20px}
.gray_box li:nth-child(2) span{color:#f67093; padding-left:29px; background:url(../images/sub/rent_fax.svg) left center no-repeat; background-size:20px}
.gray_box li:last-child span{color:#f67093; padding-left:29px; background:url(../images/sub/rent_mail.svg) left center no-repeat; background-size:20px}
.down_btn{width:auto; margin:20px auto 0; border-radius:52px; text-align:center; line-height:52px; background:#15bfbd}
.down_btn:hover{background:#f67093}
.down_btn a{font-size:1.35em; color:#fff; display:block}
.down_btn span{padding-right:28px; background:url(../images/sub/btn_icon.png) right center no-repeat; display:inline-block}
.down_btn.go_btnn span{background:url(../images/sub/btn_arr.png) right center no-repeat}

.dc{display:table;border:1px solid #d4d4d4;padding:3% 2%;width:100%;margin-bottom:3%;}
.dc_img{display:table-cell;vertical-align:middle;border-right:1px solid #d4d4d4;text-align:center;padding-right:7px;}
.dc_txt{display:table-cell;vertical-align:middle;font-size:1.35em;color:#555;padding-left:25px;width:83%}
.dc_txt span{font-size:1.1em;color:#f67093;display:block;margin-bottom:8px;}
.dc_txt li{color:#555;line-height:1.6;padding-left:12px;position:relative;margin:3px 0;word-break:keep-all;}
.dc_txt li:before{content:'';width:4px;height:1px;background:#989898;position:absolute;left:0;top:12px;}
.dc_txt li strong{color:#f67093;}
.bg_g{background:#f8f8f8;}
.dc_wrap{margin-bottom:2%;}

.domi{margin:0 auto 3%;width:100%}
.domi dt{background:#1d7fc0;border-radius:20px 20px 0 0;text-align:center;padding:14px 0;color:#fff;font-size:1.5em;}
.domi dd{font-size:1.35em;color:#555;line-height:1.5;text-align:center;border:1px solid #d4d4d4;padding:4% 3%;word-break:keep-all;}
.domi span{display:block;margin:5px 0 10px;text-align:center;}
.domi:nth-child(2) dt{background:#ffc600;}
.domi:nth-child(3) dt{background:#15bfbd;}
.domi:nth-child(4) dt{background:#f67093;}

.site{display:table;width:100%;border:1px solid #d4d4d4;background:#f6f6f6;padding:3% 4% 3% 0;}
.site .site_img{display:table-cell;vertical-align:middle;width:15%;text-align:center;border-right:1px solid #d4d4d4;padding:0 2%;}
.site .site_txt{font-size:1.35em;color:#555;display:table-cell;vertical-align:middle;line-height:1.6;padding-left:20px;}
.site .site_txt a{color:#555;}
.site .site_txt a:hover{color:#f67093; text-decoration:underline;}

.bene{overflow:hidden;}
.bene li{float:left;width:48%;text-align:center;margin:0% 1% 3% }
.bene li img{width:100%;max-width:270px;}

.appli{overflow:hidden;}
.appli li{float:left;width:100%;margin-bottom:3%;}
.appli li figure{margin:0;text-align:center;}
.appli li figcaption{font-size:1.35em;color:#555;line-height:1.6;word-break:keep-all;border:1px solid #d4d4d4;border-top:none;width:227px;margin:0 auto;padding:3% 3%;}
.appli li figcaption span{font-size:1.2em;display:block;margin:0px 0 5px;padding-top:8px;}

.tabs_type_a {margin-bottom:40px}
.tabs_type_a ul {display:inline-block;overflow:hidden;padding-right:1px}
.tabs_type_a li{background:#f6f6f6;float:left;margin:0 -1px 0 0;border:1px solid #ddd;width:50%;}
.tabs_type_a a {display:block;font-size:1.5em;line-height:1.6;padding:15px 17px;text-align:center;color:#555;}
.tabs_type_a li:hover,.tabs_type_a li.selected{background:#1d7fc0;}
.tabs_type_a li:hover a,.tabs_type_a li.selected a{color:#fff;}

.dona_img{width:100%; margin:3% 0 6.5%}
.dona_img li{width:100%;text-align:center}
.dona_img li:nth-child(2){margin:10px 0}
.dona_img li img{max-width:100%;height:auto}
.dona_wrap{width:100%; background:#f8f8f8; border-top:2px solid #969696; padding:0 20px}
.dona_wrap > ul > li{width:100%; border-bottom:1px solid #d4d4d4; padding:130px 20px 20px}
.dona_wrap > ul > li:last-child{border-bottom:0}
.dona_wrap > ul > li.dw_01{background:url(../images/sub/page0304_icon01.png) center 20px no-repeat}
.dona_wrap > ul > li.dw_02{background:url(../images/sub/page0304_icon02.png) center 20px no-repeat}
.dona_wrap > ul > li.dw_03{background:url(../images/sub/page0304_icon03.png) center 20px no-repeat}
.dona_wrap > ul > li.dw_04{background:url(../images/sub/page0304_icon04.png) center 20px no-repeat}
.dona_wrap > ul > li.dw_05{background:url(../images/sub/page0304_icon05.png) center 20px no-repeat}
.dona_wrap  p{font-size:1.75em;}
.dona_wrap > ul > li:first-child p{color:#15bfbd}
.dona_wrap > ul > li:nth-child(2) p{color:#1d7fc0}
.dona_wrap > ul > li:nth-child(3) p{color:#f67093}

.ctt_01_09 .dc{margin:0}
.ctt_01_09 .ul01{margin-bottom:10px}

/* 푸터 */
#footer {width:100%;height:auto;}
.f_link{border-top:1px solid #d4d4d4; padding:5px 0; overflow:hidden}
.f_link li{float:left; position:relative}
.f_link li:after{position:absolute; width:1px; height:11px; right:0; top:12px; background:#d4d4d4; content:''}
.f_link li:last-child:after{display:none}
.f_link li a{color:#555; font-size:1.25em; display:block; line-height:35px; padding:0 14px}
.copyright{background:#32393f;padding:20px 20px 35px}
.copyright .copy {line-height:1.6;color:#fff}
.copyright a {color:#fff}
.copyright .f_copy{margin:7px 0 0;}
.copyright .f_copy, .copyright .f_copy a{color:#acacac}
.copyright .footer_logo{width:100%; text-align:center; margin:20px 0 0}


/* 미디어 쿼리 */
@media screen and (max-width:767px) {
	/* 헤더 */
	.dpn_m{display:none}
	.dpb{display:block !important;}
	.wid100{width:100% !important;}

	/* 메인 비주얼 */
	.wrap_main #container_vis li.vis_main1{background-position:30% 50% !important;}
	.wrap_main #container_vis li.vis_main2{background-position:80% 50% !important;}

	.mcon_youtube li:not(.empty_list) {float:none;margin-left:0}

	/* 서브 비주얼 */
	.wrap_sub #container_vis li.vis_sub1{background-position:45% 50% !important;}
	.wrap_sub #container_vis li.vis_sub2{background-position:55% 50% !important;}
	
	.ci .ci_img{margin-bottom:3%;}
	.history .years{background-size:100px auto;line-height:109px;font-size:2.4em;}
	.rent_tbl{width:100%; overflow-x:scroll}
	.rent_tbl table{width:768px}

	.ctt_01_09 td{padding:4px 6px}
	.ctt_01_09 td li{word-break:break-all}

}

@media screen and (min-width:768px) {
	/* 헤더 */
	.dpn_m{display:none}
	#header{padding:10px; position:relative; height:70px}
	.cg_wrap{padding:0; height:auto; border-bottom:0; overflow:inherit}
	.main_number{margin-top:5px}
	.hd_logo{position:absolute; left:50%; margin-left:-120px; top:0}
	.hd_logo a{padding:0 10px}
	.toggle {right:-5px;bottom:-5px}
	.gnb_li{margin-right:65px}
	.toggle_menu{top:70px}
	
	/* 메인 비주얼 */
	.wrap_main #container_vis {height:280px}
	.wrap_main #container_vis li.vis_main2{background-position:70% 50% !important;}
	.wrap_main #container_vis .mvis_txt0101 {width:305px;margin-top:30px}
	.wrap_main #container_vis .mvis_txt0102 {width:150px;margin-top:50px}
	.wrap_main #container_vis .mvis_txt0102:after {bottom:-15px;width:28px}
	.wrap_main #container_vis .mvis_txt0103 {width:232px;margin-top:85px}
	.wrap_main #container_vis .mvis_txt0201 {width:325px;margin:35px 8px 0 0}
	.wrap_main #container_vis .mvis_txt0202 {width:342px;margin:50px 20px 0 0}
	.wrap_main #container_vis .mvis_txt0202:after {bottom:-20px;width:342px}
	.wrap_main #container_vis .mvis_txt0203 {width:281px;margin:80px 33px 0 0}
	.dot_vis{bottom:20px;}
	

	/* 메인 콘텐츠 */
	.main_btn{padding:50px 0 30px}
	.main_btn li{width:20%;}
	.main_btn li.mb01, .main_btn li.mb02, .main_btn li.mb03, .main_btn li.mb04, .main_btn li.mb05{width:20%; margin-top:0}
	.main_btn li.mb01:after, .main_btn li.mb02:after, .main_btn li.mb03:after, .main_btn li.mb04:after{position:absolute; right:0; top:0; width:1px; height:100px; background:url(../images/mbtn_line.jpg) center top repeat-y; content:''}
	.mcw_brd{width:65%; float:left; margin-top:30px}
	.mcw_brd .more_bt a{padding-right:35px; background:url(../images/plus.jpg) right center no-repeat; font-size:1.333em}
	.mcw_app{width:30%; float:right; margin-top:30px}
	.mcw_app li{width:100%; margin-right:0; height:100px;}
	.mcw_app li:first-child{margin-bottom:25px}
	.mcw_app li a{padding-top:25px}
	.mcw_app li h3 span{display:inline}
	.mcw_app li p{bottom:20px}
	.mcw_app li p span{padding:0 40px 0 0; background:url(../images/shortcut.png) right center no-repeat}
	.mcon_photo{padding:45px 20px;}
	.mcon_photo > p{padding:8px 0 35px}
	.mcon_photo .more{position:absolute; right:25px; top:75px; }
	.mcon_photo .more a{padding-right:35px; background:url(../images/plus_green.png) right center no-repeat; font-size:1.333em}
	.mcon_photo .photo_wrap{width:611px;}
	.mcon_youtube.info_plus .more {top:30px}


	/* 서브 비주얼 */
	.wrap_sub #container_vis {height:180px}
	.wrap_sub #container_vis .svis_txt0101 {width:328px;margin:13px 0 0 30px}
	.wrap_sub #container_vis .svis_txt0102 {width:138px;margin:24px 0 0 30px}
	.wrap_sub #container_vis .svis_txt0201 {width:328px;margin:18px -10px 0 0}
	.wrap_sub #container_vis .svis_txt0202 {width:310px;margin:33px 25px 0 0}
	.wrap_sub #container_vis li.vis_sub1{background-position:50% 50% !important;}
	.wrap_sub #container_vis li.vis_sub2{background-position:50% 50% !important;}

	
	/* 서브 콘텐츠 */
	
	.gre_t{padding-bottom:42%;background-size:641px auto;}
	
	.goal li{float:left;text-align:center;width:32%;margin-right:2%;margin-bottom:0;}
	
	.ov_tbl{float:left;width:52%}
	.ov_img {float:right;width:43%;margin-top:0}
	
	.floor{background:url(../images/sub/page0503_02.jpg) left top no-repeat;background-size:50% auto;}
	.floor ul{width:50%;}
	
	.counsel{float:left;width:32%;margin-right:2%;width:375px;margin:0 auto 3%;}
	.counsel:last-child{margin-right:0;}
	.counsel ul{height:150px;}
	.counsel p{height:100px;display:table-cell;vertical-align:middle;width:375px;}
	.counsel:nth-child(2) li{float:left;margin-right:20px;margin-bottom:0;}
	
	.counsel_four .counsel{width:48.5%; margin-top:2%}
	.counsel_four .counsel.counsel_long{width:100%}
	.counsel_four .counsel.counsel_long img{width:50%; height:auto}
	.ctt_01_03 .counsel_four:last-of-type .counsel:nth-child(2){margin-left:0; margin-right:3%}
	.counsel_four .counsel:nth-child(2n){margin-left:3%}

	.busi_tel span{padding:25px 3% 25px 4%}
	
	.join li{width:17%;}
	.join li.arr{ display:inherit;width:3%}
	.rent.join li{width:16.666%}
	.rent.join li.arr{display:none}
	.down_btn{display:inline-block}
	.down_btn a{padding:0 25px}
	
	.rent .dc:nth-child(2n){float:right}

	.dc{width:48%;float:left;}
	.dc:last-child{float:right;}
	
	.dc_wrap{width:48%;float:left;}
	.dc_wrap:last-child{float:right;}
	.dc_wrap .dc{width:100%;}
	
	.domi{float:left;margin:0 1% 3%;width:48%}
	.domi dd{height:200px;}
	
	.appli li{width:48%;margin:0 1% 3%} 
	.appli li figcaption{height:168px;}
	
	.app_acc li{width:33.3%;}
	.app_acc li.arr{display:none;}

	.dona_img{overflow:hidden}
	.dona_img li{width:32%; float:left}
	.dona_img li:nth-child(2){margin:0 2%}
	.dona_wrap{padding:0 25px}
	.dona_wrap > ul > li{padding:25px 25px 25px 30% ; min-height:137px;}
	.dona_wrap > ul > li.dw_01{background:url(../images/sub/page0304_icon01.png) 10% center no-repeat}
	.dona_wrap > ul > li.dw_02{background:url(../images/sub/page0304_icon02.png) 10% center no-repeat}
	.dona_wrap > ul > li.dw_03{background:url(../images/sub/page0304_icon03.png) 10% center no-repeat}
	.dona_wrap > ul > li.dw_04{background:url(../images/sub/page0304_icon04.png) 10% center no-repeat}
	.dona_wrap > ul > li.dw_05{background:url(../images/sub/page0304_icon05.png) 10% center no-repeat}

	.gray_box li:nth-child(2){margin:5px 0}

	.ctt_01_09 .dc{width:100%; overflow:hidden}
	.ctt_01_09 h3.stit{overflow:hidden; width:100%; display:inline-block}
	.ctt_01_09 .ul01{margin-bottom:12px}
	.ctt_01_09 .rent.join li{width:25%}
	.ctt_01_09 .rent.join li:nth-child(9){margin-left:12.5%; clear:both}


}

@media screen and (max-width:1023px) {
	#hd_pop .hd_pops {left:0 !important}
	#hd_pop .hd_pops_con {width:100% !important;max-width:100%;height:auto !important}

	.mcon_youtube li:not(.empty_list):nth-of-type(2n+1) {margin-left:0}
}

@media screen and (min-width:1024px) {
	.youtube_wrap {width:800px;height:450px;margin:0 auto;padding:0}
	#container_vis .txt_vis {width:1200px;margin:0 auto}
	.w1200 {width:1200px;margin:0 auto}

	/* 헤더 */
	.dpn_m{display:block}
	#header{height:auto; font-family:'NanumGothic'; padding:0}
	.container_gnb{height:103px; width:1200px; margin:0 auto}
	.main_number{margin-top:31px}
	.mnum_p02{font-family:'NanumGothicBold'; *font-weight:normal}
	.hd_logo{top:18px; margin-left:-170px; width:339px;}
	.hd_logo a{padding:0; line-height:normal}
	.toggle {display:none}
	.gnb_li{margin:45px 0 0 }
	.gnb_li li:after{top:7px;}
	.container_hd {height:63px; background:#15bfbd; min-width:1200px}
	.container_hd .menu_pc {overflow:visible;height:auto;visibility:visible;width:100%}
	.menu_pc .main_menu li a {font-family:'NanumGothicBold';}
	.menu_pc .sub_menu a {font-family:'NanumGothic';}


	/* 메인 비주얼 */
	.wrap_main #container_vis {height:550px; min-width:1200px}
	.wrap_main #container_vis li.vis_main2{background-position:50% 50% !important;}
	.wrap_main #container_vis .mvis_txt0101 {width:auto;margin:77px 0 0 -12px}
	.wrap_main #container_vis .mvis_txt0102 {width:214px;margin:122px 0 0 -12px}
	.wrap_main #container_vis .mvis_txt0102:after {bottom:-27px;left:5px}
	.wrap_main #container_vis .mvis_txt0103 {width:332px;margin:200px 0 0 -12px}
	.wrap_main #container_vis .mvis_txt0201 {width:auto;margin:127px -15px 0 0}
	.wrap_main #container_vis .mvis_txt0202 {width:488px;margin:164px -9px 0 0}
	.wrap_main #container_vis .mvis_txt0202:after {bottom:-22px;width:488px;margin-right:-244px}
	.wrap_main #container_vis .mvis_txt0203 {width:401px;margin:226px 18px 0 0}
	.dot_vis{bottom:30px;}

	/* 메인 콘텐츠 */
	.main_btn{padding:70px 0 90px; width:1200px; margin:0 auto}
	.main_btn li.mb02, .main_btn li.mb03, .main_btn li.mb04{width:262px;}
	.main_btn li.mb01{width:207px}
	.main_btn li.mb01, .main_btn li.mb05{width:207px}
	.main_btn li.mb01:after, .main_btn li.mb02:after, .main_btn li.mb03:after, .main_btn li.mb04:after{top:5px; height:147px;}
	.main_btn li a{padding:175px 0 0; font-size:1.583em; font-family:'NanumGothic'}
	.main_btn li.mb01 a{padding:175px 54px 0 0}
	.main_btn li.mb05 a{padding:175px 0 0 54px}
	.main_btn li a:after{top:0; width:153px; height:153px;margin-left:-76px;}
	.main_btn li.mb01 a:after{background-size:81px; border:6px solid #28bbb9; left:0; margin-left:0}
	.main_btn li.mb01:hover a:after{background-size:87px; left:0; margin-left:0}
	.main_btn li.mb02 a:after{background-size:78px; border:6px solid #ffcd00}
	.main_btn li.mb02:hover a:after{background-size:84px;}
	.main_btn li.mb03 a:after{background-size:35px; border:6px solid #2d97de}
	.main_btn li.mb03:hover a:after{background-size:41px;}
	.main_btn li.mb04 a:after{background-size:78px; border:6px solid #f67093}
	.main_btn li.mb04:hover a:after{background-size:84px;}
	.main_btn li.mb05 a:after{background-size:97px; border:6px solid #46b5ed; right:0; margin-left:0; left:auto}
	.main_btn li.mb05:hover a:after{background-size:103px; right:0; margin-right:0}
	.mcon_white{width:1200px; margin:0 auto; padding:0 0 90px}
	.mcw_event{width:346px; height:287px; float:left}
	.event_top{height:56px; line-height:56px;font-size:1.583em; font-family:'NanumGothicBold'; padding:0 20px 0 28px; font-weight:normal}
	.event_btn {line-height:36px}
	.event_btn .this_month{padding:0 12px}
	.event_calendar{padding:18px; height:231px}
	.event_calendar th, .event_calendar td{font-family:'NanumGothicBold'; font-size:1.333em; padding:2px; color:#555}
	.event_calendar th{padding-bottom:11px}
	.event_calendar tbody tr:first-child td{padding-top:11px}		
	.event_calendar td:hover .list_sch {display:block;position:absolute;width:100px;padding:5px;border:1px solid #ddd;font-size:0.75em;line-height:1.5;background-color:#fff;text-align:left}
	.event_calendar td .list_sch a {display:inline-block;margin:3px 0;color:#333}
	.event_calendar td .list_sch a:hover {color:#0e76bc}
	.mcw_brd{width:493px; height:287px; margin:0 0 0 51px; font-family:'NanumGothic'}
	.mcwb_tit{height:56px;}
	.mcwb_tit li{width:153px; line-height:56px; font-family:'NanumGothicBold'; font-size:1.583em; letter-spacing:0;}
	.mcwb_tit li:last-child:after{top:18px; height:27px;}
	.mcw_brd .n_con{padding:30px 0; height:231px}
	.mcw_brd .more_bt{right:14px; top:20px}
	.mcw_brd .more_bt a{padding-right:38px; font-size:1.25em}
	.mc_li li:not(.empty_list){margin-bottom:15px; font-size:1.333em}
	.mc_li li:not(.empty_list):after {top:8px}
	.mc_li li .txt .new_icon {font-family:"NanumGothicBold"}
	.mcw_app{width:259px; margin-top:0}
	.mcw_app li{height:137px;}
	.mcw_app li:first-child{background:#334d5c url(../images/donation_img.jpg) 25px bottom no-repeat; background-size:auto; margin-bottom:13px}
	.mcw_app li:last-child{background:#0e76bc url(../images/volunteer_img.jpg) 35px bottom no-repeat; background-size:auto;}
	.mcw_app li a{padding-left:134px}
	.mcw_app li h3{font-size:1.917em}
	.mcw_app li h3 span{display:block}
	.mcw_app li p{left:134px; bottom:30px}
	.mcon_photo{padding:70px 0 72px; font-family:'NanumGothic'; min-width:1200px}
	.mcon_photo > h3{font-size:3em; letter-spacing:-0.4px}
	.mcon_photo > p{font-size:1.333em; color:#696969; padding:10px 0 55px}
	.mcon_photo .more{right:50%; margin-right:-600px; top:125px; }
	.mcon_photo .photo_wrap{width:1223px;}
	.mcon_photo li .photo_info{height:86px; padding:20px 24px 0;}
	.mcon_photo li .pi_tit{font-size:1.333em;}
	.mcon_photo li .pi_date{font-size:1.25em; padding:8px 0 0}
	.photo_btn div{bottom:198px; width:70px; height:70px; line-height:70px; cursor: pointer;}
	.photo_btn .pbtn_left{left:50%; margin-left:-732px; background-size:26px }
	.photo_btn .pbtn_right{right:50%; margin-right:-732px; background-size:26px}
	.photo_btn .pbtn_left:hover, .photo_btn .pbtn_right:hover{background-size:26px;}
	.mcon_youtube li .photo_info {height:auto;padding:20px 17px}
	.mcon_youtube.info_plus .more {top:55px}
		

	/* 서브 비주얼 */
	.wrap_sub #container_vis {height:245px; min-width:1200px}
	.wrap_sub #container_vis .svis_txt0101 {width:auto;margin:34px 0 0 82px}
	.wrap_sub #container_vis .svis_txt0102 {width:173px;margin:53px 0 0 82px}
	.wrap_sub #container_vis .svis_txt0201 {width:auto;margin:35px 78px 0 0}
	.wrap_sub #container_vis .svis_txt0202 {width:388px;margin:59px 105px 0 0}

	/* 서브 메뉴 */
	.tab_menu {display:block;min-width:1200px;min-height:67px;border-bottom:1px solid #d4d4d4}
	.tab_menu ul {display:table;margin:0 auto}
	.tab_menu li {display:table-cell;position:relative}
	.tab_menu li:after {position:absolute;right:-3px;top:31px;width:5px;height:5px;border-radius:50%;background:#d4d4d4;content:''}
	.tab_menu li:last-child:after {display:none}
	.tab_menu li a {display:block;min-height:67px;padding:18px 25px;font-size:1.5em;line-height:31px;font-family:'NanumGothic';color:#555;letter-spacing:-0.7px}
	.tab_menu li.selected:before, .tab_menu li:hover:before {position:absolute;left:0;bottom:0;width:100%;height:3px;background:#15b5bd;content:''}
	.tab_menu li.selected a, .tab_menu li:hover a {color:#15bfbd}

	/* 서브 콘텐츠 */
	.container_ctt {min-width:1200px}
	.wrap_sub h2.page_tit {margin:80px 0 70px;font-size:3em}
	.wrap_sub .page {width:1200px;height:auto;min-height:500px;margin:0 auto 90px;padding:0}

	h3.stit{font-size:2.5em}
	h4.sstit{font-size:1.833em;margin-bottom:15px;}
	.txt_c, .value li, .busi, .tel li, .transp{font-family:'NanumGothic'}
	
	/*내용*/
	.gre_t{font-family:'NanumGothic';padding:0% 0 5%;background:url(../images/sub/gre_bg.jpg?ver=240111) right top no-repeat;}
	.gre_t p{width:505px;font-size:1.5em;}
	.gre_txt p {font-family:'NanumGothic';}

	.gre_txt .gre_g{width:44%;margin:0 3%;float:left;}
	.gre_t p span{font-size:1.55em;}
	
	.goal li figcaption{font-family:'NanumGothic';}
	.ci dd a{font-family: 'NanumGothicBold';}
	
	.floor{background-size:auto;height:468px;}	
	.floor ul{width:460px;}
	
	.ov_tbl, .tbl01, .transp, .info li{font-family:'NanumGothic';}
	.ov_tbl th, .tbl01 th{font-family: 'NanumGothicBold';}
	.floor li{font-family:'NanumGothic';}
	.floor li span.f_num{font-family: 'NanumSquareB';}
	
	.info li{margin-bottom:0;font-family:'NanumGothic';margin:1.5% 0;border-right:1px solid #d4d4d4;}
	
	.transp td span, .transp td strong, .transp td a{font-family: 'NanumGothicBold';}
	
	.his_t{font-size:2.2em;}
	.his_t, .history .his_c li{font-family:'NanumGothic';}
	.his_t span{font-family: 'NanumGothicBold';}
	.history .his_c li span.col_g, .history .years{font-family: 'NanumGothicBold';}
	.history .his_c li span.col_g{width:10%; margin-right:0}
	.history .his_c li span.data{width:85%}

	
	.box p{font-family:'NanumGothic';line-height:1.6}
	.counsel{float:left;width:375px;margin-right:37px;font-family:'NanumGothic';}
	.counsel dt{font-family: 'NanumGothicBold';}
	.counsel dd img{max-width:375px;}
	.counsel_four .counsel{width:282px; margin-top:3%; margin-right:24px}
	.counsel_four .counsel:last-child{margin-right:0}
	.counsel_four .counsel:nth-child(2n){margin-left:0}
	.counsel_two .counsel{margin-top:3%; margin-bottom:0}
	.counsel_two .counsel:first-child{margin-left:207px}

	.ctt_01_03 .counsel_four:last-of-type .counsel{margin:3% 0}
	.ctt_01_03 .counsel_four:last-of-type .counsel:nth-child(2){margin:3% calc(50% - 564px)}
	.counsel_four .counsel.counsel_long{width:564px}

	
	.acc_date{*margin:0 20px;font-family:'NanumGothic';}
	.acc_date dl{float:left; width:300px; margin:0 15px;}
	.acc_date dt{font-family: 'NanumGothicBold'}
	.acc_date dd, .acc_date dt{width:300px}
	.wrap_acc{display:table; margin:0 auto;}
	.ctt_01_06 .acc_date dl, .ctt_01_06 .acc_date dd, .ctt_01_06 .acc_date dt{width:345px}
	.ctt_01_06 .acc_date dd{width:350px; height:110px}
	
	.ul01 li, .tbl01, .busi_tel, .counsel p, .ul02 li, .dc_txt, .dc_txt li, .domi dd, .site .site_txt, .join li figcaption{font-family:'NanumGothic';}
	.tbl01 th, .tbl_tit, .domi dt{font-family: 'NanumGothicBold';}
	.tbl01 td{line-height:1.6;}
	
	.oper li{width:25%;font-family:'NanumGothic';}
	.oper.oper_5 li{width:20%}
	.oper.oper_5{padding:3% 2% }
	
	.wid876{width:876px !important}
	
	.domi{width:22%;margin:0 4% 0 0;float:left;}
	.domi:last-child{margin-right:0;}
	
	.bene li{width:270px;margin:0 40px 0 0;font-family:'NanumGothic';}
	.bene li:last-child{margin-right:0;}
	
	.appli li{width:227px;margin:0 16px 0 0;font-family:'NanumGothic';}
	.appli li:last-child{margin-right:0;}
	
	.app_acc li{width:14.1%;font-family:'NanumGothic';}
	.app_acc li.arr{display:inherit;}
	
	.tabs_type_a {margin:0 auto 6%}
	.tabs_type_a ul li {width:300px}

	.dona_img{margin-top:35px}
	.dona_img li{width:auto}
	.dona_img li:nth-child(2){margin:0 37px 0 38px}
	.dona_wrap{padding:0 40px}
	.dona_wrap > ul > li{padding:40px 0 40px 209px; min-height:167px;}
	.dona_wrap > ul > li p{padding-bottom:12px; font-family:'NanumGothic'; font-weight:bold}
	.dona_wrap > ul > li .ul01 li{margin-bottom:5px; word-break:keep-all}
	.dona_wrap > ul > li .ul01 li:last-child{margin-bottom:0}
	.dona_wrap > ul > li.dw_01{background:url(../images/sub/page0304_icon01.png) 61px center no-repeat}
	.dona_wrap > ul > li.dw_02{background:url(../images/sub/page0304_icon02.png) 61px center no-repeat}
	.dona_wrap > ul > li.dw_03{background:url(../images/sub/page0304_icon03.png) 61px center no-repeat}
	.dona_wrap > ul > li.dw_04{background:url(../images/sub/page0304_icon04.png) 61px center no-repeat}
	.dona_wrap > ul > li.dw_05{background:url(../images/sub/page0304_icon05.png) 61px center no-repeat}
	.dona_wrap > ul > li.dw_02 p{padding-top:10px}

	.rent.join li{width:151px; letter-spacing:-0.45px}
	.rent.join li.arr{display:block; width:59px; background-position:center 60px}
	.rent.join li:nth-child(2){width:58px}
	.down_btn{display:inline-block}
	.down_btn a{padding:0 25px}
	
	.rent .dc{width:28%; min-height:135px}
	.rent .dc:nth-child(2n){float:left}
	.rent .dc:nth-child(2){margin:0 3%}
	.rent .dc:nth-child(3){width:38%}
	.rent .dc:nth-child(4){width:100%}
	.rent .dc:nth-child(4) .dc_img{width:115px}
	.rent .dc:nth-child(4) .dc_txt{width:auto; padding-left:35px; line-height:1.55}
	.gray_box ul{margin:15px auto 0; display:table}
	.gray_box li{float:left; width:auto; padding:10px 20px; position:relative; font-family:'NanumGothic'}
	.gray_box li:nth-child(2){margin:0}
	.gray_box li:after{position:absolute; right:0; top:13px; width:1px; height:18px; background:#d4d4d4; content:''}
	.gray_box li:last-child:after{display:none}

	.ctt_01_09 .dc .dc_txt{line-height:1.7}
	.ctt_01_09 .ul01{margin-bottom:15px}
	.ctt_01_09 .ul01 li{margin-bottom:5px}
	.ctt_01_09 .ul01 li:last-child{margin-bottom:0}
	.ctt_01_09 .rent.join li{width:121px}
	.ctt_01_09 .rent.join li.arr{width:calc((100% - 847px) / 6)}
	.ctt_01_09 .rent.join li:nth-child(9){margin-left:0; clear:none}

	/* 푸터 */
	#footer {min-width:1200px}
	.f_link{padding:0;}
	.f_link li:after{top:23px;}
	.f_link li a{font-family:'NanumGothic'; line-height:56px; padding:0 23px}
	.f_link li:first-child a{padding-left:0}
	.copyright{padding:40px 0 55px; position:relative; overflow:hidden; font-family:'NanumGothic'}
	.copyright .copy{font-size:1.167em; float:left; width:900px;}
	.copyright .f_copy{margin:15px 0 0;}	
	.copyright .footer_logo{float:right; width:auto; margin:0}
}