@import url('../css/page_style.css');
@import "//fonts.googleapis.com/earlyaccess/notosanskr.css";

/* Reset */
body,div,table,th,td,h1,h2,h3,h4,h5,form,fieldset,p,button,legend,pre,code,blockquote,input,textarea,button,select,ul,li,ol,dd,dl,dt
{margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif; font-size:13px; color:#6c6c6c;}
body,input,textarea,select,button,table{font-family: 'Noto Sans KR', sans-serif;, font-size:12px; }
html { overflow-y: scroll; overflow-x: hidden; }

a{color:; text-decoration:none; color:#555;}
a:hover{color:#555;}
a:hover,a:active,a:focus{color:#e31756;text-decoration:none; outline:none;}


img,fieldset{border:0;}
ul,ol{list-style:none;}
em,address{font-style:normal;}
label,button{cursor:pointer;}
button{margin:0;padding:0;}
hr{display:none;}
legend{*width:0;}
li { display:inline; }
span { display:inline-block; }
.g_txt { font-size:11px; color:#9a9a9a; letter-spacing:-1px; }


/* IE7이하 버전 input style */
#input_ie7 input{#margin:-1px 0;}
/* Wys2 reset */
#ct{word-break:break-all; text-align:justify;}
#ct table{border-collapse: separate}
#ct ul{padding-left:20px; display:block}
#ct ul li{display:list-item; list-style:disc}
#ct ol{padding-left:20px; display:block}
#ct ol li{list-style:decimal;  display:list-item}
#ct hr{display:block}
#ct p, #ct div{font-size:inherit}

.ct{word-break:break-all; text-align:justify;}
.ct table{border-collapse: separate}
.ct ul{padding-left:20px; display:block}
.ct ul li{display:list-item; list-style:disc}
.ct ol{padding-left:20px; display:block}
.ct ol li{list-style:decimal;  display:list-item}
.ct hr{display:block}
.ct p, .ct div{font-size:inherit}

/* PNG 처리 for IE 6 */
*html .png24 {_behavior:url("../css/iepngfix.htc")}

/* 툴팁 (Tooltip) */
#dhtmltooltip{
position: absolute;
display:block;
background:#FFFFFF;
border:1px solid #4e4e4e;
padding:5px;
visibility: hidden;
}

/* 음영을 삭제하려면 바래 아래 라인을 삭제하면 된다. 아래 라인은 반드시 CSS 영역의 가장 마지막에 위치시키도록 한다.*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */

.wrap { width:100%; }
.wrap a:link { text-decoration:none; color:#666666;}
.wrap a:hover { text-decoration:none;color:#666666; }
.Top01 { width:100%;  padding:10px 0 10px 0; background-color:#efefef;} /*height:41px;*/
.Top02 { width:100%; padding:20px 0 0px 0;  } /*height:99px;*/
.Topmenu { width:100%; repeat-x;  } /*height:50px;*/
.Topks { width:100%; background:url('../img/bg_keyword.gif') repeat-x; }
.tb_a { width:1200px; margin:0 auto;}
.tb_a1 { width:1200px; margin:0 auto; background:#263d35; width:100%; height:45px;}


.top01Link { padding-left:11px; padding-right:11px; border-left:0px solid #575b6a; border-right:0px solid #262a35; font-size:13px; color:#333333; }
.top01Link a:link { color:#333333; font-size:13px;}
.top02bg { background:url('../img/topmenuLine.gif') no-repeat 50%; width:2px; padding:0 13px 0 13px; }
.top02Link { padding-left:34px; padding-right:34px; background:url('../img/line1.png') no-repeat 50%; }

.topMenu{height:51px;}

.inputF { border:1px solid #ddd; background:#fbfbfb; height:20px; line-height:20px; padding-left:3px; }
.inputP { border:1px solid #c9c9c9; height:18px; line-height:20px; padding-left:3px; }

/*이미지 테두리배경*/

.selectPro { position:relative; }
.selectPro a { background:url('../img/bg_photo02_011.gif') no-repeat; height:400px; width:300px; display:block; }
.selectPro a:hover { background:url('../img/bg_photo02_011_on.gif') no-repeat; display:block; height:400px; width:300px; text-decoration:none; }


.selectPro01 { position:relative; }
.selectPro01 a { background:url('../img/bg_photo03.gif') no-repeat; height:220px; width:465px; display:block; }
.selectPro01 a:hover { background:url('../img/bg_photo03_on.gif') no-repeat; display:block; height:220px; width:465px; text-decoration:none; }


.selectPro02 { position:relative; }
.selectPro02 a { background:url('../img/bg_photo06.gif') no-repeat; height:410px; width:355px; display:block; }
.selectPro02 a:hover { background:url('../img/bg_photo06_on.gif') no-repeat; display:block; height:410px; width:355px; text-decoration:none; }

.selectPro02_1 { position:relative; }
.selectPro02_1 a { background:url('../img/bg_photo06_1.gif') no-repeat; height:410px; width:355px; display:block; }
.selectPro02_1 a:hover { background:url('../img/bg_photo06_on_1.gif') no-repeat; display:block; height:410px; width:355px; text-decoration:none; }

.selectPro03 { position:relative; }
.selectPro03 a { background:url('../img/bg_all_pro.gif') no-repeat; height:410px; width:235px; display:block; }
.selectPro03 a:hover { background:url('../img/bg_all_pro_on.gif') no-repeat; display:block; height:410px; width:235px; text-decoration:none; }

.selectPro03_1 { position:relative; }
.selectPro03_1 a { background:url('../img/bg_all_pro_1.gif') 0 bottom no-repeat; height:410px; width:235px; display:block; }
.selectPro03_1 a:hover { background:url('../img/bg_all_pro_on_1.gif') 0 bottom no-repeat; display:block; height:410px; width:235px; text-decoration:none; }


.selectPro04 { position:relative; }
.selectPro04 { background:url('../img/bg_rank_off.gif') no-repeat;  width:235px; display:block; }

.selectPro05 { position:relative; }
.selectPro05 a { background:url('../img/bg_asearch01_off.gif') no-repeat; height:380px; width:220px; display:block; }
.selectPro05 a:hover { background:url('../img/bg_asearch01_on.gif') no-repeat; display:block; height:380px; width:220px; text-decoration:none; }

.selectPro06 { position:relative; }
.selectPro06 a { background:url('../img/bg_photo02.gif') no-repeat; height:400px; width:300px; display:block; }
.selectPro06 a:hover { background:url('../img/bg_photo02_on.gif') no-repeat; display:block; height:400px; width:300px; text-decoration:none; }


.addinput { border:1px solid #cecece; height:18px; line-height:18px; padding-left:2px;  }
.sminput4 {border:1px solid #d7d7d7; background-color:#f5f5f5; height:33px; line-height:33px; padding-left:8px;}


.com_menu{
	width:190px; 
	float:left;
	
	
}
.com_menu a{
	display:block;
	background:url('') no-repeat;
	width:190px;
	height:27px;
	padding-top:6px;
	padding-left:3px;

}
.com_menu a:hover{
	background:url('../img/bg_com_menu.gif') no-repeat;
	width:190px;
	height:27px;
	padding-top:6px;
	padding-left:3px;
}

.listTitle { color:#909090; font-size:11px; letter-spacing:-1px; }


.alpha_layer {position:absolute; background-color:#000000; z-index:1; top:157px; left:0; width:325px;height:34px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.alpha_layer2 {position:absolute; background-color:#000000; z-index:1; top:155px; left:0; width:220px;height:34px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.alpha_layer3 {position:absolute; background-color:#000000; z-index:1; top:157px; left:0px; width:207px;height:34px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}