@charset "UTF-8";




/*================================================== */
/* user common
==================================================== */

	


@media screen and (max-width: 400px) {
html {max-width:400px}
body {max-width:400px}
}




/* 'KoPub Dotum',   'NanumSquare',    NanumBarunGothicBold */



/*   common CSS */
/* ****************************************************************************************************/

body, input, textarea, select {     
	    font-family:  'Nanum Gothic', "Malgun Gothic", 'Dotum', 'Gulim' , sans-serif;   word-wrap:break-word; -webkit-text-size-adjust:none;
		color: #333;
		font-size: 16px; line-height:160%; }

p{ font-family: 'Nanum Gothic',  "Malgun Gothic",  'Dotum',  'Gulim',  sans-serif;  word-wrap:break-word; -webkit-text-size-adjust:none;}
a{ font-family:  "Nanum Gothic",  'Dotum',  'Gulim',  sans-serif;  word-wrap:break-word; -webkit-text-size-adjust:none;}


/* 폰트종류  *********************************************************************************************/
/*                                                                                                       */
/*  NotoKr 폰트      NotoKrR , NotoKrM , NotoKrB                                                         */
/*  나눔묭조체       NanumMyeongjoR   NanumMyeongjoB    NanumMyeongjoEB                                  */
/*  나눔고딕체       NanumGothic   400  700  900                                                         */
/*  나눔스퀘어       NanumSquareL   NanumSquareR     NanumSquareB    NanumSquareEB                       */
/*  나눔스퀘어(둥근) NanumSquareRoundL   NanumSquareRoundR   NanumSquareRoundB   NanumSquareRoundEB      */    
/*                                                                                                       */
/*********************************************************************************************************/ 


html, body,div,p,pre,a,article,aside,canvas,details,footer,header,nav,section {   vertical-align: top;}




h1 ,h2 , h3 , h4 , h5 , h6 {  display: block ;  font-weight: 400;  margin-left: 0 !important;  margin-right: 0 !important;}

/* 사용자 정의  */
h1 {  font-size: 2em !important;  padding-top: 0em !important;  padding-bottom: 0em !important;}
h2 {  font-size: 1.5em !important;  padding-top: 0em !important;  padding-bottom: 0em !important;}
h3 {  font-size: 1.17em !important;/* padding-top: 1em !important; padding-bottom: 1em !important; */}
h4 {  font-size: 1em !important; /*padding-top: 1.33em !important; padding-bottom: 1.33em !important; */}
h5 {  font-size: .83em !important;/* padding-top: 1.67em !important; padding-bottom: 1.67em !important; */}
h6 {  font-size: .67em !important;/* padding-top: 2.33em !important; padding-bottom: 2.33em !important; */}





.font_basic {font-size:16px !important; font-weight:300  !important;  line-height:160% !important; }
.font_18    {font-size:18px !important; font-weight:500  !important;  line-height:160%  !important; }
.font_20    {font-size:20px !important; font-weight:500  !important;  line-height:160%  !important; }
.font_30    {font-size:30px !important; font-weight:500  !important;  line-height:180%  !important; }

