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

body, html {width:auto; height:auto; overflow-x:hidden; overflow-y:auto; }

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

.right{ float:right;}
.nConBox1 {width: 100%; margin: 0 auto; position:relative;}
.nConBox1:after {content: ""; display: block; clear: both; z-index: 1;}
.nConBox1 .m_slider {float: left; width:100%}
.nConBox1 .bxslider img { width:100%;  min-width:1050px; max-width:100% ; height:503px;  }
.nConBox1 .bx-wrapper {margin:0 auto;}

.nConBox2 {width: 1150px; margin: 47px auto;overflow:hidden}
.nConBox2 .left {overflow:hidden; float:left;}
.nConBox2 .left li {float:left; margin-right:17px;}
.nConBox2 .right li:first-child {margin-bottom:17px} 

.nConBox3 {width: 1150px; margin: 47px auto; overflow:hidden; display:flex; JUSTIFY-CONTENT: space-between}
.nConBox3  > div {width:357px; height:382px; padding: 40px 36px; box-sizing:border-box; border:1px solid #C8C8C8;}
.nConBox3 h2 {color:#595658; font-weight:bold; font-size:21px; padding-bottom:17px; position:relative;}
.nConBox3 h2:after { color: #f8b922;content: ''; width: 23px; height: 3px;background: #f8b922; position: absolute; bottom:0;left: 0;}
.nConBox3 ul {margin-top:25px}
.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.num {width:78px; text-align:center; position:absolute; left:0; top:0; }
.nConBox3 .m-notice li span.date1 { float:right; color:#7E7E7E; font-size:15px;}
.nConBox3 .m-notice li span.ntxt {width: 178px;display: inline-block; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size:16px; color:#2C2C2C }
.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:#2C2C2C }
.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.revp {width:100%; text-align:center;margin-top:23px}

.nConBox4 {width: 1150px; margin: 47px auto;overflow:hidden}
.nConBox4 h2 { margin: 0 auto;  margin-bottom: 20px}
.nConBox4 .ns { width:100%; height:449px; overflow:hidden; border:1px solid #CCCCCC; box-sizing:border-box;}
.nConBox4 .ns .nsleft {position:relative; float:left; width: 460px; height:449px; border-right:1px solid #CCCCCC; box-sizing:border-box; padding: 49px 124px 53px 124px}
.nConBox4 .ns .nsleft .prl { width:213px; height:214px; object-fit:cover}
.nConBox4 .best {position:absolute; top:20px; left:20px;}
.nConBox4 .ns .nsleft .na  {width: 213px; font-weight:bold; text-align:center; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size:16px; color:#000000; margin-top:40px; }
.nConBox4 .ns .nsleft .pr  {width: 213px;  text-align:center; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size:16px; color:#2D2D2D; margin:14px 0;  }
.nConBox4 .ns p.revp {width:100%; text-align:center;}
.nConBox4 .ns .nsright { float:left; width: 688px; overflow:hidden;display:flex; flex-wrap:wrap; flex-direction:row;}

.nConBox4 .ns .nsright .rip { float:left; height:225px; width:344px; padding:55px 29px;box-sizing:border-box;}
.nConBox4 .ns .nsright .rip:first-child, .nConBox4 .ns .nsright .rip:nth-child(2)  { border:1px solid #CCCCCC; box-sizing:border-box; border-left:none; border-top:none;}
.nConBox4 .ns .nsright .rip:nth-child(2)  {border-right:none}
.nConBox4 .ns .nsright .rip:nth-child(3)  { border-right:1px solid #CCCCCC; box-sizing:border-box;}

.nConBox4 .ns .nsright .rip .ri {float:left; width:132px; height:114px; object-fit: contain;}
.ptxt {float:left; margin-left:20px; text-align:left}
.nConBox4 .ns .nsright .rip .na  {width: 125px; font-weight:bold;  overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size:14px; color:#000000;  }
.nConBox4 .ns .nsright .rip .pr  {width: 125px;  overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size:14px; color:#2D2D2D; margin:12px 0 36px 0;  }
.nConBox4 .ns .nsright .rip p.revp {text-align:center;}

.nConBox5 {width: 1150px; margin: 47px auto;overflow:hidden}
.nConBox5 h2 { margin: 0 auto;  margin-bottom: 20px}
.nConBox5 ul {overflow:hidden; width:100%;}
.nConBox5 ul li {float:left; width:230px; border:1px solid #CCCCCC; border-right:none; box-sizing:border-box; }
.nConBox5 ul li:last-child { border-right:1px solid #CCCCCC; box-sizing:border-box;  }
.nConBox5 ul li img {width:228px; height:74px;  object-fit:cover}

.nConBox6 {width: 1150px; margin: 47px auto;overflow:hidden}
.nConBox6 h2 { margin: 0 auto;  margin-bottom:20px}
.nConBox6 ul li {height:390px; width:270px;  border:1px solid #CCCCCC; padding:28px 24px;box-sizing:border-box; text-align:center;} 
.nConBox6 ul li .pim {width:234px; height:212px;  object-fit:cover}
.nConBox6 .tra { font-weight:bold;  overflow: hidden ;white-space: nowrap; text-overflow: ellipsis; font-size:15px; color:#000000; margin-top:15px }
.nConBox6 .dat {font-size:15px; color:#565656; margin: 15px auto;} 

.nConBox7 {width: 1150px; margin: 47px auto 0 auto; overflow:hidden;  border:1px solid #CCCCCC; padding:29px;box-sizing:border-box;} 
.nConBox7 .ntab {position: relative; width: 100%;}
.nConBox7 .ntab .search-de {position: absolute; top: 5px; right: 0;}
.nConBox7 .ntab .search-de span {display: inline-block;}
.nConBox7 .ntab .search-de span.in-de {margin-left: 20px;}
.nConBox7 .ntab .stepTab { border-bottom:1px solid #DFDFDF; padding-bottom:19px;}
.nConBox7 .ntab .stepTab h3 {color:#242424; font-size:19px; font-weight:bold; }
.nConBox7 .ntab .stepTab h3 .menu_tab { float: right; top: -8px;position: relative; }
.nConBox7 .ntab .stepTab .menu_tab ul {width: auto;display: inline-block;}
.nConBox7 .ntab .stepTab .menu_tab ul li {float: left;text-align: center; vertical-align: middle; font-size: 14px;padding: 9.5px 0px; }
.nConBox7 .ntab .stepTab .menu_tab ul li:last-child {margin-right:0;}
.nConBox7 .ntab .stepTab .menu_tab ul li a {font-size:15px; font-weight:bold; background:#EEEEEE; color:#000000; padding: 9.5px 30px; box-sizing: border-box; cursor:pointer;}
.nConBox7 .ntab .stepTab .menu_tab ul li:last-child {}
.nConBox7 .ntab .stepTab .menu_tab ul li.active  {font-weight: bold; }
.nConBox7 .ntab .stepTab .menu_tab ul li.active a {color:#fff;  position:relative; background:#8FC9D7; color:#fff; padding: 9.5px 30px; box-sizing: border-box; }
.nConBox7 .stepTab div[class^="menu_tab0"] { border: none; box-shadow: none;text-align: center;}
.nConBox7 .mTs {  margin-top:18px;  }
.nConBox7 .mTs img { width:100%;  object-fit:none  }

.nConBox8 {width: 1150px; margin: 47px auto;overflow:hidden; display:flex; JUSTIFY-CONTENT: space-between;height:310px; padding: 37px 50px; box-sizing:border-box; border:4px solid #D9D9D9;}
.nConBox8 > div {float: left;  box-sizing:border-box;}
.nConBox8 .cs1 {width:255px; }
.nConBox8 .cs1 p {color:#666666; font-size:16px; font-weight:bold; margin-bottom:30px;}
.nConBox8 .cs1 h2 {margin-bottom:23px;color:#000000; font-size:18px; font-weight:bold;}
.nConBox8 .cs2 {width:302px; }
.nConBox8 .cs2 > img{height:94px; }
.nConBox8 .cs2 h2 {margin-bottom:18px;color:#000000; font-size:18px; font-weight:bold;}
.nConBox8 .cs2 .exc {margin-top:13px;  } 
.nConBox8 .cs2 .exc .right {float:right; color:#747474; font-size:14px;} 
.nConBox8 .cs2 .exc > p {color:#000000; font-size:17px; font-weight:bold; margin-bottom:15px; }
.nConBox8 .cs2 .exch {font-size:15px; border:1px solid #D2D2D2; padding:13px 21px;box-sizing:border-box;} 
.nConBox8  .rightr {float:right; font-size:16px;}
.nConBox8  .rd { color:red; font-size:17px;}
.nConBox8 .cs3 {width:319px; }
.nConBox8 .cs3 h2 {margin-bottom:15px;color:#000000; font-size:18px; font-weight:bold;}
.nConBox8 .cs3 ul {margin-top:21px}
.nConBox8 .cs3 ul li {float:left}
.nConBox8 .cs3 ul li:first-child  img {  width: 159px; height:47px; }
.nConBox8 .cs3 ul li:last-child  img {  width: 159px; height:47px;  }

.nConBox9 {width: 1150px; margin: 47px auto;overflow:hidden}
.nConBox9 ul {overflow:hidden; width:100%;display:flex; JUSTIFY-CONTENT: space-between;}
.nConBox9 ul li {width:222px; height:163px; box-sizing:border-box; }
.nConBox9 ul li img {width:222px; height:163px;  object-fit:cover}