@charset "utf-8";
.ie5 * HTML *{zoom:0 !important}
body.intro {margin:0;padding:0}
.new-paging {width:100%;text-align:center;position:absolute;line-height:17px}
.new-paging li {width:17px;height:17px;display:inline-block;line-height:17px;margin:0 3px;zoom:1;*display:inline}
.new-paging a {display:block;width:17px;height:17px;background:url(/img/intro/paging.png) no-repeat;font-size:0;line-height:0;text-indent:-2000px}
.lt-ie7 .new-paging a {background:url(/img/intro/paging_8.png) no-repeat}
.new-paging li.on a {background-position:-17px 0}
.paging {width:100%;text-align:center;position:absolute;line-height:17px}
.paging li {width:17px;height:17px;display:inline-block;line-height:17px;margin:0 3px;zoom:1;*display:inline}
.paging a {display:block;width:17px;height:17px;background:url(/img/intro/paging.png) no-repeat;font-size:0;line-height:0;text-indent:-2000px}
.lt-ie7 .paging a {background:url(/img/intro/paging_8.png) no-repeat}
.paging li.on a {background-position:-17px 0}
.description {position:absolute;left:-20000px}
body.intro #content {-moz-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); -o-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); -webkit-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9)}
body.intro .absolute {position:absolute !important}
body.intro .content {width:950px;min-width:950px;margin:0 auto;position:relative}
#introQuick {position:fixed;top:110px;left:0;padding:14px 15px 2px 10px;z-index:9000; background:url(/img/intro/quick/quick_bg02.png) left 174px no-repeat }
#introQuick li {margin-bottom:12px; _margin-bottom:10px}
.quick_li {border-top:1px dotted #5F5F5F; padding-top:10px;}
.ie7 #introQuick li {margin-bottom:9px}
#introQuick li a {display:block}
.pt130 {padding-top:130px}
.mtm8 {margin-top:-8px !important}
.ml12 {margin-left:12px !important}
.mlm {margin-left:-2px !important}
.mlm6 {margin-left:-6px !important}
.mlm12 {margin-left:-12px !important}
.pl3 {padding-left:3px !important}
.pl7 {padding-left:7px !important}
.ml14 {margin-left:14px !important}
.ml16 {margin-left:16px !important}
.ml17 {margin-left:17px !important}
.ml18 {margin-left:18px !important}
.ml21 {margin-left:21px !important}
.ml24 {margin-left:24px !important}
.ml28 {margin-left:28px !important}
.ml35 {margin-left:35px !important}
/* 퀵메뉴 추가 2013-12-05 김주희 */
.menu-dep2{margin-top:8px}
.ie7 .menu-dep2{margin-top:4px}
.menu-dep2 li{margin-left:18px;height:12px}
.mb6 {margin-bottom:6px !important}
.ie7 .menu-dep2 li.mb6{margin-bottom:3px !important}
#introHeader {position:fixed;top:0;z-index:4500;width:100%;background:url(/img/intro/header/bg_header.png) repeat-x}
.mobile #introHeader {position:absolute}
#introHeader .h66 {height:66px;z-index:20}
#introHeader .content-shadow {width:100%;height:6px;min-width:950px;background:url(/img/intro/header/bg_shadow.png) center no-repeat}
#introHeader h1 {left:0;top:17px}
#introHeader .btn-login-1 {left:162px;top:15px}
#introHeader .btn-login-2 {left:233px;top:15px}
#introHeader .tit-0 {left:134px;top:24px} /*{left:142px;top:24px}*/
#introHeader .tit-1 {left:277px;top:25px} /*{left:210px;top:25px}*/
#introHeader .tit-2 {left:317px;top:25px} /*{left:253px;top:25px}*/
#introHeader .tit-3 {left:399px;top:25px} /*{left:297px;top:25px}*/
#introHeader .tit-4 {left:359px;top:26px} /*{left:372px;top:25px}*/
#introHeader .tit-5 {right:333px;top:26px} /*{left:446px;top:26px}*/
#introHeader .tit-6 {right:222px;top:26px} /*{right:73px;top:23px}*/
#introHeader .tit-7 {right:141px;top:22px} /*{right:31px;top:25px}*/
#introHeader .tit-8 {left:198px;top:25px} /*{right:210px;top:25px}*/
#introHeader .tit-9 {right:449px;top:25px} /*{right:210px;top:25px} gnb웹진 추가 */
#introHeader .tit-search {right:0;top:28px}
#introHeader .search2 { position:absolute; top:-8px; right:-6px; width:140px; height:34px; background:url(/img/intro/header/bg_search2.png) -2px 0 no-repeat; overflow:hidden}
#introHeader .search2.on {display:block}
#introHeader .search2 .text {position:absolute;top:4px;right:34px;width:180px;border:none}
#introHeader .search2 .submit {position:absolute;top:6px;right:13px;border:none}
#introHeader .level2 {display:none;position:absolute;top:15px;height:30px;width:3px}
#introHeader .level2 span.arrow {display:block;width:100%;height:7px;position:absolute;background:url(/img/intro/header/arrow.png) center 0 no-repeat;top:6px;z-index:2}
#introHeader .level2 .menu {border-radius:3px;border:solid 1px #008cdf;position:absolute;top:12px;width:100%;background:#fff;padding:15px 0 6px;-webkit-box-shadow:2px 2px 5px -2px rgba(0,0,0,0.6); box-shadow:2px 2px 5px -2px rgba(0,0,0,0.6)}
#introHeader .level2 .menu2 {border-radius:3px;border:solid 1px #008cdf;position:absolute;top:12px;width:100%;background:#fff;padding:15px 0 6px;-webkit-box-shadow:2px 2px 5px -2px rgba(0,0,0,0.6); box-shadow:2px 2px 5px -2px rgba(0,0,0,0.6)}
#introHeader .level2 ul.menu2 li {margin-left:12px;height:23px}
#introHeader .level2 ul.menu2 li a {font-size:12px;color:#444}
#introHeader .level2 ul.menu li {margin-left:12px;height:23px}
#introHeader .level2 ul.menu li a {font-size:12px;color:#444}
#introHeader .gnb-member-bt {display:inline-block;height:20px;width:55px;line-height:21px;text-align:center;color:#333;letter-spacing:-1px;background:url(/img/common/etc/bg_btn/gnb_member.gif) left top no-repeat;vertical-align:middle;padding:0;margin:0}
#introHeader .gnb-member-bt span {display:inline-block;height:20px;width:55px;line-height:21px;text-align:center;font-size:12px;white-space:nowrap;vertical-align:middle;font-family:"돋움",dotum,Helvetica,sans-serif;padding:0;margin:0;color:#fff}
#introHeader .gnb-member-bt.js-display-hover-trigger {cursor:default !important;display:inline-block;height:20px;line-height:21px;text-align:center;vertical-align:middle;padding:0;margin:0}/*ie6중복적용*/
.firefox #introHeader .gnb-member-bt {margin-top:-1px}
.firefox #introHeader .gnb-member-bt span {line-height:20px}
#introHeader .tit-0 .level2 {width:150px;left:-48px}
#introHeader .tit-0 .level2 .menu {color:#ececec;text-align:center;padding:0}
#introHeader .tit-0 .level2 .menu .list {padding:7px 10px}
#introHeader .tit-0 .level2 .menu a {color:#000;font-size:14px;font-weight:bold}
#introHeader .tit-0 .level2 .menu a:hover {color:#0087e5}
#introHeader .tit-8 span.js-display-hover-trigger {display:block;height:17px;line-height:19px;vertical-align:middle;font-family:'돋움',Dotum,Helvetica,sans-serif !important;letter-spacing:-1px}
#introHeader .tit-8 .level2 {width:109px;left:-23px}
#introHeader .tit-8 .level2 .menu {color:#ececec;text-align:center;padding:0}
#introHeader .tit-8 .level2 .menu .list {padding:7px 10px}
#introHeader .tit-8 .level2 .menu a {color:#000;font-size:14px;font-weight:bold}
#introHeader .tit-8 .level2 .menu a:hover {color:#0087e5}
#introHeader .tit-1 .level2 {width:95px;left:-32px}
#introHeader .tit-2 .level2 {width:95px;left:-32px}
#introHeader .tit-3 .level2 {width:95px;left:-10px}
#introHeader .tit-4 .level2 {width:115px;left:-42px}
#introHeader .tit-6 .level2 {width:460px;left:-310px}
#introHeader .tit-6 .level2 .arrow {background-position:342px 0}
#introHeader .tit-6 .level2 ul.menu {height:220px}
#introHeader .tit-6 .level2 ul.menu li {margin-left:0}
#introHeader .tit-6 .level2 ul.menu li.column {float:left;height:210px;border-right:solid 1px #e5e5e5}
#introHeader .tit-6 .level2 ul.menu li.column.first {width:170px;padding-left:10px}
#introHeader .tit-6 .level2 ul.menu li.column.first a {color:#2b4f91}
#introHeader .tit-6 .level2 ul.menu li.column.second {width:152px}
#introHeader .tit-6 .level2 ul.menu li.column.last {width:95px;border:none}
#introHeader .tit-6 .level2 ul.menu li.column .sitemap_icon {overflow:hidden;background:url(/img/intro/header/sitemap_icon.gif) 66px 2px no-repeat}
.ie7 #introHeader .tit-6 .level2 ul.menu li.column .sitemap_icon {overflow:hidden;background:url(/img/intro/header/sitemap_icon.gif) 66px 3px no-repeat}
#introHeader .tit-6 .level2 ul.menu li.column li.site {width:100%;margin-top:0;height:22px}
#introHeader .tit-6 .level2 ul.menu li.column li.site a {line-height:15px;height:17px;margin-bottom:9px;margin-left:15px;padding:0}
#introHeader .tit-6 .level2 ul.menu li.column li.site.on a {color:#0078d4;font-weight:bold}
#introHeader .tit-6 .level2 ul.menu li.column li.site.language {padding:3px 0 0 15px}
#introHeader .tit-6 .level2 ul.menu li.column li.site.language a {font-size:0;line-height:0;display:block;width:20px;height:15px;margin:0 7px 0 0}
#introHeader .tit-6 .level2 ul.menu li.column li.site.language .flag {float:left;margin-bottom:2px}
#introHeader .level2 ul.menu li a {font-size:12px; color:#666; line-height:16px; padding-left:0px;}
#introHeader .tit-7 .level2 {width:188px;height:135px;left:-59px;top:23px; padding-top:45px;}
#introHeader .tit-7 .level2 li a {padding-left:28px}
#introHeader .notice {width:100%;height:0;background:#2b4f91;overflow:hidden;z-index:10;-moz-transition:0.2s cubic-bezier(0, 0.75, 0.95, 0.9); -o-transition:0.2s cubic-bezier(0, 0.75, 0.95, 0.9); -webkit-transition:0.2s cubic-bezier(0, 0.75, 0.95, 0.9); transition:0.2s cubic-bezier(0, 0.75, 0.95, 0.9)}
#introHeader .content-inner {width:950px;margin:0 auto;position:relative;overflow:hidden}
#introHeader .notice .btn-close {position:absolute;right:0;bottom:11px;display:inline-block;width:42px;height:22px;background:url(/img/intro/header/intro_popup_close.png) no-repeat}
#introHeader .notice .check {position:absolute;right:55px;bottom:15px}
#introHeader .notice .check label {color:#fff;font-size:12px;display:inline-block}
.ie7 #introHeader .notice .check label {margin-top:-1px}
#introHeader .menu1 a.flag-us {background:url(/img/common/header/all_svc_flag_us.gif) no-repeat}
#introHeader .menu1 a.flag-philippines {background:url(/img/common/header/all_svc_flag_philippines.gif) no-repeat}
#introHeader .menu1 a.flag-china {background:url(/img/common/header/all_svc_flag_china.gif) no-repeat}
#introHeader .menu1 a.flag-vietnam {background:url(/img/common/header/all_svc_flag_vietnam.gif) no-repeat}
#introHeader .menu1 a.flag-japan {background:url(/img/common/header/all_svc_flag_japan.gif) no-repeat}
#introHeader .menu1 a.flag-mongolia {background:url(/img/common/header/all_svc_flag_mongolia.gif) no-repeat}
#introHeader .menu1 a.flag-korea {background:url(/img/common/header/all_svc_flag_korea.gif) no-repeat}
#introHeader .menu2 a.flag-us {background:url(/img/common/header/all_svc_flag_us.gif) no-repeat}
#introHeader .menu2 a.flag-philippines {background:url(/img/common/header/all_svc_flag_philippines.gif) no-repeat}
#introHeader .menu2 a.flag-china {background:url(/img/common/header/all_svc_flag_china.gif) no-repeat}
#introHeader .menu2 a.flag-vietnam {background:url(/img/common/header/all_svc_flag_vietnam.gif) no-repeat}
#introHeader .menu2 a.flag-japan {background:url(/img/common/header/all_svc_flag_japan.gif) no-repeat}
#introHeader .menu2 a.flag-mongolia {background:url(/img/common/header/all_svc_flag_mongolia.gif) no-repeat}
#introHeader .menu2 a.flag-korea {background:url(/img/common/header/all_svc_flag_korea.gif) no-repeat}
/* 상단 안내 박스 내용 추가 김주희 2013-11-15 */
.font-type-g{font-family: '굴림','Gulim','맑은 고딕','Malgun Gothic','돋움',Dotum,Helvetica,AppleGothic,Sans-serif}
.height75{height:75px !important}
li.t2 a{margin-top:2px !important; }
.height70{height:70px !important}
body.intro #content.notice-open #introHeader {background:url(/img/intro/header/bg_header_white.png) repeat-x}
#introHome {min-width:950px;height:430px; top:66px; width:100%; text-align:center; position:relative; overflow:hidden;}
.intro-home-type-1 {top:66px }
.intro-home-type-2 {top:63px }
.intro-home-type-3 {top:63px }
/* .intro-home-type-3 {background:url(/img/intro/home/bg_03.jpg) center 0 no-repeat} */
#introHome .bg {width:100%;height:400px;position:absolute;top:0;left:0}
#introHome .content {}
#introHome .quick-list li {position:absolute}
/* #introHome .quick-list .login-ps {bottom:25px;left:60px} */
/* #introHome .quick-list .login-bz {bottom:24px;left:203px} */
/* #introHome .quick-list .icon-po {bottom:25px;left:346px} */
#introHome .quick-list .icon-01 {bottom:21px;right:317px}
#introHome .quick-list .icon-02 {bottom:21px;right:231px}
#introHome .quick-list .icon-03 {bottom:21px;right:140px}
#introHome .quick-list .icon-04 {bottom:21px;right:58px}
#introHome .quick-list .icon-05 {bottom:103px;right:325px}
#introHome .quick-list .icon-06 {bottom:103px;right:235px}
#introHome .quick-list .icon-07 {bottom:103px;right:132px}
#introHome .quick-list .icon-08 {bottom:103px;right:58px}
/* 상단에 배너 추가할때 사용하면 됨 */
/*.intro-add-notice-1 {width:50%; background:#2b4f91; height:130px; overflow:hidden; text-align:right; float:left; }*/
/*.intro-add-notice-2 {width:50%; background:#2b4f91; height:130px; overflow:hidden; text-align:left}*/
/*.ie7 .intro-add-notice-2 {width:49.99%; background:#2b4f91; height:130px; overflow:hidden; text-align:left}*/
#slidesContainer {width:236px; height:266px; float:left; overflow:hidden}
#slidesContainer img{vertical-align:middle !important}
#slideshow {position:absolute; top:-394px; left:695px; overflow:hidden;background:url(/img/intro/home/slide-bg.png); z-index:1000;}
#slideshow .up-btn {position:absolute; left:91px; bottom:15px; cursor:pointer}
.ie7 #slideshow .up-btn {position:absolute; left:91px; bottom:15px; cursor:pointer}
#slideshow .down-btn {position:absolute; left:121px; bottom:15px; cursor:pointer}
#slideshow .slide li {float: left;width: 76px;height: 71px;}
#slideshow .slide li a{position: relative;width: inherit;height: inherit;}
#slideshow .slide li a img {position: absolute;bottom:0;left:0;right:0;margin:0 auto;}
#slideshow .slide .slide-content6 a img{bottom:-1px;}
#slideshow .slide .slide-content9 a img{bottom:-2px;}
.ie7 .slide li { display:inline; zoom:1}
#slideshow .slide {overflow:hidden; float:left;}
#recomSvc {width:100%;min-width:950px;height:39px;border-bottom:3px solid #0060d5;background:#0095e6;overflow:hidden}
#recomSvc .content {width:950px;margin:0 auto;text-align:center}
#recomSvc .content ul {margin-left:45px}
#recomSvc .content ul li {float:left;height:39px;margin-right:50px}
#recomSvc .content ul li a {line-height:39px;vertical-align:middle}
#recomSvc .content ul li.end {margin:0}
#introMall {width:100%; height:560px; }
#introMall .content {width:100%;min-width:950px;height:560px;overflow:hidden;background:url(/img/intro/event/bg_pattern.png)}
#introMall .area {width:50%;height:560px;min-width:475px;position:absolute}
#introMall .area.left {z-index:1;top:0;left:0}
#introMall .area.right {top:0;right:0}
#introMall .area .area-contents {height:2320px;width:100%;-moz-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); -o-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); -webkit-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9)}
#introMall .left .article {margin:0 0 0 auto;text-align:right;height:560px;width:100%;position:relative}
#introMall .left img {margin-top:130px}
#introMall .area .area-contents a img {margin-top:0px}
#introMall .right img {margin:90px 0 0 50px}
#introMall .right .article {}
#introMall .article {margin:0 0 0 auto;text-align:right;height:560px;width:100%;position:relative}
#introMall .ar_01 {background-color:#01b79f !important}
#introMall .ar_02 {background-color:#ff9600 !important}
#introMall .ar_03 {background-color:#00aab1 !important}
#introMall .ar_04 {background-color:#00b4ec !important}
#introMall .ar_05 {background-color:#6acbd7 !important}
#introMall .new-paging {position:absolute;top:450px;left:35px;z-index:3}
#introMall .new-page-1 .left .area-contents {margin-top:0 !important}
#introMall .new-page-2 .left .area-contents {margin-top:-560px !important}
#introMall .new-page-3 .left .area-contents {margin-top:-1120px !important}
#introMall .new-page-4 .left .area-contents {margin-top:-1680px !important}
#introMall .new-page-5 .left .area-contents {margin-top:-2240px !important}
#introMall .new-page-5 .right .area-contents {margin-top:-2240px !important}
#introMall .new-page-4 .right .area-contents {margin-top:-1680px !important}
#introMall .new-page-3 .right .area-contents {margin-top:-1120px !important}
#introMall .new-page-2 .right .area-contents {margin-top:-560px !important}
#introMall .new-page-1 .right .area-contents {margin-top:0px !important}
#nemoSlider { margin:0 auto; position:relative; left:337px; top:23px; width:258px; height:100px;overflow:hidden;}
#nemoSlider .img_view {}
#nemoSlider .bt_view { position:absolute;top:80px;left:13px; cursor:pointer; }
#nemoSlider .bt_view li { margin-left:7px; float:left; display:block}
#nemoSlider a {display:block !important;}
#introFinance {min-width:950px; text-align:center; overflow:hidden}
#introFinance #introFinanceH2 {margin-top:70px}
#introFinance .content {height:220px}
#introFinance li {float:left; margin-left:22px}
#introFinance li:first-child {margin-left:19px}
#introFinance img {vertical-align:baseline !important}
/*#introFinance .icon-list {width:730px; padding-top:32px; margin:0 auto}*/
#introFinance .icon-list {width:920px; padding:32px 0 0 0px; margin:0 auto}
#introSmart {min-width:950px; text-align:center; background-color:#eeeeee}
#introSmart #introSmartH2 {padding-top:80px}
#introSmart .content {height:210px ; background:url(/img/intro/smart/intro_smart_bg.gif) center 60px no-repeat}
#introSmart li {margin-left: 25px;vertical-align: top;display: inline-block;*display: inline;*zoom:1;}
#introSmart li:first-child {margin-left:0;}
#introSmart img {vertical-align:baseline !important}
#introSmart .icon-list {width:950px; padding-top:32px; margin:0 auto}
#introBanner {min-width:950px; text-align:center; background:url(/img/intro/home/banner_bg.jpg)}
#introBanner .content {height:76px}
#introBanner li {float:left; margin-left:0px; margin-top:0px}
#introBanner li:first-child {margin-left:0px}
#introBanner .icon-list {width:950px; padding-top:0px; margin:0 auto}
#introBanner li a img {vertical-align:middle;}
/* #introFinance {background:url(/img/intro/finance/bg.gif) center 0 no-repeat;min-width:950px;position:relative} */
/* #introFinance #introFinanceH2 {top:0} */
/* #introFinance .content {height:253px} */
/* #introFinance li a {position:absolute;z-index:1} */
/* #introFinance li * {-moz-transition:0.2s cubic-bezier(0, 0.75, 0.95, 0.9); -o-transition:0.2s cubic-bezier(0, 0.75, 0.95, 0.9); -webkit-transition:0.2s cubic-bezier(0, 0.75, 0.95, 0.9); transition:0.2s cubic-bezier(0, 0.75, 0.95, 0.9)} */
/*#introFinance li.icon01 a {top:325px;left:592px}
#introFinance li.icon01 img {width:132px}
#introFinance li.icon01 a:hover, #introFinance li.icon01 a:focus {top:256px;left:523px;z-index:2}
#introFinance li.icon01 a:hover img, #introFinance li.icon01 a:focus img {width:270px}
#introFinance li.icon02 a {top:129px;left:744px}
#introFinance li.icon02 img {width:196px}
#introFinance li.icon02 a:hover, #introFinance li.icon02 a:focus {top:68px;left:683px;z-index:2}
#introFinance li.icon02 a:hover img, #introFinance li.icon02 a:focus img {width:319px}
*/
#introFinance li.icon01 a {top:325px;left:562px}
#introFinance li.icon01 img {width:132px}
#introFinance li.icon01 a:hover, #introFinance li.icon01 a:focus {top:256px;left:493px;z-index:2}
#introFinance li.icon01 a:hover img, #introFinance li.icon01 a:focus img {width:270px}
#introFinance li.icon02 a {top:129px;left:646px}
#introFinance li.icon02 img {width:196px}
#introFinance li.icon02 a:hover, #introFinance li.icon02 a:focus {top:68px;left:584px;z-index:2}
#introFinance li.icon02 a:hover img, #introFinance li.icon02 a:focus img {width:319px}
#introFinance li.icon03 a {top:190px;left:300px}
#introFinance li.icon03 img {width:263px}
#introFinance li.icon03 a:hover, #introFinance li.icon03 a:focus {top:157px;left:252px;z-index:2}
#introFinance li.icon03 a:hover img, #introFinance li.icon03 a:focus img {width:341px}
#introFinance li.icon04 a {top:150px;left:48px}
#introFinance li.icon04 img {width:240px}
#introFinance li.icon04 a:hover, #introFinance li.icon04 a:focus {top:109px;left:7px;z-index:2}
#introFinance li.icon04 a:hover img, #introFinance li.icon04 a:focus img {width:323px}
#introFinance li.icon05 a {top:320px;left:730px}
#introFinance li.icon05 img {width:164px}
#introFinance li.icon05 a:hover, #introFinance li.icon05 a:focus {top:266px;left:676px;z-index:2}
#introFinance li.icon05 a:hover img, #introFinance li.icon05 a:focus img {width:274px}
#introEvent {background:#84d13f;-moz-transition:0.2s linear; -o-transition:0.2s linear; -webkit-transition:0.2s linear; transition:0.2s linear}
#introEvent .content {height:560px;width:100%;min-width:950px;background:url(/img/intro/event/bg_pattern.png)}
#introEvent .wrap {height:560px;width:950px;margin:0 auto;overflow:hidden;position:relative}
#introEvent .list {height:1680px;width:100%;position:absolute;top:0;left:0;-moz-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); -o-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); -webkit-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9)}
#introEvent .page {height:560px;width:100%;position:relative}
#introEvent .page .art {position:absolute;top:0;left:0}
#introEvent .page .btn-detail {position:absolute;top:370px;left:175px}
#introEvent .paging {position:absolute;top:490px;left:0px;z-index:10}
#introEvent.page-1 .list {top:0}
#introEvent.page-2 .list {top:-560px}
#introEvent.page-3 .list {top:-1120px}
#introEvent.page-4 .list {top:-1680px}
.lt-ie7 #introEvent {background:#fdd517 !important}
#introNews {margin-top:66px; /*background:url(/img/intro/news/intronews_bg.png) top no-repeat*/}
#introNews .content {height:140px}
#introNews dl {position:absolute;width:356px;top:30px;margin-top:30px}
#introNews dl.news, #introNews dl.notice, #introNews dl.terms {left:0}
#introNews dl.mall {left:380px}
#introNews dt {position:absolute;top:-40px}
#introNews dt, #introNews dt a {font-size:18px;color:#232323;height:20px;line-height:16px;font-weight:bold;letter-spacing:-1px}
.lt-ie8 #introNews dt, .lt-ie8 #introNews dt a {height:24px;line-height:24px}
#introNews .news dt a, #introNews .notice dt a, #introNews .terms dt a {color:#777;font-weight:bold}
#introNews .news.on dt a, #introNews .notice.on dt a, #introNews .terms.on dt a {color:#232323}
#introNews .news dd, #introNews .notice dd, #introNews .terms dd {display:none}
#introNews .news.on dd, #introNews .notice.on dd, #introNews .terms.on dd {display:block}
#introNews .notice dt {margin-left:80px}
#introNews .terms dt {margin-left:168px}
#introNews .notice dt a, #introNews .terms dt a {padding-left:8px;border-left:solid 1px #dfdfdf}
#introNews dd a {width:100%;font-size:14px;height:25px}
#introNews dd a:hover *, #introNews dd a:focus *{text-decoration:underline;color:#0087e5 !important}
#introNews dd a .title {float:left;color:#333}
#introNews dd a .date {float:right;color:#888}
#introNews dd.more a {width:auto;font-size:12px;color:#888;position:absolute;right:0px;top:-36px;height:14px}
.js-carousel.service-info { width:258px; height:111px; position:absolute; left:384px; top:25px; }
.js-carousel.service-info a {vertical-align:top !important}
.js-carousel.service-info .js-carousel-content-wrapper {overflow:hidden;height:200px}
.js-carousel.service-info .js-carousel-content-wrapper ul li {width:258px;height:200px;float:left;color:white;font-weight:bold;text-align:center}
.js-carousel.service-info .js-carousel-prev, .js-carousel.sample .js-carousel-next {display:inline-block;width:30px;height:20px;background:yellow;position:absolute;top:90px;text-align:center}
.js-carousel.service-info .js-carousel-prev {left:10px}
.js-carousel.service-info .js-carousel-next {right:10px}
.js-carousel.service-info .js-carousel-paging {position:absolute;top:130px;text-align:center;left:20px}
.js-carousel.service-info .js-carousel-paging ul {display:inline-block}
.js-carousel.service-info .js-carousel-paging .ui-carousel-paging {float:left;margin:0 5px}
.js-carousel.service-info .js-carousel-paging .ui-carousel-paging a {font-size:0;line-height:0;display:inline-block; width:10px;height:10px; background:url(/img/intro/news/sercive_paging.gif) no-repeat}
.js-carousel.service-info .js-carousel-paging .ui-carousel-paging.on a {width:10px;height:10px; background:url(/img/intro/news/service_paging_on.gif) no-repeat}
#introNav {background:#2b4f91;-webkit-box-shadow:inset 0 10px 20px -10px rgba(0,0,0,0.5); box-shadow:inset 0 10px 20px -10px rgba(0,0,0,0.5)}
#introNav .content {height:295px}
#introNav .area {position:absolute}
#introNav h3 {font-size:13px;color:#9ae1ff;width:98px;position:absolute;left:0;border-right:solid 1px #234177;font-weight:normal}
#introNav .column2 {width:636px;border-left:solid 1px #45649e;position:absolute;left:99px}
#introNav h4 a {font-size:14px;color:#fff;height:35px;letter-spacing:-1px;font-weight:normal}
#introNav .list li {height:24px}
#introNav .list a {font-size:13px;color:#cad3e3;padding-left:6px;background:url(/img/intro/nav/bul.gif) 0 7px no-repeat;letter-spacing:-1px}
#introNav .first {border-right:solid 1px #234177;top:25px;left:0;width:724px;height:179px}
#introNav .first h3 {height:149px;top:0}
#introNav .first .column2 {height:149px;top:0}
#introNav .first .item-1 {position:absolute;top:-1px;left:16px}
#introNav .first .item-2 {position:absolute;top:-1px;left:156px}
#introNav .first .item-3 {position:absolute;top:-1px;left:296px}
#introNav .first .item-4 {position:absolute;top:-1px;left:436px}
#introNav .second {border-right:solid 1px #234177;top:204px;left:0;width:724px;height:66px}
#introNav .second h3 {height:66px;top:0}
#introNav .second .column2 {height:66px;top:0}
#introNav .second .list {margin-left:16px}
#introNav .second .list li {float:left;width:139px}
#introNav .third {border-left:solid 1px #45649e;width:224px;top:25px;right:0;height:245px}
#introNav .third li {height:27px;text-align:right}
#introNav .third a {font-size:14px;letter-spacing:-1px;color:#fff}
#introNav .third .list-1 {position:absolute;top:-3px;right:129px}
#introNav .third .list-2 {position:absolute;top:-3px;right:0}
#introFoot {background:url(/img/intro/foot/bg.jpg) center 0 no-repeat;min-width:950px}
#introFoot .content {padding-top:27px;padding-bottom:24px;position:relative}
#introFoot .footer-content {width:950px;margin:0 auto;*zoom:1;position:relative}
#introFoot .footer-content:after {display:block;clear:both;content: " "}
#introFoot .logo {float:left;width:96px;height:62px}
#introFoot .logo img {margin:14px 0 0 14px}
#introFoot .right-content {float:left;padding-left:15px;width:835px;*zoom:1;border-left:solid 1px #e5e5e5}
#introFoot .right-content .info {float:left}
#introFoot .right-content .info .phone {color:#555;letter-spacing:-1px;margin-bottom:4px}
#introFoot .right-content .info .quick {color:#7f7f7f;margin-top:15px;letter-spacing:-1px}
#introFoot .right-content .info .quick a {color:#7f7f7f;line-height:20px}
#introFoot .right-content .info .quick a:focus, #introFoot .right-content .info .quick a:hover {color:#000 !important}
#introFoot .right-content .info .copyright {color:#7f7f7f;font-family:Arial;font-size:11px;margin-top:3px}
#introFoot .right-content .info .copyrightcd {display:none;color:#7f7f7f;font-family:Arial;font-size:11px;margin-top:6px}
#introFoot .right-content .info .copyrightcd span {font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,Helvetica,AppleGothic,Sans-serif}
#introFoot .links {width:215px;height:65px;position:absolute;top:0;right:0}
#introFoot .links .js-display-hover {display:inline}
#introFoot .links .more {width:235px}
#introFoot .links .more a {color:#555}
#introFoot .links .more a:hover, #footer .footer-global .footer-content .content .links .more a:focus {color:#000}
#introFoot .links .more .js-display-hover-trigger {height:14px;line-height:14px;background:url(/img/common/footer/icon_more.gif) no-repeat right 0;padding-right:22px;color:#555;position:absolute;left:0}
#introFoot .language {position:absolute;right:205px}
#introFoot .language .js-display-hover-trigger {width:62px}
#introFoot .country-box {position:absolute;width:229px;height:90px;border:solid 1px #696969;background:#fff;top:-100px;left:-32px;display:none}
#introFoot .country-box ul {margin-top:14px}
#introFoot .country-box ul li {padding:0;width:93px;float:left;padding-left:15px}
#introFoot .country-box ul li.first {border-right:solid 1px #e5e5e5}
#introFoot .country-box ul li a {width:68px;padding-left:29px;margin-bottom:4px;height:18px}
#introFoot a.flag-us {background:url(/img/common/footer/flag_us.gif) no-repeat}
#introFoot a.flag-china {background:url(/img/common/footer/flag_china.gif) no-repeat}
#introFoot a.flag-japan {background:url(/img/common/footer/flag_japan.gif) no-repeat}
#introFoot a.flag-philippines {background:url(/img/common/footer/flag_philippines.gif) no-repeat}
#introFoot a.flag-vietnam {background:url(/img/common/footer/flag_vietnam.gif) no-repeat}
#introFoot a.flag-mongolia {background:url(/img/common/footer/flag_mongolia.gif) no-repeat}
#introFoot a.flag-korea {background:url(/img/common/footer/flag_korea.gif) no-repeat}
#introFoot .country-box .country-arrow {position:absolute;width:231px;height:11px;background:url(/img/common/footer/bu_more.gif) no-repeat center 0;top:90px;left:-7px}
#introFoot .family {position:absolute;right:96px}
#introFoot .family .js-display-hover-trigger {width:74px}
#introFoot .family-box {position:absolute;width:257px;height:100px;border:solid 1px #696969;background:#fff;top:-110px;left:-128px;display:none}
#introFoot .family-box ul {margin-top:14px}
#introFoot .family-box ul li {padding:0;width:93px;float:left;padding-left:15px}
#introFoot .family-box ul li.first {border-right:solid 1px #e5e5e5;width:113px}
#introFoot .family-box ul li a {width:100px;height:18px;letter-spacing:-1px}
#introFoot .family-box .family-arrow {position:absolute;width:231px;height:11px;background:url(/img/common/footer/bu_more.gif) no-repeat 209px 0;top:100px;left:0}
#introFoot .links .icon {position:absolute;top:38px}
#introFoot .links .icon .icon-box {position:absolute;border:solid 1px #696969;background:#fff;color:#555;padding:6px 10px;top:-55px;text-align:center;font-size:12px;letter-spacing:-1px;height:30px;display:none}
#introFoot .links .icon .icon-box .arrow {position:absolute;width:14px;height:15px;padding:0 6px;background:url(/img/common/footer/bu_more.gif) no-repeat center 0;top:42px;left:0}
#introFoot .links .icon-0 {left:22px}
#introFoot .links .icon-0 .icon-box {width:80px;left:-34px}
#introFoot .links .icon-0 .icon-box .arrow {width:80px}
#introFoot .links .icon-1 {left:74px}
#introFoot .links .icon-1 .icon-box {width:125px; left:-62px}
#introFoot .links .icon-1 .icon-box .arrow {width:132px}
#introFoot .links .icon-2 {left:106px}
#introFoot .links .icon-2 .icon-box {width:131px;left:-62px}
#introFoot .links .icon-2 .icon-box .arrow {width:131px}
#introFoot .links .icon-3 {left:140px}
#introFoot .links .icon-3 .icon-box {width:120px;left:-40px}
#introFoot .links .icon-3 .icon-box .arrow {width:84px}
#introFoot .links .icon-4 {left:169px}
#introFoot .links .icon-4 .icon-box {width:120px;left:-95px}
#introFoot .links .icon-4 .icon-box .arrow {width:120px;background-position:96px 0}
#introFoot .links .icon-5 {left:193px}
#introFoot .links .icon-5 .icon-box {width:114px; height:45px; top:-68px; left:-113px}
#introFoot .links .icon-5 .icon-box .arrow {width:119px; top:57px; background-position:115px 0}
/*20130503추가*/
#introFoot .links .twitter {left:27px}
#introFoot .links .facebook {left:0}
#news-container ul{}
#news-container ul li{width:100px; height:100px; color:red; font-size:13px}
#news-container1 ul li{width:100px; height:100px; color:red; font-size:13px}
.lt-ie7 .intro-parallax {display:none}
.intro-parallax .layer {position:absolute;top:0;left:0;width:950px;z-index:4000;-moz-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); -o-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); -webkit-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9)}
.intro-parallax .layer .item {position:absolute;top:0;left:0}
.intro-parallax .layer1 {margin-top:215px}
.intro-parallax .layer2 {margin-top:585px}
.intro-parallax .layer3 {margin-top:3160px}
/* 코스모스 교체로 인한 주석 20131001 김은표 */
/* .intro-parallax .layer1 .sakura01 {top:955px;left:108px} */
/* .intro-parallax .layer1 .sakura02 {top:758px;left:48px} */
/* .intro-parallax .layer1 .sakura03 {top:636px;left:727px} */
/* .intro-parallax .layer1 .sakura04 {top:816px;left:325px} */
/* .intro-parallax .layer1 .sakura05 {top:523px;left:755px} */
/* .intro-parallax .layer2 .sakura01 {top:740px;left:0px} */
/* .intro-parallax .layer2 .sakura02 {top:496px;left:877px} */
/* .intro-parallax .layer2 .sakura03 {top:350px;left:908px} */
/* .intro-parallax .layer2 .sakura04 {top:655px;left:615px} */
/* .intro-parallax .layer3 .sakura01 {top:759px;left:552px} */
/* //코스모스 교체로 인한 주석 20131001 김은표 */
/* 코스모스로 교체 20131001 김은표 */
.intro-parallax .layer1 .ice01 {top:503px;left:720px}
.intro-parallax .layer1 .ice02 {top:898px;left:580px}
.intro-parallax .layer1 .ice03 {top:633px;left:490px}
.intro-parallax .layer1 .ice04 {top:900px;left:-100px}
.intro-parallax .layer2 .right_s1 {top:258px;left:40px}
.intro-parallax .layer2 .right_s2 {top:334px;left:7px}
.intro-parallax .layer2 .right_s3 {top:419px;left:458px}
.intro-parallax .layer2 .right_s4 {top:406px;left:330px}
.intro-parallax .layer2 .right_s5 {top:551px;left:181px}
.intro-parallax .layer2 .right_s6 {top:601px;left:451px}
.intro-parallax .layer2 .right_s7 {top:351px;left:800px}
/* //코스모스로 교체 20131001 김은표 */
#introEmergency {}
#introEmergency .content {height:600px}
/* 공통 부분 */
/*.pop-wrap .agree-box {height:auto}*/
.pop-content .pop-focus-anchor {height:0;font-size:0;line-height:0;display:block}
/*#region popup */
.pop-wrap {overflow:visible;position:fixed;left:0;top:0;width:100%;height:100%;line-height:normal;background:url(/img/common/etc/shadow.png) repeat !important;z-index:6000}
.pop-wrap.loading-type-0 {background-image:none}
.pop-footer-copy-clse {background:#e8e8e8;font-family:arial;font-size:9px;line-height:26px;vertical-align:middle;height:26px;padding:0 20px}
.pop-footer-copy-clse .clse {position:absolute;right:20px;top:5px;background:url(/img/common/etc/btn_close_pop_wrap2.png) no-repeat 0 0}
.pop-content {position:static;margin:0 auto;z-index:30;border:1px solid #20509f;border-bottom:6px solid #20509f;background:#fff;font-size:12px !important;overflow-x:hidden}
.pop-wrap.layer .pop-content {position:fixed}
.pop-content.loading {font-size:0 !important;line-height:0}
.opera .pop-content.loading {text-indent:-2000px}
.pop-content.loading.loading-type-0 {background:none;border:none}
.pop-content.loading.loading-type-1 {background:url(/img/common/etc/ico_loading.gif) no-repeat}
.pop-content.loading.loading-type-2 {background:url(/img/common/etc/ico_loading2.gif) no-repeat}
.pop-content.loading.loading-type-3 {background:url(/img/common/etc/ico_loading3.gif) no-repeat}
.pop-content.loading.loading-type-4 {background:url(/img/common/etc/ico_loading4.gif) no-repeat}
.pop-content.loading.loading-type-5 {background:url(/img/common/etc/ico_loading5.gif) no-repeat}
.pop-content .pop-loading {width:290px;height:123px;background:url(/img/common/etc/ico_loading.gif) no-repeat;font-size:0;line-height:0}
.pop-content .pop-loading.type-2 {background:url(/img/common/etc/ico_loading2.gif) no-repeat}
.opera .pop-content .pop-loading {text-indent:-2000px}
.lt-ie7 .pop-wrap {position:absolute;background:none !important}
.lt-ie7 .layer .pop-content {position:absolute}
.pop-wrap .pop-iframe {border:none;position:absolute;z-index:-1}
.pop-inner img,.pop-inner fieldset {border:none}
.pop-inner {background:white;/*border-top:solid 2px #999;border-bottom:solid 2px #999;*/}
.pop-inner legend {display:none}
.pop-inner h1.ly-header, .pop-inner.error-wrap .ly-header {background:#20509f url(/img/common/etc/bg_pop_inner_h1.gif) no-repeat right top;color:#fff !important;height:58px;padding:0 0 0 26px;font-size:22px;line-height:53px;text-align:left;letter-spacing:-1px;font-weight:bold;vertical-align:middle;margin-bottom:25px}
.pop-inner h1.ly-header .btn-pack {font-weight:normal !important;letter-spacing:0 !important}
.pop-inner h2 {position:relative !important;top:-2px;font-size:16px!important;line-height:18px !important;vertical-align:middle !important;height:23px !important;overflow:hidden !important;font-weight:normal !important;padding-bottom:2px !important;color:#195899 !important;letter-spacing:-1px !important;margin:0 !important}
.lt-ie8 .pop-inner h2 {position:relative !important;top:-7px;font-size:18px!important;line-height:26px !important;vertical-align:middle !important;height:23px !important;overflow:hidden !important;font-weight:normal !important;padding-bottom:2px !important;color:#195899 !important;letter-spacing:-1px !important}
.pop-inner .ly-body {margin:0 25px;padding:0 0 25px;font-size:12px;color:#444;text-align:left}
.pop-inner.error-wrap .ly-body {padding:0 0 1px}
.lt-ie8 .pop-inner .ly-body {display:inline-block}
.pop-inner h2.type2 {height:34px !important;background:none;padding:0;border:none;_height:40px !important}
.ie7 .pop-inner h2.type2 {height:39px !important}
/* 팝업에서 테이블 위 조회기준일시 이상으로 삭제 - 상구
.pop-inner .ly-body dt {margin:0 0 9px}
.pop-inner .ly-body dd {margin:0 0 6px}
.pop-inner .ly-body li {margin:0 0 6px}
*/
.pop-inner .ly-body .input-radio {_margin:-3px;vertical-align:middle}
.pop-inner .ly-body .output-data {padding:20px;border:1px solid #eee;background:#f9f9f9}
.pop-inner .ly-body .output-data em {font-style:normal;font-weight:bold;color:#0A69CA}
.pop-inner .ly-body .btn-area li.btn-area-l {float:left;width:20% !important;text-align:left}
.pop-inner .ly-body .btn-area li.btn-area-c {float:left;width:60% !important;text-align:center}
.pop-inner .ly-body .btn-area li.btn-area-r {float:right;width:20% !important;text-align:right}
.pop-inner .tbl-type th, .pop-inner .tbl-type td,.pop-inner .tbl-type-1 th, .pop-inner .tbl-type-1 td ,.pop-inner .board-list-1 th, .pop-inner .board-list-1 td, .pop-inner .board-list-1 td a {font-size:12px !important}
.pop-inner .close-layer {position:absolute;width:29px;height:29px;top:15px;right:26px;background:url(/img/common/etc/btn_close_pop_wrap1.png) no-repeat 0 0;_background:url(/img/common/etc/btn_close_pop_wrap1.gif) no-repeat 0 0;font-size:0;line-height:0;cursor:pointer;_cursor:pointer;text-indent:-4000px}
.pop-inner .print-layer {position:absolute;width:29px;height:29px;top:15px;right:65px;background:url(/img/common/etc/btn_print_pop.png) no-repeat 0 0;_background:url(/img/common/etc/btn_print_pop.gif) no-repeat 0 0;font-size:0;line-height:0;cursor:pointer;_cursor:pointer;text-indent:-4000px}
.no-print .print-layer {display:none !important}
.pop-inner .tbl-type a, .pop-inner .tbl-type-1 a {font-size:12px !important}
.pop-inner .tbl-type td, .pop-inner .tbl-type thead th, .pop-inner .tbl-type thead td, .pop-inner .tbl-type tbody th, .pop-inner .tbl-type tbody td , .pop-inner .tbl-type tfoot th , .pop-inner .tbl-type tfoot td {padding:4px 10px 6px !important;line-height:normal}
.pop-inner .tbl-type-1 td, .pop-inner .tbl-type-1 thead th, .pop-inner .tbl-type-1 thead td, .pop-inner .tbl-type-1 tbody th, .pop-inner .tbl-type-1 tbody td , .pop-inner .tbl-type-1 tfoot th , .pop-inner .tbl-type-1 tfoot td {padding:4px 10px 6px !important;line-height:normal}
.pop-inner input[type="text"],.pop-inner input[type="password"] {height:17px;position:relative;margin:1px 2px 0;padding:1px 3px 2px;border:1px solid #d1d1d1;background:#fff;color:#000}
.pop-inner .tbl-type input[type="text"], .pop-inner .tbl-type input[type="password"], .pop-inner .tbl-type-1 input[type="text"], .pop-inner .tbl-type-1 input[type="password"] {margin:0;margin-top:2px}
.pop-inner .tbl-type select {margin:0; height:22px; padding:0 !important; line-height:22px}
.pop-inner .tbl-type-1 .btn-calendar {display:inline-block;width:25px;height:22px;background:url(/img/common/etc/btn_calendar_pop.gif) no-repeat left top;font-size:0;margin:0 3px 0;line-height:0 !important;vertical-align:top}
.pop-inner .tbl-type .btn-calendar {display:inline-block;width:25px;height:25px;background:url(/img/common/etc/btn_calendar_pop.gif) no-repeat left 3px;font-size:0;margin:0 3px 0;line-height:0 !important;vertical-align:top}
.pop-inner .tbl-type .l-td {font-size:12px !important}
.pop-inner .tbl-type dt, .pop-inner .tbl-type dd, .pop-inner .tbl-type li {font-size:12px !important}
.pop-inner .i-dsc, .pop-inner .i-data {line-height:16px}
.pop-inner .notice-bx {background:#fff;border:1px solid #b48e60}
.pop-inner .notice-bx h3.notice, .pop-inner.mrsong .notice-bx h3.notice {font-size:0 !important;line-height:0;position:absolute;top:-5000px;left:0}
.pop-inner .notice-bx ul {margin:4px 10px 6px 10px}
.pop-inner .notice-bx li, .pop-inner .notice-bx li a {font-size:12px !important}
.pop-inner .notice-bx li {background:url(/img/common/etc/bu_notice_pop.gif) no-repeat left 9px;padding-left:9px;line-height:17px;color:#000}
.pop-inner .notice-txt {clear:both;position:relative;padding:4px 0 6px}
.pop-inner .notice-txt dt {color:#195899 !important}
.pop-inner .notice-txt dd, .pop-inner .notice-txt li {color:#555;background:url(/img/common/etc/bu_notice_pop.gif) no-repeat left 9px;padding-left:9px;line-height:17px}
.pop-inner .btn-pack.btn-type-2,.btn-pack.btn-type-2 *{height:25px;text-align:center;line-height:26px;color:#000;font-size:12px;font-family:'돋움',Dotum,Helvetica,sans-serif;vertical-align:middle}
.pop-inner .tbl-type .btn-pack, .pop-inner .tbl-type-1 .btn-pack {margin-top:2px !important}
.ie7 .pop-inner .tbl-type {border-collapse:collapse;border-spacing: 0}
.ie7 .pop-inner .tbl-type-1 {border-collapse:collapse;border-spacing: 0}
/*보안수단 입력*/
.pop-inner .tbl-type label.pmouse {position:relative;top:-43px;margin-left:20px;margin-right:20px}
#login-area {position:relative;top:-18px;*top:-10px;margin-bottom:12px;*margin-bottom:20px;background:#fff url(/img/common/login/bar_loginarea.gif) no-repeat;padding-top:7px; display:block;width:948px;height:305px;padding:0;border:1px solid #e5e5e5;border-top:none}
#login-area-wrap {}
#login-area-wrap.kt {background:#fff url(/img/common/login/bar_loginarea_kt.gif) repeat-x}
#login-area-wrap-etc {position:relative;top:0;width:950px;margin-bottom:12px;*margin-bottom:20px;background:#fff url(/img/common/login/bar_loginarea.gif) no-repeat;padding-top:7px}
#login-area-wrap .btn-pack {letter-spacing:-0.2pt}
#login-area-wrap.logout {margin-top:30px}
#login-area-wrap.logout .logout-area {height:235px;border:solid 1px #e5e5e5;background:#fff url(/img/common/login/bg_logout.png) no-repeat 80px 30px}
#login-area-wrap.logout .logout-area p {margin-left:340px;margin-bottom:18px;font-size:14px}
#login-area-wrap.logout .logout-area p.title {font-size:28px;color:#019ae6;font-weight:bold;margin-bottom:10px;margin-top:40px;letter-spacing:-3px}
#login-area-wrap.auto-logout {margin-top:100px;background:url("/img/common/login/bar_loginarea.jpg") no-repeat scroll 0 0 #FFFFFF}
#login-area-wrap.auto-logout .logout-info {border:1px solid #e5e5e5;height:187px;background:url("/img/common/login/bg_logout.png") no-repeat scroll 80px 37px;padding:61px 0 0 340px}
#login-area-wrap.auto-logout .logout-info .title {height:28px;margin-bottom:10px}
#login-area-wrap.auto-logout .logout-info .content {font-size:14px;letter-spacing:-1px;line-height:18px;margin-bottom:19px;_background:none}
#login-area-wrap.auto-logout .logout-info .content em.bronze {font-weight:bold;color:#986e3b}
.ie6 #login-area-wrap.auto-logout .logout-info .content {width:auto;height:auto}
#login-area-wrap.re-login {margin-top:100px;background:url("/img/common/login/bar_loginarea.jpg") no-repeat scroll 0 0 #FFFFFF}
#login-area-wrap.re-login .logout-info {border:1px solid #e5e5e5;height:187px;background:url("/img/common/login/bg_pop_logout_b.png") no-repeat scroll 80px 70px;padding:61px 0 0 250px}
#login-area-wrap.re-login .logout-info .title {margin-bottom:10px;font-size:28px;color:#000;font-weight:bold;letter-spacing:-1px}
#login-area-wrap.re-login .logout-info .title strong {color:#009ae6}
#login-area-wrap.re-login .logout-info .content {font-size:14px;letter-spacing:-1px;line-height:18px;margin-bottom:19px;padding:0 20px 0 0;_background:none}
#login-area-wrap.re-login .logout-info .content em.bronze {font-weight:bold;color:#986e3b}
#login-area-wrap.auto-logout-tw .logout-info-tw {height:247px;background: url("/img/common/login/bg_logout.gif") no-repeat scroll 80px 60px;padding:57px 0 0 340px}
#login-area-wrap.auto-logout-tw .logout-info-tw .title {height:28px;margin-bottom:7px}
#login-area-wrap.auto-logout-tw .logout-info-tw .twenty {font-size:18px;font-weight:bold;letter-spacing:-1px;color:#333;margin-bottom:14px}
#login-area-wrap.auto-logout-tw .logout-info-tw .content {font-size:14px;letter-spacing:-1px;line-height:18px;_background:none}
#login-area-wrap.auto-logout-tw .logout-info-tw .content02 {font-size:14px;letter-spacing:-1px;margin:17px 0 16px 0;_background:none}
#login-area-wrap.auto-logout-tw .logout-info-tw .twenty em.org {color:#ff4b2a}
/*#region pop btn*/
.btn-pack,.btn-pack *{display:inline-block;overflow:visible;margin:0;padding:0;background:url(/img/common/etc/bg_btn/common.gif) no-repeat;white-space:nowrap;text-align:center;border:none;background-color:transparent;*zoom:1;cursor:pointer;_cursor:pointer}
.btn-pack {margin:0;visibility:hidden}/*간격*/
.btn-pack.ui-set-btn-pack {visibility:inherit}
.btn-pack * {margin-left:4px;cursor:pointer;_cursor:pointer}
.btn-pack a, .btn-pack input, .btn-pack button {text-decoration:none !important}
.btn-pack a:hover, .btn-pack input:hover, .btn-pack button:hover,
.btn-pack a:focus, .btn-pack input:focus, .btn-pack button:focus {text-decoration:underline !important}
.pop-inner .btn-pack.btn-type-2, .pop-inner .btn-pack.btn-type-2 *,
.pop-inner .btn-pack.btn-type-2c, .pop-inner .btn-pack.btn-type-2c *,
.pop-inner .btn-pack.btn-type-3, .pop-inner .btn-pack.btn-type-3 *,
.pop-inner .btn-pack.btn-type-3c, .pop-inner .btn-pack.btn-type-3c *{background:url(/img/common/etc/bg_btn/common_pop.gif) no-repeat;margin:0}
.pop-inner .btn-pack.btn-type-2,.pop-inner .btn-pack.btn-type-2 *{height:22px;color:#000;line-height:22px;font-size:11px;letter-spacing:-1px;_height:23px}
.pop-inner .btn-pack.btn-type-2, .pop-inner.mrsong .btn-pack.btn-type-2 {background-position:left top}
.pop-inner .btn-pack.btn-type-2 *, .pop-inner.mrsong .btn-pack.btn-type-2 *{padding:0 7px !important;background-position:right top}
.pop-inner .btn-pack.btn-type-2 a, .pop-inner.mrsong .btn-pack.btn-type-2 a {min-width:24px}
.pop-inner .btn-pack.btn-type-2c,.pop-inner .btn-pack.btn-type-2c *{height:22px;line-height:22px;font-size:11px;letter-spacing:-1px}
.pop-inner .btn-pack.btn-type-2c, .pop-inner.mrsong .btn-pack.btn-type-2c {background-position:left -27px}
.pop-inner .btn-pack.btn-type-2c *, .pop-inner.mrsong .btn-pack.btn-type-2c * {padding: 0 7px !important;background-position: right -27px}
.pop-inner .btn-pack.btn-type-2c a, .pop-inner.mrsong .btn-pack.btn-type-2c a {min-width:24px}
.pop-inner .btn-pack.btn-type-2c:hover,
.pop-inner .btn-pack.btn-type-2c:active,
.pop-inner .btn-pack.btn-type-2c:focus,
.pop-inner .btn-pack.btn-type-2c:hover *,
.pop-inner .btn-pack.btn-type-2c:active *,
.pop-inner .btn-pack.btn-type-2c:focus * {color:#ddd !important}
.pop-inner .btn-pack.btn-type-3, .pop-inner .btn-pack.btn-type-3, .ly-view01 .btn-pack.btn-type-3 {margin-left:2px !important;margin-right:2px !important}
.pop-inner .btn-pack.btn-type-3,.pop-inner .btn-pack.btn-type-3 *, .ly-view01 .btn-pack.btn-type-3, .ly-view01 .btn-pack.btn-type-3 *{height:27px;color:#000 !important;font-weight:bold !important;font-size:13px !important;line-height:23px !important}
.pop-inner .btn-pack.btn-type-3, .pop-inner.mrsong .btn-pack.btn-type-3, .ly-view01 .btn-pack.btn-type-3 {background-position:left -150px}
.pop-inner .btn-pack.btn-type-3 *, .pop-inner.mrsong .btn-pack.btn-type-3 *, .ly-view01 .btn-pack.btn-type-3 *{padding:0 15px 0 15px;background-position:right -150px !important}
.pop-inner .btn-pack.btn-type-3 a, .ly-view01 .btn-pack.btn-type-3 a {min-width:35px}
.pop-inner .btn-pack.btn-type-3 button, .pop-inner .btn-pack.btn-type-3 input, .ly-view01 .btn-pack.btn-type-3 button, .ly-view01 .btn-pack.btn-type-3 input {min-width:65px}
.firefox .pop-inner .btn-pack.btn-type-3 a,.firefox .ly-view01 .btn-pack.btn-type-3 {line-height:7px !important;padding-top:9px;padding-bottom:11px;height:7px}
.firefox .pop-inner .btn-pack.btn-type-3 input,.firefox .ly-view01 .btn-pack.btn-type-3 input {line-height:27px !important;padding-top:5px;padding-bottom:11px;height:27px}
.firefox .pop-inner .btn-pack.btn-type-3 button, .firefox .ly-view01 .btn-pack.btn-type-3 button {line-height:17px !important;padding-top:3px;padding-bottom:11px;height:27px}
.msie .pop-inner .btn-pack.btn-type-3 a, .msie .pop-inner .btn-pack.btn-type-3 input, .msie .pop-inner .btn-pack.btn-type-3 button {line-height:27px !important}
.msie .ly-view01 .btn-pack.btn-type-3 a, .msie .ly-view01 .btn-pack.btn-type-3 input, .msie .ly-view01 .btn-pack.btn-type-3 button {line-height:27px !important}
.ie9 .pop-inner .btn-pack.btn-type-3 button, .ie9 .pop-inner .btn-pack.btn-type-3 input, .ie9 .ly-view01 .btn-pack.btn-type-3 input {min-width:0}
.ie8 .pop-inner .btn-pack.btn-type-3 button, .ie8 .pop-inner .btn-pack.btn-type-3 input, .ie8 .ly-view01 .btn-pack.btn-type-3 input {min-width:35px !important}
.lt-ie8 .pop-inner .btn-pack.btn-type-3 *, .lt-ie8 .ly-view01 .btn-pack.btn-type-3 * {vertical-align:top}
.lt-ie8 .pop-inner .btn-pack.btn-type-3 * .hidden, .lt-ie8 .ly-view01 .btn-pack.btn-type-3 * .hidden {vertical-align:baseline}
.pop-inner .btn-pack.btn-type-3c, .pop-inner .btn-pack.btn-type-3c, .ly-view01 .btn-pack.btn-type-3c {margin-left:2px !important;margin-right:2px !important}
.pop-inner .btn-pack.btn-type-3c,.pop-inner .btn-pack.btn-type-3c *, .ly-view01 .btn-pack.btn-type-3c, .ly-view01 .btn-pack.btn-type-3c *{height:27px;color:#fff !important;font-weight:bold !important;font-size:13px !important;line-height:23px !important}
.pop-inner .btn-pack.btn-type-3c, .pop-inner.mrsong .btn-pack.btn-type-3c, .ly-view01 .btn-pack.btn-type-3c {background-position:left -182px}
.pop-inner .btn-pack.btn-type-3c *, .pop-inner.mrsong .btn-pack.btn-type-3c *, .ly-view01 .btn-pack.btn-type-3c *{padding:0 15px 0 15px;background-position:right -182px !important}
.pop-inner .btn-pack.btn-type-3c a, .ly-view01 .btn-pack.btn-type-3c a {min-width:35px}
.pop-inner .btn-pack.btn-type-3c button, .pop-inner .btn-pack.btn-type-3c input, .ly-view01 .btn-pack.btn-type-3c button, .ly-view01 .btn-pack.btn-type-3c input {min-width:65px}
.firefox .pop-inner .btn-pack.btn-type-3c a,.firefox .ly-view01 .btn-pack.btn-type-3c {line-height:7px !important;padding-top:9px;padding-bottom:11px;height:7px}
.firefox .pop-inner .btn-pack.btn-type-3c input,.firefox .ly-view01 .btn-pack.btn-type-3c input {line-height:27px !important;padding-top:5px;padding-bottom:11px;height:27px}
.firefox .pop-inner .btn-pack.btn-type-3c button, .firefox .ly-view01 .btn-pack.btn-type-3c button {line-height:17px !important;padding-top:3px;padding-bottom:11px;height:27px}
.msie .pop-inner .btn-pack.btn-type-3c a, .msie .pop-inner .btn-pack.btn-type-3c input, .msie .pop-inner .btn-pack.btn-type-3c button {line-height:27px !important}
.msie .ly-view01 .btn-pack.btn-type-3c a, .msie .ly-view01 .btn-pack.btn-type-3c input, .msie .ly-view01 .btn-pack.btn-type-3c button {line-height:27px !important}
.ie9 .pop-inner .btn-pack.btn-type-3c button, .ie9 .pop-inner .btn-pack.btn-type-3c input, .ie9 .ly-view01 .btn-pack.btn-type-3c input {min-width:0}
.ie8 .pop-inner .btn-pack.btn-type-3c button, .ie8 .pop-inner .btn-pack.btn-type-3c input, .ie8 .ly-view01 .btn-pack.btn-type-3c input {min-width:35px !important}
.lt-ie8 .pop-inner .btn-pack.btn-type-3c *, .lt-ie8 .ly-view01 .btn-pack.btn-type-3c * {vertical-align:top}
.lt-ie8 .pop-inner .btn-pack.btn-type-3c * .hidden, .lt-ie8 .ly-view01 .btn-pack.btn-type-3c * .hidden {vertical-align:baseline}
.pop-inner .btn-pack.btn-type-3.btn-no,
.pop-inner .btn-pack.btn-type-3.btn-no * {color:#000;cursor:default}
.pop-inner .btn-pack.btn-type-3.btn-no {background:url(/img/common/etc/bg_btn/common_pop.gif) left -437px !important}
.pop-inner .btn-pack.btn-type-3.btn-no * {background:url(/img/common/etc/bg_btn/common_pop.gif) right -437px !important}
.pop-inner .btn-pack * span.hidden {padding:0 !important}
.prr25 {padding-right:25px !important}
/*#endregion pop btn */
.pop-inner .shadow {_display:none;overflow:visible;position:absolute;z-index:20;width:100%;height:100%}
.pop-inner .shadow2 {top:3px;left:3px;background:url(/img/common/etc/shadow.png)}
.pop-inner .shadow3 {top:2px;left:2px;background:url(/img/common/etc/shadow.png)}
.pop-inner .shadow4 {top:1px;left:1px;background:url(/img/common/etc/shadow.png)}
.pop-inner .title-area span.infor {float:right;font-weight:normal;font-size:12px;position:relative;top:5px;color:#555}
.pop-inner .title-area .searchNum {padding:5px 0 0 10px;font-size:12px; color:#ff4b2a}
.pop-inner .title-area .searchInfo {color:#555}
.pop-inner .stamp-area {height:50px;overflow:hidden;*zoom:1}
.pop-inner .help-call {display:inline-block;float:left;margin-top:15px}
.pop-inner .img {float:right}
.pop-inner select {margin:0; height:22px; line-height:22px; padding:0px !important}
.pop-footer {position:relative;margin:-10px 0 0 0;padding:0 0 30px;text-align:center}
.ie7 .pop-footer {position:static}
.pop-footer .btn-pack {margin:0 3px !important}
.pop-footer input,.pop-footer a,.pop-footer img {vertical-align:top}
.pop-inner .pop-footer.bottom {height:28px;padding:9px 0 0;background:#fff;border-top:1px solid #e5e5e5;margin-top:0}
.pop-inner-footer {clear:both;position:relative;background:#e8e8e8;height:26px;padding:0 20px}
.pop-inner-footer .copy {font-family:'arial';color:#555;font-size:9px;letter-spacing:-1px;line-height:26px;vertical-align:middle}
.pop-inner-footer .cls {position:absolute;top:6px;right:20px;width:16px;height:16px;background:url(/img/common/etc/btn_close_pop_inner_footer.gif) no-repeat 0 0}
.pop-inner-footer .cls span {font-size:0;line-height:0;position:absolute;top:-5000px}
.pop-footer-fixed {position:relative;margin-top:-37px;height:28px;background:#6e6e6e;padding:9px 0 0 0;text-align:center}
/* 수정 2013-08-02 */
/*#region 로그아웃 팝업
.pop-inner .logout2 {position:relative;top:20px;background:url(/img/common/login/bg_pop_logout.png) no-repeat 35px 20px; height:280px;text-align:center;letter-spacing:-4px;overflow:hidden}
.pop-inner .logout2.en {height:311px}
.pop-inner .logout2 .p1 {position:absolute;left:180px;top:50px;font-size:24px;color:#333;text-align:left}
.pop-inner .logout2 .out-msg {position:absolute;left:20px;top:140px;width:484px;padding:0 20px 10px 50px;text-align:left;border:1px solid #e5e5e5;background:#f8f8f8;overflow:hidden}
.pop-inner .logout2 .out-msg .p2 {font-size:18px;color:#555;margin:13px 0;letter-spacing:-2px}
.pop-inner .logout2 .out-msg .p2 span {color:#0078d4}
.pop-inner .logout2 .out-msg .p3 {font-size:14px;color:#333;letter-spacing:-2px;margin:0 0 10px}*/
.pop-inner .logout2 {position:relative;top:20px;background:url(/img/common/login/bg_pop_logout.png) no-repeat 35px 20px;width:605px;height:406px;text-align:center;letter-spacing:-4px;overflow:hidden}
.pop-inner .logout2.en {height:311px}
/*로그아웃 팝업 이상하게 나오면 width 제거 */
.pop-inner .logout2 .p1 {width:100%;position:absolute;left:180px;top:50px;font-size:24px;color:#333;text-align:left}
.pop-inner .logout2 .out-msg {position:absolute;left:20px;top:140px;width:484px;padding:0 20px 10px 50px;text-align:left;border:1px solid #e5e5e5;background:#f8f8f8;overflow:hidden;border-radius: 7px}
.pop-inner .logout2 .out-msg .p2 {font-size:18px;color:#555;margin:13px 0;letter-spacing:-2px}
.pop-inner .logout2 .out-msg .p2 span {color:#0078d4}
.pop-inner .logout2 .out-msg .p3 {font-size:14px;color:#333;letter-spacing:-2px;margin:0 0 10px}
/* 추가 2013-08-02 */
.info_banking_box_blue{position:absolute;left:20px;bottom:0;border:1px solid #90b3d4;background:#d7edfa;width:484px;padding:12px 20px 20px 50px;margin-bottom:40px;text-align:left;letter-spacing:-1px;line-height:18px}
.info_banking_box_blue dt{display:block;line-height:26px;padding-bottom:5px;font-size:18px;color:#20509f}
.info_banking_box_blue dd{font-size:14px !important}
.info_banking_box_blue dd a{text-decoration:underline;color:#20509f;font-size:14px !important}
/*#endregion 로그아웃 팝업 */
/*#region accNav */
#accNav{position:absolute;top:0;left:0;z-index:5000;width:100%;height:0}
#accNav p,#accNav ul,#accNav ul li{height:0}
#accNav p a{display:block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;background:#ebebeb;margin-bottom:-1px;margin-left:-1px;font-weight:bold;color:#666 !important;text-align:center;white-space:nowrap}
#accNav p a:focus {z-index:1000;width:100%;height:auto;padding:10px 0;color:#666 !important;background:#ebebeb}
/*#endregion accNav */
.mlm170 {margin-left:-170px;}
/*우리이야기*/
.woori-story {float:right; margin:20px 0 0 35px;}
.woori-story2 {position:absolute; top:-55px; left:730px;}
/* 인트로수정 신욱상 2016-09-29 (홍인기차장님)*/
.video_hover {float:left;}
.video_hover ul {position:absolute; bottom:0px; margin-left:120px; width:676px; height:44px; border:1px solid #156d9c; background:url(/img/intro/home/video-bg_20170131_2.png);}
.video_hover li {position:relative; float:left; width:169px; background:url(/img/intro/home/intro_video_bar.png) right center no-repeat;}
.video_hover li:last-child {background:none !important;}
.video_hover li.num1:hover .dis1 {display:block !important;}
.video_hover li.num2:hover .dis2 {display:block !important;}
.video_hover li.num3:hover .dis3 {display:block !important;}
.video_hover li.num4:hover .dis4 {display:block !important;}
.video_hover li a {color:#fff; font-size:14px !important; width:100%; letter-spacing:-1px; display:inline-block;}
.video_hover li a img {z-index:100}
.video_hover span.txt {text-align:left; letter-spacing:-2px; margin-left:5px; font-weight:bold; font-size:14px;}
.video_hover-i {position:absolute; overflow:hidden; background:#494c5b; top:-45px; left:-1px; width:171px;z-index:100}
.video_hover-i .txt {color:#fff;}
.video_hover-i p {width:100%; text-align:left; color:#fff; float:left; margin-top:5px;}
.video_hover ul li .js-display-hover {line-height:40px; width:100%;}
#new_introQuick {position:fixed; top:110px; left:-1px; z-index:9000; width:80px;}
#new_introQuick ul li {float:left; display:inline-block;}
#new_introQuick .js-display-hover-trigger {border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; width:78px;text-align:center; padding:12px 0;}
#new_introQuick .sub_new_introQuick ul {position:absolute; top:140px; left:0; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; width:78px;text-align:center; overflow:hidden; padding-bottom:20px; }
#new_introQuick .sub_new_introQuick ul li {width:100%; padding-top:20px; list-style:none;}
#new_introQuick .sub_new_introQuick ul li a img {veritcal-align:middle;}
.mt6 {margin-top:6px !important;}
/*인트로 개편 신욱상 2016-11-23 (홍인기차장님)*/
.intro-bg h3 {top:0; padding:0px !important; height:15px;}
.intro-bg .title {margin-left:26px; position:absolute;}
.intro-bg .txt {margin:106px 0 0 -20px; text-align:center;}
.intro-bg .slidesjs-next {width:20px; height:20px; background:url(/img/section/po/fx_new/slider_right.png) no-repeat; top:0px; right:0px;}
.intro-bg .slidesjs-previous {width:20px; height:20px; background:url(/img/section/po/fx_new/slider_left.png) no-repeat;top:0px; left:0px; }
.cd-slide-container {position:relative; display:inline-block;}
.slidesjs-container, .slidesjs-control {width:100% !important; height:430px !important;}
.cd-slide-container2 {position:relative; width:100%; display:inline-block;}
.slidesjs-container2, .slidesjs-control {width:156px; height:200px}
.main-cont-wrap .left_content .slidesjs-next, .slidesjs-previous {display:none;}
.slidesjs-slide a {display:inline}
.cd-slide-container2 .slidesjs-previous, .slidesjs-next {display:none !important;}
.slidesjs-pagination {position: absolute; bottom:65px; z-index:11; width:100%; text-align:center; left:0;}
.slidesjs-pagination-item {display:inline;margin-right:10px;}
.slidesjs-pagination-item a {font-size:0; z-index:5; line-height:0; width:26px; height:23px; background:url(/img/intro/home/slider_st.png) no-repeat;}
.slidesjs-pagination-item a.active {background:url(/img/intro/home/slider_on.png) no-repeat;}
.ie7 .slidesjs-navigation {bottom:69px;}
.slidesjs-navigation {width: 24px; height: 23px; position: absolute; z-index: 56; font-size: 0; line-height: 0; background: url(/img/intro/home/slider_stop.png) no-repeat; margin-left:35px; bottom:65px; left:50%;}
.slidesjs-play {background:url(/img/intro/home/play.png) no-repeat;}
.intro-bg .slides-1 {background:#d6e18f url(/img/intro/home/intro-slide-bg_20170302_1.jpg) center no-repeat; height:430px; }
.intro-bg .slides-2 {background:#afccd9 url(/img/intro/home/intro-slide-bg_20170131_2.jpg) center no-repeat; height:430px; z-index: inherit !important;}
.slides-1-content {width:950px; height:430px; margin:0 auto; display:inline-block;}