@charset "utf-8";

/* ************************* 공통 ************************* */
/* 탭 */
.tabWrap {}

.tabWrap.type1 {padding-bottom:50px;}
.tabWrap.type1 ul {border-bottom:2px solid #0b49a0; overflow:hidden; text-align:center;}
.tabWrap.type1 ul li {float:left; border:1px solid #eaeaea; border-bottom:0;}
.tabWrap.type1 ul li+li {border-left:0;}
.tabWrap.type1 ul li button {display:block; height:50px; letter-spacing:-.5px; color:#000; line-height:1.2; background:transparent; width:100%; cursor:pointer; }
.tabWrap.type1 ul li:hover {background:#f5f5f5;}
.tabWrap.type1 ul li.on {border-color:#0b49a0; background:#0b49a0; }
.tabWrap.type1 ul li.on button {color:#fff;}

.tabInner {}
.tabInner>ul {}
.tabInner>ul>li {display:none;}
.tabInner>ul>li.on {display:block;}


/* ***** 테이블 ***** */
/* 테이블::type1 */
.tableWrap.type1 {text-align:center;  border-top:1px solid #000; border-left:1px solid #eaeaea;}
.tableWrap.type1 table {}
.tableWrap.type1 tr {}
.tableWrap.type1 tr:hover td {border-bottom-color:#0b49a0; }
.tableWrap.type1 tr>* {padding:12px 20px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; letter-spacing:-.5px;}
.tableWrap.type1 th {background:#f5f5f5; color:#000; font-weight:400;}
.tableWrap.type1 td {transition:all .2s;}
.tableWrap.type1 td:last-child {text-align:left;}

.ulType1 {}
.ulType1 li {position:relative; padding-left:10px;}
.ulType1 li+li {margin-top:10px;}
.ulType1 li:before {content:'-'; display:block; position:absolute; left:0; top:0;}

.olType1 {}
.olType1 li {position:relative; counter-increment:list-number; padding-left:20px;}
.olType1 li+li {margin-top:10px;}
.olType1 li:before {content:"("counter(list-number)")"; position:absolute; left:0; top:0;}

/* ************************ 데스크탑 (992~) ************************ */
.mission {}
.mission ul {}
.mission ul li {}
.mission ul li+li {margin-top:20px;}

.ethics {}
.ethics p+p{margin-top:20px;}
/* ***** 학회소개::Contact ***** */
.contact {}
.contact #googleMap {width:100%; height:580px;}

.contact .root_daum_roughmap_landing {width:100%; height:580px;}
.contact .root_daum_roughmap_landing .wrap_map {height:580px;}
.contact .root_daum_roughmap .wrap_controllers {display:none;}
.contact .contact-info {padding-top:40px; overflow:hidden;}
.contact .contact-info dl {position:relative; float:left; width:50%; padding:5px 0 5px 75px;}
.contact .contact-info dl:before {
	content:''; display:block; width:60px; height:60px; position:absolute; left:0; top:0; border:1px solid #e5e5e5; 
	background:url(../images/intro/i-address.svg)center /16px no-repeat; border-radius:50%;
}
.contact .contact-info dl>* {letter-spacing:-.5px;}
.contact .contact-info dl+dl:before {background:url(../images/intro/i-move.svg)center /20px no-repeat;}
.contact .contact-info dt {font-weight:400; color:#000;}
.contact .contact-info dd span {display:inline-block; position:relative;}
.contact .contact-info dd span a {color:#666;}
.contact .contact-info dd span+span { margin-left:10px; padding-left:18px;}
.contact .contact-info dd span+span:before {content:'/'; position:absolute; left:0;}


/* ************************ 회원라운지 ************************ */
/* ***** 회원라운지::입회안내 ***** */
.lounge .info>div+div {margin-top:70px;}
.lounge .info>div h4 {margin-bottom:15px; padding-left:13px; color:#0b49a0; font-size:24px; font-weight:400; letter-spacing:-.5px; position:relative;}
.lounge .info>div h4:before {content:''; display:block; width:3px; height:100%; background:#0b49a0; position:absolute; left:0; top:0;}
.lounge .info>div h4+p {padding-bottom:10px;}
.lounge .info-route-wrap {overflow:hidden;}
.lounge .info-route-wrap p {letter-spacing:-.5px; line-height:1.8;}
.lounge .info-route-wrap>div {float:left;}
.lounge .info-route-left {width:470px;}
.lounge .info-route-left p span {display:inline-block; color:#0b49a0; border-bottom:1px solid; line-height:1.2;}
.lounge .info-route-left a {display:inline-block; margin-top:15px; padding:16px 39px; background:#0b49a0; color:#fff; text-align:center; letter-spacing:-.5px; border-radius:10px;}
.lounge .info-route-right {width:calc(100% - 470px); padding-left:100px;}
.lounge .info-route-right p span {color:#000; font-weight:400; letter-spacing:-.5px;}
.lounge .info-route-right ul {padding-top:2px;}
.lounge .info-route-right ul li {position:relative; padding-left:15px; font-size:14px; letter-spacing:-.5px; line-height:1.9;}
.lounge .info-route-right ul li:before {content:''; display:block; width:3px; height:3px; background:#0b49a0; position:absolute; left:5px; top:11px;}
.lounge .info-route-right ul li a {color:#666;}
.lounge .info-pay .tableWrap.type1 td:last-child {text-align:center;}
.lounge .info-benefit ol li {line-height:1.8;}




/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	/* ************************* 공통 ************************* */
	/* 탭 */
	.tabWrap {}
	.tabWrap.type1 {padding-bottom:40px;}
	
	/* ***** 테이블 ***** */
	/* 테이블::type1 */
	.tableWrap.type1 {}
	
	
	
	/* ***** 학회소개::Contact ***** */
	.contact #googleMap {height:500px;}
	.contact .contact-info dl {width:100%; padding:7px 0 7px 75px; margin:0 0 20px;}
	.contact .contact-info dl+dl {padding-top:25px; border-top:1px solid #e5e5e5; margin:0;}
	.contact .contact-info dl+dl:before {top:20px;}
	
	
	/* ************************ 회원라운지 ************************ */
	/* ***** 회원라운지::입회안내 ***** */
	.lounge .info>div+div {margin-top:50px;}
	.lounge .info-route-wrap {padding:0;}
	.lounge .info-route-wrap>div {width:100%;}
	.lounge .info-route-left a {margin-top:10px;}
	.lounge .info-route-right {padding-left:0; padding-top:20px;}
	
	
	.paper {}
	.paper iframe {width:100%;}
	
	
	.bulletin {}
	.bulletin iframe {width:100%;}


	
	
}



/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	/* ************************* 공통 ************************* */
	/* 탭 */
	.tabWrap {}
	.tabWrap.type1 {padding-bottom:30px;}
	
	/* ***** 테이블 ***** */
	/* 테이블::type1 */
	.tableWrap.type1 {}
	.tableWrap.type1 tr>* {padding:6px 12px;}
	
	
	/* ***** 학회소개::Contact ***** */
	.contact #googleMap {height:300px;}
	.contact .contact-info {padding-top:20px;}
	.contact .contact-info dd span {display:block;}
	.contact .contact-info dd span+span {margin:0; padding:0;}
	.contact .contact-info dd span+span:before {display:none;}
	
	
	/* ************************ 회원라운지 ************************ */
	/* ***** 회원라운지::입회안내 ***** */
	.lounge .info>div+div {margin-top:40px;}
	.lounge .info>div h4 {font-size:21px; padding-left:10px; margin-bottom:10px;}
	.lounge .info-route-left a {padding:12px 30px; border-radius:7px; margin-top:5px;}
	.lounge .info-route-right {padding-top:15px;}
	.lounge .info-route-right ul {padding:0;}
	
	

	
}