#subVsalDiv { margin-top: 74px; height: 260px; } .subVsalBg1 { background: #9ea8bf url(../img/sub/sub1/subVsalBg1.png) no-repeat center top; } .subVsalBg2 { background: #89bcd3 url(../img/sub/sub2/subVsalBg2.png) no-repeat center top; } .subVsalBg3 { background: #a0b7d7 url(../img/sub/bg_notice.jpg) no-repeat center top; } .subVsalBg4 { background: #8cb1db url(../img/sub/bg_notice02.jpg) no-repeat center top; } .subVsalBg5 { background: #aecacd url(../img/sub/bg_cooperation.jpg) no-repeat center top; } .subVsalBg6 { background: #afb9d4 url(../img/sub/bg_sitemap.jpg) no-repeat center top; } .subVsalBg7 { background: #b0b9d3 url(../img/sub/bg_privacy.jpg) no-repeat center top; } .subVsalBg8 { background: #afb9d4 url(../img/sub/bg_leg.jpg) no-repeat center top; } .subVsalBg9 { background: #90bbcb url(../img/sub/bg_recruit.jpg) no-repeat center top; } #nowLocation { width: 990px; margin: 0 auto; overflow: hidden; } #nowLocation > ul { overflow: hidden; float: right; padding-top: 22px; color: #fff; } #nowLocation > ul li { float: left; padding-right: 10px; margin-right: 5px; background: url(../img/sub/iconNowLocation.png) no-repeat right 2px; } #nowLocation > ul li.lastLocation { padding-right: 0px; margin-right: 0px; background: none; } #nowLocation > ul li a { display: block; color: #fff; } #subNavDiv { background: #d71921; } #subNavWrap { width: 990px; /*height:70px;*/ margin: 0 auto; } #subNavWrap > ul { float: left; } #subNavWrap > ul > li { float: left; background: url(../img/sub/iconSubNavWrap.png) no-repeat right center; position: relative; } #subNavWrap > ul > li.lastSubNav { background: none; } #subNavWrap > ul > li > a { display: block; color: #fff; line-height: 70px; font-size: 18px; padding: 0 48px; } #subNavWrap > ul > li > a.nowPage { background: #fff; color: #d71921; } .subTwoNav { position: absolute; top: 70px; left: 26px; overflow: hidden; z-index: 40; display: none; } #subTwoNav3 { left: 0px !important; } .subTwoNavNow { display: block; } .subTwoNav li { float: left; background: url(../img/main/vLine.png) no-repeat right 23px; } .subTwoNav li.novl { background: none; } .subTwoNav li a { display: block; color: #6b6b6b; font-size: 15px; padding-top: 20px; padding-bottom: 10px; text-align: center; } .subTwoNav li a:hover, .subTwoNav li a.nowSubPage { color: #d71921; } #subNavWrap > ul > li #subTwoNav0 { width: 315px; } #subNavWrap > ul > li #subTwoNav0 li { width: 152px; } #subNavWrap > ul > li #subTwoNav1 { width: 315px; } #subNavWrap > ul > li #subTwoNav1 li { /*width:152px;*/ padding: 0 20px; } #subNavWrap > ul > li #subTwoNav2 { width: 256px; left: 30px; } #subNavWrap > ul > li #subTwoNav2 li { /*width:128px;*/ padding: 0 20px; } /* 변동사항 */ /*#subNavWrap > ul > li #subTwoNav3 { width: 384px; }*/ #subNavWrap > ul > li #subTwoNav3 { width: 650px; } #subNavWrap > ul > li #subTwoNav3 li { width: 128px; } #containerDiv { background: #fff5ed; padding: 30px 0 117px; } .containerH1 { width: 985px; margin: 0 auto 30px; border-bottom: 2px solid #d71919; color: #d71919; padding: 50px 0 10px 5px; position: relative; font-size: 36px; } .smallTit { font-size: 20px; color: #000; font-weight: normal; } .smallTit2 { font-size: 16px; color: #999999; font-weight: normal; } #btnGoodsLink { position: absolute; top: 55px; right: 0px; } #container { width: 988px; position: relative; margin: 0 auto; padding: 39px 0 39px 0; } #container2 { width: 988px; position: relative; margin: 0 auto; background: #fff; border: 1px solid #c3c2c2; border-bottom: none; } .cd-top { display: inline-block; height: 57px; width: 57px; position: fixed; z-index: 100; bottom: 180px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; /*text-indent: 100%;*/ white-space: nowrap; /*background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;*/ visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ /*opacity: .5;*/ opacity: 1; } .no-touch .cd-top:hover { /*background-color: #e86256;*/ opacity: 1; } /* @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 140px; } } */ .titH2 { border-bottom: 2px solid #d71919; color: #d71919; font-size: 36px; padding-bottom: 10px; margin-bottom: 25px; } /*.titH2 { font-size:30px; padding-left:18px; background:url(../img/sub/bullet.png) no-repeat left 15px; margin-bottom:20px }*/ #container h3 { font-size: 18px; margin-bottom: 15px; } #ceoIntro { position: absolute; top: 202px; left: 465px; } #ceoIntro p { margin-bottom: 25px; font-size: 15px; } .techTableStyle { width: 100%; border-top: 1px solid #5f5f5f; margin-bottom: 30px; } .techTableStyle th, .techTableStyle td { /*height:40px;*/ padding: 10px 0; border-bottom: 1px solid #c3c2c2; color: #5f5f5f; } .techTableStyle .brdrbbtm { border-bottom: none; } .techTableStyle th { background: #f7e8dc; font-size: 15px; text-align: center; } .techTableStyle .rbl { border-right: 1px solid #c3c2c2; } .techTableStyle .pdx { padding: 0px; } .techTableStyle td { text-align: center; font-size: 14px; } .techTableStyle td.nme { text-align: left; padding-left: 30px; } .techTableStyle td.nme2 { text-align: left; padding-left: 10px; } .techTableStyle td.nme3 { text-align: center; } .techTableStyle td.volume { text-align: right; padding-right: 20px; } .techTableStyle td.tdTh { background: #ececec; font-weight: bold; } .techTableStyle td a.btnViewPhoto { color: #5f5f5f; } #mapDiv { padding-bottom: 150px; } #mapView { width: 455px; margin-top: 30px; float: left; } #goToTechvision { float: left; width: 415px; margin-top: 55px; padding-left: 40px; } #goToTechvisionVhList { margin-top: 32px; } #goToTechvisionVhList li { overflow: hidden; margin-bottom: 10px; } #goToTechvisionVhList li h3 { float: left; font-size: 15px; width: 99px; } #goToTechvisionVhList li p { font-size: 14px; color: #696969; } #goToTechvisionVhList li a { font-size: 14px; color: #696969; } #contactSection { border: 1px solid #c3c2c2; padding: 39px; background: #fff; width: 910px; margin: 20px auto 0; overflow: hidden; } #contactSection h2 { font-size: 15px; float: left; margin-right: 15px; } #contactSection .contactInfos_gou {float: left;} /*#contactSection #contactInfos { float: left; padding-top: 1px; }*/ #contactSection #contactInfos {line-height:20px;} #contactSection #contactInfos li { /*float: left;*/ display: inline-block; font-size: 13px; padding-right: 5px; margin-right: 5px; background: url(../img/sub/iconContactVline.png) no-repeat right 1px; } #contactSection #contactInfos li.noContactVl { padding-right: 0px; margin-right: 0px; background: none; } #mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; z-index: 104; display: none; } #goodsLayerWrap { position: absolute; top: 50px; left: 50%; z-index: 105; width: 912px; margin-left: -456px; display: none; background: #fff; } #goodsLayer { position: relative; } #goodsLayer h1 { color: #fff; font-size: 20px; height: 60px; line-height: 60px; padding-left: 30px; background: #d71921; } #goodsLayer #goodsContents { border: 2px solid #d71921; padding: 28px; height: 704px; overflow: auto; overflow-x: hidden; } #goodsLayer #goodsContents h2 { border-bottom: 1px solid #d71921; font-size: 18px; margin-bottom: 12px; } #goodsLayer #goodsContents h3 { font-size: 15px; color: #5f5f5f; padding-left: 20px; } #goodsLayer #goodsContents p { color: #5f5f5f; font-size: 13px; } #btnLayerClose { position: absolute; top: 19px; right: 30px; } /*----- Accordion -----*/ .accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .accordion { overflow: hidden; box-shadow: 0px 1px 3px rgba(0,0,0,0.25); /* border-radius:3px; background:#f7f7f7; */ } .accordion-section { padding: 39px; margin: 0; display: block; border-bottom: 1px solid #c3c2c2; } /*----- Section Titles -----*/ .accordion-section-title { /*width:100%;*/ /*padding:15px;*/ display: inline-block; /*border-bottom:1px solid #1a1a1a;*/ /*background:#333;*/ transition: all linear 0.15s; /* Type */ /* font-size:1.200em; text-shadow:0px 1px 0px #1a1a1a; color:#fff; */ width: 910px; text-decoration: none; /*border-bottom: 1px solid #d71a1a;*/ color: #222; font-size: 25px; padding: 0 10px; display: block; /*height:87px;*/ background: url("../img/sub/btnPlus.png") no-repeat right 4px; } .accordion-section-title.active, .accordion-section-title:hover { background: url("../img/sub/btnMinus.png") no-repeat right 4px; /*background:#4c4c4c;*/ /* Type */ text-decoration: none; } .accordion-section:last-child .accordion-section-title { border-bottom: none; } /*----- Section Content -----*/ .accordion-section-content { border-top: 1px solid #d71a1a; margin-top: 20px; padding: 34px 0 0 0; position: relative; display: none; } .accordion-section-content p { color: #888; font-size: 14px; line-height: 1.6; word-break: keep-all;} .accordion-section-content .p2 { color: #5f5f5f; } .accordion-section .dotH2 { color: #5f5f5f; font-size: 15px; margin-bottom: 4px; } .accordion-section .dotH2_2 { color: #444; font-size: 16px; margin-bottom: 4px; } .accordion-section .dotP { background: url(../img/sub/dot.png) no-repeat left 2px; padding-left: 10px; margin-bottom: 15px; color: #888888; font-size: 15px; } .phos { width: 290px; height: 268px; border: 1px solid #7c7c7c; float: left; } .spanTit { display: block; text-align: center; background: #7c7c7c; color: #fff; font-size: 14px; line-height: 37px; } .accordion-section .btnListMore { text-align: center; /*position:absolute; left:39px; bottom:0; z-index: 30; */ width: 910px; background: #fff; border: 1px solid #c3c2c2; line-height: 48px; padding: 0; margin-top: 30px; display: none; } .accordion-section .btnListMore a { display: inline; font-size: 14px; border: none; background: none; color: #333333; } /* Text align */ .txt_left { text-align: left !important; } .txt_center { text-align: center !important; } .txt_right { text-align: right !important; } /* Float (box) */ .float_box:after { content: ""; clear: both; display: block; } .float_box .left { float: left; } .float_box .right { float: right; } /* paging .paging { text-align: center; } .paging * { vertical-align: middle; } .paging:after { content: ""; clear: both; display: block; } .paging a { display: inline-block; padding: 0 8px; height: 19px; line-height: 19px; text-align: center; font-size: 13px; font-weight: normal; color: #bdbdbd; font-family: 'NotoKr-Medium'; } .paging strong { padding: 0 8px; color: #d71921; height: 19px; line-height: 19px; text-align: center; } .paging .prev em, .paging .first em, .paging .next em, .paging .last em { visibility: hidden; position: absolute; width: 1px; font-size: 0; line-height: 0; text-align: left; text-indent: -999em; } .paging .first { margin: 0; margin-right: 1px; padding: 0; width: 25px; height: 25px; background: url('../img/sub/bg_pagingfirst_off.png') no-repeat center center; } .paging .last { margin: 0; margin-left: 1px; padding: 0; width: 25px; height: 25px; background: url('../img/sub/bg_paginglast_off.png') no-repeat center center; } .paging .prev { margin: 0; margin-right: 20px; padding: 0; width: 25px; height: 25px; background: url('../img/sub/bg_pagingprev_off.png') no-repeat left center; } .paging .next { margin: 0; margin-left: 20px; padding: 0; width: 25px; height: 25px; background: url('../img/sub/bg_pagingnext_off.png') no-repeat right center; } .paging .first.on { background: url('../img/sub/bg_pagingfirst_on.png') no-repeat center center; } .paging .last.on { background: url('../img/sub/bg_paginglast_on.png') no-repeat center center; } .paging .prev.on { background: url('../img/sub/bg_pagingprev_on.png') no-repeat left center; } .paging .next.on { background: url('../img/sub/bg_pagingnext_on.png') no-repeat right center; }*/ .new_paging * { vertical-align: middle; } .new_paging { position: relative; font-size: 0; } .new_paging * { position: relative; display: inline-block; } .new_paging .paging_group { /*background: #dbdbdb; border: 1px solid #b5b3b4;*/ } .new_paging .paging_group a { display: inline-block; width: 25px; height: 25px; margin: 0 2px; padding: 0; font-size: 13px; z-index: 1; } .new_paging .paging_group > a { border: 1px solid #d71921; } .new_paging .paging_group > a:first-child { margin-left: 0; } .new_paging a.on { z-index: 8; } .new_paging a:hover { z-index: 9; } .new_paging a span { position: relative; display: block; color: #8c8c8c; font-family: NotoKr, sans-serif; height: 25px; line-height: 25px; } .new_paging a.on span, .new_paging a:hover span { color: #d71921; font-weight: bold; } .new_paging .btn_prev { background-image: url(../img/sub/arrow_paging_prev_on.png); background-repeat: no-repeat; background-position: center center; background-color: #d71921; border-color: #d71921; margin-right: 20px !important; } .new_paging .btn_prev.disable { background-image: url(../img/sub/arrow_paging_prev_off.png); background-repeat: no-repeat; background-position: center center; background-color: #c8c8c8; border-color: #c8c8c8 !important; } .new_paging .btn_next { background-image: url(../img/sub/arrow_paging_next_off.png); background-repeat: no-repeat; background-position: center center; background-color: #d71921; border-color: #d71921 !important; margin-left: 20px !important; } .new_paging .btn_next.disable { background-image: url(../img/sub/arrow_paging_next_off.png); background-repeat: no-repeat; background-position: center center; background-color: #c8c8c8; border-color: #c8c8c8 !important; } .new_paging .btn_forward { background-image: url(../img/sub/arrow_paging_forward_on.png); background-repeat: no-repeat; background-position: center center; border-color: #d71921 !important; } .new_paging .btn_forward.disable { background-image: url(../img/sub/arrow_paging_forward_off.png); background-repeat: no-repeat; background-position: center center; border-color: #c8c8c8 !important; } .new_paging .btn_backward { background-image: url(../img/sub/arrow_paging_backward_on.png); background-repeat: no-repeat; background-position: center center; border-color: #d71921 !important; } .new_paging .btn_backward.disable { background-image: url(../img/sub/arrow_paging_backward_off.png); background-repeat: no-repeat; background-position: center center; border-color: #c8c8c8 !important; } /* pagelist */ .page_list { margin-bottom: 20px; background: #fff; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .page_list p { color: #717171; } .page_list p a { display: block; padding: 17px 30px; color: #717171; } .page_list p a:hover, .page_list p a:focus { color: #d71921 !important; } .page_list p a:hover, .page_list p a:focus span { color: #3a3a3a; } .page_list p a.disabled, .page_list p a.disabled span { color: #999 !important; } .page_list p a.disabled:hover, .page_list p a.disabled:focus { color: #999 !important; } .page_list p:first-child { border-bottom: 1px solid #dedede; } .page_list .prev span, .page_list .next span { display: inline-block; padding-left: 35px; margin-right: 60px; color: #3a3a3a; } .page_list .prev span { background: url('../img/sub/bg_boardlist_prev.png') no-repeat center left; } .page_list .next span { background: url('../img/sub/bg_boardlist_next.png') no-repeat center left; } /* 하단 여백 제거 */ .tab.president, .tab.society { margin-bottom: 0; } /* tab > 메뉴별 size 지정 */ .tab.news li { width: 150px; } .tab.kolon.en li { width: 241px !important; } .tab.kolon li { width: 142px; } .tab.people li { width: 185px; } .tab.president li { width: 152px; } .tab.president li { position: relative; overflow: visible; } .tab.president li div { display: none; position: absolute; line-height: 0; top: 70px; left: 0px; width: 287px; height: 27px; padding-top: 13px; z-index: 3; background: #f7f7f7; } .tab.president li div a { height: 20px; font-size: 16px; line-height: 16px; letter-spacing: -1px; color: #717171; padding: 0 20px 0 16px; } .tab.president li div a.on { color: #104cb9; } .tab.president li div a:hover, .tab.president li div a:focus { color: #104cb9; } .tab.president li div a:first-child { background: url('../img/sub/mileston_bg_line.gif') no-repeat right 3px; } .tab.society li { width: 144px; } .cte_tab:after { content: ""; clear: both; display: block; } .cte_tab li { float: left; margin-left: 2px; background: url('../img/sub/bg_cte_line.png') no-repeat center left; } .cte_tab li:first-child { margin-left: 0; background: none; } .cte_tab li a { display: inline-block; padding: 0 20px; height: 32px; font-size: 14px; color: #878787; line-height: 32px; letter-spacing: -1px; text-align: center; } .cte_tab li.on a { color: #d71921; } .cont_tab { margin-bottom: 10px; } .cont_tab:after { content: ""; clear: both; display: block; } .cont_tab li { float: left; margin-left: 2px; } .cont_tab li:first-child { margin-left: 0; } .cont_tab li a { display: inline-block; padding: 12px 0; width: 150px; background: #bebebe; font-size: 16px; color: #fff; line-height: 21px; letter-spacing: -1px; text-align: center; } .cont_tab li.on a { background: #d71921; } .cont_tab.group { margin: 25px 0; } .cont_tab.group li a { width: 139px; } /* table */ .tbl_blue01 { border-top: 2px solid #d71921; border-bottom: 1px solid #5a5a5a; } .tbl_blue01 thead th { padding: 18px 0; background: #eff1f5; font-size: 16px; font-weight: normal; color: #3a3a3a; line-height: 21px; text-align: center; } .tbl_blue01 thead th .unit { display: inline-block; font-size: 12px; color: #3a3a3a; line-height: 21px; letter-spacing: -1px; text-align: left; } .tbl_blue01 tbody th { padding: 14px 0; border-top: 1px solid #d8d8d8; font-size: 16px; font-weight: normal; color: #3a3a3a; line-height: 21px; text-align: center; } .tbl_blue01 tbody td { padding: 14px 0; border-top: 1px solid #d8d8d8; font-size: 16px; color: #aaa; line-height: 21px; text-align: center; } .tbl_blue01 thead th.aling_left, .tbl_blue01 tbody th.aling_left, .tbl_blue01 tbody td.aling_left { text-align: left; padding-left: 40px; } .tbl_blue01.smal_txt { border-top: 2px solid #d71921; border-bottom: 1px solid #5a5a5a; } .tbl_blue01.smal_txt thead th { padding: 18px 0; background: #eff1f5; font-size: 16px; color: #3a3a3a; line-height: 21px; } .tbl_blue01.smal_txt tbody th { border-top: 1px solid #d8d8d8; font-size: 16px; color: #3a3a3a; line-height: 21px; text-align: center; } .tbl_blue01.smal_txt tbody td { padding: 16px 0; border-top: 1px solid #d8d8d8; font-size: 14px; color: #777; line-height: 19px; text-align: center; } .tbl_blue01.smal_txt .alingLeft { padding-left: 10px; text-align: left; } .tbl_blue02 { border-top: 2px solid #d71921; border-bottom: 1px solid #5a5a5a; } .tbl_blue02 tbody th { padding: 20px 0; background: #eff1f5; font-size: 16px; font-weight: normal; color: #3a3a3a; text-align: center; } .tbl_blue02 tbody td { padding: 15px 0; background: #f7f7f7; border-top: 1px solid #d8d8d8; font-size: 16px; color: #717171; line-height: 21px; text-align: center; } .tbl_blue03 { border-top: 2px solid #d71921; border-bottom: 1px solid #5a5a5a; } .tbl_blue03 tbody th { padding: 20px 0 20px 15px; background: #f7f7f7; border-top: 1px solid #d8d8d8; font-size: 16px; font-weight: normal; color: #3a3a3a; text-align: left; } .tbl_blue03 tbody td { padding: 20px 0; background: #f7f7f7; border-top: 1px solid #d8d8d8; font-size: 16px; color: #747f8c; line-height: 21px; text-align: left; } .tbl_line01 * { vertical-align: top; } .tbl_line01 tbody th, .tbl_line01 tbody td { background: #fff; border-top: 1px solid #e5e5e5; } .tbl_line01 tbody th { text-align: left; font-size: 14px; font-weight: normal; line-height: 37px; color: #5099d5; } .tbl_line01 tbody td { font-size: 14px; color: #999; line-height: 37px; vertical-align: middle; } .tbl_line01 tbody td * { line-height: 15px; vertical-align: top; } .tbl_line01 tbody td ul { margin-top: 5px; } .tbl_line01 tbody td li { font-size: 14px; color: #999; line-height: 26px; } .tbl_line01 tbody td li:first-child { margin-bottom: 5px; padding-top: 15px; line-height: 15px; } .tbl_line01 tbody td li span.year { display: inline-block; padding-right: 25px; vertical-align: middle; } .tbl_line01 tbody td li em.txtLine { display: block; padding-left: 79px; } .tbl_line01 tbody tr:first-child th { border-top: none; } .tbl_line01 tbody tr:first-child td { border-top: none; } .tbl_line01.w380 { width: 380px; } .tbl_line01.w440 { width: 440px; } .tbl_line01 .inner { padding-left: 50px; } /* 달력 */ .calender { display: inline-block; position: relative; } .calender .ui-datepicker-trigger { position: absolute; right: 8px; top: 5px; } /* ###################################################################### mian-css ########################################################################## */ .main .fixBox { height: 74px; } .main #container { padding-top: 0; } .main .content { padding: 0; margin: 0; width: 100%; } /* header */ .fixed_gnb { z-index: 9999; zoom: 1; position: fixed; width: 100%; height: 74px; background: #fff; text-align: center; } .header { position: relative; margin: 0 auto; width: 990px; height: 74px; } .header:after { content: ""; clear: both; display: block; } .header h1 { display: inline-block; float: left; } .header h1:after { content: ""; clear: both; display: block; } .header h1 a { display: inline-block; } .header > ul { float: right; height: 61px; padding-top: 13px; margin-right: 131px; } /* .header li ul {border-bottom:1px solid #eee}*/ .header > ul > li { position: relative; float: left; display: inline-block; margin-left: 0px; } .header > ul > li:first-child { margin-left: 0; } .header > ul > li:hover > a, .header > ul > li:focus > a { background: #d71921; } .header > ul > li > a { display: inline-block; padding: 16px 26px 13px 26px; font-size: 18px; font-family: "Nanum Barun Gothic"; font-weight: normal; color: #000; line-height: normal; } .header > ul > li.on > a { color: #d71921; } .header > ul > li:hover > a { color: #fff; } .header > ul > li > span.icon { position: absolute; top: -9px; right: 0; display: inline-block; } .header > ul > li.active > a { background: #d71921; } .header > ul > li > a .icon { position: absolute; width: 16px; height: 100%; top: 0; right: 5px; background: url(../img/sub/gnb_arrow_bottom.gif) no-repeat right center; } .header > ul > li:hover > a .icon { background: none; } .header .util_nav { position: absolute; top: 50%; right: 0; margin-top: -15px; font-size: 0; } .header .util_nav button { width: 29px; height: 29px; border: 1px solid #b4b4b4; display: inline-block; border-left: none; transition: 0.3s all; background: #fff; } .header .util_nav button:hover { background: #d71921; } .header .util_nav button:first-child { border-left: 1px solid #b4b4b4; } /* gnb > 2deth */ .header ul.depth { display: none; z-index: 11; position: absolute; top: 100%; left: 0px; padding: 20px 0 28px; width: 163px; background: #d71921; } .header ul.depth li { display: block; float: none; margin: 0; padding: 0 17px 0 0; background: #d71921; } .header ul.depth li a { display: block; height: auto; padding: 9px 20px 9px 24px; margin: 0; font-size: 16px; color: #fff; line-height: 16px; letter-spacing: 0; text-align: left; } .header ul.depth li a:hover, .header ul.depth li a:focus { background: #fff; color: #d71921; } .header ul.depth li.on a { background: #fff; color: #d71921; } .header ul.depth.csv a { letter-spacing: -1px; } /* search */ .header .search { position: absolute; top: 20px; right: 0; } .header .search button { border: none; } .header .search .btnSearch { width: 89px; height: 34px; background: url("../img/sub/comm_btn_search.gif") no-repeat 0 0; } .header .search .btnSearch.on { background-position: 0 -34px; } .header .search .btnSearch:hover { background-position: 0 -34px; } .header .search .searchBox { display: none; position: absolute; top: 56px; right: 0; } .header .search .searchBox input[type=text] { width: 300px; height: 43px; line-height: 44px; padding: 0 30px; font-size: 14px; color: #ccc; border: 1px solid #c3c2c2; letter-spacing: -0.3px; } .header .search .searchBox input[type=text]:focus { color: #666; } .header .search .searchBox .confirm { position: absolute; top: 10px; right: 18px; width: 50px; height: 27px; font-size: 12px; letter-spacing: -0.5px; background: #fff; border: 1px solid #c3c2c2; color: #c3c2c2; } .header .search .searchBox .confirm:hover, .header .search .searchBox .confirm:focus { background: #d71921; border: 1px solid #d71921; color: #fff; } /* header > layer pop */ .main .mainpop { position: relative; background: #004285; } .main .mainpop .cont { position: relative; margin: 0 auto; padding: 30px 0 50px; width: 990px; } .main .mainpop .cont p { text-align: center; } .main .mainpop .cont .oneday_close { position: absolute; right: 0; bottom: 10px; color: #fff; line-height: 20px; } .main .mainpop .cont .oneday_close * { vertical-align: middle; } .main .mainpop .cont .oneday_close a { margin-left: 5px; } .main .mainpop input[type="checkbox"] { position: relative; top: 0px; border: 1px solid #585858; } /* footer */ .footer { position: relative; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; width: 990px; background: #fff; } .footer:after { content: ""; clear: both; display: block; } .footer .top { position: fixed; display: none; bottom: 96px; right: 0px; z-index: 3; } .footer .top a { display: inline-block; width: 50px; height: 50px; overflow: hidden; background: url('../img/sub/btn_top.png') no-repeat 0 0; } .footer .top a.on { background-position: 0 -50px; } .footer .footer_menu { padding-top: 10px; margin-bottom: 30px; font-size: 18px; line-height: 22px; } .footer .footer_menu:after { content: ""; clear: both; display: block; } .footer .footer_menu li { float: left; display: inline-block; padding-left: 15px; line-height: 13px; background: url('../img/sub/bg_footer_menu.gif') no-repeat left center; } .footer .footer_menu li:first-child { padding-left: 0; background: none; } .footer .footer_menu li:after { content: ""; clear: both; display: block; } .footer .footer_menu li a { display: inline-block; padding-right: 15px; font-size: 16px; color: #414141; letter-spacing: -0.5px; font-family: 'Nanum Barun Gothic', sans-serif; } .footer .copyright { font-size: 12px; color: #000; line-height: 16px; letter-spacing: -1px; } .footer .accessMark { margin-top: 13px; display: none; } .footer .kolon_sns { display: inline-block; margin-right: 7px; } .footer .kolon_sns a { display: inline-block; margin-left: 5px; width: 30px; height: 30px; background: url('../img/sub/common_sprites.png') no-repeat 0 0; } .footer .kolon_sns a:first-child { margin-left: 0; } .footer .kolon_sns a em { visibility: hidden; position: absolute; width: 1px; font-size: 0; line-height: 0; text-align: left; text-indent: -999em; } .footer .kolon_sns .facebook { background-position: -80px -200px; } .footer .kolon_sns .blog { background-position: -40px -200px; } .footer .kolon_sns .youtube { background-position: 0 -200px; } .footer .btnwrap { display: inline-block; height: 35px; vertical-align: top; } .footer .family_menu { position: relative; display: inline-block; padding-left: 10px; padding-right: 40px; margin-bottom: 5px; width: auto; height: 30px; background: url('../img/sub/bg_design_select_on.gif') no-repeat 95% center; border-bottom: 1px solid #a2a2a2; font-size: 12px; line-height: 30px; vertical-align: middle; } .footer .family_menu:after { content: ""; clear: both; display: block; } .footer .family_menu.on { background: url('../img/sub/bg_design_select.gif') no-repeat 95% center; } .footer .family_menu a { display: inline-block; width: 100%; height: 100%; color: #333; text-align: left; } .footer .family_menu ul { display: none; z-index: 100; overflow-y: auto; position: absolute; bottom: 30px; right: 0px; width: 100%; height: auto; max-height: 205px; background: #fff; border: 1px solid #a2a2a2; } .footer .family_menu li { overflow: hidden; color: #333; text-overflow: ellipsis; white-space: nowrap; } .footer .family_menu li a { display: block; padding: 9px; width: 147px; height: 11px; background-color: #fff; font-size: 12px; line-height: 11px; letter-spacing: -1px; vertical-align: middle; } /* ###################################################################### sub-css ########################################################################## */ .subhead { overflow: hidden; padding: 0; margin: 0; height: 263px; } .subhead:after { content: ""; clear: both; display: block; } .subhead h2 { position: relative; width: auto; font-size: 40px; line-height: 1; text-align: left; color: #fff; font-weight: normal; font-family: 'NotoKr-Regular', sans-serif; margin-bottom: 20px; top: 75px; } .subhead .sub_title { position: relative; font-family: 'NotoKr-Regular', sans-serif; font-size: 16px; display: block; color: #fff; line-height: 1.6em; margin-top: 20px; } .subhead .visual { position: relative; margin: 0 auto; width: 990px; } .subhead .visual .location { position: absolute; top: 20px; right: 0; } .subhead .visual .location:after { content: ""; clear: both; display: block; } .subhead .visual .location li { float: left; margin-left: 5px; font-size: 14px; color: #fff; line-height: 16px; } .subhead .visual .location li:first-child { margin-left: 0; } .subhead .visual .location li a { display: inline-block; margin-right: 5px; background: none; font-size: 14px; color: #fff; letter-spacing: -1px; line-height: 16px; } .subhead .visual .location li span { text-decoration: underline; } .subhead.join { background: #024699 url('../img/sub/sub_join.jpg') no-repeat center top; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sub/sub_join.jpg', sizingMethod='scale'); } .subhead.course { background: #024699 url('../img/sub/sub_course.jpg') no-repeat center top; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sub/sub_join.jpg', sizingMethod='scale'); } .subhead.notice { background: #024699 url('../img/sub/sub_notice.jpg') no-repeat center top; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sub/sub_join.jpg', sizingMethod='scale'); } /*공통*/ #contents { clear: both; width: 910px; border: 1px solid #c3c2c2; background: #fff; padding: 42px 39px 42px 39px; position: relative; } .h30 { height: 30px; } #contents > h3 { font-size: 28px; font-weight: normal; line-height: 1; margin-top: 0; color: #333; margin-bottom: 20px; font-family: 'Nanum Barun Gothic'; } #contents > h3 span { font-size: 16px; font-weight: normal; color: #5f5f5f; } #contents > h3.bdr { border-bottom: 2px solid #286dbb; } #contents > h3 .btn_withdraw { background: #bcbcbc; color: #fff; border: none; height: 25px; padding: 0 15px; margin-top: 13px; font-family: Dotum, sans-serif; } #contents > h4 { font-size: 20px; color: #000; line-height: 1; padding-bottom: 10px; margin-top: 35px; border-bottom: 2px solid #286dbb; margin-bottom: 10px; } #contents h5 { font-size: 16px; margin-top: 20px; margin-bottom: 10px; background: url(../img/sub/dot_content_h5.png) no-repeat left 6px; padding-left: 7px; } #contents .check { margin-top: 3px; } #contents .check span { font-size: 12px; color: #888; font-family: Dotum, sans-serif !important; } .info_table { border-collapse: collapse; width: 100%; border-top: 1px solid #5f5f5f; } .info_table table { width: 100%; } .info_table td, .info_table th { border: 1px solid #cdcdcd; font-size: 12px; padding: 3px 10px; line-height: 1.6em; vertical-align: middle; } .info_table th { font-size: 14px; background: #f0f0f0; text-align: left; color: #5f5f5f; padding: 15px 40px 15px 30px; font-family: 'Nanum Barun Gothic', sans-serif; } .info_table th span { font-weight: bold; font-family: Dotum, sans-serif; display: block; line-height: 1; } #contents .info_table th span.imp { background: url(../img/sub/icon_imp.png) no-repeat right center; } .info_table td { color: #000; padding: 3px; font-family: Dotum !important; vertical-align: middle; } .info_table td * { font-family: Dotum !important; } .info_table td ul { margin: 0; } .info_table td ul li { background: url(../img/sub/dot_info_table.png) no-repeat left 8px; padding-left: 8px; } .info_table td input[type=text], .info_table td input[type=password], .info_table td .ui-selectmenu-button { background: #f9f9f9; height: 32px; line-height: 32px; text-indent: 10px; color: #000; box-sizing: border-box; padding: 0; border: 1px solid #aeaeae; } .info_table td .ui-selectmenu-button span.ui-selectmenu-text { height: 32px; line-height: 32px; border: none !important; box-sizing: border-box; padding: 0; color: #7f7f7f; } .info_table td input[type=text]:focus, .info_table td input[type=password]:focus, .info_table td textarea:focus, .info_table td .ui-selectmenu-button:focus { border-color: #13549e; } .info_table td input[type=text]:disabled, .info_table td input[type=password]:disabled, .info_table td textarea:disabled, .info_table td .ui-selectmenu-button:disabled { background: #ececec; } .info_table td input[type=text], .info_table td textarea { display: inline-block; border: 1px solid #aeaeae; margin: 0; resize: none; } .info_table td input + span { font-size: 11px; color: #888; margin-left: 3px; font-family: Dotum,sans-serif !important; } .info_table td input[type=checkbox] + span, .info_table td input[type=radio] + span { color: #000; } .info_table td textarea { padding: 10px; } .info_table td .btn_search { display: block; width: 19px; height: 19px; border: 1px solid #cdcdcd; border-left: none; background: url(../../images/icon_scope.png) no-repeat center center; } .info_table td .btn_zip, .info_table td .btn_cert { position: relative; background: #f7f7f7; behavior: url(../../common_files/css/PIE.htc); border: 1px solid #b0b0b0; width: 67px; height: 32px; vertical-align: middle; font-size: 12px; color: #737373; padding: 0; font-family: Dotum, sans-serif !important; line-height: 1; } .info_table td .btn_zip:active, .info_table td .btn_cert:active { color: #fff !important; background: #b0b0b0; border-color: #202125; } .info_table td .btn_zip:hover, .info_table td .btn_zip:hover span, .info_table td .btn_cert:hover, .info_table td .btn_cert:hover span { color: #202123; border-color: #212226; } .info_table td .btn_link { display: inline-block; border: 1px solid #a5a5a5; background: #fbfbfb; padding: 5px 8px; line-height: 1; } .info_table td .btn_link span { padding-right: 8px; background: url(../img/sub/arrow_btn_link.png) no-repeat right center; color: #747474; } .info_table td .file_list { } .info_table td .file_list li { background: none; } .info_table td .file_list li > span { background: url(../../images/icon_file.png) no-repeat left center; padding: 3px; padding-left: 15px; line-height: 1; } .info_table td .file_list li .btn_delete { text-indent: -9999px; width: 13px; height: 13px; border: none; background: none; background: url(../../images/icon_file_delete.png) no-repeat center center !important; behavior: inherit !important; padding: 0; } .info_table td .file_list li .btn_delete:after { display: none; } .info_table td p { line-height: 1.8em; } .btn_group { font-size: 0; } .btn_group button { width: 176px; height: 48px; box-sizing: border-box; color: #fff; font-size: 18px; font-family: 'NotoKr-Medium', sans-serif; margin-left: 5px; } .btn_group button:first-child { margin-left: 0; } .btn_group .btn_cancel { border: none; background: #a0adbb; } .btn_group .btn_submit { border: none; background: #286dbb; } .sub_bg { background: #fff5ed; padding-bottom: 117px; } /*공통 E*/ /*게시판*/ #container .board_list { position: relative; margin-top: 0px !important; } #container .board_list .board_top_txt { font-size: 14px; color: #5f5f5f; line-height: 1.8em; } #container .board_list .board_top_txt, #container .board_list .board_top_txt * { font-family: 'Nanum Barun Gothic', sans-serif; } #container .board_list .board_top_txt strong { color: #000; } #container .board_list .board_top_txt li { display: inline-block; width: 370px; background: url(../img/sub/dot_content_h5.png) no-repeat left 9px; padding-left: 7px; } #container .board_list .board_top_txt li strong { font-weight: normal; } #container .board_list .faq_con { position: relative; display: none; width: 100%; } #container .board_list .list { position: relative; border-top: 2px solid #333333; } #container .board_list .list .top_select { position: absolute; right: 0; bottom: 100%; margin-bottom: 10px; font-size: 0; } #container .board_list .list .top_select select { font-size: 12px; height: 27px; text-indent: 10px; color: #7f7f7f; } #container .board_list .list .top_select button { border: none; border-radius: 0; color: #fff; font-size: 12px; background: #bcbcbc; margin-left: 2px; height: 25px; padding: 0 15px; font-family: Dotum, sans-serif; } #container .board_list .list .top_select button.btn_all { background: #888; } #container .board_list .list table { width: 100%; } #container .board_list .list table thead { } #container .board_list .list table thead tr { } #container .board_list .list table thead tr th { font-size: 14px; color: #333333; text-align: center; background: #f7e8dc; padding: 14px 0; border-bottom: 1px solid #aeaeae; } #container .board_list .list table thead tr th span { display: block; width: 100%; line-height: 1em; border-left: 1px solid #d7d7d7; font-family: 'Nanum Barun Gothic', sans-serif; } #container .board_list .list table thead tr th:first-child span { border-left: none; } #container .board_list .list table tbody { } #container .board_list .list table tbody tr { } #container .board_list .list table tbody tr:hover { background: #fff8f2; } #container .board_list .list table tbody tr:hover .bu_red { color: #fa7937; } #container .board_list .list table tbody tr:hover .bu_blue { color: #4da8db; } #container .board_list .list table tbody tr td { text-align: center; border-bottom: 1px solid #d7d7d7; } #container .board_list .list table tbody tr td { color: #383d48; /*padding: 12px 0;*/ font-size: 12px; font-family: Dotum, sans-serif; vertical-align: middle; height: 64px; line-height: 64px; } #container .board_list .list table tbody tr td * { color: #383d48; font-family: Dotum, sans-serif; font-size: 12px; vertical-align: middle; } #container .board_list .list table tbody tr td span { display: inline-block; /*vertical-align:middle;*/ } #container .board_list .list table tbody tr td .btn_cancel { height: 20px; line-height: 1; display: inline-block; background: #90a0bd; border: none; color: #fff; padding: 0 10px; margin-left: 5px; /*vertical-align:middle;*/ } #container .board_list .list table tbody tr td.data_p > p { width: 580px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #container .board_list .list table tbody tr td .btn_subscription { height: 20px; line-height: 1; display: inline-block; background: #5a88de; border: none; color: #fff; padding: 0 10px; margin-left: 5px; } #container .board_list .view { position: relative; border-top: 2px solid #333333; } #container .board_list .view table { width: 100%; } #container .board_list .view table thead { } #container .board_list .view table thead tr { } #container .board_list .view table thead tr th { font-size: 14px; color: #333333; text-align: center; background: #f7e8dc; padding: 14px 0; border-bottom: 1px solid #aeaeae; } #container .board_list .view table thead tr th.ttl { text-align: left; } #container .board_list .view table thead tr th.ttl > span { margin-left: 15px !important; } #container .board_list .view table thead tr th > span { display: block; width: 100%; line-height: 1em; border-left: 1px solid #d7d7d7; font-family: 'Nanum Barun Gothic', sans-serif; } #container .board_list .view table thead tr th:first-child > span { border-left: none; } .hit, .day { font-size: 12px; color: #555; font-family: dotum, sans-serif; margin-left: 10px; font-weight: normal; } #container .board_list .view table tbody tr td { text-align: left; border-bottom: 1px solid #d7d7d7; } #container .board_list .view table tbody tr td { color: #383d48; /*padding: 12px 0;*/ font-size: 12px; font-family: Dotum, sans-serif; vertical-align: middle; height: 33px; line-height: 33px; } #container .board_list .view table tbody tr td * { font-family: Dotum, sans-serif; } #container .board_list .view table tbody tr td.view_detail { padding: 38px 48px 38px 48px; } #container .board_list .view table tbody tr td.view_detail p { font-size: 12px; line-height: 24px; color: #555; min-height: 223px; } #container .board_list .list ul { } #container .board_list .list ul li { font-family: 'Nanum Barun Gothic', sans-serif; background: url(../img/sub/dot_content_h5.png) no-repeat left center; padding-left: 10px; line-height: 1.8em; color: #5f5f5f; } #container .board_list > ul { } #container .board_list > ul li { background: url(../img/sub/dot_content_h5.png) no-repeat left 6.5px; padding-left: 10px; font-family: Dotum, sans-serif; font-size: 12px; line-height: 1.6em; } #container .board_list .paging { position: relative; font-size: 0; } #container .board_list .paging * { position: relative; display: inline-block; } #container .board_list .paging .paging_group { background: #dbdbdb; border: 1px solid #b5b3b4; } #container .board_list .paging .paging_group a { display: inline-block; width: 28px; height: 26px; margin-left: 1px; padding: 0; font-size: 12px; z-index: 1; } #container .board_list .paging .paging_group > a:first-child { margin-left: 0; } #container .board_list .paging a.on { z-index: 8; } #container .board_list .paging a:hover { z-index: 9; } #container .board_list .paging a span { position: relative; width: 28px; height: 26px; line-height: 26px; display: block; background: #fff; color: #8c8c8c; font-family: Tahoma, sans-serif; font-weight: bold; } #container .board_list .paging a.on span, #container .board_list .paging a:hover span { position: absolute; width: 30px; height: 30px; line-height: 30px; border: 1px solid #757575; top: -3px; left: -2px; color: #d71921; } #container .board_list .paging .btn_prev span { background-image: url(../img/sub/arrow_paging_prev_off.png); background-repeat: no-repeat; background-position: center center; } #container .board_list .paging .btn_prev:hover span { background-image: url(../img/sub/arrow_paging_prev_on.png); background-repeat: no-repeat; background-position: center center; } #container .board_list .paging .btn_next span { background-image: url(../img/sub/arrow_paging_next_off.png); background-repeat: no-repeat; background-position: center center; } #container .board_list .paging .btn_next:hover span { background-image: url(../img/sub/arrow_paging_next_on.png); background-repeat: no-repeat; background-position: center center; } /*게시판 E*/ .list_srch { text-align: right; position: absolute; top: 40px; left: 0; } .list_srch input[type=text] { width: 158px; height: 25px; border: 1px solid #aeaeae; border-right: 0px; line-height: 25px; padding-left: 10px; color: #797878; font-size: 12px; } .list_srch button { height: 27px; line-height: 1; display: inline-block; background: #d71921; border: none; color: #fff; padding: 0 15px; vertical-align: middle; font-size: 12px; line-height: 27px; } .bu_red { background: url(../img/sub/bu_red.png) no-repeat left center; padding-left: 20px; height: 15px; display: block; width: 24px; margin: 0 auto; line-height: 15px; } .bu_blue { background: url(../img/sub/bu_blue.png) no-repeat left center; padding-left: 20px; height: 15px; display: block; width: 24px; margin: 0 auto; line-height: 15px; } .faq > div { margin: 28px 28px 28px 0; } .faq > div > p { text-align: left; line-height: 23px; } .file_ttl { float: left; width: 65px; } .view_file { margin-left: 10px; float: left; } .view_file > li { background: url(../img/sub/bu_file.gif) no-repeat left 10px; font-size: 11px; padding-left: 15px; height: 24px; } .view_file > li > a { color: #888; text-decoration: underline; } .view_file > li:hover > a, .view_file > li > a:hover { color: #888; } .btn_list { background: #a1a1a1; color: #fff; border: none; height: 38px; padding: 0 25px; margin-top: 10px; font-family: "Nanum Barun Gothic"; font-size: 16px; float: right; } .sitemap_div { width: 100%; font-family: "Nanum Barun Gothic"; overflow: hidden; } /* 변동사함 */ /*.sitemap_div > dl { float: left; width: 16.6%; height: 675px; background: #fff; }*/ .sitemap_div > dl { float: left; width: 16.05%; height: 750px; background: #fff; } .sitemap_div > dl:first-of-type {width: 194px;} .sitemap_div > dl.bg02 { background: #fefbf8; } .sitemap_div > dl > dt { padding-left: 30px; color: #d71921; font-size: 20px; padding-bottom: 30px; padding-top: 65px; } .sitemap_div > dl > dt > a { color: #d71921; } .sitemap_div > dl > dd { margin-left: 30px; margin-bottom: 30px; } .sitemap_div > dl > dd > a { color: #333; } .sitemap_div > dl > dd > a:hover { color: #d71921; } .sitemap_div > dl > dd > ul { margin-top: 10px; } .sitemap_div > dl > dd > ul > li { background: url(../img/sub/bu_sitemap_hover.gif) no-repeat left center; padding-left: 10px; font-size: 12px; } .sitemap_div > dl > dd > ul > li > a { color: #333; display: block; margin-bottom: 10px; } .sitemap_div > dl > dd > ul > li:hover { background: url(../img/sub/bu_sitemap.gif) no-repeat left center; } .sitemap_div > dl > dd > ul > li:hover > a { color: #d71921; text-decoration: underline; } .ci_h3 { border-bottom: 2px solid #d71919;; margin-bottom: 60px; } .ci_h3 > h3 { float: left; color: #d71919; font-size: 36px !important; margin-bottom: 10px !important; } .ci_h3 > ul { float: right; margin-top: 10px; } .ci_h3 > ul > li { float: left; } .ci_content > dt { background: url(../img/sub/bu_ci.gif) no-repeat left 0px; margin-bottom: 30px; padding-left: 18px; color: #333; font-size: 20px; font-family: "Nanum Barun Gothic"; } .ci_content > dd { margin-left: 0px; margin-bottom: 69px; } .c_link { background: url(../img/sub/c_link_off.gif) no-repeat left 1px; padding-left: 10px; font-size: 11px; color: #555; font-family: "dotum"; } .c_link:hover { background: url(../img/sub/c_link_on.gif) no-repeat left 1px; padding-left: 10px; font-size: 11px; color: #d71921 !important; font-family: "dotum"; text-decoration: underline; } /* top banner */ .privacy_wrap { width: 100%; border-top: 2px solid #d71921; } .privacy_wrap table tbody tr td { vertical-align: top; padding-top: 28px; padding-bottom: 28px; padding-left: 20px; border-bottom: 1px solid #dbdbdb; } .privacy_wrap table tbody tr td.col01 { color: #555; font-weight: bold; font-size: 22px; } .privacy_wrap table tbody tr td.col02 { color: #333; font-size: 16px; background: #f4f4f4; line-height: 16px; } .privacy_wrap table tbody tr td.col03 { color: #555; line-height: 22px; font-size: 13px; } .privacy_wrap table tbody tr td .more li { margin-bottom: 20px; word-break: keep-all; } .privacy_wrap table tbody tr td .more > p { margin-bottom: 20px; word-break: keep-all; } .privacy_wrap table tbody tr td .more .blk { display: block; padding-left: 9px; } .privacy_wrap .blt_list { padding-top: 10px; margin-left: 5px; } .privacy_wrap .blt_list li { padding-left: 10px; margin: 0 !important; text-indent: -10px; } .privacy_wrap .num_step01 li { padding-left: 10px; margin-bottom: 10px; text-indent: -13px; } .privacy_wrap .num_step02 { margin-left: 5px; padding-top: 10px; } .privacy_wrap .num_step02 li { margin-bottom: 10px; } .privacy_wrap .num_step03 { margin-left: 5px; padding: 10px 0 0; } .privacy_wrap .num_step03 li { margin: 0 !important; } .privacy_wrap .num_step04 { padding: 0; margin: 0 !important; } .privacy_wrap .num_step04 li { margin: 0 !important; } .privacy_wrap .num_step05 { padding: 0; } .privacy_wrap .num_step05 li { margin: 0 !important; padding: 0; text-indent: 0; } .privacy_p01 { color: #d71921; font-size: 18px; line-height: 28px; margin-bottom: 30px; margin-top: 10px; } .privacy_p02 { color: #555555; font-size: 15px; line-height: 28px; margin-bottom: 56px; } .privacy_p03 { color: #555555; font-size: 15px; line-height: 28px; margin-bottom: 15px; } /* -3 legal (법적고지) */ .legal { padding: 60px 0 160px; } .legal .stit_basic01 { font-size: 16px; color: #555555; line-height: 28px; } .legal .stit_basic01 span { color: #d71921; } .legal .boxlist3:after { content: ""; clear: both; display: block; } .legal .boxlist3 li { overflow: hidden; float: left; width: 283px; padding: 30px 0 0; margin-left: 30px; border-top: 2px solid #d71921; border-bottom: 1px solid #555555; } .legal .boxlist3 li.bb_none { border-bottom: none !important; } .legal .boxlist3 li:first-child { margin-left: 0; } .legal .boxlist3 li .tit { margin-bottom: 30px; height: 18px; font-size: 18px; color: #333333; line-height: 28px; } .legal .boxlist3 li .cont { height: 335px; font-size: 12px; color: #555555; line-height: 22px; letter-spacing: -0.5px; } .cooperation_list > ul > li { margin-right: 21px; margin-bottom: 13px; float: left; width: 313px; height: 172px; background: #fff; border: 1px solid #e0e0e0; position: relative; } .cooperation_list > ul > li > .link { position: absolute; top: 23px; left: 255px; width: 35px; height: 35px; background: url(../img/sub/bu_address_off.gif) no-repeat; } .cooperation_list > ul > li > .link:hover { background: url(../img/sub/bu_address_ov.gif) no-repeat; } .cooperation_list > ul > li > p { position: absolute; top: 29px; left: 30px; color: #000; font-size: 22px; } .cooperation_list > ul > li > ul { position: absolute; top: 80px; left: 30px; } .cooperation_list > ul > li > ul > li { margin-bottom: 15px; background: url(../img/sub/bu_tel.gif) left top no-repeat; padding-left: 23px; color: #000; font-size: 12px; line-height: 19px; } .cooperation_list > ul > li > ul > li.address { background: url(../img/sub/bu_address.gif) left top no-repeat; } .cooperation_list > ul > li.mr0 { margin-right: 0; } /* 추가 */ .bg_none_container { width: 990px; margin: 0 auto; } .h4_ttl { font-family: "NanumBarunGothic"; width: 100%; color: #d71919; font-size: 40px; padding-bottom: 18px; border-bottom: 2px solid #d71919; line-height: 40px; margin-bottom: 30px; } .new_cooperation_tab li { float: left; width: 150px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; margin-right: 2px; text-align: center; } .new_cooperation_tab li a { color: #fff; display: block; background: #bebebe; } .new_cooperation_tab li .focusTarget, .new_cooperation_tab li a:hover { background: #d71919; } .new_coo_ttl { font-size: 40px; color: #d71919; margin-bottom: 17px; } .new_coo_div { background: #fff; border-top: 2px solid #d71919; padding: 45px 40px 15px 40px; margin-bottom: 60px; } .new_coo_div > ul > li { margin-bottom: 30px; } .new_coo_div > ul > li > div { float: left; } .new_coo_div > ul > li > div.col01 { width: 210px; } .new_coo_div > ul > li > div.col01 > p { font-size: 16px; color: #666; } .new_coo_div > ul > li > div.col01 > .link { margin-top: 10px; display: block; width: 29px; height: 29px; background: url(../img/sub/bu_address_off.gif) no-repeat; } .new_coo_div > ul > li > div.col01 > .link:hover { background: url(../img/sub/bu_address_ov.gif) no-repeat; } .new_coo_div > ul > li > div.col02 > ul > li { background: url(../img/sub/bu_tel.gif) left top no-repeat; padding-left: 23px; color: #000; font-size: 12px; line-height: 19px; } .new_coo_div > ul > li > div.col02 > ul > li.address { margin-bottom: 15px; background: url(../img/sub/bu_address.gif) left top no-repeat; } .new_coo_div > ul > li > div.col02 > ul > li.tel { float: left; width: 159px; } .new_coo_div > ul > li > div.col02 > ul > li.info { float: left; background: url(../img/sub/bu_info.gif) left top no-repeat; padding-left: 45px; } .new_coo_div > ul > li > div.col03 > ul > li { float: left; background: url(../img/sub/bu_tel.gif) left top no-repeat; padding-left: 23px; color: #000; font-size: 12px; line-height: 19px; } .new_coo_div > ul > li > div.col03 > ul > li.tel { float: left; width: 159px; } .new_coo_div > ul > li > div.col03 > ul > li.address { background: url(../img/sub/bu_address.gif) left top no-repeat; } .new_container { padding: 0 !important; background: none !important; border: 0px !important; width: 990px !important; } .wrap_m40 { margin: 0 40px 0 40px !important; } .mt50 { margin-top: 50px !important; } .btn_down_new { width: 91px; height: 32px; overflow: hidden; display: block; background: url(../img/sub/btn_down_new.png) no-repeat; margin: 5px auto 5px auto; } .btn_down_new:hover {; background: url(../img/sub/btn_down_new.png) left -32px no-repeat; } .ci_down_bu { color: #535353; margin-right: 10px; font-size: 12px; line-height: 32px; float: left; margin-top: 7px; } .btn_down_new02 { width: 91px; height: 32px; overflow: hidden; float: left; background: url(../img/sub/btn_down_new02.png) no-repeat; margin: 5px auto 5px auto; } .btn_down_new02:hover {; background: url(../img/sub/btn_down_new02.png) left -32px no-repeat; } .bu_faq > div { width: 17px; height: 17px; overflow: hidden; background: url(../img/sub/faq_bu.png) no-repeat; margin: 0 auto; } .question td { height: 60px !important; font-size: 14px !important; font-family: "Nanum Barun Gothic", Dotum, 돋움, sans-serif !important; cursor: pointer; } .question.off .bu_faq > div { width: 17px; height: 17px; overflow: hidden; } .question.on .bu_faq > div, .question:hover .bu_faq > div { width: 17px; height: 17px; overflow: hidden; background-position: 0 -17px; } .question.on .color_red { color: #d71921 !important; } .faq_table .list table tbody tr:hover { background: none !important; } /*model slide*/ .slide_ttl { border-top: 2px solid #333333; font-size: 14px; color: #333333; text-align: center; background: #f7e8dc; height: 42px; line-height: 42px; border-bottom: 1px solid #aeaeae; } .model_slide { width: 988px; height: auto; } .model_slide .slide_big { position: relative; width: 988px; height: 476px; margin-bottom: 15px; } .model_slide .slide_big > div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .model_slide .slide_big > div object { width: 100% !important; height: 100% !important; } .model_slide .slide_big > div img { width: 100%; height: 100%; } .model_slide .slide_big > div iframe { position: relative; width: 100%; height: 100%; } .model_slide .slide_big .front { z-index: 2; } .model_slide .slide_big .back { z-index: 1; } .model_slide .slide_thumbs { } .model_slide .slide_thumbs .thumbs_list { position: relative; width: 794px; height: 118px; overflow: hidden; margin: 0 auto; } .model_slide .slide_thumbs .thumbs_list ul { position: absolute; width: auto; top: 0; left: 0; } .model_slide .slide_thumbs .thumbs_list ul:after { content: ''; clear: both; display: block; } .model_slide .slide_thumbs .thumbs_list .thumb { width: 178px; height: 118px; } .model_slide .slide_thumbs .thumbs_list .thumb { float: left; margin: 0 10px 0 10px !important; } .model_slide .slide_thumbs .thumbs_list .thumb a { position: relative; display: block; width: 100%; height: 100%; } /*.model_slide .slide_thumbs .thumbs_list .thumb.on a:after,*/ .model_slide .slide_thumbs .thumbs_list .thumb a .hover { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; box-sizing: border-box; border: 3px solid #e60013; } .model_slide .slide_thumbs .thumbs_list .thumb a img { width: 100%; height: 100%; } .model_slide .slide_thumbs .paging { position: absolute; right: 0; bottom: 0; height: 120px; text-align: center; } .model_slide .slide_thumbs .paging * { color: #fff; line-height: 120px; vertical-align: middle; } .paging .btn_prev { position: absolute; top: 0px; left: -988px; } .paging .btn_next { position: absolute; top: 0px; right: 0px; } #jp_container_1 { position: absolute; width: 100%; height: auto; bottom: 0; background: #000; } #jp_container_1 { color: #fff; font-size: 9px; width: 100%; height: 30px; } #jp_container_1:after { content: ''; clear: both; display: block; } #jp_container_1 button { width: 30px; height: 30px; text-indent: -9999px; background-position: center center; background-repeat: no-repeat; background-color: transparent; border: none; cursor: pointer; } #jp_container_1 .jp-gui { width: 100%; } #jp_container_1 .jp-gui > div { position: relative; width: auto; float: left; } #jp_container_1 .jp-gui > .jp-interface:after { content: ''; display: block; clear: both; } #jp_container_1 .jp-gui > .jp-interface > * { float: left; } #jp_container_1 .jp-gui > .jp-interface span { margin-top: 7px; font-size: 9px; font-family: Arial, sans-serif; } #jp_container_1 span { color: #fff; } #jp_container_1 .jp-gui > .jp-interface .jp-current-time { padding-left: 10px; } #jp_container_1 .jp-progress { position: relative; background-color: #666666; width: 520px; margin-top: 13.5px; height: 3px; overflow: hidden; cursor: pointer; } #jp_container_1 .jp-progress .jp-seek-bar { background: #fff; } #jp_container_1 .jp-progress .jp-seek-bar .jp-play-bar { width: 3px; height: 8px; background-color: #e60013; } #jp_container_1 .jp-volume-bar { background: #666666; width: 80px; margin-top: 13.5px; height: 3px; overflow: hidden; cursor: pointer; } #jp_container_1 .jp-volume-bar .jp-volume-bar-value { width: 3px; height: 8px; background-color: #fff; } #jp_container_1 .jp-controls-holder { } #jp_container_1 .jp-controls-holder > * { float: left; } #jp_container_1 .jp-volume-controls { } #jp_container_1 .jp-volume-controls > * { float: left; } #jp_container_1 .jp-volume-controls .jp-mute { margin-left: 10px; } #jp_container_1 .jp-controls .jp-play { background-image: url(/web/images/icon_jplayer_play.png); } #jp_container_1 .jp-controls .jp-pause { background-image: url(/web/images/icon_jplayer_pause.png); } #jp_container_1 .jp-controls .jp-stop { background-image: url(/web/images/icon_jplayer_stop.png); } #jp_container_1 .jp-mute { background-image: url(/web/images/icon_jplayer_mute.png); } #jp_container_1.jp-state-muted .jp-mute { background-image: url(/web/images/icon_jplayer_mute_on.png); } #jp_container_1 .jp-full-screen { background-image: url(/web/images/icon_jplayer_full.png); } .stat_slide { width: 988px; height: auto; } .stat_slide .slide_big { position: relative; width: 988px; height: 507px; margin-bottom: 15px; } .stat_slide .slide_big > div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid #ddd; } .stat_slide .slide_big > div object { width: 100% !important; height: 100% !important; } .stat_slide .slide_big > div img { width: 100%; height: 100%; } .stat_slide .slide_big > div iframe { position: relative; width: 100%; height: 100%; } .stat_slide .slide_big .front { z-index: 2; } .stat_slide .slide_big .back { z-index: 1; } .stat_slide .slide_thumbs { } .stat_slide .slide_thumbs .thumbs_list { position: relative; overflow: hidden; } .stat_slide .slide_thumbs .thumbs_list ul { position: relative; width: auto; top: 0; left: 0; } .stat_slide .slide_thumbs .thumbs_list ul:after { content: ''; clear: both; display: block; } .stat_slide .slide_thumbs .thumbs_list .thumb { width: 112px; height: 76px; border: 1px solid #ddd; } .stat_slide .slide_thumbs .thumbs_list .thumb { float: left; margin-left: 10px; } .stat_slide .slide_thumbs .thumbs_list .thumb:first-child { margin-left: 0; } .stat_slide .slide_thumbs .thumbs_list .thumb a { position: relative; display: block; width: 100%; height: 100%; } /*.stat_slide .slide_thumbs .thumbs_list .thumb.on a:after,*/ .stat_slide .slide_thumbs .thumbs_list .thumb a .hover { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; box-sizing: border-box; border: 3px solid #e60013; } .stat_slide .slide_thumbs .thumbs_list .thumb a img { width: 100%; height: 100%; } /*model slide E*/ /*recruit*/ .recruitContent { position: relative; width: 990px; margin: 0 auto; font-family: "Nanum Barun Gothic"; } .recruitContent > h3 { font-size: 40px; color: #d71919; font-weight: normal; border-bottom: 1px solid #d71919; letter-spacing: -0.05em; padding-bottom: 15px; margin-bottom: 20px; font-family: NotoKr, sans-serif; } .recruitContent > div { padding: 30px 40px; } .recruitContent h4 { padding-left: 15px; background: url(../img/sub/dot_recruit_h4.gif) no-repeat left top; color: #333333; font-size: 20px; font-weight: normal; margin-bottom: 20px; } .recruitContent h4 span { color: #8c8c8c; font-size: 14px; font-weight: normal; padding-left: 5px; } .recruitContent .talent { margin-bottom: 70px; } .recruitContent .talent ul { *zoom: 1; } .recruitContent .talent ul:after { content: ''; clear: both; display: block; } .recruitContent .talent ul li { float: left; width: 33.3333%; text-align: center; } .recruitContent .talent ul li img { margin-bottom: 20px; } .recruitContent .talent ul li h5 { font-size: 20px; color: #333; margin-bottom: 20px; } .recruitContent .talent ul li p { font-size: 14px; color: #333; } .recruitContent .positionSystem { margin-bottom: 70px; text-align: center; } .recruitContent .salary { margin-bottom: 70px; } .recruitContent .salary ul { *zoom: 1; } .recruitContent .salary ul:after { content: ''; clear: both; display: block; } .recruitContent .salary li { float: left; padding:10px 0;width:440px;margin-left:30px;} .recruitContent .salary li:first-child { margin-left:0;} .recruitContent .salary li h5 { margin-left:110px;font-size:17px;color:#333;} .recruitContent .salary li p { margin-left:110px;font-size:14px;color:#333;line-height:23px;} .recruitContent .salary li.item1 { background:url(../img/sub/img_salary1.png) no-repeat left center;} .recruitContent .salary li.item2 { background:url(../img/sub/img_salary2.png) no-repeat left center;} .recruitContent .benefits { margin-bottom: 70px; } .recruitContent .benefits ul { *zoom: 1; } .recruitContent .benefits ul:after { content: ''; clear: both; display: block; } .recruitContent .benefits li { float: left; width: 440px; margin-bottom: 50px; } .recruitContent .benefits li.odd { margin-left: 30px; } .recruitContent .benefits li h5 { color: #fff; background: #aca79f; height: 28px; line-height: 28px; text-indent: 15px; } .recruitContent .benefits li p { padding: 20px 15px; font-size: 14px; color: #808080; line-height: 23px; } .recruitContent .benefits li p strong { color: #333; } /*recruit E*/