@charset "utf-8";

@import url(reset.css);
@import url(webfont.normal.css);
@import url(jquery-ui.min.css);
@import url(jquery-ui.theme.min.css);


body {
}

/** header **/
#header {width:100%; height:76px; background:url('../images/common/header_bg.gif') 0 0 repeat-x; position:relative;}
.header-wrap {width:1280px; height:76px; margin: 0 auto; position:relative;}
#header .logo {position:absolute; top:14px; left:68px;  z-index:30;}
#header .logo a {display:block; width:81px; height:52px; background:url('../images/common/h1_logo.png') no-repeat 50%; text-indent:-9999px;}

/** GNB **/
.gnb {width:100%; text-align:center; position:absolute; top:0; left:0; z-index:10;}
.gnb ul {display:inline-block; padding-right:120px;}
.gnb > ul > li {padding:0 15px; margin-top:30px; height:46px;}
.gnb > ul > li >a {display:inline-block;font-size:18px; font-weight:700; color:#000000;}
.gnb li {float:left;}
.gnb > ul > li:hover {cursor:pointer;}
.gnb > ul > li:hover > a {color:#ed0029;}
.gnb > ul > li.on > a {color:#ed0029;}
.gnb .depth2 {position:absolute; top:76px; left:0px; width:100%; height:50px; text-align:center; background-color:#fff; border-bottom:1px solid #999999; display:none; z-index:30;}
.gnb > ul > li:hover .depth2 { display:block;}

.gnb .depth2 ul > li {margin:0 15px; padding:16px 5px 0; height:34px;}
.gnb .depth2 ul > li a {font-size:15px; font-weight:700; color:#000000;}
.gnb .depth2 ul > li:hover {border-bottom:2px solid #000000; height:33px; cursor:pointer;}
.gnb .depth2 ul > li:hover  > a {color:#ed0029;}
.gnb .depth2 ul > li.on {border-bottom:2px solid #000000; height:34px; cursor:pointer;}
.gnb .depth2 ul > li.on  > a {color:#ed0029;}

.aside { position:absolute; right:0; top:30px;  z-index:20;}
.aside ul li {float:left;}
.aside ul li a { background-image:url('../images/common/sp_gnb.png'); background-repeat:no-repeat;  text-indent:-9999px; display:block;}
.aside .g_notice a{height:18px; width:16px; background-position:0px 0px;}
.aside .g_down a{margin-left:17px; height:19px; width:19px; background-position:-33px 0px;}
.aside .g_menu a{margin-left:17px; height:20px; width:16px; background-position:-72px 0px;}
.aside .g_notice a:hover, .aside .g_notice.selected a{background-position:0px -18px;}
.aside .g_down a:hover, .aside .g_down.selected a{background-position:-33px -18px;}
.aside .g_menu a:hover, .aside .g_menu.selected a{background-position:-72px -18px;}
.aside ul li.g_open {padding-right:20px; margin-right:20px;  background:url('../images/common/sp_open_line.png') no-repeat right 50%;}
.aside ul li.g_open a{font-size:14px; line-height:20px; color:#000000;  text-indent:0px; padding-left:29px; background:url('../images/common/sp_open_off.png') no-repeat 0 0; }
.aside ul li.g_open:hover a, .aside ul li.g_openselected a{font-size:14px; color:#ea002c; background:url('../images/common/sp_open_on.png') no-repeat 0 0;}

.userinfo { margin-right:15px; }
.userinfo strong { display:inline-block; line-height:20px;  font-size:14px; color:#000; font-weight:bold; background:url('../images/common/user_male2-20.png') no-repeat 0 50%; padding-left:26px; vertical-align:middle; }
.userinfo span { display:inline-block; line-height:20px; font-size:13px; color:#999; margin-left:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100px; vertical-align:middle; }

.sitemap {width: 100%; background-color: #fff; display: inline-block;  top: 76px; z-index: 998;  position: absolute; display: none;}
.sitemap li a:hover{color:#ea002c ! important;}
.sitemap .inner {width: 1278px; height:500px; margin: 0 auto; background-color: #fff; position: relative; border-bottom:1px solid #e4e4e4;  border-left:1px solid #e4e4e4;  border-right:1px solid #e4e4e4;}
.sitemap .close  {width: 16px; height: 16px; display: inline-block; background: url(../images/common/ico_close.png) no-repeat 0 50%; position: absolute; right: 40px; top: 20px;}
.sitemap .sitem1 {margin-left:120px; float:left;}
.sitemap .sitem1 li {width:175px; height:73px;  border-bottom:2px solid #1d1d1d; margin-bottom:25px;}
.sitemap .sitem1 li a {font-size:20px; color:#222222; font-weight:700; margin-top:35px; display:inline-block; padding:0 10px;}

.sitemap .sitem2 {margin-left:60px; float:left;}
.sitemap .sitem2 > li {width:175px; height:73px;  border-bottom:2px solid #1d1d1d;}
.sitemap .sitem2 > li > a {font-size:20px; color:#222222; font-weight:700; margin-top:35px; display:inline-block; margin-bottom:15px; padding:0 10px;}
.sitemap .sitem2 > li > ul {border-bottom:1px solid #d9d9d9; width:100%; height:100px;}
.sitemap .sitem2 > li > ul > li a{font-size:16px; color:#222222; font-weight:700; padding:20px 10px 0px; display:inline-block;}

.sitemap .sitem3 {margin-left:60px; float:left;}
.sitemap .sitem3 > li{width:564px; height:73px;  border-bottom:2px solid #1d1d1d;}
.sitemap .sitem3 > li > a {font-size:20px; color:#222222; font-weight:700; margin-top:35px; display:inline-block; margin-bottom:15px; padding:0 10px;}
.sitemap .sitem3 > li > ul {display:inline-block;}
.sitemap .sitem3 > li > ul > li {float:left;width:174px;  height:194px; border-bottom:1px solid #d9d9d9;  }
.sitemap .sitem3 > li > ul > li > a{font-size:16px; color:#222222; font-weight:700;  padding:20px 10px 0px; display:inline-block;}
.sitemap .sitem3 > li > ul > li > ul {margin-top:10px;}
.sitemap .sitem3 > li > ul > li > ul > li{padding:0 10px;}
.sitemap .sitem3 > li > ul > li > ul > li > a{font-size:14px; color:#666666; line-height:22px;}
.sitemap a:hover {color:#ea002c;}

.container {width:100%;}
.container.ceo {background:url('../images/sub/ceo_bg.png') repeat-x 0 bottom;}


.content {width:1220px; margin: 0 auto; position:relative;}
.content.main {width:1280px; height:750px;  margin: 0 auto; position:relative; overflow:hidden; }
.content.main .inner {width:2000px; position:absolute; left:0;}


/** main **/
.main .cont {width:426px; height:750px; float:left; display:inline-block; position:relative; overflow:hidden;}
.main .cont:last-child {width:427px; float:left;}
.main .cont .title_off {height:100%; display:block; }
.main .cont .title_on {height:100%; display:none;}
.main .cont.on .title_off { display:none;}
.main .cont.on .title_on { display:block;}
.main  #item01 {border-right:1px solid #fff;}
.main  #item02 {border-right:1px solid #fff;}
.main  #item01 .title_off {background:url('../images/main/visual01_bg.png') repeat-x 0 0; position:relative;  padding-top:205px; }
.main  #item01 .title_on {background:url('../images/main/visual01_bg.png') repeat-x 0 0; position:relative;  }
.main  #item02 .title_off {background:url('../images/main/visual02_bg.png') repeat-x 0 0;  position:relative;  padding-top:205px;}
.main  #item02 .title_on {background:url('../images/main/visual02_bg.png') repeat-x 0 0; position:relative;  }
.main  #item03 .title_off {background:url('../images/main/visual03_bg.png') repeat-x 0 0;  position:relative;  padding-top:205px;}
.main  #item03 .title_on {background:url('../images/main/visual03_bg.png') repeat-x 0 0; position:relative;  }

.main  #item01 .title_off h3{color:#fff; font-size:28px; text-align:center; background:url('../images/main/ico_open.png') no-repeat 50% 0; padding-top:70px;}
.main  #item01 .title_off .desc{color:#4d4e6a; font-size:16px; line-height:25px; text-align:center; padding-top:25px;}

.main  #item01 .title_on img {position:absolute; top:100px; left:64px;}
.main  #item01 .title_on p{font-size:44px; color:#fff; line-height:48px; position:absolute; top:170px; left:62px; width:500px;}
.main  #item01 .title_on p strong{font-size:37px; color:#ea002c;}

.main  #item01 .title_on .btnOpen {width:97px; font-size:18px; color:#ffffff; font-weight:700; line-height:26px; position:absolute; top:390px; left:62px; text-align:center;
                                   background:url('../images/main/btnOpen.png') no-repeat 0 0; padding-top:114px;}
.main  #item01 .title_on .btnOpen:hover {background:url('../images/main/btnOpen_on.png') no-repeat 0 0;}
.main  #item02 .title_off h3{color:#fff; font-size:28px; text-align:center; background:url('../images/main/ico_ceo.png') no-repeat 50% 0; padding-top:70px;}
.main  #item02 .title_off .desc{color:#d1456a; font-size:16px; line-height:25px; text-align:center; padding-top:25px;}
.main  #item02 .title_on h3{font-size:37px; color:#fff; position:absolute; top:170px; left:60px; width:500px;}
.main  #item02 .title_on .desc{font-size:28px; color:#df7994; position:absolute;  top:230px; left:60px;  width:500px;}
.main  #item02 .title_on ul {position:absolute;  top:230px; left:40px; top:343px; width:540px;}
.main  #item02 .title_on ul li {float:left;}
.main  #item02 .title_on ul li a{  width:130px;padding-top:75px; text-align:center; color:#fff; font-size:16px; font-weight:700; display:inline-block;}
.main  #item02 .title_on ul li a:hover {color:#fff;}
.main  #item02 .title_on ul li.ceo01 a { background:url('../images/main/ico_ceo01_off.png') no-repeat 50% 0; }
.main  #item02 .title_on ul li.ceo01 a:hover {background:url('../images/main/ico_ceo01_on.png') no-repeat 50% 0; }
.main  #item02 .title_on ul li.ceo02 a { background:url('../images/main/ico_ceo02_off.png') no-repeat 50% 0; }
.main  #item02 .title_on ul li.ceo02 a:hover {background:url('../images/main/ico_ceo02_on.png') no-repeat 50% 0; }
.main  #item02 .title_on ul li.ceo03 a { background:url('../images/main/ico_ceo03_off.png') no-repeat 50% 0; }
.main  #item02 .title_on ul li.ceo03 a:hover {background:url('../images/main/ico_ceo03_on.png') no-repeat 50% 0; }
.main  #item02 .title_on ul li.ceo04 a { background:url('../images/main/ico_ceo04_off.png') no-repeat 50% 0; }
.main  #item02 .title_on ul li.ceo04 a:hover {background:url('../images/main/ico_ceo04_on.png') no-repeat 50% 0; }


.main  #item03 .title_off h3{color:#fff; font-size:28px; text-align:center; background:url('../images/main/ico_pro.png') no-repeat 50% 0; padding-top:70px;}
.main  #item03 .title_off .desc{color:#f49b57; font-size:16px; line-height:25px; text-align:center; padding-top:25px;}

.main  #item03 .title_on h3{font-size:37px; color:#000000; position:absolute; top:170px; left:60px; width:500px;}
.main  #item03 .title_on .desc{font-size:28px; color:#ffffff; position:absolute;  top:230px; left:60px;  width:500px;}
.main  #item03 .title_on ul{position:absolute; left:60px;}
.main  #item03 .title_on ul.item01{top:340px}
.main  #item03 .title_on ul.item02{top:475px; width:540px;}
.main  #item03 .title_on ul li {float:left;}
.main  #item03 .title_on ul li a{  width:95px;padding-top:75px; text-align:center; color:#fff; font-size:16px; font-weight:700; display:inline-block;}
.main  #item03 .title_on ul li a:hover{color:#ffffff;}
.main  #item03 .title_on ul li.pro01 a { background:url('../images/main/ico_pro01_off.png') no-repeat 50% 0; }
.main  #item03 .title_on ul li.pro01 a:hover {background:url('../images/main/ico_pro01_on.png') no-repeat 50% 0; }
.main  #item03 .title_on ul li.pro02 a { background:url('../images/main/ico_pro02_off.png') no-repeat 50% 0; }
.main  #item03 .title_on ul li.pro02 a:hover {background:url('../images/main/ico_pro02_on.png') no-repeat 50% 0; }
.main  #item03 .title_on ul li.pro03 a { background:url('../images/main/ico_pro03_off.png') no-repeat 50% 0; }
.main  #item03 .title_on ul li.pro03 a:hover {background:url('../images/main/ico_pro03_on.png') no-repeat 50% 0; }
.main  #item03 .title_on ul li.pro04 a { background:url('../images/main/ico_pro04_off.png') no-repeat 50% 0; }
.main  #item03 .title_on ul li.pro04 a:hover {background:url('../images/main/ico_pro04_on.png') no-repeat 50% 0; }
.main  #item03 .title_on ul li.pro05 a { background:url('../images/main/ico_pro05_off.png') no-repeat 50% 0; }
.main  #item03 .title_on ul li.pro05 a:hover {background:url('../images/main/ico_pro05_on.png') no-repeat 50% 0; }
.main  #item03 .title_on ul li.pro06 a { background:url('../images/main/ico_pro06_off.png') no-repeat 50% 0; }
.main  #item03 .title_on ul li.pro06 a:hover {background:url('../images/main/ico_pro06_on.png') no-repeat 50% 0; }




.titArea {padding-top:40px; padding-bottom:30px;}
.titArea h2 {font-size:35px; font-weight:700; text-align:center;}
.titArea .desc {font-size:16px;text-align:center; margin-top:15px;}
.titArea.notice {background:url('../images/sub/title_bg.png') no-repeat 0 0;}

.conTit {width:1220px; height:305px; text-align:center; color:#fff; margin-bottom:20px;}
.conTit h3 {font-size:35px; font-weight:700; color:#fff; padding-top:100px;}
.conTit .sTit {font-size:16px; color:#fff; line-height:26px; margin-top:20px;}
.conTit .sTitVop {font-size:16px; color:#fff; line-height:26px; margin-top:20px; margin-left:303px; text-align: left;}
/**.conTit .btn {background-color:#d0112b; margin-top:35px;}**/

.t-finance01 {background:url('../images/sub/title_finance01.jpg') no-repeat 0 0;}
.t-finance02 {background:url('../images/sub/title_finance02.jpg') no-repeat 0 0;}
.t-finance03 {background:url('../images/sub/title_finance03.jpg') no-repeat 0 0;}
.t-finance04{background:url('../images/sub/title_finance04.png') no-repeat 0 0;}
.t-technology01 {background:url('../images/sub/title_technology01.jpg') no-repeat 0 0;}
.t-technology02 {background:url('../images/sub/title_technology02.jpg') no-repeat 0 0;}
.t-technology02 h3 {padding-top:70px;}
.t-technology03 {background:url('../images/sub/title_technology03.jpg') no-repeat 0 0;}
.t-technology03 h3 {padding-top:75px;}
.t-technology04 {background:url('../images/sub/title_technology04.jpg') no-repeat 0 0;}
.t-technology05 {background:url('../images/sub/title_technology05.jpg') no-repeat 0 0;}
.t-technology05 h3 {padding-top:75px;}
.t-technology06 {background:url('../images/sub/title_technology06.jpg') no-repeat 0 0;}
.t-technology06 h3 {padding-top:75px;}

.t-management01{background:url('../images/sub/title_management01.jpg') no-repeat 0 0;}
.t-management01 h3 {padding-top:70px;}
.t-management02{background:url('../images/sub/title_management02.jpg') no-repeat 0 0;}
.t-management03{background:url('../images/sub/title_management03.jpg') no-repeat 0 0;}
.t-management04{background:url('../images/sub/title_management04.jpg') no-repeat 0 0;}
.t-management05{background:url('../images/sub/title_management05.jpg') no-repeat 0 0;}

.t-communication01 {background:url('../images/sub/title_communication01.jpg') no-repeat 0 0;}
.t-communication02 {background:url('../images/sub/title_communication02.jpg') no-repeat 0 0;}
.t-communication03 {background:url('../images/sub/title_communication03.jpg') no-repeat 0 0;}
.t-communication03 h3 {padding-top:75px;}
.t-education01 {background:url('../images/sub/title_education01.jpg') no-repeat 0 0;}
.t-education02 {background:url('../images/sub/title_education02.jpg') no-repeat 0 0;}
.t-education03 {background:url('../images/sub/title_education03.jpg') no-repeat 0 0;}
.t-education04 {background:url('../images/sub/title_education04.jpg') no-repeat 0 0;}
.t-education05 {background:url('../images/sub/title_education05.jpg') no-repeat 0 0;}


/*.conSec a {color:#ed0029; text-decoration:underline;}*/
.conSec .btnl {margin-left:0px;}
.conSec h5 {font-size:18px; font-weight:700;color:#444444;}
.conSec .right dl {width:100%; background:#fff url('../images/common/line01.png') repeat-x 0 bottom; display:inline-block; padding-bottom:30px; margin-bottom:20px;}
.conSec .right dl.l-none { background:none;}
.right dl dt {font-size:18px; font-weight:700; width:210px; float:left; color:#444444;}
.right dl dd {float:left;}

.right dl dt.point { background:#fff url('../images/common/ico_point.png') no-repeat 45px 0px; padding:130px 0px 30px 60px; width:170px; }
.right dl dt.school { background:#fff url('../images/common/ico_school.png') no-repeat 45px 0px; padding:130px 0px 30px 60px; width:170px; }
.right dl dt.gift { background:#fff url('../images/common/ico_gift.png') no-repeat 45px 0px; padding:130px 0px 20px 60px; width:170px; }

.b_line {background:#fff url('../images/common/line01.png') repeat-x 0 bottom;}

/** CEO 인사말 **/
.ceo-msg {line-height:26px; padding-top:30px; width:100%; padding-bottom:50px; }
.ceo-msg {line-height:26px; padding-top:30px; width:100%;}
.ceo-msg .bTit {font-size:40px; line-height:55px; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #ccc;}
.ceo-msg .bTit strong {font-weight:700; }
.ceo-msg .msg-big {font-size:16px; font-weight:700;}
.ceo-msg .tx_ceo {height:350px; padding-left:620px; padding-top:120px; margin-top:70px; font-size:15px; }

.ceo-msg-txt { display:flex;align-items: flex-start; background: url(../images/sub/map.png) no-repeat 0px 100%; background-size:460px auto; }
.ceo-msg-txt dt { width:45%; color: #000; font-size: 32px; font-weight: 700; line-height: normal; position: relative; padding-bottom:40px;}
.ceo-msg-txt dt::after { content:""; position:absolute; left:0; bottom:0; width:50px; height:5px; background:#000; }
.ceo-msg-txt dd { width:55%; color: #000; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; }
.ceo-msg-txt dd strong { color: #000; font-size: 32px; font-weight: 700;}

.conSec {color:#222; margin-top:30px; padding:30px 0px;  position:relative; display:inline-block; background:url('../images/sub/cont_line.png') no-repeat 0 0;}
.conSec.bline{border-bottom:1px solid #aeaeae;}

.conSec .left {width:320px; float:left; font-size:16px;}
.conSec .right {width:900px; float:right; line-height:26px; font-size:16px;}
.conSec .left > h4 {font-size:24px; color:#111; font-weight:700;}

.in-conSec {width:100%; position:relative; padding:30px 0px 50px;  border-bottom:1px solid #aeaeae;}
.in-conSec.bnone {border:none;}
.in-conSec > h4 {width:100%;  font-size:20px; color:#111111; font-weight:700; text-align:center; background:url('../images/sub/h4_bg.png') no-repeat 0 50%;}
.in-conSec .t_note {height:40px; line-height:40px; display:inline-block; font-size:16px; text-align:center; background:url('../images/common/ico_note.png') no-repeat 0 50%; padding-left:50px; color:#222222;}
.in-conSec .t_note a { text-decoration:underline;}

.corp {width:800px; background:url('../images/common/ico_corp.png') no-repeat 50% 0; display:inline-block; position:relative; margin-left:-50px; margin-top:20px;
       font-size:20px; font-weight:700; color:#000000; text-align:center; padding-top:68px;}
.corp  strong {color:#b50c29; font-weight:700;}
.direction {width:800px; height:410px; background:url('../images/sub/direction_bg.png') no-repeat 0 0; display:inline-block; position:relative; margin-left:-50px;margin-top:20px;}
.direction .tit {font-size:20px; font-weight:700; color:#000000; width:100%; text-align:center; position:absolute; top:80px;}
.direction .tit strong {color:#b50c29; font-weight:700;}
.direction ul li.step1{position:absolute; left:80px; top:198px;}
.direction ul li.step2{position:absolute; left:80px; top:271px;}
.direction ul li.step3{position:absolute; left:80px; top:345px;}
.direction ul li.step4{position:absolute; left:590px; top:294px; width:140px; text-align:center; font-size:18px; color:#222222;font-weight:bold; }
.direction dl { background:none ! important;}
.conSec .right .direction dl dt {font-size:16px; color:#666666; font-weight:bold; width:160px; float:left; padding-top:5px;}
.conSec .right .direction dl dd {font-size:18px; color:#222222; font-weight:bold; width:320px; text-align:center; float:left; padding-top:18px;}
.strategy {width:800px; height:545px; background:url('../images/sub/strategy_bg.png') no-repeat 0 0; display:inline-block; position:relative; margin-left:-50px;margin-top:20px;}
.strategy .tit {font-size:20px; font-weight:700; color:#000000; width:100%; text-align:center; position:absolute; top:90px;}
.strategy .tit strong {color:#b50c29; font-weight:700;}
.strategy > ul > li {font-size:18px; color:#b50c29; font-weight:700; text-align:center;}
.strategy > ul > li span {font-size:13px; color:#000000; font-weight:normal;}
.strategy .flow { position:absolute; top:260px; left:45px;}
.strategy .flow li{float:left; width:178px;}
.strategy .flow .d-list {font-size:14px; text-align:left; color:#222; line-height:22px; margin-top:55px; margin-left:30px;}
.stitL {font-size:14px; text-align:right; position:absolute; top:500px; right:505px;line-height:22px; }
.stitR {font-size:14px; text-align:left; position:absolute; top:500px; left:505px;line-height:22px; }
.stitL strong, .stitR strong {font-size:16px; color:#000000; font-weight:700;}

.Topenlab-flow {width:906px; height:195px;  background:#fff url('../images/sub/TopenLab_bg.png') no-repeat 0 0; position:relative; display:inline-block; margin:0px 0 0 -140px;}
.Topenlab-flow .tit {font-size:20px; font-weight:700;color:#444444; text-align:center; position:absolute; left:30px; top:75px;}
.Topenlab-flow .flow li{font-size:16px; font-weight:700;color:#444444; letter-spacing:-0.5px;  text-align:center; position:absolute; top:133px;}
.Topenlab-flow .flow span {font-size:14px; font-weight:normal;}
.Topenlab-flow .flow li.step1 {top:133px; left:295px;}
.Topenlab-flow .flow li.step2 {top:133px; left:444px;}
.Topenlab-flow .flow li.step3 {top:133px; left:613px;}
.Topenlab-flow .flow li.step4 {top:133px; left:745px;}

.Topenlab-support { display:inline-block; padding:45px 0 0 0;}
.Topenlab-support dl {width:305px;  float:left;}
.Topenlab-support dl dt {font-size:18px; font-weight:700; text-align:center; padding:80px 0 25px 0;}
.Topenlab-support dl dd {height:120px; font-size:14px; line-height:24px;  text-align:center; color:#222222; border-right:1px solid #e0e0e0;}
.Topenlab-support dl:last-child dd{ border:none;}
.Topenlab-support dl dd .fs14_g {line-height:18px;}
.Topenlab-support .technology {background:url('../images/common/ico_technology.png') no-repeat 50% 0;}
.Topenlab-support .development {background:url('../images/common/ico_development.png') no-repeat 50% 0;}
.Topenlab-support .api {background:url('../images/common/ico_api.png') no-repeat 50% 0;}
.Topenlab-support .community {background:url('../images/common/ico_community.png') no-repeat 50% 0;}

.ipr-support { display:inline-block; padding:45px 0 0 0;}
.ipr-support dl {width:405px; height:300px; float:left; border-right:1px solid #e0e0e0;}
.ipr-support dl:last-child{ border:none;}
.ipr-support dl dt {font-size:18px; font-weight:700; text-align:center; padding:100px 0 10px 0;}
.ipr-support dl dd {font-size:14px; line-height:24px;  text-align:center; color:#222222;}
.ipr-support .item01 {background:url('../images/common/ico_ipr01.png') no-repeat 50% 10px;}
.ipr-support .item02 {background:url('../images/common/ico_ipr02.png') no-repeat 50% 10px;}
.ipr-support .flow01 { background:#fff url('../images/sub/ipr_flow01.png') no-repeat 50% 0; width:320px;  height:120px; display:inline-block; margin-top:25px; position:relative;}
.ipr-support .flow01 li {font-size:14px; color:#444444; position:absolute; line-height:20px;}
.ipr-support .flow01 li.step1{top:70px; left:10px;}
.ipr-support .flow01 li.step2{top:70px; left:175px;}
.ipr-support .item03 {background:url('../images/common/ico_ipr03.png') no-repeat 50% 10px;}
.ipr-support .flow02 { background:#fff url('../images/sub/ipr_flow02.png') no-repeat 50% 0; width:320px;  height:120px; display:inline-block; margin-top:25px; position:relative;}
.ipr-support .flow02 li {font-size:14px; color:#444444; position:absolute; line-height:20px;}
.ipr-support .flow02 li.step1{top:70px; left:10px;}
.ipr-support .flow02 li.step2{top:70px; left:195px;}

.tech-flow {margin-left:-65px; width:712px; height:195px; background:#fff url('../images/sub/market_flow.png') no-repeat 0 0; position:relative; display:inline-block;}
.tech-flow .tit {font-size:16px; font-weight:700;color:#444444; text-align:center; position:absolute; left:630px; top:130px;}
.tech-flow .flow li{width:117px; font-size:16px; font-weight:700;color:#444444; letter-spacing:-0.5px;  text-align:center; position:absolute; top:130px;}
.tech-flow .flow li.step1 {left:53px;}
.tech-flow .flow li.step2 {left:205px;}
.tech-flow .flow li.step3 {left:350px;}

.tech-support { display:inline-block; padding:45px 0 0 0;}
.tech-support dl {width:305px; float:left;}
.tech-support dl dt {font-size:18px; font-weight:700; text-align:center; padding:80px 0 25px 0;}
.tech-support dl dd {height:75px; font-size:14px; line-height:24px;  text-align:center; color:#222222; border-right:1px solid #e0e0e0;}
.tech-support dl:last-child dd{ border:none;}
.tech-support .control {background:url('../images/common/ico_control.png') no-repeat 50% 0;}
.tech-support .case {background:url('../images/common/ico_case.png') no-repeat 50% 0;}
.tech-support .write {background:url('../images/common/ico_write.png') no-repeat 50% 0;}
.tech-support .org {background:url('../images/common/ico_org.png') no-repeat 50% 0;}
.tech-support a{ text-decoration:underline;}

.Tdev_flow {width:660px; height:180px; background:#fff url('../images/sub/Tdevelopers_flow.png') no-repeat 0 0; position:relative; display:inline-block; margin-top:40px;}
.Tdev_flow li {font-size:16px; font-weight:700; line-height:22px; color:#444444; text-align:center; position:absolute; top:135px}
.Tdev_flow li.step1{left:0px;}
.Tdev_flow li.step2{left:236px;}
.Tdev_flow li.step3{left:465px;}



.keep_flow {width:900px; height:200px; background:#fff url('../images/sub/keep_flow.png') no-repeat 0 0; position:relative; display:inline-block;}
.keep_flow li {font-size:16px; font-weight:700; line-height:22px; color:#444444; text-align:center; position:absolute; top:135px}
.keep_flow li.step1{left:13px;}
.keep_flow li.step2{left:179px;}
.keep_flow li.step3{left:404px;}
.keep_flow li.step4{left:599px;}
.keep_flow li.step5{left:780px;}

.finance_flow {margin-left:-45px; width:700px; height:210px; background:#fff url('../images/sub/finance_flow.png') no-repeat 23px 0; position:relative; display:inline-block;}
.finance_flow li {font-size:16px; font-weight:700;color:#444444; letter-spacing:-0.5px;  text-align:center; position:absolute; top:140px;}
.finance_flow li.step1 {left:15px;}
.finance_flow li.step2 {left:235px;}
.finance_flow li.step3 {left:480px;}
.finance_flow li p {font-size:16px;color:#444444; font-weight:700;}
.finance_flow li span {font-size:14px; color:#444444; font-weight:normal; line-height:22px; display:inline-block;}
.finance_step {width:1142px; height:250px; background:#fff url('../images/sub/finance_flow02.png') no-repeat 0 10px;  position:relative; display:inline-block; margin:30px 0 0 80px;}
.finance_step li { position:absolute; text-align:center; color:#444444; }
.finance_step li.step1{font-size:15px; font-weight:700; width:120px; left:0px; top:115px;}
.finance_step li.step2{font-size:15px; font-weight:700; width:120px; left:233px; top:125px;}
.finance_step li.step3{font-size:15px; font-weight:700; width:120px; left:464px; top:115px;}
.finance_step li.step4{font-size:15px; font-weight:700; width:120px; left:700px; top:115px;}
.finance_step li.step5{font-size:15px; font-weight:700; width:120px; left:932px; top:115px;}
.finance_step li.flow1 {font-size:14px; top:100px; left:142px;}
.finance_step li.flow2 {font-size:14px; top:75px; left:376px;}
.finance_step li.flow3 {font-size:14px; top:90px; left:617px;}
.finance_step li.flow4 {font-size:14px; top:75px; left:844px;}
.finance_step li.flow5 {font-size:14px; top:148px; left:844px;}
.finance_step li.flow6 {font-size:14px; top:148px; left:605px;}
.finance_step li.flow7 {font-size:14px; top:148px; left:380px;}
.finance_step li.flow8 {font-size:14px; top:230px; left:347px;}
.finance_step .desc {position:absolute; left:783px; top:5px; font-size:13px; letter-spacing:-1px; color:#666666;}
.finance_step .desc span {font-size:14px;}


.case_flow {width:700px; height:210px; background:#fff url('../images/sub/casePG_flow.png') no-repeat 0 0; position:relative; display:inline-block;}
.case_flow li {font-size:16px; font-weight:700;color:#444444; letter-spacing:-0.5px;  text-align:center; position:absolute; top:140px;}
.case_flow li.step1 {left:46px;}
.case_flow li.step2 {left:210px;}
.case_flow li.step3 {left:487px;}
.case_flow li p {font-size:16px;color:#444444; font-weight:700;}
.case_flow li span {font-size:13px; color:#444444; font-weight:normal; line-height:20px; display:inline-block;}

.WinC_flow {width:700px; height:210px; background:#fff url('../images/sub/winC_flow.png') no-repeat 0 0; position:relative; display:inline-block;}
.WinC_flow li {font-size:16px; font-weight:700;color:#444444; letter-spacing:-0.5px;  text-align:center; position:absolute; top:140px;}
.WinC_flow li.step1 {left:10px;}
.WinC_flow li.step2 {left:198px;}
.WinC_flow li.step3 {left:470px;}
.WinC_flow li p {font-size:16px;color:#444444; font-weight:700;}
.WinC_flow li span {font-size:13px; color:#444444; font-weight:normal; line-height:20px; display:inline-block;}

.Tidea_flow {width:879px; height:225px; background:#fff url('../images/sub/Tidea_flow.png') no-repeat 0 0; position:relative; display:inline-block; margin-left:10px;}
.Tidea_flow li {width:120px; font-size:16px; font-weight:700;color:#222222; letter-spacing:-0.5px;  text-align:center; position:absolute; top:135px; line-height:18px;}
.Tidea_flow li.step1 {left:0px;}
.Tidea_flow li.step2 {left:190px;}
.Tidea_flow li.step3 {left:380px;}
.Tidea_flow li.step4 {left:570px;}
.Tidea_flow li.step5 {left:760px;}

.consulting_flow{width:860px; height:204px; background:#fff url('../images/sub/consulting_flow.png') no-repeat 0 0; position:relative; display:inline-block; margin-left:-100px;}
.consulting_flow li {font-size:16px; font-weight:700;color:#444444; letter-spacing:-0.5px;  text-align:center; position:absolute; top:135px; line-height:22px;}
.consulting_flow li.step1 {left:5px;}
.consulting_flow li.step2 {left:250px;}
.consulting_flow li.step3 {left:495px;}
.consulting_flow li.step4 {left:727px;}
.consulting_flow li span {font-size:14px; color:#444444; font-weight:normal; line-height:20px; display:inline-block;}

.shareback_flow {width:790px; height:180px; background:#fff url('../images/sub/shareback_flow.png') no-repeat 0 0; position:relative; display:inline-block; }
.shareback_flow li {font-size:16px; font-weight:700;color:#444444; letter-spacing:-0.5px;  text-align:center; position:absolute; top:135px; line-height:22px;}
.shareback_flow li.step1 {left:42px;}
.shareback_flow li.step2 {left:225px;}
.shareback_flow li.step3 {left:476px;}
.shareback_flow li.step4 {left:674px;}
.shareback_flow li span {font-size:14px; color:#444444; font-weight:normal; line-height:20px; display:inline-block;}

.foreign_flow {width:700px; height:170px; background:#fff url('../images/sub/foreign_flow.png') no-repeat 30px 0; position:relative; display:inline-block; margin-top:30px;}
.foreign_flow li {font-size:14px; font-weight:700;color:#444444; letter-spacing:-0.5px;  text-align:center; position:absolute; top:105px; line-height:20px;}
.foreign_flow li.step1 {left:10px;}
.foreign_flow li.step2 {left:194px;}
.foreign_flow li.step3 {left:396px;}
.foreign_flow li.step4 {left:553px;}

.action_flow {width:844px; height:600px; background:#fff url('../images/sub/action_flow.png') no-repeat 0px 0; position:relative; display:inline-block; margin:60px 0 60px 60px;}
.action_flow ul {margin-left:150px;}
.action_flow ul li { padding:18px 0 69px}
.action_flow p {font-size:18px; color:#222222; font-weight:700; line-height:30px;}
.action_flow span {font-size:14px; color:#000000; line-height:22px; display:inline-block;}

.vop_flow {width:970px; height:280px; background:#fff url('../images/sub/vop_flow.png') no-repeat 0px 0; position:relative; display:inline-block; margin-left:-180px; margin-top:65px;}
.vop_flow li {font-size:16px; font-weight:700;color:#444444; letter-spacing:-0.5px;  text-align:center; position:absolute; top:140px; line-height:22px;}
.vop_flow li span {font-size:13px; font-weight:normal; color:#444444; line-height:20px; display:inline-block;}
.vop_flow li.step1 {left:18px;}
.vop_flow li.step2 {left:178px;}
.vop_flow li.step3 {left:430px;}
.vop_flow li.step4 {left:591px;}
.vop_flow li.step5 {left:793px;}
.vop_flow li.flow1 {top:238px; left:175px; font-size:14px; color:#b50c29; font-weight:700;}
.vop_flow li.flow2 {top:238px; left:460px; font-size:14px; color:#b50c29; font-weight:700;}
.vop_flow li.flow3 {top:238px; left:850px; font-size:14px; color:#b50c29; font-weight:700;}

.tech_flow {width:900px; height:285px; background:#fff url('../images/sub/tech_flow.png') no-repeat 0px 0; position:relative; display:inline-block; margin-top:40px;}
.tech_flow li {font-size:14px; font-weight:700;color:#444444; letter-spacing:-0.5px;  text-align:center; position:absolute;line-height:22px; width:120px;}
.tech_flow li span {font-weight:normal;}
.tech_flow li.step1 {top:28px; left:0px;}
.tech_flow li.step2 {top:28px; left:195px;}
.tech_flow li.step3 {top:28px; left:386px;}
.tech_flow li.step4 {top:28px; left:586px;}
.tech_flow li.step5 {top:28px; left:779px;}
.tech_flow li.step6 {top:203px; left:779px;}
.tech_flow li.step7 {top:203px; left:586px;}
.tech_flow li.step8 {top:203px; left:386px;}
.tech_flow li.step9 {top:203px; left:195px;}
.tech_flow li.step10 {top:203px; left:0px;}

.dl_type01 { display:inline-block; padding:45px 0 0 0;}
.dl_type01 dl {width:609px; height:115px; float:left; border-right:1px solid #e0e0e0; background-repeat:no-repeat; background-position:110px 10px;}
.dl_type01.item3 dl{width:405px;height:130px;  background-position:12px 10px; background-repeat:no-repeat; }
.dl_type01 dl:last-child{ border:none;}
.dl_type01 dl.intimacy {background-image:url('../images/common/ico_intimacy.png');}
.dl_type01 dl.needs {background-image:url('../images/common/ico_needs.png');}
.dl_type01 dl.graph {background-image:url('../images/common/ico_graph.png');}
.dl_type01 dl.case {background-image:url('../images/common/ico_case.png');}
.dl_type01 dl.tech {background-image:url('../images/common/ico_technology02.png');}
.dl_type01 dl.erp {background-image:url('../images/common/ico_erp.png');}
.dl_type01 dl.user {background-image:url('../images/common/ico_user02.png');}
.dl_type01 dl.money {background-image:url('../images/common/ico_money02.png');}
.dl_type01 dl.support {background-image:url('../images/common/ico_support.png');}
.dl_type01 dl.target {background-image:url('../images/common/ico_target02.png');  background-position:70px 0px; height:195px; }
.dl_type01 dl.call {background-image:url('../images/common/ico_call.png');  background-position:70px 0px;height:195px; }

.dl_type01 dl dt {font-size:18px; font-weight:700; padding:10px 0 10px 230px;}
.dl_type01 dl dd {padding-left:230px;}
.dl_type01 dl.intimacy dt {padding:30px 0 10px 210px;}
.dl_type01 dl.graph dt {padding:10px 0 10px 210px;}
.dl_type01 dl.graph dd {padding-left:210px;}
.dl_type01 dl.money dt {padding:20px 0 10px 210px; line-height:26px;}
.dl_type01 dl.support dt {padding:20px 0 10px 230px; line-height:26px;}

.dl_type01.item3 dl.erp {background-position:40px 10px;}
.dl_type01.item3 dl.erp dt, .dl_type01.item3 dl.erp dd{padding-left:135px;}
.dl_type01.item3 dl.user {background-position:40px 10px;}
.dl_type01.item3 dl.user dt, .dl_type01.item3 dl.user dd{padding-left:120px;}
.dl_type01.item3 dl dt {font-size:18px; font-weight:700; padding:10px 0 10px 95px;}
.dl_type01.item3 dl dd {padding-left:95px;}
.dl_type01 .d-list li {line-height:22px;}
.dl_type01.bnone dl{ background:none; padding:0;}
.dl_type01.bnone dl dt{padding:0;}
.dl_type01.bnone dl dd{padding:0;}

.dl_type02 { display:inline-block; padding:45px 0 0 0;}
.dl_type02 dl {width:304px; height:110px; float:left; border-right:1px solid #e0e0e0;}
.dl_type02 dl:last-child{ border:none;}
.dl_type02 dl dt {font-size:16px; font-weight:700; line-height:22px; padding:30px 0 10px 120px;}
.dl_type02 dl.target {background:url('../images/common/ico_target.png') no-repeat 30px 50%;}
.dl_type02 dl.target dt {padding:20px 0 10px 104px;}
.dl_type02 dl.calendar {background:url('../images/common/ico_calendar.png') no-repeat 40px 50%;}
.dl_type02 dl.control {background:url('../images/common/ico_control.png') no-repeat 40px 50%;}
.dl_type02 dl.education{background:url('../images/common/ico_education.png') no-repeat 40px 50%;}

.dl_type03 { display:inline-block; }
.dl_type03 dl {width:380px ! important; float:left; background:none ; padding:0px; margin:0px ! important;}
.dl_type03 dl.w300 {width:230px ! important; }
.dl_type03 dl dt {font-size:16px; font-weight:700; padding:5px 0px;}
.dl_type03 dl dd {font-size:14px; clear:both; line-height:24px; color:#444;}
.dl_type03 dl.scale{background:url('../images/common/ico_scale.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.date{background:url('../images/common/ico_date02.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.user{background:url('../images/common/ico_user.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.money{background:url('../images/common/ico_money.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.write{background:url('../images/common/ico_write02.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.interest{background:url('../images/common/ico_interest.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.mobile{background:url('../images/common/ico_mobile.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.tech{background:url('../images/common/ico_tech.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.model{background:url('../images/common/ico_model.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.marketing{background:url('../images/common/ico_marketing.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.content{background:url('../images/common/ico_content.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.etc{background:url('../images/common/ico_etc.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.business{background:url('../images/common/ico_business.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.up{background:url('../images/common/ico_up.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.time{background:url('../images/common/ico_time.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.tree{background:url('../images/common/ico_tree.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.gift{background:url('../images/common/ico_gift02.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.software{background:url('../images/common/ico_software.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.data{background:url('../images/common/ico_data.png') no-repeat 0 0 ! important; padding-left:70px;}

.dl_type03 dl.icon01 {background:url('../images/sub/new_icon04.png') no-repeat 0 0 ! important; padding-left:70px;}
.dl_type03 dl.icon02 {background:url('../images/sub/new_icon05.png') no-repeat 0 0 ! important; padding-left:70px;}

.t_style { position:relative;}
.t_style thead td {height:45px; line-height:45px; font-size:18px; color:#444444; font-weight:bold; text-align:center; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.t_style thead td:last-child {border-right:0px solid #fff;}
.t_style thead td:first-child {border-right:0px solid #fff;}
.t_style thead td strong {color:#dd324d;  font-weight:bold; }
.t_style tbody td {height:65px; line-height:65px; font-size:14px; color:#444444;text-align:center;background:#fff url('../images/common/line01.png') repeat-x 0 bottom;}
.t_style tbody td strong {font-size:14px color:#444444;  font-weight:bold; }
.t_style tbody tr::last-child td { background:none;}
.t_style tbody td.l-line {border-left:1px solid #e0e0e0;}
.rToBe { width:150px; height:100px; border-radius:78px; padding-top:50px;
         background-color:#fff; border:1px solid #dd324d; position:absolute; left:573px; top:65px; font-size:20px; color:#dd324d; text-align:center;}
.rToBe strong{ font-weight:700;}

.t_style tbody td .s-money01 { display:inline-block; text-align:left; height:65px; line-height:65px; font-size:14px; color:#444444; font-weight:bold; padding-left:98px; background:url('../images/common/ico_s-money01.png') no-repeat 43px 50% ! important; }
.t_style tbody td .s-money02 { display:inline-block; text-align:left; height:65px; line-height:65px; font-size:14px; color:#444444; font-weight:bold; padding-left:98px; background:url('../images/common/ico_s-money02.png') no-repeat 43px 50% ! important; }
.t_style tbody td .s-money03 { display:inline-block; text-align:left; height:65px; line-height:65px; font-size:14px; color:#444444; font-weight:bold; padding-left:98px; background:url('../images/common/ico_s-money03.png') no-repeat 43px 50% ! important; }

.i_date {width:335px; height:55px; float:left;  background:url('../images/common/ico_date.png') no-repeat 0 0; padding-left:70px;}
.i_notice {width:335px; height:55px; float:left;  background:url('../images/common/ico_notice.png') no-repeat 0 0; padding-left:70px;}

.fs14_g {font-size:14px; color:#999999; line-height:22px;}
.fs16_r {font-size:16px; color:#b50c29; line-height:22px; font-weight:bold;}
.d-list li {line-height:22px;}
.dot-list {font-size:14px; color:#444444;}
.dot-list .tit {font-weight:700;}
.dot-list .sdot {background:#fff url('../images/common/dot01.png') no-repeat 0 50%; padding-left:8px; margin-left:10px;}
a.a-link { text-decoration:underline;}


.exp {background:#fff url('../images/common/ico_exp.png') no-repeat 76px 35px; clear:both; padding:30px 0px 20px 138px;}
.exp ul li {font-size:14px; color:#666666; line-height:24px;}
.exp ul li strong{ font-weight:bold; margin-right:10px; }

.right > .exp {padding-left:110px; background:#fff url('../images/common/ico_exp.png') no-repeat 46px 35px;}
.edu_flow {margin-left:-30px; width:670px; height:220px; background:#fff url('../images/sub/edu_flow.png') no-repeat 20px 0; position:relative; display:inline-block;}
.edu_flow li{position:absolute; top:140px; text-align:center;}
.edu_flow li.step1 {left:0px;}
.edu_flow li.step2 {left:230px;}
.edu_flow li.step3 {left:490px;}
.edu_flow02 {margin-top:45px; width:541px; height:130px; background:#fff url('../images/sub/edu_flow02.png') no-repeat 0 0; position:relative; display:inline-block;}
.edu_flow02 li{width:90px; position:absolute; top:107px; text-align:center; color:#444444; font-size:16px; font-weight:700;}
.edu_flow02 li.step1 {left:0px;}
.edu_flow02 li.step2 {left:150px;}
.edu_flow02 li.step3 {left:300px;}
.edu_flow02 li.step4 {left:450px; color:#be4157;}

.p_sitemap {margin:60px 0px 100px;}
.p_sitemap > ul {width:100%; display:inline-block;}
.p_sitemap > ul > li {width:203px; height:370px; padding:0 20px; float:left; border-right:1px solid #e0e0e0;}
.p_sitemap > ul > li.pro01{background: url('../images/common/ico_pro01.png') no-repeat 50% 0;}
.p_sitemap > ul > li.pro02{background: url('../images/common/ico_pro02.png') no-repeat 50% 0;}
.p_sitemap > ul > li.pro03{background: url('../images/common/ico_pro03.png') no-repeat 50% 0;}
.p_sitemap > ul > li.pro04{background: url('../images/common/ico_pro04.png') no-repeat 50% 0;}
.p_sitemap > ul > li.pro05{background: url('../images/common/ico_pro05.png') no-repeat 50% 0;}
.p_sitemap > ul > li:last-child { border:0px;}
.p_sitemap > ul > li p {padding-top:75px; margin-bottom:25px; text-align:center; font-size:20px; font-weight:700; color:#111111;}
.p_sitemap > ul > li > ul li {height:41px; line-height:41px; padding:0 10px; background:#fff url('../images/common/line01.png') repeat-x 0 bottom;}
.p_sitemap > ul > li > ul li:last-child { background:none;}
.p_sitemap > ul > li > ul li a {font-size:15px; color:#666666; font-weight:700; width:100%; display:inline-block; background: url('../images/common/arrow_off.png') no-repeat right 50%;}
.p_sitemap > ul > li > ul li a:hover {color:#ea002c; background: url('../images/common/arrow_on.png') no-repeat right 50%;}

.board-search {width:100%; height:57px; position:relative;}
.board-search .total {padding-top:25px;}
.board-search .searchbox { position:absolute; right:0px; top:0px;}
.board-search .searchbox select {height:42px; width:90px; padding-left:10px; margin-right:10px;  float:left;}
.board-search .searchbox input[type='text'] {height:42px; width:200px;  float:left;}

.searchbox .search-Btn {width:42px; height:42px; background-color:#444444; display:inline-block; float:left; background:#444444 url('../images/common/icon_search.png') no-repeat 50% 50%; text-indent:-9999px;}
.searchbox .search-Btn:hover{ background-color:#4e4e4e}

.total {font-size:16px; color:#222222; font-weight:700;}
.total em {color:#d0112b; font-weight:700;}

 /* 텝 디자인 수정 */
.tabs {
	height:50px;
	border-bottom:1px solid #000;
	margin-top:15px;
	margin-bottom:45px;
}
.tabs li {
	float:left;
	width:203px;
}
.tabs li a {
	display:block;
	line-height:49px;
	padding:0 25px;
	border-top:1px solid #c5c5c5;
	border-right:1px solid #c5c5c5;
	background:#fff;
	font-size:16px;
	font-weight:bold;
	color:#a6a6a6;
	text-align:center
}
.tabs li:first-child a {
	border-left:1px solid #c5c5c5;
}
.tabs li a:hover {
	color:#000;
}
.tabs li.tabs_on a {
	line-height:48px;
	color:#000;
	border-top:3px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
.tabs.item2 li {	width:50%; }
.tabs.item3 li {	width:33.33%; }
.tabs.item4 li {	width:25%; }
.tabs.item5 li {	width:20%; }


.subtab {width:100%; display:inline-block; margin:30px 0 10px; text-align:center; }
.subtab li {width:609px; height:80px; border-right:1px solid #e4e4e4; float:left; text-align:center;}
.subtab.st2 li { float:none; display:inline-block; }
.subtab li:last-child { border:0px;}
.subtab li a {font-size:20px; font-weight:700; line-height:80px; color:#999999;  padding-left:65px; display:inline-block;}
.subtab li a.tab1 {background:#fff url('../images/sub/stab01_off.png') no-repeat left 50%;}
.subtab li a.tab2 {background:#fff url('../images/sub/stab02_off.png') no-repeat left 50%;}
.subtab li:hover a.tab1, .subtab li.tabs_on a.tab1 {background:#fff url('../images/sub/stab01_on.png') no-repeat left 50%; color:#111111;}
.subtab li:hover a.tab2, .subtab li.tabs_on a.tab2 {background:#fff url('../images/sub/stab02_on.png') no-repeat left 50%; color:#111111;}

.subtab li a.tab1.icon1 {background:#fff url('../images/sub/tab_icon01s.png') no-repeat left 50%; padding-left:75px;}
.subtab li a.tab2.icon2 {background:#fff url('../images/sub/tab_icon02s.png') no-repeat left 50%;}
.subtab li:hover a.tab1.icon1, .subtab li.tabs_on a.tab1.icon1 {background:#fff url('../images/sub/tab_icon01s_on.png') no-repeat left 50%; color:#111111;}
.subtab li:hover a.tab2.icon2, .subtab li.tabs_on a.tab2.icon2 {background:#fff url('../images/sub/tab_icon02s_on.png') no-repeat left 50%; color:#111111;}

/** board-list **/
.board-list {width:100%; border-top: 2px solid #222222; }
.board-list ul li {border-bottom: 1px solid #e3e3e3; padding:25px 0px 20px 30px; position:relative;}
.board-list dl dt {font-size:18px; font-weight:bold; color:#222222;}
.board-list dl dt a{max-width:1000px; font-size:18px; font-weight:bold; color:#222222; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:inline-block;}
.board-list dl dt a:hover{color:#d0112b; text-decoration:underline;}
.board-list .i-file {background: url('../images/common/ico_file.png') no-repeat 0 0; width:19px; height:20px; text-indent:-9999px; display:inline-block; margin-left:10px;}
/**
.board-list dl dd {font-size:14px; color:#666666; line-height:22px;}
**/
.board-list dl dd.date {font-size:14px; color:#999999; position:absolute; right:30px; top:28px;}

.board-view {width:100%; border-top: 2px solid #222222;}
.board-view dl dt {padding:25px 0px 25px 30px; position:relative;}
.board-view dl dt p {width:1050px; font-size:24px; font-weight:bold; color:#222222; word-break:break-all;}
.board-view dl dt .date {font-size:16px; color:#999999; position:absolute; right:30px; top:25px;}
.board-view dl dt a{font-size:20px; font-weight:bold; color:#222222; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:inline-block; width:100%; }
.board-view dl dt a:hover{color:#d0112b; text-decoration:underline;}
.board-view dl dd {font-size:14px; color:#222222; line-height:22px; border-top: 1px solid #e3e3e3; padding:40px 30px;}

.board-write {width:100%; border-top: 2px solid #222222;}
.tableStyle {width:100%; table-layout: fixed;}
.tableStyle tr {border-bottom:1px solid #e3e3e3;}
.tableStyle td {padding:20px 30px 20px 0px;}
.tableStyle .title td {padding:25px 30px 25px 0px;}
.tableStyle thead th , .tableStyle tbody th {font-size:16px;text-align:left; text-indent:30px;font-weight:bold; vertical-align:top; padding-top:30px;}

.file_list {width:100%; border-top: 1px solid #e3e3e3; }
.file_list dl{padding:20px 30px 10px; display:inline-block;}
.file_list dl dt {float:left;font-size:14px; line-height:21px; color:#222222; background: url('../images/common/ico_file.png') no-repeat 0 0; padding-left:30px; padding-right:15px;}
.file_list dl dd {float:left; background: url('../images/common/file_line.png') no-repeat 0 3px; padding-left:15px; padding-top:3px;}
.file_list li{padding-bottom:10px;}
.file_list li a {color:#0074d6; text-decoration:underline;}

.view-navi {width:100%; border-top: 1px solid #999999;  border-bottom: 1px solid #999999;}
.view-navi li {padding:20px 30px; border-top: 1px solid #e3e3e3; font-size:16px; }
.view-navi li:first-child {border:none;}
.view-navi li strong {font-weight:700; padding-right:30px; margin-right:40px;}
.view-navi li strong.prevPosts {background:#fff url('../images/common/icon_arrow_up.png') no-repeat right 50%;}
.view-navi li strong.nextPosts {background:#fff url('../images/common/icon_arrow_down.png') no-repeat right 50%;}
.view-navi li .subject {color:#222222; width:1040px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:inline-block;}
.view-navi li .subject:hover { text-decoration:underline;}
.view-navi li .subject.none {color:#999999;}
.view-navi li .subject.none:hover { text-decoration:none;}
/* paging */
.paging {width:100%; text-align:center; margin:50px 0 35px; position:relative;}
.paging a {width:38px; height:38px; line-height:38px; display:inline-block; text-align:center; border:1px solid #fff; font-size:20px; color:#999999; font-weight:700;}
.paging a.selected , .paging a:hover { color:#000000; border:1px solid #000000; color:#444;}
.paging a.first { background:#fff url('../images/common/paging_first_off.png') no-repeat 50%; margin-right:10px;}
.paging a.first:hover {background:#fff url('../images/common/paging_first_on.png') no-repeat 50%; }
.paging a.prev {background:#fff url('../images/common/paging_prev_off.png') no-repeat 50%; margin-right:20px;}
.paging a.prev:hover {background:#fff url('../images/common/paging_prev_on.png') no-repeat 50%; }
.paging a.last {background:#fff url('../images/common/paging_last_off.png') no-repeat 50%; margin-left:10px;}
.paging a.last:hover {background:#fff url('../images/common/paging_last_on.png') no-repeat 50%; }
.paging a.next {background:#fff url('../images/common/paging_next_off.png') no-repeat 50%; margin-left:20px;}
.paging a.next:hover {background:#fff url('../images/common/paging_next_on.png') no-repeat 50%; }





.btnAreaR {margin-top:20px; margin-bottom:40px; text-align:right;}
.btnAreaC {padding-top:60px; margin-bottom:60px;  text-align:center ;}
.btnAreaC.tline {border-top:1px solid #aeaeae;}

.btn { /*기본버튼*/
	display:inline-block;
	height:40px;
	line-height:40px;
	background-color:#444444;
	color:#fff;
	font-size:16px; margin-left:10px; padding:0px 35px;
}
.btn:hover {
	background-color:#d0112b;
}

.btnR { /*기본버튼*/
	display:inline-block;
	height:40px;
	line-height:40px;
	background-color:#ed0029;
	color:#fff;
	font-size:16px;width:220px; text-align:center;
}
.btnR:hover {
	background-color:#d0112b;
}

.btnl { /*기본버튼*/
	display:inline-block;
	height:38px;
	line-height:38px;
	border:1px solid #444444;
	color:#444444 ! important;
	 text-decoration:none ! important;
	font-size:16px; margin-left:10px; padding:0px 35px;
}
.btnl:hover {
	border:1px solid #d0112b;
	color:#d0112b ! important;
}

.btnl.site {background:url('../images/common/btnSite_off.png') no-repeat 50px 50%; padding-left:80px; padding-right:50px;}
.btnl.site:hover {background:url('../images/common/btnSite_on.png') no-repeat 50px 50%;}
.btnl.write{background:url('../images/common/btnWrite_off.png') no-repeat 50px 50%; padding-left:80px; padding-right:50px;}
.btnl.write:hover {background:url('../images/common/btnWrite_on.png') no-repeat 50px 50%;}

:root .btn { line-height:40px \0/IE9; }

/* 상단 이동 버튼 */
.scrollGoTop {
	width:54px;
	height:54px;
	padding:0;
	text-align:center;
	position:fixed;
	bottom:40px;
	right:29px;
	display:none;
	background:url('../images/common/arrow_up_off.png') no-repeat center center;
	text-indent:-9999px;
	z-index:99;
}

.scrollGoTop:hover{
	text-decoration:none;
	background:url('../images/common/arrow_up_on.png') no-repeat center center;
}


/**footer **/
#footer {border-top: 1px solid #000; height:135px;}
#footer .inner {width:1220px; margin: 0 auto; position:relative;}
#footer .footer-link {margin-top:30px;}
#footer .footer-link li {float:left; margin-right:10px; padding-left:10px; background:url('../images/common/bul_flink.gif') no-repeat 0 2px;}
#footer .footer-link li a {font-size:14px;font-weight:700; color:#000000;}
#footer .footer-link li a:hover{color:#ed0029;}
#footer .footer-link li:first-child {padding:0;background:none;}
#footer .footer-address {padding-top:10px;font-size:12px; color:#949494; clear:both;}
#footer .footer-copyright {margin-top:6px;font-size:12px; color:#949494; clear:both;}
#footer .familySite{position:absolute; right:0px; top:10px; z-index:10;}
#footer .familySite>a{line-height:0;display:inline-block}
#footer .familySite ul.site {overflow:visible; display:none;position:absolute; bottom:29px; left:0; height:auto; margin:0; padding:1px 0 0; background:#fff;}
#footer .familySite ul.site li{float:none; margin:0; padding:0; background:none;width:153px;}
#footer .familySite ul.site li a{display:block; margin-top:-1px; padding:5px 10px 5px 10px; border:1px solid #d1d1d1; color:#777; font-size:13px;}


/* 20170210 동반성장 개요 (수정) */
.txtStyle01 { font-size:28px; font-weight:bold; color:#be191f; text-align:center; background:url('../images/sub/summary_icons.png') no-repeat 50% 0; padding-top:60px; }
.dottedLine { display:block; height:1px; border-top:1px dashed #d4d4d4; margin:60px 0; position:relative; }
.dottedLine:after { content:""; display:block; width:43px; height:21px; background:url('../images/sub/after_center.png') no-repeat 50%; position:absolute; bottom:1px; left:50%; margin-left:-21px; }
.txtStyle02 { font-size: 20px; color:#666; text-align:center; }
.txtStyle02 strong { font-weight:bold; }
.txtStyle02 strong em { color:#222; font-weight:bold; }
.infoImgBox { padding:40px 0; text-align:center; }
.icontit { font-size:24px; font-weight:bold; color:#444; text-align:center; padding-top:110px; background:url('../images/sub/summary_info_img03.png') no-repeat 50% 0;  }
.listStyle01 { overflow:hidden; padding-bottom:40px; }
.listStyle01 li { float:left; width:25%; box-sizing:border-box; text-align:center; }
.listStyle01 li h4 { font-size:22px; font-weight:bold; color:#be191f; padding-top:75px; }
.listStyle01 li h4.icon01 { background:url('../images/sub/list_icon01.png') no-repeat 50% 0; }
.listStyle01 li h4.icon02 { background:url('../images/sub/list_icon02.png') no-repeat 50% 0; }
.listStyle01 li h4.icon03 { background:url('../images/sub/list_icon03.png') no-repeat 50% 0; }
.listStyle01 li h4.icon04 { background:url('../images/sub/list_icon04.png') no-repeat 50% 0; }
.listStyle01 li p { font-size:15px; font-weight:bold; color:#222; margin-top:20px; border-left:1px solid #e0e0e0; }
.listStyle01 li:first-child p { border-left:0; }

/* 20170627 로그인 */
.ui-widget.ui-widget-content {
	border:0;
	border-radius:0;
	padding:0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.ui-dialog .ui-dialog-titlebar {
	border:0;
	border-radius:0;
	padding:0;
	height:45px;
	background:#444;
}
.ui-dialog .ui-dialog-title {
	height:45px;
	line-height:45px;
	font-size:15px;
	color:#fff;
	font-weight:normal;
	margin:0;
	padding-left:15px;
	width: 80%;
}

.ui-dialog .ui-dialog-titlebar-close {
	padding:0;
	width:15px;
	height:15px;
	top:50%;
	right:15px;
	margin-top:-7px;
	background:url('../images/common/close_icon.png') no-repeat 50%;
	border:0;
	outline:none;
}
.ui-dialog .ui-dialog-titlebar-close span {
	display:none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background:url('../images/common/close_icon.png') no-repeat 50%;
	border:0;
}

.ui-dialog .ui-dialog-content {
	padding:15px;
}

.logintit {
	font-size:35px;
	color:#000;
}
.logintit em {
	font-size:15px;
	color:#999;
	padding-left:10px;
}
.loginBox {
	border:1px solid #ddd;
	background:#fbfbfb url('../images/common/login_bg_img.png') no-repeat 10px 50%;
	padding:50px 30px 40px 350px;
	margin-top:10px;
	position:relative;
}
.logininput {
	padding-right:85px;
}
.logininput li {
	position:relative;
	padding-left:100px;
	margin:5px 0;
}
.logininput input[type="text"] ,
.logininput input[type="password"] {
	height:40px;
	width:100%;
	outline:none;
}
.logininput label {
	font-size:14px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	position:absolute;
	top:0;
	left:0;
	width:70px;
	padding-left:30px;
}
.logininput label.id {
	background:url('../images/common/id_icons1.png') no-repeat 0 50%;
}
.logininput label.pw {
	background:url('../images/common/pw_icons1.png') no-repeat 0 50%;
}
.loginBtn {
	display:inline-block;
	width:80px;
	height:85px;
	line-height:85px;
	text-align:center;
	font-size:15px;
	color:#fff !important;
	font-weight:bold;
	background:#ed0029;
	position:absolute;
	top:55px;
	right:30px;
}
.loginBtn:hover {
	background:#d0112b;
}
.idpwtxt {
	text-align:right;
	padding-top:10px;
}
.idpwtxt a {
	font-size:14px;
	color:#999 !important;
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #ddd;
}
.idpwtxt a:first-child {
	border-left:0;
	margin-left:0;
	padding-left:0;
}
.idpwtxt a:hover {
	color:#ed0029 !important;
}


/* 20170627 팝업 */
.popHead {
	height:48px;
	position:relative;
	padding:0 15px;
	background:#444;
}
.popHead h2 {
	float:left;
	height:48px;
	line-height:48px;
	font-size:18px;
	color:#fff;
	font-weight:bold;
}
.closeBtn {
	display:inline-block;
	width:20px;
	height:20px;
	background:url('../images/common/closeicons.png') no-repeat 50%;
	text-indent:-9999px;
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-10px;
}
.popCont {
	padding:15px;
	overflow:hidden;
}

/* 신청서 */
.fs1 { font-size:22px; font-weight:bold; text-align:center; margin:20px 0 30px; }
.fs2 { font-size:14px; font-weight:bold; }
.box1s { font-size:14px; font-weight:bold; border:1px solid #ddd; padding:15px; background:#fdfdfd; text-align:center; margin:10px 0; }
.fs3 { font-size:14px; text-align:center; margin:10px 0; }
.lineBar { width:100%; height:1px; background:#ddd; margin:50px 0; }
.subtitles { height:40px; margin-top:20px; }
.subtitles h4 { font-size:16px; font-weight:bold; height:40px; line-height:40px; background:url('../images/common/pop_tit_bult.png') no-repeat 0 50%; padding-left:12px; }

/* 테이블 스타일 */
.tableDesign {
	width:100%;
	border-top: 2px solid #666;
	border-right:1px solid #d7d7d7;
	word-break: break-all;
	table-layout:fixed;
}
.tableDesign.toplineNo {
	border-top:0;
}
.tableDesign.tableIn {
	border-top:1px solid #d7d7d7;
}
.tableDesign th {
	height:24px;
	font-size:13px;
	color:#444;
	padding:5px 10px;
	font-weight:bold;
	background:#fafafa;
	border-left:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	text-align:center;
	vertical-align:middle;
}
.tableDesign td {
	height:24px;
	font-size:13px;
	color:#444;
	padding:5px;
	border-left:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	background:#fff;
	vertical-align:middle;
}

.tableDesign td .bBtn:hover {
	text-decoration: underline;
	color: #648ab9;
}

.tableDesign.big th , .tableDesign.big td {
	height:30px;
}

.btnArea {
	padding:20px 0 10px;
	text-align:center;
}
.btns {
	display:inline-block;
	height:30px;
	line-height:29px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:0 15px;
	background:#666;
	border-radius:2px;
}
.btns:hover {
	background:#999;
}

.t_listStyle {
	margin-top:20px;
	padding-left:5px;
}
.t_listStyle li {
	line-height:24px;
	font-size:13px;
	color:#444;
	background:url('../images/common/listsubbult.png') no-repeat 0 11px;
	padding-left:14px;
}

.btmUser li {
	height:24px;
	line-height:24px;
	text-align:right;
}
.btmUser li strong {
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	margin-right:10px;
}
.btmUser li span {
	display:inline-block;
	font-size:13px;
}

.processimgs {
	height:280px;
	background:url('../images/sub/prosecc_img002s.png') no-repeat 50%;
	margin:30px 0 0;
}
.processimgs.st2 {
	height:200px;
	background:url('../images/sub/prosecc_img001s.png') no-repeat 50%;
	margin:30px 0 0;
}

/* 대·중소기업간 공정거래 협약서 */
.agreementWrap {
	padding-bottom:30px;
}
.topinfotxt {
	font-size:16px;
	line-height:26px;
	border:1px solid #ddd;
	padding:20px;
	background:#fdfdfd;
}
.topinfotxt strong {
	font-weight:bold;
}
.titNames {
	font-size:16px;
	line-height:26px;
	margin-top:30px;
}
.titNames strong {
	font-weight:bold;
}
.listType {
	margin-top:10px;
}
.listType > li {
	font-size:15px;
	line-height:26px;
	margin:15px 0;
	color:#444;
}
.listTypeSub {
	padding-left:20px;
	margin-top:10px;
}
.listTypeSub > li {
	font-size:14px;
	line-height:24px;
	margin:5px 0;
	color:#666;
}
.listTypeSub2 {
	padding-left:20px;
	margin-top:10px;
}
.listTypeSub2 > li {
	font-size:14px;
	line-height:24px;
	margin:5px 0;
	color:#999;
}
.btmDate {
	font-size:16px;
	text-align:center;
	padding:30px 0;
}
.signTable {
	width:100%;
	table-layout: fixed;
}
.signTable td {
	font-size:15px;
	font-weight:bold;
	height:50px;
	vertical-align:middle;
}
.signTable td img {
	margin-left:10px;
}

.block_h4 {
	font-size: 24px;
    color: #111;
    font-weight: 700;
	margin-bottom:20px;
}

.tBtn {
	display:inline-block;
	height:24px;
	line-height:23px;
	color:#ed0029;
	border:1px solid #ed0029;
	font-size:13px;
	font-weight:bold;
	padding:0 10px;
	border-radius:4px;
}
.tBtn:hover {
	background:#ed0029;
	color:#fff;
}


/* 2025.06.02 세부내용 */
.finance_step.ty02 { width: 1128px; height: 277px; background: url(../images/common/prosecc_img.png) no-repeat center / 100%; }
.finance_step .caption { white-space: nowrap; position: absolute; left: 768px; top: -2px; font-size: 13px; letter-spacing: -1px; font-weight: 400; color: #666; }
.finance_step .caption::before { content: ''; position: absolute; top: 50%; left: -32px; transform: translateY(-50%); width: 25px; height: 2px; background: url(../images/common/dashline_bg.png) no-repeat center / 100%; }
.finance_step .caption strong { font-size: 14px; font-weight: bold; }

.finance_step.ty02 .step { font-size: 15px; font-weight: 700; width: 120px; line-height: 20px; }
.finance_step.ty02 .step .step1 { top: 147px; left: 13px; }
.finance_step.ty02 .step .step2 { top: 147px; left: 251px; }
.finance_step.ty02 .step .step3 { top: 151px; left: 481px; }
.finance_step.ty02 .step .step4 { top: 151px; left: 713px; }
.finance_step.ty02 .step .step5 { top: 140px; left: 950px; }

.finance_step.ty02 .flow { font-size: 14px; }
.finance_step.ty02 .flow .flow1 { top: 123px; left: 157px; }
.finance_step.ty02 .flow .flow2 { top: 128px; left: 376px; }
.finance_step.ty02 .flow .flow3 { top: 127px; left: 614px }
.finance_step.ty02 .flow .flow4 { top: 171px; left: 862px; }
.finance_step.ty02 .flow .flow5 { top: 176px; left: 160px; }
.finance_step.ty02 .flow .flow6 { top: 37px; left: 619px; }
.finance_step.ty02 .flow .flow7 { top: 261px; left: 599px; }