@charset "utf-8";


/*Main banner */
#mainBanW {width:100%;  height:360px; background-color:red; background-color:#e7f5fa; border-bottom:1px solid #c8c8c8;}
.mcBanC { width:640px;  height:360px; overflow:hidden; position:relative;  margin:0px auto; z-index:800; -webkit-box-sizing:border-box; box-sizing:border-box; border-bottom:1px solid #c8c8c8;}
.mcBanSlides {  width:640px; height:360px; position:absolute; z-index:400;  margin:0px auto; }
.mcBanSlides li { width:640px;  float:left;  }
.mcBanSlides li img {width:640px;  height:360px;    } /* 2015-10-21 수정 */

.mcBanDot { cursor:pointer; margin:288px 0 0 34px; position:absolute; z-index:9000; } /* 2019-12-20 수정 */
.mcBanDot li { width:35px; height:28px; margin:0; float:left; }


/*Second banner */
 #secondBanW { position:relative;   width:100%; height:auto;  overflow:hidden; }  /* 2019-12-20 수정 */

/* 2020.02.19 수정*/
.box1 {width:50%; height:165px; float:right;  padding:15px 15px 0 7px;  -webkit-box-sizing:border-box; box-sizing:border-box; /*background:#eee;*/}
.box2 { width:50%; height:165px; padding:15px 8px 0px 15px; -webkit-box-sizing:border-box;box-sizing:border-box;   /*background:#ddd;*/}
.box3{ width:50%; height:165px; float:right;  padding:15px 15px 0px 7px; -webkit-box-sizing:border-box;box-sizing:border-box; /*background:#ccc;*/}
.box4{ width:50%; height:165px; padding:15px 8px 0px 15px; -webkit-box-sizing:border-box;box-sizing:border-box; /*background:#bbb;*/ }

.box1 .ban{height:150px; border:2px solid #8c8c8c;  /*background:url(../images/main/sec_ban2.gif) no-repeat right; */ -webkit-box-sizing:border-box;box-sizing:border-box; /*background-color:red;*/}
.box2 .ban{height:150px; border:2px solid #8c8c8c;  /*background:url(../images/main/sec_ban1.gif) no-repeat right; */ -webkit-box-sizing:border-box;box-sizing:border-box; /*background-color:blue;*/}
.box3 .ban{height:150px; border:2px solid #8c8c8c;  /*background:url(../images/main/sec_ban4.gif) no-repeat right; */ -webkit-box-sizing:border-box;box-sizing:border-box; /*background-color:green;*/}
.box4 .ban{height:150px; border:2px solid #8c8c8c;  /*background:url(../images/main/sec_ban3.gif) no-repeat right; */ -webkit-box-sizing:border-box;box-sizing:border-box; /*background-color:navy;*/}

.box1 .ban li {position:relative; display:block;}
.box2 .ban li {position:relative; display:block;}
.box3 .ban li {position:relative; display:block;}
.box4 .ban li {position:relative; display:block;}


.box1 .ban li a {display:block; width:98%; position:relative; height:150px; /*background:#333333;*/}
.box2 .ban li a {display:block; width:100%; position:relative; height:150px; /*background:#333333;*/}
.box3 .ban li a {display:block; width:98%; position:relative; height:150px; /*background:#333333;*/}
.box4 .ban li a {display:block; width:100%; position:relative; height:150px; /*background:#333333;*/}

.box1 .ban li div.wrap_text {margin-top:24px; margin-left:16px; float:left; }
.box2 .ban li div.wrap_text {margin-top:24px; margin-left:16px; float:left; }
.box3 .ban li div.wrap_text {margin-top:24px; margin-left:16px; float:left; }
.box4 .ban li div.wrap_text {margin-top:24px; margin-left:16px; float:left; }
.box1 .ban li span.title {font:26px/1.5 'Malgun Gothic'; white-space:nowrap; color:#0062be; letter-spacing:-2px;}   /* 2020-02-06 수정 */
.box1 .ban li span.con {font:21px/1.0 'Malgun Gothic'; white-space:nowrap; color:#000000; letter-spacing:-2.5px;}  /* 2020-10-29 수정 */
.box2 .ban li span.title {font:26px/1.5 'Malgun Gothic'; white-space:nowrap; color:#0062be;}
.box2 .ban li span.con {font:21px/1.0 'Malgun Gothic'; white-space:nowrap; color:#000000; letter-spacing:-1.5px;}
.box3 .ban li span.title {font:26px/1.5 'Malgun Gothic'; white-space:nowrap; color:#0062be; letter-spacing:-3px;} /* 2020-02-06 수정 */
.box3 .ban li span.con {font:21px/1.0 'Malgun Gothic'; white-space:nowrap; color:#000000; letter-spacing:-2px;}
.box4 .ban li span.title {font:26px/1.5 'Malgun Gothic'; white-space:nowrap; color:#0062be;}
.box4 .ban li span.con {font:21px/1.0 'Malgun Gothic'; white-space:nowrap; color:#000000;}

.box1 .ban li div.wrap_thumb {position:absolute; right:0;}
.box2 .ban li div.wrap_thumb {position:absolute; right:0;}
.box3 .ban li div.wrap_thumb {position:absolute; right:0;}
.box4 .ban li div.wrap_thumb {position:absolute; right:0;}

/*Customer content */
#customerContent {position:relative;  width:100%; height:122px; margin-top:20px; padding:12px 0; background:#f2f2f2; -webkit-box-sizing:border-box;box-sizing:border-box; }

.nbox1 {width:50%; height:98px;  background:#ffffff; -webkit-box-sizing:border-box;box-sizing:border-box; float:right; border-left:1px solid #f2f2f2;}
.nbox1 li a{display:block; width:90%; position:relative;  margin:0 20px 0 27px; height:98px; /*background:#333333;*/}
.nbox1 li span.faq_img {position:relative; top:20px;  }
.nbox1 li span.faq_text {position:relative;  top:33px;  left:20px; font:26px 'Malgun Gothic'; color:#000000;}

.nbox2 {width:50%; height:98px; background:#ffffff;  -webkit-box-sizing:border-box;box-sizing:border-box;}
.nbox2 li a{display:block; width:90%; position:relative;  margin:0 20px 0 27px; height:98px; /*background:#333333;*/}
.nbox2 li span.inquiry_img {position:relative; top:20px;  }
.nbox2 li span.inquiry_text {position:relative; top:33px; left:20px; font:26px 'Malgun Gothic'; color:#000000;}

/*Notice content */
#noticeContent {position:relative; margin-top:20px;}
.noticeTitle li {padding:11px 0 9px 27px; -webkit-box-sizing:border-box;box-sizing:border-box; border-bottom:1px solid #dddddd;}
.noticeTitle li.title{font:26px/1.5 'Malgun Gothic'; white-space:nowrap; color:#000000; font-weight:bold; }
.noticeCon ul{margin-top:6px; }
.noticeCon ul li {margin-left:27px; -webkit-box-sizing:border-box;box-sizing:border-box; border-bottom:1px solid #dddddd; font-size: 24px;}
.noticeCon ul li a {padding-top:20px; padding-bottom:20px; white-space:nowrap; color:#000000; display:block;text-overflow:ellipsis;overflow:hidden;line-height:1.0em;}