@charset "UTF-8"; @import "board.css"; /* ================================================================================================= */ /* 작성자 : 박병곤 */ /* 작성일 : 2014. 08. 28 */ /* layout : ly_아이디 및 클래스 명 " 을 적는다 : 예) ly_wrapper */ /* 합성어일 경우에는 중간 합성의 첫자를 대문자로 적는다 : 예) ly_visualBg_main */ /* 독립된 ID 및 class 안에 부분적으로 쓰이는 css가 있으면 " in_아이디 및 클래스 명" 을 쓴다 : 예) in_btn */ /* ================================================================================================= */ /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ @font-face { font-family: "NanumGothic"; src: url('../../font/NanumGothic.eot'); src: local(※), url('../../font/NanumGothic.woff') format('woff'); } @font-face { font-family: "NanumBrush"; src: url('../../font/NanumBrush.eot'); src: local(※), url('../../font/NanumBrush.woff') format('woff'); } @font-face { font-family: "NanumGothicBoldCompact"; /*src: url('../../font/NanumGothicBoldCompact.eot');*/ src: local(※), url('../../font/NanumGothicBoldCompact.woff') format('woff'); } @font-face { font-family: "NanumPen"; src: url('../../font/NanumPen.eot'); src: local(※), url('../../font/NanumPen.woff') format('woff') ; } @font-face { font-family: "NanumMyeongjo"; src: url('../../font/NanumMyeongjo.eot'); src: local(※), url('../../font/NanumMyeongjo.woff') format('woff'); } /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ /* ===태그 초기화=== */ /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px; padding:0px; border:0px; vertical-align: baseline;} /* vertical-align: baseline; outline: 0; ie 외 브라우저 포커싱 사라지는 문제로 제거 */ html {height: 100%; overflow: auto; font-size:0.75em;} body {height: 100%; font-size:1.05em; color:#4b4b4b; word-wrap: break-word; font-family:NanumGothic,"Malgun Gothic",dotum,gulim,verdana,arial,sans-serif; } ol, ul, li {list-style: none;} blockquote, q {quotes: none;} h1,h2,h3,h4,h5,h6 {font-size:100%;} table {border-collapse:collapse; border-spacing:0px;} /* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */ address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;} textarea {border:1px solid #c8c8c8; background-color: #fff; font-size: 1em; font-family:dotum,gulim; padding: 6px 8px;} input {border: 1px solid #c8c8c8; background-color: #fff; color: #292929; font-size: 1em; font-family:dotum,gulim; padding: 1px 8px 0; height: 21px; vertical-align: middle;} select {border: 1px solid #c8c8c8; background-color: #fff; color: #292929; font-size: 1em; font-family:dotum,gulim; padding: 2px; height: 24px; vertical-align: middle;} hr {display: none;} legend,caption {font-size:0; height:0; line-height: 0; overflow:hidden; position:absolute; visibility:hidden; width:0;} q:before,q:after {content: ''; content: none;} /*.accessibility{visibility:hidden; overflow:hidden; width:0; height:0; font-size: 0; line-height: 0;} 사파리, 크롬 인식 못하는 버그때문에 꼭 쓰야함 */ /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ /* ===레이아웃== */ /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ #ly_wrapper {position: relative; margin: 0; padding: 0; height: 100%; width: 100%; min-width: 1024px; background-color: #f4f6f9;} #ly_lypopup {position: relative; top: 0; width: 100%; height: auto; background:#f4f6f8 url('../../images/common/bg_transparency_15.png') center bottom repeat-x; z-index: 110;} #ly_header {position: relative; top: 0; width: 100%; height: auto; overflow: hidden; background:#fff url('../../images/common/bg_transparency_15.png') center 40px repeat-x; z-index: 100;} #ly_container {position: relative; width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #e1e1e1; background-color: #fff;} #ly_subVisual {position: relative; left: 0; width: 100%; height: auto; overflow: hidden; background-color: #09305c;} #ly_content_zone {position: relative; z-index: 100; width: 980px; height: auto; overflow: hidden; margin: 0 auto;} #ly_subMenuAll {position: relative; width: 100%; background:#eeeeee url('../../images/common/bg_transparency_15.png') center bottom repeat-x; z-index: 10;} #ly_contents {width: 100%; height: auto; overflow: hidden; padding-bottom: 70px; border-right: 0px solid #e9e9e9; } #ly_content_area {position: relative; height: auto; overflow: hidden;} #ly_foot {position: relative; width: 100%; height: auto; overflow: hidden; min-height: 80px; background-color: #f4f6f9;} #ly_foot.in_T01 {background-color: #fff;} /* 메인레이아웃 */ #ly_contents_main {position: relative; width: 100%; height: auto; overflow: hidden; background-color: #fff;} /* 팝업 레이아웃 */ #ly_popup {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background:transparent url('../../images/common/bg_transparency_60.png') center top repeat; z-index: 1000;} #ly_popup_eth {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background:transparent url('../../images/common/bg_transparency_60.png') center top repeat; z-index: 1000;} #ly_popup_com {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background:transparent url('../../images/common/bg_transparency_60.png') center top repeat; z-index: 1000;} #ly_popup_contactUs {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background:transparent url('../../images/common/bg_transparency_60.png') center top repeat; z-index: 1000;} #gl_lypopup_div {display: none;} /* Sub상단 비쥬얼 소스 : 임시용 */ #sub_visual_01 {position: relative; width: 100%; height: auto; overflow: hidden;} #sub_visual_02 {position: relative; width: 100%; height: auto; overflow: hidden;} #sub_visual_03 {position: relative; width: 100%; height: auto; overflow: hidden;} #sub_visual_04 {position: relative; width: 100%; height: auto; overflow: hidden;} #sub_visual_05 {position: relative; width: 100%; height: auto; overflow: hidden;} #sub_visual_06 {position: relative; width: 100%; height: auto; overflow: hidden;} /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ /* ===공통 소스== */ /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ .gl_none{display:none!important;} .gl_hidden{font-size:0; height:0; overflow:hidden; position:absolute; visibility:hidden; width:0;} .gl_displayBlock{display: block!important;} .gl_bgImgNone{background-image:none!important;} /* Font 관련 */ .gl_fontBold {font-weight: bold;} .gl_fontBold_n {font-weight: normal;} .gl_letterSpacing {letter-spacing: -1px;} /* Font 색상 */ .gl_fontColor_01 {color: #ee1c23;}/* 성동CI 색 */ .gl_fontColor_02 {color: #f7941d;}/* 성동CI 색 */ .gl_fontColor_03 {color: #ea060d;}/* 성동CI 색 : RED */ .gl_fontColor_black {color: #000;}/* 성동CI 색 : RED */ /* Font 종류 */ .gl_fontFamily_01 {font-family:Arial, Helvetica, sans-serif;} /* Font 사이즈 */ .gl_fontSize_01 {font-size: 1.8em; font-weight: bold; color: #292929;} /* Align(정렬) */ .gl_Align_L {text-align: left!important;} .gl_Align_C {text-align: center!important;} .gl_Align_R {text-align: right!important;} /* float 관련 */ .gl_clear {clear: both!important;} .gl_float_L {float: left!important;} .gl_float_R {float: right!important;} .gl_float_none {float: none!important;} /* border 관련 */ .gl_borderNone {border: 0!important;} .gl_borderNone_T {border-top: 0!important;} .gl_borderNone_L {border-left: 0!important;} .gl_borderNone_R {border-right: 0!important;} .gl_borderNone_B {border-bottom: 0!important;} /* margin 관련 */ .gl_marginNone_T {margin-top: 0px!important;} .gl_marginNone_L {margin-left: 0px!important;} .gl_marginNone_B {margin-bottom: 0px!important;} .gl_marginNone_R {margin-right: 0px!important;} .gl_margin_T_5px {margin-top: 5px;} .gl_margin_T_10px {margin-top: 10px;} .gl_margin_B_5px {margin-bottom: 5px;} .gl_margin_B_10px {margin-bottom: 10px!important;} .gl_margin_B_15px {margin-bottom: 15px!important;} .gl_margin_B_20px {margin-bottom: 20px!important;} .gl_margin_B_30px {margin-bottom: 30px!important;} .gl_margin_B_40px {margin-bottom: 40px!important;} .gl_margin_B_45px {margin-bottom: 45px;} .gl_margin_B_50px {margin-bottom: 50px;} .gl_margin_B_60px {margin-bottom: 60px!important;} .gl_margin_B_70px {margin-bottom: 70px;} .gl_margin_B_80px {margin-bottom: 80px;} .gl_margin_L_10px {margin-left: 10px;} .gl_margin_L_15px {margin-left: 15px;} .gl_margin_L_20px {margin-left: 20px;} .gl_margin_L_25px {margin-left: 25px;} .gl_margin_L_30px {margin-left: 30px;} .gl_margin_L_40px {margin-left: 40px;} .gl_margin_L_50px {margin-left: 50px;} .gl_margin_R_10px {margin-right: 10px;} .gl_margin_R_20px {margin-right: 20px;} .gl_margin_R_30px {margin-right: 30px;} .gl_margin_R_40px {margin-right: 40px;} .gl_margin_R_50px {margin-right: 50px;} /* padding 관련 */ .gl_paddingNone_T {padding-top: 0px!important;} .gl_paddingNone_L {padding-left: 0px!important;} .gl_paddingNone_B {padding-bottom: 0px!important;} .gl_paddingNone_R {padding-right: 0px!important;} .gl_padding_B_10px {padding-bottom: 10px;} .gl_padding_L_10px {padding-left: 10px;} .gl_padding_L_20px {padding-left: 20px;} /* 링크 : A태그의 가상클래스 정의시 아래의 순서를 지킬 것.(link,visited,hover,active) */ a:link, a:visited, a:active {color: #4b4b4b; text-decoration: none;} a:hover, a:focus {color: #ee1c23;} /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ /* 고정콘텐츠 공통 : Top메뉴, Left메뉴, foot */ /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ /* 위치 바로가기 */ .gl_accessibility {position: relative; top: -2px; width: 100%; height: auto; overflow: hidden; z-index: 30; background-color: #f8f8f8;} .gl_accessibility a {display: block !important; height: 0; width: 0; overflow:hidden; text-align:center; font-size: .9em; text-decoration:underline;} .gl_accessibility a:hover, .gl_accessibility a:focus, .gl_accessibility a:active {height: auto; width: auto; padding: 7px 20px; color:#000;} /* 로고, 기타메뉴 */ .gl_head {position: relative; width: 980px; height: 94px; margin: 0 auto; z-index: 20;} .gl_head > h1 {position: absolute; top: 8px; left: 0;} .gl_head > h1 > a {padding: 0;} .gl_mcomb {position: absolute; top: 8px; right: 0;} .gl_mcomb > li {display: block; float: left; border: 0px solid red;} .gl_mcomb > li > a {display: block; padding: 7px 0 7px 10px; margin-left: 8px; line-height:1em; background:transparent url('../../images/common/bg_dot_mcomb.jpg') left center no-repeat; font-size: .93em; font-family:arial, sans-serif;} .gl_mcomb > li > a:hover {color: #ee1c23;} .gl_mcomb > li > a:focus {color: #ee1c23;} .gl_mcomb > li > a > img {position: relative; top: 0; margin-left: 6px;} .gl_mcomb > li > a.in_imgKorean {background:transparent url('../../images/common/bg_icon_Korean.png') 5px 8px no-repeat; padding-left: 25px;} .gl_mcomb > li > a.in_imgEnglish {background:transparent url('../../images/common/bg_icon_English.png') 5px 8px no-repeat; padding-left: 25px;} .gl_mcomb > li > a.in_imgJapan {background:transparent url('../../images/common/bg_icon_Japan.png') 5px 8px no-repeat; padding-left: 25px;} .gl_mcomb > li > a.in_imgChina {background:transparent url('../../images/common/bg_icon_China.png') 5px 8px no-repeat; padding-left: 25px;} .gl_mcomb_v1 {position: absolute; top: 8px; right: 0;} .gl_mcomb_v1 > li {display: block; float: left; border: 0px solid red;} .gl_mcomb_v1 > li > a {display: block; padding-bottom: 7px; line-height:1em; font-size: .93em; font-family:arial, sans-serif;} .gl_mcomb_v1 > li > a:hover {color: #ee1c23;} .gl_mcomb_v1 > li > a:focus {color: #ee1c23;} .gl_mcomb_v1 > li > a > img {position: relative; top: 0; margin-left: 2px;} /* select */ .gl_select1_01 {width: 90px; margin-right: 3px;} /* input */ .gl_input_file {border: none; padding: 0; height: 22px;} .gl_input_btn {border: none; padding: 0; height: 24px;} .gl_input_01 {position: relative; top: 0; left: 0; width: 140px;} .input_bgColor_01 {background-color: #eceeef;} .input_width01 {width: 88%;} /* 상단메뉴 비쥬얼 배경 */ .gl_head_menuBg {position: absolute; top: 0; left: 0; width: 100%; height: 91px;} /* 상단메뉴 1차 */ .gl_1depth {position: absolute; height: auto; overflow: hidden; top: 48px; right: 1px;} .gl_1depth > li {position: relative; float: left; width: 163px;} .gl_1depth > li > a {display: block; padding-top: 11px; padding-bottom: 15px; text-align: center; font-size: 1.3em; line-height:1.25em; font-weight: bold; letter-spacing: -1px; color: #292929; } .gl_1depth > li > a:hover {color: #ee1c23;} .gl_1depth > li > a:focus {color: #ee1c23;} .gl_1depth > li > a.select {color: #ee1c23;} .gl_1depth > li > a > img {position: relative; margin-left: 6px;} /* 상단메뉴 2차 */ .gl_2depth_top {position: relative; height: 183px; padding-top: 10px; border-left: 1px solid #e1e1e1;} .gl_2depth_top.in_line_R {border-right: 1px solid #e1e1e1;} .gl_2depth_top > li {vertical-align: top;} .gl_2depth_top > li > a {display: block; padding: 6px 5px 5px 11px; border-bottom: 0; text-align: left; line-height: 1.2em; color: #000; font-weight: normal; background-image: none; margin-bottom: 0; letter-spacing: normal; border-top: 1px solid #f4f6f9; border-bottom: 1px solid #f4f6f9;} .gl_2depth_top > li > a:hover {color: #fff; background-color: #3d41ab; border-top: 1px solid #2e3192; border-bottom: 1px solid #2e3192;} .gl_2depth_top > li > a:focus {color: #fff; background-color: #3d41ab; border-top: 1px solid #2e3192; border-bottom: 1px solid #2e3192;} .gl_2depth_top > li > a > span {display: block; font-size: 0.5em; line-height:0.5em; font-weight: normal;} .gl_2depth_top > li > a > img {position: relative; margin-left: 6px; top: 2px;} /* 상단메뉴 3차 */ .gl_3depth_top {margin: 0 0 10px 13px; height: auto; overflow: hidden;} .gl_3depth_top > li {width: 100%; } .gl_3depth_top > li > a {display: block; height: auto; overflow: hidden; padding: 6px 5px 6px 10px; line-height: 1.15em; border-bottom: 0 dashed #e9e9e9; background:transparent url('../../images/common/bg_transparency_2px_50.png') left 12px no-repeat;} .gl_3depth_top > li > a:hover {text-decoration: underline; } .gl_3depth_top > li > a:focus {text-decoration: underline; } .gl_3depth_top > li > a > img {position: relative; margin-left: 6px; top: 2px;} /* Left메뉴 2차 : 배경색 밝은거 */ .gl_2depth_all {position: relative; margin: 0 auto; width: 980px; height: auto; overflow: hidden;} .gl_2depth_title {font-size: 1.8em; line-height: 1.2em; color: #262a32; font-weight: bold; text-align: center; height: 52px; padding: 32px 5px 0 0;} .gl_2depth {text-align: center;} .gl_2depth > a {display: inline-block; width: 16.5%; font-weight: bold; padding: 8px 0 6px 0; font-size: 1.15em; color: #292929; line-height: 1.3em; border: 1px solid #cbcbcb; border-top: none; border-left: none;} .gl_2depth > a.in_lineL {border-left: 1px solid #cbcbcb;} .gl_2depth > a:hover {color: #ee1c23; background-color: #fff;} .gl_2depth > a:focus {color: #ee1c23; background-color: #fff;} .gl_2depth > a.select {color: #fff; background-color: #3d41ab; border: 1px solid #2e3192; border-top: none; font-weight: bold;} .gl_2depth > a > img {position: relative; margin-left: 6px; top: 2px;} /* Left메뉴 2차 .gl_2depth_all {height: auto; overflow: hidden; background-color: #363e48; margin-bottom: 20px;} .gl_2depth_title {font-size: 1.8em; line-height: 1.2em; color: #fff; font-weight: bold; text-align: center; height: 52px; padding: 32px 5px 0 0; border-top: 1px solid #454f5c; border-bottom: 1px solid #1d2025;} .gl_2depth {padding-bottom: 33px; border-bottom: 1px solid #e6e6e6;} .gl_2depth > li {vertical-align: top;} .gl_2depth > li > a {display: block; font-weight: bold; color: #e2e6eb; padding: 8px 5px 8px 15px; font-size: 1em; line-height: 1.3em; border-bottom: 1px solid #1d2025;} .gl_2depth > li > a:hover {color: #fff; background-color: #454f5c;} .gl_2depth > li > a:focus {color: #fff; background-color: #454f5c;} .gl_2depth > li > a.select {color: #fff; background-color: #f97001; font-weight: bold;} .gl_2depth > li > a > img {position: relative; margin-left: 6px; top: 2px;} */ /* Left메뉴 3차 */ .gl_3depth {position: relative; margin: 7px 0 30px 13px; height: auto; overflow: hidden;} .gl_3depth > li {width: 100%; height: auto; overflow: hidden; } .gl_3depth > li > a {display: block; height: auto; overflow: hidden; padding: 6px 5px 7px 12px; font-size: .98em; line-height: 1.1em; border-bottom: 0 dashed #e9e9e9; background:transparent url('../../images/common/bg_gl_3depth_off.jpg') left 12px no-repeat;} .gl_3depth > li > a:hover {color: #ee1c23; border-bottom: 0 dashed #e9e9e9;} .gl_3depth > li > a:focus {color: #ee1c23; border-bottom: 0 dashed #e9e9e9;} .gl_3depth > li > a.select {color: #ee1c23; font-weight: bold; border-bottom: 0 dashed #e9e9e9; background:transparent url('../../images/common/bg_gl_3depth_on.jpg') left 12px no-repeat;} .gl_3depth > li > a >img {position: relative; margin-left: 6px; top: 2px;} /* 상단주메뉴 1차 2차 배경 */ .gl_bg_top_2dep {position: relative; top: 0; width: 100%; height: auto; background:transparent url('../../images/common/bg_gl_bg_top_2dep.png') center bottom repeat-x; display: none;}/* 2차메뉴 활성화 프로그램이 필요함 : display: none 기본적으로 없는상태에서 시작함 */ .gl_top_2dep_visual {position: relative; width: 100%; height: 190px;} .gl_TopMenu_close {position: relative; width: 100%; height: auto; padding-top: 10px; overflow: hidden; text-align: center;} .gl_TopMenu_close > a {position: relative; margin: 0 auto; display: block; width: 50px; height: 22px; overflow: hidden;} /* 서버브 상단 비쥬얼 */ .gl_top_visual {position: relative; margin: 0 auto; width: 980px; height: 190px;} .gl_top_visual > p {color: #c1d5ec; padding-top: 56px; margin: 0;} .gl_top_visual > p > strong{display: block; font-size: 2.8em; font-family: 'Oswald', sans-serif; font-weight: normal; color: #eff5fb;} /* 상단메뉴 비쥬얼 배경 */ .gl_sub_visual_01 {background:transparent url('../../images/common/img_sub_visual_01.png') center top no-repeat;} .gl_sub_visual_02 {background:transparent url('../../images/common/img_sub_visual_02.png') center top no-repeat;} .gl_sub_visual_03 {background:transparent url('../../images/common/img_sub_visual_03.png') center top no-repeat;} .gl_sub_visual_04 {background:transparent url('../../images/common/img_sub_visual_04.png') center top no-repeat;} .gl_sub_visual_05 {background:transparent url('../../images/common/img_sub_visual_05.png') center top no-repeat;} .gl_sub_visual_06 {background:transparent url('../../images/common/img_sub_visual_06.png') center top no-repeat;} /* foot */ .gl_addAll {position: relative; margin: 0 auto; padding-top: 25px; width: 980px; height: auto; overflow: hidden; background:transparent url('../../images/common/bg_addAll_line.jpg') 199px 29px no-repeat;} .gl_add {font-size: 0.95em; line-height: 1.7em; margin-bottom: 25px; margin-left: 219px;} .gl_add > .footLogo {position: absolute; top: 23px; left: 0; width: 190px;} .gl_add > address > span {margin-right: 18px;} .gl_add > address > span > strong {color: #292929; text-transform: uppercase; font-weight: normal;} .gl_add > address > span.in_tel {background:transparent url('../../images/common/bg_icon_tel.png') left 2px no-repeat; padding-left: 21px;} .gl_add > address > span.in_fax {background:transparent url('../../images/common/bg_icon_fax.png') left 2px no-repeat; padding-left: 21px;} .gl_add > p > span.in_space {font-family: Arial,Helvetica,sans-serif;} .gl_add > p > span.in_space > strong {font-weight: normal;} /* 상단 레이어 팝업 */ .gl_lypopup_all {position: relative; margin: 0 auto; width: 980px; height: auto; overflow: hidden; line-height: 1.55em; } .gl_lypopup_all > span {display: block; position: absolute;} .gl_lypopup_all > span.in_dayClose {font-size: .95em; right: 42px; bottom: 17px; background:transparent url('../../images/common/bg_checkbox_01.jpg') 18px center no-repeat; padding: 0 15px 0 36px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;} .gl_lypopup_all > span.in_close {width: 22px; height: 22px; overflow: hidden; right: 5px; bottom: 15px;} .gl_lypopup_poen {position: absolute; left: 0; top: 0; width: 100%; height: 1px; text-align: center; z-index: 200;} .gl_lypopup_poen > span {display: block; position: relative; margin: 0 auto; width: 100px; height: auto; background:transparent url('../../images/common/bg_top_notice.png') center bottom no-repeat;} .gl_lypopup_poen > span > a {display: block; height: 22px; padding: 3px 20px 0 0; background:transparent url('../../images/common/bg_icon_top_notice_off.png') 70px 7px no-repeat;} .gl_lypopup_poen > span > a:hover {background:transparent url('../../images/common/bg_icon_top_notice_on.png') 70px 7px no-repeat;} .gl_lypopup_poen > span > a:focus {background:transparent url('../../images/common/bg_icon_top_notice_on.png') 70px 7px no-repeat;} .gl_popupList_box {position: relative; height: 240px; overflow: hidden;} .gl_popupList {position: absolute; left: 0; top: 0; width: 760px; height: 240px; overflow: hidden;} .gl_lypopup_cont {position: relative; height:240px; overflow:hidden; margin-top: 35px;} .gl_lypopup_cont > dl {height:auto; overflow:hidden;} .gl_lypopup_cont > dl > dt { font-size: 1.35em; font-weight: bold; color: #000; margin-bottom: 6px;} .gl_lypopup_cont > dl > dd.in_t01 { height: 97px;} .gl_lypopup_cont > dl > dd > a {display: inline-block; font-weight:bold; padding: 3px 20px 3px; font-size: .95em; color: #fff; text-align: center; white-space: nowrap; background-color: #363e48; border: 1px solid #292929;} .gl_lypopup_cont > dl > dd > a:hover {border: 1px solid #d82900; background-color: #ff6905;} .gl_lypopup_cont > dl > dd > a:focus {border: 1px solid #d82900; background-color: #ff6905;} .gl_lypopup_cont .T02_img {display: block; float:left; width: 300px; height: 150px; overflow:hidden; margin-right: 20px;} .gl_lypopup_cont .T02_img img {width: 100%;} .ctM_popupList {position: absolute; top: 35px; right: 0; width: 147px; z-index: 20;} .ctM_popupList > li {} .ctM_popupList > li > a {display: block; padding: 5px 8px 0 10px; height: 23px; margin-bottom: 1px; overflow: hidden; border: 1px solid #d0d1d3; background-color: #fff;} .ctM_popupList > li > a:hover {background-color: #363e48; border: 1px solid #292929; color: #fff;} .ctM_popupList > li > a:focus {background-color: #363e48; border: 1px solid #292929; color: #fff;} .ctM_popupList > li > a.select {background-color: #f37021; border: 1px solid #ef3800; color: #fff;} .ctM_popupList > li > a img {width: 100%;} .ctM_popupListbtn {top: 35px; right: 157px;} .ctM_popupListbtn > a {display: block; width: 24px; height: 22px; padding-top:2px; text-align: center; background:transparent url('../../images/common/bg_transparency_35.png') center center repeat; margin-bottom: 3px;} .ctM_popupListbtn > a:hover {background:transparent url('../../images/common/bg_transparency_70.png') center center repeat;} .ctM_popupListbtn > a:focus {background:transparent url('../../images/common/bg_transparency_70.png') center center repeat;} /* 상단 팝업 배너 컨트롤 버튼 : 가로정렬 .ctM_popupListbtn {bottom: 14px; right: 196px;} .ctM_popupListbtn > a {display: block; float: left; width: 24px; height: 22px; padding-top:2px; text-align: center; background:transparent url('../../images/common/bg_transparency_35.png') center center repeat; margin-right: 3px;} .ctM_popupListbtn > a:hover {background:transparent url('../../images/common/bg_transparency_70.png') center center repeat;} .ctM_popupListbtn > a:focus {background:transparent url('../../images/common/bg_transparency_70.png') center center repeat;} */ /* 입력폼 관련 */ .ct_form_all_pop {position: relative; margin: 100px auto 0; height: auto; overflow: hidden; background-color: #fff; border: 1px solid #292929;} .ct_form_all_pop > h4 {font-size: 1.25em; color: #fff; height: 27px; padding: 7px 20px 0 20px; background-color: #1c43f0;} .ct_form_all_pop > form {position: relative; margin: 14px 20px; height: auto; overflow: hidden;} .ct_form_all_close {position: absolute; display: block; right: 15px; top: 5px; width: 22px; height: 22px; overflow: hidden; z-index: 10;} .ct_form_all {position: relative; margin: 100px auto 0; width: 760px; height: auto; overflow: hidden; background-color: #fff;} .ct_form_all > h4 {font-size: 1.25em; color: #fff; height: 27px; padding: 7px 20px 0 20px; background-color: #292929;} .ct_form_all > form {position: relative; margin: 14px 20px 20px 20px; height: auto; overflow: hidden;} .ct_formCopy {text-align: right; margin-bottom: 14px;} .ct_formcChk {padding-right: 5px;} .ct_form_file {display: block; margin-bottom: 2px;} .ct_form_file_btn {position: absolute; top: 10px; right: 10px; z-index: 10;} .ct_form_file_btn > a {display: block; float: left; width: 16px; height: 16px; overflow: hidden; border: 1px solid #969696; margin-left: 3px; background:#f5f7fa url('../../images/common/bg_icon_file_add.png') center center no-repeat;} .ct_form_file_btn > a.in_fileNo {background:#f5f7fa url('../../images/common/bg_icon_file_addno.png') center center no-repeat;} .ct_appForm_div {border-top:1px solid #e1e1e1; margin-bottom: 10px;} .ct_appForm {width: 100%; border-collapse:collapse;} .ct_appForm thead th {padding:7px 10px 6px; border-bottom: 1px solid #d2d2d2; font-size:.95em; color:#292929; background-color:#dadde4;} .ct_appForm tbody th {padding:7px 10px 6px; font-size:.95em; text-align: right; vertical-align: middle; border-bottom: 1px solid #e1e1e1;} .ct_appForm tbody th.in_valign_T {padding-top: 10px; vertical-align: top;} .ct_appForm tbody th em {position: relative; padding-left: 5px;} .ct_appForm tbody td {height:auto; overflow:hidden; padding:7px 10px 6px 0; vertical-align: middle; border-bottom: 1px solid #e1e1e1;} .ct_appForm tbody td.in_pos_R {position: relative;} .ct_appForm tbody td input {position: relative; top: 0; left: 0;} .ct_appForm_boNone {width: 100%; border-collapse:collapse;}/* tr,td line 없는거 */ .ct_appForm_boNone thead th {padding:7px 10px 6px; border-bottom: 1px solid #d2d2d2; font-size:.95em; color:#292929; background-color:#dadde4;} .ct_appForm_boNone tbody th {padding:7px 10px 0; font-size:.95em; text-align: right; vertical-align: middle;} .ct_appForm_boNone tbody th.in_valign_T {padding-top: 10px; vertical-align: top;} .ct_appForm_boNone tbody th em {position: relative; padding-left: 5px;} .ct_appForm_boNone tbody td {height:auto; overflow:hidden; padding:7px 10px 0 0; vertical-align: middle;} .ct_appForm_boNone tbody td.in_pos_R {position: relative;} .ct_appForm_boNone tbody td input {position: relative; top: 0; left: 0;} /* 팝업 결과창 */ .ct_result {margin: 30px 20px 10px;} .ct_result > p {font-size: 1.1em; text-align: center;} .ct_result > p >strong {color: #292929;} /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ /* Body 공통부분 : 페이지 타이틀, 위치, 텝버튼, 타이틀 */ /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ /* 페이지 타이틀 부분 */ .gl_content_head {position: relative; height: 90px; border-bottom: 1px solid #e1e1e1; margin-bottom: 35px;} .gl_content_head > h3 {position: absolute; font-size: 2.8em; line-height: 1.2em; color: #001b38; font-weight: bold; top: 36px; left: 0; } .gl_content_head > h3 span {position: relative; top: 3px; font-size: 1.3em; color: #ee1c23; margin-right: 13px;} .gl_content_head > span.in_location {position: absolute; font-size: 0.95em; font-weight: normal; top: 64px; right: 1px; background:transparent url('../../images/common/bg_icon_home.png') left 3px no-repeat; padding-left: 20px;} .gl_content_head > span.in_location > strong {color: #292929;} .gl_content_head > .gl_pageCopy {position: absolute; top: 85px; left: 0; font-size: 0.95em;} .gl_content_head > .gl_pageCopy strong {} /* 페이지 내용 부분, h4 ~ h7 속성 */ .gl_content_body {position: relative; margin: 0 auto; width: 980px; height: auto; overflow: hidden; line-height: 1.65em;} /* h4 ~ h7 속성 */ h4.in_type01 {font-size: 1.4em; color: #292929; background:transparent url('../../images/common/bg_h4.png') left 4px no-repeat; padding-left: 25px; margin-bottom: 10px;} h5.in_type01 {font-size: 1.2em; color: #292929; background:transparent url('../../images/common/bg_h5.png') 3px center no-repeat; padding-left: 25px; margin-bottom: 10px;} h5.in_type02 {font-size: 1.4em; color: #292929; background:transparent url('../../images/common/bg_h4.png') left center no-repeat; padding-left: 25px; margin-bottom: 10px;} h5.in_type02 > em {float: right; font-size: .9em;} h6.in_type01 {font-size: 1.2em; color: #292929; background:transparent url('../../images/common/bg_h6.png') 7px center no-repeat; padding-left: 25px; margin-bottom: 10px;} .gl_comTitle_s {font-size: .7em !important; font-weight: normal;} /* 각 콘텐츠 소스를 section 으로 묶어 놓음 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ .ct_section {height: auto; overflow: hidden;} .ct_section_20 {height: auto; overflow: hidden; margin-bottom: 20px;} .ct_section_30 {height: auto; overflow: hidden; margin-bottom: 30px;} .ct_section_40 {height: auto; overflow: hidden; margin-bottom: 40px;} .ct_section_50 {height: auto; overflow: hidden; margin-bottom: 50px;} .ct_section_100 {height: auto; overflow: hidden; margin-bottom: 100px;} .ct_object_Type01 {} .ct_object_Type01 > ul {margin:0 0 35px 24px;} .ct_object_Type01 > p {margin:0 0 35px 0;} /* 퀵메뉴 */ .gl_quick {margin-left: 10px; margin-bottom: 100px;} .gl_quick > li > a {display: block; padding: 9px 0 9px 40px; font-size: .98em; font-weight: bold;} .gl_quick > li > a:hover {color: #ee1c23;} .gl_quick > li > a:focus {color: #ee1c23;} .gl_quick > li > a.in_bg01 {background:transparent url('../../images/common/bg_icon_Lquick_01.png') left center no-repeat;} .gl_quick > li > a.in_bg02 {background:transparent url('../../images/common/bg_icon_Lquick_02.png') left center no-repeat;} .gl_quick > li > a.in_bg03 {background:transparent url('../../images/common/bg_icon_Lquick_03.png') left center no-repeat;} /* 내용 P형식 */ p {margin-bottom: 20px;} p > strong {color: #292929;} .gl_P_size_01 {font-size: 2.1em; line-height: 1.3em; color: #3c3c3c; margin-bottom: 10px;} .gl_P_size_01 strong {color: #ee1c23;} .gl_P_size_01 b {color: #ee1c23;} .gl_P_size_01 span {color: #ee1c23;} .gl_P_size_02 {font-size: 1.4em; line-height: 1.3em; color: #3c3c3c; font-weight: bold; margin-bottom: 10px;} .gl_P_size_02 span {color: #ee1c23;} .gl_P_Type01 {background:transparent url('../../images/common/bg_gl_list_Type01.jpg') 2px 10px no-repeat; padding-left:12px;} .gl_P_sType01 {height:auto; font-size:.9em; color:#5f5f5f; background:transparent url("../../images/common/bg_gl_list_Type02.jpg") left 8px no-repeat; padding-left:10px;} /* Span태그 Text 디자인상 부각 */ .gl_pointText_01 {font-weight: bold; color: #292929;} .gl_pointText_02 {font-weight: bold; color: #ee1c23;} .gl_pointText_03 {font-weight: bold; color: #ec1c23;} .gl_pointText_04 {font-weight: bold; color: #cd0000;} /* 내용 UL 리스트형 */ .gl_list_Type00 {} .gl_list_Type00 > li {padding-bottom:10px;} .gl_list_Type00 > li > em {display: block; font-weight: bold; padding-bottom: 5px;} .gl_list_Type01 {} .gl_list_Type01 > li {background:transparent url('../../images/common/bg_gl_list_Type01.jpg') 2px 10px no-repeat; padding-left:12px; padding-bottom:5px;} .gl_list_Type01 > li > em {color:#d54100; padding-right:8px;} .gl_list_Type01_v1 {margin:0 0 35px 24px;} .gl_list_Type01_v1 > li {background:transparent url('../../images/common/bg_gl_list_Type01.jpg') 2px 10px no-repeat; padding-left:12px; padding-bottom:5px;} .gl_list_Type01_v1 > li > em {color:#d54100; padding-right:8px;} .gl_list_Type02 {} .gl_list_Type02 > li {background:transparent url('../../images/common/bg_gl_list_Type02.png') 2px 7px no-repeat; padding-left:13px; padding-bottom:0;} .gl_list_Type03 > li > em {color:#d54100; padding-right:8px;} /* 이미지 리스트형 */ /* 서버 공용 콘텐츠 비쥬얼 */ .gl_contComm_img01 {height: 240px; overflow: hidden; margin-bottom: 40px; background-color: #dbdcde;} .gl_contComm_img02 {height: 300px; overflow: hidden; margin-bottom: 40px; background-color: #dbdcde;} .gl_contComm_img03 {height: 340px; overflow: hidden; margin-bottom: 40px; background-color: #dbdcde;} /* 1줄짜리*/ .gl_imgList {position: relative; width: 100%; height: auto; overflow: hidden; margin-bottom: 10px;} .gl_imgList > span {display: block; height: 326px; overflow: hidden; background-color: #e1e1e1;} .gl_imgList > span > img {width: 100%;} .gl_imgList > em {position: absolute; left: 0; bottom: 0; display: block; width: 100%; text-align: center; font-weight: bold; color: #fff; padding: 8px 0 9px; background:transparent url('../../images/common/bg_transparency_50.png') left top repeat;} /*1줄짜리*/ .gl_imgList1 {height: auto; overflow: hidden; margin-bottom: 10px;} .gl_imgList1 > li {width: 100%;} .gl_imgList1 > li > span {display: block; height: 180px; overflow: hidden; background-color: #e1e1e1;} .gl_imgList1 > li > span > img {width: 100%;} .gl_imgList1 > li > em {display: block; text-align: center; font-weight: bold; padding: 5px 0 15px;} /* 2줄짜리*/ .gl_imgList2 {width: 1020px; height: auto; overflow: hidden; margin-bottom: 10px;} .gl_imgList2 > li {float: left; width: 480px; margin-right: 20px;} .gl_imgList2 > li > span {display: block; height: 180px; overflow: hidden; background-color: #e1e1e1;} .gl_imgList2 > li > span > img {width: 100%;} .gl_imgList2 > li > em {display: block; text-align: center; font-weight: bold; padding: 5px 0 15px;} /* 3줄짜리*/ .gl_imgList3 {width: 1020px; height: auto; overflow: hidden;} .gl_imgList3 > li {float: left; width: 313px; margin-right: 20px; margin-bottom: 20px;} .gl_imgList3 > li > span {display: block; height: 156px; overflow: hidden;} .gl_imgList3 > li > span > img {} .gl_imgList3 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px; display: none;} /* 4줄짜리*/ .gl_imgList4 {width: 1020px; height: auto; overflow: hidden; margin-bottom: 10px;} .gl_imgList4 > li {float: left; width: 230px; margin-right: 20px;} .gl_imgList4 > li > span {display: block; height: 115px; overflow: hidden; background-color: #e1e1e1;} .gl_imgList4 > li > span > img {} .gl_imgList4 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} /* 이미지 및 단락에 대한 설명 리스트형 */ .gl_list_img01 {} .gl_list_img01 > dt {font-size: 1.4em; font-weight: bold; color: #292929; background:transparent url('../../images/common/bg_h4.png') left 4px no-repeat; padding-left: 25px; margin-bottom: 16px;} .gl_list_img01 > dd.in_T01 {height: 240px; overflow: hidden; margin-bottom: 12px;} .gl_list_img01 > dd.in_T01 > img {width: 100%;} /*테이블*/ .gl_commtTable {width:100%; border-collapse:collapse; margin-bottom: 10px;} .gl_commtTable thead th {padding:6px 5px 5px; border: 1px solid #a8a8a8; border-right: none; font-weight:bold; fcolor:#292929; background-color:#dadde4;} .gl_commtTable tbody th {padding:6px 5px 5px; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; text-align: center; vertical-align: middle; background-color:#f8f9fb; font-weight: normal; color: #292929; } .gl_commtTable td {height:auto; overflow:hidden; padding:7px 5px 5px; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} .gl_commtTable .in_textCenter{text-align:center;} .gl_commtTable .in_textRight{text-align:right;} .gl_commtTable .in_borderLeft0 {border-left: 0;} .gl_commtTable .in_borderThTop {border-top: 1px solid #a8a8a8;} .gl_commtTable .in_borderTdTop {border-top: 1px solid #a8a8a8;} /* 텝버튼 : 상단 2차 메뉴와 같은 형식 .gl_tabBtn {width: auto; height: auto; overflow: hidden; margin-bottom: 30px;} .gl_tabBtn_T01 {width: 100%; height: auto; overflow: hidden; background:transparent url('../../images/common/bg_transparency_20.png') left bottom repeat-x;} .gl_tabBtn_T01 > li {float: left; width: 163px; height: auto; overflow: hidden;} .gl_tabBtn_T01 > li.in_T01 { width: 225px;} .gl_tabBtn_T01 > li.in_T02 { width: 50%;} .gl_tabBtn_T01 > li.in_T03 { width: 326px;} .gl_tabBtn_T01 > li.in_T03_T01 { width: 328px;} .gl_tabBtn_T01 > li.in_T06 { width: 165px;} .gl_tabBtn_T01 > li a {display: block; font-weight: bold; font-size: 1.1em; color: #fff; text-align: center; padding: 7px 6px 6px; background-color: #363e48; border: 1px solid #292929;} .gl_tabBtn_T01 > li a:hover {background-color: #4d5e72; border: 1px solid #363e48;} .gl_tabBtn_T01 > li a:focus {background-color: #4d5e72; border: 1px solid #363e48;} .gl_tabBtn_T01 > li a.select {color: #fff; border: 1px solid #d82900; background-color: #ff6905;} */ /* 텝버튼 */ .gl_tabBtn {width: auto; height: auto; overflow: hidden; margin-bottom: 30px;} .gl_tabBtn_T01 {width: 100%; height: auto; overflow: hidden; background:transparent url('../../images/common/bg_transparency_20.png') left bottom repeat-x;} .gl_tabBtn_T01 > li {float: left; width: 163px; height: auto; overflow: hidden;} .gl_tabBtn_T01 > li.in_T01 { width: 225px;} .gl_tabBtn_T01 > li.in_T02 { width: 50%;} .gl_tabBtn_T01 > li.in_T03 { width: 326px;} .gl_tabBtn_T01 > li.in_T03_T01 { width: 328px;} .gl_tabBtn_T01 > li.in_T06 { width: 165px;} .gl_tabBtn_T01 > li a {display: block; font-weight: bold; font-size: 1.1em; color: #fff; text-align: center; padding: 7px 6px 6px; background-color: #4d5e72; border-top: 1px solid #425061; border-left: 1px solid #425061; border-bottom: 4px solid #4d5e72;} .gl_tabBtn_T01 > li a:hover {background-color: #5d7085; border-bottom: 4px solid #5d7085; cursor: pointer;} .gl_tabBtn_T01 > li a:focus {background-color: #5d7085; border-bottom: 4px solid #5d7085; cursor: pointer;} .gl_tabBtn_T01 > li a.select {color: #fff; background-color: #63768b; border-bottom: 4px solid #d00007;} .gl_tabBtn_T02 {width: 100%; height: auto; overflow: hidden; background:transparent url('../../images/common/bg_transparency_20.png') left bottom repeat-x;} .gl_tabBtn_T02 > li {float: left; width: 280px; height: auto; overflow: hidden;} .gl_tabBtn_T02 > li a {display: block; font-weight: bold; font-size: 1.1em; color: #fff; text-align: center; padding: 7px 6px 6px; background-color: #363e48; border: 1px solid #292929;} .gl_tabBtn_T02 > li a:hover {background-color: #4d5e72; border: 1px solid #363e48; cursor: pointer;} .gl_tabBtn_T02 > li a:focus {background-color: #4d5e72; border: 1px solid #363e48; cursor: pointer;} .gl_tabBtn_T02 > li a.select {color: #fff; border: 1px solid #d82900; background-color: #ff6905;} /* 텝버튼 : 밑에 라인형 */ .gl_tabBtn_v1 {width: auto; height: auto; overflow: hidden;} .gl_tabBtnLine_T01 {width: 100%; height: auto; overflow: hidden;} .gl_tabBtnLine_T01 a {display: inline-block; font-weight: bold; font-size: 1.25em; color: #292929; text-align: center; height: 36px; padding: 12px 30px 0 34px; border-bottom: 3px solid #889cb4; background:transparent url('../../images/common/bg_line_tabBtn.png') left center no-repeat;} .gl_tabBtnLine_T01 a:hover {color: #ee1c23; border-bottom: 3px solid #09305c; cursor: pointer;} .gl_tabBtnLine_T01 a:focus {color: #ee1c23; border-bottom: 3px solid #09305c; cursor: pointer;} .gl_tabBtnLine_T01 a.select {color: #ee1c23; border-bottom: 3px solid #ee1c23;} /* .gl_tabBtnLine_T01 {height: auto; overflow: hidden; text-align: center; border: 1px solid #e1e1e1; border-bottom: none; margin-bottom: 15px; background:transparent url('../../images/common/bg_transparency_30.png') left bottom repeat-x;} .gl_tabBtnLine_T01 a {display: inline-block; width: 151px; font-size: 1.2em; font-weight: bold; color: #292929; text-align: center; padding: 11px 0 11px; background:transparent url('../../images/common/bg_line_tabBtn.png') left center no-repeat;} .gl_tabBtnLine_T01 a:hover {color: #ee1c23;} .gl_tabBtnLine_T01 a:focus {color: #ee1c23;} .gl_tabBtnLine_T01 a.select {color: #ee1c23; padding: 11px 0 8px; border-bottom: 3px solid #ee1c23;} */ /* 공용버튼 */ .gl_textBtn_T01 {display: block;} .gl_textBtn_T01 > a {display: block; padding: 6px 48px 6px 18px; width: 121px; font-size: 1.1em; white-space: nowrap; font-weight: bold; border: 1px solid #bcbcbc; background:#f0f3f7 url("../../images/common/bg_icon_downlood_01_off.png") 152px 10px no-repeat;} .gl_textBtn_T01 > a:hover {color: #fff; border: 1px solid #d82900; background:#ee1c23 url("../../images/common/bg_icon_downlood_01_on.png") 152px 10px no-repeat;} .gl_textBtn_T01 > a:focus {color: #fff; border: 1px solid #d82900; background:#ee1c23 url("../../images/common/bg_icon_downlood_01_on.png") 152px 10px no-repeat;} /* 중앙 정렬버튼 */ .ct_TBtn_zone_01 {height:40px; padding-top: 10px; clear: both; text-align: center; border-top: 1px solid #e1e1e1;} .ct_TBtn_zone_01 > a {display: inline-block; font-weight:bold; padding: 6px 30px 6px; font-size: 1em; color: #fff; white-space: nowrap; background-color: #363e48; border: 1px solid #292929;} .ct_TBtn_zone_01 > a:hover {border: 1px solid #d82900; background-color: #ff6905;} .ct_TBtn_zone_01 > a:focus {border: 1px solid #d82900; background-color: #ff6905;} /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ /* Content : Main */ /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ /* 카피 */ .ctM_copyAll {position: relative; margin: 50px auto 0; width: 840px; height: 200px; border: 0px solid red;} .ctM_copy01 {position: absolute; left: 75px; top: 135px; font-size: 2.4em; line-height: 1.2em; font-weight: 400; color: #2b3038; letter-spacing: -1px; } .ctM_copy01 strong {font-size: 1.2em; color: #f28607; font-weight: bold;} /* 비쥬얼 */ .ctM_visual {position: relative; height: 390px; overflow: hidden; background:#09305c url('../../images/common/bg_line_subVisual.png') center top repeat; border-top: 1px solid #787878; border-bottom: 5px solid #2328ca; margin-bottom: 18px;} .ctM_v_list {position: relative; width: 100%; height: 424px; overflow: hidden;} .ctM_v_list.in_bgImg_01 {background:transparent url('../../images/main/bg_visual_02.jpg') center top no-repeat;} .ctM_v_list.in_bgImg_02 {background:transparent url('../../images/main/bg_visual_01.jpg') center top no-repeat;} .ctM_v_list.in_bgImg_03 {background:transparent url('../../images/main/bg_visual_03.jpg') center top no-repeat;} .ctM_v_list.in_bgImg_04 {background:transparent url('../../images/main/bg_visual_04.jpg') center top no-repeat;} .ctM_v_listcopy {position: relative; margin: 0 auto; width: 980px; height: 424px;} .ctM_v_listcopy p {position: absolute; font-size: 1.1em; color: #fff; font-weight: bold; font-style: italic;} .ctM_v_listcopy p strong {color: #ee1c23; font-weight: bold; font-style: italic;} /*.ctM_v_listcopy p.in_T01 {left: 50px; top: 75px; }*/ .ctM_v_listcopy p.in_T02 {left: 95px; top: 140px; text-align: center} /*.ctM_v_listcopy p.in_T03 {left: 290px; top: 100px; }*/ .ctM_v_listcopy p.in_T04 {left: 95px; top: 140px; text-align: center} .ctM_v_listcopy p span {display: block; font-size: 2.6em; font-family:NanumMyeongjo; letter-spacing: -1px; font-weight: bold; margin-bottom: 2px;} .ctM_v_listcopy p span strong {color: #ee1c23; font-style: italic;} .ctM_v_listcopy20 {position: relative; margin: 0 auto; width: 980px; height: 424px;} .ctM_v_listcopy20 p {position: absolute; font-size: 1.1em; color: #fff; font-weight: bold; font-style: italic;} .ctM_v_listcopy20 p strong {color: #ee1c23; font-weight: bold; font-style: italic;} .ctM_v_listcopy20 p.in_T01 {left: 95px; top: 140px; text-align: center} /*.ctM_v_listcopy20 p.in_sub01 {left: 50px; top: 45px; color: #ff0000; font-style: italic; text-align: left;}*/ .ctM_v_listcopy20 p.in_T03 {left: 95px; top: 140px; text-align: center} /*.ctM_v_listcopy20 p.in_sub03 {left: 150px; top: 80px; color: #ff0000; font-style: italic; text-align: left;}*/ .ctM_v_listcopy20 p span {display: block; font-size: 2.6em; font-family:NanumMyeongjo; letter-spacing: -1px; font-weight: bold; margin-bottom: 2px; font-weight: bold} .ctM_v_listcopy20 p span strong {color: #ee1c23; font-weight: bold; font-style: italic;} /* 비쥬얼 : 컨트롤 버튼 */ .ctM_visual > a.in_next {position: absolute; top: 180px; right: 3%;} .ctM_visual > a.in_pre {position: absolute; top: 180px; left: 3%;} .ctM_bannerListbtn {position: absolute; bottom: 15px; left: 0; width: 100%; height: auto; vertical-align: top;} .ctM_bannerListbtn > div {position: relative; display: block; width: 980px; height: auto; overflow: hidden; margin: 0 auto;} .ctM_bannerListbtn > div > span {float: right; display: block;} .ctM_bannerListbtn > div > span > a {display: inline-block; width: 28px; height: 26px; padding-top:2px; text-align: center; background:transparent url('../../images/common/bg_transparency_35.png') center center repeat; margin-top: 3px;} .ctM_bannerListbtn > div > span > a:hover {background:transparent url('../../images/common/bg_transparency_70.png') center center repeat;} .ctM_bannerListbtn > div > span > a:focus {background:transparent url('../../images/common/bg_transparency_70.png') center center repeat;} /* 콘텐츠 전체 묶음 : What's news, 구매파트너, 열린채용, 감사실, HSE, 사회공헌 */ .ctM_cont_all {position: relative; margin: 0 auto; width: 980px; height: auto; overflow: hidden; line-height: 1.55em; border: 1px solid #e1e1e1;} .ctM_cont_all strong {display: block; font-size: 1.4em; color: #292929; height: 28px;} /* 콘텐츠 전체 묶음 : What's news, 구매파트너, 열린채용 */ .ctM_contTop {height: auto; overflow: hidden;} .ctM_cont_T01 {position: relative; float: left; width: 654px;} .ctM_cont_T01 > h3 {font-size: 1.4em; color: #292929; height: 32px; padding: 20px 0 0 26px;} .ctM_cont_T01 > ol {position: absolute; left: 26px; top: 53px; width: 595px;} .ctM_cont_T01 > ol > li {float: left; width: 100%;} .ctM_cont_T01 > ol > li > a {display: block; vertical-align: top; height: 22px; overflow: hidden; background:transparent url('../../images/common/bg_transparency_2px_50.png') 1px 10px no-repeat; padding-left: 10px;} .ctM_cont_T01 > ol > li > a > span.in_subject {float: left; width: 72%; cursor: pointer;} .ctM_cont_T01 > ol > li > a > span.in_subject > em {padding-right: 6px;} .ctM_cont_T01 > ol > li > a > span.in_subject > img {position: relative; top: 1px; margin-left: 8px;} .ctM_cont_T01 > ol > li > a > span.in_data {float: right; width: 27%; font-size: .95em; text-align: right;} .ctM_cont_T01 > ol > li > a:hover {color: #ee1c23;} .ctM_cont_T01 > ol > li > a:focus {color: #ee1c23;} .ctM_notice_more {position: absolute; right: 26px; top: 23px; display: block;} .ctM_notice_more > a {display: block; float: left; padding: 0 10px; background:transparent url('../../images/common/bg_dot_mcomb.png') left 6px no-repeat;} .ctM_cont_T02 {float: right; width: 324px; border-left: 1px solid #e1e1e1;} .ctM_cont_T02 > div > a {display: block; height: 165px; padding: 20px 26px 0 26px; border: 1px solid #fff;} .ctM_cont_T02 > div > a:hover {color: #4b4b4b; border: 1px solid #ee1c23;} .ctM_cont_T02 > div > a:hover > strong {color: #ee1c23 ;} .ctM_cont_T02 > div > a:focus {color: #4b4b4b; border: 1px solid #ee1c23;} .ctM_cont_T02 > div > a:focus > strong {color: #ee1c23 ;} .ctM_cont_T02_01 {border-bottom: 1px solid #e1e1e1;} /* 콘텐츠 전체 묶음 : 열린채용, 감사실, HSE, 사회공헌 : 배경 아이콘 사용 */ .ctM_contBottom {height: auto; overflow: hidden; border-top: 1px solid #e1e1e1;} .ctM_contBottom > div > a {display: block; height: 120px; padding: 20px 26px 0 26px; border: 1px solid #fff;} .ctM_contBottom > div > a:hover {color: #4b4b4b; border: 1px solid #ee1c23;} .ctM_contBottom > div > a:hover > strong {color: #ee1c23 ;} .ctM_contBottom > div > a:focus {color: #4b4b4b; border: 1px solid #ee1c23;} .ctM_contBottom > div > a:focus > strong {color: #ee1c23 ;} .ctM_cont_B01 {float: left; width: 326px; border-right: 1px solid #e1e1e1;} .ctM_cont_B01 > a > span {display: block;} .ctM_cont_B01 > a > span > b {color: #292929;} .ctM_cont_B02 {float: left; width: 327px; border-right: 1px solid #e1e1e1;} .ctM_cont_B03 {float: right; width: 324px;} .in_aIcon_01 {background:transparent url('../../images/main/bg_icon_cont_01.png') right bottom no-repeat;} .in_aIcon_02 {background:transparent url('../../images/main/bg_icon_cont_02.png') right bottom no-repeat;} .in_aIcon_03 {background:transparent url('../../images/main/bg_icon_cont_03.png') right bottom no-repeat;} .in_aIcon_04 {background:transparent url('../../images/main/bg_icon_cont_04.png') right bottom no-repeat;} .in_aIcon_05 {background:transparent url('../../images/main/bg_icon_cont_05.png') right bottom no-repeat;} /* 콘텐츠 전체 묶음 : 열린채용, 감사실, HSE, 사회공헌 : 배경 사진 사용 */ .ctM_contBottom_v1 {height: auto; overflow: hidden; border-top: 1px solid #e1e1e1;} .ctM_contBottom_v1 > div > a {display: block; height: 182px; padding: 20px 26px 0 26px; border: 1px solid #fff; background:transparent url('../../images/main/bg_btn_more_off.png') 286px 25px no-repeat;} .ctM_contBottom_v1 > div > a:hover {color: #4b4b4b; border: 1px solid #ee1c23; background:transparent url('../../images/main/bg_btn_more_on.png') 286px 25px no-repeat;} .ctM_contBottom_v1 > div > a:hover > strong {color: #ee1c23 ;} .ctM_contBottom_v1 > div > a:focus {color: #4b4b4b; border: 1px solid #ee1c23; background:transparent url('../../images/main/bg_btn_more_on.png') 286px 25px no-repeat;} .ctM_contBottom_v1 > div > a:focus > strong {color: #ee1c23 ;} .in_aimg_01 {background:transparent url('../../images/main/bg_img_cont_01.jpg') 162px 19px no-repeat;} .in_aimg_02 {background:transparent url('../../images/main/bg_img_cont_02.jpg') 162px 19px no-repeat;} .in_aimg_03 {background:transparent url('../../images/main/bg_img_cont_03.jpg') center 58px no-repeat;} .in_aimg_04 {background:transparent url('../../images/main/bg_img_cont_04.jpg') center 58px no-repeat;} .in_aimg_05 {background:transparent url('../../images/main/bg_img_cont_05.jpg') center 58px no-repeat;} /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ /* Content : Sub */ /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */ /* ========================================================================== */ /* 기업소개 */ /* ========================================================================== */ /* 기업소개 .ct_s01_01 {height: auto; overflow: hidden;} .ct_s01_01_img {float: left; width: 44%; height: auto; overflow: hidden;} .ct_s01_01_img > img {position: relative; left: 0; top: 0; width: 95%;} .ct_s01_01_text {float: right; width: 55%;} .ct_s01_01_text > p > span {font-weight: bold; color: #292929;} */ /* 기업소개 */ .ct_s01_01_img {height: 240px; overflow: hidden; margin-bottom: 40px; background-color: #e1e1e1;} .ct_s01_01_img > img {width: 100%;} /* CEO */ .ct_s01_02 {height: auto; overflow: hidden;} .ct_s01_02_img {position: relative; float: right; width: 44%; height: auto; overflow: hidden; text-align: right;} .ct_s01_02_img > img {position: relative; top: 0; right: 0; width: 95%;} .ct_s01_02_img > p {position: absolute; left: 0; bottom: 0; width: 100%; margin-bottom: 0;} .ct_s01_02_img > p > span {display: block; height: 26px; padding-top: 6px; margin-left: 5%; font-size: 1.1em; text-align: center; color: #fff; background:transparent url('../../images/common/bg_transparency_60.png') center top repeat;} .ct_s01_02_sign {position: absolute; top: 363px; right: 10px; display: block; width: 190px; height: 70px; font-size: 1.15em; font-weight: bold; color: #000; vertical-align: middle;} .ct_s01_02_sign em {float: left; font-size: 2.2em; font-family: NanumPen;} .ct_s01_02_sign b {float: left; font-weight: normal; padding-top: 18px;} /* 기업연혁 : 테이블형 */ .ct_s01_03 {height: auto; overflow: hidden;} .ct_s01_03_img {float: left; width: 36%; height: auto; overflow: hidden;} .ct_s01_03_img > ul > li {margin-bottom: 40px;} .ct_s01_03_img > ul > li > img {position: relative; left: 0; top: 0; width: 93%;} .ct_s01_03_img > ul > li > p {width: 93%; margin-bottom: 0;} .ct_s01_03_table {float: right; width: 60%; border-collapse:collapse; border-top: 1px solid #e1e1e1;} .ct_s01_03_table thead {display: none;} .ct_s01_03_table th {padding:6px 10px 10px 10px; border-bottom: 1px solid #e1e1e1; border-left:0; font-weight:bold; font-size:2em; line-height: 1em; text-align: left; vertical-align: top;} .ct_s01_03_table td {height:auto; overflow:hidden; padding:7px 5px 7px 8px; border-bottom:1px solid #E1E1E1;} .ct_s01_03_table td b {color: #292929;} /* 기업연혁 */ .ct_s01_03_v1 {height: auto; overflow: hidden;} .ct_s01_03_v1_visual {height: auto; overflow: hidden; margin-bottom: 30px;} .ct_s01_03_v1_visual > p.in_img {height: 250px; overflow: hidden;} .ct_s01_03_v1_cont {float: left; position: relative; width: 620px; height: auto; overflow: hidden; border-top: 1px solid #c8c8c8;} .ct_s01_03_v1_cont > h4 {position: absolute; left: 0; top: 18px; width: 27%; height: 40px; font-size:2.2em !important; color: #7d7d7d !important; vertical-align: top; line-height: 1.1em; background-image: none !important; padding: 0 !important;} .ct_s01_03_v1_cont > ul {margin: 20px 0 0 27%; padding-bottom: 10px;} .ct_s01_03_v1_cont > ul > li {height: auto; overflow: hidden; padding-bottom: 6px; margin-bottom: 7px; border-bottom: 1px solid #e1e1e1; vertical-align: middle;} .ct_s01_03_v1_cont > ul > li > em {display: block; float: left; width: 16%; padding-left: 5px; font-weight: bold; color: #292929;} .ct_s01_03_v1_cont > ul > li > span {display: block; float: right; width: 80%;} .ct_s01_03_v1_img {float: right; width: 240px; height: auto; overflow: hidden;} .ct_s01_03_v1_img > ul {} .ct_s01_03_v1_img > ul > li {margin-bottom: 35px;} .ct_s01_03_v1_img > ul > li > span {display: block; margin-bottom: 8px;} .ct_s01_03_v1_img > ul > li > span > img {position: relative; right: 0; top: 0; width: 100%;} .ct_s01_03_v1_img > ul > li > p {margin-bottom: 0; line-height: 1.5em;} .ct_s01_03_v1_img > ul > li > p > em {display: block; font-weight: bold; color: #292929; margin-bottom: 3px;} .ct_s01_03_v1_hsg {position: relative; width: 460px; height: auto; overflow: hidden; border-top: 1px solid #c8c8c8;} .ct_s01_03_v1_hsg > h4 {position: absolute; left: 0; top: 18px; width: 27%; height: 40px; font-size:2em !important; color: #2937b9 !important; vertical-align: top; line-height: 1.1em; background-image: none !important; padding: 0 !important;} .ct_s01_03_v1_hsg > ul {margin: 20px 0 0 22%; padding-bottom: 10px;} .ct_s01_03_v1_hsg > ul > li {height: auto; overflow: hidden; padding-bottom: 6px; margin-bottom: 7px; border-bottom: 1px solid #e1e1e1; vertical-align: middle;} .ct_s01_03_v1_hsg > ul > li > em {display: block; float: left; width: 22%; padding-left: 5px; font-weight: bold; color: #292929;} .ct_s01_03_v1_hsg > ul > li > span {display: block; float: right; width: 75%;} /* CI */ .ct_s01_04 {height: auto; overflow: hidden;} .ct_s01_04_ci {width: 1020px; height: auto; overflow: hidden; border-bottom: 1px solid #e9e9e9; margin-bottom: 45px;} .ct_s01_04_ci > li {float: left; width: 313px; margin-right: 20px;} .ct_s01_04_ci > li > span {display: block; height: 150px; overflow: hidden;} .ct_s01_04_ci > li > span > img {} .ct_s01_04_ci > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 30px;} .ct_s01_04_div {float: left; width: 480px; height: auto; overflow: hidden;} .ct_s01_04_div_01 {float: right; width: 450px; height: auto; overflow: hidden;} .ct_s01_04_c_name {margin-bottom: 25px;} .ct_s01_04_c_name dt {font-size: 1.8em; color: #2c3691; font-weight: bold; padding-bottom: 6px;} .ct_s01_04_c_text {} .ct_s01_04_c_text > li {} .ct_s01_04_c_text > li >strong {font-size: 1.8em; color: #2c3691; font-weight: bold;} .ct_s01_04_Symbol {float: left; display: block; width: 170px; height: 170px;} .ct_s01_04_color {float: right; width: 280px; height: auto; overflow: hidden;} .ct_s01_04_color > li {display: block; width: 280px; height: auto; margin-right: 20px;} .ct_s01_04_color > li > span {display: block; height: 43px;} .ct_s01_04_color > li > span.in_nomal {display: block; float: left; width: 150px; height: 30px; overflow: hidden; padding-top: 10px; text-align: left; margin-right: 15px;} .ct_s01_04_color > li > em {display: block; float: left; width: 90px; height: 30px; overflow: hidden; padding-top: 10px; font-size: 1.15em; text-align: center; color: #fff; font-weight: bold; margin-right: 15px;} .ct_s01_04_color > li > em.in_color01 {background-color: #ed1c24;} .ct_s01_04_color > li > em.in_color02 {background-color: #2c3691;} .ct_s01_04_color > li > em.in_color03 {background-color: #f7941d;} .ct_s01_04_color > li > em.in_color04 {background-color: #fdb813;} .ct_s01_04_color > li > em.in_color05 {background-color: #ffcb05;} .ct_s01_04_color > li > em.in_color06 {background-color: #000; color: #e1e1e1;} .ct_s01_04_btnzone {height:40px; padding-bottom: 15px; margin-bottom: 40px; text-align: center; border-bottom: 1px solid #e1e1e1;} .ct_s01_04_btnzone > a {display: inline-block; padding: 6px 48px 6px 18px; width: 121px; white-space: nowrap; border: 1px solid #dcdcdc; background:#f0f3f7 url("../../images/common/bg_icon_downlood_01_off.png") 152px 10px no-repeat;} .ct_s01_04_btnzone > a:hover {color: #fff; border: 1px solid #d82900; background:#ee1c23 url("../../images/common/bg_icon_downlood_01_on.png") 152px 10px no-repeat;} .ct_s01_04_btnzone > a:focus {color: #fff; border: 1px solid #d82900; background:#ee1c23 url("../../images/common/bg_icon_downlood_01_on.png") 152px 10px no-repeat;} /* 사이버감사실 */ .ct_s01_05 {height: 280px; overflow: hidden; background:transparent url('../../images/sub/bg_img_s01_05.jpg') left 50% no-repeat; margin-bottom: 30px;} .ct_s01_05 > div {height: 250px; margin-left: 51%; color: #fff; padding: 25px; background:transparent url('../../images/common/bg_transparency_80_c.png') center top repeat;} .ct_s01_05_btn {display: block;} .ct_s01_05_btn > a {display: block; padding: 6px 48px 6px 18px; width: 121px; font-size: 1.1em; color: #e1e1e1!important; white-space: nowrap; font-weight: bold; color: #fff; border: 1px solid #000; background:#292929 url("../../images/common/bg_icon_downlood_01_off.png") 152px 10px no-repeat;} .ct_s01_05_btn > a:hover {color: #292929!important; border: 1px solid #1f2e86; background:#fff url("../../images/common/bg_icon_downlood_02_on.png") 152px 10px no-repeat;} /*.ct_s01_05_btn > a {display: block; padding: 6px 48px 6px 18px; width: 121px; font-size: 1.1em; white-space: nowrap; font-weight: bold; border: 1px solid #292929; background:#fff url("../../images/common/bg_icon_downlood_01_off.png") 152px 10px no-repeat;} .ct_s01_05_btn > a:hover {color: #fff; background:#ee1c23 url("../../images/common/bg_icon_downlood_01_on.png") 152px 10px no-repeat;} */ .ct_s01_05_popup01 {width: 760px;}/* 입력창 */ .ct_s01_05_popup02 {width: 400px;}/* 결과창 */ /* 오시는 길 */ .ct_s01_06 {position: relative; height: 515px; border: 1px solid #e9e9e9; margin-bottom: 40px;} .ct_s01_06 .map {position: relative; left: 8px; top: 8px; width: 960px; height: 455px; overflow: hidden; border: 2px solid #09305c; margin-bottom: 22px;} .ct_s01_06 p {padding-left: 20px;} /* ========================================================================== */ /* 기업문화 */ /* ========================================================================== */ /* HSE */ .ct_s02_01 {} .ct_s02_01 > li {height: auto; overflow: hidden; margin-bottom: 15px;} .ct_s02_01 > li > b {display: block; float: left; width: 2%;} .ct_s02_01 > li > span {display: block; float: left; width: 98%;} .ct_s02_01_imgList {width: 1020px; height: auto; overflow: hidden; margin-left: 0 !important; margin-bottom: 40px !important;} .ct_s02_01_imgList > li {float: left; width: 313px; margin-right: 20px;} .ct_s02_01_imgList > li > span {display: block; height: 156px; overflow: hidden; background-color: #e1e1e1;} .ct_s02_01_imgList > li > span > img {} .ct_s02_01_imgList > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} .ct_s02_01_imgList > li.in_T01 {float: left; width: 980px; margin-right: 20px; margin-bottom: 20px;} .ct_s02_01_imgList > li.in_T01 > span {height: 340px; overflow: hidden;} /* 윤리경영 */ .ct_s02_02 {height: 300px; overflow: hidden; margin-bottom: 20px; background-color: #e1e1e1;} .ct_s02_02 > img {width: 100%;} .ct_s02_02_btnzone {height:40px; padding-bottom: 15px; margin-bottom: 40px; text-align: center; border-bottom: 1px solid #e1e1e1;} .ct_s02_02_btnzone.in_T01 {height:40px; padding-bottom: 0; margin-bottom: 20px; border-bottom: none;} .ct_s02_02_btnzone > a {display: inline-block; padding: 6px 48px 6px 18px; width: 121px; white-space: nowrap; border: 1px solid #dcdcdc; background:#f0f3f7 url("../../images/common/bg_icon_downlood_01_off.png") 152px 10px no-repeat;} .ct_s02_02_btnzone > a.in_T01 {background-image: none !important; padding: 6px 33px 6px 33px;} .ct_s02_02_btnzone > a:hover {color: #fff; border: 1px solid #3d41ab; background:#2e3192 url("../../images/common/bg_icon_downlood_01_on.png") 152px 10px no-repeat;} .ct_s02_02_btnzone > a:focus {color: #fff; border: 1px solid #3d41ab; background:#2e3192 url("../../images/common/bg_icon_downlood_01_on.png") 152px 10px no-repeat;} .ct_s02_02_popup {width: 840px;}/* 유리규범 */ .ct_s02_02_norm {position: relative;} .ct_s02_02_norm_text {height: 420px; overflow-y: auto; padding: 15px 20px 5px; margin: 15px 15px 18px; border: 1px solid #e1e1e1;} .ct_s02_02_norm_text > p {margin-bottom: 7px;} .ct_s02_02_norm_text > p > strong {display: block; font-size: 1.1em; color: #000;} .ct_s02_02_norm_text > ul {margin-bottom: 20px;} .ct_s02_02_norm_text > ul > li {} .ct_s02_02_norm_bay {text-align: right; padding-right: 20px;} /* 나눔경영 */ .ct_s02_03 {height: 100px; margin-bottom: 40px; border: 1px solid #e1e1e1; padding-top: 100px; text-align: center;} /* 인재경영 */ .ct_s02_04_01 {position: relative; height: 230px; background:transparent url('../../images/sub/bg_s01_04_01.png') left 10px no-repeat;} .ct_s02_04_01 h4 {position: absolute; left: 420px; top: 120px; font-size: 1.8em; line-height: 1.2em; font-weight: bold; color: #fff; width: 140px; text-align: center;} .ct_s02_04_01 h4 span {display: block; font-size: .8em;} .ct_s02_04_01 > p {position: absolute; text-align: center; line-height: 1.6em; width: 300px;} .ct_s02_04_01 > p > strong {font-size: 1.3em; color: #ee1c23;} .ct_s02_04_01 > p.in_T01 {top: 5px; left: 335px;} .ct_s02_04_01 > p.in_T02 {top: 145px; left: 75px;} .ct_s02_04_01 > p.in_T03 {top: 145px; left: 600px;} .ct_s02_04_01_text {margin-left: 25px; padding-bottom: 40px;} .ct_s02_04_01_text dt {font-size: 1.4em; font-weight: bold; color: #292929; margin-bottom: 6px;} .ct_s02_04_01_text dt > span {font-size: .8em;} .ct_s02_04_01_text dd {margin-bottom: 28px;} .ct_s02_04_02 {position: relative; height: 240px; background:transparent url('../../images/sub/bg_s01_04_02.png') 25px top no-repeat;} .ct_s02_04_02 h4 {position: absolute; left: 422px; top: 95px; font-size: 1.8em; line-height: 1.2em; font-weight: bold; color: #fff; width: 140px; text-align: center;} .ct_s02_04_02 h4 span {display: block; font-size: .8em;} .ct_s02_04_02 dt {position: absolute; font-size: 1.4em; font-weight: bold; color: #292929; width: 320px;} .ct_s02_04_02 dt.in_T01 {left: 25px; top: 20px;} .ct_s02_04_02 dt.in_T02 {left: 630px; top: 20px;} .ct_s02_04_02 dt.in_T03 {left: 500px; top: 345px;} .ct_s02_04_02 dd {position: absolute; font-size: 1.1em; width: 320px;} .ct_s02_04_02 dd.in_D01 {left: 25px; top: 58px;} .ct_s02_04_02 dd.in_D02 {left: 630px; top: 58px;} .ct_s02_04_02 dd.in_D03 {left: 500px; top: 375px;} /* ========================================================================== */ /* 주요시설 */ /* ========================================================================== */ /* 스마트야드 */ .ct_s03_01 {width: 1020px; height: auto; overflow: hidden; margin-bottom: 10px;} .ct_s03_01 > li {float: left; width: 313px; margin-right: 20px;} .ct_s03_01 > li > span {display: block; height: 156px; overflow: hidden;} .ct_s03_01 > li > span > img {width: 100%;} .ct_s03_01 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} .ct_s03_01 > li.in_T01 {float: left; width: 980px; margin-right: 20px; margin-bottom: 20px;} .ct_s03_01 > li.in_T01 > span {height: 340px; overflow: hidden;} .ct_s03_01_div {float: left; width: 450px; height: auto; overflow: hidden; padding-top: 8px; border-top: 1px solid #a8a8a8;} .ct_s03_01_div01 {float: right; width: 500px; height: auto; overflow: hidden;} /*.ct_s03_01_div > p {margin-bottom: 0;}*/ /* 설비소개 */ .ct_s03_02 {height: 400px;} .ct_s03_02 > dt {font-size: 1.4em; font-weight: bold; color: #292929; background:transparent url('../../images/common/bg_h4.png') left 4px no-repeat; padding-left: 25px; margin-bottom: 16px;} .ct_s03_02 > dd.in_T01 {height: 240px; overflow: hidden; margin-bottom: 12px; background-color: #e1e1e1;} .ct_s03_02 > dd.in_T01 > img {width: 100%;} /* 건조실적 */ .ct_s03_03_03 {position: relative; height: auto; overflow: hidden; margin-bottom: 30px;} .ct_s03_03_03 > div {height: auto; overflow: hidden; margin-bottom: 15px;} .ct_s03_03_03 > div > span {display: block; width: 675px; height: 240px; overflow: hidden; background-color: #e1e1e1;} .ct_s03_03_03 > div > span >img {width: 100%; height: 240px;} .ct_s03_03_03 > p {margin-bottom: 0; width: 675px;} .ct_s03_03_03_data {position: absolute; width: 270px; top: 0; right: 0;} .ct_s03_03_03_data > dt {font-size:1.4em; color:#292929; font-weight: bold; margin-bottom: 10px; padding: 2px 0 12px; border-bottom: 1px solid #c8c8c8;} .ct_s03_03_03_data > dd {height: auto; overflow: hidden; margin-bottom: 3px;} .ct_s03_03_03_data > dd > strong {float: left; display: block; width: 220px; color: #292929;} .ct_s03_03_03_data > dd > em {float: left; display: block; width: 220px;} .ct_s03_03_03_data > dd > span {float: left; width: 40px; text-align: right; color: #292929;} .ct_s03_03_03_text { margin-bottom: 50px;} .ct_s03_03_03_text > dt {font-size:1.2em; color:#292929; font-weight: bold; margin-bottom: 10px;} .ct_s03_03_03_text > dd {} .ct_s03_03_00 {width: 1020px; height: auto; overflow: hidden; margin-bottom: 30px;} .ct_s03_03_00 > li {float: left; width: 230px; margin-right: 20px;} .ct_s03_03_00 > li.in_T01 {width: 480px;} .ct_s03_03_00 > li > span {display: block; height: 230px; overflow: hidden;} .ct_s03_03_00 > li > span > img {} .ct_s03_03_00 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} .ct_s03_03_00_text {font-size: 1.1em; font-weight: bold; color: #292929; margin-bottom: 15px;} .ct_s03_03_03_v1 {width: 1020px; height: auto; overflow: hidden;} .ct_s03_03_03_v1 > li {float: left; width: 230px; margin-right: 20px;} .ct_s03_03_03_v1 > li.in_T01 {width: 480px;} .ct_s03_03_03_v1 > li.in_T02 {width: 980px;} .ct_s03_03_03_v1 > li > span {display: block; height: 230px; overflow: hidden;} .ct_s03_03_03_v1 > li > span > img {} .ct_s03_03_03_v1 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} .ct_s03_03_03_v2_div {width: 480px; height: auto; overflow: hidden;} .ct_s03_03_03_v2 {width: 480px; height: auto; overflow: hidden;} .ct_s03_03_03_v2 > li {float: left; width: 230px; margin-right: 20px;} .ct_s03_03_03_v2 > li.in_margin_r {margin-right: 0;} .ct_s03_03_03_v2 > li > span {display: block; height: 230px; overflow: hidden;} .ct_s03_03_03_v2 > li > span > img {} .ct_s03_03_03_v2 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} /* ========================================================================== */ /* 기술개발 */ /* ========================================================================== */ /* 친환경기술연구 */ .ct_s04_01_v1 {position: relative; width: 100%; height: auto; overflow: hidden; margin-bottom: 40px;} .ct_s04_01_v1 > span {display: block; height: 300px; overflow: hidden; background-color: #e1e1e1;} .ct_s04_01_v1 > span > img {width: 100%;} .ct_s04_01_v1 > em {position: absolute; left: 0; bottom: 0; display: block; width: 100%; text-align: center; font-weight: bold; color: #fff; padding: 8px 0 9px; background:transparent url('../../images/common/bg_transparency_50.png') left top repeat; display: none;} .ct_s04_01_icon {width: 1020px; margin-bottom: 10px;} .ct_s04_01_icon > li {float: left; height: auto; overflow: hidden; width: 450px; margin-right: 50px; margin-bottom: 20px;} .ct_s04_01_icon > li > span {display: block; float: left; width: 100px; height: 100px; overflow: hidden;} .ct_s04_01_icon > li > span > img {width: 100%;} .ct_s04_01_icon > li > dl {float: right; width: 330px;} .ct_s04_01_icon > li > dl > dt {font-size: 1.15em; font-weight: bold; color: #292929; margin-bottom: 8px;} .ct_s04_01 {width: 1020px; height: auto; overflow: hidden; margin-bottom: 15px;} .ct_s04_01 > li {float: left; width: 230px; margin-right: 20px;} .ct_s04_01 > li > span {display: block; height: 230px; overflow: hidden;} .ct_s04_01 > li > span > img {} .ct_s04_01 > li > em {font-size:0; height:0; overflow:hidden; position:absolute; visibility:hidden; width:0;} /* 설계기술연구 */ .ct_s04_02_00 {width: 1020px; height: auto; overflow: hidden; margin-bottom: 30px;} .ct_s04_02_00 > li {float: left; width: 230px; margin-right: 20px;} .ct_s04_02_00 > li.in_T01 {width: 480px;} .ct_s04_02_00 > li > span {display: block; height: 230px; overflow: hidden;} .ct_s04_02_00 > li > span > img {} .ct_s04_02_00 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} .ct_s04_02_00_text {font-size: 1.1em; font-weight: bold; color: #292929; margin-bottom: 15px;} .ct_s04_02_00_v1 {width: 1020px; height: auto; overflow: hidden;} .ct_s04_02_00_v1 > li {float: left; width: 480px; margin-right: 20px;} .ct_s04_02_00_v1 > li > span {display: block; height: 230px; overflow: hidden;} .ct_s04_02_00_v1 > li > span > img {} .ct_s04_02_00_v1 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} .ct_s04_02_01 {width: 1020px; height: auto; overflow: hidden;} .ct_s04_02_01 > li {float: left; width: 230px; margin-right: 20px;} .ct_s04_02_01 > li.in_T01 {width: 480px;} .ct_s04_02_01 > li.in_T02 {width: 980px;} .ct_s04_02_01 > li > span {display: block; height: 230px; overflow: hidden;} .ct_s04_02_01 > li > span > img {} .ct_s04_02_01 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} .ct_s04_02_02 {width: 1020px; height: auto; overflow: hidden;} .ct_s04_02_02 > li {float: left; width: 480px; margin-right: 20px;} .ct_s04_02_02 > li > span {display: block; height: 230px; overflow: hidden;} .ct_s04_02_02 > li > span > img {} .ct_s04_02_02 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} .ct_s04_02_02_v1 {position: relative; width: 100%; height: auto; overflow: hidden;} .ct_s04_02_02_v1 > span {display: block; height: 230px; overflow: hidden; background-color: #e1e1e1;} .ct_s04_02_02_v1 > span > img {width: 100%;} .ct_s04_02_02_v1 > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} /* 생산기술연구 */ .ct_s04_03_topImg {margin-bottom: 20px;} .ct_s04_03_topImg {width: 100%; height: 340px; overflow: hidden; background-color: #e1e1e1;} .ct_s04_03_topImg > img {width: 100%;} .ct_s04_03_01 {width: 1020px; height: auto; overflow: hidden;} .ct_s04_03_01 > li {float: left; width: 480px; margin-right: 20px;} .ct_s04_03_01 > li.in_T01 {width: 730px;} .ct_s04_03_01 > li > span {display: block; height: 230px; overflow: hidden; background-color: #e1e1e1;} .ct_s04_03_01 > li > span > img {width: 100%;} .ct_s04_03_01 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} .ct_s04_03_01_v1 {width: 1020px; height: auto; overflow: hidden;} .ct_s04_03_01_v1 > li {float: left; width: 313px; margin-right: 20px; margin-bottom: 20px;} .ct_s04_03_01_v1 > li.in_T01 {width: 730px;} .ct_s04_03_01_v1 > li > span {display: block; height: 156px; overflow: hidden;} .ct_s04_03_01_v1 > li > span > img {width: 100%;} .ct_s04_03_01_v1 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} .ct_s04_03_02_div {float: left; width: 480px; height: auto; overflow: hidden; margin-right: 20px; margin-bottom: 50px;} .ct_s04_03_02_div > p {height: 80px; margin-bottom: 0;} .ct_s04_03_02 {width: 510px; height: auto; overflow: hidden;} .ct_s04_03_02 > li {float: left; width: 480px; margin-right: 20px;} .ct_s04_03_02 > li.in_T01 { margin-right: 0;} .ct_s04_03_02 > li > span {display: block; height: 230px; overflow: hidden; background-color: #e1e1e1;} .ct_s04_03_02 > li > span > img {width: 100%;} .ct_s04_03_02 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} /* 건조기설연구 */ .ct_s04_04_topImg {margin-bottom: 20px;} .ct_s04_04_topImg {width: 100%; height: 340px; overflow: hidden; background-color: #e1e1e1;} .ct_s04_04_topImg > img {width: 100%;} .ct_s04_04_01 {float: left; width: 450px; margin-right: 70px;} .ct_s04_04_01.in_T01 {height: 160px;} .ct_s04_04_01 > h6 {font-size: 1.2em; color: #292929; margin-bottom: 8px; margin-left: 20px;} .ct_s04_04_01 > ul {margin-left: 20px;} .ct_s04_04_01_00 {width: 1020px; height: auto; overflow: hidden;} .ct_s04_04_01_00 > li {float: left; width: 480px; margin-right: 20px;} .ct_s04_04_01_00 > li > span {display: block; height: 230px; overflow: hidden; background-color: #e1e1e1;} .ct_s04_04_01_00 > li > span > img {} .ct_s04_04_01_00 > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} .ct_s04_04_common {width: 1020px; height: auto; overflow: hidden;} .ct_s04_04_common > li {float: left; width: 480px; margin-right: 20px;} .ct_s04_04_common > li.in_T01 {width: 480px;} .ct_s04_04_common > li > span {display: block; height: 230px; overflow: hidden; background-color: #e1e1e1;} .ct_s04_04_common > li > span > img {} .ct_s04_04_common > li > em {display: block; text-align: center; font-weight: bold; padding: 10px 0 15px;} /* ========================================================================== */ /* PR CENTER */ /* ========================================================================== */ /* 전자공고 */ /* 입찰공고 */ /* 홍보자료실 : 홍보영상 */ .ct_s05_03_01 {height: auto; overflow: hidden;} .ct_s05_03_01.in_type01 {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;} .ct_s05_03_01_text {float: right; width: 410px; border: 0px solid blue;} .ct_s05_03_01_text > dl {margin-bottom: 20px;} .ct_s05_03_01_text > dl > dt {font-size:1.3em; color:#292929; font-weight: bold; padding: 2px 0 12px;} .ct_s05_03_01_text > dl > dd {margin-bottom: 3px;} .ct_s05_03_01_img {float: left; width: 540px; height: auto; overflow: hidden;} .ct_s05_03_01_img > div {display: block; height: 304px; overflow: hidden; margin-bottom: 12px;} .ct_s05_03_01_img > img {width: 100%;} /* 홍보자료실 : E-브로셔 */ .ct_s05_03_02 {height: auto; overflow: hidden;} .ct_s05_03_02.in_type01 {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;} .ct_s05_03_02_text {float: right; width: 410px; border: 0px solid blue;} .ct_s05_03_02_text > dl {margin-bottom: 5px;} .ct_s05_03_02_text > dl > dt {font-size:1.3em; color:#292929; font-weight: bold; padding: 2px 0 12px;} .ct_s05_03_02_text > dl > dd {margin-bottom: 3px;} .ct_s05_03_02_text > ol {margin-bottom: 20px; margin-left: 30px;} .ct_s05_03_02_text > ol > li {margin-bottom: 3px;list-style: decimal} .ct_s05_03_02_img {float: left; width: 540px; height: auto; overflow: hidden;} .ct_s05_03_02_img > div {display: block; height: 355px; overflow: hidden; margin-bottom: 12px;} .ct_s05_03_02_img > img {width: 100%;} .ct_s05_03_02_btn {display: block; text-align: right;} .ct_s05_03_02_btn a {display: inline-block; padding: 6px 48px 6px 18px; width: 91px; font-size: 1.1em; white-space: nowrap; font-weight: bold; text-align: left; border: 1px solid #bcbcbc; background:#f0f3f7 url("../../images/common/bg_icon_downlood_01_off.png") 122px 10px no-repeat;} .ct_s05_03_02_btn a:hover {color: #fff; border: 1px solid #d82900; background:#ee1c23 url("../../images/common/bg_icon_downlood_01_on.png") 122px 10px no-repeat;} .ct_s05_03_02_btn a:focus {color: #fff; border: 1px solid #d82900; background:#ee1c23 url("../../images/common/bg_icon_downlood_01_on.png") 122px 10px no-repeat;} /* 성동ING */ /* 성동뉴스 */ /* ========================================================================== */ /* 투자정보 */ /* ========================================================================== */ /* 경영정보 */ .ct_s06_01_div {float: left; width: 480px; height: auto; overflow: hidden; margin-right: 20px;} .ct_s06_01_div > span {display: block; height: 300px; overflow: hidden; text-align: center; border: 1px solid #e1e1e1;} .ct_s06_01_div > span > img {} .ct_s06_01_icon {width: 1020px; margin-bottom: 10px;} .ct_s06_01_icon > li {float: left; height: auto; overflow: hidden; width: 450px; margin-right: 50px; margin-bottom: 20px;} .ct_s06_01_icon > li > span {display: block; float: left; width: 100px; height: 100px; overflow: hidden;} .ct_s06_01_icon > li > span.in_title {width: 300px;} .ct_s06_01_icon > li > span.in_title > em {font-size: 3.2em; line-height: 2.4em; font-weight: bold; color: #292929;} .ct_s06_01_icon > li > span.in_img {width: 100px; margin-right: 20px;} .ct_s06_01_icon > li > span > img {width: 100%;} .ct_s06_01_icon_v1 {width: 1020px; margin-bottom: 10px;} .ct_s06_01_icon_v1 > li {float: left; height: auto; overflow: hidden; width: 480px; background-color: #ebecee; margin-right: 20px; margin-bottom: 20px;} .ct_s06_01_icon_v1 > li > span {display: block; float: left; width: 100px; height: 50px; overflow: hidden;} .ct_s06_01_icon_v1 > li > span.in_title {width: 140px; padding-left: 28px; padding-top: 3px;} .ct_s06_01_icon_v1 > li > span.in_title > em {display: block; font-size: 1.45em; font-weight: bold; color: #292929;} .ct_s06_01_icon_v1 > li > span.in_img {width: 305px; float: right; background-color: #ebecee;} .ct_s06_01_icon_v1 > li > span > img {} .ct_s06_01_data {position: relative; height: 280px; border: 1px solid #e1e1e1; background:transparent url("../../images/common/bg_transparency_15.png") left 234px repeat-x;} .ct_s06_01_data ol {height: auto; overflow: hidden;} .ct_s06_01_data ol li {position: relative; float: left; height: 240px;} .ct_s06_01_data ol li strong {position: absolute; left: 0; bottom: 0; display: block; text-align: center; color: #292929; z-index: 10;} .ct_s06_01_data ol li span {position: absolute; left: 0; bottom: 25px; display: block; text-align: center; z-index: 8;} .ct_s06_01_data ol li span em {display: block;} .ct_s06_01_data ol li span b {display: block; margin-top: 3px;} .ct_s06_01_data_01 {margin: 20px 0 0 25px;}/* 누적 선박인도 */ .ct_s06_01_data_01 > li {width: 55px;} .ct_s06_01_data_01 > li > strong {width: 40px;} .ct_s06_01_data_01 > li > span {width: 40px;} .ct_s06_01_data_01 > li > span > b {background: #f7941d;} .ct_s06_01_data_01 > li > span > b.in_2007 {height: 13px} .ct_s06_01_data_01 > li > span > b.in_2008 {height: 30px} .ct_s06_01_data_01 > li > span > b.in_2009 {height: 53px} .ct_s06_01_data_01 > li > span > b.in_2010 {height: 87px} .ct_s06_01_data_01 > li > span > b.in_2011 {height: 121px} .ct_s06_01_data_01 > li > span > b.in_2012 {height: 155px} .ct_s06_01_data_01 > li > span > b.in_2013 {height: 180px} .ct_s06_01_data_01 > li > span > b.in_2014 {height: 187px} .ct_s06_01_data_02 {margin: 20px 0 0 95px;}/* 누적 선형개발 실적 */ .ct_s06_01_data_02 > li {width: 80px;} .ct_s06_01_data_02 > li > strong {width: 40px;} .ct_s06_01_data_02 > li > span {width: 40px;} .ct_s06_01_data_02 > li > span > b {background: #ea060d;} .ct_s06_01_data_02 > li > span > b.in_2011 {height: 54px} .ct_s06_01_data_02 > li > span > b.in_2012 {height: 81px} .ct_s06_01_data_02 > li > span > b.in_2013 {height: 105px} .ct_s06_01_data_02 > li > span > b.in_2014 {height: 144px} /* 재무정보 */ .ct_s06_02 {height: auto; overflow: hidden;} .ct_s06_02_table {float: right; width:300px; border-collapse:collapse;} .ct_s06_02_table thead th {padding:6px 5px 5px; border: 1px solid #a8a8a8; border-right: none; font-weight:bold; fcolor:#292929; background-color:#dadde4;} .ct_s06_02_table tbody th {padding:6px 5px 5px; border-bottom: 1px solid #e1e1e1; text-align: left; vertical-align: middle; color: #292929; } .ct_s06_02_table td {height:auto; overflow:hidden; text-align: right; padding:7px 5px 5px; border-bottom: 1px solid #e1e1e1;} .ct_s06_02_table .in_textCenter{text-align:center;} .ct_s06_02_table .in_textRight{text-align:right;} .ct_s06_02_table .in_borderLeft0 {border-left: 0;} .ct_s06_02_table .in_borderTop {border-top: 1px solid #e1e1e1;} .ct_s06_02_img {float: left; width: 646px; height: 340px; overflow: hidden; margin-bottom: 40px; background-color: #dbdcde;} /* 재무정보 .ct_s06_02_table {width:220px; border-collapse:collapse; margin-bottom: 10px;} .ct_s06_02_table thead th {padding:6px 5px 5px; border: 1px solid #a8a8a8; border-right: none; font-weight:bold; fcolor:#292929; background-color:#dadde4;} .ct_s06_02_table tbody th {padding:6px 5px 5px; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; text-align: left; vertical-align: middle; background-color:#f8f9fb; font-weight: normal; color: #292929; } .ct_s06_02_table td {height:auto; overflow:hidden; text-align: right; padding:7px 5px 5px; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} .ct_s06_02_table .in_textCenter{text-align:center;} .ct_s06_02_table .in_textRight{text-align:right;} .ct_s06_02_table .in_borderLeft0 {border-left: 0;} */ /* ========================================================================== */ /* 기타 */ /* ========================================================================== */ /* Contact US */ .ct_contactUs_popup {width: 620px;}/* 결과창 */ .ct_contactUs {}/* 결과창 */ .ct_contactUs_img {height: auto; overflow: hidden; background-color: #e6e7e8; margin-bottom: 20px;} .ct_contactUs_img > span {display: block; text-align: center; height: 400px; overflow: hidden;} .ct_contactUs_img > p {text-align: center; padding-top: 9px; padding-bottom: 8px; color: #292929; margin-bottom: 0;} .ct_contactUs_text {height: auto; overflow: hidden; padding-bottom: 10px;} .ct_contactUs_text > dl {float: left; width: 270px; margin:0 0 20px 25px;} .ct_contactUs_text > dl > dt {font-size: 1.2em; color: #1c43f0; font-weight: bold; margin-bottom: 8px;} .ct_contactUs_text > dl > dd {padding-bottom: 5px; padding-left: 21px;} .ct_contactUs_text > dl > dd.in_tel {background:transparent url('../../images/common/bg_icon_tel.png') left 2px no-repeat;} .ct_contactUs_text > dl > dd.in_fax {background:transparent url('../../images/common/bg_icon_fax.png') left 2px no-repeat;} .ct_contactUs_text > dl > dd.in_mail {background:transparent url('../../images/common/bg_icon_mail.png') left 2px no-repeat;} .ct_contactUs_text > dl > dd > b {color: #292929;}