@import url("/css/common/base.css"); @import url("/css/common/bbs.css"); @import url("/css/layout/footer.css"); /*quicklink*/ /*20110713 yeri h1, h2 #quicklink {display:none;}*/ #quicklink h1{display:none;} #quicklink h2{display:none;} /*intro*/ #in_header {width:100%; height:438px; background:url('/images/main/in_visual_back01.gif') repeat-x;} #in_header #in_header_size {width:864px; height:438px; background:url('/images/main/in_visual_back.gif') no-repeat;} #in_header h1 {display:inline; position:absolute; top:20px; left:30px;} /*main*/ #m_header_ori {width:100%; height:106px; background:url('/images/main/in_visual_back01.gif') repeat-x;} #m_header_ori #m_header_size_ori {width:864px; height:106px; background:url('/images/main/m_visual_back.gif') no-repeat;} #m_header_ori h1 {display:inline; position:absolute; top:20px; left:30px;} #m_header {width:100%; height:106px; background:url('/images/main/in_visual_back01.gif') repeat-x;} #m_header #m_header_size {width:864px; height:106px; background:url('/images/main/m_visual_back_winter.gif') no-repeat;} #m_header h1 {display:inline; position:absolute; top:20px; left:30px;} /*sub_top*/ #header_ori { height:94px; width:100%; background:url('/images/common/sub_top_back.gif') repeat-x; } #header_ori #header_size { height:94px; width:864px; background:url('/images/common/sub_top.gif') no-repeat; } #header { height:94px; width:100%; background:url('/images/common/sub_top_back.gif') repeat-x; } #header #header_size { height:94px; width:864px; background:url('/images/common/sub_top_winter.gif') no-repeat; } #tnb {float:right; margin-top:5px;} #tnb li {float:left;} #header h1 {display:inline; position:absolute; top:20px; left:30px;} /*top menu*/ /*#gnb {visibility:hidden; display:none;}*/ #gnb {position:absolute; left:330px; top:35px; width:660px; height:36px; z-index:10;} #gnb img {vertical-align:top;} #gnb #gnb1, #gnb #gnb2, #gnb #gnb3, #gnb #gnb4, #gnb #gnb5, #gnb #gnb6 { position:absolute; top:1px; left:-100px; width:100px; text-align: left; z-index:10;} #gnb #gnb1 { left:0px;} #gnb #gnb2 { left:105px; } #gnb #gnb3 { left:210px; } #gnb #gnb4 { left:315px; } #gnb #gnb5 { left:431px; } #gnb ul{ display: block; } #gnb ul ul { position:relative; margin-top:0; display:block; float:left;} #gnb .gnb1_left {float:left; display:inline; width:15px; height:22px; background:url('/images/common/menu/gnb1_left.gif') no-repeat; } #gnb .gnb1_right {float:right; display:inline; width:15px; height:22px; background:url('/images/common/menu/gnb1_right.gif') no-repeat; } #gnb .gnb2_left {float:left; display:inline; width:15px; height:22px; background:url('/images/common/menu/gnb2_left.gif') no-repeat; } #gnb .gnb2_right {float:right; display:inline; width:15px; height:22px; background:url('/images/common/menu/gnb2_right.gif') no-repeat; } #gnb .gnb3_left {float:left; display:inline; width:15px; height:22px; background:url('/images/common/menu/gnb3_left.gif') no-repeat; } #gnb .gnb3_right {float:right; display:inline; width:15px; height:22px; background:url('/images/common/menu/gnb3_right.gif') no-repeat; } #gnb .gnb4_left {float:left; display:inline; width:15px; height:22px; background:url('/images/common/menu/gnb4_left.gif') no-repeat; } #gnb .gnb4_right {float:right; display:inline; width:15px; height:22px; background:url('/images/common/menu/gnb4_right.gif') no-repeat; } #gnb .gnb5_left {float:left; display:inline; width:15px; height:22px; background:url('/images/common/menu/gnb5_left.gif') no-repeat; } #gnb .gnb5_right {float:right; display:inline; width:15px; height:22px; background:url('/images/common/menu/gnb5_right.gif') no-repeat; } #gnb #gnb101 { width:380px; margin-left:10px; display:block; }/*background:url('/images/common/menu/gnb1_back.gif') repeat-x; */ #gnb #gnb201 { width:328px; margin-left:-80px; display:block;}/* background:url('/images/common/menu/gnb2_back.gif') repeat-x; */ #gnb #gnb301 { width:225px; margin-left:-70px; background:url('/images/common/menu/gnb3_back.gif') repeat-x; display:block;}/* */ #gnb #gnb401 { width:361px; margin-left:-190px; display:block;}/* background:url('/images/common/menu/gnb4_back.gif') repeat-x; */ #gnb #gnb501 { width:239px; margin-left:-140px; display:block;}/* background:url('/images/common/menu/gnb5_back.gif') repeat-x; */ #gnb li li { display:block; float:left; padding-right:0px; white-space:nowrap; overflow:visible} /*submenu*/ #snb_box{ float:left; width:176px;} #snb img {vertical-align:top;} #snb_top {margin-top:48px; font-size:0; line-height:0;} #snb_middle {width:176px; padding-bottom:10px; background:url('/images/common/snb_middle.gif') repeat-y;} #snb_middle li li {font-size:0; line-height:0; margin-left:5px;} #snb_middle ul ul {padding-bottom:5px;} #snb_middle #snb_nation {width:153px; margin-left:4px; padding:0 0 0 14px; background:url('/images/nation/common/snb_back.gif') repeat-y;} #snb_middle #snb_notify {width:153px; margin-left:4px; padding:0 0 0 14px; background:url('/images/notify/common/snb_back.gif') repeat-y;} #snb_middle #snb_information {width:153px; margin-left:4px; padding:0 0 0 14px; background:url('/images/information/common/snb_back.gif') repeat-y;} #snb_middle #snb_introduction {width:153px; margin-left:4px; padding:0 0 0 14px; background:url('/images/introduction/common/snb_back.gif') repeat-y;} #snb_middle #snb_service {width:153px; margin-left:4px; padding:0 0 0 14px; background:url('/images/service/common/snb_back.gif') repeat-y;} #snb_middle #snb_mypage {width:153px; margin-left:4px; padding:0 0 0 14px; background:url('/images/mypage/common/snb_back.gif') repeat-y;} /*#snb_middle #snb_nation li, #snb_middle #snb_notify li, #snb_middle #snb_info li, #snb_middle #snb_intro li, #snb_middle #snb_service li {padding:3px 0; line-height:0;} #snb_middle #snb_nation ul ul, #snb_middle #snb_notify ul ul, #snb_middle #snb_information ul ul, #snb_middle #snb_introduction ul ul, #snb_middle #snb_service ul ul {margin-left:15px;}*/ #snb_middle .snb_round { margin-left:4px; } #snb_middle .left_word {margin:0 4px 0 4px;} #snb_middle .left_word h4 {display:inline; margin-left:8px;} #snb_middle .left_word .more {margin-left:70px;} #snb_middle .left_word .left_word_box { background-color:#ecf9fd; border:0px; padding:5px; margin:0 5px 0 5px; font-size:11px;} #snb_bottom {width:176px; height:142px; background:url('/images/common/snb_bottom.gif') no-repeat;} #snb_bottom .left_search {padding:10px;} #snb_bottom .left_search h4 {height:16px; padding-bottom:4px;} #snb_bottom .left_search .left_search_input {border:1px solid #d3d1d1; width:105px; margin:0 3px 0 4px;} /*container-topsearch*/ #con_box {width:990px; margin-left:16px;} #container {float:left; width:672px;} #sub_nation_visual {float:left; width:672px; height:151px; background:url('/images/nation/common/sub_visual.gif') no-repeat;} #sub_notify_visual {float:left; width:672px; height:151px; background:url('/images/notify/common/sub_visual.gif') no-repeat;} #sub_information_visual {float:left; width:672px; height:151px; background:url('/images/information/common/sub_visual.gif') no-repeat;} #sub_introduction_visual {float:left; width:672px; height:151px; background:url('/images/introduction/common/sub_visual.gif') no-repeat;} #sub_service_visual {float:left; width:672px; height:151px; background:url('/images/service/common/sub_visual.gif') no-repeat;} #sub_mypage_visual {float:left; width:672px; height:151px; background:url('/images/mypage/common/sub_visual.gif') no-repeat;} #sub_nation_visual dl, #sub_notify_visual dl, #sub_information_visual dl, #sub_introduction_visual dl, #sub_service_visual dl, #sub_mypage_visual dl {float:left;} .top_search { margin:107px 0 0 80px;} .top_search dd {float:left;} .top_search .sch_title {width:55px; height:18px; margin-top:1px; background:url('/images/common/search_word.gif') no-repeat; text-indent:-1000px;} .top_search .sch_text {font-size:11px; color:#fff; margin:2px 6px 0 6px;} .top_search .sch_select { height:19px;} .top_search .sch_section { margin:-7px 6px 0 6px;} .top_search .sch_line { margin:1px 3px 0 7px;} .top_search .sch_input {border:1px solid #c7c7c7; background-color:#fff; margin:-1px 6px 0 6px; height:16px;} .top_search .guide {position:relative; top:1px; left:2px;} .top_search .guide dl {margin-left:0px;} .top_search .guide dd {margin:1px 3px;} .sch_select { border:1px solid #c7c7c7; height:19px;} /*contents*/ #contents {/*border-right:1px solid #cccbcb;*/clear:both; margin-left:35px; background:url('/images/common/contents_line.gif') right 0 repeat-y;} #contents #ring {position:relative; width:20px; top:86px !important; top:75px; height:17px; left:625px; background:url('/images/common/contents_ring.gif') right bottom no-repeat;} #contents #ring_01 {position:relative; width:20px; top:0px !important; top:0px; height:17px; left:625px; background:url('/images/common/contents_ring.gif') right bottom no-repeat;} #contents #ring_02 {position:relative; width:20px; top:54px !important; top:60px; height:17px; left:625px; background:url('/images/common/contents_ring.gif') right bottom no-repeat;} #location {float:right; font-size:11px; margin-right:30px;} #contents_area {} .snb_title {display:block; margin:0 0 5px -15px; padding-top:10px;} .box_about {clear:both; float:left; width:600px; margin-bottom:00px; /*background:url('/images/common/box_about_line.gif') 0 bottom no-repeat;*/} .box_about dt{float:left; margin:8px 8px 3px 8px; width:80px;} .box_about dd{float:left; margin-top:15px; margin-bottom:0px; width:480px;} .box_about dd li {padding-left:7px; background:url('/images/notify/icon_ball.gif') 0 5px no-repeat;} #contents_book {width:600px; clear:both; padding-top:12px;} .contents_book {width:600px; clear:both; padding-top:12px;} .na_nemobox{ background-color:#F8F8F8; width:580px !important; width:600px; border:1px dotted #cccccc; padding:10px; margin-top:15px; margin-bottom:15px; } /*information check*/ #info_check_01 {clear:both; width:608px; height:7px; line-height:0; font-size:0; background:url('/images/common/info_check_box01.gif') no-repeat;} #info_check_02 {clear:both; width:608px; padding:0 5px; background:url('/images/common/info_check_box02.gif') repeat-y; margin-bottom: 0;} #info_check_03 {clear:both; width:608px; height:7px; line-height:0; font-size:0; margin:0 0 10px 0; background:url('/images/common/info_check_box03.gif') no-repeat;} #info_check_04 {width:597px; height:29px; padding-top:3px; line-height:0; font-size:0; background:url('/images/common/info_check_box04.gif') no-repeat;} #info_check_04 dt {margin-left:9px;} #info_check_02 dt, #info_check_02 dd {float:left; display:inline;} #info_check_02 ul li {float:left; font-size:11px; } #info_check_02 ul li #verygood {margin-bottom:4px; margin-left:3px;} #info_check_02 ul li #good {margin-bottom:4px; margin-left:5px;} #info_check_02 ul li #normal{margin-bottom:4px; margin-left:5px;} #info_check_02 ul li #bad {margin-bottom:4px; margin-left:5px;} #info_check_02 ul li #verybad {margin-bottom:4px; margin-left:5px;} #info_check_02 #info_check_ok {padding-left:8px;} #info_check_02 .part {clear:both; font-size:11px; padding:7px 0 0 5px; height:25px;} #info_check_02 .part dt, #info_check_02 .part dd {float:left;} #info_check_02 .part dt {font-weight:bold; margin-right:3px;} #info_check_02 .part .name {float:left; width:210px;} #info_check_02 .part .call {float:left; width:150px;} #info_check_02 .part .fax {float:left; width:150px;} #info_check_02 .part .email {float:left; width:70px;} /*quick*/ #quick {position:absolute; top:95px; left:865px; float:left; width:120px; margin:120px 0 0 8px;} #quick_intro {position:absolute; top:250px; left:880px;} #quick_main {position:absolute; top:110px; left:880px;} /* 2009.10.26 yeri w3c css 2.1 원복*/ #quick_con {width:120px; height:208px;padding:3px 0px 0px 5px; background:url('/images/common/quick_back.gif') no-repeat;}/* #height:215px; */ #quick_con li {clear:both; display:block; padding:2px 0 6px 0; background:url('/images/common/quick_line.gif') 0 bottom no-repeat;} #quick_con img {vertical-align:top;} #quick_con .quick_sub {width:80px !important; width:85px; padding:2px; margin-left:12px; margin-top:3px; background-color:#f4f3f3;} #quick_con .quick_sub li { padding:1px 0 0 0; line-height:0; Background:url('/images/common/quick_no.gif') no-repeat;} #quick_con .quick_top {margin:3px 0 0 33px;} #quick_top {margin-left:40px; margin-top:5px;} a.pop:link, a.pop:visited { color:#fff; text-decoration:none; } a.pop:hover, a.pop:active { color:#fff; text-decoration:underline; } /*popup*/ .pw_p_top{background:url('/images/common/pw_top.gif') no-repeat; width:458px; height:24px;font-size:0px; } .pw_p_center{background:url('/images/common/pw_center.gif') repeat-y;width:458px; } .pw_p_bottom{background:url('/images/common/pw_bottom.gif') no-repeat; width:458px; height:24px;font-size:0px; }