@charset "utf-8"; #login-area {float:left; position:relative; width:100%; height:365px; background:url("../img/main/login_area_bg.gif") repeat-x;} #login-area:after {content:""; display:block; clear:both;} #content-area {float:left; position:relative; width:100%; height:330px; margin-bottom: 70px;} #content-area:after {content:""; display:block; clear:both;} #content-bottom {position:relative; width:1120px; height:190px; margin:0 auto;} #info-area {float:left; position:relative; width:100%; height:310px; background:url("../img/main/info-area_bg_01.png") repeat-x;} #info-area:after {content:""; display:block; clear:both;} #info-board {position:relative; width:1120px; height:235px; background:url("../img/main/info-area_bg_02.png") repeat-x; margin:0 auto;} /* 회원 로그인 */ #login {position:absolute; width:500px; height:120px; left:50px; top:200px; z-index:100;} #login legend {float:left; width:240px; height:28px; font:18px play; line-height:20px; color:#222; text-align:left; padding-top:29px;} #login legend span {color:#006DBB;} #login ul {float:left; width:500px; height:30px;} #login ul li.item {float:left; position:relative; display:inline; width:115px; height:30px; background:url("../img/main/login_box.png") no-repeat;} #login ul li .iLabel {width:60px; left:7px; top:8px; font:11px Dotum; color:#444; line-height:16px; text-align:left;} #login ul li .iText {float:left; width:100px; height:28px; font:11px Dotum; color:#444; line-height:16px; border:0; background:transparent; padding:2px 3px 0 7px;} #login ul li.btn-1 {float:left; width:60px; height:30px;} #login ul li.btn-1 input {float:left; width:55px; height:30px; cursor:pointer; border:0; background:url("../img/main/login_btn_01.png") no-repeat; margin:0;} #login ul li.btn-2 {float:left; width:75px; height:30px;} #login ul li.btn-2 input {float:left; width:82px; height:30px; cursor:pointer; border:0; background:url("../img/main/login_btn_02.png") no-repeat; margin:0;} #login ul.etc {float:left; position:absolute; width:210px; height:21px; left:152px; top:32px; background:url("../img/main/login_line.png") 0 1px no-repeat; padding-left:14px;} #login ul.etc li {float:left; height:20px; font:11px Dotum; color:#333; line-height:16px; padding-right:13px;} #login ul.etc li a {display:inline-block; overflow:hidden; color:#58646E; background:url("../img/main/login_point.gif") right 3px no-repeat; padding:0 10px 0 0;} #login ul.etc li a:hover, #login ul.etc li a:focus {color:#006DBB;} #login ul.etc li a.last {background:none; padding-right:0;} #login ul.etc li span {display:inline-block; overflow:hidden; color:#333;} /* 메인 이미지 영역 */ #main-img {position:relative; width:1220px; height:320px; margin:0 auto;} #main-img .img01 {position:absolute; left:0; top:0;} #main-img .img01 img {width:1220px; height:320px;} #main-img .img01 ul {position:absolute; width:600px; height:150px; left:0; top:0;} #main-img .img01 li {float:left; position:relative; width:550px; font:14px nbgM; text-align:left; padding-left:50px;} #main-img .img01 li.type-1 {font-size:18px; color:#111; line-height:22px; background:url("../img/main/mainimg_text.png") 340px 66px no-repeat; padding-top:70px;} #main-img .img01 li.type-2 {font-size:20px; color:#112E5D; line-height:30px; padding-top:8px;} #main-img .img01 li.type-2 p {position:relative; display:inline-block; color:#006DBB;} #main-img .img01 li.type-2 span {position:absolute; width:300px; left:160px; top:-16px; font:700 45px play; line-height:45px;} #main-img .img01 li.type-3 {font:700 45px play; color:#112E5D; line-height:45px; padding-top:50px; padding-left:48px;} #main-img .img01 li.type-3 p {display:inline-block; font-weight:400;} #main-img .img01 li.type-3 span {color:#006DBB;} #main-img .img01 li.type-4 {font-size:14px; color:#777; line-height:22px; background:url("../img/main/mainimg_text.png") 410px 12px no-repeat; padding-top:10px;} #main-img .time_area {position:absolute; width:40px; height:17px; left:50px; top:164px;} #main-img .time_area li {float:left; width:20px; height:17px;} #main-img .time_area li a {float:left; display:block; overflow:hidden; width:17px; height:17px; text-indent:-9999px; background:url("../img/main/num_btn.png") 0 top no-repeat;} #main-img .time_area li a:hover, #main-img .time_area li a:focus {background-position:0 bottom;} #main-img .time_area .on a {background-position:0 bottom;} #main-img .skip_area {position:absolute; width:78px; height:17px; left:97px; top:164px; background:url("../img/main/skip_line.png") 0 0 no-repeat;} #main-img .skip_area li {float:left; width:14px; height:21px; padding-left:12px;} #main-img .skip_area img {vertical-align:bottom;} /* 안내 관련 영역 */ #content-top {position:relative; width:1010px; height:75px; background:url("../img/main/guide_bg.png") no-repeat; padding:30px 0 30px 110px; margin:0 auto;} #content-top dt {float:left; height:26px; font:15px nbgM; color:#111; line-height:20px; text-align:right;} #content-top dt.type-1 {width:90px; background:url("../img/main/guide_line.png") 103px 3px no-repeat; padding-right:30px;} #content-top dt.type-2 {width:110px; background:url("../img/main/guide_line.png") 124px 3px no-repeat; padding-right:30px;} #content-top dd {float:left; width:370px; height:26px; font:12px Dotum; line-height:22px; text-align:left;} #content-top dd a {display:inline-block; overflow:hidden; color:#666; background:url("../img/main/guide_point.png") 0 7px no-repeat; padding:0 12px 0 8px;} #content-top dd a:hover, #content-top dd a:focus {color:#111; background-position:0 -19px;} /* 배너 관련 영역 */ #banner {float:left; width:280px; height:190px; padding-right:50px;} #banner li {float:left; width:280px; height:90px; font:18px nbgM; text-align:left;} #banner li a {display:block; overflow:hidden; width:258px; height:66px; color:#FFF; padding:24px 0 0 22px;} #banner li a span {display:block; font-size:15px; padding-bottom:5px;} #banner li a span.type-1 {color:#00404E;} #banner li a span.type-2 {color:#06355C;} #banner li.banner-1 {background:url("../img/main/banner_01.png") no-repeat; padding-bottom:10px;} #banner li.banner-2 {background:url("../img/main/banner_02.png") no-repeat; padding-bottom:10px;} #banner li.banner-3 {background:url("../img/main/banner_03.png") no-repeat;} #banner li.banner-4 {background:url("../img/main/banner_09.jpg") no-repeat; padding-bottom:10px;} #banner li.banner-5 {background:url("../img/main/banner_05.png") no-repeat;} #banner li.banner-6 {background:url("../img/main/banner_08.jpg") no-repeat;} /* 배너 관련 영역 */ #bbs {float:left; position:relative; width:385px; height:190px; padding-right:45px;} #bbs dt {float:left; width:385px; font:18px play; color:#222; line-height:22px; text-align:left; padding-bottom:5px;} #bbs dt span {color:#006DBB;} #bbs dd {float:left; position:relative; width:385px; font:12px Dotum; color:#58646E; line-height:19px; text-align:left; padding-bottom:21px;} #bbs dd p {float:left; width:377px; background:url("../img/main/bbs_point.png") 1px 7px no-repeat; padding-left:8px;} #bbs dd a {display:inline-block; overflow:hidden; width:295px; color:#58646E; border:0 !important; padding:0; margin:0; white-space:nowrap; text-overflow:ellipsis; -o-text-overow: ellipsis; -moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined;} #bbs dd a:hover, #bbs dd a:focus {color:#111;} #bbs dd span {float:right; width:70px; color:#8A9299; text-align:right;} #bbs dd p.more {position:absolute; width:16px; height:16px; right:0; top:-24px; background:none; padding:0;} #bbs dd p.more a {display:block; overflow:hidden; width:16px; height:16px; left:0; top:0; text-indent:-9999px; background:url("../img/main/bbs_btn.png") no-repeat;} #bbs dd p.more a:hover, #bbs dd p.more a:focus {background-position:0 bottom;} /* 퀵메뉴 관련 영역 */ #quick {float:left; width:360px; height:190px;} #quick dt {float:left; width:355px; font:18px play; color:#222; line-height:22px; text-align:left; padding-left:5px;} #quick dt span {color:#006DBB;} #quick dd {float:left; width:175px; height:50px; text-align:left; padding:5px 0 0 5px;} #quick dd a {display:block; overflow:hidden; width:125px; height:34px; font:13px nbgM; line-height:18px; padding:16px 0 0 50px;} #quick dd a.type-1 {color:#2A6270; background:url("../img/main/quick_btn.png") -5px -5px no-repeat;} #quick dd a.type-2 {color:#2A6270; background:url("../img/main/quick_btn.png") -185px -5px no-repeat;} #quick dd a.type-3 {color:#224F71; background:url("../img/main/quick_btn.png") -5px -60px no-repeat;} #quick dd a.type-4 {color:#224F71; background:url("../img/main/quick_btn.png") -185px -60px no-repeat;} #quick dd a.type-5 {color:#2B4173; background:url("../img/main/quick_btn.png") -5px -115px no-repeat;} #quick dd a.type-6 {color:#2B4173; background:url("../img/main/quick_btn.png") -185px -115px no-repeat;} #quick dd a.type-1:hover, #quick dd a.type-1:focus {color:#FFF; background:url("../img/main/quick_btn.png") -5px -170px no-repeat;} #quick dd a.type-2:hover, #quick dd a.type-2:focus {color:#FFF; background:url("../img/main/quick_btn.png") -185px -170px no-repeat;} #quick dd a.type-3:hover, #quick dd a.type-3:focus {color:#FFF; background:url("../img/main/quick_btn.png") -5px -225px no-repeat;} #quick dd a.type-4:hover, #quick dd a.type-4:focus {color:#FFF; background:url("../img/main/quick_btn.png") -185px -225px no-repeat;} #quick dd a.type-5:hover, #quick dd a.type-5:focus {color:#FFF; background:url("../img/main/quick_btn.png") -5px -280px no-repeat;} #quick dd a.type-6:hover, #quick dd a.type-6:focus {color:#FFF; background:url("../img/main/quick_btn.png") -185px -280px no-repeat;} /* 개인화 정보 제목 관련 영역 */ #info-title {float:left; width:1098px; height:31px; font:18px nbgM; color:#222; line-height:20px; text-align:left; padding:34px 0 0 22px;} #info-title span {color:#006DBB;} #info-title p {float:right; display:inline-block; width:270px; font:12px Dotum; color:#006DBB; text-align:right; padding-top:7px;} /* 개인화 정보 내용 관련 영역 */ #info-01 {float:left; width:195px; text-align:left; padding-left:215px;} #info-01 dt {float:left; width:166px; font:15px nbgM; color:#222; line-height:19px; padding:29px 0 8px 29px;} #info-01 dd {float:left; width:187px; font:12px Dotum; color:#5B7890; line-height:19px; background:url("../img/main/bbs_point.png") 1px 7px no-repeat; padding-left:8px;} #info-01 dd span {color:#333;} #info-02 {float:left; width:155px; text-align:left; padding-left:55px;} #info-02 dt {float:left; width:126px; font:15px nbgM; color:#222; line-height:19px; padding:29px 0 8px 29px;} #info-02 dd {float:left; width:147px; font:12px Dotum; color:#5B7890; line-height:19px; background:url("../img/main/bbs_point.png") 1px 7px no-repeat; padding-left:8px;} #info-02 dd span {color:#333;} #info-03 {float:left; width:150px; text-align:left; padding-left:55px;} #info-03 dt {float:left; width:121px; font:15px nbgM; color:#222; line-height:19px; padding:29px 0 8px 29px;} #info-03 dd {float:left; width:142px; font:12px Dotum; color:#5B7890; line-height:19px; background:url("../img/main/bbs_point.png") 1px 7px no-repeat; padding-left:8px;} #info-03 dd span {color:#333;} /* 개인화 정보 로그아웃 관련 영역 */ #info-logout dd.btn {width:199px; height:22px; background:none; padding:6px 0 0 0;} #info-logout dd.btn a {display:inline-block; overflow:hidden; height:22px; text-indent:-9999px;} #info-logout dd.btn a.btn-1 {width:68px;; background:url("../img/main/logout_btn.png") no-repeat; margin-right:1px;} #info-logout dd.btn a.btn-2 {width:50px;; background:url("../img/main/logout_btn.png") -73px 0 no-repeat; margin-right:1px;} #info-logout dd.btn a.btn-3 {width:67px;; background:url("../img/main/logout_btn.png") -128px 0 no-repeat;} .main_con {width:100%;} .main_cont{ position:relative;} .main_cont .main_conview{display:none; width:100%;height:100%; position:absolute;left:0;top:0px; background-color:rgba(0,0,0,0.8);z-index:288;text-align:center;} .main_cont .main_conview img{ max-width:100%; } .main_cont .tabmenu{ width:100%; position:absolute;left:0;bottom:0px; height:40px;line-height:40px;background-color:rgba(0,0,0,0.8);z-index:290;text-align:center;} .mbtn_area{ position:absolute; left:50%; top:210px; z-index:200; margin-left:-200px;} .login_area{ position:absolute; left:50%; top:290px; z-index:200; margin-left:-610px;} .login_area .input1{width:90px;height:30px;border:3px solid #7eb8f9; color:#333; font-size:12px;padding-left:5px;} .login_area .input2{ width:46px; height:30px;background-color:rgba(1,68,149,0.8);text-align:center; border:0;color:#fff;} .login_area .input3{ width:66px; height:30px;background-color:rgba(0,0,0,0.8);text-align:center; border:0;color:#fff;} .login_area .input4{ width:96px; height:30px;background-color:rgba(0,0,0,0.8);text-align:center; border:0;color:#fff;} .main_con .swiper-slide{ width:100%; height:419px; background-position:center; background-repeat:no-repeat;} .main_con .swiper-slide .inner{ position:relative; width:1220px;height:100%;margin:auto; } .main_con .swiper-slide .inner .sl1{width:890px;height:251px; position:absolute;left: -250px; top:85px; z-index:10;background-image:url(/img/new/eng/se1.png); } .main_con .swiper-slide .inner .sl2{width:890px;height:251px; position:absolute;left: -250px; top:85px; z-index:10;background-image:url(/img/new/eng/se2.png); } .main_con .swiper-slide .inner .sl3{width:890px;height:251px; position:absolute;left: -250px; top:85px; z-index:10; background-image:url(/img/new/eng/se3.png); } .login_bef{position:absolute;top:70px;left:50%; margin-left:-482px;z-index:222; } .login_bef .inn{ width:964px;height:254px; background-image:url(/img/eng/login_bef.png);position:relative; } .login_bef .inn .a_tx a,.login_bef .inn .a_tx{font-size:13px; color:#7eebff; line-height:32px; } .login_bef .inn .info{ position:absolute;left:0px; top:-30px;color:#fff;z-index:500; } .login_bef .inn .info a{ color:#fff;} .login_bef .inn .a1{ position:absolute;left:170px;top:84px;} .login_bef .inn .a2{position:absolute;left:390px;top:84px;} .login_bef .inn .a3{position:absolute;left:670px;top:84px;} .login_bef .inn .a4{position:absolute;left:875px;top:84px;} .login_bef p{ color:#fff;margin-top:15px;} .main_sec02{ width:100%;height:120px; background-color:#f5f5f5; } .main_sec02 .cont{width:1220px;height:120px;margin:auto;position:relative; } .main_sec02 .cont .sec001{ float:left;line-height:120px;} .main_sec02 .cont .sec002{ float:left; font-size:24px; font-weight:bold; line-height:32px;padding-top:33px;padding-left: 0px;} .main_sec02 .cont .sec003{ float:left; line-height:120px;padding-left:55px;} .main_sec02 .service{width:780px;} .main_sec02 .service .swiper-slide{ line-height:1;text-align:center;} .main_sec02 .cont .sec004{ float:left;line-height:120px;} .main_sec02 .cont .sec005{ float:left;line-height:120px;padding-left: 0px;} .main_sec03{width:1220px; margin:50px auto ;} .main_sec03 .ms0301{float:left;margin-right:0px;width:350px;} .main_sec03 .ms0301_en{float:right; width:847px;height:241px; background-image:url(/img/new/eng/fta_links.png);background-repeat:no-repeat;} .ms0301_en .cont{ width:100%; margin:auto;} .ms0301_en .cont .ptype{float:left; } .main_sec03 .ms0301 .banners{position:relative; } .main_sec03 .ms0301 .banners .btns{ position:absolute; left:10px;bottom:5%; z-index:5;} .main_sec03 .ms0302{float:left;width:405px; } .main_sec03 .ms0303{float:right;width:405px; } .main_sec03 .tparea{ position:relative; height:50px; width:100%; } .main_sec03 .tparea .tp{ position:relative; z-index:2; } .main_sec03 .tind{ display:block;width:100%; position:absolute;top:0;left:0;text-align:center; line-height:50px; border:1px solid #e0e3e4; font-size:22px; color:#333;} .main_sec03 .tparea span{ position:absolute; right:10px; top:15px;font-size:30px;color:#666666; cursor:pointer;} .main_sec03 .boards{ padding:10px 0;border:1px solid #e0e3e4;border-top:0;} .main_sec03 .boards .items{ position:relative; } .main_sec03 .boards .items a{display:block; width:336px;line-height:32px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden; padding-left:10px;} .main_sec03 .boards .items span{line-height:32px;font-size:13px;color:#60696b; position:absolute;right:5px;top:0;} .main_sec04{ background-color:#f5f5f5; width:100%;height:198px;} .main_sec04 .cont{width:1220px;margin:auto;} .main_sec04 .mquick1{float:left; padding-top:25px;padding-right:50px;} .main_sec04 .mquick2{float:left; width:870px; } .mquick { line-height:2;text-align:center;} .mquick .swiper-slide{ line-height:4;font-size:14px; padding-top:45px;} .main_sec04 .mquick3{float:left;padding-top:25px;padding-left:30px;} .main_sec04 .mquick4{float:left;}