@charset "utf-8";
/* for styles */
@import url("/css/slick.css");
@import url("/css/default.css");

/* layout */
body {padding-top:61px; background:#fff;}
* {word-break:keep-all;}
input.text,
select.text {height:30px; border:#d7d7d7 1px solid; line-height:28px; padding:0 5px; background:#fff !important;}
textarea.text {border:#d7d7d7 1px solid; padding:5px; background:#fff !important;}
.inner {padding:0 10px;}
input[type="file"] {max-width:100%;}
.required, textarea.required {background:#fff !important;}

.orange {color:#f16a22;}
.green {color:#488846;}
.red {color:#ff0000;}

.btn_gray {background:#888 !important;}
.btns {text-align:center;}
.btns .btn {display:inline-block; width:20%; height:30px; line-height:30px; text-align:center; font-size:13px; font-weight:400; vertical-align:top; padding:0; border-radius:0;}
.btns .btn01 {background:#4b4b4b; color:#fff; border:0;}
.btns .btn02 {border:#555 1px solid; background:#fff; color:#252525; line-height:28px;}
.btns .btn03 {background:#fff; border:#666 1px solid; line-height:28px; color:#666;}
.btns .btn_box {position:relative;}
.btns .btn_box .btn_event {position:relative; color:#4b4b4b; font-weight:500; width:160px; background:#f8dc36;}
.btns .btn_box .btn_event .banana {position:absolute; top:45px; right:10px; width:180px; height:30px; line-height:30px; text-align:center; color:#fff; background:#3ea068; border-radius:5px; text-align:center;}
.btns .btn_box .btn_event .banana:before,
.btns .btn_box .btn_event .banana:after {content:""; position:absolute;}
.btns .btn_box .btn_event .banana:before {top:-5px; left:50px; border:transparent 5px solid; border-top-color:#3ea068; border-left-color:#3ea068; transform:rotate(45deg);}
.btns .btn_box .btn_event .banana:after {top:-10px; right:-20px; width:30px; height:30px; background:url('/images/icon_banana.png') no-repeat 50% 50% / contain;}
.btns .btn_box .btn_event:hover .banana {display:block;}


/* header */
.header {position:fixed; top:0; left:0; width:100%; height:61px; z-index:10; border-bottom:#e7e7e7 1px solid; background:#fff;}
.header .btn_menu {position:absolute; top:0; left:0; width:60px; height:60px; background:#fff; z-index:1; transition:.3s linear;}
.header .btn_menu > div {position:absolute; top:50%; left:50%; width:20px; height:2px; margin-left:-10px; background:#333; transition:.3s linear;}
.header .btn_menu .top {margin-top:-7px;}
.header .btn_menu .mid {margin-top:-1px;}
.header .btn_menu .btm {margin-top:5px;}
.header .btn_menu.on {left:70%; background:#f26c5a;}
.header .btn_menu.on > div {background:#fff;}
.header .btn_menu.on .top {margin-top:-1px; transform:rotate(45deg);}
.header .btn_menu.on .mid {display:none;}
.header .btn_menu.on .btm {margin-top:-1px; transform:rotate(-45deg);}
.header .logo {text-align:center; height:60px; line-height:60px;}
.header .logo h1 {display:none; font-size:0;}
.header .logo img {height:30px;}

.gnb_in {position:fixed; top:0; left:-70%; width:70%; height:100%; overflow-y:auto; background:#fff; z-index:1; transition:.3s linear;}
.gnb .black {position:fixed; top:0; right:0; width:0; height:100%; background:rgba(0,0,0,.1); opacity:0; transition:.2s linear;}
.gnb.on .black {width:100%; opacity:1;}
.gnb.on .gnb_in {left:0; box-shadow:rgba(0,0,0,.1) 1px 1px 5px;}
.gnb_in > li > a {position:relative; display:block; font-size:15px; color:#fff; height:41px; line-height:40px; border-bottom:#f59183 1px solid; background:#f26c5a; padding:0 15px;}
.gnb_in > li.on > a {color:#ffb;}
.gnb_in > li > a img {position:absolute; top:50%; right:15px; width:12px; margin-top:-3px; transition:.3s linear;}
.gnb_in > li.arrow_on > a img {transform:scale(-1);}
.gnb_in .snb {display:none;}
.gnb_in .snb li {border-bottom:#d4d4d4 1px solid;}
.gnb_in .snb li a {display:block; font-size:15px; color:#7c7c7c; line-height:38px; padding:0 20px;}
.gnb_in .snb li.line2 a {font-size:13px;}
.gnb_in .snb li.on a {color:#333;}

/* footer */
.footer {position:relative; border-top:#898989 1px solid; padding:15px 10px;}
.footer .flogo {text-align:center; margin-bottom:15px;}
.footer .flogo img {height:35px;}
.footer .flink {position:relative; margin-bottom:10px;}
.footer .flink .select_box,
.footer .flink span {display:inline-block;}
.footer .flink .select_box {height:20px;}
.footer .flink .select_box a {font-size:12px; color:#333; font-weight:bold;}
.footer .flink .select_box ul {position:absolute; background:#fff; left:0; bottom:20px; border:#ddd 1px solid; width:100%; max-height:220px; padding:10px; overflow-y:auto; display:none;}
.footer .flink .select_box ul li {line-height:24px;}
.footer .flink span {padding:0 10px; font-size:12px; color:#333; font-weight:bold;}
.footer .address {font-size:10px; color:#888; line-height:20px;}
.footer .copy {font-size:9px; color:#c8c8c8; line-height:20px;}
.footer .gopc {display:block; font-size:12px; color:#666; width:94%; height:40px; line-height:38px; text-align:center; border:#ddd 1px solid; border-radius:20px; margin:0 auto; margin-top:10px;}

/* main */
.mvisual {position:relative;}
.mvisual .slick-slide {text-align:center;}
.mvisual .slick-slide img {margin:0 auto;}
.mvisual .slick-dots {position:absolute; bottom:15px; left:0; width:100%; text-align:center; font-size:0;}
.mvisual .slick-dots li {display:inline-block; margin:0 2px;}
.mvisual .slick-dots li button {display:block; width:12px; height:12px; background:#fff; border-radius:50%; box-shadow:rgba(106,17,0,.23) 3px 3px 3px;}
.mvisual .slick-dots li.slick-active button {background:#ff9e92;}

.mcon01 {padding:10px 0;}
.mcon01 .inner {overflow:hidden; padding:0 10px;}
.mcon01 .inner li {width:100%;}
.mcon01 .inner li a {position:relative; display:block; height:120px; font-size:15px; color:#fff; line-height:20px; padding:20px 0 20px 40%;}
.mcon01 .inner li a:before {content:""; position:absolute; top:5px; left:50%; width:96%; height:108px; border:#fff 3px solid; margin-left:-48%;}
.mcon01 .inner li strong {display:block; font-size:25px; color:#fff; font-weight:500; line-height:80px; *font-weight:bold;}
.mcon01 .inner li.mcon01_1 a {background:url('/images/icon_mcon01_1.png') no-repeat 15% 50% #aad039; animation-name: gongmo; animation-duration: 1s; animation-iteration-count: infinite;}
@keyframes gongmo {
	0% {background-color:#aad039;}
	50% {background-color:#39d067;}
	100%{background-color:#aad039;}
}
.mcon01 .inner li.mcon01_2 a {background:url('/images/m_icon_mcon01_2.png') no-repeat 15% 50% #488846;}
.mcon01 .inner li.mcon01_3 a {background:url('/images/m_icon_mcon01_3.png') no-repeat 15% 50% #ab6234;}
.mcon01 .inner li.mcon01_4 a {background:url('/images/m_icon_mcon01_4.png') no-repeat 15% 50% #46a4d0;}
.mcon01 .inner li.mcon01_5 a {background:url('/images/m_icon_mcon01_5.png') no-repeat 15% 50% #f26c5a; animation-name: salgu; animation-duration: 1s; animation-iteration-count: infinite;}
.mcon01 .inner li.mcon01_6 a {background:url('/images/m_icon_mcon01_6.png') no-repeat 15% 50% #fd3c77; animation-name: edu; animation-duration: 1s; animation-iteration-count: infinite;}
@keyframes salgu {
	0% {background-color:#f26c5a;}
	50% {background-color:#e6b324;}
	100%{background-color:#f26c5a;}
}
@keyframes edu {
	0% {background-color:#fd3c77;}
	50% {background-color:#de1dd8;}
	100%{background-color:#fd3c77;}
}

.mcon .tit {font-size:23px; color:#333; font-weight:bold; text-align:center; height:40px; line-height:40px; margin:15px 0 10px;}
.mcon02 .boards .jq_tabonoff {position:relative; border:#d7d7d7 1px solid; padding:10px;}
.mcon02 .boards .jq_tab {overflow:hidden;}
.mcon02 .boards .jq_tab li {float:left; margin-right:10px;}
.mcon02 .boards .jq_tab li .tit {font-size:15px; color:#363636; height:30px; line-height:30px;}
.mcon02 .boards .jq_tab li.on {border-bottom:#f26c5a 1px solid;}
.mcon02 .boards .jq_tab li.on .tit {color:#f26c5a;}
.mcon02 .boards .jq_cont {padding-top:20px;}
.mcon02 .boards .more {position:absolute; top:10px; right:10px; width:30px; height:30px; line-height:30px; text-align:center; font-size:25px; color:#333; font-weight:bold;}
.mcon02 .boards .cont ul li {position:relative; border-bottom:#e7e7e7 1px solid;}
.mcon02 .boards .cont ul li:last-child {border-bottom:0;}
.mcon02 .boards .cont ul li i {display:inline-block; vertical-align:top; line-height:30px;}
.mcon02 .boards .cont ul li a {display:inline-block; vertical-align:top; max-width:90%; font-size:12px; color:#676767; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:30px; line-height:30px;}
.mcon02 .boards .cont ul li span {position:absolute; top:0; right:0; font-size:11px; color:#b2b2b2; height:30px; line-height:30px;}
.mcon02 .sns_wrap ul {text-align:center; font-size: 0;}
.mcon02 .sns_wrap ul li {display:inline-block; width:25%; text-align:center; padding:0 10px;}
.mcon02 .sns_wrap ul li img {width:100%; max-width:80px;}
.mcon02 .pr_wrap a {display:block; text-align:center;}
.mcon02 .pr_wrap iframe {width:100%;}

.mcon03 {padding:30px 0;}
.mcon03 .slide {position:relative; padding:0 50px;}
.mcon03 .slide .slick-slide {padding:0 5px; height:60px; line-height:60px;}
.mcon03 .slide .slick-slide img {margin:0 auto; border:#eee 1px solid; height:60px;}
.mcon03 .slide .slick-arrow {position:absolute; top:0; width:38px; height:60px; text-indent:-5000px;}
.mcon03 .slide .slick-prev {left:10px; background:url('/images/arrow_banner_prev.png') no-repeat; background-size:cover;}
.mcon03 .slide .slick-next {right:10px; background:url('/images/arrow_banner_next.png') no-repeat; background-size:cover;}

/* 게시판 목록 */
.board_top {line-height:30px; margin-bottom:15px; overflow:hidden;}
.board_top > div {font-size:12px; color:#464646;}
.search_wrap {overflow:hidden;}
.search_wrap .text,
.search_wrap .btn {float:left; margin-left:1%; vertical-align:top;}
.search_wrap select.text {width:24%; margin-left:0;}
.search_wrap input.text {width:50%;}
.search_wrap .btn {width:24%; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; background:#464646; border:0;}

.board_list {border-top:#212121 2px solid;}
.board_list th,
.board_list td {height:30px; line-height:29px; font-size:13px; text-align:center; border-bottom:#e1e1e1 1px solid; padding:5px 2px;}
.board_list th {background:#fafafb; color:#464646; font-weight:bold;}
.board_list td {color:#666;}
.board_list td.tal {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list.tal th,
.board_list.tal td {text-align:left; border-right:#e1e1e1 1px solid;}
.board_list.tal th:last-child,
.board_list.tal td:last-child {border-right:0;}
.board_list.tal th {font-weight:400;}
.board_list.tal th .red {display:inline;}
.board_list.tal td select.text,
.board_list.tal td input.text {height:34px;}
.board_list.tal td .blank {padding:0 10px; font-size:12px; color:#ccc; font-weight:300;}
.board_list.tal td #captcha #captcha_key {background-image:none !important;}
.board_list td label {display:inline-block; font-size:12px; margin-right:5px; padding-left:16px; text-indent:-16px;}
.depth_label {background:#f5f5f5; padding:5px; margin-left:5%; width:95%;}
.board_list .intable {padding:0;}
.board_list .intable tr:last-child td {border-bottom:0;}
.board_list input::placeholder,
.board_list textarea::placeholder {color:#999; font-weight:300;}
.board_list td .box {width:44px; height:14px; line-height:14px; font-size:10px; text-align:center; color:#fff; border-radius:2px;}
.board_list td .box1 {background:#aaa;}
.board_list td .box2 {background:#7e8833;}
.board_list td .box3 {background:#488846;}

.afree_wrap {line-height:22px;}
.afree_wrap .tit {font-size:16px; color:#000; text-align:center; font-weight:bold;}
.afree_wrap .tit span {padding-bottom:5px; border-bottom:#ddd 1px solid; margin-bottom:10px;}
.afree_wrap ul li {padding-left:10px; text-indent:-10px;}
.afree_wrap > ul {margin-left:10px;}
.afree_wrap > ul > li {margin-top:10px;}
.afree_wrap .check_box {border:#ddd 2px solid; margin:20px 0; padding:10px; line-height:22px;}
.afree_wrap .check_box label {display:block; text-indent:0; padding:0; width:100%;}
.afree_wrap .check_box span {display:block; padding-left:15px; text-indent:-15px;}
.afree_wrap .check_box input[type="checkbox"] {clear:both; margin-left:15px;}
.afree_wrap .gray_box2 {background:#eee; border:#ccc 1px solid; padding:10px; margin-bottom:30px;}
.afree_wrap strong {}

.board_bottom .btns {overflow:hidden; margin:20px 0 0;}
.board_bottom .btns .fl,
.board_bottom .btns .fr {width:50%;}
.board_bottom .btns .fr .btn {float:right;}
.board_bottom .btns .btn {display:inline-block; width:32%; border:0; vertical-align:top; transition:.5s;}
.board_bottom .btns .btn01 {background:#464646; color:#fff;}
.board_bottom .btns .btn02 {background:#fff; border:#666 1px solid; line-height:28px; color:#666;}
.board_bottom .paging {text-align:center; margin-top:30px;}
.board_bottom .paging a {display:inline-block; width:30px; height:30px; line-height:28px; text-align:center; font-size:16px; color:#464646; border:#fff 1px solid; vertical-align:top; transition:.3s linear;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#fff; color:#f26c5a; font-weight:bold; border-color:#e1e1e1;}
.board_bottom .paging .nums {}
.board_bottom .paging .arrow {font-size:10px; letter-spacing:-2px;}

/* 게시판 상세 */
.board_in {border-top:#ddd 2px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_in th {background:#f5f5f5; color:#333;}
.board_in td {color:#666;}
#captcha.m_captcha audio {width:100%;}

/* 갤러리 목록 */
.gallery_list ul {overflow:hidden; margin-left:-10px;}
.gallery_list ul li {float:left; width:185px; margin:0 0 10px 10px;}
.gallery_list ul li a {display:block;}
.gallery_list ul li .img {width:100%; height:139px; overflow:hidden;}
.gallery_list ul li p {display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* sub */
#container {padding-bottom:100px;}
.svisual {background:url('/m/images/svisual.jpg') no-repeat 50% 50%; background-size:cover; height:130px; padding-top:50px; text-align:center;}
.svisual img {height:30px;}
.svisual strong {font-size:18px; color:#fff; line-height:30px;}
.svisual p {font-size:14px; color:#666; line-height:20px;}

.location {height:30px; line-height:30px; border-bottom:#e1e1e1 1px solid; background:#f8f8f8; text-align:right; padding:0 15px;}
.location a {display:inline-block; height:30px; line-height:30px;}
.location img {height:9px;}
.location .arrow {display:inline-block; font-family:'Nanum gothic'; font-size:10px; color:#888; height:30px; line-height:30px; padding:0 5px; transform:scale(.8); vertical-align:top;}

.title {font-size:22px; color:#262626; font-weight:300; text-align:center; padding:50px 0;}
.title p {font-size:13px; color:#666;}

.download {overflow:hidden; margin-bottom:30px; text-align:center; font-size:0;}
.download a {position:relative; display:inline-block; height:32px; line-height:30px; border:#e1e1e1 1px solid; padding:0 10px 0 40px; font-size:13px; color:#333; text-align:center; margin-left:10px;}
.download a:first-child {margin-left:0;}
.download .img {position:absolute; top:0; left:0; width:30px; height:30px; text-align:center; border-right:#e1e1e1 1px solid; padding-top:7px;}
.download .img img {vertical-align:top;}
.download.bg_green {margin:40px 0 20px;}
.download.bg_green a {background:#78be2b; color:#fff; height:40px; line-height:40px; border:0; padding-left:60px;}
.download.bg_green .img {width:40px; height:40px;}

/* 인사말 */
.sub0101 .img {text-align:center; margin-bottom:40px;}
.sub0101 .img img {width:80%;}
.sub0101 .txt {text-align:center;}
.sub0101 .txt dt {font-size:19px; color:#262626; line-height:30px; margin-bottom:30px;}
.sub0101 .txt dd {font-size:15px; color:#555; line-height:25px;}
.sub0101 .btm {padding:30px 30px; margin-top:30px; background:#f7f7f7; font-size:17px; color:#111; font-weight:300; line-height:25px; text-align:center;}
.sub0101 .btm img {display:block; margin:0 auto 30px;}

/* 기관 CI 소개 */
.sub0102 .tit {font-size:16px; color:#333; text-align:center; font-weight:300; margin-bottom:40px;}
.sub0102 .con img {margin-bottom:50px;}
.sub0102 .con p {font-size:13px; color:#666; line-height:28px; text-align:center;}

/* 주요연혁 */
.sub0104 ul li {position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:#e1e1e1 1px solid;}
.sub0104 ul li:first-child {padding-top:0;}
.sub0104 ul li .year {font-size:29px; color:#333; line-height:40px; top:0; left:0; width:100%; margin-bottom:20px;}
.sub0104 ul li dl dt {font-size:13px; color:#333; font-weight:bold; margin:20px 0 10px;}
.sub0104 ul li dl:nth-child(2) dt {margin-top:0;}
.sub0104 ul li dl dd p {position:relative; font-size:13px; color:#333; line-height:24px; font-weight:300; padding-left:15px;}
.sub0104 ul li dl dd p:before {content:""; position:absolute; top:11px; left:0; width:2px; height:2px; border-radius:50%; background:#333;}

/* 이용안내 */
.sub0105 .stit {font-size:18px; color:#666; padding-bottom:25px; text-align:center;}

.sub0105 .table {border:#666 1px solid; margin:0 auto 50px; border-radius:10px; overflow:hidden;}
.sub0105 .table table {width:100%;}
.sub0105 .table th,
.sub0105 .table td {height:30px; padding:5px; border-bottom:#e1e1e1 1px solid;}
.sub0105 .table th {font-size:13px; color:#333; background:#fafafb; border-right:#e1e1e1 1px solid; font-weight:500;}
.sub0105 .table th span {display:block;}
.sub0105 .table td {font-weight:300;}
.sub0105 .table td strong {font-weight:400;}

.sub0105 .top ul {overflow:hidden;  background:#fcfcfc; border-radius:10px; width:100%; padding:20px 30px; margin:0 auto 40px;}
.sub0105 .top ul li {display:table; overflow:hidden; padding:10px 0; width:100%;}
.sub0105 .top .img,
.sub0105 .top .txt {display:table-cell; vertical-align:middle;}
.sub0105 .top .img {width:30%; padding-right:5%; text-align:center;}
.sub0105 .top .txt {width:70%; font-size:11px; color:#5e5e5e; line-height:20px;}
.sub0105 .top .txt strong {font-size:13px;}

.sub0105 .btm {width:100%; margin:0 auto;}
.sub0105 .btm ul {overflow:hidden;}
.sub0105 .btm ul li {float:left; text-align:center; padding:0 5%; margin-bottom:30px; width:50%;}
/*.sub0105 .btm ul.btm_t li {width:50%; margin-left:2%;}
.sub0105 .btm ul.btm_b {padding:0 16%;}
.sub0105 .btm ul.btm_b li {width:50%;}
.sub0105 .btm ul li.first {margin-left:0;}*/
.sub0105 .btm ul li .step {font-size:13px; width:100%; height:24px; line-height:20px; text-align:center; border:#d7d7d7 2px solid; border-radius:12px; margin:0 auto 10px;}
.sub0105 .btm ul li img {width:auto; margin-bottom:15px;}
.sub0105 .btm ul li p {font-size:12px; color:#333; font-weight:300;}

/* 오시는 길 */
.sub0106 .map,
.sub0106 .map_txt {width:100%; margin:0 auto;}
.sub0106 .map .root_daum_roughmap_landing {width:100% !important;}
.sub0106 .map_txt .stit {margin-top:50px; font-size:18px; color:#333; padding-bottom:20px; border-bottom:#707070 1px solid;}
.sub0106 .map_txt table {width:100%;}
.sub0106 .map_txt table th,
.sub0106 .map_txt table td {border-bottom:#e1e1e1 1px solid; height:68px; padding:15px 0; height:28px;}
.sub0106 .map_txt table th {position:relative; padding-left:40px; text-align:left; font-size:13px; color:#333; vertical-align:top;}
.sub0106 .map_txt table th .img {position:absolute; top:0; left:0; width:40px; height:47px; line-height:47px; text-align:center;}
.sub0106 .map_txt table td {font-size:13px; color:#828282; font-weight:300; line-height:25px;}
.sub0106 .map_txt table td p {margin-top:20px; margin-bottom:10px;}

/* 사업안내 */
.s2tit {font-size:18px; margin-bottom:40px; text-align:center;}
.sub0201 .rounds dl {background:url('/m/images/arrow_v.gif') no-repeat 50% 100%; background-size:10px; padding:0 30px 40px; margin-bottom:15px;}
.sub0201 .rounds dl:last-child {background:none; padding-bottom:0; margin-bottom:0;}
.sub0201 .rounds dl dt {display:block; font-size:15px; color:#424242; height:70px; border:#78be2b 3px solid; padding:12px 20px; line-height:20px; text-align:center; border-radius:35px;}
.sub0201 .rounds dl dd {margin-top:10px; font-size:11px; color:#757575; line-height:18px; text-align:left; text-indent:10px;}
.gray_box {background:#fbfbfb; border:#e1e1e1 1px solid; padding:10px 10px; word-break:keep-all;}
.gray_box .tt {font-size:16px; color:#333; line-height:30px; text-align:center; margin-bottom:20px;}
.gray_box .tt img {margin-right:10px; vertical-align:top; margin-top:8px;}
.gray_box p.tac {font-size:12px; color:#333; line-height:18px;}
.gray_box ul li {padding:30px 0 0; border-top:#e6e6e6 1px solid; margin-top:30px;}
.gray_box ul li strong {display:block; font-size:14px; color:#333;}
.gray_box ul li p {position:relative; font-size:12px; color:#5e5e5e; line-height:18px; padding-left:0; margin-top:20px;}
/*.gray_box ul li p:before {content:""; position:absolute; top:8px; left:0; width:2px; height:2px; background:#5e5e5e;}*/
.gray_box ul li p.pl0:before {display:none;}
.gray_box .table {padding:0;}
.gray_box table {width:100%;}
.gray_box table th,
.gray_box table td {border-left:#ddd 1px solid;}
.gray_box table th:first-child,
.gray_box table td:first-child {border-left:0;}
.gray_box table th {background:#f5f5f5; font-size:14px; color:#333; height:30px; text-align:center; border-bottom:#ddd 1px solid;}
.gray_box table td {padding:10px;}
.gray_box table td span {font-size:12px; color:#666; line-height:26px; padding-left:0;}
.gray_box table td strong {font-size:14px; margin-top:10px;}

.gray_box .add_table {margin-top:20px;}
.gray_box .add_table thead th {font-size:14px; border-bottom:#ddd 1px dashed;}
.gray_box .add_table tbody th {background:none; font-size:14px; border:0; vertical-align:bottom;}
.gray_box .add_table tbody td {padding:5px 3px 0;}
.gray_box .add_table p {position:relative; margin:0; padding-left:10px;}
.gray_box .add_table p em {position:absolute; top:0; left:0; font-size:10px; transform:scale(.6);}
.gray_box .add_table .in_table th,
.gray_box .add_table .in_table td {border:#ddd 1px solid; padding:5px; vertical-align:middle;}
.gray_box .add_table .in_table th {font-size:13px; background:#f5f5f5;}
.gray_box .add_table .in_table td {font-size:12px;}
.gray_box .add_table .in_table .bg_wt th,
.gray_box .add_table .in_table .bg_wt td {background:#fff;}

.pic_table {background:#f5f5f5; margin-top:20px;}
.gray_box .pic_table td {border:0; padding:5px; vertical-align:top;}
.gray_box .pic_table td .img {position:relative; height:100px; line-height:100px; text-align:center;}
.gray_box .pic_table td .img img {width:auto; height:auto; max-height:100%; max-height:100%;}
.gray_box .pic_table p {text-align:center; margin-top:0; font-size:13px;}

.white_box {background:#fff; border:#e1e1e1 1px solid; border-radius:10px; margin-top:35px; padding:10px;}
.white_box ul li {padding:0; border:0; margin:0;}
.white_box .top {overflow:hidden;}
.white_box .top .txt {width:100%; font-size:13px; color:#5e5e5e; line-height:24px;}
.white_box .top .txt .tit {padding:20px 0 10px;}
.white_box .top .img {width:100%; text-align:right; padding:10px 0;}
.white_box .top .img img {width:100%; max-width:346px;}
.white_box .atit {margin-top:50px; font-size:21px; color:#5e5e5e; margin-bottom:20px;}
.white_box .atit img {margin-right:10px;}
.white_box .acon p {margin:0;}
.white_box .box {border:#e1e1e1 1px solid; padding:20px 10px; text-align:center; margin:20px 0 0;}
.white_box .set4 {overflow:hidden; margin-top:30px;}
.white_box .set4 li {float:left; width:50%; text-align:center; padding:0 10px 30px;}
.white_box .set4 li:nth-child(2n-1) {clear:both;}
.white_box .set4 li p {font-size:12px; color:#5e5e5e; margin-top:10px;}
.white_box .set4 li strong {font-size:13px; color:#5e5e5e; font-weight:bold;}

.gray_box .gray_tit {background:#eaeaea; text-align:center; padding:10px;}
.icon_box {padding:10px; text-align:center; font-size:13px; background:#eaeaea; margin-top:10px;}
.icon_box i {color:#488846; margin-right:10px; font-size:15px;}

.btn_tr {position:relative;}
.btn_tr a {display:block; width:60%; height:30px; line-height:28px; text-align:center; border:#488846 1px solid; background:#fff; font-size:12px; color:#488846; border-radius:20px; margin:20px auto 0;}
.btn_tr i {margin-left:10px;}
.btn_tr:hover a {background:#488846; color:#fff;}

.in_set {padding-top:20px; border-top:#ddd 1px dashed; margin-top:20px;}
.in_set ul {overflow:hidden;}
.in_set ul li {float:left; width:100%; margin:0; padding:0; border-top:0; vertical-align:top;}
.in_set ul li.arrow {width:100%; text-align:center; padding:10px 0;}
.in_set ul li.arrow .arrow_in {line-height:30px; text-align:center;}
.in_set ul li.arrow img {transform:rotate(90deg);}
.in_set ul li.arrow p {padding-left:0; margin:0;}
.in_set ul li.arrow p:before {display:none;}
.in_set ul li .round {border:#ddd 1px solid; height:50px; line-height:48px; text-align:center; font-size:15px; color:#333; text-align:center; border-radius:25px; background:#fff;}
.in_set ul li p {font-size:13px; color:#666; margin-top:10px;}

.sub0201 .gray_box {background-image:url('/images/bg_sub0201.png'); background-repeat:no-repeat; background-position:100% 100%; background-size:42%; padding-bottom:100px;}
.sub0202 .gray_box {background-image:url('/images/bg_sub0202.png'); background-repeat:no-repeat; background-position:100% 100%; background-size:40%; padding-bottom:60px;}
.sub0203 .pic_bg {background-image:url('/images/bg_sub0203.png'); background-repeat:no-repeat; background-position:100% 100%; background-size:contain; padding-bottom:60px;}
.sub0204 .gray_box {background-image:url('/images/bg_sub0204.png'); background-repeat:no-repeat; background-position:100% 100%; background-size:40%; padding-bottom:150px;}
.sub0205 .gray_box {background-image:url('/images/bg_sub0205.png'); background-repeat:no-repeat; background-position:100% 100%; background-size:40%; padding-bottom:120px;}
.sub0206 .gray_box {background-image:url('/images/bg_sub0206.png'); background-repeat:no-repeat; background-position:100% 100%; background-size:40%; padding-bottom:100px;}

.gray_area {background:#f7f7f7; padding:50px 10px; width:100%;}
.pch_area {background:#fffaf4; padding:50px 10px; width:100%;}
.blue_area {background:#f8fbff; padding:50px 10px; width:100%;}
.green_area {background:#f0faef; padding:50px 10px; width:100%;}
.rela_area {position:relative; width:100%;}
.round_box {border-radius:30px;}

.sub0202 .btns,
.sub0206 .btns {padding:30px 0;}
.sub0202 .btn,
.sub0206 .btn {width:60%; max-width:350px; height:auto;}
.sub0202 .rela_area {height:auto;}

.sub0207 {padding-bottom:100px;}
.sub0207 .bg_ptn {position:relative; padding:40px 0;}
.sub0207 .bg_ptn:before,
.sub0207 .bg_ptn:after {content:""; position:absolute; left:0; width:100%; z-index:-1;}
.sub0207 .bg_ptn:before {top:0; height:47%; background:#fef9de;}
.sub0207 .bg_ptn:after {bottom:0; height:53%; background:#3d5f8c;}
.sub0207 > .tac {padding:45px 10px;}
.sub0207 .video_wrap {padding:45px 0; background:#f8f8f8;}
.sub0207 .video_wrap .tit {text-align:center; margin-bottom:30px;}
.sub0207 .video_wrap .tit img {}
.sub0207 .gal_list {overflow:hidden; margin-top:-40px;}
.sub0207 .gal_list li {float:left; width:49%; margin:20px 0 0 2%;}
.sub0207 .gal_list li:nth-child(2n-1) {margin-left:0;}
.sub0207 .gal_list li a {display:block;}
.sub0207 .gal_list li a .img {position:relative;}
.sub0207 .gal_list li a .img:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/arrow_video.png') no-repeat 50% 50% rgba(0,0,0,.3); opacity:0; transition:.2s linear;}
.sub0207 .gal_list li a:hover .img:before {opacity:1;}
.sub0207 .gal_list li p {font-size:10px; color:#464646; font-weight:400; line-height:20px; margin-top:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.sub0207 .board_bottom .paging {margin-top:30px;}
.sub0207 .board_bottom .paging a {width:30px; height:30px; line-height:28px; font-size:14px; background:#fff; border:#eee 1px solid;}
.sub0207 .board_bottom .paging a:hover,
.sub0207 .board_bottom .paging a.on {color:#fff; background:#959595; border-color:#959595;}
.sub0207 .board_bottom .paging .arrow {font-size:12px;}
.sub0207 .board_list {border:0;}
.sub0207 .board_list table {border-top:#272626 2px solid;}
.sub0207 .board_list th,
.sub0207 .board_list td {border-bottom:#eee 1px solid; border-left:#eee 1px solid;}
.sub0207 .board_list th:first-child,
.sub0207 .board_list td:first-child {border-left:0;}
.sub0207 .board_list th {font-size:12px; background:#d2edf6;}
.sub0207 .board_list td {font-size:11px; line-height:18px; word-break:break-all;}

/* 자살 관련 정보 */
.sub0301 > div {width:100%; margin:0 auto;}
.sub0301 > .tac {margin-bottom:10px;}

.sub0301 .qna_table dl {padding:20px 0; border-bottom:#e7e7e7 1px solid;}
.sub0301 .qna_table dl dt,
.sub0301 .qna_table dl dd {padding-left:30px;}
.sub0301 .qna_table dl dt {position:relative; font-size:13px; color:#262626; line-height:20px; font-weight:500; margin-bottom:10px;}
.sub0301 .qna_table dl dt span {position:absolute; top:0; left:5px; width:20px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff; font-weight:bold; background:#488846; border-radius:50%;}
.sub0301 .qna_table dl dd {font-size:12px; color:#464646; font-weight:400;}

.sub0301 .or_round_table dl {padding-top:20px;}
.sub0301 .or_round_table dl dt {overflow:hidden; margin-bottom:10px;}
.sub0301 .or_round_table dl dt .round_box {float:left; font-size:14px; color:#262626; width:100%; line-height:20px; font-weight:500; padding:10px 20px; border:#f26c5a 2px solid; border-radius:20px;}
.sub0301 .or_round_table dl dd {padding-left:0; font-size:13px; color:#464646; line-height:20px; font-weight:400;}

.sub0301 > div > p {font-size:13px; color:#262626; line-height:22px; padding:20px 0;}

.sub0301 .blue_table table {border-top:#212121 2px solid; border-bottom:#e1e1e1 1px solid;}
.sub0301 .blue_table th,
.sub0301 .blue_table td {border-left:#e1e1e1 1px solid;}
.sub0301 .blue_table th:first-child,
.sub0301 .blue_table td:first-child {border-left:0;}
.sub0301 .blue_table th {background:#d2edf6; height:40px; font-size:13px; color:#003763; font-weight:500;}
.sub0301 .blue_table td {text-align:center; font-size:12px; color:#464646; line-height:22px; padding:10px 5px; font-weight:400;}
.sub0301 .blue_table td strong {display:block; font-size:13px; color:#464646; line-height:30px; font-weight:bold; margin-bottom:10px;}
.sub0301 .blue_table td .round_box {border:#ebebeb 2px solid; border-radius:10px; padding:5px; width:100%; text-align:center; margin:10px auto 0;}
.sub0301 .blue_table td .round_box span {font-size:12px; color:#039dce; line-height:18px; font-weight:500;}
.sub0301 .blue_table td .round_box strong {font-size:13px; color:#007da5; line-height:30px; font-weight:bold; margin:0;}
.sub0301 .blue_table .nums {text-align:left;}
.sub0301 .blue_table .nums div {position:relative; margin-top:10px;}
.sub0301 .blue_table .nums div:first-child {margin-top:0;}
.sub0301 .blue_table .nums div em {display:block; top:2px; left:0; width:14px; height:14px; line-height:14px; text-align:center; font-size:12px; color:#fff; background:#039dce;}

.sub0301 .half_box {overflow:hidden;}
.sub0301 .half_box dl {width:100%; border:#e1e1e1 1px solid; border-radius:10px; padding:10px 5px;}
.sub0301 .half_box dl dt {overflow:hidden; margin-bottom:10px;}
.sub0301 .half_box dl dt span {display:block; width:100%; font-size:13px; color:#fff; font-weight:500; line-height:22px; border-radius:4px; padding:0 5px; text-align:center;}
.sub0301 .half_box .fl {margin-bottom:20px;}
.sub0301 .half_box .fl dt span {background:#ffc408;}
.sub0301 .half_box .fr dt span {background:#946690;}
.sub0301 .half_box dl dd p {font-size:12px; color:#464646; line-height:22px; text-indent:-10px; padding-left:10px;}

.sub0301 .set4_table {padding-bottom:10px;}
.sub0301 .set4_table td {text-align:center; vertical-align:top; font-size:13px; color:#262626; line-height:22px; padding:30px 10px 0;}
.sub0301 .set4_table td img {display:block; margin:0 auto 30px; max-width:120px;}

/* 자살 관련 통계 */
.sub0302 .dtit {margin-top:50px;}
.sub0302 .dcon {font-size:13px; color:#363636; font-weight:400; line-height:28px;}
.sub0302 .stit {position:relative; font-size:15px; color:#363636; margin-top:40px; padding-left:15px;}
.sub0302 .stit:before {content:""; position:absolute; top:14px; left:0; width:3px; height:3px; background:#5e5e5e;}
.sub0302 .simg {padding:30px 0 40px; text-align:center;}
.sub0302 .stable table {border-top:#212121 2px solid;}
.sub0302 .stable th,
.sub0302 .stable td {border:#ededed 1px solid; text-align:center; height:30px; line-height:30px;}
.sub0302 .stable th:first-child,
.sub0302 .stable td:first-child {border-left:0;}
.sub0302 .stable th:last-child,
.sub0302 .stable td:last-child {border-right:0;}
.sub0302 .stable th {font-size:11px; color:#4d4c4c; background:#fafafb; line-height:20px; padding:5px 0;}
.sub0302 .stable td {font-size:10px; color:#a1a1a1; font-weight:300;}

/* 의뢰서 */
.tabs2 {position:relative; margin-bottom:40px;}
.tabs2:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ddd;}
.tabs2 ul {overflow:hidden;}
.tabs2 ul li {float:left; width:24%; margin-right:1.3%;}
.tabs2 ul li:last-child {margin-right:0 !important;}
.tabs2 ul li a {display:block; width:100%; height:40px; line-height:38px; font-size:15px; text-align:center; border:#ddd 1px solid; border-radius:6px 6px 0 0; transition:.3s linear;}
.tabs2 ul li.on a,
.tabs2 ul li a:hover {background:#3f963c; color:#fff;}
.tabs2.set2 ul li {width:41.5%;}
.tabs2.set3 ul li {width:32%; margin-right:2%;}
.request_board .info strong {display:block; font-size:20px; margin-bottom:20px;}
.request_board .info .gray_border {border:#ddd 4px solid; padding:15px; margin-bottom:20px; font-size:15px; word-break:keep-all;}
.request_board .info .btns {text-align:center; font-size:0; margin-bottom:40px;}
.request_board .info .btn {display:inline-block; width:100%; height:40px; line-height:38px; text-align:center; background:#3f963c; font-size:15px; color:#fff; border:#3f963c 1px solid; border-radius:4px; margin-bottom:10px;}
.request_board .info .btn:hover {background:#2e7b2b; color:#fff;}

.request_table {position:relative;}
.request_table:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:url('../images/img_sub0401.jpg') no-repeat 0 100%; background-size:100%; opacity:.2; z-index:-1;}
.request_table strong {display:block; text-align:center; font-size:20px; margin-bottom:20px;}
.request_table table td {text-align:center; font-size:15px; line-height:30px;}
.request_table table dl dt,
.request_table table dl dd {text-align:center; font-size:13px;}
.request_table table dl dt {color:#fff; height:100px; padding:10px 0; border-radius:10px 10px 0 0; letter-spacing: -.5px;}
.request_table table dl dd {padding:15px 0; border:#ddd 1px solid; border-radius:0 0 10px 10px;}
.request_table table dl .dtc01 {background:#6bb32b; line-height:80px;}
.request_table table dl .dtc02 {background:#40a560; line-height:20px;}
.request_table .box {border:#ddd 1px solid; height:40px; line-height:38px; text-align:center; font-size:13px; color:#333; border-radius:20px;}
.request_table i {font-size:20px;}
.request_table .line_wrap {position:relative; vertical-align:bottom;}
.request_table .line_wrap .line {position:absolute; top:10px; left:50%; width:2px; height:75px; margin-left:-1px; background:#666;}
.request_table .bg_orange {background:#72c1ac; border-color:#72c1ac; color:#fff;}
.request_table .rounds td {padding:20px 1px 10px;}
.request_table .round {position:relative; width:100%; height:0; text-align:center; padding-top:100%;}
.request_table .round .round_in {position:absolute; top:0; left:0; width:100%; height:40px; background:#e7f7d7; border-radius:40px;}
.request_table .round .round_in p {position:absolute; font-size:13px; top:50%; left:0; margin-top:-10px; width:100%; height:20px; line-height:20px; text-align:center;}

/* 교육신청 */
.tabs {overflow:hidden; border:#e1e1e1 1px solid; margin-bottom:40px;}
.tabs li {float:left; border-left:#e1e1e1 1px solid;}
.tabs li:first-child {border-left:0;}
.tabs li a {display:block; font-size:15px; color:#666; height:40px; line-height:40px; text-align:center; transition:.3s linear;}
.tabs li.on a,
.tabs li a:hover {background:#3f963c; color:#fff;}
.tabs.set2 li {width:50%;}

/* 자원봉사신청 */
.dtit {padding-left:20px; background:url('/images/icon_dot.png') no-repeat 0 50%; background-size:15px; font-size:16px; color:#333; line-height:30px; margin-bottom:10px;}
.text.yak {font-size:13px; color:#666; padding:10px;}

/* 온라인 상담 */
.sub04 .gray_box {padding:10px; font-size:13px; color:#333; font-weight:300; line-height:22px;}
.sub04 .download a {max-width:220px;}
.sub04 .btm_radios {margin:20px 0 0;}
.sub04 .btm_radios label {display:block; font-size:12px; color:#333; padding:10px 15px;}

.onco_top {position:relative; width:100%; height:80px; background:url('/images/img_sub0404_01.png') no-repeat 100% 100% #f7f7f7; background-size:contain;}
.onco_top .txt {position:absolute; top:50%; left:10px; height:50px; line-height:25px; margin-top:-25px; font-size:15px; color:#363636;}
.onco_top .txt .orange {color:#ff8500;}
.onco_mid {margin-top:30px; padding:31px 0 30px; border-top:#bfbfbf 1px dotted;}
.onco_mid th {text-align:center;}
.onco_mid th img {max-width:100px;}
.onco_mid td .tit {font-size:24px; color:#363636; line-height:50px; margin-bottom:10px; text-align:center;}
.onco_mid td .tit .green {color:#3f963c; font-weight:bold;}
.onco_mid td p {font-size:13px;	color:#363636; line-height:24px;}
.onco_btm {position:relative; width:100%; background:url('/images/img_sub0404_03.png') no-repeat 100% 100% #fff7f7; background-size:cover;}
.onco_btm:before {content:""; position:absolute; width:100%; height:100%; top:0; left:0; z-index:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff7f7+0,fff7f7+100&1+0,0.5+100 */
background: -moz-linear-gradient(left, rgba(255,247,247,1) 0%, rgba(255,247,247,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,247,247,1) 0%,rgba(255,247,247,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,247,247,1) 0%,rgba(255,247,247,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7f7', endColorstr='#80fff7f7',GradientType=1 ); /* IE6-9 */
}
.onco_btm ul {position:relative; padding:10px 10px; z-index:1;}
.onco_btm ul li {font-size:13px; color:#333; line-height:24px; padding-left:10px; text-indent:-10px;}
.onco_btm ul li p {font-weight:300; padding-left:0; text-indent:0;}

/* 살구엽서 보내기 */
#container.sub0405.intro {padding-bottom:0;}
#container.sub0405 .post_intro {position:relative; width:100%; height:100vh; background:#fdf2e5;}
#container.sub0405 .post_intro #link {position:absolute; top:-60px;}
#container.sub0405 .post_intro .txt {padding:25px; text-align:center;}
#container.sub0405 .post_intro .txt img {width:auto; height:60px;}
#container.sub0405 .post_intro a {display:block; font-size:15px; color:#fff; font-weight:700; height:40px; line-height:40px; width:50%; border-radius:20px; background:#f46a40; text-align:center; margin:0 auto;}
.post_intro .top_img {position:relative;}
.post_intro .count {position:absolute; bottom:19%; right:16%; text-shadow:#e26f99 0 0 10px; font-size:13px; color:#fff; font-weight:700; padding-left:8%; background:url('/images/icon_post.png') no-repeat 0 50%; background-size:contain;}
.post_intro .count strong {font-size:15px;}
.post_wrap {position:relative; overflow:hidden;}
.post_wrap .post_select {width:100%; padding:0 20px; margin-bottom:20px;}
.post_wrap .post_select .slick-list {padding:0 !important;}
.post_wrap .post_select .slick-slide {position:relative; /* width:12.6% !important; padding-top:12.6%; margin:0 2%; */ cursor:pointer; outline:0;}
.post_wrap .post_select .slick-slide span {position:relative;display:block;  width:96%; padding-top:96%; margin:0 auto;}
.post_wrap .post_select .slick-slide label {position:absolute; top:0; left:0; width:100%; height:100%; border:#e1e1e1 1px solid; border-radius:50%;}
.post_wrap .post_select .slick-slide.slick-current label {border:#f49740 5px solid;}
.post_wrap .post_select .slick-slide input {display:none;}
.post_wrap .buttons {position:absolute; top:0; left:0; width:100%; z-index:1;}
.post_wrap .buttons button {position:absolute; top:0; width:10px; padding-top:12.6%; text-indent:-500px; overflow:hidden; font-size:0; background:no-repeat 50% 50%; background-size:contain;}
.post_wrap .buttons .prev {left:0; background-image:url('/m/images/post_arrow_prev.png');}
.post_wrap .buttons .next {right:0; background-image:url('/m/images/post_arrow_next.png');}
.post_wrap .post_slide {width:100%;}
.post_wrap .post_slide .slick-slide {width:100%; padding-bottom:320px;}
.post_wrap .post_slide .slick-slide i {position:absolute; bottom:20px; left:50%; margin-left:75px; width:50px; height:40px; background:no-repeat 50% 50%; background-size:cover;}
.post_wrap .post_slide .slick-slide.c1 {background:#e9effb;}
.post_wrap .post_slide .slick-slide.c1 i {background-image:url('/m/images/btn_s0405_01.png');}
.post_wrap .post_slide .slick-slide.c2 {background:#cbe8f3;}
.post_wrap .post_slide .slick-slide.c2 i {background-image:url('/m/images/btn_s0405_02.png');}
.post_wrap .post_slide .slick-slide.c3 {background:#fae388;}
.post_wrap .post_slide .slick-slide.c3 i {background-image:url('/m/images/btn_s0405_03.png');}
.post_wrap .post_slide .slick-slide.c4 {background:#fdeff4;}
.post_wrap .post_slide .slick-slide.c4 i {background-image:url('/m/images/btn_s0405_04.png');}
.post_wrap .post_slide .slick-slide.c5 {background:#cce3a6;}
.post_wrap .post_slide .slick-slide.c5 i {background-image:url('/m/images/btn_s0405_05.png');}
.post_wrap .post_slide .slick-slide.c6 {background:#f1f1f1;}
.post_wrap .post_slide .slick-slide.c6 i {background-image:url('/m/images/btn_s0405_06.png');}
.input_form {position:absolute; bottom:0; left:0; width:100%; padding:0 20px 40px;}
.input_form .text {border:0; background:none; outline:0; font-size:12px; color:#72686c; font-weight:400; line-height:21px;}
.input_form .to {display:block; width:160px; height:21px; margin:0 auto 20px; text-align:center; padding-right:40px; background:url('/m/images/bg_form_to.png') no-repeat !important; background-size:contain !important;}
.input_form textarea {width:100%; height:150px; padding:10px; margin-bottom:30px; word-break:keep-all; background:rgba(255,255,255,.5) !important;}
.input_form .from {display:block; width:245px; height:25px; text-align:center; background:url('/m/images/bg_form_from.png') no-repeat !important; background-size:contain !important; margin:0 auto; padding-left:50px; padding-right:75px;}
.sub0405 .btns {margin-top:30px; font-size:0;}
.sub0405 .btns .btn {display:inline-block; width:30%; height:30px; line-height:30px; font-size:12px; color:#fff; font-weight:400; text-align:center; border:0; border-radius:15px; margin:0 1%; outline:0;}
.sub0405 .btns .btn.btn_gry {background:#959595;}
.sub0405 .btns .btn.btn_org {background:#f49740;}
.sub0405 .btns .btn_end {width:70%; height:50px; line-height:50px; border-radius:25px; font-size:18px;}
.post_view {position:relative; width:100%; margin:0 auto; padding-bottom:320px; background-image:none !important;}
.post_view.c1 {background:#e9effb !important;}
.post_view.c2 {background:#cbe8f3 !important;}
.post_view.c3 {background:#fae388 !important;}
.post_view.c4 {background:#fdeff4 !important;}
.post_view.c5 {background:#cce3a6 !important;}
.post_view.c6 {background:#f1f1f1 !important;}

.pop_post {position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; display:none;}
.pop_post .black {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.35);}
.pop_post .inbox {position:fixed; top:50%; left:3%; width:94%; background:#fff;}
.pop_post .close {position:absolute; top:-30px; right:0; width:20px; height:20px; background:url('/images/btn_close.png') no-repeat; background-size:cover; border:0;}
.pop_post .tit {color:#333; font-weight:700; text-align:center;}

.pop_sns .inbox {height:126px; padding:20px 0; margin:-63px 0 0 0;}
.pop_sns .tit {font-size:12px; line-height:20px; margin-bottom:15px;}
.pop_sns .sns_wrap {text-align:center; font-size:0;}
.pop_sns .sns_wrap .btn {display:inline-block; width:50px; height:auto; margin:0 5px; padding:0;}

.pop_munja .inbox {height:200px; padding:30px 0; margin:-100px 0 0 0;}
.pop_munja .inbox p {font-size:12px; color:#333; font-weight:700; line-height:20px; margin:15px 0 15px; text-align:center;}
.pop_munja .inbox img {height:60px;}
.pop_munja .inputs {text-align:center; font-size:0;}
.pop_munja .inputs .text,
.pop_munja .inputs .btn {display:inline-block; margin:0 5px; height:30px;}
.pop_munja .inputs .text {font-size:12px; color:#333; width:50%; padding:0 5px; background:#fcfcfc; border:#ddd 1px solid;}
.pop_munja .inputs .text::placeholder {color:#999;}
.pop_munja .inputs .btn {font-size:12px; color:#fff; font-weight:400; width:30%; background:#3d5f8c; border:0;}

.post_end {padding:0 10% 10px;}

.pop_apply .inbox {height:590px; max-height:100%; padding:20px 20px; margin:-295px 0 0 0;}
.pop_apply .tit {font-size:18px; line-height:24px; margin-bottom:20px;}
.pop_apply .tac img {height:100px;}
.pop_apply .info {padding:20px 20px 0;}
.pop_apply .info li {position:relative; font-size:12px; color:#333; font-weight:400; line-height:18px; padding-left:10px;}
.pop_apply .info li:before {content:""; position:absolute; top:7px; left:0; width:4px; height:4px; background:#ea5406; border-radius:50%;}
.pop_apply p {font-size:12px; color:#999; font-weight:400; line-height:16px; text-align:center; margin:10px 0 20px;}
.pop_apply p .org {color:#ea5406; font-weight:500;}
.pop_apply p em {font-size:11px; color:#3d5f8c;}
.pop_apply label {text-align:center;}
.pop_apply .inputs {width:100%;}
.pop_apply .inputs .text {display:block; font-size:11px; color:#999; width:50%; font-weight:400; height:25px; line-height:23px; padding:0 10px; background:#fcfcfc; border:#ddd 1px solid; margin:0 auto;}
.pop_apply .inputs .name {width:50%;}
.pop_apply .inputs .phone {width:50%; margin-top:5px;}
.pop_apply .inputs .btn {display:block; font-size:12px; color:#fff; width:154px; height:25px; line-height:25px; background:#3d5f8c; border:0; margin:10px auto 0;}
.pop_apply .inputs label {display:block; font-size:11px; color:#666; font-weight:400; line-height:20px; margin-top:10px; text-align:center;}
.pop_apply .inputs label input {margin-right:5px;}

/* 공지사항 */
.sub0501 .fa-heart {display:none;}

/* 자가진단 */
.sub06 .download a {width:240px;}
.sub06 .gray_box ul li p {padding-left:0;}
.sub06 .gray_box ul li p:before {display:none;}

.sub06 th,
.sub06 td {border-left:#e1e1e1 1px solid; *border:#e1e1e1 1px solid;}
.sub06 th:first-child,
.sub06 td:first-child {border-left:0; *border-left:#e1e1e1 1px solid}
.sub06 td label {margin-right:30px;}
.sub06 input.text {height:34px;}
.sub06 .board_list.b_list th,
.sub06 .board_list.b_list td {height:30px; line-height:29px; white-space:normal;}
.sub06 .board_list.b_list td {padding:5px 5px;}
.sub06 .board_list.b_list td.tal {word-break:keep-all;}
.sub06 .board_list.b_list td span {*display:block;}
.sub06 .board_list .bg_gray td {background: #fafafb;}
.sub06 .radios.tac {font-size:15px; color:#333; padding:20px; border:#e1e1e1 1px solid; background:#f5f5f5; margin-top:30px;}
.sub06 .radios.tac p {font-size:15px; color:#666; margin-bottom:20px;}
.sub06 .radios.tac label {margin:0 10px;}
.sub06 th .round {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; background:#aaa; color:#fff; font-size:13px; border-radius:50%;}
.sub06 td ul {font-size:0;}
.sub06 td ul li {display:inline-block; margin:0 7px; font-size:13px; color:#333; line-height:20px; vertical-align:top; padding:5px 0 5px 22px; text-indent:-22px; word-break:keep-all;}
.sub06 td ul li span {display:inline-block; width:20px; height:20px; line-height:20px; background:#aaa; color:#fff; text-align:center; border-radius:50%; text-indent:0;}

.in_set {padding-top:20px; border-top:#ddd 1px dashed; margin-top:20px;}
.in_set ul {overflow:hidden;}
.in_set ul li {width:100%; margin:0; padding:0; border-top:0; vertical-align:top; text-align:center;}
.in_set ul li.arrow {width:100%; text-align:center; padding:0;}
.in_set ul li.arrow .arrow_in {height:40px; line-height:40px;}
.in_set ul li.arrow p {padding-left:0; background:#eaeaea; border-radius:10px; padding:5px 0; width:80%; margin:0 auto 20px;}
.in_set ul li.arrow p:before {display:none;}
.in_set ul li .round {border:#ddd 1px solid; height:auto; line-height:20px; padding:10px 0; text-align:center; font-size:18px; color:#333; text-align:center; border-radius:25px; background:#fff;}
.in_set ul li p {font-size:13px; color:#666; margin-top:10px;}

/* 자가진단 결과 */
.result_tit {font-size:16px; color:#464646; margin-bottom:10px; font-weight:400; text-align:center;}
.result_box {background:url('../images/img_sub06_result.jpg') no-repeat; padding:10px; margin-bottom:50px; background:#f5f5f5; border:#e1e1e1 1px solid; word-break: keep-all;}
.result_box strong {display:block; font-size:14px; color:#252525; margin-bottom:10px;}
.result_box p {font-size:12px; color:#363636; line-height:20px;}
.result_con .tit {font-size:21px; color:#464646; font-weight:400; margin-bottom:20px;}
.result_con table {width:100%; border-top:#c3d8c2 1px solid;}
.result_con table th,
.result_con table td {font-size:13px; color:#464646; height:35px; text-align:center; border-bottom:#e1e1e1 1px solid;}
.result_con table thead th {color:#fff; background:#699d67; height:40px; border-bottom:#c9d6c9 1px solid; font-weight:400;}
.result_con table tbody th {background:#eef4ef;}
.result_con table tbody td {border-left:#e1e1e1 1px solid; padding:5px;}
.result_con table tbody tr:nth-child(2n) td {background:#fcfcfc;}

/* sitemap */
.sitemap {overflow:hidden;}
.sitemap > li {float:left; width:50%; padding:0 10px 20px;}
.sitemap > li:nth-child(2n-1) {clear:both;}
.sitemap > li > a {position:relative; display:block; font-size:18px; color:#333; height:50px; line-height:46px; border:#ccc 2px solid; border-radius:25px; text-align:center; background:#fafafa;}
.sitemap > li > a:before,
.sitemap > li > a:after {content:""; position:absolute; top:48px; width:2px; height:10px; background:#ccc;}
.sitemap > li > a:before {left:30px;}
.sitemap > li > a:after {right:30px;}
.sitemap .site_snb {margin-top:10px; border:#ccc 1px solid;}
.sitemap .site_snb li a {display:block; width:100%; height:34px; line-height:34px; border-bottom:#ddd 1px solid; text-align:center; font-size:12px; color:#666; transition:.3s linear;}
.sitemap .site_snb li a:hover {color:#000; background:#fafafa;}
.sitemap .site_snb li.line2 a {line-height:17px;}

/* board_ass */
#container #bo_v {padding:0; box-shadow:none;}
#container #bo_v_con iframe {max-width:100%;}

/* 약관 */
.yak {border:#ddd 1px solid; padding:10px; margin-bottom:50px;}
.yak * {word-break:keep-all;}
.yak .tit {font-size:14px; color:#333; font-weight:bold; line-height:22px;}
.yak p {font-size:13px; color:#666; line-height:20px;}
.yak p.bar {padding-left:10px; text-indent:-10px;}
.yak.text {border:#ccc 1px solid; padding:5px; height:120px; line-height:10px; overflow-y:auto; margin-bottom:5px;}
.yak.text .tit {font-size:14px; line-height:22px;}
.yak.text p {font-size:12px; line-height:18px;}

.fancybox-opened .fancybox-skin {padding:0 !important;}
.pop_pol img {width:100%;}
.fancybox-inner iframe {width:100%; max-width:100%;}

#bo_gall .gall_li .gall_img {display:block; border:#ddd 1px solid;}

/* 살구 위로엽서 */
.board_consolation {display:flex; flex-wrap:wrap; margin-top:-30px;}
.board_consolation li {position:relative; width:100%; margin:30px 0 0;}
.board_consolation li a {display:block;}
.board_consolation li i {display:block; border:#e1e1e1 1px solid; font-size:0;}
.board_consolation li .txt {display:block; padding-top:20px;}
.board_consolation li p {font-size:14px; color:#000; font-weight:500; line-height:18px; margin-bottom:4px;}
.board_consolation li em {display:block; font-size:12px; color:#949494; line-height:18px;}
.board_consolation .slick-arrow {position:absolute; top:calc(50% - 50px); width:30px; height:40px; background:rgba(0,0,0,.5); font-size:0; z-index:1;}
.board_consolation .slick-arrow:before,
.board_consolation .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff; margin-left:-5px;}
.board_consolation .slick-arrow:before {margin-top:-4px;}
.board_consolation .slick-arrow:after {margin-top:2px;}
.board_consolation .slick-prev {left:0;}
.board_consolation .slick-prev:before {transform:rotate(-45deg);}
.board_consolation .slick-prev:after {transform:rotate(45deg);}
.board_consolation .slick-next {right:0;}
.board_consolation .slick-next:before {transform:rotate(45deg);}
.board_consolation .slick-next:after {transform:rotate(-45deg);}

.board_consolation_new {display:flex; flex-wrap:wrap; margin-top:10px;}
.board_consolation_new li {position:relative; width:calc(50% - 10px);  margin-left:10px;}
.board_consolation_new li:nth-child(2n-1) {margin-left:0;}
.board_consolation_new li a {display:block;}
.board_consolation_new li .img {border:#e1e1e1 1px solid;padding:1px;}
.board_consolation_new li .img img {display:block;  font-size:0;}
.board_consolation_new li .txt {display:block; padding-top:20px;}
.board_consolation_new li p {font-size:14px; color:#000; font-weight:500; line-height:18px; margin-bottom:4px;}
.board_consolation_new li em {display:block; font-size:12px; color:#949494; line-height:18px;}

.sub06 .mtminus50 th,
.sub06 .mtminus50 td {padding:5px 10px; line-height:30px; font-size:13px; color:#464646;}
.sub06 .mtminus50 th {width:140px;}
.sub06 .mtminus50 td .tit {font-size:15px; color:#222; font-weight:700; line-height:1; padding:20px 0; text-align:center;}
.sub06 .mtminus50 td p {font-size:13px; color:#464646; line-height:20px;}
.sub06 .mtminus50 td .glbox {border:#e1e1e1 3px solid; padding:10px; font-size:13px; color:#464646; line-height:23px; margin:15px 0;}
.sub06 .mtminus50 td .radios {display:flex; gap:10px; align-items:center;}
.sub06 .mtminus50 td .radios label.radio {margin:0;}
label.radio {position:relative; padding-left:19px; font-size:13px; color:#464646;}
label.radio input {display:none;}
label.radio i {position:absolute; top:50%; left:0; width:14px; height:14px; border:#464646 1px solid; border-radius:50%; margin-top:-7px;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#3560ff; border-radius:50%; transition:.2s linear; transform:translate(-50%,-50%);}
label.radio input:checked + i {border-color:#3560ff;}
label.radio input:checked + i:before {width:12px; height:12px;}
.sub06 .mtminus50 td .gbox {font-size:13px; color:#464646; line-height: 20px; padding:5px 10px; background:#e1e1e1;}
.sub06 .mtminus50 td .date {font-size:13px; color:#464646; line-height:1; margin:10px 0; text-align:center;}
.sub06 .mtminus50 td .name {font-size:17px; color:#464646; line-height:1; text-align:center; margin-bottom:15px;}
.sub06 .mtminus50 td .text {width:240px; max-width:100%; height:30px;}


label.radio2 {position:relative; display:inline-block; vertical-align:top; padding-left:20px !important; margin-right:0px !important; text-indent:0px !important; width:15%;}
label.radio2 input {display:none;}
label.radio2 i {position:absolute; top:5px; left:0; width:16px; height:16px; border:#222 1px solid; border-radius:50%; background: #fff;}
label.radio2 i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#0b3cef; transition:.2s linear; transform:translate(-50%,-50%); border-radius:50%;}
label.radio2 input:checked + i:before {width:8px; height:8px;}
@media screen and (max-width:1000px){
	label.radio2 { width:20%;}
}

@media screen and (max-width:800px){
	label.radio2 { width:30%;}
}


@media screen and (max-width:400px){
	label.radio2 {font-size:12px; line-height:16px; padding-left:20px; margin-right:0px !important; width:45%;}
	label.radio2 i {top:3px; left:0; width:14px; height:14px; }
	label.radio2 input:checked + i:before {width:6px; height:6px;}
}