@charset "UTF-8"
*{
	word-break: break-word;
	/*-ms-overflow-style: none;*/
	/* TEST */
}
*:focus{
	outline: none;
}
html, body {
	font-family: 'KBIZgo';
}
/**::-webkit-scrollbar{
	display: none;
*/
a, a:hover, a:focus, a:active{
	text-decoration: none !important;
}
select::-ms-expand{
	display: none;
}
ul, li {
	margin: 0;
	padding: 0;
}
/* header */
#header{
	width: 100%;
	height: 100px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: white;
	z-index: 1002;
}
#header ul.dropdown-menu{
	min-width: 200px;
	width: 100%;
	border-radius: 0;
	border-color: #4b545a;
	left: inherit;
	right: 0;
}
#header ul.dropdown-menu > li > a:hover, #header ul.dropdown-menu > li > a:focus, #header ul.dropdown-menu > li > a:active{
	background-color: white;
}
.header_logo{
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.pc_header_menu{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.pc_header_menu>li{
	float: left;
	border-left: 2px solid #cfd6dd;
	margin-left: 15px;
	padding-left: 15px;
	height: 10px;
	line-height: 10px;
}
.pc_header_menu>li:first-child{
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}
.pc_header_menu .join_btn{
	width: 130px;
	height: 30px;
	text-align: center;
	background-color: #f4492e;
	color: white;
}
.pc_header_menu .login_btn{
	width: 130px;
	height: 30px;
	text-align: center;
	border: 1px solid #f4492e;
	color: #f4492e;
}
.pc_header_menu>li>a{
	margin-top: -10px;
	display: block;
	line-height: 30px;
}
.navbar-inverse{
	background-color: white;
}
#header .center_menu{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#header .center_menu > div{
	float: left;
	margin-left: 15px;
	width: 150px;
	height: 40px;
	line-height: 40px;
	background-color: #dedede;
	text-align: center;
	border-radius: 5px;
	font-weight: bold;
	font-size: 15px;
	box-shadow: 3px 3px 1px #667179;
}
#header .center_menu > div:first-child{
	margin-left: 0;
}
#header .center_menu > div.on{
	background-color: #a4eaea;
}
#header .center_menu > div a{
	color: #657079;
	display: block;
}
#header .center_menu > div a:hover, #header .center_menu > div a:focus, #header .center_menu > div a:active{
	text-decoration: none;
}
#header .center_menu > div.on a{
	color: #00989e;
}
/* header-end */

/* footer */
#footer{
	background-color: #dcdcdc;
	color: #63666b;
	padding-bottom: 50px;
}
#footer a{
	color: #63666b;
}
#footer .line{
	height: 1px;
	background-color: #c2c2c2;
	margin-top: 20px;
	margin-bottom: 20px;
}
#footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul li{
	float: left;
}
#footer .dropdown button{
	width: 210px;
	height: 40px;
	border-radius: 0;
	text-align: left;
}
#footer ul.dropdown-menu{
	border-radius: 0;
	width: 100%;
}
#footer ul.dropdown-menu li{
	float: none;
}
#footer .dropdown .caret{
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#footer .sns li{
	margin-right: 10px;
}
.footer_menu1 li{
	border-left: 1px solid #b3b3b3;
	margin-left: 15px;
	padding-left: 15px;
	height: 15px;
	line-height: 15px;
	margin-top: 30px;
}
.footer_menu1 li:first-child{
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}
.footer_menu2{
	margin-bottom: 20px !important;
}
.footer_menu2 li{
	border-left: 1px solid #63666b;
	margin-left: 10px;
	padding-left: 10px;
	height: 15px;
	line-height: 15px;
}
.footer_menu2 li:first-child{
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}
#footer .dropdown select{
	-webkit-appearance: none;
	border-radius: 0;
	width: 100%;
}
/* footer-end */

