@charset "utf-8";

/* base */
* { margin: 0; padding: 0; }
html { width: 100%; height: 100%; margin: 0; padding: 0; font-family: Dotum; font-size: 12px; color: #888888; 
	font-family: "Noto Sans KR";}
body {margin:0 auto;  width: 100%; min-width: 1008px; height: 100%; margin: 0; padding: 0; font-family: Dotum; font-size: 12px; color: #888888; }
table { border-collapse:collapse;table-layout: fixed; }
caption{visibility:hidden; font-size:0; width:0; height:0; overflow:hidden;line-height:0px;}
img { border: 0; }
ul, li { list-style: none; padding:0; margin:0;}
a { color: #808080; text-decoration: none; }
a:hover { text-decoration: underline; }
input.txt { height: 15px; width:119px; padding-left: 2px; padding-top: 3px; color: #888888; font-size: 12px; font-family: Dotum; border: 1px solid #e8e8e8; }
input.file { height: 20px; padding-left: 2px; padding-top: 3px; color: #888888; font-size: 12px; font-family: Dotum; border: 1px solid #e8e8e8; }
input.radio { vertical-align: -2px; margin: 0 3px 0 0; }
input.checkbox { vertical-align: -2px; margin: 0 0 0 8px; border: none; background: none; }
input.checkbox2 { vertical-align: -2px; border: none; background: none; }
select { height: 19px; font: 12px Dotum; color: #999999;border:1px solid #c9c9c9; }
textarea { padding: 8px; color: #888888; line-height: 17px; font: 12px Gulim; overflow: auto; background: #ffffff; border: 1px solid #e5e5e5; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #e5e5e5; scrollbar-highlight-color: #e5e5e5; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #e5e5e5; }
div#contentsarea object#CC_Object_id{display:none;}
.hide {display:none; background: none;}

#wrap {margin:0 auto; width:1000px;}

/***상단***/
#main_header {margin:0 auto;height:143px; width:1000px;}
#main_header .tophead {}
#main_header .tophead h1 {float:left;padding:10px 0 0 0}
#gnb {float:right;padding:20px 0 0 0;position:relative}
#gnb li {float:left;padding:10px 8px 10px;background:url(../images/common/gnb_menu_bar.gif) no-repeat left 11px}
#gnb li:first-child{background:none}
#gnb li.btn_favorite{padding:5px 8px 10px 0;background:none}

#lnb {clear:both;width:1000px;height:78px; background:url(../images/common/lnb_bg.gif) no-repeat left top} 
#lnb h3 {float:left;padding:12px 23px 10px;height:30px}
.lnb_s {margin:10px;height:60px}
.lnb_s li{float:left;padding:0 8px;margin-left:10px;background:url(../images/common/bul_dot02.gif) no-repeat left 5px}



ul.topmenu {clear:both;position:relative;width:1000px;height:78px; background:url(../images/common/lnb_bg.gif) no-repeat left top}
ul.topmenu li {float:left;padding:12px 23px 0 23px;height:30px}
ul.topmenu li a { display:block; padding:0 0 45px 0;}
ul.topmenu li img { padding:0 0 0 0; }
ul.topmenu li ul{}
ul.topmenu li ul li{float:left;padding:0 8px;margin-left:5px;background:url(../images/common/bul_dot02.gif) no-repeat left 5px}
ul.topmenu li ul li a { display:block; padding:0 0 0 0;}

ul.topmenu li ul { position: absolute; z-index:2; top:52px;}
ul.topmenu li { z-index:5; }
ul.topmenu li.submenu_01 ul { left: 30px; }
ul.topmenu li.submenu_02 ul { left: 300px; }
ul.topmenu li.submenu_03 ul { left: 425px; }
ul.topmenu li.submenu_04 ul { right: 145px; }
ul.topmenu li.submenu_05 ul { right: 0; }
ul.topmenu li.submenu_06 ul { right: 50px; }
ul.topmenu li.submenu_07 ul { right: 0; }
ul.topmenu li.submenu_08 ul { right: 0;}
ul.topmenu li.submenu_13 ul { left:170px;}



/**왼쪽**/
#leftmenu {float:left;width:200px;padding-bottom:20px}

.quick_counsel {width:190px;height:177px;background:url(../images/common/left_quickcounsel_bg.gif) no-repeat left top}
.quick_counsel h4{padding:10px 10px 5px}
.quick_counsel {padding:3px 10px}
.quick_counsel li{padding:1px 0}
.quick_counsel li input {height:16px;border:1px solid #c9c9c9;padding:2px 4px} 
.quick_counsel li select {height:22px;border:1px solid #c9c9c9;}

.left_error li {height:63px}
.left_error li.h64 {height:64px}

.left_info li {height:27px}
.left_info li.h50 {height:50px}
.left_info li.h48 {height:48px}

/**mid_content**/
#container {clear:both;margin:0 auto; width:1000px;}
#contents {float:right;width:796px}
#subcontents {float:right;width:750px;padding-bottom:20px}


/***서브공통**/
#subvisual{width:1000px;position:relative}

#sublogin {position:absolute;top:10px;left:10px;width:190px; height:156px;background:url(../images/common/left_sublogin_bg.gif) no-repeat left top}
#sublogin h4{padding:12px 0 15px 14px}
#sublogin .login_gongin{position:absolute;right:10px; top:11px}
.sublogin_form {position:relative;padding:5px 10px}
.sublogin_form li:first-child{padding-bottom:1px}
.sublogin_form input {height:18px;font-size:12px;border:1px solid #c9c9c9;padding:2px 4px}
.sublogin_form select {height:23px;font-size:12px;border:1px solid #c9c9c9;}
.btn_sublogin {position:absolute;top:30px;right:13px}
.sublogin_setting{margin:2px 0 0 10px;}
.sublogin_setting input{*margin:-3px;vertical-align:middle}
.sublogin_setting img{vertical-align:middle}


#sublogining { position:absolute;top:10px;left:10px;width:190px; height:156px;background:url(../images/common/left_logining_bg02.gif) no-repeat left top}
#sublogining .subloging_user { margin:35px 10px 20px}
.subloging_user_info { margin:0 10px}
.subloging_user_info  li{ margin:0px 10px ;line-height:18px; padding-left:8px;background:url(../images/common/bul_dot02.gif) no-repeat left 5px}


#rollingbanner{clear:both;width:1000px;margin:0 auto;border-top:1px solid #c9c9c9;position:relative;padding:5px 0}
#rollingbanner span.btn_pre{position:absolute;top:0;left:0}
#rollingbanner span.btn_next{position:absolute;top:0;right:0}
.banner_list {padding:0 0 0 25px}
.banner_list li{float:left;padding:0 4px 5px}
.banner_list li img{border:1px solid #c9c9c9}

/***footer***/
#footer{clear:both;position:relative;margin:0 auto;width:1000px;height:142px;padding:10px 0;background:url(../images/common/footer_menu_bg.gif) repeat-x left top}

#footer_menu .banner_01 {margin:0 auto;width:548px;height:29px}
.banner_01 li {float:left;padding:0 11px;font-size:11px;background:url(../images/common/footer_menu_bar.gif) no-repeat left top;}
.banner_01 li:first-child{background:none}
.banner_01 li a{color:#658099;}

#footer_menu h1{clear:both;padding-top:10px;float:left}
.copyrightwrap{float:right;width:650px;padding:10px 130px 0 0;}
.copyrightwrap p{padding:2px 0}
.footer_mark{position:absolute;right:10px;top:40px}
.footer_mark1{position:absolute;right:80px;top:40px}



/**font**/
.fBlod {font-weight:bold}
.fBrown{color:#d0860d}

.fRed {color:#da2e48}




/**margin**/
.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt100{margin-top: 100px;}

.ml3{margin-left:3px}
.ml5{margin-left:5px}
.ml8{margin-left:8px}
.ml10{margin-left:10px}
.ml100{margin-left:100px}
.ml200{margin-left:200px}
.ml230{margin-left:230px}
.ml250{margin-left:250px}
.ml320{margin-left:320px}
.ml600{margin-left:600px}
.ml655{margin-left:655px}

.mt5{margin-top: 5px;}
.mt70{margin-top: 70px;}

.mr5{margin-right:5px}
.mr10{margin-right:10px}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb100{margin-bottom: 100px;}

.pt3{padding-top:3px}
.pb20{padding-bottom: 20px;}
.pb40{padding-bottom: 40px;}
.pt70{padding-top: 70px;}
.pb80{padding-bottom: 80px;}