@charset "utf-8";

/* 공통 */
.letter {letter-spacing:-1px;}

/* 기업 보험이란 */
.cp-play { border-bottom:1px solid #e5e5e5; padding-bottom:30px; background: url(../img/com/diagram-01.png) no-repeat center 30px; margin-top:15px;}
.cp-play ul{width:680px; margin:0 auto;}
.cp-play ul > li{float:left; width:180px; padding-right:70px; margin-top:177px ; }
.cp-play ul > li.last{padding-right:0;}
.cp-play dl{text-align:center;}
.cp-play dl dt{font-weight:bold; text-align:center; font-size:14px; color:#333;}
.cp-play dl dd{font-size:13px; color:#666; margin-top:5px; letter-spacing:-1px;}

.book {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:50px 15px;  overflow:hidden;zoom:1; margin-top:20px}
.book .l-bx{width:205px; float:left;}
.book .l-bx .btn{margin-left:25px;}
.book .r-bx{float:left; }
.book .r-bx .list-type2 {width:485px;}
.book .r-bx .list-type2 ul{margin-top:5px;}
.book .r-bx .list-type2 ul li{line-height:22px;}
.book .r-bx .list-type2 strong{font-size:15px;}


/* 퇴직연금 - 단계별과제구조 */
.seven-list{border-top:2px solid #3eb8b9;background:url(../img/prd/bg-prg-list.gif) no-repeat  185px 100%}
.seven-list li {width:100%;padding:10px 0;border-bottom:1px solid #e5e5e5}
.seven-list li strong{float:left;width:185px;padding-left:15px;font-size:20px;color:#008485}
.seven-list li strong span{font-size:14px;color:#454545;display:block;}
.seven-list li div{float:right;width:455px;padding-left:35px; font-size:13px;}
.seven-list li div strong{float:none;padding:0}
.seven-list li div ul li{border-bottom:none}

.company .greeting {font-size:13px; letter-spacing:-1px}
.company .ceo-sign {font-size:15px; font-weight:bold;}

/* free-bx */
.free-bx {border-top:2px solid #3eb8b9; border-bottom:1px solid #c4c4c4;}
.free-bx ul li:first-child{border-top:0;}
.free-bx ul li{border-top:1px solid #e5e5e5; padding:15px 6px;}


/* 보안 프로그램 */
.security-area {border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin-top:25px; }
.security-area .security > li:first-child{border-top:0; }
.security-area .security > li{border-top:1px solid #e5e5e5; padding:20px 15px;}
.security-area .l-bx{float:left; width:170px;margin-right:40px; text-align:center;}
.security-area .l-bx img{display:block;  margin-bottom:15px; margin-top:3px;}
.security-area .r-bx{float:right; width:475px; }
.security-area .r-bx .tit{font-size:15px; color:#333; }
.security-area .r-bx .txt{font-size:13px; color:#666;  line-height:20px; letter-spacing:-1px; margin-top:6px;}
.security-area .r-bx .gold{font-size:13px; color:#937036; margin-top:6px; display:block;}
.security-area .r-bx .list-type1{margin-top:3px;}
.security-area .r-bx .list-type1 li {line-height:23px;}
.security-area .r-bx .s-list {margin:0; margin-top:3px}
.security-area .r-bx .s-list li{margin:0; line-height:20px;}


/* 장애인 안내서비스 */
.description  {border-top:1px solid #d7d7d7; margin-top:20px;}
.description li:first-child {background:none;}
.description li {background:url(../img/com/security-dot-line.gif) repeat-x top; padding:30px 0;}
.description li.last {padding-bottom:10px;}
.description .tit {margin-left:15px;}
.description .tit img {margin-right:20px; margin-top:3px; display:block; float:left;}
.description .tit span.desc {vertical-align:top;  font-size:13px; color:#666; display:block; letter-spacing:-1px; float:left; width:620px; }
.description .txt {font-size:13px; margin-top:15px; letter-spacing:-1px; text-indent:-8px; padding-left:10px;}
.desc-bx {padding:10px 15px;}
.desc2-bx {padding:10px 0 0 15px; font-size:13px; margin-top:20px; border-top:1px solid #d7d7d7;letter-spacing:-1px;} 
.top-bx {border:1px solid #d7d7d7; padding:15px 20px; font-size:13px; letter-spacing:-1px; margin-top:30px; color:#666}


/* 에러조치사항 */
.resolve {border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin-top:20px;}
.resolve li:first-child {background:none;}
.resolve li {background:url(../img/com/security-dot-line.gif) repeat-x top; padding:30px 0;}
.resolve li .num {padding-left:15px;}
.resolve li .tit {display:block; font-size:15px; color:#454545; margin-top:10px; padding-left:15px;}
.resolve li .txt {padding-left:15px; color:#666; letter-spacing:-1px; padding-top:10px}
.resolve li .txt2 {text-indent:-15px; padding-left:30px; color:#666; padding-top:10px}
.resolve li div {background:url(../img/com/resolve-img01.gif) no-repeat 0 0;}
.resolve li .bg01 {background-position:309px -0px; height:280px;}
.resolve li .bg02 {background-position:309px -294px; height:200px;}
.resolve li .bg03 {background-position:309px -504px; height:660px;}
.resolve li .bg04 {background-position:309px -1174px; height:270px;}
.resolve li .bg05 {background-position:309px -1454px; height:552px;}
.resolve li .bg06 {background-position:309px -2014px; height:330px;}
.resolve li .bg07 {background-position:309px -2354px; height:270px;}
.resolve li .bg08 {background-position:309px -2634px; height:271px;}
.resolve li .bg09 {background-position:309px -2914px; height:270px;}
.resolve li .bg10 {background-position:309px -3194px; height:271px;}
.resolve li .bg11 {background-position:309px -3474px; height:270px;}

.resolve li div.bg {background:url(../img/com/resolve-img02.gif) no-repeat 0 0;}
.resolve li .bg.bg12 {background-position:309px -0px; height:280px;}
.resolve li .bg.bg13 {background-position:309px -294px; height:200px;}
.resolve li .bg.bg14 {background-position:309px -504px; height:620px;}
.resolve li .bg.bg15 {background-position:309px -1134px; height:270px;}
.resolve li .bg.bg16 {background-position:309px -1414px; height:550px;}
.resolve li .bg.bg17 {background-position:309px -1974px; height:330px;}
.resolve li .bg.bg18 {background-position:309px -2314px; height:270px;}
.resolve li .bg.bg19 {background-position:309px -2594px; height:271px;}
.resolve li .bg.bg20 {background-position:309px -2874px; height:270px;}
.resolve li .bg.bg21 {background-position:309px -3154px; height:271px;}
.resolve li .bg.bg22 {background-position:309px -3434px; height:270px;}

.resolve li div.bg2 {background:url(../img/com/resolve-img03.gif) no-repeat 0 0;}
.resolve li .bg2.bg23 {background-position:309px -0px; height:280px;}
.resolve li .bg2.bg24 {background-position:309px -294px; height:200px;}
.resolve li .bg2.bg25 {background-position:309px -504px; height:270px;}
.resolve li .bg2.bg26 {background-position:309px -784px; height:270px;}
.resolve li .bg2.bg27 {background-position:309px -1064px; height:270px;}
.resolve li .bg2.bg28 {background-position:309px -1344px; height:550px;}
.resolve li .bg2.bg29 {background-position:309px -1904px; height:670px;}
.resolve li .bg2.bg30 {background-position:309px -2584px; height:270px;}
.resolve li .bg2.bg31 {background-position:309px -2864px; height:270px;}

.resolve li div.tbl-type3 {background:none;}
.resolve li .resolve-list {padding-left:15px; padding-top:10px}
.resolve li .resolve-list > li {background:url(../img/com/gold-bu.gif) no-repeat 0 10px; font-size:13px; padding:0; padding-left:10px;color:#937036; }

.resolve li .resolve-list2 {padding-left:15px; padding-top:10px}
.resolve li .resolve-list2 > li {background:url(../img/com/gold-bu.gif) no-repeat 0 10px;font-size:13px; float:left; width:340px; padding:0; padding-left:10px;color:#937036; }



/* 약관 */
.clause-area dl dt:first-child{margin-top:0px;}
.clause-area dl dt{font-size:13px; color:#666; letter-spacing:-1px; margin-top:20px;}
.clause-area dl dd{font-size:13px; color:#666; letter-spacing:-1px; margin-left:20px;}
.clause-area dl dd li{font-size:13px; color:#666; letter-spacing:-1px; margin-left:20px;}
.clause-area p{font-size:13px; color:#666; letter-spacing:-1px;}


/* ��� */
.personal-info {border:1px solid #e5e5e5;padding:16px 20px; margin-top:10px;  padding-right:17px; width:678px; }
.list-ag dd .num-none li {background:none !important; text-indent:-20px; padding-left:10px;}


/* --------------- 로그인 ----------------- */

.login-area {border:1px solid #d7d7d7;background:url(../img/com/login-bg.gif) no-repeat 475px 37px; padding:0 20px 0;}
.login-area > .title{margin:50px 0 0 20px; }
.login-area .txt {font-size:14px; color:#666; letter-spacing:-1px; margin:9px 0 40px 20px;}

.login {background:url(../img/com/security-dot-line.gif) repeat-x top; padding:35px 20px 35px;}
.login .title {display:block; margin-bottom:10px;}
.left-bx {float:left;}
.left-bx input{margin-right:5px;}
.left-bx label{margin-right:30px;}
.right-bx{float:left;  padding-left:40px;}
.right-bx .tit {margin-bottom:5px;}
.right-bx .resident {width:156px; *width:145px;  font-size:13px; border:1px solid #c0c0c0; color:#999999; padding:5px 10px 7px; margin-top:-2px}
.right-bx .corporate {width:92px; *width:85px;  font-size:13px; border:1px solid #c0c0c0; color:#999999; padding:5px 10px 7px; margin-top:-2px}
.right-bx input{margin-right:5px;}
.right-bx label{margin-right:30px;}
.right-bx input.phone {width:68px; *width:68px;  font-size:13px; border:1px solid #c0c0c0; color:#999999; padding:5px 10px 7px; margin-top:-2px}
.right-bx input.in {width:287px; *width:280px;  font-size:13px; border:1px solid #c0c0c0; color:#999999; padding:5px 10px 8px; margin-top:-2px}
.right-bx input.email {width:120px; *width:120px;  font-size:13px; border:1px solid #c0c0c0; color:#999999; padding:5px 10px 7px; margin-top:-2px}
.right-bx input.email2 {width:90px; *width:90px;  font-size:13px; border:1px solid #c0c0c0; color:#999999; padding:5px 10px 7px; margin-top:-2px}
.right-bx select {width:110px; *width:110px; height:32px; *height:32px; font-size:13px; border:1px solid #c0c0c0; color:#999999; padding:5px 3px 5px 5px; margin-top:-2px}



.login-area.bx-2{border:0; border-top:1px solid #d7d7d7; height:200px; }
.login.in {padding:10px 0 35px 40px; background:0;}
.login-error{border-top:1px solid #eeeeee; border-bottom:1px solid #d7d7d7; background:#fbfbfb; padding:13px 40px 15px;}
.login-error.line{border-top:1px solid #d7d7d7; }
.login-error .txt{width:430px; font-size:13px; display:inline-block;}

.service-area {border:1px solid #d7d7d7; margin-top:30px;letter-spacing:-1px; background:url(../img/com/service-icon.gif) no-repeat 20px 23px; padding:18px 0 20px 98px; font-size:12px; color:#666;}

.service-time{ border:1px solid #d7d7d7; border-top:0;background:#fbfbfb; }
.service-time .bg {background:url(../img/com/service-icon2.gif) no-repeat 20px 18px; padding:13px 0 20px 98px;}
.service-time strong{font-size:14px; color:#333;}

.service-time .list {margin-bottom:8px;}
.service-time .list > li{font-size:13px; margin-top:5px}
.service-time .list > li span.gray8{font-size:13px;}

.underline {text-decoration:underline; color:#666;}

.list-type1.login{padding:0; margin-top:10px; background:none;}
.list-type1.login li{letter-spacing:-1px; font-size:12px !important; color:#666; line-height:20px;}


/* 아이핀 인증 */
.ipin strong{font-size:14px; color:#454545; margin-right:20px;}
.ipin strong span{font-size:14px; color:#ea0061;}
.service-area.i-pin {background:#fbfbfb; padding:0;}
.service-area.i-pin .bg{background:url(../img/com/service-icon3.gif) no-repeat 20px 23px; padding:18px 0 20px 98px;}
.service-area.i-pin .tit{font-size:14px; color:#333;}
.service-area.i-pin .txt{margin:5px 0 10px; font-size:13px; color:#666}
.list-type1.ipin { margin-top:10px; background:url(../img/com/security-dot-line.gif) repeat-x top; padding-top:10px;}
.list-type1.ipin li{letter-spacing:-1px; font-size:12px !important; color:#666; line-height:20px;}

/* 양승욱 추가 */

.ft-type1 { font-size:13px; color:#454545; } 
.h2-desc {font-size:13px; margin-bottom:27px;} 
.ft-type1 { font-size:13px; color:#454545; } 


/* select */
.login .select button.myValue{ height:31px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px; margin-top:-2px}
.login .select .arrow{ position:absolute; width:0; height:0; top:13px; right:10px; line-height:0; font-size:0; border-top:5px solid #9a9a9a; border-left:5px solid #fff; border-right:5px solid #fff;}


.login  .select ul{ top:29px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
.login .select ul.aList{ display:none;}
.login .select.open ul.aList{ display:block;}
.login .select ul.iList{ left:-2000%;}
.login .select.open ul.iList{ left:0;}
.login .select li{ position:relative; overflow:hidden; white-space:nowrap; height:34px; font-size:13px; border-left:1px solid #bababa; border-right:1px solid #bababa;}
.login .select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.login .select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.login .select li a{ display:block; text-indent:8px; *text-indent:6px; height:34px; line-height:34px; color:#767676; background:#fff; text-decoration:none;}
.login .select li.hover *{background:#999; color:#fff;}



/* 사이트 맵 */

#contents.sitemap-area {width:100% !important; clear:both; float:left; }
.sitemap {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-top:25px}

.sitemap .site-list li strong a{font-size:15px; }
.sitemap .site-list li strong a:hover{text-decoration:none; color:#ea0061 }
.site-list > li:first-child {border-top:0;}
.site-list > li {border-top:1px solid #e2e2e2;padding-left:15px;}
.site-list li .tit{width:185px; float:left; padding-top:48px;}
.site-list li .list{float:left; width:780px; padding:43px 0 50px; display:block}
.site-list li .list > li{width:260px; float:left; height:auto;}
.site-list li .list > li.h20{height:20px;}
.site-list li .list > li.h140{height:140px;}

.site-list li .list.cyb > li{min-height:100px;}
.site-list li .list.member > li{height:121px;}
.site-list li .list.anm > li{min-height:75px;}
.site-list li .list.campany > li{height:170px;}
.site-list li .list > li.h145{height:145px;}

.site-list li .list ul {margin-top:5px;}
.site-list li .list ul > li a{color:#666; font-size:13px; line-height:23px; cursor:pointer;}
.site-list li .list ul > li a:hover{color:#ea0061; cursor:pointer;}


/* 윈도우 비스타인 경우 텝 */
.tabs.in {letter-spacing:-1px;}


/* Top-Visual 2014-04-04 */
.top-visual {border-bottom:1px solid #d7d7d7; height:199px; padding-left:0; background: url(../img/footer/visual-bg.jpg) no-repeat right 0;}
.top-visual.bg02 {background-position:0 -199px;}
.top-visual.bg03 {background-position:right 0px;}
.top-visual .tit {display:block; padding-top:50px}
.top-visual .txt {font-size:14px; letter-spacing:-1px; margin-top:25px; color:#666;}


/* 홈페이지 로딩 오류 */
.error-wrap { width:720px;  margin:0 auto; margin-top:85px;}
.error-bx { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin-bottom:20px; }
.error-bx img { margin-bottom:20px; }
.error-bx p { font-size:15px; color:#666; letter-spacing:-1px;}
.error-cont { height:205px; padding:90px 0 0 255px;} 
.error-bx { background:url("../img/com/error-bg.gif") no-repeat left 60px;}



.top_txt {border-bottom:1px solid #D9D9D9; padding-bottom:13px; padding-top:12px; margin-bottom:5px; text-align:center;}
.com_cont_1 {width:720px; height:107px; margin-top:10px; overflow:hidden; padding:5px 0 0 0; background:url(../img/com/com_cont_1.gif) no-repeat 0 0;background-size:800px 130px;}
.com_cont_1 strong.txt {float:left; padding-top:42px;}
.com_cont_1 ul {width:600px; float:left; padding-left:13px;}
.com_cont_1 ul li {float:left; width:183px; height:22px; margin-right:15px; letter-spacing:-1px;}
.com_cont_1 ul li strong {float:left; color:#008485;}
.com_cont_1 ul li span {float:right; color:#666666;}
.hana_group {text-align:right; padding:25px 0 7px;}

/* 공인인증서 추가 2014-05-30 */
.com-np{margin-top:20px; border:1px solid #e5e5e5; background:#fafbfc;}
.com-np .step-bx{padding:20px 0; background:url(../img/com/step_bg.gif) no-repeat 10px 47%;}
.com-np .step-bx li{padding:0; float:left; background:none; text-align:center; font-size:13px; font-weight:bold; letter-spacing:-1px; width:177px;}
.com-np .step-bx li.w160{width:180px;}
.com-np .step-bx li.w180{width:184px;}
.com-np  .step-bx01{padding:20px; border-top:1px solid #e5e5e5;}
.com-np  .step-bx01 ul{float:left; margin-left:17px; width:540px;}
.com-np  .step-bx01 li{float:left; padding:0 0 0 8px; background:url(../img/com/step_bullet.gif) no-repeat left; width:170px;}

.com-np.np01 .step-bx{background:url(../img/com/step_bg01.gif) no-repeat 10px 47%;}
.com-np.np01 .step-bx li{width:358px;}
.com-np.np01 .step-bx01 ul {float:none; margin:0; width:auto;}
.com-np.np01 .step-bx01 ul li{float:none; margin-bottom:5px; background:none; width:auto;}
.com-np.np01 .step-bx01 ul li strong{color:#333;}
.com-np.np01 .step-bx01 ul li ul li{margin:0 0 0 10px; padding:0 0 0 8px; background:url(../img/com/step_bullet.gif) no-repeat left;}