.font_red {  color:#ee8116 }	
.font_blue {  color:#18486c }	
.font_sky {  color:#338aaf}	
.font_black {  color:#000}	



caption {display: none;}














/* ****************************************************************************************************/
/* 기본 레이아웃  */
.sound_only {font-size:0}


/*header*/




	.top_navi_row {width:100%; height:36px; padding:5px; background:#fff; border-bottom:1px solid #ddd;  }
	.top_navi_contents {max-width:1200px; margin:0 auto ;}
	.top_navi_left{float:left;  }
	.top_navi_right{float:right;  }

	.top_navi_left a {text-align:center;  color:#fff;  font-size:14px; background:#24C3AB; padding: 10px 20px ; }
	.top_navi_right a {text-align:center;  color:#333;  font-size:14px; }
	.top_navi_right span {text-align:center;  color:#333; padding:0 5px; vertical-align: top; }



.top_logo_row {margin:0 auto; max-width:1200px; padding-top:15px; }
.top_logo_row .top_bn    {float:left; width:30% ; }
.top_logo_row .top_logo {float:left; width:40% ;}
.top_logo_row .top_btn   {float:left; width:30% ; }
.top_btn_r {float:right;padding-top:15px; }
.top_btn_r li {float:left;  padding:0 10px ; font-size:14px; letter-spacing:-1px; padding-left:20px}  
.top_btn_r li.top_btn_all {background: url("/fnc_images/common/top_iconbg1.png") no-repeat 0 0px; width:95px; height:23px; } 
.top_btn_r li.top_btn_r2 {background: url("/fnc_images/common/top_iconbg2.png") no-repeat 0 0px; width:92px; height:23px;  } 
.top_btn_r li.top_btn_r3 {background: url("/fnc_images/common/top_iconbg3.png") no-repeat 0 0px; width:80px; height:23px;  } 
.top_logo_bottom {clear:both}

.head_bottom {clear:both; padding:10px; margin-top: 117px}
.logo_mobile {display:none}

#nav a.mob_link3 { box-sizing: border-box; text-shadow: 0 0px 0 ; display: inline-block;  text-align:center;  padding-top:20px; margin-top:20px;
margin-left:0%; margin-bottom:20px; }
#nav a.mob_link3.a1 { width:32%;padding: 10px 5px ;margin-left:10px;  border:2px solid #ddd; border-radius:6px; background:#09A4B5;color:#fff;box-sizing: border-box; }
#nav a.mob_link3.a2 { width:32%;padding: 10px 5px;border:2px solid #ddd; border-radius:6px; background:#09A4B5; color:#fff;box-sizing: border-box;}
#nav a.mob_link3.a3 { width:32%;padding: 10px 5px; border:2px solid #ddd; border-radius:6px;background:#04B904; color:#fff;box-sizing: border-box;}

    

@media only screen and (max-width: 980px){
.top_navi_row {display:none; }
.logo_mobile {display:block}
.top_navi_row {width:100%; height:auto; padding:0px; background:#fff; border-bottom:0px solid #ddd;  }
.top_logo_row .top_bn    {display:none; }
.top_logo_row .top_logo {float:none; width:100% ;}
.top_logo_row .top_btn   {display:none; } 
.header .opened-menu {  position: absolute; top:-38px; left:20px; }
.head_bottom {clear:both; padding:10px; margin-top: 56px}

}










/*공통 Footer  ***********************************************************************************************/


/*footer*/
.fnc_tooter {background:#002A3D; color:#fff; width:100%; min-height:160px ; margin:0 auto; clear: both; float: none; padding:40px;  }
.fnc_tooter_content {margin:0 auto; max-width:1200px; clear:both;  }
.fnc_tooter_left {float:left; width:360px;  }
.fnc_tooter_right {float:left; width:calc(100% - 360px);}

.fnc_tooter_navi {width:100%; }
.fnc_tooter_navi li {float:left;  }
.fnc_tooter_navi li a{ color:#fff; font-size:18px; padding:0px;  }

.fnc_tooter_navi li span{ color:#fff; font-size:18px; padding:0px 15px 0 10px ;  }
.fnc_tooter_copy {padding-top:10px;}
.fnc_tooter_copy p{color:#fff;  font-size:16px}



@media all and (max-width:980px){
.fnc_tooter { padding:20px; }
.fnc_tooter_left {display:block; float:none; width:100%;  margin:0 auto; text-align:center;  }
.fnc_tooter_right {display:block; float:none; width:100% }
}



@media all and (max-width:580px){
.fnc_tooter_navi li { word-break: keep-all;float: left;; width:25%; border:1px solid #eee;height:50px; text-align:center; }
.fnc_tooter_navi li span {  display:none}
.fnc_tooter_navi li:nth-child(1) {line-height:50px; }
.fnc_tooter_navi li:nth-child(2) {line-height:150%; border-left:0}
.fnc_tooter_navi li:nth-child(3) {line-height:150%; border-left:0}
.fnc_tooter_navi li:nth-child(4) {line-height:50px; border-left:0 }
.fnc_tooter_navi li a {  font-size: 15px;}
}

@media all and (max-width:480px){
.fnc_tooter { padding:20px; }
.fnc_tooter_copy span { font-size:0; padding:0 10px }
.fnc_tooter_copy p { font-size: 14px; text-align:center;padding-top:20px;  }
}




@media all and (max-width:460px){
.fnc_tooter { padding:20px; }
.fnc_tooter_navi li { word-break: keep-all;float: left;; width:50%; border:1px solid #eee;height:50px; text-align:center; }
.fnc_tooter_navi li span {  display:none}
.fnc_tooter_navi li:nth-child(1) {line-height:50px; }
.fnc_tooter_navi li:nth-child(2) {line-height:50px; border-left:0}
.fnc_tooter_navi li:nth-child(3) {line-height:50px; border-top:0 ; border-left:1px solid #eee;}
.fnc_tooter_navi li:nth-child(4) {line-height:50px; border-top:0 ; border-left:0 }

}







	@media screen and (min-width: 421px) {
	.br_mo420 { display:none;}
    }

	@media screen and (max-width: 420px) {
	 .br_mo420 { display:inline-block; }
	}



/* ************************************************************************************************/









/*  그리드 분배  */
.fnc_row.fnc_column  .column{
  float: left;
  padding: 10px;
  min-height: 100px; 
}


.fnc_row.fnc_column.column1 .column{ width: 100%;}
.fnc_row.fnc_column.column2 .column{ width: 50%;}
.fnc_row.fnc_column.column3 .column{ width: 33.33%;}
.fnc_row.fnc_column.column4 .column{ width: 25%;}
.fnc_row.fnc_column.column5 .column{ width: 20%;}
.fnc_row.fnc_column.column6 .column{ width: 16.6%;}
.fnc_row.fnc_column.column7 .column{ width: 14.4%;}
.fnc_row.fnc_column.column8 .column{ width: 12.5%;}


@media (max-width: 640px) {
.fnc_row.column2 .column {  width: 100%;  }
.fnc_row.column3 .column {  width: 100%;  }
.fnc_row.column4 .column {  width: 50%;  }
.fnc_row.column5 .column {  width: 50%;  }
.fnc_row.column6 .column {  width: 50%;  }
.fnc_row.column7 .column {  width: 50%;  }
.fnc_row.column8 .column {  width: 50%;  }
}

@media (max-width: 480px) {
.fnc_row.column4 .column {  width: 100%;  }
.fnc_row.column5 .column {  width: 100%;  }
.fnc_row.column6 .column {  width: 100%;  }
.fnc_row.column7 .column {  width: 100%;  }
.fnc_row.column8 .column {  width: 100%;  }

}





.header{position:fixed;left:0;top:0;width:100%;height:auto;
z-index:999;border:none;outline:none;
background:#fff; border-bottom:1px solid #ddd; }



.container.fluid {
    margin-right: auto;
    margin-left: auto;
	width: 100%;
	max-width: 1200px; /* 1170px content area */
    /*padding-left: 15px;
    padding-right: 15px;*/
    transition: all 0.3s ease 0s;
}
 .col-xs-4 .row,  .col-xs-8 .row {
	width: auto !important;
	margin-top: 0;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0;
}
.col-xs-4, .col-xs-8 {
    float: left;
    position: relative;
    min-height: 1px;
	padding: 0px;
    width: 100%;
   /* transition: all 0.3s ease 0s; */
}
.centered, .center_block {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.container:after, .row:after, .col-xs-4:after, .col-xs-8:after {
	content: "";
    display: table;
    clear: both;
}

.hide, .hidden { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text_hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.affix { position: fixed; }
.float_left { float: left; }
.float_right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }


.centered-xs {
	float: none;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.uncentered-xs {
	float: left;
	margin-right: 0;
	margin-left: 0;
}






@font-face {
	font-family: 'icons';
	src: url('/gagong/fnc_css/font/icons/icons.eot?24804043');
	src: url('/gagong/fnc_css/font/icons/icons.eot?24804043#iefix') format('embedded-opentype'),
		 url('/gagong/fnc_css/font/icons/icons.woff?24804043') format('woff'),
		 url('/gagong/fnc_css/font/icons/icons.ttf?24804043') format('truetype'),
		 url('/gagong/fnc_css/font/icons/icons.svg?24804043#icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* ----------------------------------------------------------------------------
	Navigation Menu
----------------------------------------------------------------------------- */
#menutoggle {display:none;

	margin: 0;
	padding: 0 22px;
	width: auto;
	color: #333;
	background: #fff;
	height: 45px;
	font: 18px/46px 'Open Sans','Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 0 0px 0 ;
	text-align: left;
	text-transform: uppercase;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 4px 4px 0 0;
	transition: background 0.2s linear 0s;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#menutoggle span {
    display: none;
}
#menutoggle:before {
	display: inline-block;
	margin-left: 0;
	width: 18px;
	height: 45px;
	line-height: 48px;
	content: "\e826";
	color: inherit;
	font-family: 'icons';
	text-align: center;
	font-size: 21px;
	vertical-align: top;
}
#menutoggle.is-active:before {
	content: "\e844";
}
#menutoggle:hover, #menutoggle:active, #menutoggle.is-active {
	background-color: #fff;color:#37474f ;
	border-radius: 4px 4px 0 0;
}

#nav {
    clear: both;
    margin: 0;
    width: 100%;
    height: 0;
    overflow: visible;
    position: relative;
    z-index: 1000;
    border-top: 0px solid #37474f;
}
#nav ul {
    float: none;
    display: block;
    margin: 0;
    width: auto;
    opacity: 0;
	max-height: 0;
    background: #f9f9f9;
    overflow: hidden;
 /*   transition: max-height 0.25s cubic-bezier(0, 0.7, 0, 1), opacity 0.2s ease-in-out;*/
    border-radius: 0 0 4px 4px;
    top: 45px;
    border: 0;
    position: relative;
}
#nav #menutoggle.is-active + ul {
    max-height: 1000px;
    min-height: 1000px;
	opacity: 1;
 /* 	transition: max-height 0.3s ease-in-out, opacity 0.25s ease-in-out;*/
}
#nav li {
    display: block;
    margin: 0;
    padding: 0;
    height: auto;
    overflow: hidden;
    border: 0;
    border-top: 1px dotted #ddd; /*모바일 border */
}
#nav li:first-child {
    border-top: 0;
}
#nav li.onmobile {
	display: block;
}
#nav a, #nav span.submenu {
    float: none;
    display: block;
    margin: 0 auto;
    padding: 9px 20px;
    height: auto;
    color: #333;
    line-height: 1.6em;
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0.4);
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Open Sans', 'Helvetica Neue', Tahoma, Arial, sans-serif;
    border: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
 /* 	transition: background 0.17s linear 0s; */
}
#nav span.submenu:after {
    float: right;
    margin-left: 10px;
    width: 15px;
    height: inherit;
    content: "\e817";
    color: inherit;
    font-family: 'icons';
    text-align: center;
    font-size: 105%;
    vertical-align: top;
}
#nav span.submenu.is-active {
	border-bottom: 1px dotted #455a64;
}
#nav span.submenu.is-active:after {
    content: "\e816";
}
#nav ul.submenu {
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: 0;
    background: none;
    opacity: 1;
    position: relative;
    top: 0;
 /* 	transition: max-height 0.15s linear 0s; */  
}
#nav span.submenu.is-active + ul.submenu {
    max-height: 360px;
    overflow-y: auto;
}
#nav ul.submenu a {
    padding-left: 40px;
    background: none;
}
#nav ul.submenu a:before {
    display: inline-block;
    margin-right: 5px;
    margin-left: -15px;
    width: 10px;
    height: inherit;
    /* content: "\00BB";
      font-family: 'icons';
	  */
    color: inherit;

    text-align: center;
    font-size: inherit;
    vertical-align: top;
}
#nav a:hover, #nav a.is-active, #nav li:hover span.submenu, #nav ul.submenu a:hover, #nav ul.submenu a.is-active {
    background: #fff; /* 모바일 over  */
}











