@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap&subset=korean');
@font-face {
    font-family:'CookieRunOTF-Bold';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/CookieRunOTF-Bold00.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
     font-family:'S-CoreDream-9Black';
     src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight:normal;
     font-style:normal;
}
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');

/* Cute+Font / Dongle */
@import url('https://fonts.googleapis.com/css2?family=Cute+Font&family=Dongle:wght@300;400;700&display=swap')

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:13.1px;font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕', dotum, sans-serif;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#fff;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

/* input box color */
input:-webkit-autofill{ -webkit-box-shadow:0 0 0 0 #ffffff inset; -webkit-text-fill-color:#000000}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s}

h2 {font-size:1.083em; font-weight:bold; margin:10px 0}
.float_left  {float:left}
.float_rigth {float:right}
.clear {clear:both}

/* 컬러 시작 */
body {height:100%; background:#d7d7d7}

/* 레이아웃 */
#hearder {background:#fff}

/* wrapper */
.wrapper {background:#fff}

/* user */
.user_area button {background:#fff}
.user_area .user_mb {background:#fff}

/* 검색창-키워드 */
#search_submit {background:#fff}

/* 검색창 - 검색엔진 선택 */
#select_icon_list {background:#ffffff}

/* 검색창 - 키워드쿠키 - tooltip */
.tooltip .tooltiptext {background:#29B6F6}

/* 왼쪽/오른쪽 메뉴 */
.menu_left2 {background:#fff}
.menu_right {background:#fff}

/* 중간 */
.container {background:#fff}

/* 하단 레이아웃 */
#ft {background:#d7d7d7}
.scroll_top {background:#ddd}
/* 컬러 끝 */


/*
색상모음
#495057
*/

/* 레이아웃 */
#hearder {position:fixed; top:0; width:100%; z-index:998; height:70px;
		border-bottom:1px solid #cfcfcf;
		box-shadow:0 1px 5px 0 rgba(0,0,0,0.08);
   -moz-box-shadow:0 1px 5px 0 rgba(0,0,0,0.08);  /* Firefox */
-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.07);  /* Safiri, Chrome */
}

.wrapper {position:relative; margin:0 auto; width:1250px; height:68px; z-index:998; 
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

.user_set {position:relative; float:right; top:-45px; right:-40px; width:80px; height:30px;  z-index:500;}
#set_view {font-size:20px; color:#676767; cursor:pointer}
#set_view:hover {border:0px solid #29B6F6}

/* 로고 Area */
.logo_area {float:left; width:180px; margin:17px 0 0 0px; padding:3px 2px 0 2px; text-align:center}

/* 
background:#4b749b;
background:#757E8B; // 회색계통

#63BBFA
#A7E4FF
#89DCFF

#F2F4F7 // 다음 배경색

style="text-shadow:1px 1px 1px #000;"

#393E6F 
#63BBFA
#219EF8
#0785DE
 */

/* 로고 폰트 */
.font a {font-family:'Black Han Sans',sans-serif; font-size:2.6em; color:#29B6F6;
	padding:5px 0 0 0; display:block; line-height:24px; border-radius:3px; text-shadow:1px 1px 1px #fff
}
.font a:hover {background:#fff}

/* 로고 폰트2 */
.font2 a {font-family:'CookieRunOTF-Bold',sans-serif; font-size:28px; color:#393E6F;
	padding:3px 0 0 0; display:block; line-height:24px; border-radius:6px; text-shadow:1px 1px 1px #f4f4f4
}

/* 로고 폰트3 */
.font3 a {font-family:'S-CoreDream-9Black',sans-serif; font-size:2.0em; color:#29B6F6;
	padding:5px 0 0 0; display:block; line-height:24px; border-radius:3px; text-shadow:1px 1px 1px #fff
}
.font3 a:hover {background:#eee}

/* 동글 폰트 */
.dongle-light {
  font-family: "Dongle", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.dongle-regular {
  font-family: "Dongle", sans-serif; font-size:28px; color:#393E6F;
  font-weight: 400;
  font-style: normal;
}
.dongle-bold {
  font-family: "Dongle", sans-serif;
  font-weight: 700;
  font-style: normal;
}


/* 검색 Area */
.search_area {position:relative; margin:0 auto; width:700px; height:68px; padding:12px 0 0 0; z-index:999;}

/* 
검색창-키워드 
#29B6F6 - 원본색상 
#4C5F7A
*/
#search_keyword {margin:auto; margin-top:0px; padding-top:0; width:600px; height:46px;}
.radius_on {border:2px solid #4C5F7A;
		border-radius:10px;
   -moz-border-radius:10px;
-webkit-border-radius:10px;
}
.radius_off {border:2px solid #4C5F7A;
		border-radius:10px 10px 0 0;
   -moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 1px 1px;
}

.keyword_input {position:relative; float:left; height:34px}
.keyword_input input {
    position:relative; display:block; float:left; width:445px; height:34px; margin:3px 0 0 0; padding:0px 0 0 10px; z-index:2;
    border:0; border-color:#fff; background-image:none; border-radius:0px;
    font-size:17px; font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif; color:#000; font-weight:bold;
}
.keyword_input input[type=text]:focus,
.keyword_input input[type=password]:focus {
	box-shadow:0 0 0 #ffffff;
	border:0 #ffffff !important;
	-moz-box-shadow:0 0 0 #ffffff;
-webkit-box-shadow:0 0 0 #ffffff;
}
.keyword_input input::-webkit-input-placeholder {color:#e0e0e0; font-size:20px} /*크롬*/
.keyword_input input:-ms-input-placeholder {color:#e0e0e0; font-size:20px}     /*익스*/
.keyword_input input:-mos-input-placeholder {color:#e0e0e0; font-size:20px}    /*파폭*/

#search_submit {float:right; margin:0 3px 2px 1px; width:36px; height:37px; color:#4C5F7A; font-size:26px; border:0; cursor:pointer}
#search_submit:hover {color:#29B6F6}

.search_set {float:left; margin:0; padding:5px 0 0 3px; width:58px; height:40px; color:#4C5F7A; text-align:center;
		border-radius:6px 0 0 6px;
   -moz-border-radius:6px 0 0 6px;
-webkit-border-radius:6px 0 0 6px;
}

#keycook {margin:0 11px 0 3px}
#keycook,
#keydel {font-size:19px; cursor:pointer}
#keycook:hover,
#keydel:hover {color:#29B6F6; cursor:pointer}

/* 검색창 - 쿠키저장/지우기 - 툴팁 */
.tooltip {position:relative; display:inline-block}
.tooltip .tooltiptext {visibility:hidden; padding:3px 5px 0 10px; width:146px; height:56px; line-height:22px; font-size:12px; color:#000; text-align:left;
		border:3px solid #29B6F6;
		background:#fff;
		border-radius:8px;
   -moz-border-radius:8px;
-webkit-border-radius:8px;
}
.tooltip .tooltiptext {position:absolute; top:-8px; left:-152px; z-index:1} /* tooltip Position */
.tooltip:hover .tooltiptext {visibility:visible}

/* 검색창 설정  display:none;  */
#search_form_set {position:absolute; display:none; top:58px; left:50px; margin:0; padding:0 10px 0px 10px; width:600px;
		background:#fff;
		border:2px solid #4C5F7A;
		border-top:0;
		z-index:100;
		border-radius:0 0 10px 10px;
   -moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
}

/* 검색창 설정 - 검색엔진  */
.search_engine_list {float:left; width:100px; top:0; left:0; margin:0; padding:0;}
.search_engine_list ul {margin:15px 0 3px 10px; padding:0; width:72px;}
.search_engine_list ul li {margin:5px 0 0 0; padding:0 5px 0 5px; line-height:28px; cursor:pointer; font-size:12px; font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif; color:#000;
		border:1px solid #efefef;
		border-radius:3px;
   -moz-border-radius:3px;
-webkit-border-radius:3px;
}
.search_engine_list ul li span {float:right; margin-top:-1px;}
.search_engine_list ul li img {width:18px; height:18px;}
.search_engine_list ul li.close {padding:6px 0 0px 0; color:#ffffff; font-weight:bold; text-align:center; cursor:pointer}
.search_engine_list ul li:hover {
		border:1px solid #29B6F6;
		border-radius:3px;
   -moz-border-radius:3px;
-webkit-border-radius:3px;
}
.search_engine_list .select { font-weight:bold;
		border:1px solid #29B6F6;
		border-radius:3px;
   -moz-border-radius:3px;
-webkit-border-radius:3px;
}

/* 검색창 - 검색엔진 선택 */
#select_icon {float:left; width:26px; height:26px; margin:7px 10px 0 10px; cursor:pointer}
.search_icon_google {top:0; left:0; background:url(https://sppo.co.kr/po/iv/img/src_google.png) no-repeat left top; background-size:26px 26px}
.search_icon_naver {top:0; left:0; background:url(https://sppo.co.kr/po/iv/img/src_naver.png) no-repeat left top; background-size:26px 26px}
.search_icon_daum {top:0; left:0; background:url(https://sppo.co.kr/po/iv/img/src_daum.png) no-repeat left top; background-size:26px 26px}
.search_icon_bing {top:0; left:0; background:url(https://sppo.co.kr/po/iv/img/src_bing.png) no-repeat left top; background-size:26px 26px}
.search_icon_zum {top:0; left:0; background:url(https://sppo.co.kr/po/iv/img/src_zum.png) no-repeat left top; background-size:26px 26px}
.search_icon_dukdukgo {top:0; left:0; background:url(https://sppo.co.kr/po/iv/img/src_dukdukgo.png) no-repeat left top; background-size:26px 26px}
.search_icon_nate {top:0; left:0; background:url(https://sppo.co.kr/po/iv/img/src_nate.png) no-repeat left top; background-size:26px 26px}

.search_save {float:left; width:17px; margin:6px 0 0 10px}

#select_icon_list {position:absolute; display:none; width:100px; top:58px; left:30px; margin:0; padding:0;
				border:3px solid #4C5F7A;
				border-top:0;
				z-index:100;
		border-radius:0 0 8px 8px;
   -moz-border-radius:0 0 8px 8px;
-webkit-border-radius:0 0 8px 8px;
}
#select_icon_list ul li ul {margin-bottom:3px}
#select_icon_list ul li {padding:0 10px 3px 5px; line-height:28px; cursor:pointer}
#select_icon_list ul li img {vertical-align:middle}
#select_icon_list ul li.close {padding:6px 0 0px 0; color:#ffffff; font-weight:bold; text-align:center; cursor:pointer}
#select_icon_list ul li:hover {background:#eee}

/* 검색창 설정 - 최근 검색어  */
/*
<ul class="ppo-recent">
	<li>
		<a>아이유</a>
		<span class="ui-icon ui-icon-close"><i class="fa fa-close" aria-hidden="true"></i></span>
	</li>
</ul>
*/
#search_recent {float:left; width:470px; min-height:200px; top:0; left:0; padding:10px 0 20px 8px; border-left:1px solid #efefef; background:#fff}
#search_recent .ppo-recent {float:left; margin:0 0 3px 10px; padding:0; width:100%; }
#search_recent .ppo-recent li {margin:5px 5px 4px 0; padding:0 5px 0 5px; line-height:28px;
		border:1px solid #dddddd;
		border-radius:3px;
   -moz-border-radius:3px;
-webkit-border-radius:3px;
}
#search_recent .ppo-recent li a {cursor:pointer; font-size:14px; font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif; color:#000;}
#search_recent .ppo-recent li i {cursor:pointer; float:right; margin:8px 6px 0 0}

/* 유저 Area */
.user_area {float:right; width:260px; margin:-52px 100px 0 0; padding:0; background:#fff}

/* 로그인 */
.user_login {float:right; padding-top:10px; width:60px; height:26px}
#mb_view_open {font-size:13px; text-align:center; cursor:pointer}
#mb_view_open:hover {border:0px solid #29B6F6}

.mbview {position:relative; display:none; top:10px; left:0px; margin:0; padding:0;
		width:120px; height:270px;
		border:3px solid #4C5F7A;
		z-index:100;
		background:#fff;
		border-radius:8px;
   -moz-border-radius:8px;
-webkit-border-radius:8px;
}
.mbview a { font-size:12px; color:#000000; text-decoration:none}
.mbview a:hover { font-size:12px; color:#ff0000; text-decoration:underline}
.mbview li {padding:4px 5px 5px 8px; height:36px; border-bottom:1px solid #efefef}
.mbview .logout {text-align:center; border-bottom:0}

/* 설정  */
.user_oper {float:left; padding-top:10px; width:50px; height:35px}

/* 오른쪽 메뉴 */
.menu_right {position:absolute; width:100%; height:0; z-index:9999; background:#eee}

/* MAIN */
#main {margin-bottom:0px; height:100%}

#main,
.container,
.container_center {min-height:100%}

/* 최근 검색어 */
.right_area, .right_area .dir_title, .right_area .dir {float:right; width:130px}
.right_area {position:relative; float:right; margin:100px -147px 0 0; height:700px; z-index:1000;}
.right_area .dir_title {position:relative; height:37px; padding:7px 0 0 10px; color:#ffffff; background:#4b749b; text-align:left;
			border:1px solid #777777;
			border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
}
.right_area .dir_title i {margin:9px 0 0 0; font-size:18px}
.right_area .dir {border-top:0}
.right_area .dir li {height:36px; padding:10px 0 0 10px;
	background:#ffffff;
	border-right:1px solid #99a6b2;
	border-left:1px solid #99a6b2;
	border-bottom:1px solid #efefef;
}
.right_area .dir li:last-child {
	border-bottom:1px solid #99a6b2;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
}
.right_area .dir .select {
	background:#cccccc;
	border-right:1px solid #99a6b2;
	border-left:1px solid #99a6b2;
}
.right_area .dir .select a {color:#000000}
.right_area .dir .select:hover {background:#cccccc}
.right_area .dir a {padding:9px 0 27px 10px}
.right_area .dir li:hover {background:#efefef; border-bottom:1px solid #efefef}
.right_area .dir li i {float:right}
.right_area .dir li i {margin:9px 12px 0 0; font-size:18px; color:#000000}


/* container_top */
.container_top {top:0px; width:100%; height:0px; z-index:998;
		border-bottom:1px solid #cfcfcf;
		box-shadow:0px 1px 5px 0 rgba(0,0,0,0.08);
-moz-box-shadow:0px 1px 5px 0 rgba(0,0,0,0.08);  /* Firefox */
-webkit-box-shadow:0px 1px 4px 0 rgba(0,0,0,0.07);  /* Safiri, Chrome */
}

/* container */
/*
.container {margin:0 auto; margin-top:68px; padding:0 0 10px 0; width:836px; z-index:100; 
		border:1px solid #9e9e9e;
		border-radius:2px 2px 11px 11px;
-moz-border-radius:2px 2px 11px 11px;
-webkit-border-radius:2px 2px 11px 11px;
}
*/
.container {margin:0 auto; margin-top:68px; padding:0 0 40px 0; width:836px; z-index:100; 
		border:1px solid #9e9e9e;
		border-bottom:0;
		border-radius:2px 2px 0px 0px;
-moz-border-radius:2px 2px 0px 0px;
-webkit-border-radius:2px 2px 0px 0px;
}

/* container_sub */
.container_sub {position:fixed; margin:0 0 0 0; padding:7px 12px 0 12px; overflow:hidden; width:810px; height:50px; background:#fff; z-index:100} /* 헤더 높이와 같게 */

.bmcolor {border:0}
.bmcolor_y {border-bottom:1px solid #dfdfdf}

.loc {float:left; padding:8px 0 0 10px}
.loc {color:#afafaf; font-size:16px; font-weight:bold; color:#3a66a2}

.loc_oper {display:none; float:left; margin-left:20px; padding:11px 0 0 0}
.loc_oper {font-size:13px; color:#4C5F7A}
.locen {color:#4C5F7A; font-weight:bold}
.locsn {color:#4C5F7A; font-weight:bold}
.locon {color:#4C5F7A; font-weight:bold}

/* container_sub - 사용자 operator 설정 */
.user_oper_set {float:right; color:#4C5F7A}
.user_oper_set span {display:inline-block; margin:6px 3px 0 0px; padding:2px 0 0 0; width:27px; height:27px; font-size:16px; text-align:center; cursor:pointer;
		border:#fff solid 1px;
		border-radius:3px;
   -moz-border-radius:3px;
-webkit-border-radius:3px;
}
.user_oper_set span:last-child {margin-right:10px}
.user_oper_set span.on {border:#29B6F6 solid 1px; color:#29B6F6}
.user_oper_set i:hover {color:#29B6F6}

/* container_sub - question */
.question {float:right; color:#4C5F7A}
.question i {padding:13px 0 0 2px; font-size:16px; cursor:pointer}
.question i:hover {color:#29B6F6}
.question_on {display:none; position:relative; float:right; top:50px; right:200px; padding:10px 8px 8px 17px; z-index:99999;}
.question_on {width:250px; height:390px; font-size:12px; line-height:30px; background:#fff; z-index:99999;
		border:3px solid #29B6F6;
		border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
.question_on span {position:absolute; float:right; top:6px; right:11px; font-size:18px; cursor:pointer}
.question_on li {height:28px; padding:0px 0 0 0px;}
.question_on .sec {height:32px; padding:0px 0 0px 0;font-weight:bold;}

.question_on i {font-size:16px; vertical-align:middle}

/* container_center */
.container_center {margin:0 auto; padding:50px 0 0 0; overflow:hidden; height:100%}

/* 히든 */
.cb {clear:both}
.fl {float:left}
.fr {float:right}
.dn {display:none}

.set_hidden {position:fixed; top:0; bottom:0; right:0; padding:0; width:360px; background-color:#aaa;
    z-index:9999;
    transform:translateX(360px);
    transition:all 300ms cubic-bezier(0.86, 0, 0.07, 1);
}
.set_hidden.open {
    transform:translateX(0px);
    box-shadow:0 0px 5px 0px rgba(0, 0, 0, 0.1);
    transition:all 300ms cubic-bezier(0.86, 0, 0.07, 1);
}
.set_hidden_container {
	position:absolute; top:0; bottom:0; left:0; right:-17px; padding-top:12px;
    background-repeat:no-repeat;
    background-position:right top;
    background-color:#fff;
    overflow-y:scroll;
}
.set_bg {position:fixed; display:none; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.3); cursor:pointer; z-index:9999}
.close_btn {position:absolute; top:28px; right:20px; font-size:20px; cursor:pointer; z-index:99}
.set_option {position:relative; margin:0 10px 0 10px}

/* 히든 - 설정 */
.set_list {margin-top:0px; padding:10px 0 8px 0; text-align:left}
.set_view {top:0px; left:0px; padding:8px 0 5px 0; width:100%}

.set_title {padding:8px 5px 10px 8px; font-size:16px; border-bottom:2px solid #ddd}
.set_title .fa {margin:0 10px 0 0}

.btn_color_set .title,
.fav_set .title,
.oper_set .title {width:80px; padding:8px 5px 5px 8px; font-size:13px}

.btn_color_set,
.fav_set,
.oper_set {width:100%; height:50px; border-bottom:1px solid #ddd}
.oper_set { border-bottom:0}

/* 히든 - 설정 - 버튼밝기 */
.btn_color_set {margin:15px 0 15px 0}
.btn_color_set li {float:left}
.btn_color_set input {margin:0 5px 0 0}
.btn_color_set span {margin:3px 1px 0 1px; padding:5px 0 0 0; width:27px; height:27px; white-space:nowrap; font-size:11px; color:#757575;
		display:inline-block;
		text-align:center;
		border-radius:3px;
   -moz-border-radius:3px;
-webkit-border-radius:3px;
}
/*
.ucf0 {background:#FFFFFF; border:#e4e4e4 solid 1px}
.ucf1 {background:#F9F9F9; border:#d9d9d9 solid 1px}
.ucf2 {background:#F3F3F3; border:#cccccc solid 1px}
.ucf3 {background:#F0F0F0; border:#bbbbbb solid 1px}
.ucf4 {background:#EFEFEF; border:#bbbbbb solid 1px}
.ucf5 {background:#E6E6E6; border:#aaaaaa solid 1px}
*/
.ucf0 {background:#FFFFFF; border:#d9d9d9 solid 1px}
.ucf1 {background:#F9F9F9; border:#d9d9d9 solid 1px}
.ucf2 {background:#F3F3F3; border:#cccccc solid 1px}
.ucf3 {background:#F0F0F0; border:#bbbbbb solid 1px}
.ucf4 {background:#EFEFEF; border:#bbbbbb solid 1px}
.ucf5 {background:#E6E6E6; border:#aaaaaa solid 1px}

.ucf6 {background:#DCDCDC; border:#aaaaaa solid 1px}
.ucf7 {background:#D8D8D8; border:#aaaaaa solid 1px}
.ucf8 {background:#D3D3D3; border:#aaaaaa solid 1px}
.ucf9 {background:#D0D0D0; border:#aaaaaa solid 1px}

.ucf10 {background:#C8C8C8; border:#aaaaaa solid 1px}
.ucf11 {background:#C0C0C0; border:#aaaaaa solid 1px}
.ucf12 {background:#BEBEBE; border:#aaaaaa solid 1px}
.ucf13 {background:#B8B8B8; border:#aaaaaa solid 1px}
.ucf14 {background:#B0B0B0; border:#aaaaaa solid 1px}

/* gray
gray0: '#F8F9FA',
gray1: '#F1F3F5',
gray2: '#E9ECEF',
gray3: '#DEE2E6',
gray4: '#CED4DA',
gray5: '#ADB5BD',
gray6: '#868E96',
gray7: '#495057',
gray8: '#343A40',
gray9: '#212529',
*/

/* 히든 - 설정 - 파비콘 */
.fav_set {margin:15px 0 15px 0}
.fav_set li {float:left; padding:5px 5px 5px 1px}
#fav_font {font-size:23px; color:#29B6F6; cursor:pointer}

/* 히든 - 설정 - 검색설정 */
.oper_set {margin:15px 0 0 0}
.oper_set li {float:left}
.oper_btn {float:left; margin:3px 1px 0 1px; padding:5px 0 0 0; width:27px; height:27px; font-size:11px; color:#757575;
		background:#f9f9f9;
		border:#dddddd solid 1px;
		text-align:center;
		cursor:pointer;
		border-radius:3px;
   -moz-border-radius:3px;
-webkit-border-radius:3px;
}
.oper_set .on {border:#29B6F6 solid 2px}
.oper_set .off {border:#cccccc solid 1px}

.oper_btn {position:relative; display:inline-block}
.oper_btn:hover .tttext {visibility:visible}

.tttext {position:absolute; visibility:hidden; top:36px; left:-15px; z-index:1;
		padding:8px 12px 11px 12px; font-size:14px; color:#000; text-align:left;
		border:2px solid #29B6F6;
		background:#fff;
		border-radius:6px;
   -moz-border-radius:6px;
-webkit-border-radius:6px;
}
.oper_set_sub {padding-left:80px; line-height:30px}

/* 히든 - 설정 - 적용하기 */
.set_close {margin-top:20px; padding:15px 0 0 0; height:33px; font-size:16px;
		border-top:2px solid #ddd;
		cursor:pointer;
		text-align:center;
		border-radius:0 0 6px 6px;
   -moz-border-radius:0 0 6px 6px;
-webkit-border-radius:0 0 6px 6px;
}
/* //히든 */

/* 하단 레이아웃 */
/*
#ft {position:fixed; margin:0 auto; margin-top:10px; bottom:0; width:100%; height:70px; padding-bottom:0;
	 border-top:1px solid #9e9e9e;
	text-align:center
}

#footer_main {
			border:1px solid #9e9e9e;
			border-radius:11px 11px 11px 11px;
	-moz-border-radius:11px 11px 11px 11px;
	-webkit-border-radius:11px 11px 11px 11px;
}
*/
#footer {bottom:0; margin:0 0 5px 0; width:100%; height:70px;}
.footer_main {margin:0 auto; bottom:0; padding-bottom:0px; width:836px; height:70px; background:#ffffff;
			border:1px solid #9e9e9e;
			border-top:1px solid #eeeeee;
			border-radius:0px 0px 11px 11px;
	-moz-border-radius:0px 0px 11px 11px;
	-webkit-border-radius:0px 0px 11px 11px;
}
.footer_center {margin:0 auto; padding:16px 0 0 0; text-align:center}

.footer_bbs_ul {display:inline-block}
.footer_bbs_ul li {float:left; margin:0 5px 0 5px; padding:8px 5px 0 5px}
.footer_bbs_ul li {font-size:13px; color:#000000; text-decoration:none}
.footer_bbs_ul li a {font-size:13px; color:#000000; text-decoration:none}

.ppo_loding {margin:5px 0 15px 0; font-size:12px; color:#9e9e9e; text-decoration:none}

#ft h1 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#ft_wr {margin:0 auto; position:relative}
#ft_link {padding:15px 0; border-bottom:1px solid #eee}
#ft_link a {display:inline-block; padding:0 8px; line-height:12px; font-weight:bold}
#ft_catch {margin:20px 0 10px}
#ft_copy {color:#555; font-size:0.92em}

#top_btn {position:fixed; bottom:40px; right:40px; width:40px; height:40px; line-height:36px; border:1px solid #aaa; color:#aaa; text-align:center; font-size:15px; z-index:90; background:rgba(255,255,255,0.5);
		border-radius:7px;
   -moz-border-radius:7px;
-webkit-border-radius:7px;
}
#top_btn:hover {border-color:#29B6F6; background:#29B6F6; color:#fff}

.scroll_top {position:fixed; bottom:10px; right:10px; width:50px; height:50px; border:0; text-align:center; background:rgba(0,0,0,0.1)}
.scroll_top span.top_img {display:inline-block; width:0;  height:0;  border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid black}
.scroll_top span.top_txt {display:block}