@charset "utf-8";
/* CSS Document */

/*  font  */
@font-face{
	font-family:NanumGothic;
    font-style:normal;
    font-weight:normal;
	src:url('./font/NanumGothic.eot');
	src:local(''),url('./font/NanumGothic.woff') format('woff');
}
@font-face{
	font-family:NanumGothicBold;
    font-style:normal;
    font-weight:normal;
	src:url('./font/NanumGothicBold.eot');
	src:local(''),url('./font/NanumGothicBold.woff') format('woff');
}

@font-face{
	font-family:NanumBarunGothic;
	src:url('./font/NanumBarunGothic.eot');
	src:local(''),url('./font/NanumBarunGothic.woff') format('woff');
}

@font-face{
	font-family:NanumBarunGothicBold;
	src:url('./font/NanumBarunGothicBold.eot');
	src:local(''),url('./font/NanumBarunGothicBold.woff') format('woff');
}

body {margin:0px; }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
img { border:0px; vertical-align:top; }
li {list-style:none;}
div,td,input, select { }

#main_body {min-width:1000px;}
#sub_body {min-width:1000px;}

#wrap {}
#main_body #top {position:relative; height:142px; border-bottom:1px solid #e5e5e5;}
#headm {position:relative; width:1000px; margin:0 auto; }
#headm:after {content:"";display:block; clear:both}
#toplogo {float:left; padding:42px 0 0 15px;}
#topmenu {float:right;}

#topmenu .tmenu{font-size:10px; font-family: NanumGothic; color:#6d6d6d; text-align:right; margin:10px 0 0; line-height:16px; height:16px;}
#topmenu .tmenu:after{content:"";display:block; clear:both}
#topmenu .tmenu a{color:#6d6d6d;text-decoration:none; }
#topmenu .tmenu a:hover {color:#0077dc;text-decoration:none; }
#topmenu .tmenu span { margin:0 8px; color:#c1c1c1; }
#topmenu .tmenu .ck {font-family: NanumGothicBold; color:#0077dc; }

#topmenu .menu{padding:32px 0 0;}
#topmenu .menu:after{content:"";display:block; clear:both}
#topmenu .menu ul li{float:left; margin:0 0 0 51px; font-family:NanumGothicBold, serif; font-size:17px;}
#topmenu .menu a{color:#171717; text-decoration:none; padding:5px 0px 0px}
#topmenu .menu ul li a:hover{color:#0077dc; text-decoration:none;}
#topmenu .menu .hover{border-bottom:5px solid #0589ce;}

#topmenu .submenu{position:relative;}
#topmenu .submenu:after{content:"";display:block; clear:both}
#topmenu .submenu .sbm ul li{font-size:12px; float:left; padding:0 16px 20px;font-family:NanumGothic, serif;}
#topmenu .submenu .sbm ul li a{color: #717171; text-decoration:none}
#topmenu .submenu .sbm ul li a:hover{color:#0589ce; text-decoration:none}
#topmenu .submenu .sbm {position:absolute; display:none}
#topmenu .submenu #sbm1{ left:30px; text-align:center;}
#topmenu .submenu #sbm2{ left:310px; text-align:center;}
#topmenu .submenu #sbm3{ left:360px; width:270px; text-align:center;}

#topmenu .submenu .dispView {display:block}
#topmenu .submenu .pde ul li {padding:0 10px}


#main_body #main {clear:both; position:relative; background:#fbfbfb; min-height:540px; margin-top:1px;}
#main_body #sub {clear:both; position:relative; min-height:500px; margin-top:1px;}

#contents {clear:both; position:relative; width:1000px; margin:0px auto; }

#main_body #main .leftl {width:560px; margin:0 auto; float:left; text-align:center; padding-left:10px;}
#main_body #main .main_roll {padding:0; float:left; text-align:center; width:400px; margin:0 auto;}
#main_body #main .main_roll:after {content:"";display:block; clear:both}
#main_body #main .main_roll .bn{}

#main_body #main_btm { clear:both; position:relative; width:1000px; margin:0 auto; padding:32px 0;}
#main_body #main_btm:after{content:"";display:block; clear:both}
#main_body #main_btm .btmbn {float:left}

#subtitle {padding:0 0 10px 0;}
#subleft {float:left; width:180px; padding: 0 20px 0 0;}
#subleft .ltitle{font-size:20px; font-family: NanumGothicBold; color:#fff; background:#5b9dd5; margin:25px 0 0; padding:10px 0 10px 35px; }
#subleft .lmenu {line-height:45px; font-size:15px;font-family: NanumGothicBold; font-weight: 600; border-bottom:1px dotted #838383; padding-left:40px;}
#subleft .lmenu a{color:#231916; text-decoration: none}
#subleft .lmenu a:hover{color:#0589ce; text-decoration: none}


#subleft .act{font-size:15px; }
#subleft .act a{ color:#0077dc; }

#rbtn {position:absolute;left:145px;top:215px}
#rbtn:after {content:"";display:block; clear:both}
#rbtn .bx {float:left; width:14px; height:14px; font-size:11px; font-family:NanumGothic; border:1px solid #dadada; color:#717171; background:#fff; margin:0 2px; cursor:pointer;}
#rbtn .sx {background:#a2a2a2; color:#fff}


#subleft .pmt {line-height:30px; font-size:15px;font-family: NanumGothicBold; font-weight: 600; color:#282321; padding-left:20px; background:url(/images/icon_sbc2.gif) no-repeat; background-position: 10px 12px;}
#subleft .pmenu {line-height:19px; color:#878281; font-size:13px; font-family: NanumGothic; padding-left:40px;}
#subleft .pmenu a{color:#878281; text-decoration: none}
#subleft .pmenu a:hover{color:#0589ce; text-decoration: none}
#subleft .pline {border-bottom:1px dotted #838383; margin:10px 0}
#subleft .hi {display:none}

#subcon {float:right; width:800px;padding-top:10px;}
#subcon .htitle {float:left; font-size:20px; font-family: NanumGothicBold; font-weight:600; color:#231916; padding:20px 0 10px 20px;}
#subcon .hcate {float:right; font-size:12px; color:#6f6b6a; padding:35px 0 0;}
#subcon .hcate a{color:#6f6b6a; text-decoration:none}
#subcon .hcate a:hover{color:#0589ce; text-decoration:none}
#subcon .hcon{clear:both; border-top:1px solid #bfbfbf; min-height:500px; padding:20px 0 0;}

#leftcs {text-align:center; padding-top:30px; clear:both;}
#mainflash{padding:158px 0 0 546px;}
#btm_com {clear:both; position:relative;}
#btm_com_con {position:relative; width:1100px; height:180px; margin:0 auto;}
#qna {float:left; margin:25px 0 0 15px; }
#review {float:left; margin:20px 0 0 30px;}
#product {float:left; margin:20px 0 0 30px;}

#bottom_line{}
#bottom_line:after {content:"";display:block; clear:both}
#bottom_line .cline{height:2px; width:25%; float: left;}
#bottom{clear:both; position:relative; background:#f5f5f5; height:125px;}
#btm_copyright { width:1000px; margin:0 auto; text-align:left; padding:36px 0 0 60px;}
#btm_copyright:after {content:""; display:block; clear:both}
#btm_copyright .btm_cpyc { float:left; padding-top: 13px; padding-left: 45px; }
#btm_copyright .btm_cpys { font-family:"NanumBarunGothic"; font-size:12px; color:#626262; padding-left: 35px; width:500px; }
#btm_copyright .btm_cpys span {padding:0 5px;}
#btm_copyright .cpycimg {float:left; margin:-3px 0 0 50px}