Inspiring Future, Grand Challenge

Search
Close
Search
 

페이지 샘플

이미지1개-1개 가운데 배치 

사진 이미지  img-box

사진 가로 100% :  w100

 

 

 <p class="img-box w100">

<img alt="이미지설명" src="/_res/scos/img/intro/img_intro01.gif" /></p>

 

 

 <p class="img-box">

<img alt="이미지설명" src="/_res/scos/img/intro/img_intro01.gif" /></p>

 

 

이미지2개-양옆으로 배치

<p class="img-box02">

<img alt="이미지설명" src="/_res/scos/img/intro/img_intro01.gif" /> <img alt="" src="/_res/scos/img/intro/img_intro01.gif" /></p>

 

이미지 상세보기 - 모바일에서 자세히보기 버튼 생성

<div class="img-box">

<img alt="" src="/_res/scos/img/intro/img_intro01.gif" /><a class="pc-hide zoom-in" href="/_res/scos/img/intro/img_intro01.gif" target="_blank" title="확대"><img alt="확대" src="/_res/test/img/common/btn_enlargement.gif" /></a></div>

 

확대

 

이미지 상세보기 - 모바일에서 클릭시 이미지 크게 보기

<p class="img-box">
<img onclick="doImgPop('/_res/sw/img/sw_image.png')" src="/_res/sw/img/sw_image.png" style="cursor: pointer;" /></p>

 

 

 

img-box에 설명 넣기

<div class="img-box">

   <img alt="" src="/_res/bizskk/img/content/emba_main.png" title="이미지설명" />

   <p class="bg_img_txt"> Most innovative part-time MBA Program</p>

</div>

 

Most innovative part-time MBA Program

 

greeting-float

<div class="greeting_float">
<div class="left-box">
<img alt="" src="/_res/bizskk/img/shin.png" />
<p class="bg_img_txt">
경영학과장</p>
</div>
<div class="right-box">
<p class="p-type04">
성균관대학교 경영대학의 경영학과(학사과정)는 경영정보, 마케팅, 생산관리, 인사조직, 재무, 회계 등 경영학 전반에 걸쳐 학부생들에게 교육을 하고 있으며, 지금까지 경영학과를 거쳐 간 졸업생들은 사회각계각층에서 큰 활약을 하고 있습니다.<br />
<br />
경영학과는 성균관대학교의 단일전공 중 인문사회과학분야에서 가장 큰 규모로서 약 2,000 여 명이 재학하고 있습니다. 또한 경영학과를 제2전공으로 선택한 학생의 숫자도 인문사회과학분야에서 가장 큰 규모입니다.<br />
<br />
경영학과에서는 21세기를 대표하는 경영인을 양성하기 위하여 창의적이고 진취적인 기업가 정신 및 전문 직업의식의 고취, 올바른 기업윤리 정신과 건전한 가치관의 함양, 전문적이고 실용적인 경영학 지식, 어학능력을 배양하고자 노력하고 있습니다.</p>
</div>
</div>

 

 

경영학과장

성균관대학교 경영대학의 경영학과(학사과정)는 경영정보, 마케팅, 생산관리, 인사조직, 재무, 회계 등 경영학 전반에 걸쳐 학부생들에게 교육을 하고 있으며, 지금까지 경영학과를 거쳐 간 졸업생들은 사회각계각층에서 큰 활약을 하고 있습니다.

경영학과는 성균관대학교의 단일전공 중 인문사회과학분야에서 가장 큰 규모로서 약 2,000 여 명이 재학하고 있습니다. 또한 경영학과를 제2전공으로 선택한 학생의 숫자도 인문사회과학분야에서 가장 큰 규모입니다.

경영학과에서는 21세기를 대표하는 경영인을 양성하기 위하여 창의적이고 진취적인 기업가 정신 및 전문 직업의식의 고취, 올바른 기업윤리 정신과 건전한 가치관의 함양, 전문적이고 실용적인 경영학 지식, 어학능력을 배양하고자 노력하고 있습니다.

 

 

 

float-wrap

<div class="float-wrap">
<div class="left-box">
<img alt="" src="/_res/summer/img/life/img_attractions02.jpg" /></div>
<div class="right-box">
<p class="con-p">
Old Sungkyunkwan, which was founded in the Joseon Dynasty in 1398, is the original campus located at the front gate of present-day Sungkyunkwan University. Students studied and lived at the original campus for hundreds of years. It had all of the facilities of a modern university including a dormitory, cafeteria, lecture hall, and library,as well as a Confucian shrine.<br />
<span class="txt-red">(Subway Line #4 Hyehwa Station. exit 4)</span></p>
</div>
</div>
 

Old Sungkyunkwan, which was founded in the Joseon Dynasty in 1398, is the original campus located at the front gate of present-day Sungkyunkwan University. Students studied and lived at the original campus for hundreds of years. It had all of the facilities of a modern university including a dormitory, cafeteria, lecture hall, and library,as well as a Confucian shrine.
(Subway Line #4 Hyehwa Station. exit 4)

 

갤러리스타일

- 갤러리 들어갈 폴더 페이지 정보에 html 헤드 템플릿에 living.jsp 추가

- 해당 아이템 정보 수정에서 living.js 추가

 

<div class="carousel-wrap excangeCarousel">
<div class="owl-carousel owl-theme" id="sync1">
<div class="item">
<img alt="" src="/_res/design/img/exchange01.jpg" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchange02.jpg" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchange03.jpg" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchange04.jpg" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchange05.jpg" /></div>
</div>
</div>
<div class="carousel-wrap excangeCarousel">
<div class="owl-carousel owl-theme sync2" id="sync2">
<div class="item">
<img alt="" src="/_res/design/img/exchangeThumb01.png" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchangeThumb02.png" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchangeThumb03.png" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchangeThumb04.png" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchangeThumb05.png" /></div>
</div>
<div class="control-wrap">
<a class="prev" href="#" title="previous"><img alt="previous" src="/_res/design/img/slidePrev.png" /> </a> <a class="next" href="#" title="next"> <img alt="prev" src="/_res/design/img/slideNext.png" /> </a></div>
</div>