@charset "utf-8";
body{background: #eeeeee;}
#document{width:100%;background: url('../img/main/foot_bg.jpg') no-repeat bottom;height: 100%;}
/* 헤더 */
.header{background:url('../img/main/head_bg.jpg') repeat-x; height:140px;}
.toparea{width:1200px; margin:0 auto;overflow:hidden;height:40px;}
.topmenu{overflow:hidden; float:right;background:url('../img/comm/top_menubg.jpg') repeat-y;padding:0 12px;width:240px;box-sizing: border-box;}
.topmenu li{float:left;background:url('../img/main/topmenu_bg.jpg') no-repeat right;}
.topmenu li.last{background:none;}
.topmenu li a{float:left;padding:9px 15px; display:block;color:#444}
.searcharea{float:right;height: 40px;background: #eee;padding: 0 10px;}
.searcharea .searchbox{border: 0;background: #eee;height: 40px;color:#888;width:220px;}
.head{width:1200px;margin:0 auto;overflow: hidden;height: 100px;box-sizing: border-box;padding: 27px 0;}
.logo{float:left;margin-top: 5px;}
.gnb{overflow:hidden; float:right;}
.gnb li{float:left;width: 158px;box-sizing: border-box;height: 74px;text-align:center;    padding-top: 15px;}
.gnb li a{font-size:17px; color:#444444;padding:8px 9px 43px;box-sizing: border-box;height: 80px;}
.gnb li.last a{padding-right:0;}
/*.gnb li:hover 컬러변경 > #0496e5 > #7CC0FF 23.03.10*/
.gnb li:hover{border-bottom:5px solid #7CC0FF}
/*dep2_wrap background 변경 및 opacity 추가 23.03.10*/
.dep2_wrap{background:#1745A4;opacity:0.9;width:100%;height:120px;padding:30px 0;position: absolute;z-index: 9;display:none;}
.navi_dep2{width:1200px; margin:0px auto;overflow:hidden;height:120px;}
.mn_logo{width:270px;height:120px;float:left;box-sizing: border-box;border-right:1px solid rgba(255, 255, 255,0.1)}
/*h1 color변경 #49bfff > #7CC0FF 23.03.10*/
.mn_logo h1{font-size:35px;line-height: 35px;color: #7CC0FF;font-weight:bold;margin-bottom:15px;}
.mn_logo p{font-size:14px;color:#adcdfb;}
.mn_menu{width:430px;height:120px;float:left;box-sizing: border-box;padding:0 20px;border-right:1px solid rgba(255, 255, 255,0.1);}
.mn_menu li{width:190px; float:left;}
.mn_menu li a{color:#fff;font-size:14px;display: block;padding: 3px 0 5px 10px;}
.mn_menu li a:hover{background:url('../img/main/mn_bg.jpg') no-repeat left top;text-decoration:none;}
.mn_img{display:none;float:left;box-sizing: border-box;padding-left: 40px;}

/*비주얼*/
.main_visual{width: 100%;}
#mv_wrap {width: 100%;height:630px;width: 2000px;min-width: 1200px;position: relative;left: 50%;margin-left: -1000px;}
#mv_inner {position: absolute;}
/*컨텐츠*/
.maincnt{width:1200px; margin:-62px auto 50px auto;position: relative;}
.roll1{overflow:hidden;}
.box1{float:left;width:300px;}
.box1 h1{font-weight:bold; font-size:17px; color:#fff;box-sizing: border-box;padding:20px 35px;border-bottom: 1px solid rgba(255, 255, 255,0.1)}
.box1 p{font-size:14px; color:#fff;box-sizing: border-box;padding:20px 20px 20px 35px;}
/*box5.color1~3 backgroud변경  23.03.10*/
.color1{background:#2083F2}
.color2{background:#7CC0FF}
.color3{background:#7CC0FF}
.color4{background:#6d6d6d}
.roll2{overflow:hidden;background:#fff}
.roll2 a{display: block;color: #808080;}
.box2{float:left;width:33%;padding: 30px 0;padding-left: 30px;box-sizing: border-box;}
.box2 img{float: left;margin-right: 20px;}
.box2 h2{font-size: 18px;color: #2959A0;margin-top: 8px;}
.box2 p{font-size: 14px;margin-top: 10px;}
.notice{background:#ccc;overflow:hidden;padding:15px 20px;}
.noticearea{float:left;margin-left: 12px;}
.noticearea h1{color:#fff;font-size:16px;float:left;margin-right:20px;}
.noticearea ul{overflow:hidden;}
.noticearea ul li{float:left;padding:0 10px;background:url('../img/main/topmenu_bg.jpg') no-repeat right;}
.noticearea ul li.last{background:none;}
.noticearea ul li span{margin-left:10px;color:#a4a4a4}
.noticearea ul li a{color:#fff;}
.main_tel{float:right;}
.main_tel h1{color:#fff;font-size:16px;margin-right:20px;}
.main_tel .tel{font-size:21px;margin-left:20px;font-weight:bold;}
.roll3{overflow:hidden;}
.box3{width:600px;float:left;}
.m_board{padding:15px 30px;height:130px;box-sizing: border-box;background:#fcfcfc}
.bg1{background:#f5f5f5}
.m_board h2{font-size:17px;font-weight:bold;margin-bottom:10px;}
.m_board ul li{padding-left:8px;text-overflow:ellipsis; white-space:nowrap; width:200px; overflow:hidden;background:url('../img/main/m_boardbg.png') no-repeat left;font-size: 13px;}
.m_board ul li a{color:#777777;}
/*푸터*/
.foot{width:1200px; margin:0 auto;padding-bottom:180px;}
.foot_menu{overflow:hidden;margin-bottom:15px;}
.foot_menu li{display:inline-block;font-size:15px;color:#ccc}
.foot_menu li a{font-size:15px;color:#424242}
.foot p{color:#96999c;font-size: 13px;letter-spacing: -0.5px;}
.foot h1{margin-top: 30px;}
.foot_menu li a.font1{color:#0980c7}

/*head_pop*/
#head_pop_wrap {width:100%;height:140px;background:#000;}
.head_pop_inner {width:1953px;height:140px;position:absolute;left:50%;margin-left:-976px;}
.head_pop {width:1953px;position:relative;}
.head_pop .pop_close_wrap {height:30px;position:absolute;right:378px;bottom:0px;text-decoration:none;background:#9d9d9d;overflow:hidden;cursor:pointer}
.head_pop .pop_close_wrap div {line-height:25px;float:right;position:relative;z-index:9999;}
.head_pop .pop_close_wrap input {margin:0 5px;position:relative;top:-1px;}
.head_pop .pop_close_wrap a {float:right;display:block;position:relative;color:#fff;line-height:25px;}
.head_pop .pop_close_wrap a span {position:absolute;right:0;width:25px;height:25px;background:#000000;color:#fff;font-size:18px;text-align:center;line-height:25px;}
.head_pop_roll {}
	.head_pop_roll {width:1953px; height:140px; margin:0 auto; position:relative;}
	.head_pop_roll .roll_img {position:absolute;}
	.head_pop_roll .roll_img a {display:block;}
	.head_pop_roll .roll_img a.on {display:block;}
	.head_pop_roll .roll_img a.off {display:none;}

	.head_pop_roll .roll_btn_wrap {position:absolute;left:380px; bottom:7px; z-index:99999;overflow:hidden;}
	.head_pop_roll .roll_btn_wrap li {float:left;}
	.head_pop_roll .roll_btn a {display:block; width:13px; height:13px;margin-right:5px;}
	.head_pop_roll .roll_btn a.on {background:url('../img/al_slide/hp_on.png') no-repeat;}
	.head_pop_roll .roll_btn a.off {background:url('../img/al_slide/hp_off.png') no-repeat;}

	.head_pop_roll .npbtn {position:absolute;top:13px;width:60px;height:16px;z-index:2;display:none;}
	.head_pop_roll .npbtn.prevs {left:35px;}
	.head_pop_roll .npbtn.nexts {left:54px;}
	.head_pop_roll .npbtn a {display:block; width:16px; height:16px; text-indent:-9999px;}
	.head_pop_roll .npbtn a.next {background:url('../img/al_slide/btn_n.png') no-repeat;}
	.head_pop_roll .npbtn a.prev {background:url('../img/al_slide/btn_p.png') no-repeat;}

	.head_pop_roll .remote {position:absolute;left:16px;top:13px;width:16px;height:16px;overflow:hidden;z-index:3;display:none;}
	.head_pop_roll .remote a {line-height:16px;display:block; text-indent:-99999px;}
	.head_pop_roll .remote a.arstop {background:url('../img/al_slide/bt2.png') no-repeat;}
	.head_pop_roll .remote a.arplay {background:url('../img/al_slide/bt1.png') no-repeat;}


/*라이트 퀵*/
#right_quick{height:2000px;z-index: 1000;top:0px;right:0;position:fixed; z-index:99999;overflow:hidden;}
#rq_wrap {height:2000px;width:480px;background:#b9b9b9; overflow:hidden;position:relative;margin-right:-400px;}
#rq_wrap .rq_box {float:left;}
#rq_wrap .rq_content {float: left;height: 100%;width: 400px;padding: 30px;background: #fff;box-sizing: border-box;}

#rq_wrap .rq_content .tbl01{width:340px; margin:0 auto; border-top:3px solid #f1518d; border-bottom:1px solid #3e3e3e;margin-bottom:20px;}
#rq_wrap .rq_content .tbl01 th{font-size:14px;color:#444444;text-align:center; font-weight:bold;padding:10px 0;}
#rq_wrap .rq_content .tbl01 td{padding:10px 0; border-top:1px solid #cecece}
#rq_wrap .rq_content .tbl01 a{color:#444444}
.rq_btn{background:#f1518d;padding:3px 7px;text-align:center; color:#fff;font-weight:bold;border-radius:4px;}
.ag_cen{text-align:center;}
.num{color:#a9a9a9}
#rq_wrap .rq_content .type01 th{width:80px;text-align:left;vertical-align:top}
#rq_wrap .rq_content .type01 td{border:0;}
#rq_wrap .rq_content table .rq_name, #rq_wrap .rq_content table .rq_tel, #rq_wrap .rq_content table .rq_list, #rq_wrap .rq_content table textarea{background:#e8e8e8; border:1px solid #d4d4d4}
#rq_wrap .rq_content table .rq_name, #rq_wrap .rq_content table .rq_list, #rq_wrap .rq_content table .rq_tel{height:28px;width: 258px;}
#rq_wrap .rq_content table textarea{width:258px;margin-bottom:10px;}
#rq_wrap .rq_content table input.rq_tel{width:78px;margin-right:10px;float:left;}
#rq_wrap .rq_content table input.last{margin-right:0px;}
.ag_more{float: right;padding: 1px 7px;}
#rq_wrap .rq_content .type02 td.rev_txt{padding-left:15px;}
#rq_wrap .rq_content .type02 td h1{font-weight:700;color:#444444}
#rq_wrap .rq_content .type02 td p{color:#7f7f7f}
#rq_wrap .rq_content .type03 td{padding:0;}

.rq_content01, .rq_content02, .rq_content03, .rq_content04, .rq_content05, .rq_content06{display:none;}
.rq_btn01 {cursor:pointer;}
.rq_btn01.select {}
.rq_box li a {display:block;position:relative;cursor:pointer;}
.rq_box li a span {position:absolute;left:0;top:0;display:none;z-index:99999;}
 
 .btn_top{position: absolute;top: 510px;left:0;width: 80px;text-align: center;background: #A3A3A3;color: #fff;padding: 10px 0;font-weight: bold;}


.box5{float:left;width:240px;}
.box5 h1{font-weight:bold; font-size:17px; color:#fff;box-sizing: border-box;padding:20px 18px;border-bottom: 1px solid rgba(255, 255, 255,0.1)}
.box5 p{font-size:14px; color:#eee;box-sizing: border-box;padding:20px 15px;letter-spacing: -0.5px;}
.box5 img{width:240px;}
/*box5.color3~4 backgroud변경  23.03.10*/
.box5.color5{background:#28292b}
.box5.color3{background:#7CC0FF}
.box5.color4{background:#2083F2}
.box5 a:hover{text-decoration:none;}