@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /**/ .marginT{ margin-top:20px; margin-bottom:20px} #aside .gnb_2dli:hover, #aside .gnb_2dli.act { background-color:#464646; } #aside .gnb_2dli.act{background-image:url(/img/arrowLnb.png); background-repeat:no-repeat; background-position:180px center} #aside .gnb_2dli:hover a, #aside .gnb_2dli.act a{color:white} #gnb .gnb_2dul{ border-top-width:5px !important} .sideBlue{background-color:rgba(00,101,154,0.6); left:50%; margin-left:155px; width:305px; height:100%; top:0; position:absolute; margin-top:0; padding:0 20px; z-index:1000; display:none} .sideBlue .bigTitle{ font-size:5em; color:white; font-weight:bold; margin-top:25px; letter-spacing:-1px} .sideBlue .smTitle{ position:absolute; bottom:20px; font-weight:normal; color:white; font-size:15px; font-family:'Nanum Gothic', sans-serif; line-height:22px} #fourList{ overflow:hidden; margin-top:50px} #fourList li{ width:20%; float:left; height:200px; text-align:center; letter-spacing:-1px ; color:white; font-size:1.1em} #fourList li h3{ font-size:1.8em; font-weight:normal } #fourList li.latest_main_bg{ background-image:url(/img/main_bg0.jpg); background-repeat: no-repeat; } #fourList li.latest_main_bg h3{margin-top:60px; margin-bottom:10px} .main_ka_webjin{ border-top:1px solid #d7d7d7; margin-top:50px; overflow:hidden; letter-spacing:-1px} .main_ka_webjin li{ width:50%; overflow:hidden; float:left; padding-top:30px; border-right:1px solid #d7d7d7; margin-left:-1px } .main_ka_webjin li h3{ font-size:22px; color:#ff5000; text-indent:40px } .main_ka_webjin li h3 span{ color:black} .main_ka_webjin li p{ margin:10px 0; float:right; width:40%; padding:5%} .main_ka_webjin li .main_sns_as {overflow:hidden; padding-left:40px } .main_ka_webjin li .main_sns_left { float:left; overflow:hidden; margin-top:20px; margin-left:20px} .main_ka_webjin li .main_sns_left a{ border-radius:50%; width:80px; height:80px; text-align:center; line-height:80px; color:white; font-weight:bold; float:left; margin-right:10px} .main_ka_webjin li .main_sns_left a.facebook{ background-color:#545454} .main_ka_webjin li .main_sns_left a.blog{ background-color:#0eaf1a} .main_ka_webjin li a{ border-radius:50%; color:white; width:45px; height:45px; background-color:#ff5000; display:block; line-height:45px; text-align:center; font-size:1.4em; margin:20px 0} .main_ka_webjin li.main_sns{ border-right-width:0 !important} .main_ka_webjin li.webjin{ background:url(/img/kasw_book_main.png) no-repeat 90px 90px} #fourList2{ margin-top:50px; overflow:hidden} #fourList2 li{ float:left; border-radius:50%; width:240px;height:240px;color:white; cursor:pointer; position:relative; margin-right:13px; overflow:hidden} #fourList2 li:hover h3{height:280px;} #fourList2 li h3{ text-align:center; padding:20px 0 15px; height:30px; font-size:1.8em; font-weight:normal; transition:height 0.8s } #fourList2 li p{ width:100%; font-size:1.2em; position:absolute; z-index:100; text-align:center; top:40px} #fourList2 li.ka0{ background:url(/theme/basic/img/ka_list_bg0.jpg) no-repeat center} #fourList2 li.ka0 h3{ background-color:#00b17d; } #fourList2 li.ka1{ background:url(/theme/basic/img/ka_list_bg1.jpg) no-repeat center} #fourList2 li.ka1 h3{ background-color:#464646} #fourList2 li.ka2{ background:url(/theme/basic/img/ka_list_bg2.jpg) no-repeat center} #fourList2 li.ka2 h3{ background-color:#158dea} #fourList2 li.ka3{ background:url(/theme/basic/img/ka_list_bg3.jpg) no-repeat center; margin-right:0 !important} #fourList2 li.ka3 h3{ background-color:#acacac} #fourList2 li a{ color:white} .fourListWrap p{ text-align:center; font-size:1.3em; margin-top:50px} .fourListWrap p span{ display:block; color:#ff5000; font-size:1.3em} @media screen and (min-width:1000px){ .latest_ka_news{ overflow:hidden; margin-top:50px} .latest_ka_news header{ float:left; width:130px; background-color:#ff5000; height:320px; margin-right:18px; color:white; font-size:1.9em; text-align:center; background-image:url(/theme/basic/img/new_ka_00.jpg)} .latest_ka_news header p{ margin-top:30px} .latest_ka_news .basicMain { overflow:hidden; float:left; width:852px} .latest_ka_news .basicMain li{ float:left; border-bottom:3px solid #ff5000; background-color:#ff5000; width:270px; overflow:hidden; height:317px; margin-right:19px;} .latest_ka_news .basicMain li.last{ margin-right:0 !important} .latest_ka_news .basicMain li div{ background-color: #efefef; padding: 15px; height: 184px; overflow: hidden;} .latest_ka_news .basicMain li div p.title{ font-size:1.42em} .latest_ka_news .basicMain li div p.title span{ display:block; border:1px solid #ff5000; text-align:center; padding:3px 0; border-radius:30px; font-size:0.85em; margin-bottom:5px} .latest_ka_news .basicMain li div p.date{ color:#ff5000; margin-top:5px } #container.subWidth{ width:770px !important; padding-right:0 !important} .location{ text-align:right; } #fourList li.latest_banner_01, #fourList li.latest_banner_02, #fourList li.latest_banner_03, #fourList li.latest_banner_04{ cursor:pointer; background-image:url(/img/main_icon_list.png); background-repeat:no-repeat; } #fourList li.latest_banner_01 h3, #fourList li.latest_banner_02 h3, #fourList li.latest_banner_03 h3, #fourList li.latest_banner_04 h3{ margin-top:135px } #fourList li.latest_banner_01{ background-color:#19d9c0; background-position:0 30px } #fourList li.latest_banner_02{ background-color:#464646; background-position:-200px 30px} #fourList li.latest_banner_03{ background-color:#e2477a; background-position:-400px 30px} #fourList li.latest_banner_04{ background-color:#464646; background-position:-600px 30px} } @media screen and (max-width:999px){ #kawrap .kalogo_00{ padding:0 1em} .latest_ka_news{ overflow:hidden; margin:1em 0 } .latest_ka_news header{ background-color:#ff5000; color:white; font-size:1.5em; text-align:center; padding:0.5em 0; margin:0.5em 0 } .latest_ka_news header p, #fourList li.latest_main_bg h3{ background-image: url(/theme/basic/img/new_ka_00.jpg); background-size: 1.1em; background-repeat: no-repeat; display: inline-block; padding-left: 1.2em; background-position: 0 -0.25em; } .latest_ka_news .basicMain { overflow:hidden; } .latest_ka_news .basicMain > li{ float: left; border-bottom: 3px solid #ff5000; background-color: #ff5000; width: 30%; overflow: hidden; margin:0 1.5%; border-radius:6px} .latest_ka_news .basicMain > li img{ width:100%} .latest_ka_news .basicMain li.last{ margin-right:0 !important} .latest_ka_news .basicMain li div{ background-color: #efefef; padding: 15px; height: 184px; overflow: hidden;} .latest_ka_news .basicMain li div p.title{ font-size:1.2em} .latest_ka_news .basicMain li div p.title span{ display:block; border:1px solid #ff5000; width:70px; text-align:center; padding:3px 0; border-radius:30px; font-size:0.85em; margin-bottom:5px} .latest_ka_news .basicMain li div p.date{ color:#ff5000; margin-top:5px } #ft_copy{ padding-top:0 !important} #ft_copy div.center{ width:auto !important; padding-top:0 !important} .info_latest_allMenu{ background-color:#999; } .info_latest_allMenu,.info_latest_main{ clear:both !important; float:none !important; width:auto !important; min-width:inherit; padding:2em 1em} .info_latest_main{ } .familyWrap{ float:none !important; margin-right:0 !important; margin-top:1em !important;} .gnb_1da{ padding-left:0 !important; padding-right:0 !important} .gnb_2dul{ padding-left:2em} #mapDiv{ width:100% !important} .latest_ka_news .basicMain li div p.title a{ } #fourList li.latest_banner_01{ } #fourList li.latest_banner_01{ cursor:pointer; background-image:url(/img/main_icon_list_01.png); background-repeat:no-repeat; background-position:center 40%; background-size:60px auto } #fourList li.latest_banner_02{ cursor:pointer; background-image:url(/img/main_icon_list_02.png); background-repeat:no-repeat; background-position:center 40%; background-size:60px auto } #fourList li.latest_banner_03{ cursor:pointer; background-image:url(/img/main_icon_list_03.png); background-repeat:no-repeat; background-position:center 40%; background-size:60px auto } #fourList li.latest_banner_04{ cursor:pointer; background-image:url(/img/main_icon_list_04.png); background-repeat:no-repeat; background-position:center 40%; background-size:60px auto } #fourList li.latest_banner_01 h3, #fourList li.latest_banner_02 h3, #fourList li.latest_banner_03 h3, #fourList li.latest_banner_04 h3{ margin-top:135px } #fourList li.latest_banner_01{ background-color:#19d9c0; } #fourList li.latest_banner_02{ background-color:#464646; } #fourList li.latest_banner_03{ background-color:#e2477a; } #fourList li.latest_banner_04{ background-color:#464646; } #fourList2{ text-align:center} #fourList2 li{ width:22% !important; min-width:240px; border-radius:40px !important; margin-right:1.5% !important; margin-left:1.5% !important; float:none !important; display:inline-block } .main_ka_webjin li p{ width:auto !important} .main_ka_webjin li .main_sns_left{ margin-left:0 !important} #kawrap .kagraph li{ float:none !important; width: auto !important; margin-left:2% !important; margin-right:2% !important; display: inline-block; vertical-align: top;} } @media screen and (min-width:768px){ .latest_ka_news .basicMain li div p.title a{ font-size:0.8em} .latest_ka_news .basicMain li div p.title span{ font-size:1.18em !important;} } @media screen and (max-width:767px) { .ctt_sero_introduce .kaTab li{} .ctt_sero_introduce .kaTab a, .sero_board.kaTab a, .ctt_activityPage .kaTab li a, .ctt_activityPage1 .kaTab li a, .ctt_activityPage2 .kaTab li a { line-height:18px !important; padding:0.5em 0 } .ctt_sero_introduce .kaTab a span, .sero_board.kaTab a span{ display:block; height:0 !important; overflow:hidden } .main_ka_webjin li p{text-align:center; float:none !important } .main_ka_webjin li.webjin{ background-image:none !important} .main_ka_webjin li.webjin div:before{ content:url(/img/kasw_book_main.png); padding:2em 0; text-align:center; display:inline-block; width:100%; } .main_ka_webjin li h3{ text-align:center; text-indent:0 !important} .main_ka_webjin .webjin a{ margin-left:45% !important} .main_sns_left a{ margin-bottom:0 !important} .main_ka_webjin li .main_sns_left{ float:none !important} .main_ka_webjin li .main_sns_left a{display: inline-block; float:none !important} .main_sns_as{ padding-left:0 !important; text-align:center} } @media screen and (max-width:481px) { #tabcon .katabs dt{ text-indent:1em !important} #tabcon .katabs dd{ padding-right:1em; box-sizing:border-box } .td_name{ width:50px !important} .td_num{ width:25px !important} .kaVision li div span{ width:50px !important} .kaVision li div p span.orange{ letter-spacing:-2px !important} #kawrap .kaVision_01 h3{ width:90%; margin:10px auto} #kawrap .kaVision_03{ width:90% !important; margin-top:20px !important} .kapeople_01_02 .kapeoUL li > div{ height:auto !important} } @media screen and (max-width:560px) { #kawrap .radiuscut{ display:none} #kawrap .kagraph li{ float:none !important; width:80% !important; margin:0 auto} #kawrap .kagraph h3{ width:auto !important} #kawrap .kagraph li p{ width:80% !important; margin:10px auto } } /*함께하는 사람들*/ .kapeople_01_01.kapeoUL{ margin-top:45px; position:relative; z-index:20} .kapeople_01_01.kapeoUL:before{ content:""; display:block; position:absolute; width:1px; height:100%; background-color:black; left:50%; top:30px; z-index:9 } .kapeople_01_01.kapeoUL li{padding:10px 0; position:relative; z-index:10} .kapeople_01_01.kapeoUL li h4{ background-color:#f47721;font-size:1.3em;} .kapeople_01_02 .kapeoUL li h4, .kapeople_01_01.kapeoUL li h4{ width:200px; text-align:center; padding:15px 0; margin:0 auto; color:white; font-weight:bold; border-radius:30px} .kapeople_01_02{ margin-top:30px; margin-bottom:45px; z-index:21;} .kapeople_01_02:before{ content:""; display:block; position:relative; width:75%; margin:0 auto; height:1px; background-color:#464646} .kapeople_01_02 .kapeoUL{ margin-top:20px} .kapeople_01_02 .kapeoUL:after{ content:""; display:block; clear:both} .kapeople_01_02 .kapeoUL li{ float:left; width:25%; z-index:10; position:relative} .kapeople_01_02 .kapeoUL li:before{ content:""; display:block; width:1px; height:60%; position:absolute; background-color:black; left:50%; top:-20px; z-index:20 } .kapeople_01_02 .kapeoUL li h4{ background-color:#f7a063; font-size:1.15em; width:90% !important; letter-spacing:-1px; position:relative; z-index:21;} .kapeople_01_02 .kapeoUL li > div{ border:1px solid #464646; text-align:center; padding:15px 0; height:133px; width:85%; margin:20px auto; font-size:1.15em; font-weight:bold; background:white; position:relative; z-index:21} .kapeople_01_02 .kapeoUL li > div strong{ font-size:1.18em; line-height:200%} .kapeople_01_02 .kapeoUL li:nth-child(3) > div strong, .kapeople_01_02 .kapeoUL li:nth-child(4) > div strong{ font-size:1em} .kapeople_01_02 .kapeoUL li > div p{ margin-bottom:15px; font-size:13px; font-weight:normal } .kapeople_organ{ margin-top:45px; position:relative; margin-bottom:45px } .kapeople_organ:before{content:""; display:block; position:absolute; width:1px; left:50%; height:100%; background-color:#464646} .kapeople_organ h4{ width:150px; height:150px; border-radius:50%; border:8px solid #f2f2f2; background:#f47721; color:white; text-align:center; font-size:1.3em; margin:0 auto; position:relative; z-index:10 } .kapeople_organ h4:before{ content:""; display:block; height:50px} .kapeople_organ ul:before{ position:relative; content:""; display:block; width:50%; height:1px; background-color:#464646; margin:0 auto ; top:-60px} .kapeople_organ ul:after{ content:""; display:block; clear:both} .kapeople_organ ul li{ float:left; width:50%; font-size:1.1em; box-sizing:border-box; position:relative; margin-top:-40px} .kapeople_organ ul li:before{content:""; display:block; position:absolute; width:1px; left:50%; top:-20px; height:40px; background-color:#464646 } .kapeople_organ ul li h4{ width:110px; height:110px; background-color:#f7a063; margin-bottom:30px} .kapeople_organ li h4:before{ height:40px; width:1px; content:""; display:block; } .kapeople_organ ul li div{ padding-left:70px} /*#158dea파란색*/ .ctt_townPage .kaTab li, .ctt_townPage1 .kaTab li, .ctt_townPage2 .kaTab li, .ctt_activityPage2 .kaTab li, .ctt_activityPage .kaTab li, .ctt_activityPage1 .kaTab li{ width:33.3333% !important; border-top-width:1px !important} .ctt_sero_introduce .kaTab li, .sero_board.kaTab li{width:25% !important; border-top-width:1px !important} .ctt_together1 .kaTab li, .ctt_together0 .kaTab li{border-top-width:1px !important} .clear{ clear:both} .ctt_townPage1 section, .ctt_townPage2 section, .ctt_townPage section, .ctt_activityPage1 section, .ctt_activityPage2 section, .ctt_activityPage section, .ctt_together1 section, .ctt_together0 section, .ctt_sero_introduce section{ letter-spacing:-1px; line-height:200%} .ctt_together1 section h4, .ctt_together0 section h4, .ctt_townPage1 section h4, .ctt_townPage section h4, .ctt_townPage2 section h4, .ctt_activityPage1 section h4, .ctt_activityPage2 section h4, .ctt_activityPage section h4, .ctt_sero_introduce section h4, #qnaWrap section h4{ font-size:22px;display:inline-block; padding-bottom:10px; } .sero_board.kaTab a { display: block; line-height: 50px; text-align: center; } .ctt_townPage1 section h4, .ctt_townPage section h4, .ctt_townPage2 section h4{ border-bottom:3px solid #00b17d; } #qnaWrap section h4{ border-bottom:1px solid #707070;display:block !important } .ctt_activityPage1 section h4, .ctt_activityPage2 section h4, .ctt_activityPage section h4{ border-bottom:3px solid #158dea; } .ctt_together1 section h4, .ctt_together0 section h4, .ctt_sero_introduce section h4{ border-bottom:3px solid #d80047; } .ctt_townPage1 section p, .ctt_townPage2 section p, .ctt_townPage section p, .ctt_activityPage1 section p, .ctt_activityPage2 section p, .ctt_activityPage section p, .ctt_together1 section p, .ctt_together0 section p, .ctt_sero_introduce section p, #qnaWrap section p{ margin-top:25px; margin-bottom:30px; font-size:1.18em} .ctt_townPage1 section p strong, .ctt_townPage section p strong, .ctt_townPage2 section p strong, .ctt_activityPage1 section p strong, .ctt_activityPage2 section p strong, .ctt_activityPage section p strong, .ctt_together1 section p strong, .ctt_together0 section p strong, .ctt_sero_introduce section p strong, #qnaWrap section p strong{ display:block; margin-top:10px; } .ctt_townPage1 section p strong, .ctt_townPage section p strong, .ctt_townPage2 section p strong{ color:#00b17d} .ctt_activityPage1 section p strong, .ctt_activityPage2 section p strong, .ctt_activityPage section p strong, .blueFont{ color:#158dea} .ctt_sero_introduce section p strong{ color:#d80047} .ctt_sero_introduce section p span{ display:block; padding-left:20px; margin-top:10px} #qnaWrap section p strong{ color:#19d9c0} .ctt_activityPage1 .kaTab li.on a , .ctt_activityPage2 .kaTab li.on a, .ctt_activityPage .kaTab li.on a{ background-color: #158dea !important; } .ctt_townPage1 .kaTab li.on a , .ctt_townPage .kaTab li.on a, .ctt_townPage2 .kaTab li.on a{ background-color: #63b106 !important; } .ctt_sero_introduce .kaTab li.on a, .sero_board.kaTab li.on a{ background-color: #d80047 !important; } .sero_board.kaTab{ margin-bottom:20px; overflow:hidden} .boardImg{ width: 785px; left: -15px; position: relative; margin-bottom:20px } /*후원신청*/ #supportWrap, #qnaWrap{ min-height:600px; padding:0 25px; font-size:1.2em; line-height:1.8em; } #supportWrap > div{ margin-bottom:35px} #supportWrap > div h2{ font-size:22px; letter-spacing:-2px; margin-bottom:20px} #supportWrap > div p{ padding-left:160px; background:url(/data/editor/1701/dd1ef4124062df04ebdf88612c89b402_1484659983_8454.png) no-repeat; height:150px;} #supportWrap > ul{} #supportWrap > ul li{ border-top:1px solid #707070; padding:35px 20px 35px 0; overflow:hidden; } #supportWrap > ul li div{ float:left} #supportWrap > ul li div h3{color:#19d9c0; margin-bottom:25px; font-size:1.18em; letter-spacing:-2px} #supportWrap > ul li div h3 + p{} #supportWrap > ul li a{float:right; background-color:#19d9c0; color:white; padding:10px 25px; border-radius:30px} .happyBean p a{ float: none !important; background-color: white !important; color: black !important; padding-left:0 !important; border-radius:none !important} .supportDL{ overflow:hidden; margin-top:20px; width:80%} .supportDL dt{ float:left; width:20%; text-indent:20px; padding:3px 0; background-color:#8c8c8c; color:white; margin-top:1px} .supportDL dd{ float:left; width:80%; text-indent:20px; padding:3px 0; background-color:#f2f2f2; margin-top:1px}