@media (min-width: 981px) { 

    #nav {
        height: 45px;
        position: relative;
        z-index: 99;
        border: 0;
        border-radius: 4px;
    }
    #nav ul {
        display: block !important;
        float: left;
        width: 100%;
        height: auto;
        opacity: 1;
        margin: 4px 0;
        position: relative;
        z-index: 10;
        top: 0;
        overflow: visible;
    }
    #nav li {
        float: left;
        margin: 0 0px;
        padding: 0;
        height: 90px;
        width: auto;
        min-width: auto;
        position: relative;
        border: 0;
        overflow: visible;
    }
    #nav li:first-child {
        margin-left: 4px;
        border-left: 0;
    }
    #nav li.last {
        border-right: 0;
    }
    #nav li.right {
        float: right;
        margin-right: 4px;
        border-right: 0;
    }
    #nav li.onmobile {
        display: none;
    }

    #nav a, #nav span.submenu {
	    font-family: 'Malgun Gothic', sans-serif;
		font-size: 21px;
		font-weight: normal;
		color: #121212;
        float: left;
        margin: 0;
        padding: 30px  20px;
        height: 37px;
        border: 0;     
        
        line-height: 39px;
        text-align: center;
        text-transform: uppercase;
        border-radius: 3px;
/*        transition: background 0.2s linear 0s;   */
        cursor: pointer;
    }

    #nav li:hover ul.submenu, #nav ul.submenu.is-active {
		padding: 3px 0;
        left: 0;
		max-height: 360px;
        opacity: 1;
    }

    #nav ul.submenu li {
        float: none;
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
        height: auto;
    }
    #nav ul.submenu a {
	  font-size:16px; 
        float: none;
        display: block;
        margin: 0;
        padding: 7px 15px 7px 28px;
        height: auto;
        text-transform: none;
        text-align: left;
        line-height: 1.5em;
        border-radius: 0;
        border: 0;
        border-top: 0px dotted #37474f;
    }
    #nav ul.submenu li:first-child a {
        border: 0;
    }
    #nav ul.submenu li a:hover, #nav ul.submenu li a.is-active {
        background: #fff;
	}


    #nav span.submenu:after {
        display: none;
    }
    #nav a:hover, #nav a.is-active, #nav li:hover span.submenu, #nav ul.submenu a:hover, #nav span.submenu.is-active {
        background: #fff; color:#0080DD;
    }
    #nav li:hover a.submenu, #nav li:hover span.submenu, #nav span.submenu.is-active.hover {
        border-radius: 0px 0px 0 0;
  /*       -webkit-tap-highlight-color: rgba(0,0,0,0);    */
    }
    #nav li:hover {
        z-index: 11;
    }
    #nav ul.submenu {
        float:left;
        margin: 0;
        padding: 0;

        max-height: 0;
        position: absolute;
        opacity: 0;
        top: 100%;
        z-index: 10;
        border-radius: 0 2px 2px 2px;
      /*  transition: max-height 0.2s linear 0s, padding 0.2s linear 0s, opacity 0.2s linear 0s;*/
        overflow: hidden;
        overflow-y: auto;

	border-top: 3px solid #0080dd;
    background: #fff;
	-webkit-box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
 /*    -webkit-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transform: translateY(0rem);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; */
    }

