@charset "utf-8";
@import url("nanumgothic.css");
/* CSS Document */


pre { white-space:pre-line; word-wrap:break-word; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; _float:left; margin:0;*float:left; }
@font-face{font-family:nanumgothicweb;src:url(../../font/NanumGothic.eot);src:local(※), url(../../font/NanumGothic.woff) format('woff')}
*{margin:0; padding:0; font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum,Helvetica,sans-serif;}
body{
	margin:0; padding:0; 
    font-size:14px;
	font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum,Helvetica,sans-serif;
	height: 100%;
	}
table{font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum,Helvetica,sans-serif;}
/*자주쓰는스타일모음*/
.clearfix:after{
   content:""; display:block;clear:both;
	 }
.floatL{
	float:left;
	}
.floatR{
	float:right;
	}
.center{
	text-align:center;
	}
.paddig10{
	padding:10px;
	}
.paddig15{
	padding:15px;
	}
.padL15{
	padding-left:15px;
	}
.padR15{
	padding-right:15px;
	}
.marL15{
	margin-left:15px;
	}
.marR15{
	margin-right:15px;
	}	
.maginT10{
	margin-top:10px;
	}
.maginT20{
	margin-top:20px;
	}	
.maginB10{
	margin-bottom:10px;
	}
.maginT30{
	margin-top:30px;
	}
.maginB30{
	margin-bottom:30px;
	}
.maginT50{
	margin-top:50px;
	}
.maginB50{
	margin-bottom:50px;
	}
.maginL15{
	margin-left:15px; display:inline-block;	
    }
.maginL10{
	margin-left:10px;
	}	
.block{
	display:block;
	}
.border{
	border:#c7c7c7 1px solid;
	}	
.borderB{
	border-bottom:#c7c7c7 1px solid;
	}
.borderT{
	border-top:#c7c7c7 1px solid;
	}
.borderR{
	border-right:#c7c7c7 1px solid;
	}
.borderL{
	border-bottom:#c7c7c7 1px solid;
	}
.list_height{
	line-height:19px;
	}
.clearboth{
	clear:both;
	}
.display{display:none;}

.width10{
	width:10%; display:inline-block;
	}
.width20{
	width:20%; display:inline-block;
	}	
.width30{
	width:30%; display:inline-block;
	}
.width50{
	width:50%; display:inline-block;
	}
.width60{
	width:53%; display:inline-block;
	}
.width70{
	width:70%; display:inline-block;
	}		
.width80{
	width:80%; display:inline-block;
	}
.width100{
	width:100%; display:inline-block;
	}

/*폰트*/
.bold{
	font-weight:600;
	}
.ColorBlue{
	color:#0d90ff;
	}
.ColorBlue01{
	color:#457ebf;
	}	
.colorFFF{
	color:#FFF;
	}
.colorRed{
	color:#f2652a;
    }
.font_gray{
	font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum,Helvetica,sans-serif; color:#888888;
    font-size:0.9em;
	font-weight:300;
     }
.font{
	font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum,Helvetica,sans-serif; color:#333;
    font-size:15px;
	font-weight:300;
     }
.font18{
	font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum,Helvetica,sans-serif; color:#333;
    font-size:1.4em;
	font-weight:300;
     }	 
.font21{
	font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum,Helvetica,sans-serif; color:#333;
    font-size:1.5em;
	font-weight:300;
     }
.font28{
	font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum,Helvetica,sans-serif; color:#333;
    font-size:1.7em;
	font-weight:300;
     }	 
.font36{
	font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum,Helvetica,sans-serif; color:#333;
    font-size:2.7em;
	font-weight:300;
     }

