@charset "utf-8";

@font-face{font-family:ng; src:url(NanumGothic.eot); src:local(※),url(NanumGothic.woff) format('woff')}

@font-face {
/* 
    font-family:'NanumGothic'; 
    src: url('../Images/com/NanumGothic.eot'); 
    src: url('../Images/com/NanumGothic.eot?#iefix') format('embedded-opentype'),          url('../Images/com/NanumGothic.woff') format('woff'),          url('../Images/com/NanumGothic.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal; 

	font-family:'NanumGothicBold'; 
    src: url('../Images/com/NanumGothicBold.eot'); 
    src: url('../Images/com/NanumGothicBold.eot?#iefix') format('embedded-opentype'),          url('../Images/com/NanumGothicBold.woff') format('woff'),          url('../Images/com/NanumGothicBold.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal; 
*/
	font-family:'Daum_Regular'; 
    src: url('../Images/com/Daum_Regular.eot'); 
    src: url('../Images/com/Daum_Regular.eot?#iefix') format('embedded-opentype'),          url('../Images/com/Daum_Regular.woff') format('woff'),          url('../Images/com/Daum_Regular.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal; 



/*
    font-family:'NanumGothic'; 
    src: url('http://www.wenetcom.co.kr/Fonts/NanumGothic.eot'); 
    src: url('http://www.wenetcom.co.kr/Fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),          url('http://www.wenetcom.co.kr/Fonts/NanumGothic.woff') format('woff'),          url('http://www.wenetcom.co.kr/Fonts/NanumGothic.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal; 

	font-family:'NanumGothicBold'; 
    src: url('http://www.wenetcom.co.kr/Fonts/NanumGothicBold.eot'); 
    src: url('http://www.wenetcom.co.kr/Fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),          url('http://www.wenetcom.co.kr/Fonts/NanumGothicBold.woff') format('woff'),          url('http://www.wenetcom.co.kr/Fonts/NanumGothicBold.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal; 

	font-family:'Daum_Regular'; 
    src: url('http://www.wenetcom.co.kr/Fonts/Daum_Regular.eot'); 
    src: url('http://www.wenetcom.co.kr/Fonts/Daum_Regular.eot?#iefix') format('embedded-opentype'),          url('http://www.wenetcom.co.kr/Fonts/Daum_Regular.woff') format('woff'),          url('http://www.wenetcom.co.kr/Fonts/Daum_Regular.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal; 
*/


}

/*@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb);  */

body,html,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,textarea,
p,blockquote,
table,caption,th,td,
input,label,select,textarea,button{margin:0;padding:0;  vertical-align:middle; font-family: Tahoma, SimHei, Simsun, 宋体, Verdana, Arial Unicode MS, sans-serif;
 /*font-family:Tahoma,	verdana, Arial, Helvetica, sans-serif;*/ /*宋体 */ /*font-family:" 宋体 ,Arial Unicode MS", ,"Verdana","SimSun", "Tahoma", "seoul", "arial", "helvetica","sans-serif";*/  }

input,label,select,textarea,button {font-size:12px;}

hr { clear: both; display: none; }

body { width:100%; height:100%; color:#424242; font-size:12px; line-height:16px;}
fieldset {border:0;padding:0;margin:0}

table, th, td { border-collapse:collapse;}   /*  결합보더모델을 사용 표전체의 보더와 각셀의 보다가 결합, 셀사의의 그리드 선을 중앙축으로 하여 표시   */
/*table, th, td { border-collapse:separate;}  /*  분리보더모델사용 표전체의 보더와 각셀의 보더가 분리 */  

img {border:0px; vertical-align:middle;}
ul, ol { list-style:none;}
li img{	vertical-align:middle; padding:0; margin:0;}
#skipnavi, legend, .hide{ visibility:hidden; position:absolute; width:0; height:0; font-size:0; overflow:hidden; text-indent:-9999px; line-height:0px;}

form {margin:0; padding:0;  vertical-align:middle;}

a:link     {color: #535353;text-decoration: none;}
a:visited  {color: #535353;text-decoration: none;}
a:hover    {color: #b1063a;text-decoration: none;}
a:focus   {color: #535353;text-decoration: none;}
a:active   {color: #535353;text-decoration: none;}


.png24 {tmp:expression(setPng24(this));}

.fileup01 {padding:3px; 2px; 1px; 2px;}


/* --------------------------------------
전체적으로 공통된 레이아웃 스타일입니다.
-------------------------------------- */
* html{
 overflow-x:hidden;
 overflow-y:scroll;
}


/* 스크롤 항상 생기게(화면움직임) */

html{overflow:scroll; overflow-x:auto;}

/* 스크롤 항상 생기게(화면움직임) */




/* skip navigation */
a.skipNavi { position:absolute; display:block; width:980px; padding:5px 0; text-align:center; font-size:15px; color:#fff; font-weight:bold; top:-1000px; z-index:10; }
a.skipNavi:hover,
a.skipNavi:focus,
a.skipNavi:active { position:absolute; top:0; background:#63C5BD; font-weight:bold; color:#fff }
/* //skip navigation */


caption, .blind, legend, .location dt {
	position:absolute;
	visibility:hidden; /* 첨엔 이거 없었는데 익스에서 캡션부분이 작게 보여서 추가해줌 */
	overflow:hidden;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	left:-1000px;
}



/* 히든텍스트 */
.hidden_text {position:absolute;width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;overflow:hidden;}
.hidden_text h3 {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text dt {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text dd {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text table {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text thead th {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text tbody th {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text tbody td {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}




#headerWrap{text-align:center; background:url(../images/com/t_bg.gif) repeat-x 0 0; }


#containerWrap{background:url(../images/com/sub_middle_bg.gif) no-repeat top center #fcfcfc; }

/*#containerWrap{text-align:center; background:url(../images/com/sub_middle_bg.gif) no-repeat top center #fcfcfc; }*/



/*Footer시작*/
.clear { display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }




/*공통으로 사용되는 스타일*/

.pd00{padding:0px;}
.pd05 {padding:5px;}
.pd10 {padding:10px;}
.pd15{padding:15px;} 


.pdlr15{padding:0 15px 0 15px;}


.pdlr03{padding:0 3px 0 3px;} 


.pdtb03{padding:3px 0 3px 0;}
.pdtb03{padding:5px 0 5px 0;}
.pdtb06{padding:6px 0 6px 0;}
.pdtb10{padding:10px 0 10px 0;}
.pdtb15{padding:15px 0 15px 0;}
.pdtb20{padding:20px 0 20px 0;}

.pdtl20{padding:20px 0 0 40px;}
.pdtl08{padding:10px 0 0 8px;}


.pdt03{padding-top:3px;}
.pdt05{padding-top:5px;}
.pdt08{padding-top:8px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdt35{padding-top:35px;}
.pdt40{padding-top:40px;}
.pdt45{padding-top:45px;}
.pdt48{padding-top:48px;}
.pdt50{padding-top:50px;}
.pdt55{padding-top:55px;}
.pdt60{padding-top:60px;}
.pdt70{padding-top:70px;}
.pdt100{padding-top:100px;}



.pdl03{padding-left:03px;}
.pdl05{padding-left:05px;}
.pdl06{padding-left:06px;}
.pdl08{padding-left:08px;}
.pdl09{padding-left:09px;}
.pdl10{padding-left:10px;}
.pdl13{padding-left:13px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}
.pdl30{padding-left:30px;}
.pdl35{padding-left:35px;}
.pdl40{padding-left:40px;}
.pdl45{padding-left:45px;}
.pdl50{padding-left:50px;}


.pdl46{padding-left:46px;}

.pdr03{padding-right:3px;}

.pdr04{padding-right:4px;}
.pdr05{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr14{padding-right:14px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr25{padding-right:25px;}
.pdr30{padding-right:30px;}
.pdr35{padding-right:35px;}
.pdr40{padding-right:40px;}
.pdr45{padding-right:45px;}
.pdr50{padding-right:50px;}

.pdb02{padding-bottom:2px;}
.pdb05{padding-bottom:5px;}
.pdb10{padding-bottom:10px;}
.pdb13{padding-bottom:13px;}
.pdb15{padding-bottom:15px;}
.pdb18{padding-bottom:18px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdb35{padding-bottom:35px;}
.pdb40{padding-bottom:40px;}
.pdb45{padding-bottom:45px;}
.pdb50{padding-bottom:50px;}
.pdb60{padding-bottom:60px;}
.pdb70{padding-bottom:70px;}
.pdb100{padding-bottom:100px;}


.mgl_05 {margin-left:-5px;}
.mgl06 {margin-left:6px;}



.text_line18 {line-height:18px}
.bold{font-weight:bold;}
.pb{padding-top:10px; padding-bottom:10px;}
.line{background-color:#cccccc; height:1px; background:url(../images/spacer.gif) repeat-x;}
.line2{background-color:#cccccc; height:2px;}
.table_line1{background-color:#7d8ece; height:1px;}
.table_line2{background-color:#7d8ece; height:3px;}
.left{float:left;}
.right{float:right;}



.title{margin:10px 0px 10px 0px;}
.w40{width:40px; float:left;}
.w50{width:50px; float:left;}
.w70{width:70px; float:left;}
.w100{width:100px; float:left;}
.close{position:relative; float:left; margin-left:280px; top:-50px}
.close2{position:relative; float:left; margin-left:300px; }
.close3{position:relative; float:left; margin-left:540px; }
.close4{position:relative; float:left; margin-left:265px;}
.close5{position:relative; float:left; margin-left:265px; padding-top:30px;}


.red {color:#c40000; font-weight:bold;}
.orange {color:#ff8400; font-weight:bold;}
.blue {color:#0793b6; font-weight:bold;}
.text_c_01{color:#7779b2; font-weight:bold;}
.text_c_02 {color:#b1063a; font-weight:bold; }


.right01{float:right:; text-align:right;} 


.wright { text-align:right; vertical-align:right; float:right:}
.wcenter {text-align:center; vertical-align:middle;}



.inputbox1       { IME-MODE: disabled; }
.inputbox2       { IME-MODE: disabled; text-align:right; }
.inputbox3       { border:0px solid; height:12; BACKGROUND: #E7EEFD; }
.inputbox4       { IME-MODE: disabled; BACKGROUND: #E7EEFD; }
.radio           {  }
.radio_main      { BACKGROUND-COLOR:#FFF2E0; border: 0px; }
.button          { BACKGROUND-COLOR:#E0E0E0; border:1px solid; border-color:#666666; COLOR:#666666; height:21px; cursor:hand; }
.radio1          { BACKGROUND-COLOR:E9E2D8; border: 0px; }
.radio2          { BACKGROUND-COLOR:#f7f7f7; border: 0px; }


.bdln{border-left:none!important}
.bdrn{border-right:none!important}
.bdtn{border-top:none!important}
.bdbn{border-bottom:none!important}

.linehei22 { line-height:22px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}

.fbold {font-weight:bold;}