#nav ul.submenu.sub1 { width: 220px; margin-left:0px;}
#nav ul.submenu.sub2 { width: 135px; margin-left:0px; }
#nav ul.submenu.sub3 { width: 135px; margin-left:-10px; }
#nav ul.submenu.sub4 { width: 135px; margin-left:-15px; }
#nav  .right .sitemap .material-icons { font-size: 46px; color:#333;   }

.submenu.submenu_pc {display:block !important}
.submenu.submenu_mo {display:none !important}
}
}







.mob_link  {display:none}

.mob_link33 {margin:0 auto; max-width:98%;  }
.mob_link33 li {float:left; width:31%; text-align:center; border:1px solid #ddd; height:55px; margin:20px 1% 10px 1%;
padding:0 10px; border-radius:8px; line-height:120%; }
.mob_link33 li:nth-child(1){line-height:55px; }
.mob_link33 li:nth-child(2){line-height:55px; }
.mob_link33 li:nth-child(3){line-height:55px; }

.mob_link_a2, .mob_link_a2:link, .mob_link_a2:visited { 
  background:#00A056!important ;
  text-align:center!important ;
  color:#fff!important ; 
  text-decoration:none; 
  font-size: 18px;  
  padding:10px 30px  ; 
  border-radius:25px; 
  display: inline-block;
  width: 90%;  
  margin-top:20px !important ; 
  margin-bottom:20px!important ; 
}
.mob_link_a2:hover {background:#294A99!important ; color:#fff!important ; padding:10px 30px }


















.col-xs-4 {width:380px }
.col-xs-8 {width:calc(100% - 380px); }
.col-xs-4.logo_r {padding:30px }

@media (max-width: 1200px) { 
.col-xs-4 {width:320px }
.col-xs-8 {width:calc(100% - 320px); }
.col-xs-4.logo_r {padding:30px 10px 30px 10px }
#nav li.right {  float: left;  margin-right: 0px;  }

}



@media (max-width: 1120px) { 
.col-xs-4 {width:300px }
.col-xs-8 {width:calc(100% - 300px); }
.col-xs-4.logo_r {padding:30px 10px; }
#nav li.right {  float: left;  margin-right: 0px;  }

}

@media (max-width: 1100px) { 
.col-xs-4 {width:300px }
.col-xs-8 {width:calc(100% - 300px); }
.col-xs-4.logo_r {padding:30px 10px; }
#nav li.right {  float: left;  margin-right: 0px;  }
#nav a, #nav span.submenu {  font-size: 19px;}
}


@media (max-width: 1080px) { 
.col-xs-4 {width:300px }
.col-xs-8 {width:calc(100% - 300px); }
.col-xs-4.logo_r {padding:30px 0px 30px 10px; }
#nav a, #nav span.submenu {  font-size: 18px; padding: 30px 16px;}
}

@media (max-width: 996px) { 
.col-xs-4 {width:300px }
.col-xs-8 {width:calc(100% - 300px); }
.col-xs-4.logo_r {padding:30px 0px 30px 10px; }
#nav a, #nav span.submenu {  font-size: 17px; padding: 30px 15px;}
}




@media (max-width: 980px) { 
.mo_navi {  z-index: 1000;position: absolute; top:15px ;right:0px }
.col-xs-4 { width: 100%;  }
.col-xs-8 { width: 100% }
.col-xs-4.logo_r { padding: 10px;}
#nav ul.submenu a  {font-size: 17px; }
#nav a, #nav span.submenu {  padding: 15px 16px;}
}




@media only screen and (max-width: 980px){
/*@media (min-width: 48em) { /* Medium devices (tablets, 768px and up) */
.mob_link  {display:block}
.mob_link_btm  {display:block; width:100%; text-align:center;}
.header .menu { margin-bottom: 20px;}
#menutoggle {display:block;}
#menutoggle { padding: 0 15px 0 15px; margin:0px}
#menutoggle span { display: inline-block; }
#menutoggle:before { margin-right: 10px; }
#nav li.right {display:none !important}

.submenu.submenu_pc {display:none !important}
.submenu.submenu_mo {display:block !important}



}





@media only screen and (max-width: 580px){
#nav a.mob_link3.a3 {font-size:14px !important;}
.mob_link3, .mob_link3:link, .mob_link3:visited { font-size:14px!important;   }
.mob_link3:hover {font-size:14px; }
}



@media only screen and (max-width: 498px){
#nav a.mob_link3.a1 { width: 32%;  margin-left: 0px;}
#menutoggle span {  display: none;}
}



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

.mob_link33 li a{font-size:14px; }
}
















