@charset "utf-8";

/*게시판 검색*/
.list-sch {text-align:right; margin-bottom:15px;}
.list-sch select {margin-right:10px; height:26px;}
.list-sch .src {display:inline-block; position:relative; text-align:left; height:26px; border:1px solid #a3a3a3; width:40%;}
.list-sch .src .btn-search2 {position:absolute; top:0; right:0;}
.list-sch .src input {border:none; width:90%; height:26px; line-height:29px;}

/* 회원정보 */
.member-info-area {overflow:hidden; padding-left:32%; position:relative;}
.member-info-area .img {width:32%; position:absolute; top:0; left:0;}
.member-info-area .img img {width:100%;}
.member-info-area .infos .txt {color: #ce202f; margin-bottom:20px;}
.message-area .msg-type {margin-bottom:5px;}
.message-area .msg-type * {vertical-align:middle;}
.message-area .msg-type input {margin-left:15px;}
.message-area .msg-type input:first-child {margin-left:0;}

.join-agree-area .ag-scroll textarea {width:97%;}
.join-agree-area .ag-chk {font-size:1.077em; margin-top:10px; margin-left:17px; text-indent:-17px;}
.join-agree-area .ag-chk input[type="checkbox"] {position:relative; top:2px;}
.join-agree-area .btn-area {margin-top:40px;}

/*설문조사*/
.survey-area > .table-list .col1 {width:40px;}
.survey-area > .table-list .col3 {width:200px;}
.survey-area > .table-list .col4 {width:70px;}
.survey-area > .table-list .col1,
.survey-area > .table-list .col3 {display:table-cell;}
*:first-child+html .survey-area > .table-list .col1,
*:first-child+html .survey-area > .table-list .col3 {display:block;}
.conresult {max-width:614px; margin:0 auto; padding:30px 0 40px;}
.conresult dl dt {font-size:16px; font-weight:bold; color:#3394bb; margin-top:40px;}
.conresult dl dt:first-child {margin-top:0;}
.conresult ul {padding-top:10px;}
.conresult ul li {padding:0 45px 0 0; position:relative; line-height:16px; margin-top:20px;}
.conresult ul li:first-child {margin-top:0;}
.conresult ul li .graph {display:block; height:16px; background:#e1e1e1; position:relative;}
.conresult ul li .graph span {display:block; height:16px; vertical-align:top; background:#3394bb;}
.conresult ul li .re-tit {display:block; margin-bottom:5px;}
.conresult ul li .re-num {position:absolute; right:-45px; top:0;}
.conresult .graph {display:block; }

/* 개원 */
.open-area {overflow:hidden; margin-top:-65px}
.open-area .list-sch {margin-bottom:36px;}
.open-area .open-col1 {float:left; width:30%;}
.open-area .open-col1 .tabs {overflow:hidden; border-top:2px solid #444; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.open-area .open-col1 .tabs li {background:#f0f0f0;}
.open-area .open-col1 .tabs li a {display:block; font-weight:bold; padding:16px 19px 15px; letter-spacing:-1px;  white-space:nowrap;}
.open-area .open-col1 .tabs li a:hover,
.open-area .open-col1 .tabs li a.on {background:#fff;}
.open-area .open-col2 {float:right; width:67%;}
.open-area .open-col2 .o-list {border-top:2px solid #444; border-bottom:1px solid #d8d8d8; overflow:hidden;}
.open-area .open-col2 .o-list li {border-top:1px solid #d8d8d8; margin-top:-1px;}
.open-area .open-col2 .o-list li a {display:block; padding:10px 0; overflow:hidden;}
.open-area .open-col2 .o-list li a:hover span {text-decoration:underline;}
.open-area .open-col2 .o-list li .o-tit {float:left; width:100px; text-align:center; font-weight:bold;}
.open-area .open-col2 .o-list li .o-txt {display:block; margin-left:115px;}
.open-area .open-col2 .ot-list {border-top:2px solid #444; border-bottom:1px solid #d8d8d8; overflow:hidden; padding-top:40px;}
.open-area .open-col2 .ot-list li {width:33.3%; text-align:center; float:left; height:310px;}
.open-area .open-col2 .ot-list .thum {display:block; width:190px; height:250px; margin:0 auto;}
.open-area .open-col2 .ot-list .thum img {width:100%; height:100%;}
.open-area .open-col2 .ot-list .txt {display:block; text-align:center; margin-top:7px; font-weight:bold; line-height:1.3;}
.open-area .o-view {border-top:2px solid #444; border-bottom:1px solid #444;}
.open-area .o-view .date {overflow:hidden; border-bottom:1px solid #444;}
.open-area .o-view .date .d1 {float:left; width:100px; text-align:center; font-weight:bold;}
.open-area .o-view .date .d2 {display:block; margin-left:100px;}
.open-area .o-view .date .d2 * {display:block; padding-left:15px;}
.open-area .o-view .date em {display:block; border-bottom:1px solid #d8d8d8; padding:10px 0; font-weight:bold;}
.open-area .o-view .date strong {display:block;  padding:10px 0; color:#ce202f;}
.open-area .o-view .cons {text-align:center; padding:30px 0;}
.open-area .o-view .cons img {width:100%; max-width:562px;}
.habitat-area .table-list .col2 {width:340px;}
.habitat-area .table-list td {padding:4px 5px;}
.habitat-area .btn-ty2, .habitat-area .btn-ty4 {margin:4px 0;}
.basic-use-area dl {overflow:hidden;}
.basic-use-area dl dd {font-size:16px;}
.basic-use-area dl dd .txt {line-height:1.8;}
.basic-use-area dl dd .img {margin-top:22px;}
.basic-use-area dl dd .img img {width:100%;}

/* 협회지 */
.journal-list-area {position:relative; padding-left:230px;}
.journal-top {position:absolute; top:0; left:0; width:193px;;}
.journal-top .tit-ty4 {letter-spacing:-1px;}
.journal-top .txtbox .thum {width:100%;}
.journal-top .txtbox .thum img {width:100%;}
.journal-top .btns {margin-top:30px; text-align:center;}
.journal-top .btns a {margin-right:5px;}
.journal-list-area .table-info th.row1 {width:70px;}
.journal-list-area .table-info td.row2 {padding-right:0;}
.journal-list {overflow:hidden; border-top:2px solid #444; border-bottom:1px solid #444; padding:20px 0;}
.journal-list ul {margin-top:-30px;}
.journal-list li {float:left; width:25%; min-width:90px; text-align:center; margin-top:30px;}
.journal-list li a.thum {display:block; margin-bottom:10px;}
.journal-list li a.thum em {display:block;}
.journal-list li a.thum strong {display:block; margin-bottom:5px;}
.journal-list li .btn-ty1 {width:88px; height:24px; line-height:24px; padding:0; margin-top:5px;}
.journal-view-area .table-list .col1 {width:20%;}
.journal-view-area .table-list .col2 {width:20%;}
.journal-view-area .table-list .col4 {width:55px;}
.journal-view-area .table-list .col5 {width:35px;}
.journal-view-area .table-list .col1,
.journal-view-area .table-list .col2 {display:table-cell;}
*:first-child+html .journal-view-area .table-list .col1,
*:first-child+html .journal-view-area .table-list .col2 {display:block;}

/*규정*/
.journal-rule {line-height:1.8;}
.journal-rule dl dd {padding-left:20px;}
.journal-rule dl dd > strong {display:block; margin-top:20px;}
.journal-rule dl dd > strong:first-child {margin-top:0;}
.journal-rule dl dd ol > li {margin-top:15px; margin-left:16px; text-indent:-16px;}
.journal-rule dl dd ol > li p {text-indent:0; margin-left:0;}
.journal-rule dl dd ol > li:first-child {margin-top:0;}

/* 마이클럽 */
.myclub-area p img {width:100%;}
.myclub-area .in-list {overflow:hidden;}
.myclub-area .in-list li {float:left; width:25%; min-width:198px; margin-top:30px; text-align:center; overflow:hidden;}
.myclub-area .in-list li strong {display:block; margin-top:10px;}

.process-area .btn-ty2 {margin-left:15px; position:relative; top:5px;}
.process-area .txt-tip {margin-top:6px; padding:13px 0 0 35px; background:url('../images/common/icon-tip.png') 0 8px no-repeat;}
.process-area > dl > dt {font-size:1.385em; font-weight:bold; color:#ce202f;}
.process-area > dl > dt {margin-top:24px; position:relative;}
.process-area > dl > dd {margin-top:16px; padding-left:20px;}
.process-area > dl > dd dl {margin-left:-20px;}
.process-area > dl > dd dl > dt {margin-top:30px; font-size:1.231em; font-weight:bold; position:relative}
.process-area > dl > dd dl > dt:first-child {margin-top:15px;}
.process-area > dl > dd dl > dd {padding-left:20px;}
.process-area ul.ex {margin-top:5px;}
.process-area ul.ex > li {margin-top:5px;}
.process-area ul.ex > li strong {font-size:1.231em; position:relative; }
.process-area ul.ex > li ul li {margin-top:3px; padding-left:10px; background:url('../images/common/blet-3.gif') 0 8px no-repeat;}
.process-area ul.ex > li p {margin-top:3px; padding-left:10px; background:url('../images/common/blet-3.gif') 0 8px no-repeat;}

.checkup-area .txt-ty1 {margin-top:3px;}
.checkup-area .txt-ty2 {margin-left:16px; text-indent:-16px;}
.checkup-area img {width:100%;}
.checkup-area .cu-list-ty1 li {margin-top:3px; padding-left:10px; background:url('../images/common/blet-3.gif') 0 8px no-repeat;}
.checkup-area .cu-list-ty1 li .txt-ty1 {margin-top:16px;}
.checkup-area .cu-list-ty1 li .txt-ty1 + .txt-ty2 {margin-top:16px;}
.checkup-area .cu-list-ty2 li {margin-top:3px; margin-left:16px; text-indent:-16px;}
.checkup-area .cu-list-ty3 {margin-top:20px;}
.checkup-area .cu-list-ty3 li {margin-top:3px; color:#ce202f; padding-left:10px; background:url('../images/common/blet-4.gif') 0 8px no-repeat;}

.spot-area .mt {margin-top:20px;}
.spot-area > dl > dt {font-size:1.231em; font-weight:bold;}
.spot-area > dl > dt {margin-top:24px; position:relative;}
.spot-area > dl > dd {margin-top:16px;}
.spot-area > dl > dd dl dt {margin:30px 0 3px; font-weight:bold;}
.spot-area > dl > dd dl dt:first-child {margin-top:10px;}
.spot-area > dl > dd dl ul li {margin-top:15px;}
.spot-area > dl > dd dl ul li:first-child {margin-top:5px;}
.spot-area ul.ex {margin-top:5px;}
.spot-area ul.ex > li {margin-top:5px;}
.spot-area ul.ex > li strong {font-size:1.231em; position:relative; }
.spot-area ul.ex > li {margin-top:3px; padding-left:10px; background:url('../images/common/blet-3.gif') 0 8px no-repeat;}
.spot-area ul.ex2 > li {margin-top:3px; padding-left:15px; text-indent:-15px;}
.spot-area img {width:100%;}

/* 윤리선언헌장지침 */
.ethicsArea {margin-top:30px; line-height:1.8;}
.ethicsArea .ethListTy1 li {text-indent:-12px; margin-left:12px;}
.ethicsArea .ethListTy2 > li > p.pty1 {margin-top:20px;}
.ethicsArea .ethListTy2 > li {margin-top:40px;}
.ethicsArea .ethListTy2 > li h5 {font-size:15px; margin-top:20px;}
.ethicsArea .ethListTy2 > li dl dt {font-size:15px; margin-top:40px; font-weight:bold;}
.ethicsArea .ethListTy2 > li dl dd li {margin:20px 0 0 12px;}
.ethicsArea .ethListTy2 > li dl dd li p {margin-left:12px;}


/**/
.open119-info .table-info th:first-child {width:20%}
.open119-info p {margin-top:20px;}
.open119-info .table-info {margin-top:40px;}
.open119-info .top-img {margin-bottom:40px;}
.open119-info .top-img img {width:100%;}
.open119-list-intro .tit-ty1 {margin-top:0;}
.open119-list-intro .list-area .table-list td,
.open119-list-intro .list-area .table-list th {display:table-cell;}
*:first-child+html .open119-list-intro .list-area .table-list td,
*:first-child+html .open119-list-intro .list-area .table-list th {display:block;}
.open119-ask .tit-ty4 {margin-top:0;}
.open119-ask .tit-ty4 p {margin-top:30px;}

/* media -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1279px) {
	.open-area .open-col1 {float:none; width:100%; margin-bottom:70px;}
	.open-area .open-col2 {float:none; width:100%;}
	.open-area .open-col1 .tabs {border-left:none; border-bottom:none;}
	.open-area .open-col1 .tabs li {float:left; width:33.3%;}
	.open-area .open-col1 .tabs li a {border:1px solid #d8d8d8; margin:-1px -1px 0 0;}

	.myclub-area .in-list li {width:33.3%;}
}

@media screen and (min-width:1025px) and (max-width:1100px) {
	.journal-list li {width:33.3%;}
	.myclub-area .in-list li {width:50%;}
}

@media only screen and (max-width:850px) {
	.journal-list-area {padding-left:0;}
	.journal-top {position:static; width:100%; overflow:hidden;}
	.journal-top * {vertical-align:middle;}
	.journal-top .txtbox .thum {display:inline-block; width:190px; margin-left:-32px;}
	.journal-top .txtbox .thum img {width:100%;}
	.journal-top .btns {display:inline-block; margin-top:0;}
	.journal-top .btns a {margin-right:0;}

	.process-area .btns {display:block; margin:5px 0;}
	.process-area .btn-ty2 {top:0;}
}

@media only screen and (max-width:820px) {
	.open-area .open-col1 .tabs li {width:50%;}
	.open-area .open-col2 .ot-list li {width:50%;}
}

@media only screen and (max-width:800px) {
	.member-info-area {padding-left:0;}
	.member-info-area .img {display:none;}
	.habitat-area .table-list .col2 {width:170px;}
	.myclub-area .in-list li {width:50%;}
}

@media only screen and (max-width:720px) {
	.list-area .table-list .col1 {display:none;}
	.list-area .table-list .col4 {display:none;}
	.list-area .table-list .col6 {display:none;}
	.survey-area .table-list .col1 {display:none;}
	.survey-area .table-list .col3 {display:none;}
}

@media only screen and (max-width:600px) {
	.addflie-list-area .add-flie-list {padding:0;}
	.addflie-list-area .add-flie-list .thum {display:block; margin:0 auto; position:static;}
	.addflie-list-area .add-flie-list ul {border-left-width:1px; margin-top:10px;}
	.addflie-list-area .btn-ty3 {padding:0 15px;}
	.journal-list li {width:33.3%;}
	.journal-list-area {padding-left:0;}
	.journal-top {position:static; width:100%; overflow:hidden;}
	.journal-top * {vertical-align:middle;}
	.journal-top .txtbox .thum {display:inline-block; width:190px;}
	.journal-top .txtbox .thum img {width:100%;}
	.journal-top .btns {display:inline-block; }
	.journal-view-area .table-list .col1,
	.journal-view-area .table-list .col2 {display:none;}
	.myclub-area .in-list li {width:100%;}
}

@media only screen and (max-width:570px) {
	.journal-list-area .table-info th.row1 {width:50px;}
	.journal-list-area .fm-sel-box {display:block; margin-top:5px; margin-left:0 !important;}
	.journal-list-area .table-info .fm-sel2 + .fm-sel2 {display:inline-block; margin-top:0;}
	.journal-top .btns {margin-left:-10px;}
	.journal-top .btns a {margin-right:0; display:block; margin-top:7px;}
	.journal-top .btns a:first-child {margin-top:0;}
	.open-area .open-col2 .ot-list li {width:100%;}
}

@media screen and (min-width:480px) and (max-width:500px) {
	.journal-list-area .table-info .fm-sel2 + .fm-sel2 {display:block; margin-top:5px;}
}

@media only screen and (max-width:480px) {
	.open-area {margin-top:0}
	.open-area .open-col1 .tabs li {width:100%;}
	.journal-list li {width:50%;}
	.banner-list .items span {padding-left:10px;}
}

@media only screen and (max-width:370px) {
	.journal-list-area .table-info .fm-sel2 + .fm-sel2 {margin-top:5px;}
}


/* added - 2015-06-10 */
@media only screen and (max-width:768px) {
	.table-list .mo-hide {display: none;}
}

.ui-custom-checkbox {
	position: relative; display: inline-block;
	width: 20px; height: 20px;
	margin-right: 5px;
	border: 3px solid #cdcdcd; cursor: pointer;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.ui-custom-checkbox i {
	display: none; position: absolute;
	left: 50%; top: 50%; width: 12px; height: 9px;
	margin: -4px 0 0 -6px;
	background: url('../images/common/ico-check.png') 0 0 no-repeat;
	font-size: 0;
}
.ui-custom-checkbox.checked i {display: inline-block;}
.ui-custom-checkbox input {position: absolute; left: -40px; top: -40px;}

.our-form * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.our-form fieldset {display: block;}
.our-form table input[readonly] {border: none; padding: 0;}
.our-form table input.border {border: 1px solid #ccc;}
.our-form .btn-ty3 {padding: 4px 15px; height: auto; line-height: normal;}
.our-form .btn-ty3.big {padding: 8px 20px;}
.our-form > section {margin: 40px 0;}
.our-form > section h4 {margin: 0 0 23px;}
.our-form > section h4 > * {vertical-align: middle;}
.our-form > section h4 .title {font-size: 18px; color: #ce202f; font-weight: bold;}
.our-form > section h4 a {margin-left: 5px;}
.our-form ol {
	padding-left: 25px; line-height: 24px;
	font-size: 14px; color: #444444;
}
.our-form ol ul {padding-left: 12px;}
.our-form .confirm {margin-top: 15px;}
.our-form .confirm ul {
	padding-left: 20px;
	color: #ce202f; list-style: disc;
}
.our-form .table-info table {table-layout: auto;}
.our-form .table-info table * {vertical-align: middle;}

.our-form h5 {font-size: 16px; color: #444444; font-weight: bold;}
.our-form .title-small {margin: 25px 0 8px;}
.our-form .form1 {margin-top: -10px;}
.our-form table .edit button {
	width: 100%; padding-left: 0; padding-right: 0; margin: 4px 0;
}
.our-form table .photo img {border: 1px solid #d9d7da;}
.our-form input.text.block {width: 100%;}

@media only screen and (max-width:900px) {
	.mo-scroll > .wrap {width: 100%; overflow-x: scroll; overflow-y: hidden;}
	.mo-scroll table {width: 900px;}
	.our-form .table-info td {padding-right: 13px;}
}
@media only screen and (max-width:768px) {
	.btn-ty2.large-button {margin-left: 0; margin-top: 5px}
}