@charset "euc-kr";
/* Page Base */

/* Page Layout */
@import url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Sffp_x%2S..%2Sffp_x%2Sghblny_avnz.pff);
/* Template Design */
@import url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Sffp_x%2S..%2Sffp_x%2Serqnru.pff);
@import url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Sffp_x%2S..%2Sffp_x%2Sergbbs.pff);
@import url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Sffp_x%2S..%2Sffp_x%2Srgnyczrg.pff);


/* º»¹®ÇÁ¸°ÅÍ¿ë */
@media print {
#head, #visual, #sidebar, #body_foot, #foot, #wing, #fontsize { display: none; }
#container { background: #fff; }
#body { margin: 0; padding: 0; background: #fff; }
}




/* break point default - 1000px - */

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

	#header {width:calc(100% - 40px);}
	#body_contents {width: calc(100% - 40px);position:relative;}
	

   .sns ul li {width:33%;}


	

}



/* break point -768- */
@media screen and (max-width:1040px) {

	/* common header */
	#header {width:calc(100% - 40px);}
	#headerWrap {background: none !important;}
	.global {display:none;}
	#topmenu {display:none;}

	.gnbDiv {min-width:768px;}
	.gnbDiv .gnbWrap .gnb {display:none;}
	.gnbDiv .gnbWrap {width:calc(100% - 40px); text-align:center;}
	#gnbDiv button.SideBtn, #gnbDiv button.homeBtn {display:block;}

	#gnbDiv h1 {display:inline-block; position:static;}
	#main_top {width:calc(100% - 40px);  height:310px; margin:0px auto; padding:0px; position:relative; z-index:1; overflow:hidden; border:3px solid #fcad08; border-radius:35px; }




	/* ¾î¸°À̵µ¼­°üº° ºñÁê¾ó */
.mtbg_sgs {background: #ffcf00 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Szivfhny_ftf02.cat) no-repeat right top !important;}
.mtbg_ghs {background: #ffcf00 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Szivfhny_tuf02.cat) no-repeat right top !important;}
.mtbg_brs {background: #ffcf00 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Szivfhny_oef02.cat) no-repeat right top !important;}



	
	/* common footer */
	.footer {width:calc(100% - 40px); position:relative; margin: 0 0 0 40px; height:180px; }
	.banner {width:96%; float:left;}
	ul.banner_img {width: 86%; margin:16px 16px 16px 0;}
	.banner_img li {margin:0 0 0 10px;}
	.visitor {margin: 0;position: absolute;right: 40px; bottom: 40px; }
	

	#selectbox {position: absolute; display:block; width:300px; top:145px; right:40px;}
	#selectbox #select_depart004 {display:block; bottom:65px;}

  
	.foot_add {margin: 0 0 40px 0; width:400px; }
	
	/* ////// container ////// */
	/* body */
	#body_outer {}
	#body_contents {width:calc(100% - 40px); position:relative;}


	
	.main_center {margin: 20px 0 0 20px; width:96%;}
	#tab1 {width: 65%;}
	#popupZone {width:254px; margin:0; float:right;}
	
	.online {display:none;}
	.online_m {position:relative; float:left; margin:20px 0 10px 20px; display:block; border:1px solid #d0d0d0 !important; background: #f5f6f8; width:96%; height:70px; }
	.online_m h2 {float:left; margin: 10px 0 0 30px; height:58px; width:30%; color: #000; font-size:130%;  letter-spacing:-1px;}
	p.on_tit { position: absolute; left:-15px; top: 20px; padding:0; color: #8b8989 !important; }
	.online_m ul {float:left;  width: 65%; margin:0 0 0 0; padding:0; }
	.online_m ul li {float:left; height:48px; width:32%; margin:0 0 0 0; padding:20px 0 0 0; }
	.online_m ul li a {font-size:130%; font-weight:600; letter-spacing:-1px; padding: 0 0 0 50px;}
	.om01 { background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sbayvar_z01.tvs) no-repeat left 16px !important;}
	.om02 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sbayvar_z02.tvs) no-repeat 20px 16px !important;}
	.om03 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sbayvar_z03.tvs) no-repeat 10px 16px !important;}

	.book_pro_outer {clear:both; margin:0 0 0 20px; width:96%;}
	.book_pro dl.bp {width:24.8%;}
	.book_pro dd ul li a {width:170px;}
	.book_pro_outer .p05 {display:none;}
	
	.main_bottom {margin: 0 0 0 20px; width:96%; padding: 20px 0 0 0;}

	.sns {width:99.7%; margin-bottom:20px;}
	.sns ul li { font-size:100%;}

	.quick {margin:5px 0 0 5px; width:45.7%;}
	.quick ul li {margin:0; padding:0; width:32%; float:left; text-align:center; letter-spacing:-1px; font-weight:600; word-break:keep-all;}

	.lib_time {width:50%; height:100px;}
	.lib_time ul li span.sp2 {letter-spacing:4.0px;}
	.lib_time ul li span.sp_red {word-break:keep-all;}

	#main_top .mt_right {float:left; width:250px;  height:310px;}
	#main_top .mt_right p.mt_tit {float:left; margin: 33px 0 0 40px; width:100% !important;}
	


}


/* break point -760- */
@media all and (max-width:912px) {
.main_center {margin: 20px 0 0 20px; width:95%;}
.main_center #tab1 { width:58%;}

.online_m ul li a {font-size:110%; font-weight:600; letter-spacing:-1px; padding: 0 0 0 50px;}
.book_pro dd ul li a {width:130px;}

.sns {height: 170px;}
.sns ul li { font-size:100%;}
.sns ul.s01 {margin:10px 0 0 10px; }
.sns ul.s02 {float:left;width: 100%;margin:0 0 0 10px;}
.sns ul.s02 li {clear:both;width:100%;margin: 0 0 3px 0;}
.sns ul.s03 {float:left;  margin:3px 0 0 10px;}
.sns ul.s03 li:last-child {width:100%;}
.sns ul.s03 li {clear:both; width:100%; margin: 0 0 3px 0; }

.quick {margin:5px 0 0 15px; }
.quick ul li {margin:0 2px; padding:0; width:30%; float:left; text-align:center; letter-spacing:-1px; font-weight:600; word-break:keep-all; font-size:90%;}

.lib_time h2 {font-size:110%; margin: 10px 0 0 12px;}
.lib_time ul {margin: 5px 0 0 12px; }
.lib_time ul li {font-size:100%;}
.lib_time ul li span.sp_org {background: #fff;}
.lib_time ul li span.sp_red {font-size:100%;}
span.add2 {display:block;}




}


/* break point -300- */
@media screen and (max-width:760px) {
	
	/* common header */
	#header {width:300px;}
	.global a {display:none;}
	.gnbDiv {min-width:300px;}
	#gnbDiv h1 {display:inline-block; position:static; margin-top:4px;}
	#gnbDiv button.SideBtn, #gnbDiv button.homeBtn {display:block;}
	.gnbDiv .gnbWrap {width: calc(100% - 40px);min-width: 300px;text-align:center;}
	.gnbDiv .gnbWrap h1 img {width:168px;}
	.gnbDiv .gnbWrap .gnb {display:none;}
	.twoDbg {display:none;}
	#main_top {width:calc(100% - 20px); min-width:300px;}
	#main_top .mt_left {width:100%;}
	#top_search  {margin:10px auto 0;}
	#top_search_new  {margin:10px auto 0; }
	#tab2 .tabmenu2 {top:0px; left:0px;}
 

	/*#top_search {width:calc(100% - 40px);}
	#top_search h2 {width:100%;}
	#top_search .inputText {width:65%;}
	#top_search input.search_btn {float:left;}*/


	.service {width:100%;}
	

	
	/* common footer */
	.footer {width:calc(100% - 40px); position:relative; margin: 0 0 0 20px; padding:0; }
	.banner {width:100%; float:left; margin:0; }
	ul.banner_img {width: 59%; float:left; left:95px !important; margin:16px 16px 16px 0;  }

	
	.banner_img li {margin:0 0 0 0;}
	.visitor {display:none;}
	#selectbox {min-width:300px; position: absolute; display:block; width:100%; left:0; top:110px; border:1px solid #d0d1d5; background: #f7f7f7 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf%2Sfryrpgobk_z.tvs) no-repeat center top;}
	#selectbox #select_depart004 {display:block;  width:100%; bottom:0px; }
	#selectbox #select_depart004 h2 {text-align:center; width:100%;  background:none; margin:0; padding:0;}
	#select_depart004 .sbx {width:94.80%; margin:0; }
	.foot_logo {display:none;}
	.foot_link {width:100%; letter-spacing:-0.8px;  text-align:center; min-width:300px; margin: 0 0 0 20px;}
	.foot_link li {width:33%; margin:0; padding:0; text-align:center;}
	.foot_link li.first {width:22%;}
	.foot_link li.first a { padding:0;}
	.foot_link li a {padding:0;}
	.foot_add {margin:40px 0 40px 0; text-align:center; width:100%; letter-spacing:-0.8px;}
	span.add2 {display:block;}
	
	
	/* ////// container ////// */
	/* body */
	#body_outer {}
	#body_contents {width: calc(100% - 20px); position:relative; min-width: 300px;}

	.main_center {margin: 20px 0 0 10px; width:95%;}
	#tab1 {width: 100% !important; }
	.list ul li .tabcontent ul li a span {display:none;}
	/*#tab1 div.tabmore  {display:none;}*/

	#popupZone {width: 100%;  height:213px; margin:10px 0 0 0;}
	#popupZone h2 {margin: 3px 0 0 15px;}
	#przone #prcon {height:183px;}
	#przone #prcon ul li img {width:100%; height:183px;}

	.PZPlusRe {height:183px; }
	.PZPlusRe .PZList_frm ul li a {width:95%;}
	.PZPlusRe .PZList_frm {height:163px;}


	.online_m {position:relative; float:left; margin:20px 0 10px 10px; display:block; border:1px solid #d0d0d0 !important; background: #f5f6f8; width:95%; height:130px; min-width:300px;}
	.online_m h2 {float:left; margin: 10px 0 0 20px; height:30px; width:30%; color: #000; font-size:130%;  letter-spacing:-1px; }
	p.on_tit { position: absolute; left:60px; top: 0; padding:0; color: #8b8989 !important; }
	.online_m ul {float:left;  width: 100%; margin:10px 0 0 5px; padding:0; }
	.online_m ul li {float:left; height:25px; width:32%; margin:0px; padding:40px 0 0 0; text-align:center; }
	.online_m ul li a {font-size:130%; font-weight:600; letter-spacing:-1px; padding: 0 0 0 0; font-size:110%;}
	.om01 { background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sbayvar_z01.tvs) no-repeat center top !important;}
	.om02 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sbayvar_z02.tvs) no-repeat center top !important;}
	.om03 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sbayvar_z03.tvs) no-repeat center top !important;}

	
	.book_pro_outer {clear:both; margin:0 0 0 10px; width:95%; min-width:300px;}
	.book_pro dl.bp {width:49%;}
	.book_pro dd ul li a {width:120px;}
	.book_pro_outer .p03 {display:none;}
	.book_pro_outer .p04 {display:none;}
	.book_pro_outer .p05 {display:none;}

	.main_bottom {margin: 0 0 0 10px; width:95%; padding: 20px 0 0 0; }


	.sns {width:100%; }
	.sns ul.s02 li {letter-spacing:-2px;}
	.sns ul.s03 li {letter-spacing:-2px;}

   .sns ul.s01 li:first-child {width:100%;} 
   .sns ul.s01 li:nth-child(2),
   .sns ul.s01 li:nth-child(3),
   .sns ul.s01 li:nth-child(4) {width:20%; width:40%;}  

	.quick {width:100%; margin:20px 0 0 0;}
	.quick ul li {margin:0; padding:0; width:33%; font-size:110%;}

	.lib_time {border:1px solid #d0d0d0; margin:10px 0 0 0; padding:0; width:100%; height:95px; float:right;  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Syvo_gvzr_ot.wct) no-repeat right bottom;}
   .lib_time h2 {margin:12px 0 0 20px; padding:0; font-size:125%; font-weight:600; color:#333;  letter-spacing:-1px;}
   .lib_time ul {margin: 5px 0 0 20px; width:100%; padding:0;}
   .lib_time ul li {clear:both; width:100%; margin:0; padding:0; font-weight:600; font-size:110%; color:#333; letter-spacing:-1px; line-height:18px;}
   .lib_time ul li span.sp {letter-spacing:-2px; font-weight:600; width:46px !important; float:left; display:inline; color: #444;}
   .lib_time ul li span.sp2 {letter-spacing:2px; font-weight:600; width:46px !important; float:left; display:inline; color: #444;}
   .lib_time ul li span.sp_org {letter-spacing:0px; color: #fc5e08;}
   .lib_time ul li span.sp_red {color: #ff3434; background: #fff;}


	


}

/* break point -300- */
@media screen and (max-width:500px) {
	.list ul li .tabcontent ul li span { display:none;}
}