@charset "euc-kr";

/* Layout ***********************************************************************/

body {margin:0px; }

/* container */
#container{margin:0; padding:0;} 


/* body_contents **********/

#body_outer {width:100%; margin:0 auto; padding:0; } /* ¼±°æ */

#body_contents {margin:0 auto 20px; padding:0px; width:1000px; overflow:hidden; color: #636363; line-height: 1.6; font-family: "¸¼Àº °íµñ", Malgun Gothic, "µ¸¿ò", Dotum, "±¼¸²", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; } 


/* »ó´Ü */
#main_top {width:99%; 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_ftf.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_tuf.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_oef.cat) no-repeat right top !important;}

#main_top .mt_left {float:left; width:300px;height:310px; border-right:3px solid #fcad08; background: #fff;  }

/* µµ¼­°Ë»ö **********/
#top_search {width: 250px; height: 70px;  letter-spacing: -1px; margin:15px 0 0 25px; padding:0px;}
#top_search h2 { float: left; margin:0; padding:0px; width:250px; height:27px; font-size:120%; letter-spacing:-1px; font-weight:bold; color:#232324; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sfrnepu_vpba.tvs) no-repeat right bottom; }
#top_search fieldset { border:0; margin:0; padding:0; clear:both; }
#top_search legend { font-family: Dotum,sans-serif;    width: 0;  height: 0;  overflow: hidden;   visibility: hidden;   }
#top_search .inputText {  float:left;  border:0; width:164px; height:28px; margin:0; padding:0 0px 0 34px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sfrnepu_ot.tvs) no-repeat left top; }
#top_search input.search_btn { margin:0px;  vertical-align:top; float:left;} 





/* µµ¼­°Ë»ö (20170515) **********/
#top_search_new {position:relative; width:255px;height:70px; letter-spacing:-1.5px; margin:0px; padding:0px; }
#top_search_new fieldset { border:0; margin:0; padding:0; clear:both;}
#top_search_new legend { font-family: Dotum,sans-serif;   width: 0;  height: 0;  overflow: hidden;  visibility: hidden;   }
#top_search_new .inputText {  float:left;  border:0; width:168px; height:28px;  margin:0; padding:0px 0px 0px 34px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sfrnepu_ot_arj.tvs) no-repeat left top; }
#top_search_new input.search_btn { margin:0px;  vertical-align:top; float:right;} 


 #tab2 .tabmenu2 {position:absolute; top:7px; left:22px; width:100%; margin:0px; padding:0px;/* background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sfrnepu_vpba.tvs) no-repeat right top;*/}
 #tab2 .tabmenu2 ul { list-style: none; width:100%; margin: 0; padding: 0; }
 #tab2 .tabmenu2 ul li { display: inline; float:left; margin:0; padding:0px 2px 0px 0px; }
 #tab2 .tabmenu2 ul li a {text-align:center; display:block; padding:4px 10px;  font-weight:bold;  background:#929292; color:#fff; border-radius:8px 8px 0px 0px;}
 #tab2 .tabmenu2 ul li a.on { background:#4e535e; color:#fff;  }



 #tab2 .tabcontent02 {display:none;position:absolute; top:26px; left:0px; width:100%; border:1px solid #ccc;margin:0px;padding:0px;color:#454545;}
.list02 ul li .tabcontent02 ul { margin:0px; padding:0px;  font-size:1em;  list-style:none;  }
.list02 ul li .tabcontent02 ul li { white-space: nowrap; width: 100%; line-height:1.9; }  










