@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : Content.CSS 
	Company : The Webstyle co.,ltd 
 	Author : Woo Seok, Shin 2015-07
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc 
--------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------
                                         * 공통 *
-------------------------------------------------------------------------------------------*/
.section {position:relative;}
.section.h2_section {margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e7e7e7;}
.section h2 {margin-bottom:30px; font-family:"nanumsquareb"; font-size:24px; color:#005bac;}
.section.h3_section {margin-bottom:40px;}
.section.h3_section.border {padding-bottom:40px; border-bottom:1px solid #e7e7e7;}
.section.h3_section h3 {margin-bottom:14px; font-family:"nanumsquareb"; font-size:18px; color:#111;}
.section.h3_section h3.notice {font-family:"nanumsquareb"; font-size:15px; color:#ee1b6f;}
.section.last {margin-bottom:0px; padding-bottom:0px; border-bottom:0px;}

.sectionMap {position:relative; width: 853px;}
.sectionMap.h2_section {margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e7e7e7;}
.sectionMap h2 {margin-bottom:30px; font-family:"nanumsquareb"; font-size:24px; color:#005bac;}
.sectionMap.h3_section {margin-bottom:40px;}
.sectionMap.h3_section.border {padding-bottom:40px; border-bottom:1px solid #e7e7e7;}
.sectionMap.h3_section h3 {margin-bottom:14px; font-family:"nanumsquareb"; font-size:18px; color:#111;}
.sectionMap.h3_section h3.notice {font-family:"nanumsquareb"; font-size:15px; color:#ee1b6f;}
.sectionMap.last {margin-bottom:0px; padding-bottom:0px; border-bottom:0px;}
.sectionMap div > ul > li > a{ margin-left: 11.5px; margin-right: 11.5px; width: 100%;}
.sectionMap div > ul{ margin-left: -11.5px;}

.txt {font-family:"NanumSquareR"; font-size:15px; color:#111;}
.txt_guide {font-family:"NanumSquareR"; font-size:14px; line-height:26px; color:#666;}

.box_policy {height:200px; padding:10px; border:1px solid #dddddd; overflow-y:auto;}
.box_policy .policy_wrap {font-family:"NanumSquareR"; font-size:13px; line-height:26px; color:#666;}
.box_policy .policy_wrap h3.tit, 
.box_policy .policy_wrap h4.tit {margin-bottom:20px; font-family:"NanumGothicBold"; font-size:14px; color:#222;}
.box_policy .policy_wrap .section {margin-bottom:30px;}
.box_policy .policy_wrap ol.list {margin-left:10px; padding-left:10px;}
.box_policy .policy_wrap ol.list li {list-style:decimal;}

.agree_wrap {margin-top:15px; font-family:"NanumSquareR"; font-size:14px; color:#666; text-align:right;}
.agree_wrap label {margin-left:5px;}

/*----------------------------------------- Main Page -------------------------------------------------*/

/* Main Visual */
.mainVisual_wrap {position:relative; overflow:hidden; width:100%; height:470px;}
.mainVisual_wrap .bx-controls-direction a {width:20px; height:35px; background:url('/Images/Main/bg_mainSlider_nav.png') left top no-repeat;}
.mainVisual_wrap .bx-controls-direction a.bx-prev {left:20px; background-position:0 0;}
.mainVisual_wrap .bx-controls-direction a.bx-prev:hover {background-position:0px -45px;}
.mainVisual_wrap .bx-controls-direction a.bx-next {right:20px; background-position:-25px 0px;}
.mainVisual_wrap .bx-controls-direction a.bx-next:hover {background-position:-25px -45px;}
.mainVisual_wrap .bx-pager {bottom:40px;}
.mainVisual_wrap .bx-pager.bx-default-pager a {background:url('/Images/Main/bg_mainVisual_pager.png') left top no-repeat;}
.mainVisual_wrap .bx-pager.bx-default-pager a.active {width:32px; background-position:-20px 0px;}
.mainVisual_wrap .sliderContainer {width:100%; height:470px;}
.mainVisual_wrap .sliderPanel {}
.mainVisual_wrap .sliderPanel.mainVisual01 {background:url('/Images/Main/mainVisual937_01.gif') center top no-repeat;} 
.mainVisual_wrap .sliderPanel.mainVisual02 {background:url('/Images/Main/mainVisual937_02.gif') center top no-repeat;}
.mainVisual_wrap .sliderPanel.mainVisual03 {background:url('/Images/Main/mainVisual937_03.gif') center top no-repeat;}
.mainVisual_wrap .mainVisual {position:relative; width:940px; height:470px; margin:0 auto;}
.mainVisual_wrap .mainVisual .mainTxt {position:absolute; left:30px; top:190px; z-index:20;}
.mainVisual_wrap .mainVisual .mainTxt .tit {margin-left:-20px; margin-bottom:20px; font-family:"서울남산체 B","SeoulNamsanB"; font-size:46px; color:#111; opacity:0; filter:alpha(opacity=0);}
.mainVisual_wrap .mainVisual .mainTxt .sub {margin-left:20px; font-family:"서울남산체 B","SeoulNamsanB"; font-size:17px; line-height:25px; color:#666; opacity:0; filter:alpha(opacity=0);}

.mainVisual_wrap .mainVisual01 .mainImg {position:absolute; top:15px; right:0px; width:562px; height:428px;}
.mainVisual_wrap .mainVisual01 .mainImg .img01 {position:absolute; right:0px; bottom:0px; z-index:5; width:338px; height:415px;}
.mainVisual_wrap .mainVisual01 .mainImg .img02 {display:none; position:absolute; right:86px; z-index:10; bottom:85px; width:125px; height:109px;}
.mainVisual_wrap .mainVisual01 .mainImg .img03 {display:none; position:absolute; left:0px; top:0px; z-index:15; width:369px; height:222px;}

.mainVisual_wrap .mainVisual02 .mainImg {position:absolute; bottom:0px; left:236px; width:825px; height:446px;}
.mainVisual_wrap .mainVisual02 .mainImg .img01 {position:absolute; left:224px; bottom:0px; z-index:15; width:477px; height:446px;}
.mainVisual_wrap .mainVisual02 .mainImg .img02 {display:none; position:absolute; left:0px; bottom:0px; z-index:10; width:481px; height:179px;}
.mainVisual_wrap .mainVisual02 .mainImg .img03 {display:none; position:absolute; left:221px; top:32px; z-index:5; width:604px; height:258px;}

.mainVisual_wrap .mainVisual03 .mainImg {position:absolute; bottom:0px; left:258px; width:682px; height:446px;}
.mainVisual_wrap .mainVisual03 .mainImg .img01 {position:absolute; left:0px; bottom:0px; z-index:15; width:682px; height:446px;}
.mainVisual_wrap .mainVisual03 .mainImg .img02 {display:none; position:absolute; right:79px; top:17px; z-index:10;width:237px; height:237px;}
.mainVisual_wrap .mainVisual03 .mainImg .img03 {display:none; position:absolute; left:43px; top:30px; z-index:5; width:231px; height:99px;}

.mainContents {overflow:hidden; padding-left:20px; border-bottom:1px solid #e0e0e0;}
.mainContents .section {float:left;}
.mainContents .section_mainBoard {width:293px; height:202px;}

.mainBoard_wrap {overflow:hidden; width:248px; height:180px; margin:20px 0 0 13px;}
.tab_mainBoard {*zoom:1; position:relative; height:29px; margin-top:20px; border-bottom:1px solid #111; box-sizing:content-box;}
.tab_mainBoard:after {content:""; display:block; clear:both;}
.tab_mainBoard li {position:relative; float:left; height:29px; border-top:1px solid #111; border-right:1px solid #111;}
.tab_mainBoard li:first-child {border-left:1px solid #111;}
.tab_mainBoard li a {display:block; height:28px; padding:0 12px; font-family:"NanumSquareR"; font-size:14px; color:#333; line-height:28px;}
.tab_mainBoard li.on a {height:29px; color:#fff; background-color:#ee1b6f;}

.mainBoard_container {padding-top:20px;} 
.mainBoard_container .mainBoardList {display:none;}
.mainBoard_container .mainBoardList.on {display:block;}
.mainBoard_container .mainBoardList li {overflow:hidden; margin-bottom:10px; font-size:13px;line-height:1.4em;}
.mainBoard_container .mainBoardList li a {float:left; color:#666;max-width:180px;height:15px;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 word-wrap:break-word; 
}
.mainBoard_container .mainBoardList li a:hover {color:#ee1b6f; text-decoration:underline;}
.mainBoard_container .mainBoardList li .date {float:right;}

.mainContents .section_quickLink {width:350px; border-left:1px solid #e0e0e0;}
.quickLink {overflow:hidden;}
.quickLink li {float:left; display:table-cell; width:50%; height:101px; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.quickLink li:nth-child(3), .quickLink li:nth-child(4) {border-bottom:0px;} 
.quickLink li a {display:block; overflow:hidden; height:100%; border:1px solid #f7f7f7; font-family:"서울남산체 M","SeoulNamsanM"; font-size:18px; line-height:101px; color:#333; text-align:left; background-color:#f7f7f7;}
.quickLink li a span {display:inline-block; *display:inline; *zoom:1; width:110px; padding-left:30px; line-height:20px; vertical-align:middle;}
.quickLink li.link01 a {background:url('/Images/Main/ico_quickLink01.gif') center 0 no-repeat;}
.quickLink li.link02 a {background:url('/Images/Main/ico_quickLink02.gif') center 0 no-repeat;}
.quickLink li.link03 a {background:url('/Images/Main/ico_quickLink03.gif') center 0 no-repeat;}
.quickLink li.link04 a {background:url('/Images/Main/ico_quickLink04.gif') center 0 no-repeat;}
.quickLink li a:hover {color:#fff; border:1px solid #b40b4e; background-position:center -111px; background-color:#ee1b6f; text-shadow:1px 1px 1px 1px #a9124e;}

.mainContents .section_banner {overflow:hidden; width:275px; height:202px;}
.section_banner .slider_banner {width:275px; height:202px;}
.section_banner .slider_banner li {height:202px;}
.section_banner .bx-pager {bottom:auto; top:0px; z-index:500; padding:0px 10px; text-align:right;}
.section_banner .bx-pager.bx-default-pager a {font-size:0px; background:url('/Images/Main/bg_banSlider_pager.png') left top no-repeat;}
.section_banner .bx-pager.bx-default-pager a.active {background-position:-20px 0;}

.mainClient {padding:10px 0 10px 20px;}
.client {overflow:hidden;}
.client dt {float:left;}
.client dd {float:left;}
.slider_client {position:relative; width:660px; height:50px; padding:0 37px; box-sizing:content-box;}
.slider_client .clientList {overflow:hidden; height:50px;}
.slider_client .clientList li {float:left; text-align:center;}
.slider_client .bx-controls-direction a {width:13px; height:21px; margin-top:-10px; background:url('/Images/Main/bg_clientSlider_nav.gif') left top no-repeat;}
.slider_client .bx-controls-direction a.bx-prev {left:-24px; background-position:0 0;}
.slider_client .bx-controls-direction a.bx-prev:hover {background-position:0px 0px;}
.slider_client .bx-controls-direction a.bx-next {right:-24px; background-position:0px -26px;}
.slider_client .bx-controls-direction a.bx-next:hover {background-position:0px -26px;}

/*----------------------------------------- Sub Page -------------------------------------------------*/

/* 센터 소개 */
.requestFlow {position:relative; margin:10px 0 0 -13px;}
.requestFlow a.btn {position:absolute; right:0px; top:-45px;}

/* 개인교육신청 */
.entryInfo li {overflow:hidden; margin-bottom:5px;}
.entryInfo li:last-child {margin-bottom:0px;}
.entryInfo dl {overflow:hidden;}
.entryInfo dl dt {float:left; padding-right:10px; font-size:14px; color:#333; line-height:32px;}
.entryInfo dl dd {float:left; font-size:13px; color:#666; line-height:32px;}

/* 교육신청확인 */
.box_search label {padding-right:10px; font-size:14px; color:#333;}
.box_search .searchTel {margin-left:20px;}
.box_search .btn {margin-left:20px;}

/* 오시는 길 */
.mapCanvas {width:100%; height:420px; border:1px solid #cdcdcd;}

.contactList {overflow:hidden;}
.contactList li {float:left;}
.contactList li.second {margin:0 110px 0 110px;}
.contactList li dl {min-width:124px; padding-top:140px; font-family:"NanumSquareR"; font-size:15px;}
.contactList li dl.tel {background:url('/Images/Location/ico_contact_tel.gif') left top no-repeat;}
.contactList li dl.fax {background:url('/Images/Location/ico_contact_fax.gif') center top no-repeat;}
.contactList li dl.email {background:url('/Images/Location/ico_contact_email.gif') center top no-repeat;}
.contactList li dl dt {margin-bottom:10px; color:#111; text-align:center;}
.contactList li dl dd {color:#666; text-align:center; height:20px;}

.ico_bus01 {display:inline-block; *display:inline-block; *zoom:1; padding-top:50px; background:url('/Images/Location/ico_bus01.gif') center top no-repeat;}
.ico_bus02 {display:inline-block; *display:inline-block; *zoom:1; padding-top:50px; background:url('/Images/Location/ico_bus02.gif') center top no-repeat;}
.ico_bus03 {display:inline-block; *display:inline-block; *zoom:1; padding-top:50px; background:url('/Images/Location/ico_bus03.gif') center top no-repeat;}
.ico_bus04 {display:inline-block; *display:inline-block; *zoom:1; padding-top:50px; background:url('/Images/Location/ico_bus04.gif') center top no-repeat;}

/* 개인정보 처리방침 */
.terms_wrap {font-family:"nanumsquareb"; font-size:13px; line-height:20px; color:#666;}
.terms_wrap dl {margin-bottom:10px;}
.terms_wrap dt {margin-bottom:5px;}
.terms_wrap dd {padding-left:16px;}

.terms_wrap p {margin-bottom:15px;}
.terms_wrap ol>li {margin-bottom:10px;}
.terms_wrap ol>li ul {padding:5px 0 0 16px;}
.terms_wrap ol>li dl {margin-bottom:0px; padding:5px 0 0 16px;}


.section_picBoard {position:relative;padding:30px 0 32px 0;}
.section_picBoard .more {position:absolute;top:30px;right:30px;font-size:13px;color:#666666;}
.section_picBoard h2 {margin:0 0 22px 0;font-size:18px;color:#333333;}
.section_picBoard ul {overflow:hidden;}
.section_picBoard ul li:first-child {margin:0 0 0 0;}
.section_picBoard ul li {float:left;width:158px;height:98px;margin:0 0 0 20px;}
.section_picBoard {overflow:hidden; padding-left:20px; border-bottom:1px solid #e0e0e0;}
.section_picBoard .section_mainBoard {width:293px; height:202px;}

.cgtit {margin-bottom:30px !important; font-family:"서울남산체 M","SeoulNamsanM" !important; font-size:24px !important; color:#005bac !important;}
.locationbx {font-family:"서울남산체 M","SeoulNamsanM";}
.locationbx .table_col_type2 {margin-bottom:40px;}
.locationbx strong {display:block;margin-bottom:12px;color:#111111;}
.locationbx p {margin-bottom:35px;color:#111111;font-size:15px;}

.date_nav {margin-bottom:20px;text-align:center;font-size:28px;}
.date_nav span {margin:0 10px;color:#222;}
.date_nav img {margin-top:-9px;vertical-align:middle;}

.locmg {margin-bottom:20px !important;}

.tbl_date {border-top:1px solid #e6e6e6;}
.tbl_date thead th:first-child {border-left:0;}
.tbl_date thead th {padding:15px 0;text-align:center;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.tbl_date .sun {color:#bd152e;}
.tbl_date .sat {color:#005aee;}
.tbl_date tbody td:first-child {border-left:0;}
.tbl_date tbody td {vertical-align:top;text-align:right;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.tbl_date tbody td > div {width:99px;height:80px;font-size:14px;}
.tbl_date tbody td > div .d {display:block;padding:10px 10px 0 0;text-align:right;font-size:14px;}
.tbl_date tbody td > div div {padding:15px 0 0 0px;text-align:center;font-size:14px;}
.tbl_date tbody td.op .d {opacity:0.5;}
.tbl_date tbody td .ing {background:#f9f9f9;}
.tbl_date tbody td .ing div {color:#999999;}
.tbl_date tbody td .end {background:#fbfbd3;}
.tbl_date tbody td .end .d {color:#000;}
.tbl_date tbody td .end div {color:#000;font-family:"나눔고딕체",NanumGothic;}
.tbl_date tbody td .dt {background:#f6d964;}
.tbl_date tbody td .dt .d {color:#000;}
.tbl_date tbody td .dt div {color:#000;font-family:"나눔고딕체",NanumGothic;}


/* 20200205 모바일 버전 추가 ============================================================================= */
.btn_allmenu{display:none; position: absolute; top: 0; left: 0; width: 50px; height: 50px; border: 0; text-indent: -9999px; background: url('/Images/Common/btn_all_menu.png') center center; background-size: 42px;}

.mobile_nav {position: fixed; left: -220px; top: 0; z-index: 150; width: 220px; height: 100%; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2); box-shadow: 0 0 2px rgba(0,0,0,.2); -webkit-transition: left 0.4s ease-out; transition: left 0.4s ease-out;}
.mobile_nav.active {left: 0;}
.mobile_nav > ul{padding: 10px 15px;}
.mobile_nav > ul > li{text-align: left;}
.mobile_nav > ul > li  > a {display: block;	padding: 0 10px;width: 100%;height: 50px;line-height: 50px;text-decoration: none;font-size: 14px;font-weight: 600;color: #2f2f2f;border-bottom: 1px dotted #ccc;-webkit-box-sizing: border-box;box-sizing: border-box;}
.mobile_nav > ul > li:hover > a {color: #ee1b6f;}
.mobile_nav .sub {display: none;}
.mobile_nav .sub > li {height: 35px;border-top: 1px dotted #eaeaea;}
.mobile_nav .sub > li:first-child {border-top: none;}
.mobile_nav .sub li a {display: block;padding: 0 10px;width: 100%;line-height: 35px;text-decoration: none;font-size: 13px;color: #2f2f2f;background: #f4f4f4;border-bottom: 1px dotted #eaeaea;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: background 0.3s;	transition: background 0.3s;}
.mobile_nav .sub li a:hover {background: #fff;}

#Header .mobile_nav .logo_header{background: #ef1b6f; height: 55px; padding: 0 10px;}

.transparency {	display: none;	position: fixed;left: 0;top: 0;	z-index: 130;width: 100%;height: 100%;background: rgba(0,0,0,.4);}
.transparency.active {display: block;}

.tbl_date tbody td .able{padding: 10px;}

.s_label02{margin-left: 10px;}

.board_list tr th.tb_60,
.board_list tr td.tb_60{width: 60%;}

.info_txt{font-size: 14px;  text-align: left;}

.txt_guide.impor_info{font-weight: bolder; margin: 0; color: red; line-height: 1.2em;}

.m_tab{display: none; width: 100%; margin-bottom: 15px;}

.m_logo{text-indent: -9999999px;}
.m_logo span{display: none; font-size: 18px; line-height: 2.9em;}

.m_logo_header{display: none; width: 100%; height: 10px; background: #8c1645; text-align: center;}
.m_logo_header img{height: 12px;}

.mainContents h2{display: none;}
.section.section_m_quickLink{display: none;}


/* 20200308 메인수정 추가 =============================================================================== */
.m_logo_img,
.m_slogo_img{display: none;}

.m_tab_box,
.main_box01,
.main_box02,
.main_box03,
.m_bn,
#Footer .familySite.m_select,
.m_ft_img{display: none;}

/* 20200205 모바일 버전 추가 ============================================================================= */

@media only screen and (max-width:500px) {
	
	.section h2,
	.sectionMap h2{font-size: 18px; color: #ee1b6f;}
	.cgtit{font-size: 18px!important; color: #ee1b6f!important;}
	.section.h3_section h3,
	.sectionMap.h3_section h3{font-size: 16px;}
	.board_list tr th{font-size: 12px;}
	.board_list tr td{font-size: 12px;}
	.ul_guide li,
	.ul_guide2 li,
	.ol_guide li{font-size: 12px;}
	.date_nav{font-size: 20px;}
	.date_nav img{ margin-top: -3px; width: 8px;}
	.qnawrap dl dt span,
	.qnawrap dl dd{font-size: 12px;}
	.qnawrap dl dt strong{font-size: 16px;}
	.qnawrap dl dd span{font-size: 16px; left: 20px;}
	
	.mainVisual_wrap{height: auto;}
	.mainVisual_wrap .mainVisual{width: 100%; height: 195px;}		
	.mainVisual_wrap .sliderPanel{background-size: 100%;}
	.mainVisual_wrap .sliderPanel.mainVisual01,
	.mainVisual_wrap .sliderPanel.mainVisual02,
	.mainVisual_wrap .sliderPanel.mainVisual03 {background-size: 100%;}
	.mainVisual_wrap .bx-pager { bottom: 3%;}
	
	#Wrap{min-width: auto;}
	#Header_Wrap{min-width: auto; height: 55px;}
	#Header{text-align:center; width: 100%;}
	#Header .logo_header{float: none; width: auto; height: 45px;}
	/* #Header .logo_header a img{width: 115px;} */
	#Header .lnb_wrap{display: none;}
	.btn_allmenu{display:block;}
	#Header_Wrap .bg_headerWrap_shadow{top:55px;}
	
	.main #Container{padding-top:55px; min-height: auto;}
	.main #Container #Contents{width: 100%;}
	.section_picBoard{padding: 20px; height: 175px; border-bottom: 5px solid #e0e0e0; border-top: 5px solid #e0e0e0; background: url(/Images/Common/title.png) 0 0 no-repeat; background-size: 80px;}
	.section_picBoard h2{margin: -10px 0 22px -8px; font-size: 14px; color: #ffffff;}
	.section_picBoard .more{top: 17px; right: 20px;}
	
	/* .section_picBoard ul{height: 100px;}
	.section_picBoard ul li{width: calc(33.333% - 7px); height: 100px; margin: 0 0 0 10px;}
	.section_picBoard ul li img{width: 100%; height: 80px;}
	.section_picBoard ul li p{font-size: 10px; letter-spacing: -0.05em; text-align: center; padding-top: 7px;} */
	
	.mainContents{padding: 0; padding-left: 20px; background: url(/Images/Common/title.png) 0 0 no-repeat; background-size: 80px; border-bottom: 5px solid #e0e0e0;}
	.mainContents h2{display:block; margin: 10px 0 22px -8px; font-size: 14px; color: #ffffff;}
	.tab_mainBoard{display: none;}
	.mainContents .section_mainBoard{width: 60%; height: auto; border-right: 1px solid #e0e0e0; padding-bottom: 10px;}
	
	.mainBoard_container{padding-top: 0;}
	.mainBoard_container .mainBoardList li{padding-left: 10px; position: relative;}
	.mainBoard_container .mainBoardList li:before{content: ''; display: block; width: 3px; height: 3px; background: #e0e0e0; position: absolute; left: 0; top: 50%;}
	
	.mainBoard_wrap{width: 100%; margin: 0; height: auto;}
	
	.mainContents .section_quickLink{display: none;}
	
	.quickLink li{height: 120px;}
	.quickLink li.link02,
	.quickLink li.link04{border-right: 0;}
	
	.quickLink li.link01 a{background: #f7f7f7 url('/Images/Common/m_ico_quickLink01.png') center 17px no-repeat; background-size: 55px;}
	.quickLink li.link02 a{background: #f7f7f7 url('/Images/Common/m_ico_quickLink02.png') center 17px no-repeat; background-size: 55px;}
	.quickLink li.link03 a{background: #f7f7f7 url('/Images/Common/m_ico_quickLink03.png') center 17px no-repeat; background-size: 55px;}
	.quickLink li.link04 a{background: #f7f7f7 url('/Images/Common/m_ico_quickLink04.png') center 17px no-repeat; background-size: 55px;}
	
	.quickLink li.link01 a:focus{background: #ee1b6f url('/Images/Common/m_ico_quickLink01_on.png') center 17px no-repeat;}
	.quickLink li.link02 a:focus{background: #ee1b6f url('/Images/Common/m_ico_quickLink02_on.png') center 17px no-repeat;}
	.quickLink li.link03 a:focus{background: #ee1b6f url('/Images/Common/m_ico_quickLink03_on.png') center 17px no-repeat;}
	.quickLink li.link04 a:focus{background: #ee1b6f url('/Images/Common/m_ico_quickLink04_on.png') center 17px no-repeat;}
	
	.quickLink li a span{width: 100%; text-align: center; padding-top:82px; padding-left:0;}
	
	.mainContents .section_banner{display: none;}
	.mainContents .section_banner embed{width: 100%; height: 179px;}
	.mainContents .section_banner video{margin:0;}
	
	.mainClient{width: 100%; padding: 20px 15px;}	
	.slider_client{box-sizing: inherit; width: 100%; height: 40px!important;}
	.slider_client .bx-wrapper .bx-viewport{height: 40px!important;}
	.slider_client .clientList li{width: auto!important; height: 40px!important}	
	.slider_client .clientList li img{height: 40px;}
	.client dt{display: none;}
	
	#Footer_Wrap{padding: 20px 15px; height: auto; position: relative; background: #f5f5f5; border-top: 0;}	
	#Footer{width: 100%;}
	#Footer .logo_footer{padding: 0; width: 70px; text-align: left;}
	#Footer .logo_footer img{width: 100%;}
	#Footer .address{padding: 0; text-align: right; float:right; word-break: keep-all; }
	#Footer .address li{margin-bottom: 4px;}
	#Footer .address li:first-child{font-size: 10px;}
	#Footer .address li.copyright{font-size: 8px;}
	#Footer .sns{display: none;}
	#Footer .familySite{position: static; float: right; width: 100%; display: none;}
	#Footer .familySite.m_select{display: block; margin-bottom: 15px;}
	#Footer .pc_ft_img{display: none;}
	#Footer .m_ft_img{display: block;}
	
	.selectBox .selectVal{background: #fff url(/Images/Common/ico_select_arrow.gif) right center no-repeat;}
	
	.main #Container{padding-bottom: 0;}
	
	#Container,
	#Contents_Wrap,
	#Contents{width: 100%;}
	
	#Contents{padding-bottom: 0;}
	
	#Contents_Wrap{padding: 63px 20px;}
	
	#Aside,
	.bg_container_wrap{display: none;}
	
	.mar_t10 img{width: 100%;}
	
	#Contents .breadcrumb{display: none;}
	
	.board_search_box,
	.board_search_cont{background: none;}
	.board_search_cont{padding:0;}
	
	.board_search_box{padding: 20px; border: 1px solid #e6e6e6; border-radius: 5px;}
	
	.board_search_cont ul{padding: 0;}
	.board_search_cont ul li{width: 100%;}
	.board_search_cont ul li label{width: 90px; display: block; float: left; line-height: 2.4em;}
	.board_search_cont ul li select{width: calc(100% - 90px);}
	
	.board_search_cont .rbtn{float: none; padding: 0;}
	.board_search_cont .rbtn .btn.blue{width: 100%; margin-left: 0!important; margin-top: 10px;}
	
/* 	.ul_guide{margin-bottom: 40px;} */
	.ul_guide li{word-break: keep-all;}
	.ul_guide li .btn.blue{margin-left: 5px; border-radius: 3px; border: 0;}
	
	.tbl_date tbody td{width: 14.222%;}
	.tbl_date tbody td .tdate{width: 100%; height: 70px;}
	.tbl_date tbody td .tdate .d{font-size: 12px;}
	.tbl_date tbody td .able{font-size:10px; word-break: keep-all; padding: 5px;}
	
	.board_search td{padding: 0;}
	.board_search td .s_label01,
	.board_search td .s_label02{width: 70px; display: inline-block;}
	.board_search td .s_label02{margin-left: 0;}
	.board_search td .s_label03{width: 100%; display: inline-block; margin-top: 10px;}
	.board_search td select{width: calc(100% - 90px);}
	.board_search td .chk_name, #sEntryType{margin-bottom: 10px;}
	.board_search td .btn{width: 100%; margin-left: 0!important;}
	
	#sStartDate,
	#sEndDate{width: 35%; margin:10px 0;}
	
	.board_list tr td.noData .txt_noData{font-size: 12px;}
	
	.box_search{padding: 20px;}
	.box_search .searchName{width: 100%; display: inline-block;}
	.box_search label{width: 50px; display: inline-block;}
	.box_search .chk_name{width: calc(100% - 55px);} 
	.box_search .searchTel{width: 100%; display: inline-block; margin-left: 0; margin:10px 0; text-align: left;}
	.box_search .searchTel input[type=text],
	.box_search .searchTel input[type=password]{width: calc(33.333% - 29px);}
	.box_search .btn{width: 100%; margin-left: 0;}
	
	.five_up > div, .five_up > li {width: 50%; margin-bottom: 10px;}
	
	.agree_wrap{text-align: left;}
	.agree_wrap span{width: 100%; display: inline-block; margin-bottom: 5px;} 
	
	.table_row_type1 .txt_guide{width: 100%; display: inline-block; margin-left: 0!important; line-height: normal; margin-top: 5px;}
	
	.galleryList{padding-top:15px;}
	.galleryList li{width: calc(33.333% - 7px); margin: 0 10px 15px 0px;}
	.galleryList li:nth-child(3n){margin-right: 0;}
	.galleryList li .item{width: 100%; height: 125px;}
	.galleryList li .item img{width: 100%; height: 100%;}
	.galleryList li .item .img a{height: 100px;}
	.galleryList li .item .caption{margin-top: 7px;}
	
	.m_tb_none{display: none;}
	
	.lp_modal{left: 10%; top: 15%;}
	.lp_wrap{width: 100%;}
	.lp_wrap .lp_body{padding: 10px;}
	
	.board_list tr th{height: 35px;}
	.board_list tr td{padding: 8px 5px; line-height: 1.6em;}
	
	.board_view tr th, .board_view tr td{padding: 5px 5px;}
	
	.m_h2{margin-top: 30px; margin-bottom: 20px;}
	
	.chk_name.m_name{width: 200px;}
	
	.entryInfo dl.mar_l60{margin-left: 0!important;}
	.entryInfo dl dd select{min-width: 40px; width: calc(100% - 20px); margin-bottom: 10px;}
	.table_col_type1 tr td{padding: 10px 15px;}
	
	.btn.sml{min-width: 41px;}
	
	#sSchool1,
	#sSchoolType1{width: 100%; margin-bottom: 10px;}
	
	.qnawrap dl dt{height: auto;}
	
	.board_list.noti tr td.tit{border-left: 0;}		
	
	.qnawrap dl dt strong{display: table-cell; vertical-align: middle;}
	.qnawrap dl dt span{display: table-cell; line-height: 1.5em; vertical-align: middle; padding: 15px 0 10px 7px;}
	
	.tab{display: none;}
	
	.m_tab{display: block;}
	
	.sectionMap{width: 100%;}
	
	.mapCanvas{height: 350px;}
	
	.contactList li{width: 100%;}
	.contactList li dl.tel,
	.contactList li dl.fax,
	.contactList li dl.email{background-position: center top;}
	
	.contactList li.second{margin: 20px 0;}
	
	.bt_list li{width: calc(50% - 8px); margin-left: 0; margin-bottom: 15px; text-align: center;}
	.bt_list li:nth-child(2n){margin-left:15px;}
	
	.ico_bus01,
	.ico_bus02,
	.ico_bus03,
	.ico_bus04{background-size: 25px; padding-top: 40px;}
	
	.table_col_type2 tr th{font-size: 12px;}
	
	.table_col_type2 tr td{font-size: 10px; padding: 10px 10px; word-break: break-word;}
	
	.m_logo{color: #fff; font-weight: 700; line-height: 3.2em; text-indent:0;}
	/* .m_logo img{display: none;} */
	.m_logo span{display: block;}
	
	.m_logo_header{display: block;}
	
	/* .bx-controls-direction{display: none;}	 */
	
	.mainBoard_container .mainBoardList li .date{display: none;}
	
	.section.section_m_quickLink{width: 40%; display: block; height: 131px;}
	.section.section_m_quickLink ul{height: 100%;}
	.section.section_m_quickLink ul li{height: 50%;}
	.section.section_m_quickLink ul li:first-child{border-bottom: 1px solid #e0e0e0;}
	.section.section_m_quickLink ul li a{padding: 10px 0; text-align: center; display: block; width: 100%; height: 100%; line-height: 3.5em; font-size: 13px;}
	.section.section_m_quickLink ul li a img{width: 50px; margin-left: 5px;}
	
	.bx-wrapper .bx-pager.bx-default-pager a{width: 7px; height: 7px; margin: 0 4px;}
	.mainVisual_wrap .bx-pager.bx-default-pager a{background-size: auto 8px;}
	.mainVisual_wrap .bx-pager.bx-default-pager a.active{width: 15px;}	
	
	/* 20200308 메인수정 추가 =============================================================================== */
	.pc_logo{display: none;}
	.m_logo_img,
	.m_slogo_img{display: block;}
	.m_logo_img{width: 134px; margin: 0 auto; padding-top: 16px;}
	.m_slogo_img{position: absolute; right: 10px; top: 19px;}
	
	.section_picBoard,
	.mainContents{display: none;}
	
	.m_tab_box{display: block; width: 100%; border-bottom: 1px solid #c6c6c6; padding-top: 7px;}
	.m_tab{margin: 0 auto; width: 100%;}
	.m_tab:after{content: ''; display: block; clear: both;}
	.m_tab li{float: left; margin-left:35px;}
	.m_tab li:first-child{margin-left: 0;}	
	.m_tab li a{font-size: 15px; color: #6e6e6d; display: block; width: 100%; height: 100%; padding-bottom: 10px; letter-spacing: -1px;}
	.m_tab li.on a{color: #de286b; position: relative;}
	.m_tab li.on a:after{content: ''; display: block; position: absolute; width: 100%; height: 2px; bottom: -1px; background:#de286b;}
	
	.main_box01.select{display: block; padding: 15px 15px; border-bottom: 5px solid #f5f5f5; height: 180px;}
	.main_box02.select{display: block; padding: 10px 15px; border-bottom: 5px solid #f5f5f5; height: 180px;}
	.main_box03.select{display: block; padding: 15px 5px; border-bottom: 5px solid #f5f5f5; height: 180px;}
	
	.main_box01 .main_noti li{margin-bottom: 10px;}
	.main_box01 .main_noti li:last-child{margin-bottom: 0;}
	.main_box01 .main_noti li a{font-size: 12px;line-height:7px;}
	.main_box01 .main_noti li a:after{content:""; display:block; clear:both;}	
	.main_box01 .main_noti li a .noti_title{float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-top: 5px; padding-bottom: 5px; width: 75%; font-weight: 600;}
	.main_box01 .main_noti li a .noti_date{float: right; padding-top: 5px; padding-bottom: 5px;}
	
	.main_box02 ul{height: 180px; overflow: hidden; margin-top: -10px;}
	.main_box02 ul li{width: calc(33.333% - 7px); height: 55px; margin: 20px 10px 0 0; float: left;}
	.main_box02 ul li:nth-child(3n){margin-right: 0;}
	.main_box02 ul li a img{width: 100%; height: 45px;}
	.main_box02 ul li p{font-size: 10px; padding-top: 7px; width: 92px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	
	.main_box02 #go_link{position: absolute; top: 289px; right: 20px; font-size: 12px;}
	
	.main_box03{position: relative;}
	.main_box03 .go_link{position: absolute; top: 22px; right: 20px; font-size: 12px;}
	.main_box03 ul li{font-size: 10px; margin-bottom: 5px; letter-spacing: -0.8px;}
	.main_box03 ul li .cl_tit{display: table-cell; width: 45px;}
	.main_box03 ul li .cl_txt{display: table-cell;}
	
	.main_box03 p{font-size: 12px; font-weight: bold; margin-bottom: 10px;}
	.main_box03 p.tit2{margin-top: 15px;}
	
	.m_bn{display:block; padding: 20px; border-bottom: 5px solid #f5f5f5;}
	.m_bn ul:after{content: ''; display: block; clear: both;}
	.m_bn ul li{width: calc(33.333% - 7px); height:95px; margin-right: 10px; float: left; border: 1px solid #d4d5d5; border-radius: 5px;}
	.m_bn ul li:last-child{margin-right: 0;}
	.m_bn ul li a{width: 100%; height: 100%; display: block; text-align: center;}
	.m_bn ul li:first-child a{padding-top:13px;}
	.m_bn ul li:nth-child(2) a{padding-top:19px;}
	.m_bn ul li:last-child a{padding-top:23px;}
	.m_bn ul li a p{color: #525252; font-size: 14px; font-weight:bold; text-align: center; margin-top: 8px;}	
	
	.m_sns{display:block; padding-top: 10px; padding-bottom: 10px; }
	.m_sns ul:after{content: ''; display: block; clear: both;}
	.m_sns ul li{float:left; }
	/* .m_sns ul li{float:left; border: 1px solid #d4d5d5; border-radius: 5px;} */
	.m_sns ul li img{height: 24px; display: block; text-align: center;}
}

@media only screen and (max-width:360px) {
	.bx-wrapper .bx-viewport{height: 160px!important;}	
	#sStartDate, #sEndDate {width: 32%;}
	
	.board_search_wrap .chk_special{width:138px;}
	
	.section_picBoard ul,
	.section_picBoard ul li{height: 110px;}
}