@charset "utf-8";
@import url("/Library/Css/user_layout.css?ver=2");


/*메인*/

/*메인*/
*{font-family: 'Nanum Gothic', sans-serif;}
#mContainer {width: 100%;  min-width:1200px;  }
#mContainer #Container {width: 1200px; margin: 0 auto;}

.right{ float:right;}
.left {float:left}

.nConBox1 {width: 100%; margin: 0 auto; ; position:relative;}
.nConBox1 .m_slider {float: left; width:100%}
.nConBox1 .bxslider img { width:100%;  min-width:1200px; max-width:100% ; height:436px;  }
.nConBox1 .bx-wrapper {margin:0 auto;}

.nConBox2 {width: 1200px;  overflow:hidden; margin: 0px auto; padding-top:30px; position:relative;}

.nConBox2 li:hover{position:relative;  transform: translateY(-15px); transition:all 0.5s;  box-sizing:border-box;}
.nConBox2 li { transition:all 0.5s;} 
/* .nConBox2  li:hover img {position:relative; margin-top:-10px; padding-bottom:15px; transition:all 0.5s;  box-sizing:border-box;}
*/


 .bx-controls {position:absolute; width:100%; height:16px; bottom:40px; left: 0; z-index:100; }
.bx-pager {display:table; margin:0 auto;}
 .bx-pager .bx-pager-item {float:left;}
 .bx-pager .bx-pager-item .active {}
.bx-controls-direction {display:none;}
.Rbtn1{position:absolute; left:-17px; top:248px; z-index:100;}
.Rbtn2{position:absolute; right:-17px; top:248px; z-index:100;}