/*메인 탭메뉴 -게시판 최신글 과 배너 ***********************************************************************************************/
.main_bbs {width:100%; padding-top:78px;  }
.main_bbs_body  {margin:0 auto; max-width:1200px; }
.main_bbs_body li {float:left ; }
.main_bbs_body li.main_bbs_left {width:700px}
.main_bbs_body li.main_bbs_right {width:500px}
.main_bbs_notice { padding:0 30px 0 0; }
.bbs_more_btn {margin-top:-45px; float:right; padding:0 10px ; font-size:30px;  }
.main_bbs_div {clear:both; border-bottom:1px solid #333; padding:10px 0 }
.main_bbs_div:last-child {border-bottom:0px  }
.main_bbs_div li{ float:left; }
.main_bbs_div li.bbs_date{ float:left; width:25%; font-size:20px;  font-family:'NanumSquare', sans-serif; font-weight:800;  padding:0px 10px; line-height:80px;}
.main_bbs_div li.bbs_tit { float:left; width:65%; font-size:20px;  font-family:'NanumSquare', sans-serif; font-weight:400;  padding:20px 10px; line-height:160%}
.main_bbs_div li.bbs_tit p.bbs_txt { font-size:20px;  font-family:'NanumSquare', sans-serif; font-weight:400;  padding: 0px; line-height:160%;
 text-overflow:ellipsis;
 white-space:nowrap;
 word-wrap:normal;
 width:80%;
 overflow:hidden;
 }

.main_bbs_div li.bbs_go  { float: left;   width:10% ;line-height:80px; height:80px; text-align:right; padding:0 10px}
.main_bbs_div li.bbs_go img{ line-height:80px; vertical-align:middle}

.main_bbs_notice #tabmenu {width:100%; margin: 0; padding: 0; list-style-type: none;border-bottom:1px solid #333; height:70px;	}
.main_bbs_notice #tabmenu li { float: left; }
.main_bbs_notice #tabmenu li a {
	display: block; 
	padding: 20px 50px 20px 0; border: 0px solid #ccc; border-left: 0;
	font-size: 28px;  font-family:'NanumSquare', sans-serif; font-weight:700; color: #231815; text-decoration: none;
 }
