.wrap {position: relative;width:100%;min-width:960px;background:#fff;padding:0px 0 0px}
.wrap2 {position: relative;width:100%;min-width:960px;margin:0 auto}


/*==== layout ====*/
.cont-area {width:960px;margin:0 auto;position:relative;padding:50px 0px;margin-bottom:40px}
.cont-wrap {}
.cont-area:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }





h3.contit {font-size:16px;line-height:22px;font-weight:bold;color:#222;padding-left:20px;margin-bottom:8px;background:url(../images/icon/bl-r-green.png) 0 4px no-repeat !important}

.txt-box {padding:14px 20px;border:1px dotted #ccc;background:#f0f0f0}
.pic-box {padding:50px;border:1px solid #ccc;}
.select-01 {padding:2px 2px;margin:2px;font-size:13px;}


.timetable .cont {font-size:13px;font-weight:bold;text-align:left !important}
.timetable .cont2 {font-size:13px;font-weight:normal;text-align:left !important}
.timetable .cont3 {font-size:13px;font-weight:normal;}
.timetable .date {font-size:12px;}
.timetable a {color:#222}
.timetable a:hover {color:#215d62;text-decoration:underline}


.training-01 {padding:3px 5px;background:#298DC7;color:#fff;font-weight:bold;font-size:13px;margin:0 4px}
.training-02 {padding:3px 5px;background:#7653E8;color:#fff;font-weight:bold;font-size:13px;margin:0 4px}
.training-03 {padding:3px 5px;background:#84A822;color:#fff;font-weight:bold;font-size:13px;margin:0 4px}

.con-mtit-01 {font-size:26px;font-weight:bold;color:#2f6067;margin-bottom:20px;letter-spacing:-1px;}
.con-mtit-02 {font-size:16px;font-weight:bold;color:#F98437;margin-bottom:40px}

img.left-img {float:left;padding:5px 20px 7px 0;}
img.right-img {float:right;padding:0px 0px 0px 10px;}

.dot-box {background:#f9f9f9;border:1px dotted #ccc;padding:15px 20px;font-size:14px;}
.help-box {background:#f8f8f8;border:1px dotted #ccc;padding:15px 20px;color:#333}


/*FAQ*/
.faq{border-bottom:1px solid #ddd;}
.faq ul{margin:0;padding:0;list-style:none}
.faq .q{margin:0;border-top:1px solid #ddd}
.faq .q a.trigger{display:block;padding:20px 15px;background:#f4f4f4;font-weight:700;color:#444;text-align:left;text-decoration:none !important}
.faq .hide .q a.trigger{font-weight:normal;background:none !important}
.faq .q a.trigger:hover,
.faq .q a.trigger:active,
.faq .q a.trigger:focus{background:#f4f4f4;}
.faq .q {font-weight:700}
.faq .a{margin:0;padding:18px 15px;line-height:1.5}
.faq .a{overflow:hidden;}
.faq .q em {font-weight:700;color:#F98437;margin-right:4px;}
.faq .a em {font-weight:700;color:#F98437;margin-right:4px;}


.tit-copy {font-family: Georgia,Times,serif;font-size:22px;color:#888;line-height:24px;font-weight:600}



/* 메인팝업 */
body.popbody { border:0 !important;padding:0 !important; margin:0 !important; }
.popwrap { margin:10px; }
#popwrap {padding:0;margin:0;}

.popupwrap { background-color:#fff;  }
.popcontentwrap {margin:0 0px 0px 0px; color:#333;}
.popcontent {  background-color:#fff; padding:15px 20px; }
.pop-title {background:#f9f9f9;border-top:1px dotted #ddd;border-bottom:1px solid #eee;line-height:1.7em;padding:10px 10px 7px 10px;}

#pop_footer { background-color:#3a3a3a; height:15px; padding:5px 0 5px 0; color:#425131; margin-top:00px; }

#pop_footer .checkbox {border:none;}

#pop_footer .today {float:left; padding:0 0 0 10px; color: #fff;font-size:11px}
#pop_footer .close {float:right; padding:0px 10px 0 0; color: #fff;font-size:11px}
#pop_footer .close a {text-decoration:none; color:#fff;}
#pop_footer .close a:hover {text-decoration:underline; color:#fff;}

#pop_footer ul { padding:0px; margin:0px; list-style:none;}
#pop_footer ul li { float:left; }
#pop_footer ul li.todaytxt { padding-left:5px; padding-top:0px; }







/************************* footer ***********************/
.footer a{color:#333;}
.footer a:hover{color:#e55b00;text-decoration:underline}
span.part {font-size:11px;padding:0 12px;color:#d4d4d4;font-family:tahoma;}
.footer {min-width:960px;padding:30px 0 30px 0px;font-size:12px; color:#555;line-height:16px;border-top:1px solid #eee;background:#f0f0f0}
.footer .eng {margin-top:4px;font-size:12px;font-family:tahoma}

.toTop {
  border:0px solid #ccc;
  background:#333;
  text-align:center;
  padding:5px 10px;
  position:fixed; /* this is the magic */
  bottom:10px; /* together with this to put the div at the bottom*/
  right:10px;
  cursor:pointer;
  display:none;
  color:#fff;
  font-family:tahoma;
  font-size:11px;}



/*************************기본***********************/
.cont-area h2 {font-size:20px;line-height:26px;color:#333;width:100%;margin: 0;padding: 0;margin-bottom:10px;font-family:"malgun gothic"}
.cont-area h3 {margin-bottom: 6px; font-weight: bold; font-size: 16px; line-height: 20px; color: #333; padding-left: 12px; background: url(../images/icon/icon-hbar-gray.gif) 2px 4px no-repeat !important;}

.fc-orange {color:#ff6500 !important}
/*
.cont-area h2:before{
    display: inline-block;
    margin: 0 20px 8px 0;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #bbb;
    width: 200px;
}
.cont-area h2:after{
    display: inline-block;
    margin: 0 0 8px 20px;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #bbb;
    width: 200px;
}
*/


/*************************컨텐츠***********************/

/*인사말*/
.insa-box {
width:860px;height:300px;
background-image:url(../images/contents/bg-insa.jpg) ;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
display:table-cell;
vertical-align:middle;
text-align:center;
color:#fff;font-size:26px;line-height:36px;font-weight:bold;text-shadow: 2px 2px 4px #000000;font-famliy:malgun gothic;
}
.insa {position:relative;margin-top:30px}
.insa div {display:table-cell;vertical-align:top;text-align: justify;line-height:26px;}
.insa div.left {width:400px}
.insa div.right {width:400px;padding-left:60px}


/* 교수목록*/
.prof-list {position:relative;width:860px;}
.prof-list li{width:400px;float:left;margin-bottom:40px;}
.prof-list li:nth-child(even) {}
.prof-list li:nth-child(odd) {margin-right:60px;}
.prof-list:after{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.prof-list li div{display:table-cell;vertical-align:top;}

.prof-list li div.photo img{width:120px;height:140px;border:1px solid #eee}
.prof-list li div.info{width:238px;padding-left:40px;}
.prof-list li div.info .name {font-size:20px;font-weight:bold;color:#222;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:30px;}
.prof-list li div.info .name span {font-size:14px;font-weight:normal;color:#555}
.prof-list li div.info .lab {}
.prof-list li div.info .name {}
.prof-list li div.info .mail {}





.comingsoon {background:#fff;width:100%;font-size:20px;padding:160px 0;text-align:center;color:#222;font-weight:bold;border:1px dotted #fff}
.comingsoon i{color:#ffb88a;font-size:140px;}


/*1219*/
.img-box {border:2px dashed #bbb;text-align:center;padding:30px 0;background:#f9f9f9}

/******************************************************************************************************************************************
  참여인력스타일 CSS (공통사항버튼 스타일 설정) - 2013.12.04 이화주
*******************************************************************************************************************************************/

.picListBox {position:relative; width:1000px; color:#434343; display:inline-block; zoom:1; *display:inline;}
.picList {float:left; width:240px; padding:15px 10px; height:380px; border:1px solid #eee; margin:10px 30px;}
.picList p img { width:180px; height:217px; }
.picList p {color:#000; font-size:17px; font-weight:bold; letter-spacing:-0.1em; text-align:center;}
.picList p span {font-size:13px; color:#414141;}
.picListPic {width:300px; float:left; padding:15px 15px; border:1px solid #eee; margin-right:30px;}
.picListPic span {font-size:13px; color:#414141;}
.picListView {width:630px; float:left;}


/* ul 작은도트 */
ul.s_dot01 {border-left:2px solid #bbb;
  padding:0px;
  background:none;
  margin:0 0 13px 10px
  }

ul.s_dot01 li {
  padding:0 6px 0 10px;
  font-weight:normal;
  color:#777d87;
  font-size:13px;
  line-height:1.6em;
  }



/*폼스타일*/
.form-style-1 input[type=text],
.form-style-1 input[type=file],
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
.form-style-1 input[type=password],
textarea,
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding:7px;font-size:13px;line-height:20px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}

.form-style-1 input[type=text]:focus,
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 input[type=password]:focus,
.form-style-1 textarea:focus,
.form-style-1 select:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
    width: 49%;
}

.form-style-1 .field-long{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}
.form-style-1 .field-textarea{
    height: 150px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
    background: #4691A4;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

.form-style-1 dl {list-style:none}
.form-style-1 dt {width:100%;margin-bottom:4px}
.form-style-1 dd {width:100%;margin-bottom:10px}

.required {font-weight:bold;color:#cc0000;}


.padd20 {padding:20px !important}



/************************* top ***********************/
.top-wrap {width:100%;background:#535353;min-width:960px;}

.gnb-bar-wrap {width:960px;position: relative;margin:0 auto;}
.gnb-bar-wrap:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}


.gnb-bar {width:100%;}
.gnb-bar > li {float:left;text-align:center;width:159px;border-right:1px solid #666;font-family:malgun gothic;letter-spacing:-0.5px}
.gnb-bar > li:first-child {border-left:1px solid #666;width:158px;}
.gnb-bar > li > a:last-child {padding-right:0 !important;}
.gnb-bar > li > a {font-weight:bold;font-size:15px;color:#bbb;display:block;padding:16px 0px;line-height:18px}
.gnb-bar > li > a:hover {color:#F98437;}
.gnb-bar .stit {font-size:12px;font-weight:normal;}
.gnb-sub-wrap {
width:100%;height:180px;background:#535353;border-top:1px solid #666;border-bottom:1px solid #535353;display:none;
position:absolute;top:148px;z-index:1000;min-width:960px;
}

.gnb-sub-box {width:960px;height:180px;margin:0 auto;position: relative;}
.gnb-sub-wrap .mu-txt > li:first-child {border-left:1px solid #5e5e5e;width:158px;}
.gnb-sub-wrap .mu-txt > li {float:left;width:159px;height:170px;border-right:1px solid #5e5e5e;padding:10px 0px 0px 0px;line-height:18px;text-align:center}
.gnb-sub-wrap .mu-txt > li a {font-weight:bold;font-size:13px;color:#fff;display:block;padding:3px 0 5px 0px; height:20px; width:158px;overflow:hidden;position:relative;}
.gnb-sub-wrap .mu-txt > li a:hover {color:#ff8a00;text-decoration:none}

.gnb-sub-wrap .mu-txt > li a span {display:block; width:100%; height:26px; line-height:26px; text-align:center;}
.gnb-sub-wrap .mu-txt > li a span.gnbsubbox {display:block;position:absolute;top:0;}


/************************* SV ***********************/
.sv-box{position:relative;padding:54px 0 44px;}
.sv-box:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#F98437;opacity:0.8;}
.sv-box-title{position:relative;color:#fff;margin-bottom:6px;font-size:20px;font-weight:bold}
.background-block{-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;background-position:center center;}
.sv-box-path{position:relative;list-style:none;font-size:0;}
.sv-box-path li{display:inline-block;position:relative;margin-right:16px;font-size:14px;line-height:18px;font-weight:400;color:#fff;}
.sv-box-path li:after{content:'/';display:block;position:absolute;top:1px;right:-13px;}
.sv-box-path li:last-child{margin-right:0;}
.sv-box-path li:last-child:after{display:none;}
.sv-box-path a{color:#fff;}
.sv-box-path a:hover{color:#30373b;}


.sv-bg-01 {background-image:url(../images/layout/sv-01.jpg);}
.sv-bg-02 {background-image:url(../images/layout/sv-02.jpg);}
.sv-bg-03 {background-image:url(../images/layout/sv-03.jpg);}
.sv-bg-04 {background-image:url(../images/layout/sv-04.jpg);}
.sv-bg-06 {background-image:url(../images/layout/sv-05.jpg);}

.toplogo-wrap {text-align:center;background:#444;width:100%;height:60px;padding:10px 0}
.toplogo {width:960px;margin:0 auto;position:relative;}
.toplogo a {color:#42bfff}
.toplogo a:hover {color:#fff}
.toplogo .quickmu {position:absolute;right:0;top:20px;color:#fff;font-size:11px}
.toplogo .quickmu span{font-size:1px;line-height:18px;padding:0px 14px;color: #888;font-family: tahoma;}


/*회원관련*/
/* login */
.mem-box{ border:#dbdbdb 1px solid; border-top:#777 2px solid;}
.mem-box.logo-bg {background:url(../images/contents/bg-logo.png) no-repeat right bottom}
.login-form{ position:relative;}
.login-form .login-cnt{ padding:20px 0 20px 20px;}
.login-form .login-cnt h3{ margin:0 0 10px 0; padding:0; color:#333; font-size:20px; line-height:1em;}
.login-form .login-cnt p{ font-size:13px;}
.login-form input {
height: 41px;padding: 0 5px;margin: 0;
vertical-align: middle;background: #fff;border-width: 1px;border-style: solid;border-color: #a9a9a9 #dbdbdb #dbdbdb #a9a9a9;
font-size:18px;font-weight:bold;color:#0b3689;}


.login-form .login-info{ background:#fafafa; border-top:#dbdbdb 1px solid; padding:20px 40px; overflow:hidden;}
.login-form .login-info li {margin-bottom:5px}
.login-form .login-info li a{color:#333;font-weight:bold}
.login-form .login-info li a:hover{color:#0b3689;text-decoration:underline}

.login-info2{background:#fafafa; border:#dbdbdb 1px solid;border-top:none; padding:20px 40px; overflow:hidden;}
.login-info2 li {margin-bottom:5px}
.login-info2 li a{color:#333;font-weight:bold}
.login-info2 li a:hover{color:#0b3689;text-decoration:underline}



.scroll-box{padding:10px; border:#ddd 1px solid; overflow-y:auto;}
.scroll-box div{ line-height:1.8em;}
.scroll-box strong{ font-weight:600;}


/*sign up*/
.m-step {width:100%;color:#000}
.m-step li{float:left;font-size:16px;font-weight:bold}
.m-step .kwrap{padding:20px}
.m-step .ktxt1{font-size:12px;}
.m-step .ktxt2{font-size:16px;}
.st-01 {width:34%;background:#eee;}
.st-02 {width:33%;background:#ddd}
.st-03 {width:33%;background:#ccc}

.st-01.on,.st-02.on,.st-03.on {background:#555 !important;color:#fff !important}
.fc-sparc {color:#0b4999 !important}
.naea-logobg {background-image:url(../images/contents/bg-logo.png);background-repeat:no-repeat;background-position:right bottom}
.sparc-bg {background-image:url(../images/contents/sparc-bg.png);background-repeat:no-repeat;background-position:right bottom}

.rule-box { border:1px solid #ddd; padding:10px; height:150px; overflow:auto; }

/* etc */
.fb-box {background:#222;color:#fff;padding:2px 5px;margin-right:5px;font-size:11px;font-weight:bold}
.fb-box-fix {background:#222;color:#fff;padding:0px 5px;margin-right:5px;font-size:11px;font-weight:bold;min-width:50px;display:inline-block;line-height:17px;}

.list-info {line-height:22px;font-size:12px;}
.con-open, a.con-open:visited {padding:2px 6px;background:#5977af;color:#fff;font-weight:bold;font-size:12px;margin-left:5px;}
a.con-open:hover {color:#fff;background:#222;}

.reqitem { color:#b20000;margin-top:5px;font-size:12px;line-height:16px; letter-spacing:-1px;font-weight:bold}
.reqitem:before {content: "* ";}

.totalcnt, .totalscore {font-weight:bold;font-size:15px;color:#000}

.data-none {background:#fcfcfc;text-align:center;padding:200px 0;font-size:20px;color:#0b4999;border:1px dotted #ddd}
.mg10{margin:10px;}



.signup h4 { font-size:17px; position:relative; padding-left:15px; }
.signup h4:before { background-color:#444; position:absolute;left:0; top:5px; width:5px; height:15px; content:'';}


/* document viewer */
.bookwrap { margin-top:20px; width:956px; height:676px; text-align:center; border:2px solid #999; position:relative;}
.bookwrap a.page img { margin-left: 0px; }
.bookwrap .center { background:url('../images/viwer/ef_book.png') left top repeat-y; width:90px; height:676px; position:absolute; top:0; left:435px;z-index:50}
.bookwrap .largewrap { display:none; position:absolute; top:0px; left:0px; width:956px; height:676px;overflow:auto; z-index:100;}
.bookwrap .large {width:956px; height:676px;overflow:auto; z-index:100;}

.bookwrap a.next { text-indent:-5000px; position:absolute; right:5px; bottom:5px; display:block; width:30px; height:30px; background:url('../images/viwer/right.png') left top no-repeat; }
.bookwrap a.prev { text-indent:-5000px; position:absolute; left:5px; bottom:5px; display:block; width:30px; height:30px; background:url('../images/viwer/left.png') left top no-repeat; }