@charset "utf-8";








/******************************* 전체 레이아웃 ******************************************/

.wrap{position:relative;}


/* header */
.header{background:#364c98 url("../images/header/gnb_bg.png") repeat-x left top; 
  position:absolute; left:0; right:0; top:0; z-index:1001;
}

.user_menu_area{height:38px; background-color:#253870; border-bottom:1px solid #2e4284;}

.user_menu{text-align:right;}
.user_menu li{display:inline-block; padding-left:12px; margin-left:12px; position:relative;}
.user_menu li:before{content:""; width:1px; height:12px; margin-top:-6px; background-color:#d3d7e2;
  position:absolute; left:0; top:50%;
}
.user_menu li:first-child{padding-left:0; margin-left:0;}
.user_menu li:first-child:before{display:none;}
.user_menu li a{display:inline-block; font-size:13px; color:rgba(255,255,255,0.8); line-height:37px;}

.user_menu .login a{padding-left:25px; background:url("../images/header/icon_login.png") no-repeat left center;}


.gnb_area{}

.logo{float:left; padding-top:15px;}
.logo img{height:40px;}

.gnb_list{float:right;}
.gnb_list > li{float:left;}
.gnb_list > li > a{display:block; padding:0 50px;
  font-size:22px; color:#fff; font-weight:700; line-height:71px;
}
.gnb_list > li:hover > a{background-color:#364c98; color:#01cac4;}


.gnb_sub_list{padding:25px 0 30px 50px; margin-right:-50px; display:none;}
.gnb_sub_list li{}
.gnb_sub_list li a{display:block; font-size:20px; color:#fff; font-weight:400; line-height:40px;}

.gnb_list:hover .gnb_sub_list{display:block;}



/* container */
.container{padding-top:109px;}


.hierarchy_area{border-bottom:1px solid #cdcdcd;}
.hierarchy_list > li{border-right:1px solid #cdcdcd;}
.hierarchy_list > li:first-child{margin-left:0; border-left:1px solid #cdcdcd;}



/* footer */
.footer{padding:22px 0; background-color:#373940;}

.footer_logo{float:left;}
.footer_logo img{width:117px;}

.footer_address{float:left; width:1070px; margin-left:20px; position:relative;}

.footer_text{display:inline-block; font-size:12px; color:#c6c9c7;}

.f_term_link{position:absolute; left:280px; top:0;}
.f_term_link li{display:inline-block; padding-left:10px; margin-left:8px; position:relative;}
.f_term_link li:before{content:""; width:1px; height:12px; margin-top:-6px; background-color:#4e5057; 
  position:absolute; left:0; top:50%;
}
.f_term_link li a{font-size:12px; color:#fefefe;}

.f_term_link li:first-child{padding-left:0; margin-left:0;}
.f_term_link li:first-child:before{display:none;}

.address_list{margin-top:6px; padding-top:6px; border-top:1px solid #4b4d53;}
.address_list li{display:inline-block; margin-right:35px;}
.address_list li address{font-size:12px; color:#c6c9c7; line-height:18px; font-style:normal;}
.address_list li address:before{content:"· ";}

.copyright{margin-top:10px; font-size:11px; color:rgba(198,201,199,0.7);}






.m_none{display:block !important;}
.pc_none{display:none !important;}



/* ~ 1024px ----------- */
@media only screen 
and (max-width : 1023px)
{
	

	.m_none{display:none !important;}
	.pc_none{display:block !important;}


	/* header */
	.header{height:98px; position:fixed;}

	.user_menu_area{display:none;}


	.gnb_area{}

	.logo{float:none; padding-top:25px; text-align:center;}
	.logo img{height:44px;}

	.gnb_list{float:none; display:none;}


	.btn_gnb{display:block; width:40px; height:26px; position:absolute; right:6.8%; top:33px; z-index:1002;
	  transition:all .4s;
	}
	.btn_gnb span{display:inline-block; width:100%; height:6px; background-color:#fff;
	  text-indent:-9999px; position:absolute; left:0; top:10px;
	  transition:all .4s;
	}
	.btn_gnb:before, .btn_gnb:after{display:inline-block; content:""; width:100%; height:6px; background-color:#fff;
	  position:absolute; left:0;
	  transition:all .4s;
	}
	.btn_gnb:before{top:0;}
	.btn_gnb:after{bottom:0;}

	.btn_gnb.active-1:before{
	  -webkit-transform:translateY(10px) rotate(-45deg);
	  transform:translateY(10px) rotate(-45deg);
	}
	.btn_gnb.active-1 span{opacity:0;}
	.btn_gnb.active-1:after{
	  -webkit-transform:translateY(-10px) rotate(45deg);
	  transform:translateY(-10px) rotate(45deg);
	}

	
	/* gnb */
	.mobile_gnb_bg{width:100%; background-color:rgba(0,0,0,0.9); position:fixed; top:0; bottom:0; right:0; z-index:1001; display:none;}
	.mobile_gnb_area{width:84.01%; padding-top:98px; background-color:#e0e0e0; overflow-y:auto; 
	  position:fixed; right:0; top:0; bottom:0;
	  display:none;
	}

	.gnb_logo{width:84.01%; height:98px; padding-top:27px; padding-left:5.23%; background-color:#253870; 
	  position:fixed; right:0; top:0; z-index:2;
	}
	.gnb_logo img{height:44px;}

	.gnb_login_info{padding:38px 22px 45px 30px; background-color:#fff; border:1px solid #cacaca; border-bottom:1px solid #a7a7a7;}

	.login_link a{width:50%; font-size:30px; color:#333; text-align:center; position:relative;}
	.login_link a:before{content:""; width:1px; height:40px; margin-top:-20px; background-color:#a7a7a7;
	  position:absolute; left:0; top:50%;
	}
	.login_link a:first-child:before{display:none;}

	.profile_img_area{width:58.50%; font-size:30px; position:relative;}
	.profile_img_area > a > img{width:76px; height:76px; margin-right:30px; border-radius:100%;}
	.profile_img_area span{margin:auto 0;}

	.add_profile_area{width:32px; height:32px;
	  background:#fff url("../images/m/header/icon_camera.png") no-repeat center center;
	  border-radius:100%; box-shadow:5px 5px 5px rgba(0,0,0,0.2); 
	  text-indent:-9999px; overflow:hidden; position:absolute; top:49px; left:48px;
	}

	.file_profile_hidden{width:32px; height:32px; position:absolute; right:0px; top:0px; opacity:0; 
	  filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;
	}

	.user_link_list{margin-left:auto; margin-top:auto;}
	.user_link_list li{float:left; width:70px;}
	.user_link_list li a{display:block; font-size:14px; color:#8d8d8d; text-align:center; position:relative;}
	.user_link_list li img{display:block; margin:0 auto 10px;}
	.user_link_list li .alarm_num{display:block; width:20px; height:20px; background-color:#fc0505; border-radius:100%;
	  font-size:14px; color:#fff; line-height:20px; text-align:center;
	  position:absolute; right:12px; top:0;
	}

	.personal_info_link{margin-top:-1px; background-color:#fff; border-top:1px solid #d8d8d8; border-bottom:1px solid #a7a7a7;}
	.personal_info_link li{width:33.33%; border-left:1px solid #d8d8d8;}
	.personal_info_link li:first-child{border-left:0;}
	.personal_info_link li a{display:block; font-size:22px; color:#666; line-height:74px; text-align:center; position:relative;}
	.personal_info_link li a:after{display:inline-block; content:""; width:7px; height:12px; margin-left:20px; margin-right:-20px;
	  background-image:url("../images/m/header/arrow_personal.png");
	}

	.gnb_banner_list{margin-top:11px;}
	.gnb_banner_list li{margin-top:5px;}
	.gnb_banner_list li:first-child{margin-top:0;}
	.gnb_banner_list li a{display:block; border:1px solid #cacaca;}
	.gnb_banner_list li img{width:100%;}

	.mobile_gnb_list{margin-top:10px;}
	.mobile_gnb_list > li > a{display:block; height:75px; background-color:#f5f5f5; border-bottom:1px solid #e0e0e0; 
	  font-size:24px; color:#333; font-weight:700; line-height:75px; text-indent:8.98%;
	  position:relative;
	}
	.mobile_gnb_list > li > a:after{content:""; width:19px; height:11px; margin-top:-5.5px;
	  background-image:url("../images/m/header/gnb_up.png");
	  position:absolute; right:8.98%; top:50%;
	}
	.mobile_gnb_list > li > .no_depth:after{display:none;}

	.m_gnb_sub{display:none;}
	.m_gnb_sub li a{display:block; background-color:#f9f9f9; border-bottom:1px solid #e0e0e0;
	  font-size:20px; color:#666; line-height:49px; text-indent:10.84%;
	}

	.mobile_gnb_list .on .m_gnb_sub{display:block;}
	.mobile_gnb_list .on > a:after{
	  -webkit-transform:rotate(180deg);
	  transform:rotate(180deg);
	}

	.gnb_footer{padding:40px 6.19% 30px; margin-top:10px; background-color:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
	.gnb_footer .notice{display:block; width:80%; padding-left:35px;
	  background:url("../images/m/header/icon_notice.png") no-repeat left center; 
	  font-size:20px; color:#666; line-height:21px;
	}
	.gnb_footer .btn_gnb_top{display:block; height:17px; padding-left:25px; margin-left:auto; 
	  background:url("../images/m/header/icon_top.png") no-repeat left bottom; 
	  font-size:18px; color:#666; position:relative;
	}
	.gnb_footer .btn_gnb_top:before{content:""; width:1px; height:24px; background-color:#d2d2d2; 
	  position:absolute; left:-24px; top:-2px;
	}

	
	body.open{height:100%; overflow:hidden;}
	body.open .mobile_gnb_bg, body.open .mobile_gnb_area{right:0; display:block;}


	/* container */
	.container{padding-top:98px;}



	/* footer */
	.footer{padding:40px 0 32px; text-align:center;}

	.footer_logo{float:none;}
	.footer_logo img{width:172px;}

	.footer_address{float:none; width:auto; margin-left:0;}

	.footer_text{display:block; margin:10px 6.8% 0; padding-bottom:26px; border-bottom:1px solid #4b4d53; font-size:18px;}

	.f_term_link{display:block; padding-bottom:16px; border-bottom:1px solid #4b4d53;
	  text-align:center;
	  position:absolute; left:6.8%; top:68px; right:6.8%;
	}
	.f_term_link li{padding-left:20px; margin-left:20px;}
	.f_term_link li:before{height:20px; margin-top:-10px;}
	.f_term_link li a{font-size:18px;}

	.address_list{margin-top:66px; border-top:0;}
	.address_list li{display:block; margin-right:0;}
	.address_list li address{font-size:20px; line-height:34px;}
	.address_list li span{display:block;}

	.copyright{margin-top:20px; font-size:16px;}
	

}



/* ~ 768px ----------- */
@media only screen 
and (max-width : 766px)
{

	/* header */
	.header{height:49px;}

	.gnb_area{}

	.logo{padding-top:16px;}
	.logo a{display:inline-block; height:22px;}
	.logo img{height:22px; vertical-align:top;}


	.btn_gnb{width:20px; height:13px; top:19px;}
	.btn_gnb span{height:3px; top:5px;}
	.btn_gnb:before, .btn_gnb:after{height:3px;}


	.btn_gnb.active-1:before{
	  -webkit-transform:translateY(5px) rotate(-45deg);
	  transform:translateY(5px) rotate(-45deg);
	}
	.btn_gnb.active-1:after{
	  -webkit-transform:translateY(-5px) rotate(45deg);
	  transform:translateY(-5px) rotate(45deg);
	}

	
	/* gnb */
	.mobile_gnb_area{padding-top:49px;}

	.gnb_logo{height:49px; padding-top:13.5px;}
	.gnb_logo img{height:22px;}

	.gnb_login_info{padding:19px 11px 22.5px 15px;}

	.login_link a{font-size:15px;}
	.login_link a:before{height:20px; margin-top:-10px;}

	.profile_img_area{width:47.5%; font-size:15px;}
	.profile_img_area > a > img{width:38px; height:38px; margin-right:15px;}

	.add_profile_area{width:16px; height:16px;
	  background-size:auto 7px; box-shadow:2px 2px 2px rgba(0,0,0,0.2); top:24px; left:24px;
	}

	.file_profile_hidden{width:16px; height:16px;}

	.user_link_list li{width:50px;}
	.user_link_list li a{font-size:10px;}
	.user_link_list li img{height:22.5px; margin:0 auto 5px;}
	.user_link_list li .alarm_num{width:12px; height:12px; font-size:10px; line-height:12px; right:10px;}

	.personal_info_link li a{font-size:12px; line-height:37px;}
	.personal_info_link li a:after{width:3.5px; height:6px; margin-left:10px; margin-right:-10px;
	  background-size:100%;
	}

	.gnb_banner_list{margin-top:5.5px;}
	.gnb_banner_list li{margin-top:2.5px;}

	.mobile_gnb_list{margin-top:5px;}
	.mobile_gnb_list > li > a{height:42px; font-size:15px; line-height:42px;}
	.mobile_gnb_list > li > a:after{content:""; width:10px; height:6px; margin-top:-3px; background-size:100%;}

	.m_gnb_sub li a{font-size:16px; line-height:35px;}

	.gnb_footer{padding:20px 6.19% 15px; margin-top:5px;}
	.gnb_footer .notice{padding-left:20px; background-size:auto 100%;
	  font-size:12px; line-height:13px;
	}
	.gnb_footer .btn_gnb_top{height:11px; padding-left:13px; background-size:auto 9px;
	  font-size:12px; 
	}
	.gnb_footer .btn_gnb_top:before{height:12px; left:-12px; top:-1px;}


	/* container */
	.container{padding-top:49px;}



	/* footer */
	.footer{padding:20px 0 16px;}

	.footer_logo img{width:86px;}

	.footer_text{margin:5px 6.8% 0; padding-bottom:13px; font-size:12px;}


	.f_term_link{padding-bottom:15px; top:44px;}
	.f_term_link li{padding-left:10px; margin-left:10px;}
	.f_term_link li:before{height:10px; margin-top:-5px;}
	.f_term_link li a{font-size:12px;}

	.address_list{margin-top:50px;}
	.address_list li address{font-size:12px; line-height:19px;}

	.copyright{margin-top:10px; font-size:12px;}
	

}