/* 회원가입 */
.join_process{
	display: inline-block;
	margin: 0 auto;
	position: relative;
}
.join_process ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.join_process ul li{
	float: left;
	text-align: center;
	margin-left: 50px;
}
.join_process ul li:first-child{
	margin-left: 0;
}
.join_process ul li .circle{
	border: 2px solid #a1a8af;
	color: #a1a8af;
	width: 65px;
	height: 65px;
	line-height: 61px;
	border-radius: 40px;
	margin: 0px auto 20px auto;
	background-color: white;
	font-size: 15px;
}
.join_process ul li .circle.on{
	border: none;
	background-color: #4bd2cd;
	color: white;
	line-height: 65px;
}
.join_process ul li .txt{
	color: #67747f;
}
.join_process .bg_line{
	width: 90%;
	height: 1px;
	background-color: #a1a8af;
	position: absolute;
	top: 30%;
	left: 20px;
	z-index: -1;
}
.join_box{
	border: 1px solid #d6d8e0;
	border-radius: 10px;
	padding: 50px;
	margin-bottom: 50px;
	overflow: hidden;
}
.join_box .content{
	padding: 20px;
	height: 200px;
	border-bottom: 1px solid #ced1d6;
	text-align: left;
	white-space: pre-line;
	overflow-y: scroll;
}
.join_box .top{
	border-bottom: 1px solid #d6d8e0;
}
.join_box .top .title{
	float: left;
	height: 50px;
	line-height: 50px;
	margin-left: 40px;
}
.join_box .top .stars_wrap{
	float: right;
	height: 50px;
	line-height: 50px;
	margin-right: 20px;
}
.join_box .bottom{
	border-top: 1px solid #d6d8e0;
	background-color: #f1f5f7;
}
.join_box .bottom .title{
	color: #424b51;
	margin-right: 20px;
}
.difficulty{
	float: left;
	color: white;
	background-color: #a0a8af;
	width: 120px;
	height: 45px;
	line-height: 45px;
	margin: -5px 0 0 5px;
	padding-left: 20px;
	text-align: center;
	border-radius: 45px;
	cursor: pointer;
	position: relative;
}
.difficulty img{
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.difficulty.on{
	background-color: #7ab3f9;
}
.join_box .bottom .info > div{
	padding: 20px 15px;
}
.join_box .bottom .info .content_thumb{
	width: 50%;
	max-width: 200px;
	height: 160px;
	border-radius: 5px;
	background-color: black;
    background-size: cover;
    background-position: center;
}
.join_box .bottom .include{
	border: 1px solid #b8c5d2;
	border-radius: 5px;
	margin-bottom: 10px;
	text-align: center;
	padding: 10px
}
.join_box .bottom .include .include_title{

}
.join_box .bottom .include .include_desc{
	color: #64a3f3;
	font-size: 18px;
}
.join_box .bottom .words .words_line{
	border: none;
	border-top: 1px dotted #a0a7ae;
	position: relative;
	margin: 20px auto 0 auto;
	width: 75%;
	text-align: center;
	padding-top: 5px;
	color: #a0a7ae;
}
.join_box .bottom .words .words_line:before{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	background-color: #a0a7ae;
	top: -5px;
	left: 0;
	border-radius: 10px;
}
.join_box .bottom .words .words_line:after{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	background-color: #a0a7ae;
	top: -5px;
	right: 0;
	border-radius: 10px;
}
.join_box .bottom .words > div{
	position: relative;
}
.join_box .bottom .words .word_content{
	display: table;
	margin: 0 auto;
}
.join_box .bottom .words .word_content > div{
	border: 2px solid;
	float: left;
	border-radius: 10px;
	width: 100px;
	padding: 15px 0;
	text-align: center;
	font-size: 17px;
	word-break: break-word;
}
.join_box .bottom .words .word_content > div:first-child{
	margin-left: 0;
}
.join_box .bottom .words .get_wrap .get{
	border-color: #7ab4f9;
	color: #7ab4f9;
}
.join_box .bottom .words .upgrade_wrap .upgrade{
	border-color: #ff8492;
	color: #ff8492;
}
.join_box .bottom .words .default_wrap .default{
	border-color: #e3e5e7;
	color: #e3e5e7;
}
.login_btn.join{
	color: white;
	background-color: #424b51;
	padding: 5px 15px;
	border-radius: 20px;
}
/*.login_btn:hover, .login_btn:focus, .login_btn:active{
	color: white;
}*/
.product > div{
	background-color: #f4f4f4;
	border-top: 10px solid #667179;
	padding: 15px;
	/*상품추가시 마진값 삭제*/
	margin-right:15px;
	margin-left:15px;

}
.product.month > div{
	border-color: #6ad7a8;
}
.product.year > div{
	border-color: #4fcec9;
}
.product.plus > div{
	border-color: #7cb1ff;
}
.product .title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.product .price{
	font-size: 15px;
	margin-bottom: 10px;
}
.product.month .price{
	color: #6ad7a8;
}
.product.year .price{
	color: #4fcec9;
}
.product.plus .price{
	color: #7cb1ff;
}
.product .category{
	margin-bottom: 20px;
}
.product .category_title{
	font-size: 17px;
	border-bottom: 3px solid #1f3340;
	padding: 5px 0px;
}
.product .category_content{
	padding: 5px 10px;
	border-bottom: 1px solid #cdd2d6;
	color: #68767e;
}
.product .category_free{
	font-size: 16px;
	padding: 5px;
	border-bottom: 1px solid #f4f4f4;
	color: #f4f4f4;
}	
.product .category_month{
	font-size: 16px;
	padding: 5px;
	border-bottom: 1px solid #f4f4f4;
	color: #f4f4f4;
}
.product .category_year{
	font-size: 16px;
	padding: 5px;
	border-bottom: 1px solid #f4f4f4;
	color: #f4f4f4;
}
.product .category_plus{
	font-size: 16px;
	padding: 5px;
	border-bottom: 1px solid #7cb1ff;
	color: #5e9af2;
}

.product button{
	border: none;
	width: 200px;
	height: 40px;
	border-radius: 40px;
	color: white;
}
.product.free button{
	background-color: #667179;
}
.product.month button{
	background-color: #6ad7a8;
}
.product.year button{
	background-color: #4fcec9;
}
.product.plus button{
	background-color: #7cb1ff;;
}

.password_set{
	background-color: #ff725e;
	margin: 50px 0;
	padding: 15px 0;
	color: white;
}
.password_set a{
	color: white;
	text-decoration: underline;
}
.welcome .title{
	font-size: 40px;
}
.welcome .sub_title{
	margin: 10px 0px 30px 0;
	color: #4fcec9;
}
.add_person_box{
	max-width: 560px;
	margin: 50px auto 100px auto;
}
.add_person_box .top{
	background-color: #64d3cf;
	padding: 30px 20px;
}
.add_person_box .top .title{
	font-size: 25px;
	margin-bottom: 20px;
}
.add_person_box .top .step1 .users > div{
	margin-bottom: 5px;
	position: relative;
}
.add_person_box .top .step1 .users > div img{
	margin-bottom: 5px;
}
.add_person_box .top .step1 .users .icon{
	position: absolute;
	top: -20px;
	right: -20px;
	width: 32px;
	height: 32px;
	z-index: 1;
}
.add_person_box .top .step1 .users .icon.add_icon{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.add_person_box .top .step1 .users .add_icon{
	background-image: url("/images/btn_profile_add_off.png");
}
.add_person_box .top .step1 .users > div:hover .add_icon{
	background-image: url("/images/btn_profile_add_on.png");
}
.add_person_box .top .step1 .users .config_icon{
	background-image: url("/images/btn_profile_config_off.png");
}
.add_person_box .top .step1 .users > div:hover .config_icon{
	background-image: url("/images/btn_profile_config_on.png");
}
.add_person_box .bottom{
	border: 1px solid #c4c4c4;
	border-top: none;
	padding: 20px 0;
}
.add_person_box .bottom{
	color: #647278;
}
.add_person_box .user_id{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* 회원가입 끝 */

/* 비밀번호 찾기 */
.find_password .title{
	font-size: 15px;
}
.find_password .content{
	color: #879096;
	margin-bottom: 50px;
}
/* 비밀번호 찾기 끝 */

/* 마이페이지 */
.mypage .mypage_category{
	margin: 30px 0 5px 0;
	font-size: 14px;
}
.mypage .mypage_category:first-child{
	margin-top: 0;
}
.mypage .mypage_content{
	padding: 30px 10px;
	line-height: 30px;
}
.mypage .mypage_content.info > div > div{
	border-left: 1px solid #ddd;
}
.mypage .mypage_content.info > div > div:first-child{
	border-left: 0;
}
.mypage .mypage_content.info input, .mypage .mypage_content.info select{
	width: 80%;
	margin: 0 auto;
}
.full-div{
	padding-left: 0;
	padding-right: 0;
}
.hyphen:before{
	content: "-";
	position: absolute;
	left: -3px;
}
.popup_hyphen:before{
	content: "-";
	position: absolute;
	left: -3px;
	top: 5px;
}
/* 마이페이지 끝 */


/* 결제 2017 */
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.p10 {padding:10px !important;}
.list_top_noline td {border-top:0 !important}
.list_btm_noline td {border-bottom:0 !important}
.container .icon_ok{
	width: 20px;
	height: 20px;
	background-image: url("/images/icon_ok.png");
	vertical-align: top;
	display: inline-block; 
}
.container .icon_ok0{
	width: 20px;
	height: 20px;
	background-image: url("/images/icon_ok0.png");
	vertical-align: top;
	display: inline-block; 
}
.container .icon_no{
	width: 20px;
	height: 20px;
	background-image: url("/images/icon_no.png");
	vertical-align: top;
	display: inline-block; 
}
.product .category_content{
	padding: 10px 20px;
	border-bottom: 1px solid #cdd2d6;
	color: #68767e;
}
.disabled {
	color: #b6bbbf !important;
}
.list_block td,.list_block th,.btmline {border-bottom:solid 1px #cdd2d6}
.total_tr td {background-color: #f5f5f5;padding:0px;font-weight:bold}
.total_tr .boxing{width:100%;margin-top:15px;margin-bottom:15px}
.td10p {width:10%}
.lh30 {line-height:30px}
.btn_area {margin:30px 0; text-align:center}
.doc_title {background-color:#6cd3cf;margin-top:15px;text-align:left;font-weight:bold;font-size:22px;padding:4px 45px;border-radius:5px;color:#fff;margin-bottom:0px}
.info_txt {background-color:#f4f4f4;margin-top:15px;font-size:16px;padding:15px; border-radius:5px;color:#203341;margin-bottom:20px;}
.list_item .tcheck {cursor:pointer}

.thumb_list {width:100%;over-flow:hidden;text-align:center;padding:2px}
.thumb_list img {}
.thumb_list .thm {width:95%;height:95%;border-radius:10px;border:0px;margin-top:30px}
.thumb_list .end {margin-right:0}
.thumb_list .title {font-weight:normal; font-size:15px;color:#203341; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 170px; height: 20px; display:inline-block;}
.thumb_list .won {font-size:16px;color:#17b5ff;}
.thumb_list .b a,.thumb_list .b a:hover {font-size:14px;color:#333 !important;}
.thumb_list .etc {font-size:13px;color:#999}
.thumb_list td {text-align:left;}
.thumb_list th {text-align:left;padding-right:5px;}
.thumb_list table {margin:10px 0 0 5px;}

.ethumb_list {width:100%;over-flow:hidden;text-align:center;padding:2px}
.ethumb_list img {}
.ethumb_list .thm {width:95%;height:95%;border-radius:10px;border:0px;margin-top:30px}
.ethumb_list .end {margin-right:0}
.ethumb_list .title {font-weight:bold; font-size:15px;color:#203341; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 170px; height: 20px; display:inline-block;}
.ethumb_list .won {font-size:16px;color:#17b5ff}
.ethumb_list .b a,.ethumb_list .b a:hover {font-size:14px;color:#203341 !important;}
.ethumb_list .etc {font-size:13px;color:#999;}
.ethumb_list td {text-align:left}
.ethumb_list th {text-align:left;padding-right:5px;}
.ethumb_list table {margin:10px 0 0 5px;}
.btn_fav {cursor:pointer} 
.btn_efav {cursor:pointer} 
.blind {background:url(/images/bg_blank.png);border-radius:10px;border:0px;display:none;position:absolute;top:30px;left:5%}
.eblind {background:url(/images/bg_blank.png);border-radius:10px;border:0px;display:none;position:absolute;top:30px;left:5%}
.rbtn {border:solid 1px #fff; fotn-weight:bold;color:#fff;border-radius:15px;padding:3px 10px;position:absolute;top:30px;left:50%;margin-left:-40px;cursor:pointer}
.rbtn:hover {color:#fff}
.wrap_blank {position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg_blank.png);z-index:1000;display:none} 
.numb input {float:left !important;margin-right:4px}
.more_info {position:absolute;top:0;left:0;width:340px;height:370px;display:none;z-index:1001;border-radius:15px;overflow:hidden;background-color:#fff}
.more_info .info_top {background-color:#ef4c21;width:100%}
.more_info .close_info {position:absolute;right:10px;top:10px;cursor:pointer}
.more_info .doc_header {text-align:left;position:absolute;bottom:0;left:0;font-size:18px;color:#fff;padding:10px}
.more_info .doc_header .title {font-size:22px}
.more_info .text-red {color:red;font-weight:bold}
.more_info .doc {text-align:left;padding:12px}
.more_info .set {text-align:left;padding:12px;color:#999}

.pop_cards {width:80%;margin:0 auto}
.pop_cards th {color:red;text-align:center;border-bottom:solid 2px #fe3600;height:30px}
.pop_cards td {font-weight:bold;padding:5px 0}
.pop_cards .price {color:#36baff}
.pop_cards .del {text-align:center}
.pop_cards .cate {color:#a2aaaf}
.pop_cards .endline td {border-bottom:solid 1px #ebebeb}
.pop_cards .sum{font-size:16px;font-weight:bold}
.pop_cards .sum_price {font-size:16px;font-weight:bold;text-align:right}
.pop_cards .total_price {background-color:#fafafa;border-bottom:solid 1px #ebebeb;line-height:30px}


.orange_btn{
	width: 150px;
	height: 45px;
	line-height: 45px;
	margin: 0 auto 50px auto;
	background-color: #ef4c21;
	margin: 0 auto 50px auto;
	border-radius: 5px;
	cursor: pointer;
	color: white;
	font-weight:bold;
}
.orange_btn:hover {
	width: 150px;
	height: 45px;
	line-height: 45px;
	margin: 0 auto 50px auto;
	background-color: #424B51;
	cursor: pointer;
	color: white;
	font-weight:bold;
}
.orange_btn a{
	display: block;
	color: white;
}
/* 결제 2017 */
.orange_btn2{
	color: white;
	background-color: #ef4c21;
	padding: 5px 15px;
	border-radius: 20px;
}

/* 팝업 */
.popup_wrap{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 1001;
}
.popup_wrap.show{
	display: block;
}
.popup_bg{
	position: relative;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
}
.popup_wrap .popup{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	border-radius: 5px;
	overflow: hidden;
	max-width: 480px;
	width: 100%;
}
.popup .popup_title{
	position: relative;
	background-color: #4c5266;
	color: white;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 20px;
}
.popup .popup_title .del_btn{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	cursor:pointer;
}
.popup .popup_contents_wrap{
	background-color: white;
	position: relative;
	width: 100%;
	height: 340px;
}
.popup .popup_contents_wrap .popup_contents_desc{
	text-align: center;
	padding-top: 20px;
	color: #859098;
}
.popup .popup_contents_wrap .popup_contents{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding: 0 15px;
	width: 100%;
}
.popup .popup_contents_wrap .btn_wrap{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	display: table;
}
.popup .popup_desc{
	white-space: pre-line;
	text-align: center;
	color: #869097;
	padding-top: 20px;
	line-height: 25px;
}
/* 팝업 끝 */

/* e-Library */
.contents_box{
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}
.contents_box .title_wrap{
	background-color: #dbe4ed;
	height: 60px;
	line-height: 60px;
}
.contents_box .title_wrap .title{
	float: left;
	padding-left: 15px;
	font-size: 16px;
}
.contents_box .title_wrap .sub-title {
	float: left;
	padding-left: 10px;
	color: #606779;
	font-size: 12px;
}
.contents_box .title_wrap .more{
	cursor: pointer;
	float: right;
	padding-right: 15px;
}
.contents_box .contents{
	background-color: #f1f5f8;
	padding: 20px;
}
.btn_interest_txt{
	margin-top: 10px;
	min-height: 40px;
}
.btn_interest .icon_wrap{
	position: relative;
}
.btn_interest .icon_wrap .checked{
	position: absolute;
	top: -5px;
	right: -5px;
	width: 25px;
	height: 25px;
	background-image: url("/images/interest/btn_check_off.png");
}
.btn_interest .icon_wrap .checked.on{
	background-image: url("/images/interest/btn_check_on.png");
}
/* e-Library 끝 */

/* 활동이력 */
.history_box{
	border-radius: 5px;
	overflow: hidden;
}
.history_box .top{
	min-height: 100px;
	background-color: #444c61;
	position: relative;
}
.history_box .top .user_thumb{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
	float: left;
	margin: 30px 20px 0 40px;
	background-color: white;
}
.history_box .top .user_info{
	color: white;
	float: left;
	margin-top: 30px;
}
.history_box .top .user_info .user_id{
	float: left;
	font-size: 18px;
	line-height: 30px;
	margin-right: 10px;
}
.history_box .top .user_info .user_level{
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	color: white;
	background-color: #5aa2f8;
	border-radius: 5px;
	float: left;
	text-align: center;
}
.history_box .top .set{
	position: absolute;
	top: 10px;
	right: 15px;
	background-color: white;
	width: 15px;
	height: 15px;
}
.history_box .top .report{
	display: none;
}
.history_box .menu_wrap, .history_box .content{
	background-color: #f5fafd;
	padding: 20px 40px;
}
.history_box .content_wrap .content_title{
	background-color: #f5fafd;
	padding: 30px 40px 40px 40px;
	cursor: pointer;
	border-top: 1px solid #d7e4f1;
	position: relative;
}
.history_box .content_wrap .content_title:after {
	position: absolute;
	top: 30px;
	right: 40px;
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background-image: url('/images/btn_close.png');
}
.history_box .content_wrap.open .content_title:after {
	background-image: url('/images/btn_open.png');
}
.history_box .content_wrap .content_title img{
	margin-right: 15px;
}
.history_box .content_wrap .content{
	display: none;
}
.history_box .menu_wrap{
	border-bottom: 1px solid #ecf3f9;
	z-index: 1001;
}
.history_box .menu_wrap::-webkit-scrollbar{
	display: none;
}
.history_box .menu_wrap .menu{
	display: table;
	float: left;
}
.history_box .menu_wrap .menu .menu_name{
	font-weight: bold;
}
.history_box .menu_wrap .menu > div{
	float: left;
	width: 120px;
	height: 70px;
	border-radius: 5px;
	cursor: pointer;
	overflow: hidden;
}
.history_box .menu_wrap .menu > div.on{
	background-color: #59a2f8;
	cursor: default;
	color: white;
}
.history_box .menu_wrap .menu .icon{
	margin-top: 10px;
	margin-bottom: 5px;
}
.history_box .menu_wrap .menu > div.on .icon img{
	border-radius: 50px;
	background-color: white;
}
.history_box .report{
	float: right;
	margin-top: 5px;
	font-weight: bold;
}
.history_box .report .report_date{
	background-color: #d6d8e0;
	border-radius: 100px;
	margin-top: 10px;
	padding: 5px 20px;
	position: relative;
}
.history_box .report .report_date .btn-date {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.history_box .report .report_date .prev {
	left: 0;
	background-image: url('/images/btn_prev_type01_off.png');
}
.history_box .report .report_date .next {
	right: 0;
	background-image: url('/images/btn_next_type01_off.png');
}
.history_box .report .report_date .prev:active {
	left: 0;
	background-image: url('/images/btn_prev_type01_on.png');
}
.history_box .report .report_date .next:active {
	right: 0;
	background-image: url('/images/btn_next_type01_on.png');
}
.history_box .report .report_date input{
	background-color: transparent;
	border: 0;
	outline: none;
	width: 100px;
	text-align: center;
}
.history_box .content .box{
	margin-bottom: 30px;
}
.history_box .content .box .title_wrap{
	background-color: #79b3f9;
	padding: 10px 20px;
}
.history_box .content .box .title_wrap .title{
	color: white;
	float: left;
	margin-right: 10px;
	font-size: 18px;
}
.history_box .content .box .title_wrap .sub_title{
	color: #f4eead;
	float: left;
	transform: translateY(15%);
	-webkit-transform: translateY(15%);
}
.history_box .content .box .desc{
	background-color: white;
	min-height: 350px;
	height: 100%;
	position: relative;
}
.history_box .content .box .desc.summary{
	min-height: 250px;
}
.history_box .content .box .desc.p-15{
	padding: 15px;
}
.history_box .content .box.no_title .desc{
	min-height: 295px;
	border: 2px solid #79b3f9;
}
.history_box .content .box .desc.time > .item{
	position: absolute;
	width: 50%;
	top: 50% !important;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.history_box .content .box .desc.improve > .item{
	position: absolute;
	height: 50%;
	padding: 0 50px;
	font-size: 17px;
}
.history_box .content .box .desc.goal > .item{
	position: absolute;
	height: 33%;
	padding: 0 10px;
	width: 100%;
}
.history_box .content .box .desc.activity{
	font-size: 17px;
}
.history_box .content .box .desc.activity > .item{
	position: relative;
	margin-left: 40px;
	padding: 30px 0 0 40px;
}
.history_box .content .box .desc.activity > .item:before{
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	background-image: url("/images/icon_dot.png");
	top: 35px;
	left: 0;
	z-index: 1;
}
.history_box .content .box .desc .desc_txt{
	margin-bottom: 50px;
}
.history_box .content .box .desc .desc_txt span{
	color: #52d2b9;
}
.history_box .content .box .desc .normal{

}
.history_box .content .box .desc .title{
	margin-bottom: 10px;
	font-weight: bold;
}
.history_box .content .box .desc .inline > div{
	display: inline-block;
}
.history_box .content .box .desc .inline .title{
	margin-right: 20px;
	font-weight: bold;
}
.level_graph_wrap{
	position: relative;
}
.level_graph_wrap .icon{
	position: absolute;
	top: 115px;
	left: 6%;
}
.level_graph_wrap .icon .name{
	color: white;
	background-color: #00b0aa;
	padding: 3px 7px;
	border-radius: 5px;
	text-align: center;
	font-size: 15px;
	margin-bottom: 15px;
}
.level_graph_wrap .icon .desc{
	text-align: center;
}
.level_graph_wrap .graph{
	position: absolute;
	left: 20%;
	width: 75%;
}
.level_graph_wrap .graph .status{
	position: relative;
}
.level_graph_wrap .graph .status .txt{
	position: relative;
	background-color: #97c4fa;
	padding: 10px 30px;
	border-radius: 5px;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	color: white;
}
.level_graph_wrap .graph .status .txt:before{
	content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #97c4fa transparent transparent transparent;
}
.level_graph_wrap .graph .status .txt:after{
	content: "";
	position: absolute;
	width: 16px;
	height: 32px;
	background-image: url("/images/icon_person.png");
	top: 120%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.level_graph_wrap .graph .status .levels{
	position: absolute;
	top: 200%;
	width: 100%;
	height: 16px;
}
.level_graph_wrap .graph .status .levels > div{
	position: relative;
}
.level_graph_wrap .graph .status .levels > div > div{
	position: absolute;
	text-align: center;
}
.level_graph_wrap .graph .status .levels > div > .dot{
	width: 17px;
	height: 17px;
	border-radius: 17px;
	z-index: 2;
}
.level_graph_wrap .graph .status .levels .prev_level{
	background-color: rgb(79,206,201);
	left: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.level_graph_wrap .graph .status .levels .present_level{
	background-color: rgb(90,162,248);
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.level_graph_wrap .graph .status .levels .next_level{
	background-color: rgb(255,132,146);
	right: 0;
	transform: translateX(50%);
	-webkit-transform: translateX(50%);
}
.level_graph_wrap .graph .status .levels .prev_level_txt{
	top: 20px;
	left: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.level_graph_wrap .graph .status .levels .present_level_txt{
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.level_graph_wrap .graph .status .levels .next_level_txt{
	top: 20px;
	right: 0;
	transform: translateX(50%);
	-webkit-transform: translateX(50%);
}
.level_graph_wrap .graph .status .levels .prev_level_txt .txt_level{
	color: rgb(79,206,201);
}
.level_graph_wrap .graph .status .levels .present_level_txt .txt_level{
	color: rgb(90,162,248);
}
.level_graph_wrap .graph .status .levels .next_level_txt .txt_level{
	color: rgb(255,132,146);
}
.level_graph_wrap .graph .status .levels .txt_level{
	font-size: 20px;
}
.level_graph_wrap .graph .status .levels .txt_count{
	color: #434c62;
}
.level_graph_wrap .graph .status .levels .level_bar{
	height: 4px;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4fcec9+0,5aa2f8+50,5aa2f8+50,ff8492+100 */
	background: rgb(79,206,201); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(79,206,201,1) 0%, rgba(90,162,248,1) 50%, rgba(90,162,248,1) 50%, rgba(255,132,146,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(79,206,201,1) 0%,rgba(90,162,248,1) 50%,rgba(90,162,248,1) 50%,rgba(255,132,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(79,206,201,1) 0%,rgba(90,162,248,1) 50%,rgba(90,162,248,1) 50%,rgba(255,132,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fcec9', endColorstr='#ff8492',GradientType=1 ); /* IE6-9 */
}
.history_box .content .box .desc .improve .title{
	position: relative;
	padding-left: 30px;
	margin-bottom: 30px;
}
.history_box .content .box .desc .improve .title:before{
	width: 17px;
	height: 17px;
	border-radius: 17px;
	background-color: #79b3f9;
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
}
.history_box .content .box .desc .improve .number{
	text-align: center;
	font-size: 50px;
	margin-bottom: 20px;
}
.history_box .content .box .desc .improve .number .per{
	font-size: 25px;
}
.history_box .content .box .desc .improve .rating{
	text-align: center;
	margin-bottom: 20px;
}
.history_box .content .box .desc .improve .status{
	border: 1px solid;
	border-radius: 5px;
	padding: 5px 0;
	position: relative;
}
.history_box .content .box .desc .improve .status.blue{
	border-color: rgb(90,162,248);
	color: rgb(90,162,248);
}
.history_box .content .box .desc .improve .status.green{
	border-color: rgb(79,206,201);
	color: rgb(79,206,201);
}
.history_box .content .box .desc .improve .status.red{
	border-color: rgb(255,132,146);
	color: rgb(255,132,146);
}
.history_box .content .box .desc .improve .status.blue .icon{
	background-image: url("/images/icon_at@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 10px;
	height: 2px;
}
.history_box .content .box .desc .improve .status.green .icon{
	background-image: url("/images/icon_above@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 13px;
	height: 11px;
}
.history_box .content .box .desc .improve .status.red .icon{
	background-image: url("/images/icon_below@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 13px;
	height: 14px;
}
.history_box .content .box .desc .improve .status .txt{
	width: 90%;
	text-align: center;
}
.history_box .content .box .desc .improve .status .icon{
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.history_box .content .box .desc .goal_list .goal_wrap{
	float: left;
	width: 20%;
	padding: 0 15px;
	margin-bottom: 15px;
	text-align: center;
}
.history_box .content .box .desc .goal_list .goal_wrap > div{
	background-color: #f0f0f0;
}
.history_box .content .box .desc .goal_list .goal_wrap .icon{
	padding: 20px 0;
}
.history_box .content .box .desc .goal_list .goal_wrap .text_wrap{
	padding: 0 15px 15px 15px;
	display: inline-block;
}
.history_box .content .box .desc .goal_list .goal_wrap .text_wrap .goal{
	border-radius: 5px;
	padding: 2px 10px;
	color: white;
	background-color: black;
}
.history_box .content .box .desc .goal_list .goal_wrap .text_wrap .txt{
	margin-top: 2px;
	color: #444c61;
}
.history_box .content .box .desc .goal_list .goal_wrap.on > div{
	position: relative;
}
.history_box .content .box .desc .goal_list .goal_wrap.on .achieved{
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}
.history_box .content .box .desc .goal_list .goal_wrap.on .achieved > div{
	position: relative;
	width: 100%;
	height: 100%;
}
.history_box .content .box .desc .goal_list .goal_wrap.on .achieved img{
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
/* 활동이력 끝 */

/* 고객센터 */
.cscenter_menu > div > a{
	display: block;
	border: 1px solid #ff4859;
	color: #ff4859;
	height: 40px;
	line-height: 38px;
}
.cscenter_menu > div.on > a{
	color: white;
	background-color: #ff4859;
}
.cscenter_list > div{
	border-bottom: 1px solid #ced1d6;
	padding: 30px 0;
	overflow: hidden;
}
.cscenter_list{
	margin-bottom: 50px;
}
.cscenter_list > div:first-child{
	border-top: 2px solid #1f3340;
}
.cscenter_list .icon{
	margin: 0 40px 0 20px;
}
.cscenter_list .icon.notice_icon{
	width: 22px;
	height: 22px;
	background-image: url("/images/icon_notice.png");
	vertical-align: middle;
}
.cscenter_list .icon.notice_txt{
	font-size: 20px;
}


.cscenter_list .title{
	width: 40%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 15px;
}
.cscenter_list .date, .cscenter_list .views{
	color: #9ba4a8;
	margin-right: 20px;
}
.cscenter_list .views{
	margin-left: 20px;
}

.cscenter_list .payment_txt{
	width: 12%;
	font-size: 15px;
}
.cscenter_list .payment_name{
	width: 16%;
	font-size: 15px; 
}

.cscenter_detail{
	border-top: 2px solid #1f3340;
	border-bottom: 1px solid #ced1d6;
	margin-bottom: 30px;
}
.cscenter_detail .title_wrap{
	border-bottom: 1px solid #ced1d6;
	padding: 30px 15px;
}
.cscenter_detail .title_wrap .no{
	font-size: 20px;
	margin-right: 40px;
}
.cscenter_detail .title_wrap .title{
	line-height: 25px;
	width: 90%;
}
.cscenter_detail .sub_title_wrap{
	border-bottom: 1px solid #ced1d6;
	padding: 10px 15px;
	color: #8e959a;
}
.cscenter_detail .sub_title_wrap .file_wrap{
	margin-right: 50px;
}
.cscenter_detail .sub_title_wrap .file_wrap > div{
	display: inline-block;
}
.cscenter_detail .sub_title_wrap .file_wrap .title{
	padding-right: 10px;
	border-right: 1px solid #ced1d6;
	height: 15px;
	line-height: 15px;
	margin-top: 3px;
	margin-right: 10px;
}
.cscenter_detail .sub_title_wrap .date{
	margin-right: 30px;
}
.cscenter_detail .content{
	min-height: 300px;
	padding: 30px;
	white-space: pre-line;
	color: #8e959a;
	line-height: 30px;
}
.cscenter_detail .content .answer{
	white-space: normal;
	margin: 30px -30px 0 -30px;
	padding: 30px 30px 0 30px;
	border-top: 1px solid black;
}
.cscenter_detail .content .answer .icon{
	line-height: normal;
	display: inline-block;
	padding: 5px 10px;
	color: white;
	background-color: #ff4859;
	vertical-align: top;
	margin-right: 15px;
}
.cscenter_detail .content .answer .answer_content{
	display: inline-block;
	white-space: pre-line;
	margin-top: -5px;
}
.cscenter_title_wrap{
	position: relative;
	margin-bottom: 30px;
}
.cscenter_title_wrap .title{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 40px;
}
.cscenter_faq_tabs_wrap{
	overflow: scroll;
	margin-bottom: 15px;
	-ms-overflow-style: none;
}
.cscenter_faq_tabs_wrap::-webkit-scrollbar{
	display: none;
}
.cscenter_faq_tabs{
	border: 2px solid #969dac;
	border-radius: 5px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}
.cscenter_faq_tabs > div{
	float: left;
	width: 150px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.cscenter_faq_tabs > div > a{
	color: #969dac;
	background-color: white;
	display: block;
	border-left: 1px solid white;
}
.cscenter_faq_tabs > div:first-child > a{
	border-left: none;
}
.cscenter_faq_tabs > div.on > a{
	color: white;
	background-color: #969dac;
}
.cscenter_list.faq_list > div{
	cursor: pointer;
}
.cscenter_list .icon.faq_icon{
	width: 46px;
	height: 46px;
	background-image: url("/images/icon_question_grey.png");
	vertical-align: top;
	display: inline-block;
}
.cscenter_list .icon.faq_icon.on{
	background-image: url("/images/icon_question_pink.png");
}
.cscenter_list .icon.faq_icon.answer{
	background-image: url("/images/icon_answer_pink.png");
}
.cscenter_list .faq_content{
	display: none;
	margin-top: 15px;
}
.cscenter_list .faq_content .faq_answer_txt{
	display: inline-block;
	width: 70%;
	white-space: pre-line;
}
.cscenter_list .faq_category{
	padding: 10px 0;
	margin-right: 30px;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
}
.cscenter_list .faq_title{
	padding: 10px 0;
	display: inline-block;
	text-overflow: inherit;
	overflow: inherit;
	white-space: normal;
}
.cscenter_list .qna_category{
	margin-right: 30px;
	font-size: 15px;
	font-weight: bold;
}
.cscenter_list .qna_status{
	margin-top: -5px;
	padding: 5px 10px;
	color: white;
}
.cscenter_list .qna_status.wait{
	background-color: #4b545a;
}
.cscenter_list .qna_status.complete{
	background-color: #ff4859;
}
/* 고객센터 끝 */

/* main */
.news{
	padding: 0 20px !important;
	min-width: 250px;
}
.news > a{
	text-align: center;
}
.news_title{
	font-size: 20px;
	text-align: center;
}
.news_sub_title{
	font-size: 16px;
	color: #00b0f8;
}
.news_content{
	white-space: pre-line;
	color: black;
	line-height: 20px;
	max-height: 120px;
	/*overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 20px;
	max-height: 100px;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;*/
}
.news .img_wrap{
	height: 200px;
}
.news .img_wrap{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.news_page{
	position: relative;
	height: 100%;
}
.news_page .bx-wrapper{
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.news img{
	/*width: 100%;*/
}
.third_content{
	padding: 0 20px !important;
}
.third_content .third_bg{
	min-height: 300px;
	padding: 20px 15px 0 15px;
	border-radius: 5px;
}
.third_content:nth-child(1) .third_bg{
	background-color: #ffd14f;
	color: white;
}
.third_content:nth-child(2) .third_bg{
	background-color: #f86c51;
	color: white;
}
.third_content:nth-child(3) .third_bg{
	background-color: #8ce4f7;
	color: #505363;
}
.third_content:nth-child(4) .third_bg{
	background-color: #63616b;
	color: white;
}
.third_content .third_content_img{
	background-color: white;
	margin-bottom: 20px;
	border-radius: 5px;
	height: 110px;
}
.third_content .third_content_txt{
	font-size: 15px;
	line-height: 30px;
	text-align: left;
	white-space: pre-line;
}
.third_content .third_content_txt.absolute{
	text-align: center;
	white-space: normal;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	width: 100%;
}
.rotateslider-container .arrow{
	top: 60% !important;
	background-color: transparent !important;
}
.rotateslider-container .arrow.left{
	background-image: url("/images/main/btn_back.png");
	background-size: 100% 100%;
	background-position: center center;
}
.rotateslider-container .arrow.right{
	background-image: url("/images/main/btn_next.png");
	background-size: 100% 100%;
	background-position: center center;
}
.main_title{
	font-size: 60px;
	font-family: "KBIZgo";
	font-weight: 900;
	white-space: pre-line;
	margin-bottom: 10px;
	line-height: 70px;
	width: 100%;
}
.main_title .orange{
	color: #f4492e;
}
.main_title .yellow{
	color: #ffea81;
}
.main_sub_title{
	font-size: 18px;
	font-weight: 600;
	color: #444444;
	white-space: pre-line;
}
.main_title.line_title{
	color: white;
	width: 100%;
}
.line_title, .line_tooltip, .line_txt_wrap, .line_content{
	position: absolute;
}
.line_title{
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	font-size: 30px;
}
.line_tooltip{
	font-family: "KBIZgo";
	color: white;
	font-size: 23px;
}
.line_txt_wrap{
	white-space: pre-line;
	text-align: left;
}
.line_txt_wrap .line_txt_img{
	display: inline-block;
	background-image: url("/images/main/img_check.png");
	background-size: 100% 100%;
	width: 15px;
	height: 15px;
	vertical-align: top;
	margin: 5px;
}
.line_txt{
	display: inline-block;
}
.main_title.line_title.item1{
	top: 19%;
}
.main_title.line_title.item2{
	top: 43%;
}
.main_title.line_title.item3{
	top: 69.7%;
}
.line_tooltip.item1{
	top: 9.3%;
	left: 63.3%;
}
.line_tooltip.item2{
	top: 41.5%;
	left: 42.7%;
}
.line_tooltip.item3{
	top: 68.1%;
	left: 49%;
}
.line_tooltip.item4{
	top: 85.4%;
	left: 70%;
}
.line_txt_wrap.item1{
	top: 11.75%;
	left: 34%;
}
.line_txt_wrap.item2{
	top: 11.75%;
	left: 62%;
}
.line_txt_wrap.item3{
	top: 12.7%;
	left: 62%;
}
.line_content{
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	left: 50%;
}
.line_content .line_txt{
	width: 80%;
}
.line_content.item1{
	top: 19%;
}
.line_content.item2{
	top: 47%;
	width: 570px;
}
.line_content.item3{
	top: 70%;
}
.line_content.item1 .pop{
	top: 57%;
	right: 7%;
	background-image: url('/images/main/img_pop_2.png');
	background-size: 100%;
	width: 120px;
	height: 120px;
	position: absolute;
	z-index: 2;
}
@keyframes mainFirstAnimation {
    0% { background-position: center -5px; }
    50% { background-position: center 5px; }
    100% { background-position: center -5px; }
}
@-webkit-keyframes mainFirstAnimation {
    0% { background-position: center -5px; }
    50% { background-position: center 5px; }
    100% { background-position: center -5px; }
}
@-moz-keyframes mainFirstAnimation {
    0% { background-position: center -5px; }
    50% { background-position: center 5px; }
    100% { background-position: center -5px; }
}
@-o-keyframes mainFirstAnimation {
    0% { background-position: center -5px; }
    50% { background-position: center 5px; }
    100% { background-position: center -5px; }
}
.main_bg_1{
	background-image: url('/images/main/bg_main_01.png');
	background-position: center -5px;
	background-color: #82DFFF;
	/*animation: mainFirstAnimation 3s infinite;
	-webkit-animation: mainFirstAnimation 3s infinite;
	-moz-animation: mainFirstAnimation 3s infinite;*/
}
.main_bg_2{
	background-color: #efefef;
}
.main_bg_3{
}
.main_bg_4{
	background-color: #ffede9;
}
.main_bg_5{
	background-color: #8ce5f7;
}
.main_bg_6{
	background-image: url('/images/main/bg_img_12.png');
	background-color: #b9d947;
}
.main_bg_7{
	background-color: #efefef;
}
.main_bg_8{
}
@media(max-width: 1199px){
	.line_tooltip{
		font-size: 19px;
	}
	.line_title{
		font-size: 25px;
	}
	.main_title.line_title.item1{
		top: 18.6%;
	}
	.main_title.line_title.item2{
		top: 42.6%;
	}
	.main_title.line_title.item3{
		top: 69.3%;
	}
	.line_txt_wrap .line_txt{
		font-size: 12px;
	}
	.line_content.item1 .pop{
		zoom: 90%;
	}
	.line_content.item2{
		width: 450px;
	}
	.line_content.item3{
		zoom: 88%;
		top: 69%;
	}
}
@media(max-width: 991px){
	.main_title{
		font-size: 35px;
		line-height: 50px;
	}
	.main_bg_1 .main_title {
		margin-bottom: 30px;
	}
	.main_sub_title{
		font-size: 12px;
		display: none;
	}
	.main_bg_1{
		background-image: url('/images/main_mobile/bg_main.png');
		background-color: #92e4fa;
		background-size: contain;
		background-position: center bottom 50px !important;
	}
	.main_bg_2{
		background-color: #efefef;
	}
	.main_bg_3{
	}
	.main_bg_4{
		background-color: #ffede9;
	}
	.main_bg_5{
		background-color: #8ce5f7;
	}
	.main_bg_6{
		background-image: url('/images/main_mobile/bg_06.png');
		background-color: #b9d947;
	}
	.main_bg_7{
		background-color: #efefef;
	}
	.main_bg_8{
	}
	.line_tooltip{
		font-size: 30px;
	}
	.main_title.line_title{
		line-height: inherit;
	}
	.line_title{
		font-size: 35px;
	}
	.main_title.line_title.item1{
		top: 16%;
		left: 55%;
	}
	.main_title.line_title.item2{
		top: 34.2%;
	}
	.main_title.line_title.item3{
		top: 78.4%;
	}
	.line_tooltip.item1{
		top: 6.6%;
		left: 45%;
	}
	.line_tooltip.item2{
		top: 32.6%;
		left: 33.5%;
	}
	.line_tooltip.item3{
		top: 76.1%;
		left: 39.7%;
	}
	.line_tooltip.item4{
		top: 91.3%;
		left: 85%;
	}
	.line_txt_wrap .line_txt{
		font-size: 15px;
	}
	.line_txt_wrap.item1{
		top: 10.1%;
		left: 26%;
	}
	.line_txt_wrap.item2{
		top: 10.1%;
		left: 62%;
	}
	.line_txt_wrap.item3{
		top: 10.7%;
		left: 62%;
	}
	.line_content.item1 .pop{
		zoom: 90%;
	}
	.line_content.item2{
		width: 450px;
		top: 38%;
	}
	.line_content.item2 .pop{
		display: none;
	}
	.line_content.item3{
		zoom: 1.1;
		top: 80%;
	}
}
@media(max-width: 767px){
	.main_title.line_title{
		font-size: 4.6vw;
	}
	.line_tooltip{
		font-size: 27px;
	}
	.line_content.item1{
		top: 18%;
	}
	.line_content.item2{
		width: 60%;
		top: 36.5%;
	}
	.line_content.item3{
		top: 80%;
	}
	.line_txt_wrap .line_txt{
		font-size: 12px;
	}
	.line_txt_wrap.item1{
		top: 10%;
		left: 23%;
	}
	.line_txt_wrap.item2{
		top: 10%;
		left: 63%;
	}
	.line_txt_wrap.item3{
		top: 10.6%;
		left: 59%;
	}
	.line_content.item1 .pop{
		top: 50%;
		right: 8%;
	}
}
@media(max-width: 650px){
	.line_content.item1{
		zoom: 0.9;
	}
	.line_content.item3{
		zoom: 0.9;
	}
	.line_tooltip{
		font-size: 23px;
	}
}
@media(max-width: 550px){
	.line_tooltip.item2{
		left: 33.3%;
	}
	.line_tooltip.item3{
		left: 39.5%;
	}
	.line_tooltip.item4{
		left: 84%;
	}
	.line_content.item1{
		zoom: 0.8;
	}
	.line_content.item3{
		zoom: 0.8;
	}
	.line_tooltip{
		font-size: 19px;
	}
}
@media(max-width: 480px){
	.line_content.item1{
		top: 17%;
		zoom: 0.7;
	}
	.line_content.item3{
		top: 79%;
		zoom: 0.7;
	}
	.line_txt_wrap .line_txt{
		font-size: 11px;
	}
	.line_txt_wrap.item1{
		top: 10%;
		left: 22%;
	}
	.line_txt_wrap.item2{
		top: 10%;
		left: 60%;
	}
	.line_txt_wrap.item3{
		top: 10.4%;
		left: 59%;
	}
	.line_tooltip{
		font-size: 16px;
	}
}
@media(max-width: 400px){
	.main_title{
		font-size: 20px;
		line-height: 30px;
		letter-spacing: -1px;
	}
	.main_bg_1 .main_title {
		font-size: 25px;
	}
	.line_tooltip.item2{
		left: 32%;
	}
	.line_tooltip.item3{
		left: 38.5%;
	}
	.line_tooltip.item4{
		left: 83%;
	}
	.line_content.item1{
		top: 16%;
		zoom: 0.6;
	}
	.line_content.item3{
		top: 78%;
		zoom: 0.6;
	}
	.line_txt_wrap .line_txt{
		font-size: 10px;
	}
	.line_tooltip{
		font-size: 15px;
	}
}
@media(max-width: 350px){
	.line_content.item1{
		zoom: 0.5;
	}
	.line_content.item2{
		width: 55%;
	}
	.line_content.item3{
		zoom: 0.5;
	}
	.line_tooltip{
		font-size: 12.5px;
	}
}
/* main end */

/* bxSlider */
.bx-wrapper{
	/*max-width: inherit !important;*/
}
.bx-viewport{
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	left: 0 !important;
}
.slide{
	position: relative;
	margin-bottom: 20px;
}
.slide .content_bg{
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 5px;
	overflow: hidden;
}
.slide.trophy .content_bg,
.slide.medal .content_bg {
	background-position: top 30% center;
	background-size: 35%;
}
.slide.trophy.green .content_bg {
	background-image: url('/images/trophy_green.png');
}
.slide.trophy.blue .content_bg,
.slide.trophy.darkblue .content_bg {
	background-image: url('/images/trophy_blue.png');
}
.slide.trophy.red .content_bg {
	background-image: url('/images/trophy_red.png');
}
.slide.trophy.yellow .content_bg,
.slide.trophy.darkyellow .content_bg {
	background-image: url('/images/trophy_yellow.png');
}
.slide.medal.yellow .content_bg,
.slide.medal.darkyellow .content_bg {
	background-image: url('/images/medal_yellow.png');
}
.slide.medal.purple .content_bg {
	background-image: url('/images/medal_violet.png');
}
.slide.medal.blue .content_bg,
.slide.medal.darkblue .content_bg {
	background-image: url('/images/medal_blue.png');
}
.slide.medal.gray .content_bg {
	background-image: url('/images/medal_gray.png');
}
.slide.medal.green .content_bg {
	background-image: url('/images/medal_green.png');
}
.slide.medal.red .content_bg {
	background-image: url('/images/medal_red.png');
}
.slide.green .content_bg {
	background-color: #B0FCBF;
}
.slide.green .bottom_txt {
	background-color: #00DA46;
}
.slide.blue .content_bg {
	background-color: #BAEBFB;
}
.slide.blue .bottom_txt {
	background-color: #47CFFA;
}
.slide.darkblue .content_bg {
	background-color: #ACDFF9;
}
.slide.darkblue .bottom_txt {
	background-color: #6CABCC;
}
.slide.yellow .content_bg {
	background-color: #FFEAB9;
}
.slide.yellow .bottom_txt {
	background-color: #FBAE3E;
}
.slide.darkyellow .content_bg {
	background-color: #FEECD5;
}
.slide.darkyellow .bottom_txt {
	background-color: #E6AC67;
}
.slide.purple .content_bg {
	background-color: #FED1FC;
}
.slide.purple .bottom_txt {
	background-color: #D458D4;
}
.slide.red .content_bg {
	background-color: #FBC5C7;
}
.slide.red .bottom_txt {
	background-color: #E75B62;
}
.slide.gray .content_bg {
	background-color: #DAD8D9;
}
.slide.gray .bottom_txt {
	background-color: #9F9F9F;
}
.slide .content_bg.ebook{
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 5px;
	background-size: contain;
	overflow: hidden;
}
.slide .content_bg .stars{
	position: absolute;
	top: 15px;
	left: 15px;
}
.slide .content_bg .icon{
	position: absolute;
	top: 10px;
	right: 30px;
}
.slide .content_bg .icon.video{
	background-image: url("/images/icon_play_white.png");
	width: 16px;
	height: 14px;
}
.slide .content_bg .icon.book{
	background-image: url("/images/icon_bookmark_white.png");
	width: 14px;
	height: 16px;
}
.slide .content_bg .hover{
	display: none;
	width: 100%;
	height: 100%;
	background-image: url("/images/btn_play_off.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25%;
}
.slide .content_bg .hover.blue{
	background-color: rgba(125, 181, 249, 0.5);
}
.slide .content_bg .hover.yellow{
	background-color: rgba(255, 176, 77, 0.5);
}
.slide .content_bg .hover.pink{
	background-color: rgba(255, 132, 146, 0.5);
}
.slide .content_bg .hover img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 25%;
}
.slide .bottom_txt_wrap{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 5px;
	width: 100%;
}
.slide .bottom_txt{
	width: 100%;
	padding: 5px 15px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: white;
}
.slide .bottom_txt.blue{
	background-color: #7db6f9;
}
.slide .bottom_txt.yellow{
	background-color: #ffb04d;
}
.slide .bottom_txt.pink{
	background-color: #ff8492;
}
.slide .bottom_txt .content_title{
	float: left;
	width: 70%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.slide .bottom_txt .time{
	float: right;
}
.bx-wrapper .bx-next{
	z-index: 1 !important;
	background: url("/images/arrow_right_off.png") no-repeat 100% 100% !important;
}
.bx-wrapper .bx-next:hover{
	background-image: url("/images/arrow_right_on.png") !important;
}
.bx-wrapper .bx-prev{
	z-index: 1 !important;
	background: url("/images/arrow_left_off.png") no-repeat 100% 100% !important;
}
.bx-wrapper .bx-controls-direction a{
	width: 21px !important;
	height: 36px !important;
}
.bx-wrapper .bx-prev:hover{
	background-image: url("/images/arrow_left_on.png") !important;
}
/* bxSlider 끝 */

/* lbSlider */
.news_slider {
	position: relative;
	width: 450px;
	margin: auto;
}
.news_slider ul {
	margin: 0;
	padding: 0;
}
.news_slider ul li {
	list-style: none;
	text-align: center;
	min-width: 300px;
}
.news_slider ul li span {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	background: black;
}
.slider-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: black;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
}
.sa-left {
	left: 100px;
}
.sa-right {
	right: 100px;
}

/* lbSlider end */

/* pagination */
.pagination > li > a, .pagination > li > span{
	border-radius: 0 !important;
	border-color: #bdc2c6;
	color: black;
	margin-left: 3px;
}
.pagination > li:first-child > a{
	margin-left: 0;
}
.pagination > li.prev > a, .pagination > li:first-child > a, .pagination > li:first-child > span{
	margin-right: 15px;
}
.pagination > li.next > a, .pagination > li:last-child > a, .pagination > li:last-child > span{
	margin-left: 15px;
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active, .pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li.active > a:focus, .pagination > li.active > a:active,
.pagination > li > span:hover, .pagination > li > span:focus, .pagination > li > span:active, .pagination > li.active > span, .pagination > li.active > span:hover, .pagination > li.active > span:focus, .pagination > li.active > span:active{
	color: #7cb7f9;
	border-color: #7cb7f9;
	background-color: white;
}
/* pagination 끝 */

/* stars */
.stars_wrap{
	position: relative;
	width: 50px;
}
.stars_wrap.big{
	width: 100px;
}
.stars:after{
	content: "";
	display: block;
	clear: both;
}
.stars{
	margin-bottom: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
}
.star{
	float: left;
	width: 12px;
	height: 12px;
	background-image: url("/images/icon_star_off.png");
	background-size: 100%;
	margin-left: 3px;
}
.star:first-child{
	margin-left: 0;
}
.stars_wrap.big .star{
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url("/images/icon_star02_off.png");
}
.stars_wrap.big .star.on{
	background-image: url("/images/icon_star02_on.png") !important;
}
.star.white{
	background-image: url("/images/icon_star_white.png");
}
.star.blue{
	background-image: url("/images/icon_star@2x.png");
}
.star.black{
	background-image: url("/images/icon_star_black.png");
}
.star.on{
	background-image: url("/images/icon_star_on.png") !important;
}
/* stars 끝 */

.navigation{
	height: 100px;
	width: 100%;
	/*border: 1px solid red;*/
}
.navigation .title {
	height: 100%;
	line-height: 100px;
	font-size: 35px;
}
#content{
	/*min-width: 1080px;*/
	min-height: 720px;
	margin-top: 100px;
}
.content_banner{
	height: 240px;
	background-position: center;
	position: relative;
	margin-bottom: 40px;
}
.content_banner .banner_desc{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.content_banner .banner_desc .eng{
	margin-bottom: 15px;
}
.content_banner .banner_desc .kor{
	font-size: 60px;
	font-family: "KBIZgo";
	text-align: center;
}
.content_banner .navigator{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.content_banner .navigator img{
	margin-right: 5px;
}
.content_banner .navigator .navigator_txt{
	vertical-align: middle;
	color: white;
}

/* etc */
.clear:after{
	display: block;
	content: "";
	clear: both;
}
.custom_checkbox{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("/images/btn_check_off.png");
	vertical-align: middle;
}
.custom_checkbox.checked{
	background-image: url("/images/btn_check_grey_on.png");
}
.custom_checkbox_input{
	display: none;
}
.skyblue_btn{
	border: none;
	cursor: pointer;
	background-color: #4fcec9;
	color: white;
}
.darkblue_btn{
	border: none;
	cursor: pointer;
	background-color: #424b51;
	color: white;
}
.pink_btn{
	border: none;
	cursor: pointer;
	background-color: #f8a2cb;
	color: white;
}
.yellow_btn{
	border: none;
	cursor: pointer;
	background-color: #ffc469;
	color: white;
}
.orange_btn{
	border: none;
	cursor: pointer;
	background-color: #f4492e;
	color: white;
}
.btn_social{
	position: relative;
	width: 100%;
	height: 50px;
}
.btn_social .logo{
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.btn_social.fb{
	background-color: #2a4d87;
	color: white;
}
.btn_social.google{
	background-color: white;
	border: 1px solid #abaeb3;
	color: #687177;
}
.btn_social.naver{
	background-color: #00b438;
	color: white;
}
.btn_social.fb .logo{
	background-image: url("/images/btn_join_facebook_off@2x.png");
	background-size: 50% 100%;
}
.btn_social.google .logo{
	background-image: url("/images/btn_join_google_off@2x.png");
}
.btn_social.naver .logo{
	background-image: url("/images/btn_join_naver_off@2x.png");
}
.custom_radio label{
	cursor: pointer;
}
.custom_radio input[type=radio]{
	display: none;
}
.custom_radio input[type=radio] + label span{
	display: inline-block;
	width: 20px;
	height: 21px;
	margin: -1px 10px 0px 0px;
	vertical-align: middle;
	background-image: url("/images/btn_radio_off.png");
}
.custom_radio input[type=radio]:checked + label span{
	background-image: url("/images/btn_radio_grey_on.png");
}
#header .custom_radio input[type=radio]:checked + label{
	color: #f24a2e;
}
.color-white{
	color: white;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.line{
	height: 2px;
	background-color: #4b545a;
	margin-top: 5px;
}
.line.pink{
	background-color: #f8a3c9;
}
.gray_line{
	height: 1px;
	background-color: #d6d8e0;
}
.width-100{
	width: 100%;
}
.custom_tab_wrap{
	border: 1px solid #959dab;
	border-radius: 3px;
	overflow: hidden;
}
.custom_tab_wrap > div{
	float: left;
	text-align: center;
	width: 150px;
}
.custom_tab_wrap > div > a{
	color: #959dab;
	display: block;
	padding: 5px 0;
}
.custom_tab_wrap > div.on > a{
	background-color: #959dab;
	color: white;
}
.search_box{
	border: 1px solid #d6d8e0;
	border-radius: 100px;
	overflow: hidden;
}
.search_box .search_input{
	float: left;
}
.search_box input{
	border: 0;
	outline: none;
	padding: 5px 0 5px 15px;
}
.search_box .search_btn{
	cursor: pointer;
	width: 22px;
	height: 30px;
	float: right;
	background-image: url("/images/icon_search_off.png");
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
}
.search_box .search_btn.on{
	background-image: url("/images/icon_search_on.png");
}
.scroll_box{
	width: 100%;
	height: 500px;
	border: 1px solid #d6d8e0;
	border-radius: 10px;
	padding: 20px 50px;
	margin-bottom: 50px;
	overflow: scroll;
	white-space: pre-line;
}
.bold{
	font-weight: bold;
}
.font-jua{
	font-family: "KBIZgo";
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
/* etc-end */

/* animation */
@keyframes flickerAnimation {

    /* flame pulses */
    0% { opacity: 1; }
    50% { opacity: 0.8; }
    100% { opacity: 1; }
}
@-webkit-keyframes flickerAnimation {

    /* flame pulses */
    0% { opacity: 1; }
    50% { opacity: 0.8; }
    100% { opacity: 1; }
}
@-moz-keyframes flickerAnimation {

    /* flame pulses */
    0% { opacity: 1; }
    50% { opacity: 0.8; }
    100% { opacity: 1; }
}
@-o-keyframes flickerAnimation {

    /* flame pulses */
    0% { opacity: 1; }
    50% { opacity: 0.8; }
    100% { opacity: 1; }
}
.wait-lock {
	opacity: 1;
	animation: flickerAnimation 1s infinite;
	-webkit-animation: flickerAnimation 1s infinite;
	-moz-animation: flickerAnimation 1s infinite;
}
@keyframes slideUp {
	0% {
		top: 100%;
		opacity: 0;
	}
	100% {
		top: 50%;
		opacity: 1;
	}
}
@-webkit-keyframes slideUp {
	0% {
		top: 100%;
		opacity: 0;
	}
	100% {
		top: 50%;
		opacity: 1;
	}
}
@-moz-keyframes slideUp {
	0% {
		top: 100%;
		opacity: 0;
	}
	100% {
		top: 50%;
		opacity: 1;
	}
}
@-o-keyframes slideUp {
	0% {
		top: 100%;
		opacity: 0;
	}
	100% {
		top: 50%;
		opacity: 1;
	}
}
.slide-up {
	top: 100%;
	opacity: 0;
	animation: slideUp 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation: slideUp 1.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: slideUp 1.5s;
	-moz-animation-fill-mode: forwards;
}

/* animation end */

/* character */
.character_wrap{
	position: relative;
	background-color: #f6f6f6;
}
.character_wrap > img{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.character_wrap > .character{
	position: static;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
/* character end */

/* margin */
.mr-10{
	margin-right: 10px;
}
/* margin-end */

/* progress */
#link {color: #E45635;display:block;font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;text-align:center; text-decoration: none;}
#link:hover {color: #CCCCCC}

#link, #link:hover {-webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;-ms-transition: color 0.5s ease-out;-o-transition: color 0.5s ease-out;transition: color 0.5s ease-out;}

/** BEGIN CSS **/
@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}
.loading-container,
.loading {
    height: 100px;
    position: relative;
    width: 100px;
    border-radius: 100%;
}


.loading-container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.loading {
    border: 2px solid transparent;
    border-color: transparent #fff transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.loading-container:hover .loading {
    border-color: transparent #E45635 transparent #E45635;
}
.loading-container:hover .loading,
.loading-container .loading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #ffffff;
    font-family: "Helvetica Neue, "Helvetica", ""arial";
    font-size: 10px;
    font-weight: bold;
    margin-top: 45px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100px;
}
/* progress end */

/* datepicker skin */
.ll-skin-latoja {
	font-size: 90%;
}

.ll-skin-latoja .ui-widget {
	font-family: "Helvetica Neue","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
	background: #fff;
}

.ll-skin-latoja .ui-datepicker {
	padding: 0;
}

.ll-skin-latoja .ui-datepicker-header {
	border: none;
	font-size: 80%;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #e0e8ec; /* layer fill content */
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
	box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
}

.ll-skin-latoja .ui-datepicker-title {
	color: #515d65; /* text color */
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(255,255,255,.8); /* drop shadow */

}

.ll-skin-latoja .ui-icon-circle-triangle-e {
	background-image: url(images/ui-icons_454545_256x240.png);
	background-position: -32px -16px;
}

.ll-skin-latoja .ui-icon-circle-triangle-w {
	background-image: url(images/ui-icons_454545_256x240.png);
	background-position: -96px -16px;
}

.ll-skin-latoja .ui-datepicker .ui-datepicker-prev,
.ll-skin-latoja .ui-datepicker .ui-datepicker-next {
	border-color: transparent;
}

.ll-skin-latoja .ui-state-default {
	background: transparent;
	border: none;
	color: #2b2b2b;
	font-family: "Myriad Pro";
	font-weight: normal;
	text-align: center;
}

.ll-skin-latoja .ui-datepicker-header .ui-state-hover {
	background: #bdc5c9;
}

.ll-skin-latoja .ui-datepicker table {
	margin: 0;
}

.ll-skin-latoja .ui-datepicker th {
	color: #9da7af;
	font-size: 12px;
	font-weight: normal;
	-moz-border-radius: 216px 0 0 0 / 0 0 0 0;
	-webkit-border-radius: 216px 0 0 0 / 0 0 0 0;
	border-radius: 216px 0 0 0 / 0 0 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgba(0,0,0,.08);

}

.ll-skin-latoja .ui-datepicker td {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
	background-image: linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);

}

.ll-skin-latoja .ui-datepicker td:last-child {
	border-right: none;
}

.ll-skin-latoja .ui-datepicker td span,
.ll-skin-latoja .ui-datepicker td a {
	padding: .7em 0;
	color: #6a747a;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
}

.ll-skin-latoja .ui-datepicker-calendar .ui-state-hover {
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
}

.ll-skin-latoja td a.ui-state-active,
.ll-skin-latoja td a.ui-state-active.ui-state-hover {
	color: #fff;
	background-color: #8ab8ed;
	text-shadow: 0 1px 0 rgba(0,0,0,.26);
	-moz-box-shadow: inset 0 4px 9px rgba(0,0,0,.24);
	-webkit-box-shadow: inset 0 4px 9px rgba(0,0,0,.24);
	box-shadow: inset 0 4px 9px rgba(0,0,0,.24);
}
/* datepicker skin end */

/* bootstrap */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	padding-left: 5px;
	padding-right: 5px;
}
.row{
	margin-left: -5px;
	margin-right: -5px;
}
/* bootstrap end */

/*@media(max-width: 1199px){
	.history_box .content .box .desc .goal_list .goal_wrap{
		width: 25%;
	}
}
@media(max-width: 991px){
	.history_box .content .box .desc .goal_list .goal_wrap{
		width: 33.33%;
	}
}
@media(max-width: 767px){
	.history_box .content .box .desc .goal_list .goal_wrap{
		width: 50%;
	}
}
@media(max-width: 500px){
	.history_box .content .box .desc .goal_list .goal_wrap{
		width: 80%;
		float: none;
		margin: 15px auto;
	}
}*/
.row.board-terms{
	height: 400px;
}
@page{
	size: A4;
	margin: auto 0;
}

/* print */
@media print {
	*{
		box-sizing: border-box;
	}
	body{
		-webkit-print-color-adjust: exact;
	}
	.highcharts-container{
		width: 100% !important;
	}
	.history_box{
		width: 1140px;
	}
	.history_box .content_wrap .content{
		display: block;
	}
	.history_box .content_wrap .content .box{
		page-break-inside: avoid;
	}
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left;
		padding-left: 5px;
		padding-right: 5px;
	}
	.row{
		margin-left: -5px;
		margin-right: -5px;
	}
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666666666666%;
	}
	.col-md-10 {
		width: 83.33333333333334%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666666666666%;
	}
	.col-md-7 {
		width: 58.333333333333336%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666666666667%;
	}
	.col-md-4 {
		width: 33.33333333333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.666666666666664%;
	}
	.col-md-1 {
		width: 8.333333333333332%;
	}
	.col-md-offset-12 {
		margin-left: 100%;
	}
	.col-md-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-md-offset-9 {
		margin-left: 75%;
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-md-offset-6 {
		margin-left: 50%;
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-md-offset-3 {
		margin-left: 25%;
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-md-offset-0 {
		margin-left: 0;
	}
	.history_box .content .box .title_wrap {
		background-color: #79b3f9;
		padding: 10px 20px;
	}
	.table {
	    width: 100%;
	    max-width: 100%;
	    margin-bottom: 20px;
	}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		padding: 8px;
		line-height: 1.42857143;
		vertical-align: top;
		border-top: 1px solid #ddd;
	}
	.progress {
	    height: 20px;
	    margin-bottom: 20px;
	    overflow: hidden;
	    background-color: #f5f5f5;
	    border-radius: 4px;
	    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	}
	.progress-bar {
	    float: left;
	    width: 0;
	    height: 100%;
	    font-size: 12px;
	    line-height: 20px;
	    color: #fff;
	    text-align: center;
	    background-color: #337ab7;
	    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	    -webkit-transition: width .6s ease;
	    -o-transition: width .6s ease;
	    transition: width .6s ease;
	}
	img {
	    vertical-align: middle;
	    border: 0;
	}
	.text-center{
		text-align: center;
	}
}
/* print end */

/*
	admin
 */

.jui-tabs-basic .btn-save{
	margin-top: 20px;
}