/* Author  : Hyeonmi Jo */
/* Date    : 2017-06-16 */
/* Version : EAP 2.0    */

/* Green  	bg.00bb83 font.00a574 GridSelectTd.d0f0e7 GridSelectTr.f1fcf9 ComboActive.3ecba1 */
/* Sky 		bg.00a6b5 font.00abbb GridSelectTd.d0eff2 GridSelectTr.f0fafa ComboActive.5ecbd2 */
/* Blue 	bg.498ccd font.2e7cc8 GridSelectTd.d6e5f4 GridSelectTr.f1f7fb ComboActive.75a6d5 */
/* pink 	bg.e3547f font.e43c6e GridSelectTd.f8dee5 GridSelectTr.fdf3f7 ComboActive.e584a2 */
/* Orange 	bg.ea6c38 font.ed6431 GridSelectTd.f5e3dd GridSelectTr.fdf5f1 ComboActive.ec8682 */

@charset "utf-8";

/* Block : main
---------------------------------------------------------*/
.LblockMain { padding: 15px 15px; max-width: 1040px; color: #333; }
a:link, a:visited {color: #444; text-decoration: none;}
a:hover, a:active {color: #ee0f59; text-decoration: none;}

/* common */
.col4 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 7px 7px 8px 7px; width: 25%; float:left}
.col2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 7px 7px 8px 7px; width: 50%; float:left}
.col1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 7px 7px 8px 7px; width: 100%; float:left}
.box  { padding: 20px 25px 25px 25px; background-color: #fff; border: 1px solid #e4e4e4; border-radius: 3px; box-shadow: 0px 0px 10px #e4e4e4; height: 85px; overflow: hidden; }
.box h2 { font-size: 20px; }

/* card1 */
.card1 h5 { color: #999 }
.card1 h2 { font-size: 16px;}
.card1 h3 { font-size: 24px !important;}

/* card2 */
.card2 .box { height: 165px; font-size: 13px; background: url(../images/new/main_icon1.png) 94% 72% no-repeat}
.card2 .box > div { margin-right: 110px; height:168px; overflow: hidden;}
.card2 * { font-weight: normal;}
.card2 h5 { font-size: 15px; padding-left: 2px; line-height: 15px;}
.card2 h2 { font-size: 30px; }
.card2 h3 { font-size: 20px; }
.card2 p { font-size: 13px;}

/* card3 */
.card3 .box { height: 100px; background: url(../images/new/main_icon2.png) 94% 55% no-repeat}
.card3 .box > div { margin-right: 110px; height:105px; overflow: hidden;}
.card3 * { font-weight: normal;}
.card3 h3 { font-size: 14px; }

/* card4 */
.card4 .box { height: 323px; background-color: ; }
.card4 * { font-weight: normal;}
.mainTab .L-navset .L-nav { border: none; }
.mainTab .L-navset .L-nav li a { background-color: transparent !important; color: #999 !important; font-size: 18px !important; text-align: center !important; line-height: 20px; height: 40px;
border: none !important; padding: 0px !important; margin: 0 30px 0 0 !important; -webkit-transition: color .5s; transition: color .5s; }
.mainTab .L-navset .L-nav li a::after {	content: " "; display: inline-block; width: 0px; height: 2px; background-color: #e3547f; padding: 0 !important; margin: 0 !important;
-webkit-transition: width .5s; transition: width .5s; }
.mainTab .L-navset .L-nav li em { padding: 0; }
.mainTab .L-navset .L-nav li.L-nav-selected a { color: #31383e !important; border-bottom-color: #ee0f59 !important; }
.mainTab .L-navset .L-nav li a:hover::after { width: 100%}
.mainTab .L-navset .L-nav li a:hover, .mainTab .L-navset .L-nav li.L-nav-selected a:hover { color: #ee0f59 !important; }
.mainTab .L-navset .L-nav li.L-nav-selected a::after { width: 100% }
.mainTab .L-navset .L-content { margin-top: 20px !important;  overflow: hidden ;}
/* .card4 ul.list li { padding: 6px 0; clear: both; font-size: 12px; border-bottom: 1px dashed #eee } */
.card4 ul.list li { padding: 6px 0 7px 0; clear: both; font-size: 12px; border-bottom: 1px solid #f4f4f4 }
.card4 ul.list li a { display: inline-block; width: 80%; }
.card4 ul.list li span { float: right; display: inline-block; color: #999; }

/* card5 */
.card5 .box { height: inherit; background-color: ; }
.card5 * { font-weight: normal;}
.card5 .btWidth { border-top: 2px solid #888 !important}



/* main_new 202010
---------------------------------------------------------*/
/* top menu */
#MblockHeader {
	position: relative;
    min-width: 1300px;
    z-index: 4;
    height: 80px;
    background: #555;
}
#MblockHeaderIn {}
#MblockTopLogo {
	position: absolute;
    left: 60px;
    top: 12px;
    z-index: 5;
    width: 150px;
    height: 50px;
}
#MblockSupportMenu {}
#MblockSupportMenu ul {
	float: right;

}
#MblockSupportMenu li {
	display: block;
	float:left;
	vertical-align :middle;
	color:#888;

}
#MblockSupportMenu li.Lfirst a { color:#ccc; padding-left: 10px;}
#MblockSupportMenu li.Lfirst a:hover { color:#e3547f;}
#MblockSupportMenu li.Lfirst  { text-align: right; padding-right: 25px; line-height: 82px; }
#MblockSupportMenu li.Llast a {
	display:inline-block;
	color:#ccc !important;
	background-color: #fff;
	text-decoration:none;
	width: 80px;
	height: 80px;
}
#MblockSupportMenu li.Llast a {
	background: url("../skin/pink/images/new/logout.png") no-repeat 0 0 !important;
	width: 80px;
	height: 80px;
}

#MblockSupportMenu li.Llast a:hover {
	background: url("../skin/pink/images/new/logout.png") no-repeat 0 -80px !important;
	width: 80px;
	height: 80px;
}

