File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<? include_once("../../inc/header.html") ?>
<body>
<? include_once("../../inc/top.html") ?>
<div class="sub_container" id="contents">
<!--title-->
<div class="sub_title visual_type bg_box">
<div class="inner">
<div class="sub_title_top">
<div class="breadcrumb">
<ul>
<li class="home"><a href="/" title="메인화면으로 이동" class="link">home</a></li>
<li class="next"><span class="icon-arrow-r"></span><em class="blind">다음</em></li>
<li class="btn_location"><strong><span class="blind">현재페이지</span>about</strong></li>
</ul>
</div>
</div>
<div class="title">
<h2>about</h2>
</div>
</div>
<img src="/images/user/main_bg.jpg" alt=""> </div>
<!--title-->
<div class="inner">
<div class="content_wrap">
<div class="about_text">
<div class="logo"><img src="/images/user/logo_v.svg" alt="crossroards webzine"></div>
<div class="text">
<p>'과학과 미래 그리고 인류'를 목표로 한 <b>크로스로드</b>는 과학특집, 에세이, 칼럼, 소설, 아시아의 창 등 다양한 장르의 과학 글을 통해 미래의 과학적 비전을 보여주고자 아시아 태평양 이론물리센터 (Asia Pacific Center for Theoretical Physics)에서 창간한 과학 웹 저널입니다.</p>
<p><b>크로스로드</b>는 과학 지식을 단순히 소개하는 기존의 과학저널과는 달리 무엇보다 과학자들의 세계관과 비전이 담긴 글을 통해 과학자와 일반인들이 서로 논쟁하고, 토론하고, 웃고 즐길 수 있는 웹저널로, 앞으로는 아태지역의 모든 언어권을 기반으로 하고자 합니다.</p>
<p><b>크로스로드</b>는 과학자들의 주관적인 아이디어나 미래에 대한 비전이 들어 있는 글이나, 함께 즐길 수 있는 글, 혹은 영감과 상상력이 가득한 과학 소설이나 만화 등을 소개해 아시아태평양 나아가 전 세계 과학 커뮤니케이션의 중추적인 역할을 담당할 것입니다.</p>
<p>다양한 '가능성'이 교차하며 그 가능성을 더욱 넓히는 <b>크로스로드</b>의 의미만큼 경계를 자유롭게 넘나들며 과학을 더욱더 대중화시키며 그 저변을 확대하고자 합니다.</p>
</div>
</div>
</div>
</div>
<div class="content_wrap history">
<h3>연혁</h3>
<ul>
<li class="history_li">
<div class="date">2020. 01. 01</div>
<p>4차 크로스로드 개편</p>
</li>
<li class="history_li">
<div class="date">2016. 04. 01</div>
<p>3차 크로스로드 개편</p>
</li>
<li class="history_li">
<div class="date">2008. 05. 20</div>
<p>2차 크로스로드 개편</p>
</li>
<li class="history_li">
<div class="date">2007. 09. 01</div>
<p>1차 크로스로드 개편</p>
</li>
<li class="history_li">
<div class="date">2005. 10. 01</div>
<p>아시아태평양 이론물리센터 과학 웹저널 [크로스로드] 창간</p>
</li>
</ul>
</div>
<div class="inner">
<div class="content_wrap">
<div class="editor_info">
<h3>편집인 구성</h3>
<ul>
<li class="editor_mem">
<div class="editor_pic bg_box"><img src="/images/user/editor1.jpg" alt="방운규"></div>
<div class="editor_text"><strong>방운규</strong>
<p><em>Crossroards 발행인</em><em>아태이론물리센터 소장</em><em>POSTECH 물리학과 교수</em></p>
</div>
</li>
<li class="editor_mem">
<div class="editor_pic bg_box"><img src="/images/user/editor2.jpg" alt="손승우"></div>
<div class="editor_text"><strong>손승우</strong>
<p><em>Crossroards 편집주간</em><em>APCTP 과학문화위원장</em><em>한양대학교 응용물리학과 교수</em></p>
</div>
</li>
<li class="editor_mem">
<div class="editor_pic bg_box"><img src="/images/user/editor3.jpg" alt="이은희"></div>
<div class="editor_text"><strong>이은희</strong>
<p><em>Crossroards 편집위원</em><em>APCTP 과학문화위원</em><em>과학커뮤니케이션</em><em>과학책방 갈다 이사</em></p>
</div>
</li>
<li class="editor_mem">
<div class="editor_pic bg_box"><img src="/images/user/editor4.jpg" alt="이정원"></div>
<div class="editor_text"><strong>이정원</strong>
<p><em>Crossroards 편집위원</em><em>APCTP 과학문화위원</em><em>한국전자통신연구원 선임연구원</em></p>
</div>
</li>
<li class="editor_mem">
<div class="editor_pic bg_box"><img src="/images/user/editor5.jpg" alt="황정아"></div>
<div class="editor_text"><strong>황정아</strong>
<p><em>Crossroards 편집위원</em><em>APCTP 과학문화위원</em><em>한국천문연구원 책임연구원</em></p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="content_wrap about_map">
<div class="inner">
<h3>찾아오시는 길</h3>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=e0067a7fd89ff981eaceba7cc1aa9110"></script>
<!--포항본부 start-->
<div class="office_box">
<div class="office">
<div class="office_map">
<div id="mapP" class="map"><em class="blind">포항본부 : 경상북도 포항시 남구 청암로 67 포항공과대학교 무은재기념관 501호</em></div>
<script>
var container = document.getElementById('mapP');
var options = {
center: new kakao.maps.LatLng(36.012122892308454, 129.3223617919051),
level: 3
};
var map = new kakao.maps.Map(container, options);
</script>
</div>
<div class="office_text"> <strong>포항본부</strong>
<div class="address">
<p>37673 경상북도 포항시 남구 청암로 67 포항공과대학교 무은재기념관 501호</p>
<dl>
<dt>Tel</dt>
<dd>054-279-8661~4</dd>
<dt>Fax</dt>
<dd>054-279-8679</dd>
</dl>
</div>
</div>
</div>
</div>
<!--포항본부 end-->
<!--서울분소 start-->
<div class="office_box">
<div class="office">
<div class="office_map">
<div id="mapS" class="map"><em class="blind">서울분소 : 서울 강남구 테헤란로7길 22 과총회관 신관 11층</em></div>
<script>
var container = document.getElementById('mapS');
var options = {
center: new kakao.maps.LatLng(33.450701, 126.570667),
level: 3
};
var map = new kakao.maps.Map(container, options);
</script>
</div>
<div class="office_text"> <strong>서울분소</strong>
<div class="address">
<p>서울 강남구 테헤란로7길 22 과총회관 신관 11층</p>
</div>
</div>
</div>
</div>
<!--서울분소 end-->
</div>
</div>
</div>
<script>
//about
var controller = new ScrollMagic.Controller();
var gray = TweenMax.to(".history", 0.5, {background: "rgba(244,244,244,1)"});
// slide
var bgGray = new ScrollMagic.Scene({triggerElement: ".history", triggerHook:'.5'})
.setTween(gray)
.duration(300)
.addTo(controller);
var revealElements = $(".content_wrap ul li, .content_wrap h3, .office_box, .history");
for (var i=0; i<revealElements.length; i++) {
var scene2 = new ScrollMagic.Scene({
triggerElement: revealElements[i],
triggerHook: 0.7
})
.setClassToggle(revealElements[i], "visible") // add class toggle
.addTo(controller)
}
</script>
<? include_once("../../inc/footer.html") ?>
</body>
</html>