@charset "euc-kr";
/* CSS Document */

#wrap{width:100%;height:100%;margin:0 auto}

#header_bg{width:100%;padding:0;margin:0 auto;background-image: url(http://www.naeiltour.co.kr/csr/images/gnb_bg.gif); background-repeat: repeat-x; background-position: center top; height: 97px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cecece; }
#banner_bg { padding:0; width:100%; margin:0 auto; background-image: url(http://www.naeiltour.co.kr/csr/images/main_banner_bg.gif); background-repeat: repeat-y; background-position: center top; background-color: #b2e6e1; }
#bottom { padding:0; width:100%; margin:0 auto;
background-image: url(http://www.naeiltour.co.kr/csr/images/footer_bg.gif); background-repeat: repeat-x; background-position: top; height: 158px; }
#content_all_m { padding:0; width:100%; margin:0 auto; background-image: url(../mileage/images2/all_bg2.jpg); background-repeat: repeat-x; }



#header, #content, #subgnb{ width: 1000px; margin: 0 auto; }
#content_m {width: 100%; margin: 0 auto;}
#footer{ width: 100%; margin: 0 auto;  border:0px solid #F00;}


 /* header */
#banner { width: 1000px; margin:0 auto; }
.family { width: 1000px; height: 30px; }
.gnb { height: 67px; width: 1000px;  }
.gnb ul li { float: left; }
.logo { padding-top: 18px; padding-right: 67px; }
.menu { padding-right: 67px; padding-top: 0px; }
.menu01 { padding-right: 67px; padding-top: 0px; }
.menu02 { padding-right: 67px; padding-top: 0px; }
.menu03 { padding-right: 67px; padding-top: 0px; }
.menu04 { padding-right: 57px; padding-top: 0px; }
.menu06 { padding-top: 0px; }

/* Header_LNB_20180612 ±è¹ÎÁ¤ */
.flt_left_wrap{display:inline-block}
*:first-child + html .flt_left_wrap{display:inline} /* IE 7 */
.flt_left_wrap li{float:left}
.flt_left_wrap li a{display:block}

.headerTop_box{display:inline-block;width:1200px;height:30px}
.headerTop_menuLft,.headerTop_menuRgt{float:left;height:30px}
.headerTop_menuLft{width:135px;background-color:#22b6a8}
.headerTop_menuTitle{position:relative;padding:9px 6px 0 0;text-align:right}
.headerTop_menuTitle i{position:absolute;right:-6px;top:9px;width:6px;height:12px;background:url("/images/web/blet_csr_arrowRgt.png") no-repeat 0 0;z-index:1}
.headerTop_menuRgt{position:relative;width:1050px;padding-left:10px}
.headerTop_menu{width:1050px;padding-top:9px}
.headerTop_menu li{background:url("/images/web/line_csr_headerTop.gif") no-repeat right 0;padding:0 10px}
.headerTop_menu li.headerTop_menuLast{background:none}
/* //Header_LNB_20180612 ±è¹ÎÁ¤ */

 	#top_menu_csr li ul {display:block; margin:0px; height:49px; position:absolute; top:97px;left:0px;width:100%; display:none; background:#ffffff; z-index:10000;border-top-width: 1px; border-top-style: solid; border-top-color: #cecece;}
	#top_menu_csr li .menu {display:block; margin:0px; margin-left:0px; padding:10px; line-height:none; position:absolute;  display:none; background:#ffff; list-style:none; z-index:10000;	font-size:12px;	text-decoration:none;		color:#FFF;	font-weight:bold;	padding:0;	letter-spacing:-1px;width:100%; }
	#top_menu_csr li .menu01 {display:block; margin:0px; margin-left:0px; padding:10px; line-height:none; position:absolute;  display:none; background:#ffff; list-style:none; z-index:10000;	font-size:12px;	text-decoration:none;		color:#FFF;	font-weight:bold;	padding:0;	letter-spacing:-1px;width:100%; }
	#top_menu_csr li .menu02 {display:block; margin:0px; margin-left:0px; padding:10px; line-height:none; position:absolute;  display:none; background:#ffff; list-style:none; z-index:10000;	font-size:12px;	text-decoration:none;		color:#FFF;	font-weight:bold;	padding:0;	letter-spacing:-1px;width:100%; }
	#top_menu_csr li .menu03 {display:block; margin:0px; margin-left:0px; padding:10px; line-height:none; position:absolute;  display:none; background:#ffff; list-style:none; z-index:10000;	font-size:12px;	text-decoration:none;		color:#FFF;	font-weight:bold;	padding:0;	letter-spacing:-1px;width:100%; }
	#top_menu_csr li .menu04 {display:block; margin:0px; margin-left:0px; padding:10px; line-height:none; position:absolute;  display:none; background:#ffff; list-style:none; z-index:10000;	font-size:12px;	text-decoration:none;		color:#FFF;	font-weight:bold;	padding:0;	letter-spacing:-1px;width:100%; }
	#top_menu_csr li .menu06 {display:block; margin:0px; margin-left:0px; padding:10px; line-height:none; position:absolute;  display:none; background:#ffff; list-style:none; z-index:10000;	font-size:12px;	text-decoration:none;		color:#FFF;	font-weight:bold;	padding:0;	letter-spacing:-1px;width:100%; }
	
	
	

	#top_menu_csr li ul li { padding-bottom:3px;list-style:none; text-align:center;}

	

	#top_menu_csr li a { display:block; float:center;}
  	#top_menu_csr li a:hover {display:block;}
	#top_menu_csr li:hover ul {display:block;}
	#top_menu_csr li:hover ul li a { }
	#top_menu_csr li:hover a {color:#FFF; display:block;}
	/*#top_menu_csr li ul li a:hover {background:#000036;width:105;} ¿À¹ö½Ã bgÀÔ·Â*/
	#top_menu_csr li ul li a:hover {width:105;}
	#top_menu_csr li a { border-width:0px; color:#FFF; background-color:transparent;}
	
 
 
 
 /* header2 */
#subgnb { height: 39px; }
#subgnb ul li { float: left; }
#subgnb ul .submenu { top: 11px; padding-top: 11px;padding-right: 37px; }
#subgnb ul .submenula { top: 11px; padding-top: 11px; }
.p1_do { padding-left: 252px; }
.p2_go { padding-left: 385px; }
.p3_support { padding-left: 521px; }
.p4_mileage { padding-left: 687px; }
.p6_notice { padding-left: 868px; }




#banner_sub { height: 290px; width: 1000px; }
 /* ¼­ºêÆäÀÌÁöº° ¹è³Ê*/
#banner_p1  { padding:0; width:100%; margin:0 auto; background-image: url(http://www.naeiltour.co.kr/csr/images/p1_mbanner.jpg); background-repeat: no-repeat; background-position: center top; background-color: #7e7266; }

#banner_p2  { padding:0; width:100%; margin:0 auto; background-image: url(http://www.naeiltour.co.kr/csr/images/p2_mbanner.jpg); background-repeat: no-repeat; background-position: center top; background-color: #91a1ae; }

#banner_p3  { padding:0; width:100%; margin:0 auto; background-image: url(http://www.naeiltour.co.kr/csr/images/p3_mbanner.jpg); background-repeat: no-repeat; background-position: center top; background-color: #8b9f57; }

#banner_p3  { padding:0; width:100%; margin:0 auto; background-image: url(http://www.naeiltour.co.kr/csr/images/p3_mbanner.jpg); background-repeat: no-repeat; background-position: center top; background-color: #8b9f57; }

#banner_p6  { padding:0; width:100%; margin:0 auto; background-image: url(http://www.naeiltour.co.kr/csr/images/p6_mbanner.jpg); background-repeat: no-repeat; background-position: center top; background-color: #ae7975; }


 /* content */
.divide_bar { background-image: url(http://www.naeiltour.co.kr/csr/images/center_bar.gif); background-repeat: no-repeat; height: 82px; width: 1000px; }
 { width: 1000px; }
.mileage { width: 228px; padding-right: 13px; float: right; }
.mileage .amount { width: 228px; background-image: url(http://www.naeiltour.co.kr/csr/images/con2_02.gif); background-repeat: no-repeat; text-align: center; height: 39px; }
.recent { height: 360px; display: block; }
.recent h3{padding-left:18px}
.recent_list li{float:left;border-right:1px solid #cecece;padding:0 18px}
.recent_list li.recent_listLast{border-right:0}
.recent .new01 { float: left; padding-right: 18px; padding-left: 11px; }
.recent .new02 { float: left; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #cecece; border-left-color: #cecece; padding-right: 18px; padding-left: 18px; }
.recent .new03 { float: left; padding-left: 18px; }
.recent .new_list h4 {text-align:center; font-size:15px; color:#ed3f48; font-weight:600; padding:10px 0;}
.recent ul .txt, .recent ul .txt2, .recent ul .txt3 { width: 210px; text-align: left; line-height:18px;}
.news { height: 160px; padding-bottom: 65px; display: block; }
.news .notice,  .news .press { width: 350px; height: 137px; }
.news .notice { float: left; }
.news .press { float: left; margin-left: 24px; }
.news .award{float:left;margin-left: 24px}
.news ul .txt,  .news ul .txt2 { width: 310px; padding-left: 25px; line-height: 20px; }

.award_bottom_bn {width: 228px; overflow:hidden; border-top:3px solid #cecece; padding-top:15px;}
.award_bottom_bn li {float:left; width:111px;}
.award_bottom_bn li a {display:block;}
.award_bottom_bn li a span {display:block; color:#222222; font-size:12px; font-family:"nanumgothic"; text-align:center; font-weight:bold; padding-top:5px;}
.award_bottom_bn li.list_last {float:right; width:111px;}

/* content_¼­ºêÆäÀÌÁö */
/* È÷½ºÅ丮 */
.history { text-align: justify; padding-top: 19px; border-bottom-width: 3px; border-bottom-style: double; border-bottom-color: #cecece; padding-left: 41px; padding-bottom: 17px; padding-right: 41px; background-color: #FFF; }

.sub_area {padding-left: 41px; padding-right: 41px; padding-bottom: 80px; }
.sub_area_m { background-image: url(http://www.naeiltour.co.kr/csr/mileage/images2/all_bg.jpg); background-repeat: no-repeat; background-position: center top; }
.sub_area_mm { width: 918px; margin: 0 auto;}
.sub_area .sub_area_box { height: 286px; padding-bottom: 40px; display: block; }
.sub_area .sub_area_box2 { height: 565px; padding-bottom: 40px; display: block; }

.sub_area .cct_1301 { width: 433px; height: 247px; float: left; background-image: url(http://www.naeiltour.co.kr/csr/images/p2_2013_01.jpg); background-repeat: no-repeat; background-position: left top; }
.sub_area .cct_1302 { width: 433px; height: 247px; float: right;background-image: url(http://www.naeiltour.co.kr/csr/images/p2_2013_02.jpg); background-repeat: no-repeat; background-position: left top;  }
.sub_area .cct_1201 { width: 433px; float: left; background-image: url(http://www.naeiltour.co.kr/csr/images/p2_2012_01.jpg); background-repeat: no-repeat; background-position: left top; height: 247px; }
.sub_area .cct_1101 { width: 433px; height: 247px; float: left; background-image: url(http://www.naeiltour.co.kr/csr/images/p2_2011_01.jpg); background-repeat: no-repeat; background-position: left top; }
.sub_area .cct_1102 { width: 433px; height: 247px; float: right; background-image: url(http://www.naeiltour.co.kr/csr/images/p2_2011_02.jpg); background-repeat: no-repeat; background-position: left top;  }
.sub_area .cct_1103 { width: 433px; height: 247px; float: left; background-image: url(http://www.naeiltour.co.kr/csr/images/p2_2011_03.jpg); background-repeat: no-repeat; background-position: left top; margin-top: 20px; }
.sub_area .cct_1104 { width: 433px; height: 247px; float: right; background-image: url(http://www.naeiltour.co.kr/csr/images/p2_2011_04.jpg); background-repeat: no-repeat; background-position: left top; margin-top: 20px; }
.sub_area .cct_1001 { width: 433px; height: 247px; float: left; background-image: url(http://www.naeiltour.co.kr/csr/images/p2_2010_01.jpg); background-repeat: no-repeat; background-position: left top; }
.sub_area .cct_1002 { width: 433px; height: 247px; float: right; background-image: url(http://www.naeiltour.co.kr/csr/images/p2_2010_02.jpg); background-repeat: no-repeat; background-position: left top;  }

.sub_area .volunteer_box_all { height: 1233px; padding-top: 30px; }
.sub_area .volunteer_box_all ol .volunteer_box { float: left; width: 440px; padding-bottom: 20px; }
.sub_area .volunteer_box_all ol .volunteer_box2 { float: right; width: 440px; padding-bottom: 20px;}

.sub_area .agit_box_all { height: 730px; padding-top: 10px; }
.sub_area .agit_box_all ol .agit_box { float: left; width: 440px; padding-bottom: 30px; }
.sub_area .agit_box_all ol .agit_box2 { float: right; width: 440px; padding-bottom: 30px;}
.sub_area a img.agit_btn { padding-top: 25px;}

.sub_area .tbl_bo { border: 1px solid #cecece; }
.sub_area .tbl_bo_on { border:2px solid #21B6A8; }

.sub_area .cttraveler_box { height: 931px; }
.sub_area .cttraveler_box .cttraveler_img { float: left; }

.notice_no, .notice_tit, .notice_tit a, .notice_day, .view_tit, .view_day, .view_txt, .pntxt, .pntit, .pntit a {background:#ffffff;}
.sub_area .notice_top {font-family:'³ª´®°íµñ','NanumGothic','fontng','Nanum Gothic',sans-serif; padding-top: 13px; padding-bottom: 13px; font-weight: bold; border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #505050; border-bottom-color: #505050; text-align: center; font-size: 14px; }
.sub_area .notice_no {font-family:'³ª´®°íµñ','NanumGothic','fontng','Nanum Gothic',sans-serif; padding-top: 13px; padding-bottom: 13px; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cecece;  font-size: 14px;}
.sub_area .notice_tit {font-family:'³ª´®°íµñ','NanumGothic','fontng','Nanum Gothic',sans-serif; padding-top: 13px; padding-bottom: 13px; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cecece; }
.sub_area .notice_tit a {font-family:'³ª´®°íµñ','NanumGothic','fontng','Nanum Gothic',sans-serif; font-size: 14px;}
.sub_area .notice_day {font-family:'³ª´®°íµñ','NanumGothic','fontng','Nanum Gothic',sans-serif; padding-top: 13px; padding-bottom: 13px; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cecece;  font-size: 14px;}
.sub_area .notice_page {font-family:'³ª´®°íµñ','NanumGothic','fontng','Nanum Gothic',sans-serif; padding-top: 30px; width: 200px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.sub_area .page_box { font-weight: bold; text-align:center; padding-top: 35px;}
.sub_area .page_no {font-family:'³ª´®°íµñ','NanumGothic','fontng','Nanum Gothic',sans-serif; padding-right: 20px; padding-left: 20px; font-weight: bold; font-size: 13px; line-height: 18px; }
.sub_area .view_tit { font-family:'³ª´®°íµñ','NanumGothic','fontng','Nanum Gothic',sans-serif; font-size: 14px;  font-weight: bold; border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #505050; border-bottom-color: #505050; text-align: left; padding-top: 12px; padding-bottom: 12px; padding-left: 30px; }
.sub_area .view_day { border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #505050; border-bottom-color: #505050; text-align: center; padding-top: 12px; padding-bottom: 12px; font-size: 14px; }
.sub_area .view_txt { font-size: 14px; line-height: 18px; padding-top: 30px; padding-bottom: 50px; padding-left: 30px; padding-right: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cecece; }
.sub_area .pntxt {font-family:'³ª´®°íµñ','NanumGothic','fontng','Nanum Gothic',sans-serif; font-weight: bold; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #505050; border-bottom-color: #505050; text-align: center; padding-top: 12px; padding-bottom: 12px; }
.sub_area .pntit {  border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #505050; border-bottom-color: #505050; text-align: left; padding-top: 12px; padding-bottom: 12px; padding-left: 20px; }
.sub_area .pntit a {font-family:'³ª´®°íµñ','NanumGothic','fontng','Nanum Gothic',sans-serif; font-size: 14px; font-weight: bold;}

/* main */
.btn_imgMenu_wrap {position:absolute; left:0; bottom:30px; width:100%;}
#main_flash_banner .btn_imgMenu {width:825px; overflow:hidden; margin:0 auto; border-left:1px solid #b7b7b7}
#main_flash_banner .btn_imgMenu li {margin-left:-1px; border:1px solid #b7b7b7; float:left;}
#main_flash_banner .btn_imgMenu li a {display:block; width:163px; height:38px; line-height:38px; background:#f2f2f2; text-align:center;
font-family:'³ª´®°íµñ','NanumGothic','fontng','Nanum Gothic',sans-serif; font-size:13px; letter-spacing:-1px; font-weight:600;}
#main_flash_banner .btn_imgMenu li:hover a,
#main_flash_banner .btn_imgMenu li.current a {background:#a0e0da;}


/* footer */
.cpmpany { height: 28px; width: 1000px; margin:0 auto;}
.copy { width: 100%;  }

/* padding */
.padT10 {padding:10px 0;}
.padT15 {padding:15px 0 0;}
.padT20 {padding:20px 0;}
.padT30 {padding:30px 0;}
.padT40 {padding:40px 0;}
.padT50 {padding:50px 0;}
.padT60 {padding:60px 0;}
.padT70 {padding:70px 0;}
.padT80 {padding:80px 0;}
.padT90 {padding:90px 0;}
.padT100 {padding:100px 0;}

.padB10 {padding:0 0 10px 0;}
.padB15 {padding:0 0 15px 0;}