@charset "utf-8";

/*~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ 
2017.03. 23 Nara Lee
~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~*/

@import url(common.css);

a{display: inline-block;}
.sub_footer {overflow:hidden; clear:both; margin-bottom:50px; border-top: 1px solid #ccc; padding-top: 20px;}

/* 메뉴탭 */
.tab ul{overflow: hidden; }
.tab ul li{float: left; width: 163px; height: 56px; background-color: #fff; font-size: 15px; text-align: center; font-weight: bold; line-height: 135%;}
.tab ul li a{width: 163px; height: 36px; padding-top: 14px; border: 1px solid #ccc;}
.tab ul li .on{background-color: #717075; color: #fff; border-color:#ccc;}
.tab ul li a:hover{background-color: #717075; color: #fff; border-color: #ccc; text-decoration:none;}
.tab ul li .regist_pro{width: 163px; height: 45px; padding-top: 5px; border: 1px solid #ccc;}
.tab ul li .regist_pro:hover{background-color: #717075; color: #fff; border-color: #ccc; text-decoration:none;}

/* 구매본부소개 */
.container h2{font-size: 20px; float: left; margin: 37px 0 0 15px; }
.pass{float:right; padding-right: 15px; margin-top: 42px; font-size: 11px;}
.pass>a:HOVER{text-decoration: underline;}
.d_line{width: 980px; border-bottom: 1px solid #ccc; display: inline-block;}
.text{width: 890px; margin: 0 auto; } 
.text h3{font-size: 16px; background: url('../img/bullet.png') no-repeat 0 7px; padding-left: 17px; margin: 40px 0 30px 0;;}
.pro_info{margin-bottom:50px ;}

/* 신규협력사등록 Process */
.information{width: 888px; height: 210px; border: 1px solid #ccc; margin-bottom: 50px;}
.s_box{overflow: hidden; }
.s_box>img{float: left; margin-right: 16px;}
.s_info>h4{font-size: 16px; margin: 2px 0 14px 0;}
.s_info>p{font-size: 13px; word-spacing: -2px; }
.pdl30{padding-left: 30px;}

/* 사용자매뉴얼 */
.contents1{width: 888px; height: 413px; border: 1px solid #ccc; overflow: hidden;}
.contents1>img{float: left; margin: 30px 0 0 30px;}
.contents1 ul {float: left; margin: 57px 0 0 20px;}
.contents1 ul li{font-size: 14px; font-weight: bold; padding-bottom: 15px;}
.contents1 ul li img{vertical-align: middle;}
.contents2{width: 888px; height: 388px; border: 1px solid #ccc; margin-bottom: 50px; overflow: hidden;}
.contents2>img{float: left; margin: 30px 0 0 30px;}
.contents2 ul {float: left;  margin: 35px 0 0 20px;}
.contents2 ul li{font-size: 14px; font-weight: bold; padding-bottom: 15px;}
.contents2 ul li img{vertical-align: middle;}
.contents2 ul li span{padding-left: 23px;}

/* -----------------------------------------
1st : 2020.10.16 nmkim - 엠로 디자인팀
----------------------------------------- */
/* 윤리경영 */
.panel {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 300px;;
	text-align: center;
	margin: 40px 0 40px;
}
.panel h4 {
	font-size: 18px;
	color: #333;
	font-weight: 600;
	letter-spacing: -1px;
}
.panel .con_line{
	border-top: 1px solid #ee3a43;
	width: 30px;
	margin: 25px auto 20px auto;
}
.panel p {
	font-size: 13px;
	color: #666;
	line-height: 1.5;
	letter-spacing: -0.5px;
}
.panel p.exptxt {
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	letter-spacing: -0.5px;
	text-align: left;
	margin-left: 40px;
	line-height: 1.8;
}
.panel .section_1{
	width: 265px;
	height: 100%;
	background: #fff;
	border: 1px solid #dfdfdf;
	float: left;
	margin-right: 10px;
}
.panel .section_1 .icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../img/ic_banner01.png) no-repeat;
	margin: 40px auto 20px;
}
.panel .section_2{
	width: 265px;
	height: 100%;
	background: #fff;
	border: 1px solid #dfdfdf;
	float: right;
	margin-right: 10px;
}
.panel .section_2 .icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../img/ic_banner02.png) no-repeat;
	margin: 40px auto 20px;
}
.panel .section_3{
	width: 265px;
	height: 100%;
	background: #fff;
	border: 1px solid #dfdfdf;
	float: right;
}
.panel .section_3 .icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../img/ic_banner03.png) no-repeat;
	margin: 40px auto 20px;
}