@charset "utf-8";
	
/* CSS Document */


/********************************************************************************************************
 * Mbile 공통 CSS - START
*********************************************************************************************************/

/* dialog 레이아웃 LIST */
.popupLayer {/* display:none; */}
.popupLayer .content form {background:#f0f0f0; padding:6% 4%;}
.popupLayer .content input[type="text"].id ,input[type="password"].pw {width:100%; height:40px; background:#fff; margin-bottom:4%; border:1px solid #ccc; padding:4%; font-size:95%; color:#555;}
.popupLayer .content a.login_btn {display:block; background:#3399cc; border:0; padding:4%; font-size:100%; color:#fff; text-align:center; cursor:pointer; transition:background .3s; -webkit-transition:background .3s;}
.popupLayer .content a.login_btn:hover {background:#2288bb;}

.popupLayer .header {margin-bottom:2%; line-height:18px; background:none; overflow:hidden;}
.popupLayer .header ul.boardOption {}
.popupLayer .header ul.boardOption:after {content:''; display:block; height:0; clear:both;}
.popupLayer .header ul.boardOption li {float:left; margin-left:2%;}
.popupLayer .header ul.boardOption li:first-child {margin-left:0;}
.popupLayer .header ul.boardOption li #searchpop {text-align:center;}
.popupLayer .header ul.boardOption li #searchpop #search {display:inline; width:74%; line-height:180%; border:1px solid #ccc; padding:0 3px; vertical-align:top;}
.popupLayer .header ul.boardOption li #searchpop #submit {display:inline; margin-left:5px;}
.popupLayer ul.headerTab {height:28px; line-height:28px; margin-bottom:10px; border-bottom:1px solid #d9d9d9;}
.popupLayer ul.headerTab li {display:inline; float:left; width:110px; margin-top:-1px; margin-right:-1px; font-size:14px; border:1px solid #d9d9d9; background:#f6f6f6;}
.popupLayer ul.headerTab li a {display:block; text-align:center; color:#666;}
.popupLayer ul.headerTab li.select {border-bottom:1px solid #fff; background:#fff;} 
.popupLayer ul.headerTab li.select a {color:#333;}
.popupLayer .content {}
.popupLayer .content dl.survey_pop dd p {padding-bottom:2%;}
.popupLayer .content dl.survey_pop dd p:after {content:''; display:block; height:0; clear:both;}
.popupLayer .content dl.survey_pop dd p span {display:block; float:left; margin-right:5px; line-height:32px;}
.popupLayer .footer {margin-top:2%; text-align:center;}
.popupLayer .footer ul {}
.popupLayer .footer ul li {display:inline; margin-left:5px;}
.popupLayer .footer ul li:first-child {margin-left:0;}

/* Slide Menu 레이아웃 */

header {
  position:relative;
  height:50px;
  min-height:50px !important;
  width:100%;
  background:#273343;
  z-index:3;
  -webkit-transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  -webkit-transition-property:-webkit-transform;
  -moz-transition-property:-moz-transform;
  transition-property:transform;
  -webkit-transition-duration:0.4s;
  -moz-transition-duration:0.4s;
  transition-duration:0.4s;
}
#cd-logo {display:block; margin:0 auto; width:190px; height:50px;}
#cd-logo img {display:block; width:100%;}

#cd-top-nav {position:absolute; top:0; right:0; height:100%;}
#cd-top-nav ul {height:100%; padding-top:5px;}
#cd-top-nav li {display:inline-block; margin-right:5px;}
#cd-top-nav a {display:inline-block; padding:.5em; color:#FFF; text-transform:uppercase; font-weight:500;}
#cd-top-nav a.current {background-color:#242e30;}
.no-touch #cd-top-nav a:hover {color:rgba(255, 255, 255, 0.7);}

html.sb-scroll-lock.sb-active:not(.sb-static) {overflow: hidden;}
.cd-main-content, .sb-site-container {width:100%; min-height:100%; position:relative; z-index:1; background-color:#f5f4e9;}
.sb-slidebar {height:100%; overflow-y:auto;	position:fixed;	top:0; z-index:0; display:none;	-webkit-transform: translate(0px);}
.sb-left {left:0; background:#244c75 url(/lmsdata/m_img/bg_pattern.png) repeat;}
.sb-right {right:0;	background:#d3d3d3 url(/lmsdata/m_img/bg_pattern.png) repeat;}
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {position:absolute;}
.sb-slidebar.sb-active {display:block;}
.sb-style-overlay {z-index:9999;}
.sb-momentum-scrolling {-webkit-overflow-scrolling:touch;}
.sb-slidebar {width:260px;}
.sb-slide, .cd-main-content, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition: -moz-transform 400ms ease;
	     -o-transition: -o-transform 400ms ease;
	        transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}
.sb-hide {display:none;}
.sb-toggle-left {
  position:absolute;
  left:0;
  top:0;
  width:50px;
  height:50px;
  text-indent:-9999px;
  background:#4e8693 url(/lmsdata/m_img/slide_menu_btn.png) top no-repeat;
  background-size:40%;
  background-position:50% 50%;
}
.sb-toggle-left::after {position:absolute;
  left:0;
  top:0;
  width:50px;
  height:50px;
  text-indent:-9999px;
  background-size:40%;
  background-position:50% 50%;
  background:#4e8693 url(/lmsdata/m_img/slide_close_btn.png) top no-repeat;}
.sb-toggle-right {
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:50px;
  height:50px;
  text-indent:-9999px;
  background:#f76043 url(/lmsdata/m_img/slide_today_btn.png) top no-repeat;
  background-size:40%;
  background-position:50% 50%;
}
.sub-menu {padding:0 10px; display:none; background:#336ca6;}
li.item-has-children a {display:block; line-height:2em; padding:5px 16px; color:#b3b3b3;}
li.item-has-children ul li a {display:block; line-height:2em; padding:2px 16px; color:#aab5b7;}
ul.cd-navigation li {border-top:1px solid #27537e; border-bottom:1px solid #1e4062;}
ul.cd-navigation li ul li {border-top:1px solid #3a7bbc; border-bottom:1px solid #2d6093;}
ul.cd-navigation li ul li a {font-size:.875em;}
ul.cd-navigation li:first-child {border-top:none;}
ul.cd-navigation li:last-child {border-bottom:none;}
/*li.item-has-children a.current {background-color:#3a4a4d; color:#FFF;}
li.item-has-children a:hover {color:#FFF;}*/

/* Used for the Switch effect: */
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(/lmsdata/m_img/switch.gif) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -90px; padding: 0 10px; }
.cb-disable span { background-position: right -180px;padding: 0 10px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }
.switch label { cursor: pointer; }
.switch input { display: none; }


.class_sbox {padding:5px 16px;}
.class_sbox select {width:228px;}
.week_sbox {position:absolute; top:0; right:0px;}
.week_sbox select {width:160px;}
.mainVisual {position:relative;}
.mainVisual p {position:absolute; top:0; right:0; width:80%; background:url(../img/visual_txt_t.png) no-repeat; background-size:cover; z-index:10;}


.tagline {position:absolute; left:0; top:60px; padding:10px 10px 10px 20px; border-top-right-radius:8px; border-bottom-right-radius:8px; background:rgba(0, 0, 0, .6); z-index:999;}
.tagline p {font-size:1em; color:#fff; font-weight:500; text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);}
.tagline h2 {margin-top:10px; font-size:1.4em; color:#fff; font-weight:800; line-height:140%; text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);}
.tagline h2 span {color:#6dcff6;}

/* Slide Menu 내정보 LIST */
.login_info {padding:5px 16px;}
.login_info:after {content:''; display:block; height:0; clear:both;}
.login_info p {float:left; width:60px;}
.login_info p img {width:100%; height:auto;}
.login_info p.logout {float:none; width:auto;}
.login_info ul {float:right; width:150px;}
.login_info ul li {float:left; padding-bottom:8px; font-size:.75em;}
.login_info ul li a {}
.login_info ul li:first-child {margin-right:15px;}
.login_info ul li:last-child {width:150px; font-size:1em;}


/* Slide Menu 교수자정보 LIST */
.prof_info {padding:5px 16px;}
.prof_info:after {content:''; display:block; height:0; clear:both;}
.prof_info p {float:left; width:60px;}
.prof_info p img {width:100%; height:auto;}
.prof_info ul {float:right; width:150px;}
.prof_info ul li {float:left; font-size:.75em; color:#b3b3b3;}
.prof_info ul li a { color:#fff;}
.prof_info ul li:first-child {width:150px; font-size:1em;}

span.num {display:inline-block; width:24px; height:24px; line-height:20px; text-align:center; margin-left:5px; font-size:12px; font-weight:500; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; box-sizing:border-box; color:#fff; border:2px solid #fff;}
span.circle {display:inline-block; width:24px; height:24px; line-height:20px; text-align:center; margin-left:5px; font-size:12px; font-weight:500; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; box-sizing:border-box; color:#fff; border:2px solid #fff; box-shadow:#666 0 0 3px;}

/* Today List 정보 부분 */
#todayList {position:relative; padding:5px 16px;}
#todayList h2 {padding-bottom:10px; font-size:1.25em;}
#todayList a.prev_btn {position:absolute;top:32px;right:30px; z-index:1;}
#todayList a.next_btn {position:absolute;top:32px;right:10px; z-index:1;}
#todayList div.listBox {position:relative; overflow:hidden;}
#todayList div.listBox ul.listNum {float:left; margin:0 5px; padding:5px 0; overflow:hidden; border-top:1px solid #d4d4d4; border-bottom:1px solid #b2b2b2;}
#todayList div.listBox ul.listNum:first-of-type {border-top:none;}
#todayList div.listBox ul.listNum:last-of-type {border-bottom:none;}
#todayList div.listBox ul.listNum li {float:left; width:190px; line-height:20px; font-size:.875em; color:#666;}
#todayList div.listBox ul.listNum li:nth-child(1) {width:5px; height:60px; margin-right:5px;}
#todayList div.listBox ul.listNum li:nth-child(2) {width:150px;}
#todayList div.listBox ul.listNum li:nth-child(3) {width:40px;}
#todayList div.listBox ul.listNum li h3, h4, h5 {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#todayList div.listBox ul.listNum li span {padding-right:5px;}

.sub_content {width:96%; margin:2% auto; /*font-size:.875em;*/}
.sub_content section {position:relative; margin-top:10px; padding:10px; border:1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow:#e1e1e1 1px 1px 3px; background:#fff;}

/* header TabList CSS */
.stc {position:relative; height:38px; line-height:38px; font-size:.875em; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#fff;}
.stc span {margin:0 5px;}
.stc .search_btn {position:absolute; top:4px; right:2%; padding:4px 6px;}
#searchbox {padding:5px; text-align:center; background:#7b909c; display:none;}
#searchbox.on {display:block;}
#searchbox #search {display:inline; width:80%; line-height:180%; border:0; padding:0 3px; vertical-align:top;}
#searchbox #submit {display:inline; margin-left:5px;}
#searchbox:after {content:''; display:block; height:0; clear:both;}

.boardTab {height:28px; line-height:28px; border-bottom:1px solid #d9d9d9; margin-bottom:2%;}
.boardTab ul li {display:inline; float:left; padding:0 4%; margin-top:-2px; margin-right:-1px; border:1px solid #d9d9d9; background:#f6f6f6;}
.boardTab ul li a {display:block; font-size:.875em; text-align:center; color:#999;}
.boardTab ul li.select {border-bottom:1px solid #fff; background:#fff;} 
.boardTab ul li.select a {color:#333;}

.item_list {}
.item_list .opt_sct {padding:2%; text-align:center; border:1px solid #e1e1e1; border-radius:4px; background:#f3f3f3;}
.item_list > .opt_sct > p {padding-bottom:2%; text-align:center;}
.item_list .opt_sct ul li {display:inline-block;}
.item_list .sct_box {}
.item_list .sct_box p {padding:2% 0; color:#7a9aba;}
.item_list .sct_box .sct_atc {padding:2% 0;}
.item_list .sct_box .sct_atc:after {content:''; display:block; height:0; clear:both;}
.item_list .sct_box .sct_atc span {display:inline-block; float:left; margin-right:10px;}

.board_list > ul > li {position:relative; padding:2% 0; border-top:1px solid #fcfcfa; border-bottom:1px solid #e3e3d0;}
.board_list > ul > li:first-child {border-top:1px solid #e3e3d0;}
.board_list > ul > li p {width:80%;}
.board_list > ul > li p.supple {width:auto; margin-top:3%; font-size:.875em; color:#7a9aba;}
.board_list > ul > li p a span {color:#f8941d;}
.board_list > ul > li .date {position:absolute; top:0; left:120px; padding-top:2%; color:#7a9aba;}
.board_list > ul > li .state {position:absolute; top:0; right:0; margin-top:2%; font-size:.75em;}
.board_list > ul > li > ul:after {content:''; display:block; height:0; clear:both;}
.board_list > ul > li > ul > li {float:left; padding:1% 0 1% 10px; font-size:.75em; color:#999; border:none; background:url(/lmsdata/m_img/bullet_line.gif) 5px 50% no-repeat;}
.board_list > ul > li > ul > li:first-child {padding-left:0; border:0; background:none;}
.board_list > ul > li > span.circle {position:absolute; top:0; right:0; margin-top:2%;}
.board_list > ul > li > span.check {position:absolute; top:0; right:0; margin-top:2%;}
.board_list > ul > li > span.msg_uncheck {position:absolute; top:0; right:0; width:24px; height:24px; margin-top:2%; text-indent:-9999px; background:url(../img/list_icon_message.png) 50% 50% no-repeat; background-size:contain;}
.board_list > ul > li > span.msg_check {position:absolute; top:0; right:0; width:24px; height:24px; margin-top:2%; text-indent:-9999px; background:url(../img/list_icon_message2.png) 50% 50% no-repeat; background-size:contain;}
.board_list > ul > li > span.week_btn {display:block; padding:2px 0; color:#7a9aba; font-weight:500; text-indent:10px;}
.board_list > ul > li > ol {padding-left:2%;}
.board_list > ul > li > ol > li {margin:1% 4%; float:left;}
.board_list > ul > li > ol:after {content:''; display:block; height:0; clear:both;}
.board_list > ul > li > ol > li a {display:block;}
.board_list > ul > li > ol > li span {display:inline-block; width:15px; height:15px; margin-right:5px; background:url(/lmsdata/m_img/week_spot.png) no-repeat; background-size:cover; vertical-align:middle;}
.board_list > ul > li > ol > li span.sign_c {background-position:0 0;}
.board_list > ul > li > ol > li span.sign_t {background-position:0 -15px;}
.board_list > ul > li > ol > li span.sign_f {background-position:0 -30px;}
.board_view {padding-bottom:5px;}
.board_view ul.subject li {position:relative; padding:2% 0; line-height:120%; font-size:1.25em; font-weight:500; color:#000; border-top:1px solid #fcfcfa; border-bottom:1px solid #e3e3d0;}
.board_view ul.subject li:first-child {border-top:1px solid #e3e3d0;}
.board_view ul.subject li p {width:90%;}
.board_view ul.subject li ul {overflow:hidden;}
.board_view ul.subject li ul li {float:left; padding:5px 0 5px 10px; font-size:.75em; color:#999; border:none; background:url(/lmsdata/m_img/bullet_line.gif) 5px 50% no-repeat;}
.board_view ul.subject li ul li:first-child {padding-left:0; border:0; background:none;}
.board_view ul.subject li span.circle {position:absolute; top:0; right:0; margin-top:2%;}
.board_view > p {padding:1% 0; line-height:140%;}
.sit_ov_btn {margin-top:2%; font-size:.75em; text-align:right;}
.board_comment > ul {border-bottom:1px solid #e3e3d0;}
.board_comment ul li {position:relative; padding:2% 0; line-height:120%; border-top:1px solid #e3e3d0;}
.board_comment ul li:after {content:''; display:block; height:0; clear:both;}
/*.board_comment ul li:first-child {border-top:1px solid #e3e3d0;}*/
.board_comment ul li:last-child {border-bottom:none;}
.board_comment ul li .icon-reply {position:absolute; top:3px; left:0; margin-top:2%;}
.board_comment ul li p {padding:5px 0;}
.board_comment ul li ul.comm_h {overflow:hidden;}
.board_comment ul li ul.comm_h li {float:left; padding:5px 0 5px 10px; font-size:.75em; color:#999; border:none; background:url(/lmsdata/m_img/bullet_line.gif) 5px 50% no-repeat;}
.board_comment ul li ul.comm_h li:first-child {padding-left:0; font-size:.875em; font-weight:500; color:#6187a9; border:0; background:none;}
.board_comment ul li ul.comm_h li:last-child {padding:0 0 0 10px;}
.board_comment ul li ul.comm_h li:last-child span {margin-right:1px;}
ul.comm_file {overflow:hidden;}
ul.comm_file li {float:left; padding:5px 0 5px 10px; font-size:.75em; color:#999; border:none; background:url(/lmsdata/m_img/bullet_line.gif) 5px 50% no-repeat;}
ul.comm_file li:first-child {padding-left:0; border:0; background:none;}
ul.comm_file li span {margin-right:10px;}
.board_comment ul li ul.comm_confirm {float:right; overflow:hidden;}
.board_comment ul li ul.comm_confirm li {float:left; margin-left:2px; padding:0; font-size:.75em; border:none;}
.board_comment ul li span.circle {position:absolute; top:5px; right:0;}
.board_comment .comm_write {margin:2% 0;}
.board_comment .comm_write:after {content:''; display:block; height:0; clear:both;}
.board_comment .comm_write ul {float:right; overflow:hidden;}
.board_comment .comm_write ul li {float:left; margin-left:5px; font-size:.875em; border:0;}
.board_comment .more_btn {display:block; margin-top:2%; padding:1% 0; color:#978959; font-weight:500; text-align:center; border:1px solid #dbd8b3; background:#e4e2c5;}
.board_write > ul > li {padding:2% 0; line-height:30px; border-bottom:1px solid #e3e3d0;}
/*.board_write > ul > li:first-child {border-top:1px solid #e3e3d0;}*/
.board_write > ul > li > ul:after {content:''; display:block; height:0; clear:both;}
.board_write > ul > li > ul > li {float:left; margin-right:2%; line-height:30px;}
.board_write > ul > li > ul > li:last-child {float:right; margin-right:0;}
.board_write > ul > li > ul > li > span {display:inline-block; margin:2px;}
.boardFooter {margin:0 auto; margin-top:2%; text-align:center;}
.boardFooter p {display:inline; margin-right:5px;}

footer {padding:10px 0;}
footer a.device {margin:0 10px 10px 10px; display:block; padding:1% 0; color:#978959; text-align:center; border:1px solid #dbd8b3; background:#e4e2c5;}
footer p.copyright {width:90%; margin:0 auto; font-size:.75em; line-height:150%; text-align:center;}
footer p.copyright span {display:inline-block; margin:0 2px; border:1px solid #ccc; box-sizing:border-box; background:url(/lmsdata/m_img/lang_flag.jpg) no-repeat; background-size:cover;}
footer p.copyright span a {display:block; width:24px; height:16px; text-indent:-9999px;}
footer p.copyright span.lang_ko  {background-position:0 0;}
footer p.copyright span.lang_en  {background-position:0 -16px;}
footer p.copyright span.lang_cn  {background-position:0 -32px;}
footer p.copyright span.lang_jp  {background-position:0 -48px;}

/********************************************************************************************************
 * Mbile 공통 CSS - END
*********************************************************************************************************/



/********************************************************************************************************
 * Classroom CSS - START
*********************************************************************************************************/
#headerClass {width:100%; height:50px; overflow:hidden; background:url(/lmsdata/m_img/visual_img_large01.jpg) repeat; background-size:cover;}
#headerClass h2 {width:100%; height:50px; line-height:50px; text-align:center; font-size:1.5em; font-weight:800;
text-shadow:
	white  1px  1px 0px, /* right down */
	white -1px  1px 0px, /* left  down */
	white -1px -1px 0px, /* right up   */
	white  1px -1px 0px, /* left  up   */

	/** next 4 shadows improve rendering */
	white  1px  0px 0px, /* right */
	white -1px  0px 0px, /* left  */
	white  0px  1px 0px, /* down  */
	white  0px -1px 0px, /* up    */

	/** lets add some blurred shadow to make it
			look a little nicer */
	black  3px  3px 7px;
letter-spacing:2px;
}
#headerClass h2 a {color:#000;}

.sub_content section h3 {padding:2% 0; font-size:1em;}
.sub_content section h3 span {margin-left:10px; font-size:.75em; font-weight:normal;}
.sub_content section h4 {margin-top:5%; padding:2% 0; color:#466686;}
.sub_content section .h_box h3,
.sub_content section .part_page h3,
.sub_content section .part_page h4 {padding:2% 0; font-size:1em;}
.sub_content section > p {color:#999;}
.sub_content section hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin-top:1em; padding:0;}
.sub_content section p.tip {padding-bottom:1%; font-size:.75em; color:#a1a1a1;}
.sub_content section p.tip span {padding-left:20px;}
.sub_content section .msg {position:absolute; top:0; right:0; margin-top:1%; z-index:auto;}
.sub_content section .bar_exp {padding-bottom:10px;}
.sub_content section .bar_exp:after {content:''; display:block; height:0; clear:both;}
.sub_content section .bar_exp div {float:left; width:50%;}
.sub_content section .bar_exp div p {font-size:.75em;}
.sub_content section .bar_exp ul.bar {height:auto; border-radius:initial;}
.sub_content section .bar_exp ul.bar li {line-height:normal;}
.sub_content .detail_btn {width:100%; margin-top:5px;}

/*.swipe {overflow-x:hidden; visibility:hidden; position:relative;}
.swipe-wrap {overflow-x:hidden; position:relative;}
.swipe-wrap > div {float:left; width:100%; position:relative;}*/


.swiper-container {
	margin:0 auto;
	position:relative;
	overflow-x:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
/* .swiper-wrapper { */
/* 	position:relative; */
/* 	width:100%; */
/* 	height:auto !important; */
/* 	-webkit-transition-property:-webkit-transform, left, top; */
/* 	-webkit-transition-duration:0s; */
/* 	-webkit-transform:translate3d(0px,0,0); */
/* 	-webkit-transition-timing-function:ease; */
	
/* 	-moz-transition-property:-moz-transform, left, top; */
/* 	-moz-transition-duration:0s; */
/* 	-moz-transform:translate3d(0px,0,0); */
/* 	-moz-transition-timing-function:ease; */
	
/* 	-o-transition-property:-o-transform, left, top; */
/* 	-o-transition-duration:0s; */
/* 	-o-transform:translate3d(0px,0,0); */
/* 	-o-transition-timing-function:ease; */
/* 	-o-transform:translate(0px,0px); */
	
/* 	-ms-transition-property:-ms-transform, left, top; */
/* 	-ms-transition-duration:0s; */
/* 	-ms-transform:translate3d(0px,0,0); */
/* 	-ms-transition-timing-function:ease; */
	
/* 	transition-property:transform, left, top; */
/* 	transition-duration:0s; */
/* 	transform:translate3d(0px,0,0); */
/* 	transition-timing-function:ease; */

/* 	-webkit-box-sizing: content-box; */
/* 	-moz-box-sizing: content-box; */
/* 	box-sizing: content-box; */
/* } */
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
/* .swiper-slide { */
/* 	float: left; */
/* 	height:auto !important; */
/* 	-webkit-box-sizing: content-box; */
/* 	-moz-box-sizing: content-box; */
/* 	box-sizing: content-box; */
/* } */

.sub_content .jaf-container:after {content:''; display:block; height:0; clear:both;}
.sub_content .jaf-container .folder {position:relative; float:left; width:30%; margin:1.6%;}
.sub_content .jaf-container .folder ul {position: absolute; width:100%; left:0; bottom:0; background:rgba(0,0,0,.6);}
.sub_content .jaf-container .folder ul li {padding:5px 0; font-size:.75em; line-height:100%; text-align:center; color:#fff;}
.sub_content .jaf-container .folder ul li:first-child {padding-bottom:0;}
.sub_content .jaf-container .folder:before {content:""; display:block; padding-top:120%;}
.sub_content .jaf-container .folder img {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:1px solid #e1e1e1;}
ul.div_list:after {content:''; display:block; height:0; clear:both;}
ul.div_list li {float:left; width:100%; padding-left:8px; background:url(/lmsdata/m_img/icon_dot.gif) left 50% no-repeat;}


@media (min-width:768px) {

/********************************************************************************************************
 * BASIC reset/board/button 설정
*********************************************************************************************************/
.btn {font-size:120%;}
.btn-group > .btn {font-size:100%;}
.small, .mini {font-size:100%;}
.f12 {font-size:.875em !important;}
.f20 {font-size:2em !important;}
.cb {clear:none;}
.input_data {width:120px; font-size:1em !important;}
.boardListInfo ul li {float:left; margin-left:5%;}
.boardListInfo ul li:first-child {margin-left:0;}

/********************************************************************************************************
 * BASIC Tablet 설정
*********************************************************************************************************/
header {height:70px;}
#cd-logo {width:270px; height:70px;}
#cd-top-nav a {padding:.75em; font-size:1.2em;}
.sb-toggle-left,
.sb-toggle-right {width:70px; height:70px;}
li.item-has-children a {font-size:1.2em; font-weight:500;}
ul.cd-navigation li ul li a {font-size:1em;}

.skippr {height:500px;}
.tagline {top:160px;}
.tagline p {font-size:1.6em;}
.tagline h2 {font-size:2.45em;}

.sub_content section h3 {font-size:1.4em;}
.sub_content section .h_box h3,
.sub_content .part_page h3,
.sub_content section .part_page h3,
.sub_content section .part_page h4 {padding:2% 0; font-size:1.2em;}

#headerClass {height:100px;}
#headerClass h2 {height:100px; line-height:100px; font-size:2.45em;}
.sub_content section p.tip,
.sub_content section .bar_exp div p {font-size:1em;}
.bar li {font-size:100%;}

.item_list p {font-size:1.2em;}
.board_list > ul > li {font-size:1.2em;}
.board_write > ul > li > ul > li.input_title {color:#7a9aba; font-size:1.2em; font-weight:500;}

.boardListImg th img {width:50%;}
.boardListImg {font-size:1.2em;}

.board_list > ul > li .state {padding:1%; font-size:1.2em;}

ul.div_list li {width:30%;}

footer p.copyright {font-size:.875em;}
footer p.copyright span a {display:block; width:30px; height:20px; text-indent:-9999px;}
footer p.copyright span.lang_ko  {background-position:0 0;}
footer p.copyright span.lang_en  {background-position:0 -20px;}
footer p.copyright span.lang_cn  {background-position:0 -40px;}
footer p.copyright span.lang_jp  {background-position:0 -60px;}
}

@media (max-width:320px) {
.sub_content {font-size:.875em;}
}

.result_icon {
    position: absolute;
    top: 12px;
    right: 10px;
}
.result_icon .stack_blue {
    font-size: 36px;
    color: #39c;
}
.result_icon .stack_red {
    font-size: 36px;
    color: #ee1c24;
}
.result_icon .stack_gray {
    font-size: 36px;
    color: #ccc;
}
.result_icon .stack_orange {
    font-size: 36px;
    color: #f8941d;
}