@media (min-width:1025px) {

/* PC 버젼  서브 메인 헤더 정보*/
#sub_Wrap{width:100%; margin:0 auto; position:relative; background:#fff;}
#sub_Wrap .infomenu{width:100%; clear:both; height:25px; background:#469ee5; } /*최상단 바두께 및 컬러*/
#sub_Wrap .infomenu div{position:relative; width:1024px; margin:0 auto; }
#sub_Wrap .infomenu .info_box{ position:relative; width:1024px; height:25px;}
/*서브메인 최상단 글귀 박스*/
#sub_Wrap .infomenu .info_menu{float:left ; position:relative; width:60%; height:25px; margin:0 auto;}
#sub_Wrap .infomenu .inTxt{position:absolute; top:6px; left:0px; color:#FFF; font-size:13px; }
#sub_Wrap .infomenu .inTxt a{color:#FFF;}
#sub_Wrap .infomenu .inTxtDiv{width: 150px; float: right; height: 22px; margin: 0 13px 0 0;}
#sub_Wrap .infomenu .myPage {margin: 6px 0 0 0; font-size:13px; color: #FFF; width: 42%; float: left; text-align: right;}
#sub_Wrap .infomenu .myPage a{color:#FFF;}
#sub_Wrap .infomenu .myPage a:hover{color:#000; font-weight: bold;}
#sub_Wrap .infomenu .siteMapTop {margin: 6px 10px 0 0; font-size:13px; color: #FFF; width: 42%; float: right; text-align: right;}
#sub_Wrap .infomenu .siteMapTop a{color:#FFF;}
#sub_Wrap .infomenu .siteMapTop a:hover{color:#000; font-weight: bold;}
/* 요기에 위치 박스 넣으면 되*/
#sub_Wrap .infomenu .info_box .location_box{float:left; width:20%; margin-top:2px; text-align:right; } 
/*서브메인 최상단 유저 박스*/
#sub_Wrap .infomenu .info_box .login_btn{float:left; width:20%; margin-top:2px;text-align:right; } 
#sub_Wrap .infomenu .info_box .info01{position:absolute; top:0px; right:249px; width:130px; height:30px; display:inline-block;}    /*로그인 회원가입 마이페이지 */
#sub_Wrap .infomenu .info_box .info01 span{ font-size:13px; text-align:center; line-height:30px; display:inline-block;} /*로그인 회원가입 마이페이지 */
#sub_Wrap .infomenu .info_box .info01 a{width:130px; height:30px; background:#1979c9; display:inline-block; color:#FFF; text-align:center;} /*로그인 회원가입 마이페이지 */
#sub_Wrap .infomenu .info_box .info01 a:hover{width:130px; height:30px; background:#004e8f;} /*로그인 회원가입 마이페이지 */

#sub_Wrap .pc_Header{ margin:0 auto; max-width:1024px; position:relative; margin-top:10px; height:77px;  }/*원래 120px
메뉴바 위치*/
#sub_Wrap .pc_Header .logo {width:100%; height:70px;} /* 로고위치*/
#sub_Wrap .pc_Header .logo h1{ float:left; width:30%; padding-top:10px; } /*로고 커팅*/
#sub_Wrap .pc_Header .logo h1 span{display:inline-block; margin-bottom: 20px; font-size:22px; color:#000;  }
#sub_Wrap .pc_Header .logo .searchBody{ float:left; width:38%; margin-top:14px;  } /*검색엔진 커팅*/
#sub_Wrap .pc_Header .logo .searchBody .bg_01{  border:3px solid #469ee5; width:240px; height:35px; display:inline-block; border-right:none;} /*검색박스 크기 및 색상*/
#sub_Wrap .pc_Header .logo .searchBody .bg_02{ width:94px; height:30px; display:inline-block;} /*로고 위치 상하길이 조정*/
#sub_Wrap .pc_Header .logo .searchBody input{  text-indent:12px; border:none; height:35px; width:270px;} /*검색 키워드 띄어쓰기 */
#sub_Wrap .pc_Header .logo .textarea_01{ float:left; overflow: hidden; height:30px; background: url(../../images/main/selct_arrow_blue.png) no-repeat right #fff; margin-top:18px; border:1px solid #44a1e5; width:16%; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;}
#sub_Wrap .pc_Header .logo .textarea_01 .areaSelectBox{background: transparent; width: 100%; font-size: 12px; line-height: 2; border: 0; height: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 12px; margin-left:0px; }
#sub_Wrap .pc_Header .logo .textarea_01 .areaSelectBox::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */  
#sub_Wrap .pc_Header .logo .login_btn{float:right; width:15%; margin-top:20px;}

/* <-------------------------- 키워드박스 삭제를 위한 테스트 설정 끝 */
#sub_Wrap .pc_Header .keyword_box {width:100%; height:35px; margin-top:5px; }
/*#sub_Wrap .pc_Header .keyword_box dl{width:100%;  margin-top:12px; overflow:hidden; height:45px;  position:absolute; top:0px; } /*네비 글자 위치*/

/* 네비 상단 퀵 키워드 라인 */
#sub_Wrap .pc_Header .keyword_box dl dd{ display:inline-block;  position:relative; }
#sub_Wrap .pc_Header .keyword_box dl dd span{font-size:1.2em; font-weight:600;color:#666;} /*네비 글자크기 */
#sub_Wrap .pc_Header .keyword_box dl .home_menu{ padding-right:0%; padding-left:0%;color: #558ed5; }
#sub_Wrap .pc_Header .keyword_box dl dd a:hover{color: #004e8f;} /*마우스 오버 컬러*/
#sub_Wrap .pc_Header .keyword_box dl .menu_01{padding-right:2%; padding-left:3%;}
#sub_Wrap .pc_Header .keyword_box dl .menu_02{padding-right:2%; padding-left:1%;}
#sub_Wrap .pc_Header .keyword_box dl .menu_03{padding-right:2%; padding-left:1%;}
#sub_Wrap .pc_Header .keyword_box dl .menu_04{padding-right:2%; padding-left:1%;}
#sub_Wrap .pc_Header .keyword_box dl .menu_05{padding-right:2%; padding-left:1%;}
#sub_Wrap .pc_Header .keyword_box dl .menu_06{padding-right:2%; padding-left:1%;}

#sub_Wrap .nav{width:100%; clear:both; border-top:1px solid #469de4; height:45px; background:#469de4;  } /*네비 라인 컬러*/
#sub_Wrap .nav div{ position:relative; width:1024px; margin:0 auto; }
#sub_Wrap .nav dl{width:100%;  margin-top:12px; overflow:hidden; height:45px;  position:absolute; top:0px; } /*네비 글자 위치*/
#sub_Wrap .nav dl dd{ display:inline-block;  position:relative;}
#sub_Wrap .nav dl dd span{font-size:1.3em; font-weight:600;} /*네비 글자크기 */
#sub_Wrap .nav dl dd a:hover{color: #009;} /*마우스 오버 컬러*/
#sub_Wrap .nav dl .menu_01{padding-right:4%; padding-left:4.5%; }
#sub_Wrap .nav dl .menu_02{padding-right:4%; padding-left:4.5%;}
#sub_Wrap .nav dl .menu_03{padding-right:4%; padding-left:4.5%;}
#sub_Wrap .nav dl .menu_04{padding-right:4%; padding-left:4.5%;}
#sub_Wrap .nav dl .menu_05{padding-right:4%; padding-left:4.5%;}
#sub_Wrap .nav dl .menu_06{padding-right:4%; padding-left:4.5%;}

#sub_Wrap .nav dl .submenu_01{ padding-right:3%; padding-left:3%;color: #ff0; }
#sub_Wrap .nav dl .submenu_02{ padding-right:3%; padding-left:3%;color: #ff0; }
#sub_Wrap .nav dl .submenu_03{ padding-right:3%; padding-left:3%;color: #FF0; }
#sub_Wrap .nav dl .submenu_04{ padding-right:3%; padding-left:3%;color: #ff0; }
#sub_Wrap .nav dl .submenu_05{ padding-right:3%; padding-left:3%;color: #ff0; }
#sub_Wrap .nav dl .submenu_06{ padding-right:3%; padding-left:3%;color: #ff0; }
#sub_Wrap .nav dl .submenu_07{ padding-right:3%; padding-left:3%;color: #ff0; }

/*navi_css*/
}/*pc끝*/

