@charset "utf-8";

/* Base Style Definition */
* {max-height: 1000000px; -webkit-text-size-adjus:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
html {position:relative; width:100%; height:100%; overflow-y:scroll}
body {position:relative; width:100%; height:100%; margin:0; padding:0; *word-break:break-all; -ms-word-break:break-all}
header, footer, section, article, figure, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, button, table, th, td, img, a {margin:0; padding:0;}
ul, ol {list-style:none;}
button {border:0 none; background:transparent; cursor:pointer; *overflow:visible}
button::-moz-focus-inner {border:0; padding:0} /* firefox fix */
header, footer, section, article, figure, form, fieldset {display:block}
hr, form, fieldset, img {border:0 none}
hr {display:none}
textarea {overflow:auto}
caption, figcaption {display:none} 
em, address {font-style:normal}
label {cursor:pointer}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* for screen reader */
:focus {outline:0 none}
a {background:none;}

/* Common */
body, h1, h2, h3, h4, h5, h6, a, button, input[type=text], input[type=tel], input[type=email], input[type=password], input[type=file], select, textarea {font:normal 12px/1 Arial,'돋움',dotum,sans-serif; color:#111;}
a {text-decoration:none;}

body {background:#f3f3f3;}
body.index {background:none;}

hr.div-line {display:block; position:relative; width:100%; height:4px; margin:50px auto 16px; background:#fff; border-top:1px solid #e6e6e6;}
hr.div-line:after {display:block; position:absolute; left:10px; top:0; width:20px; height:4px; content:"";}

p.gr-txt-container {width:620px; margin:0 auto; padding:20px; background:#f1f1f1; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; line-height:1.8;}
div.gr-txt-wrap {width:620px; margin:0 auto; padding:20px; background:#f1f1f1; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; line-height:1.8;}
div.gr-txt-wrap ul{list-style-type:disc; overflow:auto;}
div.gr-txt-wrap ul li{ position:relative; padding-left:15px;}
div.gr-txt-wrap ul li:before{position:absolute; left:0; content:"-";}

ul.gr-lis-container {width:620px; margin:0 auto; padding:20px; background:#f1f1f1; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; line-height:1.8;}
ul.gr-lis-container li {position:relative; padding-left:10px;}
ul.gr-lis-container li + li {margin-top:10px;}
ul.gr-lis-container li:before {position:absolute; left:0; content:"-";}

ul.br-lis-container {margin:0 auto; padding:0 20px; border:1px solid #e6e6e6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; line-height:1.5;}
ul.br-lis-container li {padding:20px 0;}
ul.br-lis-container li + li {border-top:1px solid #e6e6e6;}

ul.dash_list{overflow:auto; margin-top:10px;}
ul.dash_list li{position:relative; padding:0 0 0 15px; border:none;}
ul.dash_list li:before{position:absolute; left:0px; content:"-";}

ol.od-lis-container {width:658px; margin:0 auto; background:#fefff8; border:1px solid #e6e6e6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; line-height:1.5;}
ol.od-lis-container li {position:relative; padding:20px 20px 20px 50px;}
ol.od-lis-container li:before {position:absolute; left:20px; top:18px; font-size:16px; font-weight:bold; letter-spacing:2px; color:#689002; content:attr(class);}
ol.od-lis-container li:nth-child(2n-1) {background:#fff;} 
ol.od-lis-container li + li {border-top:1px solid #e6e6e6;}
ol.od-lis-container dl dt {height:30px; font-size:14px; font-weight:bold;}
ol.od-lis-container dl dd {position:relative; padding-left:15px;}
ol.od-lis-container dl dd:before {position:absolute; left:0; content:"-";}
ol.od-lis-container dl.no-hypen dd {padding-left:0;}
ol.od-lis-container dl.no-hypen dd:before {content:"";}
ol.od-lis-container dl dd + dd {margin-top:5px;}
ol.od-lis-container dl dd span {color:#3b86c7;}

figure.fl-img-container {width:658px; margin:0 auto; padding:20px 0; border:1px solid #e6e6e6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; text-align:center;}

figure.nb-img-container {width:660px; margin:0 auto; padding:20px 0; text-align:center;}

figure.gr-img-container {width:660px; margin:0 auto; padding:20px 0; background:#f9f8f6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; text-align:center;}

.mt20{margin-top:20px}

/* Header */
#header {position:relative; width:890px; height:171px; margin:0 auto; background-color:#fff; background-position:left top; background-repeat:no-repeat; z-index:1;}
#header h1 {position:absolute; width:151px; height:43px; background:url("../_img/common/h-h1-content.png") center center no-repeat;}
#header h1 a {display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden;}
#header ul.gnb > li {position:relative; float:left; padding:5px 11px 10px;}
#header ul.gnb > li:before {display:block; position:absolute; top:0; left:0; width:1px; height:16px; background:rgba(255,255,255,.5); content:"";}
#header ul.gnb > li + li {margin-left:20px;}
#header ul.gnb > li > a {display:block; height:17px; font-size:14px; font-weight:bold; color:#fff; cursor:pointer;}
#header ul.gnb div {display:none; position:absolute; top:31px; left:0; box-shadow:2px 2px 5px rgba(0,0,0,.2); background:#fff; border-width:1px; border-style:solid; padding:0 11px;}
#header ul.gnb ul {padding:9px 0;}
#header ul.gnb ul + ul {border-top:1px solid #ddd;}
#header ul.gnb ul li a {display:block; width:auto !important; min-width:100px; height:17px; padding:4px 4px 0; color:#000; background:none; transition:background-color .3s, color 1.5s; white-space:nowrap;}
#header ul.gnb ul li a:hover {transition:background-color 0s, color 0s; color:#fff;}
#header ul.unb {position:absolute;}
#header ul.unb li {position:relative; float:left;}
#header ul.unb li + li {margin-left:13px;}
#header ul.unb li:before {display:block; position:absolute; left:-8px; top:5px; width:3px; height:3px; border-radius:2px; background:rgba(255,255,255,.5); content:"";}
#header ul.unb li:first-child:before {display:none;}
#header ul.unb li a {display:block; color:#fff; overflow:visible;}
#header ul.unb li a:hover {color:#fff; text-decoration:underline;}
#g-nav {position:absolute;}

body.cnt #header h1 {right:24px; top:50px;}
body.cnt #header ul.unb {left:28px; top:21px;}
body.cnt #g-nav {left:27px; top:70px;}


/* Body */
#body {position:relative; width:890px; margin:0 auto; background:#fff; z-index:0;}
#body:after {display:block; clear:both; content:"";}
#content {float:left; width:680px; min-height:550px; height:auto !important; height:550px; padding:30px 15px 80px;}
#content header {position:relative; height:70px; border-bottom:1px solid #e6e6e6;}
#content header.h2-dbl {height:90px;}
#content header.h2-tpl {height:110px;}
#content header.h2-qul {height:150px;}
#content header.h2-img {height:180px;}
#content header.h2-charge{height:150px}
#content header.h2-fla{height:670px}
#content header:after {display:block; position:absolute; left:10px; bottom:-5px; width:20px; height:4px; content:"";}
#content header h1 {font-size:30px; font-weight:bold;}
#content header h2 {margin-top:10px; font-size:13px; font-weight:bold; line-height:1.5; color:#275fa9;}
#content header ul {position:absolute; top:-20px; right:10px;}
#content header ul li {position:relative; float:left; color:#555;}
#content header ul li:before {display:block; position:absolute; top:0; left:-10px; content:">"; color:#aaa;}
#content header ul li:first-child:before {content:"";}
#content header ul li + li {margin-left:15px;}
#content header ul li a:hover {text-decoration:underline;}
#content header.h2-charge ul.rep-info{position:relative; top:0; left:0;}
#content header.h2-charge ul.rep-info li + li{margin-left:0px;}
#content header.h2-charge ul.rep-info li:before{display:none;}
#content header.h2-charge h2{font-weight:400; line-height:1;}
#content header + * {margin-top:20px;}
#content h3 {padding:0 10px 25px; font-size:16px; font-weight:bold;}
#l-nav {float:right; width:180px;}
#l-nav h1 {height:25px; padding:30px 0 0 10px; font-size:25px; font-weight:bold;}
#l-nav h1.dbl {height:50px; padding-top:15px;}
#l-nav h2 {height:40px; padding:5px 0 0 10px; font-size:13px; font-weight:bold; border-bottom:1px solid #b1b1b1;}
#l-nav h1.dbl + h2 {height:30px;}
#l-nav li {position:relative; border-bottom:1px dashed #c5c5c5; background:#fff;}
#l-nav li.on {background-color:#f8f8f8;}
#l-nav li:before {display:block; position:absolute; top:14px; left:7px; width:6px; height:6px; background:#ccc; border-radius:2px; content:""; transition:background-color .3s;}
#l-nav li a {display:block; padding:11px 0 11px 20px; width:160px; color:#aaa; font-weight:bold; transition:color .3s; letter-spacing:-0.5px;}
#l-nav ul.depth2_lnb_list li:before{display:block; position:absolute; top:14px; left:20px; width:6px; height:2px; background:#ccc; border-radius:2px; content:""; transition:background-color .3s;}
#l-nav ul.depth2_lnb_list li a{padding:11px 0 11px 35px; width:145px;}
#l-nav ul.depth2_lnb_list li.on {background-color:#f8f8f8;}

body.non-div #content {float:none; width:860px;}
body.non-div #content header ul {right:190px;}

/* Footer */
#footer {position:relative; width:890px; height:97px; margin:0 auto; background:url("../_img/common/f-bg.png") center center no-repeat;}
#footer ul.f-unb {position:absolute; left:10px; top:10px;}
#footer ul.f-unb:after {display:block; clear:both; content:"";}
#footer ul.f-unb li {position:relative; float:left;}
#footer ul.f-unb li + li {margin-left:9px; padding-left:10px;}
#footer ul.f-unb li + li:before {position:absolute; left:0; width:1px; height:10px; background:#999; content:"";}
#footer ul.f-unb li a, #footer ul.f-unb li button {font-weight:bold; color:#888;}
#footer ul.f-unb li:nth-child(2) a {color:#f48210;}
#footer ul.address {position:absolute; left:10px; top:30px;}
#footer ul.address li {line-height:1.5; letter-spacing:1px; color:#999;}
#footer ul.address li span {color:#005599;}
#footer p {position:absolute; left:10px; top:75px; font-size:11px; letter-spacing:1px; color:#999;}
#footer img {position:absolute; right:10px; top:30px;}

/* Main */
body.index {min-width:950px;}
body.index #header {width:910px; height:110px;}
body.index #header h1 {top:50px; background-image:url("../_img/common/h-h1-index.png");}
body.index #header ul.gnb > li:before {background:rgba(0,0,0,.2);}
body.index #header ul.gnb > li > a {color:#111;}
body.index #header ul.gnb div {border-color:#555;}
body.index #header ul.gnb ul {border-color:#555;}
body.index #header ul.gnb ul li a:hover {background-color:#555;}
body.index #header ul.unb {right:0; top:21px;}
body.index #header ul.unb li:before {background:rgba(0,0,0,.5);}
body.index #header ul.unb li a {color:#555;}
body.index #header ul.unb li a:hover {color:#555;}
body.index #g-nav {left:270px; top:70px;}
body.index #body {width:910px;}
body.index #footer {width:910px; background-color:#eee; background-image:none;}
body.index #footer img {top:40px;}
body.index #family-sites {position:absolute; right:130px; top:10px; width:130px; height:20px;}
body.index #ipo-sites {position:absolute; right:10px; top:10px; height:20px;}

div.mv-container {width:910px; margin:21px 0;}
div.mv-container:after {display:block; clear:both; content:"";}
div.r-banner {float:left; width:735px; height:292px; padding:0 7px 0 23px; background:#1e3370;}
div.r-banner ul li.on {z-index:10;}
div.r-banner ul li dl {position:relative;}
div.r-banner ul li dl dt {position:relative; float:left; clear:both; width:102px; height:97px; background-position:left center; background-repeat:no-repeat; border-bottom:1px solid #48598b; text-indent:-9999px; overflow:hidden; cursor: pointer; }
div.r-banner li.bnr00 dt {display:none;}
div.r-banner li.bnr01 dt {background-image:url("../_img/main/mv-bnr-menu-01.png");}
div.r-banner li.bnr01.on dt {background-image:url("../_img/main/mv-bnr-menu-01-on.png");}
div.r-banner li.bnr02 dt {background-image:url("../_img/main/mv-bnr-menu-02.png");}
div.r-banner li.bnr02.on dt {background-image:url("../_img/main/mv-bnr-menu-02-on.png");}
div.r-banner li.bnr03 dt {background-image:url("../_img/main/mv-bnr-menu-03.png"); border-bottom: none;}
div.r-banner li.bnr03.on dt {background-image:url("../_img/main/mv-bnr-menu-03-on.png");}
div.r-banner dd {position:absolute; left:102px; top:7px;}
div.r-banner figure {width:633px; height:278px;}
div.s-banner {position:relative; float:right; width:115px; height:290px; padding:0 13px; border:1px solid #ccc;}
div.s-banner button {display:block; position:absolute; left:0; width:100%; background-color:#f1f1f1; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
div.sys_show {width:115px; height:243px; position:absolute; top:23px; overflow:hidden;}
ul.mv-btn {width:115px;}
ul.mv-btn li {width:115px; height:60px;}
ul.mv-btn li + li {border-top:1px solid #ccc;}
ul.mv-btn li a {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
ul.mv-btn li.btn01 a {background-image:url("../_img/main/mv-btn-06.png");}
ul.mv-btn li.btn02 a {background-image:url("../_img/main/mv-btn-04.png");}
ul.mv-btn li.btn03 a {background-image:url("../_img/main/mv-btn-03.png");}
ul.mv-btn li.btn04 a {background-image:url("../_img/main/mv-btn-05.jpg");}
ul.mv-btn li.btn05 a {background-image:url("../_img/main/mv-btn-08.png"); background-size:105px;}
#slidePrev {top:0; height:23px; background-image:url("../_img/main/arrow-prev.png");}
#slideNext {top:266px; height:24px; background-image:url("../_img/main/arrow-next.png");}
#iNotice {position:relative; width:490px; height:92px;}

/* Company */
body.company #header {background-image:url("../_img/common/h-bg-company.png");}
body.company #header ul.gnb div {border-color:#275fa9;}
body.company #header ul.gnb ul {border-color:#275fa9;}
body.company #header ul.gnb ul li a:hover {background-color:#275fa9;}
body.company #l-nav h1, body.company #l-nav h2 {color:#275fa9;}
body.company #l-nav li.on:before {background-color:#275fa9;}
body.company #l-nav li:hover:before {background-color:#275fa9;}
body.company #l-nav li a:hover, body.company #l-nav li.on a {color:#275fa9;}
body.company #content header:after {background-color:#275fa9;}
body.company hr.div-line:after {background-color:#275fa9;}

/* Company - Overview */
div.overview-container {position:relative; width:430px; margin:0 auto; padding-left:230px; line-height:1.8;}
div.overview-container p.slogan {height:70px; font-size:14px; font-weight:bold; line-height:1.3;}
div.overview-container p.slogan span {color:#777;}
div.overview-container figure {position:absolute; left:0; top:0;}
ul.info-list {width:660px; margin:80px auto 0; border-width:2px 0; border-style:solid; border-color:#e6e6e6; line-height:1.5;}
ul.info-list li + li {border-top:1px solid #e6e6e6;}
ul.info-list li > dl {padding:10px 30px;}
ul.info-list li > dl:after {display:block; clear:both; content:"";}
ul.info-list li > dl > dt {float:left; width:120px;}
ul.info-list li > dl > dd {float:left; width:460px;}
ul.info-list li > dl > dd dl:after {display:block; clear:both; content:"";}
ul.info-list li > dl > dd dl + dl {margin-top:10px;}
ul.info-list li > dl > dd dl dt {float:left; width:80px;}
ul.info-list li > dl > dd dl dd {position:relative; float:left; width:370px; padding-left:10px;}
ul.info-list li > dl > dd dl dd:before {display:block; position:absolute; left:0; content:":";}

/* Company - CEO Message */
div.ceo-container {position:relative; /*width:440px; padding-left:210px;*/ width:650px; margin:0 auto; line-height:1.8;}
div.ceo-container p + p {margin-top:40px; text-align:right;}
div.ceo-container figure.signature {margin-top:20px; text-align:right;}
div.ceo-container figure.photo {position:absolute; left:0; top:0;}

/* Company - CI */
div.ci-container {position:relative; width:440px; margin:0 auto; padding-left:220px; line-height:1.8;}
div.ci-container figure {position:absolute; left:30px; top:0;}
div.ci-container:last-child {height:124px;}
div.ci-download {width:660px; margin:50px auto 0; text-align:right; font-size:0;}
div.ci-download a {display:inline-block; width:150px; padding:15px 0; background:#fff; border:1px solid #275fa9; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; color:#275fa9; font-size:12px; font-weight:bold; letter-spacing:2px; text-align:center; transition:background .3s; color .3s;}
div.ci-download a:hover {background:#275fa9; color:#fff;}
div.ci-download a + a {margin-left:10px;}

/* Company - History */
.history_tb{width:100%; word-break:keep-all;}
.history_tb tbody tr{display:block; line-height:1.5em; border-bottom:dotted 1px #ccc;}
.history_tb tbody tr:last-child{border-bottom:none;}
.history_tb tbody th,.history_tb tbody td{padding:3px;}
.history_tb tbody th.history_year{color:rgb(35, 96, 151); width:40px; font-weight:400;}
.history_tb tbody th.history_month{color:rgb(35, 96, 151); width:30px; font-weight:400;}
.history_tb tbody td.history_txt{width:auto;}

/* Company - Location */
div.location-container {width:660px; margin:0 auto; padding:20px 0; border:1px solid #ddd; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; line-height:1.5;}
div.location-container + div.location-container {margin-top:10px;}
div.location-container dl {width:580px; margin:0 auto;}
div.location-container dl + dl {margin-top:20px; padding-top:20px; border-top:1px solid #e6e6e6;}
div.location-container > dl > dt {font-size:14px; font-weight:bold; color:#cd3507; letter-spacing:1px;}
div.location-container dl dd {position:relative; margin-top:8px; padding-left:10px;}
div.location-container dl dd:before {position:absolute; left:0; content:"▪";}
div.location-container dl dd.dash, div.location-container dl dd.dash a {color:#792c2c;}
div.location-container dl dd.dash:before {position:absolute; left:0; content:"-";}
div.location-container dl dd span {margin-left:15px;}
div.location-container dl.loca_detail_list{overflow:auto;}
div.location-container dl dt.loca_detail_dt{float:left; font-size:12px; color:#000; width:45px;}
div.location-container dl dd.loca_detail_dd{float:left; margin-top:0px; padding-left:0px;}
div.location-container dl dd.loca_detail_dd:before{content:none;}
div.location-container dl dt.loca_detail_dt .line_navy{color:rgb(0, 0, 204); font-weight:700; margin-left:5px;}
div.location-container dl dt.loca_detail_dt .line_green{color:rgb(51, 153, 0); font-weight:700; margin-left:5px;}

/* Company - Affiliates */
div.affiliates-container {position:relative; width:650px; margin:0 auto; height:680px; padding-left:10px;}
div.affiliates-container > dl > dt {float:left; width:178px; height:60px; border:1px solid #ddd; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; text-align:center; line-height:60px; cursor:pointer;}
div.affiliates-container > dl > dt img {max-width:140px; max-height:30px; vertical-align:middle;}
div.affiliates-container > dl + dl > dt {margin-left:150px;}
div.affiliates-container > dl > dd {display:none; position:absolute; left:0; top:120px; width:480px; padding-left:180px; line-height:1.8;}
div.affiliates-container > dl.on > dd {display:block;}
div.affiliates-container > dl > dd p:first-child {font-size:16px; font-weight:bold; line-height:1.3; color:#275fa9;}
div.affiliates-container > dl > dd p + p {margin-top:20px;}
div.affiliates-container > dl > dd figure {position:absolute; left:0; top:0; width:160px; text-align:center;}
div.affiliates-container ul {margin-top:30px; border-width:2px 0; border-style:solid; border-color:#e6e6e6; line-height:1.5;}
div.affiliates-container ul li + li {border-top:1px solid #e6e6e6;}
div.affiliates-container ul li dl {padding:10px 20px;}
div.affiliates-container ul li dl:after {display:block; clear:both; content:"";}
div.affiliates-container ul li dl dt {float:left; width:90px;}
div.affiliates-container ul li dl dd {float:left; width:350px;}

/* Business */
body.business #header {background-image:url("../_img/common/h-bg-business.png");}
body.business #header ul.gnb div {border-color: #038ab9;}
body.business #header ul.gnb ul {border-color:#038ab9;}
body.business #header ul.gnb ul li a:hover {background-color:#038ab9;}
body.business #l-nav h1, body.business #l-nav h2 {color:#038ab9;}
body.business #l-nav li.on:before {background-color:#038ab9;}
body.business #l-nav li:hover:before {background-color:#038ab9;}
body.business #l-nav li a:hover, body.business #l-nav li.on a {color:#038ab9;}
body.business #content header:after {background-color:#038ab9;}
body.business hr.div-line:after {background-color:#038ab9;}

/* Service */
body.service #header {background-image:url("../_img/common/h-bg-service.png");}
body.service #header ul.gnb div {border-color:#a93328;}
body.service #header ul.gnb ul {border-color:#a93328;}
body.service #header ul.gnb ul li a:hover {background-color:#a93328;}
body.service #l-nav h1, body.service #l-nav h2 {color:#a93328;}
body.service #l-nav li.on:before {background-color:#a93328;}
body.service #l-nav li:hover:before {background-color:#a93328;}
body.service #l-nav li:hover:before {background-color:#a93328;}
body.service #l-nav li a:hover, body.service #l-nav li.on a {color:#a93328;}
body.service #content header:after {background-color:#a93328;}
body.service hr.div-line:after {background-color:#a93328;}

ul.feature {width:618px;}
ul.feature dl:after {display:block; clear:both; content:"";}
ul.feature dl dt {display:table-cell; padding:0 10px; vertical-align:middle;}
ul.feature dl dd {display:table-cell; padding:0 15px; vertical-align:middle;}
ul.feature dl dd span {font-weight:bold; color:#a93328;}
ul.box-type {width:618px;}
ul.box-type li + li {border-top:1px dotted #e6e6e6;}
ul.box-type dl:after {display:block; clear:both; content:"";}
ul.box-type dl dt {float:left; width:94px; height:56px; margin-right:5px; line-height:0;}
ul.box-type dl dd {display:table-cell; width:489px; height:56px; padding:0 15px; background:#f9f8f6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; vertical-align:middle;}
ul.box-type dl dd span {font-weight:bold; color:#a93328;}
ul.rep-info {width:618px; margin:30px auto 0; padding:5px 20px; background:#f6f6f6; border:1px solid #ebebeb; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
ul.rep-info:after {display:block; clear:both; content:"";}
ul.rep-info li {position:relative; float:left; width:309px; padding:5px 0;}
ul.rep-info li.sgl {width:100%;}
ul.rep-info dl {font-size:13px;}
ul.rep-info dl:after {display:block; clear:both; content:"";}
ul.rep-info dl dt {position:relative; float:left; padding:0 5px 0 10px;}
ul.rep-info dl dt:before {position:absolute; left:0; content:"▪";}
ul.rep-info dl dd {position:relative; float:left; padding-left:10px; font-weight:bold; letter-spacing:1px;}
ul.rep-info dl dd:before {position:absolute; left:0; content:":";}

/* Service - Trademark Renwal */
div.tm-renewal {position:relative; width:380px; height:200px;  margin:0 auto; padding-left:280px; line-height:1.8;}
div.tm-renewal p{padding-top:60px;}
div.tm-renewal figure {position:absolute; left:0; top:0;}

/* Service - IT Service */
.manual_dt{text-align:center;}
.manual_dt a{display:block; margin-top:20px;}
ul.it_service_list li + li{border:none;}

/* Service - Marksearch */
div.marksearch {position:relative; width:400px; height:253px;  margin:0 auto; padding-left:260px; line-height:1.8;}
div.marksearch p:first-child {padding-top:10px; font-size:14px; font-weight:bold; color:#a93328;}
div.marksearch p:nth-child(2) {margin-top:20px;}
div.marksearch figure {position:absolute; left:0; top:50%; margin-top:-60px;}
p.marksearch-customer {padding-left:10px; line-height:2;}
.manual_btn_wrap{margin-top:20px;}
.marksearch_img_kr{width:237px;}

ul.marksearch_info_list{margin-top:20px;}
.marksearch_info_list p{padding-top:10px;}
.marksearch_info_list p.info_title{padding-top:0px; font-weight:700;}
.marksearch_info_list img{max-width:100%; max-width:588px; margin-top:15px;}
.keyword_tb{border-collapse:collapse; border-spacing:0; text-align:center; margin-top:15px;}
.keyword_tb thead{background:#e2e2e2;}
.keyword_tb th,.keyword_tb td{border:solid 1px #666; padding:5px; font-weight:400;}
.keyword_tb thead th:first-child{width:90px;}
.keyword_tb .refer_th{background:#FFCED3;}
.keyword_tb .refer_td{text-align:left;}

div.marksearch-mobile{position:relative; width:500px; height:230px;  margin:0 auto; padding-left:160px; line-height:1.8;}
div.marksearch-mobile p:first-child {padding-top:10px; font-size:14px; font-weight:bold; color:#a93328;}
div.marksearch-mobile p:nth-child(2) {margin-top:20px;}
div.marksearch-mobile figure {position:absolute; left:0; top:0;}
div.mobile-detail-view{width: 618px; margin: 0 auto; margin-top:20px;  padding: 20px; border: 1px solid #e6e6e6; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; line-height: 1.5;}
div.mobile-detail-view img{max-width:100%;}

/* Service - Saegis */
p.saegis-txt {padding-left:10px; font-size:14px; font-weight:bold; color:#a93328;}
p.saegis-txt + p {margin-top:20px; padding:0 10px; line-height:1.8;}

ol.od-lis-container dl.net {padding-right:80px; background:url("../_img/service/net-pretech-img.png") right center no-repeat;}

/* Service - MP Direct */
div.mp-direct {position:relative; width:390px; height:226px;  margin:0 auto; padding-left:270px; line-height:1.8;}
div.mp-direct p:first-child {padding-top:10px; font-size:14px; font-weight:bold; color:#a93328;}
div.mp-direct p:first-child span {padding-left:40px;}
div.mp-direct p:nth-child(2) {margin-top:20px;}
div.mp-direct p:nth-child(2) span {font-weight:bold; color:#a93328;}
div.mp-direct figure {position:absolute; left:0; top:0;}

/* Service - ETTMS*/
div.ettms {position:relative; width:370px; height:253px;  margin:0 auto; padding-left:290px; line-height:1.8;}
div.ettms p:first-child {padding-top:10px; font-size:14px; font-weight:bold; color:#a93328;}
div.ettms p:nth-child(2) {margin-top:20px;}
div.ettms figure {position:absolute; left:0; top:50%; margin-top:-130px;}
div.ettms figure img{width:270px;}

/* News */
body.news #header {background-image:url("../_img/common/h-bg-news.png");}
body.news #header ul.gnb div {border-color:#980385;}
body.news #header ul.gnb ul {border-color:#980385;}
body.news #header ul.gnb ul li a:hover {background-color:#980385;}
body.news #l-nav h1, body.news #l-nav h2 {color:#980385;}
body.news #l-nav li.on:before {background-color:#980385;}
body.news #l-nav li:hover:before {background-color:#980385;}
body.news #l-nav li a:hover, body.news #l-nav li.on a {color:#980385;}
body.news #content header:after {background-color:#980385;}
body.news hr.div-line:after {background-color:#980385;}
.boardPage td table tbody tr td span{padding:0px 1px;}
.boardPage td table tbody tr td a{padding:0px 1px;}
#Table2{display:none}

.boardv a{line-height:1.5em;}
.boardPage td table{margin-bottom:20px;}
.boardPage td table tbody tr td a{width:20px; height:20px; line-height:18px; display:inline-block; text-align:center; box-sizing: border-box; border:solid 1px #fff; font-weight:700;}
.boardPage td table tbody tr td a:hover{color:rgba(152, 3, 133, 1)!important}
.boardPage td table tbody tr td span{width:20px; height:20px; line-height:18px; display:inline-block; text-align:center; box-sizing: border-box; border:solid 1px #aaa; font-weight:700; color:rgba(152, 3, 133, 1)}

/* News - Awards */
dl.awards-cert {width:678px; background:url("../_img/news/awards-bg-cert.png") repeat-x; background-size:contain; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
dl.awards-cert:after {display:block; clear:both; content:"";}
dl.awards-cert + dl.awards-cert {margin-top:20px;}
dl.awards-cert dt {float:left; width:170px; height:100px; padding:20px 0; line-height:100px; text-align:center;}
dl.awards-cert dd {position:relative; float:left; width:478px; padding:20px 15px; line-height:100px;}
dl.awards-cert dd:before {display:block; position:absolute; left:0; top:20px; width:1px; height:100px; background:#ccc; content:"";}
dl.awards-cert dd p{line-height:1.5em; font-size:11px;}
dl.awards-cert dd p + p{margin-top:10px;}
dl.awards-cert dd p:first-child{color:#a93328; font-weight:700; font-size:12px;}
dl.awards-cert img {vertical-align:middle;}
ul.awards {margin-top:50px;}
ul.awards dl:after {display:block; clear:both; content:"";}
ul.awards dl dt {display:table-cell; width:150px; text-align:center; vertical-align:middle;}
ul.awards dl dd {display:table-cell; position:relative; height:35px; padding-left:15px; vertical-align:middle;}
ul.awards dl dd:before {display:block; position:absolute; left:0; top:0; width:1px; height:35px; background:#e6e6e6; content:"";}

/* News - news & event */
td.boardTitle{padding:5px;}
td.boardComments{padding:5px;}
a.boardComments{padding:5px; line-height:1.3em; display:inline-block;}
td.boarddate{padding:5px;}
a.boardTitle:link{font-size:11pt; color:#220025; text-decoration:none; text-align:left; font-weight:bold}
a.boardTitle:visited { font-size:11pt; color:#220025; text-decoration:none;text-align:left;font-weight:bold}
a.boardTitle:hover {  font-size:11pt; color:#220025; text-decoration:underline;text-align:left;font-weight:bold}
a.boardsTitle:link{font-size:10pt; color:#414141; text-decoration:none; text-align:left; font-weight:bold}
a.boardsTitle:visited { font-size:10pt; color:#414141; text-decoration:none;text-align:left;font-weight:bold}
a.boardsTitle:hover {  font-size:10pt; color:#414141; text-decoration:underline;text-align:left;font-weight:bold}
a.boardsComment:link{font-size:9pt; color:#666666; text-decoration:none; text-align:left;}
a.boardsComment:visited { font-size:9pt;  color:#666666; text-decoration:none;text-align:left;}
a.boardsComment:hover {  font-size:9pt; color:#666666; text-decoration:underline;text-align:left;}
.boarddate{font-size:8.5pt; text-align:right; color:Gray;}
.boardrow{height:20px;border-bottom-style: solid;border-bottom-color: #CCCCCC;border-bottom-width: 1px;}
.board{border-left-color:White;border-right-color:White;border-top-color:White;border-bottom-style: solid;border-bottom-color: #92a254;border-bottom-width: 2px;}
.boardv{border-left-color:White;border-right-color:White;border-top-color:White;border-bottom-style: solid;border-bottom-color: #8b288c;border-bottom-width: 2px;}
.menuTitle{font-weight:bold;}
.menuTitle #lblTitle{max-width:600px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* Recruit */
body.recruit #header {background-image:url("../_img/common/h-bg-recruit.png");}
body.recruit #header ul.gnb div {border-color:#7db002;}
body.recruit #header ul.gnb ul {border-color:#7db002;}
body.recruit #header ul.gnb ul li a:hover {background-color:#7db002;}
body.recruit #l-nav h1, body.recruit #l-nav h2 {color:#7db002;}
body.recruit #l-nav li.on:before {background-color:#7db002;}
body.recruit #l-nav li:hover:before {background-color:#7db002;}
body.recruit #l-nav li a:hover, body.recruit #l-nav li.on a {color:#7db002;}
body.recruit #content header:after {background-color:#7db002;}
body.recruit hr.div-line:after {background-color:#7db002;}

/* Recruit - Information */
p.rcr-txt {padding:0 20px; font-size:13px;}
table.rcr-tbl {width:640px; margin:20px auto 0; border-width:2px 0; border-style:solid; border-color:#e6e6e6; border-collapse:collapse; table-layout:fixed; line-height:1.5;}
table.rcr-tbl th, table.rcr-tbl td {padding:10px; border-bottom:1px solid #e6e6e6;}
table.rcr-tbl tr:last-child th, table.rcr-tbl tr:last-child td {border:0 none;}
table.rcr-tbl th {background:#f9f9f9; text-align:left;}

.recruit_process_list{overflow:auto;}
ol.od-lis-container .recruit_process_list li{float:left; padding:10px; text-align:center; margin-right:20px; border:none; background:none;}
ol.od-lis-container .recruit_process_list li:after{position:absolute; right:-20px; top:40%; content:url("../_img/recruit/process_arrow.png");}
ol.od-lis-container .recruit_process_list li:last-child:after{display:none;}
ol.od-lis-container .recruit_process_list p{font-weight:700; }

.recruit_benefit_list{display:inline-block;}
ol.od-lis-container .recruit_benefit_list li{float:left; padding:10px; text-align:center; border:none; background:none; width:calc(33.3% - 20px); height:145px;}
ol.od-lis-container .recruit_benefit_list li:nth-child(4){width:calc(25% - 10px); padding:10px 5px;}
ol.od-lis-container .recruit_benefit_list li:nth-child(5){width:calc(25% - 10px); padding:10px 5px;}
ol.od-lis-container .recruit_benefit_list li:nth-child(6){width:calc(25% - 10px); padding:10px 5px;}
ol.od-lis-container .recruit_benefit_list li:nth-child(7){width:calc(25% - 10px); padding:10px 5px;}
ol.od-lis-container .recruit_benefit_list .benefit_title{font-weight:700; margin-bottom:17px}
body.recruit .od-lis-container dd a{color:#005599;}

a.toLinked:link { font-size:9pt; text-decoration:none;expression(this.onFocus=this.blur())}
a.toLinked:visited { font-size:9pt; text-decoration:none;}
a.toLinked:hover {  font-size:9pt; text-decoration:underline;}

#lblEmail:hover{color:blue;}
#lblComment{line-height:1.5em;}

/* Sitemap */
ul.sitemap {width:840px; margin:0 auto;}
ul.sitemap:after {display:block; clear:both; content:"";}
ul.sitemap li {float:left; width:160px;}
ul.sitemap li + li {margin-left:10px;}
ul.sitemap dt {width:150px; height:27px; padding:15px 0 0 10px; font-weight:bold; color:#fff; background-position:-625px -40px; background-repeat:no-repeat;}
ul.sitemap li:first-child dt {background-image:url("../_img/common/h-bg-company.png");}
ul.sitemap li:nth-child(2) dt {background-image:url("../_img/common/h-bg-business.png");}
ul.sitemap li:nth-child(3) dt {background-image:url("../_img/common/h-bg-service.png");}
ul.sitemap li:nth-child(4) dt {background-image:url("../_img/common/h-bg-news.png");}
ul.sitemap li:nth-child(5) dt {background-image:url("../_img/common/h-bg-recruit.png");}
ul.sitemap dd {padding:10px; border-bottom:1px solid #e6e6e6;}
ul.sitemap dd a {font-size:11px; letter-spacing:-1.2px;}

/* Disclaimer */
p.dis-txt-container {width:800px; margin:0 auto; padding:20px; background:#f1f1f1; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; line-height:1.8;}

/* Popup */
body.popup #pop_content{padding:10px;}
body.popup #pop_content h3{font-size:18px; font-weight:700; padding:20px; border-bottom:solid 1px #ccc; margin-bottom:20px}
body.popup #pop_content h3 span{color:#900;}
body.popup #pop_content p{line-height:1.8em; margin-bottom:10px;}
body.popup #pop_content .close_pop{ text-align:right;}

/* Layer Popup */
.layerPop {width:100%; height:100%; background:rgba(0,0,0,0.65); position:fixed; top:0; left:0; z-index:1; zoom:1; display:none;}
.layerPop .inform-layer{width: 450px; max-height: 500px; position: absolute; top: 50%; left: 50%; margin-left: -225px; margin-top: -250px; background: #fff; padding: 40px; border-radius: 5px; font-family:"맑은 고딕", "Malgun Gothic", Tahoma, sans-serif}
.layerPop .btn-popup-close{text-align: center; width: 48px; height: 48px; position: absolute; right: -24px; top: -24px;}
.layerPop .btn-popup-close .btn-close{width: 100%; height:100%; background: url("../_img/popup/btnCancel.png") no-repeat; display: block; cursor: pointer;}
.layerPop .blind{display: block; overflow: hidden; position: absolute; top: 0; left: -1000em;}
.layerPop .inform-box{overflow:hidden; padding:15px; border:solid 1px #dee5f0; border-radius:0 5px 5px 5px; text-align:center; font-size:14px;}
.layerPop .inform-header{padding-top:15px}
.layerPop .inform-header h2{font-size:20px; padding:30px 0; font-weight:bold;}
.layerPop .inform-header img{width:130px;}
.layerPop .inform-body{line-height:1.5em; padding:20px 0px;}
.layerPop .inform-date{color: #091662; font-weight: bold;}




/* 20201228 Main Banner renewal */


#mv-banner-btn {width: 100%; height: 400px; background-image: url("../_img/main/mv-new-bnr-img-01.png"); margin-top: 20px; padding-top: 278px; box-sizing:border-box; font-size:0; text-align:center; }
#mv-banner-btn a + a { margin-left:17px; }