@charset "UTF-8";
* {font-family: 'NEXON Lv1 Gothic';}
body{ position:relative; font-family: 'NEXON Lv1 Gothic'; color:#333; font-size:13px; line-height:130%;  overflow-x:hidden; min-width:280px; }
button{ font-family: 'NEXON Lv1 Gothic'; }

/*공통 스킵메뉴*/
#common_container{ width:100%; }/*스킵메뉴를 위함*/
.skip_a{  z-index:99999999999; position:absolute; display:block; width:100%;  top:-50px; left:0; line-height:50px; height:50px; background:#fff;  text-align:center; color:#00447e !important; font-size:15px;  border:1px solid #00447e;  overflow:hidden; font-weight:700;  }
.skip_a:focus{ top:0; } 
.skip_a_m{ display:none;}
@media all and ( max-width:1024px ){
	.skip_a_pc{ display:none;}
	.skip_a_m{ display:block;}
}

/*공통 레이아웃*/
.sub_container{ margin:75px 0 150px; }
.width1620{ width:100%; max-width:1650px; padding:0 15px; margin:0 auto;}
.width1200{ width:100%; max-width:1230px; padding:0 15px; margin:0 auto;}
.width1000{ width:100%; max-width:1030px; padding:0 15px; margin:0 auto;}
.width800{ width:100%; max-width:830px; padding:0 15px; margin:0 auto;}
.width600{ width:100%; max-width:630px; padding:0 15px; margin:0 auto;}
.clear:after{ content:""; clear:both; display:block;}
.dispaly_m{ display:none !important;}
.ellipsis { display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
.skip_tag{ position:fixed; top:-99px; left:-99px; opaicty:0; width:0; height:0; overflow:hidden; }


/*공통마진*/
.marginB90{ margin-bottom:90px;}
.marginB80{ margin-bottom:80px;}
.marginB60{ margin-bottom:60px;}
.marginB50{ margin-bottom:50px;}
.marginB30{ margin-bottom:30px;}
.marginB20{ margin-bottom:20px;}
.marginB10{ margin-bottom:10px;}
.marginT40{ margin-top:40px;}
.marginT30{ margin-top:30px;}


/*공통 링크*/
.a_link{ position:relative; display:block; width:100%; max-width:240px; height:60px; border:1px solid #fff; padding:0 30px; 
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
.a_link span{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); font-size:15px; color:#fff; font-weight:300; 
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; width:100%; text-align:center; 
}
.a_link:after{ content:"";  position:absolute; top:50%; right:50%; transform:translate(50%, -50%); -webkit-transform:translate(50%, -50%); -moz-transform:translate(50%, -50%); width:30px; height:15px; background:url('../img/arrow_w.png') center no-repeat; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.a_link:hover,
.a_link:focus{ background:#00a1df !important;}
.a_link:hover span,
.a_link:focus span{ width:auto; left:30px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.a_link:hover:after,
.a_link:focus:after{ right:30px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); opacity:1;}

.a_box{ font-size:0px;}
.a_box .a_link{ display:inline-block; border-color:#333; width:49%; margin-right:2%; vertical-align:top; }
.a_box .a_link:nth-child(2n+2){ margin-right:0%;}
.a_box .a_link span{ color:#333; font-weight:500;}
.a_box .a_link:hover span,
.a_box .a_link:focus span{ color:#fff !important; }

/*공통 다운로드 버튼*/
.download_box .download_a01{ display:block; margin-bottom:15px;  max-width:400px;line-height:150%; border:1px solid #333; padding:17px 60px 17px 30px; font-size:16px; 
	background-color:#fff; background-image:url('../img/download_ico01.png'); background-position:right 30px center; background-repeat:no-repeat;
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  
}
.download_box .download_a01:last-child{ margin-bottom:0px;}
.download_box .download_a01:hover,
.download_box .download_a01:focus{background-color:#00a1df; color:#fff; border-color:#00a1df; background-image:url('../img/download_ico02.png'); }

.download_box .download_a01_2{ max-width:280px; }

/*공통 타이틀*/
.tit_s{ display:block; text-align:center; margin-bottom:5px; }
.tit_h2{ font-size:34px; text-align:center; line-height:130%;   }
.desc_p{ font-size:18px; text-align:center; margin:15px 0 30px 0; line-height:140%; font-weight:300; word-break: keep-all;}

.sub_tit{ font-size:36px; line-height:130%; text-align:center;  }
.sub_tit:after{ content:""; display:block; height:1px; width:36px; background:#333; margin:20px auto 60px; }

.sub_tit2{ font-size:28px; line-height:140%;}
.sub_tit2:after{ content:""; display:block; height:3px; width:40px; background:#00a1df; margin:20px 0 40px; }
.sub_tit2 small{ display:inline-block; font-size:18px; color:#00a1df; font-weight:500;}

.sub_tit3{ font-size:22px; line-height:130%; margin-bottom:20px; line-height:140%;  }

/*공통 테이블*/
.table_box{ overflow-x:auto;}
.table_box table{ width:100%; min-width:600px; }
.table_box table tbody{ border-top:2px solid #333; }
.table_box table caption{ position:fixed; top:-99px; left:-99px;}
.table_box table th,
.table_box table td{ font-size:16px; line-height:160%; padding:25px; border-bottom:1px solid #ddd;  }
.table_box table th{ text-align:center; background:#f2f7fb; }

.table_box2 table thead{ border-top:2px solid #333; }
.table_box2 table tbody{ border-top:0px;}
.table_box table th,
.table_box2 table td{ text-align:center; border-right:1px solid #ddd;}
.table_box2 table tbody th{ background:#fff; }

.table_box2 table tr th:last-child,
.table_box2 table tr td:last-child{ border-right:0px; }

/*공통탭*/
.sub_tab{ border-top:1px solid #ddd; }
.sub_tab li{ float:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.sub_tab li a{ display:block; height:65px; line-height:65px; font-size:18px; color:#777; background:#f4f4f4; text-align:center; border-top:2px solid rgba(0,161,223,0);  }
.sub_tab.grid2 li{ width:50%;}
.sub_tab.grid2 li:nth-child(2n+1){ border-left:1px solid #ddd; clear:both;}
.sub_tab.grid2 li.on:nth-last-child(-n+2){ border-bottom:0px; }

.sub_tab.grid4 li{ width:25%;}
.sub_tab.grid4 li:nth-child(4n+1){ border-left:1px solid #ddd; clear:both;}
.sub_tab.grid4 li.on:nth-last-child(-n+4){ border-bottom:0px; }

.sub_tab.grid3 li{ width:33.3333%;}
.sub_tab.grid3 li:nth-child(3n+1){ border-left:1px solid #ddd; clear:both;}
.sub_tab.grid3 li.on:nth-last-child(-n+3){ border-bottom:0px; }

.sub_tab li.on{ border-right-color:#333; border-left:1px solid #333 !important; }
.sub_tab li.on a{ border-top-color:rgba(0,161,223,1); background:#fff; color:#333; font-weight:700;}


/*공통탭2*/
.small_sub_tab{ text-align:center; border:1px solid #ddd; padding:15px;  }
.small_sub_tab li{ display:inline-block; margin:5px 0; }
.small_sub_tab li:after{ content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px; }
.small_sub_tab li:last-child:after{ content:none; }
.small_sub_tab li a{ font-size:16px; line-height:140%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.small_sub_tab li.on a,
.small_sub_tab li a:hover,
.small_sub_tab li a:focus{ color:#00a1df; font-weight:700;  }


/*공통 리스트*/
.dot_list > li{ padding-left:15px; position:relative; line-height:160%; font-size:16px; margin-bottom:3px;  }
.dot_list > li:last-child{ margin-bottom:0px; }
.dot_list > li:after{ content:""; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:100%; background:#00a1df;}
.dot_list.gray > li{ color:#777;}

.number_list{ counter-reset: list_num; }
.number_list > li{ padding-left:35px; position:relative; line-height:160%; font-size:16px; margin-bottom:15px; }
.number_list > li:last-child{ margin-bottom:0px; }
.number_list > li:before{content:counter(list_num); counter-increment:list_num;  position:absolute; top:0; left:0; width:24px; height:24px; line-height:24px; color:#fff; font-size:16px; background:#00a1df;text-align:center;}

.number_list2{ counter-reset: list_num2; }
.number_list2 > li{ padding-left:35px; position:relative; line-height:160%; font-size:16px; margin-bottom:15px; }
.number_list2 > li:last-child{ margin-bottom:0px; }
.number_list2 > li:before{content:counter(list_num2); counter-increment:list_num2;  position:absolute; top:0; left:0; width:24px; height:24px; border:1px solid #00a1df; border-radius:5px; line-height:24px; color:#00a1df; font-size:16px; background:#fff;text-align:center;}

.hangle_list > li{ padding-left:30px; position:relative; line-height:160%; font-size:16px; margin-bottom:15px; }
.hangle_list > li:last-child{ margin-bottom:0px; }
.hangle_list > li:before{ content:"가.";  position:absolute; top:0; left:0; width:24px; height:24px; line-height:24px; color:#00a1df; text-align:center;}
.hangle_list > li:nth-child(2):before{ content:"나.";}
.hangle_list > li:nth-child(3):before{ content:"다.";}
.hangle_list > li:nth-child(4):before{ content:"라.";}
.hangle_list > li:nth-child(5):before{ content:"마.";}
.hangle_list > li:nth-child(6):before{ content:"바.";}
.hangle_list > li:nth-child(7):before{ content:"사.";}
.hangle_list > li:nth-child(8):before{ content:"아.";}
.hangle_list > li:nth-child(9):before{ content:"자.";}
.hangle_list > li:nth-child(10):before{ content:"차.";}
.hangle_list > li:nth-child(11):before{ content:"카.";}
.hangle_list > li:nth-child(12):before{ content:"타.";}
.hangle_list > li:nth-child(13):before{ content:"파.";}
.hangle_list > li:nth-child(14):before{ content:"하.";}

.dot_list > li .box_slit{ margin-top:5px; }
.box_slit > li{ padding-left:25px; position:relative; line-height:160%; font-size:16px; margin-bottom:3px;  }
.box_slit > li:last-child{ margin-bottom:0px; }
.box_slit > li:after{ content:""; position:absolute; top:9px; left:0; width:10px; height:2px; background:#00a1df;}

/*공통 페이징*/
.paging_box{display:flex;flex-wrap:wrap;align-items: center;justify-content: center;}
.paging_btn{font-size:16px;color:#aaa;text-decoration: none;font-weight: 700;background-repeat: no-repeat;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.paging_btn:hover,
.paging_btn:focus{color:#333;} 
.paging_prev{background-image: url('../img/paging_prev.png');background-position: left center;padding-left: 20px;margin-right:30px;}
.paging_next{background-image: url('../img/paging_next.png');background-position: right center;padding-right: 20px;margin-left:30px;}
.paging_prev:hover,
.paging_prev:focus{background-image: url('../img/paging_prev2.png');}
.paging_next:hover,
.paging_next:focus{background-image: url('../img/paging_next2.png'); }
.paging_num{margin:0;padding:0;font-size:0;}
.paging_num li{display:inline-block;margin-left: -1px;}
.paging_num li a{text-decoration: none;color: #333;display: block;width: 35px;height: 35px;line-height:35px;text-align:center;font-size:15px;border:1px solid #ddd;
    transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; background:#fff; 
}
.paging_num li a:hover,
.paging_num li a:focus,
.paging_num li a.on{background:#333;border-color:#333;color:#fff;}


@media all and ( max-width:1024px ){
	/*공통레이아웃*/
	.sub_container{margin:55px 0 120px; }
	
	
	/*공통마진*/
	.marginB90{ margin-bottom:60px;}
	.marginB80{ margin-bottom:60px;}
	.marginB60{ margin-bottom:50px;}
	.marginB50{ margin-bottom:40px;}
	.marginT40{ margin-top:30px;}
	.marginT30{ margin-top:20px;}
	
	
	/*공통 링크*/
	.a_link{ height:50px; line-height:50px; padding:0 20px;  }
	.a_link span{ font-size:14px; }
	.a_link:hover span,
	.a_link:focus span{ width:100%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
	.a_link:hover:after,
	.a_link:focus:after{ content:none; }
	.a_box .a_link{display:block; margin-bottom:10px; width:100%; margin-right:0%; }
	.a_box .a_link:last-child{ margin-bottom:0px; }
	
	/*공통 다운로드 버튼*/
	.download_box .download_a01{ max-width:300px; padding:15px 50px 15px 20px; font-size:14px; 
		background-size:15px; background-position:right 20px center; 
	}
	
	/*공통 타이틀*/
	.tit_h2{ font-size:30px; }
	.tit_s{ margin-bottom:0px;}
	.desc_p{ margin:10px 0 20px 0; font-size:16px; }
	.sub_tit{ font-size:33px; }
	.sub_tit:after{margin: 15px auto 40px;}
	.sub_tit2{ font-size:23px; }
	.sub_tit2 small{ font-size:14px; }
	.sub_tit2:after{ margin:10px 0 30px; }
	
	.sub_tit3{ font-size:18px; margin-bottom:15px;}
	
	/*공통 테이블*/
	.table_box table th,
	.table_box table td{ font-size:14px; padding:15px; }
	
	/*공통 탭*/
	.sub_tab li a{ font-size:16px; height:50px; line-height:50px;}
	
	.sub_tab.grid4 li{ width:33.333%;}
	.sub_tab.grid4 li:nth-child(4n+1){ border-left:none; clear:none; }
	.sub_tab.grid4 li.on:nth-last-child(-n+4){ border-bottom:1px solid #ddd; ; }
	.sub_tab.grid4 li:nth-child(3n+1){ border-left:1px solid #ddd; clear:both;}
	.sub_tab.grid4 li.on:nth-last-child(-n+3){ border-bottom:0px; }
	
	/*공통탭2*/
	.small_sub_tab{  padding:10px;  }
	.small_sub_tab li{ margin:5px; }
	.small_sub_tab li:after{ content:none; }
	.small_sub_tab li a{ font-size:14px;}
	
	/*공통 리스트*/
	.dot_list > li{ font-size:14px;  }
	
	.number_list > li{ font-size:14px; margin-bottom:7px; padding-left:30px; }
	.number_list > li:before{ top:2px; width:19px; height:19px; line-height:19px; font-size:13px; }
	
	.number_list2 > li{ font-size:14px; margin-bottom:7px; padding-left:30px; }
	.number_list2 > li:before{ top:2px; width:19px; height:19px; line-height:19px; font-size:13px; }
	
	.hangle_list > li{ font-size:14px; margin-bottom:7px; padding-left:25px; }
	.hangle_list > li:before{ top:2px; width:19px; height:19px; line-height:19px; font-size:13px; }
	
	.box_slit > li{ font-size:14px; padding-left:20px; }
	
	/*공통 페이징*/
	.paging_btn{font-size:14px;} 
	.paging_prev{padding-left: 15px;margin-right:10px;}
	.paging_next{padding-right: 15px;margin-left:10px;}
	.paging_num li a{ width: 25px; height: 25px; line-height:25px; font-size:12px;}
	.paging_num li a:hover,
	.paging_num li a:focus,
	.paging_num li a.on{background:#333;border-color:#333;color:#fff;}

}


@media all and ( max-width:768px ){
	/*공통 레이아웃*/
	.sub_container{margin:55px 0 100px; }
	.marginB80{ margin-bottom:60px; }
	.marginB60{ margin-bottom:40px;}
	.marginB50{ margin-bottom:30px;}
	.marginT40{ margin-top:25px;}
	.marginT30{ margin-top:15px;}
	.dispaly_pc{ display:none !important;}
	.dispaly_m{ display:block !important;}
	
	
	/*공통 타이틀*/
	.tit_h2{ font-size:25px; }
	.desc_p{ font-size:14px; }
	.sub_tit{ font-size:28px; }
	.sub_tit:after{ margin: 10px auto 30px; }
	
	.sub_tit3{ margin-bottom:10px;}
	
	/*공통링크*/
	.a_link{ height:45px; line-height:45px; max-width:200px; }
	
	/*공통 다운로드 버튼*/
	.download_box .download_a01{ margin-bottom:10px; padding:13px 45px 13px 15px; font-size:13px; background-position:right 15px center; }
	
	/*공통 탭*/
	.sub_tab li a{ font-size:14px; height:40px; line-height:40px;}
	
	.sub_tab.grid4 li{ width:50%;}
	.sub_tab.grid4 li:nth-child(3n+1){ border-left:none; clear:none;}
	.sub_tab.grid4 li.on:nth-last-child(-n+3){ border-bottom:1px solid #ddd; ; }
	.sub_tab.grid4 li:nth-child(2n+1){ border-left:1px solid #ddd; clear:both;}
	.sub_tab.grid4 li.on:nth-last-child(-n+2){ border-bottom:0px; }
	
	.sub_tab.grid3 li{ width:50%;}
	.sub_tab.grid3 li:nth-child(3n+1){ border-left:none; clear:none;}
	.sub_tab.grid3 li.on:nth-last-child(-n+3){ border-bottom:1px solid #ddd; ; }
	.sub_tab.grid3 li:nth-child(2n+1){ border-left:1px solid #ddd; clear:both;}
	.sub_tab.grid3 li.on:nth-last-child(-n+2){ border-bottom:0px; }
	
	/*공통탭2*/
	.small_sub_tab li a{ font-size:13px;}
	
	/*공통 페이징*/
	.paging_btn{ font-size:0px; }

}
@media all and ( max-width:420px ){
	/*공통 탭*/
	.sub_tab.grid2 li{ width:100%; border-left:1px solid #ddd; }
	.sub_tab.grid2 li.on:nth-last-child(-n+2){ border-bottom:1px solid #ddd;}
	.sub_tab.grid2 li.on:nth-last-child(-n+1){ border-bottom:0px;}
	
	.sub_tab.grid4 li{ width:100%;}
	.sub_tab.grid4 li:nth-child(2n+1){ border-left:none;}
	.sub_tab.grid4 li.on:nth-last-child(-n+1){ border-bottom:1px solid #ddd; ; }
	.sub_tab.grid4 li:nth-child(1n+1){ border-left:1px solid #ddd;}
	.sub_tab.grid4 li.on:nth-last-child(-n+1){ border-bottom:0px; }
	
	.sub_tab.grid3 li{ width:100%;}
	.sub_tab.grid3 li:nth-child(2n+1){ border-left:none;}
	.sub_tab.grid3 li.on:nth-last-child(-n+1){ border-bottom:1px solid #ddd; ; }
	.sub_tab.grid3 li:nth-child(1n+1){ border-left:1px solid #ddd;}
	.sub_tab.grid3 li.on:nth-last-child(-n+1){ border-bottom:0px; }
}


/**공통 스타일 end********************************************************************************************/
/**공통 스타일 end********************************************************************************************/
/**공통 스타일 end********************************************************************************************/

/*헤더*/
#hd{ z-index:999; position:absolute; top:0; left:0; width:100%;  background:rgba(255,255,255,0); border-bottom:1px solid rgba(51,51,51,0); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
#hd .hd_dummy{ display:none; position:absolute; top:101px; left:0; width:100%; height:710px; background:#fff; box-shadow:0px 5px 10px rgba(0,0,0,0.1); }
#hd > div.width1620{ position:relative;  height:100px;}
#hd #hd_logo{ float:left; height:100%; margin-right:80px;  }
#hd #hd_logo a{ display:block; line-height:100px;  }
#hd #hd_logo a img{ display:inline-block; vertical-align:middle;}

#hd #gnb{ float:left; height:100%; line-height:100px; }
#hd #gnb .dep1_ul{ font-size:0px; }
#hd #gnb .dep1_ul > li{ display:inline-block; padding-right:35px;}
#hd #gnb .dep1_ul > li:last-child{ padding-right:0px; }
#hd #gnb .dep1_ul > li > a{ display:block; font-size:18px; color:#333; font-weight:700;  }
/* GNB 드롭다운 5컬럼 정렬 */
#hd #gnb .dep2_box{display:none;z-index:1;position:absolute;top:101px;left:0;background:#fff;width:calc((100% - 30px) / 5);padding:40px;height:710px;background:#fff;border-right:1px solid #ddd;}
#hd #gnb .dep1_ul > li:nth-child(1) .dep2_box{left:15px;border-left:1px solid #ddd;}
#hd #gnb .dep1_ul > li:nth-child(2) .dep2_box{left:calc(((100% - 30px) / 5 * 1) + 15px);}
#hd #gnb .dep1_ul > li:nth-child(3) .dep2_box{left:calc(((100% - 30px) / 5 * 2) + 15px);}
#hd #gnb .dep1_ul > li:nth-child(4) .dep2_box{left:calc(((100% - 30px) / 5 * 3) + 15px);}
#hd #gnb .dep1_ul > li:nth-child(5) .dep2_box{left:calc(((100% - 30px) / 5 * 4) + 15px);}
#hd #gnb .dep2_box strong{ display:block;  font-size:18px; line-height:160%;   }
#hd #gnb .dep2_box strong:after{ content:""; display:block; width:18px; height:2px; background:#333; margin:25px 0;  }
#hd #gnb .dep2_ul > li{ margin-bottom:10px;}
#hd #gnb .dep2_ul > li:last-child{ margin-bottom:0px; }
#hd #gnb .dep2_ul > li > a{ display:block; font-size:16px; line-height:160%; font-weight:700; color:#333; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
#hd #gnb .dep2_ul > li:hover > a,
#hd #gnb .dep2_ul > li > a:focus,
#hd #gnb .dep2_ul > li.on > a{ color:#00a1df; text-decoration:underline;}
#hd #gnb .dep3_ul{ margin-top:10px;}
#hd #gnb .dep3_ul > li{ margin-bottom:7px;}
#hd #gnb .dep3_ul > li:last-child{ margin-bottom:0px; }
#hd #gnb .dep3_ul > li > a{ display:block; font-size:14px; color:#333; position:relative; padding-left:15px;  line-height:160%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;   }
#hd #gnb .dep3_ul > li > a:after{ content:""; position:absolute; top:8.5px; left:0; width:7px; height:1px; background:#999; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  }
#hd #gnb .dep3_ul > li > a:hover,
#hd #gnb .dep3_ul > li > a:focus{ color:#00a1df; text-decoration:underline; }
#hd #gnb .dep3_ul > li > a:hover:after{ background:#00a1df;}


#hd #util{ float:right; font-size:0px;}
#hd #util button{ display:inline-block; margin-left:30px; width:35px; height:35px; background:url('../img/all_menu_btn.png') right center no-repeat; font-size:0px; cursor:pointer;  }
#hd #util ul{ display:inline-block;  vertical-align:middle;  }
#hd #util ul li{ display:inline-block; }
#hd #util ul li:after{ content:""; display:inline-block;  width:1px; height:11px; background:#fff; margin:0 10px; }
#hd #util ul li:last-child:after{ content:none; }
#hd #util ul li a{ line-height:100px; font-size:16px; color:#fff; }


/*헤더 효과*/
#hd.on{background:rgba(255,255,255,1); border-color:rgba(51,51,51,1); }

#hd.sub_hd{ position:relative; }
#hd.on #util button,
#hd.sub_hd #util button{ background:url('../img/all_menu_btn2.png') right center no-repeat;}
#hd.on #util ul li:after,
#hd.sub_hd #util ul li:after{ background:#333; }
#hd.on #util ul li a,
#hd.sub_hd #util ul li a{ color:#333;}

/*전체메뉴*/
.all_menu_con{ display:none;  z-index:99999; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85); overflow-y:auto;}
.all_login_box{ display:none;}
.all_menu_inner{ padding:150px 15px; }
.all_menu_inner .dep1_ul > li{ margin-bottom:40px;  }
.all_menu_inner .dep1_ul > li:last-child{ margin-bottom:0px; }
.all_menu_inner .dep1_ul > li > a{ display:block; font-size:32px; line-height:160%; color:#00a1df; padding-bottom:5px; border-bottom:2px solid #00a1df;  font-weight:700; }
.all_menu_inner .dep2_ul{ margin-top:15px;}
.all_menu_inner .dep2_ul > li{ float:left; width:25%; margin-top:15px; }
.all_menu_inner .dep2_ul > li > a{ display:block; font-size:18px; color:#fff;  line-height:130%;  font-weight:700; margin-bottom:10px;  }
.all_menu_inner .dep3_ul li{ margin-bottom:10px;}
.all_menu_inner .dep3_ul li:last-child{ margin-bottom:0px; }
.all_menu_inner .dep3_ul li > a{ display:block; font-size:16px; color:#999; line-height:130%;  }

#all_close{ position:absolute; top:50px; right:50px; cursor:pointer; width:36px; height:36px; background-image:url('../img/all_menu_close.png'); background-size:100%; background-position:center; background-repeat:no-repeat; font-size:0px;  }

/*푸터메뉴*/
#ft_menu{ background:#f5f5f5; padding:50px 0}
#ft_menu .dep1_ul a{ line-height:140%; }
#ft_menu .dep1_ul > li{ float:left; width:20%; padding-right:15px; }
#ft_menu .dep1_ul > li > a{ display:block; font-size:18px; font-weight:700; margin-bottom:20px;  color:#333; }
#ft_menu .dep2_ul > li{ margin-bottom:15px; }
#ft_menu .dep2_ul > li:last-child{ margin-bottom:0px;}
#ft_menu .dep2_ul > li > a{ display:block; font-size:16px; color:#333;  transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
#ft_menu .dep2_ul > li.on > a,
#ft_menu .dep2_ul > li:hover > a,
#ft_menu .dep2_ul > li > a:hover,
#ft_menu .dep2_ul > li > a:focus{ color:#00a1df; font-weight:700; }
#ft_menu .dep3_ul{ margin-top:15px; }
#ft_menu .dep3_ul li{ margin-bottom:10px;}
#ft_menu .dep3_ul li:last-child{ margin-bottom:0px; }
#ft_menu .dep3_ul li > a{ position:relative; display:block; padding-left:15px; color:#999; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
#ft_menu .dep3_ul li > a:after{ content:""; position:absolute; top:8px; left:0; width:7px; height:1px; background:#999; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
#ft_menu .dep3_ul li > a:hover,
#ft_menu .dep3_ul li > a:focus{ color:#00a1df; text-decoration:underline;}
#ft_menu .dep3_ul li > a:hover:after,
#ft_menu .dep3_ul li > a:focus:after{ background:#00a1df;}

/*푸터*/
#ft{ position:relative;  background:#0b1d30; padding:40px 0;}
.ft_family{ position:absolute; top:0; right:0;}
.ft_family button{ position:relative; width:360px; height:85px; background:#fff; text-align:left; padding:0 60px 0 25px; font-size:18px; font-weight:700; cursor:pointer; }
.ft_family button:after,
.ft_family button:before{ content:""; position:absolute; top:50%; right:25px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); width:17px; height:2px; background:#333;}
.ft_family button:before{ transform:translateY(-50%) rotate(-90deg);}
.ft_family ul{ display:none; position:absolute; bottom:100%; left:0; width:100%; }
.ft_family ul li{ border-bottom:1px solid #ddd;}
.ft_family ul a{ display:block; background:#fff; padding:0 25px; font-size:16px; color:#333; height:50px; line-height:50px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;   }
.ft_family ul a:hover{ background:#f9f9f9;}

.ft_inner > strong,
.ft_inner > div{ float:left; }
.ft_inner > strong{ margin-right:80px; }
.ft_inner > div .company span{ display:block; position:relative; font-size:15px; line-height:160%; color:#fff; padding-left:100px; font-weight:300; margin-bottom:7px;  }
.ft_inner > div .company span:last-child{ margin-bottom:0px; }
.ft_inner > div .company span b{ position:absolute; top:0; left:0; }
.ft_inner > div > ul{ margin:20px 0 10px; font-size:0px;}
.ft_inner > div > ul li{ display:inline-block; vertical-align:middle; }
.ft_inner > div > ul li:after{ content:""; display:inline-block; width:1px; height:12px; background:rgba(255,255,255,0.3); margin:0 10px; }
.ft_inner > div > ul li:last-child:after{ content:none; }
.ft_inner > div > ul li a{ font-size:15px; color:#fff; font-weight:300; }
.ft_inner > div > ul li a b{ font-weight:300; color:#00a1df;}
.copy{ font-size:15px;  color:#fff; line-height:160%; font-weight:300; }

/*탑버튼*/
#top_btn{ z-index:9999; position:fixed; bottom:50px; right:50px; width:95px; height:95px; background:#424242; line-height:95px; color:#fff; font-size:16px; border-radius:100%; text-align:center;  }

/*서브 패스*/
#path_container{ z-index:99; position:relative; border-bottom:1px solid #ddd; background:#fff; border-top:1px solid #333; }
#path_container.fixed{ position:fixed; top:0; left:0; width:100%; }
#path_container .path_inner > a,
#path_container .path_inner > div{ float:left; }
#path_container .path_inner > div{ max-width:50%; position:relative; }
#path_container .path_inner > a{ width:55px; height:55px; background:#333 url('../img/home_ico.png') center no-repeat; font-size:0px;  }
#path_container .path_inner > div button{ position:relative; display:block;  height:55px; line-height:55px; padding:0 160px 0 30px;  cursor:pointer; font-size:16px; font-weight:700;   }
#path_container .path_inner > div button:after{ content:""; position:absolute; top:50%; right:-0.5px; width:1px; height:14px; background:#ddd;  margin-top:-7px;  }
#path_container .path_inner > div button:before{ content:""; position:absolute; top:50%; right:30px; width:10px; height:7px; background:url("../img/path_arrow.png") center no-repeat; margin-top:-3.5px; 
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
#path_container .path_inner > div button.on:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
#path_container .path_inner > div ul{ display:none;  position:absolute; top:100%; left:0; width:100%;  border-left:1px solid #ddd;  border:1px solid #ddd; border-bottom:0px; background:#fff;   }
#path_container .path_inner > div ul li{ border-bottom:1px solid #ddd;}
#path_container .path_inner > div ul a{ display:block; height:40px; line-height:40px; padding:0 30px; font-size:14px; color:#333;  }
#path_container .path_bnr{ position:absolute; top:0; right:0;  }
#path_container .path_bnr a{ display:block; background:#094e93; padding:30px 25px; text-align:center; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
#path_container .path_bnr a:hover,
#path_container .path_bnr a:focus{ background:#00a1df;}
#path_container .path_bnr a strong{ display:block; font-size:14px; line-height:160%; margin-top:10px; color:#fff; }


/*모바일 서브 패스*/
.m_path_container{ display:none;} 

@media all and ( max-width:1630px ){
	/*푸터*/
	.ft_inner > strong{ margin-right:30px; }
}
@media all and ( max-width:1300px ){
	/*헤더*/
	#hd #hd_logo{ margin-right:40px; }
	#hd #hd_logo a img{ width:180px;  }
	#hd #util button{ margin-left:20px; }
	
	/*푸터*/
	.ft_family button{ width:250px; height:60px; font-size:16px;  }
}
@media all and ( max-width:1200px ){
	/*헤더*/
	#hd #hd_logo{ margin-right:30px; }
	#hd #hd_logo a img{ width:150px; }
	#hd #gnb .dep1_ul > li{ padding-right:25px; }
	#hd #gnb .dep2_box,
	#hd .hd_dummy{ height:580px; }
	#hd #gnb .dep2_box strong{ font-size:16px;}
	#hd #gnb .dep2_box{ padding:20px; }
	#hd #gnb .dep2_ul > li > a{ font-size:14px; }
	#hd #gnb .dep3_ul > li > a{ font-size:13px; }
	
	#hd #util ul li a{ font-size:14px; }
	
	
	/*푸터*/
	.ft_family{ position:relative; margin-top:30px; display:inline-block;}
}
@media all and (max-width:1024px){
	/*탑버튼*/
	#top_btn{ bottom:30px; right:30px; width:60px; height:60px; line-height:60px; }
	
	/*헤더*/
	#hd{ position:relative; }
	#hd > div.width1620{ height:65px; }
	#hd #hd_logo a{ line-height:65px; }
	#hd_logo a img{ width:200px;}
	#hd #gnb,
	#hd #util ul{ display:none; }
	#hd #util button{ position:absolute; top:50%; right:15px; width:25px; height:25px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); background: url(../img/all_menu_btn2.png) right center no-repeat; background-size:100%;  }
	
	/*전체메뉴*/
	.all_menu_inner{ padding:100px 15px;}
	.all_menu_inner .dep1_ul > li > a{ font-size:28px; }
	.all_menu_inner .dep2_ul > li > a{ font-size:16px; }
	.all_menu_inner .dep3_ul > li > a{ font-size:14px; }
	
	
	/*푸터 메뉴*/
	#ft_menu{ display:none; }
	
	/*푸터*/
	.ft_inner > strong{ width:100%; margin-bottom:20px; margin-right:0px;   }
	.ft_inner > div .company span,
	.ft_inner > div ul li a,
	.copy{ font-size:14px; }
	.ft_family button{ height:50px; font-size:14px; }
	
	/*서브 패스*/
	#path_container .path_bnr a{ display:none; }
	#path_container .path_inner > div button{ font-size:14px; }
}
@media all and (max-width:768px){
	/*탑버튼*/
	#top_btn{ bottom:10px; right:10px; width:50px; height:50px; line-height:50px; font-size:13px;}
	
	/*헤더*/
	#hd > div.width1620{ height:55px; }
	#hd #hd_logo a{ line-height:55px; }
	#hd_logo a img{ width:150px;}
	
	/*전체메뉴*/
	.all_menu_con{ overflow:hidden; background:rgba(0,0,0,0.7);}
	.all_menu_inner{padding:20px; position:absolute; top:0; right:0; width:95%; max-width:400px; background:#fff; height:100%; overflow-y:auto;}
	#all_close{ z-index:99; top:0px; right:0px; background-image:url('../img/all_menu_close2.png'); width:70px; height:70px; background-size:20px;  }
	#all_close img{ width:35px; }
	.all_login_box { display: block; position: absolute; top: 30px; left: 0; background: #68b82d; padding: 0 20px 0 55px; border-radius: 0 20px 20px 0; background:url(../img/all_login_ico.png) 30px center no-repeat, linear-gradient( to right, #0d3e6f 0%,#0074a4 100%); }
	.all_login_box li { display: inline-block; font-size:0px;  }
	.all_login_box li:after{  content: ""; display: inline-block; width: 1px; height: 10px; background: #fff; margin: 0 7px; }
	.all_login_box li:last-child:after{  content: none;}
	.all_login_box li a { display: inline-block; font-size: 13px; color: #fff; font-weight: 300; padding: 7px 0; }
	
	.all_menu_inner .dep1_ul{ padding-top:70px; }
	.all_menu_inner .dep1_ul > li{ margin-bottom:0px; }
	.all_menu_inner .dep1_ul > li > a{ position: relative; color: #333; font-size: 16px; margin-bottom: 0px; padding: 15px 60px 15px 10px; border-bottom: 1px solid #ddd; }
	.all_menu_inner .dep1_ul > li > a:after{ content: ""; position: absolute; top: 50%; right: 15px; width: 30px; height: 30px; border: 1px solid #ddd; border-radius: 100%; margin-top: -15px; background: url('../img/all_m_arrow.png') center no-repeat; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; }
	.all_menu_inner .dep2_ul{ display:none; background:#f4f4f4; padding:20px 20px; margin-top:0px; }
	.all_menu_inner .dep2_ul > li{ width:100%; margin-top:0px;  }
	.all_menu_inner .dep2_ul > li > a{ position:relative; display:block; font-size:14px; color:#333; padding:5px 0; line-height:160%; margin-bottom:0px;   }
	.all_menu_inner .dep2_ul > li > a:after,
	.all_menu_inner .dep2_ul > li > a:before{ content: ""; position: absolute; top: 50%; right: 0px; width: 13px; height: 1px; background: #333; margin-top: -0.5px; transition: all 0.3s; -webkit-transition: all 0.3s;-moz-transition: all 0.3s; }
	.all_menu_inner .dep2_ul > li > a:before{ transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
	.all_menu_inner .dep2_ul > li.on > a:before{ transform:rotate(-0deg); -webkit-transform:rotate(-0deg); -moz-transform:rotate(-0deg);}
	.all_menu_inner .dep3_ul{ display:none; margin-bottom:15px; }
	.all_menu_inner .dep3_ul > li > a{ position:relative; font-size:14px; color:#333; padding-left:20px;  }
	.all_menu_inner .dep3_ul > li > a:after{ content: ""; position: absolute; top: 6px; left: 0px; width: 10px; height: 1px; background: #333; }
	
	
	
	/*푸터*/
	.ft_inner > strong, .ft_inner > div{ width:100%;}
	.ft_inner > strong img{ width:120px; }
	.ft_inner > div .company span{ padding-left:0px;}
	.ft_inner > div .company span b{ position:static; display:block; margin-bottom:5px; }
	.ft_inner > div .company span,
	.copy{ font-size:13px; }
	.ft_inner > div ul li a{ font-size:12px; }
	.ft_inner > div ul li a:after{ margin:0 5px; }
	
	/*서브 패스*/
	#path_container{ display:none; }
	
	/*모바일 서브 패스*/
	.m_path_container{ position: relative;  display:block; z-index:99;}
	.m_path_container > button {display: block; width:100%; text-align:left;   height: 55px; line-height: 55px; font-size: 16px; color: #fff;  background: linear-gradient( to right, #094e93 0%,#00a0de 100%); padding: 0 35px 0 15px;}
	.m_path_container > button:after { content: ""; position: absolute; top: 50%; right: 15px; margin-top: -12.5px; width: 25px; height: 25px; background: url('../img/m_path_arrow.png') center no-repeat; background-size: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; }
	.m_path_dep1{ display:none;  position: absolute; top: 100%; left: 0; width: 100%; padding: 15px; background: #fff; }
	.m_path_dep1 > li > a{ position:relative;  display:block; font-size:14px; font-weight:700; height:45px; line-height:45px; border-bottom:1px solid #ddd;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right:20px;  transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; color:#333;   }
	.m_path_dep1 > li:last-child > a{ border-bottom:0px; }
	.m_path_dep1 > li.active > a{ color:#00adec;}
	.m_path_dep1 > li > a:after,
	.m_path_dep1 > li > a:before{ content:""; position:absolute; top:50%; right:0px; width:14px; height:2px; background:#333; margin-top:-1px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  }
	.m_path_dep1 > li > a:before{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); }
	.m_path_dep1 > li.active > a:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); background:#004b98;  }
	.m_path_dep1 > li.active > a:after{background:#00adec; }
	
	.m_path_dep2{ display:none; padding:25px 20px; width:100%; background:#f4f4f4;  }
	.m_path_dep2 > li{ margin-top:15px;}
	.m_path_dep2 > li:first-child{ margin-top:0px;}
	.m_path_dep2 > li > a{ position:relative;  display:block; font-size:13px; padding-bottom:5px;  color:#333;  transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  padding-left:20px;}
	.m_path_dep2 > li > a:after{ content:""; position:absolute; top:7px; left:0;  width:10px; height:1px; background:#333; }
	
	.m_path_container > button,
	.m_path_dep1 > li > a,
	.m_path_dep2 > li > a{ text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
}

#aigo{
	font-size:14pt;
}

/* ===== 5칸 탭 전용: 기존 grid2/3/4 영향 없음 ===== */
.sub_tab.grid5 li{ width:20%; }
.sub_tab.grid5 li:nth-child(5n+1){ border-left:1px solid #ddd; clear:both; }
.sub_tab.grid5 li.on:nth-last-child(-n+5){ border-bottom:0; }

/* 1024px ↓ : 3칸/줄 */
@media all and ( max-width:1024px ){
    .sub_tab.grid5 li{ width:33.3333%; }
    .sub_tab.grid5 li:nth-child(5n+1){ border-left:none; clear:none; }
    .sub_tab.grid5 li.on:nth-last-child(-n+5){ border-bottom:1px solid #ddd; }
    .sub_tab.grid5 li:nth-child(3n+1){ border-left:1px solid #ddd; clear:both; }
    .sub_tab.grid5 li.on:nth-last-child(-n+3){ border-bottom:0; }
}

/* 768px ↓ : 2칸/줄 */
@media all and ( max-width:768px ){
    .sub_tab.grid5 li{ width:50%; }
    .sub_tab.grid5 li:nth-child(3n+1){ border-left:none; clear:none; }
    .sub_tab.grid5 li.on:nth-last-child(-n+3){ border-bottom:1px solid #ddd; }
    .sub_tab.grid5 li:nth-child(2n+1){ border-left:1px solid #ddd; clear:both; }
    .sub_tab.grid5 li.on:nth-last-child(-n+2){ border-bottom:0; }
}

/* 420px ↓ : 1칸/줄 */
@media all and ( max-width:420px ){
    .sub_tab.grid5 li{ width:100%; }
    .sub_tab.grid5 li:nth-child(2n+1){ border-left:none; }
    .sub_tab.grid5 li.on:nth-last-child(-n+1){ border-bottom:1px solid #ddd; }
    .sub_tab.grid5 li:nth-child(1n+1){ border-left:1px solid #ddd; }
    .sub_tab.grid5 li.on:nth-last-child(-n+1){ border-bottom:0; }
}