@media (max-width:1024px) and (min-width:757px){

#wrap_02{width:100%; height:auto; position:relative;  border-top:1px solid #c7c7c7; }
#container{margin:0 auto; max-width:100%; height:auto;  position:relative;}
#mobile_Wrap{display:none;}

/* PC 버젼  서브 메인 헤더 정보*/
#sub_Wrap{width:100%; margin:0 auto; position:relative; background:#fff; min-width: 1023px;}
#sub_Wrap .infomenu{width:100%; clear:both; height:25px; background:#469ee5; } /*최상단 바두께 및 컬러*/
#sub_Wrap .infomenu div{position:relative; width:1024px; margin:0 auto; }
#sub_Wrap .infomenu .info_box{ position:relative; width:1024px; height:25px;}
/*서브메인 최상단 글귀 박스*/
#sub_Wrap .infomenu .info_menu{float:left ; position:relative; width:60%; height:25px; margin:0 auto;}
#sub_Wrap .infomenu .inTxt{position:absolute; top:6px; left:0px; color:#FFF; font-size:13px; }
#sub_Wrap .infomenu .inTxt a{color:#FFF;}
#sub_Wrap .infomenu .inTxtDiv{width: 150px; float: right; height: 22px; margin: 0 13px 0 0;}
#sub_Wrap .infomenu .myPage {margin: 6px 0 0 0; font-size:13px; color: #FFF; width: 42%; float: left; text-align: right;}
#sub_Wrap .infomenu .myPage a{color:#FFF;}
#sub_Wrap .infomenu .myPage a:hover{color:#000; font-weight: bold;}
#sub_Wrap .infomenu .siteMapTop {margin: 6px 10px 0 0; font-size:13px; color: #FFF; width: 42%; float: right; text-align: right;}
#sub_Wrap .infomenu .siteMapTop a{color:#FFF;}
#sub_Wrap .infomenu .siteMapTop a:hover{color:#000; font-weight: bold;}
/* 요기에 위치 박스 넣으면 되*/
#sub_Wrap .infomenu .info_box .location_box{float:left; width:20%; margin-top:2px; text-align:right; } 
/*서브메인 최상단 유저 박스*/
#sub_Wrap .infomenu .info_box .login_btn{float:left; width:20%; margin-top:2px;text-align:right; } 
#sub_Wrap .infomenu .info_box .info01{position:absolute; top:0px; right:249px; width:130px; height:30px; display:inline-block;}    /*로그인 회원가입 마이페이지 */
#sub_Wrap .infomenu .info_box .info01 span{ font-size:13px; text-align:center; line-height:30px; display:inline-block;} /*로그인 회원가입 마이페이지 */
#sub_Wrap .infomenu .info_box .info01 a{width:130px; height:30px; background:#1979c9; display:inline-block; color:#FFF; text-align:center;} /*로그인 회원가입 마이페이지 */
#sub_Wrap .infomenu .info_box .info01 a:hover{width:130px; height:30px; background:#004e8f;} /*로그인 회원가입 마이페이지 */

#sub_Wrap .pc_Header{ margin:0 auto; max-width:1024px; position:relative; margin-top:10px; height:77px;  }/*원래 120px
메뉴바 위치*/
#sub_Wrap .pc_Header .logo {width:100%; height:70px;} /* 로고위치*/
#sub_Wrap .pc_Header .logo h1{ float:left; width:30%; padding-top:10px; } /*로고 커팅*/
#sub_Wrap .pc_Header .logo h1 span{display:inline-block; margin-bottom: 20px; font-size:22px; color:#000;  }
#sub_Wrap .pc_Header .logo .searchBody{ float:left; width:38%; margin-top:14px;  } /*검색엔진 커팅*/
#sub_Wrap .pc_Header .logo .searchBody .bg_01{  border:3px solid #469ee5; width:240px; height:35px; display:inline-block; border-right:none;} /*검색박스 크기 및 색상*/
#sub_Wrap .pc_Header .logo .searchBody .bg_02{ width:94px; height:30px; display:inline-block;} /*로고 위치 상하길이 조정*/
#sub_Wrap .pc_Header .logo .searchBody input{  text-indent:12px; border:none; height:35px; width:270px;} /*검색 키워드 띄어쓰기 */
#sub_Wrap .pc_Header .logo .textarea_01{ float:left; overflow: hidden; height:30px; background: url(../../images/main/selct_arrow_blue.png) no-repeat right #fff; margin-top:18px; border:1px solid #44a1e5; width:16%; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;}
#sub_Wrap .pc_Header .logo .textarea_01 .areaSelectBox{background: transparent; width: 100%; font-size: 12px; line-height: 2; border: 0; height: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 12px; margin-left:0px; }
#sub_Wrap .pc_Header .logo .textarea_01 .areaSelectBox::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */  
#sub_Wrap .pc_Header .logo .login_btn{float:right; width:15%; margin-top:20px;}

/* <-------------------------- 키워드박스 삭제를 위한 테스트 설정 끝 */
#sub_Wrap .pc_Header .keyword_box {width:100%; height:35px; margin-top:5px; }
/*#sub_Wrap .pc_Header .keyword_box dl{width:100%;  margin-top:12px; overflow:hidden; height:45px;  position:absolute; top:0px; } /*네비 글자 위치*/

/* 네비 상단 퀵 키워드 라인 */
#sub_Wrap .pc_Header .keyword_box dl dd{ display:inline-block;  position:relative; }
#sub_Wrap .pc_Header .keyword_box dl dd span{font-size:1.2em; font-weight:600;color:#666;} /*네비 글자크기 */
#sub_Wrap .pc_Header .keyword_box dl .home_menu{ padding-right:0%; padding-left:0%;color: #558ed5; }
#sub_Wrap .pc_Header .keyword_box dl dd a:hover{color: #004e8f;} /*마우스 오버 컬러*/
#sub_Wrap .pc_Header .keyword_box dl .menu_01{padding-right:2%; padding-left:3%;}
#sub_Wrap .pc_Header .keyword_box dl .menu_02{padding-right:2%; padding-left:1%;}
#sub_Wrap .pc_Header .keyword_box dl .menu_03{padding-right:2%; padding-left:1%;}
#sub_Wrap .pc_Header .keyword_box dl .menu_04{padding-right:2%; padding-left:1%;}
#sub_Wrap .pc_Header .keyword_box dl .menu_05{padding-right:2%; padding-left:1%;}
#sub_Wrap .pc_Header .keyword_box dl .menu_06{padding-right:2%; padding-left:1%;}

#sub_Wrap .nav{width:100%; clear:both; border-top:1px solid #469de4; height:45px; background:#469de4;  } /*네비 라인 컬러*/
#sub_Wrap .nav div{ position:relative; width:1024px; margin:0 auto; }
#sub_Wrap .nav dl{width:100%;  margin-top:12px; overflow:hidden; height:45px;  position:absolute; top:0px; } /*네비 글자 위치*/
#sub_Wrap .nav dl dd{ display:inline-block;  position:relative;}
#sub_Wrap .nav dl dd span{font-size:1.3em; font-weight:600;} /*네비 글자크기 */
#sub_Wrap .nav dl dd a:hover{color: #009;} /*마우스 오버 컬러*/
#sub_Wrap .nav dl .menu_01{padding-right:3%; padding-left:3%; }
#sub_Wrap .nav dl .menu_02{padding-right:3%; padding-left:3%;}
#sub_Wrap .nav dl .menu_03{padding-right:3%; padding-left:3%;}
#sub_Wrap .nav dl .menu_04{padding-right:3%; padding-left:3%;}
#sub_Wrap .nav dl .menu_05{padding-right:3%; padding-left:3%;}
#sub_Wrap .nav dl .menu_06{padding-right:3%; padding-left:3%;}

#sub_Wrap .nav dl .submenu_01{ padding-right:3%; padding-left:3%;color: #ff0; }
#sub_Wrap .nav dl .submenu_02{ padding-right:3%; padding-left:3%;color: #ff0; }
#sub_Wrap .nav dl .submenu_03{ padding-right:3%; padding-left:3%;color: #FF0; }
#sub_Wrap .nav dl .submenu_04{ padding-right:3%; padding-left:3%;color: #ff0; }
#sub_Wrap .nav dl .submenu_05{ padding-right:3%; padding-left:3%;color: #ff0; }
#sub_Wrap .nav dl .submenu_06{ padding-right:3%; padding-left:3%;color: #ff0; }
#sub_Wrap .nav dl .submenu_07{ padding-right:3%; padding-left:3%;color: #ff0; }

/*navi_css*/
}/*pc끝*/

@media (max-width:758px){
#sub_Wrap{display: none;}
}