@CHARSET "UTF-8";

@font-face { 
 font-family:'NanumGothic';
 src: url('../font/NanumGothic.eot'); /* IE 4-8 */
 src: url('../font/NanumGothic.eot?') format('eot'), /* IE 9 */ 
		url('../font/NanumGothic.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */
 font-style: normal;
}

@font-face { 
 font-family:'NanumGothicBold';
 src: url('../font/NanumGothicBold.eot'); 
 src: url('../font/NanumGothicBold.woff') format('woff');
 font-style: normal;
} 

@font-face { 
 font-family:'NanumMyeongjo';
 src: url('../font/NanumMyeongjo.eot'); 
 src: url('../font/NanumMyeongjo.woff') format('woff');
 font-style: normal;
} 

@font-face { 
 font-family:'NanumMyeongjoBold';
 font-style: normal;
 src: url('../font/NanumMyeongjoBold.eot'); 
 src: url('../font/NanumMyeongjoBold.woff') format('woff');
 font-style: normal;
} 



body {
      margin : 0;
      padding : 0;
      font-size:11pt;
      width:100%;
      text-align:center;
}

td									{ font-family :"나눔고딕",NanumGothic,"나눔명조",NanumMyeongjo,"돋움",dotum,AppleGothic,sans-serif;  line-height :  150%; }
img								{ margin : 0; border : 0;vertical-align:top }
div								{ margin : 0; padding : 0; border : 0; font-size:11pt; font-family :"나눔고딕",NanumGothic,"나눔명조",NanumMyeongjo,"돋움",dotum,AppleGothic,sans-serif; color:#555;}
dl									{ margin : 0; padding : 0; border : 0; font-size:11pt; font-family :"나눔고딕",NanumGothic,"나눔명조",NanumMyeongjo,"돋움",dotum,AppleGothic,sans-serif; color:#555;}
span								{ margin : 0; padding : 0; border : 0; ffont-size:11pt; font-family :"나눔고딕",NanumGothic,"나눔명조",NanumMyeongjo,"돋움",dotum,AppleGothic,sans-serif; color:#666;}
form								{ margin : 0; padding : 0; border : 0; font-size:11pt;}
ul									{ list-style : none; margin : 0; padding : 0; font-size:11pt; }
li									{ list-style : none; margin : 0; padding : 0; font-size:11pt; }
ol									{ list-style : none; margin : 0; padding : 0; font-size:11pt; }
dl									{ list-style : none; margin : 0; padding : 0; font-size:11pt; }
dt									{ list-style : none; margin : 0; padding : 0; font-size:11pt;}
dd								{ list-style : none; margin : 0; padding : 0; font-size:11pt; }
p									{ list-style : none; margin : 0; padding : 0; font-size:11pt;}
em								{ list-style : none; margin : 0; padding : 0;  font-size : 12px; font-style: normal; font-weight:bold;}
button							{ border:0; padding:0; background:transparent; cursor:pointer; overflow:visible; }
select,option				{ font-size: 13px;}
a:link							{ text-decoration: none; color: #666;}
a:visited						{ text-decoration: none; color: #666;}
a:active						{ text-decoration: none; color: #666;}
a:hover						{ text-decoration: none; color: #81C0D1;}


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									{ overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
h1								{ overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
h2								{ 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;}
caption							{ 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;}
dl,dt, dd, ul ,li,h3,h4,h5{ margin:0; padding:0;}

.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;margin-top:10px;}


#Suballbg	#Mainheader										{ margin:0 auto; width:650px; height:80px; text-align:center; border-bottom: 5px solid #000; }
#Suballbg	#Mainheader	#headerbox	.logo { float: left; margin: 20px 0 0 0; }

#Suballbg	#Mainheader	#headerbox	#Copyright										{ float:right; margin-top:23px; text-align:left; }
#Suballbg	#Mainheader	#headerbox	#Copyright  p { font-size: 8pt; line-height: 140%; }

#MainContents																							{ position:relative; float:left; width:100%; margin:0 auto; background-color:#fff; }



#MainContents	#Contents																						{ position:relative; width:650px; margin:0 auto; text-align:center; text-align:left; margin-top: 40px; }

#MainContents	#Contents	#titleroad																		{ position:relative; float:left; width:100%; padding-bottom:40px; z-index:300;}
#MainContents	#Contents	#titleroad	 .Subtitle														{ position:relative; float:left; text-align:center; width:100%; z-index:301;}
#MainContents	#Contents	#titleroad	 .Subtitle	h4												{ position:relative; text-align:center; font-size:28pt; color:#2a2a2a; letter-spacing: 20px; font-family :"나눔명조",NanumMyeongjo; font-weight:bold; letter-spacing:-1px;}

#MainContents	#Contents	#Start																				{ position:relative; float:left; width:100%;  margin:0; line-height:180%; text-align:justify; z-index:299;}



#Footer															{ position:relative; float:left; margin-top: 20px; width:100%; text-align:left; border-top:1px solid #d8d3d0; }
#Footer div { padding:10px; font-size: 13px; }






#C0000	#C3210												{ position: relative; float:left; width:100%;}
#C0000	#C3210	li											{ position: relative; float:left; width:100%; padding-bottom:10px;}
#C0000	#C3210	li	dl										{ position: relative; float:left; width:100%;}
#C0000	#C3210	li	dl	dt									{ font-size:14pt; font-weight:bold; color:#212121; letter-spacing:-1px; padding-bottom:20px;}
#C0000	#C3210	li	dl	dt span { float: right; margin-top: 8px; padding: 2px 9px 2px 7px; font-weight: normal; font-size: 15px; color: #ffffff; word-spacing: 3px; border: 1px solid #2e93b8; border-radius: 3px; background-color: #76c0dc; }
#C0000	#C3210	li	dl	dt a:link { font-size: 13px; color: #ffffff; }
#C0000	#C3210	li	dl	dt a:visited { font-size: 13px; color: #ffffff; }
#C0000	#C3210	li	dl	dt a:active { font-size: 13px; color: #ffffff; }
#C0000	#C3210	li	dl	dt a:hover { font-size: 13px; color: #000000; }
#C0000	#C3210	li	dl	dt .back { float: right; margin-top: 8px; margin-right: 5px; padding: 2px 9px 2px 7px; font-weight: normal; font-size: 15px; color: #ffffff; word-spacing: 3px; border: 1px solid #2e93b8; border-radius: 3px; background-color: #92becf; }
#C0000	#C3210	li	dl	dd								{ }
#C0000	#C3210	li	dl	dd	strong					{ color:#444;}
#C0000	#C3210	li	dl	dd	strong	a:link		{ text-decoration: none; color:#6AAC12;}
#C0000	#C3210	li	dl	dd	strong	a:visited	{ text-decoration: none; color:#6AAC12;}
#C0000	#C3210	li	dl	dd	strong	a:active	{ text-decoration: none; color:#6AAC12;}
#C0000	#C3210	li	dl	dd	strong	a:hover	{ text-decoration: none; color:#81C0D1;}
#C0000	#C3210	.textbox								{ position: relative; float:right; width:100%; padding-bottom:60px;}
#C0000	#C3210	.textbox	p							{ position: relative; float:left; width:290px;}
#C0000	#C3210	.textbox	dl							{ position: relative; float:right; width:650px;}
#C0000	#C3210	.textbox	dl	dt						{ font-size:14pt; font-weight:bold; color:#212121; letter-spacing:-1px; padding-bottom:12px;}
#C0000	#C3210	.btn										{ position: relative; width:192px; height:36px; text-align:center; background:url(../img/contents/C3210_btn.gif) left top no-repeat; font-size:9pt; font-weight:bold; line-height:33px; margin-top:15px; padding-left:6px;}
#C0000	#C3210	.btn	a:link							{ text-decoration: none; color:#3461b0;}
#C0000	#C3210	.btn	a:visited						{ text-decoration: none; color:#3461b0;}
#C0000	#C3210	.btn	a:active						{ text-decoration: none; color:#3461b0;}
#C0000	#C3210	.btn	a:hover						{ text-decoration: none; color:#f48a00;}
#C0000	#C3210 td ul { width: 43px; margin: 0 auto; padding: 0; }
#C0000	#C3210 td ul li { float: left; width: 50%; margin: 0 auto; padding: 0; }
#C0000	#C3210	.won { height: 20px; text-align: right; border: 1px solid #c9c9c9; color: #555555; }
#C0000	#C3210	.btnQ { width: 11px; margin: 0 0 0 5px; }
#C0000	#C3210	.btnQ img { margin-bottom: 2px; }
#C0000	#C3210	.total { background-color: #feffec; font-weight: 600; font-size: 15px; }


.tbstyle												{ position: relative; float:left; width:100%;}
.tbstyle	 caption								{ text-align:left; padding-bottom:13px;}
.tbstyle th										{ border-bottom:1px solid #d8d3d0; border-left:1px solid #d8d3d0; text-align:center; color:#444; padding:5px 0; border-top:2px solid #231F20; background-color:#f8f8fc;}
.tbstyle td										{ border-bottom:1px solid #d8d3d0; border-left:1px solid #d8d3d0; text-align:center; padding:15px; line-height:160%; font-size:10pt;}
.tbstyle	 .last										{ border-right:1px solid #d9d9d9;}
.tbstyle	 .left	 									{ text-align:left;}
.tbstyle	 .thtxt				 					{  text-align:center; color:#444; padding:5px 0; background-color:#f8f8fc; font-weight:bold;}

.tbstyleB									{ position: relative; float:left; width:100%;}
.tbstyleB caption					{ text-align:left; padding-bottom:13px;}
.tbstyleB th							{ border-bottom:1px solid #d8d3d0; text-align:center; color:#444; padding:5px 0; border-top:2px solid #231F20; background-color:#feffec; }
.tbstyleB .t2							{ border-bottom:1px solid #d8d3d0; text-align:center; color:#444; padding:5px 0; border-top:0; }
.tbstyleB .t3							{ border-bottom:1px solid #d8d3d0; text-align:left; color:#444; padding:5px 0 0 15px; border-top:2px solid #231F20; font-weight: normal; background-color:#ffffff; }
.tbstyleB .t4							{ border-bottom:1px solid #d8d3d0; text-align:left; color:#444; padding:5px 0 0 15px; border-top:0; font-weight: normal; background-color:#ffffff; }

/* 스마트폰 가로 세로 글씨(폰트) 크기 바뀌지 않게 */
* { -webkit-text-size-adjust: none; }
