@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
.bgbox{background:#fafafa; padding:20px 3%;}
.pdbox{padding:30px 20px;}
.mEnter{display:block;}
.vab{vertical-align:bottom;}

.col-02{width:100%;}
.col-03{width:100%;}
.col-04{width:100%;}

.imgbox img{width:100%; max-width:530px;}
.w1400{max-width:1400px; margin: 0 auto;}
.w1200{max-width:1200px; margin: 0 auto;}
.w1000{max-width:1000px; margin: 0 auto;}
.w800{max-width:800px; margin: 0 auto;}

.perimg{text-align:center;}
.cb{clear:both;}



.content_table{width:100%; border-top:2px solid #1854c4; border-collapse:collapse; font-size:8px;}
.content_table th{padding:10px 5px; border-right:1px solid #ddd;}

.content_table td{border-right:1px solid #ddd;}
.content_table th:last-child,
.content_table td:last-child {border-right:0;}
.content_table th, .content_table td{border-bottom:1px solid #dcdcdc; padding:12px 7px; vertical-align:middle}
.content_table th.line_left, .content_table td.line_left{border-left:1px solid #dcdcdc; }
.content_table th.line_right, .content_table td.line_right{border-right:1px solid #dcdcdc; }
.content_table th.none_line_right, .content_table td.none_line_right{border-right:0 !important; }
.content_table .bl, .content_table tr.bl td, .content_table tr.bl th{border-left:1px solid #dcdcdc}
/*.content_table tr.bl td:first-child, .content_table tr.bl th:first-child{border-left:0px;}*/
.content_table .bli{border-left:1px solid #dcdcdc !important}
.content_table th{font-weight:500; background:#f4f8ff; padding:12px 3px;}
.content_table .bgc{background:#fafafa; text-align:center}
.content_table tr.bgc th, .content_table tr.bgc td{ background:#fafafa}
.content_table .tal{text-align:left;}
.content_table .btn_mody {background:#00adef;  padding:7px 15px; color:#fff; font-size:0.9em;}
.content_table .btn_cansle {background:#bbb;  }
.content_table .col02 .btn_mody {float:left; width:100%; margin:1%; padding:7px 5px}
.content_table .bg_color {background:#f8f8f8}


.over2_tbl {overflow-x:auto; }
.over2_tbl table {min-width:700px; width:100%;border-collapse:separate;}
.over2_tbl .wover_table {min-width:700px; width:100%;border-collapse:separate;}

.m_arrow {display:block; font-size:12px; padding:5px 0 0 15px; position:relative; text-align:left;}
.m_arrow:after {display:block;content:'\f061'; position:absolute; top:8px; left:0; font-family:'FontAwesome'}

.btn_add {background:#90c31f; color:#fff; padding:7px 20px; vertical-align:middle; line-height:30px; display:inline-block;}
.btn_print {background:#1854c4; }


.responsive-tabs-wrapper{border-bottom:1px solid #dcdcdc}
.responsive-tabs__list { display: none;}
.responsive-tabs__heading { display: block; cursor: pointer; }
.responsive-tabs__panel--closed-accordion-only { display: none;}

.responsive-tabs__list { font-size: 1.2em; margin: 2em 0 0 0; padding: 0;border-bottom: 1px solid #ddd; padding-bottom:11px; line-height: 1em;}
.responsive-tabs__heading {padding: 17px 20px; border-top: 1px solid #dcdcdc; position: relative; font-weight:500}
.responsive-tabs__heading:after{font-family:'FontAwesome';	content:"\f107"; display: block;	position: absolute; right: 20px;	top:13px; margin:auto;;color:#323232; font-size:20px;}
.responsive-tabs__heading:hover,
.responsive-tabs__heading--active{background:#fafafa; color:#1854c4; font-weight:600}
.responsive-tabs__heading--active:hover {color:#1854c4 }
.responsive-tabs__heading--active:after {color:#1854c4; }
.responsive-tabs__panel{padding:20px; background:#fafafa}






.blackTxt{color:#000000}
.blTxt{color:#1c3f95}
.blgrTxt{color:#345468}

.point_txt{position:relative; font-family:'Montserrat', 'ns'; text-transform:uppercase; color:#323232; font-weight:bold;}
.pDot{padding-left:15px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#fb0000}
.fsb{font-size:1.2em}
.bgGray{background:rgba(230,230,230,0.3);}
.bgbox{padding:20px 3%; background:rgba(230,230,230,0.3);}
.pdbox{padding:20px 3%}
/*.point_txt:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fb0000}
.point_txt:after{content:''; clear:both;}*/
/*.redDot{display:inline-block; position:relative; padding-right:15px}
.redDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fb0000}
.redDot:after{clear:both;}*/

.pointTxt{background:#ffef67;}
.redTxt{color:#d10000}
.blueTxt{color:#2159c0}
.bdLine{border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}

.dot_li{overflow:hidden; }
.dot_li li{background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:10px; margin-bottom:3px;}
.dot_li li:last-child{margin-bottom:0px;}

.tit_nm{position:relative;font-size:1.3em; font-weight:500; letter-spacing:-0.06em; color:#000000; padding-left:20px;}
.tit_nm:before{position:absolute; display:block; content:''; width:5px; height:30%; background:#112765; top:7px; left:3px; z-index:1;}
.tit_nm:after{position:absolute; display:block; content:''; width:5px; height:60%; background:#656d72; top:7px; left:3px;}
.tit_sm{font-size:1.1em; font-weight:500; letter-spacing:-0.06em; color:#000000}
.tit_dot{color:#000000; font-size:1.3em; font-weight:500; letter-spacing:-0.065em; padding-left:25px; background:url(../img/tit_dot.png) no-repeat left center; background-size:16px !important}


@media all and (min-width:768px) {
.bgbox{padding:30px 3%;}
.col-02{width:47%; margin:0 1.5%; float:left;}
.pdbox{padding:30px 3%;}
.mEnter{display:inline;}
.tEnter{display:block;}

.tit_nm{font-size:1.5em; }
.tit_dot{ font-size:1.3em;}




}

@media all and (min-width:1000px) {
.scllow_m table {width:100%; min-width:950px;}

}

@media all and (min-width:1200px) {
.bgbox{padding:40px 25px;}
.pdbox{padding:40px 25px;}
.tEnter{display:inline;}
.pEnter{display:block;}
.bdLine{padding-bottom:60px; margin-bottom:60px;}

.tit_nm{font-size:1.7em; }

.content_table {font-size:0.9em;}

}


@media all and (min-width:1400px) {
.m_arrow {display:none;}
.btn_addB {margin-bottom:10px;}

}




/*탭리스트*/
.tablist {overflow:hidden; text-align:center; position:relative;}
.tablist li{display:inline-block;  line-height:40px; text-align:center; background:#ffffff; position:relative;}
.tablist li:last-child{border-right:0}
/*.tablist.list02 li{width:45%}
.tablist.list03 li{width:32.1%}
.tablist.list04 li{width:45%}
.tablist.list05 li{width:45%}*/


.tablist li a{ display:block; text-align:center; border:2px solid #e6e6e6;  background:#f5f5f5; color:#808080; border-bottom:0px; padding:0 5px;}
.tablist li.active a{color:#fff; background:#ffffff; font-weight:500; background:#0090d5;  border:2px solid #0090d5;  box-sizing: border-box;}

.responsive_menu #resmenu1 {display: block; width: 100%; height:36px; padding: 6px 12px; margin-bottom:20px; font-size:1em; line-height: 1.42857%; color: rgb(85, 85, 85); vertical-align: middle; 
background-color: rgb(255, 255, 255); border:1px solid #cecece; border-radius:3px;}



@media all and (min-width:768px) {
.tablist {text-align:center}
.tablist li{line-height:50px;}
.tablist li a {padding:0 32px;}
}



.comm_table{width:100%; border-top:1px solid #4e5463; border-collapse:separate; font-size:0.95em;}
.comm_table th, .comm_table td{border-bottom:1px solid #dcdcdc; padding:15px 3px; vertical-align:middle}
.comm_table .bl, .comm_table tr.bl td, .comm_table tr.bl th{border-left:1px solid #dcdcdc}
/*.comm_table tr.bl td:first-child, .comm_table tr.bl th:first-child{border-left:0px;}*/
.comm_table .bli{border-left:1px solid #dcdcdc !important}
.comm_table th{font-weight:400; background:#f5f5f5; color:#000000}
.comm_table td.bdr{border-right:1px solid #e6e6e6}


@media all and (min-width:768px) {
.comm_table{font-size:1em;}
.comm_table th, .comm_table td{padding:20px 10px}
}
.syncSlider{margin-bottom:20px; position:relative;}
.syncSlider #sync1 .owl-wrapper-outer{margin-bottom:10px;}
.syncSlider #sync1 .item img{width:100%}
.syncSlider #sync2 .item{margin: 5px; cursor: pointer; padding:2px; opacity:0.5;}
.syncSlider #sync2 .synced .item{background: #2448a9; opacity:1;}

.syncSlider .owl-controls{margin-top:0px !important; position:absolute; z-index:2; right:0px; bottom:0px;}
.syncSlider .owl-controls .owl-buttons{float:right;}
.syncSlider .owl-controls .owl-buttons div{margin:0px !important; border-radius:0px  !important; opacity:0.8 !important; width:40px; height:40px; padding: 10px  !important; text-indent:-9999999px;}
.syncSlider .owl-controls .owl-buttons div.owl-prev{margin-right:3px !important; background:#505050 url(../img/btn_prev.png) no-repeat center center !important;}
.syncSlider .owl-controls .owl-buttons div.owl-next{background:#505050 url(../img/btn_next.png) no-repeat center center !important;}

.syncSlider #sync2 {position:relative; margin-top:10px}
.syncSlider .owl-controls clickable{float:right}


/*컨텐츠공통*/
.conh4{font-size:1.9em; font-weight:500}
.conh4:after{content:''; width:60px; height:3px; background:#4e5463; display:block; margin:20px 0}
.conh4 span.st{font-size:0.7em; display:block}


@media all and (min-width:768px) {
.conh4{font-size:2.3em;}

}

/*공통*/
.com_top{text-align:center;}
.com_top h3{font-size:1.5em; letter-spacing:-1.5px; font-weight:500; color:#000000}
.com_top p{font-size:1.1em; }


.gry_box {border:1px solid #ddd; background:#f9f9f9; padding:20px; margin-top:10px;}
.com_top .gry_box ul:after {clear:both; display:block; content:'';}
.com_top .gry_box ul li {display:inline-block; margin:0 15px;}
.com_top .gry_box ul li span {font-weight:700;}
.com_top .gry_box ul li span img {max-width:20px;}
.com_top .gry_box ul li b {color:#000; font-weight:700}

.boatTxt {font-size:1.8em; font-weight:700; color:#000; padding:20px 0 !important; border-top:2px solid #000}

.deco{display:inline-block; height:2px; width:25px;  position:relative; background:#000000; vertical-align:middle; margin-left:5px}

.deco_w{background:#ffffff}
.deco_w:after{border-bottom-color:#ffffff}
.deco_w:before{border-top-color:#ffffff}

.pointbox{padding:20px 10px; border:1px dashed #c8c8c8; background:#f8f8fe}

.departSrc .searchBox select {padding:0 .586em}


@media all and (min-width:768px) {
.com_top .gry_box  {margin-top:20px;}
.gry_box {padding:40px;}
.deco{width:40px; margin-left:10px}
.pointbox{padding:20px 20px;}

}

@media all and (min-width:1200px) {
.pointbox{padding:30px 20px;}
.gry_box {padding:50px;}
}



/*반응형*/
 img.ic_nu{display:inline-block; width:18px;}

table.responsive-table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	font-size:0.9em
}
table.responsive-table thead {
	display: none
}
table.responsive-table tr {
	margin-bottom: 10px;
	display: block;
	padding: 10px 0px;
	border:1px solid #dcdcdc;
	border-top:2px solid #005bac
}
table.responsive-table td {
	display: block;
	text-align: right;
	padding:10px 15px;
}


table.responsive-table td:last-child {
	border-bottom: 0
}
table.responsive-table td:before {
	content: attr(data-rt-label);
	float: left;
	text-transform: uppercase;
	font-weight: 500;
	margin-right:10px;
}


@media all and (min-width:640px) {	
.responTable tr {padding: 10px}

.responTable{width:100%; border-top:2px solid #1854c4;  text-align:center; border-collapse:separate; }
.responTable th{background:#f4f8ff; padding:12px 3px; font-weight:600}
.responTable th,
.responTable td{border-right:1px solid #ddd; border-bottom:1px solid #dcdcdc;  vertical-align:middle; padding:12px 7px}

}

@media all and (min-width:640px) {	
.responTable{font-size:1em}
}

.ceo_mess {position:relative;}
.ceo_mess .ceoImg {}
.ceo_mess .ceoImg img {border:1px solid #ddd;}
.ceo_mess .ceoTxt {}
.ceo_mess .ceoTxt .boxT {background:#005bac; color:#fff;  padding:20px; border-radius:0 0 20px 0; margin-bottom:20px; position:relative;}
.ceo_mess .ceoTxt .boxT:after {position:absolute; display:block; content:''; background:url(../img/ddum.png) no-repeat; background-size:100% !important; width:25px; height:25px; top:10px; left:10px; opacity:0.5; z-index:0}
.ceo_mess .ceoTxt .txt { font-size:0.9em; }
.ceo_mess .ceoTxt .txt p {}
.ceo_mess .ceoTxt .txt p.name  {}
.ceo_mess .ceoTxt .txt p.name span {font-weight:700}


@media all and (min-width:640px) {	
.ceo_mess  {display:flex; position:relative;}
.ceo_mess:after  {position:absolute; display:block; content:''; background:url(../img/pic_backCeo.png) no-repeat; background-size:100% !important; width:100%; height:400px;  top:0; left:0; right:0; margin:0 auto; z-index:-1}
.ceo_mess .ceoImg {max-width:300px; }
.ceo_mess .ceoTxt {margin-top:29%}
.ceo_mess .ceoTxt .boxT {padding:40px; }
.ceo_mess .ceoTxt .txt {padding:0 20px}

}


@media all and (min-width:768px) {	
.ceo_mess .ceoTxt .boxT {font-size:1.2em;}
.ceo_mess .ceoTxt .boxT:after  {top:17px; left:17px; width:35px; height:35px; }

}

@media all and (min-width:1000px) {	
.ceo_mess .ceoTxt .boxT {padding:70px 50px; font-size:1.4em;}
.ceo_mess .ceoTxt .boxT:after  {top:65px; left:30px; width:35px; height:35px; }

.ceo_mess .ceoTxt .txt { font-size:1em; padding-top:40px;}
.ceo_mess .ceoTxt .txt p.name {font-size:1.2em; }

}

@media all and (min-width:1200px) {	
.ceo_mess {padding:0 80px;}
.ceo_mess:after  {height:435px;}

.ceo_mess .ceoImg {margin:20% 5% 0 0 ; max-width:270px;}

.ceo_mess .ceoTxt .boxT:after {top:53px;}
}

@media all and (min-width:1400px) {	
.ceo_mess {padding:20px 120px;}
.ceo_mess:after  {height:500px;}

.ceo_mess .ceoTxt {width:60%; margin-top:31.2%;}
}






/*조직도*/
.org {position:relative;}
.org .orgBox {text-align:center; padding-bottom:50px; position:relative; z-index:0}
.org .orgBox:before {display:block;content:'';position:absolute;width:1px;height: 100%;background:#dcdcdc;top:0;left:0;right:0;margin:0 auto;z-index:-1;}
.org .orgBox.or4.mb:before {display:block;content:'';position:absolute;width:1px;height: 0%;background:#dcdcdc;top:0;left:0;right:0;margin:0 auto;z-index:-1;}
.org .or1,
.org .or2,
.org .or3,
.org .or5 {max-width:170px; margin:0 auto;}
.org .or3.left {max-width:250px;}
.org .or3.left .boxCol02:after {clear:both; display:block; content:''; }
.org .or3.left .boxCol02 .list02 {float:left; width:50%;}
.org .or3.left .boxCol02 .list02 h4 {background:#eee; color:#000; font-weight:700; }
.org .orgBox .orc {font-size:1em; font-weight:600; padding:15px 20px; display:inline-block; color:#fff; width:100%;}
.org .orgBox .ordp {padding:15px 20px; display:block; }
.org .or1 .orc {background:#1854c4;  }
.org .or2 .orc {background:#0090d5; }
.org .or3 .orc {background:#12c5da; }
.org .or4 {position:relative;}
.org .or4 .orList {max-width:250px; margin:0 auto 50px;}
.org .orgBox:last-child {padding-bottom:0;}

.org .orList .ord{padding:20px 0; background:#364d5c; color:#fff; font-size:1.1em;}

.org .orList .ordp{padding:15px 0; background:#f9f9f9; border:1px solid #ddd;}

.org_box {border:1px solid #ddd; padding:40px 20px;}

@media all and (min-width:768px) {
.org .line_top {position:relative; display:block;}
.org .line_top:after {display:block; position:absolute; content:''; width:80%; height:1px; background:#dcdcdc; top:0; left:0; right:0; margin:10% auto;}

.org .orgBox {padding-bottom:80px;}
.org .orgBox.or2:before {height:0;}
.org .orgBox.wd_or2:before {height:100%;}
.org .orlistBox:after {display:block; content:''; clear:both; visibility:hidden; height:0;}

.org .or2 {max-width:250px;}
.org .wd_or2 {max-width:170px;}
.org .or2 .list02 {float:left; width:50%;}

.org .or3.left {position:absolute; top:0; left:0; width:220px;}
.org .or3.right {position:absolute; top:0; right:0; width:170px;}
.org .orgBox.right:before {height:80%}
.org .orgBox.left:before {height:0}

.org .or5 {position:absolute; top:30%; right:0; width:170px;}

.org .or4 .orList {float:left; width:30.33%; margin:0.5% 1.5%;position:relative; max-width:100%; min-height:206px;}
.org .or4 .orList.wList {width:28%;}
.org .or4 .orList.wList .boxCol02:after {clear:both; display:block; content:'';}
.org .or4 .orList.wList .boxCol02 .list02 {float:left; width:50%;}

/*.org .or4:before {display:block; content:''; position:absolute; width:66.5%; height:1px; background:#dcdcdc; top:-13%; left:0; right:0; margin:0 auto; z-index:-1;}*/
/*.org .or4 .orList:after {display:block; content:''; position:absolute; width:1px; height:50%; background:#dcdcdc; top:-40px; left:0; right:0; margin:0 auto; z-index:-1;}*/
.org .or4 .orList:nth-child(2)::after {height:0;}
.org .or4 .orList.line_l::after {width:0px;}
.org .or4 .orList.line_up::after {height:70%; top:-105px;}

}

/*연혁
.hisBox {}
.hisBox h3 {font-size:2em; color:#000; text-align:center; margin-bottom:10px; font-weight:700}
.hisBox .his {}
.hisBox .img {width:95%; margin:0 auto 20px;}
.hisBox .his_list {padding-left:20px;}
.hisBox .his_list ul {padding-left:20px; position:relative;}
.hisBox .his_list ul:after {position:absolute; display:block; content:''; width:1px; background:#ddd; height:100%; top:0; left:0}
.hisBox .his_list ul li {margin-bottom:10px}
.hisBox .his_list ul li span {display:inline-block; width:50px; font-weight:600}

@media all and (min-width:600px) {
.hisBox h3 {font-size:2.5em; text-align:left; margin-left:27%;}
.hisBox .his:after {clear:both; display:block; content:'';}
.hisBox .img {float:left; width:30%;  padding-top:20px;}
.hisBox .his_list {float:right; width:65%;padding-left:0; }
.hisBox .his_list ul:before {position:absolute; display:block; content:''; width:10px; background:#005bac; height:10px; top:0; left:-5px; border-radius:50%; z-index:1}
.hisBox .his_list ul  {min-height:130px; padding-top:20px;}


}

@media all and (min-width:768px) {
.hisBox h3  {margin-left:29%;}
.hisBox .his_list ul li span {width:80px;}

}

@media all and (min-width:1200px) {
.hisBox h3  {margin-left:31%;}
.hisBox .his_list ul  {min-height:210px;}
.hisBox .his_list ul:before {top:-4px;}

}*/

  .historyTxtBox {position:relative;border-top:3px solid #c2c2c2}
  .historyTxtBox:after {position:absolute; display:inline-block; content:''; width:5%; height:3px; background:#005bac; top:-3px; left:0}

  .historyTxt {position:relative;border-bottom:1px solid #ddd;padding:20px 0;}
  .historyTxt:first-child {margin-top:20px;}
  .historyTxt .year {font-size:1.3em; font-weight:500;color:#000;position:relative;}
  .historyTxt ul {position:relative; }
  .historyTxt li {padding:10px 0; }
  .historyTxt li {display:flex; }
  .historyTxt li .date {font-weight:600; color:#222 ; width:80px}
  .historyTxt li .txt {font-weight:300; }

	@media all and (min-width:768px) {
	.historyTxt {padding:30px 0}
	.historyTxt .year {position:absolute; top:25px; left:0; font-size:2.3em;}
	.historyTxt ul {margin-left:130px; font-size:1.2em;}
	}
	
	@media all and (min-width:1200px) {
	.historyTxt ul {margin-left:170px; }
	}


/*오시는 길*/
.map_info {}
.map_info h4 {padding:20px 0; font-weight:700; font-size:1.2em; color:#fff; background:#1854c4}
.map_info .mapBox {border:1px solid #ddd; padding:30px 20px; text-align:center;}
.map_info .mapBox p {padding-bottom:10px}
.map_info .mapBox p img {max-width:45px;}
.map_info .mapBox dl {}
.map_info .mapBox dl dt {font-size:1.2em; font-weight:700; color:#0090d5; padding-bottom:15px;}
.map_info .mapBox dl dd {}
.map_info .mapBox dl dd b {font-weight:700}

.root_daum_roughmap { width: 100% !important }
.root_daum_roughmap .cont .section { padding: 20px !important; background: #ffffff; margin: 0 !Important }


@media all and (min-width:768px) {
.map_info h4  {padding:30px 0; font-size:1.7em;}
.map_info:after {clear:both; display:block; content:'';}
.map_info .mapBox {float:left; width:33.33%; min-height:250px; padding:40px 20px}
.map_info .mapBox dl dt {font-size:1.3em;}

}



.rule_cnt {}
.rule_cnt p.text {font-size:1.1em;}

.ruleBox {font-size:0.9em; position:relative;}
.ruleBox:after {clear:both; display:block; content:'';}
.ruleBox ul {}
.down {border:1px solid #555; background:#555; color:#fff; padding:10px 30px 10px 10px; position:relative;  font-size:0.9em; }
.dw_mg {display:block; margin-bottom:10px;}
 .down:after { position:absolute; display:block; content:'\f019'; font-family:'FontAwesome'; font-size:15px; right:10px; top:8px; color:#fff; }

.shipTbl .down {background:#233e59}

.ruleNum {}
.ruleNum .rule {}
.ruleNum .rule .tit,.titH3 {font-size:1.3em; font-weight:700; padding-bottom:10px;  position:relative; padding-left:15px;}
.ruleNum .rule .tit:after,
.titH3:after{position:absolute; display:block; content:''; width:3px; height:50%; background:#005bac; top:10%; left:0;}
.ruleNum .rule .tit:before,
.titH3:before {position:absolute; display:block; content:''; width:3px; height:20%; background:#0090d5; top:10%; left:0; z-index:1}
.ruleNum .rule .txt {line-height:1.5; border:1px solid #ddd; padding:20px;}
.ruleNum .rule .txt_none {line-height:1.5; border:0; padding:0;}


.ruleNum .rule .txt p {margin-bottom:5px;}
.ruleNum .rule .txt ul {padding-left:20px; margin-bottom:5px;}
.ruleNum .rule .txt.ul_pl0 ul {padding-left:0; }

.ruleArea h4  {color:#000; font-size:1.2em; font-weight:700}
.title_rule {color:#fff; font-size:1.5em; font-weight:700; background:#5f707e; padding:20px; position:relative;}
.title_rule span {font-size:0.7em; font-weight:400; display:inline-block; margin-right:10px;}
.ruleArea .gry_box {margin-top:0}

.title_rule .abs_down {font-size:15px; font-weight:400; margin-top:20px;}



.mark { margin-top:20px; font-size:0.9em;}

.ruleNum.col02:after {clear:both; display:block; content:'';}
.ruleNum.col02 .rule .txt {border:0; padding:0}
.ruleNum.col02 .rule p img {border:1px solid #ddd;}

.litebox-overlay img {border:10px solid #ddd;}
.exe_hwp img {max-width:500px;}
.boxCol02 li img {border:3px solid #5f707e;}
.img_txtP li p {background:#5f707e; color:#fff; padding:20px; text-align:center;}


@media all and (min-width:480px) {
.title_rule .abs_down {position:absolute; right:10px; top:5px;}

}


@media all and (min-width:768px) {
.rule_cnt p.text {font-size:1.5em;}
.down {display:inline-block;}
.exe_hwp .down {margin:0 0 20px;}
.ruleBox .mt0 {margin-top:0;}

.ruleNum .rule .tit,
.titH3 {font-size:1.5em; }
.ruleNum .rule .txt.pdw40 {padding:40px;}

.ruleBox .rule_cnt{float:left; width:50%; text-align:left !important;}
.ruleBox .rule_exe{float:left; width:100%; text-align:center !important;}
.ruleBox ul {float:right; width:50%; text-align:right;}

.ruleNum.col02 .rule {float:left; width:48%; margin:1%;}

.boxCol02:after {clear:both; display:block; content:'';}
.boxCol02 li {float:left; width:25%; margin:1%;}

.title_rule .abs_down { right:20px; top:-5px;}


}


@media all and (min-width:1200px) {
.ruleArea .mb30 {margin-bottom:40px !important; }

}

/*작업등록*/
.registBox {} 
.registBox ul{position:relative; } 
.registBox ul:after  {clear:both; display:block; content:'';} 
.registBox ul li {float:left; width:50%; border:1px solid #ddd; background:#f9f9f9; padding:30px 20px ; font-size:1.2em;} 
.registBox ul li .ic {position:relative; display:inline-block; margin-right:10px; width:20px; height:20px;} 
.registBox ul li .ic:after {position:absolute; display:block; content:''; background-size:100% !important; width:20px; height:20px; left:0; top:3px;} 
.registBox ul li .ico01:after{background:url(../img/ic_regist01.png) no-repeat top;} 
.registBox ul li .ico01_2:after{background:url(../img/ic_regist01_2.png) no-repeat top;} 
.registBox ul li .ico02:after{background:url(../img/ic_regist02.png) no-repeat top;} 
.registBox ul li .ico03:after{background:url(../img/ic_regist03.png) no-repeat top;} 
.registBox ul li .ico04:after{background:url(../img/ic_regist04.png) no-repeat top;} 
.registBox ul a:hover li {background:#005bac; color:#fff; font-weight:700}
.registBox ul a:hover li .ico01:after{background:url(../img/ic_regist01_hv.png) no-repeat top;} 
.registBox ul a:hover li .ico01_2:after{background:url(../img/ic_regist01_2_hv.png) no-repeat top;} 
.registBox ul a:hover li .ico02:after{background:url(../img/ic_regist02_hv.png) no-repeat top;} 
.registBox ul a:hover li .ico03:after{background:url(../img/ic_regist03_hv.png) no-repeat top;} 
.registBox ul a:hover li .ico04:after{background:url(../img/ic_regist04_hv.png) no-repeat top;} 

@media all and (min-width:768px) {
.registBox ul li {width:25%; font-size:1.2em; text-align:center;}
}

/*팝업레이어*/
.titH3.tal {text-align:left !important;}
.upBg {background:#fff; padding:50px 20px; }
.w600 {max-width:600px; width:100%; margin:0 auto;}

.qualif_box {}
.qualif_box .qu_li {border-top:2px solid #1854c4; margin-bottom:20px;}
.qualif_box .qu_li:after {clear:both; display:block; content:'';}
.qualif_box .qu_li li {float:left ; padding:10px 0; border-bottom:1px solid #ddd; }
.qualif_box .qu_li li .tit {width:28%; font-weight:600; display:inline-block; }
.qualif_box .qu_li li .txt { display:inline-block; width:69%;}



.graphBox {width:100%; height:450px; border:1px solid #ddd;}
.graphBox g text{font-size:12px !important}
.chart_table td,
.chart_table th{padding:8px 2px}

.box_day {border:1px solid #ddd; background:#f3f3f3; display:inline-block; padding:5px 10px; margin-bottom:10px;}
.box_day span {color:#000; font-weight:600}


.morNeve {}
.morNeve .img {display:none;}
.morNeve .mneBox {}
.morNeve .mneBox h3 {font-size:1.3em; font-weight:700; }
.morNeve .mneBox p{padding-left:20px;}
.morNeve .mneBox ul {}
.morNeve .mneBox ul li {text-align:center; border:1px solid #ddd; padding:15px 0; color:#595959; margin-bottom:10px; border-radius:10px;}
.morNeve .mneBox ul li a {display:inline-block; width:100%; height:100%;}
.morNeve .mneBox ul li span {position:relative; margin-left:15px; display:inline-block; vertical-align:top;}
.morNeve .mneBox ul li span:after {position:absolute; display:block; content:''; width:20px; height:20px; background:url(../img/link_btn.png) no-repeat; background-size:100% !important;left:0; right:0; top:0;}
.morNeve .mneBox ul li span img {max-width:18px;}

.morNeve .mneBox ul li:hover {background:#005bac; border:1px solid #005bac;  color:#fff;}
.morNeve .mneBox ul li:hover span:after {background:url(../img/link_btn_fff.png) no-repeat; }


@media all and (min-width:768px) {

.morNeve {display:flex; justify-content:center;}
.morNeve .img {display:block; width:50%;}
.morNeve .mneBox  {border:1px solid #ddd; padding:100px 40px 40px;}
.morNeve .mneBox h3,
.morNeve .mneBox p {padding-left:0;}
.morNeve .mneBox h3 {color:#005bac; font-size:1.5em;}
.morNeve .mneBox h3:before,
.morNeve .mneBox h3:after {background:none !important; }


.chart_table td,
.chart_table th{padding:8px 5px}

}

@media all and (min-width:1200px) {

.morNeve .mneBox {padding:100px 50px 40px}

}


@media all and (min-width:1400px) {
.morNeve .img {width:30%;}
.morNeve .mneBox {padding-top:70px;}

}


.erpWrap {}
.erpWrap .tit {}
.erpWrap .tit p {padding-left:20px;}

.erpBox {border:1px solid #ddd;  margin-bottom:60px; position:relative;}
.erpBox:after {position:absolute; display:block; content:''; background:url(../img/arrow.png) no-repeat; background-size:100% !important; width:30px; height:30px; left:0; right:0; margin:0 auto; bottom:-42px;}
.erpBox:last-child::after {background:none;}
.erpBox h4 {background:#1854c4; padding:20px 0; text-align:center; font-weight:700; font-size:1.2em; color:#fff}
.erpBox:last-child h4 {background:#0090d5}
.erpBox .img {}
.erpBox .txt {padding:0 20px 20px;}
.erpBox .txt ul li span {display:inline-block; font-weight:700}
.erpBox .txt .down img {max-width:15px !important; display:inline-block; margin-top:2px; }
.erpBox .txt .down:after {font-size:0 !important; }

@media all and (min-width:768px) {

.erpBox {  margin-bottom:100px;}
.erpBox:after  {width:40px; height:40px; bottom:-68px;}
}



@media all and (min-width:1000px) {
.erpBox .txt {max-width:1050px; margin:0 auto; padding:0 0 60px;}
.erpBox .disnone {display:none;}
}