/* µµ¼­°ü¼­ºñ½º **********/
.service {border-top:1px solid #fcad08; float:left; width:300px; padding: 0 0 0 0; height:240px; background: #fffdf1;}
.service h2 {float: left; margin:10px 0 0 25px; padding:0px; width:100%; font-size:120%; letter-spacing:-1px; font-weight:bold; color:#232324;}
.service ul {list-style:none; margin:0 10px 0 10px; padding:0; width:100%;}
.service ul li {float:left; width:31.3%; margin: 0 0 10px 0; padding:0; text-align:center;}
.service ul li span {width: 100%; text-align:center; display:block; letter-spacing:-1.5px; color: #444 !important; font-weight:600; margin:-5px 0 0 0; padding:0;}
.service ul li ul.txt_l li{width:100%; margin-bottom:2px; text-align:left; line-height:1em; font-size:11px;}
#main_top .mt_right {float:left; width:400px;  height:310px;}
#main_top .mt_right p.mt_tit {float:left; margin: 33px 0 0 40px; width:100% !important;}


.main_center {width:100%; height:180px; margin:20px 0 0 0; }
/** notice **/   
  #tab1 { margin:0 25px 0 0;  width:41.6%; padding:0px; height:180px; overflow:hidden; position:relative; float:left; }
  #tab1 .tabmenu { width:100%; height:23px; margin:0px; padding:0px; position:relative; }
  #tab1 .tabmenu ul { list-style: none; float: left; width:100%; margin: 0; padding: 0;  border-bottom:1px solid #c8c6c1;  }
  #tab1 .tabmenu ul li { display: inline; float: left; margin: 0; padding:0px;  }
  #tab1 .tabmenu ul li img {font-size:1%; vertical-align:middle;}
   
 
  #tab1 .tabcontent {  display: none; position: absolute; left: 0px; top:40px; width: 100%; height: 100px; margin:0px; padding: 0px;  }
  .list ul li .tabcontent ul { margin:0px; padding:0px; list-style:none; top:0px; left:0px; border:none !important; }
  .list ul li .tabcontent ul li { width:100%; height: 22px; white-space: nowrap;  }  
  .list ul li .tabcontent ul li img {margin-left:5px;}
  .list ul li .tabcontent ul li span {  float:right; color:#444 !important; font-size:12px;}
  .list ul li .tabcontent ul li a { float:left; display:block; text-decoration:none; overflow:hidden; float:left; padding:0 0 0 11px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sz_vpba.tvs) no-repeat 5px 45%; color:#444; width:290px; white-space:nowrap; text-overflow:ellipsis;}
  .list ul li .tabcontent ul li a span { font-weight:bold; color:#444; text-align:left; float:left; margin:0px; padding:0 5px 0 0; }
  .list ul li .tabcontent ul li a:hover { color:#444; text-decoration: underline;  }/* Op´Âa¾È¿¡float°¡¿À¸éhover¸¦´Ù½Ã¼³Á¤ÇؾßÇÔ */
  .list ul li .tabcontent ul li img { vertical-align: middle; padding-top:2px; }/* ±âº»°ª¿Ü¿¡´Ù¸¥°ÍÀ»»ç¿ëÇϸéa³ôÀÌ°¡´Þ¶óÁ®¹è°æÀÌ»ç¶óÁü */



  /* ´õº¸±â : IE´Âdiv¾øÀÌa¿¡½ºÅ¸ÀÏÀû¿ëÇϸé¾Èº¸ÀÌ°íFF,Op´Âdiv¿¡½ºÅ¸ÀÏÀû¿ëÇϸ鸮½ºÆ®¸µÅ©¸¦µ¤¾î¹ö¸®¹Ç·ÎÀÌÇüÅ·ÎÇؾßÇÔ */   

   #tab1 div.tabmore a { position: absolute; right:0px; top: -40px; }
   #tab1 div.tabmore img { vertical-align: top; }



   /* Æ˾÷Á¸ **********/
 #popupZone {position:relative; width:250px; height:180px; margin: 0 0 0 0; padding:0; float:left; }
  #przone {width:100%; position: absolute; left:0px; top: 0px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Scbchcmbar_ot.tvs) no-repeat left top; background-size:100% auto; }
  #przone h2 {height:26px; font-size:110%;  letter-spacing:-1px; font-weight:600; color:#fff; margin:1px 0 0 15px; padding:0px;   }

  #przone #prcon {position: absolute; left:0px; top:26px; overflow: hidden;  width:99.5%; height:153px;  z-index:1; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-left:1px solid #d0d0d0;}
  #przone #prcon ul li {width:100%; position:absolute; margin:0px;  padding:0px; list-style: none; overflow: hidden; top:0px; }
  #przone #prcon ul li img {width:248px; height:153px; }

  #przone #prtit {position: absolute; left:0px; top:200px; width: 286px; height: 17px; text-align:left;  overflow:hidden; display:none; }
  #przone #prtit ul li {position:absolute; left:0; width:270px; margin:0px;  padding:0 8px 0 8px; list-style:none; }
  #przone #prtit ul li a {color:#fff; font-weight:600; font-size:13px; letter-spacing:-0.5px;}

  #przone #control { position: absolute; list-style: none; top:5px; right:10px; z-index:1; }
  #przone #control ul {display: block; list-style:none; }
  #przone #control ul li { display:inline; float:left;}
  #przone #control ul li a {padding:2px;}

   .PZPlusRe { position:absolute; left:0px; top:26px; margin:0; padding:0; width:99.5%;  height:153px; display:none; z-index:10; font-weight:600; font-size:13px; letter-spacing:-0.5px; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-left:1px solid #d0d0d0;}
   .PZPlusRe .PZList_frm { margin:0; padding:10px 0px; width:100%; height:133px; background:#fff; overflow: auto;  }
   .PZPlusRe .PZList_frm ul { list-style:none; margin:0; padding:0;  line-height:18px;}
   .PZPlusRe .PZList_frm ul li {  font-size:12px; margin:0px; padding:0px; text-align:left; }
   .PZPlusRe .PZList_frm ul li a { text-decoration:none;  width:200px; float:left;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; padding:3px 0 2px 10px; margin:0px; border-bottom:1px dotted #c9c7c7;  }
   .PZPlusRe .PZList_frm ul li a:hover { color:#222; text-decoration: underline;  }

   .PZPlusRe .btn {position:absolute; right:0px; bottom:-5px; }


   /* ¿Â¶óÀνÅû */

   .online {position:relative; float:right; margin: 0 0 0 0; border:1px solid #d0d0d0; background: #f5f6f8 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sbayvar_ot.cat) no-repeat left bottom; width: 28%; border-radius:10px; height:180px;}
   .online h2 {width:100%;  height:26px; font-size:110%; letter-spacing:-1px; font-weight:600; color:#3c3c3c; margin:1px 0 0 0; padding:0 0 0 15px; border-bottom:1px dashed #d0d0d0;}
   p.on_tit {font-weight:600; margin:15px 0 0 45px; padding:0; letter-spacing:-1px; color: #444; line-height:17px; font-size:100%;}
   p.on_tit span {color: #c02f08;}
   .online ul {width:110px; margin:15px 0 0 150px; padding:0; }
   .online ul li {margin:0; border-bottom: 1px solid #d0d0d0; }
   .online ul li a {padding:0 0 0 15px; color: #222 !important;  line-height:22px; font-size: 100%;  font-weight:600; letter-spacing:-1px; 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_qbg.tvs) no-repeat left 5px; }
   .online ul li a:hover {color: #ff5b18 !important;}
   .online div.more a { position: absolute; right:10px; top: 5px; }

   .online_m {display:none;}


   /* µ¶¼­¹®È­ÇÁ·Î±×·¥ */
   .book_pro_outer {clear:both; margin:10px 0 0 0; padding:0; width:99.8%; height:150px; position:relative;}
   .book_pro_outer div.more a { position: absolute; right:5px; top: 5px; }
   .book_pro_outer h2 {font-size:110%;  letter-spacing:-1px; font-weight:600; color:#3c3c3c; margin:0 0 5px 0; padding:0px;}
   .book_pro {border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; margin:0 0 0 0; padding:0; width:99.8%; height:150px;}
   
   .book_pro dl.bp {width:19.8%; height:150px; float:left; position:relative; border-left:1px solid #d0d0d0;}
   .book_pro dt {width:100%; margin:0; padding:0;}

   .book_pro dd {position: absolute; top:19px; left:28px; margin:0; padding:0;}
   .book_pro dd ul {list-style:none; margin:0; padding:0;}
   .book_pro dd ul li {margin:0; padding:0;  letter-spacing:-1px; line-height:17px; color: #333; }
   .book_pro dd ul li.tit {font-weight:600; background:none !important;  line-height:18px; font-size:110%; }
   .book_pro dd ul li a {width:150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  text-overflow:ellipsis; float:left; }
   .book_pro dd ul li.date {margin:0; padding:0; font-size:110%; clear:both;}
   .book_pro dd ul li.time {margin: 0 0 10px 0; font-size:110%;}
   .book_pro dd ul li span {padding: 0 0 0 7px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sc_qbg.tvs) no-repeat left 8px; color: #555 !important;}
  
   .book_pro dd ul li a:hover {color: #ff5b18 !important; }

   .acc {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sv_npp.tvs) no-repeat right bottom;}
   .ready {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sv_ernql.tvs) no-repeat right bottom;}
   .end {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sv_raq.tvs) no-repeat right bottom;}


   .main_bottom {clear:both; margin:50px 0 0 0; padding:0; width:100%;}


   .sns {/*width:39.5%;*/ width:44%;  border:1px solid #d0d0d0; margin:0; padding:0; height:95px; float:left; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhjbayvo.tb.xe%2Svzntrf_x%2Savnz%2Sfaf_ot.wct) no-repeat right bottom;}
   .sns ul {list-style:none; margin:12px 0 0 10px; padding:0; width:100%;}
   .sns ul li {float:left;  width:33%; margin: 0 0 10px 0; height:20px; font-weight:600; letter-spacing:-1.5px; font-size:100%;}
  
   .sns ul.s01 li:nth-child(2),
   .sns ul.s01 li:nth-child(3),
   .sns ul.s01 li:nth-child(4) {width:22%; width:33%;}  

   .sns ul.s03 li:last-child {width:67%;}


   .sns ul li a {margin:0px; padding:0;}
   .sns ul li a:hover {color: #ff5b18 !important;}
   .sns ul li img {float:left; margin-right:3px !important;}

   .quick {margin:5px 0 0 15px; padding:0; width:25%; height:95px; float:left; text-align:center;}
   .quick ul {margin:0; padding:0;}
   .quick ul li {margin:0; padding:0; width:33%; float:left; text-align:center; letter-spacing:-1px; font-weight:600;  }
   .quick ul li span {width:100%; display:block; line-height:14px;}
   .quick ul li a:hover {color: #ff5b18 !important;}


   .lib_time {border:1px solid #d0d0d0; margin:0; padding:0; width:29%; 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 {font-weight:600; width:54px !important; float:left; display:inline; color: #444;}
   .lib_time ul li span.sp2 {letter-spacing:4.5px; font-weight:600; width:54px !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;}