.main_bbs_notice #tabmenu li a.over {color: #41c2e2; }
.main_bbs_notice #tabmenu li a.selected {color: #41c2e2;}
.main_bbs_notice #tabcontents {	clear: left;padding: 0 10px; }
.main_bbs_notice .tabcontent ul { margin: 0; padding: 0; list-style-type: none;}










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

.main_quick01 {  margin:0 auto; margin-top: 15px; width: 100px;   height:60px ;  background-size: cover;  background-repeat: no-repeat;  background-position: 50% 50%;}
.main_quick02 {  margin:0 auto; margin-top: 15px; width: 100px;   height:60px ;  background-size: cover;  background-repeat: no-repeat;  background-position: 50% 50%;}
.main_quick03 {  margin:0 auto; margin-top: 15px; width: 100px;   height:60px ;  background-size: cover;  background-repeat: no-repeat;  background-position: 50% 50%;}
.main_quick04 {  margin:0 auto; margin-top: 15px; width: 100px;   height:60px ;  background-size: cover;  background-repeat: no-repeat;  background-position: 50% 50%;}
.main_quick05 {  margin:0 auto; margin-top: 15px; width: 100px;   height:60px ;  background-size: cover;  background-repeat: no-repeat;  background-position: 50% 50%;}
.main_quick06 {  margin:0 auto; margin-top: 15px; width: 100px;   height:60px ;  background-size: cover;  background-repeat: no-repeat;  background-position: 50% 50%;}

