@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('pretendard.css');

html,body { width:100%; height:100%; font-family:"돋움"; font-size:10pt; }

div.clear { clear:both; }
a { display:block; }
a img { border:none; }
a:link { text-decoration:none; border:0; outline:0; }
a:visited { text-decoration:none; border:0; outline:0; }
a:active { text-decoration:none; border:0; outline:0; }
a:hover { text-decoration:none; border:0; outline:0; }

/*div { border:1px solid blue; }*/
div.container { width:1454px; margin:0 auto;}

.main_container {
	width:100% !important;
}

/* header */
header {font-family: 'Pretendard'; padding: 20px 0; position: fixed; width: 100%; z-index: 100;}
header.active { background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3); }
header.active .header_inner .menu_list a {color:#8c96a5}
header.active .header_inner .logo_wrap .header_logo {background: url('../image/logo_nexion_red.png') no-repeat;}
header .header_inner { margin: 0 auto; width: 100%; max-width: 1454px; display: flex; justify-content: space-between; align-items: center; }
header .header_inner .logo_wrap { width: 275px; height: 50px; }
header .header_inner .logo_wrap .header_logo {background: url('../image/logo_nexion.png') no-repeat; width: 100%; height: 100%; display: block; transform: scale(0.8);}
header .header_inner .menu_list {display: flex; flex-direction: row; align-items: center; gap: 40px; justify-content: space-around; font-size: 16px; color: #fff;}
header .header_inner .menu_list li a {color: #fff;}
.visual-img {background-image: url('../image/visual_img01.png');     height: 388px;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
}
.visual-img.video {
    background-image: none;
}
.visual-img .visual-title { 
   font-family: 'Pretendard'; 
   width: 100%; 
   text-shadow: 4px 3px 6px #3131318a;
   text-align: center; color:#fff; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
   opacity: 0.8;

}
.visual-img .visual-title .first{
    margin-bottom: 16px; 
    font-size: 40px;
    font-weight: 600;
   opacity: 1;
    

}
.visual-img .visual-title .second{
    animation: fadeInUp 0.9s ease-in-out 1;
    /* animation-delay: 0.1s; */
}

.visual-img .visual-title .first{
    /* opacity: 0; */
    animation: fadeInUp 0.9s ease-in-out 1;
    animation-delay: 0s;
    overflow: hidden;
    
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        /* transform: translateZ(); */
    }
}

div.topSplit { width:100%; min-width:1454px; height:136px; background:url("../image/bg_line.png") repeat-x;}
div.middleSplit { width:100%; min-width:1454px; height:36px; padding-top:13px; background:url("../image/bg_line.png") repeat-x 0 -136px; text-align:center; line-height: 1.5;}
div.middleSplit p { font-size: 15px; color: #a6a6a6;}
div.middleSplit p span { color: yellow; font-weight: 700; font-size: 17px;}

#portfolio { position:absolute; top:152px; left:50%; margin-left:-727px; width:1454px; height:511px;}

#top {/*background:url("../image/bg_logo.jpg") repeat-x;*/  width:100%; /*height:1230px;*/ min-width:1454px; }
#top div.topMenu {display:block; position:absolute; top:575px; width:1454px; height:64px; background:#474747; }
#top div.topMenu ul.menuWrap { position:absolute; top:25px; right:20px; }
#top div.topMenu ul.menuWrap li { float:left; padding:0 13px 0 13px; }
#top div.topMenu a { height:15px; background:url("../image/top_menu_text.png") no-repeat; }
#top div.topMenu a.menuAbout { position:absolute; top:25px; left:33px; width:100px; background:url("../image/top_menu_about.gif") no-repeat; }
#top div.topMenu a.menuReq { position:absolute; top:26px; left:145px; width:48px; background-position:-550px 0; }
#top ul.menuWrap a.menuMan { width:48px; background-position:-150px 0; }
#top ul.menuWrap a.menuDev { width:24px; background-position:-100px 0; }
#top ul.menuWrap a.menuSer { width:62px; background-position:-227px 0; }
#top ul.menuWrap a.menuMal { width:62px; background-position:-318px 0; }
#top ul.menuWrap a.menuBbs { width:36px; background-position:-407px 0; }
/*#top ul.menuWrap a.menuRec { width:48px; background-position:-473px 0; }*/


/* 2015-01-29 Moon Hyang Sun Add */

.logoArea{position:relative;top:20px;text-align:center;background:red;height:75px;margin-top:20px}
.logoArea > ul{position:absolute;top:20px;padding-top:25px;}
.logoArea > ul > li{float:left;}
.logoArea > ul > li > a{display:block;padding:5px 10px;color:#fff;font-size:15px;font-weight:bold;}
.logoArea > ul > li:first-child a{padding-left:0}
.logoArea > ul.utillL{left:0;}
.logoArea > ul.utillR{right:0}
.logoArea > ul:after{content:"";display:block;clear:both;}
/*.logoArea .logo {display:block;position:relative; height:550px;}*/
/*.logoArea .logo a {position:absolute;top:15px; left:50%; margin-left:-147px; width:294px; height:57px;  background:url("") no-repeat; }*/

a.menuRec { position:absolute; top:25px; left:213px; width:48px; background-position:-473px 0 !important; }

#top div.main{ /*position:absolute;top:1100px;*/  width:100%; height:570px; margin-top: 20px; }
#top div.main ul.menu{width:1454px; height:570px; margin:0 auto; background:url("../image/menu_bg.jpg") no-repeat;}
#top div.main ul.menu li{float:left;width:242px;  padding:0; margin:0;}
#top div.main ul.menu li ul.list{height:213px; padding-top:10px; margin:0;}
#top div.main ul.menu li ul.list li{font-size:11px; width:208px; color:#b3bacc; padding:0 0 0 34px; background: 28px 5px url("../image/menu_blit.gif") no-repeat; line-height:145%; }
#top div.main ul.menu li ul.list li a{font-size:11px; color:#b3bacc; padding:0 0 0 34px; background: 28px 5px url("../image/menu_blit.gif") no-repeat; line-height:145%; }
#top div.main ul.menu li ul.list li a:hover{font-size:11px; color:#fff; padding:0 0 0 34px; background: 28px 5px url("../image/menu_blit.gif") no-repeat; line-height:145%;}
#top div.main ul.menu li.tech{float:left;width:242px;  padding:0; margin:0;}
#top div.main ul.menu li.tech p{text-align:center;}
/**/
#top2 { width:100%; height:711px; min-width:1454px; border-top:8px solid #474747; }
#top2 .logo a { position:absolute; top:15px; left:50%; margin-left:-147px; width:294px; height:57px; background:url("../image/logo.gif") no-repeat; }
#top2 div.topMenu { position:absolute; top:87px; width:1454px; height:64px; background:#474747; }
#top2 div.topMenu ul.menuWrap { position:absolute; top:25px; right:20px; }
#top2 div.topMenu ul.menuWrap li { float:left; padding:0 13px 0 13px; }
#top2 div.topMenu a { height:15px; background:url("../image/top_menu_text.png") no-repeat; }
#top2 div.topMenu a.menuAbout { position:absolute; top:25px; left:33px; width:120px; background:url("../image/top_menu_about.gif") no-repeat; }
#top2 div.topMenu a.menuReq { position:absolute; top:26px; left:140px; width:48px; background-position:-550px 0; }
#top2 ul.menuWrap a.menuMan { width:48px; background-position:-150px 0; }
#top2 ul.menuWrap a.menuDev { width:24px; background-position:-100px 0; }
#top2 ul.menuWrap a.menuSer { width:62px; background-position:-227px 0; }
#top2 ul.menuWrap a.menuMal { width:62px; background-position:-318px 0; }
#top2 ul.menuWrap a.menuBbs { width:36px; background-position:-407px 0; }
#top2 ul.menuWrap a.menuRec { width:48px; background-position:-473px 0; }

#top2 div.main{position:absolute; top:171px; width:100%; height:570px;}
#top2 div.main ul.menu{width:1454px; height:570px; margin:0 auto; background:url("../image/menu_bg.jpg") no-repeat;}
#top2 div.main ul.menu li{float:left;width:242px;  padding:0; margin:0;}
#top2 div.main ul.menu li ul.list{height:213px; padding-top:10px; margin:0;}
#top2 div.main ul.menu li ul.list li{font-size:11px; width:208px; color:#b3bacc; padding:0 0 0 34px; background: 28px 5px url("../image/menu_blit.gif") no-repeat; line-height:145%; }
#top2 div.main ul.menu li ul.list li a{font-size:11px; color:#b3bacc; padding:0 0 0 34px; background: 28px 5px url("../image/menu_blit.gif") no-repeat; line-height:145%; }
#top2 div.main ul.menu li ul.list li a:hover{font-size:11px; color:#fff; padding:0 0 0 34px; background: 28px 5px url("../image/menu_blit.gif") no-repeat; line-height:145%;}
#top2 div.main ul.menu li.tech{float:left;width:242px;  padding:0; margin:0;}
#top2 div.main ul.menu li.tech p{text-align:center;}
#notice{position:relative; float:left; width:212px;  padding:10px 15px 15px 15px; margin:0;}
#notice h2{float:left; width:212px;  padding-bottom:5px; margin:0;}
#notice p.more{position:absolute; top:10px; right:15px;}
#notice ul{padding:0; margin:0;}
#notice ul li{padding:0; margin:0;}
#notice ul li a{font-size:11px; color:#b3bacc; width:232px; padding:0 0 0 10px; background: 3px 7px url("../image/board_blit.gif") no-repeat; line-height:145%; }
#notice ul li a:hover{font-size:11px; color:#fff; padding:0 0 0 10px; background: 3px 7px url("../image/board_blit.gif") no-repeat; line-height:145%; }

#banner_zone{position:absolute;  top:1021px; width:100%; height:180px;}
#banner_zone ul.banner{width:1454px; margin:0 auto; }
#banner_zone ul.banner li{float:left;}

#banner_zone2{position:absolute;  top:360px; width:100%; height:140px;}
#banner_zone2 ul.banner{width:1454px; margin:0 auto;}
#banner_zone2 ul.banner li{float:left;}


/*sub dev*/
#middle div.container div.promise{width:1454px; padding:30px 0;}
#middle div.container div.promise h4{padding:50px 0 20px 30px; border-bottom:1px solid #999;}
#middle div.container div.promise dl{padding-left:60px;}
#middle div.container div.promise dl dt{padding-top:20px;}
#middle div.container div.promise dl dd{padding:10px 45px; color:#a0a0a0;}
#middle div.container ul.dev{width:726px; float:left; padding:0; margin:0;}
#middle div.container ul.dev li{float:left; padding:0; margin:0;}

/*sub about*/
#top div.about{ overflow:hidden; position:absolute; top:400px; width:100%; height:700px;}
/*
#top div.about ul.left{float:left; width:452px;}
#top div.about ul.left li{padding-bottom:2px;}
#top div.about div.center{float:left; width:506px;height:535px; margin:0 7px; background:url("../image/intro/tech_bg.jpg") no-repeat;}
#top div.about div.center h2{text-align:center; height:70px; padding-top:20px;}
#top div.about div.center ul{padding-left:30px;}
#top div.about div.center ul li{float:left; padding:0 20px 20px 0;}
#top div.about div.center p.info{float:left; padding:0 0 20px 30px;}
#top div.about div.center p.mail{float:left; padding:0 0 0 30px;}
*/
#top div.about div.left_flash{float:left; width:958px; height:655px; padding-right:14px;background:#000;font-family:'Nanum Gothic';}
#top div.about div.left_flash embed{width:100%; height:720px}


/* companyTab */
.companyTab					{ position: relative; padding-top: 10px; text-align: center; }
.companyTab ul					{ zoom: 1; position: relative; text-align: center; letter-spacing: -4px; }
.companyTab ul:after			{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.companyTab ul li				{ display: inline; letter-spacing: 0; }
.companyTab ul li .tit			{ margin-top:15px;zoom: 1; position: static;display:block; /* display: inline-block; *display: inline;  */padding: 0 14px; color: #fff; font-size: 26px; font-family: Arial; line-height: 1.2; vertical-align: top; }
.companyTab ul li .tit a		{ padding-right: 20px; color: #fff; background: url("../images/bul_sort1.png") no-repeat 100% 50%; _background-image: url("../images/bul_sort1.gif"); font-size: 26px; }
.companyTab ul li.on .tit		{  }
.companyTab ul li.on .tit a	{ color: #d9a300; background:none; }
.companyTab ul li .sub			{ display: none; position: relative; float: left; width: 100%; padding:32px 0 20px 0; text-align: left; }
.companyTab ul li .sub ul		{position:relative;padding-top:20px; letter-spacing: 0; text-align: left; border-top:1px solid #0e0f10;}
.companyTab ul li .sub ul:before		{content:"";position:absolute;top:5px;display:block;background:#33353b;width:100%;height:1px;}
.companyTab ul li .sub ul li	{ display: block; }
.companyTab ul li.on .sub		{ display: block; }

/* overview */
.overview						{ zoom: 1; position: relative; }
.overview:after				{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.overview .structure			{ position: relative; width: 606px; min-width: 290px; height: 478px; background: url("../images/structure.png") no-repeat 0 0; margin: 0 auto; }
.overview .structure .txt		{ position: absolute; width: 102px; font-size: 14px; font-family: Arial; text-align: center; }
.overview .structure .str1		{ color: #cfaf6c; }
.overview .structure .str1_1	{ top: 5%; left: 50%; margin-left: -51px; }
.overview .structure .str1_2	{ top: 40%; right: 4%; text-align: left; }
.overview .structure .str1_3	{ bottom: 7%; left: 50%; margin-left: -51px; }
.overview .structure .str1_4	{ top: 39%; left: 2%; text-align: right; }
.overview .structure .str2		{ color: #acaa9f; }
.overview .structure .str2_1	{ top: 14%; left: 13%; text-align: right; }
.overview .structure .str2_2	{ bottom: 13%; left: 17%; text-align: right; }
.overview .structure .str2_3	{ top: 14%; right: 13%; text-align: left; }
.overview .structure .str2_4	{ bottom: 13%; right: 17%; text-align: left; }
.overview .biz					{ float: right; width: 345px; min-width: 290px; padding-top:20px}
.overview .biz ul				{ padding-bottom: 25px; }
.overview .biz ul li			{ padding: 3px 0 3px 15px; background: url("../images/bul_list.gif") no-repeat 0 8px; color: #cfaf6c; font-size: 12px; line-height: 1.2; }
.overview .biz p				{ padding-bottom: 10px; color: #acaa9f; font-size: 13px; line-height: 1.4; }


























#top div.about div.right{float:left; width:482px; height:655px; background:#22242c url("../image/intro/location_bg.gif") no-repeat;}
#top div.about div.right h2{height:30px; padding:20px 0 20px 15px}
#top div.about div.right p{float:left; padding:7px 0 0 11px;}
#top div.about div.right p.add{display:none;float:left;height:22px; padding:23px 0 0 15px;*padding:23px 0 0 15px;color:#c6c6c6;font-family:'nanumgothic',sans-serif}
#top div.about div.right ul{float:left; padding:50px 0 0 15px;color:#c6c6c6;font-family:'nanumgothic',sans-serif}
/* #top div.about div.right ul li{float:left; padding:0 20px 7px 0;} */
#top div.about div.right ul li{float:left; width:50%;padding:0 20px 7px 0;box-sizing:border-box}
#top div.about div.right a{display:inline;color:inherit}
/**/
#top2 div.about{ overflow:hidden; position:absolute; top:154px; width:100%; height:535px;}
#top2 div.about ul.left{float:left; width:452px;}
#top2 div.about ul.left li{padding-bottom:2px;}
#top2 div.about div.center{float:left; width:506px;height:535px; margin:0 7px; background:url("../image/intro/tech_bg.jpg") no-repeat;}
#top2 div.about div.center h2{text-align:center; height:70px; padding-top:20px;}
#top2 div.about div.center ul{padding-left:30px;}
#top2 div.about div.center ul li{float:left; padding:0 20px 20px 0;}
#top2 div.about div.center p.info{float:left; padding:0 0 20px 30px;}
#top2 div.about div.center p.mail{float:left; padding:0 0 0 30px;}
#top2 div.about div.right{float:left; width:482px; height:535px; background:url("../image/intro/location_bg.gif") no-repeat;}
#top2 div.about div.right h2{height:30px; padding:15px 0 0 11px;}
#top2 div.about div.right p{float:left; padding:7px 0 0 11px;}
#top2 div.about div.right p.add{float:left; padding:15px 0 0 15px;}
#top2 div.about div.right ul{float:left; padding:20px 0 0 15px;}
#top2 div.about div.right ul li{float:left; padding:0 20px 7px 0;}


/*main middle*/
#middle { width:100%; height:576px; float:left;}
#middle div.middleBox {position:absolute; overflow:hidden; padding:50px 0 0 25px; margin:0; width:1414px; height:525px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background:url("../image/middle_menu_text.png") no-repeat;}
#middle div.middleBox p.man{position:absolute; top:0; left:0; width:980px;}
#middle div.middleBox h2{padding:0; margin:0;}
#middle div.middleBox ul.guide{padding:0; width:244px; margin:0 0 0 -25px;}
#middle div.main_middleBox {overflow:hidden; float:left; padding:0 margin:0; width:244px; height:575px; border-left:1px solid #dcdcdc;}
#middle div.main_middleBox ul.guide{padding:0; width:244px; margin-left:15xp;}
#middle div.container div.group3{position:relative; width:480px;height:575px; float:left; margin:0; padding:0 10px;border-left:1px solid #dcdcdc;}
#middle div.container div.group3 div.main_title{float:left; width:465px; height:40px; padding:5px;}
#middle div.container div.group3 div.main_title h4{float:left;}
#middle div.container div.group3 div.main_title p.more{position:absolute; top:15px; right:10px;}
#middle div.container div.group3 dl{float:left; width:150px; height:235px; margin:10px 10px 0 0;}
#middle div.container div.group3 dl dt img{width:144px; height:104px;border:2px solid #dfdfdd;}
#middle div.container div.group3 dl dd h5{padding:10px 0 0 10px; background:url("../image/mall/blit.gif") 0 11px no-repeat; font-weight:bold;}
#middle div.container div.group3 dl dd ul.info{width:134px; padding:5px; margin-top:5px; background:url("../image/mall/info_box.gif") no-repeat;}
#middle div.container div.group3 dl dd ul.info li{line-height:150%; padding:3px 0; font-size:11px; text-align:center;}
#middle div.container div.group3 dl dd ul.info li a{display:inline;}
#middle div.container div.group1{position:relative; width:160px; height:575px; float:left; margin:0; padding:0 10px;border-left:1px solid #dcdcdc;}
#middle div.container div.group1 div.main_title{float:left; width:145px; height:40px; padding:5px 0;}
#middle div.container div.group1 div.main_title h4{float:left;}
#middle div.container div.group1 div.main_title p.more{position:absolute; top:15px; right:10px;  background-color:#f8f8f8;}
#middle div.container div.group1 dl{float:left; width:150px; height:235px; margin:10px 10px 0 10px;}
#middle div.container div.group1 dl dt img{width:144px;height:104px;border:2px solid #dfdfdd;}
#middle div.container div.group1 dl dd h5{padding:10px 0 0 10px; background:url("../image/mall/blit.gif") 0 11px no-repeat; font-weight:bold;}
#middle div.container div.group1 dl dd ul.info{width:134px; padding:5px; margin-top:5px; background:url("../image/mall/info_box.gif") no-repeat;}
#middle div.container div.group1 dl dd ul.info li{line-height:150%; padding:3px 0; font-size:11px; text-align:center;}
#middle div.container div.group1 dl dd ul.info li a{display:inline;}


#middle div.middleBox ul.guide li{padding:0; margin:0;}
#middle div.middleWeb { left:245px; background-position:-245px 0; }
#middle div.middleSho { left:490px; background-position:-490px 0; }
#middle div.middleDes { left:735px; background-position:-735px 0; }
#middle div.middlePro { left:980px; background-position:-980px 0; }
#middle div.middleEtc { left:1225px; background-position:-1225px 0; }
#middle div.middleBox div.guideWrap { margin-bottom:15px; }
#middle div.middleBox div.guideWrap img { margin-bottom:8px; width:197px; height:112px; }
#middle div.middleBox div.guideWrap a { width:197px; text-align:center; font-size:8pt; line-height:16pt; color:#747474; }
#middle div.middleBox div.guideWrap a span.price { font-size:12pt; font-weight:bold; color:#232323; }
/*main middel end*/

/*sub bbs middle*/
#middle div.container div.bbs_group3{position:relative; width:480px; height:1124px; float:left; margin:0; padding:0 10px; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
#middle div.container div.bbs_group3 p.ac{float:left; width:480px; text-align:center; padding:30px 0; }
#middle div.container div.bbs_group3 div.main_title{float:left; width:465px; height:45px; padding:5px;}
#middle div.container div.bbs_group3 div.main_title h4{float:left;}
#middle div.container div.bbs_group3 div.main_title p.more{position:absolute; top:15px; right:10px;}
#middle div.container div.bbs_group3 dl{float:left; width:150px; height:225px; margin:10px 10px 10px 0;}
#middle div.container div.bbs_group3 dl dt img{width:144px; height:104px;border:2px solid #dfdfdd;}
#middle div.container div.bbs_group3 dl dd h5{padding:10px 0 0 10px; background:url("../image/mall/blit.gif") 0 11px no-repeat; font-weight:bold;}
#middle div.container div.bbs_group3 dl dd ul.info{width:134px; padding:5px; margin-top:5px; background:url("../image/mall/info_box.gif") no-repeat;}
#middle div.container div.bbs_group3 dl dd ul.info li{line-height:150%; padding:3px 0; font-size:11px; text-align:center;}
#middle div.container div.bbs_group3 dl dd ul.info li a{display:inline;}
#right{float:left; padding:22px; width:905px;  border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
#right ul.tab{}
#right ul.tab li{float:left;}
#right h4{float:left; width:100%; padding:20px 0;}
#right ul.paging{margin:0 auto; overflow:hidden; width:400px; padding-top:10px 0;}
#right ul.paging li{float:left; margin:10px 1px;}
#right ul.paging li.no{float:left;}
#right ul.paging li.no a{width:24px; height:22px; padding-top:2px; text-align:center; vertical-align:middle; border:1px solid #dcdcdc; font-weight:bold; line-height:150%; color:#666;}
#right ul.paging li.no a:hover{width:24px; height:22px; padding-top:2px; text-align:center; vertical-align:middle; border:1px solid #333333; font-weight:bold; line-height:150%; color:#333333;}
#right ul.search{margin:0 auto; overflow:hidden; width:420px; padding-top:10px 0;}
#right ul.search li{float:left; margin:10px 2px; vertical-align:middle;}
#right ul.search li input.txt{float:left; width:200px; border:1px solid #dcdcdc; height:24px;}
caption{display:none;}
.list{width:100%;}
.list th{border-top:2px solid #5d5d5d; border-bottom:1px solid #dcdcdc; text-weight:bold; background-color:#ececec; line-height:180%; padding:5px 0 3px 0;}
.list td{border-bottom:1px solid #dcdcdc; text-align:center; line-height:180%; padding:6px 0 3px 0;}
.list td.bt{border-bottom:1px solid #5d5d5d;}
.list td.al{text-align:left;}

/*sub bbs middle
#middle.subMiddle { height:auto; min-height:790px;}
#middle div.midTop { position:relative; width:100%; height:90px; border-bottom:1px solid #a4a4a4; }
#middle div.midBbs { width:100%; height:720px; }
#middle div.midBannerWrap { width:100%; height:148px }
#middle a.midBanner { margin-left:360px; width:716px; height:148px; background:url("../image/sub_bbs_banner.jpg") no-repeat; }

#middle div.bbsNoticeTitle { cursor:pointer; position:absolute; left:0; top:22px; width:100px; height:15px; background:url("../image/sub_bbs_text.png") no-repeat; }
#middle div.bbsItflowTitle { cursor:pointer; position:absolute; right:210px; top:22px; width:100px; height:15px; background:url("../image/sub_bbs_text.png") no-repeat 0 -30px; }

#middle div.midSearch { position:absolute; left:516px; bottom:17px; width:400px; height:22px; line-height:20px; vertical-align:middle; font-size:8pt; color:#2e2e2e; overflow:hidden; }
#middle div.midSearch div { float:left; margin-right:4px; }
#middle div.searchPost { margin-right:10px !important; }
#middle select.searchSelect { float:left; margin-right:4px; width:78px; height:19px; }
/*#middle div.searchItem { padding:1px; width:75px; height:15px; border:1px solid #dedede; }
#middle div.searchItem div.item { width:100%; height:100%; background:#f4f4f4; }
#middle div.searchItem div.btn {  }*/
#middle div.searchInput { width:125px; height:17px; border:1px solid #dedede; }
#middle input.searchInput { width:125px; height:16px; line-height:16px; border:0; background:transparent; }
#middle input.searchBtn { cursor:pointer; width:60px; height:19px; border:0; background:url("../image/sub_bbs_btn.png") no-repeat; }*/

#middle div.midTop div.tab { cursor:pointer; position:absolute; bottom:0; width:100px; height:30px; line-height:30px; font-size:10pt; font-weight:bold; color:#606060; text-align:center; vertical-align:middle; border:1px solid #d1d1d1; border-bottom:0; background:#f3f3f3; }
#middle div.midTop div.tabItflow { left:103px; }
#middle div.midTop div.tabQna { left:206px; }
/*#middle div.midTop div.tab a { font-size:10pt; font-weight:bold; color:#606060; }*/
#middle div.midTop div.click { bottom:-1px; height:31px; border:1px solid #a4a4a4; border-bottom:0; background:#fff; }

#middle div.bbsWrap { position:relative; float:left; width:360px; height:100%; }
#middle div.tabWrap { display:none; }
#middle div.tabNotice { display:block; }
#middle div.bbsLeft { width:369px; }
#middle ul.bbsList { margin-top:10px; width:310px; text-align:center; vertical-align:middle; font-size:9pt; color:#2c2c2c; }
#middle ul.bbsList li { position:relative; }
#middle ul.bbsList li.header { height:60px; line-height:60px; }
#middle ul.bbsList li div { float:left; }
#middle ul.bbsList li div.no { width:60px;}
#middle ul.bbsList li div.title { width:246px; }
#middle ul.bbsList li.list { border-top:1px solid #fff; border-bottom:1px solid #e2e2e2; }
#middle ul.bbsList li.list a { height:69px; line-height:69px; *height:67px; *line-height:67px; }
#middle ul.bbsList li.list div.no { color:#9a9a9a; }
#middle ul.bbsList li.list div.title { margin-top:20px; line-height:16px; color:#2c2c2c; text-align:left; }
#middle ul.bbsList span.date { display:block; color:#9a9a9a; }
#middle ul.bbsList li.first { border-top:2px solid #000; }
#middle ul.bbsList li.last { border-bottom:1px solid #7d7d7d; }
#middle ul.bbsList li.click { font-weight:bold; border-top:2px solid #000 !important; border-bottom:2px solid #9a9a9a !important; background:#fafafa; }
#middle div.bbsArrow { display:none; position:absolute; top:25px; right:-30px; width:11px; height:20px; background:url("../image/sub_bbs_btn.png") no-repeat -80px 0; }
#middle ul.bbsList li.click div.bbsArrow { display:block !important; }

#middle div.bbsRight { float:right; }
#middle div.bbsRight ul.bbsList { position:absolute; right:0px; }
#middle div.bbsRight ul.bbsList div.bbsArrow { left:-30px; background-position:-100px 0; }
/*#middle ul.bbsList li:hover { margin:0; border-top:2px solid #000 !important; border-bottom:2px solid #9a9a9a !important; background:#fafafa; }*/

#middle div.bbsCenter { width:716px; }
#middle div.bbsTitle { width:100%; height:60px; line-height:60px; font-size:10pt; font-weight:bold; color:#606060; }
#middle div.bbsTitle span.date { margin-left:10px; color:#9a9a9a; }
#middle div.bbsView { position:absolute; top:70px; width:100%; height:568px; border-top:2px solid #000; border-bottom:1px solid #9b9b9b; background:#eeeeee; }

#middle ul.bbsPaging { position:absolute; left:28px; bottom:42px; overflow:hidden;}
#middle div.bbsRight ul.bbsPaging { left:98px; }
#middle ul.bbsPaging li { float:left; margin-right:7px; }
#middle ul.bbsPaging li a { width:18px; height:18px; font-size:8pt; line-height:18px; text-align:center; vertical-align:middle; color:#6b6b6b; background:url("../image/sub_bbs_btn.png") no-repeat -150px 0; }
#middle ul.bbsPaging li a.click { font-weight:bold; background-color:#e6e6e6; }
#middle ul.bbsPaging li.first { margin-right:3px; }
#middle ul.bbsPaging li.next { margin:0 3px 0 4px; }
#middle ul.bbsPaging li.prev { margin-right:11px; }
/*sub bbs middle end*/

#bottom { width:100%; float:left; }
#bottom div.itemWrap { float:left; width:240px; height:400px; }
#bottom div.itemWrap div.imgWrap { width:240px; height:250px; }
#bottom div.itemWrap a { font-size:9pt; line-height:12pt; color:#89897d; }
#bottom div.itemWrap a span.title { font-weight:bold; }
#bottom div.itemWrap div.textWrap { padding:0 10px 0 10px; width:230px; }
#bottom .blockchain, .platform-business, .api-linkage-service {font-family: 'Pretendard'; background: #f3f3f3; padding: 80px 0 100px; margin: 0 auto;}
#bottom .blockchain .title,
#bottom .platform-business .title,
#bottom .api-linkage-service .title {font-size: 48px; font-weight: 700; text-align: center; color: #475564; line-height: 1.3;}
#bottom .blockchain .sub-title,
#bottom .platform-business .sub-title,
#bottom .api-linkage-service .sub-title {font-size: 24px; font-weight: 600; text-align: center; color: #8C96A5; line-height: 1.3; }
#bottom .blockchain {background: #fff;}
#bottom .blockchain .text_area {
    border: 1px solid rgba(0,0,0,0.1);
    padding: 25px;
    text-align: center;
    font-size: 17px; 
    line-height: 1.6;
    color: #475564;
    margin: 45px 0;
}
#bottom .blockchain .text_area p {
    padding: 10px;
}
#bottom .blockchain .application_field {
    border: 1px solid #000;
    background-color: #465564;
    border-radius: 10px;
    width: 200px;
    margin: 0 auto;
    font-weight: 600;
    color: #fff;
    padding: 20px 32px;
    font-size: 20px;
    margin-bottom: 120px;

}
#bottom .blockchain .arrow-img-wrap { text-align: center; margin-bottom: 40px;}
#bottom .blockchain .application_field_list { display: flex; flex-wrap: wrap; gap: 50px; justify-content: center}
#bottom .blockchain .application_field_list li { width: 377px; display: flex; flex-direction: column; align-items: center;}
#bottom .blockchain .application_field_list li img { width: 100px; margin-bottom: 18px;}
#bottom .blockchain .application_field_list li span {
    font-size: 24px; color: #475564;  font-weight: 600;
}


#bottom .platform-business .description {font-size: 17px; color: #475564; line-height: 1.6; text-align: center; margin: 32px 0 60px;}
#bottom .platform-business .article-wrap {width: 1280px; display: flex; gap: 40px; margin: 0 auto;}
#bottom .platform-business article {padding-top: 60px; flex: 1; max-width: 694px; background: #fff; border-radius: 20px; box-shadow: 1px 3px rgb(219 219 219 / 12%), 0 3px 5px rgb(147 147 147 / 24%); display: flex; flex-direction: column; align-items: center;}
#bottom .platform-business article h4 {color: #475564; font-size: 32px; text-align: center; font-weight: 600;}
#bottom .platform-business article img { margin: 20px auto; }
#bottom .platform-business article:nth-child(2) img {margin: 98px 0 88px; padding: 0 20px; box-sizing: border-box; width: 100%;}
#bottom .platform-business article div { padding: 25px 20px; box-sizing: border-box; background-color: #f2f2f2; border-radius: 0 0 20px 20px; width: 100%;}
#bottom .platform-business article:first-child div {margin-top: 2px;}
#bottom .platform-business article div p {font-size: 17px; line-height: 1.6; text-align: center;}
#bottom .api-linkage-service {background: #fff; }
#bottom .api-linkage-service .wrap { width: 1280px;margin: 0 auto; }
#bottom .api-linkage-service .api_list {margin-top: 80px; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px; margin-bottom: 60px;}
#bottom .api-linkage-service .api_list li {text-align: center; width: 19%;border: 1px solid #d9d9d9;border-radius: 20px;padding: 30px; box-sizing: border-box; }
#bottom .api-linkage-service .api_list li img {height: 50px; margin: auto;}
#bottom .api-linkage-service .api_list li h3 { font-size: 17px; color: #111;font-weight: 400;text-align: center;margin-top: 20px;}
#bottom .api-linkage-service .arrow-img-wrap { text-align: center;}
#bottom .api-linkage-service .lang_list {margin-top: 40px; display: flex; flex-wrap: wrap; row-gap: 40px;}
#bottom .api-linkage-service .lang_list li {
    width: 47%;
    border-radius: 20px;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin: 0 15px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.13);
}
#bottom .api-linkage-service .lang_list li img { margin-top: 10px;}
#bottom .api-linkage-service .lang_list li .text_box {margin-left: 25px;}
#bottom .api-linkage-service .lang_list li .text_box h3 {
    margin-bottom: 0.6125rem;
    letter-spacing: -1.5px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.45;
    color: #353c44;
}
#bottom .api-linkage-service .lang_list li .text_box p {
    word-wrap: break-word;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #3e4654;
    text-align: left;
}


#footer { width:100%; float:left; min-width:1454px; height:89px; background:url("../image/bg_line.png") repeat-x 0 -185px; }
/* #footer div.copyright { position:absolute; top:16px; left:400px; width:631px; height:28px; background:url("../image/copyright.png") no-repeat; } */
#footer div.copyright {width:631px;height:28px;margin:16px auto;color:#8f8f8f;font-size:12px;line-height:18px;font-family:"nanumgothic",sans-serif}

div.subTop { height:570px; !important; }
div.subMiddle { height:auto }
div.subMiddle div.middleBox { border:0 !important; background:url("") !important;  }

#middle div.container ul.dev{width:726px; float:left;}
#middle div.container ul.dev li{}

/*sub mall*/
#mall h2{height:30px; padding-top:30px; margin-bottom:10px;}
#mall div.recommend{overflow:hidden; width:1454px; height:370px;}
#mall div.recommend h4{width:1454px;}
#mall div.recommend ul{width:1412px; height:355px; padding:15px 0 0 47px; background:url("../image/mall/recommend_bg.gif") no-repeat;}
#mall div.recommend ul li{float:left; margin:5px; padding:4px; width:154px; height:119px; background:url("../image/mall/photo_bg.gif") no-repeat;}

#mall div.group3{position:relative; width:480px; float:left; margin-top:30px; ;}
#mall div.group3 div.title{float:left; width:465px; padding:5px; background-color:#f8f8f8;}
#mall div.group3 div.title h4{float:left;  background-color:#f8f8f8;}
#mall div.group3 div.title p.more{position:absolute; top:15px; right:10px;  background-color:#f8f8f8;}
#mall div.group3 dl{float:left; width:150px; height:235px; margin:10px 10px 0 0;}
#mall div.group3 dl dt img{width:144px; height:104px;border:2px solid #dfdfdd;}
#mall div.group3 dl dd h5{padding:10px 0 0 10px; background:url("../image/mall/blit.gif") 0 11px no-repeat; font-weight:bold;}
#mall div.group3 dl dd ul.info{width:134px; padding:5px; margin-top:5px; background:url("../image/mall/info_box.gif") no-repeat;}
#mall div.group3 dl dd ul.info li{line-height:150%; padding:3px 0; font-size:11px; text-align:center;}
#mall div.group3 dl dd ul.info li a{display:inline;}

#mall div.group4{position:relative; width:640px; float:left; margin-top:30px; ;}
#mall div.group4 div.title{float:left; width:625px; padding:5px; background-color:#f8f8f8;}
#mall div.group4 div.title h4{float:left;  background-color:#f8f8f8;}
#mall div.group4 div.title p.more{position:absolute; top:15px; right:10px;  background-color:#f8f8f8;}
#mall div.group4 dl{float:left; width:150px; height:235px; margin:10px 10px 0 0;}
#mall div.group4 dl dt img{width:144px; height:104px;border:2px solid #dfdfdd;}
#mall div.group4 dl dd h5{padding:10px 0 0 10px; background:url("../image/mall/blit.gif") 0 11px no-repeat; font-weight:bold;}
#mall div.group4 dl dd ul.info{width:134px; padding:5px; margin-top:5px; background:url("../image/mall/info_box.gif") no-repeat;}
#mall div.group4 dl dd ul.info li{line-height:150%; padding:3px 0; font-size:11px; text-align:center;}
#mall div.group4 dl dd ul.info li a{display:inline;}

#mall div.group5{position:relative; width:800px; float:left; margin-top:30px; ;}
#mall div.group5 div.title{float:left; width:785px; padding:5px; background-color:#f8f8f8;}
#mall div.group5 div.title h4{float:left;  background-color:#f8f8f8;}
#mall div.group5 div.title p.more{position:absolute; top:15px; right:10px;  background-color:#f8f8f8;}
#mall div.group5 dl{float:left; width:150px; height:235px; margin:10px 10px 0 0;}
#mall div.group5 dl dt img{width:144px; height:104px;border:2px solid #dfdfdd;}
#mall div.group5 dl dd h5{padding:10px 0 0 10px; background:url("../image/mall/blit.gif") 0 11px no-repeat; font-weight:bold;}
#mall div.group5 dl dd ul.info{width:134px; padding:5px; margin-top:5px; background:url("../image/mall/info_box.gif") no-repeat;}
#mall div.group5 dl dd ul.info li{line-height:150%; padding:3px 0; font-size:11px; text-align:center;}
#mall div.group5 dl dd ul.info li a{display:inline;}

#ad{width:100%; float:left; text-align:center; padding:20px 0 10px 0;}

/*sub ser*/
#middle div.container div.title{float:left; height:50px; width:100%; padding-top:30px; margin-bottom:30px; border-bottom:1px solid #4c7fa6;}
#middle div.container div.title h2{float:left; padding-right:30px; }
#middle div.container div.title p{float:left; width:500px; border-left:2px solid #eee; padding-left:30px; line-height:130%; }
#middle div.container div.hosting_left{float:left; width:725px;}
#middle div.container div.hosting_left dl.info{overflow:hidden; width:375px; padding:20px 0 0 350px; height:200px; background:url("../image/hosting/img03.gif") no-repeat; line-height:130%;}
#middle div.container div.hosting_left dl.info dt{float:left; width:70px; margin-top:5px; padding-left:10px; background:url("../image/hosting/blit2.gif") 0 10px  no-repeat; border-right:1px solid #ddd;}
#middle div.container div.hosting_left dl.info dd{float:left; margin-top:5px; padding-left:15px; width:250px; }
#middle div.container div.hosting_right{float:left; padding-left:50px;}
#middle div.container div.hosting_right h4{width:650px; padding-top:10px; }
#middle div.container div.hosting_right dl.detail{overflow:hidden; width:650px; padding-top:20px;}
#middle div.container div.hosting_right dl.detail dt{float:left; width:150px; padding-top:10px; text-align:right; color:#517ca6; font-weight:bold;}
#middle div.container div.hosting_right dl.detail dd{float:left; width:480px; padding:10px 0 0 20px;}
#middle div.container div.hosting_right dl.detail dd ul{float:left; width:480px;}
#middle div.container div.hosting_right dl.detail dd ul li{float:left; width:480px; padding-left:10px ;background:url("../image/hosting/blit.gif") 0 7px no-repeat; line-height:140%;}
#middle div.container div.hosting_right p{width:650px; padding:10px 0 0 20px;}
#middle div.container div.server{float:left; width:480px; padding-bottom:20px;}
#middle div.container div.server div.photo{float:left; width:210px; height:150px;}
#middle div.container div.server div.info{float:left; width:270px;}
#middle div.container div.server div.info h4{font-size:15px; color:#517ca6; font-weight:bold; height:20px;}
#middle div.container div.server div.info dl{float:left; width:270px; padding:10px 0 0 0;;}
#middle div.container div.server div.info dl dt{float:left; width:59px; margin-top:5px; padding-left:10px; background:url("../image/hosting/blit2.gif") 0 5px  no-repeat; border-right:1px solid #ddd;}
#middle div.container div.server div.info dl dd{float:left; margin-top:5px; padding-left:15px; width:180px; }
#middle div.container div.server div.info p{float:left; padding:10px 0 0 5px;}

.line{clear:both; border-top:1px solid #eee; margin-bottom:20px;}

.t01 {
    border-bottom: 2px solid #CCCCCC;
    border-left: 1px solid #d2d2d2;
    width: 100%;
}
.t01 th {
    border-bottom: 1px solid #d2d2d2;
	 border-top: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    color: #1f2f3f;
    padding: 10px 9px;
	 font-weight:bold;
	 vertical-align:middle;
}
.t01 th.mid {
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-top: medium none;
    color: #1f2f3f;
    padding: 10px 9px;
}
.t01 td {
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    padding: 8px;
    text-align: center;
}
.t01 td.title {font-weight:bold;}
.t01 td.top {
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-top: 2px solid #7eafda;
    padding: 8px;
    text-align: center;
}

.bg{background: none repeat scroll 0 0 #ececec;}
.txt_b{color:#517ca6; font-weight:bold;}
.txt_r{color:#c00006; font-weight:bold;}
.txt_g{color:#71c600; font-weight:bold;}
.stxt{font-size:11px; font-weight:none; color:#777;}
.mk_price{font-weight:bold; background:url("../image/mall/dot.gif") 0 5px  repeat-x;}


/* 팝업 레이어 S */
.popupLayer {position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.popupLayer .back {position:absolute; left:0; top:0; width:100%; height:100%; background: #000; z-index:101;}
.popup_box {position:absolute; left:50%; top:52% !important; z-index:102;background:#000 !important}
.popup_box .popup_contents {position:absolute; left:0; top:0; width:100%; height:100%; z-index:102; border-top:2px solid #eee; border-bottom:2px solid #eee;}
.popup_box .popup_contents p.layer_tit {font-size:70px; line-height:70px; padding:21px 0 24px 5px; font-family:"Chollauni"; color:#fff;}
.popup_box .popup_contents p.close {position:absolute; right:10px; top:-30px; font-size:15px; line-height:15px; padding:40px 0 24px; display:block; font-family:"Chollauni"; color:#fff;}
.popup_box .popup_contents ul {width:480px; padding-left:7px;}
.popup_box .popup_contents li {width:480px; overflow:hidden; margin-bottom:10px;}
.popup_box .popup_contents li li {margin-bottom:0px;}
.popup_box .popup_contents ul ul {width:480px; overflow:hidden; padding-left:0px;}
.popup_box .popup_contents ul li ul li.layer_left {float:left; width:230px;}
.popup_box .popup_contents ul li ul li.layer_right {float:right; width:230px;}
.popup_box .popup_contents ul li.layer_left {float:left; width:210px;}
.popup_box .popup_contents ul li.layer_right {float:right; width:200px;}
.popup_box .popup_contents.phone span {float:left;  margin:15px 10px 0; padding-top:15px;}
.popup_box .popup_contents.etc .devide260 {float:left; width:260px;}
.popup_box .popup_contents.etc .devide210 {float:right; width:210px;}
.popup_box .popup_contents.etc .devide210 .devide210_white  {float:left; width:30px; font-size:12px; color:#fff; font-weight:bold; letter-spacing:-1px; text-align:right; margin:15px 10px 0 0;}
.popup_box .popup_contents.etc select {float:left; height:36px; color:#333;}
.popup_box .popup_contents.etc span {float:right; font-size:12px; margin:15px 0 0;}
.popup_box .popup_contents label {float:left; width:50px; font-size:12px; color:#ff471c; font-weight:bold; letter-spacing:-1px; text-align:right; margin:0 10px 0 0; line-height:180%;}
.popup_box .popup_contents label.long {float:left; width:90px; font-size:12px; color:#ff471c; font-weight:bold; letter-spacing:-1px; text-align:right; margin:0 10px 0 0;}
.popup_box .popup_contents ul li.layer_text {width:460px; color:#fff; font-size:12px; margin:5px 0 10px 0;  line-height:150%; border:1px dotted #797979; padding:10px;}
.popup_box .popup_contents ul li.layer_text ul.layer_stext {width:460px; margin:5px 0 10px 0; }
.popup_box .popup_contents ul li.layer_text ul.layer_stext li{width:450px; color:#eee; font-size:11px; padding-left:10px; line-height:150%;  background:url("../image/request_blit.gif") 0 5px no-repeat;}
.popup_box .popup_contents textarea {float:left; width:395px; height:126px; color:#000;}
.popup_box .popup_contents.text_right {text-align:right;}
.popup_box .popup_contents.text_right input {margin-left:10px;}
.popupLayer iframe, .popup_box iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.btn_register{display:inline; width:100px; height:30px; padding:10px; background-color:#FF3300; border:0; color:#fff; font-weight:bold; text-align:center; margin-left:5px;}
.btn{text-align:center;}


/* step */

/*#step { width:100%; min-width:1454px; height:474px; background:url(../image/stepBackground.gif) repeat; } */

.step_wp {
	width:1454px;
	margin:0 auto;
	position:relative;
}

#step {
	width: 100%;
    min-width: 1454px;
/*    background: url(../image/stepBackground.gif) repeat; */
    position: absolute;
    z-index: 999;
    top: 0;
	left:0;
}

#step .logo {

}

.main_visual {
	position:absolute;
	top:0;
	left:0;
    height: 430px;
    overflow: hidden;
}

#step .newProjet { width:1424px; padding:15px;  margin:0 auto; }
#step .newProjet table { width:1424px; height:474px; border-collapse:collapse; }
#step .newProjet td { padding-left:15px; width:100%; vertical-align:top; }
#step .newProjet td .title { width:211px; color:#88898a; padding-top:17px; text-align:center; overflow:hidden;  }
#step .newProjet td .titleA { width:211px; color:#88898a; padding-top:3px; text-align:center; overflow:hidden;  }
#step .newProjet th { margin:0; padding:0; text-align:left; vertical-align:top;  border-collapse:collapse; }




#step .newProjet td .title a			{color:#88898a; text-decoration: none;}
#step .newProjet td .title a:link		{color:#88898a; text-decoration: none;}
#step .newProjet td .title a:visited	{color:#88898a; text-decoration: none; }
#step .newProjet td .title a:active	{color:#88898a; text-decoration: underline;}
#step .newProjet td .title a:hover	{color:#88898a; text-decoration: underline;}

#portfolio_txt { width:100%; min-width:1454px; }
#portfolio_txt .portfolio_txt2 {  width:100%; min-width:1454px; height:46px; background:url(../image/portfolio_txtBG.gif) repeat-x;  }
#portfolio_txt .portfolio_txt2 ul { width:1454px;; height:46px; margin:0 auto; }
#portfolio_txt .portfolio_txt3 {  width:1454px; margin:0 auto; }
#portfolio_txt .portfolio_txt2 ul li, #portfolio_txt .portfolio_txt3 ul li { width:145px; float:left; }
#portfolio_txt .portfolio_txt3 ul li {margin-top:10px; }
#portfolio_txt .portfolio_txt3 ul li a {margin-top:1px;margin-left:20px; letter-spacing:-2px;}

#portfolio_txt a			{color:#333333; text-decoration: none; padding-bottom:5px;}
#portfolio_txt a:link		{color:#333333; text-decoration: none;}
#portfolio_txt a:visited	{color:#333333; text-decoration: none; }
#portfolio_txt a:active	{color:#333333; text-decoration: underline;}
#portfolio_txt a:hover 	{color:#333333; text-decoration: underline;}





.bottom_banner  { width:100%; min-width:1454px; background-color:#1e1e1e; margin-top:15px; }
.bottom_banner .img02  { width:1454px; margin:0 auto; }

.gnb_lefttop {width:500px; height:20px; padding:5px; position:absolute; left:250px; top:20px;}

.gnb_lefttop li {float:left;  width:80px; height:20px; color:#88898a; font-family: "Nanum Gothic"; font-size:14px; font-weight:bold;}
.gnb_lefttop li a {letter-spacing:-1px; color:#fff; font-weight:bold;}

.cs {background:url("../image/arrow_gold_bg.png") repeat-x;  width:100%; height:24px;*background:url("../image/arrow_gold_bg.png") repeat-x 0 19px;*height:33px }
.cs {margin-top:20px; width:100%; padding:5px; }

.cs li {*margin-top:18px;float:right;  width:650px; height:20px; color:black; color:#ffb747; font-family: "Nanum Gothic"; font-size: 14px; font-weight:bold;}
.cs li a {letter-spacing:-1px; color:#88898a;  font-weight:bold;}

.logo_new {background:none !important; display:block; text-align:center; margin:-18px auto 0 auto !important;}



/* issue */
.cont					{ display: table; position: absolute; top: 0; left: 90px; float: left; width: 100%; height: 100%; text-align: left; }
.contInner				{ display: table-cell; width: auto; padding-bottom: 5px; vertical-align: middle; }
.cont ul				{ width: auto; height: auto; }
.cont ul li				{ position: static; top: auto; left: auto; width: auto; height: auto; text-align: left; }
.cont .tit				{ padding-bottom: 5px; color: #fff; font-size: 40px; font-family: Arial; font-weight: bold; letter-spacing: -1px; line-height: 1; word-break: break-all; word-wrap:break-word; }
.cont .headline			{ padding-bottom: 10px; color: #ffb747;font-family: "Nanum Gothic"; font-size: 16px; font-weight: bold; word-break: break-all; word-wrap:break-word; }
.cont .summary			{ font-family: "Nanum Gothic"; width: 355px; padding-bottom: 10px; color: #B1A9A3; line-height: 1.4; word-break: break-all; word-wrap:break-word; }
.cont .award			{ zoom: 1; position: relative; }
.cont .award:after		{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.cont .award li			{ position: static; float: none; width: auto; height: auto; color: #B1A9A3; font-size: 12px; line-height: 1.5; word-break: break-all; word-wrap:break-word; }
.cont .award li strong	{ color: #B1A9A3; }
.cont .more				{ zoom: 1; display: inline-block; *display: inline; margin-top: 20px; padding: 6px 12px; border: 1px solid #2e2e2e; color: #fff; font-size: 11px; font-family: Arial; font-weight: bold; line-height: 1.2; }
.obj					{ width: 100%; text-align: right; }

#top div.main ul.menu li.tech .index-contact{font-family:"nanumgothic",sans-serif;color:#cbcccf}
#top div.main ul.menu li.tech .index-contact p{overflow:hidden;margin-top:10px;text-align:left}
#top div.main ul.menu li.tech .index-contact p img{display:block;width:19px;float:left}
#top div.main ul.menu li.tech .index-contact p span{float:left;display:block;width:183px;padding-left:10px;line-height:15px}
#top div.main ul.menu li.tech .index-contact p:first-child{margin-top:0;color:#1eb8d9;font-size:26px;font-weight:bold;text-shadow:1px 0 3px #333}
#top div.main ul.menu li.tech .index-contact p:first-child + p span{font-size:14px}
#top div.main ul.menu li.tech .index-contact p:first-child + p + p span{font-size:13px}
#top div.main ul.menu li.tech .index-contact p:first-child img{width:30px}
#top div.main ul.menu li.tech .index-contact p:first-child span{line-height:1;width:172px}