@charset "euc-kr";


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; font-family:'µ¸¿ò', dotum, Arial,Trebuchet MS, Helvetica, sans-serif;}

html{line-height:0; height:100%;} /* opera 10 */
body{height:100%; font-size:13px; line-height:1.5; background:#fff; color:#545454; font-family:'µ¸¿ò', dotum, Arial,Trebuchet MS, Helvetica, sans-serif;}

p,br,td,table,tr,input,select,textarea { color:#545454 font-family:"µ¸¿ò"; font-size:13px;}


a:hover {color:#fa7220;  text-decoration:none;}

table{border-collapse:collapse; border-spacing:0;}
table caption{width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

h1, h2, h3, h4, h5, h6{font-size:100%; margin:0; padding:0;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{display:block;}

img, fieldset, button{border:0 solid transparent;}
button img{display:none;}
.img {vertical-align:top; width:100%;}

ol, ul{list-style:none;}
blockquote, q{quotes:none;}
hr{display:none;}

a:link, a:visited{color:#5b5b5b; text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}

textarea{overflow:auto;}
html:first-child select{padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option{padding-right:6px;} /* Firefox Fix */
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

/* º¸ÀÌÁö ¾Ê´Â ÅؽºÆ® */
.blindtext {visibility:visible; width:0; height:0; overflow:hidden; font-size:0; line-height:0; text-indent:-3000em; position:absolute;}




/* layout */
#wrap{width:100%; height:100%; min-width:320px; max-width:720px;  margin:0 auto;}

/* header - top & ¸Þ´º ºÎºÐ */
#header #m_contents #s_contents #footer {position:relative; float:left; width:100%; margin:0 auto;}

#header {position:relative; float:left; width:100%; margin:0 auto;}
#header .top{width:100%; float:left;}
#header .top li {float:left; display: inline;}
#header .gnb {width:100%; float:left; background:#000;}
#header .gnb li {float:left; display: inline;}

#div_1 li {float:left; display: inline; padding-left:10px;}
#div_2 li {float:left; display: inline; padding-left:10px;}




#header .submenu {width:100%; float:left; background:#E6E6E6; padding:1% auto; }
#header .submenu li {float:left; display: inline; padding-right:5px; padding-left:10px;}


/* main_contents - ¸ÞÀÎ ÄÁÅÙÃ÷ ºÎºÐ */
#m_contents {width:100%; /*float:left; position:relative; clear: both; background-image:url("http://www.pscliahn.com/mobile/images/m_bg.png"); background-size:contain; background-repeat:no-repeat;*/}
#m_contents .roll-01 {width:100%; float:left; position:relative;}



.page-dot {position:absolute; right:3%; top:0%;}
.page-dot ul {overflow:hidden;}
.page-dot ul li {float:left; padding:8px 0 0 5px;}

.pRProd img {display:block}

#m_contents .roll-02 {width:100%; float:left; position:relative;}

#img02, #img03 {display:none;}

#m_contents .mbt {width:100%;}
#m_contents .mbt li {float:left; display: inline;}


/*sub*/
#s_contents {width:100%; float:left;}
#s_contents .navi {width:100%;}
#s_contents .navi li {float:left; display: inline;}

#s_contents #board {width:100%; background:#000;}

/* board list */
.board_list{width:100%; border-top:2px solid #e4e4e4; text-align:left; margin-top:10px;}
.board_list ul{width:94%; border-bottom:1px dotted #ddd; padding:2% 3%;}
.board_list .title{font-size:15px; color:#333; font-weight:bold;}
.board_list .title2 {font-size:15px; color:#333; font-weight:bold; text-align:center;}
.board_list .bna_img{width:auto; padding:2% 5%;}

.writer {color:#5dc1c1;}
.writer2 {color:#5dc1c1; text-align:right; width:100%; right:0; float:right; position:relative; }
.board_list img {vertical-align:middle;}

.btn{padding-bottom:20px; text-align:right;}


/* board view */
.board_view{width:100%; border-bottom:2px solid #e4e4e4;}
.board_view .title{font-size:15px;  color:#333; font-weight:bold; background:#f4f4f4; padding:8px 0; border-bottom:1px solid #ccc; text-align:center;}
.board_view .view_tt{text-align:left; padding:2% 3%; }
.board_view img{vertical-align:middle;}
.board_view .date{text-align:right; padding:8px 5px 0 0; height:25px; border-bottom:1px dotted #ddd;}

.wiew_btn{padding:20px 0; text-align:center;}



/* board write */
.board_write{width:100%; border-bottom:2px solid #e4e4e4;}
.board_write img{vertical-align:middle;}
.board_write th{background:#f5f5f5 left 49%;  width:80px; text-align:center; color:#555; height:30px; border-bottom:1px solid #ccc; }

.board_write td{text-align:left;padding:7px 5px; border-bottom:1px solid #dbdbdb; margin-top:1px;}
.board_write em{color:#cc3366; font-style:normal; font-size:11px; letter-spacing:-0.7pt; }
.board_write .input_text{height:20px; width:150px; border:1px solid #ddd;}
.board_write .input_text_ph{height:20px; width:60px; border:1px solid #ddd;}
.board_write .input_text_area{width:100%; height:200px; border:1px solid #ddd; padding:7px 0;}
.board_write .input_text_title{width:100%; height:20px; border:1px solid #ddd;}
.board_write .input_file{width:100%; border:1px solid #ddd;}





/* paging */
.paging{width:auto; margin:20px 0; padding:5px; text-align:center;}
.paging img{vertical-align:middle;}
.paging a{text-align:center; padding:3px 6px 3px 6px; margin:0 5px 0 5px; border:1px solid #c7c7c7; background:#ffffff; color:#626262; 
		  font-family:arial, helvetica, sans-serif; font-size:16px; color:#626262;font-weight:bold;}
.paging a:hover{border:1px solid #F4632A; background:#F58D40; color:#fff; text-decoration:none;}
.paging .selected{border:1px solid #F4632A;background:#F58D40;color:#fff;text-decoration:none;}




/*footer*/
#footer  {float:left; width:100%; position:relative; /*clear: both; background-image:url("http://www.pscliahn.com/mobile/images/foot_bg.png"); background-size:contain; background-repeat:repeat-x;*/}
#footer .bt {width:100%; float:left;}
#footer .bt li {float:left; display: inline;}
#footer .line {clear:both; width:100%; background:#FF8923; height:2px;}
#footer .info {clear:both; width:100%; color:#000; padding:10px 0; background:#EFEFEF; text-align:center; font-size:12px; letter-spacing:-0.05em;}




/*font*/
.b { font-weight:bold;} 

/*side effect*/
.side_effect {margin-bottom:10px;}