@charset "utf-8";
@import "main.css";
@import "sub.css";
@import "board.css";
@import "popup.css";
@import "detailview.css";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{margin:0;padding:0}
html{overflow-y:scroll}
body{position:relative;background:#fff;font:16px 'Nanum Gothic';line-height:160%;padding:0;-webkit-text-size-adjust:none;color:#666/*word-break:break-all*/}

img{vertical-align:top}
img,fieldset,iframe{border:0 none}
li{list-style:none}
table, td{border-collapse:collapse}

textarea,select{margin:0;padding:0;border:1px solid;border-color:#c8c8c8 #e0e0e0 #e0e0e0 #c8c8c8;background-color:#fff;color:#555;font-size:1em;overflow:auto}
a {text-decoration:none; color:#666}
caption{display:none}

/* 글자자르기 */
/* width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */ 

/*
input[type='checkbox'] { position:relative; top:5px; width:18px; height:18px; background:url('../images/check_off.png') no-repeat; -webkit-appearance:none; -webkit-border-radius:0px; }
input[type='checkbox']:checked { width:18px; height:18px; background:url('../images/check_on.png') no-repeat; }
*/


/* base */
#wrap{margin:0 auto;width:100%}
#header, #container, #footer{position:relative}

/* margin */
.mL12{margin-left:12px !important}
.mL20{margin-left:20px !important}

.mR0{margin-right:0 !important}

.mT7{margin-top:7px !important}
.mT20{margin-top:20px !important}
.mT30{margin-top:30px !important}

.mB0{margin-bottom:0 !important}
.mB7{margin-bottom:7px !important}
.mB10{margin-bottom:10px !important}
.mB12{margin-bottom:12px !important}
.mB20{margin-bottom:20px !important}



/* header */
#header{z-index:1;margin:0 auto;width:100%;background:url('/images/assem/common/nav_bg.gif') left 93px repeat-x}
.s_menu{margin:0 auto;position:relative;overflow:hidden;width:1000px}
.s_menu ul{float:right;margin:17px 0 10px}
.s_menu ul li{float:left;margin-left:10px;padding-left:10px;background:url('/images/assem/common/s_menu_line.png') left 5px no-repeat}
.s_menu ul li:first-child{background:none !important}
.s_menu ul li a{display:block;font-size:11px;color:#666}
.s_menu ul li a:hover{color:#ccc}



/* navigation */

/*
#navForm{margin:0 auto;position:relative;width:1000px;height:53px}
#navForm .logo{float:left;margin:0 99px 15px 0}
#navForm #navi li{z-index:1;float:left;text-align:center}
#navForm #navi li.menu01{width:182px}
#navForm #navi li.menu02{width:168px}
#navForm #navi li.menu03{width:168px}
#navForm #navi li.menu04{width:147px;padding-left:35px}
#navForm #navi li a.menu{z-index:1;display:block;font-size:1.333em;color:#333;font-weight:bold;text-decoration:none;line-height:52px}

.smbox2{z-index:2;visibility:hidden;position:absolute;left:492px}
.smbox3{z-index:2;visibility:hidden;position:absolute;left:660px}
.smbox4{z-index:2;visibility:hidden;position:absolute;right:0px}

.submenu{z-index:2;width:128px;height:126px;padding:10px;background:url('../images/common/sub_menubg.png') no-repeat}
.submenu a{display:block;padding-left:8px;background:url('../images/common/sub_dot_arrow.png') no-repeat left 9px;color:#777;text-align:left;line-height:24px}
.submenu a:hover{background:#3b69b2;color:#fff}
*/

#navForm{margin:0 auto;position:relative;width:1000px}
#navForm .logo{float:left;margin:0 110px 10px 0}
#navForm #navi{height:77px}
#navForm #navi li{z-index:1;float:left;text-align:center}
#navForm #navi li.menu01{width:188px}
#navForm #navi li.menu02{width:172px}
#navForm #navi li.menu03{width:166px}
#navForm #navi li.menu04{width:129px;text-align:right}
#navForm #navi li a.menu{z-index:1;display:block;font-size:1.500em/*18px*/;color:#333;font-weight:bold;text-decoration:none;line-height:47px}

.smbox{z-index:2;position:absolute;left:380px;top:47px;text-align:left;visibility:hidden}
.smbox2{z-index:2;position:absolute;left:480px;top:47px;text-align:left;visibility:hidden}
.smbox3{z-index:2;position:absolute;left:500px;top:47px;text-align:left;visibility:hidden}
.smbox4{z-index:2;position:absolute;left:450px;top:47px;text-align:left;visibility:hidden}

.submenu a{margin-left:20px;padding-left:8px;background:url('/images/assem/common/sub_dot_arrow.png') no-repeat left 5px;font-size:1.167em;color:#fff;text-align:left;line-height:30px}
.submenu a:hover{color:#bbd2f7}

.imsi{font-weight:bold;color:#2860AB;}


/* container */
#container{margin:0 auto;position:relative;overflow:hidden;width:100%;}



/* footer */
#footer{clear:both;position:relative;overflow:hidden;width:100%;height:90px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f7f7f7}
.footerbox{margin:0 auto;width:1000px;margin-top:27px;font-size:0.917em;color:#888}
.footerbox > div{float:left}
.logo2{margin-right:40px}
.copyright{position:relative;width:725px}
.copyright ul li p span{margin:0 5px}
.copyright ul li.L{float:left}
.copyright ul li.L small{margin-left:10px}
.copyright ul li.R{float:right}
.copyright ul li.R select{float:left;height:22px;border:1px solid #ccc;font-size:1.091em;color:#555}