/* 반응형  */

.mobile_block {display:none !important;}

@media screen and (min-width: 1920px) {

}

@media screen and (max-width: 1480px) {
.quick_menu {padding-right: 43px;}
.quick_menu ul li a {width: 80px; font-size: 14px; letter-spacing: -0.5px;}
.quick_menu ul li a img {display: block; margin: 0 auto 7px;}
.quick_menu ul li.go_top {bottom: -105px; left: -42px;}
.quick_menu ul li.go_top a {width: 164px; background-size: 100%;}
.quick_menu2 { padding-right: 20px; }
}

@media screen and (max-width: 1280px) {
	.quick_menu {display: none;}
	.quick_menu2 {display: none;}
}

@media screen and (max-width: 1200px) {
}

@media screen and (min-width: 1023px) {
	.header_wrap .gnb_wrap .gnb .depth2 {display:none !important;}
	.header_wrap .gnb_wrap .gnb .depth3 {display: none !important;}
	.gnb_bg {display:none !important;}
}

@media screen and (max-width: 1023px) {
	.mobile_none {display:none !important;}
	.mobile_block {display:block !important;}

	.direction .location .map_area {
		float: none;
		width: 100%;
	}

	.direction .location .txt_area {
		float: none;
		width: 100%;
	}



	/* ********** UI ****************************** */
	/* Btn */
	.btn {height: 35px; padding: 0 10px; line-height: 35px; font-size: 13px;}

	.btn_wrap .btn {width: 100px; height: 35px; line-height: 35px; font-size: 13px;}

	/* Label */
	.label {font-size: 12px; letter-spacing: -0.5px;}

	.label_consultation {height: 30px; padding: 0 10px; line-height: 26px; font-size: 13px;} /* 상담접수 */
	.label_completed {height: 30px; padding: 0 10px; line-height: 30px; font-size: 13px;} /* 상담완료 */

	/* Icon */
	.ic_spearker {width: 17px; height: 16px; background-size: 100%;}
	.ic_lock {width: 15px; height: 20px; background-size: 100%;}

	/* Input, Select, Textarea */
	input[type="text"],
	input[type="search"],
	input[type="password"],
	input[type="file"],
	input[type="submit"],
	input[type="button"] {height:33px; padding: 0 5px;}
	select {height: 35px; padding: 0 0 0 5px; font-size: 13px; background-size: 12px}

	/* Radio, Checkbox */
	.radio_style1 {margin-right: 10px;}
	.radio_style1 input + label.radio_img {margin-right: 0;}
	.radio_style1 label:last-child {height: auto;}
	.check_style1 {margin-right: 10px;}
	.check_style1 input + label.check_img {margin-right: 0;}
	.check_style1 label:last-child {height: auto;}

	/* Layer popup */
	.popup_wrap {z-index: 1000;}
	.popup_inner {margin: 60px auto 0;}
	.popup_inner .btn_close {right: 10px; top: 10px; width: 13px; height: 13px; background-size: auto 100%;}
	.popup_inner .pop_info_text {font-size: 14px; line-height: 20px; word-break: keep-all;}



	/* ********** Header ****************************** */
	/* 상단 배너 */
	.top_banner {display: none;}

	/* 주메뉴 */
	header {position: fixed; width: 100%; background: #fff; border-bottom: 1px solid #ddd; z-index: 999;}

	.header_wrap .logo {width: 230px; height: 50px; margin-left: 15px; background: url('../../images/mobile/logo.png') center center no-repeat; background-size: 100%;}

	.header_wrap .gnb_wrap {display: block; width: auto; font-family: 'NanumSquare', sans-serif;}

	.header_wrap .gnb_wrap .gnb {padding-top: 51px;}
	.header_wrap .gnb_wrap .gnb:before {position: absolute; top: 0; right: 0; border-bottom: 1px solid #ddd; width: 100%; height: 50px; content: ""; background: url('../../images/common/logo.png') center center no-repeat; background-size: 80% auto;}
	.header_wrap .gnb_wrap .gnb {position: fixed; right: -320px; top: 0; bottom: 0; width: 270px; text-align: left; background: #fff; z-index: 2; overflow-y: auto;}
	.header_wrap .gnb_wrap .gnb .depth1>li {display: block; padding: 0;}
	.header_wrap .gnb_wrap .gnb .depth1>li>a {height: 50px; line-height: 50px; font-size: 16px; text-align: left; color: #333; font-weight: 600; border-bottom: 1px solid #e2e2e2; background: #fff url('../../images/mobile/ic_menu_down.png') right 20px center no-repeat; background-size: 18px !important;}
	.header_wrap .gnb_wrap .gnb .depth1>li:hover>a {color: #333; border-color: #e2e2e2 !important; background: #fff url('../../images/mobile/ic_menu_down.png') right 20px center no-repeat;}
	.header_wrap .gnb_wrap .gnb .depth1>li.on>a {color: #333; border-color: #e2e2e2; background: #fff url('../../images/mobile/ic_menu_up.png') right 20px center no-repeat;}

	.header_wrap .gnb_wrap .gnb .depth2 {position: static; padding: 0; text-align: left; background: #fff;}
	.header_wrap .gnb_wrap .gnb .depth2>li>a {display: block; margin: 0; padding: 12px 30px; font-size: 15px;  font-weight: 600;}
	.header_wrap .gnb_wrap .gnb .depth2>li>a span {display: inline-block;}
	.header_wrap.open .gnb_wrap .gnb .depth2 {display: block;}

	.header_wrap .gnb_wrap .gnb .depth1>li .depth2>li>a {padding-left: 35px; background-size: 10px !important;}
	.header_wrap .gnb_wrap .gnb .depth1>li:nth-child(2) .depth2>li>a {background: url('../../images/mobile/ic_menu_plus.png') left 20px center no-repeat;}
	
	.header_wrap .gnb_wrap .gnb .depth1>li:nth-child(2) .depth2>li:hover>a,
	.header_wrap .gnb_wrap .gnb .depth1>li:nth-child(2) .depth2>li.on>a {background: url('../../images/mobile/ic_menu_minus.png') left 20px center no-repeat;}
	/* .header_wrap .gnb_wrap .gnb .depth1>li:nth-child(2) .depth2>li:nth-child(3) a {background: none !important;} */

	.header_wrap .gnb_wrap .gnb .depth3 {display: none; padding: 5px 0; text-align: left; background: #fff; border-bottom: 1px solid #ddd;}
	.header_wrap .gnb_wrap .gnb .depth3>li>a {display: block; padding: 10px 30px; font-size: 14px; font-weight: 600; color: #555;}
	.header_wrap .gnb_wrap .gnb .depth3>li>a:before {padding-right: 5px; content: "·";}

	.header_wrap .gnb_bg {display: none; position: fixed; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); border-top: 0; z-index: 1;}
	.header_wrap .gnb_bg div {display: none !important;}

	.header_wrap .btn_gnb a {display: block; width: 50px; height: 50px; padding: 0; background: #f1f1f1 url('../../images/mobile/btn_gnb.png') center center no-repeat; background-size: 84% 84%;}
	.header_wrap .btn_gnb_close {position: absolute; top: 0; left: -50px; width: 50px; height: 49px; border-right: 1px solid #ddd; background: #fff url('../../images/common/ic_close2.png') center center no-repeat; background-size: 22px;}



	/* ********** Footer ****************************** */
	.footer_wrap .foot_menu {padding: 15px; text-align: center; font-size: 0;}
	.footer_wrap .foot_menu li {display: inline-block; float: none !important;}
	.footer_wrap .foot_menu li a {height: 13px; padding: 0 10px; line-height: 13px; font-size: 12px;}

	.footer_wrap .foot_copy {padding: 0px 15px 15px;}
	.footer_wrap .foot_copy .logo {display: block; float: none; width: 200px; height: 30px; margin: 0 auto 15px; background: url('../../images/mobile/foot_logo.png') left center no-repeat;background-size: 100%;}
	.footer_wrap .foot_copy p {float: none; width: 100%; padding-left: 0; font-size: 12px; line-height: 18px;}
	.footer_wrap .foot_copy p span {padding: 0 5px;}



	/* ********** Main ****************************** */
	.main_contents {padding-top: 50px;}

	/* 비주얼 */
	.main_contents .visual {height: 170px;}
	.main_contents .visual .visual_slide2 li {height: 170px; background-size: auto 200px !important; text-indent: -9999px;}

	.main_contents .visual .bx-wrapper .bx-viewport {height: 170px !important;}
	.main_contents .visual .bx-wrapper .bx-pager,
	.main_contents .visual .bx-wrapper .bx-controls-auto {bottom: 10px;}
	.main_contents .visual .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px;}
	.main_contents .visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.main_contents .visual .bx-wrapper .bx-pager.bx-default-pager a.active {border: 2px solid #fff;}

	/* 메인 퀵링크 */
	.main_contents .cont1 {position: static; padding: 5px;}
	.main_contents .cont1>div ul {width: 50%; margin-top: 0 !important;}
	.main_contents .cont1 li {width: 100%; margin: 0;}
	.main_contents .cont1 li a {height: 130px; padding: 15px 10px; background-size: 96% 96% !important;}
	.main_contents .cont1 li a p {font-size: 16px; line-height: 20px; font-weight: 400;}
	.main_contents .cont1 li a p span {font-size: 14px; font-weight: 400;}
	.main_contents .cont1 li a:hover {background-size: 96% 96% !important;}

	.main_contents .cont1>div ul:nth-child(1) li:nth-child(1) a {background: url('../../images/main/bg_quick01.png') center center no-repeat;}
	.main_contents .cont1>div ul:nth-child(1) li:nth-child(2) a {background: url('../../images/main/bg_quick02.png') center center no-repeat;}
	.main_contents .cont1>div ul:nth-child(2) li:nth-child(1) a {background: url('../../images/main/bg_quick03.png') center center no-repeat;}
	.main_contents .cont1>div ul:nth-child(2) li:nth-child(2) a {background: url('../../images/main/bg_quick04.png') center center no-repeat;}

	/* 메인 콘텐츠 */
	.main_contents .cont2 {padding: 0;}

	.main_contents .cont2 .box {float: none; width: 100%;}
	.main_contents .cont2 .box_title {height: 40px; margin: 0; line-height: 40px; font-size: 16px;}
	.main_contents .cont2 .box_title .btn_more {top: 10px;}

	.main_contents .cont2 .main_consult .box_cont li { width: 50%; padding: 5px 0; }
	.main_contents .cont2 .main_consult .box_cont li a { font-size: 14px; padding: 0 10px; }
	.main_contents .cont2 .main_consult .box_cont li a img { width: 25px; }

	.main_contents .cont2 .main_board {float: none; width: 100%; padding-right: 0; padding: 10px 15px 0;}
	.main_contents .cont2 .main_board .box_cont ul li a {display: inline-block; padding-left: 10px; line-height: 22px; font-size: 14px; background-size: 5px;}
	.main_contents .cont2 .main_board .main_notice {margin-bottom: 5px;}

	.main_contents .cont2 .main_event {margin-top: 10px; padding: 0 15px 10px;}
	.main_contents .cont2 .main_event .box_title  {margin-bottom: 0px;}
	.main_contents .cont2 .main_event .box_cont .event_slide li a {height: 113px; padding: 0 5px;}
	.main_contents .cont2 .main_event .box_cont .event_slide li a dl {left: 5px; right: 5px; padding: 0 10px;}
	.main_contents .cont2 .main_event .box_cont .event_slide li a dl dt {padding-top: 35px; font-size: 16px; line-height: 18px;}
	.main_contents .cont2 .main_event .box_cont .event_slide li a dl dd {font-size: 13px;}

	.main_contents .cont2 .bx-wrapper .bx-controls-direction a {display: none; width: 20px; height: 20px; margin-top: -10px; background-size: 100% !important;}
	.main_contents .cont2 .bx-wrapper .bx-controls-direction a.bx-prev {left: -10px;}
	.main_contents .cont2 .bx-wrapper .bx-controls-direction a.bx-next {right: -10px;}

	/* 메인 배너 */
	.main_contents .main_banner .bx-wrapper {padding: 0;}
	.main_contents .main_banner .bx-wrapper .bx-viewport {width: calc(100% - 80px) !important; margin: 0 auto;}
	.main_contents .main_banner .bx-wrapper .banner_slide li {display: table; height: 40px;}
	.main_contents .main_banner .bx-wrapper .banner_slide li a {display: table-cell; vertical-align: middle; height: 54px; padding: 10px 5px;}
	.main_contents .main_banner .bx-wrapper .banner_slide li a img {margin: 0 auto;}
	.main_contents .main_banner .bx-wrapper .bx-controls-direction a {width: 40px; height: 54px; border: 0 !important;}
	.main_contents .main_banner .bx-wrapper .bx-controls-direction a.bx-prev {left: 0; right: auto; background-size: 8px;}
	.main_contents .main_banner .bx-wrapper .bx-controls-direction a.bx-next {background-size: 8px;}

	/* 사이트맵 팝업 */
	#sitePop .popup_inner {width: 100%; height: 100%; margin: 0; overflow-y: auto; border: 0;}
	#sitePop .popup_contents {width: 100%; height: 100%; padding: 35px 15px;}
	#sitePop .popup_contents dl {width: 49%; margin-right: 2%;}
	#sitePop .popup_contents dl:nth-child(2n+2) {margin-right: 0;}
	#sitePop .popup_contents dl dt {height: 40px; padding: 0 10px; font-size: 16px; line-height: 40px;}
	#sitePop .popup_contents dl dd {padding: 5px 10px;}
	#sitePop .popup_contents dl dd>ul>li>a {padding: 6px 0 6px 10px; font-size: 14px; background: url('../../images/common/ic_bul.png') left top 14px no-repeat; background-size: 3px;}
	#sitePop .popup_contents dl dd>ul>li ul {padding: 0 10px;}
	#sitePop .popup_contents dl dd>ul>li ul li a {padding: 4px 0 4px 10px; font-size: 13px;}
	#sitePop .popup_contents dl dd>ul>li ul li a:before {top: 3px;}



	/* ********** Contents ****************************** */
	.inner {width: 100%;}
	.sub_contents {min-height: 345px; padding-top: 50px;}


	/* Sub visual */
	.sub_visual {height: 80px; background-size: auto 100%;}
	.sub_visual p {font-size: 12px;}
	.sub_visual p strong {margin-bottom: 5px; font-size: 20px;}


	/* Page Root */
	.page_root {display: none;}


	/* Title */
	.page_title {padding-bottom: 0; font-size: 20px; text-align: center;}
	.page_title:after {display: none;}

	.page_title + * {margin-top: 15px !important;}
	.page_title + * .box_title {margin-top: 15px !important;}


	/* Search */
	.search_wrap>* {font-size: 13px;}
	.search_wrap select {width: 80px; margin-right: 5px;}
	.search_wrap input[type='text'] {width: calc(100% - 126px); padding-right: 30px;}
	.search_wrap .btn {width: 35px; height: 35px; background-size: 15px;}


	/* Text */
	.info_text {padding: 10px 15px;}


	/* Board */
	.board_option {margin: 15px 0;}

	.board_list {margin-top: 20px;}
	.board_list table th {height: 40px; font-size: 13px;}
	.board_list table td {height: 40px; font-size: 13px;}
	.board_list table td.subject {padding: 5px 10px;}
	.board_list table td a {display: block; height: auto; line-height: 20px;}
	.board_list .search_wrap {margin-top: 20px;}

	.board_view .view_title {margin-top: 20px; padding: 15px; font-size: 15px;}
	.board_view .view_info {padding: 0 15px 10px; font-size: 12px;}
	.board_view .view_info p.fl_left {width: 100%;}
	.board_view .view_info p span {height: 13px; padding: 0 5px; line-height: 13px; font-size: 13px;}
	.board_view .view_info p span:first-child {padding-left: 0; border-left: 0;}
	.board_view .view_info dl dt {padding-right: 15px;}
	.board_view .view_info dl dd {color: #666;}
	.board_view .view_info .view_file {width: calc(100% + 30px); margin: 0 -15px; margin-top: 10px; padding: 10px 10px 0; text-align: right; border-top: 1px solid #ddd;}
	.board_view .view_info .view_file p {display: inline-block; padding-left: 11px; font-size: 12px; background-size: 6px;}
	.board_view .view_info .view_file .view_file_list {text-align: left; right: 0; width: 200px; padding: 10px;}
	.board_view .view_contents {min-height: 150px; margin-bottom: 20px; padding: 15px; font-size: 13px; line-height: 20px;}

	.comments_wrap {margin: 20px 0 0;}
	.comments_wrap .title {padding: 10px 0; font-size: 12px;}
	.comments_wrap .write_com textarea {width: calc(90% - 63px); height: 40px; font-size: 12px;}
	.comments_wrap .write_com .btn_gray {width: 70px; height: 62px; font-size: 12px; line-height: 62px;}
	.comments_wrap .list_com {margin: 10px 0 20px;}
	.comments_wrap .list_com dt {margin-bottom: 5px; font-size: 12px;}
	.comments_wrap .list_com dd {font-size: 12px;}
	.comments_wrap .list_com li>.btn {right: 0;}
	.comments_wrap .list_com li.re_com {padding: 10px 0 10px 20px;}
	.comments_wrap .list_com li.re_com:after {position: absolute; left: 0; top: 10px; content: "└"; font-size: 14px; font-weight: 600;}
	.comments_wrap .list_com li.re_com textarea {width: calc(89.9% - 65px);}

	.board_write {margin-top: 20px;}
	.board_write th {height: 40px; padding: 5px; font-size: 14px;}
	.board_write td {height: 40px; padding: 5px; font-size: 14px;}
	.board_write td input[type='text'] {width: calc(100% - 12px);}
	.board_write td textarea {height: 150px;}


	/* Form */
	.form_write {margin-top: 20px;}

	.form_write ul li {border: 0;}
	.form_write ul li dl {display: table; float: none; min-height: 46px; border-bottom: 1px solid #ddd;}
	.form_write ul li.column2 dl {width: 100%;}
	.form_write ul li dl>* {padding: 5px 10px}
	.form_write ul li dl dt {width: 65px; font-size: 13px; word-break: keep-all; line-height: 18px;}
	.form_write ul li dl dd {width: clac(100% - 65px); font-size: 13px;}
	.form_write ul li dl dd select {width: 100%;}
	.form_write ul li dl dd select.type1 {width: 49.2%;}
	.form_write ul li dl dd select.type2 {width: 70px;}
	.form_write ul li dl dd textarea {width: calc(100% - 22px); height: 100px;}
	.form_write ul li dl dd input[type='text'] {width: calc(100% - 12px);}
	.form_write ul li dl dd input[type='text'].type1 {width: calc(100% - 12px);}
	.form_write ul li dl dd input[type='text'].type2 {width: calc(100% - 12px);}
	.form_write ul li dl dd input[type='text'].type3 {width: 30px;}
	.form_write ul li dl dd input[type='text'].type4 {width: 85px;}
	.form_write ul li dl dd input[type='text'].type5 {width: calc(100% - 12px);}
	.form_write ul li dl dd .radio_style1,
	.form_write ul li dl dd .check_style1 {margin: 2px 10px 2px 0;}

	.form_view ul li dl dd {color: #999;}

	.form_write ul li dl dd input[type='text'].type3.school_input {width: 15px;}
	.form_write ul li dl dd input[type='text'].type4.school_input {width: 36px;}


	/* Paging */
	.paging {margin-top: 30px;}
	.paging a {width: 25px; height: 25px; line-height: 25px; font-size: 12px;}
	.paging a.btn_prev,
	.paging a.btn_prev_db,
	.paging a.btn_next,
	.paging a.btn_next_db {width: 20px; background-size: auto 10px;}



	/* 상담신청 - 개인상담 */
	.personal {padding: 20px 10px 50px;}
	.personal .box .box_title {background: url('../../images/common/ic_bul_red.png') left top 8px no-repeat;}

	.box .box_title {margin: 15px 0 10px; padding-left: 10px; font-size: 14px;}

	.personal .form_write dl dd span.m_block {display: block;}
	.personal .form_write dl dd span.mr40 {margin-right: 0 !important;}

	.agree_box textarea {height: 100px;}
	.agree_box span.check_style1 {font-size: 12.5px;}

	.personal .box .box_title .btn_print {display: none;}
	.personal .btn_wrap {margin-top: 30px;}
	.personal .board_option>.btn {width: 100%; margin-top: 5px;}
	.personal .board_list table tr.mobile_block {display: table-row !important;}

	.personal .btn_down {margin-top: 2px; margin-left: 0; padding: 3px 10px 3px 25px; font-size: 13px;}

	/* 상담신청 - 사이버상담 */
	.cyber {padding: 20px 10px 50px;}

	.cyber .board_option>.btn {width: 100%; margin-top: 5px;}
	.cyber .board_list table tr.mobile_block {display: table-row !important;}

	/* 비밀번호 팝업 */
	#passwordPop .popup_inner {width: 96%;}
	#passwordPop .popup_contents {padding: 20px 10px;}
	#passwordPop .popup_contents .pop_info_text {padding: 15px 0;}
	#passwordPop .popup_contents input[type='password'] {width: 80%; margin-bottom: 10px;}
	#passwordPop .popup_contents img {width: 30px;}
	#passwordPop .popup_contents .btn {width: 80px;}



	/* 센터소개 - 센터소개 */
	.info {padding: 20px 10px 50px; font-size: 14px;}

	.info img.img_info {width: 250px; margin: 0 auto 20px;}
	.info p.text {line-height: 22px;}
	.info .history {margin-top: 20px;}
	.info .history li {margin-bottom: 20px;}
	.info .history li dl dt {width: 100%; margin-bottom: 10px; font-size: 26px; letter-spacing: 0; border-bottom: 1px solid #ddd;}
	.info .history li dl dd {width: 100%; line-height: 22px;}
	.info .history li dl dd p strong {width: 50px; vertical-align: top;}
	.info .history li dl dd p span {width: calc(100% - 55px);}

	/* 센터소개 - 인사말 */
	.greeting {padding: 20px 10px 50px;}
	.greeting .greeting_txt_wrap { flex-wrap: wrap; justify-content: center; }
	.greeting .greeting_img { margin-right: 0; width: 280px; }
	.greeting .greeting_txt { font-size: 14px; }
	.greeting .greeting_txt .txt {  }
	.greeting .greeting_txt .txt:last-child {  }
	.greeting .greeting_txt .txt.txt1 {  }
	.greeting .greeting_txt .txt.txt1 .point { font-size: 18px; }
	.greeting .greeting_txt .txt.txt2 {  }
	.greeting .greeting_txt .txt.txt2 .point { font-size: 14px; }
	.greeting .greeting_txt .txt.txt3 {  }
	.greeting .greeting_txt .txt.txt3 .sign {  }

	

	/* 센터소개 - 조직도 */
	.organization {padding: 20px 10px 50px;}

	.organization .tree {width: 600px; margin: 0 auto;}
	.organization .tree .round_box {width: 160px; height: 40px; line-height: 40px; font-size: 15px;}
	.organization .tree .bg_mint { width:160px; height: 60px; line-height: 20px; padding-top: 10px;}
	.organization .tree ul li {width: 160px;}
	.organization .tree dl {padding: 5px 10px 10px;}
	.organization .tree dl dt {margin: 0 0 3px; font-size: 12px; line-height: 18px; letter-spacing: -1px;}
	.organization .tree dl dd {font-size: 12px; line-height: 18px;}
	.organization .tree dl.list dd {padding-left: 5px;}
	.organization .tree dl.list dd:before {width: 2px; background-size: 100%;}

	.organization .tree .area1 {margin-bottom: 20px;}
	.organization .tree .area1:before {height: 20px;}

	.organization .tree .area2 {margin-bottom: 20px;}
	.organization .tree .area2:before {height: 20px;}

	/* .organization .tree .area2:before {top: 20px; left: 200px; right: auto; width: 100px;} */

	.organization .tree .area3 {margin: 15px auto 0;}
	.organization .tree .area3:before {height: 20px;}

	.organization .tree .area4:before {top: 20px; left: 174px; right: 81px;}
	.organization .tree .area4 li:nth-child(1) {margin-left: 95px;}
	.organization .tree .area4 li:before {top: -20px; height: 100px;}
	.organization .tree .area4 li:nth-child(1):before {height: 80px;}

	.organization .tree .area6 {margin-top: 40px;}
	.organization .tree .area6:before {top: -20px; left: 79px; right: auto; width: 190px; height: 1px; background: #ddd;}
	.organization .tree .area6 li {margin-right: 30px;}
	.organization .tree .area6 li:before {top: -20px; height: 20px;}

	.organization .chart {margin-top: 30px;}
	.organization .chart table th {height: 40px; font-size: 14px;}
	.organization .chart table td {height: 35px; font-size: 12px; line-height: 18px; letter-spacing: -1px;}
	.organization .chart table td.text_left {padding: 5px;}
	.organization .chart table.report_table {width: 100%;}
	
	/* .organization .tree .area1 {margin-bottom: 15px;}
	.organization .tree .area1:before {height: 579px;}
	
	.organization .tree .area2:before {top: 19px; left: 145px; right: 145px; width: calc(50% - 145px);}
	.organization .tree .area2 .round_box {width: 140px;}
	
	.organization .tree .area3 {margin: 15px auto;}
	
	.organization .tree .area4 {padding-bottom: 90px;}
	.organization .tree .area4:before {top: 19px; left: 145px; right: auto; width: calc(100% - 290px);}
	.organization .tree .area4 .round_box {width: 140px;}
	.organization .tree .area4 li:nth-child(2) {position: absolute; bottom: 0; left: 0; float: none; margin: 0;}
	
	.organization .tree .area5 {margin-top: 40px; padding-bottom: 150px;}
	.organization .tree .area5:before {top: -25px; left: 75px; right: 75px;}
	.organization .tree .area5 li:before {top: -25px; left: 50%; height: 25px;}
	.organization .tree .area5 li:nth-child(2) {top: 150px; width: 150px; margin-left: -75px;}
	.organization .tree .area5 .round_box {width: 140px;} */

	/* 20190319추가 */
	.organization .click_text {margin-bottom: 30px; padding: 10px 45px;}
	.organization .click_text > img {width: 30px;}
	.organization .click_text > span {width: calc(100% - 35px); margin-left: 5px; font-size: 14px; text-align: left; -ms-word-break: keep-all; word-break: keep-all;}

	/* 센터소개 - 시설현황 */
	.facility {padding: 20px 10px 50px;}

	.facility .facility_list li {width: 49%; margin-right: 1.5%; margin-bottom: 20px;}
	.facility .facility_list li:nth-child(2n+2) {margin-right: 0;}
	.facility .facility_list li a p {margin-top: 10px; padding-top: 7px; font-size: 14px;}
	/* 시설현황 팝업 */
	#facilityPop .popup_inner {width: 300px;}
	#facilityPop .popup_contents .bx-wrapper .bx-viewport {height: 300px !important;}
	#facilityPop .popup_contents .bx-wrapper .facility_slide li {width: 300px !important;}
	#facilityPop .popup_contents .bx-wrapper .facility_slide li img {width: 294px;}
	#facilityPop .popup_contents .bx-wrapper .facility_slide li p {margin-top: 10px; font-size: 14px;}
	#facilityPop .popup_contents .bx-wrapper .bx-controls-direction a {width: 13px; height: 26px; margin-top: -53px;}
	#facilityPop .popup_contents .bx-wrapper .bx-controls-direction a.bx-prev {left: 10px; background-size: 100%;}
	#facilityPop .popup_contents .bx-wrapper .bx-controls-direction a.bx-next {right: 10px; background-size: 100%;}

	/* 센터소개 - 필수연계기관 */
	.link {padding: 20px 10px 50px;}
	.link .box .box_title {background: url('../../images/common/ic_bul.png') left top 8px no-repeat;}

	.link .box {width: 100%; margin-right: 0;}
	.link .box .box_cont table th {height: 40px; font-size: 14px;}
	.link .box .box_cont table td {height: 35px; font-size: 12px; line-height: 18px; letter-spacing: -1px;}
	.link .box .box_cont table td.text_left {padding: 5px 10px;}
	.link .box .box_cont table.report_table {width: 100%;}

	/* 센터소개 - 이용안내/찾아오시는길 */
	.guide {padding: 20px 10px 50px;}
	.guide .box .box_title {background: url('../../images/common/ic_bul.png') left top 8px no-repeat;}

	.use .box .box_cont {font-size: 14px; line-height: 20px;}
	.use .box .box_cont>span.jade {font-size: 13px; letter-spacing: -1px;}
	.use .box.process li {width: 45%; height: 120px; margin-right: 30px; margin-bottom: 30px; padding-top: 15px; font-size: 13px;}
	.use .box.process li:nth-child(even) {margin-right: 0;}
	.use .box.process li:after {right: -23px; width: 12px; background-size: 100%;}
	.use .box.process li:nth-child(2):after {top: auto; left: 50%; right: auto; bottom: -20px; width: 30px; height: 12px; margin-left: -15px; background: url('../../images/centerInfo/ic_arrow_down_gray.png') center center no-repeat; background-size: auto 100%;}
	.use .box.process li:nth-child(2) {float: right !important;}
	.use .box.process li:nth-child(3) {float: right !important; margin-right: 0;}
	.use .box.process li:nth-child(3):after {top: 50%; left: -23px; right: auto; background: url('../../images/centerInfo/ic_arrow_prev_gray.png') center center no-repeat; background-size: 100%;}
	.use .box.process li img {height: 41px;}
	.use .box.process li p {height: 63px;}
	.use .box.process li p span {line-height: 18px;}
	.use .box:last-child .box_title {margin-top: 0;}

	.direction .location .txt_area { padding: 0 20px; }
	.direction .location .txt_area .text { padding: 17px 0px; }
	.direction .location .txt_area .text .txt_list dt {  font-size: 18px; }
	.direction .location .txt_area .text .txt_list dd { font-size: 16px; }
	.direction .use ul li>p { font-size: 16px; }
	.direction .use ul li dl dt { font-size: 16px; }
	.direction .use ul li dl dd { font-size: 14px; }
	.direction .use ul li dl dd span { margin-bottom: 10px; }
	.direction .use ul li dl dd.blue span:before { top: 3px; }


	/* 사업소개 - 청소년상담사업 */
	.teenager_consult {padding: 20px 10px 50px; font-size: 14px; line-height: 20px;}
	.teenager_consult .box .box_title {background: url('../../images/common/ic_bul_yellow.png') left top 8px no-repeat;}
	
	.teenager_consult .btn_wrap .btn {padding: 0 30px; height: 50px; line-height: 50px; font-size: 15px;}

	/* 사업소개 - 청소년상담사업 - 청소년상담사업이란? */
	.teenager_consult .text_info {margin: 20px 0;}
	.teenager_consult>img {width: 100%;}
	.teenager_consult .circle_box {text-align: center;}
	.teenager_consult .circle_box>img {display: block; margin: 20px auto;}
	.teenager_consult .circle_box div img {width: 100%;}
	.teenager_consult .circle_box p {text-align: center; font-size: 16px;}

	.line_list li {width: 100% !important; padding: 1px 0 1px 10px; font-size: 13px; letter-spacing: -1px; line-height: 20px;}
	.line_list li:before {top: 1px; content: "-";}

	.box_list>li {width: 49%; margin-right: 2%; margin-bottom: 15px;}
	.box_list>li:nth-child(2n+2) {margin-right: 0;}
	.box_list>li dl dt {height: 45px; padding: 0 5px; font-size: 15px; text-align: center; line-height: 45px;}
	.box_list>li dl dd {padding: 10px;}
	.box_list>li dl dd>ul>li {padding: 1px 0 1px 10px; font-size: 13px; letter-spacing: -1px;}
	.box_list>li dl dd>ul>li:before {top: 0;}

	.line_box {padding: 10px;}
	.line_box p span {vertical-align: top;}
	.line_box p strong {width: calc(100% - 125px);}
	.line_box p strong.lightgray {width: calc(100% - 75px);}

	/* 사업소개 - 청소년상담사업 - 개인상담 */
	.individual .box_list>li dl dd {height: 210px;}

	.box_text {margin-bottom: 10px; font-size: 14px; line-height: 20px;}

	.img_list li {width: 49%; margin-right: 2%; margin-bottom: 5px;}
	.img_list li:nth-child(2n+2) {margin-right: 0;}
	.img_list li img {width: 100%;}

	.process_list>li {width: 100%; margin-right: 4%;}
	.process_list>li.step5 {width: 100%;}
	.process_list>li:nth-child(2n+2) {margin-right: 0;}
	.process_list>li dl dt {height: 45px; padding: 0 10px; font-size: 15px; font-weight: 600; color: #fff; line-height: 45px;}
	.process_list>li dl dd {width: 90%; min-height: auto;}
	.process_list>li dl dd ul li {padding: 1px 0 1px 8px; font-size: 12.5px; line-height: 18px; letter-spacing: -1px;}
	.process_list>li dl dd ul li span {display: inline-block;}

	.box_info_list li {font-size: 13px;}

	/* 사업소개 - 청소년상담사업 - 사이버상담 */
	.cyber_consult .img_balloon .text_area dl dt {width: 60px; font-size: 14px;}
	.cyber_consult .img_balloon .text_area dl dd {padding: 10px; word-break: break-all;}
	.cyber_consult .btn_wrap {margin-top:  20px;}

	.img_balloon {height: auto;}
	.img_balloon:after {display: none;}
	.img_balloon .img_area {position: static; width: 100%;}
	.img_balloon .img_area img {width: 100%;}
	.img_balloon .text_area {position: static; width: 100%;}
	.img_balloon .text_area dl {width: 100%; height: auto; margin-left: 0; padding: 15px;}
	.img_balloon .text_area dl:before {display: none;}
	.img_balloon .text_area dl dt {font-size: 13px;}
	.img_balloon .text_area dl dd {padding-left: 7px; font-size: 13px; line-height: 20px;}

	/* 사업소개 - 청소년상담사업 - 전화상담 */
	.telephone .box {margin-bottom: 20px;}
	.telephone .box .box_img img {width: 80%;}

	.box_info_list {font-size: 13px;}

	/* 사업소개 - 청소년상담사업 - 학교폭력예방사업 */
	.school .box_title + p {padding: 10px; font-size: 14px; line-height: 20px;}

	/* 사업소개 - 청소년상담사업 - 지역연계특화사업 */
	.local_link .box_list>li {width: 100% !important;}
	.local_link .box_list>li:after {display: none;}
	.local_link .box_list>li dl dt {height: 40px; padding: 0 10px; line-height: 40px;}
	.local_link .box_list>li dl dt span {display: inline-block;}
	.local_link .box_list>li dl dd {height: auto;}
	.local_link .box_list>li dl dd.fl_wrap ul {float: none; width: 100%;}

	.box_cont_title {font-size: 14px;}

	/* 사업소개 - CYS-Net */
	.cysnet {padding: 20px 10px 50px;}
	
	.cysnet .box .box_title {background: url('../../images/common/ic_bul_yellow.png') left top 8px no-repeat;}

	/* 사업소개 - CYS-Net - CYS-Net이란? */
	.cysnet .box .box_cont>img {width: 100%; margin: 0 auto 20px;}
	.cysnet .img_balloon .img_area {width: 100%;}
	.cysnet .img_balloon .text_area {width: 100%;}

	/* 사업소개 - CYS-Net - 미추홀구청소년통합지원체계 */
	.integrated .img_balloon .img_area {width: 100%;}
	.integrated .img_balloon .text_area {width: 100%;}

	/* 사업소개 - CYS-Net - 1388청소년지원단 */
	.youth .tree {margin-top: 20px;}
	.youth .tree p {width: 170px; height: 40px; line-height: 40px; font-size: 15px;}
	.youth .tree p:after {bottom: -25px; height: 25px;}
	.youth .tree ul {margin-top: 25px; padding-top: 25px;}
	.youth .tree ul:before {left: 24%; top: 0; width: 50%; margin-left: 0px;}
	.youth .tree ul li {width: 48%; height: 40px; margin-right: 2%; margin-bottom: 10px; line-height: 40px; font-size: 14px;}
	.youth .tree ul li:after {position: absolute; left: 50%; top: -25px; width: 1px; height: 25px;}
	.youth .tree ul li:nth-child(2n+2) {margin-right: 0;}
	.youth .tree ul li:nth-child(3):after,
	.youth .tree ul li:nth-child(4):after {top: -10px; height: 10px;}

	.activity_list li {width: 30%; height: 160px; margin-left: 5%; margin-bottom: 15px;}
	.activity_list li:nth-child(4) {margin-left: 0;}
	.activity_list li:before {left: -13px; top: 34px; width: 10px; background-size: 100%;}
	.activity_list li:nth-child(4):before {left: -10px;}
	.activity_list li>img {width: 90px;}
	.activity_list li dl dt {height: 30px; margin: 5px 0 2px; line-height: 30px; font-size: 12px;}
	.activity_list li dl dd {padding: 0 5px; line-height: 16px; font-size: 12px;}

	.guideline li {width: 100%; height: auto; margin-right: 0; margin-bottom: 15px; padding: 15px;}
	.guideline li>img {width: 100px;}
	.guideline li dl dt {height: 32px; line-height: 32px; font-size: 13px;}
	.guideline li dl dd>p {height: auto; padding-bottom: 5px; font-size: 13px;}
	.guideline li dl dd div {font-size: 13px; line-height: 18px;}
	.guideline li dl dd div p {padding: 2px 0;}

	.youth .guideline li dl dd>p {padding: 10px 0;}

	.youth .box .box_cont table th {height: 40px; font-size: 13px;}
	.youth .box .box_cont table td {height: 35px; font-size: 12px; line-height: 18px; letter-spacing: -1px;}
	.youth .box .box_cont table td.text_left {padding: 5px;}

	/* 사업소개 - CYS-Net - 찾아가는 거리상담 */
	.street dl {padding: 10px;}
	.street dl dt {width: 100%; height: 30px; line-height: 30px; font-size: 15px;}
	.street dl dd {margin-top: 10px; font-size: 14px; line-height: 20px;} 

	/* 사업소개 - CYS-Net - 교육사업 */
	.education_business .guideline li {height: auto;}

	/* 사업소개 - CYS-Net - 또래상담사업 */
	.peer .color_box li {width: 100%;}

	.peer .color_box li {padding: 10px;}
	.peer .color_box li>img {width: 70px; margin: 0 auto 10px;}
	.peer .color_box li dl  {width: calc(100% - 70px); margin: 0; padding-left: 15px;}
	.peer .color_box li dl dt {width: 100%; height: 30px; line-height: 30px;}
	.peer .color_box li dl dd {width: 100%; margin: 10px 0 0; font-size: 14px; line-height: 20px;}

	/* 사업소개 - 청소년동반자 */
	.teenager_companion {padding: 20px 10px 50px;}
	
	.teenager_companion .box .box_title {background: url('../../images/common/ic_bul_yellow.png') left top 8px no-repeat;}

	.teenager_companion .box .box_cont table col:first-child {width: 40% !important;}
	.teenager_companion .box .box_cont table col:last-child {width: 60% !important;}
	.teenager_companion .box .box_cont table th {height: 40px; padding-left: 10px; font-size: 13px; letter-spacing: -0.5px;}
	.teenager_companion .box .box_cont table td {height: 35px; font-size: 12px; line-height: 18px; letter-spacing: -1px;}
	.teenager_companion .box .box_cont table td.text_left {padding: 5px;}

	.teenager_companion .line_list li {width: 100% !important;}
	.teenager_companion .dot_list li {width: 100% !important; font-size: 13px;}

	.teenager_companion .btn_wrap {margin-top: 20px;}

	/* 사업소개 - 학교밖청소년지원센터 꿈드림 */
	.dream {padding: 20px 10px 50px;}
	
	.dream .box .box_title {background: url('../../images/common/ic_bul_yellow.png') left top 8px no-repeat;}

	/* 사업소개 - 학교밖청소년지원센터 꿈드림 - 꿈드림이란? */
	.dream .img_balloon .img_area {width: 100%;}
	.dream .img_balloon .text_area {width: 100%;}
	.dream .box .box_cont>img {width: 100%;}

	/* 사업소개 - 학교밖청소년지원센터 꿈드림 - 상담지원 */
	.counseling .box .box_cont ul {margin-top: 20px;}
	.counseling .box .box_cont ul li {width: 100% !important; height: auto; margin-left: 0; margin-bottom: 25px; padding: 0 10px 10px; font-size: 14px; word-break: keep-all;}
	.counseling .box .box_cont ul li:before {left: 50%; top: -2px; width: 40px; height: 15px; margin-left: -20px; background: url('../../images/businessInfo/ic_arrow_down_gray2.png') center center no-repeat; background-size: auto 100%;}
	.counseling .box .box_cont ul li:nth-child(odd) {margin-left: 0;}
	.counseling .box .box_cont ul li:first-child:before {display: none;}
	.counseling .box .box_cont ul li>img {height: 66px; margin: 10px 0 5px;}
	.counseling .box .box_cont ul li:last-child {height: auto; padding: 0;}
	.counseling .box .box_cont ul li div {display: inline-block; width: 49%; height: auto; padding: 10px; text-align: center;}
	.counseling .box .box_cont ul li div img {height: 66px; margin: 0 5px 0 0;}
	.counseling .box .box_cont ul li div:before {position: absolute; left: 50%; top: -2px; width: 40px; height: 15px; margin-left: -20px; background: url('../../images/businessInfo/ic_arrow_down_gray2.png') center center no-repeat; content: "";}

	/* 사업소개 - 학교밖청소년지원센터 꿈드림 - 교육지원 */
	.edu_support .guideline li {height: auto;}
	.edu_support .guideline li dl dd>p {padding: 10px 5px;}

	/* 사업소개 - 학교밖청소년지원센터 꿈드림 - 직업지원 */
	.job .box .box_cont>img {width: 100%; margin-top: 20px;}

	/* 사업소개 - 학교밖청소년지원센터 꿈드림 - 자립지원 */
	.self .guideline li {height: auto;}
	.self .guideline li dl dd>p {padding: 10px 5px;}

	/* 사업소개 - 학교밖청소년지원센터 꿈드림 - 건강지원 */
	.health .circle_line {margin: 10px 0 20px;}
	.health .circle_line li {width: 32.5%; height: 135px; margin-right: 1%; padding: 15px; font-size: 14px; line-height: 18px;}
	.health .circle_line li img {width: 60px;}
	.health .circle_line li p {margin-top: 10px;}

	.health .process_list li dl dt {font-size: 15px;}
	.health .process_list li:last-child dl dt {padding: 0 10px; line-height: 45px;}

	.health .list li {font-size: 14px; line-height: 20px;}

	.health .btn_wrap {margin-top:  20px;}
	.health .btn_wrap .btn {padding: 0 15px; height: 50px; line-height: 50px; font-size: 15px;}

	/* 사업소개 - 학교밖청소년지원센터 꿈드림 - 지역특화사업 */
	.localization .box .box_cont>img {margin-top: 20px;}



	/* 센터소식 - 공지사항 */
	.notice {padding: 20px 10px 50px;}

	.notice .board_option .btn_wrap {width: 100%;}
	.notice .board_option .btn_wrap .btn {width: 100%; margin-top: 5px;}
	
	.category span {font-size: 11px; padding: 2px 7px;}
	
	.notice .category.subject span.mobile_block {display: inline-block !important;}
	.notice .board_list table tr.mobile_block {display: table-row !important;}

	/* 센터소식 - 행사안내 */
	.event_info {padding: 20px 10px 50px;}

	.change_date {width: 80%; margin: 20px auto;}
	.change_date .date {font-size: 22px;}
	.change_date input.btn {width: 30px; background-size: 100% !important;}

	.schedule table th {height: 45px; font-size: 14px;}
	.schedule table td {height: 45px; font-size: 14px; letter-spacing: -1px; word-break: keep-all;}
	.schedule table thead td {font-size: 14px;}
	.schedule table td.date {font-size: 14px;}

	/* 센터소식 - 행사소식 */
	.event {padding: 20px 10px 50px;}

	.galley_list ul li {width: 49%; margin-right: 1.5%; margin-bottom: 20px;}
	.galley_list ul li:nth-child(2n+2) {margin-right: 0;}
	.galley_list ul li a .text_wrap dt {margin-top: 10px; font-size: 14px;}
	.galley_list ul li a .text_wrap dd {margin: 5px 0 10px; font-size: 12px;}

	/* 센터소식 - 보도자료 */
	.report {padding: 20px 10px 50px;}



	/* 개인정보취급방침 / 이용약관 */
	.privacy,
	.terms {padding: 20px 10px 50px;}

	.privacy,
	.terms {font-size: 12px; line-height: 18px;}
	.privacy b,
	.terms b {font-size: 13px;}
	.privacy table,
	.terms table {margin-top: 5px;}
	.privacy table th,
	.terms table th {padding: 5px;}
	.privacy table td,
	.terms table td {padding: 5px;}

	/* 오버뷰 */
	.cm_overview1 { width: 100%; padding: 0 10px; }
	.cm_overview1 .ovw1_box { padding: 10px; }
	.cm_overview1 .ovw1_title { font-size: 13px; }
	.cm_overview1 .ovw1_desc { font-size: 13px; }
}

@media screen and (max-width: 640px) {
	#viewPop {left: 0; right: 0; width: 100%; margin-top: -50px; margin-left: 0;}
	#viewPop .popup_inner {width: cala(100% - 10px); padding: 10px 20px;}
	#viewPop .popup_contents dl dt {width: 40px; font-size: 14px;}
	#viewPop .popup_contents dl dd {width: calc(100% -50px); font-size: 14px;}


	/* 센터소개 - 조직도 */
	.organization .tree {width: 300px;}
	.organization .tree .round_box {width: 140px; height: 35px; line-height: 35px; font-size: 14px;}
	.organization .tree .bg_mint { width:140px; height: 55px; line-height: 20px; padding-top: 7px;}
	.organization .tree ul li {width: 140px;}
	.organization .tree dl {padding: 5px;}
	.organization .tree dl dd {line-height: 16px;}

	.organization .tree .area1 {margin-bottom: 15px;}
	.organization .tree .area1:before {height: 15px;}

	.organization .tree .area2 {margin-bottom: 15px;}
	.organization .tree .area2:before {height: 15px;}

	/* .organization .tree .area2:before {top: 17px; left: 140px; width: 10px;} */

	.organization .tree .area3 {margin: 10px auto 0;}
	.organization .tree .area3:before {height: 15px;}

	.organization .tree .area4 {padding-top: 30px;}
	.organization .tree .area4:before {top: 15px; left: 70px; right: 70px;}
	.organization .tree .area4 li:nth-child(1) {margin-left: 0;}
	.organization .tree .area4 li:before {top: -15px; height: 65px;}

	.organization .tree .area6 {margin-top: 15px;}
	.organization .tree .area6:before {display: none;}
	.organization .tree .area6 li {margin-right: 0;}
	.organization .tree .area6 li:before {top: -15px; height: 15px;}
	.organization .tree .area6 li:nth-child(2) {margin-top: 50px; margin-left: -140px;}
	.organization .tree .area6 li:nth-child(2):before {display: none;}

	/* 20190319추가 */
	.organization .click_text {padding: 10px 25px; border-radius: 0;}
	.organization .click_text > * {vertical-align: top;}
	.organization .click_text > span {font-size: 13px; letter-spacing: -1px;}
	

	/* 사업소개 - CYS-Net - 또래상담사업 */
	.peer .color_box li>img {float: none; display: block; width: 70px; margin: 0 auto 10px;}
	.peer .color_box li dl {float: none; width: 100%; margin: 0; padding-left: 0;}

	/* 센터소개 - 찾아오시는 길 */
	.direction {  }
	.direction .page_title {  }
	.direction .location {  }
	.direction .location .txt_area { float: none; width: 100%; }
	.direction .location .txt_area .text { margin-top: 30px; }
	.direction .location .txt_area .text .txt_list {  }
	.direction .location .txt_area .text .txt_list.address {  }
	.direction .location .txt_area .text .txt_list dt {  }
	.direction .location .txt_area .text .txt_list dt.sm_txt {  }
	.direction .location .txt_area .text .txt_list dd {  }
	.direction .location .map_area { float: none; width: 100%; }
	.direction .location .map_area > div {  }
	.direction .location .public_transport {  }
	.direction .use ul li {  }
	.direction .use ul li>* {  }
	.direction .use ul li>p { width: 100%; text-align: left; }
	.direction .use ul li>p img { width: 45px; }
	.direction .use ul li dl { width: 100%; text-align: left; padding: 0; margin-top: 20px; }
	.direction .use ul li dl dt {  }
	.direction .use ul li dl dd {  }
	.direction .use ul li dl dd span {  }
	.direction .use ul li dl dd span:before {  }
	.direction .use ul li dl dd.blue span:before {  }
	.direction .use ul li dl dd.green span:before {  }
}

@media screen and (max-width: 360px) {
	.form_write ul li dl dd input[type='text'].type3.school_input {width: 20px;}
	.form_write ul li dl dd input[type='text'].type4.school_input {width: 66px;}
}

@media screen and (max-width: 320px) {
	.form_write ul li dl dd input[type='text'].type3.school_input {width: 15px;}
	.form_write ul li dl dd input[type='text'].type4.school_input {width: 36px;}
}