@charset "UTF-8";





@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 100;
    src: local('NotoSans'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Thin.woff2') format('woff2'), 
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Thin.woff') format('woff'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Thin.ttf') format('truetype'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Thin.otf') format('opentype'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Thin.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSans'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Regular.woff2') format('woff2'), 
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Regular.woff') format('woff'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Regular.ttf') format('truetype'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Regular.otf') format('opentype'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Regular.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 700;
    src: local('NotoSans'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Bold.woff2') format('woff2'), 
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Bold.woff') format('woff'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Bold.ttf') format('truetype'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Bold.otf') format('opentype'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Bold.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 900;
    src: local('NotoSans'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Black.woff2') format('woff2'), 
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Black.woff') format('woff'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Black.ttf') format('truetype'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Black.otf') format('opentype'),
        url('/archive/resources/css/fnc_css/font/NotoSansKr/NotoSans-Black.eot') format('embedded-opentype');
}






@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 400;
    src: local('※'),
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoR.woff2') format('woff2'), 
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoR.woff') format('woff'),
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoR.ttf') format('truetype'),
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoR.otf') format('opentype'),
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoR.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 700;
    src: local('※'),
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoB.woff2') format('woff2'), 
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoB.woff') format('woff'),
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoB.ttf') format('truetype'),
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoB.otf') format('opentype'),
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoB.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 900;
    src: local('※'),
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoEB.woff2') format('woff2'), 
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoEB.woff') format('woff'),
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoEB.ttf') format('truetype'),
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoEB.otf') format('opentype'),
        url('/archive/resources/css/fnc_css/font/NanumMyeongjo/NanumMyeongjoEB.eot') format('embedded-opentype');
}






@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-Regular.eot);
    src: url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-Regular.woff2) format('woff2'), url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-Regular.woff) format('woff'), url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-Bold.eot);
    src: url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-Bold.woff2) format('woff2'), url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-Bold.woff) format('woff'), url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-ExtraBold.eot);
    src: url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-ExtraBold.woff2) format('woff2'), url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-ExtraBold.woff) format('woff'), url(/archive/resources/css/fnc_css/font/NanumGothic/NanumGothic-ExtraBold.ttf) format('truetype');
}



@font-face {
    font-family: 'NanumSquareRound';
    font-style: normal;
    font-weight: 100;
    src: local('※'),
        url('NanumSquareRoundL.woff2') format('woff2'), 
        url('NanumSquareRoundL.woff') format('woff'),
        url('NanumSquareRoundL.ttf') format('truetype'),
        url('NanumSquareRoundL.otf') format('opentype'),
        url('NanumSquareRoundL.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumSquareRound';
    font-style: normal;
    font-weight: 400;
    src: local('※'),
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundR.woff2') format('woff2'), 
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundR.woff') format('woff'),
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundR.ttf') format('truetype'),
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundR.otf') format('opentype'),
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundR.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumSquareRound';
    font-style: normal;
    font-weight: 700;
    src: local('※'),
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundB.woff2') format('woff2'), 
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundB.woff') format('woff'),
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundB.ttf') format('truetype'),
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundB.otf') format('opentype'),
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundB.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumSquareRound';
    font-style: normal;
    font-weight: 900;
    src: local('※'),
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundEB.woff2') format('woff2'), 
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundEB.woff') format('woff'),
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundEB.ttf') format('truetype'),
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundEB.otf') format('opentype'),
        url('/archive/resources/css/fnc_css/font/NanumSquareRound/NanumSquareRoundEB.eot') format('embedded-opentype');
}





html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
	
	
	html { box-sizing: border-box;}
* {  box-sizing: border-box;}


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}


p{ font-family: 'NotoSans', "Malgun Gothic",  'Dotum', 'Gulim',  sans-serif; }


ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}


