@charset "euc-kr";

/** layout **/
#topWrap { background:#444547; top:0; width: 100%; height: 40px;}
#topWrap2 {background:#fff; top:0; width: 100%; height:162px; z-index:70;}
#bodyWrap {clear:both; position: relative; margin:0 auto; width: 100%;}
#footerWrap {clear:both; width:100%; padding-top:50px;}

ul, li, dl, dt, dd {margin:0;padding:0;list-style:none;}


html, body {font-size: 14px; line-height:21px; color:#222;}
a:hover, a:active {text-decoration:none;}



/** topmenu **/
.topCont {margin:0 auto; width: 1150px; height: 40px;}
.navi {width: 900px; z-index: 1;}
.navi ul li.bleft {border-left: solid 1px #333;}
.navi ul li {float:left; width: 180px; line-height: 40px;border-right: solid 1px #333;}

.navi ul li.navi01on a{background:#fff; color:#21aa3e;}
.navi ul li.navi02on a{background:#fff; color:#0b3c9e;}
.navi ul li.navi03on a{background:#fff; color:#db7093;}
.navi ul li.navi04on a{background:#fff; color:#d1bc2d;}
.navi ul li.navi05on a{background:#fff; color:#4060a0;}

.navi ul li.navi01 a:hover {background:#fff; color:#21aa3e;}
.navi ul li.navi02 a:hover {background:#fff; color:#0b3c9e;}
.navi ul li.navi03 a:hover {background:#fff; color:#db7093;}
.navi ul li.navi04 a:hover {background:#fff; color:#d1bc2d;}
.navi ul li.navi05 a:hover {background:#fff; color:#4060a0;}
.navi ul li a {display:block; color:#fff;font-size:14px; text-decoration:none;  text-align: center;}
.navi_right {float: right;}
.navi_right ul li {float:left; padding-left:10px;}
.navi_right ul li.bright {background: url(../images/index/bright.jpg) center right no-repeat;padding-right:10px;}
.navi_right a { display:block; color:#ccc;font-size:13px; text-decoration:none; text-align: center;line-height: 40px;}
.navi_right a:visited {color:#ccc;}
.navi_right ul li.favo {background: url(../images/index/icon_fa.png)10px center no-repeat; padding-left:30px;}


/** schmenu **/
.mainsearch {margin:0 auto; width: 1150px; height: 110px; padding:20px 0 10px 0;}
.mainsearch h1 {float: left;width: 200px; padding-left:10px; padding-top:10px;}
.mainsearch h2 {float: right;}
.mainsearch h2 span{font-size:28px;  color:#3a9c15;}
.mromainsearch {margin:0 auto; width: 1150px; height: 110px; padding:20px 0 10px 0;}
.mromainsearch h1 {float: left;width: 200px; padding-left:0px; padding-top:10px;}
.mromainsearch h2 {float: right;}
.mromainsearch h2 span{font-size:28px;  color:#3a9c15;}
.sch_cont {float: left; width: 520px; border-bottom: solid 4px #21aa3e; margin-left:120px; margin-top:15px;}
.sch_cont ul.sch {position: relative;width: 520px; height: 40px;  z-index:405;}
.sch_cont .sch li {float: left; height: 40px;}
.sch_cont .sch li.input {width: 480px;}
.sch_cont .sch li.input input {width: 460px; height: 40px; line-height: 40px; font-size: 15px; border: 0;}
.sch_cont .sch li.btn {float: right; width: 30px; padding-top:5px;}
.seach_keyword {display:none;}
.seach_keyword ul{margin-top:5px; position:absolute; z-index:305; width:520px;  background:#fff; border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; border-left: solid 1px #ddd;}
.seach_keyword ul li{height:34px; line-height:34px; cursor:pointer; padding:0 10px;}
.seach_keyword ul li.over {background:#f5f5f5; color:#4a8208;}
.seach_keyword_mro {display:none;}
.seach_keyword_mro ul{margin-top:5px; position:absolute; z-index:305; width:520px;  background:#fff; border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; border-left: solid 1px #ddd; top: 70px; left: 269px;}
.seach_keyword_mro ul li{height:34px; line-height:34px; cursor:pointer; padding:0 10px;}
.seach_keyword_mro ul li.over {background:#f5f5f5; color:#4a8208;}

/** maincategory **/
.maincategory {width: 100%;  border-bottom: solid 1px #666; border-top: solid 1px #e7e7e7; height: 52px;}
.category_con {clear:both; position:relative; bottom:0; margin:0 auto; width: 1150px;height:50px;z-index:301;}
.category_con .allcategory a{display:inline-block; float: left; width:180px; padding:15px 0 14px 0; background: url(../images/index/allcategory.png) 20px 20px no-repeat; background-color: #eee; font-size:15px;padding-left:40px; color:#000;}
.category_con .subcategory ul li a{color:#747474;}
.category_con .subcategory ul li {float:left; padding-left:52px; line-height: 50px; font-size: 15px; text-align: center; }
.category_con .subcategory ul li a:hover {color:#444; border-bottom: solid 4px #444; height:50px; display:block;}
.category_con .maintel {display:inline-block; float: right; width:205px; padding:15px 0 14px 0; margin: 6px 16px 0 0; background: url(../images/main/greenproduct_tel.png) no-repeat;}

/** maincategory layer**/
.layer11 {position:absolute; border: solid 1px #666; background:#fff; width:1150px;  height: 580px; left:0px; display:none; padding:20px 0 20px 10px; z-index:302;}
.layer22 {position:relative; margin:0 auto; width: 1150px;}

.ban h2{font-size:14px; height:25px;  border-bottom: 2px solid #333; padding:0 8px 10px 8px; margin-bottom:10px; letter-spacing:-0.5;}
.layer11 ul li {padding:0 8px 10px 8px;}
.layer11 ul li a{line-height:18px; font-size:13px;}
.layer11 ul li a:hover {color:#42a71c; text-decoration:underline;}
.ban {width:160px; height:260px;  border-right: 1px dashed #ccc; padding:0 8px 22px 8px; margin-bottom:20px; }
.ban ul{overflow:auto; height:205px;}
.layer_ban {float:left;}
.close {text-align:right; position:absolute; top:-8px; right:-40px;}
.categoryClose{text-align:right; position:absolute; top:-1px; right:-40px;}

/** deptcategory **/
.sidebarmenu {position:relative; float:left; width:180px; background-color: #444; z-index:190;}
.sidebarmenu ul{ margin: 0; padding: 0; width:180px; height:403px; border-bottom: 1px solid #e7e7e7;}
.sidebarmenu ul li{line-height:30px;color:#fff;}
.sidebarmenu ul li a{
display: block;
overflow: auto;
color: #fff;
text-decoration: none;
padding:5px 10px 5px 20px;
border-bottom: 1px solid #555;
line-height: 20px;}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #444;}
.sidebarmenu ul li a:visited{color: #fff;}
.sidebarmenu ul li a:hover{background-color: #000;}

.side {position:relative; left:0px; top:0px;}
.side ul.lay_con {position:absolute; height:403px; background:url(../images/index/side.png) repeat-y; color:#444; left:180px; z-index:500; display:none; 
opacity:0.9; border:1px solid #444; padding:10px 0 10px 0; font-size:13px;}
.side ul.lay_con li ul {float:left; width:190px; padding-left:15px;}
.side ul.lay_con li:first-child {border-left:none;}
.side ul.lay_con li ul li a:link, .side ul.lay_con li ul li a:active {display:block; color: #444; line-height:18px; padding:5px 10px 5px 0;} 
.side ul.lay_con li ul li a:visited {color:#444;}
.side ul.lay_con li ul li a:hover {color:#3a9c15; text-decoration:underline;}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li {float:left; height:1%; }
* html .sidebarmenu ul li a {height:1%;}
/* End */
	
	
/** ¸ÞÀÎÀüü¹è°æ ·Ñ¸µ À̹ÌÁö **/
.scroller {position:absolute; left:0; top:0; z-index:1; width:100%; background:#eee;}
.scroller-inner {position:relative; width:100%; height: 403px; overflow: hidden;}
.scroller-inner .window { }
.scroller-inner .window ol.teaser-items {
	position:relative;
	width:100%;
	height:403px;
    margin:0;
    padding:0;
}
.scroller-inner .window ol.teaser-items li {
	height:403px;
	width: 100%;
    margin:0;
    padding:0;
    display: none;
    text-align:center;
}


.scroller-inner .window ol.teaser-items li div {width:1150px; margin:0 auto;}
.scroller-inner .window ol.teaser-items li img {padding-right:50px;}

.scroller-inner .teaser-header {
	height:40px;
	width:100%;
    position:absolute;
    bottom:2px;
	z-index:5;
}
.scroller-inner .teaser-header ol {position:relative; width:1150px; margin:0 auto; padding-left:180px;}
.scroller-inner .teaser-header ol li {
    float:left;
    width:185px;
    border-top:1px solid #e7e7e7;
    border-left:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    white-space:nowrap;
    text-align:center;
}
.scroller-inner .teaser-header ol li a {opacity:1; background:#fff; font-size:13px; line-height:40px; display:block; cursor:pointer;}
.scroller-inner .teaser-header ol li a:hover {color:#42a71c;}
.scroller-inner .teaser-header li a.selected {opacity:1; background: url(../images/index/event_bg.jpg) repeat-x; color:#42a71c;}     
            
/** main content **/
.mainCont {width: 100%; background:#fff;}
.mainbox {width: 1150px; margin:0 auto;}
.rightGroup {position:relative; left:0; width: 230px;float: left; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-left:1px solid #e7e7e7; background:#fafafa; z-index:20;}
.rightGroup2 {position:relative; left:740px; width: 230px;float: left; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-left:1px solid #e7e7e7; background:#fafafa; z-index:20;}

.loginBox {width: 230px; height: 136px; padding:10px;}
.loginBox h2 {font-size:16px;  line-height: 20px;  margin-bottom:10px;}
.loginBox h2 p {display: block; width:200px; font-weight: 100; font-size:14px; padding-top:10px;} 
.loginBox span {margin-left:2px;}
.btn_g a {margin-left:35px; display:inline-block; width: 140px;  font-size:14px; line-height:32px; color:#fff; background:#21aa3e; text-align:center;}
.btn_g2 {float:right; margin-left:5px; display:block; font-size:13px; width: 110px; line-height:24px; text-align:center; border: solid 1px #555;}
.btn_g a:visited{color: #fff;}

.CSBox {width: 230px; height: 88px; text-align: center; padding: 10px; border-bottom: solid 1px #e7e7e7; border-top: solid 1px #e7e7e7; }
.CSBox ul li{float:left;  width:100px; height:77px; font-size: 12px; line-height:15px;}
.CSBox ul li a:hover {}
.CSBox ul li.bl {border-left: dashed 1px #ccc;}
.CSBox ul li.bt {border-top: dashed 1px #ccc; padding-top:7px;}
.CSBox h2 { font-size: 16px; color: #333; text-align: left; margin-bottom:5px;}
.CSBox span {display:block;}

.tell {font-size: 24px; padding: 5px 0; color: #000;}
.tell img {vertical-align: middle;}
.time {font-size: 13px; line-height: 18px; padding-top: 10px;}

/* .infoBox {cursor:pointer; width:230px; height:178px; color:#333; background:url(../images/index/icon_manual.png) 20px 10px no-repeat; padding:9px 20px 15px 72px;} */
.infoBox {cursor:pointer; width:230px; height:178px; color:#333; padding:10px; border-top: solid 1px #e7e7e7;}
#newMember h2 {float:left; font-size:16px; text-align:left; margin-bottom: 8px;}
#newMember h2 span { color: #278d00; }
#newMember { width:210px; height:160px; overflow:hidden; position:relative; }
#newMember ul{ background: #f2f2f2; position:absolute; top:25px;}
#newMember ul li{float:left; font-size: 12px; position:relative; }
#newMember ul li div {padding:3px 3px 3px 10px;}
#newMember ul li:first-child {margin-left:0;}
#newMember ul li:nth-child(5) {margin-left:10px;}
#newMember .btn {position:absolute; height:12px; right:0; top:0;}
#newMember .btn span {display: inline-block;
	width:12px; height:12px;
	margin:0 2px;
	text-indent:-999px;
	border-radius:10px;
	background:#999;
	cursor:pointer;
	overflow:hidden;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);}
#newMember .btn span.on {background: #67b849;}

/** Àüü Á¦Ç°  **/
.p4_txt {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; padding:10px 0 0 0; color:#555;} /** Àüü Á¦Ç° »óÇ°¸í  **/
.font05 {font-size:14px; line-height:24px; border-bottom:solid 1px #e7e7e7; color:#fc5a0a; padding-bottom:8px;} /** Àüü Á¦Ç° °¡°Ý  **/

/** ÀÎÁõº° Á¦Ç°ÇöȲ **/
.certification_box {clear:both; width:100%; background:#f2f2f2; height:138px; margin-bottom:60px;}
.certification {background:#f2f2f2; width: 1150px; margin:0 auto;}
.certification h2 {position: relative; font-size:18px; float:left; background:#21aa3e; height:138px; width:180px;text-align: center; color:#fff; padding-top:25px;}
.certification ul {padding:17px 0 0 197px;}
.certification ul li {float:left; text-align: center; font-size:13px; width:95px;}
.certification ul li img {padding-bottom:10px;}
.certification ul li a:hover { color:#379b12;}
a.roll img.over {display: none;}
a.roll:hover img {display: none;}
a.roll:hover img.over {display: inline;}

/** ÀÌ´ÞÀÇ ÇÒÀλóÇ° **/
.product01 {width: 1150px; margin:0 auto; height: 540px;}
.discount {width: 370px; float:left;}
.discount h2 {float:left; font-size:20px; padding-bottom:15px; }
.discount h2 span{float:right; padding:10px 0 0 0;}
.discount_p {width: 340px; height:490px; border:solid 1px #e7e7e7; text-align: center; padding:23px 0; background:#f6f6f6;}
.discount_p p img {margin:20px 0 21px 0; width:280px; height:280px;}
.tit_p {overflow:hidden;white-space:nowrap; text-overflow:ellipsis;font-size:17px; padding:0 20px 10px 20px;}

/** ÀÌ´ÞÀÇ ÇÒÀλóÇ° ·Ñ¸µ**/
.slides2 {position:relative;width:340px;}
.slides2 .slide2 {overflow:hidden; position:relative;width: 340px; height:490px}
.slides2 .slide2 li{width: 340px;height:490px}
.slides2 .slide2 li a{}
.slides2 a.prev2,.slides2 a.next2 {display:inline-block;z-index:100;overflow:hidden;position:absolute;top:260px;width:35px;height:35px;background:url(../images/index/sp_page2.png) 0 0 no-repeat;line-height:999px;vertical-align:top}
.slides2 a.prev2 {right:305px;background-position:0 0}
.slides2 a.prev2:hover {background-position:0 -41px}
.slides2 a.next2 {right:0;width:35px;background-position:-41px 0}
.slides2 a.next2:hover {background-position:-41px -41px}
.slides2 .page2 {z-index:100;position:absolute;top:6px;right:0;width: 340px;text-align:right;}
.slides2 .page2 li {display:inline-block;_display:inline;margin:0 2px;_zoom:1}
.slides2 .page2 li a {display:inline-block;overflow:hidden;width:12px;height:12px;background:url(../images/index/sp_page.png) 0 0 no-repeat;line-height:999px;vertical-align:top}
.slides2 .page2 li.current a {background-position:0 -12px}

/* ù °ø°³! ÀÌ´ÞÀÇ ½Å»óÇ°  */
.new_product {width:780px; float:left;}

#focus {width:780px; height:531px; overflow:hidden; position:relative;}
#focus h2 {float:left; font-size:20px; padding:0 0 15px 0; }
#focus ul {height:580px; position:absolute;}
#focus ul li {float:left; width:780px; height:580px; overflow:hidden; position:relative; top:41px;}
#focus ul li div {float:left; margin-left:10px; margin-bottom:10px; width:187px; height:240px; padding:10px; border:solid 1px #e7e7e7; text-align:center;}
#focus ul li div:first-child {margin-left:0;}
#focus ul li div:nth-child(5) {margin-left:0;}

#focus .btn {position:absolute; height:12px; right:0; top:0;}
#focus .btn span {display: inline-block;
	width:12px; height:12px;
	margin:0 2px;
	text-indent:-999px;
	border-radius:10px;
	background:#999;
	cursor:pointer;
	overflow:hidden;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);}
#focus .btn span.on {background: #67b849;}



/* ÀÌ´ÞÀÇ Àαâ»óÇ° ·Ñ¸µ */
.frame {overflow: hidden; position: relative;}
.frame ul {margin: 0; padding: 0; position: absolute;}
.frame ul li { float: left; margin: 0 1px 0 0; padding: 0; text-align:center;}
.frame ul li img { }
.frame ul li.active { color: #fff; background: #a03232; }

.pages {margin:0; padding-right: 10px; padding-top: 10px; text-align: right;}
.pages li {
	display: inline-block;
	width:12px; height:12px;
	margin:0 2px;
	text-indent:-999px;
	border-radius:10px;
	background:#999;
	cursor:pointer;
	overflow:hidden;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);}
.pages li:hover {background: #999;}
.pages li.active {background: #67b849;}

.product02 {width:1150px; margin:0 auto; padding-top:60px;}
.product02 h2 {font-size:20px; padding-bottom:15px;  }
.product02_2 {border:solid 1px #e7e7e7; width:1150px; height:740px;}
.product02_2_kosaf {border:solid 1px #e7e7e7; width:1150px; height:1478px;}
.product_p2 {float:left; width:327px;}
.product_p2_txt {text-align:center; width:267px; margin:0 auto;}
.product_p3 {float:left; border:solid 1px #e7e7e7; width:287px; height:369px; text-align:center; padding-top:20px;}
.product_p3_txt {text-align:center; width:250px; margin:0 auto;}


/** Áß°£ Ç®»çÀÌÁî ¹è³Ê **/
.banner_center {clear:both; margin-top:30px; width:100%; height:200px; background:url(../images/index/banner_bg.png)repeat-x;}
.banner_img {width:1150px; height:200px; margin:0 auto; }
.banner_img img{width:1150px; height:200px;}

/** Ä«Å×°í¸®º° Àα⠾ÆÀÌÅÛ **/
.product05_2 {border:solid 1px #e7e7e7; width:1150px; height:313px;}
.product_p5 {float:left; border-left:solid 1px #e7e7e7; width:290px; height:315px; padding:20px;}

.product06_2 {}
.product_p6 {float:left; border-left:solid 1px #e7e7e7; width:212px; height:312px; padding:11px; text-align:center;}
.product_p6:first-child{border-left:none;}

.top_tab2 {width:300px; float: left;}
.top_tab2 > ul li { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding-bottom:10px; font-size:12px; width:100px; text-align:center; float:left;}

.top_tab2 > ul li a.ca01 {background: url(../images/index/icon_ca01.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca01, .top_tab2 > ul li a:visited.ca01 {background: url(../images/index/icon_ca01on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca02 {letter-spacing:-0.1em; background: url(../images/index/icon_ca02.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca02, .top_tab2 > ul li a:visited.ca02 {background: url(../images/index/icon_ca02on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca03 {background: url(../images/index/icon_ca03.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca03, .top_tab2 > ul li a:visited.ca03 {background: url(../images/index/icon_ca03on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca04 {background: url(../images/index/icon_ca04.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca04, .top_tab2 > ul li a:visited.ca04 {background: url(../images/index/icon_ca04on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca05 {background: url(../images/index/icon_ca05.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca05, .top_tab2 > ul li a:visited.ca05 {background: url(../images/index/icon_ca05on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca06 {background: url(../images/index/icon_ca06.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca06, .top_tab2 > ul li a:visited.ca06 {background: url(../images/index/icon_ca06on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca07 {background: url(../images/index/icon_ca07.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca07, .top_tab2 > ul li a:visited.ca07 {background: url(../images/index/icon_ca07on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca08 {background: url(../images/index/icon_ca08.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca08, .top_tab2 > ul li a:visited.ca08 {background: url(../images/index/icon_ca08on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca09 {background: url(../images/index/icon_ca09.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca09, .top_tab2 > ul li a:visited.ca09 {background: url(../images/index/icon_ca09on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca10 {background: url(../images/index/icon_ca10.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca10, .top_tab2 > ul li a:visited.ca02 {background: url(../images/index/icon_ca10on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca11 {background: url(../images/index/icon_ca11.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca11, .top_tab2 > ul li a:visited.ca11 {background: url(../images/index/icon_ca11on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca12 {background: url(../images/index/icon_ca12.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca12, .top_tab2 > ul li a:visited.ca12 {background: url(../images/index/icon_ca12on.png) center 8px no-repeat;}

.top_tab2 > ul li.left0 {border-left:0px;}
.top_tab2 > ul li.bottom0 {border-bottom:0px;}
.top_tab2 > ul li a { color:#333; display:block;}
.top_tab2 > ul li a:hover, .top_tab2 > li a:visited { color:#389b12;}
.off2 {background:#fff; }
.on2 { background:#eee; }

.con_bottom2 { width:848px; float: left;}
.con_bottom2 > div {height:100%; display:none;}
.con_bottom2 > div:first-child { display:block; }

.rr {height:41px; line-height:41px;}
.rr a {display:block;}
.rr a a:hover, a:visited {}

/** ÀÎÁõº° ÀαâÁ¦Ç° **/
.product03 {width: 1150px; margin:0 auto; padding-top:60px;}
.product03 h2 {font-size:20px; padding-bottom:15px;  }
.product03_2 {width: 1148px; margin:0 auto; padding-top:60px;}
.product03_2 h2 {font-size:20px; padding-bottom:15px;  }
.product04_2 {}
.product_p4 {float:left; width:190px;  margin:25px 0 20px 33px;}
.product_p4_txt {text-align:center; width:190px;}
.box_line {border:solid 1px #e7e7e7; width:190px; height:190px;}

.top_tab { width:100%; height:46px; border:solid 1px #e7e7e7;}
.top_tab > ul li { font-size:15px; width:164px; height:45px; border-left:1px solid #e3e3e3; text-align:center; line-height:45px; float:left; }
.top_tab > ul li:first-child {border-left:0px; }
.top_tab > ul li a {display:block; color:#333;}
.top_tab > ul li a:hover, .top_tab > ul li a:visited {display:block;  color:#333;}
.top_tab3 { width:100%; height:46px; border:solid 1px #e7e7e7;}
.top_tab3 > ul li { font-size:15px; width:191px; height:45px; border-left:1px solid #e3e3e3; text-align:center; line-height:45px; float:left; }
.top_tab3 > ul li:first-child {border-left:0px; }
.top_tab3 > ul li a {display:block; color:#333;}
.top_tab3 > ul li a:hover, .top_tab > ul li a:visited {display:block;  color:#333;}
.off { border-bottom:1px solid #e7e7e7; background-color:#f5f5f5;}
.on { border-bottom:0px solid #fff; background-color:#fff; }
.con_bottom { width:100%; height:325px; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
.con_bottom > div { width:100%; height:100%; display:none;}
.con_bottom > div:first-child { display:block; }


/** total_info **/
.total_info {width: 1150px; margin:0 auto; height: 190px; padding:50px 0;}

.notice {margin-right:33px; border-top:solid 4px #333; border-bottom:solid 1px #555; padding:20px 10px; float: left; width: 262px; height: 185px; display: inline-block;}
.notice h2 {font-size:18px; padding-bottom:10px;  color:#000;}
.notice li{font-size:14px; line-height: 28px; color:#555; margin-bottom:-5px;}
.notice li a {line-height: 28px; color:#555;}
.notice li a:hover {color:#42a71c; text-decoration:underline;}
.more {font-size:14px; float:right;}
.more a:hover {color:#42a71c;}

.cs {color:#555; margin-right:33px; font-size:13px; border-top:solid 4px #333; border-bottom:solid 1px #555; padding:20px 10px; float: left; width: 262px;height: 185px;}
.cs h2 {font-size:18px; padding-bottom:10px;  color:#278d00;}
.tel {background: url(../images/index/icon_tel2.png) center left no-repeat; font-size:26px; color:#222;  padding:15px 0 15px 40px;}

.alliance {background: url(../images/index/bg_shop.png) bottom right no-repeat; color:#555; font-size:13px; margin-right:34px; float: left; width: 262px; height: 185px; border-top:solid 4px #333; border-bottom:solid 1px #555; padding:20px 10px;}
.alliance h2 {font-size:18px; color:#a9ab19; padding-bottom:10px; }
.alliance button {width: 150px; border:solid 1px #444; background:#fff; height: 36px; color: #444; line-height: 26px; cursor: pointer;}
.alliance button:hover {background:#eee;}

.manager {background: url(../images/index/bg_partnership.png) bottom right no-repeat; color:#555; font-size:13px; float: left; width: 262px; height: 185px; border-top:solid 4px #333; border-bottom:solid 1px #555; padding:20px 10px;}
.manager h2 {font-size:18px; color:#a9ab19; padding-bottom:10px; }
.manager button {width: 150px; border:solid 1px #444; background:#fff; height: 36px; color: #444; line-height: 26px; cursor: pointer;}
.manager button:hover {background:#eee;}


/** footer **/
.footLink {border-top:solid 1px #e7e7e7; border-bottom:solid 1px #e7e7e7; width: 100%; height:46px; padding-top:10px;}
.footLink ul {margin:0 auto; width:1150px; }
.footLink ul li { float: left; line-height: 28px; padding-right:30px; color: #555;}
.footLink ul li a {color:#555;}
.footLink ul li:nth-child(6) {padding-right:10px;}

.footCont {background:#aeaeae; width:100%; color:#fff; font-size:13px; padding-top:35px;}
.footCont ul {margin:0 auto; width:1150px; height:230px;}
.footCont ul li{float:left;line-height:18px;}
.footCont ul li h3{border-bottom:solid 1px #fff; font-size:14px;  padding-bottom:10px; margin-bottom:10px;}
a.f14 {font-size:14px; color:#fff; width:150px; height:18px; line-height:28px; text-decoration:underline; background: url(../images/index/icon_p.png) right no-repeat; padding-right:15px;}

.footBanner {width: 1150px; margin:0 auto; color:#777;}
.footBanner ul{margin-top:20px;}
.footBanner ul li{float: left; background:#f4f4f4; width:105px; height:90px; line-height:16px; padding:10px; margin-left:8px;}
.footBanner ul li:first-child {margin-left:0;}
.footBanner ul li:nth-child(5) {width:115px;}
.footBanner ul li:nth-child(6) {width:123px;}
.footBanner ul li h2{font-size:13px;  padding-bottom:8px;}
.footBanner ul li p{font-size:12px;}

/*ȸ¿ø°¡ÀÔ ¸ð´Þ Æ˾÷*/
.modal {display: none; padding-top:60px; position: fixed; z-index: 999; left: 0; top:0; width:100%; height:100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal-content {background-color: #fefefe; margin:2% auto; padding: 20px; border:1px solid #888; width:35%; height:85%; min-width: 600px; overflow:auto;}
.close {color: #aaa; float: right; font-size: 50px; font-weight: bold; margin-top: 7px;}
.close:hover {cursor: pointer; }
.close_complete {color: #aaa; float: right; font-size: 50px; font-weight: bold; margin-top: 7px;}
.close_complete:hover {cursor: pointer;}
.close_complete2 {position:relative; color:#777; font-size: 50px; font-weight: bold; top:45px; right:20px; float:right; z-index:1001;}
.close_complete2:hover {cursor: pointer;}

.modal-complete {display: none; padding-top:120px; position: fixed; z-index: 999; left: 0; top:0; width:100%; height:100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal-content-complete {background:#fff; margin:0 auto; padding-bottom:20px; border:1px solid #888;}


.loginPage {border-top:0px solid #bbb;}
.loginPage ul li {border-bottom:1px solid #bbb; } 
.loginPage ul li dt{padding:19px 40px 19px 40px; font-size:19px; font-weight:bold; color:#535353;}
.loginPage ul li dd{position:relative;height:0; overflow:hidden;}
.loginPage ul li dd p{padding:10px 10px 10px 10px;line-height:25px;font-size:16px; background:#fff;}
.loginPage ul li .hand {cursor: pointer;}
.loginPage ul li .hand_over {background:#f4f4f5; cursor: pointer;}

.loginPage_table {width:100%; font-size:13px; border-top:3px solid #21aa3e;}
.loginPage_table th{padding:5px; border:1px solid #ccc; background:#e5e5e5; font-size:12px; font-weight:bold; color:#161616; height:34px; text-align: center;}
.loginPage_table td{padding:5px; border:1px solid #ccc; text-align:left; line-height:100%; background:#ffffff}
.loginPage_table input[type="text"]{width:100%; height:25px; border:1px solid #ccc; vertical-align: middle;} 
.loginPage_table input::placeholder {color:gray; opacity: 1;}
.loginPage_table input:-ms-input-placeholder {color:gray; opacity: 1;}
.loginPage_table img{margin:5px; max-width:100%; vertical-align: middle;}
/*
.showInfo:hover .info {display: inline-block;}
.info {display:none; position:absolute; z-index:1000; border:1px solid #ccc; background-color:#f7f7f7;; padding:10px; width:500px; font-size:9px; box-shadow:5px 5px 5px #A6A6A6;}
*/
a:link.btn_gp, a:visited.btn_gp {border-radius:2px; margin-left:4px; font-weight:bold; display:inline-block; min-width: 60px; padding:0 10px; font-size:13px; height:25px; line-height:25px; color:#fff; background:#21aa3e; text-align:center;}
a:hover.btn_gp, a:active.btn_gp {border-radius:2px; margin-left:4px; font-weight:bold; display:inline-block; min-width: 60px; padding:0 10px; font-size:13px; height:25px; line-height:25px; color:#fff; background:#21aa3e; text-align:center;}
.right_close {float: right;}

/*·Î±×ÀÎ ÆäÀÌÁö*/
.login_bg {background:#f5f5f5;}
#bodyWrap_login {margin:0 auto; width: 100%; padding:90px 0 30px 0; background:#f5f5f5;}
.login-wrap{width:566px; margin:0 auto; background:#fff;}
.login-cnt{padding:25px 53px 40px 55px; border:1px solid #d3d3d3; -moz-box-shadow:0 0 6px #d3d3d3; -webkit-box-shadow:0 0 6px #d3d3d3; box-shadow: 0 0 6px #d3d3d3;}
.login-cnt2{position:relative; bottom:38px; right:10px;}
.login-cmd-box{position:relative; margin-top:27px;}
.login-cmd-box > div{width:345px;}
.login-cmd-box input {width:280px;}
.login-id span{padding-right:22px;}
.login-pw span{padding-right:10px;}
.login-cmd-box .login-pw{margin:10px 0 16px;}
.login-cmd-box .id-save{font-size:13px; line-height:17px;}
.login-cmd-box .id-save .chk{width:20px; margin-right:6px;}
.login-info{color: #777; margin-top:20px; border-top:1px solid #e6e6e6; text-align:right;}
.login-info .customer-info{display:inline-block; margin:24px 11px 0 0; font-size:16px; line-height:9px;}
.login-footer{padding:12px 0 0 0; color: #999; background:#f5f5f5;}
.login-footer .address{font-size:13px;}
a.btn-login{position:absolute; top:0; right:0; width:99px; height:72px; border-radius:2px; background:#42a71c; color:#fff; font-size:18px; line-height:72px; text-align:center; }
a.btn-login:hover{text-decoration:none;}
a.btn-join{display:inline-block; padding:5px 18px 5px; border-radius:2px; border:1px solid #bbb; color:#555; font-size:14px;}
a.btn-join:hover{text-decoration:none;}
.join {text-align:center; padding-top:20px;}

/** Æеù, ¸¶Áø **/
.pb20 {padding-bottom:20px;}
.pb40 {padding-bottom:40px;}
.pb10 {padding-bottom:10px;}
.pt16 {padding-top:16px;}
.pt20 {margin-top:20px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr5 {padding-right:5px;}
.pt10 {padding-top:8px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.mb10 {margin-bottom:10px;}
.mt80 {margin-top:80px;}
.ml25 {margin-left:25px;} 
.pb11 {padding-bottom:11px;}
.p4 {padding:0 4px;}
.p90 {padding:0 90px;}
.p2 {padding:0 2px;}
.mt50 {margin-top:50px;}

/** ÆùÆ® **/
.font01 {font-size:16px; text-decoration:line-through; color:#666;}
.font02 {font-size:20px; color:#42a71c; }
.font03 {font-size:15px; color:#444; line-height:30px;}
.font04 {font-size:20px; color:#333; }
.font06 {font-size:13px; color:#555; font-weight:100;}
.font07 {font-size:14px; color:#444; }
.font08 {font-size:14px; color:#fc5a0a;;  line-height: 28px;}
.font_bold {}
.f28 {font-size:28px;  line-height:38px;}
.font_gray1 {font-size:13px; color:#777; margin-left:15px;}
.font_gray2 {font-size:13px; color:#666;}

/** »óÇ° À̹ÌÁö »çÀÌÁî **/
.s150 img {height:120px; width:120px;}
.s200 img {height:190px; width:190px;}
.s240 img {height:240px; width:240px;}
.s280 img {height:280px; width:280px;}
.s300 img {height:1200px; width:900px;}
.s800 img {width:800px;} /*»óÇ°»ó¼¼¼³¸í*/

/** Á¤·Ä **/
.right { }
.left {float:left;}
.center {text-align: center;}
.clear {clear:both}

/** 2019 12 09 MRO MAIN START **/
.sch_cont2 {border-bottom:solid 4px #004098;}

.badge {
    background: radial-gradient( 5px -9px, circle, #0d4ea2 26px );
    background: -moz-radial-gradient( 5px -9px, circle, #0d4ea2 26px );
    background: -ms-radial-gradient( 5px -9px, circle, #0d4ea2 26px );
    background: -o-radial-gradient( 5px -9px, circle, #0d4ea2 26px );
    background: -webkit-radial-gradient( 5px -9px, circle, #0d4ea2 26px );
    background-color: #0d4ea2;
    border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    
    font: 11px Helvetica, Verdana, Tahoma;
    color:#ffffff;
    height: 16px; 
    padding: 2px 3px 0 3px;
    text-align: center;
    min-width: 14px;
}

/* only needed for this sample */
.badge {
    float: left;
    left: 20px;
    margin: 6px;
    position: relative;
    top: -10px; 
}

/** µ¿¹Ý¼ºÀå »ó»ý ÇÁ·Î±×·¥ **/
.certification_box2 {clear:both; width:100%; height:326px; margin-bottom:60px;}
.certification2 {width: 1150px; margin:0 auto;}
.certification2 h2 {position: relative; font-size:18px; float:left; background:#21aa3e; height:138px; width:180px;text-align: center; color:#fff; padding-top:25px;}
.certification2 ul {padding:17px 0 0 20px;}
.certification2 ul li {float:left; text-align: center; font-size:13px; width:202px;margin-right:24px;}
.certification2 ul li img {padding-bottom:10px;}
.certification2 ul li a:hover { color:#379b12;}

.t2 {font-size:14px;}
.t4 {font-size:20px;font-weight:bold;}

.tb_top {border-top:solid 3px #b9b9b9;border-bottom:solid 1px #d7d7d7;text-align:center;font-weight:bold;}

.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-pagination-bullet {width:15px;height:15px;background-color:#000;}
.kospo_main_second:nth-child(2n){margin-top:10px;}
/** 2019 12 09 MRO MAIN END **/

/** 2020 05 12 JSJ - insert excel budget **/
.budget_popup {position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); overflow: auto;}
.budget_popup .budget_popup_cont{background-color: #fefefe; margin:2% auto; padding: 0; border:1px solid #888; width:1000px; height:720px; overflow:auto; margin:5% auto; border: 1px solid #888;}
.budget_popup_cont .pop_title {background: #0a9344; padding: 20px; color: #fff; font-size: 23px;  position: relative;}
.budget_popup_cont .pop_title a {background: url(../images/contents/ico_delete_big.png) 50% 50% no-repeat; width: 34px; height: 34px; display: block; position: absolute; top: 12px;right: 15px;}
.budget_popup_cont .pop_content {padding: 20px; overflow: hidden;}
.budget_popup_cont .pop_content p.list_count {padding: 8px 0 6px 612px; font-weight: bold; font-size: 16px;}
.budget_popup_cont .pop_content .table_scroll2 { overflow-y: scroll; height: 505px; border: 1px solid #ddd;}
.budget_popup_cont .pop_content table tr.top th,
.budget_popup_cont .pop_content table tr.top td {background: #ebebeb; font-weight: bold;}
.budget_popup_cont .pop_content table {margin-top: -1px;}
.budget_popup_cont .pop_content table {width: 100%;}
.budget_popup_cont .pop_content table th {border: 1px solid #ddd; padding: 1px; text-align: center; font-weight: normal; border-left: none; font-size: 12px;}
.budget_popup_cont .pop_content table td {border: 1px solid #ddd; padding: 1px; text-align: center; font-weight: normal; border-right: none; font-size: 12px;}

/* 200709 ¸íÇÔ½Åû */
.delv_popup {display:none; position: fixed; z-index: 500; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); overflow: auto;}
.delv_popup .delv_popup_cont{background-color: #fefefe; margin:2% auto; padding: 0; border:1px solid #888; width:1000px; height:720px; overflow:auto; margin:5% auto; border: 1px solid #888;}
.delv_popup_cont .pop_title {background: #21aa3e; padding: 20px; color: #fff; font-size: 23px;  position: relative;}
.delv_popup_cont .pop_title a {background: url(../images/contents/ico_delete_big.png) 50% 50% no-repeat; width: 34px; height: 34px; display: block; position: absolute; top: 12px;right: 15px;}
.delv_popup_cont .pop_content {padding: 20px; overflow: hidden;}
.delv_popup_cont .pop_content p.list_count {padding: 8px 0 6px 612px; font-weight: bold; font-size: 16px;}
.delv_popup_cont .pop_content .table_scroll2 { overflow-y: scroll; height: 505px; border: 1px solid #ddd;}
.delv_popup_cont .pop_content table tr.top th,
.delv_popup_cont .pop_content table tr.top td {background: #ebebeb; font-weight: bold;}
.delv_popup_cont .pop_content table {margin-top: -1px;}
.delv_popup_cont .pop_content table {width: 100%;}
.delv_popup_cont .pop_content table th {border: 1px solid #ddd; padding: 1px; text-align: center; font-weight: normal; border-left: none; font-size: 12px;}
.delv_popup_cont .pop_content table td {border: 1px solid #ddd; padding: 1px; text-align: center; font-weight: normal; border-right: none; font-size: 12px;}

#ncInfo_popup .delv_popup_cont {height:910px; width: 1000px; margin: 1% auto 0;}
#cart .info2 dt {position:relative;padding-bottom: 3px;}
#cart .info2 dt a.btn_namecard {float:right; background: #21aa3e; color: #fff; padding: 1px 8px; right: 20px; line-height: 16px; top: 0; font-weight: normal;}
.pop_content .steps {margin: 5px 0 5px 0;}
.pop_content .steps b {vertical-align: middle; display: inline-block; margin-right: 10px;color: #a2a2a2; }
.pop_content .steps span {margin-right: 10px;color: #a2a2a2;display: inline-block;overflow: hidden;vertical-align: middle;}
.pop_content .steps span.active {font-weight: bold;color: #362b36;}
.pop_content .steps span b {display: inline-block; /* width: 18px; */ height: 18px; border-radius: 3px; background-color: #a2a2a2; color: #fff; text-align: center; font-weight: normal; line-height: 1.7; font-size: 12px; margin-right: 6px; padding: 2px 7px;}
.pop_content .steps span.active b {background-color: #21aa3e; color: #fff;}

.nc_tabs.ui-tabs .ui-tabs-panel {padding-bottom: 0; padding-top: 5px;}
.nc_content_wrap {overflow: hidden;}
.nc_content_wrap .nc_left_wrap {width: 49%;float: left; box-sizing:}
.nc_content_wrap .nc_right_wrap {width: 49%;float: right; box-sizing:}
.nc_left_wrap p, .nc_right_wrap p {padding: 0 0 2px 0;font-weight: bold; margin-bottom: 3px;}
.nc_scroll {height: 626px; padding-top: 10px; overflow-y: scroll; border-box;border: 1px solid #ddd;}
.nc_scroll ul {}
.nc_scroll ul li {margin-bottom: 10px;position: relative;padding: 0 30px 0 70px;}
.nc_scroll ul li input {position: absolute; top: 50%;left: 30px;margin-top: -6px;}
.nc_scroll ul li label {display: block; height: 195px; position: relative;overflow: hidden; box-sizing: border-box;}
.nc_scroll ul li label img {max-height: 100%; max-width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.nc_preview {display: block; height: 195px; margin-bottom: 10px; position: relative; overflow: hidden; box-sizing:border-box;}
.nc_preview img {max-height: 100%; max-width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.delv_popup_cont .pop_content .nc_tabs table.tbl_addrInfo {border: 1px solid #ddd;}
.delv_popup_cont .pop_content .nc_tabs table.tbl_addrInfo th {background: #f7f7f7; font-weight: bold; }
.delv_popup_cont .pop_content .nc_tabs table.tbl_addrInfo td {padding: 2px;}
.delv_popup_cont .pop_content .nc_tabs table.tbl_addrInfo td input {width: 100%;}
.nc_full_wrap {clear: both;margin-top: 20px;padding-top: 30px;}
.nc_ipt_wrap {padding: 0 110px 0 0;position: relative;margin: 15px 0;}
.nc_ipt_wrap input[type="text"] {width: 100%;height: 42px;}
.nc_ipt_wrap a {position: absolute; top: 0;right: 0;}

#nc_popup1 {display: none; border: 1px solid #ddd; padding: .2em;}
#nc_popup2 {display: none; border: 1px solid #ddd; padding: .2em;}

.list_table tbody .info2 dt a.btn_namecard {float:right; background: #21aa3e; color: #fff; padding: 1px 8px; right: 20px; line-height: 16px; top: 0; font-weight: normal;}
.reorder_wrap {position: absolute;top: 9px;right: 8px;}
.reorder_wrap a {display: inline-block;padding: 3px 12px;background: #404040;color: #fff !important;font-size: 13px;margin: 0 2px;}
.popup_sm_dim {display: block;    position: fixed;    z-index: 500;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: rgb(0,0,0);    background-color: rgba(0,0,0,0.4);    overflow: auto;}
.popup_sm_wrap {position:absolute;z-index:600;top:50%;left:50%;width:500px;margin-left:-250px;height: 340px;margin-top:-170px;background-color:#fff;border: 1px solid #cacaca;}
.popup_sm_title {background-color:#21aa3e;color:#fff;padding:10px;position: relative;font-size: 17px;}
.popup_sm_title a.btn_close {background: url(https://biz.wibee-market.com/woori/images/contents/ico_delete_big.png) 50% 50% no-repeat;width:20px;height:20px;display:block;overflow:hidden;text-indent:-9999em;top:10px;right:10px;position: absolute;}
.popup_sm_content {text-align: center;padding: 20px;}
.popup_sm_content p {padding: 80px 0 0;}
.popup_sm_content .btn_group {padding: 25px 0 0;}
.popup_sm_content ul li {display: table;table-layout: fixed;width: 100%;}
.popup_sm_content ul li span {display: table-cell;vertical-align: middle;padding: 8px 0;}
.popup_sm_content ul.tbl_header {padding-right:15px;background: #f5f5f5;border: 1px solid #ddd;}
.popup_sm_content ul.tbl_header li {}
.popup_sm_content ul.tbl_header li span {font-weight:bold;padding:12px 0;}
.popup_sm_content div.tbl_body {height: 141px;overflow-y: auto;border: 1px solid #ddd;}
.popup_sm_content div.tbl_body ul li {border-bottom: 1px solid #ddd;}

/* 200805 °¡°ÝÁ¶Á¤½Åû */
.modal-content .pop_title {background: #0a9344; padding: 20px; color: #fff; font-size: 23px;  position: relative;}
.modal-content .pop_title a {background: url(../images/contents/ico_delete_big.png) 50% 50% no-repeat; width: 34px; height: 34px; display: block; position: absolute; top: 12px;right: 15px;}
.pricechange_popup {display: none; padding-top:60px; position: fixed; z-index: 999; left: 0; top:0; width:100%; height:100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}

/*  POPUP   */
.popupContainer {display:none;position:fixed; width:100%; height:100%; top:0; left:0; z-index:10000;}

.popupContainer .popupWrap  {z-index:1; position:absolute;width:800px;}
.popupContainer .popupDimmed    {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}

.popupContainer .popupTitleWrap {position:relative; background: linear-gradient(to right, #179531 , #1DBE3E );cursor:move; height:42px;}
.popupContainer .popupTitleWrap:after   {content:""; display:block; clear:both;}
.popupContainer .popupTitleWrap .title  {line-height:42px;font-size: 16px;  font-weight: 700; color: #fff; padding-left:12px;}
.popupContainer .popupTitleWrap .close  {font-size:24px; color:#fff; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; cursor:pointer; position:absolute; width:42px; height:28px;top:0; right:0; }
/* .popupContainer .popupTitleWrap .close:after    {content: "\f00d";font-family: "Font Awesome 5 Free";font-weight:900;} */

.popupContainer .popupContentWrap   {/*border:1px solid  #7e8185; border-top:none;*//*padding:10px;*/ overflow:hidden;}
.popupContainer .popupContent   {/*font-size: 11px;line-height: 1.45;  letter-spacing: -0.14px;*/background:#fff; }

.popupContainer .searchContainer    {/*padding:10px; */margin-bottom:0;}
.popupContainer .searchContainer table  {/*border-bottom:1px solid #dadce0;*/}
.popupContainer .realGridWrap   {min-height:335px;border-bottom:1px solid #dadce0;}

.popupContainer .popupBtnWrap   {display: flex;    flex-wrap: wrap;    width: 100%;border-top:1px solid #4e88c7; height:38px;}
.popupContainer .popupBtnWrap button    {-ms-flex: 1;    flex: 1; line-height:36px; background:#fff; color:#4e88c7;}
.popupContainer .popupBtnWrap button:last-child {background:#4e88c7; color:#fff; }

.popupContent .rg-grid  {border-top:1px solid #dadce0;}
.popupContent .btn_position {padding-right:10px;}
.popupContent .grid_select select {height:26px;}

.popupContainer[class*="alert"] .popupWrap  {width:240px;}
.popupContainer[class*="alert"] .popupTitleWrap {display:none;}
.popupContainer[class*="alert"] .popupContentWrap   { border-radius:5px ; }
.popupContainer[class*="alert"] .popupContent p {padding:30px 0 20px; text-align:center;font-size:14px; }
.popupContainer[class*="alert"] .popupContainer .popupBtnWrap button    {border-radius:5px; }

.popupOpenBtn {margin-left : -3px;}

/*  POPUP   */