/* ******************************************************************************************************************************************************************** */ /* */ /* */ /* subNav_location */ /* */ /* */ /* ******************************************************************************************************************************************************************** */ /* ******************************************************************************************************************************************************************** */ /* PC버전 CSS */ /* ******************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .subNav_Location { width : 100%; height : auto; display : inline-block; text-align : center; border-bottom : 1px solid #eee; } .subNav_Location .navWrap { width : 100%; max-width : 1200px; margin : 0 auto; text-align : left; } .subNav_Location .navWrap ul { width : 100%; position : relative; } .subNav_Location .navWrap ul li { width : auto; float : left; line-height : 0; } .subNav_Location .navWrap ul li a { color : #fff; padding : 15px 20px; background : #333; display : inline-block; text-align : center; font-size : 14px; } .subNav_Location .navWrap ul li div { display : inline-block; padding : 11.5px 20px; border-right : 1px solid #eee; font-size : 14px; line-height : 1.5 } .subNav_Location .navWrap ul li strong { display : inline-block; font-size : 14px; padding : 11.5px 20px; } .subNavBasic { width : 100%; height : auto; margin : 0 auto; line-height : 0; position : relative; text-align : center; display : block; } .subNavBasic .subNavBasicWrap { width : 100%; height : auto; display : block; max-width : 1200px; margin : 0 auto; line-height : 0; margin-bottom : 30px; } .subNavBasic .subNavBasicWrap h1 { display : none; } .subNavBasic .subNavBasicWrap .divMenu4Side { width : 100%; height : auto; margin : 0 auto; display : inline-block; text-align : center; background-color : #fff; padding : 0; } .subNavBasic .subNavBasicWrap .divMenu4Side .submenu { height : auto; display : inline-block; padding : 0px 5px 0px 5px; text-align : center; margin-top : 5px; margin-bottom : 30px; } .subNavBasic .subNavBasicWrap .divMenu4Side .s1 a { display : none; color : #fff; } .subNavBasic .subNavBasicWrap .divMenu4Side .s2 a ,.subNavBasic .subNavBasicWrap .divMenu4Side .s3 a ,.subNavBasic .subNavBasicWrap .divMenu4Side .s4 a ,.subNavBasic .subNavBasicWrap .divMenu4Side .s5 a ,.subNavBasic .subNavBasicWrap .divMenu4Side .s6 a ,.subNavBasic .subNavBasicWrap .divMenu4Side .s7 a ,.subNavBasic .subNavBasicWrap .divMenu4Side .s8 a { width : 100%; height : auto; background-color : #e5e5e5; display : inline-block; color : #5A5B5C; font-size : 16px; font-weight : 300; text-align : center; line-height : 25px; padding-top : 11px; padding-bottom : 11px; } .subNavBasic .subNavBasicWrap .divMenu4Side .on a ,.subNavBasic .subNavBasicWrap .divMenu4Side .submenu a:hover { color : #FFFFFF; font-weight : 500; background : #333a44; } .subNavBasic .subNavBasicWrap .divMenu4Side .submenu.fullsubmenu a { background-color : #4374D9; color:#fff;} .subNavBasic .subNavBasicWrap .divMenu4Side .fullsubmenu a:hover { background-color : #006993; color:#fff;} .subNavBasic .subNavBasicWrap .divMenu4Side .fullsubmenu.on a { background-color : #006993 !important; color:#fff;} .subNavBasic .subNavBasicWrap .divMenu4Side .s8 ,.subNavBasic .subNavBasicWrap .divMenu4Side .s12 { width : 23%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s7 { width : 23%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s6 { width : 30%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s5 ,.subNavBasic .subNavBasicWrap .divMenu4Side .s9 { width : 18%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s4 { width : 22%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s3 { width : 23%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s2 { width : 23%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s1 { width : 0; display : none; } .subNavBasic .subNavBasicWrap .divMenu4Side .s2:nth-child(1) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s2:nth-child(2) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s3:nth-child(1) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s3:nth-child(2) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s3:nth-child(3) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s4:nth-child(1) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s4:nth-child(2) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s4:nth-child(3) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s4:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s5:nth-child(1) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s5:nth-child(2) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s5:nth-child(3) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s5:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s5:nth-child(5) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s6:nth-child(1) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s6:nth-child(2) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s6:nth-child(3) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s7:nth-child(1) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s7:nth-child(2) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s7:nth-child(3) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s7:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s8:nth-child(1) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s8:nth-child(2) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s8:nth-child(3) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s8:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s9:nth-child(1) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s9:nth-child(2) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s9:nth-child(3) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s9:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s9:nth-child(5) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s10:nth-child(1) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s10:nth-child(2) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s10:nth-child(3) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s10:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s10:nth-child(5) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s11:nth-child(1) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s11:nth-child(2) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s11:nth-child(3) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s11:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s12:nth-child(1) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s12:nth-child(2) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s12:nth-child(3) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s12:nth-child(4) { margin-top : 40px; margin-bottom : 10px; } @media (min-width:641px) and (max-width:1024px) { /* ******************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* ******************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .subNavBasic .subNavBasicWrap .divMenu4Side .s2 a ,.subNavBasic .subNavBasicWrap .divMenu4Side .s3 a ,.subNavBasic .subNavBasicWrap .divMenu4Side .s4 a ,.subNavBasic .subNavBasicWrap .divMenu4Side .s5 a ,.subNavBasic .subNavBasicWrap .divMenu4Side .s6 a ,.subNavBasic .subNavBasicWrap .divMenu4Side .s7 a ,.subNavBasic .subNavBasicWrap .divMenu4Side .s8 a { font-size : 14px; } } @media (max-width:640px) { /* ******************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* ******************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .subNav_Location { display : none; } .subNavBasic .subNavBasicWrap .divMenu4Side { text-align : left; } .subNavBasic .subNavBasicWrap .divMenu4Side .s8 ,.subNavBasic .subNavBasicWrap .divMenu4Side .s12 { width : 31%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s7 { width : 31%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s6 { width : 31%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s5 ,.subNavBasic .subNavBasicWrap .divMenu4Side .s9 { width : 31%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s4 { width : 45%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s3 { width : 31%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s2 { width : 45%; } .subNavBasic .subNavBasicWrap .divMenu4Side .s1 { width : 0; display : none; } .subNavBasic .subNavBasicWrap .divMenu4Side .submenu { padding : 0px 2px; } .subNavBasic .subNavBasicWrap .divMenu4Side .s2 a, .subNavBasic .subNavBasicWrap .divMenu4Side .s3 a, .subNavBasic .subNavBasicWrap .divMenu4Side .s4 a, .subNavBasic .subNavBasicWrap .divMenu4Side .s5 a, .subNavBasic .subNavBasicWrap .divMenu4Side .s6 a, .subNavBasic .subNavBasicWrap .divMenu4Side .s7 a, .subNavBasic .subNavBasicWrap .divMenu4Side .s8 a { font-size : 11px; } .subNavBasic .subNavBasicWrap .divMenu4Side .s2 a, .subNavBasic .subNavBasicWrap .divMenu4Side .s3 a, .subNavBasic .subNavBasicWrap .divMenu4Side .s4 a, .subNavBasic .subNavBasicWrap .divMenu4Side .s5 a, .subNavBasic .subNavBasicWrap .divMenu4Side .s6 a, .subNavBasic .subNavBasicWrap .divMenu4Side .s7 a, .subNavBasic .subNavBasicWrap .divMenu4Side .s8 a { padding-top : 3px; padding-bottom : 3px; } .subNavBasic .subNavBasicWrap .divMenu4Side .submenu:nth-child(1) ,.subNavBasic .subNavBasicWrap .divMenu4Side .submenu:nth-child(2) ,.subNavBasic .subNavBasicWrap .divMenu4Side .submenu:nth-child(3) { margin-top : 20px; margin-bottom : 5px; } .subNavBasic .subNavBasicWrap .divMenu4Side .s4:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s5:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s5:nth-child(5) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s6:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s6:nth-child(5) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s6:nth-child(6) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s7:nth-child(7) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s8:nth-child(7) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s8:nth-child(8) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s9:nth-child(7) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s9:nth-child(8) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s9:nth-child(9) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s10:nth-child(10) { margin-top : 5px; margin-bottom : 20px; } .subNavBasic .subNavBasicWrap .divMenu4Side .s7:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s7:nth-child(5) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s7:nth-child(6) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s8:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s8:nth-child(5) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s8:nth-child(6) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s9:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s9:nth-child(5) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s9:nth-child(6) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s10:nth-child(4) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s10:nth-child(5) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s10:nth-child(6) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s10:nth-child(7) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s10:nth-child(8) ,.subNavBasic .subNavBasicWrap .divMenu4Side .s10:nth-child(9) { margin-top : 5px; margin-bottom : 5px; } .subNavBasic .subNavBasicWrap .divMenu4Side .submenu:nth-child(1) ,.subNavBasic .subNavBasicWrap .divMenu4Side .submenu:nth-child(3n+1) { margin-left : 3.3%; } }