/* 리셋 */
*{margin:0; padding:0;}
html{font-size:12px; font-family:'맑은 고딕', 'Malgun Gothic', 돋움, dotum, 'Apple SD Gothic NEO', sans-serif; color:#666;}
li{list-style:none;}
a{color:#666;}
a:link, a:visited{text-decoration:none;}
a:hover, a:focus{text-decoration:none; color:#FF3500;}
a:focus{
    outline-offset: -2px;
	outline: 1px dotted #444;
}

img{border:none; vertical-align:top;}
input{overflow:visible;}
input[type=button]{cursor:pointer;}
button{overflow:visible; cursor:pointer;}
#wrap{margin:0 auto;}

/* 공통요소 */
.dotFont{font-family:돋움, dotum, 'Apple SD Gothic NEO', sans-serif;}

caption{overflow:hidden; width:1px; height:1px; margin-top:-1px; font-size:0; line-height:0; text-indent:-9999px;}
table{border-collapse:collapse; border-spacing:0;}

.floatClear{*zoom:1;}
.floatClear:after{content:""; display:block; clear:both;}
.inlineBlock{display:inline-block; *display:inline; *zoom:1;}
.empty{overflow:hidden; position:absolute; left:-9999px; width:0px; height:0px; font-size:0px; line-height:0;}
.listItem{display:list-item; list-style:disc;}
.textCut{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.imgBtn{font-size:0; line-height:0;}
.orangeBar{background-color:#FF3500; width:3px; height:14px; margin-right:5px; display:inline-block; vertical-align:middle;}
.orangeMark{background-color:#FF3500; width:5px; height:5px; margin-right:5px; display:inline-block; position: relative; top:-2px;}
.blueMark{background-color:#82a1be; width:5px; height:5px; margin-right:5px; display:inline-block; position: relative; top:-2px;}
.txIn8{text-indent:-8px; padding-left:8px;}
.inputBtn{background-color:#808080; color:#fff; border:none; padding:2px 8px 3px; vertical-align:middle;}
.inputBtn:hover, .inputBtn:focus{background-color:#666;}
.inputBtnOrg{background-color:#FF3500; color:#fff; border:none; padding:2px 8px 3px; vertical-align:middle;}
.grayBox{border:12px solid #f2f2f2; padding:28px;}
.blueIconList li{text-indent:-10px; padding-left:10px; margin-top:24px;}
.blueIconList li:first-child{margin-top:0;}
.downBtn{padding:7px 10px 9px 30px; border: 1px solid #d9d9d9; background:#fff url("/images/down_btn_icon_off.gif") no-repeat 10px center;}
.downBtn:hover, .downBtn:focus{background-color: #FF3500; border: 1px solid #FF3500; background-image:url("/images/down_btn_icon_on.gif"); color:#fff;}
.orangeBarTitle{vertical-align:bottom; line-height:14px; font-size:14px; margin-bottom: 15px;}
.satisfaction{position: relative;}
.satisfaction input, .satisfaction img{vertical-align: middle;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.boldTxt{font-weight:bold;}
.orangeTxt{color:#FF3500;}
img.newIcon{vertical-align: middle;}
.board .imgList li img.newIcon{visibility:visible;}

.listTb{line-height:normal; width:100%;}
.listTb thead th{height:45px; background-color:#f8f8f8; border-top:2px solid #a6a6a6; border-bottom:1px solid #d7d7d7;}
.listTb tbody{font-size:12px;}
.listTb tbody th, .listTb tbody td{height:40px; border-bottom:1px solid #d7d7d7;}
.listTb tbody th{font-weight:400;}

/* 스킵 네비게이션 */
#skip_nav{width:100%; position:absolute; top:-70px; z-index:500;}
#skip_nav p a{display:block; width:100%; background-color:#ddd; color:#003399; font-weight:bold; text-align:center; line-height:50px; position:absolute; box-shadow:0 5px 20px rgba(0,0,0,0.5);}
#skip_nav a:focus{top:70px;}

/*헤더*/
#header{min-width:960px;}

#dim_screen{position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:200; display:none; -webkit-transform: translateZ(0);}
.govIcon{margin-right:3px; vertical-align: middle;}

#headerTop, #headerTop_sc{background-color:#393d49;}
#gnb, #gnb_sc{width:960px; line-height:40px; margin:0 auto; text-align:right; color:#fff;}
#gnb a, #gnb_sc a{color:#fff;}
#gnb a:focus{border:1px solid #fff;}
#headerBottom, #headerBottom_sc{border-bottom:1px solid #d7d7d7; background-color:#FFF;}
#nav, #nav_sc{width:960px; height:100px; margin:0 auto; position: relative;}
#nav h1, #nav_sc h1{width:134px; float:left; font-size:0;}
#nav h1 a, #nav_sc h1 a{padding:23px 10px 24px;}
#nav h1 a img, #nav_sc h1 a img{width:100%;}

#mainMenu, #mainMenu_sc{width: 826px; height:100%; float:left; text-align:right; font-size:0;}
#mainMenu > li, #mainMenu_sc > li{
	display:inline-block; *display:inline; *zoom:1;
	font-size:16px;
	color:#5e5e5e;
	height:100%;
	position: relative;
}
#mainMenu > li > a, #mainMenu_sc > li > a{
	display:block;
	padding:0 30px;
	color:#404040;
	height:100%;
	line-height:100px;
	cursor:pointer;
}

#mainMenu > li.extendLi > a, #mainMenu_sc > li.extendLi > a{padding:0 40px;}
#mainMenu > li.reduceLi > a, #mainMenu_sc > li.reduceLi > a{padding:0 15px;}

#mainMenu a:hover, #mainMenu a:focus, #mainMenu_sc a:hover, #mainMenu_sc a:focus{color:#FF3500;}
.subMenu{font-size:13px; position: absolute; text-align: center; left:0; right:0; top:100px; background-color: #fff; z-index:9999; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; display:none;}
.subMenu.last{border-right: 1px solid #d7d7d7;}
.subMenu > ul{padding:10px 0;}
.subMenu > ul > li > a{padding:5px 0; display:block; color:#404040;}
.subMenu > ul > li > a:hover{color:#FF3500;}

.subMenu > ul > li > ul{display:inline-block; *display:inline; *zoom:1;}
.subMenu > ul > li > ul{display:none;}

.subMenu > ul > li > ul > li{font-size:11px; text-align: left;}
.subMenu > ul > li > ul > li > a{padding-bottom:5px; display:inline-block; color:#595959;}
.subMenu > ul > li > ul > li > a:hover{color:#FF3500;}

.menuTitle{position: absolute; z-index:9999; background-color: #fff; left:0; top:100px; width:176px; border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;border-left: 1px solid #d7d7d7;height:293px; display:none;}
.titleCon{display:none;}
.titleCon h3{font-size:18px; margin-bottom:10px;}
.titleCon span{display:block;}
.titleCon > img{margin-top:40px; max-width:75px;}
.ans{display:none;}
/*
.subMenu{width:960px; margin:0 auto;}

.subMenu dl{display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:24px 0 0 30px;}
.subMenu dl a{color:#5e5e5e;}
.subMenu dl a:hover, .subMenu dl a:focus{color:#ff8b33;}
.subMenu dl dt{font-size:18px; padding-bottom:5px; background:url("/images/orangeDot.gif") no-repeat left 11px; text-indent:12px;}
.subMenu dl dd{font-size:14px; margin-top:10px; background:url("/images/smallDot.gif") no-repeat 10px 9px; text-indent:20px;}
.subMenu dl dd a{color:#888;}
*/

/*스크롤 헤더*/
#scrollHeader{
	position: fixed;
	z-index:9999999;
	width:100%;
	visibility:hidden;
	-webkit-transform: translateZ(0);
}

#mobileMenu{
	display:none;
	width:180px;
	position:absolute;
	text-align:left;
}
#mobileMenu > p {padding:10.5px 0; width:49px; height:47px;}
#mobileMenuBtn{
	width:49px; height:46px;
	background:url("/images/main/mobile_menu.png") no-repeat 0 0;
	border:none;
	border-right:1px solid #ccc;
}
#mobileMenuBtn:focus{outline:none;}

#mobileMenuList{padding:10px; box-shadow:5px 5px 10px rgba(0,0,0,0.1); background-color:#ff8b33; display:none;}
#mobileMainMenuUl > li{font-size:15px; text-indent:22px; background:url("/images/Dot_fff.gif") no-repeat 8px 23px;}
#mobileMainMenuUl > li:first-child{margin-top:0;}
#mobileMainMenuUl > li p a{width: 160px; color:#fff; height:50px; line-height:50px; display:block; border-top:1px solid #ffd4b2;}
#mobileMainMenuUl > li:first-child a{border-top:none;}
.mobileSubMenuUl{font-size:13px; margin-bottom:20px; display:none;}
.mobileSubMenuUl > li{margin-top:10px; background:url("/images/smallDot_fff.gif") no-repeat 15px 8px; text-indent:28px;}
.mobileSubMenuUl > li:first-child{margin-top:0;}
.mobileSubMenuUl > li > a{color:#ffe9d9; height:18px; line-height:18px; display:block;}
.mobileSubMenuUl > li > ul > li > a{color:#ffe9d9; padding:8px 0 0 0; display:block;}

/*컨테이너*/
#container{width:960px; max-width:2000px; margin:0 auto; *zoom:1;}
#container:after{content:""; display:block; clear:both;}

#snb{
	width:200px;
	margin-right:80px;
	float:left;
	margin-bottom:50px;
}
#snb dl{position:relative;}
#snb dl dt{height:129px; line-height:129px; font-size:19px; border-bottom:2px solid #393d49; color:#404040;}
#snb dl dd{border-bottom:1px solid #d7d7d7; font-size:13px;}
#snb dl dd > a{display:block; padding:15px 0; text-indent:10px;}
.snbSubMenu{border-top:1px solid #d7d7d7; padding:15px 0; font-size:13px; display:none;}
.snbSubMenu > li{background:url("/images/icon_arrow_right.png") no-repeat 10px 13px;}
.snbSubMenu > li > a{display:block; padding:5px 0; text-indent:20px;}
.snbSubMenu2{position:relative; left:30px;}

#section{width:680px; float:left;}

#headLine{
	height:129px;
	line-height:129px;
	border-bottom:1px solid #d7d7d7;
	font-size:26px;
	color:#404040;
	position: relative;
}
#headLine > h2{font-size:26px; color:#404040; font-weight:400;}

#headLine2{
	height:30px;
	line-height:30px;
	font-size:18px;
	color:#404040;
	position: relative;
	margin-bottom:5px;
}

#headLine3{
	font-size:28px;
	color:rgba(245, 123, 32, 1);
}

#menuNavigation{position:absolute; top:50%; right:0; margin-top:-7px; font-size:13px; line-height:13px; vertical-align:bottom;}
#menuNavigation img{vertical-align:middle;}
#menuNavigation a{color:#404040; vertical-align:bottom;}
#menuNavigation a:hover, #menuNavigation a:focus{color:#FF3500;}
#menuNavigation .iconArrow{margin:0 10px;}
#menuNavigation .homeIcon img{width:11px; height:11px; background:url("/images/icon_home.gif") no-repeat 0 0;}
#menuNavigation .homeIcon:hover img, #menuNavigation .homeIcon:focus img{
	background:url("/images/icon_home.gif") no-repeat 0 -11px;
}

#content{
	margin:55px 0;
	font-size:12px;
	line-height:22px;
}

/*푸터*/
#footer{width:960px; margin:0 auto; border-top:1px solid #e6e6e6; padding:24px 0 40px 0; color:#444;}
#policy{font-weight:800; position:relative;}
#policy a{color:#444;}
#policy a:hover, #policy a:focus{color:#FF3500;}
#policy .topBtn{position:absolute; right:0;}
#info{margin-top:60px; position:relative;}
#info img{position:absolute; right:0; bottom:4px;}

/*태블릿pc*/
@media all and (min-width:320px) and (max-width:1024px){
	/*헤더 시작*/
	#header{width:100%; min-width:680px;}
	#gnb{width:auto; padding-right:20px;}

	#nav{width:100%; height:auto; text-align:center;}
	#nav h1, #mainMenu{float:none; vertical-align:top;}
	#nav h1{width:auto; padding:15px 0 0;}
	#nav h1 a{padding:0; width:80px;}

	#mainMenu{width:auto; height:67px; text-align:center;}
	#mainMenu > li{font-size:14px;}
	#mainMenu > li:first-child .subMenu{border-left: 1px solid #d7d7d7;}
	#mainMenu > li > a{line-height:67px;}
	
	#mainMenu > li.reduceLi > a{padding:0 10px;}
	#mainMenu > li.extendLi > a{padding:0 35px;}
	
	.subMenu{top:67px;}

	/*헤더 끝*/

	/*컨테이너 시작*/
	#container{width:auto;}
	#snb{display:none;}
	#section{float:none; margin:0 auto;}
	/*컨테이너 끝*/

	/*푸터 시작*/
	#footer{width: calc(100% - 40px); padding-bottom:20px; }
	#info img{ margin-top:20px;}
	/*푸터 끝*/
}