@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
/*
font-family: "Noto Sans KR", serif;
*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td label{margin:0px; padding:0px;}

body {font-size:12px; font-family:µ¸؟ٍ,sans-serit; color:#333333; line-height:20px;}

ol,ul {list-style:normal; font-weight:normal;}

li { list-style-type:none;}

img {border:none;}

a:link {color:#333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:active {color:#333333;}
a:hover {color:#254c8c;}


.leftmenu { width:200px;}
.leftmenu img { vertical-align:top;}

.leftbanner { width:200px; padding-bottom:100px;}
.leftbanner img { vertical-align:top;}
.leftbanner li { padding-top:10px;}

.navi { font-size:8pt; letter-spacing:-1px; color:#616161;}

/* 250207 أك°، */

.body-wrap {
	width: 1024px;
	margin: 0 auto;
}
.top_head .logo {
	position: absolute;
	left: 446px;
	top: 20px;
}
.top_head .banner {
	width: 100%;
}
.top_head .banner img {
	display: block;
	width: 100%;
}
.gnb {
	background: #222;
	font-family: "Noto Sans KR", serif;
}
.gnb .body-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.gnb ul.depth1 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.gnb ul.depth1 > li {
	padding: 0 40px;
	position: relative;
}
.gnb ul.depth1 > li > a {
	display: block;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
}
.gnb ul li:hover > ul {
	height: 100%;
}
.gnb ul.depth2 {
	position: absolute;
    top: -100%;
    height: 0;
    left: 50%;
    overflow: hidden;
    transition: 0.3s;
    display: flex;
    z-index: 2;
    transform: translateX(-50%);
}
.gnb ul:hover + .depth2-box {
	height: 100%;
}
.gnb .depth2-box {
	position: absolute;
	width: 100%;
	height: 0;
	left: 0;
	top: -40px;
	transition: 0.3s;
	background: rgb(0, 0, 0, 0.7);
	z-index: 1;
}
.gnb ul.depth2 li {
	padding: 0 10px;
	white-space: nowrap;
}

.gnb ul.depth2 li a {
	display: block;
	color: #fff;
	line-height: 40px;
}
.gnb ul.depth2 li a:hover {
	color: #fdff6a;
}

.gnb .text {
	background: #fff;
    border-radius: 100px;
    padding: 4px 16px;
    font-size: 12px;
    text-align: center;
    letter-spacing: -1px;
    font-weight: 700;
}

.customer {
	font-family: "Noto Sans KR", serif;
	/*background: linear-gradient(#84a6a3, #566767);*/
	border-radius: 10px;
	width: 311px;
	padding-bottom: 12px;
    margin-bottom: 5px;
    cursor: context-menu;
}
.customer .tit {
    background: #fff;
    border-radius: 0 0 20px 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -1px;
    padding: 4px 19px;
    width: 120px;
    text-align: center;
    margin-left: 20px;
}
.customer .info {
    margin: 12px 14px 0;
    border-radius: 6px;
    width: 287px;
    /*background: #c9ddd7;*/
    padding: 10px;
    box-sizing: border-box;
}

.customer .info ul {}
.customer .info li {
	position: relative;
	font-size: 20px;
	padding-left: 60px;
	line-height: 31px;
	font-weight: 700;
}
.customer .info li.email {
	font-size: 16px;
	color: #666;
}
.customer .info li span {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
    font-weight: 500;
    color: #333;
}
.customer .info li img {
	display: none;
	position: absolute;
    top: 8px;
    left: 48px;
    width: 24px;
}