@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap');

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* common */
html, body {position: relative; margin: 0; width: 100%; font-size: 16px;}
* {margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: 'Pretendard-Regular','Nanum Gothic', sans-serif;  outline: none;letter-spacing:1px;}
ul > li > a {text-decoration: none;}
a {color: inherit; }
table {border-collapse: collapse;}
button {cursor: pointer;}

#A_Wrap {width: 100%; height: 100%; min-width: 1500px;}

/* 상단 */
#A_Header {width: 100%; position:fixed; top:0px; z-index:99; background:#fff;}


/* 중간 */

#A_Container01{
	width: 100%; /* 메인페이지와 서브페이지 컨텐츠영역 가로사이즈*/
	margin:0 auto;/*컨텐츠영역 가운데*/
	margin-top:66px;
	margin-bottom:100px;
	clear:both;
    overflow: hidden;
}

.inner_solution {width:1160px; margin:0 auto; position:relative}

#A_Container{
	width:1160px; /* 메인페이지와 서브페이지 컨텐츠영역 가로사이즈*/
	margin:0 auto;/*컨텐츠영역 가운데*/
	margin-top:66px;
	margin-bottom:100px;
	clear:both;
    overflow: hidden;
}
#A_Container_L{ /* 왼쪽 */
	float:left;	width:220px; padding-right:40px;
}
#A_Container_C{ /* 가운데 */
	width:900px; /*컨텐츠영역 가로사이즈*/
	float:right;
	overflow:hidden;
}
#A_Container_R{ /* 오른쪽 */
	float:right;
	display:none; /* 오른쪽영역 숨김 */
}
.inner{width: 1160px; margin: 0 auto;}

/* 하단 */
#A_Footer {	width:100%; /*height:160px;*/ background:#111111; clear:both; display: inline-block; padding-bottom:20px; position:relative;}


/* header */
.top_login {width:100%; height: 38px; background:#2d2d2d; }
.top_login .inner:after {display: block; clear: both; *zoom: 1; content: '';}
.top_login ul li {float: left; padding: 0 15px; }
.top_login ul li a {display: block; height: 38px; line-height: 38px; font-size: 12px; color: #b2b1b1; font-weight: 600;}
.top_login .sns {float: left;}
.top_login .sns li:first-child {padding: 0 15px 0 0; }
.top_login .login {float: right;}
.top_login .login li:nth-child(3) {padding: 0 0 0 15px;}

.logo_wrap {position: relative; width: 1160px; height: 100px; margin: 0 auto; text-align: center;}
.logo_wrap .logo {padding-top:16px; /*  margin-left: -180px;  왼쪽 배너 있을때만 사용*/ vertical-align: top;}
.logo_wrap .kawards_box {position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.logo_wrap .kawards_box img {float: left; vertical-align: top;}
.logo_wrap .kawards_box p {float: left; margin: 5px 0 0 10px; line-height: 1.4; font-size: 14px; font-weight: 400; color: #666; text-align: center;}
.logo_wrap .kawards_box p em {display: block; font-style: normal; font-size: 14px; font-weight: 600; color: #333;}

.logo_icci { position:absolute; top:30px; left:0;}
.logo_icci img { width:120px;}


/*메인메뉴*/
.gnb {position: relative; box-sizing: border-box; width: 100%; height: 50px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;display:flex;justify-content:center;}
.gnb_btn {margin: 0 auto;}
.gnb_btn:after {display: block; clear: both; *zoom: 1; content: '';}
.gnb_btn li {float: left; width: 132.5px; font-size: 18px; text-align: center;} 
.gnb_btn li a {display: block; width: 100%; height: 48px; line-height: 48px; font-size: 16px; font-weight: 600; color: #333;}
.gnb_btn li:last-child {width: 100px; background-color: #3687d0;}
.gnb_btn li:last-child a {color: #fff;}


.sub_navwrap {display: none; width:100%; position: absolute; left:0; top: 48px; border-top: 1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#fafafa; z-index: 90;}
.sub_navwrap .sub_nav {width: 1160px; margin: 0 auto; position: relative; border-left: 1px solid #e6e6e6;}
.sub_navwrap .sub_nav:after {display: block; clear: both; *zoom: 1; content: '';}
.sub_navwrap .sub_nav ul {box-sizing: border-box; position: relative; float: left; width: 132.5px; height: 480px; padding: 20px 0; border-right: 1px solid #e6e6e6;}
/*.sub_navwrap .sub_nav ul:last-child {border-right: 0;}*/
.sub_navwrap .sub_nav li {float: none; margin: 15px 0 0 0;}
.sub_navwrap .sub_nav li:first-child {margin: 0;}
.sub_navwrap .sub_nav li a {display: block; line-height: 20px; font-size: 14px; font-weight: normal; color:#666; text-align: center; transition: color 0.3s;}
.sub_navwrap .sub_nav li a:hover { color:#007dba;}


/* footer */
.foot {	width:1160px; margin:0 auto; display:flex;}
.foot li { float:left; color:#9c9c9c; font-weight:500; box-sizing:border-box;}
.foot li:first-child { width:770px; padding-top:35px; position:relative;}
.foot li:first-child:before {position:absolute; right:0; bottom:0px; background-color:#313131; width:1px; height:110px; content:''; display:block;}
.foot li:last-child { padding-top:28px; position:relative;}
.foot li:last-child .txt01 {font-size:14px; color:rgba(255,255,255,0.4); position:absolute; left:25px; top:41px;}
.foot li:last-child .txt02 {color:#fff; font-size:12px; font-weight:300; color:rgba(255,255,255,0.4); margin-left:160px; padding-top:4px; color:#9c9c9c;line-height:1.4;}
.foot li:last-child .txt02 span {font-size:26px; font-weight:600; display:block; color:rgba(255,255,255,0.6); margin-bottom:15px;}
.info h3 { font-size:14px; padding-bottom:10px; }
.info p{ font-size:12px; font-weight:normal;color:#9c9c9c; line-height:18px; }
.info img { padding:20px 30px 0 0; }
.domain { width:277px; height:70px; background:#242424; padding:17px 36px; color:#f4f4f4; }
.domain h3 { font-size:16px; font-weight:normal; padding-bottom:18px; }
.domain p { font-size:14px;  }
.domain input { outline:none; font-size:14px; margin-bottom:10px; color:#444444; width:166px; height:28px; padding-left:10px; }
.domain a { display:inline-block; padding:0 10px; background:#111111; line-height:32px; font-size:14px; color:#ffffff; }


.M_banner{float:left;  padding-top: 20px;}