@CHARSET "UTF-8";

html															{ font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;}
body															{ width:100%; margin:0; padding:0; font-size:13px; letter-spacing:-1px; line-height:1; overflow-y:scroll;  overflow-x:hidden; color:#707070;}
a																{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
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:#054BA8;}

div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, 
pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, 
strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, 
caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, 
figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video		{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section					{display:block;}
blockquote, q											{quotes:none;}
blockquote:before, 
blockquote:after,q:before, q:after			{content:'';content:none;}
ins															{background-color:#ff9;color:#000;text-decoration:none;}
mark															{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del															{text-decoration: line-through;}
abbr[title], dfn[title]									{border-bottom:1px dotted;cursor:help;}
table														{border-collapse:collapse;border-spacing:0;}
hr																{display:block; height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select												{vertical-align:middle;}

div, dl, span												{ margin:0; padding:0; border:0;}
em															{ list-style:none; margin:0; padding:0; font-size:12px; font-style: normal; font-weight:bold;}
ul, li, ol, dl, dt, dd, p, em							{ list-style:none; margin:0; padding:0;}
form															{ margin:0; padding:0; border:0;}
button														{ border:0; padding:0; background:transparent; cursor:pointer; overflow:visible;}
label															{ cursor:pointer;}
footer														{ font-weight:normal;}
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;}


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;}





#Wrap																{ position:relative;float:left; width:100%; background:url(../img/main/mainbg.jpg) center top no-repeat; line-height:18px;}
#Wrap	.container												{ position:relative; width:1000px; margin:0 auto; }

#header															{ position:relative; float:left; width:100%; height:115px; background-color:white; box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.1); z-index:100;}
#header	.topmenu											{ position:relative; float:left; width:100%; height:30px; background-color:#0e3060;}
#header	.topmenu	ul										{ float:right;}
#header	.topmenu	ul	li									{ float:left;  width:auto; height:30px; margin-left:15px; letter-spacing:0; line-height:26px; font-size:11px;}
#header	.topmenu	ul	li	a								{ color:#A2B1C2; font-weight:normal;}
#header	.topmenu	.woosuk							{ padding:0 15px; background-color:#56606f;}
#header	.topmenu	.woosuk	a						{ color:#D5D7DA; letter-spacing:-1px; font-weight:bold;}
#header	.logo													{ position:relative; float:left; width:33%; padding-top:25px;}
#header	.logo	 span										{ font-size:16px; vertical-align:top; line-height:29px; font-weight:bold; color:#333;}


#header	.menulist																	{ position:relative; float:right; width:67%;}
#header	.menulist	ul																{ position:relative; float:right; padding-top:35px;}
#header	.menulist	ul li															{ float:left; width:auto; padding-left:40px; font-size:14px;}
#header	.menulist	ul li a														{ color:#333;font-weight:bold;}
#header	.menulist	ul li a:hover												{ color:#0070bd;font-weight:bold;}
#header	.menulist	 .gnb1 ul													{ position:absolute; left:-110px; top:85px; width:485px; height:32px; padding-top:0; background-color:#0059b4; z-index:15;}
#header	.menulist	 .gnb2 ul													{ position:absolute; left:125px; top:85px; width:70px; height:32px; padding-top:0; background-color:#0059b4; z-index:15;}
#header	.menulist	 .gnb3 ul													{ position:absolute; left:160px; top:85px; width:440px; height:32px; padding-top:0; background-color:#0059b4; z-index:15;}
#header	.menulist	 .gnb4 ul													{ }
#header	.menulist	 .gnb5 ul													{ position:absolute; right:70px; top:85px; width:262px; height:32px; padding-top:0; background-color:#0059b4; z-index:15;}
#header	.menulist	 .gnb6 ul													{ position:absolute; right:0; top:85px; width:180px; height:32px; padding-top:0; background-color:#0059b4; z-index:15;}
#header	.menulist	 .gnb7 ul													{ position:absolute; right:0; top:85px; width:130px; height:32px; padding-top:0; background-color:#0059b4; z-index:15;}
#header	.menulist	ul li ul li														{ position:relative; float:left; padding:0; margin:0 11px; width:auto; font-size:12px; z-index:12; line-height:27px;}
#header	.menulist	ul li ul li	 a													{ font-weight:normal; color:#C8D0E4;}
#header	.menulist	ul li ul li	 a:hover										{ color:#fff;}
#header	.menulist	.sub															{ display:none}
#header	.menulist	ul li	.gnbActive	a									{ color:#fff;font-weight:bold;}

#header	.btn_side																	{ position: absolute; top:10px; left:0; width:53px; height:51px; font-size:0; line-height:0; z-index:99;}
#open_side																				{ display:none; }



#contwrap																			{ position:relative;float:left; width:100%;}
#contwrap	.section															{ position:relative;float:left; width:100%;}

.section_wrap1											{ position:relative;float:left; width:380px;}
.BNzone														{ position:relative;float:left; width:100%; height:275px; background:url(../img/main/bnzone_bg.jpg) top center no-repeat;}
.BNzone	dl													{ position:relative;float:left; width:85%; margin:40px 0 0 30px; }
.BNzone	dl	dt												{ font-size:18px; color:#DADEE7; letter-spacing:-2px; line-height:25px; padding-bottom:15px;}
.BNzone	dl	dt	 strong									{ color:#fff;}
.BNzone	dl	dd											{ color:#DADEE7; padding-bottom:30px;}
.BNzone	.btn												{ width:160px; padding:8px 0; border:2px solid #dce0ea; background:url(../img/main/btn_arrow.png) 135px center no-repeat;}
.BNzone	.btn	a											{ color:#dadfe9; font-weight:bold; margin-left:17px;}

.schedule														{ position:relative;float:left; width:100%; height:115px; background:#4A4C51 url(../img/main/calendar_bg.gif) left top no-repeat;}	
.schedule	dl													{ position:relative; width:85%; margin:0 auto;}
.schedule	dl	dt												{ text-align:center; margin:15px 0 7px 0;}	
.schedule	dl	dt	 span									{ padding:0 10px; color:#fff; font-size:14px; letter-spacing:0; }
.schedule	dl	dd											{ }
.schedule	.more											{ position:absolute;left:10px; top:10px;}
.schedule	.tb_normal									{ position:relative;float:left; width:100%;}
.schedule	.tb_normal	td								{ width:7.142857%; font-size:11px; text-align:center; color:#979797; line-height:17px;}
.schedule	.tb_normal	.on							{ color:#fff; font-weight:bold;}
.schedule	.tb_normal	.today						{ color:#fff; font-weight:bold; background-color:#75A5EB;}

.element														{ position:relative;float:left; width:380px; height:390px; background:url(../img/main/element_bg.jpg) left top no-repeat;}

.section_wrap2											{ position:relative;float:left; width:240px;}
.objectives													{ position:relative;float:left; width:100%; height:195px; background:#1fb56c url(../img/main/objectives_bg.gif) left top no-repeat;}
.objectives	h3											{ font-size:18px; color:#282828; font-weight:normal; margin:25px 0 10px 20px;}
.objectives	p												{ width:85%; margin-left:20px;}
.objectives	.more										{ margin:15px 0 0 20px;}

.professor													{ position:relative;float:left; width:100%; height:195px; background:#1fb56c url(../img/main/professor_bg.gif) 140px 100px no-repeat;}
.professor	h3											{ font-size:18px; color:#8EFFC9; font-weight:normal; margin:25px 0 10px 20px;}
.professor	p												{ width:65%; margin-left:20px; color:#DEF0E7;}
.professor	.more										{ margin:15px 0 0 20px;}																


.section_wrap3											{ position:relative;float:left; width:380px; height:370px; background-color:#fff;}
.notice															{ position:relative; float:left; width:100%; height:220px;}
.notice	ul														{ position:relative; width:86%; margin:0 auto; padding-top:25px;}
.notice	.list1	dl												{ position:relative; float:left; width:100%;}
.notice	.list1	dl	dt											{ width:80px; font-size:12px; font-weight:normal; padding:7px 0; margin-bottom:10px; text-align:center; background-color:#F8F8F8; border:1px solid #DEDEDE;}
.notice	.list1	dl	dt	 a										{ color:#545454;}
.notice	.list1	dl	dd										{ background:url(../img/main/notice_icon.gif) left 6px no-repeat; padding-left:28px; line-height:22px;}
.notice	.list1	dl	dd	span								{ float:right; color:#999; font-size:11px; letter-spacing:0;}
.notice	.list1	 .more	a									{ position:absolute; right:0; top:38px; font-size:12px; color:#777;}
.notice	.list1	 .on											{ width:80px; font-size:12px; font-weight:normal; padding:7px 0; margin-bottom:10px; text-align:center; background-color:#f78b0d; border:1px solid #e47b01;}
.notice	.list1	 .on	a										{ color:#fff;}

.notice	.list2	dl												{ position:absolute;left:0; top:25px; width:100%;}
.notice	.list2	dl	dt											{ width:80px; font-size:12px; font-weight:normal; margin-left:84px; padding:7px 0; margin-bottom:10px; text-align:center; background-color:#F8F8F8; border:1px solid #DEDEDE; }
.notice	.list2	dl	dt	 a										{ color:#545454;}
.notice	.list2	dl	dd										{ background:url(../img/main/notice_icon.gif) left 6px no-repeat; padding-left:28px; line-height:22px;}
.notice	.list2	dl	dd	span								{ float:right; color:#999; font-size:11px; letter-spacing:0;}
.notice	.list2	 .more	a									{ position:absolute; right:0; top:38px; font-size:12px; color:#777;}
.notice	.list2	 .on											{ width:80px; font-size:12px; font-weight:normal; padding:7px 0; margin-bottom:10px; text-align:center; background-color:#f78b0d; border:1px solid #e47b01;}
.notice	.list2	 .on	a										{ color:#fff;}

.career															{ position:relative; float:left; width:100%; text-align:center;}
.career	div	{ margin: 0 auto; width: 90%; height: 63px; margin-top: 9px; letter-spacing: 1px; }
.career a { padding-left: 45px; line-height: 67px; }
.career a:link	{ text-decoration: none; color: #ffffff; }
.career a:visited	{ text-decoration: none; color: #ffffff; }
.career a:active	{ text-decoration: none; color: #ffffff; }
.career a:hover	{ text-decoration: none; color: #ffffff; font-weight: 600; }
.career .naver { background: url(../img/icon_naver.gif) no-repeat 20px 7px; background-color: #1ac900; }
.career .face  { background: url(../img/icon_facebook.gif) no-repeat 10px 10px; background-color: #3b589e; }
.career .naver { background: url(../img/icon_naver.gif) no-repeat 10px 16px; background-color:#00B700; }
.career .insta { background: url(../img/insta_icon.png) no-repeat 10px 16px; background-color:#d13e8a; }

.process														{ position:relative;float:left; width:240px; height:370px; background:#2a8ed0 url(../img/main/process_bg.gif) left top no-repeat;}
.process	h3												{ font-size:18px; color:#68EBFE; font-weight:normal; margin:25px 0 15px 25px;}
.process	p													{ width:75%; margin-left:27px; line-height:15px; color:#DFEBF6; line-height:18px;}
.process	.btn												{ width:120px; padding:4px 0 5px 0; border:2px solid #D2E8F5; background:url(../img/main/btn_arrow.png) 95px center no-repeat; margin:15px 0 0 30px;}
.process	.btn	a											{ color:#dadfe9; font-weight:bold; margin-left:17px; font-size:11px;}


.section_wrap4											{ position:relative;float:right; width:380px; height:370px; background-color:#fff;}
.board															{ position:relative; float:left; width:100%; height:195px; border-bottom:1px solid #dadada;}
.board	ul														{ position:relative; width:87%; margin:0 auto; padding-top:25px;}
.board	.list1	dl												{ position:relative; float:left; width:100%;}
.board	.list1	dl	dt											{ width:80px; font-size:12px; font-weight:normal; padding:7px 0; margin-bottom:10px; text-align:center; background-color:#F8F8F8; border:1px solid #DEDEDE;}
.board	.list1	dl	dt	 a										{ color:#545454;}
.board	.list1	dl	dd										{ background:url(../img/main/notice_icon.gif) left 6px no-repeat; padding-left:28px; line-height:22px;}
.board	.list1	dl	dd	span								{ float:right; color:#999; font-size:11px; letter-spacing:0;}
.board	.list1	 .more	a									{ position:absolute; right:0; top:38px; font-size:12px; color:#777;}
.board	.list1	 .on											{ width:80px; font-size:12px; font-weight:normal; padding:7px 0; margin-bottom:10px; text-align:center; background-color:#5683a8; border:1px solid #47779e;}
.board	.list1	 .on	a										{ color:#fff;}

.board	.list2	dl												{ position:absolute;left:0; top:25px; width:100%;}
.board	.list2	dl	dt											{ width:80px; font-size:12px; font-weight:normal; margin-left:84px; padding:7px 0; margin-bottom:10px; text-align:center; background-color:#F8F8F8; border:1px solid #DEDEDE;}
.board	.list2	dl	dt	 a										{ color:#545454;}
.board	.list2	dl	dd										{ background:url(../img/main/notice_icon.gif) left 6px no-repeat; padding-left:28px; line-height:22px;}
.board	.list2	dl	dd	span								{ float:right; color:#999; font-size:11px; letter-spacing:0;}
.board	.list2	 .more	a									{ position:absolute; right:0; top:38px; font-size:12px; color:#777;}
.board	.list2	 .on											{ width:80px; font-size:12px; font-weight:normal; padding:7px 0; margin-bottom:10px; text-align:center; background-color:#5683a8; border:1px solid #47779e;}
.board	.list2	 .on	a										{ color:#fff;}

.gallery																{ position:relative; float:left; width:100%;}
.gallery	 dl															{ position:relative; width:87%; margin:0 auto; padding-top:23px;}
.gallery	 dl	 dt													{ font-size:15px; color:#282828; font-weight:bold; padding-bottom:20px;}
.gallery	 dl	 dd	ul	li											{ float:left; width:33.3333%; text-align:center;}
.gallery	 dl	 dd	ul	li	span	 a								{ font-size:12px; color:#707070;}
.gallery	 .photo													{ margin-bottom:5px;}
.gallery	.more													{ position:absolute; right:30px; top:23px; font-size:11px;}

.linkws																{ position:relative; float:left; width:100%; background:#ffffff url(../img/main/link_bg.gif) left top repeat-x; border-top:1px solid #dedede;}
.linkws	ul															{ position:relative; float:left; width:100%;}
.linkws	ul	li														{ float:left; width:16.66666%; font-size:13px;  font-weight:bold; border-right:1px solid #dedede;text-align:center;}
.linkws	ul	li:last-child										{ float:left; width:16.1%; border:0;}
.linkws	ul	li	span												{  position:relative; float:left; width:100%; border-top:1px solid #dedede; background-color:#e9eff1; padding:12px 0;}
.linkws	ul	li	a													{ color:#555;}
.linkws	ul	li	img												{ padding:15px 0;}
.linkws	.linone													{ float:left; width:16.1%; border:0;}


#footer															{ position:relative; float:left; width:100%; background-color:#495860; font-size:12px; color:#BBC0C2; padding:30px 0; z-index:30;}
#footer	.copylogo											{ float:left; width:20%; max-width:200px;}
#footer	.copylogo a										{ color:#999; font-size:13px;font-weight:bold;}
#footer	.copylogo	a	span								{ margin-left:43px; display:inline-block;}
#footer	.bottommenu									{ padding-bottom:10px;}
#footer	.bottommenu	li								{ margin-right:10px; display:inline;}
#footer	.bottommenu	li	a							{ color:#D0D4D6; font-weight:bold;}
#footer	address											{ font-style:normal;}
#footer	.copy_sns											{ position:absolute; right:0; top:0; background:#38444a; padding:4px 10px; border-radius:3px; border:1px solid 262d31;}
#footer	.copy_sns dt									{ font-size:12px; color:#b0c3cd; font-weight:bold; text-align:center; padding-bottom:5px;}
#footer	.m_foot											{ display:none;}

#billboard														{ display:none;}


@media screen and (max-width:950px) {
	#Wrap													{ position:relative;float:left; width:100%; background:none; }
	#Wrap	.container									{ width:100%; margin:0 auto;}
	#header												{ width:100%;  margin:0 auto; height:50px; border-bottom:2px solid #0059b4;}
	#header	.logo										{ position:absolute; top:0; left:0; width:100%; padding:10px; text-align:center;}
	#header	.logo	 img								{ width:140px; height:auto;}
	#header	.logo	 span							{ font-size:16px; vertical-align:top; line-height:25px; font-weight:bold; color:#333;}
	.topmenu, .menulist								{ display:none;}
	
.btn_side				{ z-index:99; font-size:0; line-height:0;	position: absolute; top:0px; right:0; width:53px; height:51px;  }
.btn_side i				{ border-top:8px double #666; border-bottom:8px double #666; height:2px; display:block; width:23px; margin:0px 0 0 15px; }
.btn_side b 				{ font-size:13px; position:absolute; bottom:23px; margin-left:14px}

    #open_side                                                                             { position: absolute; top:0px; width:100%; height:auto; z-index:98; display:block;}
    #open_side .side_gnb                                                             { width:250px; height:100%; 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 ul															{ padding-bottom:50px;}
	#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;padding-bottom:0;}
	#open_side .side_gnb ul li div ul li											{ border-bottom:1px solid #343434; }
	#open_side .side_gnb ul .gnbActive>a									{background:#0059b4 url(../img/close_arrow.png) no-repeat right 20px; }
	#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:12px;  background:none;}
	#open_side .side_gnb ul .gnbActive div ul .gnbActive>a			{ background:none; color:#5da9ff;}
	
	#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;}
	#open_side .m_topmenu a:first-child										{ width:25%; }
	#open_side .m_topmenu a:nth-child(2)									{ width:25%;}
	#open_side .m_topmenu a:last-child										{ width:50%; background:#222;}
	

	#billboard										{ position:absolute; left:0; top:52px; width:100%; height:250px; background:#f9f9f9 url(../img/main/mainbg_m.jpg) center no-repeat; background-size:cover; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover; display:block;}
	#billboard dl										{ width:80%; margin:0 auto; text-align:center; padding-top:70px; text-shadow:0px 1px 2px rgba(0,0,0,0.6);}
	#billboard dl	dt									{ font-size:25px; line-height:1.2; letter-spacing:-2px; padding-bottom:15px; color:#fff;}
	#billboard dl	dt span	 					{ width:100%;color:#378ECC; display:inline-block;}
	#billboard dl	dd								{ color:#fff; }

	#contwrap															{ position:relative; float:left; width:100%; margin-top:250px; background:none;}
	.section_wrap1													{ display:none;}
	.section_wrap2													{ display:none;}
	.section_wrap3													{ position:relative;float:left; width:100%; height:auto; background-color:#fff;}
	.section_wrap4													{ position:relative;float:right; width:100%; height:auto; background-color:#fff;}

	.element																{ display:none;}
	.career																	{ margin-bottom: 10px; }
      .career div { width: 100%; }
	.process																{ display:none;}
	.board																	{ display:none;}

	.notice	.list1	dl	dd										{ background:url(../img/main/notice_icon.gif) left 6px no-repeat; padding-left:28px; line-height:22px; font-size:12px;}
	.notice	.list2	dl	dd										{ background:url(../img/main/notice_icon.gif) left 6px no-repeat; padding-left:28px; line-height:22px; font-size:12px;}

	.gallery																{ position:relative; float:left; width:100%; padding-bottom:15px; border-top:1px solid #dedede;}
	.gallery	 dl															{ position:relative; width:90%; margin:0 auto; padding-top:15px;}
	.gallery	 dl	 dt													{ font-size:15px; color:#282828; font-weight:bold; padding-bottom:20px; margin-left:5px;}
	.gallery	 .photo	 img											{ width:85%}
	.gallery	.more													{ position:absolute; right:8%; top:23px; font-size:11px;}

	.linkws																{ position:relative; float:left; width:100%; background:none; border-top:1px solid #dedede;}
	.linkws	ul	li														{ float:left; width:16.5%; font-size:11px;  font-weight:bold; border-left:1px solid #dedede; border-right:0; text-align:center;}
	.linkws	ul	li:last-child										{ float:left; width:16.5%; border-left:1px solid #dedede;}
	.linkws	ul	li	span												{  position:relative; float:left; width:100%; border-top:1px solid #dedede; background-color:#e9eff1; padding:5px 0;}
	.linkws	ul	li	a													{ color:#555;}
	.linkws	ul	li	img												{ width:40%; height:40%; padding:8px 0;}
	.linkws	.linone													{ float:left; width:16.5%; border-left:1px solid #dedede;}

	#footer															{ padding:20px 0;}
	#footer	.m_foot											{ width:95%; margin:0 auto; display:block; height:30px;}
	#footer	.m_foot li											{ float:left; width:19.8%; text-align:center;}
	#footer	.m_foot li:first-child							{ float:left; width:19.8%; margin-right:1px;}
	#footer	.m_foot li:last-child							{ width:59.8%;float:right;}
	#footer	.m_foot a											{ display:block; width:100%; text-shadow:0 1px 0 #222; border-radius:3px; color:#fff; font-size:11px; background-color:#333; font-weight:normal; padding:3px 0;}
	#footer	.copy_sns											{ position:static; width:95%; margin:0 auto; padding:4px 0; height:25px; margin-bottom:10px;}
	#footer	.copy_sns dt									{ float:left; padding:0 0 0 10px; line-height:20px;}
	#footer	.copy_sns dd									{ float:right; padding-right:10px;}
	#footer	p														{ width:95%; margin:0 auto; text-align:center;}
	#footer	address											{ width:95%; margin:0 auto; font-style:normal; line-height:18px; text-align:center; clear:both;}
	#footer	.bottommenu									{ display:none;}
	#footer	.copylogo											{ display:none;}
	
}


@media screen and (max-width:640px) {

	#billboard									{ position:absolute; left:0; top:52px; width:100%; height:200px; background:#f9f9f9 url(../img/main/mainbg_m.jpg) center no-repeat; background-size:cover; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover; display:block;}
	#billboard dl									{ width:80%; margin:0 auto; text-align:center; padding-top:45px; text-shadow:0px 1px 2px rgba(0,0,0,0.6);}
	#billboard dl	dt								{ font-size:22px; line-height:1.2; letter-spacing:-2px; padding-bottom:15px; color:#fff;}
	
	#contwrap															{ position:relative; float:left; width:100%; margin-top:200px; background:none;}
	
	.linkws	ul	li														{ float:left; width:16.4%; font-size:11px;  font-weight:bold; border-left:1px solid #dedede; border-right:0; text-align:center;}
	.linkws	ul	li:last-child										{ float:left; width:16.4%; border-left:1px solid #dedede;}
	.linkws	.linone													{ float:left; width:16.4%; border-left:1px solid #dedede;}
}

@media screen and (max-width:400px) {
	
	#header	.logo										{ position:absolute; top:3px; left:0; width:100%; padding:10px; text-align:center;}
	#header	.logo	 img								{ width:110px; height:auto;}
	#header	.logo	 span							{ font-size:13px; vertical-align:top; line-height:21px; font-weight:bold; color:#333;}

	#contwrap										{ position:relative; float:left; width:100%; margin-top:150px; background:none;}
	#billboard										{ position:absolute; left:0; top:52px; width:100%; height:150px; background:#f9f9f9 url(../img/main/mainbg_m.jpg) center no-repeat; background-size:cover; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover; display:block;}
	#billboard dl									{ width:80%; margin:0 auto; text-align:center; padding-top:50px; text-shadow:0px 1px 2px rgba(0,0,0,0.6);}
	#billboard dl	dt								{ font-size:18px; line-height:1.2; letter-spacing:-2px; padding-bottom:15px; color:#fff;}
	#billboard dl	dd							{ display:none; }

	.notice	.list1	dl	dd										{ background:url(../img/main/notice_icon.gif) left 6px no-repeat; padding-left:28px; line-height:22px; font-size:11px;}
	.notice	.list2	dl	dd										{ background:url(../img/main/notice_icon.gif) left 6px no-repeat; padding-left:28px; line-height:22px; font-size:11px;}

	.linkws																{ position:relative; float:left; width:100%; background:none; border-top:1px solid #dedede;}
	.linkws	ul	li														{ float:left; width:33%; font-size:11px;  font-weight:bold; border-left:1px solid #dedede; border-right:0; text-align:center;}
	.linkws	ul	li:last-child										{ float:left; width:33%; border-left:1px solid #dedede;}
	.linkws	ul	li	span												{  position:relative; float:left; width:100%; border-top:1px solid #dedede; background-color:#e9eff1; padding:5px 0;}
	.linkws	ul	li	a													{ color:#555;}
	.linkws	ul	li	img												{ width:40%; height:40%; padding:8px 0;}
	.linkws	.linone													{ float:left; width:33%; border-left:1px solid #dedede;}


	#footer															{ font-size:11px;}	
	#footer	.m_foot a											{ font-size:11px;}

}
