@charset "euc-kr";

body, form, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, fieldset, legend { padding:0; margin:0; }
ul, ol, li { list-style:none; margin:0;}
img { border:0;}
a { color:#666; text-decoration:none; cursor:pointer;}
a:hover { color:#666; text-decoration:none; }

.hidden { display:block; position:absolute; top:-1000px; left:-1000px;}
.displayNone { display:none;}
.clear { display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

body {font-family: '맑은 고딕','Malgun Gothic','돋움','Dotum','Helvetica','AppleGothic','Sans-serif'; font-size: 12px; color:#555; letter-spacing:-0.05em ; background-color:#ffffff;}
#wrap {width:100%; text-align:center; overflow:hidden; min-width: 1200px; }

* {padding:0; margin:0;}

/* header */
.header {position:fixed; text-align: center; background:#ffffff; width: 100%; height:80px; z-index: 10; border-bottom:solid 0.5px #e7e7e7;}
.header_in {position:relative; width:1200px; margin:0 auto;}
h1 {position:relative; float:left; height:80px; line-height:75px; color:#555; font-weight:bold; font-size: 30px; }
.gnb {position:relative; float:right; height:80px; }
.gnb ul li {position:relative; float:left;}
.gnb li a {height:80px; display:block; color:#555; font-size:18px; line-height:80px; text-align:center; font-family: '맑은 고딕','Malgun Gothic','돋움','Dotum','Helvetica','AppleGothic','Sans-serif'; font-weight:bold; padding:0 20px; }


/* main */
.main_title {position:relative; padding: 40px 0 80px 0; }
.main_snb {position:relative; margin:0 auto; width:1017px; }
.main_snb ul li {position:relative; float:left; padding:10px;}

.main_txt01 {margin-top: 110px; }
.main_img02 {margin-top:77px;}

.main_snb {position: relative; text-align:center; padding: 60px 0 30px 0;}
.main_snb ul {position: relative; width:960px; margin:0 auto;}
.main_snb ul li {position: relative; float:left; padding:0px; margin:0px; width:240px; height:220px;}


/* container */
#container {width:100%;}
#container .section {width:100%; }
#container .bg_main {background:url(../images/bg_main.jpg) center center/cover no-repeat; height:847px; background-color:#000; }
#container .bg_gray {background-color:#f8f8f8;}
#container .bg_bottom {background:url(../images/bg_bottom.jpg) center top/cover no-repeat; background-size:100%; height:581px; background-color:#000; }
.main_txt02 {margin-top: 130px; }
.btn {margin-top: 100px; }
#container .con_area {position:relative; width:1200px; margin:0px auto; padding-top:0px;}

/* 회사소개 */
#container .bg_introduce {background:url(../images/bg_introduce.jpg) center center/cover no-repeat; height:953px; background-color:#000; }
#contents01 {position: relative; width:1200px; }
#contents01 .snb {position: relative; text-align:center; width:1200px; height:60px; padding-top:120px;}
#contents01 .snb ul {position: relative; }
#contents01 .snb ul li {position: relative; float:left; padding:0px; }
#contents01 .snb ul li a {position: relative; float:left; width:299px; height:60px; line-height:60px; overflow:hidden; margin-right:1px; margin-bottom:1px; background:rgba(255,255,255,0.8);}
#contents01 .snb ul li a.on {position: relative; float:left; padding:0px; background:#e93131; color:#fff;}
#contents01 .snb ul li a:hover {background:#e93131; color:#fff;}

#contents01 .snb ul li a:hover img {margin-top:-60px;}
#contents01 .snb ul li a.on img {margin-top:-60px;}
.con01 {position:relative; float:left; width:1199px; height:650px; background:#fff; overflow: hidden;} 
#map {position:relative; width:1160px; height:420px; border:solid 1px #ededed; margin:20px;}

/* 마케팅솔루션 */
.s2_title {position:relative; padding:110px 0 100px 0;}
.s2_snb {position:relative; margin:0 auto ; height:185px; margin-bottom:70px;}
.s2_snb ul li {position:relative; float:left; padding: 0 20px;}
.s2_view {clear:both; position:relative; width:1200px; height:670px; background:#f8f8f8; margin-bottom:120px;}
.arrow {position:absolute; width:1140px; padding: 0 30px; top:50%; margin-top:-30px;}
.arrow .prev {float:left;}
.arrow .next {float:right;}

/* 고객센터 */
#container .bg_customer01 {background:url(../images/bg_customer01.jpg) center center/cover no-repeat; height:1622px; background-color:#000; }
.customer {width:660px; margin:0 auto; background:rgba(0,0,0,0.7); padding:80px 145px 100px 145px;}
.customer_title01 {margin:130px 0 80px 0;}
ul.select {width:660px; float:left; margin:40px 0 10px 0; }
ul.select li {width:165px; height:50px; display:inline-block; float:left; text-align:left; font-size: 16px; color:#fff; }
input[type="radio" i] {margin: 0px 10px 0px 0px;}
hr {width:100%; border:solid 0.5px #555; }
.opp {color:#ff3300;}
.question table {border-collapse:collapse; padding:0px; margin:50px 0px 50px 0 ; width:660px; }
.question table th {font-size:16px; color:#fff; text-align: right; padding:0px 30px 0px 0;}
.question table td {text-align: left; font-size:12px; color:#fff; padding:10px 0px 10px 0;}
.int { position: relative; width:460px; height: 41px; padding: 0px 0px 0px 4px; border: 2px solid #e3e3e3; font-size: 16px; line-height: 20px; color: #555; border-radius: 5px;}
.question textarea { width: 443px; height:121px; border: 2px solid #e3e3e3; padding: 10px; letter-spacing: -1.2px; color: #777; border-radius: 5px;}

#container .bg_customer02 {background:url(../images/bg_customer02.jpg) center center/cover no-repeat; height:975px; background-color:#000; }
.customer_title02 {margin:130px 0 80px 0;}
.tx {background-color:#fff; width:930px; height:295px; border-radius:5px; padding:10px; text-align:left; font-size:16px; line-height:150%; font-family:'맑은 고딕','Malgun Gothic','돋움','Dotum','Helvetica','AppleGothic','Sans-serif'; }
.private_ok {margin:40px 0; color:#fff; font-size:16px; }
.chk {height:20px; width:20px; margin-top:5px;}
.private_ok span {position:relative; height:20px; top:-5px; color:#acabab; font-weight:bold;}
.plusmoney { background: #fff; height: 30px; width: 62.7px; color: #808080; border: 1px solid #d3d3d3; font-size: 12px; margin-top: 5px; margin-bottom: 5px; border-radius: 2px;}

/* 2017-12-27 추가 */
/* img_customer01.png에 광고문의 / 구글결제 클릭 시 해당 div로 스크롤 이동하는 a 태그 */
#adanchor1 {position:absolute; top: 307px; left: 461px; width: 100px; height: 40px}
#adanchor2 {position:absolute; top: 307px; left: 637px; width: 100px; height: 40px}

/* 인재채용 */
.table_board3 {font-family: '맑은 고딕','Malgun Gothic','돋움','Dotum','Helvetica','AppleGothic','Sans-serif'; font-size: 12px; color:#555; letter-spacing:-0.05em ; width:100%; border-collapse:collapse; margin-bottom:30px;}
.table_board3 th {height:29px; line-height:29px; text-align:center; color:#333; font-weight:bold; padding:3px; background-color:#f3f3f5; border:1px #dedede solid; border-left:0;}
.table_board3 td {height:29px; padding:3px; line-height:29px; text-align:center; border:1px #dedede solid; border-left:0;}
.table_board3 .board_subject {text-align:left; padding-left:13px;}
.table_board3 .noborderR {border-right:0;}
.table_board3 .total_th {border-bottom:1px #bebebe solid;}
.table_board3 .total_th2 {border-top:1px #bebebe solid;}
.table_board3 .view_th {border-top:2px #777 solid;}

.paging {  position: relative;  width: 100%;  height: 60px;  line-height: 60px;  background-color: #fff;  border: 0px #dedede solid;  border-top: 0px #f0f0f0 solid;  font-size: 12px;  text-align: center; margin-bottom:100px;}
.pagego2_1 { position: relative; margin-bottom:150px;}
.input_btn_list { position: relative; height:30px; width:100px; font-size: 12px; font-weight: normal; color: #666; border: solid 1px #c5c5c5; vertical-align: middle; border-radius: 2px; float: right; cursor: pointer; }



/* footer */
#footer {
    width: 100%;
    background-color: #2d3032;
    padding: 50px 0 40px 0;
    height: 90px;
}
#footer_main{position:absolute; float:left; width:100%;  height:50px; bottom:0px; margin-top:-50px; z-index:10; text-align:center; z-index:1;}
#copyright { position: relative;  width:1200px; margin:0 auto; font-size:11px; color:rgba(255,255,255,0.5);}

/* job_footer */
#job_footer {bottom:0px; width:100%; background-color:#2d3032; padding:50px 0 40px 0; height:90px; margin-top:50px;}
#job_footer .copyright {position: relative; margin: 0px auto 0px auto; width: 1200px; border:solid}