.main_quick_body li:hover .main_quick01 {  width: 100px;   height:60px ;  background-size: cover;  background-repeat: no-repeat;  background-position: 50% 50%;}
.main_quick_body li:hover .main_quick02 {  width: 100px;   height:60px ;  background-size: cover;  background-repeat: no-repeat;  background-position: 50% 50%;}
.main_quick_body li:hover .main_quick03 {  width: 100px;   height:60px ;  background-size: cover;  background-repeat: no-repeat;  background-position: 50% 50%;}
.main_quick_body li:hover .main_quick04 {  width: 100px;   height:60px ;  background-size: cover;  background-repeat: no-repeat;  background-position: 50% 50%;}
.main_quick_body li:hover .main_quick05 {  width: 100px;   height:60px ;  background-size: cover;  background-repeat: no-repeat;  background-position: 50% 50%;}
.main_quick_body li:hover .main_quick06 {  width: 100px;   height:60px ;  background-size: cover;  background-repeat: no-repeat;  background-position: 50% 50%;}

.sc-box.main-visual.slide {min-height:568px;}
.main_quick {}   

.main_bbs {  padding-top: 40px;}
.main_bbs_notice #tabmenu li a {   padding: 10px 50px 10px 0;    font-size: 20px;}
.main_bbs_notice #tabmenu {  height: 50px;}
.main_bbs_div li.bbs_date { float: left; width: 25%; font-size: 16px;  line-height: 80px;}
.main_bbs_div li.bbs_tit { float: left; width: 65%; font-size: 16px;   padding: 15px 10px;  line-height: 160%;}
}