#MblockSupportMenu li.Lfirst { text-align: right; }
#MblockSupportMenu li.Lfirst span { display: block;}
#MblockSupportMenu li.Llast a span { display: none}

#MblockTopMenu {
	position: absolute;
    left: 27%;
    top: 18px;
    z-index: 7;
}
#MblockTopMenu ul {
}
#MblockTopMenu li {
	position: relative;
	float:left;
}
#MblockTopMenu li a {
	position: relative;
	display:inline-block;
	padding: 15px 15px 0;
	/*height: 60px;*/
	/*line-height: 50px;*/
	margin-bottom: -1px;
	text-decoration:none;
}
#MblockTopMenu li span {
	display:inline-block;
	/*line-height:15px;*/
	/*height: 15px;*/
	font-size: 15px;
	color:#fff;
	/*height: 59px;*/
	/*line-height: 30px;*/
	font-weight:400;
	padding:0;
	padding-right: 30px;
	border-right: 1px solid #727272;
}

#MblockTopMenu ul.Lclear li:last-child a span { border-right: 0 !important;}

#MblockTopMenu li a:hover,
#MblockTopMenu li.Lcurrent a {}
#MblockTopMenu li a:hover span,
#MblockTopMenu li.Lcurrent a span,
#MblockTopMenu li.Lcurrent a:hover span,
#MblockTopMenu li a.Lcurrent span,
#MblockTopMenu li.Lcurrent a.Lcurrent span {
	color: #ee0f59;
	/*border-bottom: 1px solid #00bb83;*/
}
#MblockTopMenu a.allmenu span {
	width: 25px;
	background: url(../images/new/menu.png) no-repeat 50% 25px;
}
#MblockTopMenu a.allmenu:hover span {
	width: 25px;
	background: url(../images/new/menu.png) no-repeat 50% -25px;
	border-bottom: 1px solid #cdcccc !important;
}

/* 2 depth */
#MblockTopMenu li ul {
	position:absolute;
	left: 0px !important;
	top: 59px !important;
	padding:0 10px 0 10px ;
	z-index: 9999;
	display:none;
	/* background: #f6f9f8; */
	margin-top:1px;
	height: 47px;
}
#MblockTopMenu li li {
	float:none;
	display: table-cell;
	width: inherit;
}

#MblockTopMenu li li a {
	position: relative;
	display:inline-block;
	padding:0px;
	text-decoration:none;
	border: none;
	height:45px;
	line-height: 45px;
}
#MblockTopMenu li li span {
	display:inline-block;
	height:45px;
	line-height: 40px;
	font-size: 13px;
	color:#333;
	font-weight:bold;
	white-space: nowrap;
	padding:0px 10px;
	margin:0;
	border:none;
}
#MblockTopMenu li li a:hover ,
#MblockTopMenu li li a ,
#MblockTopMenu li.Lcurrent li a ,
#MblockTopMenu li.Lcurrent li a:hover  {
	background: none;
	border: none;
}
#MblockTopMenu li li a:hover span,
#MblockTopMenu li.Lcurrent li a span,
#MblockTopMenu li.Lcurrent li a:hover span {
	color:#00a574;
	border:none;
}
#MblockTopMenu div.topMenuBg {
	position: absolute;
	left:0;
	top:65px;
	display: block;
	width: 100%;
	height: 42px;
	background-color: #f7f7f7;
}

