@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 


html {font-size:100%; font-family:'Noto Sans KR', sans-serif; color:#666; }
*html #container {
height: 100%;
}
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; line-height:150%; font-family:'Noto Sans KR', sans-serif; }
select,input,textarea {font-size:100%; font-family:'Noto Sans KR', sans-serif; margin:0; padding:0; }
* {padding:0;margin:0;}
*:focus {
outline: none;
}
table {border-collapse:collapse; border-width:0; border-spacing:0;border:none}
tr {margin:0;padding:0;}
td {margin:0;padding:0;}
ul {list-style:none;}
a {text-decoration:none; color:#2276bb; font-family:'Noto Sans KR', sans-serif;}
a:hover {text-decoration:underline ; font-family:'Noto Sans KR', sans-serif;}
div,form,p,h1,h2,h3,h4,h5,ul,dl,dt,dd {margin:0; padding:0;}
img {border:0; }
h1 {font-size:120%;}
h2 {font-size:100%;}
h3 {font-size:100%;}
a:link.white {text-decoration:none;color:#FFFFFF;}
a:hover.white {text-decoration:underline;color:#FFFFFF;}
a:visited.white{text-decoration:none;color:#FFFFFF}


.round {border: 1px solid #83a42e; border-radius: 4px 4px 4px 4px; line-height: 180%; margin: 0 0 20px; overflow: hidden; padding: 10px; }
.box_round {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -khtml-border-radius: 4px;}
/* simplemodal start */
#basic-modal-content {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000;}
/* Container */
/* #simplemodal-container {height:370px; width:610px; color:#bbb; background-color:#333; border:2px solid #444; padding:10px;}
#simplemodal-container .simplemodal-data {padding:8px;}


#simplemodal-container a {color:#fff; font-size:12px; font-family:'Noto Sans KR', sans-serif;}
#simplemodal-container a.modalCloseImg {background:url(./images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
#simplemodal-container .modalcon { position:relative; width:600px; height:360px; background:url('./images/modal.jpg') no-repeat; }
#simplemodal-container .modalcon p { position:absolute; top:333px; left:510px;} */
/* simplemodal end */
#alertTop {position:fixed; width:100%; left:0; font-size:130%; z-index:999}
#alertTop div {background:#ffffff; padding:15px 0 15px 0; text-align:center; font-weight:bold; cursor:pointer; }
.btm_right {text-align:right; padding:0 13px 0 0; margin:0 0 10px 0; font-size:89%;}
.btm_right a {color:#000000;}
.b {font-weight:bold;}
.blue {color:#2276bb;}
.black {color:#000000;}
.green {color:#008000;}
.gray {color:#999999;}
.orange {color:#F46617}
.w_normal {font-weight:normal;}
.left {float:left;}
.right {float:right;}
.block {display:block;}
.docs {line-height:180%;}
.mgb10 {margin:0 0 10px 0;}
.text_right {text-align:right;}
.search_text {padding:3px 25px 3px 3px; border:1px solid #cecece;}
.red {color:red}
.title_text {font-size:14px;font-weight:bold;font-family:'Noto Sans KR', sans-serif;}
h1 {overflow:hidden; zoom:1; padding:10px 10px 8px 15px; margin:0 0 10px 0; font-weight:bold; border-bottom:1px solid #dddddd; background:#fafafa;}
h1 .left {float:left;}
h1 .right {float:right;}
h1 .normal {font-size:78%; font-weight:normal;}
h1 a {color:#000000;}
h2 a {color:#000000;}
h2.side_title {overflow:hidden; zoom:1; margin:0 0 10px 0; padding:7px 13px 6px 13px; background:#9F9FEC; font-weight:bold; text-align:left;}
h2.side_title a {display:block; color:#000000;}
h2.side_title .btn_right {font-weight:normal; font-size:89%; color:#2276bb;}
.hide {display:none;}
.pop_div {display:none;}


#goods_option_mix {color: #666666; border: 1px solid #CACACA; }
#order_count {color: #666666; border: 1px solid #CACACA; }
#order_count {color: #666666; border: 1px solid #CACACA; }
#container select {color: #666666; border: 1px solid #CACACA; }
.board input { padding:5px;}
.board td { padding:5px 0 5px 0; }
.pointcolor { color:#ffffff; }
.pointbgcolor { background:#383641; }
#header { clear:both; margin:0 auto; width:100%; position:relative;z-index:100000; height:132px; }
#header #top_content { width:1000px; margin:0 auto; padding: 0; position:relative;z-index:42; overflow:hidden; } 
#header #top_content .top_logo { padding:0; margin:5px 0 5px 10px; float:left; }
#header #top_content #top_menu { float:right; margin:40px 30px 0 0; }
#header #top_content #top_menu a { font-family:'Noto Sans KR', sans-serif; font-size:9pt; color:#747474; }
#header #top_content #top_menu a:hover { text-decoration:none; color:#ffbb6b }




#header #menu { position:relative; z-index:41; margin:0 auto;display:block; clear:both; height:45px; width:100%; margin:auto; background:#1c3d88; border-top:0px solid #b7b7b7; border-bottom:0px solid #b7b7b7; }
.menu_list { width:1000px; margin:0 auto; padding:0; }
.menu_list .menu { margin: 0; padding: 0; list-style: none; white-space: nowrap; position: relative; }
.menu_list .menu .menu_sub { float: left; padding:0; margin:0; width:160px;}
.menu_list .menu .menu_sub.m3 { width:200px;}
.menu_list .menu a { position: relative; text-decoration: none; line-height: 16px; white-space: nowrap; color: #454545; font-size: 14px; font-family:'Noto Sans KR', sans-serif; font-style: normal; font-weight: normal; }
.menu_list .menu>a:hover { color:#ffff00; border-left:1px solid #b6c5d2; border-right:1px solid #b6c5d2; }
.menu_list .menu a b { font-family:'Noto Sans KR', sans-serif; display: block; padding: 5px 0 11px 20px; }


.menu_list .menu_sub { position: relative; text-align:center; height:45px; }
.menu_list .menu_sub .menu_sub_m { position: absolute; top:45px; display:none; margin: 0; list-style: none; z-index:999;width:160px;}
.menu_list .menu_sub .menu_sub_m.m3 {width:200px;}
.menu_list .menu_sub .menu_sub_m li { position: relative; background:#f5f5f5; height:41px; border-bottom:1px solid #cacaca; border-left:1px solid #cacaca; border-right:1px solid #cacaca; text-align:center;}
.menu_list .menu_sub .menu_sub_m li:hover { background:#3b4056; color:#ffffff;border-left:1px solid #3b4056; border-right:1px solid #3b4056; }
.menu_list .menu_sub .menu_sub_m a, .menu_list .menu_sub .menu_sub_m a:visited { top:10px; color:#646464 ;font-size: 14px; text-align:center;}
.menu_list .menu_sub .menu_sub_m a:hover, .menu_list .menu_sub .menu_sub_m a:active { background:#3b4056; color:#ffffff }
.menu_list .menu_sub .menu_sub_m .last_li { border-bottom: 3px solid #403e46;}


#container {width:100%; clear:both; padding:0; margin:0 auto; position:relative; background:url(../../img/sub_title_01.jpg) no-repeat 0 0px; }
#container #main_box{ width:100%; height:505px; background:#f7f7f7; padding:0; border-bottom:0px solid #b7b7b7; text-align:center;}
/* #container #main_box { position: relative; width:100%; height:200px; background: none; overflow: hidden; margin: 0 auto; padding: 0; } */
#container #main_box .main_bg {background: url('./images/mainimg_01.jpg') repeat-x; overflow: hidden; margin: 0 auto; width:100%; height:180px; position: relative; }
#container #sub_main_box { width:100%; margin:0 auto; height:250px;}
#container #sub_main_box2 { width:1000px; margin:0 auto; }
#container #sub_main_box2 .left_menu { width:200px; float:left;} 


#container .center_banner1 { width:990px; height:115px; margin:30px auto ; border:7px solid #d8e1e8; padding-top:20px; }
#container .center_banner1 img { border-right:1px solid #e6e6e6; }
#container .center_banner1 .img_last { border-right:0px; }
#container .center_banner2 { clear:both; width:1000px; margin:10px auto 0px; background:#fff; }
#container .center_banner2 div { float:left; height:145px; margin-bottom:20px; }
#container .center_banner2 .notice { width:375px; padding-left:0px; }
#container .center_banner2 .qna { width:375px; }
#container .center_banner2 .job { float:right; height:145px; border:1px solid #adadad; margin-top:10px;} 
#container .photo { clear:both; width:1000px; height:145px; margin:0 auto 0px; background:#fff; }
#container .photo .pbox { width:755px; height:145px; float:left; padding-left:0px; overflow:hidden; }
#container .photo .pbox .photo_title img { border:0px solid #adadad; margin-left:0px; margin-bottom:0px; }
#viewArea { position:relative; width:1000px; height:42px; overflow:hidden; margin:5px auto 20px; border:0px solid #adadad; padding:0px;}
#imgList { position:absolute; width:2000px; left:0px; top:0px; }
#imgList div { float:left; padding:0 0 0 5px; margin:0; }
#imgList div:first-child { float:left; padding:0 0 0 0px; margin:0; }
#imgList div img { }




.ddsmoothmenu-v ul{ margin: 0; padding: 0 0 0 0;border: 1px solid #dadcdf; width: 198px; /* Main Menu Item widths */ list-style-type: none;    } 
.ddsmoothmenu-v ul li:first-child{border-top:none;}


.ddsmoothmenu-v ul li{ position: relative; }
.ddsmoothmenu-v ul li a{ display: block; overflow: auto; color: white; text-decoration: none; padding:7px 12px 3px 20px; border-bottom:1px solid #E4E4E4; height:30px; text-align:left; font-size:16px; font-weight:500;}
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{ color: #333333; }
.ddsmoothmenu-v ul li a:hover{ background:#5a8ad9; color: #ffffff; }


.menu_title { padding: 41px 10px; background: #5a8ad9; border-radius: 15px 15px 0 0; text-align: center; line-height: 1; color: #fff; font-size: 25px; font-weight: 700; position: relative;margin:25px 0 0 0; }
.leftbottom { margin-top:50px; }


/* º»¹® À̹ÌÁö ½ÎÀÌÁî */
#post_area img {max-width:1000px;}


/* ÇÏ´Ü ¸Þ´º ¹× Á¤º¸ */
#footer_menu_box { clear:both; width:100%; background:#666666; }
#footer_menu { width:1001px; color:#ffffff; margin: 0 auto; height:300px; line-height:140%; padding:10px 0px; }
#footer_menu ul { float:left; width:90px; border-left:1px solid #7a7a7a; padding:0px 0 0px 10px; font-size:12px; height:300px; letter-spacing:-1px;}
#footer_menu .ex { width:140px; }
#footer_menu .ex2 { width:100px; }
#footer_menu a { color:#ffffff; }
#footer_menu a:hover { text-decoration:none; color:#ffff99; }
#footer_menu .last_ul { border-right:1px solid #7a7a7a; width:150px}
#footer_menu ul li:first-child { font-size:13px; font-weight:bold; color:#ffff99; } 
#footer_menu ul li:first-child a:hover { text-decoration:none; } 
#footer_menu ul .line { line-height:130%; }
#footer_box { width:100%; background:#373737; margin:0 auto; padding:0; border-top:1px solid #cfd6dc} 
#footer_box #footer {width:1000px; padding: 0;background:#373737; color:#b4b4b4; clear:both; margin: 0 auto; height:180px;}
#footer_box #footer a { color:#b4b4b4; }
#footer_box #footer a:hover { text-decoration:none; color:#ffffff; }
#footer_box #footer div{ float:left; }
#footer_box #footer .footer_info { padding:10px 0 0 0px; font-size:12px; }
#footer_box #footer .bottom_menu { padding-bottom:15px; font-weight:600; font-size:12px }
#footer_box #footer .comp_info p { padding-bottom:50px; }


.content h3{margin:0;height:43px;font-size:31px;font-weight:600;line-height:1em; color:#555; margin:0 0 50px 0; letter-spacing:-1px;border-bottom: 1px solid #D5D5D6;}
.content h4 {font-size:16px; font-weight:600; color:#353f51; background:url(/default/img/common/bg_h4.gif) no-repeat 0px 8px; padding:5px 0 5px 20px; line-height:1.5em;}
.table01 {border-collapse:collapse; width:100%; border-top:2px solid #666; }
.table01 caption {display:none}
.table01 th {padding:10px; text-align:center; background-color:#f5f5f5; border:1px solid #ddd; color:#333; font-size:15px;font-weight:600; color:#000;}
.table01 td {padding:5px 5px 5px 15px; border:1px solid #ddd; color:#555;}
.table01 td.tc {padding:5px; border:1px solid #ddd; color:#555; text-align:center;}
.table01 ul li {background:none; margin:0; padding:0}
.table01 td.bl{border-bottom:1px solid #333;}


.table02 {border-collapse:collapse; width:100%; border-top:2px solid #666; }
.table02 caption {display:none}
.table02 th {padding:5px; text-align:center; background-color:#f5f5f5; border-bottom:1px solid #ddd; color:#333; font-size:12px;font-weight:600; color:#000;}
.table02 td {padding:5px 5px 5px 10px; border-bottom:1px solid #ddd; color:#555;font-size:12px; text-align:center;}
.table02 td.tl {padding:5px; border-bottom:1px solid #ddd; color:#555; text-align:left;}
.table02 ul li {background:none; margin:0; padding:0}
.table02 td.bl{border-bottom:1px solid #333;}


.table03 {border-collapse:collapse; width:100%; border-top:2px solid #666; }
.table03 caption {display:none}
.table03 th {padding:10px; text-align:center; background-color:#f5f5f5; border:1px solid #ddd; color:#333; font-size:15px;font-weight:600; color:#000;}
.table03 td {padding:5px 5px 5px 5px; border:1px solid #ddd; text-align:center}
.table03 td.tc {padding:5px; border:1px solid #ddd; color:#555; text-align:center;}
.table03 ul li {background:none; margin:0; padding:0}
.table03 td.bl{border-bottom:1px solid #333;}


.table04 {border-collapse:collapse; width:100%; border-top:2px solid #666; }
.table04 caption {display:none}
.table04 th {padding:3px; text-align:center; background-color:#f5f5f5; border:1px solid #ddd; color:#333; font-size:15px;font-weight:600; color:#000;}
.table04 td {padding:10px; border:1px solid #ddd; color:#555;text-align:left; background:#fff;}
.table04 td.tl {padding:3px; border:1px solid #ddd; color:#555; text-align:left;}
.table04 ul li {background:none; margin:0; padding:0}
.table04 td.bl{border-bottom:1px solid #333;}
.table04 td.tc {padding:5px; border:1px solid #ddd; color:#555; text-align:center;}




.txt16 {font-size:16px; font-weight:600; color:#333}
.txt21 {font-size:21px; font-weight:600; color:#333}
.txt_red{color:#d40d0d}
.txt_blue{color:#0000ff}
.txt_000{color:#000}
.txt_c {text-align:center;}
.txt_r {text-align:right;}
.txt_l {text-align:left;}
.ml20 { margin-left:20px;}
.mt10 { margin-top:10px;}
.mt50 { margin-top:50px;}
.mt180 { margin-top:180px;}
.mt200 { margin-top:200px;}
.mt210 { margin-top:210px;}
.mt280 { margin-top:280px;}
.pt30 { padding-top:30px;}
.pl10 {padding-left:10px;}
.txt_b {font-weight:600}
#contentsArea p {margin:10px 0; text-align:justify;}
#contentsArea h3 {margin:10px 0 20px 0;}
.box {border:1px solid #ddd; padding:5px 15px; margin:0 0 10px 0; background:#f1f1f1}
.box1 {border:1px solid #ddd; padding:25px 15px; margin:0 0 10px 0; background:#fff; width:100%;}
.txt_01 {text-shadow:2px 2px 2px rgb(0,0,0); color:#fff; font-size:33px; font-weight:600; line-height:120%; letter-spacing:-2px}
.txt_02 {text-shadow:2px 2px 2px rgb(0,0,0); color:#fff; font-size:33px; font-weight:400; line-height:120%; letter-spacing:-2px}