@charset "utf-8"; /* s : reset */ * {margin:0; padding:0;} body, html {color:#666666; font-size:12px; font-family: verdana, arial, 굴림, gulim, 돋움, dotum; font-size:12px; color:#666; line-height: 140%; letter-spacing: -0.04em;} ul, ol, li {list-style:none} a {text-decoration:none; border:none} img {border:none} textarea {resize:none} caption {position:absolute;visibility:hidden;font-size:0;} /* table {width:100%; border-collapse: collapse; border-spacing: 0;} */ table {width:100%; border-spacing: 0;} body{min-width:968px;} input[type=checkbox], input[type=radio] {height:18px; line-height:18px} label {height:18px; line-height:18px} /* e : reset */ /* skip navigation */ .skipNav{position:relative;width:100%;z-index:1;} .skipNav a{position:absolute;left:0;top:-1000px;display:block;width:100%;padding:10px 0;text-align:center;font-family:malgun gothic,sans-serif;color:#333;background:#ddd;} .skipNav a:active, .skipNav a:focus{top:0;text-decoration:none;color:#333;} /* s : 탑메뉴 */ .topArea {height:99px; background:url("../../images/eng_service/common/bg_toparea.gif") repeat-x top;} .topArea .topAreaWrap {position:relative; width:966px; height:100%; margin:0 auto;} h1.logo {position:absolute; top:39px; left:1px; width:201px; height:30px; z-index:999;} h1.logo a {overflow:hidden; display:block; height:100%; background:url("../../images/eng_service/common/logo.gif") no-repeat; text-indent:-999px} /* .topArea .top_shorcut {position:absolute; overflow:hidden; top:0; right:0; width:340px; height:26px; background:url("../images/common/bg_top.png") no-repeat; text-align:right} */ .topArea .top_shorcut {position:relative; float:right; overflow:hidden; top:0px; right:0; height:26px; background:url("../images/common/bg_top.png") no-repeat; text-align:right} .topArea .top_shorcut li {display:block; margin:3px 0 0 10px; padding:3px 0 0 10px; float:left; background:url("../../images/eng_service/common/bar_top_submenu.gif") no-repeat left 4px;} .topArea .top_shorcut li a {font-size:11px; color:#666666} .topArea .top_shorcut li a:hover {text-decoration:underline} .topArea .top_shorcut li.first {background:none;} .topArea .top_shorcut li.first a.textBold {float:left; margin:0px 5px 0 0} .topArea .top_shorcut li .btn_logout {position:relative; top:-2px; float:left; color:#ffffff; width:51px; height:18px; display:block; overflow:hidden; font-size:0; text-indent:9999px; background:url("../../images/eng_service/common/btn_logout.gif") no-repeat;} .topArea .top_shorcut li.last {background:none; margin-top:1px;} .topArea .top_shorcut li.last a {display:block; overflow:hidden; width:44px; height:16px; background:url("../../images/eng_service/common/eng.png"); text-indent:-999px; font-size:0} .topArea .topMenu {position:absolute; top:45px; left:150px; width:756px; height:58px; padding-left:80px; } .topArea .topMenu li {height:35px; float:left;} .topArea .topMenu li a {position:relative; overflow:hidden; display:block; width:100%; height:35px; margin:0 auto; background:url("../../images/eng_service/common/menu_line.png") no-repeat right center; /* background-repeat:no-repeat; */ text-indent:-999px;} .topArea .topMenu ul {background:url("../../images/eng_service/common/submenu.png") no-repeat left top;} .topArea .topMenu .menu01 {width:116px; background:url("../../images/eng_service/common/menu_01_off.png") no-repeat center} .topArea .topMenu .menu02 {width:71px; background:url("../../images/eng_service/common/menu_02_off.png") no-repeat center} .topArea .topMenu .menu03 {width:186px; background:url("../../images/eng_service/common/menu_03_off.png") no-repeat center} .topArea .topMenu .menu04 {width:110px; background:url("../../images/eng_service/common/menu_04_off.png") no-repeat center} .topArea .topMenu .menu05 {width:106px; background:url("../../images/eng_service/common/menu_05_off.png") no-repeat center} .topArea .topMenu .menu06 {width:145px; background:url("../../images/eng_service/common/menu_06_off.png") no-repeat center} .topArea .topMenu .menu06 a {background:none;} .topArea .topMenu .menu01.on a, .topArea .topMenu .menu01 a:hover, .topArea .topMenu .menu01 a:focus, .topArea .topMenu .menu01 a:active {background:url("../../images/eng_service/common/menu_01.png") no-repeat} .topArea .topMenu .menu01.on a, .topArea .topMenu .menu01 a:hover, .topArea .topMenu .menu01 a:focus, .topArea .topMenu .menu01 a:active {background:url("../../images/eng_service/common/menu_01.png") no-repeat} .topArea .topMenu .menu02.on a, .topArea .topMenu .menu02 a:hover, .topArea .topMenu .menu02 a:focus, .topArea .topMenu .menu02 a:active {background:url("../../images/eng_service/common/menu_02.png") no-repeat} .topArea .topMenu .menu03.on a, .topArea .topMenu .menu03 a:hover, .topArea .topMenu .menu03 a:focus, .topArea .topMenu .menu03 a:active {background:url("../../images/eng_service/common/menu_03.png") no-repeat} .topArea .topMenu .menu04.on a, .topArea .topMenu .menu04 a:hover, .topArea .topMenu .menu04 a:focus, .topArea .topMenu .menu04 a:active {background:url("../../images/eng_service/common/menu_04.png") no-repeat} .topArea .topMenu .menu05.on a, .topArea .topMenu .menu05 a:hover, .topArea .topMenu .menu05 a:focus, .topArea .topMenu .menu05 a:active {background:url("../../images/eng_service/common/menu_05.png") no-repeat} .topArea .topMenu .menu06.on a, .topArea .topMenu .menu06 a:hover, .topArea .topMenu .menu06 a:focus, .topArea .topMenu .menu06 a:active {background:url("../../images/eng_service/common/menu_06.png") no-repeat} .topArea .topMenu li.on a, .topArea .topMenu li:hover a, .topArea .topMenu li:focus a, .topArea .topMenu li:active a {left:-1px} .topArea .topMenu li ul {display:none;} .topArea .topMenu li ul:hover, .topArea .topMenu li.on ul, .topArea .topMenu li:hover ul {display:block; } .topArea .topMenu .menu06 .submenu {background:url("../../images/eng_service/common/submenu2.png") no-repeat left top;} .topArea .topMenu li ul.submenu {position:absolute; top:30px; left:-21px; width:836px; height:16px; padding:5px; text-align:left;} .topArea .topMenu li ul.submenu li{display:inline-block; width:auto; margin:0px; height:16px; padding:0 20px; float:left; background:url("../../images/eng_service/common/lnb_sub_line.jpg") no-repeat right 2px;} .topArea .topMenu li ul.submenu li.last {background:none;} .topArea .topMenu li ul.submenu li a {width:auto; display:inline-block; background:none !important; text-indent:0; color:#ffffff; height:16px; line-height:16px;} .topArea .topMenu li ul.submenu li.on a, .topArea .topMenu li ul.submenu li a:hover {color:#fdff00} .topArea .topMenu .menu02 .submenu li {padding:0 30px;} .topArea .topMenu .menu04 .submenu {width:606px; padding: 5px 5px 5px 230px;} .topArea .topMenu .menu04 .submenu li {padding:0 30px;} .topArea .topMenu .menu05 .submenu {width:506px; padding: 5px 5px 5px 330px;} .topArea .topMenu .menu05 .submenu li {padding:0 30px;} .topArea .topMenu .menu05 .submenu li.last {width:100px;} .topArea .topMenu .menu06 .submenu li {padding:0 2px; letter-spacing:-0.05em;} .topArea .topMenu .menu06 .submenu li a {padding:0 4px;} .topArea .topMenu li ul.submenu li.on a, .topArea .topMenu li ul.submenu li a:hover, .topArea .topMenu li ul.submenu li a:focus, .topArea .topMenu li ul.submenu li a:active {color:#fdff00} /* e : 탑메뉴 */ /* s : 왼쪽메뉴 */ .leftArea {position:relative; width:194px; float:left} .leftArea .submenu dt, .leftArea .submenu dd a {display:block; overflow:hidden; width:194px; height:34px; text-indent:-999px; font-size:0; background-repeat:no-repeat; background-position:0 0;} .leftArea .submenu dd, .leftArea .submenu dd a {height:31px} .leftArea dl.sub01 dt {background-image:url("../../images/eng_service/common/en_lnb01.gif");} .leftArea dl.sub02 dt {background-image:url("../../images/eng_service/common/en_lnb02.gif");} .leftArea dl.sub03 dt {background-image:url("../../images/eng_service/common/en_lnb03.gif");} .leftArea dl.sub04 dt {background-image:url("../../images/eng_service/common/en_lnb04.gif");} .leftArea dl.sub05 dt {background-image:url("../../images/eng_service/common/en_lnb06.gif");} .leftArea dl.sub06 dt {background-image:url("../../images/eng_service/common/en_lnb05.gif");} .leftArea .sub01 .lnb01 {height:48px; background-image:url("../../images/eng_service/common/en_lnb01_01_off.gif");} .leftArea .sub01 .lnb02 {background-image:url("../../images/eng_service/common/en_lnb01_02_off.gif");} .leftArea .sub01 .lnb03 {height:48px; background-image:url("../../images/eng_service/common/en_lnb01_03_off.gif");} .leftArea .sub01 .lnb01 a:hover, .leftArea .sub01 .lnb01.on {height:48px; background-image:url("../../images/eng_service/common/en_lnb01_01_on.gif");} .leftArea .sub01 .lnb02 a:hover, .leftArea .sub01 .lnb02.on {background-image:url("../../images/eng_service/common/en_lnb01_02_on.gif");} .leftArea .sub01 .lnb03 a:hover, .leftArea .sub01 .lnb03.on {height:48px; background-image:url("../../images/eng_service/common/en_lnb01_03_on.gif");} .leftArea .sub01 .last {background-image:url("../../images/eng_service/common/lnb01_img.gif"); height:241px} .leftArea .sub02 .lnb01 {background-image:url("../../images/eng_service/common/en_lnb02_01_off.gif");} .leftArea .sub02 .lnb02 {background-image:url("../../images/eng_service/common/en_lnb02_02_off.gif");} .leftArea .sub02 .lnb03 {background-image:url("../../images/eng_service/common/en_lnb02_03_off.gif");} .leftArea .sub02 .lnb04 {background-image:url("../../images/eng_service/common/en_lnb02_04_off.gif");} .leftArea .sub02 .lnb05 {background-image:url("../../images/eng_service/common/en_lnb02_05_off.gif");} .leftArea .sub02 .last {background-image:url("../../images/eng_service/common/lnb02_img.gif"); height:179px} .leftArea .sub02 .lnb01 a:hover, .leftArea .sub02 .lnb01.on {background-image:url("../../images/eng_service/common/en_lnb02_01_on.gif");} .leftArea .sub02 .lnb02 a:hover, .leftArea .sub02 .lnb02.on {background-image:url("../../images/eng_service/common/en_lnb02_02_on.gif");} .leftArea .sub02 .lnb03 a:hover, .leftArea .sub02 .lnb03.on {background-image:url("../../images/eng_service/common/en_lnb02_03_on.gif");} .leftArea .sub02 .lnb04 a:hover, .leftArea .sub02 .lnb04.on {background-image:url("../../images/eng_service/common/en_lnb02_04_on.gif");} .leftArea .sub02 .lnb05 a:hover, .leftArea .sub02 .lnb05.on {background-image:url("../../images/eng_service/common/en_lnb02_05_on.gif");} .leftArea .sub03 .lnb01 {background-image:url("../../images/eng_service/common/en_lnb03_01_off.gif");} .leftArea .sub03 .lnb02 {background-image:url("../../images/eng_service/common/en_lnb03_02_off.gif");} .leftArea .sub03 .lnb03 {background-image:url("../../images/eng_service/common/en_lnb03_03_off.gif");} .leftArea .sub03 .lnb04 {background-image:url("../../images/eng_service/common/en_lnb03_04_off.gif");} .leftArea .sub03 .lnb05 {background-image:url("../../images/eng_service/common/en_lnb03_05_off.gif");} .leftArea .sub03 .last {background-image:url("../../images/eng_service/common/lnb03_img.gif"); height:179px} .leftArea .sub03 .lnb01 a:hover, .leftArea .sub03 .lnb01.on {background-image:url("../../images/eng_service/common/en_lnb03_01_on.gif");} .leftArea .sub03 .lnb02 a:hover, .leftArea .sub03 .lnb02.on {background-image:url("../../images/eng_service/common/en_lnb03_02_on.gif");} .leftArea .sub03 .lnb03 a:hover, .leftArea .sub03 .lnb03.on {background-image:url("../../images/eng_service/common/en_lnb03_03_on.gif");} .leftArea .sub03 .lnb04 a:hover, .leftArea .sub03 .lnb04.on {background-image:url("../../images/eng_service/common/en_lnb03_04_on.gif");} .leftArea .sub03 .lnb05 a:hover, .leftArea .sub03 .lnb05.on {background-image:url("../../images/eng_service/common/en_lnb03_05_on.gif");} .leftArea .sub04 .lnb01 {background-image:url("../../images/eng_service/common/en_lnb04_01_off.gif");} .leftArea .sub04 .lnb02 {background-image:url("../../images/eng_service/common/en_lnb04_02_off.gif");} .leftArea .sub04 .lnb03 {background-image:url("../../images/eng_service/common/en_lnb04_03_off.gif");} .leftArea .sub04 .last {background-image:url("../../images/eng_service/common/lnb04_img.gif"); height:241px} .leftArea .sub04 .lnb01 a:hover, .leftArea .sub04 .lnb01.on {background-image:url("../../images/eng_service/common/en_lnb04_01_on.gif");} .leftArea .sub04 .lnb02 a:hover, .leftArea .sub04 .lnb02.on {background-image:url("../../images/eng_service/common/en_lnb04_02_on.gif");} .leftArea .sub04 .lnb03 a:hover, .leftArea .sub04 .lnb03.on {background-image:url("../../images/eng_service/common/en_lnb04_03_on.gif");} .leftArea .sub05 .lnb01 {background-image:url("../../images/eng_service/common/en_lnb06_02_off.gif");} .leftArea .sub05 .lnb02 {background-image:url("../../images/eng_service/common/en_lnb06_03_off.gif");} .leftArea .sub05 .lnb03 {background-image:url("../../images/eng_service/common/en_lnb06_04_off.gif");} .leftArea .sub05 .lnb04 {background-image:url("../../images/eng_service/common/en_lnb06_01_off.gif");} .leftArea .sub05 .lnb05 {background-image:url("../../images/eng_service/common/en_lnb06_05_off.gif");} .leftArea .sub05 .lnb06 {background-image:url("../../images/eng_service/common/en_lnb06_06_off.gif");} .leftArea .sub05 .lnb07 {background-image:url("../../images/eng_service/common/en_lnb06_07_off.gif");} .leftArea .sub05 .lnb08 {background-image:url("../../images/eng_service/common/en_lnb06_08_off.gif");} .leftArea .sub05 .lnb09 {background-image:url("../../images/eng_service/common/en_lnb06_09_off.gif");} .leftArea .sub05 .last {background-image:url("../../images/eng_service/common/lnb06_img.gif"); height:179px} .leftArea .sub05 .lnb01 a:hover, .leftArea .sub05 .lnb01.on {background-image:url("../../images/eng_service/common/en_lnb06_02_on.gif");} .leftArea .sub05 .lnb02 a:hover, .leftArea .sub05 .lnb02.on {background-image:url("../../images/eng_service/common/en_lnb06_03_on.gif");} .leftArea .sub05 .lnb03 a:hover, .leftArea .sub05 .lnb03.on {background-image:url("../../images/eng_service/common/en_lnb06_04_on.gif");} .leftArea .sub05 .lnb04 a:hover, .leftArea .sub05 .lnb04.on {background-image:url("../../images/eng_service/common/en_lnb06_01_on.gif");} .leftArea .sub05 .lnb05 a:hover, .leftArea .sub05 .lnb05.on {background-image:url("../../images/eng_service/common/en_lnb06_05_on.gif");} .leftArea .sub05 .lnb06 a:hover, .leftArea .sub05 .lnb06.on {background-image:url("../../images/eng_service/common/en_lnb06_06_on.gif");} .leftArea .sub05 .lnb07 a:hover, .leftArea .sub05 .lnb07.on {background-image:url("../../images/eng_service/common/en_lnb06_07_on.gif");} .leftArea .sub05 .lnb08 a:hover, .leftArea .sub05 .lnb08.on {background-image:url("../../images/eng_service/common/en_lnb06_08_on.gif");} .leftArea .sub05 .lnb09 a:hover, .leftArea .sub05 .lnb09.on {background-image:url("../../images/eng_service/common/en_lnb06_09_on.gif");} .leftArea .sub05 .last {background-image:url("../../images/eng_service/common/lnb06_img.gif"); height:179px} .leftArea .sub06 .lnb01 {background-image:url("../../images/eng_service/common/en_lnb05_01_off.gif");} .leftArea .sub06 .lnb02 {background-image:url("../../images/eng_service/common/en_lnb05_02_off.gif");} .leftArea .sub06 .lnb01 a:hover, .leftArea .sub06 .lnb01.on {background-image:url("../../images/eng_service/common/en_lnb05_01_on.gif");} .leftArea .sub06 .lnb02 a:hover, .leftArea .sub06 .lnb02.on {background-image:url("../../images/eng_service/common/en_lnb05_02_on.gif");} .leftArea .sub06 .last {background-image:url("../../images/eng_service/common/lnb05_img.gif"); height:241px} /* e : 왼쪽메뉴 */ .mainArea {width:752px; float:right; position:relative; overflow:hidden;} .mainArea h2.title {margin-bottom:20px;padding:10px 0 6px 0; border-bottom:3px solid #333333;} .mainArea p.navigator {position:absolute; top:15px; right:5px;} .mainArea p.navigator a {font-size:11px; color:#6b6b6b;} .mainArea p.navigator a.now {font-weight:bold} .mainArea p.navigator a:hover {text-decoration:underline} .mainArea p.navigator2 {position:absolute; top:15px; right:5px;} .mainArea p.navigator2 a {font-size:11px; color:#6b6b6b; letter-spacing:-0.5px;} .mainArea p.navigator2 a.now {font-weight:bold} .mainArea p.navigator2 a:hover {text-decoration:underline} /* s : 메인비주얼 */ .mainVisualWrap {height:272px; background:#e0f2fc;} .mainVisual {position:relative; width:966px; height:272px; margin:0 auto; background:url("../../images/eng_service/main/main_img.jpg") no-repeat left top;} .mainVisual .visualBtn {position:absolute; left:639px; top:53px; width:326px; height:200px;} .mainVisual .visualBtn a {width:75px; height:75px; float:left; padding:0; margin:0 7px 14px 0} .mainVisual .visualBtn a.last {margin:0 0 14px 0} .mainVisual .mainSearch {position:absolute; left:0; bottom:0; width:600px; height:82px; background:url("../../images/eng_service/main/bg_search.png") no-repeat;} /* .mainVisual .mainSearch .selectbox {position:absolute; left:33px; bottom:28px; width:80px; height:20px; border:none; outline:none; background:#ffffff;} */ /* .mainVisual .mainSearch .mainSearchinput {position:absolute; left:126px; bottom:30px; width:275px; height:18px; border:none; outline:none; background:#ffffff;} */ .mainVisual .mainSearch .selectbox {position:absolute; left:33px; bottom:28px; width:120px; height:20px; border:none; outline:none; background:#ffffff;} .mainVisual .mainSearch .mainSearchinput {position:absolute; left:166px; bottom:30px; width:263px; height:18px; border:none; outline:none; background:#ffffff;} .mainVisual .mainSearch a.arrow {position:absolute; left:405px; bottom:26px; width:20px; height:20px; background:#ffffff url("../../images/kor_service/common/arrow_select.png") no-repeat center;} .mainVisual .mainSearch a.btn_search {position:absolute; left:435px; bottom:20px; width:67px; height:33px;} .mainVisual .mainSearch a.btn_search2 {position:absolute; left:505px; bottom:20px; width:67px; height:33px;} /* e : 메인비주얼 */ /* s : 메인 검색옵션 */ /* .mainSearchoptionWrap {position:absolute; left:22px; top:265px;} */ .mainSearchoption {position:relative; width:450px; border:1px #3643a1; background:#ffffff; overflow:hidden; } .mainSearchoption .title {height:32px; background:url("../../images/kor_service/contents/roof_srch2.jpg") no-repeat; overflow:hidden; text-indent:-999px} .mainSearchoption .close {position:absolute; right:0px; top:0px;} .mainSearchoption table {width:450px; margin:0px 0 0px 0px; border-top:1px dotted #9f9193; background:#ffffff;font-size:10px;} .mainSearchoption table caption {display:none;} .mainSearchoption table th, .mainSearchoption table td {;border-bottom:1px dotted #9f9193} .mainSearchoption table th {font-weight:bold; color:#333333; text-align:center; background:#ececec; width:92px;} .mainSearchoption table td {padding:5px 0 5px 15px; } .mainSearchoption table td * {float:left; margin-right:3px;} .mainSearchoption table td label {margin-right:10px;} .mainSearchoption p {line-height:20px;} .mainSearchoption .cal {position:relative; top:3px;} /* e : 메인 검색옵션 */ /* s : 메인 게시판 */ .mainboardWrap {position:relative; overflow:hidden; width:964px; height:269px; margin:28px auto 0 auto; } .mainboard {position:relative; width:373px; height:215px; padding:20px 53px 32px 48px; border:1px solid #e1e2e4; background:url("../../images/eng_service/main/bg_mainboard.png") no-repeat 48px 50px;} .mainboard1, .mainboard2, .mainboard3, .mainboard4 {position:absolute; left:48px; top:70px; width:376px;} .mainboard dt {position:absolute; left:0px; top:-50px; width:96px} .mainboard dt a {display:block; width:100%; height:33px; overflow:hidden; text-indent:-9999px;} .mainboard2 dt { left:163px;} .mainboard4 dt { left:147px;} .mainboard1 dt {width:153px; background:url("../../images/eng_service/main/ttl_brd01_off.jpg") no-repeat left 4px;} .mainboard2 dt {background:url("../../images/eng_service/main/ttl_brd02_off.jpg") no-repeat;} .mainboard3 dt {width:137px;background:url("../../images/eng_service/main/ttl_brd04_off.jpg") no-repeat left 3px;} .mainboard4 dt {width:146px; background:url("../../images/eng_service/main/ttl_brd05_off.jpg") no-repeat;} .mainboard1.on dt {background:url("../../images/eng_service/main/ttl_brd01_on.jpg") no-repeat;} .mainboard2.on dt {background:url("../../images/eng_service/main/ttl_brd02_on.jpg") no-repeat;} .mainboard3.on dt {background:url("../../images/eng_service/main/ttl_brd04_on.jpg") no-repeat;} .mainboard4.on dt {background:url("../../images/eng_service/main/ttl_brd05_on.jpg") no-repeat;} .mainboard dd {display:none; line-height:21px; color:#565555} .mainboard1.on dd, .mainboard2.on dd, .mainboard3.on dd, .mainboard4.on dd {display:block;} .mainboard dd a {color:#565555; float:left; width:80%} .mainboard dd a:hover {text-decoration:underline} .mainboard dd span.date {font-size:11px; color:#999999; float:right; width:20%; text-align:right} .mainboard dd.more {position:absolute; right:10px; top:-46px} /* e : 메인 게시판 */ /* s : 메인하단베너 */ .bottombanner {width:964px; height:133px; margin:17px auto 37px auto;} .bottombanner a {display:block; width:233px; height:133px; float:left; margin-right:10px; text-indent:-999px; overflow:hidden; line-height:0; font-size:0} .bottombanner a.mainbanner01 {background:url("../../images/eng_service/main/benner01.png") no-repeat;} .bottombanner a.mainbanner02 {background:url("../../images/eng_service/main/benner02.png") no-repeat; margin-right:12px;} .bottombanner a.mainbanner03 {background:url("../../images/eng_service/main/benner03.png") no-repeat;} .bottombanner a.mainbanner04 {background:url("../../images/eng_service/main/benner04.png") no-repeat; margin-right:0} /* e : 메인하단베너 */ /* s : 통합검색 */ .bigSearchAreaWrap {position:relative; display:block; height:48px; padding-top:19px; background:url("../../images/eng_service/common/bg_srch.jpg") repeat-x;} .bigSearchArea {width:920px; height:30px; margin:0 auto} .bigSearchArea label {display:block; overflow:hidden; width:70px; height:27px; margin-right:10px; background:url("../../images/eng_service/common/total_Srch.png") no-repeat left top; text-indent:-999px} .bigSearchArea .inputArea {position:relative; width:356px; height:30px; margin-right:5px; background:url("../../images/eng_service/common/bar_srch.gif") no-repeat;} .bigSearchArea .input_no_view {position:absolute; top:2px; left:2px; width:322px; padding:4px 5px; height:18px; border:none; background:#ffffff;} .bigSearchArea .inputArea a.arrow {position:absolute; top:2px; right:2px; width:20px; height:26px; background:#ffffff url("../../images/eng_service/common/arrow_select.png") no-repeat center;} .bigSearchArea .btn_bigSearch {margin-right:3px;} .bigSearchArea .btn_bigSearchType01 {margin:0 3px 0 3px} .bigSearchArea .btn_bigSearchType02 {margin:0 3px 0 0;} .bigSearchArea * {float:left} /* e : 통합검색 */ .contsArea {position:relative; width:966px; margin:20px auto 50px auto; overflow:hidden} /* s : footer */ .footerWrap { background:#343434; clear:both; margin-top:40px} .footer {position:relative; width:820px; height:51px; margin:0 auto; padding:20px 0 10px 140px; background:url("../../images/eng_service/common/logo_footer.jpg") no-repeat left center; color:#ffffff; font-weight:bold; font-size:11px;} .footer p{text-indent:-99999px;font-size:0px;line-height:0px} .footer .smallfont {font-weight:normal; font-size:10px;} .footer .wamark {position:relative; clear:both; float:right; top:-26px; margin-left:3px; margin-right:170px; } /* .footer .footer {position:relative; top:3px;} */ .footer .family {position:absolute; top:20px; right:-35px; width:200px;} .footer .family select {width:133px; height:20px; float:left; margin-right:5px; margin:0 5px 0 30} .footer .btn_footer1 {position:relative;top:9px; margin-left:0px; margin-right:2px;} .footer .btn_footer2 {position:relative;top:9px; margin-left:0px; margin-right:2px; } .footer .spacing-2 {letter-spacing:-0.04em;} /* e : footer */ /* s : 공통! */ h3 {font-size:15px; font-weight:bold} .btn_align {position:relative; top:2px;} .point{color:#f25d1f;} .point2{color:#f25d1f; padding-top:3px;} .no_visible { position:absolute; left:0; top:0; width:0px; height:0px; visibility:hidden; line-height:0; font-size:0} .text_input {border:1px solid #dddddd; height:18px; line-height:18px} .textBold {font-weight:bold} .textOrange{color:#f15d1d} .textBlue {color:#0072ae} .textUnderline {text-decoration:underline} .textBlueblack {color:#3643a1} .no-border {border:none !important} .w40p {width:40%} .w50p {width:50%} .w70p {width:70%} .w75p {width:75%} .w80p {width:80%} .w90p {width:90%} .w95p {width:95%} .w98p {width:98%} .w25 {width:25px} .w50 {width:50px} .w75 {width:75px} .w100 {width:100px} .w160 {width:160px} .w200 {width:200px;} .w300 {width:300px;} .over_hidden {overflow:hidden} .over_hidden label {height:11px} .pdtpdb5 {padding-top:5px; padding-bottom:5px} .pd25 {padding:25px} .pdl25 {padding-left:25px;} .pdl50 {padding-left:50px;} .mt0 {margin-top:0 !important;} .mt5 {margin-top:5px} .mt10 {margin-top:10px} .mt15 {margin-top:15px} .mt20 {margin-top:20px} .mt24 {margin-top:24px} .mt30 {margin-top:30px;} .mt40 {margin-top:40px;;} .mt50 {margin-top:50px;;} .mb0 {margin-bottom:0 !important;} .mb10 {margin-bottom:10px} .mb15 {margin-bottom:15px} .mb20 {margin-bottom:20px} .mtmb10 {margin-top:10px; margin-bottom:10px} .mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr20 {margin-right:20px} .ml5 {margin-left:5px;} .ml16 {margin-left:16px;} .ml30 {margin-left:30px;} .ml75 {margin-left:75px;} .bottom_dotborder {border-bottom:1px dotted #070707;} .border-top_none {border-top:none !important} .fr {float:right} .fl {float:left} .center {text-align:center} .right {text-align:right} .left {text-align:left !important;} .blockcenter {margin-right:auto; margin-left:auto; display:block;} .clearboth {clear:both; float:none; } .lh20px {line-height:20px;} .textOrangeInfo {padding-left:10px; background:url("../../images/eng_service/contents/ico_infoOrange.png") no-repeat left 5px; letter-spacing:-0.02em; color:#f15d1d; font-weight:bold; line-height:20px; margin-right:5px;} .dottedBox {border:1px dotted #030303; padding:30px} .lineBox {border:1px solid #d5d5d5; padding:20px} .div_scrolling {padding-left:20px; padding-right:20px; border:1px solid #d5d5d5; } .dis_none {display:none !important} .textlist_gray li {padding-left:11px; background:url("../../images/eng_service/contents/bul_gray.png") no-repeat left -2px;} .textlist_blue li {padding-left:11px; background:url("../../images/eng_service/contents/bul_blue.png") no-repeat left 4px; line-height:21px;} .textlist_blue23 li {padding-left:11px; background:url("../../images/eng_service/contents/bul_blue.png") no-repeat left 3px; line-height:23px;} .textlist_bluearrow li {padding-left:25px; background:url("../../images/eng_service/contents/bullet_02.png") no-repeat left 1px; line-height:21px} .bul_bluearrow {padding-left:25px; background:url("../../images/eng_service/contents/bullet_02.png") no-repeat left 1px; line-height:21px} .bul_changepass li {padding-left:10px; background:url("../../images/eng_service/contents/bul_changepass.png") no-repeat left top; line-height:20px;} /* e : 공통! */ /* s : 버튼모음 */ .a_btn {position:relative; display:inline-block; overflow:hidden; text-indent:-999px} .btn_bigSearch {width:66px; height:30px; background:url("../../images/eng_service/common/btn_srch.gif");} .btn_bigSearchType01 {width:172px; height:30px; background:url("../../images/eng_service/common/btn_gnd.gif");} .btn_bigSearchType02 {width:126px; height:30px; background:url("../../images/eng_service/common/btn_bcb.gif");} .btn_bigSearchType03 {width:101px; height:30px; background:url("../../images/eng_service/common/btn_byb.gif");} .btn_footer1 {width:77px; height:13px; background:url("../../images/eng_service/common/pl_footer.gif");} .btn_footer2 {width:91px; height:13px; background:url("../../images/eng_service/common/pl2_footer.gif");} /* e : 버튼모음 */ .abcSearch {padding:40px 0 30px 120px; background:#f4f4f4; overflow:hidden;} .abcSearch .abc_group {width:580px;margin-left:100px;} .abcSearch a {width:32px; height:26px; overflow:hidden; text-indent:-9999px; display:block; float:left; margin-right:10px; margin-bottom:10px; background-position:0 top;} .abcSearch a.on {background-position:0 bottom;} .abcSearch .abc01 {background-image:url("../../images/eng_service/contents/btn_abc01.gif");} .abcSearch .abc02 {background-image:url("../../images/eng_service/contents/btn_abc02.gif");} .abcSearch .abc03 {background-image:url("../../images/eng_service/contents/btn_abc03.gif");} .abcSearch .abc04 {background-image:url("../../images/eng_service/contents/btn_abc04.gif");} .abcSearch .abc05 {background-image:url("../../images/eng_service/contents/btn_abc05.gif");} .abcSearch .abc06 {background-image:url("../../images/eng_service/contents/btn_abc06.gif");} .abcSearch .abc07 {background-image:url("../../images/eng_service/contents/btn_abc07.gif");} .abcSearch .abc08 {background-image:url("../../images/eng_service/contents/btn_abc08.gif");} .abcSearch .abc09 {background-image:url("../../images/eng_service/contents/btn_abc09.gif");} .abcSearch .abc10 {background-image:url("../../images/eng_service/contents/btn_abc10.gif");} .abcSearch .abc11 {background-image:url("../../images/eng_service/contents/btn_abc11.gif");} .abcSearch .abc12 {background-image:url("../../images/eng_service/contents/btn_abc12.gif");} .abcSearch .abc13 {background-image:url("../../images/eng_service/contents/btn_abc13.gif");} .abcSearch .abc14 {background-image:url("../../images/eng_service/contents/btn_abc14.gif");} .abcSearch .abc15 {background-image:url("../../images/eng_service/contents/btn_abc15.gif");} .abcSearch .abc16 {background-image:url("../../images/eng_service/contents/btn_abc16.gif");} .abcSearch .abc17 {background-image:url("../../images/eng_service/contents/btn_abc17.gif");} .abcSearch .abc18 {background-image:url("../../images/eng_service/contents/btn_abc18.gif");} .abcSearch .abc19 {background-image:url("../../images/eng_service/contents/btn_abc19.gif");} .abcSearch .abc20 {background-image:url("../../images/eng_service/contents/btn_abc20.gif");} .abcSearch .abc21 {background-image:url("../../images/eng_service/contents/btn_abc21.gif");} .abcSearch .abc22 {background-image:url("../../images/eng_service/contents/btn_abc22.gif");} .abcSearch .abc23 {background-image:url("../../images/eng_service/contents/btn_abc23.gif");} .abcSearch .abc24 {background-image:url("../../images/eng_service/contents/btn_abc24.gif");} .abcSearch .abc25 {background-image:url("../../images/eng_service/contents/btn_abc25.gif");} .abcSearch .abc26 {background-image:url("../../images/eng_service/contents/btn_abc26.gif");} .wideTitle {border-bottom:3px solid #333333} .wideTitle h2 {position:relative; width:966px; margin:0 auto} .tableWrap {position:relative; margin-top:35px} .tableWrap.view_table table {border-bottom:1px solid} .tableWrap .tableoption {position:relative; overflow:hidden;} .tableWrap .tableoption .optionright {float:right; overflow:hidden} .tableWrap .tableoption .optionright select, .tableWrap .tableoption .optionright a, .tableWrap .tableoption .optionright input, .tableWrap .tableoption .optionright label{float:left; margin-right:5px;} .tableWrap .tableoption .optionright a {margin-right:20px} .tableWrap .tableoption .optionright label { margin-right:5px; line-height:20px } .tableWrap .tableoption .optionright select {margin-right:4px} .tableWrap .tableoption .optionright .last {margin-right:0} .tableWrap .tableoption .optionright input {padding:2px; height:18px} .tableWrap .tableoption .text_input2 {height:18px;} .tableWrap .tablesearchresult{padding-left:10px; float:left} .tableWrap .tablesearchresult .point{color:#f25d1f; font-weight:bold} .tableWrap .btnArea {margin-top:20px; overflow:hidden;} .tableWrap .paging {position:relative; width:100%; height:19px; margin-top:15px; text-align:center; } .tableWrap .paging span {position:relative; top:-4px; display:inline-block; width:auto; height:13px; margin:0 3px; padding:0 0 0 9px;text-align:center; color:#959595; background:url("../../images/eng_service/contents/line_paging.png") no-repeat left ;} .tableWrap .paging span {top:0; width:25px; height:19px; margin:0; padding:0; overflow:hidden; background-repeat: no-repeat;} .tableWrap .paging img {top:0; width:25px; height:19px; margin:0; padding:0; overflow:hidden; background-repeat: no-repeat;} /* .tableWrap .paging a.first, .tableWrap .paging a.prev, .tableWrap .paging a.next, .tableWrap .paging a.last {top:0; width:25px; height:19px; margin:0; padding:0; overflow:hidden; background-repeat: no-repeat;} */ .tableWrap .paging a.first {background-image:url("../../images/eng_service/contents/arrow01.gif");} .tableWrap .paging a.prev {background-image:url("../../images/eng_service/contents/arrow02.gif");} .tableWrap .paging a.next {background-image:url("../../images/eng_service/contents/arrow03.gif"); margin-left:8px} .tableWrap .paging a.last {background-image:url("../../images/eng_service/contents/arrow04.gif");} .tableWrap .paging a.on {color:#f25d1f; font-weight:bold} .tableWrap .paging a.firstnum {background:none;} .tableWrap2 .paging {position:relative; width:100%; height:19px; margin-top:15px; text-align:center; } .tableWrap2 .paging span {position:relative; top:-4px; display:inline-block; width:auto; height:13px; margin:0 3px; padding:0 0 0 9px;text-align:center; color:#959595; background:url("../../images/eng_service/contents/line_paging.png") no-repeat left ;} .tableWrap2 .paging span {top:0; width:25px; height:19px; margin:0; padding:0; overflow:hidden; background-repeat: no-repeat;} .tableWrap2 .paging img {top:0; width:25px; height:19px; margin:0; padding:0; overflow:hidden; background-repeat: no-repeat;} /* .tableWrap .paging a.first, .tableWrap .paging a.prev, .tableWrap .paging a.next, .tableWrap .paging a.last {top:0; width:25px; height:19px; margin:0; padding:0; overflow:hidden; background-repeat: no-repeat;} */ .tableWrap2 .paging a.first {background-image:url("../../images/eng_service/contents/arrow01.gif");} .tableWrap2 .paging a.prev {background-image:url("../../images/eng_service/contents/arrow02.gif");} .tableWrap2 .paging a.next {background-image:url("../../images/eng_service/contents/arrow03.gif"); margin-left:8px} .tableWrap2 .paging a.last {background-image:url("../../images/eng_service/contents/arrow04.gif");} .tableWrap2 .paging a.on {color:#f25d1f; font-weight:bold} .tableWrap2 .paging a.firstnum {background:none;} .tableWrap .tableConts {padding:20px 20px 40px 20px; border-bottom:4px solid #cccccc; line-height:20px;} .tableWrap .boardfile {display:inline-block; height:13px; padding-left:20px; background:url("../../images/eng_service/contents/icone_sv.gif") no-repeat left; color:#555555} .tabletype01{border-top:2px solid #56a0d5; border-left:1px solid #c8c8c8} .tabletype01 th {background:#e9f3fa; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; text-align:center; font-weight:bold; padding:6px 0;} .tabletype01 td {border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; padding:15px; text-align:center} .tabletype01_1{border-top:3px solid #56a0d5; } .tabletype01_1 th {background:#e9f3fa; border-bottom:1px solid #c8c8c8; text-align:left; font-weight:bold; padding:6px 20px;} .tabletype01_1 td {border-bottom:1px solid #c8c8c8; padding:15px; text-align:left} .tabletype02 {border-top:3px solid #58a2d8; border-bottom:3px solid #cccccc} .tabletype02 th {padding:10px 0 10px 20px; background:#eef8fd; color:#565555; font-weight:bold; text-align:left; border-bottom:1px solid #cccccc} .tabletype02 td {padding:5px 20px 5px 25px; border-bottom:1px solid #cccccc} .tabletype02 .point, .tabletype02 .textOrange {font-size:11px;} .tabletype03 {border-top:1px solid #e0e0e0; border-bottom:2px solid #eaeaea} .tabletype03 thead th {padding:6px 0; border-bottom:3px solid #58a2d8; text-align:center} .tabletype03 tbody tr:hover {background:#f9f9f9;} .tabletype03 tbody td {padding:5px 0; border-bottom:1px solid #eaeaea; text-align:center} .tabletype03 tbody td.title {padding-left:30px;text-align:left} .tabletype03 a {color:#666666;} .tabletype03 a.list_file {display:inline-block; width:14px; height:13px; background:url("../../images/eng_service/contents/icone_sv.gif") no-repeat;} /* .departmentTree {float:left; width:196px; padding:15px 0 30px 20px; background:url("../../images/eng_service/contents/bar_grad.png") repeat-y right top;} */ .departmentTree {overflow-x:scroll;overflow-y:hidden; float:left; width:200px; padding:40px 0 0px 20px; background:url("") repeat-y right top;} .departmentTree .sidetreecontrol span {padding:0px 0 0 0px; color:#686868} /* .departmentTree ul{line-height:22px; background:url("../../images/eng_service/contents/dot_vertical.png") repeat-y left top;} */ /* .departmentTree ul.depth1 {background:none;} */ /* .departmentTree ul.depth1 > li{padding-left:7px; background:url("../../images/eng_service/contents/icon_blue2.png") no-repeat left top;} */ /* .departmentTree li {padding-left:13px; background:url("../../images/eng_service/contents/icon_blue.png") no-repeat left top;} */ /* .departmentTree li a {display:block; padding:2px 0 0 17px; color:#686868} */ /* .departmentTree li.on {padding-left:13px; background:url("../../images/eng_service/contents/icon_yellow.png") no-repeat left top;} */ /* .departmentTree li.on a {font-weight:bold; color:#f25d1f} */ /* .departmentTree li.last {background:url("../../images/eng_service/contents/lastli.png") no-repeat left top;} */ /* .departmentTree li.last.on {background:url("../../images/eng_service/contents/lastli2.png") no-repeat left top;} */ .departmentTreeconts {width:708px; float:right} .title_introductionofbusiness01 {width:445px; height:204px; border-bottom:1px dotted #040404; float:left} .title_introductionofbusiness01 p {line-height:21px} .title_introductionofbusiness02 {float:left; width:240px; height:184px; padding:20px 0 0 22px; border-bottom:1px dotted #040404; border-left:1px dotted #040404} .title_introductionofbusiness03 img{margin-top:15px; float:left} .title_introductionofbusiness03 ol {width:400px; float:left; padding:22px 0 0 22px; border-left:1px dotted #040404} .title_introductionofbusiness03 li {line-height:15px; padding:10px 0 0 60px;} .title_introductionofbusiness03 li.history1992 {background:url("../../images/eng_service/contents/img_1992.png") no-repeat left center;} .title_introductionofbusiness03 li.history1992 .year {text-indent:-999px; font-size:0px;} .title_introductionofbusiness03 li.history1994 {background:url("../../images/eng_service/contents/img_1994.png") no-repeat left center;} .title_introductionofbusiness03 li.history1994 .year {text-indent:-999px; font-size:0px;} .title_introductionofbusiness03 li.history1995 {background:url("../../images/eng_service/contents/img_1995.png") no-repeat left center;} .title_introductionofbusiness03 li.history1995 .year {text-indent:-999px; font-size:0px;} .title_introductionofbusiness03 li.history1997 {background:url("../../images/eng_service/contents/img_1997.png") no-repeat left center;} .title_introductionofbusiness03 li.history1997 .year {text-indent:-999px; font-size:0px;} .title_introductionofbusiness03 li.history1998 {background:url("../../images/eng_service/contents/img_1998.png") no-repeat left center;} .title_introductionofbusiness03 li.history1998 .year {text-indent:-999px; font-size:0px;} .title_introductionofbusiness03 li.history2000 {background:url("../../images/eng_service/contents/img_2000.png") no-repeat left center;} .title_introductionofbusiness03 li.history2000 .year {text-indent:-999px; font-size:0px;} .title_introductionofbusiness03 li.history2001 {background:url("../../images/eng_service/contents/img_2001.png") no-repeat left center;} .title_introductionofbusiness03 li.history2001 .year {text-indent:-999px; font-size:0px;} .title_introductionofbusiness03 li.history2005 {background:url("../../images/eng_service/contents/img_2005.png") no-repeat left center;} .title_introductionofbusiness03 li.history2005 .year {text-indent:-999px; font-size:0px;} .title_introductionofbusiness03 li.history2006 {background:url("../../images/eng_service/contents/img_2006.png") no-repeat left center;} .title_introductionofbusiness03 li.history2006 .year {text-indent:-999px; font-size:0px;} .title_introductionofbusiness03 li.history2009 {background:url("../../images/eng_service/contents/img_2009.png") no-repeat left center;} .title_introductionofbusiness03 li.history2009 .year {text-indent:-999px; font-size:0px;} .title_introductionofbusiness03 li.history2010 {background:url("../../images/eng_service/contents/img_2010.png") no-repeat left center;} .title_introductionofbusiness03 li.history2010 .year {text-indent:-999px; font-size:0px;} .title_introductionofbusiness03 li.history2012 {background:url("../../images/eng_service/contents/img_2012.png") no-repeat left center;} .title_introductionofbusiness03 li.history2012 .year {text-indent:-999px; font-size:0px;} .title_introductionofbusiness03 li.history2013 {background:url("../../images/kor_service/contents/img_2013.png") no-repeat left center;} .title_introductionofbusiness03 li.history2013 .year {text-indent:-999px; font-size:0px;} .title_introductionofbusiness03 li.history2014 {background:url("../../images/kor_service/contents/img_2014.png") no-repeat left center;} .title_introductionofbusiness03 li.history2014 .year {text-indent:-999px; font-size:0px;} .publication {padding:15px 50px 150px 20px; border:1px solid #ebebeb; background:url("../../images/eng_service/contents/img_04.png") no-repeat left bottom; background-size:100% auto;} .publication li {padding:15px 15px 10px 25px; border-bottom:1px solid #f1f1f1; background:url("../../images/eng_service/contents/bullet_02.png") no-repeat left 16px; letter-spacing:-0.055em} .publication li.last {border-bottom:none} .publication li dt {margin-bottom:10px; font-weight:bold; line-height:22px;} .publication li dd {color:#7f7f7f; line-height:22px;} .lawconstitutionh3 {margin-bottom:10px; ;padding-bottom:15px; border-bottom:1px dotted #070707} .lawconstitutionp {line-height:19px; margin-bottom:18px;} /* s : 팝업관련 */ .popclose {position:absolute; right:10px; top:10px;} .popType01 {position:relative; overflow:hidden;} .popType01 .topArea {height:53px; position:relative;border-top:1px solid #f0f0f0; border-bottom:3px solid #333333; background:#ffffff;} .popType01 .topArea h1.logo {position:absolute; top:13px; left:21px; overflow:hidden; display:block; width:184px; height:30px; background:url("../../images/eng_service/common/logo.gif") no-repeat; text-indent:-999px} .popType01 h2.title {padding:20px 25px 10px 25px; border-bottom:2px solid #e2e2e2; } .popType01 .contsArea {position:relative; width:auto; margin:25px; } .popType02 {position:relative; overflow:hidden;} .popType02 .topArea {height:59px; position:relative;border-top:1px solid #f0f0f0; background:#ffffff;} .popType02 .topArea h1.logo {position:absolute; top:12px; left:26px; overflow:hidden; display:block; width:184px; height:30px; background:url("../../images/eng_service/common/logo.gif") no-repeat; text-indent:-999px} .popType02 h2.title {padding:21px 25px 19px 30px; background:#3743a1; color:#ffffff; font-size:22px; font-weight:bold} .popType02 .contsArea {position:relative; width:auto; margin:25px 30px} .popbtnArea {position:relative; padding:15px 25px 30px 30px; border-top:1px dotted #000000} .poptableType01{margin-top:10px; border-top:3px solid #58a2d8; border-bottom:3px solid #d6d6d6} .poptableType01 th, .poptableType01 td {padding:4px 0px 4px 20px;border-bottom:2px solid #d6d6d6} .poptableType01 th {background:#eef8fd; color:#565555; text-align:left} .poptableType01 .textInput {border:1px solid #d6d6d6; height:18px; padding:1px 4px; line-height:18px;} .numList {margin-left:40px; list-style:circle outside} .numList li { list-style:decimal; line-height:25px;} .numListEct {margin-left:40px;} .pop_leftArea {width:252px; padding:20px; float:left} .leftTitle {margin:0 0 30px 0; color:#3643a1; font-size:18px; font-weight:bold;} .pop_leftArea li {line-height:25px} .pop_leftArea li input {margin-right:5px;} .popType01 .centerArea {position:relative; height:795px; border-bottom:1px solid #d7d7d7} .popType01 a.framebar {position:relative; display:block; width:11px; height:100%; float:left; background:url("../../images/eng_service/contents/bar_framebar.png") no-repeat left top;} .pop_contsArea {position:relative; margin:0 0 0 303px;} .pop_contsArea .pop_title {padding:20px 0 9px 15px; border-bottom:2px solid #e2e2e2} .pop_contsArea .pop_title .titlebtn {position:absolute; right:20px; top:20px} .pop_contsArea .navigator {position:absolute; right:20px; top:30px; color:#686868} .pop_contsArea .navigator a {color:#686868} .pop_contsArea .navigator a.now {font-weight:bold} .pop_selectoptionWrap {width:100%; overflow:hidden} .pop_selectoption {float:right; padding:25px 20px 15px 0; color:#565555} .pop_selectoption input, .pop_selectoption label, .pop_selectoption a {float:left} .pop_selectoption label {margin:0 10px 0 3px; padding:2px 0 0 0} .pop_selectoption .textBold {margin-right:3px;} .pop_selectoption a {margin-left:4px;} .pop_grayoptionbar {height:28px; padding:8px 20px 0 18px; background:url("../../images/eng_service/contents/bg_popoption.png") repeat-x;} .pop_grayoptionbar .fl a, .pop_grayoptionbar .fl select {float:left} .pop_grayoptionbar .fl select {margin-left:10px;} .pop_contsArea .viewPDFtitle {position:relative; margin: 0 0 15px 0; padding:20px 120px 19px 19px; color:#424242; text-align:center; border-bottom:1px solid #959595} .pop_contsArea .viewPDFtitle h3 {position:absolute; padding-left:18px; left:20px; top:20px; background:url("../../images/eng_service/contents/bullet_01.png") no-repeat left 3px;} .pop_contsArea .viewPDFtitle_title {display:inline; font-size:14px; font-weight:bold;} .pop_contsArea .viewPDFtitle .fr {position:absolute; right:20px; top:20px;} .pop_slidearea {margin:0 30px; height:105px; padding:10px;} .pop_pdfArea {position:relative; height:350px; margin:20px; border:6px solid #373738; padding:20px;} .pop_pdfArea.view02 { background:url("../../images/eng_service/contents/dot_line.png") repeat-y center;} .pop_pdfArea .conts, .pop_pdfArea .contsL, .pop_pdfArea .contsR {width:45%; height:100%; color:#6b6b6b; position:relative; display:block} .pop_pdfArea .conts {width:auto} .pop_pdfArea .contsL {float:left} .pop_pdfArea .contsR {float:right} .pop_pdfArea dl {margin-bottom:25px} .pop_pdfArea dt {position:relative;margin-bottom:10px; color:#2b78be; font-weight:bold} .pop_pdfArea dl .pdfArea_btn {position:relative; top:5px;} .pop_leftArea .savelaw li {padding-left:25px; background:url("../../images/eng_service/contents/icone_docu.gif") no-repeat left 4px;} .pop_leftArea .savelaw li a {color:#686868} .pop_clipboardArea {position:relative; margin:25px 20px; padding:3px; border:3px solid #3643a1} .pop_clipboardArea .clipboardTitle {background:#3643a1; color:#ffffff; padding:10px 18px 10px 16px; font-size:13px; font-weight:bold; line-height:19px} .pop_clipboardArea .clipboardTitle .date {position:absolute; top:34px; right:18px; font-size:11px; font-weight:normal} .pop_clipboardArea .clipboardTitle .btn_del {position:absolute; right:18px; top:12px;} .pop_clipboardArea dl {margin:15px 15px 20px 15px;} .pop_clipboardArea dt {position:relative;margin-bottom:10px; color:#2b78be; font-weight:bold} .scrollArea {border:1px solid #d5d5d5; padding:15px 5px; height:380px; overflow-y:scroll} .scrollArea ul {padding-left:23px;} .scrollArea li {display:block; overflow:hidden; float:none;line-height:25px;} .scrollArea li input, .scrollArea li label {margin-right:5px} .printArea_kor_eng {position:relative; width:731px; margin:0 auto; border:3px solid #666666; overflow:hidden; /* background:url("../../images/eng_service/contents/line-666.jpg") repeat-y center top; */} .printArea_kor_eng .print_kor, .printArea_kor_eng .print_eng {width:364px; float:left;} .printArea_kor_eng .print_kor {border-right:3px solid #666666} .printArea_kor_eng p {padding:20px 10px; border-top:1px solid #d5d5d5} .printArea_kor_eng .print_title {border-top:none; line-height:22px; text-align:center; font-size:14px; font-weight:bold; padding:20px 0 15px 0} .printArea_kor_eng .print_title .print_subtitle {color:#666666; font-size:12px; font-weight:normal} .printArea_kor_eng .depth01 {font-size:14px; font-weight:bold; color:#0072ae; padding:15px 10px} .printArea_kor_eng .textBlue {color:#0072ae} .standardSearch {border:1px dotted #010101; padding:12px 0 12px 98px;; text-align:center; overflow:hidden} .standardSearch label, .standardSearch input, .standardSearch a {float:left; margin-right:5px} .standardSearch label{padding-top:3px; color:#3643a1; font-weight:bold;} .abcTaglist {} .abcTaglist .abcList {width:655px; height:64px; background:#f4f4f4; padding:6px 50px 0px 50px; overflow:hidden;} .abcTaglist .abcList a {width:32px; height:26px; overflow:hidden; text-indent:-9999px; display:block; float:left; margin:0 6px 6px 0; background-position:0 top;} .abcTaglist .abcList a.on {background-position:0 bottom;} .abcTaglist .abcList .abc01 {background-image:url("../../images/eng_service/contents/btn_abc01.gif");} .abcTaglist .abcList .abc02 {background-image:url("../../images/eng_service/contents/btn_abc02.gif");} .abcTaglist .abcList .abc03 {background-image:url("../../images/eng_service/contents/btn_abc03.gif");} .abcTaglist .abcList .abc04 {background-image:url("../../images/eng_service/contents/btn_abc04.gif");} .abcTaglist .abcList .abc05 {background-image:url("../../images/eng_service/contents/btn_abc05.gif");} .abcTaglist .abcList .abc06 {background-image:url("../../images/eng_service/contents/btn_abc06.gif");} .abcTaglist .abcList .abc07 {background-image:url("../../images/eng_service/contents/btn_abc07.gif");} .abcTaglist .abcList .abc08 {background-image:url("../../images/eng_service/contents/btn_abc08.gif");} .abcTaglist .abcList .abc09 {background-image:url("../../images/eng_service/contents/btn_abc09.gif");} .abcTaglist .abcList .abc10 {background-image:url("../../images/eng_service/contents/btn_abc10.gif");} .abcTaglist .abcList .abc11 {background-image:url("../../images/eng_service/contents/btn_abc11.gif");} .abcTaglist .abcList .abc12 {background-image:url("../../images/eng_service/contents/btn_abc12.gif");} .abcTaglist .abcList .abc13 {background-image:url("../../images/eng_service/contents/btn_abc13.gif");} .abcTaglist .abcList .abc14 {background-image:url("../../images/eng_service/contents/btn_abc14.gif");} .abcTaglist .abcList .abc15 {background-image:url("../../images/eng_service/contents/btn_abc15.gif");} .abcTaglist .abcList .abc16 {background-image:url("../../images/eng_service/contents/btn_abc16.gif");} .abcTaglist .abcList .abc17 {background-image:url("../../images/eng_service/contents/btn_abc17.gif");} .abcTaglist .abcList .abc18 {background-image:url("../../images/eng_service/contents/btn_abc18.gif");} .abcTaglist .abcList .abc19 {background-image:url("../../images/eng_service/contents/btn_abc19.gif");} .abcTaglist .abcList .abc20 {background-image:url("../../images/eng_service/contents/btn_abc20.gif");} .abcTaglist .abcList .abc21 {background-image:url("../../images/eng_service/contents/btn_abc21.gif");} .abcTaglist .abcList .abc22 {background-image:url("../../images/eng_service/contents/btn_abc22.gif");} .abcTaglist .abcList .abc23 {background-image:url("../../images/eng_service/contents/btn_abc23.gif");} .abcTaglist .abcList .abc24 {background-image:url("../../images/eng_service/contents/btn_abc24.gif");} .abcTaglist .abcList .abc25 {background-image:url("../../images/eng_service/contents/btn_abc25.gif");} .abcTaglist .abcList .abc26 {background-image:url("../../images/eng_service/contents/btn_abc26.gif");} .abcTaglist .div_scrolling {letter-spacing:-0.025em;} .abcTaglist .div_scrolling li {width:20%; float:left; text-align:left; line-height:20px} .abcTaglist .div_scrolling li.on {font-weight:bold} .abcTaglist .div_scrolling li a {color:#666666} .abcTaglist .div_scrolling li a:hover {text-decoration:underline; font-weight:bold} #Popup2{height:100%;} #pWrap{display:table;width:100%;height:500px;} #popTit {position:relative; height:25px; background-color:#f4f4f4; border-bottom:1px solid #eaeaea; padding:8px 0 0 10px;} #PopTit h2 { position:absolute; top:25px; left:5px; } #Popup_2column {display:table-row;width:100%;height:100%; } /*전체내용박스 높이*/ /*2단*/ #Popup_2column #plawcon1 {overflow:hidden;width:49.9%;height:100%; float:left; } #Popup_2column #plawcon2 {overflow:hidden;width:49.9%;height:100%; border-left:1px solid #e1e1e1;} #Popup_2column .his {position:relative; border-bottom:1px solid #e1e1e1; letter-spacing:normal; height:180px; overflow-y:auto; background-color:#f4f4f4;} #Popup_2column .his li {overflow:hidden;} #Popup_2column .his li a { display:inline-block; width:100%; height:18px; float:left; color:#666666; padding:6px 10px 3px 10px;} #Popup_2column .his li a:hover { display:inline-block; width:100%; height:18px;background-color:#d8e6f0; padding:6px 10px 3px 10px;} #Popup_2column .his li span.date { position:absolute; right:10px; color:#999; font-size:11px; } #Popup_2column .his li span.num { position:absolute; right:80px; } #Popup_2column .tit {font-weight:bold; font-size:14px; border-bottom:1px solid #e1e1e1; padding:10px 0 8px 0; text-align:center; line-height:20px;} #Popup_2column .hcontent {height:350px; overflow-y:auto;} /*규정내용 높이*/ #Popup2 .close { position:absolute; right:10px; top:18px;} #Popup2 .footerWrap {margin:0} .clauseArea { height:145px; margin-bottom:10px; padding:10px; background:#f4f4f4;} .clause {width:auto; height:120px; padding:10px; border:1px solid #cdcdcd; overflow-y:scroll; background:#ffffff; line-height:15px;} .clause h3 {font-size:14px; margin:10px 0;} .clause h4 {font-size:13px; margin:10px 0;} .clause h5 {font-size:12px; margin:5px 0;} .clause li {padding:2px 0 2px 10px;} .clauseArea2 { height:100px; margin-bottom:10px; padding:10px; background:#f4f4f4;} .clause2 {width:auto; height:75px; padding:10px; border:1px solid #cdcdcd; overflow-y:scroll; background:#ffffff; line-height:15px;} .clause2 h4 {font-size:14px; margin:10px 0;} .clause2 h5 {font-size:12px; margin:5px 0;} .clause2 li {padding:2px 0 2px 10px;} .conts_login {margin-top:35px; width:752px; height:232px; position:relative; background:url("../../images/eng_service/contents/en_bg_login.png") no-repeat; background-size:100%;} .conts_login .inputArea {position:absolute; left:235px; top:52px; width:262px;} .conts_login label.textBold {width:70px; display:block; float:left; padding:3px 0 0 0} .conts_login .inputArea input {width:180px; height:18px;float:left; margin-bottom:10px;} .conts_login .btn {left:497px; top:52px; position:absolute;} .conts_login .btn1 {left:497px; top:52px; position:absolute;} .conts_login .btn2 {left:582px; top:52px; position:absolute;} .conts_login .msgArea {position:absolute; left:235px; top:110px; width:752px;} .conts_login .saveID {position:absolute; left:306px; top:28px;} .conts_login .saveID input {margin-right:5px;} .conts_login p.info {position:absolute; left:225px; top:150px; padding-left:10px; line-height:1.5em; background:url("../../images/eng_service/contents/bg_loginarea_info.png") no-repeat left 1px; letter-spacing:-0.02em} .conts_login a.btn3 {position:absolute; left:235px; top:190px} .find-idandpass {margin:60px auto 0 auto; ;position:relative; padding:35px 115px 0 105px; width:385px; height:141px; background:url("../../images/eng_service/contents/bg_find-idandpass.png") no-repeat;} .find-idandpass .selectoption {padding:0 0 8px 5px; border-bottom:4px solid #a1d9fa; overflow:hidden; margin-bottom:25px;;} .find-idandpass .selectoption * {float:left; margin-right:5px; height:14px;} .find-idandpass .selectoption label {font-weight:bold; margin-right:10px; height:14px} .find-idandpass .inputArea {width:280px;} .find-idandpass .inputArea * {float:left; margin-bottom:10px;;} .find-idandpass .inputArea a {position:absolute; left:382px; top:86px;} .find-idandpass .inputArea label {width:70px; height:15px; padding:4px 0 0 20px; font-weight:bold} .find-idandpass .inputArea input {width:175px; height:17px} .changePass {position:relative; width:662px; height:430px; padding:10px 0 0 90px; margin-top:30px; background:url("../../images/eng_service/contents/bg_changePass.png") no-repeat;} .changePass label{float:left; display:block; width:130px; padding-left:10px; background:url("../../images/eng_service/contents/bul_blue.png") no-repeat left 2px; font-weight:bold; line-height:20px;} .changePass input {width:180px;float:left;} .changePass .pass {overflow:hidden; display:block; width:100%; margin-bottom:10px;} .changePass .textlist_gray {margin-bottom:15px;} .changePass .textlist_gray li{margin-left:160px; margin-top:3px; width:420px; line-height:18px; background-position:0 0px !important;} .changePass .bul_changepass {position:absolute; left:40px; top:295px; letter-spacing:-0.05em} .changePass .bul_changepass li {padding: 0 27px 0 15px; background-position:0 3px;} .sortingoption {position:relative;padding:15px 20px; background:#f4f4f4; overflow:hidden} .sortingoption * {float:left; margin-right:5px;} .sortingoption .fr {position:relative; padding-left:200px; margin-top:6px} .sortingoption .fl {padding-left:75px;} .sortingoption .fl img {position:relative; top:3px;} .tabmenu01 {overflow:hidden; margin-bottom:50px; margin-top:20px;} .tabmenu01 .title {display:block; width:130px; height:25px; float:left; margin-right:3px; background:url("../../images/kor_service/contents/tab_off.jpg") no-repeat center top; font-size:12px; font-weight:normal; line-height:25px; text-align:center} .tabmenu01 .title.on {background:url("../../images/kor_service/contents/tab_on.jpg") no-repeat center top;} .tabmenu01 .title a {display:block; height:25px;color:#333333} .tabmenu01 .title a:hover {background:url("../../images/kor_service/contents/tab_on.jpg") no-repeat center top; color:#ffffff} .tabmenu01 .title.on a {color:#ffffff} .no_view {visibility:hidden; position:absolute; left:0; top:0; width:0; height:0; text-indent:-9999px}