* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
::-webkit-scrollbar {
	width: 0;
}
::-webkit-scrollbar-thumb {
	background-color: #777;
}
::-webkit-scrollbar-track {
	background-color: #bbb;
}
body {overflow-y:scroll;}
body, input, select, textarea {
	font-size: 200;
	font-size: 9pt;
	font-family: proxima-regular, Arial, Tahoma, PingFangSC, sans-serif, "Segoe UI Emoji", "Noto Emoji",'Noto Sans KR','Malgun Gothic','NanumGothic',Dotum;
}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
.wrap {width:100%;margin:auto;background-color:#FFF;}
.sline {width:100%;height:1px;margin:10px 0;background-color:#ECECEC;}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder { 
	font-family: proxima-regular, Arial, Tahoma, PingFangSC, sans-serif, "Segoe UI Emoji", "Noto Emoji";
}

.ui-tooltip {
	background: black;
	padding: 8px 15px;
	color: white;
	border:none;
	border-radius: 8px;
	text-transform: uppercase;
	box-shadow: 0 0 7px black;
}

/* style01 */
#header {position:fixed;width:100%;height:60px;padding:0 20px;background:#fff;border-bottom:1px solid rgba(34,90,89,0.2);box-sizing:border-box;z-index:1000;}
#header .hwrap {width:100%;max-width:1100px;height:60px;margin:0 auto;}
#header .logo {float:left;margin-left:20px;}
#header .logo img {position:relative;display:block;height:24px;padding:0;margin:18px 0;}
#header .logo ._logo_txt {padding:0;margin:0;}
#header .logo ._logo_txt a {}

#header .login {position:relative;float:right;margin-right:20px;}
#header .login .lbtn {display:inline-block;height:40px;padding:0 12px;margin:10px 0;font-size:11pt;border:1px solid #065FD4;color:#065FD4;line-height:40px;border-radius:2px;}
#header .login .lbtn i {position:relative;top:2px;margin-right:5px;font-size:16pt;}

#header .noti {position:relative;float:left;width:32px;height:32px;padding:0;margin:14px 20px 14px 0;font-size:16pt;line-height:32px;text-align:center;color:#777;}
#header .noti:hover {color:#333;}
#header .noti .noti-num {position:absolute;top:-4px;right:-4px;height:22px;padding:0 5px;font-family:arial;font-size:9px;line-height:17px;background-color:rgba(255,0,0,1);border:3px solid #fff;color:#FFF;border-radius:13px;}

#header .upload {float:left;width:100px;height:34px;padding:0;margin:13px 20px 13px 0;font-weight:bold;font-size:9pt;line-height:34px;text-align:center;color:#343434;}
#header .upload i {font-size:11pt;margin-right:5px;}
#header .upload:hover {color:#000;}

#header .photo {float:left;width:32px;height:32px;padding:0;margin:14px 0;}
#header .photo img {width:32px;height:32px;border-radius:4px;}
#header .photo .niccon {width:32px;height:32px;font-size:12pt;text-align:center;line-height:30px;color:#FFF;background-color:#2080D0;border-radius:4px;}

#header .more {display:inline-block;position:absolute;top:60px;right:0;width:280px;background-color:#FFF;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
#header .more .uinfo {padding:10px;}
#header .more .uinfo .pho {float:left;width:50px;height:50px;margin-right:10px;}
#header .more .uinfo .pho img {width:50px;height:50px;border-radius:50%;}
#header .more .uinfo .naem {float:right;width:200px;height:50px;text-align:left;}
#header .more .uinfo .naem li {line-height:25px;}
#header .more .uinfo .naem li.nic {font-weight:600;font-size:13pt;}
#header .more .uinfo .naem li.email {font-size:10pt;color:#676767;}
#header .more .lists {height:40px;padding:0 20px;margin:0;font-size:11pt;color:#0d0d0d;line-height:40px;}
#header .more .lists i {width:24px;margin-right:10px;font-size:14pt;text-align:center;color:#909090;}
#header .more .lists:hover {background-color:#EDEDED;}

#header .search {float:right;position:relative;margin:0 0 0 20px;}
#header .search form {display:block;width:228px;height:25px;background:#ffffff;border-radius:6px 6px 6px 6px;}
#header .search .keyword {float:left;padding:2px 0 0 3px;margin:3px 0 0 6px;width:186px;height:17px;font-size:11px;font-family:dotum;color:#888888;border:0;background:#ffffff;}
#header .search .keyword:focus {font-weight:bold;font-size:12px;font-family:gulim;color:#222222;}
#header .search .sbtn {float:left;padding:5px;position:relative;top:-1px;left:4px;}


#content {position:relative;top:60px;left:0;}
#content .hwrap {width:100%;max-width:1100px;margin:0 auto;}

#content .lnb {position:fixed;float:left;width:340px;min-height:1229px;padding:20px 0 0 0;}
#content .lnb .menu {}
#content .lnb .menu li {cursor:pointer;height:48px;padding:0 20px;font-size:13pt;line-height:48px;color:#161823;border-radius:4px;}
#content .lnb .menu li i {position:relative;top:2px;width:30px;text-align:center;margin-right:5px;font-size:17pt;}
#content .lnb .menu li.on {color:#D21D50;}
#content .lnb .menu li.on i {color:#D21D50;}
#content .lnb .menu li:hover {background-color:rgba(22,24,35,0.03);}
#content .lnb .menu li.submenu {cursor:pointer;height:38px;padding:0 20px 0 50px;font-size:10pt;line-height:38px;color:#161823;border-radius:4px;}


#content .lnb .lnb_line {width:calc(100% - 40px);height:1px;margin:20px;background-color:#ECECEC;}
#content .lnb .lnb_line2 {width:calc(100% - 40px);height:1px;margin:10px 20px 15px 20px;background-color:#ECECEC;}
#content .cnt {float:right;width:740px;padding:20px;margin:0;}
#content .cnt h1.mtit {width:100%;height:50px;margin:0 0 20px 0;padding:0;font-size:20pt;line-height:50px;border-bottom:1px solid #d0d0d0;}

#content .lnb #notilist {width:calc(100% - 40px);margin:0 20px;}
#content .lnb #notilist h2 {cursor:pointer;height:40px;margin:0;padding:0;font-weight:normal;font-size:13pt;line-height:40px;}
#content .lnb #notilist h2 i {position:relative;top:2px;width:30px;text-align:center;margin-right:5px;font-size:17pt;}
#content .lnb #notilist .noti-list {padding:0; font-size:11pt; color:#333;}
#content .lnb #notilist .noti-list li {position:relative;padding:12px 0;border-bottom:1px solid #EFEFEF;}
#content .lnb #notilist .noti-list li:last-child {border-bottom:none;}
#content .lnb #notilist .noti-list .user-simbol {float:left;width:50px;height:50px;}
#content .lnb #notilist .noti-list .user-simbol img {display:block;width:40px;height:40px;border-radius:50%;}
#content .lnb #notilist .noti-list .user-cont {float:left;width:calc(100% - 50px);}
#content .lnb #notilist .noti-list .user-cont .name {height:22px;font-size:10pt;line-height:22px;}
#content .lnb #notilist .noti-list .user-cont .name b {font-size:10pt;font-weight:800;color:#000;line-height:22px;}
#content .lnb #notilist .noti-list .user-cont .name b.nic {color:#065fd4;}
#content .lnb #notilist .noti-list .user-cont .name i {font-size:11pt;color:#065fd4;}
#content .lnb #notilist .noti-list .user-cont .date {float:right;margin-right:15px;font-size:9pt;color:#999;}
#content .lnb #notilist .noti-list li.reading,
#content .lnb #notilist .noti-list li.reading .user-cont .name, 
#content .lnb #notilist .noti-list li.reading .user-cont .name b,
#content .lnb #notilist .noti-list li.reading .user-cont .name a {color:#999;}
#content .lnb #notilist .noti-list li.reading .user-cont .name b.nic {color:#82AFEA;}
#content .lnb #notilist .noti-list li.noti_no {height:35px;padding:0 0 0 35px;font-size:9pt;line-height:35px;color:#777;}

#content .lnb .footer {position:absolute;left:0;bottom:0;width:300px;padding:20px 0 0 0;margin:20px;border-top:1px solid #ECECEC;color:rgba(22,24,35,0.5);}
#content .lnb .footer p strong {color:#000;}
#content .lnb .footer p strong span {color:red;}
#content .lnb .footer p {width:100%;line-height:1.6;margin:0 0 8px;}
#content .lnb .footer p a {color:rgba(22,24,35,0.5);}