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

/* 민숙 추가*/
/* *{padding:0px;margin:0px;border:0px;color:#555;} */
.check-id {padding:0px;margin:0px;border:0px;color:#555;}
.login-status {padding:0px;margin:0px;border:0px;color:#f11818;}
/* 민숙 추가 */
	
ul{list-style:none;}
a:hover{text-decoration:none;}
a, a:link, a:visited, a:active{text-decoration:none !important;}



/* gnb */

#header{position:relative;width:1024px;margin:0 auto;}
#logo{position:absolute;left:32px;top:0px;z-index:1000;} 
#header:after{content:''; display:block;clear:both;}
/* 0406 추가 */
.translation{height:35px;width:100%;background:#dedede} 
.translation > div{width:1024px;margin:0 auto;}
.goog-te-gadget {font-family: arial;font-size: 11px;color: #666;white-space: nowrap;float:right;padding-right: 40px;margin-top:4px;}
.goog-te-gadget-simple {width:145px;height:20px;background-color:#eee;font-size: 10pt;display: inline-block;padding-top: 1px;padding-bottom: 2px;cursor: pointer;zoom: 1;border-top:2px solid #cccccc; border-left: 1px solid #cccccc;}
.google_icon{padding-left:10px}
.listdown{padding-right:10px;padding-left:5px;}


#gnb{}
	#gnb .menu {margin-left:137px;}
	#gnb .menu:after{content:'';display:block;clear:both;}
	#gnb .menu > li{float:left;position:relative;}
	#gnb .menu > li > a{display:block;padding:21px 25px;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;font-size:16px;line-height:20px;}
	#gnb .menu > li:hover, #gnb .menu li.on a{background:#88d1d1;color:#fff;}
	#gnb .menu > li:hover a{color:#fff;}
	
	#gnb .menu li .sub {position:absolute;left:0;top:60px;display:none; z-index:1000;}
	#gnb .menu li:hover .sub{display:block;}
	#gnb .menu li .sub li a{display:block;width:170px;height:51px;box-sizing:border-box;padding:17px 0 0 25px;color:#555;font-size:13px;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;font-weight:normal;background:#e9e9e9;border-bottom:1px solid #fff;}
	#gnb .menu li .sub li.noborder a{border:none}
	#gnb .menu li .sub li a:hover {color:#f68b1f}
	#gnb .menu li .sub li span:hover {color:#f68b1f}
	#gnb .menu > li.menu2 .sub li a{width:178px;}
	
	#gnb .menu li .sub2 {position:absolute;left:177px; z-index:1000; display:none;}
	#gnb .menu li .sub2.drawing {position:absolute;left:177px;top:306px; z-index:1000; display:none;}
	#gnb .menu li .sub2.orange {position:absolute;left:177px;top:0px; z-index:1000; display:none;}
	
	#gnb .menu li .sub li:hover .sub2 {display:block;}
	#gnb .menu li .sub li a{display:block;width:170px;height:51px;box-sizing:border-box;padding:17px 0 0 25px;color:#444;font-size:13px;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;font-weight:normal;background:#e9e9e9;border-bottom:1px solid #fff;}
	/* #gnb .menu li .sub li.noborder a{border:none} */
	#gnb .menu li .sub li a:hover {color:#f68b1f}
	#gnb .menu > li.menu2 .sub2 li a{width:178px;background:#DDD;}
	#gnb .menu li .sub li .drawing {clear: both;}
	#gnb .menu li .sub li .triangle {font-size:8px !important;padding-right:50px;display: block;float:right;}


.color-orange {
	color:#f68b1f;
}

#wrap{width:100%;margin:0 auto;background:#f3f3f3;}
#search_login{width:1024px;margin:0 auto;position:relative;}
#search_login div{z-index:0;}
#search_login div > a{display:inline-block;width:55px;height:60px;}/**55->200**/
	#search_login .search>a, #search_login .login>a{position:absolute;top:-60px;}
	#search_login .search>a{right:87px;}
	#search_login .login>a{right:32px;}

#search_login div div{display:none;}
#search_login div.on div{display:block;}

#search_login .search>a{background:url(../img/search.png) no-repeat center center;}
#search_login .login>a{background:url(../img/login.png) no-repeat center center;}

#search_login .search.on>a{background:#f3f3f3 url(../img/search_on.png) no-repeat center center;}
#search_login .login.on>a{background:#f3f3f3 url(../img/login_on.png) no-repeat center center;}

#search_login .search.on .search_cont{margin:0 auto; padding:50px 0px 55px 0px;position: relative;}
#search_login .search.on .search_cont .search_box{margin:0 160px; padding:0 120px 0 0px; position: relative; height:50px; display:block;}
#search_login .search.on .search_cont .search_input{ display:block; height: 30px; margin:0;padding:10px 10px 10px 45px;border:1px solid #d3d3d3;background-color: #fff;}
#search_login .search.on .search_cont .search_box img{position: absolute; left:10px; top:10px;}
#search_login .search.on .search_cont .search_input input{width:100%; color:#777; font-size:18px;  margin-top: 1px; border: none; }
#search_login .search.on .search_cont .search_btn{position:absolute; right: 0; top:0; color:#fff;font-size:18px;background-color:#2baab3;font-weight:bold;border:1px solid #2baab3;width: 120px; height: 52px; padding:13px 30px; z-index:1;}

#search_login .login.on div .login_cont{padding:17px 160px 0px 165px;background: #f3f3f3; }
#search_login .login.on div .login_cont:after{content:'';display:block;clear:both;}
#search_login .login.on div .login_cont .left{width:470px;float:left; padding: 0 0 20px 0;}
#search_login .login.on div .login_cont .left p{font-size:18px;color: #959595;line-height: 23px;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;}
#search_login .login.on div .login_cont .left .input_info input{width:170px;height:45px;border:none;font-size:22px;margin:15px 3px 0 0;padding:0 15px;color:#777;vertical-align:middle;letter-spacing:0px;}

#search_login .login.on div .login_cont .left .input_info input::-webkit-input-placeholder{color:#d3d3d3;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;letter-spacing:0px;} /* 웹킷 전용 속성 */
#search_login .login.on div .login_cont .left .input_info input.textarea:-moz-placeholder, input:-moz-placeholder{color:#d3d3d3;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;letter-spacing:0px;} /* 파이어폭스 전용 속성 */

#search_login .login.on div .login_cont .left .input_info input.okbtn{background:#88d1d1;width:45px;height:45px;color:#ffffff;text-align:center;padding:10px;}
#search_login .login.on div .login_cont .left .input_info input.login_btn{width:45px;height:45px;margin: 25px 0px 0 0px;padding:0px;}
#search_login .login.on div .login_cont .left .check_id{margin:15px 0 0 0;padding:0;float:left;}
#search_login .login.on div .login_cont .left .check_id .check{border:none;background:#d4d4d4;margin: 0 5px 0 0;}
#search_login .login.on div .login_cont .left span{font-size: 12px;color:#555555;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;}
#search_login .login.on div .login_cont .left .fine_join{float:right;margin: 15px 15px 0 0;}
#search_login .login.on div .login_cont .left .fine_join img{margin: 0 3px 2px 2px;}

#search_login .login.on div .login_cont .right{width:300px; height:150px;float:right;background-color:#ababab;display:none}

/* ie7 - s */
*:first-child+html #gnb .menu li .sub li a{height:36px;padding:17px 0 0px 25px;}



/* 로그인 후 */
#search_login .login.on div .after.login_cont{padding:25px 0px 0px 165px;}
#search_login .login.on div .login_cont .left:after{content:'';display:block;clear:both;}
#search_login .login.on div .after.login_cont .left{width:390px;}
#search_login .login.on div .login_cont .left .maker_photo{position:relative;margin: 0 15px 0 0;float:left;width:60px;height:60px;}
#search_login .login.on div .login_cont .left .maker_photo a{display:block; width: 60px; height:60px;position:absolute;top:0px;background:url(/assets/img/default_image.png)no-repeat center center;}
#search_login .login.on div .login_cont .left .maker_photo .cover{width:60px;height:60px;background:url(/assets/img/60x60cover2.png)no-repeat center center;cursor:pointer;position:absolute;top:0px;}
#search_login .login.on div .login_cont .left .maker_profile{float:left; width:315px;}
#search_login .login.on div .login_cont .left .maker_profile img{margin:0 7px;}

#search_login .login.on div .login_cont .left .maker_profile .info{color:#555555;font-size:14px;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;margin:0 0 10px 0;}
#search_login .login.on div .login_cont .left .maker_profile .info span{font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;}
#search_login .login.on div .login_cont .left .maker_profile .info span img{margin:0 7px 3px 0px;}
#search_login .login.on div .login_cont .left .maker_profile .info .level{font-size:12px;}
#search_login .login.on div .login_cont .left .maker_profile .message{color:#878787;font-size:13px;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;line-height:18px;height:40px;margin:0 0 20px 0;}
#search_login .login.on div .login_cont .left .btnset{margin:0 0 0 75px;}
#search_login .login.on div .login_cont .left .btnset > p >a{font-size: 12px;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;margin:0 0 5px 0;}
#search_login .login.on div .login_cont .left .btnset input{min-width:100px;height:40px;background:#88d1d1;color:#ffffff;font-size:16px;margin:0 10px 0 0;padding:0 30px;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic; }

#search_login .login.on div .login_cont .bar{;background:#d4d4d4;width:1px;height:155px;margin:0 30px;float:left;}

#search_login .login.on div .after.login_cont:after{content:'';display:block;clear:both;}
#search_login .login.on div .after.login_cont .right{float:left;width:370px;background:none;display:block;padding:7px 0 0 0;}
#search_login .login.on div .login_cont .right > div{float:left;}
#search_login .login.on div .login_cont .right > div .title{color:#88d1d1;font-family: 'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic; font-weight:bold;font-size:16px;}
#search_login .login.on div .login_cont .right .bar{width: 17px;height:3px;background: #88d1d1;margin:10px 0 10px 0;}
#search_login .login.on div .login_cont .right div.comment ul{margin:0 15px 0 0;}
#search_login .login.on div .login_cont .right div ul{clear:both;width:175px;}
#search_login .login.on div .login_cont .right div ul li{font-size:12px;line-height:20px;}
#search_login .login.on div .login_cont .right div ul li a{color:#878787;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;}
#search_login .login.on div .login_cont .right div ul li img{margin:0 3px 0 0;}

/* content wrap */
/* #content_wrap{z-index:1;position:relative;} */
/* hryou */
#content_wrap{z-index:1;position:relative;padding-top:63px;}

/* footer */

#footer_area{height:;width:100%;background-color:#2b2b2b;}
#footer_area .menu_area{height:50px;width:100%;background:#222222;}
#footer_area .menu_area .menu{height:50px;width:1024px;margin:0 auto;position:relative}
#footer_area .menu_area .menu .notice{width:365px;padding:16px 20px 16px 32px;}
#footer_area .menu_area .menu .notice p a{font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;font-size:12px;color:#707070;}
#footer_area .menu_area .menu .notice:after{content:'';display:block;clear:both;}
#footer_area .menu_area .menu .notice .notice_btn{float:right;margin:-13px 0 0 0;}
#footer_area .menu_area .menu .notice .notice_btn a{display:block;float:left;padding:0 0 0 5px;}

#footer_area .menu_area .menu .foot_menu:after{content:'';display:block;clear:both;}
#footer_area .menu_area .menu .foot_menu ul{position:absolute;top:16px;right:12px;}
#footer_area .menu_area .menu .foot_menu ul li{display:block;float:left;}
#footer_area .menu_area .menu .foot_menu ul li a{font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;font-size:14px;color:#707070;padding:15px 20px 17px 20px;border-left: 1px solid #2b2b2b;}

#footer_area .footer{height:195px;width:1024px;margin:0 auto;text-align:center;}
#footer_area .footer p{font-family: sans-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic,Arial; font-size: 24px;color:#767676;}
#footer_area .footer dl{padding:70px 0 0 0;}
#footer_area .footer dl dt{font-size:24px;font-weight:bold;color:#767676;}
#footer_area .footer dl dd{color:#cacaca;margin:20px 0 0 0;}
#footer_area .footer dl dd .enter{width:396px;height:45px;font-size:22px;font-weight:600;color:#cacaca;padding:0 15px;border:none; }
#footer_area .footer dl dd  input::-webkit-input-placeholder{color:#d3d3d3;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;letter-spacing:0px;} /* 웹킷 전용 속성 */
#footer_area .footer dl dd  input.textarea:-moz-placeholder, input:-moz-placeholder{color:#d3d3d3;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;letter-spacing:0px;} /* 파이어폭스 전용 속성 */

#footer_area .footer dl dd input.okbtn{background:#88d1d1;width:45px;height:45px;color:#ffffff;text-align:center;padding:10px;font-size:22px;}
#footer_area .footer dl dd a{padding:0 0 0 2px;}

#footer_area .footer .sns ul{margin:40px 0 0 0;}
#footer_area .footer .sns li{display:inline;padding:0px 12px 0 12px;}

#footer_area .footer .contact{padding:50px 0 0 0;}
#footer_area .footer .contact p{display:inline-block;}
#footer_area .footer .contact p a {font-family: sans-serif,AppleGothic,Arial; font-size:14px;font-weight:100;color:#767676;padding: 0 3px 0px 3px }
#footer_area .footer .contact p img{padding: 5px 3px 0px 3px;}
#footer_area .footer .contact p span a{font-family: sans-serif,AppleGothic,Arial; font-weight:bold;font-size:14px;font-weight:100;color:#767676;padding:12px 0 0 0;}
#footer_area .footer .copyright, #footer_area .footer .naver_choice {font-size: 14px;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic; padding: 5px 0 0 0;}
#footer_area .footer .naver_choice{padding: 10px 0 0 0;font-size: 12px;line-height:15px;}
#footer_area .footer .naver_choice span{font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;}


/* ie7 - s */
*:first-child+html #footer_area .footer{margin:0 auto;}
*:first-child+html #footer_area .footer .contact {clear:both;width:187px;}
*:first-child+html #footer_area .footer .contact p{float:left;}
*:first-child+html #footer_area .footer .contact p img {margin:-5px 3px 3px 0;}
*:first-child+html #footer_area .footer .copyright{}