.bx-pager a {
     background: #fff;
    display: block;
    width: 14px;
    height: 14px;
    text-indent: -9999px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

 .bx-pager a.active {
   
	background: #DE0016;
}

.nConBox4 {width: 1202px; margin: 0px auto; padding-top:30px; margin-bottom:30px;position:relative; overflow:hidden;}
.nConBox4 ul {display:flex; border:1px solid #DBDBDB; box-sizing:border-box}
.nConBox4 ul li {}

.nConBox4 li:hover{opacity:0.6;}
.nConBox4 li { transition:all 0.5s;} 

.nConBox4 ul li img {width: 200px; border-right:1px solid #DBDBDB; box-sizing:border-box;    object-fit: none;}
.nConBox4 ul li:last-child img {border-right:none}

.nConBox3 {width: 1200px; margin: 30px auto; overflow:hidden; display:flex; JUSTIFY-CONTENT: space-between}
.nConBox3  > div {box-sizing:border-box; border:1px solid #DBDBDB; padding:32px 33px;height:256px; }
.nConBox3 h2 {color:#DE0016; font-weight:bold; font-size:18px}
.nConBox3 h2 a {color:#DE0016; }
.nConBox3 ul {margin-top:23px}
.nConBox3 .n1 {width:445px;} 
.nConBox3 .n2 {width:399px;} 
.nConBox3 .n3 {width:310px;} 
.nConBox3 .m-notice p {width:100%; text-align:center;}
.nConBox3 .m-notice li {margin-bottom:16px}
.nConBox3 .m-notice li:last-child {margin-bottom:27px}
.nConBox3 .m-notice li span.new {color:#D10000; font-size:16px; top: -4px; position: relative; margin-right: 4px;}
.nConBox3 .m-notice li span.num {width:78px; text-align:center; position:absolute; left:0; top:0; }
.nConBox3 .m-notice li span.date1 { float:right; color:#595658; font-size:16px;}
.nConBox3 .m-notice li span.ntxt {width: 230px;display: inline-block; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size:16px; color:#000000}
.nConBox3 .m-notice li span.ntxt:hover {transition:all 0.3s; color: #adadad;}
.nConBox3 .m-notice li span.ntxt2 {width: 284px;display: inline-block; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size:16px; color:#595658 }
.nConBox3 .m-notice li span.ntxt2:hover {transition:all 0.3s; color: #adadad;}
.nConBox3 .rev {margin-top:25px; height:181px; border:1px solid #DCDCDC; box-sizing:border-box; padding:14px 17px;}
.nConBox3 .rev img { width:244.82px; height:114.98px; object-fit:cover}
.nConBox3 .rev  a  p {width: 244px;display: inline-block; overflow: hidden;white-space: nowrap; margin-top:15px; text-overflow: ellipsis; font-size:16px; color:#1A1A1A; font-weight:bold; text-align:center  }
.nConBox3 .n3 p {margin:20px 0 22px 0; color:#303030; font-size:16px; }

.nConBox5 { margin: 30px auto; overflow:hidden; padding-top:109px;box-sizing: border-box;height:326px; background:url(/image/new/bg.png) no-repeat center top; } 
.nConBox5 .fix{width: 1200px; margin:0 auto; }
.nConBox5 ul {}
.nConBox5 ul li { width:230px; float:left; margin-right:10px; background:#fff; height:169px; border:1px solid #EEEEEE;  box-sizing:border-box; }
.nConBox5 ul li:last-child {  margin-right:0px; }
.nConBox5 ul li img {padding:17px 19px; }
.nConBox5 ul li p {border-top:1px solid #EEEEEE; padding-top: 15px; width: 100%;text-align: center; color:#555555;font-weight:bold; font-size:16px;  box-sizing:border-box;}

.nConBox7 { width: 1200px; margin:0 auto; margin: 50px auto; overflow:hidden; position:relative}
.nConBox7 h2 {margin-bottom:20px; position:relative; } 
.nConBox7 li { float:left; text-align:center; height:292px; border:1px solid  #DBDBDB ;  box-sizing:border-box; overflow:hidden;} 
.bx-wrapper {max-width:100% !important} 
.nConBox7 li img {width:272px; height: 206px; object-fit:cover;border-bottom:1px solid  #DBDBDB ;  box-sizing:border-box;  }
.nConBox7 .prd { font-size:16px; color:#404040; margin-top:18px; margin-bottom:8px}
.nConBox7 .prc { font-size:16px; color:#000000; font-weight:bold; }
.nConBox7 #slider3-B {position:absolute; left: 20px; top:20px; z-index:100;  }
.nConBox7 #slider3-N {position:absolute; right:20px; top:20px; z-index:100;  }

.nConBox8 { margin: 0px auto; overflow:hidden; padding-top:49px;box-sizing: border-box;height:436px; background:#F6F6F6; } 
.nConBox8 .fix {width: 1200px; margin:0 auto; display:flex; JUSTIFY-CONTENT: space-between;}
.nConBox8 .fix > div {padding:34px 36px; box-sizing:border-box;}
.nConBox8 h2 { color:#000000; font-weight:bold; font-size:18px; margin-bottom:25px; }
.nConBox8 .cs1 {background:#fff; width:320px; height:337px;}
.nConBox8 .cs2 {background:#fff; width:565px; height:337px; text-align:center;}
.nConBox8 .cs3 {background:#fff; width:283px; height:337px;}
.nConBox8 .cs1 .qna { display:flex; margin-top:20px; }
.nConBox8 .nrd { font-size:15px; color:#000000; margin-top:14px; margin-bottom:4px;font-weight:bold; }
.nConBox8 .nrc { font-size:13px; color:#000000; }
.nConBox8 .cs3 .exc {  padding-top: 15px; margin-top: 20px;border-top:1px solid #707070; } 
.nConBox8 .cs3 .exc .ed {color:#747474; font-size:16px;  margin:10px 0 15px 0; font-weight:bold;} 
.nConBox8 .cs3 .exc .et  {color:#000000; font-size:17px; font-weight:bold; }
.nConBox8 .cs3 .exch {font-size:15px; background:#F6F6F6; padding:11px 8px;box-sizing:border-box;} 
.nim {width:153px; height:170px; object-fit: fill;}
.rd {color:red; }

/* Main menu */

#menu {display:flex; JUSTIFY-CONTENT: space-between;}

#menu li
{
	padding-bottom: 10px;
	position: relative;
}


#menu ul ul a 
{
	float: left;
	height: 25px;
	padding: 0 25px;
	color: #999;
	text-transform: uppercase;
	font: bold 12px/25px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}


#menu >  li:hover > a
{
	color: #666;
}

#menu  > li:last-child:hover > a
{

}


*html #menu > li a:hover /* IE6 */
{
	color: #666;
}

#menu li:hover > ul
{
	display: block;
}

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 52px;
    left:-30px;
    z-index: 99999;    
    background:#fff;
	border:1px solid #DE0016;

}

#menu li:last-child ul
{


}
#menu ul ul
{
  top: 0px;
  left: 150px;

}

#menu ul li
{
    float: none;
	text-align:left;
    margin: 0;
    padding: 3px;
    display: block; 
    border-bottom: 1px solid #ddd;

}

#menu ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    	box-shadow: none;    
}

#menu ul a
{    
	font-size:14px;
	font-weight:500;
    padding: 10px;
	height: 13px;
	width: 140px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
}

*html #menu ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #menu ul a /* IE7 */
{    
	height: 10px;
}

#menu ul li a:hover
{	background:#DE0016;
	width:140px !important;
	color:#Fff;
}


ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 970px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover {  }
ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 970px;
	background: #1376c9;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}