@import url("common.css"); /* button */ .btn_center_area {text-align:center;} .btn_right_area {text-align:right;} .btn_pdf {padding:3px 18px 3px 42px; display:inline-block; border:1px solid #E1E1E1; background:#FAFAFA url(../images/ico/ico_pdf01.gif) 9px 4px no-repeat; font-size:14px; line-height:24px; color:#c11e07 !important;} .btn_type0 {border:1px solid #D1D1D1; display:inline-block;} .btn_type0 a {padding:0px 10px; display:inline-block; border-left:1px solid #fff; border-top:1px solid #fff; background-color:#F6F7F8; font-size:12px; color:#697185;} .btn_blue {padding:5px 14px 4px; display:inline-block; border:1px solid #3F90AB; color:#fff !important; background-color:#1AA8D7;} .btn_gray {padding:5px 14px 4px; display:inline-block; border:1px solid #5B6274; color:#fff !important; background-color:#697185;} .btn_gray28 {padding:6px 0; display:inline-block; font-size:14px; color:#fff !important; background-color:#697185; text-align:center;} .btn_gray32 {padding:8px 0; display:inline-block; font-size:14px; color:#fff !important; background-color:#697185; text-align:center;} .btn_blue40 {padding:13px 0 12px; display:inline-block; font-size:16px; color:#fff !important; background-color:#3C97F1; text-align:center;} .btn_gray40 {padding:13px 0 12px; display:inline-block; font-size:16px; color:#fff !important; background-color:#697185; text-align:center;} .btn_blue32 {padding:8px 0; display:inline-block; font-size:14px; color:#fff !important; background-color:#3C97F1; text-align:center;} .img_new {position:relative; display: inline-block; padding-left:3px; top:8px} .img_new_n {position:relative; display: inline-block; padding-left:3px; top:-2px; border:none !important;} /* main, sub layout */ #wrap {width:100%;font-family:notokr-regular !important;} #header {width:100%; height:72px; position:relative; z-index:100; top:0; left:0; background:#101E39; border-bottom:1px solid #D9D9D9;} #header .header_inner {width:1000px; height:72px; margin:0 auto; position:relative; z-index:2; } #header .header_inner .main_logo {position:absolute; top:26px; /*left:21px;*/ z-index:3;} #header .header_inner .main_logo a {display:block;} #header .header_inner .gnb {width:628px; padding:26px 0 0 392px; display:inline-block; position:relative; vertical-align:top;} #header .header_inner .gnb li {width:66px; margin-right:100px; float:left;} #header .header_inner .gnb li.last {margin-right:0;} #header .header_inner .gnb li h3 {position:absolute; display:none; z-index:3; left:240px; top:110px; color:#3b4255; font-size:28px; text-align:right;} #header .header_inner .gnb li.on h3 {display:block;} #header .header_inner .gnb li h3 span {padding-right:5px; display:block; line-height:12px; color:#afbbd2; font-size:12px;} #header .header_inner .gnb li a {display:inline-block; height:46px; font-family:notokr-regular; position:relative; color:#fff; font-size:18px; line-height:22px;} #header .header_inner .gnb li .dep1 {width:66px;} #header .header_inner .gnb li a:hover {color:#00d8ff;} #header .header_inner .gnb li a .focus {width:17px; height:9px; margin-left:-8px; position:absolute; bottom:0px; left:50%; display:none; background:url(../images/common/gnb_focus.png) 0 0 no-repeat;} #header .header_inner .gnb li a:hover .focus {display:inline-block;} #header .header_inner .gnb li .dep2 {width:678px; display:none; height:141px; padding:36px 0 0 530px; position:absolute; z-index:2; top:72px; left:-141px;} #header .header_inner .gnb .m1 .dep2 {background:url(../images/common/main_gnb_bg1.png) -40px 0 no-repeat;} #header .header_inner .gnb .m2 .dep2 {background:url(../images/common/main_gnb_bg2.png) -40px 0 no-repeat;} #header .header_inner .gnb .m3 .dep2 {background:url(../images/common/main_gnb_bg3.png) -40px 0 no-repeat;} #header .header_inner .gnb .m4 .dep2 {background:url(../images/common/main_gnb_bg4.png) -40px 0 no-repeat;} #header .header_inner .gnb li.on .dep2 {display:block;} #header .header_inner .gnb li .dep2 li {width:100%; float:none; padding-bottom:20px;} #header .header_inner .gnb li .dep2 li dl {width:100%; display:inline-block; vertical-align:top;} #header .header_inner .gnb li .dep2 li dl dt {float:left;} #header .header_inner .gnb li .dep2 li dl dt a {width:120px; height:22px; padding-left:15px; display:block; color:#303a45; background:url(../images/common/bullet01.png) 0 7px no-repeat; font-size:15px; font-family:notokr-bold; } #header .header_inner .gnb li .dep2 li dl dd {float:left;} #header .header_inner .gnb li .dep2 li dl dd a:first-child {background:none;} #header .header_inner .gnb li .dep2 li dl dd a {padding:0 12px; height:22px; display:inline-block; color:#696969; background:url(../images/common/gnb_line.gif) left 4px no-repeat; font-size:14px;} #header .header_inner .gnb li .dep2 li dl dd a:hover {color:#1aa8d7;} #header .gnb_bg {width:100%; height:186px; display:none; position:relative; z-index:1; background:url(../images/common/main_gnb_bg.png) 0 0 repeat-x;} #header .gnb_bg.on {display:block;} .lnb_wrap {width:100%; height:135px; background:url(../images/common/bg_lnb_wrap.gif) 0 0 repeat-x; position:absolute; left:0; top:72px; z-index:90; } .lnb_wrap.on {position:fixed; top:0;} .lnb_wrap .page_title {width:1001px; height:83px; margin:0 auto; position:relative;} .lnb_wrap .page_title h2 {padding-top:24px; text-align:center; font-size:36px; line-height:36px; color:#424242;} .lnb_wrap .page_title .btn_area a {height:31px; display:inline-block; position:absolute; font-size:14px; color:#aaaaaa; line-height:31px;} .lnb_wrap .page_title .btn_area .btn_prev_page {top:26px; left:9px; padding-left:35px; background:url(../images/common/btn_prev.gif) 0 0 no-repeat;} .lnb_wrap .page_title .btn_area .btn_next_page {top:26px; right:9px; padding-right:35px; background:url(../images/common/btn_next.gif) right 0 no-repeat;} .lnb_wrap .lnb_area {width:1000px; height:43px; margin:0 auto; vertical-align:top;} .lnb_wrap .lnb_area .btn_home {float:left; display:inline-block; border-left:1px solid #E4E4E4; border-right:1px solid #E4E4E4;} .lnb_wrap .lnb_area .btn_home.noline {border-right:.0;} .lnb_wrap .lnb_area .lnb_btn {float:left; width:107px; height:43px; display:inline-block; text-align:center; font-size:14px; color:#6e6e6e; line-height:43px;} .lnb_wrap .lnb_area .lnb_btn.on {color:#00a8ff; } .lnb_wrap .lnb_area .lnb {width:152px; float:left;} .lnb_wrap .lnb_area .lnb li {width:100%;} .lnb_wrap .lnb_area .lnb li a {width:136px; height:43px; padding-left:15px; display:none; background-color:#FFF; text-align:left; line-height:43px; font-size:14px; color:#6e6e6e;} .lnb_wrap .lnb_area .lnb li a:hover {color:#00a8ff;} .lnb_wrap .lnb_area .lnb li:first-child a {background:url(../images/common/ico_drop_down.gif) 132px 18px no-repeat; display:inline-block; border-left:1px solid #e4e4e4;} .lnb_wrap .lnb_area .lnb li.last a {border-right:1px solid #e4e4e4;} .lnb_wrap .lnb_area .lnb.on li a {display:inline-block; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4;} .lnb_wrap .lnb_area .lnb.on li:first-child a {border-right:0;} .lnb_wrap .lnb_area .lnb.on li.last a {border-right:1px solid #e4e4e4;} .lnb_wrap .lnb_area .util_menu {height:43px; padding-right:30px; float:right;} .lnb_wrap .lnb_area .util_menu li {padding:0 12px; float:left; background:url(../images/common/util_menu_line.gif) left 13px no-repeat;} .lnb_wrap .lnb_area .util_menu li:first-child {background:none;} .lnb_wrap .lnb_area .util_menu li a {line-height:43px; font-size:14px; color:#6e6e6e;} .m_sub_title{font-size:19px; color:#333333;letter-spacing: -2px;/*font-family: 'notokr-bold',sans-serif !important;*/} .m_sub_title::after{content: ''; background: url(../images/common/icon.png) 50% no-repeat; padding: 0px 15px} .m_sub_title-1{font-size:14px; margin-top: 8px; color:#333333;} #container {margin-top:134px; position:relative;} /*#container.main {width:100%; height:1151px; margin-top:0; background:url(../images/common/main_container_bg1.gif) 0 0 repeat-x;}*/ #container.main {width:100%; height:900px; margin-top:0; background:url(../images/common/main_container_bg1.gif) 0 0 repeat-x;}/*20.06.16 수정 */ #container.main .top_contents {width:1000px; margin:0 auto;} #container.main .top_contents .top_contents_inner {width:100%; display:inline-block; vertical-align:top; padding-bottom:15px} /*#container.main .top_contents .top_contents_inner .service_list td *, div *, li *, span *, p * {vertical-align: baseline !important;}*/ #container.main .top_contents .top_contents_inner .service_list em {vertical-align: baseline !important; color:#1aa8d7} #container.main .top_contents .top_contents_inner .service_list {float:left; height:155px;} #container.main .top_contents .top_contents_inner .service_list li {float:left; position:relative; height:138px;border-right:1px solid #EDEDED;} #container.main .top_contents .top_contents_inner .service_list .list1 {width:250px; background:url(../images/common/AC_web.png) right 0px no-repeat; background-size: 150px 120px;} #container.main .top_contents .top_contents_inner .service_list .list2 {width:260px; background:url(../images/common/AC_mobile.png) right 0px no-repeat;background-size: 150px 120px;} #container.main .top_contents .top_contents_inner .service_list .list3 {width:255px; background:url(../images/common/14_icon.png) right 0px no-repeat;background-size: 116px 120px;} #container.main .top_contents .top_contents_inner .service_list .list4 {width:255px; background:url(../images/common/graph.png) 128px 0px no-repeat;background-size: 120px 105px;} #container.main .top_contents .top_contents_inner .service_list li dl dt {padding:0px 0 20px 0px;} #container.main .top_contents .top_contents_inner .service_list .list2 dl dt {padding-left:15px;} #container.main .top_contents .top_contents_inner .service_list .list3 dl dt {padding-left:15px; font-size:14px !important; font-family: 'notokr-regular',sans-serif !important;letter-spacing: -1px} #container.main .top_contents .top_contents_inner .service_list .list4 dl dt {padding-left:15px; font-size:14px !important; font-family: 'notokr-regular',sans-serif !important;letter-spacing: -1px} #container.main .top_contents .top_contents_inner .service_list li dl dt a {font-size:19px; color:#333333;} #container.main .top_contents .top_contents_inner .service_list li dl dd {width:100%; display:inline-block; vertical-align:top;line-height: 15px;} /*#container.main .top_contents .top_contents_inner .service_list li dl dd img {margin:5px 0 0 17px; right:0;position: absolute;top:0} #container.main .top_contents .top_contents_inner .service_list .list2 dl dd img {margin-left:32px;}*/ #container.main .top_contents .top_contents_inner .service_list li dl dd span {letter-spacing: -1px/*width:120px*/; /*margin-left:15px;*/ /*padding-top:25px*/position:absolute;bottom:0; float:left; color:#666666;font-size: 13px} #container.main .top_contents .top_contents_inner .service_list li dl dd span.ml10 {margin-left:10px;} #container.main .top_contents .top_contents_inner .service_list li dl dd span.ml15 {margin-left:15px;} #container.main .top_contents .top_contents_inner .service_list li dl dd span.ml20 {margin-left:20px;} #container.main .top_contents .top_contents_inner .service_list li dl dd span.ml30 {margin-left:30px;} #container.main .top_contents .top_contents_inner .service_list li dl dd span strong {color:#999999;} #container.main .top_contents .top_contents_inner .service_list li dl dd ul.se-info {padding-left:15px;bottom:-10px;position: absolute} #container.main .top_contents .top_contents_inner .service_list li dl dd ul.se-info li {border: none !important; position: relative;float:left;height:25px;clear: both; color:#666666;font-size: 12px } #container.main .top_contents .top_contents_inner .service_list li dl dd ul.se-info li span{position: relative; padding-right:7px; padding-top:1px } #container.main .top_contents .top_contents_inner .service_list li dl dd ul.se-info li em {font-size: 19px;letter-spacing: -1px;color:#1AA8D7;vertical-align: middle !important} #container.main .top_contents .top_contents_inner .login_wrap {width:210px; height:155px; position:relative; padding-left:20px; float:left;} #container.main .top_contents .top_contents_inner .login_wrap .login_title {/*padding-top:23px;*/ font-size:19px; color:#333333;font-family: 'notokr-regular',sans-serif;letter-spacing: -2px} #container.main .top_contents .top_contents_inner .login_wrap .btn_list {position:absolute; top:7px; right:0;} #container.main .top_contents .top_contents_inner .login_wrap .btn_list li {float:left;} #container.main .top_contents .top_contents_inner .login_wrap .btn_list li a {padding-left:8px; display:inline-block; color:#818181;} #container.main .top_contents .top_contents_inner .login_wrap .btn_list li:first-child a {padding-right:8px; background:url(../images/common/login_btn_line.gif) right 3px no-repeat;} #container.main .top_contents .top_contents_inner .login_wrap .login_box {width:100%; height:69px; padding-top:14px; position:relative;} #container.main .top_contents .top_contents_inner .login_wrap .login_box .text {width:132px; height:29px; padding-left:5px; position:absolute; top:13px; left:0; border:1px solid #D1D1D1; line-height:30px;} #container.main .top_contents .top_contents_inner .login_wrap .login_box .password {width:132px; height:29px; padding-left:5px; position:absolute; top:51px; left:0; border:1px solid #D1D1D1; line-height:30px;} #container.main .top_contents .top_contents_inner .login_wrap .login_box .login_btn {position:absolute; top:13px; right:0;} #container.main .top_contents .top_contents_inner .login_wrap .login_util {width:100%; margin-top:15px; display:inline-block; vertical-align:top;} #container.main .top_contents .top_contents_inner .login_wrap .login_util input {position:relative; top:-2px; float:left; appearance:none;} #container.main .top_contents .top_contents_inner .login_wrap .login_util label {float:left; margin-left:6px;} #container.main .top_contents .top_contents_inner .login_wrap .login_util a {float:right; color:#818181;} #container.main .top_contents .top_contents_inner .login_wrap2 {width:211px; height:155px; position:relative; float:left; padding-left:20px} #container.main .top_contents .top_contents_inner .login_wrap2 .id_area {/*margin-top:26px;*/ display:inline-block; font-size:13px; color:#303a45;} #container.main .top_contents .top_contents_inner .login_wrap2 .id_area .id {color:#13A8D9;} #container.main .top_contents .top_contents_inner .login_wrap2 .logout {position:absolute; top:-3px; right:0; border:1px solid #D1D1D1;} #container.main .top_contents .top_contents_inner .login_wrap2 .logout a {padding:0px 4px; display:inline-block; border-left:1px solid #fff; border-top:1px solid #fff; background-color:#F6F7F8; font-size:12px; color:#697185;} #container.main .top_contents .top_contents_inner .login_wrap2 .id_info {padding:10px 0;} #container.main .top_contents .top_contents_inner .login_wrap2 .id_info li {padding-left:16px; border-top:1px solid #EAEAEA; background:url(../images/common/bullet1.gif) 4px 10px no-repeat; line-height:25px;} #container.main .top_contents .top_contents_inner .login_wrap2 .id_info li:first-child {border-top:0;} #container.main .top_contents .top_contents_inner .login_wrap2 .id_info li .bold {font-family:notokr-bold;} #container.main .top_contents .top_contents_inner .login_wrap2 .id_info li .blue {color:#1aa8d7;} #container.main .top_contents .top_contents_inner .login_wrap2 .id_info li .red {color:#ff0000;} #container .main_image .round_wrap {display:inline-block; position:relative; left:46%; bottom:38px; z-index:1; } #container .main_image .round_wrap li {margin-right: 10px; float: left; } #container .main_image .round_wrap li a {width: 18px; height: 18px; display:inline-block; overflow:hidden; background:url(../images/common/roll_btn.png) -23px 0 no-repeat; } #container .main_image .round_wrap li.on a {background-position:0 0;} #container .main_image {width: 100%; height: 342px; } #container .main_image .img_wrap {position:relative; overflow:hidden; width:100% !important ; height: 342px !important;} #container .main_image .img_wrap ul {position:absolute; left:53%; margin-left:-1000px; text-align:center;} #container .main_image .img_wrap ul li {position:absolute; top:0px;} #container .main_image .img_wrap ul li .inner .visual_img {display:none;position:absolute; left:0px; top:0px; z-index:1; width:100%} /*#container.main .contents {width:auto;height:642px;margin-top:0; background:url(../images/common/main_contents_bg.gif) 0 0 repeat-x;}*/ #container.main .contents {width:auto;/*height:642px;*/margin-top:0; background:url(../images/common/main_contents_bg_new.gif) 0 0 repeat-x;} /*20.06.16 수정 */ #container.main .main_contents {width:1000px; margin:0 auto;} #container.main .main_contents .main_con_header {width:100%; padding:15px 0; display:inline-block; vertical-align:top;} #container.main .main_contents .main_con_header .con_header_list {width:500px; height:32px; float:left; position:relative; border-right:1px solid #dadada;height:32px;overflow:hidden;position:relative;} #container.main .main_contents .main_con_header .con_header_list dt {width:70px; padding-left:9px; float:left; font-size:16px; color:#333333; line-height:32px;} #container.main .main_contents .main_con_header .con_header_list dd {} #container.main .main_contents .main_con_header .con_header_list dd .date {padding-right:5px; display:inline-block; font-size:14px; line-height:32px; color:#1aa8d7;} #container.main .main_contents .main_con_header .con_header_list dd .name {font-size:14px; line-height:32px; color:#696969;} #container.main .main_contents .main_con_header .con_header_list dd .more {position:absolute; top:8px; right:10px;} #container.main .main_contents .main_con_header .con_header_list.type2 {width:499px; border-right:0;} #container.main .main_contents .main_con_header .con_header_list.type2 dt {padding-left:20px;} #container.main .main_contents .main_con_header .con_header_list.type2 dd .more {right:15px;} #container.main .main_contents .main_con_header .con_header_list .scrollup {position:absolute;left:75px;height:32px;top:0px} #container.main .main_contents .main_con_header .con_header_list.type2 .scrollup {position:absolute;left:85px;height:32px} #container.main .main_contents .main_con_list {width:100%; display:inline-block; vertical-align:top;} #container.main .main_contents .main_con_list li {width:317px; height:253px; padding-left:9px; float:left; background:url(../images/common/main_con_list_line.gif) right 35px no-repeat;} #container.main .main_contents .main_con_list li.w311 {width:289px; padding-left:22px; background:none;} #container.main .main_contents .main_con_list li.w363 {width:336px; padding-left:27px;} #container.main .main_contents .main_con_list li h3 {padding:44px 0 0; font-size:18px; color:#333333;} #container.main .main_contents .main_con_list .list2 h3 {padding-left:6px;} #container.main .main_contents .main_con_list li .box {height:150px; margin-top:30px; position:relative; } #container.main .main_contents .main_con_list li .box strong {padding-bottom:17px; display:block; font-family:notokr-bold; font-size:15px; color:#333333;} #container.main .main_contents .main_con_list li .box span {padding-bottom:15px; display:block; color:#666666; line-height:18px;font-size:13px;} #container.main .main_contents .main_con_list li .box span .tel_num1 {font-family:notokr-bold; font-size:35px; color:#294767;} #container.main .main_contents .main_con_list li .box span.year {position:absolute; left:15px; top:20px; font-size:12px; color:#697185;} #container.main .main_contents .main_con_list li .box span.month {width: 41px; display:inline-block; position:absolute; left:8px; top:43px; text-align:center; font-size:30px; color:#1aa8d7 !important; font-family:'Arial'; letter-spacing:-1px; font-weight:bold } /* 0514수정*/ #container.main .main_contents .main_con_list li .box span.day {width: 41px; display:inline-block; position:absolute; left:55px; top:43px; text-align:center; font-size:30px; color:#1aa8d7 !important; font-family:'Arial'; letter-spacing:-1px; font-weight:bold} /* 0514수정*/ #container.main .main_contents .main_con_list li .box .btn_area {width:100%; display:inline-block; vertical-align:top;} #container.main .main_contents .main_con_list li .box .btn_area a {color:#1aa8d7;} #container.main .main_contents .main_con_list li .box .btn_area .fll {float:left;} #container.main .main_contents .main_con_list li .box .btn_area .flr {float:right;} #container.main .main_contents .main_con_list .list1 .box {padding-left:112px; background:url(../images/common/img_main_contents1.gif) -8px 0 no-repeat;} #container.main .main_contents .main_con_list .list2 .box {padding-left:130px; background:url(../images/common/img_main_contents2.gif) 0 0 no-repeat;} #container.main .main_contents .main_con_list .list3 .box {padding:0 0 0 114px; background:url(../images/common/img_main_contents3.gif) -17px 0 no-repeat;} #container.main .main_contents .main_con_list .list4 h3 {padding-top:48px;} #container.main .main_contents .main_con_list .list4 .box {padding:5px 0 0 127px; background:url(../images/common/img_main_contents4.gif) -9px 5px no-repeat;} #container.main .main_contents .main_con_list .list5 h3 {padding-top:48px;} #container.main .main_contents .main_con_list .list5 .box {width:145px; padding:5px 0 0 136px; background:url(../images/common/img_main_contents5.gif) 0 3px no-repeat;} /*#container.main .main_contents .main_con_list .list6 h3 {padding-top:48px;} #container.main .main_contents .main_con_list .list6 .box {padding-left:122px; margin-top:12px; background:url(../images/common/img_main_contents6.gif) -17px 10px no-repeat;}*/ #container.main .main_contents .main_con_list .list6 h3 {padding-top:43px;}/*20.06.16 수정 */ #container.main .main_contents .main_con_list .list6 .box {padding-left:122px;margin-top:16px;background:url(../images/common/img_main_contents6.gif) -17px 10px no-repeat;}/*20.06.16 수정 */ #container.main .family_site {width:1000px; margin:0 auto; margin-top:-5px} #container.main .family_site {width:1000px; margin:0 auto; margin-top:-5px} #container.main .family_site dl {width:100%; display:inline-block; vertical-align:top;} #container.main .family_site dl dt {width:138px; padding-left:9px; float:left; font-size:18px; color:#333333; line-height:69px;} #container.main .family_site dl dd {width:853px; float:left;} #container.main .family_site dl dd ul {width:100%; height:60px; display:inline-block; vertical-align:top;} #container.main .family_site dl dd ul li {float:left; padding-left:17px;} #container.main .family_site dl dd ul li:first-child {padding-left:0;} #container.main .btn_top {position:fixed; bottom:0; right:0; z-index:999} /* 0514 수정 */ #container .contents {width:940px; padding:0 30px 30px; margin:0 auto 50px;} #container .quick_bar {width:100%; height:101px; position:relative; /*z-index:60;*/ background-color:#F8F8F8; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; text-align:center;} #container .quick_bar .quick_inner {width:940px; padding:0 30px; display:inline-block; vertical-align:top;} #container .quick_bar .quick_inner .quick_title {width:161px; height:53px; padding:48px 0 0 11px; position:relative; float:left; font-size:18px; color:#000; background:url(../images/common/quick_bar_arrow.png) right center no-repeat; text-align:left;} #container .quick_bar .quick_inner .quick_title .english {position:absolute; top:30px; left:13px; font-size:12px; color:#70788b;} #container .quick_bar .quick_inner .quick_menu {width:768px; float:left; display:inline-block; vertical-align:top;} #container .quick_bar .quick_inner .quick_menu li {margin-top:18px; float:left;} #container .quick_bar .quick_inner .quick_menu li a {width:100px; padding-top:50px; display:inline-block; font-size:13px; color:#697185;} #container .quick_bar .quick_inner .quick_menu .m1 a {width:110px; margin-left:40px; background:url(../images/common/quick_bar_img1.png) center 0 no-repeat;} #container .quick_bar .quick_inner .quick_menu .m2 a {margin-left:55px; background:url(../images/common/quick_bar_img2.png) center 0 no-repeat;} #container .quick_bar .quick_inner .quick_menu .m3 a {margin-left:50px; background:url(../images/common/quick_bar_img3.png) center 0 no-repeat;} #container .quick_bar .quick_inner .quick_menu .m4 a {margin-left:57px; background:url(../images/common/quick_bar_img4.png) center 0 no-repeat;} #container .quick_bar .quick_inner .quick_menu .m5 a {margin-left:36px; background:url(../images/common/quick_bar_img5.png) center 0 no-repeat;} #container .btn_top {position:fixed; bottom:0px; right:0; z-index:999} /* 0514 수정 */ #footer {width:100%;} #footer .footer_inner {width:670px; padding:0 0 25px 220px; margin:0 auto; position:relative;} #footer .footer_inner .ft_logo {position:absolute; left:0px; top:27px;} #footer .footer_inner .ft_list {width:100%; margin:25px 0 13px; display:inline-block; vertical-align:top;} #footer .footer_inner .ft_list li {padding:0 15px; float:left; background:url(../images/common/ft_list_line.gif) left center no-repeat;} #footer .footer_inner .ft_list li:first-child {padding-left:0; background:none;} #footer .footer_inner .ft_list li a {font-size:12px; color:#868686;} #footer .footer_inner .ft_list li a:hover {font-family:'notokr-bold'; color:#4da3d4;} #footer .footer_inner address {font-size:12px; line-height:18px; color:#868686;} #footer .footer_inner .copyright {font-size:11px; line-height:18px; color:#868686;} .sel_sns { position: absolute;top: 18px;right: -50px;height: 30px; } .btn_sns { width: 30px;height: 30px; } /* common */ #container .tab_style {height:36px; display:inline-block;} #container .tab_style li {float:left; margin-right:-1px; border:1px solid #ccc; line-height:34px;} #container .tab_style li a {display:block; font-size:14px; color:#666; text-decoration:none; text-align:center;} #container .tab_style li a:hover {background:#687083; color:#fff;} #container .tab_style li:hover {border: solid 1px #687083;} #container .tab_style li.on {border: solid 1px #687083; background:#687083;} #container .tab_style li.on a {color:#fff;} #container .tab_style2 {height:36px; display:inline-block;} #container .tab_style2 li {float:left; margin-right:-1px; border:1px solid #ccc; line-height:34px;} #container .tab_style2 li a {display:block; font-size:14px; color:#666; text-decoration:none; text-align:center;} #container .tab_style2 li a:hover {background:#687083; color:#fff;} #container .tab_style2 li:hover {border: solid 1px #687083;} #container .tab_style2 li.on {border: solid 1px #687083; background:#687083;} #container .tab_style2 li.on a {color:#fff;} #container .con_pro_wrap .pro_article {display:none;} #container .con_pro_wrap .pro_article.on {display:block;} .clear_box {width:100%; display:inline-block; vertical-align:top;} .flt_left {float:left;} .flt_right {float:right;} .posr {position:relative;} .posr span {font-family:dotum; } .r0b0 {position:absolute; right:0; bottom:0;} .ltsm1 {letter-spacing:-1px;} .input_style1 {height:22px; padding:4px; border: solid 1px #c6c6c6; line-height:22px;float:right; } .input_style1 .in{width:130px;height:20px;border:none;font-size:14px;} #imgSearch {padding:5px 0 0 4px} #imgSearch1 {padding:5px 0 0 4px} #imgSearch2 {padding:5px 0 0 4px} /* 전체 가로값 - 18px 이 실 select 박스 사이즈 */ .select_box {height:30px;z-index:1; border: solid 1px #c6c6c6; line-height:27px; background:url(../images/ico/ico_select.gif) right center no-repeat; font-size:14px; } .customSelectInner {padding-left: 5px; } .select_box.type2 {height:30px; border:1px solid #E5E5E5; line-height:27px;width: 250px;} .select_box1 {height:30px;z-index:1;line-height:28px; float:left; width:50%;padding:0 0 10px 0} /* heading_style */ .heading_style1 {font-size:28px; color:#333; font-family:notokr-bold;} .heading_style2 {font-size:18px; color:#333; font-family:notokr-regular;} .heading_style2_2 {font-size:18px; color:#333; font-family:notokr-regular;} .heading_style3 {font-size:16px; color:#333; font-family:notokr-regular;} .heading_style3_2 {font-size:16px; color:#333; font-family:notokr-regular;} .heading_style4 {font-size:24px; line-height:24px; color:#424242; font-family:notokr-bold; text-align:center;} /* text_style */ .text_style1 {font-size:14px; color:#666;letter-spacing: -1px} .text_style3 {font-size:12px; color:#666;} .text_style3_2 {font-size:12px; color:#999;} .text_style3_3 {font-size:12px; color:#999;} .text_style3_4 {font-size:13px; color:#666;} .text_style4 {font-size:16px; color:#424242;} .text_style5 {font-size:11px; color:#818181;} .text_style6 {font-size:13px; color:#666; letter-spacing:-1px;} /* 0514 추가 */ .star{position:relative; display: inline-block;padding-right: 3px; top:3px; line-height:22px; color:#3c97f1;} .text_blue1 {line-height:22px; color:#3c97f1;} .text_blue2 {position:relative; display:inline-block;top:6px; font-size:18px; line-height:22px; color:#3c97f1;} .text_blue3 {font-size:16px; color:#3c97f1;font-family:notokr-regular;} .text_blue4 {font-size:13px; color:#3c97f1;font-family:notokr-regular;} /* input_style */ .input_text1 {height:30px; padding:0 10px; border:1px solid #E5E5E5; color:#818181; line-height:30px;} .input_text1.font_cor {color:#3c97f1;} .input_chk1 {margin-right:4px; display:inline-block;} .input_radio1 {margin-right:5px; display:inline-block;} .lable_style1 {color:#818181; line-height:24px;} /* table_style */ .table_top {font-size:13px; color:#8c8c8c; line-height:24px; text-align:right;} .table_top2 {font-size:13px; color:#7a7a7a; line-height:22px; text-align:right;} .table_caption {font-size:13px; color:#7a7a7a; line-height:22px; text-align:right;} .table_style1 {border-top:1px solid #666666; text-align:center;} .table_style1 thead tr th {background-color:#F9F9F9; border-left:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; font-size:14px; color:#3e454b;} .table_style1 thead tr th.bdl0 {border-left:0;} .table_style1 thead tr th .wrap1 {width:191px; height:82px; position:relative; background:url(../images/contents/th_wrap_bg.gif) 0 0 no-repeat;} .table_style1 thead tr th .wrap1 span {color:#3e454b;} .table_style1 thead tr th .wrap1 .th01 {position:absolute; top:12px; right:18px;} .table_style1 thead tr th .wrap1 .th02 {position:absolute; bottom:12px; left:18px;} .table_style1 tbody tr th div {font-size:13px; color:#666;} .table_style1 tbody tr td {padding:10px 0; border-left:1px solid #D0D0D0; border-bottom:1px solid #F0F0F0; line-height:18px; font-size:14px; color:#666;} .table_style1 tbody tr.p12 td {padding:12px 0;} .table_style1 tbody tr.bgf9 th {background-color:#f9f9f9;} .table_style1 tbody tr.bgf9 td {background-color:#f9f9f9;} .table_style1 tbody tr.vat th {vertical-align:top; padding-top:12px;} .table_style1 tbody tr.vat td {vertical-align:top;} .table_style1 tbody tr.fz12 td {font-size:12px;} .table_style1 tbody tr th {padding-left: 25px; border-bottom: 1px solid #F0F0F0; text-align: left; font-size:14px; color: #666;} .table_style1 .l_line {border-left:0;} .table_style1 tbody tr td ul {padding-bottom:20px; text-align:left;} .table_style1 tbody tr td ul li {padding:11px 0 0 33px;} .table_style1 tr.focus_t td {background-color:#ebf4fe;} .table_style1 td.r {padding:0 6px; text-align:right;font-size: 12px;} .table_style1 td.l {padding:10px 14px; text-align:left;} .table_style1 th .pop_th_inner {width:126px; height:60px; position:relative; background:url(../images/contents/bg_pop_table_th.gif) 0 0 no-repeat; } .table_style1 th .pop_th_inner .tit1 {position:absolute; right:14px; top:6px;} .table_style1 th .pop_th_inner .tit2 {position:absolute; left:14px; bottom:6px;} .table_style1 tbody tr th .updown_arrow {padding-left:25px; display:block; background:url(../images/ico/down_arrow.png) right center no-repeat; color:#666;} .table_style1 tbody tr.on th .updown_arrow {background:url(../images/ico/up_arrow.png) right center no-repeat;} .table_style1 tbody tr th.nopad {padding:0; } .table_style1 tbody tr th.nopad2 .updown_arrow {padding-left:0; background:url(../images/ico/up_arrow.png) right center no-repeat;} .table_style1 tbody tr.detail_tr {display:none;} .table_style1 tbody tr.detail_tr3 {display:none;} .table_style2 {border-top:1px solid #666666; text-align:center;} .table_style2 thead tr th {height:44px; border-bottom:1px solid #ccc; font-size:14px; color:#333;} .table_style2.bgcol thead tr th {background-color:#f8f8f8;} .table_style2 tbody tr td {height:50px; border-bottom:1px solid #ccc; font-size:14px; color:#666;} .table_style2 tbody tr td.nodata {height:150px; border-bottom:1px solid #ccc; font-size:14px; color:#666;} .table_style2 tbody tr td.text_blue {color:#036fb5;} .table_style2 tbody tr td a {color:#666;} .table_style2 td.l {padding-left:10px; text-align:left;} .table_style2 td .pt_img {position:relative;top:-1px; padding-left: 3px} .table_style2 td .blue_font {font-size:14px; color:#036fb5;} .table_style2 td .ico_area {padding-left:15px; background:url(../images/common/bullet1.gif) left center no-repeat; font-size:14px; color:#666;} /* 0514 수정 */ .table_style3 {border-top:1px solid #666666; text-align:center;} .table_style3 thead tr th {height:39px; background-color:#FAFAFA; border-bottom:1px solid #C9C9C9; font-size:14px; color:#3e454b;} .table_style3 tbody tr th {height:39px; padding-left:31px; background-color:#FAFAFA; border-bottom:1px solid #ECECEC; font-size:14px; color:#3e454b; text-align:left;} .table_style3 tbody tr td {border-bottom:1px solid #ECECEC; font-size:14px; color:#3e454b;} .table_style3.dot tbody td {font-family:dotum; } .table_style4 {border-top:1px solid #666666;} .table_style4 tr th {height:50px; padding-left:30px; background-color:#F8F8F8; border-bottom:1px solid #F0F0F0; font-size:14px; color:#424242; text-align:left;} .table_style4 tr.h61 th {height:61px;} .table_style4 tr.h73 th {height:73px;} .table_style4 tr.h246 th {height:246px;} .table_style4 tr th .text_blue2 {display:inline-block; margin-left:-11px;} .table_style4 tr td {padding:7px 0 7px 11px; border-bottom:1px solid #F0F0F0;} .table_style4 tr td label {color:#818181; line-height:24px;} .table_style4 tr td textarea {width:388px; height:39px; border:1px solid #E5E5E5; } .table_style4 tr td textarea.type2 {width:609px; height:208px;} .table_style4 td .add_file_area {padding:13px 0; } .table_style4 td .add_file_area .info_txt {padding-top:20px; font-size:12px; color:#818181; line-height:18px; } .table_style4 td .month_txt1 {font-size:14px; color:#424242;} .table_style4 td .month_txt2 {font-size:14px; color:#3c97f1;} .table_style4 td .info_txt_join {padding:15px 0; font-size:12px; color:#818181; line-height:18px; } .table_style4.type2 tr td {padding-left:19px;} .table_style4 td .join_web {margin:11px 0 0 43px;} .table_style4 td .join_web .join_com {padding-left:10px; font-size:12px; color:#4da3d4;} .table_style4 td .join_web .join_cen {padding-left:10px; font-size:12px; color:#ff1e00;} .table_style4 td .join_web .txt_st1 {color:#ff1e00;} .table_style4 td .join_web .txt_st2 {color:#4da3d4;} .table_style4 td .file_txt {padding:5px 0; font-size:12px; color:#666;} .table_wrap {position:relative;} .table_style5 {border-top:1px solid #666666;} .table_style5 thead tr th {height:40px; border-bottom:1px solid #CCCCCC; font-size:14px; color:#3e454b;} .table_style5 tbody tr th {height:90px; font-size:14px; color:#3e454b; border-bottom:1px solid #F0F0F0;} .table_style5 tbody tr th.h92 {height:92px;} .table_style5 tbody tr th.h96 {height:96px;} .table_style5 tbody tr th.h103 {height:103px;} .table_style5 tbody tr td {padding-left:25px; color:#8c8c8c; line-height:18px; border-bottom:1px solid #F0F0F0;} .table_style5 tbody tr td dl dt {font-size:14px; line-height:18px; color:#3e454b;} .table_style5 tbody tr td dl dd {line-height:18px; color:#8c8c8c;} .table_focus_box {width:267px; height:421px; position:absolute; top:0px; border:3px solid #1AA8D7;} .table_focus_box.focus1 {left:120px;} .table_focus_box.focus2 {left:400px;} .table_focus_box.focus3 {right:0px;} .table_style6 {width:100%; border-top: solid 1px #666; border-bottom: solid 1px #666;} .table_style6 th {padding:12px 28px; text-align:left; border-bottom: solid 1px #cccccc;} .table_style6 th a {font-size:16px; color:#3e454b; } .table_style6 th a span {padding-right:20px; } .table_style6 th .pt_img {position:relative;top:-1px; padding-left:3px} .table_style6 td.date {border-bottom: solid 1px #cccccc; font-size:16px; color:#3e454b;} .table_style6 td {padding:11px 0 11px 25px;} .table_style6 td.l {text-align:left;} .table_style6 td.txt_area {padding:35px 45px; font-size:14px; color:#818181; line-height:22px; border-bottom: solid 1px #ccc;} .table_style6 td.txt_area strong {font-size:14px; color:#818181; line-height:22px;font-family: notokr-regular, Arial, sans-serif;} .table_style6 td.txt_area p {font-size:14px; color:#818181; line-height:22px; } .table_style6 td.txt_area .media_area {padding-bottom:30px; text-align:center;} .table_style6 td .btn_pn {font-size:14px; color:#3e454b;} .table_style6 td .btn_pn em {font-size:12px; vertical-align:0; color:#3e454b;} .table_style6 td .btn_sort {color:#818181; font-size:14px;} .table_style6 td .btn_sort span {padding-right:18px;} .table_style6 tr.bor_style td {border-bottom: solid 1px #f0f0f0;} .table_style7 {width:100%; border-top: solid 1px #666;} .table_style7 th {padding:14px 33px; border-bottom: solid 1px #f0f0f0; font-size:14px; color:#3e454b; text-align:left; vertical-align:top; } .table_style7 tr.top th.img_area {text-align:center; border-bottom: solid 1px #f0f0f0; vertical-align:middle; } .table_style7 th.month_area {vertical-align:top; font-family:notokr-bold; font-size:30px; color:#424242;} .table_style7 td {padding:14px 0; border-bottom: solid 1px #f0f0f0; font-size:16px; color:#666;} .table_style7 td.c {text-align:center;} .table_style7 td .pro_list {} .table_style7 td .pro_list li {font-size:14px; color:#666; line-height:24px; } /* dot_line_list */ #container .con_pro_wrap .dot_line_list {width:100%; display:inline-block; vertical-align:top; text-align:center;} #container .con_pro_wrap .dot_line_list li {width:190px; padding:0 30px; float:left; position:relative; background:url(../images/contents/border_dot.gif) left top no-repeat;} #container .con_pro_wrap .dot_line_list li:first-child {background:none; padding-left:0;} #container .con_pro_wrap .dot_line_list li.last {padding-right:0;} #container .con_pro_wrap .dot_line_list li p {letter-spacing:-1.5px; line-height:20px;} #container .con_pro_wrap .dot_line_list li .dot_line {width:3px; position:absolute; left:0; top:5px; display:inline-block; background:url(../images/contents/border_dot_line.gif) right top repeat-y;} #container .con_pro_wrap .dot_line_list.type2 {text-align:left;} #container .con_pro_wrap .dot_line_list.type2 li {width:209px; padding:0 17px;} #container .con_pro_wrap .dot_line_list.type2 li:first-child {background:none; padding-left:0;} #container .con_pro_wrap .dot_line_list.type2 li.last {padding-right:0;} #container .con_pro_wrap .dot_line_list.type2 li p {letter-spacing:-1px;} #container .con_pro_wrap .dot_line_list.type3 {width:900px; margin: 23px 30px 0; text-align:left;} #container .con_pro_wrap .dot_line_list.type3 li {width:181px; padding:0 22px;} #container .con_pro_wrap .dot_line_list.type3 li .main {height:72px; padding-top:15px; font-size:18px; line-height:24px; color:#687083; text-align:left;} #container .con_pro_wrap .dot_line_list.type3 li .sub {line-height:24px; color:#999;} #container .con_pro_wrap .dot_line_list.type4 li {padding:0 0 0 20px; letter-spacing:-1px; text-align:center;} #container .con_pro_wrap .dot_line_list.type4 li h5 {margin-left:-15px; } #container .con_pro_wrap .dot_line_list.type4 li img {margin:45px 0 0 -15px;} #container .con_pro_wrap .dot_line_list.type4 li.con1 {width:161px; padding-left:0; } #container .con_pro_wrap .dot_line_list.type4 li.con2 {width:177px; } #container .con_pro_wrap .dot_line_list.type4 li.con3 {width:168px; } #container .con_pro_wrap .dot_line_list.type4 li.con4 {width:180px; } #container .con_pro_wrap .dot_line_list.type4 li.con5 {width:173px; } #container .con_pro_wrap .dot_line_list.type4 li.con6 {width:178px; padding-left:0; } #container .con_pro_wrap .dot_line_list.type4 li.con7 {width:166px; } #container .con_pro_wrap .dot_line_list.type4 li.con8 {width:176px; } #container .con_pro_wrap .dot_line_list.type4 li.con9 {width:175px; } #container .con_pro_wrap .dot_line_list.type4 li.con10 {width:165px; } #container .con_pro_wrap .dot_line_list.type4 li p {text-align:center; line-height:20px;} /*text-align :left 수정 0514 */ #container .con_pro_wrap .dot_line_list.type4 li p.tac {text-align:center; margin-left:-15px;} #container .con_pro_wrap .dot_line_list.type5 li {width:200px; padding:0 23px; } #container .con_pro_wrap .dot_line_list.type5 li:first-child {padding-left:0;} #container .con_pro_wrap .dot_line_list.type5 li.last {padding-right:0;} #container .con_pro_wrap .dot_line_list.type6 {text-align:left;} #container .con_pro_wrap .dot_line_list.type6 li {width:275px; height:315px; padding:0 25px 0 30px; background-position:left 45px;} #container .con_pro_wrap .dot_line_list.type6 li:first-child {padding-left:0; background:none;} #container .con_pro_wrap .dot_line_list.type6 li.last {padding-right:0;} #container .con_pro_wrap .dot_line_list.type6 li p {font-size:14px; line-height:24px; color:#666; letter-spacing:-1px;} #container .con_pro_wrap .dot_line_list.type6 li .dot_line {top:50px;} /* pagination */ .pagination {width:100%; display:inline-block; vertical-align:top; text-align:center;} .pagination a {width:26px; height:27px; border:1px solid #E6E6E6; display:inline-block; background:url(../images/contents/pagination_sprites.png) no-repeat;} .pagination a:hover {border:1px solid #3C97F1;} .pagination .btn_first {background-position:0px 0px;} .pagination .btn_first:hover {background-position:0px -30px;} .pagination .btn_prev {background-position:-30px 0px;} .pagination .btn_prev:hover {background-position:-30px -30px;} .pagination .btn_next {background-position:-60px 0px;} .pagination .btn_next:hover {background-position:-60px -30px;} .pagination .btn_last {background-position:-90px 0px;} .pagination .btn_last:hover {background-position:-90px -30px;} .pagination .page_num {background-image:none; color:#333333; line-height:27px; vertical-align:top;} .pagination .page_num:hover {background-color:#3C97F1; color:#fff;} .pagination .page_num.on {background-color:#3C97F1; color:#fff;} /* popup_style */ .popup_wrap {position:relative; z-index:80;} .popup_wrap .popup_area {width:650px; height:900px; margin:0px auto;} .popup_wrap .popup_area .popup_header {padding:23px 19px; position:relative; background-color:#101E39;} .popup_wrap .popup_area .popup_header .popup_title {font-family:notokr-bold; font-size:24px; line-height:24px; color:#fff;} .popup_wrap .popup_area .popup_header .btn_esc {width:25px; height:25px; position:absolute; top:24px; right:28px; display:inline-block; background:url(../images/contents/popup_btn_esc.png) 0 0 no-repeat;} .popup_wrap .popup_area .popup_container {padding:0 10px; background-color:#FFF; position:relative; } .popup_wrap .popup_area .popup_container .chkbox_area {margin-top:15px; margin-left:8px;} .popup_wrap .popup_area .popup_container .chkbox_area label {color:#818181;} .popup_wrap .popup_area .popup_container .table_bottom {padding-left:15px; line-height:22px; color:#7a7a7a;} .popup_wrap .popup_area .popup_container .table_bottom .star {display:inline-block; margin-left:-9px;} .popup_wrap .popup_area .popup_container .table_bottom .text_blue1 {font-size:12px; line-height:22px;} .popup_wrap .popup_area .popup_container {padding:25px 10px; background-color:#fff;} .popup_wrap .popup_area .popup_container .popup_section h2 {padding: 0 0 14px 13px;} .popup_wrap .popup_area .popup_container .popup_section {padding-bottom:30px; position:relative; } .popup_wrap .popup_area .popup_container .popup_section.line {padding-bottom:15px; margin-bottom:30px; border-bottom: solid 1px #ccc;} .popup_wrap .popup_area .popup_container .popup_section .table_caption {position:absolute; right:0; top:0;} .popup_wrap .popup_area .popup_container .table_info_txt {text-align:center; font-size:14px; line-height:22px; color:#7a7a7a;} .popup_wrap.type2 {position:absolute; top:32px; display:none;} .popup_wrap.type2.on {display:block;} .popup_wrap.type2 .popup_area {width:938px; height:478px; position:relative; z-index:70; border:1px solid #A7ABB4; background:#fff;} .popup_wrap.type2 .popup_area .popup_container {width:810px; padding:30px 64px 0; display:inline-block; vertical-align:top;} .popup_wrap.type2 .popup_area .popup_container .left_area {float:left;border:1px solid #ccc} .popup_wrap.type2 .popup_area .popup_container .right_area {margin-left:50px; float:left;width:325px;} .popup_wrap.type2 .popup_area .popup_container .right_area ul li {line-height:20px; color:#687083;} .popup_wrap.type2 .layer_bg {width:100%; height:100%; position:fixed; left:0; top:0; z-index:1; background:url(../images/contents/bg_layer_popup.png) 0 0 repeat;} .popup_wrap.type3 {top:208px; width:100%;position: absolute;display:none;z-index:9999;} .popup_wrap.type3.on {display:block;} .popup_wrap.type3 .popup_area {position:relative; border:1px solid #A7ABB4; height:100%; background:#fff;z-index: 9999;} .popup_wrap.type3 .layer_bg {width:100%; height:100%; position:fixed; left:0; top:0; z-index:1; background:url(../images/contents/bg_layer_popup.png) 0 0 repeat;} /* pro */ #container .contents .contents_top {padding:43px 0 0 0; background:url(../images/contents/bg_sub_top1.gif) right top no-repeat; position:relative;} #container .contents .contents_top.line {border-bottom: solid 1px #666;} #container .contents .contents_top.nobg {background:none;} #container .contents .contents_top .sub_title {padding-bottom:17px; font-size:28px; color:#424242;} #container .contents .contents_top .sub_title_p {padding-bottom:17px; font-size:22px; color:#424242;} /* sub_title_p추가 0514 */ #container .contents .contents_top .sub_info {min-height:60px; padding-bottom:50px; font-size:16px; line-height:22px; color:#666666;} #container .contents .contents_top .sub_info_txt {padding-bottom:60px; font-size:14px; line-height:22px; letter-spacing:-1px; color:#666666;} #container .contents .contents_top .img_sub_top {position:absolute; top:0; right:0;} #container .contents .contents_top .select1 {position:absolute; bottom:15px; right:0;} #container .contents .contents_top .select2 {position:absolute; bottom:15px; right:0;} #container .contents .contents_top .select2 .edu_input_box {height:28px; line-height:28px; } #container .con_pro_wrap {width:100%;} #container .con_pro_wrap .pro_list_wrap {height:256px; padding:40px 0 40px 490px; position:relative; overflow:hidden;} #container .con_pro_wrap .pro_list_wrap.line {border-bottom: solid 1px #d3d3d3;} #container .con_pro_wrap .pro_list_wrap .tit {position:absolute; left:5px; top:40px; font-family:'notokr-regular'; font-size:18px; color:#333; z-index:10; } #container .con_pro_wrap .left_img_area {width:470px; height:336px; position:absolute; left:0; top:0;} #container .con_pro_wrap .con_pro_inner {width:100%; padding-bottom:20px; } /* padding-bottom:14px; 수정 0514*/ #container .con_pro_wrap .con_pro_inner .tit {padding:49px 0 16px 0; font-family:'notokr-regular'; font-size:18px; color:#333;} #container .con_pro_wrap .con_pro_inner p {font-size:14px; color:#666; line-height:24px;} #container .con_pro_wrap .con_pro_inner1 {width:100%;} /* padding-bottom 삭제 0514*/ #container .con_pro_wrap .con_pro_inner1 .tit {padding:49px 0 16px 0; font-family:'notokr-regular'; font-size:18px; color:#333;} #container .con_pro_wrap .con_pro_inner1 p {font-size:14px; color:#666; line-height:24px;} #container .con_pro_wrap .pro_list_wrap .list_txt {width:400px;} #container .con_pro_wrap .pro_list_wrap .list_txt li {background:url(../images/ico/ico_bull.gif) left center no-repeat; font-size:16px; color:#333; letter-spacing:-1px;} #container .con_pro_wrap .pro_list_wrap .list_txt li .point {color:#3c97f1;} #container .con_pro_wrap .pro_list_wrap .list_txt li:first-child span {border-top:0;} #container .con_pro_wrap .pro_list_wrap .list_txt li span {display:block; padding:15px 0; margin-left:26px; border-top: solid 1px #d3d3d3;} #container .con_pro_wrap .pro_list_wrap .info_txt p {padding-top:34px; font-size:14px; color:#666; line-height:24px;} #container .con_pro_wrap .pro_list_wrap.type2 .list_txt {width:430px;} #container .con_pro_wrap .pro_list_wrap .btn_area {padding-top:44px;} #container .con_pro_wrap .pro_list_wrap .btn_area .btn_style1 {width:123px; height:32px; display:inline-block; background-color:#697185; color:#fff; font-size:14px; text-align:center; line-height:32px;} #container .con_pro_wrap .pro_list_wrap .btn_area .btn_style2 {width:123px; height:32px; display:inline-block; background-color:#3c97f1; color:#fff; font-size:14px; text-align:center; line-height:32px;} #container .con_pro_wrap .pro_coment_wrap .main_coment {font-size:22px; line-height:36px; color:#666; text-align:center; font-family:'notokr-bold'; } #container .con_pro_wrap .pro_coment_wrap .sub_coment {font-size:16px; line-height:36px; color:#666; text-align:center;} #container .con_pro_wrap .list_style01 {width:100%;} #container .con_pro_wrap .list_style01 li {width:100%; margin-bottom:50px; display:inline-block; vertical-align:top;} #container .con_pro_wrap .list_style01 li:last-child {margin-bottom:0px;} #container .con_pro_wrap .list_style01 li .img_area {float:left;} #container .con_pro_wrap .list_style01 li .img_area img {margin-left:20px;} #container .con_pro_wrap .list_style01 li .text_area {width:660px; float:right;} #container .con_pro_wrap .list_style01 li.line {border-bottom: solid 1px #d3d3d3;} #container .con_pro_wrap .partnership_list {width: 942px; padding-top: 32px; overflow:hidden; } #container .con_pro_wrap .partnership_list li {width: 152px; height: 100px; padding: 0 5px 5px 0; float: left; } #container .con_pro_wrap .partnership_list li a {display:block; border: solid 1px #e5e5e5;} #container .con_pro_wrap .build_example_list {width:960px; padding-top:32px; overflow:hidden;} #container .con_pro_wrap .build_example_list li {width:299px; height:204px; padding:0 20px 20px 0; float:left;} #container .con_pro_wrap .build_example_list li a {display:block; border:1px solid #E5E5E5; position:relative;} #container .con_pro_wrap .build_example_list li a .bg_mouseover {width:100%; height:202px; display:none; position:absolute; top:0; left:0; z-index:1; background:url(../images/contents/bg_mouseover1.png) 0 0 repeat;} #container .con_pro_wrap .build_example_list li a .bg_mouseover .main {padding:50px 0 10px 30px; display:block; font-size:18px; color:#fff;} #container .con_pro_wrap .build_example_list li a .bg_mouseover .sub {padding-left:30px; padding-right:30px;display:block; font-size:14px; line-height:24px; color:#fff;} #container .con_pro_wrap .build_example_list li a .plus {width:40px; height:40px; display:inline-block; position:absolute; right:0; bottom:0; z-index:2; background:url(../images/contents/bg_plus_ico.gif) 0 0 no-repeat;} /*#container .con_pro_wrap .build_example_list li.on a .bg_mouseover {display:block;} #container .con_pro_wrap .build_example_list li.on a .plus {background-position:-40px 0px;}*/ #container .con_pro_wrap .pro_section {width:100%; padding-bottom:80px; position:relative;} #container .con_pro_wrap .pro_section .clear_box {width:100%; display:inline-block; vertical-align:top;} #container .con_pro_wrap .pro_section .left_area1 {width:416px; height:198px; float:left; position:relative;} #container .con_pro_wrap .pro_section .left_area1 h4 {line-height:32px; margin-bottom:9px;} #container .con_pro_wrap .pro_section .left_area1 .btn_gray32 {position:absolute; top:0; right:0;} #container .con_pro_wrap .pro_section .left_area1 .calculator_info {width:416px; height:168px; position:relative; border-top:1px solid #666666; border-bottom:1px solid #ccc;} /* 0514 수정 */ #container .con_pro_wrap .pro_section .left_area1 .calculator_info img {position:absolute; top:27px; left:22px;} #container .con_pro_wrap .pro_section .left_area1 .calculator_info p {padding:45px 0 0 150px; font-size:14px; color:#7a7a7a; line-height:24px;} #container .con_pro_wrap .pro_section .right_area1 {width:457px; height:198px; float:right; position:relative;} #container .con_pro_wrap .pro_section .right_area1 h4 {line-height:32px; margin-bottom:9px;} #container .con_pro_wrap .pro_section .right_area1 .btn_gray32 {position:absolute; top:0; right:0;} #container .con_pro_wrap .pro_section_last {width:100%; position:relative;} #container .con_pro_wrap .pro_section_last .clear_box {width:100%; display:inline-block; vertical-align:top;} #container .con_pro_wrap .pro_section_last .qna_list {width:100%; border-top:1px solid #666666;} #container .con_pro_wrap .pro_section_last .qna_list li dl dt {width:100%; position:relative;} #container .con_pro_wrap .pro_section_last .qna_list li dl dt a {height:55px; padding-left:50px; display:block; border-bottom:1px solid #CCCCCC; font-size:16px; color:#3e454b; line-height:55px; background:url(../images/contents/bg_question.png) 12px 14px no-repeat;} #container .con_pro_wrap .pro_section_last .qna_list li dl dt .arrow {position:absolute; top:24px; right:31px;} #container .con_pro_wrap .pro_section_last .qna_list li dl dd {padding:32px 80px 65px; display:none; background:#F9F9F9 url(../images/contents/bg_answer.png) 39px 32px no-repeat; border-bottom:1px solid #EAEAEA; font-size:14px; line-height:28px; color:#666666;} #container .con_pro_wrap .pro_section_last .qna_list li.on dl dd {display:block;} #container .con_pro_wrap .service_step_list {width:100%; padding-top:119px; margin-top:66px; display:inline-block; vertical-align:top; background:url(../images/contents/pro_bg03_01.gif) 0 0 no-repeat;} #container .con_pro_wrap .service_step_list li {width:227px; float:left; text-align:center;} #container .con_pro_wrap .service_step_list li em {display:block; font-size:14px; line-height:18px; color:#1aa8d7;} #container .con_pro_wrap .service_step_list li span {padding-top:10px; display:inline-block; font-size:14px; line-height:18px; color:#666;} #container .con_pro_wrap .slide_wrap {padding:0 40px; width:860px; display:inline-block; vertical-align:top; position:relative;} #container .con_pro_wrap .slide_wrap .slide_img_area {width:100%;} #container .con_pro_wrap .slide_wrap .slide_img_area .slide_img_list {width:9999px} #container .con_pro_wrap .slide_wrap .slide_img_area .slide_img_list li {float:left; margin-right:33px;border:1px solid #f3f3f3;} #container .con_pro_wrap .slide_wrap .slide_img_area .slide_img_list li a {display:block; border:1px solid #E5E5E5; position:relative;} #container .con_pro_wrap .slide_wrap .slide_img_area .slide_img_list li.on a{position:relative;border:3px solid #3c97f1;} #container .con_pro_wrap .slide_wrap .slide_img_area .slide_img_list li a .bg_on {width:100%; display:none; height:84px; position:absolute; top:0; left:0; z-index:100;background-color:#3c97f1;} #container .con_pro_wrap .slide_wrap .slide_img_area .slide_img_list li a .bg_on .txt { padding-top:35px;display:block; font-size:12px; color:#fff;text-align:center} /*#container .con_pro_wrap .slide_wrap .slide_img_area .slide_img_list li.on a .bg_on {display:block;}*/ #container .con_pro_wrap .slide_wrap .slide_btn_area .prev_btn {width:27px; height:84px; display:inline-block; position:absolute; top:0; left:0; background:url(../images/contents/slide_btn_prev1.gif) 0 0 no-repeat;} #container .con_pro_wrap .slide_wrap .slide_btn_area .next_btn {width:27px; height:84px; display:inline-block; position:absolute; top:0; right:0; background:url(../images/contents/slide_btn_next1.gif) 0 0 no-repeat;} #container .con_pro_wrap .solution_area {width:100%; height:25px; display:inline-block; vertical-align:top;} #container .con_pro_wrap .solution_area p {font-size:14px; line-height:25px; color:#fff; text-align:center;} #container .con_pro_wrap .solution_area .left_box {width:730px; height:25px; margin-right:33px; float:left; background:url(../images/contents/pro_bg07_01.gif) 0 0 no-repeat;} #container .con_pro_wrap .solution_area .right_box {width:165px; height:25px; float:left; background:url(../images/contents/pro_bg07_02.gif) 0 0 no-repeat;} #container .con_pro_wrap .cross_dot_line_list {width:940px; height:411px; display:inline-block; background:url(../images/contents/pro_bg08_01.gif) 0 0 no-repeat; vertical-align:top;} #container .con_pro_wrap .cross_dot_line_list li {width:459px; height:190px; padding-left:11px; float:left; position:relative;} #container .con_pro_wrap .cross_dot_line_list li.pl30 {width:440px; padding-left:30px;} #container .con_pro_wrap .cross_dot_line_list li.mt25 {height:180px; margin-top:25px;} #container .con_pro_wrap .cross_dot_line_list li img {position:absolute; right:0; bottom:0;} #container .con_pro_wrap .intranet_area {width:100%; display:inline-block; vertical-align:top;} #container .con_pro_wrap .intranet_area .left_box {float:left;} #container .con_pro_wrap .intranet_area .right_box {margin-left:37px; float:left;} #container .con_pro_wrap .intranet_area .right_box h5 {margin-left:8px;} #container .con_pro_wrap .intranet_area .right_box ol {padding:24px 8px; border-bottom:1px solid #BFBFBF;} #container .con_pro_wrap .intranet_area .right_box ol li {font-size:14px; line-height:24px; color:#666;} #container .con_pro_wrap .intranet_area .right_box p {padding-left:8px; margin-top:30px; font-size:14px; line-height:24px; color:#666;} /* edu */ #container .edu_input_box{height:26px; border:1px solid #c6c6c6; font-size:14px;} #container .edu_notice_wrap{width:622px; height:186px; float:left; margin-top:23px; position:relative; background:url(../images/contents/edu_ico_sub_top2.png) left top no-repeat;} #container .edu_notice_wrap .edu_yy{position:absolute; font-size:12px; color:#697185; top:98px; left:30px} #container .edu_notice_wrap .edu_mm{position:absolute; font-size:46px; color:#20a8d6; font-weight:bold; top:120px; left:23px;font-family:Arial; line-height:40px; } /* 0514 수정 */ #container .edu_notice_wrap .edu_dd{position:absolute; font-size:46px; color:#20a8d6; font-weight:bold; top:120px; left:110px;font-family:Arial; line-height:40px; } /* 0514 수정 */ #container .edu_notice_wrap .sub_title{position:absolute;left:234px; top:41px; font-size:18px; color:#424242;} #container .edu_notice_wrap .btn_ing{margin:0 6px 0 15px} #container .edu_notice_wrap .list_txt{position:absolute; left:234px; top:76px; } #container .edu_notice_wrap .list_txt li{background:url(../images/common/bullet1.gif) left center no-repeat; font-size:14px; color:#666; } /* 0514 수정 */ #container .edu_notice_wrap .list_txt span{display:block; margin-left:16px;padding:7px;} /* 0514 height 수정 */ #container .edu_link_wrap {width:272px; margin-top:195px;} #container .edu_link_wrap .box_list {border:1px solid #cccccc; } #container .edu_link_wrap .box_list li {border-top:1px solid #cccccc; position:relative} #container .edu_link_wrap .box_list li:first-child {border-top:0;} #container .edu_link_wrap .box_list h4 {font-size:18px; color:#424242; position:absolute; left:18px} #container .edu_link_wrap .box_list .box_more {position:absolute; right:16px} #container .edu_link_wrap .box_list p {position:absolute; font-size:14px; color:#424242;} #container .edu_link_wrap .box_list .box_list_1 {height:160px; background:url(../images/contents/edu_ico_boxlink1.png) no-repeat left} #container .edu_link_wrap .box_list .box_list_1 .box_more{ top:20px} #container .edu_link_wrap .box_list .box_list_1 p {top:90px; left:120px} #container .edu_link_wrap .box_list .box_list_1 h4 {top:16px} #container .edu_link_wrap .box_list .box_list_2 {height:165px; background:url(../images/contents/edu_ico_boxlink2.png) no-repeat left} #container .edu_link_wrap .box_list .box_list_2 .box_more {top:24px} #container .edu_link_wrap .box_list .box_list_2 p {top:91px; left:128px} #container .edu_link_wrap .box_list .box_list_2 h4 {top:23px} #container .edu_link_wrap .box_list .box_list_3 {height:155px; background:url(../images/contents/edu_ico_boxlink3.png) no-repeat left} #container .edu_link_wrap .box_list .box_list_3 .box_more {top:18px} #container .edu_link_wrap .box_list .box_list_3 p {top:85px; left:128px} #container .edu_link_wrap .box_list .box_list_3 h4 {top:20px} #container .edu_list_wrap {width:622px; float:left; position:relative; } #container .edu_list_wrap .btn_more {position:absolute; right:0; top:53px; } #container .edu_list_wrap h5 {font-size:18px; color:#424242; margin:49px 0 19px} #container .contents .edu_con_inner {width:100%; overflow:hidden;} #container .contents .edu_con_inner .l_area {width:622px; float: left; } #container .contents .edu_con_inner .r_area {width:272px; float: right;} #container .contents .edu_con_inner .r_area1 {margin-top:10px;width:272px; float: right;} #container .edu_online_wrap{width:100%;} #container .edu_online_wrap .online_title {font-size:18px; color:#424242; padding:52px 0 17px 0;} #container .edu_online_wrap .edu_online_list {width:100%; overflow:hidden;} #container .edu_online_wrap .edu_online_list > li {float:left; padding:25px 14px 22px; margin-left:6px; border:1px solid #cccccc; } #container .edu_online_wrap .edu_online_list li:first-child {margin-left:0px;} #container .edu_online_wrap .edu_online_list li .edu_online_inner {padding-left:2px; } #container .edu_online_wrap .edu_online_list li .box_title {font-size:16px; color:#000; padding-bottom:15px; } #container .edu_online_wrap .edu_online_list li .info_txt {padding:13px 0 22px 0; font-size:14px; color:#000; line-height:18px; } #container .edu_online_wrap .edu_online_list li ul {width:100%;} #container .edu_online_wrap .edu_online_list li ul li {color:#666666;line-height:20px; } #container .edu_online_wrap .edu_online_list li ul li a {color:#666666; padding-bottom:5px;} #container .contents .contents_top.h189{height:189px} #container .con_edu_inner {position:relative; margin-bottom:12px; } #container .con_edu_inner .r_area {position:absolute; right:165px; top:0px} #container .con_edu_inner .edu_select {} #container .con_edu_inner .edu_select1 { margin-right:4px;} #container .con_edu_inner .edu_input1 {} #container .edu_view_wrap td a {color:#555555;} #container .edu_view_wrap td.conts {padding: 33px 50px 53px; line-height:18px; border-bottom: solid 1px #c3c3c3; color:#818181; font-size:14px; line-height:22px} #container .edu_view_wrap {width: 100%; table-layout:fixed; border-top: solid 1px #666666; } #container .edu_view_wrap th.title {padding: 11px 0 10px 28px; text-align:left; border-bottom: solid 1px #cccccc; color:#3e454b; font-size:16px} #container .edu_view_wrap th {padding: 10px 0 10px 10px; text-align:left; border-bottom: solid 1px #efefef; background:url(../img/common/bar2.gif) right center no-repeat; color:#444444;} #container .edu_view_wrap td {padding: 10px 0 10px 10px; color:#555555; border-bottom: solid 1px #efefef;} #container .contents_top .edu.btn_style1 {width: 118px; text-align:center; display:inline-block; line-height:34px; color:#fff; background-color:#20a8d6; font-size:16px; border:1px solid #3a9abb; text-decoration:none; position:absolute; left:314px; bottom:15px; } /* #container .con_edu_wrap .edu_section .edu_schedule_list{} #container .con_edu_wrap .edu_section .edu_schedule_list li{border-bottom:1px solid #f0f0f0; position:relative; padding:7px 0} #container .con_edu_wrap .edu_section .edu_schedule_list .schedule_education{background:url(../images/contents/edu_ico_schedule_1.png) no-repeat 24px 47px} #container .con_edu_wrap .edu_section .edu_schedule_list .schedule_seminar{background:url(../images/contents/edu_ico_schedule_2.png) no-repeat 24px 47px} #container .con_edu_wrap .edu_section .edu_schedule_list .edu_table_style1{width:820px; height:130px; margin-left:120px; } #container .con_edu_wrap .edu_section .edu_schedule_list .edu_table_style1 .schedule_cate{text-align:center; color:#666666; font-size:20px; font-weight:bold} #container .con_edu_wrap .edu_section .edu_schedule_list .edu_table_style1 .schedule_cate .current_icon.wait{display:inline-block; width:69px; height:20px; margin-top:10px; background:url(../images/contents/edu_ico_wait.png)} #container .con_edu_wrap .edu_section .edu_schedule_list .edu_table_style1 .schedule_cate .current_icon.ing{display:inline-block; width:69px; height:20px; margin-top:10px; background:url(../images/contents/edu_ico_ing.png)} #container .con_edu_wrap .edu_section .edu_schedule_list .edu_table_style1 .schedule_date{text-align:center} #container .con_edu_wrap .edu_section .edu_schedule_list .edu_table_style1 .schedule_date .schedule_date_wrap{display:inline-block; text-align:left} #container .con_edu_wrap .edu_section .edu_schedule_list .schedule_date_wrap .yy{display:block;color:#687083; font-size:14px; font-weight:bold; margin-bottom:2px} #container .con_edu_wrap .edu_section .edu_schedule_list .schedule_date_wrap .mmdd{display:block;color:#20a8d6; font-size:32px; font-weight:bold} #container .con_edu_wrap .edu_section .edu_schedule_list .edu_table_style1 .schedule_name{border-bottom:1px solid #f0f0f0; height:46px; font-size:16px; color:#3e454b; position:relative; padding-left:22px} #container .con_edu_wrap .edu_section .edu_schedule_list .edu_table_style1 .schedule_name a{display:inline-block; width:83px; height:20px; position:absolute;top:9px} #container .con_edu_wrap .edu_section .edu_schedule_list .edu_table_style1 .schedule_name .btn_detail{background:url(../images/contents/edu_btn_detail.png); right:108px} #container .con_edu_wrap .edu_section .edu_schedule_list .edu_table_style1 .schedule_name .btn_apply{background:url(../images/contents/edu_btn_apply.png); right:20px} #container .con_edu_wrap .edu_section .edu_schedule_list .edu_table_style1 .schedule_detail{font-size:13px; color:#666; line-height:18px; padding-left:22px } #container .con_edu_wrap .edu_section .edu_schedule_list .schedule_education.off{background:url(../images/contents/edu_ico_schedule_1_off.png) no-repeat 24px 47px} #container .con_edu_wrap .edu_section .edu_schedule_list .schedule_seminar.off{background:url(../images/contents/edu_ico_schedule_2_off.png) no-repeat 24px 47px} #container .con_edu_wrap .edu_section .edu_schedule_list .off .edu_table_style1 .schedule_cate{color:#cbcbcb} #container .con_edu_wrap .edu_section .edu_schedule_list .off .edu_table_style1 .schedule_cate .current_icon{width:69px; height:20px;display:inline-block;margin-top:10px;background:url(../images/contents/edu_ico_complete.png);} #container .con_edu_wrap .edu_section .edu_schedule_list .off .schedule_name{color:#cbcbcb} #container .con_edu_wrap .edu_section .edu_schedule_list .off .schedule_detail{color:#cbcbcb} #container .con_edu_wrap .edu_section .edu_schedule_list .off .schedule_name .btn_detail{background:url(../images/contents/edu_btn_detail_off.png); cursor:default} #container .con_edu_wrap .edu_section .edu_schedule_list .off .schedule_name .btn_apply{background:url(../images/contents/edu_btn_apply_off.png); cursor:default} #container .con_edu_wrap .edu_section .edu_schedule_list .off .schedule_date_wrap .yy{color:#cbcbcb} #container .con_edu_wrap .edu_section .edu_schedule_list .off .schedule_date_wrap .mmdd{color:#cbcbcb} */ .popup_container .popup_section1 {width:100%; padding:0 0 23px; overflow:hidden;} .popup_container .popup_section1.line {border-bottom: solid 1px #666;} .popup_container .pop_title {padding: 5px 65px 0 30px; float: left; font-family:notokr-bold; font-size:24px; color:#424242;} /* 0514수정 */ .popup_container .edu_list_txt {float: left;} .popup_container .edu_list_txt li {padding-left:12px; background:url(../images/common/bullet1.gif) left center no-repeat; font-size:14px; line-height:24px; } .popup_container .pop_title_new {padding: 0px 65px 0 10px; float: left; font-family:notokr-bold; font-size:24px; color:#424242;} /* 190128수정 */ .popup_container .edu_list_txt_new {padding:35px 10px;position:absolute;float:left;}/* 190128수정 */ .popup_container .edu_list_titile {padding-top:30px;}/* 190128추가 */ .popup_container .edu_list_titile h3{position: absolute;padding-left: 10px;font-size: 15px;font-family: 'notokr-regular';font-weight: 500;color: #444;;}/* 190128추가 */ .popup_container .popup_complete {padding:60px 0; text-align:center; font-family:notokr-bold; font-size:24px; color:#424242; line-height:28px; } .popup_container .popup_complete strong.blue {color:#3c97f1; font-size:24px; line-height:28px; } .popup_container .popup_complete strong.red {color:#ff0000; font-size:24px; line-height:28px; } .popup_container .popup_complete strong.wait_txt {color:#f1453c;} .table_style4.edu tr th {font-size:15px;} .table_style4.edu tr td {background-color: #f8f8f8}/* 190128추가 */ .h118{height:118} /* #container .con_edu_wrap .edu_table_style2{ margin:32px 0 22px 0} #container .con_edu_wrap .edu_table_style2 .img_box{display:block; border:1px solid #cfcfcf; width:308px; height:198px; margin:0 auto} #container .con_edu_wrap .edu_table_style2 .schedule_name{border-bottom:1px solid #f0f0f0; font-size:18px; color:#3e454b; padding:0 0 10px 35px; line-height:30px; position:relative} #container .con_edu_wrap .edu_table_style2 .schedule_name .edu_btn_blue{ background:#3c97f1; width:123px; height:32px; display:inline-block; font-size:14px; color:#fff !important; text-align:center; position:absolute; top:31px; right:5px} #container .con_edu_wrap .edu_table_style2 .schedule_detail{height:139px; padding-left:35px; } #container .con_edu_wrap .edu_table_style2 .schedule_detail p{font-size:14px; color:#3e454b; line-height:20px; padding-top:6px; display:inline-block} #container .con_edu_wrap .edu_table_style2 .edu_list_txt{margin-top:13px} #container .con_edu_wrap .edu_table_style2 .edu_list_txt li{background:url(../images/common/bullet1.gif) left center no-repeat; font-size:14px; float:left;} #container .con_edu_wrap .edu_table_style2 .edu_list_txt li.li_l{width:260px} #container .con_edu_wrap .edu_table_style2 .edu_list_txt span{display:block; margin-left:12px; padding: 4px 0 3px; color:#828282} */ .edu_up_line{border-top:1px solid #f0f0f0;} .edu_bottom_line{border-bottom:1px solid #666666;} .edu_btn_blue{ background:#3c97f1; width:123px; line-height:32px; display:block; font-size:14px; color:#fff !important; text-align:center;} .edu_btn_red { background:#e44445 ; width:120px; line-height:32px; display:block; font-size:14px; color:#fff !important; text-align:center;} #container .con_edu_wrap .edu_section {padding-bottom:20px} /*0514 추가 */ #container .con_edu_wrap .edu_section_last {padding-bottom:0px} /*0514 추가 */ #container .con_edu_wrap .edu_section .tit{font-size:18px; color:#3e454b} #container .con_edu_wrap .edu_con_text16{color:#666; font-size:16px; line-height:24px} #container .con_edu_wrap .edu_con_text14{color:#666; font-size:14px; line-height:24px; display:inline-block} #container .con_edu_wrap .edu_con_box {background:#f8f8f8; border:1px solid #d5d5d5; padding:17px 0 15px 18px; font-size:14px; color:#666;line-height:30px} #container .con_edu_wrap .edu_con_box strong {font-size:15px; font-weight:normal; color:#3e454b; line-height:30px;} #container .con_edu_wrap .edu_table_style3 {margin-top:125px} #container .con_edu_wrap .edu_table_style3 th {text-align:left; vertical-align:top; font-size:16px; color:#3e454b; line-height:24px} #container .con_edu_wrap .edu_table_style3 td {text-align:left; vertical-align:top; font-size:14px; color:#666; line-height:24px} #container .con_edu_wrap .edu_section .help {font-size:14px; color:#3e454b; display:block} #container .con_edu_wrap .edu_section .edu_contact_help{font-size:12px; color:#818181; display:block} #container .con_edu_wrap .btn_style2 {width: 130px; text-align:center; display:inline-block; line-height:40px; color:#fff; background-color:#3c97f1; font-size:16px;} #container .con_edu_wrap .btn_style2:hover {text-decoration:none; } #container .con_edu_wrap .edu_list_style01{width:100%;} #container .con_edu_wrap .edu_list_style01 li{width:100%; overflow:hidden; padding-bottom:20px; } #container .con_edu_wrap .edu_list_style01 li .img_area{width:41px; float:left; padding:5px 44px 0 7px;} /*0514수정*/ #container .con_edu_wrap .edu_list_style01 dl {width:848px; padding-top:14px; float: left; overflow:hidden;} #container .con_edu_wrap .edu_list_style01 dt {width:104px; float:left; } #container .con_edu_wrap .edu_list_style01 dd {width:744px; float:left; font-size:14px; color:#666;} #container .con_edu_wrap .edu_list_style01 dd span {padding-left:133px; } #container .con_edu_wrap .list_style01 {width:100%; overflow:hidden;} #container .con_edu_wrap .list_style01 li {width:470px; float:left; } #container .con_edu_wrap .list_style01 li:first-child {width:469px; border-right: solid 1px #e5e5e5;} #container .con_edu_wrap .list_style01 li:first-child .img_area {width:114px;} #container .con_edu_wrap .list_style01 li .img_area {width:150px; float:left;} #container .con_edu_wrap .list_style01 li .text_area {width:355px; float: left;} #container .con_edu_wrap .list_style01 li dt{margin-bottom:17px} #container .con_edu_wrap .list_style01 li dd{font-size:14px; color:#666; line-height:18px; } #container .con_edu_wrap .edu_table_list.edu1 td{text-align:left; padding-left:20px} #container .edu_table_wrap {width:100%; } #container .edu_table_wrap td {padding:20px 0 20px 24px; border-bottom: solid 1px #f0f0f0;} #container .edu_table_wrap td .ico_schedule1 {width:56px; height:57px; display:block; background:url(../images/contents/edu_ico_schedule_1.png) left center no-repeat; } #container .edu_table_wrap td .ico_schedule2 {width:59px; height:60px; display:block; background:url(../images/contents/edu_ico_schedule_2.png) left center no-repeat; } #container .edu_table_wrap tr.on td .ico_schedule2 {background:url(../images/contents/edu_ico_schedule_2.png) left center no-repeat; } /*#container .edu_table_wrap tr.off td .ico_schedule1 {background:url(../images/contents/edu_ico_schedule_1_off.png) left center no-repeat;}*/ #container .edu_table_wrap tr.off td .ico_schedule1 {background:url(../images/contents/edu_ico_schedule_1_off.png) left center no-repeat;} #container .edu_table_wrap tr.off td .ico_schedule2 {background:url(../images/contents/edu_ico_schedule_2_off.png) left center no-repeat;} #container .edu_table_wrap td.con2 {font-family:notokr-bold; font-size:20px; color:#666; line-height:24px; text-align:center;} #container .edu_table_wrap tr.off td.con2 {color:#999;} #container .edu_table_wrap tr.on td.con2 .current_icon {background:url(../images/contents/edu_ico_ing.png) 0 0 no-repeat;} /*#container .edu_table_wrap tr.off td.con2 .current_icon {background:url(../images/contents/edu_ico_complete.png) 0 0 no-repeat;}*/ #container .edu_table_wrap tr.off td.con2 .current_icon {background:url(../images/contents/edu_ico_complete_off.png) 0 0 no-repeat;} #container .edu_table_wrap td.con2 .current_icon {width:69px; height:20px; display:block; margin: 10px auto 0; background:url(../images/contents/edu_ico_wait.png) 0 0 no-repeat;} #container .edu_table_wrap td.con3 {font-family:Arial; font-size:15px; font-weight:bold; color:#687083;} #container .edu_table_wrap tr.off td.con3 {color:#999;} #container .edu_table_wrap td.con3 .date {display:block; font-family:Arial; font-size:33px; font-weight:bold; color:#20a8d6; line-height:37px; } #container .edu_table_wrap tr.off td.con3 .date {color:#999;} #container .edu_table_wrap td.con4 {} #container .edu_table_wrap td.con4 .edu_inner {width:100%;} #container .edu_table_wrap td.con4 .edu_inner .tit {width:100%; padding:2px 0 16px 0; position:relative; font-size:16px; color:#3e454b; border-bottom: solid 1px #f0f0f0;} #container .edu_table_wrap td.con4 .edu_inner .tit a {font-size:16px; color:#3e454b;} /*#container .edu_table_wrap tr.off td.con4 .edu_inner .tit {color:#cbcbcb;}*/ #container .edu_table_wrap td.con4 .edu_inner .tit .btn_right {height:20px; position:absolute; right:15px; top:0; font-size:14px; color:#666;} #container .edu_table_wrap td.con4 .edu_inner .tit .btn_detail {width:83px; height: 20px; display:inline-block; background:url(../images/contents/edu_btn_detail.png) 0 0 no-repeat;} #container .edu_table_wrap td.con4 .edu_inner .tit .btn_apply {width:83px; height: 20px; display:inline-block; background:url(../images/contents/edu_btn_apply.png) 0 0 no-repeat;} #container .edu_table_wrap td.con4 .edu_list {padding-top:17px; } #container .edu_table_wrap td.con4 .edu_list li {font-size:14px; line-height:18px; color:#666;} /*#container .edu_table_wrap tr.off td.con4 .edu_list li {color:#cbcbcb;}*/ /*#container .edu_table_wrap tr.off td.con4 .edu_inner .tit .btn_detail {background:url(../images/contents/edu_btn_detail_off.png) 0 0 no-repeat;}*/ #container .edu_table_wrap tr.off td.con4 .edu_inner .tit .btn_detail {background:url(../images/contents/edu_btn_detail.png) 0 0 no-repeat;} #container .edu_table_wrap tr.off td.con4 .edu_inner .tit .btn_apply {background:url(../images/contents/edu_btn_apply_off.png) 0 0 no-repeat;} #container .edu_table_wrap thead th {padding:14px 0; font-size:15px; color:#333; border-top: solid 1px #666; border-bottom: solid 1px #ccc;} #container .edu_table_wrap td.con4 .info_txt_area {padding-top:15px; float: left;} #container .edu_table_wrap td.con4 .info_txt_area a {font-size:14px; line-height:18px; color:#666;} #container .edu_table_wrap td.c {padding:20px 0; text-align:center; font-size:14px; color:#333;} /* 0514 수정 */ #container .edu_table_wrap td .l_img{border: 1px solid #f0f0f0 !important;} #container .edu_table_wrap td.nodata {height:150px; border-bottom:1px solid #ccc; font-size:14px; color:#666;text-align:center;} /* 0623 추가 */ #container .edu_detail_wrap {padding:32px 0 32px 21px; overflow:hidden; border-bottom: solid 1px #f0f0f0;} /*#container .edu_detail_wrap .l_area {width:308px; height:198px; margin-right:16px; float: left; border: solid 1px #cfcfcf;}*/ #container .edu_detail_wrap .l_area {position:relative;width:230px; height:198px; margin-left:30px;margin-right:40px;float: left; background:url(../images/contents/edu_ico_sub_top2.png) left top no-repeat;} #container .edu_detail_wrap .l_area .edu_yy{position:absolute; font-size:12px; color:#697185; top:98px; left:30px} #container .edu_detail_wrap .l_area .edu_mm{position:absolute; font-size:46px; color:#20a8d6; font-weight:bold; top:120px; left:23px;font-family:Arial; line-height:40px; } #container .edu_detail_wrap .l_area .edu_dd{position:absolute; font-size:46px; color:#20a8d6; font-weight:bold; top:120px; left:110px;font-family:Arial; line-height:40px; } #container .edu_detail_wrap .r_area {width:593px; float: left; } #container .edu_detail_wrap .r_area .tit {padding: 0 0 13px 35px; position:relative; border-bottom: solid 1px #f0f0f0;} #container .edu_detail_wrap .r_area .tit p {font-size:18px; line-height:28px; color:#3e454b;} #container .edu_detail_wrap .r_area .ico_btn {position:absolute; right:0; bottom:7px; } #container .edu_detail_wrap .r_area .info_txt {padding-left:35px; margin-top:10px; } #container .edu_detail_wrap .r_area .info_txt p {font-size:14px; color:#3e454b; line-height:24px; } #container .edu_detail_wrap .r_area .info_txt .edu_list_txt {width:100%; margin-top:7px; overflow:hidden;} #container .edu_detail_wrap .r_area .info_txt .edu_list_txt li {width:260px; padding-left:12px; float:left; background:url(../images/common/bullet1.gif) left center no-repeat; font-size:14px; color:#666; line-height:24px; } #container .ca_top {padding:10px 0 20px; text-align:center;} #container .ca_top a img {vertical-align:middle; } #container .ca_top .date_txt {position: relative;top:6px;padding:0 48px; font-family:Arial; font-size:30px; font-weight:bold; color:#687083; line-height:50px; } #container .calendar_table {width:100%; border-top: solid 1px #ccc;} #container .calendar_table th {padding:13px 0; border-right: solid 1px #f0f0f0; background-color:#fafafa; font-size:14px; color:#666;} #container .calendar_table th.noline {border-right:0;} #container .calendar_table th.sun {color:#f00;} #container .calendar_table th.sat {color:#20a8d6;} #container .calendar_table td {height:115px; padding:0 13px; border: solid 1px #f0f0f0; border-left:0; font-size:12px; color:#666; vertical-align:top; } #container .calendar_table td.on {border: solid 2px #1aa8d7;} #container .calendar_table td.off .car_inner .car_top {color:#d4d4d4;} #container .calendar_table td.noline {border-right:0;} #container .calendar_table td .car_inner {position:relative;} #container .calendar_table td .car_inner .bor_style {width:130px; height:114px; display:inline-block; border: solid 2px #1aa8d7; position:absolute; left:-13px; top:-15px; } #container .calendar_table td .car_inner .car_top {height:25px; padding-top:10px; overflow:hidden; color:#666; } #container .calendar_table td .car_inner .car_txt {color:#707070; text-decoration:underline; line-height:18px; } #container .calendar_table td .car_inner .car_txt span {font-size:14px; color:#424242;} #container .customer_top {width:100%; padding-top:46px; overflow:hidden; } #container .customer_top .tit {padding:29px 0 20px 0; font-family:notokr-bold; font-size:28px; color:#424242; line-height:32px; } #container .customer_top p {font-size:16px; color:#666; line-height:22px; letter-spacing:-1px; } #container .customer_top .l_area {width:361px; height:198px; padding-left:161px; float: left; background:url(../images/contents/img_cus_top_left.gif) left 0 no-repeat; } #container .customer_top .r_area {width:229px; height:198px; padding-left:189px; float: left; background:url(../images/contents/img_cus_top_right.gif) left 0 no-repeat; } #container .customer_qna_wrap {} #container .customer_qna_wrap .cus_qna_top {padding-bottom: 15px; position:relative;} #container .customer_qna_wrap .cus_qna_top .heading_style2_2.right {position:absolute; right:0; top:0; } #container .customer_qna_wrap .cus_qna_top .heading_style2_2.right strong {font-family:notokr-bold; font-size:18px; color:#00a8ff;} #container .customer_qna_wrap .search_area {padding:11px 20px; margin-bottom:15px; background-color:#fafafa; border: solid 1px #ddd;} #container .customer_qna_wrap .search_area .tit {padding-right:35px; font-size:14px; color:#747474;} #container .customer_qna_wrap .search_area .search_txt {padding-left:3px; color:#747474;cursor: pointer;} #container .customer_qna_wrap .search_area .search_txt:hover {text-decoration: underline;} #container .customer_qna_wrap .search_area .input_text1 {height:24px; line-height:24px; } #container .customer_qna_wrap .search_area .btn_search {width:59px; height:24px; text-align:center; background-color:#60676c; color:#fff; font-family:notokr-regular; font-size:14px; border:0; line-height:24px;} #container .cus_help_wrap {width:100%; padding-top:50px; overflow:hidden; } #container .cus_help_wrap .cus_help_area:first-child {margin-right:28px;} #container .cus_help_area {width:455px; position:relative; float: left; } #container .cus_help_area h3 {padding: 0 0 18px 13px;} #container .cus_help_area .btn_more {position:absolute; right:4px; top:1px;} #container .cus_help_area .list_wrap {width:455px; overflow:hidden; border: solid 1px #f0f0f0;} #container .cus_help_area .list_wrap li {width:227px; height:237px; float: left; text-align:center;} #container .cus_help_area .list_wrap li:first-child {border-right: solid 1px #f0f0f0;} #container .cus_help_area .list_wrap li strong {padding:27px 0 28px; display:block; font-size:16px; color:#000;} #container .cus_help_area .list_wrap li span {padding-top:19px; display:block; font-size:14px; color:#666; line-height:18px; } #container .cus_down_wrap .cus_down_table {width:100%; border-top: solid 1px #666; border-bottom: solid 1px #ccc;} #container .cus_down_wrap .cus_down_table th {padding:12px 0; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; color:#3e454b; font-size:18px; } #container .cus_down_wrap .cus_down_table th.noline {border-right:0;} #container .cus_down_wrap .cus_down_table td.noline {border-right:0;} #container .cus_down_wrap .cus_down_table td {padding:8px 18px; border-right: solid 1px #ccc; border-top: solid 1px #f0f0f0;} #container .cus_down_wrap .cus_down_table td .inner_txt {} #container .cus_down_wrap .cus_down_table td .tit {padding-right:10px; padding-bottom:6px; padding-left:10px; font-size:14px; color:#666;} /*0514 수정 */ #container .cus_down_wrap .cus_down_table td .img_area {padding-top:20px; text-align:center;} #container .cus_down_wrap .cus_down_table td .btn_area {text-align:center;} #container .cus_down_wrap .cus_down_table td .btn_area a {width:77px; height:20px; display:inline-block; margin: 0 5px; text-align:center; background:url(../images/contents/bg_down_txt.gif) 0 0 no-repeat; line-height:20px; color:#a780ba;} #container .cus_down_wrap .down_point_txt {padding-left:30px; margin:34px 0 0 9px; background:url(../images/ico/ico_down_center.gif) left center no-repeat; color:#666; line-height:24px; } #container .cus_news_wrap {width:100%; overflow:hidden;} #container .cus_news_wrap li {width:100%; float: left; } #container .cus_news_wrap li dl {} #container .cus_news_wrap li dl dt {height:47px; line-height:47px; border-bottom: solid 1px #ccc; background:url(../images/contents/btn_news_down.gif) right 0 no-repeat; } #container .cus_news_wrap li dl dt .num_txt {width:70px; padding-left:30px; display:inline-block; font-size:16px; color:#666;} #container .cus_news_wrap li dl dt a { font-size:16px; color:#666;} #container .cus_news_wrap li dl dt img {vertical-align:middle;} #container .cus_news_wrap li dl dd {display:none;} #container .cus_news_wrap li dl dd .img_area {text-align:center;} #container .cus_news_wrap li.on dl dt {background:url(../images/contents/btn_news_up.gif) right 0 no-repeat; } #container .cus_news_wrap li.on dl dt a {font-family:notokr-bold;} #container .cus_news_wrap li.on dl dd {padding:14px 30px; display:block; border-bottom: solid 1px #cccccc; color:#666; font-size:14px; line-height:18px; } #container .cus_news_wrap li.on dl dd .txt_area {color:#666; font-size:14px; line-height:18px; } #container .cus_news_wrap li.on dl dd .txt_area p {padding-bottom:50px; color:#666; font-size:14px; line-height:18px; } #container .cus_news_wrap li.on dl dd .txt_area .table_tit {padding-bottom:15px; font-size:16px; color:#666666; line-height:29px; } #container .cus_news_wrap li.on dl dd .txt_area table {width:100%; margin-bottom: 25px; } #container .cus_news_wrap li.on dl dd .txt_area table th {padding:8px 0; background-color:#f6f6f6; color:#7f7f7f; border: solid 1px #ccc;} #container .cus_news_wrap li.on dl dd .txt_area table td {padding:8px 10px; border: solid 1px #ccc; color:#7f7f7f; text-align:right;} #container .cus_news_wrap li.on dl dd .txt_area table td.l {text-align:left;} #container .cus_event_wrap {width:100%; overflow:hidden; } #container .cus_event_wrap li {width:470px; float: left; padding:35px 0; border-bottom: solid 1px #ccc;} #container .cus_event_wrap li dl {padding-left:162px; position:relative;} #container .cus_event_wrap li dl dt {padding-bottom:30px; } #container .cus_event_wrap li dl dt a {font-family:'notokr-regular'; font-size:18px; line-height:22px; color:#666;} #container .cus_event_wrap li dl dd {color:#999; line-height:18px; } #container .cus_event_wrap li dl dd.img_area {width:131px; height:123px; border: solid 1px #ccc; position:absolute; left:9px; top:0; } #container .cus_no_event {height:359px; padding-top:300px; border-bottom: solid 1px #ccc; font-size:18px; color:#687083; line-height:22px; text-align:center; letter-spacing:-1px; } #container .company_wrap {} #container .company_wrap .info_list {width:100%; margin-bottom:50px; overflow:hidden; } #container .company_wrap .info_list li {width:255px; float: left; margin-left:87px;font-size:14px; color:#666; line-height:24px; } #container .company_wrap .info_list li:first-child {margin-left:0;} #container .company_wrap .info_list li .img_area {padding:49px 0 55px 0; text-align:center;} #container .com_recruit_list {width:770px; overflow:hidden; padding-top:125px; margin: 0 auto 80px; background:url(../images/contents/img_recruit4.gif) 0 0 no-repeat;} #container .com_recruit_list li {width:102px; margin-left:65px; float: left; font-size:14px; text-align:center;} #container .com_recruit_list li:first-child {margin-left:0;} #container .com_recruit_list li .tit {padding-bottom:13px; display:block; font-size:14px; color:#22b7ec;} #container .com_recruit_list2 {width:100%; padding-top:21px; overflow:hidden; border-top: solid 1px #f0f0f0;} #container .com_recruit_list2 li {width:240px; padding:0 10px 0 30px; float: left; background:url(../images/contents/bg_list_line.gif) left 0 no-repeat; } #container .com_recruit_list2 li:first-child {width:262px; padding:0 30px 0 0; background:none;} #container .com_recruit_list2 li.last {width:325px; } #container .com_recruit_list2 li .dns {padding-top:23px; } #container .com_recruit_list2 li .dns dt {font-size:16px; color:#000000; padding-bottom: 35px; } #container .com_recruit_list2 li .dns dd {font-size:14px; color:#666;} #container .com_table_tit_area {background:url(../images/contents/img_recruit_tit.gif) right bottom no-repeat; } #container .com_alliance_list {width:945px; padding-top:55px; overflow:hidden; } #container .com_alliance_list li {padding:0 5px 4px 0; float: left;} #container .com_alliance_list li a {display:block; border: solid 1px #e5e5e5;} #container .login_wrap {width:100%; overflow:hidden; } #container .login_wrap .l_area {width:940px; margin-right:11px; position:relative;} #container .login_wrap .l_area .login_input_area {width:340px; margin:0 auto; padding-top:80px; overflow:hidden; } #container .login_wrap .l_area .login_input_area dd {width:340px; padding:5px 0px; float: left; } #container .login_wrap .l_area .login_input_area dd input[type=text] {height:50px; border: solid 1px #d1d1d1; line-height:33px; padding-left:10px; width:320px;font-size: 14px} #container .login_wrap .l_area .login_input_area dd input[type=password] {height:50px; border: solid 1px #d1d1d1; line-height:33px; padding-left:10px; width:320px;font-size: 14px;} #container .login_wrap .l_area .login_input_area dd .btn_login input {margin-top:10px;width: 332px;height: 50px;background: #697185; border: 0; color: #fff; font-size: 14px; font-family: notokr-bold, sans-serif; cursor: pointer;} #container .login_wrap .l_area .checks {position: relative; padding-top:12px;padding-bottom:30px;font-size:13px; width: 340px; margin: 0 auto;color: #666666} #container .login_wrap .l_area .checks .find_id{float:right;padding-right:10px} /* 실제 체크박스는 화면에서 숨김 */ #container .login_wrap .l_area .checks input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0} #container .login_wrap .l_area .checks input[type="checkbox"] + label {display: inline-block;position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;} /* 가짜 체크박스 */ #container .login_wrap .l_area .checks input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 14px;height: 14px; line-height: 14px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #ffffff; border: 1px solid #d1d1d1; border-radius : 1px;} /* 체크박스를 체크했을때 */ #container .login_wrap .l_area .checks input[type="checkbox"]:checked + label:before { content: '\2714'; /* 체크표시 유니코드 사용 */ color: #555555; text-shadow: 1px 1px #fff; background: #ffffff; border-color: #d1d1d1;} #container .login_wrap .l_area .chk_area {position:relative; } #container .login_wrap .l_area .chk_area .chk {width:13px; height: 13px; vertical-align:middle; } #container .login_wrap .l_area .chk_area label {padding:0 25px 0 7px; font-size:14px; color:#666;} #container .login_wrap .l_area .img {position:absolute; right:98px; top:100px; } #container .login_wrap .l_area .ex_area {height:148px; margin-top: 50px; position:relative; clear: both } #container .login_wrap .l_area .ex_area .tit {padding-bottom:15px; font-size:16px; color:#333;} #container .login_wrap .l_area .ex_area .sub_txt {font-size:14px; color:#666; line-height:18px; } /*#container .login_wrap .l_area .ex_area a {width:88px; height: 29px; display:inline-block; text-align:center; line-height:29px; background-color:#e5e5e5; border: solid 1px #d1d1d1; color:#7f7f7f;}*/ #container .login_wrap .l_area .ex_area a.btn_1 {position:absolute; right:24px; top:28px; } #container .login_wrap .l_area .ex_area a.btn_2 {position:absolute; right:24px; bottom:25px; } #container .login_wrap .l_area .idpw_find_area {text-align: center; margin-top:50px; } #container .login_wrap .l_area .id_find_area {width:340px; padding:0px 60px 0px 0px;display: inline-block; text-align: left; border-right: 1px solid #ededed} #container .login_wrap .l_area .pw_find_area {width:340px; padding:0px 0px 0px 60px; display: inline-block; text-align: left} #container .login_wrap .l_area .id_find_area .tit, .pw_find_area .tit {margin-bottom: 15px; font-size:19px !important; line-height:22px; color:#333;} /*#container .login_wrap .l_area .id_find_area .sub_tit, .pw_find_area .sub_tit {padding-bottom:10px; font-size:14px; color:#424242; }*/ #container .login_wrap .l_area .id_find_area .info_txt, .pw_find_area .info_txt {padding-bottom:13px; font-size:13px; color:#666; letter-spacing:-1px;} #container .login_wrap .l_area .id_find_area input[type=text], .pw_find_area input[type=text]{width: 320px; height:50px; padding:0 10px; margin:3px 0; border: solid 1px #e7e7e7;font-size: 15px;} #container .login_wrap .l_area .id_find_area .btn_find, .pw_find_area .btn_find {width:340px; height: 50px; display:inline-block; text-align:center; background-color:#697185; border: solid 1px #547ca3; color:#fff; font-size:15px; line-height:50px; font-family: notokr-bold, sans-serif;} /* 개인정보취급 텍스트 0514 추가 */ #container .login_wrap .tit{font-size:16px; color:#000;} #container .login_wrap .txt_st1{font-size:12px; color:#666;} #container .login_wrap .txt_st2{font-size:14px; color:#666;} #container .login_wrap .r_area {padding-top:25px; float: left; } #container .login_wrap .sitemap_section{overflow:hidden; padding:43px 0 52px 24px} #container .login_wrap .sitemap_section.line{border-bottom:1px solid #c6c6c6;} #container .login_wrap .sitemap_section .tit{float:left; color:#424242; font-size:22px} #container .login_wrap .sitemap_section .box_wrap{float:left; margin:4px 0 0 106px} #container .login_wrap .sitemap_section .box_wrap .box_con{float:left; margin-right:73px} #container .login_wrap .sitemap_section .box_wrap .box_con .sub_tit{color:#424242; font-size:18px; padding: 0 0 26px 11px;} #container .login_wrap .sitemap_section .box_wrap .box_con .map_txt{margin-bottom:13px; font-size:14px; background:url(../images/contents/sitemap_dot.gif) no-repeat 0 6px; padding-left:13px} #container .login_wrap .sitemap_section .box_wrap .box_con .map_txt a{color:#666666} #container .join_wrap {} #container .join_wrap .join_top {padding-bottom: 28px; } #container .join_wrap .con_inner {width:100%; padding-bottom:55px; overflow:hidden;} #container .join_wrap .con_inner .aree_box {/*float: left; margin-left:28px;*/} #container .join_wrap .con_inner .aree_box:first-child {margin-left:0;} #container .join_wrap .con_inner .aree_box .aree_txt {/*width:430px;*/ height:80px;/*20.02.13_높이변경*/ margin-bottom:9px; border: solid 1px #ccc; overflow-y:scroll; overflow-x:hidden;padding:10px;} #container .join_wrap .con_inner .aree_box .aree_txt p{line-height:18px;} #container .join_wrap .con_inner .aree_box .chk {width:13px; height:13px; vertical-align:middle; } #container .join_wrap .con_inner .aree_box label {padding-left:8px; color:#818181;} #container .join_wrap .ex_area {height:66px; padding:24px 0 32px 27px; margin-top: 13px; border: solid 1px #e5e5e5; background:#fbfbfb; position:relative; } #container .join_wrap .ex_area .tit {padding-bottom:18px; font-size:16px; color:#333;} #container .join_wrap .ex_area .sub_txt {font-size:14px; color:#666; line-height:18px; } #container .join_wrap .ex_area a {width:88px; height: 29px; display:inline-block; text-align:center; line-height:29px; background-color:#e5e5e5; border: solid 1px #d1d1d1; color:#7f7f7f;} #container .join_wrap .ex_area a.btn_1 {position:absolute; width:145px; right:201px; top:66px; } #container .join_wrap .ex_area a.btn_2 {position:absolute; width:79px; right:116px; top:66px; } #container .join_wrap .ex_area a.btn_3 {position:absolute; width:86px; right:24px; top:66px; } #container .table_btn_style1 {height:30px; padding:0 20px; display:inline-block; font-family:dotum; font-size:12px; color:#818181; background-color:#e5e5e5; border: solid 1px #d1d1d1; line-height:30px; vertical-align: middle} #container .table_style4 td .info_txt {padding-left:15px; font-size:12px; color:#818181;} #container .table_style4 td .info_txt2 {padding-top:10px; font-size:12px; color:#818181; line-height:16px; } #container .table_tit_area {position:relative; } #container .table_tit_area .table_sub_tit {position:absolute; right:0; top:10px; color:#7a7a7a; } #container .join_complete {text-align:center;padding-bottom:80px; } #container .join_complete .tit {padding:70px 0 35px 0; font-family:notokr-bold; font-size:24px; color:#424242; } #container .join_complete p {font-size:14px; color:#666; line-height:18px; } #container .con_map_area {width:100%; } #container .con_map_area li {padding-bottom:37px; position:relative; } #container .con_map_area li .map_inner {padding-left:144px; } #container .con_map_area li .map_inner dt {padding-bottom:15px; font-size:24px; line-height:28px; color:#3e454b;} #container .con_map_area li .map_inner dd {font-size:14px; color:#666; line-height:24px; } #container .con_map_area li .map_inner dd span {padding-left:175px; } #container .con_map_area li .map_inner dd.img_area {width:82px; height:82px; position:absolute; left:0; top:0; } .idpw_popup {width:325px; height:210px; } .idpw_popup .pop_top {position:relative;background-color: #101e39;} .idpw_popup .pop_top .tit {padding:10px; font-size:18px; font-weight:normal; color:#fff; line-height:22px; } .idpw_popup .pop_top a {position:absolute; right:5px; top:5px; } .idpw_popup .pop_inner_id {padding:44px 0 40px 0; text-align:center; font-size:14px; color:#424242;} .idpw_popup .pop_inner_id span {font-size:14px; color:#1aa8d7;} .idpw_popup .pop_inner_pw {padding:33px 0 21px 0; text-align:center; font-size:14px; color:#424242; line-height:24px; } .idpw_popup .pop_inner_pw span {font-size:14px; color:#1aa8d7;} .idpw_popup .pop_inner_chk {padding:31px 28px 0 36px; font-size:14px; color:#424242; letter-spacing:-1px; line-height:24px; } .idpw_popup .pop_inner_chk span {display:block; font-size:12px; color:#424242; } .idpw_popup .pop_inner_chk .input_inner {padding-top: 23px; } .idpw_popup .pop_inner_chk .input_inner .it {width:155px; height:28px; margin-right:7px; border: solid 1px #e5e5e5;} #container .edu_process {height:50px; overflow:hidden; border:1px solid #d5d5d5; background-color:#f8f8f8;} #container .edu_process table {width:100%; border:0;} #container .edu_process table td {height:50px; padding:0 35px 0 10px; border:0; background:url(../images/contents/bg_process.gif) right 0 no-repeat; text-align:center; font-size:14px; color:#666; letter-spacing:-1px; } #container .edu_process table td.last {background:none} /* edu_map */ .edu_map_section {width:100%; padding:0 0 45px 0; overflow:hidden; border-bottom: solid 1px #666666;} .edu_map_section .l_area {width:470px; float: left; } .edu_map_section .r_area {width:470px; float: right; } .edu_map_section .r_area p {font-size:16px; color:#3e454b; line-height:22px;} .edu_map_section .r_area .info_txt {width:100%; padding:65px 0 30px 0; overflow:hidden; } .edu_map_section .r_area .info_txt dt {width:69px; float: left; font-size:16px; color:#3e454b;} .edu_map_section .r_area .info_txt dd {width:401px; float: left; font-size:14px; color:#828282; line-height:24px; } .edu_map_section .r_area .point_txt {font-size:14px; color:#3e454b;} .table_input_style1 {height:30px; border: solid 1px #e5e5e5; padding:0px 4px; line-height:30px; } .btn_file_search {width:88px; height:30px; display:inline-block; font-size:12px; color:#818181; border: solid 1px #d1d1d1; line-height:22px; text-align:center; background-color:#e5e5e5;} .file_input_textbox {float:left; height:28px; border: solid 1px #e5e5e5; width:500px; line-height:24px; margin:5px 10px 5px 0px;} .file_input_div{position:relative; width:98px; height:40px; overflow:hidden; } .file_input_button{width:88px; height:30px; display:inline-block; font-size:12px; color:#818181; border: solid 1px #d1d1d1; line-height:22px; text-align:center; background-color:#e5e5e5; position:absolute; overflow:hidden; margin:5px 10px 5px 0px;} .file_input_hidden{font-size:20px; position: absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter:"alpha(opacity=0)";-khtml-opacity:0; -moz-opacity:0; margin:5px 10px 5px 0px;} /* tooltip layer */ .ly_help{display:none;position:absolute;z-index:10;border:1px solid #888;background:#fff;text-align:left;font-size:13px;} .ly_help .clse{position:absolute;top:9px;right:8px} .ly_help span{display:block;margin-bottom:0px;/*margin-bottom:-5px;*/padding:10px;color:#3c97f1;line-height:18px;} .ly_help p{padding:8px 0 6px 20px;color:#828282;line-height:18px;} .ly_help p em{color:#268e00} .ly_help .edge_cen{position:absolute;top:0;left:50%;width:9px;height:6px;margin:-6px 0 0 -5px;background:url(../images/common/bg_layer_edge.gif) no-repeat 0 0;font-size:0} .ly_help .edge_lgt{position:absolute;top:0;left:0;width:9px;height:6px;margin-top:-6px;background:url(../images/common/bg_layer_edge.gif) no-repeat 0 0;font-size:0} /* right_top5 */ .section_ol{position:relative;border:1px solid #ddd;background:#fff;font-size:12px;font-family:Tahoma, Geneva, sans-serif;line-height:normal;*zoom:1} .section_ol.top_line{border-top:none} .section_ol a{color:#666;text-decoration:none} .section_ol a:hover, .section_ol a:active, .section_ol a:focus{text-decoration:underline} .section_ol em{font-style:normal} .section_ol h2{margin:0;padding:25px 0 10px 13px;font-size:15px;color:#333} .section_ol h2 em{color:#00a8ff} .section_ol ol{margin:13px;padding:0;list-style:none} .section_ol li{position:relative;margin:0 0 10px 0;*zoom:1;height:25px;} .section_ol li:after{display:block;clear:both;content:""} .section_ol li .ranking{display:inline-block;width:14px;height:11px;margin:0 5px 0 0;border-top:1px solid #fff;border-bottom:1px solid #d1d1d1;background:#d1d1d1;text-align:center;vertical-align:top;font:bold 10px Tahoma;color:#fff} .section_ol li.best .ranking{border-bottom:1px solid #00a8ff;background:#00a8ff} .section_ol li.best a{color:#00a8ff} .section_ol li .num{position:absolute;top:0;right:0;font-size:12px;color:#a8a8a8;white-space:nowrap} .section_ol li.best .num{font-weight:bold;color:#7189a7} .section_ol .more{position:absolute;top:25px;top:27px\0/ie8+ie9;right:13px;font:11px Dotum, 돋움;text-decoration:none !important} .section_ol .more span{margin:0 2px 0 0;font-weight:bold;font-size:16px;color:#d76ea9;vertical-align:middle} .sg_info{background:#f9f9f9;padding:34px 25px;text-align:left;margin-bottom:20px;} .sg_info ul{position:relative;width:100%;} .sg_info li{padding-bottom:15px;font-size:14px;line-height:22px;color:#666666} .sg_info li:last-child{padding-bottom:0;} .sg_info li::before {content: '';background: url(../images/common/img_dot.png)no-repeat center; padding: 10px; line-height: 22px;} #page_service_check{position:absolute;width:700px;height:600px;left:50%;top:50%;margin-left:-330px;margin-top:-300px;border:#437cc0 solid 3px; } #page_service_check .inner{padding:25px 35px; } #page_service_check .inner p.tt{padding:18px 0px; color: #555555;font-size: 14px;line-height: 18px} #page_service_check .inner p{padding:25px 0px 0; color: #555555;font-size: 14px;line-height: 18px} #page_service_check .inner strong{color: #555555;font-size: 14px;line-height: 18px} #page_service_check .tit-top {position: relative; text-align: left; height: 145px; border-bottom: 2px solid #000;padding-top: 25px;background: url(../images/img_fix.png) no-repeat right; } #page_service_check .tit-top span.tit{font-size:30px;line-height: 35px; color: #555555;letter-spacing: -1px; font-weight: 600} #page_service_check .tit-top span.tit-s{font-size:23px;letter-spacing: -1px; font-weight: 600} #page_service_check .tit-top p{font-size:14px;padding-top:16px;line-height:22px; color: #555555} #page_service_check .point{color: #2d7cd9;} #page_service_check .check_info{background:#eaf2fb;padding:20px;text-align:left;} #page_service_check .check_info ul{position:relative;width:100%;} #page_service_check .check_info li{padding-bottom:10px;font-size:14px;color: #484848} #page_service_check .check_info li:last-child{padding-bottom:0;} #page_service_check .check_info li:before {content: '';background: url(../images/img_dot.png)no-repeat 0 50%;padding-right: 10px; width: 5px; height: 5px;} /*이벤트페이지 UI개선-191018 CSS추가*/ .evt_cont{width:100%;position:relative;display:inline-block;} .evt_cont::after{clear:both;} .evt_list{width:978px;margin:0;} .evt_list li {position:relative;float:left;width:452px;margin:17px;display:inline-block;border:1px solid #e0e0e0;} .evt_list li.mgl-n {margin-left:0;} .evt_list li a {display:inline-block;text-decoration:none;cursor:pointer;} .evt_list li span, .evt_list li strong {display:inline-block} .evt_list li .img_area {background:url(../images/) no-repeat;} .evt_list li .view_detail {position:relative;padding:19px 18px;width:92%;} .evt_list li span.evt_stat {position:relative;line-height:28px;background:#3C97F1;padding:0 24px;color:#fff;} .evt_list li span.evt_stat_done {position:relative;line-height:28px;background:#aaa;padding:0 24px;color:#fff;} .evt_list li .txt_title {color:#636363;line-height:18px;padding-top:12px;} .evt_list li a:hover .txt_title {color:#636363;text-decoration:underline;} .evt_list li .txt_date {color:#3C97F1;position:absolute;right:18px;line-height:28px;} .evt_list li .txt_date_done{color:#aaa;position:absolute;right:18px;line-height:28px;} .evt_list li a .txt_area {position:absolute;} .evt_cont .page_container {clear:both;width:100%;position:relative;margin:0 auto;margin-top:50px;} .evt_cont .page_header {border-top: 1px solid #666;border-bottom:1px solid #ccc;padding:16px 25px;} .evt_cont .page_header .stat_badge{font-size:14px;margin-right:44px;} .evt_cont .page_header .title {font-size:14px;line-height:21px;color:#424242;} .evt_cont .page_header .date {font-size:12px;color:#666;float:right;right:0;} .evt_cont .page_cont {padding:40px 0;text-align:center;} .evt_cont .page_bottom {border-top:1px solid #666;padding:16px 0;} .evt_cont .page_bottom input {float:right;background:#697185;color:#fff;padding:7px 32px;border:none;cursor:pointer;} .float{ position: fixed; width: 57px; height: 57px; bottom: 40px; right: 40px; background-color: #7b7b7b; color: #FFF; border-radius: 100%; text-align: center; box-shadow: 2px 2px 3px #ccc; z-index: 1000;} .float span{position: relative; display: inline-block;padding-top: 21px;font-size:15px;color:#fff;font-family: 'notokr-regular',sans-serif} #float-icon{display: none} #float-icon ul{ position:fixed; right:40px; padding-bottom:20px;bottom:80px;z-index:100;} #float-icon ul li{ list-style:none;margin-bottom:10px;} #float-icon ul li a{background-color:#eaeaea;color:#FFF;border-radius:50px;text-align:center; box-shadow: 2px 2px 3px #ccc;width:57px;height:57px;display:block;} #float-icon ul:hover{visibility:visible!important; opacity:1!important;} /*툴팁 스타일*/ #float-icon a.tip { position: relative;} #float-icon a.tip img{padding-top:17px} #float-icon a.tip span { display: none; position: absolute; top: -15px; left: -20px; width: 85px; padding: 5px; z-index: 100; background: #454545; color: #fff;font-size: 11px; -moz-border-radius: 5px; /* 파폭 박스 둥근 정도 */ -webkit-border-radius: 5px; /* 사파리 박스 둥근 정도 */ } #float-icon a:hover.tip span { display: block;} #float-alram{ position:fixed; width:330px; height:200px;bottom:110px; right:40px; background-color:#f8f8f8; color:#FFF; border-radius:10px; text-align:center; box-shadow: 2px 2px 3px #f1f1f1; z-index:1000;} #float-alram .alram_item{position:relative;margin-top:20px; margin-bottom: 20px} #float-alram .alram_item:after{display:block;clear:both;content:''} #float-alram .alram_item:first-child{margin-top:15px;} #float-alram .alram_item:first-child .logo_area{bottom: -55px; position: relative; padding-left: 10px; float: left; display: inline-block;} #float-alram .alram_item:first-child .logo_area + .alram_area.left{/*margin-top:19px;*/margin-left:13px;} #float-alram .alram_area{position:relative;/*width:68%;*/min-width:220px;margin:0 7px;padding:15px;background:#e6ecfa;/*border:1px solid #ddd;*/border-radius:6px;box-sizing:border-box} #float-alram .alram_area:before{position:absolute;bottom:0px;width:12px;height:10px;background-size:14px 14px;content:'';} #float-alram .alram_area.left{float:left;border-bottom-left-radius:0;} #float-alram .alram_area.left:before{right:100%;background-image:url(/www2/images/bottom/bg_alram_left.png);background-position:0 0} #float-alram .alram_area .text_bx .txt{margin-top:0; text-align: left;color: #2d2d2d; font-size: 14px;} #float-alram .alram_btn_area{border-top:1px solid #e0e0e0;} #float-alram .alram_btn_img{position: relative;display: inline-block;padding-top:15px} #float-alram .clse{position:absolute;top:15px;right:10px} .popup_section .title_txt{font-size: 15px; color: #2d7cd9;text-align: center;background: #e6ecfa;padding: 22px 0; margin: 0 22px 10px 22px; font-weight: bold; letter-spacing: -1.3px} .table_style8 {width:100%; } .table_style8 th {padding:12px 10px 12px 20px; text-align:left;font-size: 15px; font-family: notokr-medium,sans-serif;color: #2f2f2f} .table_style8 td {padding:11px 10px 11px 20px;} .table_style8 td.input_st1 {border:1px solid #b2b2b2; } .table_style8 td input.input_st1 {height:40px; padding:0 10px; border:1px solid #b2b2b2; line-height:38px;width:330px;font-size: 15px; color: #222222} .table_style8 td .select_box{font-size: 15px !important; color: #222222 !important;padding-left:10px !important;border-radius:0;width:340px;height: 40px; line-height: 40px; border-color: #b2b2b2;/* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ } .table_style8 td .text-area{width:462px; height:104px;line-height:20px;border: solid 1px #b2b2b2;padding: 10px;margin-top:10px;color:#2f2f2f;font-size: 13px; letter-spacing: -1px} .table_style8 td .text-area p{line-height:20px;color:#2f2f2f;font-size: 13px;letter-spacing: -1px} .table_style8 td .chkbox_area{margin-left:0px !important} .table_style8 td .chkbox_area label.chk_text{color:#2f2f2f !important;font-size: 14px !important;letter-spacing: -1px} .table_style8 tr.line{border-bottom:1px solid #dddddd} .pb0{padding-bottom: 0 !important} .pt0{padding-top:0 !important} .pb20{padding-bottom:20px !important}