@charset "euc-kr";
*{margin:0;padding:0;font-family:NanumGothic,"³ª´®°íµñ","Malgun Gothic",Dotum,"µ¸¿ò",Gulim,"±¼¸²",Helvetica,Apple-Gothic;-webkit-text-size-adjust:none;}
body{position:relative;background-color:#f4f4f4;line-height:1.25em;color:#000;word-wrap:break-word;word-break:break-all;}
body, html { margin:0; padding:0;   }
body,input,textarea,select,button,table{font-size:14px;line-height:1.25em;}
div, p, table, tr, th, td, form, fieldset, input, select, textares { margin:0; padding:0; -webkit-text-size-adjust: none; }
h1, h2, h3, h4, h5, h6, address { margin:0; padding:0; -webkit-text-size-adjust: none;}
ul, ol, li, dl, dt, dd { list-style:none; margin:0; -webkit-text-size-adjust: none; margin:0; padding:0; }
li, dl, dt, dd { padding:0; -webkit-text-size-adjust: none }
img, fieldset, table { border:0; }
hr, legend, caption { display:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after {  content:none; }
table { border-collapse:collapse; border-spacing:0; }
body, input, select, textarea { }
input, select, textarea, button { vertical-align:middle;}
a:link, a:active, a:visited { text-decoration:none;  }
a:hover { text-decoration:none; }



.top_h1 { height:51px; text-align:center;  position:relative; color:#fff; font: bold 20px "µ¸¿ò"; line-height:51px;
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ }
.top_l { position: absolute; width:60px; height:31px; top:50%; margin-top:-15px; left:10px;}
.top_r { position: absolute; width:60px; height:31px; top:50%; margin-top:-15px; right:10px;}
.btn_blk1 { background:url(../image/btn_blk1.png) center center no-repeat; width:60px; height:31px; text-align:center; color:#fff; font: bold 12px "µ¸¿ò";line-height:31px; letter-spacing:-1px; }
.btn_blk1 a { color:#fff; font: bold 12px "µ¸¿ò";line-height:31px; letter-spacing:-1px; width:60px; height:31px; display:block; cursor:pinter; }
.btn_blk1 a:visited {color:#fff;}
.top_tap { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
height:45px; line-height:45px; position:relative; border-bottom:1px solid #999;}
.top_tap ul { width:100%; height:45px;}
.top_tap li { width:25%; float:left; height:45px ;font: bold 12px "µ¸¿ò"; text-align:center;vertical-align:middle; box-sizing: border-box; }
.top_tap li.on {  color:#fff;text-shadow:#3d69b0 1px 1px 1px;
border-right:1px solid #0b0e07;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;}

.top_tap li a { font-size:14px; font-weight:bold;line-height:45px; height:45px ;   vertical-align:middle;}
.top_tap li.on a {  color:#fff; }
.top_tap li.off { border-right:1px #999 solid; color:#525252; text-shadow:#fff 1px 1px 1px;}
.top_tap li.off a { color:#525252; }
.top_tap .btn_r1 { position:absolute; width:44px; height:32px; top:2px; right:10px; clear:both; }
/* mobie 640 */

.ul1 {}
.ul1 li { padding:10px 15px; border-bottom:1px solid #ddd; font-size:16px; line-height:150%;}
.ul1 li .org { color:#666;}
.ul1 li .org strong {color:#333;}
.ul1 li .rep { color:#09C}
.ul1 li .rep strong { color:#069}
.ul1 li.re_li { background:url(../image/icon_re.gif) 7px 9px no-repeat; padding-left:30px;}
.ul1 li a { display:block; cursor:pointer;}
.ul1 li a .ttl {color:#000; font-size:16px; font-weight:normal;line-height:24px; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:24px; font-style:normal;}
.ul1 li a .ttl strong {font-weight:normal;}
.ul1 li a .inew { background:#F00; color:#FFF; font: bold 9px Arial, Helvetica, sans-serif; }
.ul1 li a .name, .ul1 li a .bttl, .ul1 li a .line, .ul1 li a .date, .ul1 li a .hit {font-size:14px; font-weight:normal;line-height:18px; font-style:normal;}
.ul1 li a .name  {color:#999; }
.ul1 li a .bttl  {color:#06C; }
.ul1 li a .line  {color:#ddd; }
.ul1 li a .date {color:#999; }
.ul1 li a .hit  {color:#999; }
.ul1 li a .rep {  font-size:12px; font-weight:normal;color:#F00;}
 
@media screen and (max-width:640px){	
.top_tap li a { font-size:14px; font-weight:bold;}
}

/* mobie 414 */
@media screen and (max-width:320px){	
.top_tap li a { font-size:12px; font-weight:bold;}
.top_h1 { height:41px;  line-height:41px; }
.top_tap { height:35px;}
.top_tap ul { height:35px;}
.top_tap li { height:35px ;}
.top_tap li a { font-size:14px; line-height:35px; height:35px ; }
.ul1 li {  font-size:14px; }
.ul1 li a .ttl {font-size:14px; font-weight:normal;  line-height:24px;  height:24px;}
.ul1 li a .name, .ul1 li a .bttl, .ul1 li a .line, .ul1 li a .date, .ul1 li a .hit {font-size:12px; font-weight:normal;line-height:18px;}

}

.ul3 {}
.ul3 li { ;font-size:16px;padding:15px 10px; border-bottom:1px solid #ddd;}
.ul3 li a { display:block; cursor:pointer}
.ul3 li a .ttl {color:#000; font-size:16px; font-weight:normal; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 5px;}
.ul3 li a .ttl strong {font-weight:normal;}
.ul3 li a .btype_a { text-indent:20px; background:url(../image/icon_a.gif) left center no-repeat;}
.ul3 li a .btype_b { text-indent:20px; background:url(../image/icon_b.gif) left center no-repeat;}
.ul3 li a .btype_c { text-indent:20px; background:url(../image/icon_c.gif) left center no-repeat;}
.ul3 li a .btype_d { text-indent:20px; background:url(../image/icon_d.gif) left center no-repeat;}
.ul3 li a .inew { background:#F00; color:#FFF; font: bold 9px Arial, Helvetica, sans-serif; }

.b_name { background:#6ea3f5;font-size:14px; font-weight:bold; color:#fff; text-shadow:#3d69b0 1px 1px 1px;   padding:10px;}
.b_name .btype_a { display:inline-block; background:#407de5; font-size:14px; font-weight:bold; color:#fff; border:1px solid #FFF; padding:2px 5px; text-shadow:none;}
.b_name .btype_b { display:inline-block; background:#f17a1a;font-size:14px; font-weight:bold; color:#fff; border:1px solid #FFF; padding:2px 5px; text-shadow:none;}
.b_name .btype_c { display:inline-block; background:#5da91a;font-size:14px; font-weight:bold; color:#fff; border:1px solid #FFF; padding:2px 5px; text-shadow:none;}
.b_name .btype_d { display:inline-block; background:#be2121; font-size:14px; font-weight:bold;; color:#fff; border:1px solid #FFF; padding:2px 5px; text-shadow:none;}


.more {text-align:center; padding:10px 15px; }
 

.more a {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #124d77;
	display:block;
	cursor:pointer;
	color:#ffffff; 
	font-size:16px;
	padding:4px ;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.more a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
	color:#ffffff;
}
.more a:active {
	position:relative;
	top:1px;
}

.cnt {color:#333; font: bold 14px "µ¸¿ò";line-height:40px; text-shadow:#fff 1px 1px 1px;}



.lod { font: bold 14px "µ¸¿ò";  background: url(../image/icon_loding.gif) 50% 50% no-repeat; text-indent:-9999px; height:30px;}

.view_head { background:#f9f9f9; border-bottom:1px solid #CCC; padding:5px 15px;}
.view_head .ttl {font-size:18px; font-weight:bold; padding:5px 10px 10px 0; color:#215dc7; display:block; }
.view_head .date  {color:#999;font-size:14px; font-weight:normal;}
.view_head .line  {color:#ddd; font-size:14px; font-weight:normal; }
.view_head .name  {color:#000;font-size:14px; font-weight:normal; }
.view_head .file { display:block;color:#999; font: normal 12px "µ¸¿ò";line-height:14px;}

.view_body { padding:15px; font-size:15px;line-height:150%; border-bottom:1px solid #ccc; background:#ffffff; }
.view_body img { max-width:100%; height:auto;}
.view_body .v_mesg { padding:20px 5px 5px 5px; background:#fff; color:#F00; font: bold 12px Arial, Helvetica, sans-serif;line-height:14px;}

.view_body .v_like { width: 61px; height:16px; display:block; cursor:pointer; float:right;}

.view_reply { padding:10px;line-height:150%; border-bottom:1px solid #ddd; background:#f2f2f2;}
.view_reply .name { color:#333;font-size:14px; font-weight:bold;}
.view_reply .date { color:#666;font-size:14px; font-weight:normal;}
.view_reply .cont { color:#333;font-size:14px; font-weight:normal;line-height:150%;}
.view_reply .v_mesg { color:#F00; font: bold 12px Arial, Helvetica, sans-serif;line-height:14px;}


.view_reply .vbtns {   text-align:right;}
.view_reply .vbtns span {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
border:1px solid #dcdcdc; padding:5px 10px; border-radius:6px; display:inline-block; text-align:center;}
.vbtns span a {  text-align:center; color:#333;font: normal 14px "µ¸¿ò"; }



.vline { border-bottom:1px #36C solid;}

.view_reply_re { padding:7px 7px 7px 30px;line-height:150%; border-bottom:1px solid #ddd; background:#f2f2f2; background:url(../image/icon_re.gif) 7px 8px no-repeat;}
.view_reply_re .name { color:#333;font: bold 12px "µ¸¿ò"; }
.view_reply_re .date { color:#666;font: normal 12px "µ¸¿ò"; }
.view_reply_re .cont { color:#333;font: normal 14px "µ¸¿ò";line-height:150%;}
.view_reply_re .vbtns { height:27px; text-align:right;}
.view_reply_re .vbtns span { background:url(../image/btn_gr1.png) center center no-repeat; width:50px; height:27px; display:inline-block; text-align:center;}
.vbtns_re span a { width:50px; height:27px; text-align:center; color:#333;font: normal 12px "µ¸¿ò"; line-height:27px;}


.wr_btn {   text-align:left;   border-bottom:1px solid #ddd; padding:10px;

}

.wr_btn span {  display:inline-block; -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff; 
	font-size:14px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none; }
.wr_btn span a { text-align:center; color:#ffffff; 
	font-size:14px;
	font-weight:bold; }




.btm { background:#c5ccd4; height:40px; border-bottom: 1px solid #7e8692; border-top: 1px solid #a9b4c1;}
.btm span { width:50%; display:block; text-align:center; float:left; height:40px;}
.btm span a {display:block; text-align:center;height:40px;color:#3b3b3b;font-size:16px; line-height:40px; font-style:normal;}
.btm .b_out { background:url(../image/line_r.gif) top right repeat-y;}
.btm .b_top { background:url(../image/icon_top.gif) 45% 50% no-repeat}
.copy {   text-align:center; color:#666; font-size:12px;font-normal:bold;font-style:normal; padding:10px 0;}
.copy a {color:#666;font-size:12px;}

.wrt { background:#fff; padding:10px 15px;}
.wrt_name {color:#3b3b3b; font: normal 14px "µ¸¿ò"; padding:3px 0; vertical-align: middle;}
.wrt_name .input1 { width:100%;   padding:7px; -webkit-border-radius: 3px; text-indent:5px; border:1px solid #bfbebc;font:14px 'malgun gothic', sans-serif; background:#fff; margin-top:2px; border-radius: 3px;box-sizing: border-box;}
.wrt_name .file1 { width:100%; font:14px 'malgun gothic', sans-serif;  vertical-align: middle; color:#999; line-height:20px;}
.wrt_name .sel1 {width:100%; height:26px; padding:2px 0; -webkit-border-radius: 3px; text-indent:5px; border:1px solid #bfbebc;font:14px 'malgun gothic', sans-serif; background:#fff; border-radius: 3px;}

.wrt_body {padding:3px 0 0 0;}
.wrt_body .txt1 {width:100%; border-radius: 4px;font:14px 'malgun gothic', sans-serif; color:#333; border:1px solid #bfbebc; padding:7px; box-sizing: border-box; }

.wrt_btn { padding:10px; text-align:center; background:#fff; }
.wrt_btn span { 
display:inline-block; -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff; 
	font-size:14px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
}
.wrt_btn span a {text-align:center; color:#fff;font-size:14px; font-weight:bold;}


/* Page Navigation */
#pagingNav{clear:both;margin:0 auto;text-align:center;font-size:14px;font-family:'Helvetica';letter-spacing:-1px;line-height:normal;white-space:nowrap;padding:20px 0 8px 0;}
.current, #pagingNav a{display:inline-block;color:#656565;text-decoration:none;vertical-align:middle;padding:5px 5px;margin:3px; -wibkit-border-raidus:3px;}
#pagingNav a{color:#656565;border:2px solid #D4D4D4;font-weight:bold;-wibkit- border-raidus:3px;}
.current{border:2px solid #1a4588;color:#FFF;background-color:#246de5; -wibkit-border-raidus:3px;}
.disabled{display:none;}/*disabled prev_page*/

.body_login { text-align:center; background:url(../image/login_bg02.jpg) bottom center no-repeat; background-size:cover; height:100vh;}
.login_h1 { background:url(../image/top_logo.png) 50% 70% no-repeat; padding-top:150px; }
.login_h1 span { display:none;}
.lgn_wrp {padding:9px 10px 9px 9px;border-bottom:1px solid #e3e1cc;}
.lgn_frm {display:inline-block;width:100%;padding:1px;-webkit-border-radius:3px;border-radius:3px;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2), -1px -1px 1px rgba(0,0,0,0.2); border:1px solid #a6a6a6;
background-color:#efefef; text-decoration:none;}
.lgn_frm fieldset {display:inline-block;width:100%;height:100%;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5), inset -1px -1px 1px rgba(255,255,255,0.5);background:-webkit-gradient(linear, left top, left bottom,from(#efefef),to(#ffffff));background-color:#efefef;text-align:left;}
.lgn_bx {padding:15px;padding-bottom:9px;position:relative }
.edu_id, .edu_pw {height:35px;padding:0 99px 0 0;position:relative; }
.edu_pw {margin:9px 0 0 0;}
#id, #inputpwd{width:100%;height:35px;padding:0 0 0 7px; border:1px solid #666;color:#000;font-size:16px;-webkit-border-radius:7px;border-radius:7px;}
.lgn_btn {padding:20px 0 0 0;color:#333;font-size:16px;}
.lgn_btn input{margin:0 1px 3px 0;}
.hide1 {position:absolute;left:-9999in;width:1px;height:1px;overflow:hidden;}
.invisible {display:none;}

#lgn_bt {display:inline-block;width:80px;height:80px;position:absolute;top:14px;right:15px;padding:1px;-webkit-border-radius:7px;border-radius:7px;background-color:#000000;text-decoration:none;}
#lgn_bt  span{display:inline-block;width:100%;height:100%;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.2), inset -1px -1px 1px rgba(255,255,255,0.2);background:-webkit-gradient(linear, left top, left bottom,from(#223d5e),to(#111f33));background-color:#223d5e;color:#fff;text-align:center;line-height:80px;font-size:16px; font-weight:bold; box-sizing:border-box;}
.lgn_mssg {padding:9px 15px 10px 16px;border-top:1px solid #999;color:#333;font-size:12px; text-align:left;}
.lgn_mssg span {display:inline-block;line-height:16px;}
.lgn_mssg a{color:#000;}
.mssg1 {}
.mssg2 {margin:8px 0 0 0;}

/* ·¹ÀÌ¾î ¶ç¿ì±â*/
.ly_pop{position:absolute;z-index:10;padding:17px 20px 0;border:1px solid #888;background:#fff}
.ly_pop h1{margin-bottom:8px;font-size:14px;color:#2c2c2c;letter-spacing:-1px;line-height:20px}
.ly_pop .desc{color:#606060;line-height:20px; text-align:center;}
.ly_pop .desc em{color:#F00; font-style:normal;}
.desc input {position:relative;margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent;}
.ly_pop .btn{clear:both;margin-top:17px;padding:10px 0;border-top:1px solid #e5e5e5;text-align:center}
.ly_pop .btn img{vertical-align:top}
.ly_pop .clse{position:absolute;top:8px;right:8px}

.sort_bx { width:100%; height:35px; position:relative; padding:10px 0; border-bottom:1px solid #CCC;}

.sort_bx .sort_chk { width:70px; position:absolute; left:5px; font: normal 14px "µ¸¿ò"; top:20px; height:20px; }
.sort_bx .sort_slc { padding:2px 145px 0 70px; }
.sort_slc select { height:35px; -webkit-border-radius: 5px; text-indent:5px; border:1px solid #bfbebc; width:100%; }
.sort_bx  .sort_btn {height:35px; text-align:center; line-height:27px; width:140px; position:absolute; right:5px; top:12px;}
.sort_btn span { width:60px; height:35px; line-height:35px;
 display:inline-block; text-align:center;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	box-sizing:border-box;

}
.sort_btn span a { width:58px; height:35px; text-align:center; color:#fff;font: normal 14px "µ¸¿ò"; line-height:37px;}


.sort_bx  .sort_btn2 {height:35px; text-align:center;   width:110px; position:absolute; left:70px; top:12px;}
.sort_btn2 span { width:60px; height:35px; line-height:35px;
 display:inline-block; text-align:center;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	box-sizing:border-box;}
.sort_btn2 span a { idth:58px; height:35px; text-align:center; color:#fff;font: normal 14px "µ¸¿ò"; line-height:37px;}


.chk1 { margin-top:-6px; }
.btm_wrap { background:#333; height:40px; clear:both; text-align:center;}
.btm_wrap span { display:block; float:left; height:40px;}
.btm_wrap .b_out { width:34%}
.btm_wrap .b_link {width:34%}
.btm_wrap .b_top {width:32%}
.btm_wrap span a { color:#fff; line-height:40px; font-size:15px; height:40px; display:block; border-right:1px solid #000}
.btm_wrap span.b_top a {border-right:0 none;}
.btm_wrap span a:visited { color:#fff;}
@media screen and (max-width:320px){	
.btm_wrap span a { font-size:14px; }
}