.gnb .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;z-index:99;display:none;}



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

	.center{width:960px;margin:auto;overflow:hidden;}

	.mobile{display:none !important;}

}

@media only screen and (min-width:768px) and (max-width:1023px){

	.center{width:90.625%;margin:auto;}

	header .center{position: relative;/*2016-11-29 추가*/width:100% !important;margin:0 !important;}

	header .pc{display: none !important}

	main .mobile{display: none !important;}

	main .tablet{display: inherit !important}

	footer .mobile{display: none !important}

}

@media all and (max-width:767px){

	.pc{display:none !important;}

	.mobile{display:inherit;}

	.pc_tablet{display: none !important;}

}



/****************************************************헤더*****************************************************/

@media all and (min-width:1024px){	/*pc ver*/

	header .top{background:#174f89;height:35px;line-height:35px;}

	header .top ul{overflow:hidden;float:right;}

	header .top li{float:left;padding-left:12px;color:#ccc;font-size:12px;}

	header .top li:before{content:"l";padding-right:12px;opacity:.2;}

	header .top li:FIRST-CHILD{padding-left:0;}

	header .top li:FIRST-CHILD:before{content:none;}

	header .top .login{color:#fff;}

	header .top .login:before{color:#ccc;}

	header .top li button{width:59px;height:21px;border:1px solid #2d5c8d;background:#134273;font-size:12px;color:#ccc;line-height:20px;}



	.gnb{background:#fff;height:75px;border-bottom:1px solid #174f89;}

	.gnb h1{background:url(../img/common/logo.png)no-repeat 50% 50%;/*2016-12-01 50% 50% 추가*/width:157px;height:75px;/*2016-12-01 width,height 수정*//*margin-top:12px; 2016-12-01 삭제*/float:left;font-size:0;/*2016-12-01추가*/cursor: pointer;}

	.gnb .in{overflow:hidden;height:75px;line-height:75px;float:right;}

	.gnb .dep1 li{float:left;margin-left:80px;font-size:18px;font-weight:600;}

	.gnb .dep1 a{height:74px;display:block;}

	.gnb li:FIRST-CHILD{margin-left:0;}

	.gnb .dep2{

		float:none;

		width:100%;

		border-top:1px solid #e4e4e4;

		border-bottom:1px solid #174f89;

		position:absolute;

		top:109px;

		left:0;

		background:#fff;

		display:none;

		z-index:100;

	}

	.gnb .dep2 ul{overflow:hidden;float:none;height:48px;line-height:48px;/*2016-12-02 추가*/text-align: center}

	.gnb .dep2 li{display: inline-block;margin-left:32px;font-size:14px;font-weight:normal;}

	.gnb li:FIRST-CHILD{margin-left:0;}

	/*.gnb .dep2 ul{padding-left:64px;}

	.gnb .dep2+.dep2 .center{padding-left:312px;}

	.gnb .dep2+.dep2+.dep2 .center{text-align: right;padding-right:134px;}

	.gnb .dep2+.dep2+.dep2+.dep2 .center{text-align: right;padding: 0}*/
	/*2016-12-02추가*/.gnb .dep2:nth-last-child(1) ul{text-align: right}
	/*2016-12-02추가*/.gnb .dep2:nth-last-child(2) ul{text-align: right;padding-right: 133px;}
	/*2016-12-02추가*/.gnb .dep2:nth-last-child(3) ul{padding-left: 288px}
	/*2016-12-02추가*/.gnb .dep2:nth-last-child(5) ul{text-align: left;padding-left: 300px}
	/*2016-12-02추가*/.gnb .dep3{display: none}
}	/*pc ver end*/



@media only screen and (min-width:768px) and (max-width:1023px){

	header{margin-bottom:12px}

}



@media all and (max-width:1023px){	/*mobile ver*/

	.stop{height:100% !important;overflow:hidden !important;}



	.gnb{height:53.5px;background:#184f8c;}

	.gnb h1{width:120.5px;/*2016-12-01 width수정*/height:53.5px;background:url(../img/common/mobi_logo.png) no-repeat 0 50%;background-size:100%;margin:auto;text-align:center;}

	.gnb .h1{background:none;line-height:53.5px;font-size:20px;font-weight:600;color:#fff;width:70%;text-align:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden}

	.gnb .home{background:url(../img/common/home.gif) no-repeat 0 50%;background-size:100%;width:28px;height:53.5px;;position:absolute;top:0;left:10px;cursor:pointer;}

	.gnb .menu

		{position:absolute;top:0;right:0;margin-right:2.968%;height:53.5px;width:23.5px;

		background:url(../img/common/mobi_menu.gif) no-repeat center;background-size:100%;cursor:pointer;}

	.gnb .in{width:360px;height:100%;background:#fff;position:fixed;top:0;right:-400px;z-index:100;}



	.gnb .top{background:#184f8c;overflow:hidden;}



	header>.top{display:none;}



	.gnb .top .before_login{overflow:hidden;display:inline-block;height:55px;padding-top:20px;padding-left:20px;display:none;}

	.gnb .top .before_login li{float:left;font-size:12px;padding-left:15px;color:#fff;}

	.gnb .top .before_login li:FIRST-CHILD, .gnb .top .before_login li:FIRST-CHILD+li{padding-left:0;}

	.gnb .top .before_login li:before{content:"l";opacity:.16;padding-right:15px;}

	.gnb .top .before_login li:FIRST-CHILD:before, .gnb .top .before_login li:FIRST-CHILD+li:before{content:none;}

	.gnb .top .before_login li.close{float:none;padding:0;position:absolute;top:16px;right:18px;}



	.gnb .top .after_login{overflow:hidden;display:inline-block;height:68px;text-align:left;padding-top:12px;padding-left:18px;}

	.gnb .top .after_login h3{color:#fff;font-size:15px;font-weight:normal;line-height:normal;margin-bottom:4px;}

	.gnb .top .after_login .close{position:absolute;top:12px;right:18px;}



	.gnb .top img.close{width:18px;height:18px;cursor:pointer;}



	.gnb .dep1{width:28%;height:100%;float:left;}

	.gnb .dep1 ul{width:100%;height:100%;background:#f5f5f5;border-right:1px solid #ddd;padding-top:10px;}

	.gnb .dep1 li{width:100%;height:44px;line-height:44px;font-size:16px;font-weight:600;text-align:center;}

	.gnb .dep1 li.selected{background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:none;width:101%;}



	.gnb .dep2{padding:15px 17px 70px;width:72%;height:100%;overflow-Y:auto;float:right;display:none;}

	.gnb .dep2 .title{font-size:16px;font-weight:600;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #8c8c8c;}

	.gnb .dep2>ul>li{font-size:15px;padding:10px 0;text-indent:4px;border-bottom:1px solid #ddd;position:relative;width:100%;}

	.gnb .dep2 .selected{font-weight:600;color:#539a00;}

	.gnb .dep2>ul>li.has_child:after{content:' ';background:url(../img/common/mobi_gnb_plus.gif) no-repeat;background-size:100%;width:12px;height:12px;position:absolute;top:14px;right:4px;}

	.gnb .dep2>ul>li.selected:after{content:' ';background:url(../img/common/mobi_gnb_minus.gif) no-repeat;background-size:100%;width:12px;height:12px;position:absolute;top:14px;right:4px;}



	.gnb .dep3{border-top:1px solid #ddd;padding:13px 4px;display:none;margin-top:15px;}

	.gnb .dep3 li{font-size:13px;line-height:24px;color:#000 !important;font-weight:normal !important;letter-spacing:-2px;}

	.gnb .dep3 li:before{content:'-';font-size:13px;margin-right:6px;}

	.gnb .dep3 .current{font-weight:600 !important;color:#539a00 !important;text-decoration:underline;}

}	/*mobile ver end*/

@media only screen and (max-width:767px) and (orientation:portrait){.gnb .in{width:100%;right:-100%;}}



/****************************************************푸터******************************************************/

@media all and (min-width:1024px){	/*pc ver*/

	footer{margin-top:28px;clear:both;}

	footer .top{height:40px;line-height:40px;background:#9e9e9e;overflow:hidden;}

	footer .top ul{overflow:hidden;float:right;}

	footer .top li{float:left;padding-left:18px;font-size:13px;}

	footer .top li:before{content:"l";color:#fff;padding-right:18px;opacity:.2;}

	footer .top li:FIRST-CHILD{color:#fff;font-weight:600;}

	footer .top li:LAST-CHILD {border:1px solid #7b7b7b;width:69px;height:24px;margin-left:18px;line-height:24px;padding:0;text-align:center;margin-top:8px;}

	footer .top li:LAST-CHILD:hover{color:inherit;font-weight:normal}

	footer .top li:first-child{padding:0;}

	footer .top li:FIRST-CHILD:before{padding:0;content:none;}

	footer .top li:LAST-CHILD:before{content:none;}



	footer .bottom{height:78px;overflow:hidden;}

	footer .bottom h2{width:235px;height:44px;background:url(../img/common/ft_logo.png);background-size:100%;margin-top:10px;float:left;}

	footer .bottom ul{float:right;margin-top:16px;}

	footer .bottom li{text-align:right;font-size:12px;color:#555;line-height:16px;}

	footer .bottom li strong{font-weight:normal;color:#000;}

}	/*pc ver end*/



@media all and (min-width:768px) and (max-width:1023px){	/*tablet ver*/

	footer{margin-top:28px;clear:both;height:118px;}

	footer .top{height:40px;line-height:40px;background:#9e9e9e;overflow:hidden;}

	footer .top ul{overflow:hidden;float:right;}

	footer .top li{float:left;padding-left:18px;font-size:13px;}

	footer .top li:before{content:"l";color:#fff;padding-right:18px;opacity:.2;}

	footer .top li:FIRST-CHILD{color:#fff;font-weight:600;}

	footer .top li:LAST-CHILD {border:1px solid #7b7b7b;width:69px;height:24px;margin-left:18px;line-height:24px;padding:0;text-align:center;margin-top:8px;}

	footer .top li:LAST-CHILD:hover{color:inherit;font-weight:normal}

	footer .top li:first-child{padding:0;}

	footer .top li:FIRST-CHILD:before{padding:0;content:none;}

	footer .top li:LAST-CHILD:before{content:none;}



	footer .bottom{height:78px;overflow:hidden;}

	footer .bottom h2{width:235px;height:44px;background:url(../img/common/ft_logo.png);background-size:100%;margin-top:10px;float:left;}

	footer .bottom ul{float:right;margin-top:16px;}

	footer .bottom li{text-align:right;font-size:12px;color:#555;line-height:16px;}

	footer .bottom li strong{font-weight:normal;color:#000;}

}	/*tablet ver end*/



@media all and (max-width:767px){	/*mobile ver*/

	footer{height:40px;line-height:40px;background:#8b8b8b;text-align:center;clear:both;margin-top:7px;}

	footer div{height:40px;}

	footer ul{overflow:hidden;display:inline-block;}

	footer li{float:left;margin-left:19px;color:#fff;font-size:12px;}

	footer li:FIRST-CHILD {margin-left:0;}

}	/*mobile ver end*/



/*******************************************************************main**************************************************************************/

@media only screen and (min-width:1024px){

	main{overflow:hidden;padding-top:30px;}

}

@media only screen and (max-width:1023px){

	main{overflow:hidden;padding-top:7px !important;}

}



/**************************************************************************lnb*********************************************************************/



.lnb{width:215px;float:left;}

.lnb h2{width:100%;font-size:26px;font-weight:600;border-bottom:1px solid #e4e4e4;padding-bottom:16px;margin-bottom:20px;}

.lnb .dep1>a{display:block;width:100%;border-bottom:1px solid #bcdeed;background:#6bb7d9;color:#160000;font-size:16px;padding:14px 16px;}

.lnb .dep2{background:#f5f5f5;padding:18px 16px;display:none;}

.lnb .dep2 li{color:#555;font-size:14px;line-height:30px;}



.lnb .selected>a{background:#184f8c;color:#FFFFFF;}

.lnb>ul>li.current>a{background: #184f8c}

.lnb .dep2 .current a{color:#174f89;font-weight:600;text-decoration:underline;}



.lnb .has_child>a:after{content:" ";width:13px;height:13px;float:right;background:url(../img/common/lnb_plus.png) no-repeat;margin-top:2px;}

.lnb .selected>a:after{content:" ";width:13px;height:13px;float:right;background:url(../img/common/lnb_minus.png) no-repeat;margin-top:2px;}

@media only screen and (max-width:1023px){

	.lnb{display:none;}

}



/**************************************************************************contents********************************************************************/

hr{display:none;}



@media only screen and (min-width:768px){

	.contents{float:right;width:710px;margin-left:35px;}

	.contents header{border-bottom:1px solid #e4e4e4;padding-bottom:16px;overflow:hidden;margin-bottom:16px;}

	.contents header h2{font-size:26px;font-weight:600;background:url(../img/sub/sub_h2.png) no-repeat 0 50%;padding-left:22px;}

	.contents header nav{margin-top:12px;color:#555;font-size:12px;}



	.contents .body .title{overflow:hidden;}

	.contents .body .title h3{font-size:18px;font-weight:600;margin-top:6px;background:url(../img/sub/sub_h3.png) no-repeat 0 50%;padding-left:20px;}

}



@media only screen and (min-width:768px) and (max-width:1023px){

	.contents{width:100%;float:none;margin:auto;}

}



@media only screen and (max-width:767px){

	.contents{width:93.75%;margin:auto;}

	hr{border:1px solid #d2d2d2;border-top:none;}



	.contents .body .title{overflow:hidden;}

	.contents .body .title h3{font-size:18px;font-weight:600;margin-top:6px;background:url(../img/sub/sub_h3.png) no-repeat 0 50%;padding-left:20px;}

}