@font-face { font-family: 'NotoSerifKR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff'); font-weight: normal; font-style: normal; }

td		{font-size:12px; font-family:"µ¸¿ò"; color:#666666; line-height:17px;}

/*********************  Forms  *********************************************************************************************************************************/

input,textarea,select	{ border:#B7B3A9 1px solid; font-size:12px; font-family:"µ¸¿ò"; color:#4E4F30;}

/*********************  basic Link  ****************************************************************************************************************************/		

a { selector-dummy : expression(this.hideFocus=true);} /*¸µÅ© Á¡¼± ¾ø¾Ö±â*/

a:link { font-size:12px;color:#909090;font-family:µ¸¿ò; text-decoration:none }
a:visited { font-size:12px;color:#909090;font-family:µ¸¿ò; text-decoration:none }
a:active { font-size:12px;color:#909090;font-family:µ¸¿ò; text-decoration:underline}
a:hover { font-size:12px;color:#909090;font-family:µ¸¿ò; text-decoration:underline}

/*********************  Scrollbar  ****************************************************************************************************************************/

BODY
{
	background-image:
	background-color:#ffffff;
	scrollbar-face-color: #F2F2F2;
	scrollbar-shadow-color: #B7B7B7;
	scrollbar-highlight-color: #F2F2F2;
	scrollbar-3dlight-color: #F2F2F2;
	scrollbar-darkshadow-color: #E9E9E9;
	scrollbar-track-color: #E9E9E9;
	scrollbar-arrow-color: #999999;
}

TABLE, IMG{ border: 0px; }
FORM, P { margin: 0px; }

/********************* font  ****************************************************************************************************************************/

.list {padding:2 5; font-size: 12px; color: #FFFFFF;}

/********************* link  ****************************************************************************************************************************/

 .11-L:link { font-size:11px;color:#ED6B1F;font-family:µ¸¿ò; text-decoration:none }
 .11-L:visited { font-size:11px;color:#ED6B1F;font-family:µ¸¿ò; text-decoration:none }
 .11-L:active { font-size:11px;color:#ED6B1F;font-family:µ¸¿ò; text-decoration:underline }
 .11-L:hover { font-size:11px;color:#ED6B1F;font-family:µ¸¿ò; text-decoration:underline }
 
 .12-B:link { font-size:12px;color:#014B8C;font-family:µ¸¿ò; font-weight:bold;text-decoration:none }
 .12-B:visited { font-size:12px;color:#014B8C;font-family:µ¸¿ò; font-weight:bold;text-decoration:none }
 .12-B:active { font-size:12px;color:#014B8C;font-family:µ¸¿ò; font-weight:bold;text-decoration:underline }
 .12-B:hover { font-size:12px;color:#014B8C;font-family:µ¸¿ò; font-weight:bold;text-decoration:underline }
 
 .12-Green-B:link { font-size:12px;color:#4E4F30;font-family:µ¸¿ò; font-weight:bold;text-decoration:none }
 .12-Green-B:visited { font-size:12px;color:#4E4F30;font-family:µ¸¿ò; font-weight:bold;text-decoration:none }
 .12-Green-B:active { font-size:12px;color:#438A01;font-family:µ¸¿ò; font-weight:bold;text-decoration:underline }
 .12-Green-B:hover { font-size:12px;color:#438A01;font-family:µ¸¿ò; font-weight:bold;text-decoration:underline }
 
.bod-title {
	font-weight: bold;
	color: #704F2C;
	align: center;
	text-align: center;
}
.11-font {
	font-size: 11px;font-family:"Tahoma"
}
.11-spacing{
	font-size: 11px; letter-spacing:-1px; line-height:14px;
}
.12-spacing{
	font-size: 12px; letter-spacing:-1px;
}
.12-spacing01{
	font-size: 12px; letter-spacing:-2px;
}
.orange {
	font-size: 12px; color: #ED6B1F;
}

.red {
	font-size: 12px; color: #AF0000; 
	font-weight:bold;
}

.ttl {
	color: #704F2C;
	font-weight: bold;
}

.brown {
	font-size: 12px; color: #704F2C; 
}

.green {color: #598527}


	
ul,li,div,p,span,h1,h2,h3,strong,b,i { padding: 0; margin: 0; list-style: none; }
	
    /* gnbWrap */
    #gnbWrap {   position: relative; z-index: 19999; width: 100%; background: url(../../images/bg_gnb.jpg) no-repeat center 0;  }
    #gnbWrap > div {   position: relative; z-index: 19999; width: 905px; height: 74px;   }
    #gnbWrap h1 { position: absolute; left: 60px; top: 16px; width: 127px; height: 47px; text-indent: -999em; display: block; }
    #gnbWrap h1 a { text-indent: -999em; display: block; width: 100%; height: 100%; }
    #gnbWrap > div .gnb { overflow: visible !important; position: absolute; right: 0; top: 15px; width: 689px; }
    .gnb > ul { position: relative; z-index: 11999; width: 100%;   display: table; }
	.gnb > ul > li { display: table-cell; vertical-align: middle; height: 39px; }
	.gnb > ul > li:last-child { margin-right: 0; }
	.gnb > ul > li > a {  font-family:'nanum-barun-gothic-regular','Nanum Gothic','AppleGothic', 'Helvetica',sans-serif;  text-decoration: none; position: relative; }	
	.gnb > ul > li > a:after { content: "|"; position: absolute; right: 0px; top: 0px; font-size: 16px; color: #fff; color: rgba(255,255,255,0.7); }
    	.gnb li ul li { float:left; }
    	.gnb a.oneD { display:block; font-size: 16px; color:#fff;line-height: 39px;    }
    	.gnb a.oneD.on,
    	.gnb a.oneD:hover,
    	.gnb .select .oneD { color: #fff; }
    	.gnb .deps2 { position:absolute; top: 39px; left: 0; height: 23px; z-index:100; overflow: visible;  padding: 0px 10px 0px; border-radius: 3px; background: rgba(255,255,255,0.7);}
    	.gnb .deps2 a { float:left; display:block; overflow:hidden; font-size: 12px; color: #18214f; padding:5px 5px 0; font-family:'nanum-barun-gothic-regular','Nanum Gothic','AppleGothic', 'Helvetica',sans-serif;  text-decoration: none; }
    	.gnb .deps2 a.on,
    	.gnb .deps2 a:hover { color:#18214f; }
    	
    	.gnb .deps2 li a { position: relative;  padding-left: 10px; padding-right: 5px; overflow:visible;   }
    	.gnb .deps2 li a:after  { content: "|"; position: absolute; right: -5px; top: 5px; font-size: 12px; color: rgba(0,0,0,0.5);}
    	.gnb .deps2 li:nth-of-type(4) a:after,
    	.gnb .deps2 li:last-child a:after { content: ""; }

        .gnb .m01 .deps2 { left: 100px; }
		.gnb .m02 .deps2 { left: 130px; }
		.gnb .m03 .deps2 { left: 230px;  }
		.gnb .m05 .deps2 { left: 510px; }


    	.gnb li > ul { display: none; }
    	
a:link,
a:visited,
a:active  { text-decoration: none; }
a:hover {  text-decoration: none; }
a:active { selector-dummy:expression(this.hideFocus = true); } 


#mainImgWrap { width: 100%; position: relative; overflow: hidden; z-index: 0; }
#mainImgWrap .mainImg { width: 903px; position: relative; overflow: hidden; }
        .mainTxt { position: absolute; right: 0px; top: 175px; width: 383px; height: 70px; overflow: visible; z-index: 80; }  
        .mainTxt .t_img01 { position: absolute; right: 0px; top: 0px;  font-family: 'NotoSerifKR'; font-size: 22px; line-height: 1.4em; color: #000; letter-spacing: -0.07em;  animation: t_img01 6s infinite; opacity: 0; } 
        
@keyframes t_img01 {
  0%  {
    top: 30px;
    opacity: 0;
  }
  20%  {
    top: 0px;
    opacity: 1;
  }
  50%  {
    top: 0px;
    opacity: 1;
  }  
  80%  {
    top: 0px;
    opacity: 1;
  }    
  100%  {
    top: 30px;
    opacity: 0;
  }  
} 


#subImgWrap { width: 100%; position: relative; overflow: hidden; z-index: 0; height: 257px;   }
#subImgWrap .subImg { width: 1920px; left: 50%; margin-left: -960px; height: 100%x;  position: absolute; overflow: hidden; }
        .subTxt { position: absolute; left: 50%; margin-left: -160px; top: 50px; width: 450px; height: 70px; overflow: visible; z-index: 80; }  
        .subTxt .s_img01 { position: absolute; right: 0px; top: 0px;  font-family: 'NotoSerifKR'; font-size: 22px; line-height: 1.4em; color: #000; letter-spacing: -0.07em;  animation: s_img01 6s infinite; opacity: 0; } 
        .subTxt .s_img01 span { display: inline-block; margin-left: 30px; }
        
@keyframes s_img01 {
  0%  {
    top: 30px;
    opacity: 0;
  }
  20%  {
    top: 0px;
    opacity: 1;
  }
  50%  {
    top: 0px;
    opacity: 1;
  }  
  80%  {
    top: 0px;
    opacity: 1;
  }    
  100%  {
    top: 30px;
    opacity: 0;
  }  
} 

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper { position: relative; padding: 0; *zoom: 1; top: 0;  }
/*
.bx-wrapper img { max-width: 100%;  display: block;  }
*/

/** THEME
===================================*/

.bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }

/* main img */
.mainImg { }
.mainImg .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
.mainImg .bx-pager { width: 100%;  z-index: 9999;  bottom: 20px; /*top: 58%; */  position: absolute;  display: table;  width: 100%; text-align: center;  }
.mainImg .bx-pager > div { display: inline-block; text-align: center; margin: 0 5px; }
.mainImg .bx-pager-item {  }
.mainImg .bx-pager-item a { text-indent: -999em;   width: 8px; height: 8px; border-radius: 50%;  background: #fff; display: block;  }
.mainImg .bx-pager-item a.active { background: #aa2828; }

.mainImg .bx-controls .bx-controls-direction { overflow: visible; position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 0;  display: none; }
.mainImg .bx-controls .bx-controls-direction a { display: block;  width: 51px; height: 61px; text-indent: -99999px; position: absolute; top: 300px;  height: 91px;  }
.mainImg .bx-controls .bx-controls-direction a.bx-prev { background: url(http://xn--o39axyj88bxhe7tw.kr/html/img/main_arrow_l.png) no-repeat; left: -180px;     background-size: 70%;  }
.mainImg .bx-controls .bx-controls-direction a.bx-next { background: url(http://xn--o39axyj88bxhe7tw.kr/html/img/main_arrow_r.png) no-repeat; right: -180px;   background-size: 70%;    }

/* sub img */
.subImg { }
.subImg .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
.subImg .bx-pager { width: 100%;  z-index: 9999;  bottom: 20px; /*top: 58%; */  position: absolute;  display: table;  width: 100%; text-align: center;  }
.subImg .bx-pager > div { display: inline-block; text-align: center; margin: 0 5px; }
.subImg .bx-pager-item {  }
.subImg .bx-pager-item a { text-indent: -999em;   width: 8px; height: 8px; border-radius: 50%;  background: #fff; display: block;  }
.subImg .bx-pager-item a.active { background: #aa2828; }

.subImg .bx-controls .bx-controls-direction { overflow: visible; position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 0;  display: none; }
.subImg .bx-controls .bx-controls-direction a { display: block;  width: 51px; height: 61px; text-indent: -99999px; position: absolute; top: 300px;  height: 91px;  }
.subImg .bx-controls .bx-controls-direction a.bx-prev { background: url(http://xn--o39axyj88bxhe7tw.kr/html/img/main_arrow_l.png) no-repeat; left: -180px;     background-size: 70%;  }
.subImg .bx-controls .bx-controls-direction a.bx-next { background: url(http://xn--o39axyj88bxhe7tw.kr/html/img/main_arrow_r.png) no-repeat; right: -180px;   background-size: 70%;    }