@charset "euc-kr";
/*=============================================================================+
| Copyright (c) 2016. http://gima.pe.kr. All rights reserved.                  |
+------------------------------------------------------------------------------+
| ŸÀÌƲ: ¸Þ°¡·Î½ºÄð ¸ð¹ÙÀÏ                                                    |
| ÀÛ¾÷ÀÏ: 2016-05-21                                                           |
| ÀÛ¼ºÀÚ: ÀÌÁ¤¼¼ <http://gima.pe.kr>                                           |
+-----------------------------------------------------------------------------*/

/* ºñÁÖ¾ó */
#visual { position:relative; height:100vh; }
#visual > div { position:relative; width:100%; height:100%; overflow:hidden; }
#visual > div ul { position:absolute; left:0; top:0; height:100%; }
#visual > div ul li { position:relative; float:left; height:100%; background:center center/cover no-repeat; }
#visual > div ul li > a,
#visual > div ul li > p { height:100%; background:center center/contain no-repeat; display:block; }
#visual > div ul li .btns { position:absolute; top:1em; left:0; width:100%; text-align:center; }
#visual dl { position:absolute; left:1.25em; bottom:0.5em; }/*2017-02-10*/
#visual dl dd { float:left; margin-right:.5em; padding-top:3px; border-top:3px solid #a1a6ba; color:#a1a6ba; overflow:hidden; white-space:nowrap; }
#visual dl dd em { font-size:1.5833em; }
#visual dl dd span { width:0; display:inline-block; }
#visual dl dd.on { border-color:#fb5336; color:#fb5336; }
#visual dl dd.on span { width:auto; padding-left:.25em; }

/* ÇÖ À̽´ 2017-02-01 »èÁ¦
#issue { position:relative; background:#ececec; }
#issue h2 { position:absolute; left:0; top:1em; width:7rem; color:#fe5339; font-size:1rem; font-weight:bold; text-align:center; }
#issue > div { position:relative; margin-left:7rem; height:4.75em; border-left:1px solid #d8d8d8; overflow:hidden; box-sizing:border-box; }
#issue > div ul { position:absolute; left:0; top:0; width:100%; height:100%; }
#issue > div ul li { height:100%; height:100%; }
#issue > div ul li a { position:relative; height:100%; padding:0 0 0 1.25rem; line-height:1.5em; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; }
#issue > div ul li a:after { content:''; position:absolute; right:1.25rem; top:50%; width:1em; height:1.75em; margin-top:-.875em; background:url('../../images/ico.arr1.png') right center/auto 100% no-repeat; display:block; }
#issue .motionControl { position:absolute; left:0; top:3.5em; width:7rem; }
*/


#lecture1 { border-top:1px solid #d8d8d8; }
#lecture1 > div { position:relative; height:14.8em; border-top:1px solid #d8d8d8; overflow:hidden; }
#lecture1 > div ul { position:relative; }
#lecture1 > div ul li { float:left; position:relative; width:50%; overflow:hidden; }
#lecture1 > div ul li a { position:relative; padding:1em; height:12.8em; border-left:1px solid #d8d8d8; display:block; }
#lecture1 > div ul li p.bg { position:absolute; right:1em; bottom:-30%; width:8em; height:100%; background:left top no-repeat; background-size:auto 100%; }
#lecture1 > div ul:after { content:''; clear:both; display:block; }
#lecture1 > div.step1 ul { top:-100%; }
#lecture1 .barSide { padding-right:1.25rem; }

@media all and (min-width:350px){
	#lecture1 > div ul li p.bg { width:9em; }
}

@media all and (min-width:850px){
	#lecture1 > div.step1 ul { top:0; }
	#lecture1 > div ul li { width:25%; }
	#lecture1 .motionControl { display:none; }
}


/* ±³¼ö 2017-02-01 »èÁ¦
#lecture2 { border-top:1px solid #d8d8d8; }
#lecture2 > div { position:relative; height:13em; overflow:hidden; }
#lecture2 > div > ul { position:absolute; left:0; top:0; width:100%; }
#lecture2 > div > ul > li { padding:0 1.25em; height:13em; }
#lecture2 > div blockquote { margin-left:9.4em; }
#lecture2 > div ul ul { margin:.5em 0 1em; font-size:0.9166em; line-height:1.6em; }
#lecture2 > div ul ul em { color:#fe5339; }
#lecture2 > div ul ul li { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
#lecture2 .barSide { padding-right:1.25rem; }
*/
/* °øÁö»çÇ× 2017-02-01 ¼öÁ¤ */
#notice { padding-bottom:1.25em; border-top:1px solid #d8d8d8; }
#notice ul { line-height:1.5em; }
#notice ul li { margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }

/* BEST ÀÎÅÍ³Ý °­Á */
#bestlec { padding-bottom:1.25em; border-top:1px solid #d8d8d8; }
#bestlec > ul { line-height:1.5em; }
#bestlec > ul li { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
#bestlec > ul li em:after { content:'|'; margin:0 .5em; color:#d8d8d8; font-weight:normal; font-family:'Arial'; }

/* 2017-02-01 Ãß°¡ */
#issue2 { position:relative; height:3em; background:#ebf5fb; line-height:3em; }
#issue2 h2 { position:absolute; left:0; top:0; width:6em; color:#fe5339; font-weight:bold; font-size:1rem; text-align:center; }
#issue2 div { position:relative; height:100%; overflow:hidden; }
#issue2 div ul { position:absolute; width:100%; height:100%; left:0; top:0; transform:translate3d(0,0,0); }
#issue2 div ul li { width:100%; height:100%; }
#issue2 div ul li a { padding:0 1.25em 0 7em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }

#indexQuick { border-top:1px solid #fe5339; background:#1c1e23; }
#indexQuick li { float:left; width:33.33%; }
#indexQuick li a { height:4.2em; padding-top:.6em; color:#fff; text-align:center; display:block; box-sizing:border-box; }
#indexQuick li + li a { border-left:1px solid #000; }
#indexQuick li img { height:1.1666em; margin-bottom:.25em; }
#indexQuick:after { content:''; clear:both; display:block; }

#bottomBanner { position:relative; height:5.5833em; }
#bottomBanner > div { position:relative; width:100%; height:100%; overflow:hidden; }
#bottomBanner > div ul { position:absolute; left:0; top:0; height:100%; }
#bottomBanner > div ul li { float:left; height:100%; background:center center/cover no-repeat; }
#bottomBanner > div ul li a { height:100%; background:center center/contain no-repeat; display:block; }
#bottomBanner > a[class^=arr] { position:absolute; top:0; height:100%; padding:0 .25em; color:#fff; font-size:2em; display:flex; align-items:center; }
#bottomBanner > a.arrRight { right:0; }
/*-- 2017-02-01 Ãß°¡ */

/* End StyleSeet */