@charset "utf-8";
* { margin:0; padding:0;}
body { font-family: "Malgun Gothic", "dotum"; font-size: 13px; line-height:20px; color:#333; overflow-y:scroll}
body, html { margin:0; padding:0;  width:100%; height:100%;  }
img { border:0; vertical-align:middle; }
textarea { font-family: "Malgun Gothic", "dotum"; font-size: 13px; color:#333;  resize:none; }
select, input { font-family: "Malgun Gothic", "dotum"; font-size: 13px; color:#333; }
ol, ul, li { list-style:none; }
.clear { clear:both; }
.left { float:left; }
.center { float:center; }
.right { float:right; }
.f_11 { font-size:11px; }
.f_20 { font-size:20px; }
a { color:#333; text-decoration:none; }
a:hover { text-decoration:none;}
a.tag { padding:0 7px 0 0; }
a.username { font-size:12px; color:#598527; text-decoration:none; }
a.username:hover { color:#598527; text-decoration:underline; }
.f_sub { font-size:11px; color:#777; }
.pressbtn { display:block; text-align:center; padding:40px 0 20px 0; }

.f_center { text-align:center; }
.f_right {text-align:right;}
.f_normal {font-weight:normal; }
.f_bold {font-weight:bold; }
.b_none { border:0; }




/*		btn		*/
.btn_01 { float:right; color:#fff; font-weight:bold; font-size:16px; border-radius:3px; background-color:#48518A; width:100px;  padding:10px 7px; text-align:center; }
.btn_02 { color:#fff; font-weight:bold; font-size:13px; border-radius:3px; background-color:#d9534F; min-width:50px;  padding:7px 4px; text-align:center; position:absolute; bottom:20px; right:20px; }



/*		add		*/
h1 { font-size:20px; }
h2 {height:38px; border-bottom:1px solid #d8d8d8; margin-bottom:23px; width:100% }
h3 { font-size:20px;  font-weight:bold; float:left; }

.f_red {color:#d9534F; }
.f_orange {color:#ffab35;}
.f_point {color:#d9534F; font-size:22px; font-weight:bold;  }
select { font-size:13px; padding:4px 7px; border-radius:3px; border:1px solid #d8d8d8;  }





/*top*/

#top { border-top:8px solid #48518A; background-color:#fff; height:48px; box-shadow: 0px 1px 1px 0.00px rgba(64, 65, 74, 0.16); width:100%; padding-top:17px; position:relative;  z-index:1; min-width:1200px; }
#top .t_wrap { width:1200px; margin:0 auto; }
#top .t_con { width:960px; margin:0 auto;  }
#top .t_con p label { font-size:11px; }


/*     header     */
header { background-color:#eef2f6; width:100%; height:47%; border-bottom:1px solid #e3e3e3; min-height:300px;  min-width:1200px; margin-top:-25px; }
header #wrap {background-image:url(../images/login_bg.jpg); background-repeat:no-repeat; background-position:top;  width:1200px; height:100%; margin:0 auto;  min-height:300px;  }
header #wrap .login {width:960px; height:422px; margin:0 auto; position:relative; bottom:-15.5%;  } 
header #wrap .login .window { width:363px; height:240px; background-color:#fff; opacity:.80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; box-shadow:1px 1px 3px 0 #aaa; margin-top:25px; }
header #wrap .login .con { width:313px; height:228px; padding-left:25px;  position:absolute; top:35px;  }
header #wrap .login .con .f_red a {color:#d9534F; text-decoration:underline;}
header #wrap .login .con .f_red a:hover {color:#d9534F; text-decoration:underline;}
header #wrap .login .con .member {width:302px; height:27px; padding:3px; border:1px solid #aaa; margin-top:7px; }
header #wrap .login .con .input {padding:40px 0 20px 0;}


/*		warning-상단경고창 (부정)		*/
#warning { background-color:#d9534F; color:#fff; height:28px; padding-top:3px; width:100%; min-width:1200px; display:none; }
#warning p { width:960px; margin:0 auto; }
#warning a { position:absolute; top:3px; right:7px;  }
#warning img {padding-right:3px; }


/*		warning-상단경고창 (긍정)		*/
#warning2 { background-color:#277f72; color:#fff; height:28px; padding-top:3px; width:100%; min-width:1200px; display:none;}
#warning2 p { width:960px; margin:0 auto; }
#warning2 a { position:absolute; top:3px; right:7px;  }
#warning2 img {padding-right:3px; }



/*		layout		*/
#all {  width:100%; height:100%;  min-height:620px; position:relative;  margin-bottom:-33px;   }
#container {width:1200px; height:31%;  margin:0 auto; z-index:20; position:relative; top:0px; display:table; margin-top:1%;  }
#container .c_wrap {width: 960px; display:table-cell; vertical-align:middle;  }
#container .c_wrap2 { width:960px;  margin:0 auto;  }
section {float:left; }
.con_fix { position:relative; height:100%;  }


/*		section-공지사항		*/
#notice { width:276px; height:145px; border:1px solid #e3e3e3; background-color:#f6f6f6; padding:20px 25px; margin-right:20px; }
#notice .page { float:right; font-size:11px; color:#777; padding:4px 0 14px 0; }
#notice .page a { color:#777}
#notice .page a:hover { color:#555; text-decoration:none; }
#notice .box { clear:both; background-color:#fff; border:1px solid #e3e3e3; width:255px; height:22px; padding:2px 9px; }
#notice .tit { background-image:url(../images/bul_01.gif); background-repeat:no-repeat; background-position:0 10px; padding-left:8px; float:left; font-weight:bold;  }
time { float:right; font-size:11px; color:#777; padding-top:1px; }
#notice .no_text { padding:6px 5px 0 5px; box-sizing: border-box;   } 


/*		section-고객센터		*/
#cs {width:276px; height:145px; border:1px solid #e3e3e3; background-color:#f6f6f6; padding:20px 25px; margin-right:20px; position: relative;}
#cs dl {clear:both; height:40px; }
#cs dt{ background-image:url(../images/bul_02.gif); background-repeat:no-repeat; background-position:0 10px; padding-left:8px; float:left; font-weight:bold; width:69px; height:30px;  }
#cs dd { float:left;  }


/*		section-고객센터_popup-질문하기		*/
.popup h2 { font-size:15px; height:32px; border-bottom:1px solid #d8d8d8; margin-bottom:15px; width:100%; }
.popup {width:367px; min-height:393px; background-color:#fff; position:fixed; bottom:50px; right:20px;  box-shadow:1px 1px 3px 0 #aaa; z-index:40;  }
.popup .top {height:6px; background-color:#48518A; }
.popup .con {padding:12px 18px; }
.popup .tit {height:38px; border-bottom:1px solid #d8d8d8; margin-bottom:23px; }
.popup .table {border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-top:1px solid #e3e3e3; margin:-2px 0 45px 0; border-collapse:collapse;}
.popup .table th { width:98px; background-color:#f6f6f6; padding:0 2px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; min-height:42px;  }
.popup .table td { width:213px; padding:5px; border-bottom:1px solid #e3e3e3; }
.popup input { width:203px; padding:5px; border:1px solid #d8d8d8;}
.popup select { width:215px; padding:4px; border:1px solid #d8d8d8; }
.popup textarea {width:205px; padding:4px; border:1px solid #d8d8d8; }
.popup .btn_02 { color:#fff; font-weight:bold; font-size:13px; border-radius:3px; background-color:#d9534F; min-width:50px;  padding:4px 2px 6px 2px; text-align:center; position:absolute; bottom:20px; right:20px; }


/*		notice_popup		*/
h4 { font-size:15px; height:32px; border-bottom:1px solid #d8d8d8; margin-bottom:10px; width:100%; }
.notice_popup {width:367px; background-color:#fff; position:fixed; bottom:60px; right:30px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); z-index:40; border-radius:3px;  }
.notice_popup .top {height:6px; background-color:#48518A; }
.notice_popup .con {padding:11px 18px; }
.notice_popup .tit {background-image:url(../images/bul_01.gif); background-repeat:no-repeat; background-position:0 10px; padding:0 0 12px 8px; float:left; font-weight:bold;  }
.notice_popup .date { font-size:11px; font-weight:normal; color:#555; }
.notice_popup textarea {width:100%; padding:4px; border:1px solid #d8d8d8; background-color:#f9f9f9; box-sizing:border-box; }



/*		section-바로가기		*/
#site {width:212px; height:145px; border:1px solid #e3e3e3; background-color:#f6f6f6; padding:20px 25px;}
#site ul { width:100px; float:left; border-right:1px dotted #cdcdcd; padding-right:9px;  }

#site li {text-align:center; padding-bottom:10px; }
#site a { color:#555; font-weight:bold; }
#site a:hover { color:#555;  text-decoration:none; }
#site .site_right {float:right; border:0; padding:0;}


/*		section-바로가기_C&R Research 패밀리사이트		*/
#site_family {width:212px; height:159px; border:1px solid #e3e3e3; background-color:#f6f6f6; padding:13px 25px; position:absolute; right:120px;  }
#site_family dl { padding-bottom:5px; }
#site_family dt { float:left; padding:6px 13px 0 0;}
#site_family dd { margin-top:-2px; }


/*		section-바로가기_한 눈에 보는 LeadTrial		*/
#site_leadtrial {width:264px; height:187px; border:1px solid #e3e3e3; background-color:#f6f6f6; padding:13px 25px; position:absolute; right:120px; box-sizing:border-box; }
#site_leadtrial .text { font-weight:bold; padding:39px 0 15px 6px; }
#site_leadtrial .btn_01 { color:#fff; font-weight:bold; font-size:13px; border-radius:3px; background-color:#48518A; padding:7px 4px; text-align:center; margin-right:42px; width:120px; }


/*     footer     */
footer { height:33px; width:100%; background-color:#52545d; color:#999; font-size:11px; padding-top:6px; position:relative; bottom:0; min-width:1200px; z-index:21; box-sizing:border-box;  }
.f_wrap {width:1200px; margin:0 auto;  }
.wrap {width:960px; margin:0 auto;  }
.wrap .copy { float:left; margin-right:10px; }
.wrap a { color:#999; text-decoration:none; }
.wrap a:hover { color:#999; text-decoration:none; }


/*         bell */
.bell { border-radius:3px; border:1px solid #d8d8d8; padding:18px 10px;  text-align:center; min-width:200px; box-shadow : 2px 2px 3px 0.00px rgba(0, 0, 0, 0.07); min-height:60px;  font-weight:bold; opacity:.95; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; position:fixed; margin:0 45%;  z-index:40; background-color:#fff; color:#222; top:320px; display: none; z-index: 42; }
.bell .bell_btn { padding-top:15px;  }
.bell .bell_btn .btn_puple { display:inline;  color:#fff; font-weight:bold; font-size:13px; border-radius:3px; background-color:#48518A; padding:6px 15px 8px 15px; text-align:center;  min-width:40px; }
.bell .bell_btn .btn_red { display:inline;  color:#fff; font-weight:bold; font-size:13px; border-radius:3px; background-color:#d9534F; padding:6px 15px 8px 15px; text-align:center;  min-width:40px; }
.bell .exit { position:absolute; right:10px; top:0px; }
.bell_fl, .bell_con_fl{z-index: 41;}
.msg_fl{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.48);}




