@charset "utf-8";

@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff')
 format('woff'); font-weight: normal; font-style: normal; }

/*margin*/
.mt_20 {margin-top:20px;}
.mt_50 {margin-top:50px;}
.mb_10 {margin-bottom:10px;}
.mb_15 {margin-bottom:15px;}

/*버튼색상*/
.btn_blue {border:none; color:#fff;  background: #006161;
/* background: #499bea; Old browsers
background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); FF3.6+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); Chrome,Safari4+
background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); Chrome10+,Safari5.1+
background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); Opera 11.10+
background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%); IE10+
background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); IE6-9 */

}
.btn_black	{border:none; color:#fff;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.btn_green	{border:1px solid #299A0B; color:#fff;
background: #299a0b; /* Old browsers */
background: -moz-linear-gradient(top,  #299a0b 0%, #299a0b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#299a0b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #299a0b 0%,#299a0b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #299a0b 0%,#299a0b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #299a0b 0%,#299a0b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #299a0b 0%,#299a0b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
}

.btn_gray	{border:1px solid #b6b6b6; border: none; background: #e2e2e2; color: #484848;
/* background: #ffffff; Old browsers
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); FF3.6+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); Chrome,Safari4+
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); Chrome10+,Safari5.1+
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); Opera 11.10+
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); IE10+
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); IE6-9 */
}

.btn_darkgreen {
	border: none;
	background: #6cd3c1;
	color: #fff;
}

.btn_skyblue {
	background:#6cd3c1;
	border: none;
	color: #fff;
}

.btn_white {
	background: #fff;
	border: 1px solid #6cd3c1;
	color: #000;
}

/*버튼*/
.btn_round {padding:5px 10px 4px 10px; border-radius:10px; font-weight:bold; font-size:0.9em;}
.btn_default {padding: 6px 5px; border-radius:7px; font-size:0.9em; font-weight: 700;margin-left: 10px;}

.red {color:#ff0000;}
.black {color:#555;}


/*탭*/
.tab ul {margin-bottom:15px; background:url(../images/bg_line.gif) bottom repeat-x;}
.tab li {float:left; width:33%; margin-right:1%; text-align:center;  border-radius:15px 15px 0 0;}
.tab li a {float:left; width:100%; padding-top:4px; background:#c3c3c3; border-bottom:1px solid #c3c3c3;}
.tab .on a{background:#d61216; color:#fff; border:1px solid #d61216; font-weight:bold;}

/*index_ux*/
.regi_button_wrap{text-align: center;margin-top: 30px;}
.regi_button{width: 50%; height: 70px;font-size: 30px;border: 2px solid #00486d; border-radius: 5px;cursor: pointer;background-color: #1c84b9; color: #fff;}

.web_t_link01{float:left;margin: 30px 0;}
.web_t_link02{float:right;margin: 30px 0;}
.web_t_link01 a, .web_t_link02 a{font-size: 28px; font-weight: 600;text-decoration: underline;}
.footer{width: 100%;background-color: #6cd3c1;height: 110px;}
.f_con{width: 1251px; margin: 0 auto; padding:27px 0; }
.f_con p{padding-bottom: 8px; color: #fff; font-size: 1.05em; font-weight: 400;}
.f_left{float: left;}
.footer_logo{color: #fff; font-size: 1.6em; font-weight: 700; float: right; padding-top: 15px;}


/*채팅 sms리스트*/
.talk {margin-bottom:0;}
.talk_list li {position:relative; height:50px; margin-bottom:10px; padding:5px 0 5px 70px; border:1px solid #d8d8d8; background:#fff; font-size:0.9em; vertical-align:top;}
.talk_list img{position:absolute; top:0; left:0; width:60px; height:100%;}
.talk_list dt {margin:5px 0; font-size:1.2em; font-weight:bold;}
.talk_list dd {font-size:0.9em; line-height:120%;}
.talk_list dd p{position:relative; padding-right:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.talk_list dd span {position:absolute; bottom:5px; right:10px; color:#999;}
.talk_list span.count{position:absolute; color:#ffffff; text-align:center; font-weight:bold; padding-top:4px; font-size: 0.7em; top:0; left:28px; width:36px; height:17px; background:url(../images/not_read_count.png) center center no-repeat; background-size:75%;}
.talk_list span.push {position:absolute; font-size:0.9em; color:#ff0000; top:10px; right:7px; width:80px; text-align:right;}
.chatting {margin-bottom:0px;}

.exposition{position:relative; min-height:30px; margin:10px 0; width:99%; background:#b1b1b1;  border-radius:6px;}
.exposition p{overflow:hidden; font-size:0.8em; margin:8px 12px 6px; color:#ffffff;}
.exposition p strong{color:#fede5f;}
.exposition span{float:right; font-size:0.9em; color:#ffffff; cursor:pointer; font-weight: bold;}


/*채팅 대화*/
.chatting01, .chatting02 {position:relative; width:80%; font-size:0.9em;}
.chatting01 dt, .chatting02 dt {position:absolute; font-size:0.8em; color:#999;}
.chatting01 dd, .chatting02 dd {padding:7px 10px 4px 10px; color:#333; font-size:0.95em; line-height:100%;}
.chatting01 p, .chatting02 p {clear:both; font-size:0.9em;}

.chatting01 {float:left;}
.chatting01 dl{float:left; margin-bottom:5px;}
.chatting01 dt{left:0; top:0;}
.chatting01 dt span{margin-left:8px; text-align:center; font-size:1.0em; color:#ff3c00;}
.chatting01 dt strong {display:inline-block; padding-right:7px; color:#555;}
.chatting01 dt img {float:left; width:40px; height:40px; margin-right:10px;}
.chatting01 dd{margin:20px 0 0 50px; border:1px solid #c4c4c4; border-radius:0 10px 10px 10px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 47%, #f6f6f6 80%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#ffffff), color-stop(80%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 47%,#f6f6f6 80%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 47%,#f6f6f6 80%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 47%,#f6f6f6 80%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 47%,#f6f6f6 80%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.chatting02 {float:right;}
.chatting02 dl{float:right; margin-bottom:5px;}
.chatting02 dt{right:0; top:0;}
.chatting02 dt span{margin-right:8px; text-align:center; font-size:1.0em; color:#ff3c00; }
.chatting02 dd{margin-top:20px; border:1px solid #e7d13f; border-radius:10px 0 10px 10px;
background: #fff9b8; /* Old browsers */
background: -moz-linear-gradient(top,  #fff9b8 0%, #ffda45 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff9b8), color-stop(100%,#ffda45)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff9b8 0%,#ffda45 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff9b8 0%,#ffda45 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff9b8 0%,#ffda45 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fff9b8 0%,#ffda45 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9b8', endColorstr='#ffda45',GradientType=0 ); /* IE6-9 */
}

.talk_write {position:fixed; bottom:0; left:0; width:100%; padding:5px 0 0 0; border-top:1px solid #c2c2c2; background:#f9f9f9;}
.talk_write textarea {width:75%; height:31px; margin-left:4%; border:none; border-left:1px solid #ccc; background:#f9f9f9;}
.talk_write button {position:absolute; right:10px; top:50%; margin-top:-17px; width:15%; height:35px; border:0; color:#fff; border-radius:5px;}


/*채팅방*/
.creation {margin-bottom:20px; padding:10px; background:#fff; border-radius:10px; border:1px solid #d8d8d8; }
.creation dt {position:relative; padding-left:80px;}
.creation dt strong{position:absolute; left:0; top:0; margin-top:2px; background:url(../images/icon01.png) left top no-repeat; font-size:0.9em;}
.creation dt img {vertical-align:text-top;}
.creation dt input {width:96%; padding:3px; border-radius:3px;}
.creation dd {margin-top:10px; text-align:center;}
.creation dd button{display:inline-block; padding:5px 20px; border-radius:10px;}

/* intro */
#container_intro{z-index:-1; background: url(../../images/intro-bg.png) no-repeat center; background-size: cover; height: 100%;}
.class_menu{position: relative; top: 42%;}
.class_menu ul li .icon {width: 38.5%; /* height: 130px; */ background-color: #003c7c; border-radius: 16px; position:relative;  left: 9.4%;top: 40%;/*  margin: 3.5% */; margin-bottom: 0; float: left;margin-top: 10px;}
.class_menu ul li .icon .icon-img{padding: 5px 23%; }
.class_menu ul li .school_name_all p{margin: 0; padding: 13px 4px; color: #fff; font-size: 0.8em; line-height: 40%; padding-top: 0px; letter-spacing: -1px; font-weight: 700; text-align: center;}


/* board_list */
#board-bg{/* background-image: url(../../images/board-bg.png); */ background-size:cover; overflow-x: hidden; height: 100%;}
#top-img{background: url(../../images/board-top.png) no-repeat center; background-size:contain; overflow-x: hidden; position:relative ; height: 250px; width: 100%; top: -50px; z-index: 9}
#top-img2{background: url(../../images/board-top2.png) no-repeat center; background-size:contain; overflow-x: hidden; position:relative ; height: 250px; width: 100%; top: -50px; z-index: 9}
#class_info{width: 80%; height: 150px; background-color: #fff; margin-left: 35px; position: relative; border-radius: 10px; padding: 14px;
    box-shadow: 2px 3px 9px #b9b9b9; z-index: 10; left: 0; right: 0; margin: 0 auto; bottom: 210px;}
.class_img{background-color: beige; width: 70px; height: 70px; border-radius: 100%; float: left;}
#class_info_text{padding: 0px; color: gray; position: relative; left: 15px; top: 8px;}
#class_info_text h1{font-size: 1em; color: black;}
#class_info_text p{font-size: 0.95em;}
.create p {font-size: 1.2em; position: absolute; top: 135px; color: #fff; left: 16px; font-weight: bold; background-color: #006161; padding: 3px 12px; border-radius: 20px;}
.create span {position: absolute; top: 140px; left:119px;}
.create span:last-child{position: absolute; top: 139px; left:136px; font-size: 1.2rem; color: #006161; font-weight: bold; letter-spacing: -1px;}
#info_button{position: absolute; right:-14px; top:40px;}
#info_button h2{font-size: 1.2rem; color: white; position: absolute; bottom:22px; left:16px;}
#write_bg{width: 90px; height: 30px; background-color: #d881ac; position: absolute; top:95px; bottom: 23px; left: 33px; border-radius: 15px;}
#write_bg h2{top: 5px; left: 17px; position: absolute;}
#notice{position: relative; margin-top: -62px; /* margin-bottom: 52px; */ /* overflow: hidden; */ top: -140px; display: flow-root;}
#notice > h1{font-size: 0.9em; margin: 0px 30px; color: #252525;}
.notice_box{width: 300px; height: 165px; background-color: #eaeaea;; float: right; margin-top: 16px; padding: 15px; border-radius: 10px 0px 0px 10px; position: relative; z-index: 7; box-shadow: 5px 5px 5px #dedede;}
.notice_box > h1{font-size: 1rem; letter-spacing: 0px; color: black;}
.notice_box span{font-size: 0.98em; color: #808080;}
.notice_box_top > h1{ font-size: 1.1rem; letter-spacing: -1px; color: black;margin-bottom: 5px;}
.notice_box_bottom{margin-top: 12px; font-size: 0.8em;} 
.notice_box_bottom > p{padding: 20px 0; border-top: 1px solid #737171; line-height: 150%; display: -webkit-box; height: 79px; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
/* #box2{ float: left; border-radius: 0px 15px 15px 0px;} */
.notice_box:nth-child(2n){ float: left; border-radius: 0px 15px 15px 0px;}
.num_wrap{position: relative; top: 0px;  left: 15px;}
.num_wrap span.numb{font-size: 18px; letter-spacing: 1px; margin-right: 10px;}
.num_wrap > a{margin-right: 20px;}



#dynamicTable .dy_th{/* border-radius: 0px; */background: #393e9b;color: #fff;font-size: smaller;}
#arr_del{text-align: center;background: #393e9b38;border-radius: 4px;padding: 9px 8px;border: none;font-weight: 500;}

/* 확인현황 */





/*회원리스트*/
.member_list {position:relative; margin-top: -1px;}
.member_list ul{margin-top: 28px;}
.member_list li{position:relative; margin-bottom:0; margin-top: 11px; padding-bottom:12px; background:#fff; font-size:0.9em; vertical-align:top; color:#504f4f; border-bottom: 1px solid #f1f1f1;}
.member_list li img{ position:absolute; left:0; width:95px; margin-right:10px; padding-bottom:12px;}
.member_list .title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.member_list .title img {position:relative; padding-left:5px; width:22px; height:22px; vertical-align:middle;}
.member_list li ul {margin:5px 5px 5px 100px;}
.mbr_view_img{width:40px; height:40px; border-radius:100%; background-color:#c0c0c0; background-color: #c0c0c0; float: left; margin: 0px 15px;}
.mbr_installed_img{width:40px; height:40px; border-radius:100%; background-color:#c0c0c0; background-color: #00ffaa; float: left; margin: 0px 15px; }

/* 회원검색 상세정보 사진 우측 전체영역 */
.member_list li li {padding:0 0 0 5px; margin:0; vertical-align:top; border:none; line-height:160%;}

/*.member_list .icon_call, .member_list .icon_message {position:relative; width:18px; height:18px; margin-right:3px; vertical-align:middle;}*/

/* 회원검색 상세정보 타이틀 */
.member_list li strong{display: inline-block; width:55px; padding:0 5px; background:url(../images/blt01.gif) left 7px no-repeat;  color:#555; vertical-align:top;}


/* .member_list li li span {display: inline-block; margin:0 5px 7px 0; color:#000; font-size:1.3em; font-weight:bold; line-height:120%;} */

.member_list li li span.company_name {display: inline-block; margin:0 5px 7px 0; color:#000; font-size:1.3em; font-weight:bold; line-height:120%;}

.member_list li li span {display: inline-block; margin:0;}
.member_list li p {position:absolute; right:10px; top:10px; width:20px;}
.member_list li p img{width:20px; height:14px; margin-bottom:5px}
.member_list .bg_position, .member_list .bg_position li {background:#dbf7f2; color:#404040;}

.member_list .member_detail {clear:both; margin-top:10px; padding:10px 10px 0 10px; border-top:1px dashed #d8d8d8;}
.member_list .member_detail ul {margin:0; padding:10px;}
.member_list .member_detail li {padding:0;}


/*회원상세페이지*/
.mview_list {font-size:0.85em; color:#999; padding-bottom:75px;}
.mview_list ul , .mview_list dl{margin-bottom:10px; background:#f9f9f9; border-top:1px solid #c2c2c2; }
.mview_list li{position:relative; padding:10px 15px 10px 70px; border-bottom:1px solid #c2c2c2;}
.mview_list li input[type~="text"] {width:99%; border:none; color:#999; background:#f9f9f9;}
.mview_list li strong {position:absolute; left:15px; top:10px; display: inline-block; width:70px; color:#555;}
.mview_list dl {padding:10px 15px; margin-bottom:20px; border-bottom:1px solid #c2c2c2;}
.mview_list dt {margin-bottom:10px; padding-left:20px; background:url(../images/tag.gif) left top no-repeat; font-weight:bold; color:#2f63c0; text-decoration:underline;}
.mview_list dd textarea {padding:0; color:#999; padding:5px; border-radius:5px; width:95%;}
.mview_list p{text-align:center;}

.member_option {margin-bottom:10px; padding:10px 5px; background:#fff; border-radius:10px;}
.member_option li{position:relative; padding:5px 15px 5px 70px;}
.member_option li strong {position:absolute; left:15px; top:5px; display:inline-block; width:70px; color:#555;}
.member_option li span {padding-left:15px;}
.member_option li select {padding:2px 7px;}

.member_view {position:relative; min-height:60px; margin-bottom:10px; padding:10px 15px; border-bottom:1px solid #c2c2c2; background:#f9f9f9;}
.member_view dl{margin-left:60px;}
.member_view dt {margin-bottom:5px; font-weight:bold; font-size:1em; color:#000;}
.member_view dt span{margin-left:5px; font-weight:normal; font-size:0.75em; color:#999;}
.member_view dd {font-size:0.8em; line-height:130%; color:#666;}
.member_view dd textarea {width:95%; margin:0; height:44px; padding:7px 2%; border-radius:5px;}
.member_view img {position:absolute; left:6px; top:10%; width:60px; height:80%; margin-right:10px; vertical-align:middle; border-radius:5px;}
.member_view p{position:absolute; left:6px; top:10%; width:60px; height:80%;}
.member_view p img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.member_view p span {position:absolute; z-index:2; bottom:0; width:60px; padding:3px 0; background:#000;; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; border-radius:0 0 5px 5px; text-align:center; font-size:0.65em; line-height:100%; color:#fff;}

/*검색_이니셜*/
/* .search {position:fixed; top:33px; width:100%; background:#dbdcdc; z-index:3; padding:10px 0;} */

.search_initial {widht:100%; height: 40px; background:#f2f6fd; text-align:center;}
.search_initial p {margin:0 20px; line-height:40px;}
.search_initial p span {display:inline-block;width:5%;}

.search {width:100%; background:#dbdcdc;}
.search div {margin:20px;}
	
.search select {margin-right:7px; height:30px;}
.search input{height:30px; }
.search button{width:50px; height:30px; border:0; color:#fff; border-radius:3px;margin-left: 20px;}

.search div div:nth-child(1) {
	position: absolute;
	float:left; 
	top: 0;
	left: 0;
	width: 100px;
}

.search div div:nth-child(2) {
	width: auto;
	float: none;
	padding: 0 60px 0 90px;
}

.search div div:nth-child(3) {
	position: absolute;
	float:right; 
	top: 0;
	right: 0;
	width: 70px;
}


/*sms*/
.container_sms {margin:10px; padding-bottom:160px;}
.container_sms p {margin-top:20px; text-align:right; color:#888;}
.btn_sms {position:fixed; bottom:80px; left:0; width:100%; padding:15px; border-top:1px solid #c2c2c2; background:#dbdcdc; text-align:center;}
.btn_sms button{width:100px; padding-top:5px; border-radius:10px;}
.name {margin-bottom:20px; padding:10px 15px; border-bottom:1px solid #c2c2c2; background:#f9f9f9; font-weight:bold; font-size:1em;}
.name img {width:40px; margin-right:10px; vertical-align:middle;}

.dispatch {position:relative; padding:7px 70px 7px 7px; background:#333;}
.dispatch input {width:96%; padding-left:5%; height:30px; border-radius:5px;}
.dispatch button {position:absolute; top:7px; right:7px; width:50px; height:35px; border-radius:5px; border:1px solid #000;; background:url(../images/icon_dispatch.png) center center no-repeat #61666c; background-size:45%; }


.dispatch_name {position:relative; padding:7px 70px 7px 7px; background:#333; color:#fff; min-height:35px;}
.dispatch_name p {width:96%; padding-left:1%; margin-top:5px;}
.dispatch_name p button {padding:2px 12px; border:none; color:#000; border-radius:5px;}
.dispatch_name .add_name {position:absolute; top:7px; right:7px; width:50px; height:35px; border-radius:5px; border:1px solid #000; background:url(../images/icon_dispatch.png) center center no-repeat #61666c; background-size:45%; }

.dispatch01 {position:relative; padding:7px 70px 7px 7px; height:68%;}
.dispatch01 textarea {width:100%; height:100%; border-radius:5px;}
.dispatch01 p {position:absolute;  width:50px; bottom:80px; right:7px; }
.dispatch01 button{display:inline-block; margin-top:3px; width:50px; height:35px; border-radius:5px;}


/*게시판*/

.board_list {margin-bottom:15px; padding:5px 15px 10px 15px;  border: 1px solid #cccccc;}
.board_list ul {margin-bottom:15px;}
.board_list li {position:relative; padding:5px 0; border-bottom:1px solid #bebebe;}
.board_list li span {position:absolute; right:12px; top:6px; text-align:center; font-size:0.75em; font-weight:bold; color:#fff; font-size: 1rem}
.board_list li i {color: #00403a; position: absolute; right: 0; top: 5px;}
.board_list li dl {padding:5px 0;}
.board_list li dt {padding-right:70px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list li dt img {vertical-align:text-top; height:15px;}
.board_list li dd {color:#999; font-size:0.95em;}

.gallery_list li {position:relative; height:90px; margin-bottom:10px; padding:7px 7px 7px 150px; border:1px solid #d8d8d8; background:#fff; font-size:0.9em; vertical-align:top;}
.gallery_list img {position:absolute; top:7px; left:7px; width:135px; height:90px;}
.gallery_list dt {margin:5px 0; font-size:1.2em; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery_list dd {padding-right:5px; font-size:0.9em; line-height:130%;}
.gallery_list .year {margin-top:5px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.paging {text-align:center; font-size:1.1em;}
.paging strong {font-weight:bold; color:#ff0000;}
.paging span img {height:23px;}

.admin_paging {position:relative; padding:5px 0; margin-left:-10px; font-size:1.1em; bottom: 63px; left: 50%; transform: translateX(-50%); z-index:1; }
.admin_paging ul{display:inline-block; *display:inline;*zoom:1; margin:0 auto; text-align:center;}
.admin_paging li {float:left;}
.admin_paging a, .admin_paging a:link, .admin_paging a:visited, .admin_paging a:active {display:inline-block; padding:0 8px 0 8px; background:#eee; font-weight:bold; color:#555; vertical-align:top;}
.admin_paging a:hover, .admin_paging .paging_on a {background:transparent; color:#000;}
.admin_paging .paging_img a{padding:0; background:transparent; color: #00403a;} 

.board_view {margin-bottom:10px; padding:10px 15px; background:#fff; margin-top: 55px; /*  border: 1px solid #cccccc; */}
#container .board_view h3 {margin:0; padding:0; font-weight:bold; color:#000; background:none; font-size: 1.3rem; margin-bottom: 10px;}
#container .board_view h3 input {margin:0;}
#container .board_view input {width:88%; margin:5px 0; border-radius:10px; padding:10px 5%;}
.board_view p {color: #666666; font-size: .8em;}
.board_view .b_file {border: none; padding: 3px 0}
.board_view .b_file a{color: #999999; font-size: .9rem; margin: 0 4px;}
.board_view .b_file i {color: #999999;}
/* .board_view .b_file i {margin-right: 4px; color: #999999;} */
.board_view .year {color:#000;}
.board_view .view_content {padding:10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 5px 0; font-size: 1.18rem;}
.board_view .view_content textarea {width:88%;padding:10px 5%; border-radius:10px; min-height:150px;}
.board_view .view_content img {max-width:100%;}


/*조직도*/
.org_list ul {width:90%; margin:0 auto;}
.org_list li {margin-bottom:10px; padding:10px 10px 10px 35px; font-weight:bold; border:1px solid #c2c2c2; border-radius:10px; background:url(../images/icon_org.gif), url(../images/bg_org.gif); background-color:#fff; background-repeat:no-repeat, repeat-x; background-position:10px center, 10px bottom; background-size:auto 20px;}
.org_list li a {display:inline-block; width:100%;}

/*협회소개_메뉴*/
.intro_menu {widht:100%; height: 35px; background:#f7cda9; text-align:center; color: #303730;}
.intro_menu ul {margin:0 20px;}
/*.intro_menu ul li {float:left; width:33.3333%; line-height:40px;}*/
.intro_menu ul li {float:left; width:20%; line-height:35px;}
.intro_menu ul li a {color:#000; font-size:12px; width:10px;}
.intro_menu ul li a.intro_menu_on {color:#a24c03; font-size:12px; font-weight:bold; width:10px;}

/*게시판 확인 현황 메뉴*/
#parent_head{ max-width: 100%; height: 35px; background-color: #33ae99; position: relative;}
/* #parent_head a{color: white; padding: 7px; float: left; margin-left: 5px;}
#parent_head h1{font-size: 0.9em; color: white; padding: 8px;} */
#invite_head{width: 100%; height: 42px; background-color: #33ae99;}
.parent_menu {widht:100%; height: 35px; background:#fff; text-align:center; color: #c0c0c0; border-bottom: 1px solid #f1f1f1; position: relative; top: 46px;}
.parent_menu ul li a.parent_menu_on::after{content:""; position: relative; display: block; width: 100%; margin: 0 auto; background: #33ae99; height: 1px; top: -2px;
    left: 0;
}

.parent_menu ul {margin:0 20px;}
.messinger {  height: 35px; position: absolute; top: 51.5px; right: 7px;}
.messinger button{ border: 1px solid #33ae99;padding: 6px; margin: 2px 3px; font-size: 0.8em;float: right; border: 1px solid #33ae99; background-color: #fff; color: #33ae99;
 line-height: 115%; border-radius: 7px; font-weight: bold;}
 
/* write_message */

#sendrange_{vertical-align:middle; padding:0;  width: 150px;  padding: 0.8em 0.5em;  font-family: inherit; margin-top: 17px; border: 1px solid #33ae99; border-radius: 7px;}





/*.intro_menu ul li {float:left; width:33.3333%; line-height:40px;}*/
.parent_menu ul li {float:left; width:50%; line-height:35px;}
.parent_menu ul li a {color:#000; font-size:12px; width:10px;}
.parent_menu ul li a.parent_menu_on {color:#33ae99; font-size:12px; font-weight:bold; width:10px;}


/* 협회소개 */
/* #container_intro {background:#fff;} */

/*협회소개_회장인사말*/
.intro_greeting {float:left; background:#fff; width:100%; padding-bottom:60px;}
.greeting_top {margin:15px 0 0 15px;}
.greeting_top img {float:left;}
.greeting_t{vertical-align:middle;}
.greeting_t p {margin:20px; font-size:15px; text-align:center; line-height:25px;}

.greeting_text {margin:15px 15px 0;}
.greeting_text p {margin-bottom:10px; font-size:15px; line-height:25px;}

.greeting_sign {margin:30px 20px 20px; float:right;}
.greeting_sign p {font-size:16px;}
.greeting_sign p span {margin-left:10px; font-size:18px; font-weight:bold;}

/*협회소개_임원소개*/
/*검색*/
.introduce_search {width:100%; background:#dbdcdc;}
.introduce_search div {margin:20px;}
.introduce_search select {margin-right:7px; height:30px;}
.introduce_search input{height:30px; width: 100%;}
.introduce_search button{width:50px; height:30px; border:0; color:#fff; border-radius:3px;margin-left: 20px;}

.introduce_search div div:nth-child(1) {
	position: absolute;
	float:left; 
	top: 0;
	left: 0;
	width: 100px;
}

.introduce_search div div:nth-child(2) {
	width: auto;
	float: none;
	padding: 0 70px 0 90px;
}

.introduce_search div div:nth-child(3) {
	position: absolute;
	float:right; 
	top: 0;
	right: 0;
	width: 70px;
}
/* 
.introduce_search {width:100%; background:#dbdcdc;}
#officerForm div {margin:10px 20px;}
#officerForm div select {float:left; margin-right:10px; height:30px;}
#officerForm div input {float:left; width:50%; height:30px;}
#officerForm div button {float:right; top:0; right:20px; width:15%; height:30px; border:0; color:#fff; border-radius:3px;}
 */
/*내용*/
.intro_introduce_container {width:100%; background:#dbdcdc;}
.intro_introduce .btns_list {width:100%; background:#fcfcfc;}

.intro_introduce .btns_list ul > li.btns_list_li {border-bottom:1px solid #ccc; padding:10px 20px;}
.intro_introduce .btns_list ul li a {display:inline-block; width:100%;  font-size:16px; font-weight: bold;}

/*내용_서브*/
#subOfficerList {width:100%; background:#fcfcfc;}
/* #subOfficerList ul li {height:30px; line-height:30px; border-bottom:1px solid #ccc; padding:0 20px;} */
#subOfficerList ul li {padding:10px 20px;}
#subOfficerList ul li a {display:inline-block; width:100%;  font-size:14px;font-weight: normal;}

/*조직도*/
.intro_orgchart {position:relative; background:#fff; width:100%; padding-top:1px;}
.intro_orgchart div {/* margin:0 20px 20px; */ margin: 20px 0; text-align: center;}
/* .intro_orgchart div:before {
    height: calc(100% - 100px);
    width: 1px;
    background: #fff;
    content: '';
    position: absolute;
    left: 20px;
    top: 90px;
} */
.intro_orgchart dl {margin:20px 0 15px 30px; font-size:15px; line-height:22px;}
.intro_orgchart dl:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #2e63bf;
    left: 15px;
    /* top: 65px; */
}
.intro_orgchart dl dt {margin-top:-4px; color:#555;}


/*회칙*/
.hit{background:#fff; padding:20px 20px; margin-top:48px;}
.hit h4{padding:0 10px; font-size:1.5em; text-align:center; line-height:100%;}
.side{text-align:right; padding:0 10px; padding-top:30px; font-size:15px;}

.hit h2{padding-top:30px; font-size:1.1em; background:none;}
.hot ul{font-size:1em;}
.hot ul li{padding-top:10px;}
.hot ul li p{font-weight:bold; padding-top:10px}

.hot ul.list{padding-left:20px;}

/*회칙 sub*/
.hitsub{background:#fff; padding:20px 20px; margin-top:48px;}
.hitsub h4{padding:0 10px; font-size:1.5em; text-align:center; line-height:100%;}

.hitsub h2{padding-top:30px; font-size:1.1em; background:none;}
.hotsub ul{font-size:1em;}
.hotsub ul li{padding-top:8px;}
.hotsub ul li span{font-weight:bold;}

.hotsub ul.list{padding-left:20px;}


/*로그인*/
.login_key {margin-bottom:20px; background:#f1f1f1; border-bottom:1px solid #c3c3c3; text-align:center;}
.login_key img{width:90%; padding:10px;}
.login_key ul {background:#dbdbdb; padding:5px 10px;}
.login_key li {float:right; margin-left:10px; padding-right:13px; background:url(../images/bg_key.png) right center no-repeat; font-size:0.85em;}

.login {width:90%; margin:0 auto;}
.login ul {margin-bottom:10px;}
.login li {margin-bottom:10px;}
/* .login li input {width:88%; padding:10px 5%; border-radius:10px;} */
.login p {font-size:0.85em;}
.login p input {margin:0 5px;}
.login p button {width:100%; margin-top:30px; padding:8px 0; border-radius:10px; font-size:1.2em; font-weight:bold;}

/*권한설정*/

.board_list {margin-bottom:15px; padding:5px 15px 10px 15px; background:#fff;}
.board_list ul {margin-bottom:15px;}
.board_list li {position:relative; padding:5px 0; border-bottom:1px solid #eee;}
/* .board_list li span {position:absolute; width:38px; height:36px; right:0; top:10px; padding-top:7px; text-align:center; font-size:0.75em; font-weight:bold; color:#ff0000; background:url(../images/bg_hit.gif) left top no-repeat;} */
.board_list li dl {padding:5px 0;}
.board_list li dt {padding-right:70px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list li dt img {vertical-align:text-top; height:15px;}
.board_list li dd {color:#999; font-size:0.95em;}



.setup_list {margin-bottom:15px; padding:5px 15px 10px 15px; background:#fff;}
.setup_list ul{margin-bottom:15px;}
.setup_list li {position:relative; padding:7px 50px 7px 7px; border-bottom:1px solid #bebebe}
.setup_list p{position:absolute; left:0; top:0;}
.setup_list dt {font-weight:bold; padding-left:32px; margin-bottom:2px; background:url(../images/brooch.gif) left top no-repeat; background-size:25px 20px; }
.setup_list dd {color:#999; font-size:0.85em;}
.setup_list span{position:absolute; right:0; top:11px;}
.setup_list span button { border-radius:5px; font-size:0.75em;}


/*댓글기능*/
.comment_tab {position:relative; margin-top:10px; border:1px solid #cccccc; font-size: .9rem;}
.comment_tab li {font-weight:normal; background:#fff;}
.comment_tab li a {display:block; padding:7px 0;  color:#999999; text-align:center;}
.comment_tab li:first-child {float:left; width:50%; border-right:1px solid #d2d2d2;}
.comment_tab .on a {background:#fff; color:#fff; font-weight:bold; background-color: #6cd3c1;}

.comment_write {background:#fff; padding:10px 15px 10px 10px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;  border-bottom: 1px solid #cccccc;}
.comment_write textarea {resize: none;}

.comment_view {background:#fff; padding:15px; font-size:0.9em;  height: auto;}
.comment_view dt p {float:left; font-weight:bold; color: #1c226d;  font-size: 1rem;}
.comment_view dt p span {float:none; padding-left:5px; color:#bcbcbc; font-size: .8rem;}
.comment_view dt span {float:right; color: #666666; font-size: 0.98rem; margin-left: 7px;}
.comment_view dd {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee; color:#333; margin-top:5px; font-size: 1rem;}
.comment_view dd span {font-size:0.95em; color:#999;}


/*팝업_테이블*/
.table01 .table_top {padding:5px 5px 0 5px;}
.table01 table {width:100%; /* border-top:2px solid #2f63c0; */ border-bottom:1px solid #2f63c0; font-size:0.95em;}
.table01 tbody th {padding:6px 0; border-top:1px dotted #a0a0a0; text-align:center;}
.table01 tbody td {padding:6px 0; border-top:1px dotted #a0a0a0;}
.table01 tbody td input {padding-left:5px; font-size:0.95em; text-align: center;}


.table02 {padding:5px 5px 0 5px;}
.table02 p {margin-bottom:10px; text-align:left; font-weight:bold;}
.table02 table {width:100%; border:1px solid #d8d8d8; background:#fff; font-size:1em;}
.table02 th {padding:7px 0; border-top:1px solid #d8d8d8; background:#f7f7f7;}
.table02 td {padding:7px 10px; border-top:1px solid #d8d8d8;}
.table02 td input {padding:5px; font-size:1em; width:90px;}
.table02 select {vertical-align:middle; height:30px; font-size:0.95em;}

.setup_popup {margin: 0 10px;}
.setup_popup h2 {padding:10px 0; text-align:center; font-size: .9em; color: #6cd3c1;}
.setup_popup .close {float:right; /* padding:5px 5px 0 0; */ padding:8px 5px; color: #999;}
.setup_popup .btn_setup {padding:10px 0; text-align:center; font-size: .9em; border-bottom:1px solid #ccc; border-top: 1px solid #ccc;}
.setup_popup .btn_setup .setup_content {display: flex; justify-content: space-evenly; margin: 15px 10px;}
.setup_popup .btn_setup .setup_content .head {background: #6cd3c1; color: #fff; font-size: 0.8em; font-weight: bold; width: 35%; white-space: nowrap; padding: 7px; border-radius: 5px;}
.setup_popup .btn_setup .setup_content .txt {width: 60%; color: #303730;  font-size: 0.97em; }
.setup_popup .setup_notice {padding:10px 0; text-align:center; font-size: .85em; text-align: left;}
.setup_popup .setup_notice p {margin: 10px 0; color: #303730; font-size: 0.89em;}
.setup_popup .on {background:#499bea;}

.advise {padding:10px; border:1px solid #d8d8d8; background:#fff;}
.advise p {margin:5px 0;}
.advise .strong {color:#ff0000;}

.login {padding:10px 0px; margin-bottom:20px; /* border:1px solid #d8d8d8; */ background:#fff; width: 100%;}
.login dl {margin:3px 0;}
.login dt {display:block; float:left; width:30%; height:25px; padding-top:5px; font-weight:bold;}
.login dd input {width:100%; height:30px; margin:0; padding:2px 0 2px 5px; line-height:150%; background:#f8f8f8; border:1px solid #bbb;}
.btn_blue_login {width:95%; padding:15px 20px 15px 20px !important; .padding:14px 11px 0 11px !important; font-size:15px; color: #fef4e9; border-radius:10px; font-weight:bold;}

.member_detail_info_box { margin-bottom: 10px;font-size: 11px;}
.member_detail_info {display: flex; background-color: #e5f5fd; height:auto;}

/* .member_company_img_bottom :first-child{
	margin-top: .25rem;
} */

.member_detail_info div {
	box-sizing: border-box;		
	font-size: 13.5px;
}
.member_detail_info_left {
	background: #ef9b53;
	color: #ffffff;
	display: flex;
	width: 20%;
	font-weight: bold;
	min-width: 92px;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #fff;	
	padding-top: 5px;
	padding-bottom: 5px;
}

.member_detail_info_right {
	width: 100%;	
	padding-left: 10px;
	background-color: #f7cca9;
	border-bottom: 1px solid #ffffff;
	padding-top: 2px;
	overflow:hidden;
	height:auto;
	font-weight: bold;
}
.member_detail_info_right .phone_btn {
	display: inline-block;
	width:75%;
	padding-top: 3px;
}
.member_detail_info_right .call_btn {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2px;
}

.member_detail_info_right .call_btn i {
	color: #fff;
}

.member_detail_info_right .msg_btn {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2px;	
}

.member_detail_info_right .msg_btn i {
	color: #fff;
}

.member_company_img_top {
	background: #ef9b53;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #D8D8D8;	
	width:100%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.member_company_img_bottom  {
	background: #fff;
	width:100%;
	height:163px;
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.member_company_img_bottom .company_img_1{
	/* display: inline-block; */
	display: flex;
    width: 50%;
    height: 163px;
    align-items: center;
    justify-content: center;
}

.member_company_img_bottom .company_img_1 img{
	width:100%;
	height:163px;
    object-fit: cover;
    vertical-align: middle;
}

.member_company_img_bottom .company_img_2{
	/* display: inline-block; */
	display: flex;
    width: 50%;
    height: 163px;
    align-items: center;
    justify-content: center;
}

.member_company_img_bottom .company_img_2 img{
	width:100%;
	height:163px;
    object-fit: cover;
    vertical-align: middle;
}

.member_company_img_bottom .company_img_3{
	/* display: inline-block; */
	display: flex;
    width: 50%;
    height: 163px;
    align-items: center;
    justify-content: center;
}

.member_company_img_bottom .company_img_3 img{
	width:100%;
	height:163px;
    object-fit: cover;
    vertical-align: middle;
}

.member_company_img_bottom .company_img_4{
	/* display: inline-block; */
	display: flex;
    width: 50%;
    height: 163px;
    align-items: center;
    justify-content: center;
}

.member_company_img_bottom .company_img_4 img{
	width:100%;
	height:163px;
    object-fit: cover;
    vertical-align: middle;
}
.intro_history {position:relative; background:#fff; width:100%;}
.intro_history h4 {margin:20px 0 30px; color:#004ea2; font-size:20px; font-weight:bold; text-align:center;}
.intro_history div {margin:0 20px 20px;}
.intro_history div:before {
    height: calc(100% - 100px);
    width: 1px;
    background: #dcdcdc;
    content: '';
    position: absolute;
    left: 20px;
    top: 90px;
}
.intro_history dl {margin:20px 0 15px 30px; font-size:15px; line-height:22px;}
.intro_history dl:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #2e63bf;
    left: 15px;
	/* top: 65px; */ 
}
@media screen and (max-width: 1150px){
	.web_t_link01, .web_t_link02{width:100%; float: none;text-align: center;}
	.web_t_link01 a, .web_t_link02 a{font-size: 1.2em;}
	.regi_button{width: 40%; height: 50px;font-size: 1.3em;}
}