/* Basic */

	html {
	/*	box-sizing: border-box;  */
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}



		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	body, input, textarea, select {
	    font-family:  font-family: 'NotoSans', "Malgun Gothic",  'Dotum', 'Gulim',  sans-serif; }
		font-weight: 300;
		color: #5d5d5d;
		font-size: 14pt;
		line-height: 1.75em;
	}




	strong, b {
		color: #252122;
		font-weight: 400;
	}

	i, em {
		font-style: italic;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	blockquote {
		border-left: solid 0.75em #dddddd;
		padding: 1em 0 1em 1.5em;
		font-style: italic;
	}

	h1, h2, h3, h4, h5, h6 {font-family: 'NotoSans',  sans-serif;   font-weight:700;
		color: #333;

	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: inherit;
		text-decoration: none;
	}


	a {
		color: #d52349;
		text-decoration: none;	
	}

		a:hover {
			text-decoration: none;
		}

	br.clear {
		clear: both;
	}

	hr {
		border: 0;
		border-top: solid 1px #dddddd;
		height: 1px;
		margin: 2em 0 2em 0;
	}


	/* reset */
	* {margin: 0; padding: 0;}
	li {list-style: none;}
	.clearfix::before, .clearfix::after {display: block; content:''; clear:both;}




	ul {  margin-block-start: 0em;
		margin-block-end: 0em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 0px;
	}
	
	p {
		display: block;
		margin-block-start: 0em;
		margin-block-end: 0em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
	}
	

	input::placeholder { padding:0 10px; }
	textarea:focus { outline: none;}
	button:focus { outline: none;}
	input:focus {  outline: none;}
	select:focus {  outline: none;}
	



	#wrap {width: 1200px; margin: 0px auto;}




.section_1st::before, .section_1st::after { content: ""; display: block; }
.section_1st::after { clear: both; } 

/* 공통 new */
body {margin:0 ; padding:0}
.clearfix::before, .clearfix::after { content: ""; display: block; }
.clearfix::after { clear: both; } 

.row::before, .row::after { content: ""; display: block; }
.row::after { clear: both; } 
a { text-decoration: none;}
a:hover{ text-decoration: none;}


.pd10 {padding:10px;}
.pd20 {padding:20px;}
.pd30 {padding:30px;}
.pd40 {padding:40px;}
.pd50 {padding:50px;}


.clear {clear:both}

.TC {text-align:center; }
.TL {text-align:left; }
.TR {text-align:right; }

ul, li, ol {list-style:none}


	.top_pop  {background:#172534; height:60px; }
    .top_pop .top_pop_cont {text-align:center; color:#fff; line-height:60px; font-size:18px; }
	.top_pop_btn  {background:#48535F; color:#fff;  text-align:center; padding: 3px 20px; font-size:14px; margin-left:20px;  }
	.top_pop_btn:hover  {background:#00477B; color:#fff;  text-align:center; }


	.search_tb {width:100%}
	.search_tb li{float:left; color:#333; }
	.search_tb li a{ color:#333; }
	.schBtn_li {background:#000; color:#fff; height:41px; line-height:40px }
	.schBtn_li a#schBtn { color:#fff; padding:0 20px}
	
	
	

	header .nav_wrap .lnb {  margin: 0 auto;  width: 100%;  max-width: 1200px;   letter-spacing: -1px;}
	#wrapper .m_lnb .m_hd a.m_close {  background-image: url(/archive/resources/js/fnc_js/navi/ico_m_close.png);}
	
	#wrapper .m_lnb > ul > li > a {background-image: url(/archive/resources/js/fnc_js/navi/ico_m_menu_off.png);}
	#wrapper .m_lnb > ul > li.on > a {  background-image: url(/archive/resources/js/fnc_js/navi/ico_m_menu_on.png);}
	
	.navi_a, .navi_a:link, .navi_a:visited { color:#00477b; text-decoration:none; font-size: 18px;  padding:5px 30px ; font-weight:bold;   }
	.navi_a:hover {color:#000; }
	


			/* header */
			#header {text-align: center;}
			#header .logo {float: left; width:250px; height:50px; line-height: 50px; }
			#header .nav {float: left; max-width:790px; margin-top: 0px; padding-left:100px }
			#header .nav li {position: relative; float: left; width: 25%; text-align: center; }
			#header .nav li a { display: block; font-size: 20px; color: #000;  letter-spacing:-0.01em;  
			font-family: 'NotoSans',  sans-serif;   font-weight:400;  line-height:20x; }
			#header .nav li a:hover {color:#000; font-family: 'NotoSans',  sans-serif;   font-weight:400; }
			#header .nav li ul.submenu {width:100%; display: none; position: absolute; left: 0; top: 20px; background: #ffffff; z-index:2; padding-top:10px; }
			#header .nav li ul.submenu li {width: 100%; border-right: 0;}
			#header .nav li ul.submenu li a{ font-size:14px; padding: 10px 10px 10px 10px; font-family: 'NotoSans',  sans-serif;   font-weight:400; }
			#header .nav li ul.submenu li a:hover{background: rgba(0,0,0,0.4); color:#fff}
	.top_sns_r {float:right}








header.major h2 {  font-size:2em}
	#header {
		position: relative;

		border-bottom: solid 0px #ccc;
		padding: 0em 0 0em 0;
		text-align: center;
    /*    background:#333 url('/fnc_images/common/top_bg.png') center 0 repeat-x;  max-width:100%; height:254px ; margin:0 auto; */
        background:#fff ; max-width:100%; height:50px ; margin:0 auto; 
        }

#nav {background:#ffffff ;  height: 67px; line-height: 60px;}







#nav { height: 67px;  line-height:60px}
#top_navi {background:#00477b; text-align:right;  height:41px; margin:0 auto; width:100%;  line-height:40px; color:#eee  }


#top_navi .top_navis {margin:0 auto; max-width:1200px; }
#top_navi .top_navis .top_navi_left {float:left; line-height: 30px;}
#top_navi .top_navis .top_navi_right {float:right; }
#top_navi .top_navis .top_navi_left  .top_navis_a1 {padding:5px 20px 7px 20px;}
#top_navi .top_navis .top_navi_left  .top_navis_a1.house {background:#fff;padding:5px 20px 7px 20px;}


#top_navi .top_navi_right a {font-weight:300; text-decoration:none ; color:#fff;font-size: 15px;}
#top_navi .top_navi_right a:hover {text-decoration:none ; color:#fff000;font-size: 15px;}
#top_navi .top_navis_a, #top_navi .top_navis_a:link, #top_navi .top_navis_a:visited {color:#fff;font-size: 15px;  padding:0px 5px ; letter-spacing:-1px;  }
#top_navi .top_navi_right .top_navis_a:hover { color:#fff000; }


.top_navis_icon  {width:20px; height:20px;}
.top_navis_icon2  {width:15px; height:15px;}

.top_navis_a1 {display:inline-block}

.image img { /*   assses/css/ style.css 1582    */
   margin:0 auto;   text-align: center;}

 .row > .col-12-small {    margin-bottom: 20px}

#top_search {width:300px; float:right;  }

.logo_wrap {margin: 0 auto; max-width: 1200px; height: 70px;padding-top:10px; }
.logo_wrap li{float:left;  text-align:center; list-style:none;  }
.logo_wrap li.top_logo{text-align:left;  }
.logo_wrap li.top_sns{text-align:left; padding:10px 0 0 30px }


#top_search {padding-top:0px;}
	.search_tb {width:100%;border-collapse:collapse; border-spacing: 0; }
	.search_tb td{padding-top:0px; background: #41a940;}
form .search_tb input[type=text]	 {
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0px 10px 0 10px;
    font-size: 14px;
    border-radius: 0px;
    border: solid 0px #41a940;
    background: #eee;
    width: 100%;
	min-height:41px; 
}






	form .search_tb.mo_search input[type=text] {
    padding: 0px 10px 0 10px;
    font-size: 18px;
    border: solid 0px #41a940;
    background: #eee;
    width: 100%;
    min-height: 70px
	}
	form .search_tb.mo_search .schBtn_li { background: #000;  color: #fff;    height: 70px; line-height: 70px;}
#wrapper .m_lnb .m_famsite li.mo_a a {padding: 0px;}
#wrapper .m_lnb .m_famsite li.mo_input { width: 80%;}
#wrapper .m_lnb .m_famsite li.mo_a { width: 20%;}







#footer {background: #333333;  max-width:100%; min-height:251px }
#footer .container {margin:0 auto; max-width:1200px;  }


.foot_navi {height:60px;  }


.foot_navi_div {clear:both; float:left;line-height:60px }
.foot_navi_div li {float:left; }
.foot_sns_div {float:right; }
.foot_sns_div {padding-top:15px }

.foot_sns_div select {height:30px;  }


.foot_navi_div a  {padding:0 20px ; color:#fff; }
.foot_navi_a, .foot_navi_a:link, .foot_navi_a:visited {font-weight:bold;  color:#fff; text-decoration:none; font-size: 15px;    }
.foot_navi_a:hover {color:#fff000;  }

.foot_cont { clear:both; }
.foot_cont .foot_logo {float:left; padding:30px 20px 20px 0 }
.foot_cont .copyright {float:left; padding:40px 20px 20px 20px; color:#fff; line-height:180%; }
.foot_navi_div .foot_bar{color:#aaa ; clear:both; }
.copyright {display:block;   font-size:14px; }
.copyright li { float:left; }
.copyright .foot_bar2{color:#aaa }
.foot_logo {float:left; }

.copyright2{   font-size:14px; text-align:left }











	@media screen and (max-width: 1240px) {
       #header .nav {  width: 700px;  padding-left: 100px;}


	}





	@media screen and (max-width: 1100px) {
       #header .nav {  width: 640px;  padding-left: 40px;}


	}


	@media screen and (max-width: 1030px) {
       #header .nav {  width: 610px;  padding-left: 30px;}

	}



	@media screen and (max-width: 1000px) {
       #header .nav {  width: 610px;  padding-left: 30px;}
        .logo_wrap li.top_sns {  padding: 10px 0 0 10px;}
	}



	@media screen and (min-width: 981px) {
     .lnb_wrap {display:none}
    }
	@media screen and (max-width: 980px) {
	#header .logo {  width: 100%; float: none; height: 50px; line-height: 50px; text-align: center;}
	.logo_wrap h1 img { width: 85%; padding-top: 4px; max-width:231px}
	.logo_wrap { height: 65px;}
	
	}




	@media screen and (max-width: 980px) {	
	.top_navi_left {display:none}
	.top_sns_r  {display:none}
	.nav.pC_980{ display:none}
	}
	
		
	@media  (max-width: 480px) {
	#header_wrap {position: fixed; z-index:10; top:0; width:100%; }
	}