@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

html, body {padding:0; margin:0;}
body, table, input, textarea {font-size:12px; font-family:'Nanum Gothic'; color:#434343;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
div, pre, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
a {outline:none; select-dummy:expression(this.hideFocus=true);}
ul, ol, li {list-style:none;}

body, select, input, a, button {line-height:1;}

#contents_history table {border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%; border:0;}
#contents_history table th {word-wrap:break-word;}
#contents_history table td {word-wrap:break-word;}

img {border:none;}
img, object {vertical-align:top;}

a:link {color:#434343; text-decoration:none;}
a:active {color:#434343; text-decoration:none;}
a:visited {color:#434343; text-decoration:none;}
a:hover {color:#434343; text-decoration:none;}

hr, caption, legend {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

.inner {max-width:1200px; margin:0 auto; position:relative;}
.clearfix:after {content:""; display:block; clear:both;}
#wrap {word-break:keep-all;}

header {position:fixed; width:100%; top:0; left:0; background:#fff; z-index:9999; border-bottom:1px solid #ddd; box-sizing:border-box;}
header #headTop {background:url("../img/headTop.jpg") no-repeat center top; background-size:cover; height:5px;}
header .logo {float:left; padding:27px 0;}

header nav {position:relative; float:right;}
header nav .gnb {overflow:hidden; float:left;}
header nav .gnb > li {float:left;}
header nav .gnb > li > a {display:block; padding:39px; color:#3d3e43; font-size:17px; font-weight:700;}
header nav .gnb > li:hover > a {background:#f8f8f8;position:relative;}
header nav .gnb > li:hover > a:before {content:""; width:100%; height:4px; background:#313573; position:absolute; display:block; top:0; left:0;}

header .gnbBg {position:absolute; background:#f7f7f7; width:100%; z-index:100; height:0;}
header nav .lang {float:left; padding:39px 67px 0 7px;}
header nav .allMenu {float:right; padding:36px 0 0 0; position:absolute; right:0;}

#main {padding:100px 0 0 0;}

#mainVisual {position:relative;}
#mainVisual .visu li {background-size:cover !important; height:569px;}
#mainVisual .visu li .txtBox {text-align:center; padding:100px 0 0 0; color:#fff;}
#mainVisual .visu li .txtBox p:before {content:""; width:43px; height:2px; background:#ed1b24; display:block; margin:0 auto 20px;}
#mainVisual .visu li .txtBox dl {margin:30px 0 0 0;}

#mainVisual .visu li .txtBox p {font-size:25px; opacity:0; animation:txtAni_off1 0.3s forwards ease-in-out;}
#mainVisual .visu li .txtBox dl dt {animation:txtAni_off2 0.3s forwards ease-in-out; opacity:0; font-family:'Nanum Gothic'; font-weight:500;  font-size:50px; letter-spacing:-1.5px; text-shadow:2px 2px 10px rgba(0,48,133,0.3); margin:0 0 0 -60px;}
#mainVisual .visu li .txtBox dl dd {animation:txtAni_off3 0.3s forwards ease-in-out; font-family: 'Nanum Gothic';  font-size:16px; line-height:26px; margin:20px -90px 0 0; opacity:0;}
#mainVisual .visu li .txtBox .more {display:block; opacity:0;  animation:txtAni_off4 0.3s forwards ease-in-out;  width:146px; height:39px; border:1px solid #fff; border-radius:5px; line-height:39px; color:#fff; font-size:13px; font-family: 'Nanum Square','?섎닎?ㅽ?섏뼱'; margin:95px auto 0;}


#mainVisual .visu li.active-slide .txtBox p {animation:txtAni_on1 0.3s forwards ease-in-out; display:inline-block;  animation-delay:1s;}
#mainVisual .visu li.active-slide .txtBox dl dt {animation:txtAni_on2 0.3s forwards ease-in-out; animation-delay:1.2s;}
#mainVisual .visu li.active-slide .txtBox dl dd {animation:txtAni_on3 0.3s forwards ease-in-out; animation-delay:1.4s;}
#mainVisual .visu li.active-slide .txtBox .more {animation:txtAni_on4 0.3s forwards ease-in-out; animation-delay:1.2s;}

#mainVisual .controls {position:absolute; top:291px; width:100%; z-index:1000; left:50%; margin:0 0 0 -600px;}
#mainVisual .controls div {position:absolute; display:block; width:79px; height:76px; font-size:0;  z-index:100;}
#mainVisual .controls div a {display:block; height:76px;}
#mainVisual #slider-prev {background:url("../img/visu_prev.png") no-repeat center; left:0;}
#mainVisual #slider-next {background:url("../img/visu_next.png") no-repeat center; right:0;}
#mainVisual .quick {position:absolute; width:100%; bottom:0; background:rgba(232, 237, 255, 0.397); z-index:1000;}
#mainVisual .quick ul {overflow:hidden;}
#mainVisual .quick ul li {width:20%; float:left; display:table; text-align:center;}
#mainVisual .quick ul li a {background:#a0a8d1cc; display:table-cell; color:#fff; height:75px; vertical-align:middle; font-size:14px;  font-family:'Nanum Gothic';}
#mainVisual .quick ul li a:hover, 
#mainVisual .quick ul li a.active {background:#01509acb; color:#fff;}
#mainVisual .visu .visu01 {background:url("../img/mainViaual1.jpg") no-repeat center top;}
#mainVisual .visu .visu02 {background:url("../img/mainViaual2.jpg") no-repeat center top;}
#mainVisual .visu .visu03 {background:url("../img/mainViaual3.jpg") no-repeat center top;}
#mainVisual .visu .visu04 {background:url("../img/mainViaual4.jpg") no-repeat center top;}
#mainVisual .visu .visu05 {background:url("../img/mainViaual5.jpg") no-repeat center top;}

.m_menu {position:fixed; width:320px; height:100%; background:#fff; z-index:9998; top:0; right:-320px;  border-top:1px solid #53514f; padding:100px 37px 30px 37px; box-sizing:border-box; overflow-y:scroll;}
.m_menu > ul {font-size:16px; color:#3d3e43; font-family:'Nanum Gothic'; font-weight:700;}
.m_menu > ul > li > a {border-bottom:1px solid #464646; display:block; padding:14px 0; background:url("../img/gnbBtn_off.gif") no-repeat 95% center;}
.m_menu > ul > li.on > a {background:url("../img/gnbBtn_on.gif") no-repeat 95% center;}
.m_menu > ul > li > .depth2 {background:#e9f1f6; padding:18px; display:none;}
.m_menu > ul > li > .depth2 > li a {display:block; margin:0 0 15px 0;}
.m_menu > ul > li > .depth2 > li:last-child a:last-child {margin:0;}
.m_menu .depth3  a {color:#8a91a4;  font-size:13px; margin:-3px 0 0 0;}
.m_menu .depth3  a:before {content:"-"; margin:0 5px 0 0;}
.m_gnbBg {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); top:0; left:0; z-index:100; display:none;}

@keyframes txtAni_on1 {
	0%{opacity:0; margin:0 -50px 0 0;}
	100%{opacity:1; margin:0;}
}
@keyframes txtAni_on2 {
	0%{opacity:0; }
	100%{opacity:1; margin:0 0 0 0;}
}
@keyframes txtAni_on3 {
	0%{opacity:0; }
	100%{opacity:1; margin:20px 0 0 0;}
}
@keyframes txtAni_on4 {
	0%{opacity:0; }
	100%{opacity:1; margin:35px auto 0;}
}

@keyframes txtAni_off1 {
	0%{margin:0 0 0 0; opacity:1}
	100%{margin:-20px 0 0 0;  opacity:0;}
}

@keyframes txtAni_off2 {
	0%{margin-left:0; opacity:1}
	100%{margin-left:-100px; opacity:0;}
}

@keyframes txtAni_off3 {
	0%{margin-right:0; opacity:1}
	100%{margin:20px 0 0 0; opacity:0;}
}

@keyframes txtAni_off4 {
	0%{margin:65px auto 0; opacity:1}
	100%{margin:125px auto 0;  opacity:0;}
}
/*
@media screen and (max-width:1199px) {
	header nav .gnb {display:none;}
	header {height:100px;}
	header .logo {padding:21px 29px;}
	header .logo img {max-width:216px;}
	header .logo a {display:block;}
	header nav .allMenu {right:29px; top:0;}
	header nav .lang {padding:39px 96px 0 7px;}
	header nav {position:absolute; right:0;}

	#mainContents > section > div {padding:0 29px;}
	#mainVisual #slider-prev {left:29px;}
	#mainVisual #slider-next {right:29px;}
	#mainContents #infomation .notice > div .mainList dl{width:71.40552%;}
	#mainContents #network .map {right:-100px;}
	#mainContents #network .map .icon {display:none;}
	#mainContents #network .map img {width:100%; max-width:588px;}
	#mainVisual .controls {display:none;}

	#ftBot {padding:50px 29px;}
	.topBtn {right:15px;}

	.navi > article.home {display:none;}
	.navi > article.depth {width:50%;}
	.navi > article.depth3 {width:100%; border-bottom:1px solid #e0e0e0;}
}

@media screen and (max-width:767px) {
	#overview .list > ul > li {width:100%; margin:0 0 20px 0 !important;}
	#overview .list > ul > li .img .tit {line-height:1; height:auto; padding:16px 0 16px 15px !important;}
	#overview .list .ov > .txt {padding:20px 0 0 0;}

	#mainVisual .visu li .txtBox dl dt {font-size:60px;}
	#mainContents #infomation .notice > div {width:100%; min-height:auto;} 
	#mainContents > section {padding:55px 0;}
	#mainContents #infomation .notice > div.news {margin:0 0 34px;}
	#mainContents #network .place_list {width:100%;}
	#mainContents #network .map {position:relative; margin:20px 0 0 0; right:0;}
	.titleSt1 h2 {font-size:40px;}
	#mainContents #customer .tabs ul li {font-size:20px; width:32%; margin:0 2% 0 0;}
	
	.titleSt1 p br {display:none;}
	#mainVisual .quick {white-space:nowrap; overflow:hidden; overflow-x:scroll; height: 0px;}
	#mainContents #network .place_list {float:none;}
	#mainContents #network .map {float:none;} 

	#mainVisual .visu li .txtBox .more {margin:0 auto 0;}

	.tabWrap > p  {display:block;  border:1px solid #ccc;}
	.tabWrap > p a {display:block; height:55px; line-height:55px; font-size:14px; padding:0 0 0 20px; box-sizing:border-box; position:relative;}
	.tabWrap > p a span {display:inline-block; position:absolute; left:95%; transform:rotate(90deg); line-height:1; top:20px;}
	.tabSt1, 
	.tabSt3 {position:absolute; display:none; width:100%; margin:0;}
	.tabSt1 li,
	.tabSt3 li {width:100%; float:none; box-sizing:border-box; border-top:none;}

	#sv dl dt {font-size:40px;}
}
*/
#mainContents {font-size:14px;}
#mainContents #infomation .notice {overflow:hidden; margin:68px 0 0 0;}
#mainContents #infomation .notice > div {border:1px solid #cecece; box-sizing:border-box; width:48.58333333333%; margin:0 2.83333333333% 0 0; float:left; padding:44px 4.58333333333% 40px; background:#fff; position:relative; min-height:299px;}
#mainContents #infomation .notice > div .more {position:absolute; display:block; right:8%; top:44px;}
#mainContents #infomation .notice > div .mainList {border-bottom:1px solid #bdbdbd; padding:0 0 19px 0;overflow:hidden; margin:32px 0 20px 0;}
#mainContents #infomation .notice > div .mainList .date {background:url("../img/date_line.png") no-repeat center #efefef; width:67px; height:67px; position:relative; float:left; margin:0 4.24628450106% 0 0;}
#mainContents #infomation .notice > div .mainList .date span {color:#858585; display:block; height:33.5px;  padding:13px; box-sizing:border-box;}
#mainContents #infomation .notice > div .mainList .date span:last-child {text-align:right; padding:0 13px;}
#mainContents #infomation .notice > div .mainList dl {width:79.40552016985%; float:left; margin:5px 0 0 0; height:65px;}
#mainContents #infomation .notice > div .mainList dl dt {font-size:18px; color:#596cdb; font-weight:700; margin:0 0 12px 0;}
#mainContents #infomation .notice > div .mainList dl dt, 
#mainContents #infomation .notice > div .mainList dl dd {width:99%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.2;}
#mainContents #infomation .notice > div .list li {margin:0 0 15px 0; position:relative;}
#mainContents #infomation .notice > div .list li .date {position:absolute; right:0; top:0;}
#mainContents #infomation .notice > div .list li a {width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; line-height:1.2;} 
#mainContents #infomation .notice > div .list li:last-child {margin:0;}
#mainContents #infomation .notice > div.ir {margin:0;}
#mainContents > section {min-height:486px; padding:10px 0 0 0; box-sizing:border-box;}

#subContents {position:relative;}
#subContents .visual_company {background-size:cover !important; background:url("../img/subVisual1.jpg") no-repeat center top; height:275px;}
#subContents .visual_line {background:url("../img/subVisualLine.jpg"); height:7px;}
#subContents .visual_company dl {color:#fff; padding-left:35%; padding-top:6%;}
#subContents .visual_company dl dt {font-family:'Nanum Gothic'; font-weight:300;  font-size:18px; letter-spacing:-0.5px; text-shadow:2px 2px 10px rgba(0,48,133,0.3);}
#subContents .visual_company dl dd {font-family: 'Nanum Gothic'; font-size:29px; line-height:47px;}

#subContents .visual_history {background-size:cover !important; background:url("../img/subVisual2.jpg") no-repeat center top; height:275px;}
#subContents .visual_history dl {color:#fff; padding-left:35%; padding-top:6%;}
#subContents .visual_history dl dt {font-family:'Nanum Gothic'; font-weight:300;  font-size:18px; letter-spacing:-0.5px; text-shadow:2px 2px 10px rgba(0,48,133,0.3);}
#subContents .visual_history dl dd {font-family: 'Nanum Gothic'; font-size:29px; line-height:47px;}

#subContents .visual_project {background-size:cover !important; background:url("../img/subVisual3.jpg") no-repeat center top; height:275px;}
#subContents .visual_project dl {color:#fff; padding-left:35%; padding-top:6%;}
#subContents .visual_project dl dt {font-family:'Nanum Gothic'; font-weight:300;  font-size:18px; letter-spacing:-0.5px; text-shadow:2px 2px 10px rgba(0,48,133,0.3);}
#subContents .visual_project dl dd {font-family: 'Nanum Gothic'; font-size:29px; line-height:47px;}

#subContents .visual_solution {background-size:cover !important; background:url("../img/subVisual4.jpg") no-repeat center top; height:275px;}
#subContents .visual_solution dl {color:#fff; padding-left:35%; padding-top:6%;}
#subContents .visual_solution dl dt {font-family:'Nanum Gothic'; font-weight:300;  font-size:18px; letter-spacing:-0.5px; text-shadow:2px 2px 10px rgba(0,48,133,0.3);}
#subContents .visual_solution dl dd {font-family: 'Nanum Gothic'; font-size:29px; line-height:47px;}

#subContents .visual_board {background-size:cover !important; background:url("../img/subVisual5.jpg") no-repeat center top; height:275px;}
#subContents .visual_board dl {color:#fff; padding-left:35%; padding-top:6%;}
#subContents .visual_board dl dt {font-family:'Nanum Gothic'; font-weight:300;  font-size:18px; letter-spacing:-0.5px; text-shadow:2px 2px 10px rgba(0,48,133,0.3);}
#subContents .visual_board dl dd {font-family: 'Nanum Gothic'; font-size:29px; line-height:47px;}

#subContents #contents_background {background:url("../img/bg.jpg");}
#subContents #contents_background .contents {width:1200px; background:#ffffff; margin:0 auto; position:relative; padding-bottom:65px;}
#contents_background .contents .con_title {width:100%; margin:0 auto; font-family: 'Nanum Gothic'; font-size:29px; text-align:center; color:#231f20; font-weight:bold; padding-top:40px; padding-bottom:30px;}
#contents_background .contents .company_logo {width:296px; height:104px; margin:0 auto; background:url("../img/company_logo.png") no-repeat; padding-bottom:30px;}
#contents_background .contents .company_info .info_line {width:1150px; height:1px; background:#dfdfdf; margin:0 auto;}
#contents_background .contents .company_info .info_box {width:1150px; height:190px; background:#f9f9f9; margin:0 auto;}
#contents_background .contents .company_info .info_box ul li {float:left; width:228px; height:150px; margin-top:20px; text-align:center;}
#contents_background .contents .company_info .info_box ul li.right_line {border-right:1px solid #cecece;}
#contents_background .contents .company_info .info_box .icon1 {background:url("../img/company_icon1.png") no-repeat; width:45px; height:45px; margin:auto; margin-top:15px;}
#contents_background .contents .company_info .info_box .icon2 {background:url("../img/company_icon2.png") no-repeat; width:45px; height:45px; margin:auto; margin-top:15px;}
#contents_background .contents .company_info .info_box .icon3 {background:url("../img/company_icon3.png") no-repeat; width:45px; height:45px; margin:auto; margin-top:15px;}
#contents_background .contents .company_info .info_box .icon4 {background:url("../img/company_icon4.png") no-repeat; width:45px; height:45px; margin:auto; margin-top:15px;}
#contents_background .contents .company_info .info_box .icon5 {background:url("../img/company_icon5.png") no-repeat; width:45px; height:45px; margin:auto; margin-top:15px;}
#contents_background .contents .company_info dt {font-size:18px; font-weight:bold; height:30px; padding-top:15px;}
#contents_background .contents .company_info dd {font-size:14px; font-weight:bold; line-height:17px;}

#subContents #contents_history {background-color:#f9f9f9;}
#subContents #contents_history .contents {width:1200px; margin:0 auto; position:relative; padding-bottom:30px; height:340px;}
#subContents #contents_history .contents dl {padding-top:60px;}
#subContents #contents_history .contents dl dd {width:46%; float:left;}
#subContents #contents_history .contents dl dd.l_pad_25 {padding-left:25px;}
#subContents #contents_history .contents dl dd.l_pad_45 {padding-left:45px;}

#subContents #contents_vision {background:url("../img/subCompany_bg.jpg"); height:512px; background-position:center; background-repeat:no-repeat;}
#subContents #contents_background .con_vis {width:1200px; background:#ffffff; margin:0 auto; position:relative;}
#contents_background .con_vis .con_title {width:100%; margin:0 auto; font-family: 'Nanum Gothic'; font-size:29px; text-align:center; color:#231f20; font-weight:bold; padding-top:70px; padding-bottom:30px;}
#subContents #contents_vision div.vis_title {color:#ffffff; font-size:24px; font-weight:normal; padding-top:45px; text-align:center;}

#subContents #contents_vision .contents ul {width:1020px; margin:auto; padding-top:25px;}
#subContents #contents_vision .contents ul li {float:left;}
#subContents #contents_vision .contents dl dd .circleTitle1 {background:url("../img/subCompany_l_circle1.png"); width:197px; height:197px;}
#subContents #contents_vision .contents dl dd .circleTitle2 {background:url("../img/subCompany_l_circle2.png"); width:197px; height:197px; margin-top:5px;}
#subContents #contents_vision .contents dl dd .circleTitle3 {background:url("../img/subCompany_l_circle3.png"); width:263px; height:263px; margin-top:70px; margin-left:20px;}

#subContents #contents_vision .contents dl dd .circleTitle1 .icon_back {padding-top:44px;}
#subContents #contents_vision .contents dl dd .circleTitle1 .icon_back div.icon1 {background:url("../img/subCompany_l_circle1icon.png"); width:38px; height:38px; margin:auto;}
#subContents #contents_vision .contents dl dd .circleTitle1 .icon_back p {font-size:16px; color:#fff; text-align:center; padding-top:10px; line-height:20px;}
#subContents #contents_vision .contents dl dd .circleTitle2 .icon_back {padding-top:44px;}
#subContents #contents_vision .contents dl dd .circleTitle2 .icon_back div.icon2 {background:url("../img/subCompany_l_circle2icon.png"); width:38px; height:38px; margin:auto;}
#subContents #contents_vision .contents dl dd .circleTitle2 .icon_back p {font-size:16px; color:#fff; text-align:center; padding-top:10px; line-height:20px;}
#subContents #contents_vision .contents dl dd .circleTitle3 .icon_back {padding-top:65px;}
#subContents #contents_vision .contents dl dd .circleTitle3 .icon_back div.icon3 {background:url("../img/subCompany_l_circle3icon.png"); width:58px; height:58px; margin:auto;}
#subContents #contents_vision .contents dl dd .circleTitle3 .icon_back p {font-size:22px; color:#fff; text-align:center; padding-top:13px; line-height:28px;}

#subContents #contents_vision .contents dl dd .icon_arrow1 {background:url("../img/subCompany_arrow1.png"); width:51px; height:38px; margin-top:85px; margin-left:30px;}
#subContents #contents_vision .contents dl dd .icon_arrow2 {background:url("../img/subCompany_arrow2.png"); width:51px; height:38px; margin-top:160px; margin-left:30px;}
#subContents #contents_vision .contents dl dd .icon_arrow3 {background:url("../img/subCompany_arrow3.png"); width:62px; height:67px; margin-top:170px; margin-left:40px;}

#subContents #contents_vision .contents dl dd .rect_bg1 {background-color:#768a97; width:293px; height:120px; margin-top:25px; margin-left:25px; color:#fff; font-size:16px; padding-top:30px; line-height:23px; padding-left:30px;}
#subContents #contents_vision .contents dl dd .rect_bg2 {background-color:#727994; width:293px; height:120px; margin-top:56px; margin-left:25px; color:#fff; font-size:16px; padding-top:30px; line-height:23px; padding-left:30px;}

#contents_background .contents .table_top_bg {background:url("../img/projectTableTopbg.png"); width:301px; height:16px; margin-right:40px; float:right;}


#ftBot {background:#f6f6f6;  border:1px solid #d7d7d8; border-left:none; border-right:none;}
#ftBot > div {font-size:0;}
#ftBot .txt_list {width: 24%; position:absolute; z-index:10; display:inline-block; right:0px;}
#ftBot .txt_list ul {position:absolute; width:100%; bottom:40px; display:none;}
#ftBot .txt_list ul li {border-top:1px solid #848487; background-color:#6e6f72;}
#ftBot .txt_list ul li a {display:block; font-size:14px; color:#fff; line-height:30px; padding-left: 15px;}
#ftBot .txt_list ul li a:hover {background:#01509a;}
#ftBot .txt_list > a {box-sizing:border-box; display:block; background:url("../img/ft_menuBtn.png") no-repeat 95% center #8b8f99; color:#fff; padding-left:15px; line-height:40px; font-weight:bold; font-size:14px;}
#ftBot .txt_list {display:inline-block; vertical-align:middle;}

#ftBot {background:#4d525e; padding:20px 0;}
#ftBot .ftLogo {float:left; width:110px; padding-left:5px; padding-right:50px; padding-top:12px;}
#ftBot .ftLogo img {width:100%;}
#ftBot .info {float:left; width:52.5%;}
#ftBot .info .etc {overflow:hidden;}
#ftBot .info .etc li {float:left;}
#ftBot .info .etc li:after {content:"|"; color:#6f7480; margin:0 25px; font-size:16px;}
#ftBot .info .etc li:last-child:after {content:""; margin:0;}
#ftBot .info .etc li a {color:#fff; font-size:14px;}
#ftBot .info .etc li a:hover {color:#8598c5;}
#ftBot .info address {margin:16px 0 0 0; color:#fff;}
#ftBot .info address p {margin:0 0 7px 0; font-size:14px; letter-spacing:-0.5px; line-height:1.0;}
#ftBot .info address p.copy {color:#929aab; margin:7px 0 0 0;}
#ftBot .banner {float:right;}

#contents_history .table_wrap {border-collapse:collapse; border-spacing:0; width:100%; background-color:#ffffff;}
#contents_history .table_wrap * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#contents_history .table_wrap th, #contents_history .table_wrap td {vertical-align:middle; height:45px; padding:13px 12px; border:1px #dcdcdc solid; white-space:normal; font-weight:bold;}
#contents_history .table_wrap th:first-child, #contents_history .table_wrap  td:first-child {border-left:0;}
#contents_history .table_wrap th:last-child, #contents_history .table_wrap  td:last-child {border-right:0;}
#contents_history .table_wrap th {color:#333333; font-size:17px;}
#contents_history .table_wrap thead th {text-align:center;}
#contents_history .table_wrap tbody th {padding:13px 20px; border-bottom:1px solid #dcdcdc; color:#333333;}
#contents_history .table_wrap tbody td {position:relative; border-bottom:1px solid #dcdcdc;}
#contents_history .table_wrap tbody td a:hover {color:#0c4da2;}
#contents_history .table_wrap {border-top:2px solid #333333;}
#contents_history .table_wrap th, .table_wrap td {text-align:center; line-height:1.25em; font-size:14px;}
#contents_history .table_wrap thead th {height:60px; border-bottom:1px solid #888888;}
#contents_history .table_wrap tbody td {height:49px;}

.table_wrap2 {border-collapse:collapse; border-spacing:0; width:100%; background-color:#ffffff;}
.table_wrap2 * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.table_wrap2 th, .table_wrap2 td {vertical-align:middle; height:45px; padding:13px 12px; border:1px #dcdcdc solid; white-space:normal; font-weight:bold;}
.table_wrap2 th:first-child, .table_wrap2  td:first-child {border-left:0;}
.table_wrap2 th:last-child, .table_wrap2  td:last-child {border-right:0;}
.table_wrap2 th {color:#333333; font-size:17px;}
.table_wrap2 tbody th {padding:13px 20px; border-bottom:1px solid #dcdcdc; color:#333333;}
.table_wrap2 tbody td {position:relative; border-bottom:1px solid #dcdcdc;}
.table_wrap2 tbody td a:hover {color:#0c4da2;}
.table_wrap2 {border-top:2px solid #333333;}
.table_wrap2 th, .table_wrap2 td {line-height:1.25em; font-size:14px;}
.table_wrap2 thead th {height:60px; border-bottom:1px solid #888888;}
.table_wrap2 tbody td {height:49px;}

#contents_background .contents ul {width:1150px; margin:auto;}
#contents_background .contents ul li.history {float:left;}
#contents_background .contents .img_year01 {background:url("../img/year01.jpg"); width:269px; height:470px; color:#fff;}
#contents_background .contents .img_year02 {background:url("../img/year02.jpg"); width:269px; height:377px; color:#fff;}
#contents_background .contents .img_year03 {background:url("../img/year03.jpg"); width:269px; height:640px; color:#fff;}
#contents_background .contents .img_yearline {background:url("../img/yearLine.jpg"); width:97px; background-color:#fff;}
#contents_background .contents .img_yearline_dot {background:url("../img/yearLineDot.jpg") no-repeat; width:97px; height:16px; padding-top:133px; background-position:center;}
.wid_10 {width:8%; background-color:#fff;}
.wid_25 {width:23%;}
.wid_65 {width:69%;}
.heig_380 {height:380px;}
.heig_410 {height:410px;}
.heig_740 {height:740px;}
.heig_540 {height:540px;}
.heig_640 {height:640px;}
.heig_780 {height:780px;}
.marg_20 {margin-bottom:20px;}
.padd_20 {padding-top:20px;}
.padd_82 {padding-top:82px !important;}
.padd_109 {padding-top:109px !important;}
.padd_180 {padding-top:180px !important;}
.padd_363 {padding-top:363px !important;}
.padd_374 {padding-top:374px !important;}
#contents_background .contents dl {font-weight:bold;}
#contents_background .contents dl dd.small_text {font-size:18px; text-align:right; padding-right:100px; padding-top:20px;}
#contents_background .contents dl dd.big_text {font-size:50px; text-align:right; padding-right:20px;}

#subContents #contents_background .con_vis dl.ter_map {width:1150px; height:960px; margin:auto;}
#subContents #contents_background .con_vis dl.ter_map div.termap_img {background:url("../img/terMap.jpg") no-repeat; width:620px; height:772px; margin-left:150px; margin-top:40px;}
#subContents #contents_background .con_vis dd.ter_box, #subContents #contents_background .con_vis dd.ter_boxmap {float:left;}
#subContents #contents_background .con_vis dd.ter_box ul {border-top:1px solid #dcdcdc; width:269px; height:110px;}
#subContents #contents_background .con_vis dd.ter_box ul:hover {background-color:#00bcd2; color:#fff;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon1_off {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon1_on {display:initial;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon2_off {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon2_on {display:initial;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon3_off {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon3_on {display:initial;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon4_off {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon4_on {display:initial;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon5_off {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon5_on {display:initial;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon6_off {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon6_on {display:initial;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon7_off {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon7_on {display:initial;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon8_off {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.map_icon8_on {display:initial;}
#subContents #contents_background .con_vis dd.ter_box ul:hover div.home_link {background:url("../img/terSiteLink_on.jpg") no-repeat;}
#subContents #contents_background .con_vis dd.ter_box ul div.map_icon1_on {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul div.map_icon2_on {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul div.map_icon3_on {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul div.map_icon4_on {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul div.map_icon5_on {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul div.map_icon6_on {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul div.map_icon7_on {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul div.map_icon8_on {display:none;}
#subContents #contents_background .con_vis dd.ter_box ul li {padding:25px; position:absolute;}
#subContents #contents_background .con_vis div.terminal_title {font-size:14px; font-weight:bold; padding-bottom:10px;}
#subContents #contents_background .con_vis div.terminal_addr {font-size:14px; line-height:19px;}
#subContents #contents_background .con_vis div.home_link {background:url("../img/terSiteLink_off.jpg") no-repeat; width:75px; height:15px; position:absolute; top:25px; left:183px;}
#subContents #contents_background .con_vis div.map_icon1_off {background:url("../img/map_icon_off.png") no-repeat; width:28px; height:39px; position:absolute; left:651px; top:575px;}
#subContents #contents_background .con_vis div.map_icon1_on {background:url("../img/map_icon_on.png") no-repeat; width:28px; height:39px; position:absolute; left:651px; top:575px;}
#subContents #contents_background .con_vis div.map_icon2_off {background:url("../img/map_icon_off.png") no-repeat; width:28px; height:39px; position:absolute; left:650px; top:171px;}
#subContents #contents_background .con_vis div.map_icon2_on {background:url("../img/map_icon_on.png") no-repeat; width:28px; height:39px; position:absolute; left:650px; top:171px;}
#subContents #contents_background .con_vis div.map_icon3_off {background:url("../img/map_icon_off.png") no-repeat; width:28px; height:39px; position:absolute; left:986px; top:292px;}
#subContents #contents_background .con_vis div.map_icon3_on {background:url("../img/map_icon_on.png") no-repeat; width:28px; height:39px; position:absolute; left:986px; top:292px;}
#subContents #contents_background .con_vis div.map_icon4_off {background:url("../img/map_icon_off.png") no-repeat; width:28px; height:39px; position:absolute; left:876px; top:121px;}
#subContents #contents_background .con_vis div.map_icon4_on {background:url("../img/map_icon_on.png") no-repeat; width:28px; height:39px; position:absolute; left:876px; top:121px;}
#subContents #contents_background .con_vis div.map_icon5_off {background:url("../img/map_icon_off.png") no-repeat; width:28px; height:39px; position:absolute; left:900px; top:29px;}
#subContents #contents_background .con_vis div.map_icon5_on {background:url("../img/map_icon_on.png") no-repeat; width:28px; height:39px; position:absolute; left:900px; top:29px;}
#subContents #contents_background .con_vis div.map_icon6_off {background:url("../img/map_icon_off.png") no-repeat; width:28px; height:39px; position:absolute; left:588px; top:-394px;}
#subContents #contents_background .con_vis div.map_icon6_on {background:url("../img/map_icon_on.png") no-repeat; width:28px; height:39px; position:absolute; left:588px; top:-394px;}
#subContents #contents_background .con_vis div.map_icon7_off {background:url("../img/map_icon_off.png") no-repeat; width:28px; height:39px; position:absolute; left:937px; top:-196px;}
#subContents #contents_background .con_vis div.map_icon7_on {background:url("../img/map_icon_on.png") no-repeat; width:28px; height:39px; position:absolute; left:937px; top:-196px;}
#subContents #contents_background .con_vis div.map_icon8_off {background:url("../img/map_icon_off.png") no-repeat; width:28px; height:39px; position:absolute; left:618px; top:-127px;}
#subContents #contents_background .con_vis div.map_icon8_on {background:url("../img/map_icon_on.png") no-repeat; width:28px; height:39px; position:absolute; left:618px; top:-127px;}

#subContents div.sol_background {background:url("../img/subSolutionBg.jpg"); height:680px; background-position:center; background-repeat:no-repeat;}
#subContents div.sol_background div.con_title {width:100%; margin:0 auto; font-family: 'Nanum Gothic'; font-size:29px; text-align:center; color:#fff; padding-top:40px; padding-bottom:30px;}
#subContents div.sol_background div.sol_circle {background:url("../img/subSolutionCircle.png"); height:554px; background-position:center; background-repeat:no-repeat;}
#subContents div.sol_background div.sol_circle .sol_logo {background:url("../img/subSolutionCircle_logo.png") no-repeat; width:143px; height:52px; margin:auto; padding-top:485px; background-position:center;}

#subContents div.sol_background div.sol_circle .bn_01 {background:url("../img/sol_bn_01.png") no-repeat; width:100%; height:117px; position:absolute; background-position:center; left:-297px; top:35px;}
#subContents div.sol_background div.sol_circle .bn_01 p {padding-left:469px; color:#fff;}
#subContents div.sol_background div.sol_circle .bn_01 p.text_01 {font-size: 14px; height:18px; padding-top:30px; font-weight:bold; color:#f5a305;}
#subContents div.sol_background div.sol_circle .bn_01 p.text_02 {font-size: 11px; color:#f4e5c9;}
#subContents div.sol_background div.sol_circle .bn_01 p.text_03 {font-size: 14px; padding-top:10px; color:#d8d8d8;}

#subContents div.sol_background div.sol_circle .bn_02 {background:url("../img/sol_bn_02.png") no-repeat; width:100%; height:117px; position:absolute; background-position:center; left:-379px; top:173px;}
#subContents div.sol_background div.sol_circle .bn_02 p {padding-left:469px; color:#fff;}
#subContents div.sol_background div.sol_circle .bn_02 p.text_01 {font-size: 14px; height:18px; padding-top:30px; font-weight:bold; color:#f5a305;}
#subContents div.sol_background div.sol_circle .bn_02 p.text_02 {font-size: 11px; color:#f4e5c9;}
#subContents div.sol_background div.sol_circle .bn_02 p.text_03 {font-size: 14px; padding-top:10px; color:#d8d8d8;}

#subContents div.sol_background div.sol_circle .bn_03 {background:url("../img/sol_bn_03.png") no-repeat; width:100%; height:117px; position:absolute; background-position:center; left:-351px; top:310px;}
#subContents div.sol_background div.sol_circle .bn_03 p {padding-left:462px; color:#fff;}
#subContents div.sol_background div.sol_circle .bn_03 p.text_01 {font-size: 14px; height:18px; padding-top:30px; font-weight:bold; color:#f5a305;}
#subContents div.sol_background div.sol_circle .bn_03 p.text_02 {font-size: 11px; color:#f4e5c9;}
#subContents div.sol_background div.sol_circle .bn_03 p.text_03 {font-size: 14px; padding-top:10px; color:#d8d8d8;}

#subContents div.sol_background div.sol_circle .bn_04 {background:url("../img/sol_bn_04.png") no-repeat; width:100%; height:117px; position:absolute; background-position:center; left:-177px; top:445px;}
#subContents div.sol_background div.sol_circle .bn_04 p {padding-left:462px; color:#fff;}
#subContents div.sol_background div.sol_circle .bn_04 p.text_01 {font-size: 14px; height:18px; padding-top:30px; font-weight:bold; color:#f5a305;}
#subContents div.sol_background div.sol_circle .bn_04 p.text_02 {font-size: 11px; color:#f4e5c9;}
#subContents div.sol_background div.sol_circle .bn_04 p.text_03 {font-size: 14px; padding-top:10px; color:#d8d8d8;}

#subContents div.sol_background div.sol_circle .bn_05 {background:url("../img/sol_bn_05.png") no-repeat; width:371px; height:117px; position:absolute; background-position:center; left:765px; top:310px}
#subContents div.sol_background div.sol_circle .bn_05 p {padding-left:121px; color:#fff;}
#subContents div.sol_background div.sol_circle .bn_05 p.text_01 {font-size: 14px; height:18px; padding-top:30px; font-weight:bold; color:#f5a305;}
#subContents div.sol_background div.sol_circle .bn_05 p.text_02 {font-size: 11px; color:#f4e5c9;}
#subContents div.sol_background div.sol_circle .bn_05 p.text_03 {font-size: 14px; padding-top:10px; color:#d8d8d8;}

#subContents div.sol_background div.sol_circle .bn_06 {background:url("../img/sol_bn_06.png") no-repeat; width:371px; height:117px; position:absolute; background-position:center; left:811px; top:173px;}
#subContents div.sol_background div.sol_circle .bn_06 p {padding-left:128px; color:#fff;}
#subContents div.sol_background div.sol_circle .bn_06 p.text_01 {font-size: 14px; height:18px; padding-top:30px; font-weight:bold; color:#f5a305;}
#subContents div.sol_background div.sol_circle .bn_06 p.text_02 {font-size: 11px; color:#f4e5c9;}
#subContents div.sol_background div.sol_circle .bn_06 p.text_03 {font-size: 14px; padding-top:10px; color:#d8d8d8;}

#subContents div.sol_background div.sol_circle .bn_07 {background:url("../img/sol_bn_07.png") no-repeat; width:371px; height:117px; position:absolute; background-position:center; left:719px; top:35px;}
#subContents div.sol_background div.sol_circle .bn_07 p {padding-left:128px; color:#fff;}
#subContents div.sol_background div.sol_circle .bn_07 p.text_01 {font-size: 14px; height:18px; padding-top:30px; font-weight:bold; color:#f5a305;}
#subContents div.sol_background div.sol_circle .bn_07 p.text_02 {font-size: 11px; color:#f4e5c9;}
#subContents div.sol_background div.sol_circle .bn_07 p.text_03 {font-size: 14px; padding-top:10px; color:#d8d8d8;}

#subContents div.sol_background div.sol_box {width:1200px; margin:0 auto; position:relative; padding-bottom:65px;}

#contents_background .contents .board {padding-left:40px; padding-right:40px; min-height:310px;}

.styled-table {border-collapse:collapse; margin:auto; font-size:14px; min-width:1110px; box-shadow:0 0 20px rgba(0, 0, 0, 0.15);}
.styled-table thead tr {background-color:#4e538d; color:#ffffff; text-align:left;}
.styled-table th {text-align:center;}
.styled-table th, .styled-table td {padding:12px 15px;}
.styled-table tbody tr {border-bottom:1px solid #dddddd;}
.styled-table tbody tr:nth-of-type(even) {background-color:#f3f3f3;}
.styled-table tbody tr:last-of-type {border-bottom:2px solid #4e538d;}
.styled-table tbody tr.active-row {font-weight:bold; color:#4e538d;}
.text_ali_center {text-align:center;}