#Mimage {
	position: relative;
    z-index: 4;
    height: 337px;
    background: #fff;
}

#Mimage .MimageIn {
	position: absolute;
    left: 50%;
    top: 20px;
    width: 1002px;
    margin: 0 -500px;
    /*border:1px solid #000;*/
}

#MblockContent {
	position: relative;
	min-height: 150px;
	background-color: #f8f8f8;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:20px 0 0 0;
}
#MblockContent .blockContentIn {
	position: relative;
	width:1000px;
	margin:0 auto;
	clear:both;
}

.conBox {
	background-color: #fff;
	border-radius: 13px;
	border:1px solid #b7b7b7;
	/*padding:20px;*/
	width:100%;
	height:100%;
	min-height: 100px;
	margin-bottom:18px;
	display: inline-block;
}
.conBox h2 {
	color:#3229af;
	font-size: 20px;
	font-weight: 400;
	position: absolute;
    top: 10px;
}
.conBox_line {
	position: relative;
    border-bottom:1px solid #e5e5e5;
    width:100% !important;
    height:50px;
}
.conBox_line h2 { padding-left:20px;}
.conBox_con {
	height:80px;
	position: relative;
	padding:20px;
}

/* notice */
.conBox_con .row { width: 100%; display: inline-block; position: relative; }
.conBox_con .con { line-height: 180%; width:80%; position: relative; float: left; display: inline-block; max-width: 93%; }
.conBox_con .date { font-size:12px; position: relative; float: right; width:80px; text-align: right;line-height: 185%;}
.conBox_con .con span.ico {
  display: inline-block;
  vertical-align: middle;
}

.conBox_con .con span.ico {
    background: url(../images/new/ic_new.png) no-repeat 10px 0;
    width: 30px;
    height: 20px;
}
.conBox_con span.manual {
    background: #fff;
    border: 1px solid #f186a4;
    border-radius: 18px;
    /* height: 20px; */
    font-size: 11px;
    padding: 2px 10px 2px;
    margin-right:12px;
    color:#d5779c;
}

.conBox_con span.notice {
    background: #f15795;
    border: 1px solid #f15795;
    border-radius: 18px;
    /* height: 20px; */
    font-size: 11px;
    padding: 2px 10px 2px;
    margin-right: 12px;
    color: #fff;
}

