@charset "utf-8";
/* CSS Document */


/* SNS카운터 연동 */
.sns_share_btns{display: block; float:right; text-align:right; width:220px;}

/* 반드시 들어가야 하는 스타일 시작 */
/* 공통사항 */
*{margin:0; padding:0; font-size:12px; font-family:/*"나눔고딕",*/ "맑은고딕", "Malgun Gothic", "돋움", "Dotum", "굴림", "Gulim", "verdana", "Arial", "sans-serif", "Verdana"; color:#666; line-height:14px;}
body{font:12px/1.5 Gulim,굴림,Dotum, Verdana, AppleGothic, Sans-serif;
		color:#333;
		/*@background-image=background-image:url(./images/bg.gif);*/ background-image: none; /*@*/
		/*@background-image-position=background-position:;*/ background-position: left top; /*@*/
		/*@background-image-repeat=background-repeat:repeat;*/ background-repeat: no-repeat; /*@*/
		/*@background-color=background-color:;*/ background-color:#e5e5e5; /*@*/
		padding:0; margin:0;}
ul,li{list-style:none;}
img{border:none;}
input{border:none; color:#999; font-size:12px; padding:0 0 0 3px; line-height:16px;}
img, input, txt{vertical-align:middle;}
a,img,input {selector-dummy:expression(this.hideFocus=true);}/* 링크점선없애기 */


/* 본문 공통 */
/*h2{font-size:22px; font-weight:bold; line-height:25px; color:#333;}*/
/* 기본 텍스트 롤오버 및 링크 */
a:link     {color: #666; text-decoration: none;}
a:visited  {color: #666; text-decoration: none;}
a:hover    {color: #029dd6; text-decoration: underline;}
a:active   {color: #666; text-decoration: none;}

/* paging */
#paging{ padding-top:10px; padding-bottom:20px;  text-align:center;  font-size:12px;}

#paging .numbox{ border-left:1px solid #ccc; padding-left:6px; margin-left:6px; verdana; font-size:11px;}
#paging .num{ border-right:1px solid #ccc; padding-right:8px; margin-right:5px; }
#paging #prevPage{ background:url(./images/btn_prev.gif) 0 3px no-repeat !important; padding-left:18px; font-size:12px; padding-top:2px;}
#paging #nextPage{ background:url(./images/btn_next.gif) 28px 3px no-repeat; padding-right:18px; font-size:12px; padding-top:2px;}

.selected{ font-weight:bold; color:#009ad6; }

.no-more-prev { background:url(./images/btn_prev.gif) 0 0 no-repeat !important;  padding-left:18px; font-size:12px; padding-top:2px;}
.no_more_next { background:url(./images/btn_next.gif) 28px 0 no-repeat !important; padding-right:18px; font-size:12px; padding-top:2px;}


/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:10px Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#009ad6;}

/* 달력 월 표시 */
    .cal_month              { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:0.95em Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:0.95em Dotum, Arial, sans-serif;  color:#f30; }

/* 달력 Week(tr 영역)  */
    .cal_week               { }
    .cal_current_week       { }

/* 달력 Day(td 영역) */
    .cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#f30 !important;}
    .cal_day_sunday a        { color:#f30 !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#666;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#000;  text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#333;  font-weight:bold;}
    a.cal_click:visited     { color:#333;  font-weight:bold;}
    a.cal_click:hover       { color:#f30;  font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             {  }
    .rp_admin               { background:url(./images/iconAdmin.gif) no-repeat; padding-left:20px; }
    .rp_secret              { color:#f30;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { background:url(./images/iconAdmin.gif) no-repeat; padding-left:20px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { background:url(./images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#666;  text-align:center; padding:15px 0 0 0; margin:0;}
/* 그림 */
    .imageblock      { border:0px solid #ddd; padding:5px 0; margin:5px 0; text-align:center; }
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#fff; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { background:url(./images/iconMore.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_top           { background:url(./images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(./images/iconLess.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

/* 키워드 */
    .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
	
/* new 아이콘 */
.icon_new{ width:10px; height:11px; background:url(./images/icon_new.gif) no-repeat; margin-left:3px;}
.no_icon{display:none;}
	


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
/*********************************************************************************/


/* 레이아웃 */
#WRAP{width:100%;}

/* SNS Share */
#SNS_floating{position:fixed; right:0; top:350px; z-index:9999;}
.atss-right{top:374px !important;}

/***** TOP START *****/
#TOP{height:310px; clear:both;}
#TOP_Bar{width:100%; height:67px; background-color:#25282d; border-bottom:#009ad6 solid 4px;}
#TOP_Box{margin:0 auto; width:980px; height:67px;}
#TOP_Logo{width:121px; padding:8px 36px 0 0; float:left;
}
/* GNB */
#TOP_Gnb{float:left; width:576px; height:67px;}
#TOP_Gnb li{display:inline;}
.Gnb_line{background:url(./images/line_menu.gif) 0 1px no-repeat; padding-right:22px;}

/* 롤오버 속성 */
a.Gnb_rollover img {border-width:0px; display:inline;} 
a.Gnb_rollover img.Gnb_over {display:none; } 
a.Gnb_rollover:hover {border:0px;} 
a.Gnb_rollover:hover img {display:none;} 
a.Gnb_rollover:hover img.Gnb_over {display:inline;}

#searchBox{float:right; width:210px; height:50px;}
#searchBox input{line-height:25px; background-color:#fff; padding-left:8px;}
#searchBox .submit{ background:url(./images/btn_search.gif) 0 0 no-repeat; width:30px; height:25px; overflow:hidden; text-indent:-1000em; border:0; cursor:pointer; margin-top:21px;}

/*2018 visual start*/
#TOP_Visual{background:url(./images/bg_ima_top.gif) repeat-x; width:100%; height:239px;}
#TOP_Visual_Img{width:980px; height:239px; margin:0 auto; background:url(./images/ima_top_T.png) 0 no-repeat; }
h1.Visual_copy{text-indent:-9999px; }
#Go_Service{ float:left; width:980px; height:240px; }
.Service { float:left; margin-left:289px; margin-top:140px;}
.Service li{float:left;}

/*#TOP_Visual{background:url(./images/bg_top.jpg) repeat-x; width:100%; height:239px;}
#TOP_Visual_Img{width:980px; height:239px; margin:0 auto; background:url(./images/img_top.png) 525px 0 no-repeat;}
h1.Visual_copy{text-indent:-9999px; background:url(./images/copy_top02.png) 32px 50px no-repeat; width:462px; height:142px; padding:50px 0 0 32px; float:left;}
#Go_Service{width:107px; padding-top:19px; float:right;}*/
/***** TOP END *****/

/***** CONTENT START *****/
#container{background-color:#e5e5e5; width:980px; margin:0 auto; overflow:hidden; padding:40px 0 100px 0;}
#content{width:670px; margin-right:20px; background-color:#fff; padding:30px; float:left;}
.another_category_color_gray h4, .another_category_color_gray h4 a{color: #009ad6 !important;}
/***** Main Content *****/
#C_Banner{height:300px; margin-bottom:27px; background-color:#333;}
/* 메인 공지사항 */
#C_NewON{background:url(./images/icon_notice.gif) 3px 0 no-repeat; padding-left:26px; height:15px; margin-bottom:8px;}
#C_NewON li{display:inline; line-height:17px;}
.News1{width:434px;}
.News2{width:434px; padding-left:53px;}
.new_date{color:#999; padding-left:13px;}
/* 메인 서비스온 */
#C_ServiceON{width:980px; background-color:#fff; padding:33px 33px 0 33px; margin:0;}
.ServiceON_title{text-indent:-9999px; background:url(./images/title_serviceON.gif) 33px 33px no-repeat; width:100%; height:57px; *display: inline; zoom:1; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; /* for ie7*/}
.ServiceON_Border{background-color:#e1e1e1; height:1px;}
/* 메인 토크온 */
#C_TalkON{width:980px; background-color:#fff; padding:33px 33px 0 33px; margin:0;}
.TalkON_title{text-indent:-9998px; background:url(./images/title_talkON.gif) 33px 33px no-repeat; width:100%; height:57px; *display: inline; zoom: 1;*text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; /* for ie7 */}
/* 메인 업데이트 컨텐츠 공통 */
.Con_Box{padding:10px 0 30px 0;}
.S_content{width:291px; display:inline-block;*display:inline; zoom:1;}
.Con_center{padding:0 21px 0 20px;}
.Con_thum{width:291px; height:166px; margin-bottom:16px;}
.Main_h3{font-size:14px; font-weight:bold; color:#333; margin-bottom:11px;}
.Main_h3 a:link {font-size:14px; color:#333; text-decoration:none;}
.Main_h3 a:visited {font-size:14px; color:#333; text-decoration:none;}
.Main_h3 a:hover {font-size:14px; color:#333; text-decoration:underline;}
.Con_Text{line-height:18px; margin-bottom:14px; display:block;}
.Con_Text a:link {color:#666; text-decoration:none;}
.Con_Text a:visited {color:#666; text-decoration:none;}
.Con_Text a:hover {color:#666; text-decoration:underline;}
.Con_Date{color:#acacac;}

/* 메인 하단 컨텐츠 
#Main_Bcontent{margin-top:30px; overflow:hidden;}
.B_Con{width:238px; height:316px; display:inline; margin-right:10px; float:left; background-color:#fff;}
.B_Con_237{width:197px; height:291px; display:inline; margin-right:10px; background-color:#fff; float:left; padding:25px 20px 0 20px;}
.B_Con_238{width:198px; height:291px; display:inline; margin-right:10px; background-color:#fff; float:left; padding:25px 20px 0 20px;}
.No_margin{margin:0;}
.B_Con_thum{width:195px; height:188px; border:#e5e5e5 solid 1px; margin-top:23px;}*/

/* 메인 하단 컨텐츠 new */
#B_box{width:980px; overflow:hidden;}
.B_Con238{width:238px; height:316px; display:inline; margin-right:10px; float:left;}
.B_Con237{width:237px; height:316px; display:inline; margin-right:10px; float:left;}
.B_Con237R{width:237px; height:316px; display:inline; margin:0;  float:right;}
#B_box li{display:inline;}

/***** Sub Content *****/
#C_Posts{width:670px; margin-right:20px; background-color:#fff; padding:30px; float:left;}
.other_post{color:#009ad6;}
/* Side Menu */
#sidebar{width:230px; float:right;}
#sidebar .cnt{font:8pt 돋움,Arial, Helvetica, verdana, Gulim, sans-serif; color:#009ad6;}
div.another_category h4{color:#009ad6 !important;}
div.another_category h4 a{color:#009ad6 !important;}


/* 카테고리 */
.Category{background-color:#fff; margin-bottom:20px;}
.S_Title{height:26px; background:url(./images/bg_titlebar.gif) no-repeat; padding:14px 0 0 15px;}
.C_flow{padding:15px;}
.C_all{text-indent:-1000px; background:url(./images/category_all.gif) 0 2px no-repeat; width:16px; height:12px; display:inline-block; padding-top:1px; *display:inline; *text-indent:0; *font-size:0; *line-height:0; *zoom:1; /*ie7*/}
.C_Company{text-indent:-1000px; background:url(./images/category_CompanyON.gif) 0 2px no-repeat; width:87px; height:14px; display:inline-block; padding-top:1px; *display:inline; *text-indent:0; *font-size:0; *line-height:0; *zoom:1; /*ie7*/}
.C_Service{text-indent:-1000px; background:url(./images/category_ServiceON.gif) 0 2px no-repeat; width:73px; height:12px; display:inline-block; padding-top:1px; *display:inline; *text-indent:0; *font-size:0; *line-height:0; *zoom:1; /*ie7*/}
.C_IR{text-indent:-1000px; background:url(./images/category_IRON.gif) 0 2px no-repeat; width:39px; height:12px; display:inline-block; padding-top:1px; *display:inline; *text-indent:0; *font-size:0; *line-height:0; *zoom:1; /*ie7*/}
.C_PR{text-indent:-1000px; background:url(./images/category_PRON.gif) 0 2px no-repeat; width:44px; height:12px; display:inline-block; padding-top:1px; *display:inline; *text-indent:0; *font-size:0; *line-height:0; *zoom:1; /*ie7*/}
.C_Support{text-indent:-1000px; background:url(./images/category_SupportON.gif) 0 2px no-repeat; width:77px; height:14px; display:inline-block; padding-top:1px; *display:inline; *text-indent:0; *font-size:0; *line-height:0; *zoom:1; /*ie7*/}

/*.C_news{text-indent:-1000px; background:url(./images/category_newsON.gif) 0 2px no-repeat; width:60px; height:14px; display:inline-block; padding-top:1px; *display:inline; *text-indent:0; *font-size:0; *line-height:0; *zoom:1; /*ie7*/}*/
/*.C_business{text-indent:-1000px; background:url(./images/category_businessON.gif) 0 2px no-repeat; width:83px; height:14px; display:inline-block; padding-top:1px; *display:inline; *text-indent:0; *font-size:0; *line-height:0; *zoom:1; /*ie7*/}*/
/*.C_service{text-indent:-1000px; background:url(./images/category_serviceON.gif) 0 2px no-repeat; width:73px; height:14px; display:inline-block; padding-top:1px; *display:inline; *text-indent:0; *font-size:0; *line-height:0; *zoom:1; /*ie7*/}*/
/*.C_talk{text-indent:-1000px; background:url(./images/category_talkON.gif) 0 2px no-repeat; width:51px; height:14px; display:inline-block; padding-top:1px; *display:inline; *text-indent:0; *font-size:0; *line-height:0; *zoom:1; /*ie7*/}*/
/*.C_event{text-indent:-1000px; background:url(./images/category_eventON.gif) 0 2px no-repeat; width:60px; height:14px; display:inline-block; padding-top:1px; *display:inline; *text-indent:0; *font-size:0; *line-height:0; *zoom:1; /*ie7*/}*/

.RecentPost{background-color:#fff; margin-bottom:20px;}
.C_Postlist{padding:15px 15px 4px 15px; background-color:#fff;}
.C_Postlist li{ background:url(./images/icon_dot.gif) 0 4px no-repeat; padding-left:10px; padding-bottom:8px;}
#S_Link{margin:20px 0;}
.banner_smartbill{padding-bottom:10px;}

#S_Event{margin-bottom:20px; height:200px;}

#S_Counter{height:40px; background:url(./images/bg_counter.gif) no-repeat;}
#S_Counter ul{padding:0 15px;}
#S_Counter li{display:inline; color:#a7e8ff; font-size:10px; line-height:40px;}
.today{width:95px; float:left; }
.today_num{padding-left:3px; font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#fff;}
.total{width:95px; padding-left:10px; float:right;}
.total_num{padding-left:3px; font-size:10px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#333;}
/***** CONTENT END *****/

/***** FOOTER START *****/
#FOOTER{background-color:#292a2f; clear:both; width:100%;}
#F_Area{width:980px; margin:0 auto; padding:25px 0 65px 0;}
.F_Menu{color:#fff; font-weight:bold; padding-bottom:20px;}
.F_Menu li{display:inline;}
.F_Menu a:link{color:#fff; text-decoration:none;}
.F_Menu a:visited{color:#fff; text-decoration:none;}
.F_Menu a:hover{color:#fff; text-decoration:underline;}
.F_Line{color:#4c4c4d; padding:0 7px; font-weight:normal;}

#F_Info{height:43px;}
.F_Address{font-size:11px; line-height:18px; color:#787879; width:810px; display:inline-block; float:left; padding-top:3px;}
.F_Info_Line{color:#48484a; padding:0 4px;}
.F_Logo{width:107px; height:43px; float:right; display:inline;}
/***** FOOTER END *****/

/* **** TEDITION **** */
.tedition_blog #content{background-color:#e5e5e5; width:980px; padding:0; margin: 0 auto;}
.tedition_blog #sidebar{display: none;}
.tedition_blog #ttCanvas{width:980px !important; margin:0 auto !important;}
.tedition_blog .tt-span-3{padidng:0; margin:0;}
.tedition_blog .tt-post-thumb{border:0;}

.tedition_blog .M_Banner_title, M_Banner_title a{color:#16c1f3;}
.tedition_blog .M_Banner_bar{height:40px; line-height:40px;}
.tedition_blog .M_Banner_layout{width:980px; height:300px; border:none;}
.tedition_blog .M_Notice{border:#F00 solid 1px; height:15px; background:url(./images/icon_notice.gif) 3px 0 no-repeat; padding-left:26px;}
.tedition_blog #FOOTER{width:100%;}
div#ttCanvas #ttItem3047{padding-bottom:0 !important;}
div#ttCanvas #ttItem1275028344{padding-bottom:0 !important;}
/*
div#ttCanvas .tt-item-310430 .tt-wrap-postinfo{height:40px !important;}
div#ttCanvas .tt-item-310430 .tt-post-thumb-link{top:14px !important;}*/
div#ttCanvas .tt-item-340060 .tt-post-title a{font-size:12px !important; font-weight:normal !important; letter-spacing:0 !important;}
body.tistory_grid_665 div#ttCanvas .tt-span-12{width:980px !important;}
body.tistory_grid_665 div#ttCanvas .tt-span-6{width:460px !important;}
body.tistory_grid_980 div#ttCanvas .tt-span-6{width:460px !important;}
div#ttCanvas div.tt-panel{padding-top:0 !important;}
div.article p{line-height:normal !important; font-size:12px !important;}
div.article span{line-height:normal !important;}


.tt_article_useless_p_margin p{margin:0 !important; padding:0 !important; width:100%;}
div.article p{font-size:auto !important;}

/* 카테고리 롤오버 */
.branch3:hover {
    cursor:pointer;
    color:#009ad6;
    text-decoration:underline;
}