@CHARSET "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600);

body {
      margin:0;
      padding:0;
      font-size:14px;
      font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;
      width:100%;
	  letter-spacing:-1px;
	  color: #707070;
	  overflow-y:scroll;  overflow-x:hidden;
}


td											{ font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;}
img										{ margin:0; border:0; vertical-align:top;}
div, dl, span							{ margin:0; padding:0; border:0; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;}
form										{ margin:0; padding:0; border:0;}
ul, li, ol, dl, dt, dd, p, em			{ list-style:none; margin:0; padding:0;}
em										{ list-style:none; margin:0; padding:0; font-size : 12px; font-style: normal; font-weight:bold;}
table										{ border-collapse:collapse; border-spacing:0; }
button									{ border:0; padding:0; background:transparent; cursor:pointer; overflow:visible;}
input, select, option					{ vertical-align:middle; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;}
label										{ cursor:pointer; }
a:link										{ text-decoration:none; color: #707070;}
a:visited									{ text-decoration:none; color: #707070;}
a:active									{ text-decoration:none; color: #707070;}
a:hover									{ text-decoration:none; color: #44B655;}

fieldset									{ border:solid 0 transparent; padding:0;margin:0;}
legend									{ overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;font-size :1em; }
hr, h1, h2, caption					{ overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
h3, h4, h5								{ margin:0; padding:0; border:0;}
div.skipNav							{ overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
#skipNav								{ overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
.skipNav								{ overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}

.Skipul	 ul li							{ position:relative; float:left; padding:0; margin:0}
.skip										{ display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
.skip:hover,
.skip:active,
.skip:focus								{ width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important;}




#Suballbg																			{ position:relative;float:left; width:100%;text-align:center; z-index:1;}
#Suballbg	#Mainheader														{ position:relative; float:left; width:100%; text-align:center; border-bottom:1px solid #dfdfdf; z-index:400;}
#Suballbg	#Mainheader	#headerbox									{ position:relative; width:1000px; height:110px; margin:0 auto;text-align:left;}
#Suballbg	#Mainheader	#headerbox	 .logo						{ position:relative; width:auto; margin-top:28px; z-index:400; display:inline-block;}
#Suballbg	#Mainheader	#topmenu										{  position:relative; width:1000px; margin:0 auto; z-index:400;}
#Suballbg	#Mainheader	#topmenu	ul									{ float:right; padding-top:7px;}
#Suballbg	#Mainheader	#topmenu	ul	li								{ display:inline; font-size:12px; margin-left:10px; line-height:25px;}
#Suballbg	#Mainheader	#topmenu	.none							{ margin-left:0;}

#Suballbg	#Mainheader	#menulist															{ position:relative; float:left; width:100%; height:47px; text-align:center; margin-top:-60px;}
#Suballbg	#Mainheader	#menulist #Gnb													{ z-index:120; width:800px; height:47px; margin:0 auto; letter-spacing:0; padding-left:200px;}
#Suballbg	#Mainheader	#menulist #Gnb li												{ z-index:10; float:left; width:auto; text-align:right; padding-left:73px;}
#Suballbg	#Mainheader	#menulist #Gnb li	a											{ z-index:10; font-size:16px; color:#282828; font-weight:bold;}
#Suballbg	#Mainheader	#menulist #Gnb li	a:hover									{ z-index:10; color:#44B655;}
#Suballbg	#Mainheader	#menulist #Gnb li:last-child									{ z-index:10; border-right:0;}
#Suballbg	#Mainheader	#menulist #Gnb li ul												{ z-index:10; width:1000px; margin:0 auto;text-align:left;}
#Suballbg	#Mainheader	#menulist #Gnb li ul	 li											{ z-index:10; margin:0; border-right:0; padding:0;  letter-spacing:0; text-align:left; font-weight:normal;}

#Suballbg	#Mainheader	#menulist #Gnb .depth2														{ position:relative; float:left; width:260px; height:190px;  border-right:1px solid #e7e7e7;}
#Suballbg	#Mainheader	#menulist #Gnb .depth2	ul													{ position:relative; float:left; width:238px; margin-top:20px;}
#Suballbg	#Mainheader	#menulist #Gnb .depth2	ul	li												{ position:relative; float:left; width:100%; padding:8px 0; border-bottom:1px dotted #b9b9b9; }
#Suballbg	#Mainheader	#menulist #Gnb .depth2	ul	li:last-child									{ border-bottom:0;}
#Suballbg	#Mainheader	#menulist #Gnb .depth2	ul	li	a											{ position:relative; float:left; width:88%; padding-left:16px; background:url(../img/menu/btn_dot2.png) left center no-repeat; font-size:14px;font-weight:normal;}
#Suballbg	#Mainheader	#menulist #Gnb .depth2	ul	li	a:hover									{ position:relative; float:left; width:83%; padding-right:21px; background:url(../img/menu/btn_dot2.png) right center no-repeat; font-size:14px; font-weight:normal;}
#Suballbg	#Mainheader	#menulist #Gnb .depth2	.gnbActive	a									{ color:#44B655; padding-right:10px; background:url(../img/menu/btn_dot2.png) right center no-repeat; font-weight:bold;}

#Suballbg	#Mainheader	#menulist #Gnb .notice										{  position:relative; float:left; width:375px; height:190px; margin-right:20px; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; }
#Suballbg	#Mainheader	#menulist #Gnb .notice	dl									{ position:relative; width:85%; margin:25px auto;}
#Suballbg	#Mainheader	#menulist #Gnb .notice	dl	dt								{ position:relative; padding-bottom:20px; font-size:15px; font-weight:bold;}
#Suballbg	#Mainheader	#menulist #Gnb .notice	dl	dd	dl							{ width:100%; padding:0; margin:0; letter-spacing:-1px;}
#Suballbg	#Mainheader	#menulist #Gnb .notice	dl	dd	dl	dt						{ padding-bottom:9px;}
#Suballbg	#Mainheader	#menulist #Gnb .notice	dl	dd	dl	dt	 a					{ font-size:14px;  font-weight:normal;}
#Suballbg	#Mainheader	#menulist #Gnb .notice	dl	dd	dl	dd a					{ font-size:13px; color:#707070; text-align:justify; line-height:20px; font-weight:normal;}
#Suballbg	#Mainheader	#menulist #Gnb .notice	dl	dd	dl	dd a:hover			{ text-decoration:underline; color:#707070;}
#Suballbg	#Mainheader	#menulist #Gnb .notice	.data								{ padding:12px 0 0 0; color:#777; letter-spacing:0;}

#Suballbg	#Mainheader	#menulist #Gnb .info											{  position:relative; float:right; width:340px; height:190px; text-align:center;  border-right:1px solid #e7e7e7;}
#Suballbg	#Mainheader	#menulist #Gnb .info	img									{ border:1px solid #e7e7e7; margin-top:35px;}
#Suballbg	#Mainheader	#menulist #Gnb .info	p										{ position:relative; width:270px; margin:0 auto; padding-top:10px; text-align:left; line-height:16px;  font-size:13px;}
#Suballbg	#Mainheader	#menulist #Gnb .info	p	span								{ color:#44B655;}
#Suballbg	#Mainheader	#menulist .sub													{ display:none;}		
#Suballbg	#Mainheader	#menulist	 .gnb1  .subbg									{ position:absolute;left:0;top:60px;width:100%; height:190px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; z-index:200;}
#Suballbg	#Mainheader	#menulist	 .gnb2  .subbg									{ position:absolute;left:0;top:60px;width:100%; height:190px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; z-index:200;}
#Suballbg	#Mainheader	#menulist	 .gnb3  .subbg									{ position:absolute;left:0;top:60px;width:100%; height:190px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; z-index:200;}
#Suballbg	#Mainheader	#menulist	 .gnb4  .subbg									{ position:absolute;left:0;top:60px;width:100%; height:190px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; z-index:200;}
#Suballbg	#Mainheader	#menulist	 .gnb5  .subbg									{ position:absolute;left:0;top:60px;width:100%; height:190px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; z-index:200;}

#Suballbg	#Mainheader	#open_side				{ display:none;}
#Suballbg	#Mainheader	.btn_side					{ display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }

#MainWrapper																{ width:1000px;margin:0 auto;text-align:left;z-index:2;}
#SubWrapper																	{ position:relative;float:left;width:1000px; z-index:3;}

#Subelement																	{ position:absolute; left:0; top:110px; width:100%; height:280px; text-align:center;}
#Subelement	.elementbox												{ position:relative; width:100%; height:280px; margin:0 auto; text-align:center;}
#Subelement	.elementbox	 .Subimg								{ width:100%; height:280px;}
#Subelement	.elementbox	 .Subimg	.A0000					{ width:100%; height:280px; background:url(../img/subimg_B0000.jpg) top center no-repeat;}
#Subelement	.elementbox	 .Subimg	.B0000					{ width:100%; height:280px; background:url(../img/subimg_A0000.jpg) top center no-repeat;}
#Subelement	.elementbox	 .Subimg	.C0000					{ width:100%; height:280px; background:url(../img/subimg_C0000.jpg) top center no-repeat;}
#Subelement	.elementbox	 .Subimg	.D0000					{ width:100%; height:280px; background:url(../img/subimg_D0000.jpg) top center no-repeat;}
#Subelement	.elementbox	 .Subimg	.E0000					{ width:100%; height:280px; background:url(../img/subimg_E0000.jpg) top center no-repeat;}
#Subelement	.elementbox	 .Subimg	.member					{ width:100%; height:280px; background:url(../img/subimg_A0000.jpg) top center no-repeat;}
#Subelement	.elementbox	 .Subimg	.mypage					{ width:100%; height:280px; background:url(../img/subimg_A0000.jpg) top center no-repeat;}
#Subelement	.elementbox	 .Subimg	.sitemap					{ width:100%; height:280px; background:url(../img/subimg_A0000.jpg) top center no-repeat;}
#Subelement	.elementbox	 .Subtext								{ position:relative; width:auto; margin:0 auto; margin-top:-170px;}
#Subelement	.elementbox	 .Subtext	strong					{ font-size:40px; color:#fff;}

#MainContents										{ position:relative; float:left; width:1000px; margin:290px 0 0 0;}
#Contents												{ width:1000px; height:auto;}

.titleroad													{ position:relative; float:left; width:100%; height:60px; padding:0 0 20px 0; border-bottom:1px solid #E8E8E8;}
.titleroad	.Subtitle										{ position:absolute;left:0; bottom:20px; width:310px; height:32px; font-size:30px; color:#343434; font-weight:normal; }
.titleroad	.Position									{ position:absolute;right:3px;bottom:15px; width:auto; color:#777777;}
.titleroad	.Position	img							{ vertical-align:middle; margin:0 2px}
.titleroad	.Position	a								{ color:#282828; font-size:14px; font-family: 'Source Sans Pro', sans-serif; letter-spacing:0;}
.titleroad	.Position	a:hover						{ color:#44B655;}
.titleroad	.Position	em							{ color:#44B655; font-size:13px; cursor:default}

#Start														{ position:relative; float:left; width:100%; }
#Start	.contentsbox									{ position:relative; width:85%; margin:0 auto; text-align:left; line-height:25px; color: #606060; text-align:justify;}
#Start	.contentsbox	h4								{ font-size:21px; font-weight:normal; line-height:28px; padding-bottom:3%; color:#282828;}
#Start	.contentsbox	h4	 span					{ color:#888;}
#Start	.contentsbox	h4	 strong					{ color:#44B655; font-weight:normal;}

#Start	#subleft													{ position:relative; float:left; width:100%; margin:50px 0; z-index:500;}  
#Start	#subleft #SubMenu									{ position:relative; width:100%; text-align:center; }
#Start	#subleft #SubMenu ul								{ position:relative; float:left; width:100%; }
#Start	#subleft #SubMenu ul li							{ display:inline; margin-right:-4px}
#Start	#subleft #SubMenu ul li	a						{ width:220px; height:43px; display:inline-block; line-height:40px; border:1px solid #dfdfdf; border-right:0; background-color:#f9f9f9; font-size:16px;}
#Start	#subleft #SubMenu ul li:last-child				{ height:45px; display:inline-block; border-right:1px solid #dfdfdf; }

#Start	#subleft #SubMenu ul li ul							{ }
#Start	#subleft #SubMenu ul li ul li							{ margin:0; padding:0 0 10px 0; border-bottom:0; background:0; }
#Start	#subleft #SubMenu ul li ul li a						{ font-size:11px; padding-right:3px; }
#Start	#subleft #SubMenu a:link								{ text-decoration: none; color: #333; }
#Start	#subleft #SubMenu a:visited						{ text-decoration: none; color: #333; }
#Start	#subleft #SubMenu a:active							{ text-decoration: none; color: #333; }
#Start	#subleft #SubMenu a:hover							{ text-decoration: none; color: #fff; background-color:#44B655; display:inline-block; border:1px solid #44B655;}

#Start	#subleft #SubMenu .sidebarActive							{ width:auto; height:100%; border-left:0; /*background:url(../img/submenu_bg.gif) center bottom no-repeat; padding-bottom:8px; */display:inline-block;}
#Start	#subleft #SubMenu .sidebarActive a							{ font-size:16px; color: #fff; background-color:#44B655; display:inline-block; border:1px solid #44B655;}
#Start	#subleft #SubMenu .sidebarActive ul li a					{ font-size:11px; }
#Start	#subleft #SubMenu .sidebarActive ul li a:link				{ text-decoration: none; color: #303030; }
#Start	#subleft #SubMenu .sidebarActive ul li a:visited			{ text-decoration: none; color: #303030; }
#Start	#subleft #SubMenu .sidebarActive ul li a:active			{ text-decoration: none; color: #303030; }
#Start	#subleft #SubMenu .sidebarActive ul li a:hover			{ text-decoration: none; color: #0b73f3; }
#Start	#subleft #SubMenu .sidebarActive .rollout a				{ font-weight:300; color: #666666; }

#Footer																										{ position:relative; float:left; width:100%; height:300px; text-align:center; margin-top:40px; background-color:#2A2A2A;}
#Footer    #Copyright																					{ position:relative; width:1000px; margin:0 auto; text-align:left; font-size:12px; color:#666;}
#Footer    #Copyright  .copylogo																	{ position:relative; float:left; margin:15px 20px 0 0; }
#Footer    #Copyright  .copyrights																	{ position:relative; float:left; margin-top:15px; letter-spacing:0;}

#Footer    #Copyright	.copybox																	{ position:relative; width:1000px; height:200px; border-top:1px solid #333; border-bottom:1px solid #333; margin-top:45px;}
#Footer    #Copyright	.copybox	.bottommenu												{ position:relative; float:left; width:540px; height:148px; margin-top:25px; border-right:1px solid #333;}
#Footer    #Copyright	.copybox	.bottommenu	ul											{ position:relative; float:left; width:100%;}
#Footer    #Copyright	.copybox	.bottommenu	ul	li										{ position:relative; float:left; margin-right:30px;}
#Footer    #Copyright	.copybox	.bottommenu	ul	li	dl	dt								{ padding-bottom:15px; font-size:13px;}
#Footer    #Copyright	.copybox	.bottommenu	ul	li	dl	dt	a							{ color:#999;}
#Footer    #Copyright	.copybox	.bottommenu	ul	li	dl	dt	a:hover					{ color:#8baa00;}
#Footer    #Copyright	.copybox	.bottommenu	ul	li	dl	dd								{ padding-bottom:7px; font-size:12px;}
#Footer    #Copyright	.copybox	.bottommap													{ position:relative; float:right; width:430px; height:148px; margin-top:25px;}
#Footer    #Copyright  .copybox	.bottommap	 address									{ position:relative; float:left; margin-top:10px; font-style:normal;}
#Footer    #Copyright	.Btnsns																		{ position:absolute;right:0;top:-30px; width:80px; height:21px; text-align:right;}
#Footer    #Copyright	.Btnsns		li																{ position:relative; float:right; margin-left:7px;}


.sitemap										{ position:relative; float:left; width:100%;}
.sitemap ul li									{ float:left; width:30%; margin:0 14px; letter-spacing:0;}
.sitemap ul li a								{ font-size:15px; width:100%; background-color:#f8f8f8; border:1px solid #dfdfdf; color:#282828; border-radius:8px; display:inline-block; text-align:center; line-height:45px; font-weight:normal; }
.sitemap ul li	 a:hover					{ text-decoration:none; color: #8baa00;}
.sitemap ul li ul li							{ width:100%; height:auto; clear:both; border-bottom:1px dotted #dfdfdf; margin:0;}
.sitemap ul li ul li a						{ font-size:14px; font-weight:normal; background:none; color:#555; text-align:left; padding:0 10px; line-height:40px; border:0;}
.sitemap ul li ul li ul li					{ border-bottom:0; background-color:#f8f8f8; margin:0;}
.sitemap ul li ul li ul li a					{ font-size:11px; color:#888; line-height:25px;}

/*개인정보처리방침&이용약관*/
.stipul_box .stipul_txt														{ border:1px solid #dfdfdf; border-bottom:0; background-color:#f7f9fe; padding:10px 20px; display:inline-block;}
.stipul_box p strong															{ padding-left:10px;border-top:1px solid #666; border-bottom:1px solid #ccc; display:block; background-color:#f8f8f8; line-height:40px; margin:20px 0;}
.stipul_box .stipul_con														{ height:300px; overflow-y:scroll; margin-bottom:30px; border:1px solid #dfdfdf; padding:20px;}
.stipul_box .stipul_con h3													{ background:url(../img/btn_dot.gif) left 7px no-repeat; padding-left:20px;font-weight:bold; color:#06C; font-size:14px; margin-bottom:20px;}
.stipul_box .stipul_con p, .stipul_box .stipul_con ul				{ margin-bottom:20px;}
.stipul_box .stipul_con dt													{ font-weight: bold;}


.tabmenu										{ position: relative;float:left; width:100%; height:45px; margin-bottom:8%;}
.tabmenu a										{ display:block; float:left; width:24.8%; height:42px; text-align:center;font-weight:bold; line-height:43px; margin-bottom:3px; border:1px solid #d0d0d0; !important;border-right:none; cursor:pointer; background-color:#f9f9f9;}
.tabmenu a.last								{ border-right:1px solid #d0d0d0;}
.tabmenu a span								{ width:auto; height:42px; line-height:43px; color:#5A5046; font-size:16px; font-weight:normal; display:inline-block; }
.tabmenu a.on								{ border:1px solid #484D53; background-color:#686A6C;}
.tabmenu a.on span						{ font-size:16px; color:#fff;}

.tstyle											{ width:100%; border-collapse:collapse;}
.tstyle th											{ word-break:break-all; text-align:center; padding:10px; border:1px solid #dbdee6; border-collapse:collapse; background:#f9f9f9; color:#343434; border-bottom:0; border-top:2px solid #555;}
.tstyle td											{ word-break:break-all; text-align:center; padding:10px 20px; border:1px solid #dbdee6; text-align:left; font-size:13px; border-collapse:collapse; letter-spacing:0; line-height:20px;}
.tstyle td		strong							{ }
.tstyle td	img									{ vertical-align:middle;}

.photo_st1	img								{ width:100%; height:auto;}


.A1000											{ position: relative;float:left; width:100%; background:url(../img/contents/A1000_bg.jpg) right 5px no-repeat;}
.A1000	h4										{ margin-bottom:2%;}
.A1000	p										{ width:49%; padding-bottom:4%;}

.A2000	p										{ width:100%; padding-bottom:4%;}
.A2000	.left_txt								{ float:left; width:48%;}
.A2000	.right_txt								{ float:right; width:48%;}

.A3000	ul										{ position: relative;float:left; width:100%; background:url(../img/contents/A3000_bg.jpg) center top no-repeat;}
.A3000	ul	li									{ padding-bottom:6%;}
.A3000	.box1	 div							{ float:right; width:48%; margin-top:50px;}
.A3000	.box1	 dt								{ font-size:15px; color:#333; letter-spacing:0; font-weight:bold;}
.A3000	.box2	 div							{ float:left; width:48%;  margin-top:370px;}
.A3000	.box2	 dt								{ font-size:15px; color:#333; padding-bottom:15px;}
.A3000	.box2	 dt	 strong					{ width:100%; display:inline-block; padding-bottom:5px;}
.A3000	.box2	 dt	 span					{ font-size:14px; text-decoration:underline;}
.A3000	.box3									{ width:100%; display:inline-block; margin-top:30px;}
.A3000	.box3	 p								{ padding-bottom:20px;}


.B1000	p														{ position: relative;float:left; width:100%;}
.B1000	li														{ text-align:center;}
.B1000	li	dl	dt												{ font-size:25px; margin-bottom:4%; color:#333; letter-spacing:0;}
.B1000	.pro_list	ul	li										{ float:left; width:31.5%;  margin:0 3.5% 7% 0;}
.B1000	.pro_list	ul	li:last-child							{ margin-bottom:0;}
.B1000	.pro_list	ul	li	dl	dt								{ border:5px solid #ececec; padding:5%; font-size:18px; margin-bottom:8%; color:#44B655; font-weight:bold; }
.B1000	.pro_list	ul	li	dl	dt	span						{ font-size:15px; font-weight:normal; color:#333;}
.B1000	.pro_list	ul	li	dl	dd								{ width:98%; margin:0 auto; text-align:left; font-size:13px; line-height:22px; padding-bottom:15px;}
.B1000	.pro_list	.none									{ float:right; width:30%; margin-right:0;}
.B1000	.pro_list	.txt_etc									{ color:#999; padding-bottom:0;}

.B1000	.pro_list1	ul	li										{ float:left; width:48.5%;  margin:0 3% 5% 0;}
.B1000	.pro_list1	ul	li:last-child							{ margin-bottom:0;}
.B1000	.pro_list1	ul	li	dl	dt								{ border:5px solid #ececec; padding:4%; font-size:18px; margin-bottom:8%; color:#44B655; font-weight:bold; }
.B1000	.pro_list1	ul	li	dl	dt	span						{ font-size:15px; font-weight:normal; color:#333;}
.B1000	.pro_list1	ul	li	dl	dd								{ width:98%; margin:0 auto; text-align:left; font-size:13px; line-height:22px; padding-bottom:15px;}
.B1000	.pro_list1	.none									{ float:right; width:48.5%; margin-right:0;}
.B1000	.pro_list1	.txt_etc									{ color:#999; padding-bottom:0;}

.B1000	.pro_list2	ul	li										{ float:left; width:30.5%; height:55px;  border:5px solid #ececec; padding:2% 0; margin:0 2.4% 4% 0; font-size:16px; color:#333;}
.B1000	.pro_list2	ul	li	span								{ width:100%; display:inline-block; font-size:16px; font-weight:normal; color:#44B655;}
.B1000	.pro_list2	ul	li:last-child							{ margin-bottom:0;}
.B1000	.pro_list2	.none									{ float:right; width:30.5%; height:55px;  margin-right:0;}


/*
.D1000											{ position: relative;float:left; width:100%;}
.D1000	ul										{ border:1px solid #E8E8E8;}
.D1000	ul	li									{ border-bottom:1px dotted #ccc;}
.D1000	ul	li	dl								{ padding:30px;}
.D1000	ul	li	dl	dt							{ float:left; width:10%; text-align:center; letter-spacing:0; color:#44B655; font-weight:bold; font-size:16px; margin-right:20px;}	
.D1000	ul	li	dl	dd	 dl						{ padding-bottom:5px;}
.D1000	ul	li	dl	dd	 dl	 dt					{ width:100%; clear:both; font-size:13px; color:#333;}
.D1000	ul	li	dl	dd	 dl	 dd				{ text-align:center; font-size:12px; color:#333;}
.D1000	.line_bt								{ border-bottom:0;}
*/

.D1000										{ position: relative;float:left; width:100%; }
.D1000	ul	li								{ float:left; width:48.5%; height:200px; margin-bottom:25px; border:1px solid #dfdfdf;}
.D1000	ul	li	p							{ float:left; width:40%;}
.D1000	ul	li	p	img					{ width:100%; height:200px;}		
.D1000	ul	li	dl							{ float:left; width:60%;}
.D1000	ul	li	dl	dt						{ letter-spacing:0; color:#44B655; font-weight:bold; font-size:20px; margin-top:10%; padding:0 0 5% 10%;}
.D1000	ul	li	dl	dd	 					{ margin:0 10% 0 10%;}
.D1000	.etcbox							{ position: relative;float:left; width:100%;}
.D1000	.etcbox	p						{ float:left; width:19.5%;}
.D1000	.etcbox	dl						{ float:left; width:74%;}
.D1000	.etcbox	dl	dt					{ letter-spacing:0; color:#44B655; font-weight:bold; font-size:20px; margin-top:3%; padding:0 0 1% 4%;}
.D1000	.etcbox	dl	dd	 				{ width:100%; margin:0 4%;}
.D1000	.boxli								{ float:right;}



.D2000	li																	{ width:100%; display:inline-block; padding-bottom:10%; text-align:center;}
.D2000	li:last-child														{ padding-bottom:0;}
.D2000	li	dl	dt															{ font-size:21px; padding-bottom:60px; margin-bottom:20px; color:#333; text-align:center; background:url(../img/contents/btn_line.gif) center bottom no-repeat; letter-spacing:-2px;}
.D2000	li	dl	dt	span													{ letter-spacing:0; color:#44B655; font-weight:bold;}
.D2000	li	dl	dt	strong												{ color:#1F9798; letter-spacing:0;}
.D2000	li	dl	dd															{ font-size:15px; line-height:30px;}
.D2000	li	dl	dd	 strong												{ color:#333;}

.D2000	.list_a	dl	dd													{ float:left; width:38%; height:130px; border-left:5px solid #F2F2F2;}
.D2000	.list_a	dl	dd	p												{ padding:0 10px 0 20px; text-align:left;}
.D2000	.list_a	dl	dd:last-child									{ border:0;}
.D2000	.list_a	.bg1													{ float:right; width:58%; height:130px; background:url(../img/contents/D2000_img1.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
.D2000	.list_b															{ padding-bottom:3%;}
.D2000	.list_c	ul	li													{ float:left; width:48.5%; border:1px solid #dfdfdf; padding:0; background-color:#f9f9f9;}
.D2000	.list_c	ul	li	dl												{ width:85%; margin:5% auto;}
.D2000	.list_c	ul	li	dl	dt											{ font-size:20px; color:#1F9798; padding-bottom:0; margin-bottom:10px; background:none; letter-spacing:0;}
.D2000	.list_c	ul	li	dl	dd											{ font-size:13px; line-height:25px;}
.D2000	.list_c	.box_rt												{ float:right; width:48.5%; border:1px solid #dfdfdf;  padding:0;}

.D2000	.list_d	dl	dd													{ padding:3%; border:1px solid #dfdfdf;}
.D2000	.list_d	dl	dd	 ul												{ text-align:left;}
.D2000	.list_d	dl	dd	 ul	 li											{ text-align:left; border-bottom:1px dotted #ccc; padding-bottom:1%; margin-bottom:1%;}
.D2000	.list_d	dl	dd	 ul	 li	strong								{ float:left; width:50px; color:#44B655; text-align:center; font-weight:normal;}
.D2000	.list_d	dl	dd	 ul	 li	span									{ float:left; width:88%;}
.D2000	.list_d	.last_line											{ border:0; padding:0; margin:0;}


.D3000	dt																	{ font-size:18px; color:#333; margin-bottom:20px; text-align:left;}
.D3000	dd																	{ padding-left:10px; background:url(../img/btn_dot.gif) left 12px no-repeat; }
.D3000	.nth_left															{ float:left; width:49.5%; height:190px;}
.D3000	.nth_left	dl														{ float:left; width:100%;}
.D3000	.nth_right														{ float:right; width:50%; height:190px; border-left:1px dashed #dfdfdf;}
.D3000	.nth_right	 dl													{ float:left; width:100%; padding-left:30px;}
.D3000	.nth_line															{ border-top:1px dashed #dfdfdf; padding-top:6%;}
.D3000	.bg1																{ background:url(../img/contents/D3000_icon1.jpg) 95% center no-repeat;}
.D3000	.bg2																{ background:url(../img/contents/D3000_icon2.jpg) 95% center no-repeat;}
.D3000	.bg3																{ background:url(../img/contents/D3000_icon3.jpg) 95% center no-repeat;}
.D3000	.bg4																{ background:url(../img/contents/D3000_icon4.jpg) 95% center no-repeat;}

.D4000	ul	li	strong						{ width:40px;  font-size:14px; display:inline-block; letter-spacing:0;}
.D4000	ul	li:last-child						{ margin-top:3%;}






@media all and (max-width:800px) {
	#Suballbg																			{ width:100%; margin:0 auto;}
	#Suballbg	#Mainheader														{ width:100%; height:55px; border:0;}
	#Suballbg	#Mainheader	#headerbox									{ width:100%; height:55px; margin:0 auto; text-align:center; display:inline-block;}
	#Suballbg	#Mainheader	#headerbox	 .logo						{ width:auto; margin-top:12px; text-align:center;}
	#Suballbg	#Mainheader	#headerbox	 .logo	 img				{ width:60%; height:auto;}
	#Suballbg	#Mainheader	#topmenu										{ display:none;}
	#Suballbg	#Mainheader	#menulist										{ display:none;}
	
	.btn_side																					{ position: absolute; top:0px; right:0; width:53px; height:51px; font-size:0; line-height:0; display:block; z-index:5;}
	.btn_side i																				{ border-top:8px double #666; border-bottom:8px double #666; height:2px; display:block; width:23px; margin:20px 0 0 15px; }
	
	#open_side																				{ display:block; overflow-y:hidden; height:100%; width:100%;clear:both; position: fixed; z-index:500; top:0px; background:url(../img/open_side_bg.png) repeat; }
	#open_side .side_gnb 															{ position:absolute; height:900px; width:250px;background:#2e2f31; padding-top:50px; }
	#open_side .side_gnb .btn_side												{ position:absolute; top:5px; left:210px; padding:10px; width:18px; height:18px;}
	#open_side .side_gnb .btn_side		img									{ margin:5px 0 0 5px;}
	#open_side .side_gnb ul li														{ border-bottom:1px dotted rgba(255, 255, 255, 0.2);}
	#open_side .side_gnb ul li a													{ color:#ccc;  display:inline-block; padding:10px 15px 10px 10px ; width:90%; font-size:14px; background:url(../img/open_arrow.png) no-repeat right 22px; }
	#open_side .side_gnb ul li div ul												{ background:#222;}
	#open_side .side_gnb ul li div ul li											{ border-bottom:1px solid #343434}
	#open_side .side_gnb ul .gnbActive>a									{ background:#44B655 url(../img/close_arrow.png) no-repeat right 20px; color:#fff;}
	#open_side .side_gnb ul li div ul li:last-child a							{ border:0; }
	#open_side .side_gnb ul li div ul li a										{ color:#888; font-size:13px;  background:none;}
	#open_side .side_gnb ul .gnbActive div ul .gnbActive>a			{ background:none; color:#44B655;}
	#open_side .m_topmenu															{}
	#open_side .m_topmenu a														{ box-sizing:border-box; background:#222 url(../img/line.jpg) no-repeat right center;display:inline-block; color:#ccc; line-height:40px; float:left; text-align:center; font-size:11px; letter-spacing:0;}
	#open_side .m_topmenu a:first-child										{ width:30%; }
	#open_side .m_topmenu a:nth-child(2)									{ width:30%;}
	#open_side .m_topmenu a:last-child										{ width:40%; background:#222;}
	
	#Suballbg	#Mainheader	#open_side									{ display: block;}

	#MainWrapper																		{ width:100%; text-align:left;}
	#SubWrapper																			{ width:100%;}

	#Subelement																			{ top:55px; height:150px; background:url(../img/subimg_A0000.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
	#Subelement	.elementbox														{ height:150px;}
	#Subelement	.elementbox	 .Subtext										{ margin-top:10%;}
	#Subelement	.elementbox	 .Subtext	strong							{ font-size:25px;}
	#Subelement	.elementbox	 .Subimg										{ display:none;}

	#MainContents																		{ width:100%; margin:140px 0 0 0;}
	#Contents																				{ width:95%; margin:0 auto;}

	.titleroad													{ margin-top:25px; padding:0;}
	.titleroad	.Subtitle										{ position:absolute;left:0; top:0; width:100%; height:30px; font-size:20px;}
	.titleroad	.Position									{ position:absolute;left:0; top:30px;}
	.titleroad	.Position	a								{ font-size:12px;}
	.titleroad	.Position	em							{ color:#44B655; font-size:12px;}

	#Start														{ position:relative; float:left; width:100%; }
	#Start	.contentsbox									{ width:100%; font-size:13px; margin-top:30px;}
	#Start	.contentsbox	h4								{ font-size:18px; line-height:25px;}
	#Start	#subleft											{ display:none;}  


	#Footer																										{ height:120px; margin-top:40px;}
	#Footer    #Copyright																					{ width:95%; margin:0 auto;}
	#Footer    #Copyright  .copyrights																	{ margin-top:3px; font-size:12px; color:#646464; font-family: 'Source Sans Pro', sans-serif; letter-spacing:0; display:block;}	
	#Footer    #Copyright	.copybox																	{ width:100%; height:auto; margin-top:45px; border-bottom:0;}
	#Footer    #Copyright	.copybox	.bottommenu												{ width:100%; height:0px; margin-top:0; border-right:0;}
	#Footer    #Copyright	.copybox	.bottommenu	ul											{ display:none;}
	#Footer    #Copyright	.copybox	.bottommap													{ width:100%; height:auto; margin-top:5px;}
	#Footer    #Copyright	.copybox	.bottommap	p												{ display:none;}	
	
	.sitemap ul li													{ width:90%; margin:0 5% 20px 5%;}
	.sitemap ul li ul li:last-child							{ border-bottom:0;}
	
	.tabmenu a									{ width:24.3%; height:36px; line-height:35px;}
	.tabmenu a span							{ height:36px; line-height:35px; font-size:15px;}
	.tabmenu a.on span						{ font-size:15px;}


	.A1000											{ background:none;}
	.A1000	p										{ width:100%;}

	.A3000	ul										{ height:auto; background:none;}
	.A3000	ul	li									{ padding-bottom:6%;}
	.A3000	.box1	 div							{ width:100%; margin-top:0;}
	.A3000	.box1	 dt								{ font-size:15px; color:#333;}
	.A3000	.box2	 div							{ width:100%;  margin-top:40px;}


	.B1000	.pro_list	ul	li										{ width:100%;  margin:0 0 7% 0;}
	.B1000	.pro_list	ul	li	dl	dt								{ padding:2%; font-size:18px; margin-bottom:3%;}
	.B1000	.pro_list	ul	li	dl	dd								{ padding-bottom:10px;}
	.B1000	.pro_list	.none									{ width:100%; margin-right:0;}
	.B1000	.pro_list	.txt_etc									{ color:#999; padding-bottom:0;}

	.B1000	.pro_list1	ul	li										{ width:100%;  margin:0 0 7% 0;}
	.B1000	.pro_list1	ul	li	dl	dt								{ padding:2%; font-size:18px; margin-bottom:3%;}
	.B1000	.pro_list1	ul	li	dl	dd								{ padding-bottom:10px;}
	.B1000	.pro_list1	.none									{ width:100%; margin-right:0;}
	.B1000	.pro_list1	.txt_etc									{ color:#999; padding-bottom:0;}

	.B1000	.pro_list2	ul	li										{ width:100%;}
	.B1000	.pro_list2	.none									{ width:100%;}

	.D1000	ul	li								{ float:left; width:100%; margin-bottom:15px; }
	.D1000	.etcbox							{ height:auto;}
	.D1000	.etcbox	p						{ float:left; width:40%;}
	.D1000	.etcbox	p	img				{ width:100%; height:100%;}		
	.D1000	.etcbox	dl						{ float:left; width:60%;}
	.D1000	.etcbox	dl	dt					{ letter-spacing:0; color:#44B655; font-weight:bold; font-size:20px; margin-top:5%; padding:0 0 5% 10%; }
	.D1000	.etcbox	dl	dd	 				{ width:80%; margin:0 10% 0 10%; padding-bottom:5%;}
	.D1000	.boxli								{ float:right;}

	.D2000	li	dl	dd															{ font-size:14px; line-height:25px;}
	.D2000	li	dl	dd	 br														{ display:none;}

	.D3000	dt														{ font-size:16px; padding-bottom:15px; color:#282828;margin-bottom:0;}
	.D3000	p	img												{ width:80%; height:auto;}
	.D3000	.nth_left												{ float:left; width:100%; height:150px;}
	.D3000	.nth_right											{ float:right; width:100%; border-left:0; height:150px;}
	.D3000	.nth_right	 dl										{ padding-left:0;}
	.D3000	li:nth-child(2)										{ border-top:1px dashed #dfdfdf; padding-top:6%;}
	.D3000	br														{ display:none;}

}





@media all and (max-width:400px) {
	.btn_side i																			{ margin:15px 0 0 10px; }
	#Suballbg	#Mainheader														{ height:40px;}
	#Suballbg	#Mainheader	#headerbox									{ height:40px;}
	#Suballbg	#Mainheader	#headerbox	 .logo						{ width:auto; margin-top:10px;}
	#Suballbg	#Mainheader	#headerbox	 .logo	 img				{ width:48%; height:auto;}

	#Subelement																			{ top:45px; height:100px;}
	#Subelement	.elementbox														{ height:100px;}
	#Subelement	.elementbox	 .Subtext	strong							{ font-size:20px;}

	#MainContents																		{ width:100%; margin:100px 0 0 0;}
	#Start	.contentsbox	h4								{ font-size:15px; line-height:20px;}
	.titleroad													{ margin-top:15px;}
	.titleroad	.Subtitle										{ height:30px; font-size:17px;}
	.titleroad	.Position									{ top:30px;}
	
	#Footer																										{ height:110px; margin-top:40px; }
	#Footer    #Copyright  .copyrights																	{ font-size:11px;}	
	#Footer    #Copyright	.copybox																	{ width:100%; height:auto; margin-top:35px;}
	#Footer    #Copyright	.copybox	.bottommap													{ margin-top:5px;}
	#Footer    #Copyright  .copybox	.bottommap	 address									{ font-size:11px; margin-top:5px;}
	
	.tabmenu										{ height:auto;}
	.tabmenu a									{ width:100%; height:30px; line-height:30px; border-right:1px solid #d0d0d0;}
	.tabmenu a span							{ height:30px; line-height:30px; font-size:13px;}
	.tabmenu a.on span						{ font-size:13px;}

	.tstyle th											{ padding:5px; }
	.tstyle td											{ padding:10px; font-size:12px;line-height:18px;}

	.A2000	.left_txt, 
	.A2000	.right_txt					{ width:100%; clear:both;}

	.D2000	li	dl	dt										{ font-size:20px; padding-bottom:30px; margin-bottom:10px; color:#5A5046; text-align:center; background:url(../img/contents/btn_line_m.gif) center bottom no-repeat; letter-spacing:-1px;}
	.D2000	li	dl	dd										{ font-size:13px;}
	.D2000	.list_a	dl	dd								{ width:57%; height:130px;}
	.D2000	.list_a	.bg1								{ width:39%; height:130px; }
	.D2000	.list_d	dl	dd	 ul	 li	strong			{ float:left; width:50px; color:#44B655; text-align:center; font-weight:normal;}
	.D2000	.list_d	dl	dd	 ul	 li	span				{ float:left; width:80%;}

	.D3000	p	img										{ width:100%;}
	.D3000	.bg1,
	.D3000	.bg2,
	.D3000	.bg3,
	.D3000	.bg4											{ background:none;}
	
}