/* to-do */
.conBox ul.nor li { float:left; width:24.8%; text-align: center; border-right:1px solid #f7f7f7;}
.conBox ul.nor li:last-child { border-right:none;}
.conBox ul.nor li .todoBlock { position: relative; padding:30px 15px 0 15px; height:140px;}
.conBox ul.nor li .todoBlock a.btn01 { background: url(../images/new/btn_todo01.png) no-repeat 60px 0; display: block; height:91px;}
.conBox ul.nor li .todoBlock a.btn01:hover { background: url(../images/new/btn_todo01.png) no-repeat 60px -91px; display: block; height:91px;}
.conBox ul.nor li .todoBlock a.btn02 { background: url(../images/new/btn_todo02.png) no-repeat 60px 0; display: block; height:91px;}
.conBox ul.nor li .todoBlock a.btn02:hover { background: url(../images/new/btn_todo02.png) no-repeat 60px -91px; display: block; height:91px;}
.conBox ul.nor li .todoBlock a.btn03 { background: url(../images/new/btn_todo03.png) no-repeat 60px 0; display: block; height:91px;}
.conBox ul.nor li .todoBlock a.btn03:hover { background: url(../images/new/btn_todo03.png) no-repeat 60px -91px; display: block; height:91px;}
.conBox ul.nor li .todoBlock a.btn04 { background: url(../images/new/btn_todo04.png) no-repeat 60px 0; display: block; height:91px;}
.conBox ul.nor li .todoBlock a.btn04:hover { background: url(../images/new/btn_todo04.png) no-repeat 60px -91px; display: block; height:91px;}

.conBox ul.nor li .todoBlock a.btn01 span.num,
.conBox ul.nor li .todoBlock a.btn02 span.num,
.conBox ul.nor li .todoBlock a.btn03 span.num,
.conBox ul.nor li .todoBlock a.btn04 span.num {
	position: absolute;
    top: 30px;
    left: 140px;
    background: #fff;
    border: 1px solid #7e3d96;
    border-radius: 17px;
    /* height: 20px; */
    font-size: 12px;
    padding: 7px 9px 7px;
    z-index: 10;
    color:#6d2f85;

}
.conBox ul.nor li .todoBlock a.btn01 span.text,
.conBox ul.nor li .todoBlock a.btn02 span.text,
.conBox ul.nor li .todoBlock a.btn03 span.text,
.conBox ul.nor li .todoBlock a.btn04 span.text {
	position: absolute;
    bottom: 20px;
    left: 20px;
    width: 200px;
    text-align: center;
}

.conBox ul.nor li .todoBlock a.btn01:hover,
.conBox ul.nor li .todoBlock a.btn02:hover,
.conBox ul.nor li .todoBlock a.btn03:hover,
.conBox ul.nor li .todoBlock a.btn04:hover { color:#666;}

.conBox_1 {
	background-color: #f7f6ff;
	border-radius: 13px 0 0 13px;
	border:1px solid #b7b7b7;
	height:60px;
	margin-bottom:20px;
}

/* weekly keyword */
.conBox_1 .weekly { position: relative; padding:8px 0; }
.conBox_1 .weekly ul { display:block; height: 42px;}
.conBox_1 .weekly ul li { float:left; background-color: #fff; height: 42px; border-top:1px solid #ebe8f9; border-bottom:1px solid #ebe8f9; line-height: 40px; width:138px; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right:5px;}
.conBox_1 .weekly ul li span img { padding:0 6px; }
.conBox_1 .weekly ul li:first-child { margin-left: 30px; border-radius: 26px 0 0 26px; margin-right:-25px;}
.conBox_1 .weekly ul li:last-child { border-top:1px solid #ebe8f9; border-bottom:1px solid #ebe8f9; border-right:1px solid #ebe8f9; border-radius: 0 26px 26px 0; padding-right:10px;}
.conBox_1 .weekly ul li div.h2 { height: 42px; background-color: #d9b0e8; color: #fff; font-size: 13px; border-radius: 26px; width: 100px; text-align: center;line-height: 40px; z-index: 10; padding:0 4px; }

.conBox_2 {
	background-color: #fffef4;
	border-radius: 0 13px 13px 0;
	border:1px solid #b7b7b7;
	border-left: 1px solid #efeddb;
	height:60px;
	margin-bottom:20px;
}

/* help desk */
.conBox_2 .help { position: relative; padding:9px 0;}
.conBox_2 .help ul { height: 42px;}
.conBox_2 .help ul li { float:left; height: 42px; line-height: 40px; padding-right:20px;  }
.conBox_2 .help ul li span img { margin:-3px 3px 0; }
.conBox_2 .help ul li:first-child { margin-left: 30px; }
.conBox_2 .help ul li div.h2 { height: 42px; background: #efeddb; color: #444; font-size: 13px; border-radius: 26px; width: 100px; text-align: center;line-height: 40px; z-index: 10; padding:0 4px; }

/* tab */
.tabmenu {
	position: relative;
	/*width: 100%;*/
	height: 40px;
	margin: 0;
	padding: 0;
	color: #c0c0c0;
    font-size: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-top:10px;
    padding-left:20px;

}
.tabmenu li {
	/*width: 100%;*/
	float: left;
	list-style: none;
	text-align: left;
    font-weight: 400;
    margin-right:25px;
}
.tabmenu li.on {
    color: #3229af;
}
.tabmenu li a.more {
    position: absolute;top: 15px;right:20px; background: url(../images/new/ic_more.png) no-repeat 0 0; width:18px; height:18px; }
.tabmenu li a.more:hover { background: url(../images/new/ic_more.png) no-repeat 0 0; transform: rotate( 400deg );}

.tabcont {
    height: 80px;
    position: relative;
    padding: 20px;
}

/* footer */
.conFooter {
	position: relative;
    height: 50px;
    width: 1000px;
    font-size: 11px;
    margin:0 auto;
    line-height: 55px;
}

.conFooter span.info a {
	color:#dc3580;
}
.conFooter span.info a:hover {
    color:#333;
}

.conFooter span.bar {
	margin: 0 14px;
    border-left: 1px solid #c3c1c2;
}