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

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

/* Reset */
*{margin:0; padding:0;}

html{overflow-x:hidden; overflow-y:scroll; margin:0; height:100%; background-color:#fff;}
ul, ol, li {list-style:none;}
img {border:0; vertical-align:top;}
li img, dd img			{vertical-align:middle; border:none ;}
.png24 { tmp:expression(setPng24(this)); }
body {font-size:12px; font-family:'Nanum GothicWeb','나눔고딕','Nanum Gothic','NanumGotic'; color:#666; line-height:120%;}
body,td,th {font-family:'Nanum GothicWeb','나눔고딕','Nanum Gothic','NanumGotic';}


/*common*/
a{outline:none; selector-dummy:expression(this.hideFocus=true);} 

a:link{text-decoration:none; color:#}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:none;}



/*layout*/
#wrap{width:100%; height:100%;background-color:#fff;}
#header{width:100%;}
#visual{width:100%;}
#container{width:1000px; margin:auto; min-height:350px;}
#container02{width:1000px; margin:auto; margin-bottom:61px; min-height:700px;}
#footer{width:100%;}


/*header*/
#header .h01_wrap{width:100%; height:48px; border-bottom:1px solid #e8e8e8;} 
#header .h01_wrap .h01_in{width:1000px; margin:0 auto; overflow:hidden;}
#header .h01_wrap .h01_in .h_right{float:right;}
#header .h01_wrap .h01_in ul{float:left;}
#header .h01_wrap .h01_in ul.gnb{margin-top:18px;}
#header .h01_wrap .h01_in ul.gnb li{float:left; background:url(../img/p_main/gnb_line.gif) 6px 2px no-repeat;}
#header .h01_wrap .h01_in ul.gnb li:first-child{background:none;}
#header .h01_wrap .h01_in ul.gnb li a{color:#555; padding-left:13px;}

#header .h01_wrap .h01_in ul.search_wrap{margin:10px 0 0 9px;}
#header .h01_wrap .h01_in ul.search_wrap li{float:left;}
#header .h01_wrap .h01_in ul.search_wrap li:first-child{width:221px; height:28px; background:url(../img/p_main/search_bg.gif) no-repeat;}
#header .h01_wrap .h01_in ul.search_wrap li:first-child input{width:210px; margin:5px 0 0 5px; border:none; outline:none;}

#header .h02_in{width:1000px; margin:0 auto; position:relative;}
#header .h02_in:after{clear:both; display:block; content:"";}
#header .h02_in h1{float:left; margin-top:14px;}
#header .h02_in p.top_banner{float:right; margin-top:21px;}



/*----> lnb 메뉴 --*/
#header .lnb_wrap{width:100%; background:url(../img/p_main/lnb_bg.gif) repeat-x;  position:relative; z-index:999999; }
#header .lnb_wrap .lnb_in{width:1000px; margin:0 auto;}
#header .lnb_wrap .lnb_in ul{overflow:hidden;}
#header .lnb_wrap .lnb_in ul li{float:left;}

.sub_menu_bg{position:absolute; left:0px; top:40px; width:100%; z-index:999999;}
.sub_menu{width:1000px; margin:0 auto;  background:url(../img/p_main/depth_bg.png); height:0px;overflow:hidden;}
.sub_menu ul{padding-top:31px; float:left; }
.sub_menu ul li{margin-bottom:13px;}
.sub_menu ul li a{color:#b4b4b4; font-size:13px; padding-right:15px;}
.sub_menu ul li a:hover{text-decoration:underline; background:url(../img/p_main/bul_arrow.png) right 5px no-repeat;}
.sub_menu ul.sm01{width:251px;}
.sub_menu ul.sm01 li{padding-left:69px;}
.sub_menu ul.sm02{width:250px; height:379px; background:url(../img/p_main/depth_bg_line.png) 0 31px no-repeat;}
.sub_menu ul.sm02 li{padding-left:43px;}
/* 140806 추가css 시작 */
.sub_menu ul.sm02_1{width:150px; height:379px; background:url(../img/p_main/depth_bg_line.png) 0 31px no-repeat;}
.sub_menu ul.sm02_1 li{padding-left:30px;}
.sub_menu ul.sm02_2{width:100px; height:379px;}
.sub_menu ul.sm02_2 li{padding-left:0;}
/* 140806 추가css 끝 */
.sub_menu ul.sm03{width:250px; height:379px; background:url(../img/p_main/depth_bg_line.png) 0 31px no-repeat;}
.sub_menu ul.sm03 li{padding-left:78px;}
.sub_menu ul.sm04{height:379px; background:url(../img/p_main/depth_bg_line.png) 0 31px no-repeat;}
.sub_menu ul.sm04 li{padding-left:95px;}




/*footer*/
#footer .f_top{width:100%; height:47px; border-top:1px solid #dadace; background-color:#000;}
#footer .f_top .f_top_in{width:1000px; margin:0 auto;}
#footer .f_top .f_top_in ul{overflow:hidden; padding-top:16px;}
#footer .f_top .f_top_in ul li{float:left;}
#footer .f_top .f_top_in ul li.ft01{padding-left:36px; background:url(../img/p_main/footer_line02.gif) 20px 2px no-repeat;}
#footer .f_top .f_top_in ul li a{font-size:13px; color:#a6a6a6;}

#footer .f_bottom{width:100%; height:378px; background:url(../img/p_main/footer_bg.jpg);}
#footer .f_bottom .f_bottom_in{width:1000px; margin:0 auto; overflow:hidden;}
#footer .f_bottom .f_bottom_in .adr{float:left; width:310px; margin-top:36px;}
#footer .f_bottom .f_bottom_in .sitemap{float:right; width:664px; margin-top:36px; overflow:hidden;}

#footer .f_bottom .f_bottom_in .adr h2{height:27px; background:url(../img/p_main/footer_line.png) 0 25px repeat-x;}
#footer .f_bottom .f_bottom_in .adr p.adr01{font-size:13px; color:#c2c2c2; line-height:24px; margin-top:20px;}
#footer .f_bottom .f_bottom_in .adr p.adr01 a{color:#c2c2c2;}
#footer .f_bottom .f_bottom_in .adr p.f_line{background:url(../img/p_main/footer_line.png) repeat-x; text-indent:-9999em; margin-top:25px;}
#footer .f_bottom .f_bottom_in .adr p.adr02{margin-top:22px; font-family:'돋움', Dotum; color:#8c8c8c; line-height:18px; position:relative;}
#footer .f_bottom .f_bottom_in .adr p.adr02 a{color:#8c8c8c;}
#footer .f_bottom .f_bottom_in .adr p.adr02 span.ico_kcp{position:absolute; top:-7px; right:0;}

#footer .f_bottom .f_bottom_in .sitemap ul.site01{width:175px; float:left;}
#footer .f_bottom .f_bottom_in .sitemap ul.site01 li.s_info{margin:0 0 14px 11px; line-height:28px;}
#footer .f_bottom .f_bottom_in .sitemap ul.site01 li.s_info a{color:#afafaf; font-size:13px;}
#footer .f_bottom .f_bottom_in .sitemap ul.site01 li.s_info a:hover{text-decoration:underline;}
#footer .f_bottom .f_bottom_in .sitemap .s_title_bg{margin:20px 0 6px 0;}
#footer .f_bottom .f_bottom_in .sitemap .s_title_bg ul{overflow:hidden;}
#footer .f_bottom .f_bottom_in .sitemap .s_title_bg ul li{float:left;}
#footer .f_bottom .f_bottom_in .sitemap .s_title_bg ul li.sBg{height:34px; background:url(../img/p_main/footer_tBg02.png) repeat-x;}
#footer .f_bottom .f_bottom_in .sitemap .s_title_bg ul li a{color:#c0c0c0; font-size:14px; font-weight:600; display:block; padding:8px 11px 0 11px;}

#footer .f_bottom .f_bottom_in .sitemap ul.site02{width:238px;}
#footer .f_bottom .f_bottom_in .sitemap ul.site02 .s_title_bg ul li a{padding-right:109px;}
#footer .f_bottom .f_bottom_in .sitemap ul.site02 .info_left{width:111px; float:left;}
#footer .f_bottom .f_bottom_in .sitemap ul.site02 .info_right{float:left;}

#footer .f_bottom .f_bottom_in .sitemap ul.site03{width:150px;}
#footer .f_bottom .f_bottom_in .sitemap ul.site04{width:101px;}



/*퀵메뉴*/
#quickmenu{position:absolute; top:164px; left:1028px; z-index:9999; width:65px; background-color:#fff;}
#quickmenu p.green_line{height:5px;}
#quickmenu .quick_bg{border-left:1px solid #cacaca; border-right:1px solid #cacaca;}
#quickmenu .quick_bg .quick01{padding:15px 0 7px 8px; border-bottom:1px solid #cacaca;}
#quickmenu .quick_bg .quick02{padding:15px 0 4px 8px;}
#quickmenu .quick_bg .quick03 .green_bg{height:16px; background:url(../img/p_main/quick_bg.gif) center 0 no-repeat;}
#quickmenu .quick_bg .quick03 .green_bg p{text-align:center; font-family:'돋움', Dotum; color:#fff; padding:2px 1px 0 0;}
#quickmenu .pr_page{background:url(../img/p_main/quick_line02.gif) no-repeat; margin-top:11px; border-bottom:1px solid #cacaca;}

#quickmenu .pr_page li{margin:0 0 3px 9px;}
#quickmenu .pr_page li.btn_up{padding:11px 0 0 15px; height:10px;}
#quickmenu .pr_page li.btn_down{padding:3px 0 0 15px; height:16px;}
#quickmenu .quick_bg p.btn_top{padding:10px 0 8px 0; text-align:center;}

			/* 팝업 영역 */
			.popupbox {
				width:896px;
				height:797px;
				display: none; /* Hidden as default */
				float: left;
				position: fixed;
				top: 50%; left: 50%;
				z-index: 999999999;
				background:#fff;
				}

			#fade { 
				display: none; /* Hidden as default */
				background: #000;
				position: fixed; left: 0; top: 0;
				width: 100%; height: 100%;
				opacity: .60;
				z-index: 99999999;
				}
			.layer_pop{padding:67px 23px 30px 23px; position:relative; }
			.layer_pop img{width:850px; height:700px;}

			.popupbox .close_btn{position:absolute; top:15px; right:23px; z-index:99999999;}