@charset "utf-8"; /********************************************************************** - Sub Style ----------------------------------------------------------------------- * Descript : 해당 사이트의 서브 레이아웃 스타일 서브페이지에서 사용되는 레이아웃 (ex. 좌측메뉴, 비쥬얼 등) 에 대한 스타일 정의. ----------------------------------------------------------------------- * 최초작성일 : * 최초작성자 : * 최후작성일 : * 최후작성자 : -- * 기본 가로 사이즈 : **********************************************************************/ #sub_top_visual { display: block; position: relative; background: 50% 50% no-repeat; background-size: auto 100%; } #sub_top_visual[data-menu="3"] { height: 550px; background-image: url('/images/visual/visual_3.jpg'); } #sub_top_visual[data-menu="6"] { height: 550px; background-image: url('/images/visual/visual_6.jpg'); } #sub_top_visual[data-menu="8"] { height: 550px; background-image: url('/images/visual/visual_4.jpg'); } #sub_top_visual[data-menu="9"] { height: 550px; background-image: url('/images/visual/visual_9.jpg'); } #sub_top_visual[data-menu="11"] { height: 200px; background-image: url('/images/visual/visual_11.jpg'); } #sub_top_visual[data-menu="12"] { height: 200px; background-image: url('/images/visual/visual_12.jpg'); } #sub_top_visual[data-menu="18"] { height: 550px; background-image: url('/images/visual/visual_18.jpg'); } #sub_top_visual[data-menu="19"] { height: 550px; background-image: url('/images/visual/visual_19.jpg'); } #sub_top_visual[data-menu="20"] { height: 550px; background-image: url('/images/visual/visual_20.jpg'); } #sub_top_visual[data-menu="21"] { height: 550px; background-image: url('/images/visual/visual_21.jpg'); } #sub_top_visual[data-menu="26"] { height: 550px; background-image: url('/images/visual/visual_26.jpg'); } #sub_top_visual[data-menu="27"] { height: 550px; background-image: url('/images/visual/visual_27.jpg'); } #sub_top_visual[data-menu="28"] { height: 550px; background-image: url('/images/visual/visual_28.jpg'); } #sub_top_visual[data-menu="member"] { height: 200px; background-image: url('/images/visual/visual_144.jpg'); } #lnb_box { height: 65px; z-index: 10; } #lnb_box #lnb_title { display: block; float: left; font-size: 22px; font-weight: 600; } #lnb_box #lnb_title > * { display: inline-block; vertical-align: middle; line-height: 65px; } #lnb_box #lnb_title span { font-size: 18px; font-family: 'Nanum Myeongjo', serif; margin-left: 10px; } #lnb_nav { position: relative; line-height: 65px; height: 65px; float: right; background: #f6f6f6; color: #000; padding-left: 20px; font-size: 16px; font-weight: 400; } #lnb_nav:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: #faa635; } #lnb_nav > * { display: inline-block; vertical-align: top; padding: 0 5px; } #lnb_nav i { font-family: 'NanumSquare'; } #lnb_nav dl { margin-left: 15px; padding: 0; background: #faa635; color: #fff; text-align: center; } #lnb_nav span.last, #lnb_nav dt a { display: block; padding: 0 80px 0 40px; } #lnb_nav span.last { display: inline-block; background: #faa635; color: #fff; text-align: center; margin-left: 15px; padding-right: 40px; } #lnb_nav dt a:after { content: ""; display: block; position: absolute; width: 30px; height: 30px; background: url('/images/sub/ico_lnb_nav.png') no-repeat 50% 50%; top: 50%; margin-top: -15px; right: 30px; } #lnb_nav dl.open a:after { background-image: url('/images/sub/ico_lnb_nav_on.png'); } #lnb_nav dd { display: none; line-height: 55px; } #lnb_nav dd a { display: block; } #lnb_nav dd a:hover, #lnb_nav dd li.check a { background: #eb7a00; } #cmm_customer_info { position: relative; padding-left: 485px; padding-right: 235px; overflow: hidden; } #cmm_customer_info .left { position: absolute; top: 0; left: 0; } #cmm_customer_info .right { position: absolute; top: 0; right: 0; } #cmm_customer_info .customer-form { position: relative; overflow: hidden; background: url('/images/contents/con_customer_04_bak.jpg') no-repeat 50% 50%; background-size: cover; } #cmm_customer_info .customer-form fieldset + fieldset { margin-top: 10px; } #cmm_customer_info .customer-form dt { float: left; } #cmm_customer_info .customer-form dd { float: left; width: 230px; padding-top: 35px; } #cmm_customer_info .customer-form .input { position: relative; } #cmm_customer_info .customer-form .input > * { height: 35px; width: 100%; box-sizing:border-box; } #cmm_customer_info .customer-form .check-box { color: #fff; font-size: 13px; padding-top: 15px; } #cmm_customer_info .customer-form .check-box input { display: none; } #cmm_customer_info .customer-form .check-box a { float: right; border-bottom: 1px solid #fff; } #cmm_customer_info .customer-form .check-box label { display: block; position: relative; float: left; } #cmm_customer_info .customer-form .check-box label:before { content: ""; display: inline-block; position: relative; vertical-align: middle; width: 15px; height: 15px; border: 1px solid #fff; box-sizing: border-box; margin-right: 5px; } #cmm_customer_info .customer-form .check-box input:checked + label:before { background-color: #faa635; } #cmm_customer_info .customer-form .button { padding-top: 20px; } #cmm_customer_info .customer-form .button button { background: #faa635; border: none; width: 100%; height: 40px; text-align: center; color: #fff; } #sub_content { overflow: hidden; border-top: 1px solid #eaeaea; } #sub_content.dept-1-2, #sub_content.dept-1-4, #sub_content.dept-1-5, #sub_content.dept-1-6, #sub_content.dept-1-10 { border-top: none; }