@charset "utf-8";

@import url("jesuson_font.css");

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
 {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
}


/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, form, fieldset, p, button {
    margin: 0px;
    padding: 0px;	
}
body, h1, h2, h3, h4, th, td, input {font-family: "돋움",dotum,sans-serif; font-size: 12px; font-weight: normal; line-height: 17px;
	color:#868686;
	letter-spacing:0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, form, fieldset, p, button {margin: 0px; padding: 0px;}
.wrap {position:relative; width:906px; margin:0 auto; height:89px;}
.head{width:100%; margin:0 auto;}
.qui {float:left; width:104px; z-index:10; position:absolute; top:112px; left:914px;}
.sk {float:left;} 
.sms {float:left; margin-top:7px;}
.cafe {float:left; margin-top:5px;}
.cafe2 {float:left; margin-top:5px;}
h1{position:absolute; float:left; top:9px; left:0; width:123px; height:36px;}
.gnb{position:relative; width:320px; height:18px; float:right; text-align:right;  top:0;}
.left{list-style:none outside none;}
.first { float:left; padding:0;}

.commonNav_0 {
    width:906px;
	float:left;
}
.commonNav {
    width:906px;
    height:37px;
	float:left;
    position:relative;
    top:32px;
	padding:0;
	margin:0;
}
.Nav li{list-style:none outside none; float:left;}
.subNav {background-image:url(../../images/renewal/sub_bg.jpg); background-repeat:no-repeat; position:absolute; margin-top:37px; width:906px; height:334px; z-index:100;}
.subNav ul {float:left; width:125px; list-style:none; margin:20px 0 0 50px;}
.subNav li {margin-top:11px;  font-family:Nanum Gothic Coding, monospace; font-size:12px; color:#999; font-weight:bold; letter-spacing:-1px;}
.sN2 li {margin-top:5px;  font-family:Nanum Gothic Coding, monospace; font-size:12px; color:#999; font-weight:bold; letter-spacing:-1px;}


#visual {width:906px; height:280px; margin:0 auto; position:relative; margin-top:23px;}
.vis_num { width:70px; height:19px; position:relative; float:right; z-index:200px; margin:0 auto; top:-30px; right:25px; }
.vis_num ul { list-style:none;}
.vis_num li { float:left; margin-right:5px;}

.contents { width:906px; margin:24px auto 0;}
.contents 2013 { float:left; width:670px; height:169px;  margin-left:10px; background-image:url(../../images/renewal/2013.jpg);}
.view { display:block; float:left; text-align:right; margin-top:8px; margin-left:260px;}
.titBox {width:290px; height:82px; float:right; margin-top:32px;}
.arB {display:block; float:left; padding:0; vertical-align:middle; margin-top:30px;}
.titConBox {float:left; width:261px;}
.numBox {background-color:#e42141; width:13px; height:13px; float:left; margin-left:3px; font-family:dotum; font-size:11px; color:#FFFFFF; font-weight:bold; text-align:center;}
.numOff { background-image:url(../../images/renewal/no_off.jpg); width:13px; height:13px; display:block; float:left; margin-left:3px; font-family:dotum; font-size:11px; color:#666; font-weight:bold; text-align:center;}
.NN {width:130px; height:13px; float:right; margin-left:10px;}
.login{float:left; width:224px; height:169px; background-image:url(../../images/renewal/login_bg.jpg);}
.idBox {width:124px; height:47px; margin-top:50px; margin-left:14px;}
.idBox ul {list-style:none; top:-100px;}
.inpLg { border:1px solid #ccc; height:18px; width:120px; font-size:11px;}
.inpPs { border:1px solid #ccc; height:18px; width:120px; margin-top:3px; font-size:11px;}
.redBox {width:66px; float:right; margin-right:17px; margin-top:-45px;}
.idCH {display:block; margin:10px 0 0 10px;float:left; font-size:11px;}
.psCH {display:block; margin:10px 0 0 17px;float:left; font-size:11px; width:110px;}
.outBox {width:150px; height:47px; margin-top:70px; margin-left:14px;}
.outBox ul {width:166px; height:47px; margin-top:0px; margin-left:19px;}
.BtLog { display:block; float:left; width:165px; height:18px; margin-top:5px; margin-left:30px; }


.call { float:left; width:224px; height:382px; padding-top:10px;}
.not {width:255px; height:132px; z-index:10; position:relative; top:-150px; left:20px;}
.not li { padding-bottom:2px;}
.con1 {float:left; width:356px; height:202px; margin-top:10px; margin-left:10px;}
.con2 {float:left; width:304px; height:202px; margin-top:10px; margin-left:10px;}
.con3 {float:left; width:356px; height:170px; margin-top:10px; margin-left:10px;}
.con4 {float:left; width:304px; height:170px; margin-top:10px; margin-left:10px;}
.ChBox {WIDTH: 250px; BORDER-COLLAPSE: collapse; FONT-FAMILY: dotum; HEIGHT: 100%; FONT-SIZE: 10pt; margin-left:20px;}
.ChBox li { display:block; width:260px; padding-bottom:3px; height:13px; color:#666; letter-spacing:-1px; }
.ChBox ul {list-style:none;}
.TitCh {COLOR:#9e9385; font-weight:bold; float:left; width:170px;}
.roll {POSITION: relative; HEIGHT: 100px; OVERFLOW: hidden;}
.cc {display:block; float:left; width:140px;}
.dd {display:block; float:left; width:120px;}
.link { margin:20px 0 30px;}
.foot {width:906px; height:161px; margin:0 auto;}
.footWrap {width:100%; background-color:#494949; height:161px; margin:0 auto;}