@media only screen and (max-width: 620px) {
.main_quick_body li h3 {  padding: 10px 0; font-size:14px !important; }

}

@media only screen and (max-width: 1260px) {
.main_bbs_notice {  padding: 0 20px ;}
.main_bbs_body li.main_bbs_right {  width: 100%; padding-top:30px; }
.main_bbs_body li.main_bbs_left {  width: 100%; border-bottom:1px solid #ddd; } 
.main_bbs_body li {  float: none;}

}
@media only screen and (max-width: 580px) {
.main_bbs {  padding-top: 40px;}
.main_bbs_notice {  padding: 0 10px;}

.main_bbs_notice #tabcontents {  padding: 0 0px;}
.main_bbs_notice #tabmenu li a {   padding: 10px 50px 10px 0;    font-size: 18px;}
.main_bbs_notice #tabmenu {  height: 50px;}
.main_bbs_div li.bbs_date {  padding: 0px 0px;float: left; width: 25%; font-size: 14px;  line-height: 60px;}
.main_bbs_div li.bbs_tit { float: left; width: 65%; font-size: 14px;   padding: 10px 10px;  line-height: 160%;}
.main_bbs_div li.bbs_go { float: left; width: 10%; line-height: 60px; height: 60px; text-align: right; padding: 0 10px;}
}






/* ************************************************************************************************/









.wrap {
	overflow: hidden; min-width: 100%;
}
.inner {
	margin: 0px auto; padding: 0px 15px; width: 100%; position: relative; max-width: 1270px;
}
.pcOnly {
	display: block !important;
}
.moOnly {
	display: none !important;
}



.content {
	margin: 0px auto; padding: 0px 15px; width: 100%; position: relative; max-width: 1270px;
}
section {
	position: relative;
}
.drop {
	position: relative;
}
.drop-list {
	display: none;
}







.pc_height600 {min-height:400px}







@media all and (min-width:981px){
.pc_981 {display:block}
.mo_980 {display:none}
}
@media all and (max-width:980px){
.pc_981 {display:none}
.mo_980 {display:block}
}





@media all and (min-width:681px){
.br_mo680 {display:none}
}
@media all and (max-width:680px){
.br_mo680 {display:block}
}



@media all and (min-width:601px){
.br_mo600 {display:none}
}
@media all and (max-width:600px){
.br_mo600 {display:block}
}


@media all and (max-width:1080px){
.pcOnly {display: none !important;}
.moOnly {display: block !important;}
}


@media all and (max-width:1024px){
#header .menu {display: none}
}

@media all and (max-width:860px){
body {overflow-x: hidden;}
.pc_height600 {min-height:280px}
.inner {padding: 0px 0px;}
}

@media all and (max-width:600px){
.footer-wrap .footer-link .inner {overflow: hidden;}
.footer-wrap .btn-gotop {right: 10px; bottom: 10px;}
.pc_height600 {min-height:200px}
}


@media all and (max-width:480px){
#header .hquick {display:none}
#header .hlogo { text-align: left;}
.mbtn_wrap {right: 10px; left:auto; }
.mo_none480 {display:none}
#header .hquick { display: block; position: relative; background:#5EB4CB; height:30px; width:100%;  right: auto;  top: auto; font-size: 14px; padding:5px 0 0 10px}
#header .hquick a {padding:0 10px; color:#fff; }
.mbtn_wrap {top: 20px;}

_:-ms-input-placeholder, :.mbtn_wrap {top: 40px; }/* Only works in IE10 이상*/
_:-ms-fullscreen, :root   .mbtn_wrap {top: 40px; }/* Only works in IE11  */
.pc_height600 {min-height:auto}

}



@media all and (max-width:420px){
body {overflow-x: hidden;}
}