@charset "utf-8"; 

@import url("font.css");


/* common */
* {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif; }
body {margin:0;padding:0;color:#333;letter-spacing:-1px; background:#fff; overflow-x:auto; min-width:1280px;}
body:after{clear:both; display:block; content:"";}
img {border:0;vertical-align:middle;}
button {overflow:visible;margin:0;padding:0;border:none;background:0;vertical-align:middle;cursor:pointer;}
label {vertical-align:middle;cursor:default;}		
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
dl, dt, dd, ul, ol, li {list-style:none;margin:0;padding:0;font-size:13px;}
div, p, pre, blockquote, th, td, map {margin:0;padding:0;font-size:13px;}
em, i, address {font-style:normal;}
table {display:table;border-spacing:0px;border-collapse:collapse;table-layout:fixed;color:#666;}
caption {overflow:hidden;height:0;font-size:0;line-height:0;}
hr {border:1px;border-collapse:collapse;}
a, a:link {color:#666;text-decoration:none;}
a:hover {text-decoration:none;}
a:active {color:#000;text-decoration:none;}
form, fieldset {margin:0;padding:0;border:0;}
legend{display:block;overflow:hidden;position:absolute;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
textarea {resize:none;border:1px solid #b3b3b3;}
textarea, input, button {margin:0;padding:0;font-size:12px;color:#666;vertical-align:middle;}
img,input[type=checkbox],input[type=radio] {vertical-align:middle;}
input[type=radio] {}
input[type=text], input[type=password] {}

/* 정렬 */
.L {text-align:left; padding-left:10px;}
.C {text-align:center; }
.R {text-align:right; }

/* 정렬 */
.L_H {text-align:left; padding-left:10px; height:30px !important;}
.C_H {text-align:center; height:30px !important; }
.R_H {text-align:right; height:30px !important; }

/*btnArea
.btnArea{width:100%; text-align:right; padding:20px 0;}
.btnArea a{ margin-left:3px;}
.white_btn{display:inline-block; height:30px; line-height:30px; padding-left:20px; font-size:15px; color:#666666; border:1px solid #d1d2d3;  border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.white_btn span{display:inline-block; height:30px; line-height:30px; padding-right:20px; font-size:15px; color:#666666;  }
.black_btn{display:inline-block; height:30px; line-height:30px; padding-left:20px; background-color:#595656;font-size:15px; color:#fff; border:1px solid #595656;  border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.black_btn span{display:inline-block; height:30px; line-height:30px; padding-right:20px; font-size:15px; color:#fff;  }
*/

/*layout*/
body{ width:100%; min-width:1070px;}
/*header*/
#header{ width:auto;  height:86px;  }
#header:after{clear:both; display:block; content:"";}
.header_wrap{position:relative;width:1070px; margin:0 auto;}
.header_wrap:after{clear:both; display:block; content:"";}
.header_wrap h1{ display:inline-block; padding-top:20px;}
.header_wrap .topmenu_area .searchArea{ float:right;display:inline-block; width: 274px; height:36px; line-height:36px;background-color:#fff; border:2px solid #d12338; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top:20px; }
.header_wrap .topmenu_area .searchArea input{ display:inline-block; float:left; border: none; height:36px; line-height:36px; font-size:14px; color:#999999; font-weight:300; padding:0 0 0 15px; width:230px;}
.header_wrap .topmenu_area .searchArea a{ height:36px; line-height:36px; display:inline-block; margin-top:0px;}
.header_wrap .topmenu_area .mini_btn{margin:-5px 120px 0 0 ; display:inline-block;}
.header_wrap .topmenu_area .mini_btn li{ display:inline-block; height:16px; line-height:16px; padding-left:20px;  }
.header_wrap .topmenu_area .mini_btn li a{font-size:14px; font-weight:300; color:#595656 ; letter-spacing:-1px !important;}
.header_wrap .topmenu_area a:hover{ text-decoration:underline;}
.header_wrap .topmenu_area .mini_btn li.login_btn a{margin-right:10px; display:inline-block;}
.header_wrap .topmenu_area .mini_btn li.home_btn a{margin-right:10px; width:14px; height:14px;display:inline-block;  color:#d12338;background:url(../images/main/home_icon.png) no-repeat left center; }
.header_wrap .topmenu_area .mini_btn li.home_btn{ border-right:1px solid #d0d0d0; }
.header_wrap .topmenu_area .mini_btn li.login_btn{ background:url(../images/main/login_icon.png) no-repeat left center;border-right:1px solid #d0d0d0;  margin-left:10px; }
.header_wrap .topmenu_area .mini_btn li.joinus_btn{ background:url(../images/main/joinus_icon.png) no-repeat left center; margin-left:10px; }
.header_wrap .topmenu_area .mini_btn li.last{ border-left:1px solid #d0d0d0;  margin-left:10px; padding-left:10px;}

/*gnb
#gnb{width:auto;  border-top:1px solid #d1d2d3; border-bottom:1px solid #d1d2d3;}
#gnb:after{clear:both; display:block; content:"";}
#gnb .gnb{width:1070px; margin:0 auto;}
#gnb .gnb li{float:left; margin-left:44px;}
#gnb .gnb>li{padding:21px 0 23px 0;}
#gnb .gnb li a{font-size:18px; height:17px; line-height:17px;font-weight:400; color:#595656;}
#gnb .gnb li a:hover{ font-weight:500; color:#d12338;}
#gnb .gnb a.menu{float:right; display:inline-block; color:#d12338; font-weight:400; font-size:18px; height:18px; line-height:18px; background:url(../images/main/menu_icon.gif) no-repeat left center; padding:20px 0 20px 34px; margin-right:40px;}
*/
/*body*/
#body{width:100%; min-width:1070px; padding:0 0 50px 0;}
#body:after{clear:both; display:block; content:"";}
#body .body_wrap{positon:relative;width:1070px; margin:0 auto; padding-top:40px;}

/*footer*/
#footer{clear:both;  width:100%; min-width:1070px;  border-top:1px solid #c7c7c7; margin-top:50px; letter-spacing:-1px;}
#footer:after{clear:both; display:block; content:"";}
#footer .footer_wrap{ position:relative;width:1070px; margin:30px auto 30px auto; }
#footer .footer_wrap .footer_menu li{float:left; margin-right:10px; }
#footer .footer_wrap .footer_menu li a{  font-size:13px; color:#999999; font-weight:200; }
#footer .footer_wrap .footer_menu li a:hover{ color:#000; font-weight:400; }
#footer .footer_wrap .footer_copy{clear:both; padding-top:10px; }
#footer .footer_wrap .footer_copy li{color:#666; height:22px; line-height:22px; font-weight:300;letter-spacing:0 !important;}
#footer .footer_wrap .footer_copy li span{background:url(../images/main/footer_line.gif) no-repeat left center; padding-left:10px; margin-left:10px;}
#footer .footer_wrap .footer_copy li span.highlight{font-weight:300; color:#666;}
#footer .footer_wrap .inputbox{position:absolute; top:0px; right:0;}
#footer .footer_wrap select{ width:158px; height:30px; border:1px solid #d1d2d3;  border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; float:right; font-size:13px; font-weight:200; color:#898989; padding-left:10px;}


/*메인디자인및간격수정*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.header_wrap .topmenu_area h1{margin-top:21px; padding-top:0 !important;}
	}

#gnb{width:auto;  border-top:1px solid #d1d2d3; border-bottom:1px solid #d1d2d3;}
#gnb:after{clear:both; display:block; content:"";}
#gnb .gnb{width:1070px; margin:0 auto;}
#gnb .gnb>li{ float:left; padding:0 0 2px 0 !important;margin-left:44px; }
#gnb .gnb a.menu{float:right; display:inline-block; color:#fff; font-weight:400; font-size:17px; height:17px; line-height:17px; background:url(../images/main/menu_icon.gif) no-repeat left center; padding:14px 0 10px 34px; margin-right:40px;}

/*gnb_blue*/
#gnb{height:45px; line-height:45px;background-color:#2963aa; }
#gnb .gnb>li>a{color:#fff; font-size:17px; }
#gnb .gnb>li>a:hover{font-weight:400; color:#f5f8fb;}

/*전체보기수정*/
.allmenu{height:720px;}
.allmenu .wrap .allmenu_title{width:210px; height:700px;}
.allmenu .wrap>ul{margin:20px 0 0 40px !important; }
.allmenu .wrap ul{background-image:none; width:780px;}
.allmenu .wrap ul li.depth_01{width:120px; min-height:260px; margin-right:35px;}
.allmenu, #gnb .depth_2{top:46px !important;}
.allmenu .wrap a.btn_close{top:20px;}

/*2depth 디자인 수정*/
#gnb .depth_2 .wrap ul li.depth_01{float:left;  width:140px; line-height:28px; margin-left:44px;}
#gnb .long .wrap ul li.depth_01{ margin-bottom:20px;}
#gnb .depth_2 .wrap ul li.depth_01 a{font-size:18px; height:18px; line-height:18px; font-weight:400; color:#595656; white-space:normal;}
#gnb .depth_2 .wrap ul li.depth_01 a:hover{font-size:18px; font-weight:400; color:#2963aa;}
#gnb .depth_2 .wrap ul.depth_3{margin-top:15px;}
#gnb .depth_2 .wrap ul.depth_3 li{ clear:both;margin-left:0 !important;height:28px !important;line-height:28px !important;background:url(../images/main/bullet.gif) no-repeat left 12px; padding-left:12px; }
#gnb .depth_2 .wrap ul.depth_3 li a{color:#444 !important; font-weight:200 !important; font-size:14px !important; }
#gnb .depth_2 .wrap ul.depth_3 li a:hover{color:#d12338 !important; font-weight:300 !important; font-weight:400 !important;}

table td, table td a{font-weight:300 !important; color:#000 !important;}

/*전체버튼높이수정*/
.btnArea{width:100%; text-align:right; padding:20px 0;}
.btnArea_C{width:100%; text-align:center; padding:20px 0;}
.btnArea a{ margin-left:3px;}
.white_btn{display:inline-block; height:26px; line-height:26px; padding-left:20px; font-size:15px; color:#666666; border:1px solid #d1d2d3;  border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.white_btn span{display:inline-block; height:26px; line-height:26px; padding-right:20px; font-size:15px; color:#666666;  }
.black_btn{display:inline-block; height:26px; line-height:26px; padding-left:20px; background-color:#595656;font-size:15px; color:#fff; border:1px solid #595656;  border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.black_btn span{display:inline-block; height:26px; line-height:26px; padding-right:20px; font-size:15px; color:#fff;  }