@font-face{font-family:ngttf; src:url(images/NanumGothic.ttf);}

body {font-family:NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande'; font-size: 13px;}
div, p, span {font-family:NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande'; font-size: 13px;}
table {border-spacing:0px;border-style:none;padding:0px;}
td {border-spacing:0px;border-style:none;padding:0px;}


/*티스토리 관련*/
#tistorytoolbarid {display:none;} /*티스토리 툴바*/
/*카테고리 글꼴*/
#treeComponent td {font:14px NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande'!important;line-height:22px;}
.selected {font-weight:bold;color:#999;}
.no-more-prev {background:url(images/ico_prev_no.gif) left 1px no-repeat !important;padding-left:6px;color:#999;}
.no-more-next {background:url(images/ico_next_no.gif) right 1px no-repeat !important;padding-right:6px;color:#999;}
.ib {cursor:pointer;} /*카테고리 폴더 그림*/
.branch3 {cursor:pointer;} /*카테고리 이름*/
.c_cnt {font:10px '맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';
      color:#3f6081;} /*카테고리 글 개수*/
.cap1 {color:#999;font-size:11px;text-align:center;padding:4px 0;margin:0;} /*이미지 아래 캡션*/
.imageblock {margin:5px 0;} /*본문 이미지 배치*/
.dual {background:#0a273d;}
.dual img {width:319px;padding-right:2px;} /*본문 이미지 두 장 나란히*/
.triple {background:#0a273d;}/*세 장 나란히*/
.triple img {width:212px;padding-right:2px;}
.moreless_fold {background:url(images/iconMore.gif) center left no-repeat;
      padding-left:44px;color:#fff;font-size:11px;} /*더보기 펼치기*/
.moreless_top {background:url(images/iconLess.gif) center left no-repeat;
      padding-left:44px;color:#fff;font-size:11px;} /*더보기 접기*/
.moreless_bottom  {background:url(images/iconLess.gif) center right no-repeat;
      padding-right:44px;color:#fff;font-size:11px;text-align:right;} /*더보기 접기 아래*/
.key1 {cursor: pointer;border-bottom: 1px dotted #ccc;} /*키워드 스타일*/

/* 공통 제어 */
* {margin: 0;} /*하단 고정용*/
html, body, div, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form {margin:0; padding:0;}
html, body {height:100%;font:14px/2.0 NanumGothic,'나눔고딕',ngttf,nget,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';color:#999;}
body {background-color:#113651;
background-image:url(images/);
background-repeat:no-repeat;
background-position:98% 200px;
background-attachment:fixed;
}
ul, ol, dl {list-style:none;}
img {border:none;vertical-align:top;}
a, a:visited, a:active, a:focus, a:link {color:#15adff;text-decoration:none;
      border:none;outline:0;}
a:hover {color:#99be39;text-decoration:none;}




/*패널 버튼*/
.tab {background:url(images/tab_b.png) repeat-x 0 0;
      height:100px;position:relative;top:0;z-index:140;}
.tab ul.login {display:block;font-weight:bold;llne-height:50px;
      margin-top:50px;padding-left:30px; /*magin은 탭과 글자 모두 아래로, padding은 글자만 옆으로*/
      position:absolute; 
      float:left; /*relative와 right 사용시 끝에서 깨짐*/
      clear:left;
      left:380px; /*위치 지정을 오른쪽이 아닌 왼쪽에서 해줘야 안 깨짐*/
      height:50px;width:144px;
      font-size:10px;
      background:url(images/tab_menu.png) no-repeat;}

*:first-child+html .tab ul.login {display:block;font-weight:bold;llne-height:50px;
      margin-top:5px; /*IE7 Hack*/
      padding-left:30px; /*magin은 탭과 글자 모두 아래로, padding은 글자만 옆으로*/
      position:absolute; 
      float:left; /*relative와 right 사용시 끝에서 깨짐*/
      clear:left;
      left:380px; /*위치 지정을 오른쪽이 아닌 왼쪽에서 해줘야 안 깨짐*/
      height:50px;width:144px;
      font-size:10px;
      background:url(images/tab_menu.png) no-repeat;}

.tab ul.login li {text-align:left;padding:0 6px;display:block;float:left;height:50px;}

.tab a.open, .tab a.close {width:100px;height:20px;
      line-height:20px !important;
      padding-left:20px !important;
      cursor:pointer;display:block;position:relative;top:13px;}

/*패널 숨겨진 부분*/
#toppanel {position:absolute;top:0;left:0;width:100%;z-index:140;}
/*relative will "push" the content down*/

#panel {width:100%;height:370px;background:#0a273d;overflow:hidden;
      position:relative;z-index:3;display:none;}
#panel .content {width:960px;margin:0 auto;padding:15px 0 0 190px;text-align:left;}
#panel .content .left {width:280px;float:left;}
#panel .content .middle {width:280px;float:left;}
#panel .content .right {width:280px;float:left;}
#panel .content .left input {width:134px;height:18px;color:#161616;border:1px solid #E4E4E4;
      background-color:#f3f3f3;
      font:13px ngeot, '맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';}
#panel .content .left .submit {margin-left:0px;width:22px;height:22px;border:none;background:url(images/btn_search.png) no-repeat;cursor:pointer;}
/*h1 속성 IE7, 8을 위해 영문 폰트로, 맑은 고딕 안 먹힘*/
#panel .content h1 {margin:7px 0;color:#99be39;font:bold 27px 'Segoe UI','Lucida Grande';}
#panel .tagbox {width:220px;text-align:justify;}
#rsspack {width:220px;margin-top:40px;}
#rsspack .rss {float:left;}
#rsspack .favorites {float:right;}

/*타이틀 이미지*/
#header_position {width:396px;margin:0 auto;}
#header {width:336px;margin-left:60px;}
#header .headerleft {float:left;width:276px;height:30px;margin-top:15px;
      background:url(images/title.png) no-repeat center bottom;}
#header .headerright {float:left;width:50px;height:29px;margin:15px 0 0 10px;}

/*Tab Box*/
#tab_position {width:780px;margin:100px auto 0 auto;}
*:first-child+html #tab_position {width:740px;margin:100px auto 0 auto;
      padding-top:100px;} /*IE7 Hack*/
#tabtainer {width:720px;height:280px;margin-left:60px;
      text-align:justify;word-break:break-all;word-wrap:break-word;overflow:hidden;} 
*:first-child+html #tabtainer {width:720px;height:280px;margin-left:40px;
      text-align:justify;word-break:break-all;word-wrap:break-word;overflow:hidden;}       
#tabtainer ul {background-color:#113651;} /*탭 없는 부분 전체 배경색과 맞춰주기 위해*/
#notice ul {background:#0a273d;} /*탭 부분 공지*/
#recent ul {background:#0a273d;}
ul.tabs {float:left;height:32px;width:100%;}
html ul.tabs li.active, html ul.tabs li.active a:hover {color:#fff;background:#0a273d;}
ul.tabs li {float:left;height:31px;line-height:31px;margin-bottom:-1px;
      border:1px solid #0a273d;overflow:hidden;position:relative;background:#2a76a7;}
ul.tabs li a {color:#fff;display:block;font-weight:bold;font-size:14px;	padding:0 20px;}
ul.tabs li a:hover {background:#99be39;}	
.tab_container {border-top:none;clear:both;float:left;width:100%;background:#0a273d;}
.tab_content {height:248px;padding:20px 40px;}
.tab_content img {float:left;margin: 7px 20px 10px 0;}
#Google {width:640px;margin:5px 0 0 0;}
#Google .google_left {float:left;}
#Google .google_middle {float:left;margin:0 20px;}
#Google .google_right {float:left;}
#aladdin {margin-left:-20px;} /*3권일 경우 +68*/

/*콘텐츠*/
#content {min-height:100%;height:auto !important;height:100%;
      margin:0 auto -290px; /*하단 고정용:푸터의 -수치*/
      background:#113651;clear:both;width:780px;padding:0;
      text-align:justify;word-break:break-all;word-wrap:break-word; 
      overflow:hidden;}

/*검색결과*/
#searchList h3 {color:#fff;background:#2a76a7;width:680px;
      margin:-20px 0 0 -40px;padding:10px 0 10px 40px;}

/*본문 날짜*/
#main .date_tab {position:relative;float:left;left:-100px;top:-20px;background:#0a273d;
      width:60px;height:80px;text-align:center;} 
#main .date_tab .tab_date {dislay:block;font:bold 17px/1.6 'Segoe UI','Lucida Grande';
      color:#fff;margin-top:16px;}
*:first-child+html #main .date_tab .tab_date {dislay:block;
      font:bold 17px/1.6 'Segoe UI','Lucida Grande';
      color:#fff;position:relative;top:0px;left:3px;}
#main .date_tab .tab_year {display:block;font:bold 17px/0.4 'Segoe UI','Lucida Grande';
      color:#fff;}
*:first-child+html #main .date_tab .tab_year {display:block;
      font:bold 17px/0.4 'Segoe UI','Lucida Grande';
      color:#fff;position:relative;top:0px;left:3px;}
   
/*본문 제목*/
#content .swftitle {width:740px;height:60px;background:#2a76a7;
      position:relative;left:-80px;         
      margin:-20px 0 0 40px;padding:20px 0 0 40px;}
*:first-child+html #content .swftitle {width:680px;height:60px;background:#2a76a7;
      position:relative;left:-80px;         
      margin:-100px 0 0 40px;padding:20px 0 0 40px;}

/*본문 카테고리, 관리자*/
#content .posted_on {margin:-2px 100px 0 0;text-align:right;color:#99be39;font-size:11px;}
#content .posted_on a:hover {color:#99be39;}
*:first-child+html #content .posted_on {margin:-2px 40px 0 0;text-align:right;font-size:11px;}
#content .s_admin {text-align:right;}

#main {background:#0a273d;width:640px;
      margin:0 0 -20px 60px; 
      padding:20px 40px 0px 40px;}
#main a:hover {color:#99be39;}

/*본문 중간 제목*/
.h1_red {color:#ef007c;font:bold 15px NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';} 
.h1_blue {color:#15adff;font:bold 15px NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';}
.h1_deepblue {color:#0478e2;font:bold 15px NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';}
.h1_green {color:#99be39;font:bold 15px NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';}
.h1_white {color:#fff;font:bold 15px NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';}
/*본문 강조*/
.h2_red {color:#ef007c;font:13px NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';}
.h2_blue {color:#15adff;font:13px NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';}
.h2_green {color:#99be39;font:13px NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';}
.h2_white {color:#fff;font:13px NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';}
/*본문 축소*/
.h3_small {font-size:11px;}
/*본문 인용*/
#main blockquote {padding:10px 40px;}
/*본문 박스 제목*/
#main .box_01 {background:#0478e2;width:5px;height:24px;float:left;}
#main .box_02 {line-height:24px;float:left;margin-left:15px;font-weight:bold;color:#0478e2;}
#main .box_03 {clear:both;line-height:0.8;}

/*본문 하단 태그*/
#main .tagTrail {font-size:11px;letter-spacing:-1px;line-height:1.5;padding-bottom:5px;}
#main .tagTrail a, a:hover {color:#999;}

/*트랙백, 태그 열기 닫기*/
#main .actionTrail {width:640px;padding:5px 0 30px 0;letter-spacing:-1px;}
#main .actionTrail .cnt {color:#999;} /*트랙백, 댓글 숫자*/
#main .actionTrail a {font-weight:bold;}
#main .actionTrail a:hover {font-weight:bold;color:#99be39;}

/*트랙백 출력*/
#main .trackback {width:640px;padding:5px 0 30px 0;overflow:hidden;letter-spacing:-1px;}
#main .trackback a {color:#999;}
#main .trackback h3 {font-size:12px;} /*Trackback*/
#main .trackback span {font-weight:normal;font-size:12px;color:#999;}
#main .trackback h4 {color:#99be39;font-size:12px;} /*Subject:이름*/
#main .trackback h4 a {color:#15adff;}
#main .trackback ol {margin:0;padding:0;list-style:none;}
#main .trackback li {margin:0;padding:6px 0;}
#main .trackback h4 span {font-weight:normal;font:10px;color:#999;} /*트랙백 주소*/
#main .trackback p {font:11px NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';color:#999;margin-top:5px;padding:0;line-height:1.5;}
#main .trackback a.delete span {color:#15adff;}

/*댓글출력*/
#main .commentAll {margin-bottom:10px;}
#main .comment_position {width:680px;background:#113651;
      margin-left:-40px;padding:0 10px 40px 30px;}
*:first-child+html #main .comment_position {width:680px;background:#113651;
      margin-left:-40px;padding:10px 10px 40px 30px;}
#main .comment {background:#113651;width:680px;overflow:hidden;}
#main .comment_ctrl {float:left;width:155px;position:relative;right:-1px;padding:0;
      background:url(images/tip.png) no-repeat right 25px;}
*:first-child+html #main .comment_ctrl {float:left;width:160px;
      position:relative;right:-1px;padding:0;
      background:url(images/tip.png) no-repeat right 25px;}
#main .comment_date {float:left;width:75px;margin-top:17px;padding:0;
      text-align:center;line-height:1.2;}
*:first-child+html #main .comment_date {float:left;width:80px;margin-top:17px;padding:0;
      text-align:center;line-height:1.2;}
#main .comment_menu {float:left;margin:27px 0 0 10px;}
#main .comment_menu li.aim {height:9px;background:url(images/co_menu.png) no-repeat;}
#main .comment_menu ol {margin:0;padding:0;list-style:none;}
#main .comment_menu li {margin-top:-5px;padding:0;float:left;
      position:relative;width:55px;line-height:1.5;}
#main .comment_menu li ol {display:none;position:absolute;top:14px;left:-3px;} 
#main .comment_menu li:hover ol {display:block;}
#main .comment_box {float:left;width:400px;background:#0a273d;
                    border-bottom:1px solid #4d4d4d;
                    border-left:1px solid #000;
                    border-right:1px solid #444;
                    border-top:1px solid #000;
                    margin-top:10px;padding:10px 20px;
                    min-height:50px;} /*min-height:비밀 댓글일 경우를 위한 최소 영역 값*/
#main .comment_box p {font-size:12px;line-height:1.8;} /*댓글 폰트*/

/*댓글입력*/                    
#main .commentWrite {margin:20px 0 0 40px;padding:0;}
#main .commentWrite p {clear:both;margin:0;padding:0;}
#main .commentWrite p.writerInfo label {both;width:80px;float:left;font:11px NanumGothic,'나눔고딕',ngttf,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';padding-top: 2px;vertical-align: middle;}
#main .commentWrite p.writerInfo input {float:left;width:270px;border: 1px solid #d1d3d4;vertical-align: middle;margin-bottom:5px;padding: 2px 0 0 8px;}
#main .commentWrite .homepage {width:230px;font:11px NanumGothic,'나눔고딕',ngttf,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';color:#999;height:16px;}
#main .commentWrite textarea {width:580px;padding:5px;border:1px solid #d1d3d4;}
*:first-child+html #main .commentWrite textarea {width:580px;padding:5px;
      border:1px solid #d1d3d4;margin-top:-15px;}
#main .commentWrite input.submit {width:90px;height:20px;border: none;cursor: pointer;display:block;background:url(images/do.png) no-repeat;margin:0px !important;}
#main .commentWrite .checkbox {border:none;padding:0;margin:0;width:25px;}

#main .guest_form {float:left;}
#main .guest_secret {width:210px;float:left;}

#main .guest_secret div.sec1 {float:left;margin:0 0 5px 20px;}
#main .guest_secret div.sec2 {float:right;margin-top:3px;font-family:NanumGothic,'나눔고딕',ngttf,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';font-weight:bold;}

/*방명록*/
#guestbook {width:680px;background:#113651;margin:-20px 0 -20px -40px;padding:40px;}
#guestbook h1 {font:bold 20px 'Segoe UI','Lucida Grande';color:#fff;padding-bottom:10px;}
#guestWrite .guest_form {float:left;}
#guestWrite .guest_secret {width:250px;float:left;}
#guestWrite .guest_secret div.sec1 {float:left;margin:0 0 5px 20px;}
#guestWrite .guest_secret div.sec2 {float:right;margin-top:3px;font-family:NanumGothic,'나눔고딕',ngttf,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';font-weight:bold;}
#guestWrite {padding:15px;background:#113651;}
#guestWrite p {clear:both;padding:0;margin:0;}
#guestWrite p.writerInfo label {width:80px;float:left;font:12px NanumGothic,'나눔고딕',ngttf,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';padding-top: 2px;vertical-align:middle;}
#guestWrite p.writerInfo input {float:left;width:270px;border:1px solid #d1d3d4;vertical-align:middle;margin-bottom:5px;padding:2px 0 0 8px;}
#guestWrite .homepage {width:270px;height:16px;font:12px NanumGothic,'나눔고딕',ngttf,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';color:#999;}
#guestWrite textarea {width:600px;border:1px solid #d1d3d4;padding:5px;font-family:NanumGothic,'나눔고딕',ngttf,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';}
*:first-child+html #guestWrite textarea {margin-top:4px;width:600px;border:1px solid #d1d3d4;padding:5px;font-family:NanumGothic,'나눔고딕',ngttf,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';}
#guestWrite input.submit {width:90px;height:20px;border:none;cursor: pointer;
      display:block;background:url(images/do.png) no-repeat;margin:0px !important;}
#guestWrite .checkbox {border:none;padding:0;margin:0;width:25px;}

/*태그 로그*/
#main #taglog {width:640px;background:#113651;margin:-20px 0 -20px -40px;padding:40px;}
#main #taglog h1 {font:bold 20px 'Segoe UI','Lucida Grande';color:#fff;padding-bottom:10px;}
#main #taglog ul {padding:5px;margin:0;text-align:justify;}
#main #taglog li {display:inline;}
#main #taglog li .cloud1 {color:#15adff;font-weight:bold;font-size:16px;}
#main #taglog li a:hover {color:#99be39;}
#main #taglog li .cloud2 {color:#5a5194;font-weight:bold;font-size:15px;}
#main #taglog li .cloud3 {color:#fff;font-weight:bold;font-size:14px;}
#main #taglog li .cloud4 {color:#666;font-size:13px;}
#main #taglog li .cloud5 {font-size:12px;color:#999;}

/*공지*/
#notice .date_tab {position:relative;float:left;left:-100px;background:#0a273d;
      width:60px;height:100px;text-align:center;}
*:first-child+html #notice .date_tab {position:relative;float:left;
      left:-100px;background:#0a273d;
      width:60px;height:80px;text-align:center;}

#notice .date_tab .tab_date {dislay:block;font-weight:bold;font-size:17px;
      line-height:1.6;color:#fff;position:relative;top:20px;}
*:first-child+html #notice .date_tab .tab_date {dislay:block;font-weight:bold;font-size:17px;
      line-height:1.6;color:#fff;position:relative;top:3px;left:3px;}

#notice .date_tab .tab_year {display:block;font-weight:bold;font-size:17px;
      color:#fff;line-height:0.4;position:relative;top:20px;margin-left:2x;} 
*:first-child+html #notice .date_tab .tab_year {display:block;font-weight:bold;font-size:17px;
      color:#fff;line-height:0.4;position:relative;top:3px;left:3px;}

*:first-child+html #notice .swftitle {width:680px;height:60px;background:#2a76a7;
      position:relative;left:-40px;         
      margin:-100px 0 0 0;padding:20px 0 0 40px;}
  
/*보호글*/
#main .entryProtected {min-height:180px;margin-bottom:40px;padding-bottom:40px;}
#main .entryProtected .date_tab {position:relative;float:left;left:-100px;top:0px;
      background:#0a273d;width:60px;height:80px;text-align:center;} 
*:first-child+html #main .entryProtected .date_tab {position:relative;float:left;left:-100px;
      top:-20px;background:#0a273d;width:60px;height:80px;text-align:center;} 
.entryProtected .tab_date {dislay:block;font-weight:bold;font-size:17px;
      line-height:1.6;color:#fff;position:relative;top:0px;}
.entryProtected .tab_year {display:block; font-weight:bold;font-size:17px;
      color:#fff;line-height:0.4;position:relative;top:0px;margin-left:2x;}   
#main .entryProtected label {float:left;}
#main .entryProtected input {float:left;width:320px;}
#main .entryProtected .submit {clear:both;margin-top:5px;padding-bottom:50px;
      width:90px;height:20px;cursor:pointer;border:none;
      background:url(images/do.png) no-repeat;}

/*검색 결과*/
#searchRplist {display:none;}
#searchList {margin-bottom:17px;padding-bottom:10px;font-family:NanumGothic,'나눔고딕',ngttf,ngeot,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';}
#searchList ul, 
#searchRplist ul {list-style:none;padding:5px 0;margin:0;line-height:20px;}
#searchList li, 
#searchRplist li {padding-bottom:4px;margin-bottom:4px;}
#searchList .date, 
#searchRplist .date {font:13px 'NanumGothic,'나눔고딕',ngttf,맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';margin-right:10px;}
#searchList .cnt {font:11px NanumGothic,'나눔고딕',ngttf,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';color:#f60;} 
#searchRplist .name {font:13px NanumGothic,'나눔고딕',ngttf,'맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';color:#999;padding-left:8px;}

/*페이지 이동*/
#paging {clear:both;width:680px;margin:50px auto 80px auto;padding-left:40px;
      font:11px 'Segoe UI','Lucida Grande', verdana;text-align:center;background:#113651;}
#paging .numbox {padding: 0 18px;}
#paging .num span {width:23px;height:23px;background:#0a273d;padding:2px 5px;margin-right: 3px;}
#paging a {text-decoration: none;}

/*타이틀 이미지 옆, 페이지 이동 버튼*/
#outer_btn_left {float:left;position:relative;left:0;top:0;width:18px;}
#outer_btn_right {float:right;position:relative;right:0;top:0;	width:18px;}

/*하단*/
#footer, .push {height:290px;color:#99be39;text-align:center;} 
/*하단고정용:footer, push 동일 높이값, margin, padding 불가*/
#footer_position {width:100%;position:relative;background:#0a273d;}
#footer_position .footer_sidebar {width:700px;margin:0 auto;padding-left:40px;height:250px;text-align:left;}
/*width 값은 하단 사이드바가 4개일 경우 950, 3개는 700*/
#footer_position .footer_sidebar li {font-size:11px;}
#footer_position .footer_sidebar h1 {margin:7px 0;color:#99be39;font:bold 27px 'Segoe UI','Lucida Grande';}
#footer .Blogroll, #footer .Recent-Comments, #footer .Recent-Trackbacks  {float:left;width:250px;}

#footer .footer_logo{float:left;width:200px;height:250px;background:url(images/dding.png) no-repeat left center;}
#footer .copyright {clear:both;height:40px;margin:20px auto 0 auto;}
#footer .copyright span {font:12px NanumGothic,'나눔고딕',ngttf,ngeot, '맑은 고딕','Malgun Gothic',Dotum,'Segoe UI','Lucida Grande';}

/* 본문 스타일 */
div.left_ggom {float:left;width:170px;height:24px;background:url(images/ggom.png) no-repeat;margin-top:25px;}
div.right_ggom {float:left;width:440px;background:#113651;border-radius:8px;
      padding:25px 15px;font-size:12px;color:#ccc;}
div.ggome {float:left;width:170px;}
div.travel img {width:620px;border:10px solid #fff;}
div.travel_02 img {border:10px solid #fff;}
div.code {background:#0f192a;margin:0;padding:1px 0;border:1px solid #fff;}
div.white {width:620px;border:10px solid #113651;}
div.white .imageblock {margin:0;}
div.yutube {text-align:center;}
div.love_01 {clear:both;}
div.love_02 {float:left;width:310px;}
div.love_03 {float:right;width:310px;}

/* RSS FEED */
.labelfield{ color:#99be39;;font-size:90%; }
.datefield{ color:gray;font-size:90%;}
#rssfeeds a{color:#15adff;text-decoration:none;font-weight:bold;font-size:12px;}
#rssfeeds p{margin-bottom:10px;font-size:11px;line-height:1.5;}
code{color:red;}
#rssfeed-wrap {text-align:justify;margin-bottom:60px;padding-bottom:30px;}
#rssfeed-wrap h1 {font:bold 20px 'Segoe UI','Lucida Grande';color:#fff;padding-bottom:10px;}

/*Extruder*/

.extruder{position:fixed;cursor:pointer;z-index:1;}
.extruder .header {height:0px;}
.extruder .content{display:none;background:#0a273d;}
.extruder.left {height:100%;z-index:1;}
.extruder.left .content{border:2px solid #2a76a7;border-radius:16px;}
.extruder.left .ext_wrapper{height:600px;}
.extruder.left .footer{display:none;}
.extruder.left .flap{top:0;padding:10px 0 10px 10px;margin-right:-37px;background:#000;width:30px;position:absolute;right:0;-moz-border-radius:0 8px 0 8px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:8px;border-top-left-radius:0;border-top-right-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:8px;-moz-box-shadow:2px 0 5px #000;-webkit-box-shadow:2px 0 5px #000;box-shadow:2px 0 5px #000;}

.longText{position:relative;z-index:1;}

.extruder.left.a .flap{top:0;padding:10px 0 10px 10px;background:#0a273d;width:30px;
      position:absolute;right:0;--moz-border-radius:0 10px 10px 0;
      -webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;
      -moz-box-shadow:#000 2px 0px 3px;-webkit-box-shadow:#000 2px 0px 3px;}
.extruder.left.a .flap .flapLabel{font:13px NanumGothic,'나눔고딕',ngttf,'맑은 고딕', 궁서, Helvetica, sans-serif;color:#15adff;background:#0a273d;}

/*Extruder RSS*/
#ggomsu_tap {margin:10px 0 10px 20px;} 
#ggomsu_tap .rssHeader {color:#15adff;}
.rssFeed {margin:10px 0px 10px 20px;}  /*전체 여백*/
.rssFeed a {color:#15adff;text-decoration:none;}
.rssFeed a:hover {color:#99be39;text-decoration:none;}
.rssHeader {font-size:16px;font-weight:bold;letter-spacing:-1px;padding-bottom:5px;} /*피드 주소와 박스 사이 여백*/
.rssBody {color:#999;text-align:justify;letter-spacing:-1px;}
.rssBody p {font:11px/1.5 NanumGothic,'나눔고딕',ngttf,'맑은 고딕';} /*본문*/
.rssBody ul {list-style:none;}
.rssBody ul, .rssRow, .rssRow h4, .rssRow p {margin:0;padding:0;}
.rssRow {padding:10px;} /*박스 안 여백*/
.rssRow h4 {font-size:12px;line-height:1.5;} /*기사 제목*/
.rssRow div {font-size: 11px;color:#99be39;margin:0 5px;} /*날짜*/
.odd {background:#113651;}
.even {background:#16476a;}