@charset "utf-8"; 
/* CSS Document */
*{margin:0; padding:0; font-family:Apple SD Gothic Neo,"³ª´®°íµñ",NanumGothic,'µ¸¿ò',Malgun Gothic,Helvetica,sans-serif; -webkit-text-size-adjust:none}
html, body {height:100%; width:100%; margin:0; padding:0; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,th,td,table,form,fieldset,legend,input,textarea,button,select{margin:0 0 0 0; padding:0 0 0 0; font-size:40px; font-family:'NanumGothic', '³ª´®°íµñ', 'Malgun Gothic','¸¼Àº °íµñ',dotum,'µ¸¿ò',sans-serif; line-height:1.25em;  }
section{display:block; }
body{-webkit-text-size-adjust:none; }
ol, ul{margin:0; border:0; padding:0; list-style:none; }

fieldset, img {border:0 none; }
img{vertical-align:bottom; }
caption, legend {display:none; }
input, select{font-family: 'NanumGothic', '³ª´®°íµñ', µ¸¿ò, arial, helvetica, 'sans-serif'; vertical-align:middle; color:#6f6f6f; }
em,address{font-style:normal; }
a{color:#666; text-decoration:none; }
hr, caption, legend, [hidden], template {    display: none; }
video { display: inline-block;   width: auto\9 !important; /* ie8 */  width: auto !important; max-width: 100%; height: auto !important; }
.video-container { position: relative; height: 0; padding-top: 30px; padding-bottom: 56.25%;  overflow: hidden; }
.video-container iframe,.video-container object,.video-container embed { position: absolute;  top: 0;  left: 0;   width: 100%;   height: 100%; } 
thead {    display: table-header-group;    vertical-align: middle;    border-color: inherit; }

body {width:100%; margin:0 0 0 0; padding:0 0 0 0; }
#document {width:100%; overflow:hidden; margin:0 0 0 0; padding:0 0 0 0; background-color:#fff; }


/* header */
#header {position:absolute;width:1280;left:0;top:0;/*position:relative;*/ height:150px; margin:0 0 0 0; z-index:1000;border:0 0 0 0; padding:0 0 0 0;  background-color:#fff; border-bottom:solid 1px #c9c9c9; }
#header .header-wrap {position:relative; margin:0 0 0 0;padding:0 0 0 0;  background:#ffffff; }
#header .header-logo {width:258px; position: absolute; top:10px; right:500px; }
#header .menu-btn {position: absolute; left:1150px; top:46px; }
#header .menu-btn a {display:block; padding-left:1px; line-height:1em; text-align:center; font-size:0.8em; font-weight:bold; color:#9B1D21; font-family: 'NanumGothic', '³ª´®°íµñ', µ¸¿ò, arial, helvetica, 'sans-serif'; vertical-align:middle; }
#header .menu-btn a .fa {display:block; padding-top:7px; font-size:20px}
#header .menu-btn a img{  }

#header .cart-btn {position:relative; float:right; border-left:1px solid #dcdcdc; }
#header .cart-btn a {display:block; width:43px; height:43px; padding-left:1px; line-height:1em; text-align:center; font-size:0.8em; font-weight:bold; color:#9B1D21; font-family: 'NanumGothic', '³ª´®°íµñ', µ¸¿ò, arial, helvetica, 'sans-serif'; vertical-align:middle; }
#header .cart-btn a .fa {display:block; padding-top:7px; font-size:20px}
#header .cart-btn a img{ width:32px; height:32px; position:relative; top:5px; }


#header .search-box {position:relative; float:right; margin-top:10px; margin-right:5px; }
#header .search-box .search-box-title {float:left; height:20px; padding:7px 5px 0 0; font-size: 0.8em; font-weight: bold; }
#header .search-box .inputwrap {float:left; border:1px solid #514841; }
#header .search-box img {float:left; width:45px; height:25px; }
#header .search-box input.lText {width:120px; height:25px; padding:1px 5px 0px 5px; border:none; }
#header .search-box .inputout {float:left; }
#header .search-box .btnout {float:left; margin-left:-1px; }
#header .search-box .btn {width:25px; height:25px; border-radius:0}

/* menu */
/*#menu {position:absolute; top:44px; left:180px; margin-left:0px; display:block; height:0; overflow:hidden; width:200px; z-index:999; }*/
#menu {position:absolute; top:44px; left:0px; margin-left:0px; display:block; height:800; overflow:hidden; width:1280px; z-index:999; }

#menu .menulist {overflow:hidden; border-top:solid 1px #c9c9c9; }
#menu .menulist li{position:relative; }
#menu .menulist > li > a{display:block; height:40px; padding:0 15px; border-bottom:1px solid #c9c9c9; background:#fff; color:#454545; font-size:15px; font-weight:bold; line-height:40px; }
#menu .menulist > li > a:before{content:''; position:absolute; top:6px; left:16px; width:10; height:10px; }
#menu .menulist > li > a:after{content:''; position:absolute; top:15px; right:10px; width:10px; height:10px; background:url(/*'http://m.yogerpresso.co.kr//skin/img/mobile/marrow.gif'*/) no-repeat 0 0; }
#menu .menulist > li.open > a:after{background-position:-13px 0px; }
#menu .menulist > li.open ul{display:block; }
#menu .menulist li ul{display:none; overflow:hidden; }

#menu .menulist li li{border-bottom:1px solid #c9c9c9; border-top:1px solid #fff; background:#f4f4f4; }
#menu .menulist li li a{display:block; height:33px; padding:0 20px 0 32px; color:#3c3c3c; font-size:1em; line-height:33px; }
#menu .menulist li li a:before{content:''; position:absolute; top:16px; left:24px; width:3px; height:3px; background:#9D1E23; }

.t_menu{width:100%; height:30px; clear:both; border-bottom: solid 1px #c9c9c9; border-top:solid 1px #c9c9c9; }
.t_menu ul li{float:left; text-align:center; font:12px/30px "³ª´®°íµñ"; color:#454545; }

.m_btn{width:100%; clear:both; }
.m_btn ul li{width:50%; float:left; display:inline; }
.m_btn ul li img{width:100%; }

.f_btn{ width:260px; height:30px; margin:0 auto 10px; }
.f_btn ul li{ float:left; margin:0 3px; }

/*ž¸Þ´º ENG.ver*/
.L_btn{width:55px; padding:11px 1px 10px 10px; height:18px; line-height:18px; float:right; }
.L_btn li{float:left; }
/*.L_btn li strong{padding:0 2px; }
.L_btn li span{color:#b33131; height:15px; position:absolute; top:-1px; right:0; }
.L_btn li a{font-size:17px; }*/

.f_menu{ width:100%; height:40px; background-color:#f4f4f4; clear:both; }
.f_menu ul li{ float:left; width:99.7%; text-align:center; font:15px/40px "³ª´®°íµñ"; }
.bor{/* border-right:1px solid #d7d7d7; */}
.bol{ border-left:1px solid #fff; }

.wid4{ width:29%; }
.wid5{ width:18%; }

.f_menu2{ width:100%; height:30px; background-color:#fff; border-top:solid 1px #c9c9c9; clear:both; background-color:#f8f8f8; }
.f_menu2 ul li{ float:left; text-align:center; font:10px/30px "³ª´®°íµñ"; }
.wid1{ width:2%; text-align:center; color:#c9c9c9; }
.wid3{ width:32%; }



.pc{ width:70%; margin:0 auto; clear:both; height:30px; font:14px/30px "³ª´®°íµñ"; border:solid 1px #c9c9c9; background-color:#fff; border-radius:5px; margin-top:20px; }

.sub{ width:100%;overflow-x:hidden; margin:2% auto; }
.tit{ font-size:14px;/* font-weight:bold; */margin:0% 0% 2% 3%; color:#222; }

.sub_ca2{ width:100%; margin:0 auto; clear:both; }
.sub_ca2 ul li{ width:48.5%; border:solid 1px #efefef; float:left; text-align:center; font:14px/30px "³ª´®°íµñ"; height:30px; }

.sub_ca{ width:100%; margin:0 auto; clear:both; }
.sub_ca3 ul { margin:0 0 0 10; }
.sub_ca3 ul li{ width:31.7%; margin:1 1 1 1; border:1px #D0D0D0 solid; float:left; text-align:center; font:14px/30px "³ª´®°íµñ"; height:30px; }

.sub_ca4{ width:100%; margin:0 auto; clear:both; }
.sub_ca4 ul li{ width:23.5%; border:solid 1px #efefef; float:left; text-align:center; font:14px/30px "³ª´®°íµñ"; height:30px; }

.s_color{ color:#a8a58e; }

.ts{ margin-left:1%; }
.sub_ca2 .on, .sub_ca3 .on, .sub_ca4 .on{ background-color:#1B9331; color:#ffffff; }

.sub_con{ width:100%; clear:both; padding-top:1%; }

.sub_con .img_100 img{ width:100%; clear:both; }



/*===============================================================*/
/*===============================================================*/

.s_tit	{ font-size:64px; width:100%; line-height:100%; color:#1f558b;font-weight:bold;		padding:0 17 17 55; }
.s_tit1{ font-size:50px; line-height:55px; color:000000; font-weight:bold;			padding:20 17 27 55; }
.s_tit2{ font-size:60px; line-height:130%; color:000000;font-weight:bold;	padding:0 17 17 55; }


.busitxt {    margin-top: 10px;    font-size: 30px;    line-height: 30px;    color: #333;    border-bottom: 1px solid #e1e1e1;    padding-bottom: 20px;    margin-bottom:20px;    word-break: keep-all;    letter-spacing: -0.03em;  }
.busitxt_1 {       font-size: 50px;    line-height: 70px;    color: #333;      word-break:break-all;    letter-spacing: -0.03em; padding:0 55 18 55; }
.busitxt_2 {       font-size: 14px;    line-height: 14px;    color: #333;      word-break:break-all;    letter-spacing: -0.03em; padding:0 55 0 31; }
.busitxt_3 {       font-size: 14px;    line-height: 20px;    color: #333;      word-break:break-all;    letter-spacing: -0.03em; padding:0 55 0 55; }

.copy{ width:1280px; height:170px;   padding:0 0 0 0; }

/*===============================================================*/
/*===============================================================*/


.s_back{ width:60px; height:20px; padding-left:15px; font:14px/20px "³ª´®°íµñ"; background-color:#f4f4f4; border:solid 1px #c9c9c9; }

.sub_contents{ width:100%; margin:40px auto; }


.img{ width:100%; }

.sub_11{}
.sub_11 p{ clear:both; font-size:14px; line-height:20px; margin-top:10px; }
.sub_11_name{ font-size:18px; margin-top:20px; text-align:right; margin-top:20px; }

.sub_12_table{ width:100%; margin-top:20px; border-top:solid 2px #b33131; }
.sub_12_table tr{ border-bottom:solid 1px #c9c9c9; }
.sub_12_table th{ background-color:#f4f4f4; color:#b33131; padding:10px 0; }
.sub_12_table td{ padding:10px 5px; }
.sub_12_table td p{ font-size:12px; line-height:18px; }

.sub_13 .sub_131{ position:absolute; top:340px; right:100px; }
.sub_13 .sub_132{ position:absolute; top:340px; right:10px; }
.down{ clear:both; width:314px; margin:20px auto; }
.down a {    display: block;    float: left;    width: 146px;    height: 36px;    line-height: 36px;    color: #b43535;    font-size: 14px;    font-weight: 600;    text-indent: 13px;    background: url(../images/ico-down2.png) no-repeat 100% 50%;    border: 2px solid #b43535;    margin-left: 7px; }

.scroll_txt{overflow-y:scroll; height:450px; padding:0 5px 5px; text-align:left; /*text-align:justify; */border:1px solid #ccc; }

.main_visual { clear:both; position:relative; width:100%; height:253px; }
.main_visual .prev{position:absolute; width:25px; height:50px; left:50%; margin-left:-180px; background:url('/m/img/main/btn_p.gif') no-repeat; top:130px; z-index:5; }
.main_visual .next{position:absolute; width:25px; height:50px; left:50%; margin-left:180px; background:url('/m/img/main/btn_n.gif') no-repeat; top:130px; z-index:5; }
#main_roll_cont {position:absolute; top:0px; width:100%; height:253px; left:50%; margin-left:-180px; overflow:hidden; }
.iosSlider {width: 100%; height: 253px; border: 0px solid #ff0000; }
.iosSlider .slider {width: 100%; height: 100%; }
.iosSlider .slider .item {width:100%; height:253px; float:left; }
.iosSlider .slider .item img{ width:100%; height:253px; }


.sub_2 dl .veiw_btn {
	padding:10px 0; 
	text-align:center; 
    display: block; 
    font-size: 14px; 
    background: #ebebeb; 
    border: 1px solid #d7d7d7; 
    font-weight: 600;  }

.sub_2 dl .veiw_btn a{ padding:10px 75px; }
.sub_2{ width:100%; margin-bottom:20px; }
.sub_2 h2{ font-size:18px; margin-bottom:10px; }
table.td_border{ margin:4px 4px 4px 4px; padding:0;}

.sub_4{width:100%; }
.sub_4 #main{width:100%; float:left; margin-bottom:10px}
.sub_4 #main img{ width:100%; height:240px; }
.sub_4 #sum{width:100%; float:left; padding:10px 3px 0px 3px; }

.sub_4 #sum #sum_list li{display:inline; margin-right:1px; width:20%; }
.sub_4 #sum #sum_list li img{ width:15%; height:42px; overflow:hidden; }

.sub_4_txt{ width:100%; margin-top:20px; }
.sub_4_txt dl dt {    font-size:16px;    font-weight: 600;    color: #b33131;    padding-bottom: 15px; padding-top:10px; border-top:1px solid #ccc; }
.sub_4_txt h4 {    font-size: 16px;    font-weight: 600;    color: #b33131;    padding-bottom: 10px;  padding-top: 10px;   border-top:1px solid #ccc; }
.sub_4_txt ul li {    font-size: 12px;    line-height: 22px;    text-indent: -46px;    padding-left: 46px;    margin-bottom: 5px; }

.sub_4 .bot {    margin-top: 50px; }
.sub_4 .bot h4 {    font-size: 16px;    font-weight: 600;    color: #b33131;    padding-bottom: 10px; border-top:1px solid #ccc; padding-top: 10px; }
.sub_4 .bot .inner {    overflow: hidden; }
.sub_4 .bot dl {    border: 1px solid #d7d7d7;    padding: 25px 15px;    letter-spacing: -0.05em;    margin-top: 10px; }
.sub_4 .bot dl dt {    font-weight: 600;    color: #333;    font-size: 16px; }
.sub_4 .bot dl dd {    line-height: 22px;    margin-top: 15px; }
.sub_4 .bot ul {    margin-top: 20px;    overflow: hidden; }
.sub_4 .bot ul li.jy { width:48%; }
.sub_4 .bot ul li {    float: left; margin:2% 1%; }
.sub_4 .bot ul li.jy img {    width:100%;    height: 120px; }
.sub_4 .bot .box {    float: left;    width: 48%; height:195px;    margin:2% 1%; 	background-color:red; text-align:center; 
	border:1px solid #d7d7d7; 	background:#ebebeb; 	 
	box-sizing:border-box; 
			-moz-box-sizing:border-box; 
			-webkit-box-sizing:border-box; 
			-ms-box-sizing:border-box; 
			}
.sub_4 .bot .box a {    display: block;    position: relative;   }
.sub_4 .bot .box a:hover {  color:#b33131;  }
.sub_4 .bot .box a img {    display: block;    position: relative;    z-index: 0; }
.thumb_bs {    width:100%;    height: 150px; }



.bo_tab {    overflow: hidden; }
.bo_tab a:first-child {    margin-left: 0; }
.bo_tab .active {    color: #fff;    background: #b33131;    border: 1px solid #b33131; }
.bo_tab a {    display: block;    float: left;  height: 30px; padding:0 10px;   line-height: 30px;    border: 1px solid #ccc;    text-align: center;    margin-left: -1px;    font-size: 12px;    letter-spacing: -0.3;    color: #333; }


.asearch { width:200px; min-height: 30px; margin:20px auto; }
.asearch .search { border: 1px solid #b33131;    width: 198px;    height: 34px; }
.asearch .search .txt {    display: block;    width: 159px;    height: 34px;    line-height: 34px;    text-indent: 10px;    border: none;    background: none; float:left; }
.asearch .search .btn {    display: block; float:right; }


.tbl-list {    border-top: 2px solid #b33131;    width: 100%;    table-layout: fixed; }
.tbl-list th {    font-size: 12px;    color: #b33131;    text-align: center; }
.tbl-list th, .tbl-list td {    padding: 10px 5px;    text-align: center;    border-bottom: 1px solid #eaeaea; }
.tbl-list .subject {    text-align: left;    font-size: 12px;    color: #333;    letter-spacing: -0.03em; }
.tbl-list td {    font-size: 10px; }


.apaging {    text-align: right;    margin-top: 15px;    font-size: 14px;    font-weight: 600;    color: #a1a1a1; }
.apaging strong {    color: #4c4c4c;    font-weight: 600; position:relative; top:12px; }
.apaging span {    padding-right: 10px; position:relative; top:12px; }
.apaging .prev:hover {    background: url(../images/paging-prev.gif) no-repeat 0 -40px; }
.apaging .prev {    background: url(../images/paging-prev.gif) no-repeat; }
.apaging a {    display: inline-block;    width: 40px;    height: 40px;    text-indent: -9999px;    text-align: left; }
.apaging .next {    background: url(../images/paging-next.gif) no-repeat; }
.apaging .next:hover {    background: url(../images/paging-next.gif) no-repeat 0 -40px; }


.ttl {    border-top: 2px solid #b33131;    padding: 10px;    font-size:14px;    font-weight: bold;    border-bottom: 1px solid #ddd; }
.bo_info {    height: 30px;    padding: 5px 0;    border-bottom: 1px solid #ddd; font-size:10px; }
.bo_info .date {    float: left;    height: 30px;    line-height: 30px;    padding: 0 10px;    border-right: 1px solid #ddd; }
.bo_info .man {    float: left;    height: 30px;    line-height: 30px;    padding: 0 10px; }
.bo_content {    border-bottom: 1px solid #b33131;    padding: 20px 10px;    line-height: 150%;    min-height: 400px; }
.go_list{text-align:center; margin:30px auto; width:200px; height:30px; font:14px/30px "³ª´®°íµñ"; background-color:#b33131; color:#fff; }


.sel-box {    display: inline-block;    position: relative;    vertical-align: middle;    text-align: left; margin-bottom:20px; }
.sel-box .sel-txt {    display: inline-block;    vertical-align: middle;    background: #fff url(../images/sel-bg.gif) no-repeat 100% 50%;    border: 1px solid #b33131;    color: #333;    font-size: 14px;    line-height: 34px;    height: 34px;    letter-spacing: -0.05em;    text-indent: 13px;    position: relative;    z-index: 0;    text-align: left; }
.sel-box .sel-op {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    font-size: 13px;    color: #333;    letter-spacing: -1px;    filter: alpha(opacity=0);    opacity: 0;    z-index: 1; }


/*
word-break:break-all;
word-break: keep-all; 
*/


.s_31v_txt{    border-top: 1px solid #ccc;    margin-top: 20px;    padding: 25px 0; }
.s_31v_txt h4 {    font-size: 14px;    font-weight: 600;    color: #333;    padding-bottom: 20px; }
.s_31v_txt .inner {    letter-spacing: -0.03em;    line-height: 20px; }

.botbtn {    position: relative;    margin-top: 30px;    border-top: 1px solid #d7d7d7;    padding-top: 15px;    min-height: 40px; }
.botbtn .rig {    position: absolute;    right: 3%;    top: 15px;    white-space: nowrap; }
.bbtn {    display: inline-block;    width: 128px;    line-height: 38px;    text-align: center;    font-weight: 600;    font-size: 16px;   
           border: 1px solid #ccc;    color: #333;    background: none; }


.sub51 .tit {padding-bottom:40px; text-align:center; }
.sub51 .tit h3 {font-size:16px; font-weight:normal; color:#333; }
.sub51 .tit p {line-height:24px; font-size:12px; margin-top:15px; }
.sub51 ul {overflow:hidden; text-align:center; margin-bottom:90px; }
.sub51 ul li {float:left; width:25%; }
.sub51 ul li p {font-size:12px; margin-top:15px; line-height:24px; }
.sub51 h4 {text-align:center; font-weight:normal; color:#333; padding-bottom:15px; font-size:16px; }
.sub51 table {width:100%; margin:0 auto; border-top:2px solid #b33131; }
.sub51 table th,
.sub51 table td {border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; letter-spacing:-0.03em; }
.sub51 table th {font-weight:normal; font-size:12px; color:#b33131; }
.sub51 table td {text-align:left; padding:7px 20px; font-size:10px; }
.sub51 table th:last-child,
.sub51 table td:last-child {border-right:none; }
.sub51-1 {text-align:center; padding-bottom:100px; }



.faq {	    border-top: 1px solid #ddd; }
.faq dl {    border-bottom: 1px solid #ddd;    font-size: 14px; }
.faq dl dt {    font-weight: 600;    background: url(../images/faq-q.gif) no-repeat 10px 50%; }
.faq .active dt {    background: #f6f6f6 url(../images/faq-q-on.gif) no-repeat 10px 50%; }
.faq dl dt a {    color: #333;    display: block;    padding: 30px 60px 30px 70px;    background: url(../images/faq-on.gif) no-repeat 110% 50%;    font-size: 16px; }
.faq .active dt a {    background: url(../images/faq-off.gif) no-repeat 110% 50%; }
.faq dl dd {    background: #f6f6f6 url(../images/faq-a.gif) no-repeat 10px 50%;    display: none;    padding: 20px 60px 20px 70px;    font-size: 14px;    line-height: 22px; }

.sub61 .top {position:relative; }
.sub61 .top iframe {display:block; border:none; border-top:2px solid #b33131; }
.sub61 .top .info {font-size:14px; line-height:24px; width:100%; margin-top:20px; }
.sub61 .top .info span {color:#b33131; }
.sub61 .bot {margin-top:20px; }
.sub61 .bot p {margin-top:15px; }
.sub61 .bot p:first-child {margin-top:0; }
.sub61 .bot p .txt {border:1px solid #d7d7d7; box-sizing:border-box; width:100%; font-size:14px; }
.sub61 .bot p .txt:hover,
.sub61 .bot p .txt:focus {border:1px solid #b33131; }
.sub61 .bot p input.txt {height:46px; line-height:46px; text-indent:15px; }
.sub61 .bot p textarea.txt {height:150px; padding:15px; }
.sub61 .bot + .botbtn {border-top:none; margin-top:0; }

.botbtn .cen {    text-align: center; }
.cbtn {    display: inline-block;    width: 175px;    line-height: 46px;    text-align: center;    font-weight: 600;    font-size: 16px;    border: none;    color: #fff;    background: #b33131; }



.abox {border:1px solid #ddd; background:#f7f7f7; padding:10px; margin-top:15px; letter-spacing:-0.03em; }
.abox li {font-size:12px; color:#333; line-height:22px; padding:5px 0; text-indent:-15px; padding-left:15px; }
.bbox dl {position:relative; border-bottom:1px solid #ddd; padding:15px 0; font-size:12px; letter-spacing:-0.05em; line-height:22px; }
.bbox dl dt,
.bbox dl dd {position:relative; padding-left:25px; margin-top:5px; }
.bbox dl span {display:block; position:absolute; left:0; top:0; color:#5e89d8; font-weight:600; }

.atit {font-size:18px; font-weight:600; color:#0b2974; letter-spacing:-0.05em; margin-bottom:15px; }
.atxt {font-size:12px; letter-spacing:-0.05em; word-break:keep-all; line-height:22px; color:#333; }
.blue {color:#2558b6; }

#sit_tot_price {    margin: 20px 0;    font-size: 14px;    font-weight: bold; }
#sit_ov_btn {    text-align: right;    letter-spacing: -3px; }
#sit_btn_buy {    background: #ff5b89;    color: #fff; }
#sit_ov_btn input {    display: inline-block;    width: 100px;    height: 30px;    border: 0;    font-size: 14px;    text-align: center;    text-decoration: none;    letter-spacing: -0.1em;    cursor: pointer; }

.gall{width:100%; margin:5% auto; height:100%; clear:both; }
.gall ul{float:left; margin:0 5px 20px; }
.gall_s_wrap {width:172px; height:200px; }
.gall_s_img{width:170px; height:170px; margin:0 auto; vertical-align:middle; border:solid 1px #c9c9c9; } 
.gall_s_img img{width:170px; height:170px; vertical-align:middle; }
.gall_txt{width:172px; text-align:center; padding:10px 0; }
.g_txt{ font-size:12px; }
.g_date{font-size:12px; color:#878787; margin-top:10px; }

.board_tab{width:600px; margin:0 auto; }
.board_tab li{ width:24.335%; height:30px; font:16px/30px "³ª´®°íµñ"; border:solid 1px #c9c9c9; text-align:center; background-color:#f4f4f4; float:left; margin:1px 1px; }
.board_tab li.on{color:#d7282d; }

.paging {  margin-top:20px;    text-align: center; clear:both; }
.paging a {    color: #666666; }
.paging strong {    color: #ff539f; }
.paging a, .paging strong {    display: inline-block;    padding: 0 2px;    margin: 0 3px; }
.paging .on{ font-weight:bold; }
.paging .btn{ position:relative; }

.b_search-box { margin:20px auto; width:190px; }
.b_search-box .b_inputwrap {float:right; border:1px solid #c9c9c9; width:120px; }
.b_search-box img {float:left; width:20px; height:20px; }
.b_search-box input.lText {width:98px; height:20px; padding:1px 5px 0px 5px; border:none; }
.b_search-box .inputout {float:left; }
.b_search-box .b_btnout {float:right; margin-left:0px; }
.b_search-box .btn {width:20px; height:20px; border-radius:0; }
.selr{ float:left; }
.selr select{ width:60px; height:22px; font-size:12px; }



.empty0{ width:100%; height:0px; clear:both; }
.empty10{ width:100%; height:10px; clear:both; }
.empty20{ width:100%; height:20px; clear:both; }
.empty30{ width:100%; height:30px; clear:both; }
.empty40{ width:100%; height:40px; clear:both; }
.empty50{ width:100%; height:50px; clear:both; }
.red{ color:#b33131; }
.gray {    color: #999; }