@charset "utf-8";

html {font-size: 62.5%;}

/*
html.websize-1{font-size: 62.5%;}
html.websize-2{font-size: 68.5%;}
html.websize-3{font-size: 72.5%;}
html.websize-4{font-size: 78.5%;}
html.websize-5{font-size: 82.5%;}

.size-realtime {display:none;font-size:12px;padding-left:0 !important;}
html.websize-1 .size-realtime.s1 {display:inline;}
html.websize-2 .size-realtime.s2 {display:inline;}
html.websize-3 .size-realtime.s3 {display:inline;}
html.websize-4 .size-realtime.s4 {display:inline;}
html.websize-5 .size-realtime.s5 {display:inline;}
*/


/* .skipContent { font-size: 0; height: 0; width: 0; position: absolute; left:0; top: 0; text-indent: -9999 } */

html body { font-family:'나눔바른고딕', NanumBarunGothic ,Helvetica, AppleGothic,sans-serif,'돋움', Dotum; color:#444; font-size:13px;font-size:1.3rem; line-height: 160%; letter-spacing: -0.2px;}
/*  MOBILE MENU  */
#m_gnb{  display: none; position:absolute; z-index:7777; right:0; top: 0; width:0; height: 0; opacity:0; } 
#m_gnb.selected { display: block;  height: 100%; width: 320px; opacity: 1; }

#m_gnb h3 { position: relative; height: 80px; line-height: 80px; padding-left: 110px; font-size: 20px; font-size: 2.0rem; font-weight: 700; color: #fff; background-color: #002c59; background-image: url("../images/basic/ico_m_gnb.png");  background-repeat: no-repeat; background-position: 270px 32px }
#m_gnb .ico_m_gnb_close { display: block; position: absolute; z-index: 10; left: 0; top: 0; width: 80px; height: 80px; font-size: 0; background-color: #fff; background-image: url("../images/basic/btn_m_gnb_close.png"); background-repeat: no-repeat; background-position: 50% 50%; }
#m_gnb .m_nav-menu { margin-left: 80px; background-color: #313442; }
#m_gnb .m_nav-menu .m_nav-item > span > a { display: block; width: 100%; height: 60px; padding-left: 30px; line-height: 60px; font-size: 19px; font-size: 1.9rem; color: #fff; border-bottom: 1px solid #282e35; box-sizing: border-box; background-color: #1d3c98; background-image: url("../images/basic/m_gnb_on.png"); background-repeat: no-repeat; background-position: 90% 30px; }
#m_gnb .m_nav-menu .m_nav-item.selected span >  a {  background-color: #0fa24c; background-image: url("../images/basic/m_gnb_off.png"); }
#m_gnb .m_nav-menu .m_nav-item .sub-nav { display: none; }
#m_gnb .m_nav-menu .m_nav-item.selected .sub-nav { display: block; background-color: #313442; }
#m_gnb .m_nav-menu .m_nav-item.selected .sub-nav li a { display: block; color: #bfbfc2; height: 50px; padding-left: 30px;  font-size: 16px; font-size: 1.6rem; line-height: 50px;  border-bottom: 1px solid #5a5d68; }
#m_gnb .m_nav-menu .m_nav-item.selected .sub-nav li a:hover { color: #40d17c; }


.ico_m_gnb { display: none; position: absolute; top: 25px; right: 35px; z-index: 100; width: 39px; height: 39px; border-radius: 20px; font-size: 0; background-color: #004a95; background-image: url("../images/basic/ico_m_gnb.png"); background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; }
.m_gnb_bg { display: none; position: absolute; z-index: 105; width: 100%; left: 0; top: 0; background-image: url("../images/basic/m_gnb_open_bg.png"); background-repeat: repeat; }
@media screen and (min-width: 1281px)  and (max-width: 3600px) { 
	.m_gnb_bg.on { display: none !important; } 
	#m_gnb.selected { display: none;  }
}

/*  header  */
header  { position: relative; z-index: 110; width: 100%; height: 100px; background-color: #fff; }
header .gnb_wrap { 	position: absolute; top: 0; left: 0; z-index: 1500; width: 100%;  background-color: #fff; background-image: url("../images/sub/gnb_bg.png"); background-position: 0 0; background-repeat: repeat-x; }
#gnb { position: relative; width: 1200px; height: 100px; margin: 0 auto;  box-sizing: border-box; }
#gnb .logo { position: absolute; z-index: 2; top: 25px; left: 0; }
#gnb .nav-menu { float: right; width: 790px; }
#gnb .nav-menu .nav-item{ float: left; width: 16.6%}
#gnb .nav-menu .nav-item:first-child { margin-left: 0; }
#gnb .nav-menu .nav-item > a { display: block; overflow: hidden; height: 100px;  line-height: 100px; font-weight: 700; font-size: 21px; font-size: 2.1rem; color: #444; text-align: center; }
#gnb .nav-menu .nav-item > a:hover { color: #1d3c98}
#gnb .nav-menu .nav-item .sub-nav { height: 0; opacity: 0; font-size: 0; 
	transition: all .3s ease; 
	-webkit-transition: all  .3s ease; }
#gnb .nav-menu.selected .nav-item .sub-nav { height: 340px; opacity: 1; font-size: 1em; }
#gnb .nav-menu.selected .nav-item:first-child .sub-nav { }
#gnb .nav-menu.selected .nav-item .sub-nav ul li { float: none; text-align: center; }
#gnb .nav-menu.selected .nav-item .sub-nav ul li:first-child { padding-top:7px; }
#gnb .nav-menu .nav-item .sub-nav ul li a { display: none }
#gnb .nav-menu .nav-item .sub-nav ul li a { position: relative; padding: 5px 3px 3px 3px ; font-weight: 500; font-size: 13px; font-size: 1.3rem; text-align: center; color: #3d3d3d; }
#gnb .nav-menu.selected  .nav-item .sub-nav ul li a  { display: block; }
#gnb .nav-menu.selected .nav-item .sub-nav ul li a:hover { color: #1d3c98; }
#gnb .nav-menu.selected .nav-item .sub-nav ul li a:hover::after { content:""; display: block; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 1px; }
#gnb .nav-menu.selected .nav-item.over .sub-nav {  }

.sub_visual { width: 100%; height: 365px; background-image: url("../images/sub/sub_pageNav_bg.jpg"); background-repeat: no-repeat; background-position: 50% 50%; }
.sub_visual .sub_visual_container { display: table; position: relative; width: 1200px; height: 100%; margin: 0 auto; }
.sub_visual .sub_visual_container .s-title { display: table-cell; vertical-align: middle; width: 100%; text-align: center; color: #fff; }
.sub_visual .sub_visual_container .s-title h3 { font-size: 48px; font-size: 4.8rem;  line-height: 60px; }
.sub_visual .sub_visual_container .s-title > p {  padding-top: 20px; font-size: 16px; font-size: 1.6rem; letter-spacing: 4px}
.sub_visual .sub_visual_container  > a { display: block; position: absolute; z-index: 10; top: 142px; width: 80px; height: 80px; font-size: 0; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; }
.sub_visual .sub_visual_container .s-prev {  left: 0; background-image: url("../images/sub/sub_pageNav_prev.png"); }
.sub_visual .sub_visual_container .s-next {  right: 0; background-image: url("../images/sub/sub_pageNav_next.png"); }

.snb { width: 100%; height: 60px; border-bottom: 1px solid #ddd; }
.snb .snb_container { width: 1200px; margin: 0 auto; }
.snb .snb_container > ul > li { float: left;  position: relative; min-width: 200px; box-sizing: border-box; }
.snb .snb_container > ul > li > a { overflow: hidden; display: block; height: 60px; padding: 0 45px 0 25px; border-right: 1px solid #ddd; font-weight: 700; font-size: 16px; font-size: 1.6rem; line-height: 60px; background-image: url("../images/sub/snb_arr_bk.png"); background-repeat: no-repeat; background-position: 90% 32px; }
.snb .snb_container > ul > li.on { /*width: auto;*/ width:350px; }
.snb .snb_container > ul > li.on  > a{ color: #1d3c98; }
.snb .snb_container > ul > li:first-child { min-width: initial; width: 85px; border-left: 1px solid #ddd; }
.snb .snb_container > ul > li:first-child a {  background-image: url("../images/sub/snb_home.jpg"); background-repeat: no-repeat; background-position: 50% 50%;  font-size: 0; text-indent: -9999px; }

.snb .snb_container ul li .snb_sub { display: none;  position: absolute; z-index: 11; left: -1px; top: 60px; padding: 15px 0; border-left: 1px solid #ddd;  border-right:1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; box-sizing: border-box; }
.snb .snb_container ul li .snb_sub  { 
	width: 100%; 
	width: calc(100% + 1px ); 
	-webkit-width: calc(100% + 1px ); 
	-moz-width: calc(100% + 1px ); 
}
.snb .snb_container ul li:hover > .snb_sub { display: block }
.snb .snb_container .snb_sub li a  { display: block; padding:4px 25px ;  color: #999; }
.snb .snb_container .snb_sub li a:hover { color: #05ac44; }

.subcontents { width: 1200px; /* min-height: 500px;  */margin: 70px auto 20px; }
.subcontents img { max-width: 100%; }
.subcontents .cont_title { display: block; padding-bottom: 50px; font-weight: 300; font-size: 36px; font-size: 3.6rem; line-height: 1; }
.subcontents .cont_title span { padding-right: 10px; background-image: url("../images/sub/cont_title_dot.png"); background-repeat: no-repeat; background-position: 100% 90%}



.footer { width: 100%; padding-top: 50px; padding-bottom: 30px; background-color: #333; }
.footer .footer_top { width: 1200px; margin: 0 auto; padding-bottom: 37px; border-bottom: 1px solid #484848; }
.footer .footer_top .footer__contact { float: left; width: 440px; color: #999; }
.footer .footer_top .footer__contact .logo { margin-top: 2px; }
.footer .footer_top .footer__contact address { margin-top: 20px; font-weight: 500; font-size: 14px; font-size: 1.4rem; }
.footer .footer_top .footer__contact address .g_maps { display: block; float: right; padding: 2px 12px; margin-left: 8px; margin-top: -3px; font-size: 11px; font-size: 1.1rem; font-weight: 700; color: #fff; background-color: #8fb73e;}
.footer .footer_top .footer__contact .address_en { margin: 16px 0 15px 0; font-weight: 700; font-size: 11px; font-size: 1.1rem; line-height: 1.3; text-transform: uppercase; }
.footer .footer_top .footer__contact ul li { float: left; position: relative; padding: 0 10px; font-size: 11px; font-size: 1.1rem; text-transform: uppercase; }
.footer .footer_top .footer__contact ul li::before { content: ""; display : block; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background-color: #5e5e5e; }
.footer .footer_top .footer__contact ul li:first-child { padding-left: 0; }
.footer .footer_top .footer__contact ul li:first-child::before { display: none; }
.footer .footer_top .footer__contact ul li > span { color: #fff;  }

.footer .footer_top .footer__business { float: left;  margin-left: 40px; }
.footer .footer_top .footer__business ul li { margin-top: 7px; background-image: url("../images/sub/dot_footer.png"); background-repeat: no-repeat; background-position: 0 6px; padding-left: 11px; }
.footer .footer_top .footer__business ul li:first-child { margin-top: 16px; }
.footer .footer_top .footer__business ul li a { font-weight: 500; font-size: 16px; font-size: 1.6rem; color: #999; }

.footer .footer_top .footer__location { float: right; }
.footer .footer_top .footer__location iframe{  width: 360px; height: 178px; border: none; }

.footer .footer_btm { width: 1200px; margin: 0 auto; padding-top: 35px }
.footer .footer_btm .rights { float: left; font-weight: 700; font-size: 11px; font-size: 1.1rem; letter-spacing: 0; color: #999; }
.footer .footer_btm .policy { overflow: hidden; float: right; }
.footer .footer_btm .policy li { float: left; padding-left: 20px; position: relative; }
.footer .footer_btm .policy li::before { content: ""; display: block; position: absolute; left: 10px; top: 3px; width: 1px; height: 13px; background-color: #424242;}
.footer .footer_btm .policy li:first-child::before  { display: none; }
.footer .footer_btm .policy li a { font-weight: 500; font-size: 15px; font-size: 1.5rem; color: #a2a2a2; }
.footer .footer_btm .policy li a.fc_policy {  color: #fff; }
.footer .footer_btm .policy li a.fc_admin { color: #8fb73e;}

.ico_m_gnb { display: none; position: absolute; top: 25px; right: 35px; z-index: 100; width: 39px; height: 39px; border-radius: 20px; font-size: 0; background-color: #004a95; background-image: url("../images/basic/ico_m_gnb.png"); background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; }
.m_gnb_bg { display: none; position: absolute; z-index: 2; width: 100%; background-image: url("../images/basic/m_gnb_open_bg.png"); background-repeat: repeat; }



 









@media screen and (max-width:1280px) {  
	#gnb .logo img { width: 160px }
}
@media screen and (max-width:1199px) { 
		#gnb { width: auto;  height: auto; }

		.sub_visual { height: 260px; }
		.sub_visual .sub_visual_container { width: auto ; width: 100%; }
		.sub_visual .sub_visual_container > a { top: 45%; width: 50px; height: 50px; }


		.snb .snb_container { width: auto; }

		.subcontents { width: auto; padding: 0 1%; }

		.footer { padding: 30px 0}
		.footer .footer_top, 
		.footer .footer_btm { width: auto; padding-left: 1%; padding-right: 1% ;}
}

@media screen and (min-width: 1px )and (max-width:1024px) { 
	.footer .footer_top { position: relative; }
	.footer .footer_top .footer__business { float: none; position: absolute; left: 250px; top: 20px; margin-left: 0; } 
	.footer .footer_top .footer__business ul li, 
	.footer .footer_top .footer__business ul li:first-child { float: left; margin-left: 10px; margin-top: 0; }

	.footer .footer_top .footer__contact { width: 50% }
	.footer .footer_top .footer__location { width: 45%; margin-left: 3%; margin-top: 80px; }
	.footer .footer_top .footer__location iframe { width: 100%; height: 100%; }
	.footer .footer_top { padding-bottom: 20px; }
	.footer .footer_btm { padding-top: 20px; }

	.footer .footer_top .footer__contact address .g_maps { display: inline-block; float: none;	margin-top: 2px; margin-left: 0; }
}
@media screen and (min-width: 769px )and (max-width:1024px) { 
	#gnb .nav-menu { width: 580px; }
	.snb .snb_container > ul > li:first-child { border-left: none; }
}
@media screen and (max-width:830px) { 
	#gnb .nav-menu .nav-item > a { font-size: 18px;}
}
@media screen and (max-width:1024px) { 

}
@media screen and (max-width:768px) { 

	header { height: 80px; }
	#gnb .nav-menu { display: none; }
	#gnb .logo { top: 22px; left: 37px; }


	.ico_m_gnb { display: block; }

	.sub_visual .sub_visual_container .s-title h3 { font-size: 36px; font-size: 3.6rem; }
	.sub_visual .sub_visual_container .s-title > p { padding-top: 0; font-size: 13px; font-size: 1.3rem; }

	.snb { height: 50px;} 
	.snb .snb_container > ul > li { display: none; }
	.snb .snb_container > ul > li.on { display: block; width: 100%; text-align: center; background-color: #f7f7f7; }
	.snb .snb_container > ul > li > a { height: 50px; line-height: 50px; padding: 0; font-size: 19px; font-size: 1.9rem; background-position: 98% 24px; background-image: url("../images/sub/snb_arr_bl.png"); }

	.snb .snb_container ul li .snb_sub { top: 50px;  padding: 0; background-color: #313442; }
	.snb .snb_container .snb_sub li a { display: block; color: #fff; padding: 12px 0 13px 0; border-bottom: 1px solid #58595b; }
	.snb .snb_container .snb_sub li a:hover { color: #40d17c}

	.subcontents { margin: 30px auto }
	.subcontents .cont_title { padding-bottom: 35px; font-size: 3.2rem }



	.footer { padding-bottom: 10px; }
	.footer .footer_top .footer__contact , 
	.footer .footer_top .footer__location { overflow:hidden; float: none; width: auto; margin-top: 0; margin-left: 0; }

	.footer .footer_top .footer__business { overflow: hidden; position: static; float: none; width: auto; margin: 10px 0; padding-top: 10px; border-top: 1px solid #484848;}
	.footer .footer_top .footer__business ul li:first-child  {margin-left:0 }

	.footer .footer_top { padding-bottom: 30px; }
	.footer .footer_btm { padding-top: 0; }
	.footer .footer_btm .rights { float: none; margin-top: -28px; }
	.footer .footer_btm .policy { float: none; margin-top: 25px; }
	.footer .footer_btm .policy li:first-child { padding-left: 0; }
	.footer .footer_btm .policy li { padding: 0; width: 20%; text-align: center; box-sizing: border-box; }
	.footer .footer_btm .policy li a { font-size: 13px; font-size: 1.3rem; }
	
}


@media screen and (max-width:600px) { 
	.footer .footer_top .footer__business ul li, 
	.footer .footer_top .footer__business ul li:first-child {  width: 16.6%; margin-left: 0; padding-left: 0; text-align: center; }
	.footer .footer_top .footer__business ul li a { display: block; font-size: 11px; font-size: 1.1rem; line-height: 1.2}

	.footer .footer_btm .policy li::before { left: 0; }
	.footer .footer_btm .policy li:first-child, 
	.footer .footer_btm .policy li { padding: 0}
	.footer .footer_btm .policy li a { display: block; font-size: 11px; font-size: 1.1rem; line-height: 1.2}
	
}
@media screen and (max-width:529px) { 


}	

@media screen and (max-width:480px) { 
	.sub_visual { height: 200px; }
	.sub_visual .sub_visual_container > a { top: 40%}

	.subcontents .cont_title { font-size: 2.8rem; padding-bottom: 20px;}

	.footer .footer_top .footer__contact ul li:first-child, 
	.footer .footer_top .footer__contact ul li { float: none; padding: 0 0 0 10px; }
	.footer .footer_top .footer__contact ul li:first-child::before { display: block; } 
}
@media screen and (max-width:360px) { 
	.footer .footer_top .footer__business ul li, 
	.footer .footer_top .footer__business ul li:first-child  { width: 33.3%; margin-top: 3px; padding-left: 5%; background-image: none; box-sizing: border-box; text-align: left; }

	
}