@charset "utf-8";

/* 공통 */
#wrapper { width:100%; }

/* 컨텐츠 전체 */
#contents_wrap { width:100%; overflow:hidden;}

/* 비주얼 영역 */
.visual_area { position:relative; height: auto; background:#f9f9f9; }
.main_bg_com { position:absolute; left:50%; margin-left:-962px; top:625px; width:247px; height:247px; z-index:100;
background:url('../images/main/main_bg_com.png') no-repeat }

/* 배너영역 */
.contents_box_bg { position:relative; overflow:hidden; background:#f0f0f0; z-index:2 }
.contents_box_wrap { width: 100%; max-width:1270px; margin:67px auto 60px; }
.main_bg_under { position:absolute; right:0; width:50%; margin-right:-655px; bottom:0; height:268px;
background:url('../images/main/main_bg_under.png') no-repeat }

/* 공지사항 */
.contents_box01 { float:left; width:49%;}
.board_tab { overflow:hidden; }
.board_tab li { float:left; padding:0 17px; background:url('../images/main/board_line.gif') no-repeat right center }
.board_tab li:first-child { padding-left:7px; }
.board_tab li:last-child { background:none; }
.board_tab li a { display:inline-block; padding:2px 0; font-family:'Nanum Square'; font-size:25px; font-weight:bold; color:#b0b0b0;}
.board_tab li.active a { font-weight:bold; color:#000; }

.board_page { clear:both; position:relative; margin-top:18px; width:100%; height:271px; box-shadow:0 3px 7px rgba(221, 221, 221, 0.7); 
padding:27px 35px; background:#fff}
.board_page.ntop li:first-child { padding-bottom:13px; margin-bottom:19px; border-bottom:1px solid #f0f0f0; }
.board_page.ntop li:first-child .board_con { display:inline-block; width:calc(100% - 134px); }
.board_page.ntop li:first-child a.subject{ width:100%; background:none; padding:0; font-size:22px; font-weight:bold; color:#000;}
.board_page.ntop li:first-child a.con { display:block; margin-top:5px; line-height:23px; height:45px; font-size:13px; color:#818181;}
.board_page.ntop li:first-child .date { display:block; margin-top:3px; }

.board_page li a.subject:hover { color:#364989 }
.board_page li a.subject{ display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top; 
background:url('../images/common/bullet_01.gif') no-repeat 0 50%; padding-left:14px; width:calc(100% - 70px); margin-bottom:7px;  font-size:15px; color:#000 }
.board_page li .date { display:inline-block; vertical-align:top; font-size:12px; color:#9e9e9e }
.board_page .board_img { display:inline-block; width:127px; height:102px; background:url('../images/main/board_img.png') no-repeat }
.board_page .more { position:absolute; top:-40px; right:16px;}

/* POPUP */
.contents_box02 { position:relative; float:right; width:49%;}
.contents_box02 h3 { font-family:'Nanum Square-e'; padding-top:3px; font-size:27px; font-weight:bold; color:#000;}
.contents_box02 .slider { margin-top:19px; height:272px; background:#fff url('../images/main/no_image.png') no-repeat center; box-shadow:0 3px 7px rgba(221, 221, 221, 0.7); }

/* 고객센터 */
.contents_box03 { float:left; margin-top:52px; width:34%; height:272px; box-shadow:0 3px 7px rgba(221, 221, 221, 0.7); }
.contents_box03 .banner1 { display:block; width:100%; height:272px; padding:55px 27px; background:#1867a0 url('../images/main/customer_img.png') no-repeat right bottom;} 
.contents_box03 .banner1 .tit { display:block; font-family:'Nanum Square'; font-size:25px; color:#fff; font-weight:bold;}
.contents_box03 .banner1 .tel { margin:37px 0 30px; letter-spacing:-3px; font-family:'Nanum Square-e'; font-size:50px; color:#fff; font-weight:bold;}
.contents_box03 .banner1 .time { margin-top:5px;font-family:'Nanum Square'; font-size:16px; color:#abc6d9;}

/*
.contents_box03 .banner2 { display:block; width:100%; height:60px; line-height:60px; background:#fff url('../images/main/go_icon_off.png') no-repeat 205px center;}
.contents_box03 .banner2 .tit { font-family:'Nanum Square-b'; font-size:18px; color:#124162; text-indent:89px; }
.contents_box03 .banner2:hover { background:#4685b3 url('../images/main/go_icon_on.png') no-repeat 205px center;}
.contents_box03 .banner2:hover .tit { color:#fff }
*/

/* 하단 퀵메뉴 */
.contents_box04 { overflow:hidden; float:right; margin-top:52px; width:64%; height:272px; background:#fff; box-shadow:0 3px 7px rgba(221, 221, 221, 0.7); }
.contents_box04 a { float:left; display:block; border-right:1px solid #f0f0f0; width: 25%; height:174px; text-align: center;}
.contents_box04 a:last-child { border-right:none; }
.contents_box04 a:hover {opacity:0.8;}
.contents_box04 h3 { padding:34px 40px 26px; font-family:'Nanum Square-e'; font-size:27px; font-weight:bold; color:#000;}
.contents_box04 h4.tit { text-align:center; font-family:'Nanum Square-b'; font-size:16px; font-weight:bold; color:#3b4044; }
.contents_box04 h4.tit.pad { padding-top:10px; }

.contents_box04 .img { display:block; width: 100%; height:110px; }
.contents_box04 .banner1 .img { background:url('../images/main/q_banner1.png') no-repeat center; }
.contents_box04 .banner2 .img { background:url('../images/main/q_banner2.png') no-repeat center; }
.contents_box04 .banner3 .img { background:url('../images/main/q_banner3.png') no-repeat center; }
.contents_box04 .banner4 .img { background:url('../images/main/q_banner4.png') no-repeat center; }
.contents_box04 .banner5 .img { background:url('../images/main/q_banner5.png') no-repeat center; }

@media (max-width: 1280px) {
	.contents_box_wrap {padding: 0 20px;}
}
@media (max-width: 1080px) {
	.contents_box03 .banner1 .tel  {font-size: 42px;}
}
@media (max-width: 980px) {
	#wrapper { padding-top: 60px; }

	.contents_box_wrap {margin: 40px auto 40px;}
	.contents_box01 {width: 100%; margin-bottom: 40px;}
	.contents_box02 {float: left; width: 49%;}
	.clear.res980 {display: none;}
	.contents_box03 {float: right; width: 49%; margin-top: 43px;}
	.contents_box04 {width: 100%; margin-top: 40px;}
	.board_tab li.active a {font-size: 22px;}
	.contents_box02 h3 {font-size: 23px;}
	.contents_box04 {background: none; box-shadow:none}
	.contents_box04 h3 {padding: 0px 0 20px; font-size: 23px;}
	.contents_box04 a {background: #fff;}
}
@media (max-width: 720px) {
	.board_page.ntop li:first-child a.subject {font-size: 20px;}
	.contents_box02 {float: left; width: 100%;}
	.contents_box02 .slider {height: auto;}
	.contents_box02 .slider .bx-wrapper {margin-bottom: 0;}
	.contents_box03 {float: right; width: 100%; margin-top: 43px;}

}
@media (max-width:620px) {
	.contents_box_wrap {padding: 0 10px;}
	.board_page {height: auto;}
	.board_page.ntop .board_img {display: none;}
	.board_page.ntop li:first-child .board_con {width: 100%;}
	.board_page.ntop li:first-child a.subject {font-size: 18px;}
	.board_page.ntop li:first-child a.con {height: 30px;}
	.contents_box03 {height: auto;}
	.contents_box03 .banner1 {padding: 35px 27px; height: auto;}
	.contents_box03 .banner1 .tel {font-size: 38px;}
	.contents_box04 {height: auto;}
	.contents_box04 a {width: 50%;}
}
@media (max-width:440px) {
	.contents_box_wrap {margin: 20px auto 20px;}
	.board_tab li.active a {font-size: 20px;}
	.board_page {padding: 18px;}
	.board_page.ntop li:first-child a.subject {font-size: 17px;}
	.board_page li a.subject {font-size: 14px;}
	.contents_box02 h3 {font-size: 20px;}
	.contents_box03 .banner1 .tit {font-size: 20px;}
	.contents_box03 .banner1 .tel {font-size: 34px;}
	.contents_box04 {height: auto;}
	.contents_box04 h3 {font-size: 20px;}
	.contents_box04 .img {height: 90px;}
	.contents_box04 a {height: 140px;}
	.contents_box04 h4.tit {font-size: 14px;}
	.contents_box04 .banner1 .img { -webkit-background-size: 50px auto; background-size: 50px auto;}
	.contents_box04 .banner2 .img { -webkit-background-size: 50px auto; background-size: 50px auto;}
	.contents_box04 .banner3 .img { -webkit-background-size: 50px auto; background-size: 50px auto;}
	.contents_box04 .banner4 .img { -webkit-background-size: 50px auto; background-size: 50px auto;}
	.contents_box04 .banner5 .img { -webkit-background-size: 50px auto; background-size: 50px auto;}
}
@media (max-width:340px) {
	.board_page li a.subject  {background: none; padding-left: 0;}

}