/* ******************************************************************************************************************************************************************************** */ /* */ /* */ /* [Template] SubLocation */ /* */ /* */ /* ******************************************************************************************************************************************************************************** */ /* ******************************************************************************************************************************************************************************** */ /* PC버전 CSS */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .SubLocation { width : 100%; height : auto; display : inline-block; text-align : center; margin-top : 0px; position : relative; } .SubLocation .SubLocationWrap { width : 100%; height : auto; display : inline-block; text-align : center; max-width : 1200px; position : relative; } .SubLocation .SubLocationWrap .SubLocation_Image { width : 100%; height : auto; } .SubLocation .SubLocationWrap .SubLocation_Image img { width : 100%; height : auto; } .SubLocation .SubLocationWrap .SubLocation_Text { width : 100%; height : auto; display : inline-block; background-color : #888; padding : 15px 10px; position : relative; text-align : center; } .SubLocation .SubLocationWrap .SubLocation_Text .inlineWrap { display : inline; } .SubLocation .SubLocationWrap .SubLocation_Text .onelineWrap { display : inline-block; width:50%; height:auto; float:left; text-align:left; padding-left:calc(20% + 5px);} .SubLocation .SubLocationWrap .SubLocation_Text .inlineWrap p ,.SubLocation .SubLocationWrap .SubLocation_Text .onelineWrap p { font-size : 16px; color : #fff; font-weight : 300; display : inline; padding-right : 40px; } .SubLocation .SubLocationWrap .SubLocation_Text .inlineWrap:nth-child(3n) p ,.SubLocation .SubLocationWrap .SubLocation_Text .onelineWrap:nth-child(3n) p { padding-right : 0px !important; } .SubLocation .SubLocationWrap .SubLocation_Text .inlineWrap p strong ,.SubLocation .SubLocationWrap .SubLocation_Text .onelineWrap p strong { padding-right : 15px; display : block; display : inline; font-size : 16px; color : #ccc; font-weight : 400; } .SubLocation .SubTrafficWrap { width : 100%; height : auto; display : inline-block; max-width : 1100px; text-align : left; margin-top : 15px; margin-bottom : 45px; } .SubLocation .SubTrafficWrap .SubTrafficTitle { width : 100%; height : auto; display : inline-block; margin-top : 30px; } .SubLocation .SubTrafficWrap .SubTrafficTitle img { width : 80px; height : auto; } .SubLocation .SubTrafficWrap .SubTrafficTitle .SubTraffic_Title { font-size : 24px; color : #888888; font-weight : 500; margin-left : 15px; } .SubLocation .SubTrafficWrap .SubTraffic { width : 95%; height : auto; display : inline-block; text-align : left; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap { width : 48%; height : auto; display : inline-block; margin : 0% 1%; float : left; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap .SubTraffic_DetailTitle { width : auto; padding : 5px 20px; background-color : #c9c9ca; text-align : left; margin-top : 15px; display : inline-block; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap .SubTraffic_DetailTitle p { color : #333; font-size : 18px; font-weight : 400; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap .SubTraffic_DetailContents { width : 100%; height : auto; padding : 10px 15px; background-color : #fff; display : inline-block; text-align : left; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap .SubTraffic_DetailContents p { color : #333; font-size : 16px; font-weight : 400; } .SubLocation .SubTrafficWrap .SubTraffic .etcFont { padding-left : 2%; color : #333; font-size : 16px; font-weight : 300; line-height : 2.4em;} .SubLocation .SubOperatTimeWrap { width : 100%; height : auto; display : inline-block; max-width : 1100px; text-align : center; margin-top : 15px; margin-bottom : 45px; } .SubLocation .SubOperatTimeWrap .SubOperatTimeTitle { width : 100%; height : auto; display : inline-block; margin-top : 20px; } .SubLocation .SubOperatTimeWrap .SubOperatTimeTitle img { width : 55px; height : auto; } .SubLocation .SubOperatTimeWrap .SubOperatTimeTitle .SubOperatTimeWrap_Title { font-size : 24px; color : #888888; font-weight : 500; margin-left : 15px; line-height : 2.7em; } .SubLocation .SubOperatTimeWrap .subOperatTime_Table { width : 100%; height : auto; display : table; padding : 0 2%; margin-top : 30px; } .SubLocation .SubOperatTimeWrap .subOperatTime_Table .SubOperatTime_Green { width : 30%; padding : 10px 20px; background-color : #9dc814; text-align : center; display : table-cell; vertical-align : middle; } .SubLocation .SubOperatTimeWrap .subOperatTime_Table .SubOperatTime_Red { width : 30%; padding : 10px 20px; background-color : #e50011; text-align : center; display : table-cell; vertical-align : middle; } .SubLocation .SubOperatTimeWrap .subOperatTime_Table .SubOperatTime_Purple { width : 30%; padding : 10px 20px; background-color : #c60080; text-align : center; display : table-cell; vertical-align : middle; } .SubLocation .SubOperatTimeWrap div p { color : #fff; font-size : 18px; font-weight : 400; } .SubLocation .SubLocationWrap a { font-size : 15px; font-weight : 500; background-color : #fff; border : 1px solid #ccc; color : #777; text-align : right; display : inline-block; margin-top : 10px; padding : 10px 45px; margin-bottom : 20px;} .SubLocation .SubLocationWrap .map { width : 100%; height : 450px; margin : 0px 0px 30px 0px; } @media (min-width:751px) and (max-width:1024px) { .SubLocation .SubTrafficWrap { width : 90%; } .SubLocation .SubTrafficWrap .SubTrafficTitle { width : 100%; height : auto; display : inline-block; margin-top : 30px; } .SubLocation .SubTrafficWrap .SubTraffic { width : 100%; height : auto; display : inline-block; text-align : left; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap { width : 100%; margin : 0%; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap:nth-child(2n) { margin-top : 10px; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap .SubTraffic_DetailTitle { width : auto; padding : 5px 20px; background-color : #c9c9ca; text-align : left; margin-top : 15px; display : inline-block; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap .SubTraffic_DetailTitle p { color : #333; font-size : 18px; font-weight : 400; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap .SubTraffic_DetailContents { width : 100%; height : auto; padding : 10px 15px; background-color : #fff; display : inline-block; text-align : left; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap .SubTraffic_DetailContents p { color : #333; font-size : 16px; font-weight : 400; } .SubLocation .SubTrafficWrap .SubTraffic .etcFont { padding-left : 2%; color : #333; font-size : 16px; font-weight : 300; line-height : 2.4em;} .SubLocation .SubOperatTimeWrap { width : 100%; height : auto; display : inline-block; max-width : 1100px; text-align : center; margin-top : 15px; margin-bottom : 45px; } .SubLocation .SubOperatTimeWrap .SubOperatTimeTitle { width : 100%; height : auto; display : inline-block; margin-top : 20px; } .SubLocation .SubOperatTimeWrap .SubOperatTimeTitle img { width : 55px; height : auto; } .SubLocation .SubOperatTimeWrap .SubOperatTimeTitle .SubOperatTimeWrap_Title { font-size : 24px; color : #888888; font-weight : 500; margin-left : 15px; line-height : 2.7em; } .SubLocation .SubOperatTimeWrap .SubOperatTime_Green { width : 60%; margin : 20px 10px 10px 10px; } .SubLocation .SubOperatTimeWrap .SubOperatTime_Red { width : 60%; margin : 10px 10px 10px 10px; } .SubLocation .SubOperatTimeWrap .SubOperatTime_Purple { width : 60%; margin : 10px 10px 10px 10px; } .SubLocation .SubLocationWrap a { font-size : 15px; font-weight : 500; background-color : #fff; border : 1px solid #ccc; color : #777; text-align : right; display : inline-block; margin-top : 10px; padding : 10px 45px; margin-bottom : 20px;} .SubLocation .SubLocationWrap .map { width : 100%; height : 450px; margin : 20px 0; } } @media (min-width:0px) and (max-width:750px) { /* ******************************************************************************************************************************************************************************** */ /* Tablet CSS */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .SubLocation { margin-top : 0px; } .SubLocation .SubLocationWrap .SubLocation_Text .inlineWrap { display : inline-block; width : 100%; height : auto; padding : 0 5%; text-align : left; } .SubLocation .SubLocationWrap { width : 100%; height : auto; display : inline-block; text-align : center; max-width : 1200px; position : relative; } .SubLocation .SubLocationWrap a { font-size : 13px; font-weight : 400; background-color : #fff; border : 1px solid #ccc; display : inline-block; margin-top : 6px; padding : 5px 25px; margin-bottom : 20px;} .SubLocation .SubLocationWrap .map { width : 100%; height : 250px; } .Organization_Chart01 .SubBgLogo { width : 100%; height : auto; display : inline-block; text-align : center; position : relative; max-width : 200px;} .Organization_Chart01 .SubBgLogo img { width : 100%; height : auto; display : block; margin-top : -60px; } .Organization_Chart01 .Organization_Chart01_Bottom .Organization_Chart01_BottomWrap .OrganizationShadowImg { width : 70%; height : auto; } .SubLocation .SubTrafficWrap { width : 90%; margin : 0px 0px 30px 0px; } .SubLocation .SubTrafficWrap .SubTrafficTitle { width : 100%; height : auto; display : inline-block; margin-top : 30px; } .SubLocation .SubTrafficWrap .SubTrafficTitle img { width : 60px; height : auto; } .SubLocation .SubTrafficWrap .SubTrafficTitle .SubTraffic_Title { font-size : 20px; line-height : 1em; } .SubLocation .SubTrafficWrap .SubTraffic { width : 100%; height : auto; display : inline-block; text-align : left; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap { width : 100%; margin : 0%; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap:nth-child(2n) { margin-top : 5px; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap .SubTraffic_DetailTitle { width : auto; padding : 5px 20px; background-color : #c9c9ca; text-align : left; margin-top : 10px; display : inline-block; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap .SubTraffic_DetailTitle p { color : #333; font-size : 15px; font-weight : 400; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap .SubTraffic_DetailContents { width : 100%; height : auto; padding : 10px 15px; background-color : #fff; display : inline-block; text-align : left; } .SubLocation .SubTrafficWrap .SubTraffic .SubTraffic_DetailWrap .SubTraffic_DetailContents p { color : #333; font-size : 14px; font-weight : 400; } .SubLocation .SubTrafficWrap .SubTraffic .etcFont { padding-left : 2%; color : #333; font-size : 16px; font-weight : 300; line-height : 2.4em;} .SubLocation .SubOperatTimeWrap { width : 100%; height : auto; display : inline-block; max-width : 1100px; text-align : center; margin-top : 0px; margin-bottom : 25px; } .SubLocation .SubOperatTimeWrap .SubOperatTimeTitle { width : 100%; height : auto; display : inline-block; margin-top : 0px; } .SubLocation .SubOperatTimeWrap .SubOperatTimeTitle img { width : 35px; height : auto; } .SubLocation .SubOperatTimeWrap .SubOperatTimeTitle .SubOperatTimeWrap_Title { font-size : 20px; color : #888888; font-weight : 500; margin-left : 15px; line-height : 2em; } .SubLocation .SubOperatTimeWrap .subOperatTime_Table { width : 90%; height : auto; display : inline-block; padding : 0 2%; margin-top : 30px; } .SubLocation .SubOperatTimeWrap .subOperatTime_Table .SubOperatTime_Green { width : 96%; padding : 10px 20px; background-color : #9dc814; text-align : center; display : inline-block; vertical-align : middle; } .SubLocation .SubOperatTimeWrap .subOperatTime_Table .SubOperatTime_Red { width : 96%; padding : 10px 20px; background-color : #e50011; text-align : center; display : inline-block; vertical-align : middle; } .SubLocation .SubOperatTimeWrap .subOperatTime_Table .SubOperatTime_Purple { width : 96%; padding : 10px 20px; background-color : #c60080; text-align : center; display : inline-block; vertical-align : middle; } .SubLocation .SubOperatTimeWrap .SubOperatTime_Green { width : 80%; margin : 20px 10px 10px 10px; } .SubLocation .SubOperatTimeWrap .SubOperatTime_Red { width : 80%; margin : 10px 10px 10px 10px; } .SubLocation .SubOperatTimeWrap .SubOperatTime_Purple { width : 80%; margin : 10px 10px 10px 10px; } .SubLocation .SubOperatTimeWrap div p { color : #fff; font-size : 15px; font-weight : 400; } } @media (min-width:0px) and (max-width:640px) { /* ******************************************************************************************************************************************************************************** */ /* Mobile CSS */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .Organization_Chart01 { margin-top : 30px; padding-bottom : 0px; } .Organization_Chart01 .Organization_Chart01_TopWrap img { width : 80%; height : auto; } .Organization_Chart01 .Organization_Chart01_Bottom .Organization_Chart01_BottomWrap { width : 100%; height : auto; display : inline-block; text-align : center; max-width : 1300px; padding-bottom : 80px; } .Organization_Chart01 .Organization_Chart01_Bottom .Organization_Chart01_BottomWrap .OrganizationContent { width : 90%; } .Organization_Chart01 .Organization_Chart01_Bottom .Organization_Chart01_BottomWrap .OrganizationShadowImg { width : 80%; height : auto; } .Organization_Chart01 .Organization_Chart01_Bottom .Organization_Chart01_BottomWrap .OrganizationContent { margin-top : 30px; } .Organization_Chart01 .SubBgLogo { width : 100%; height : auto; display : inline-block; text-align : center; position : relative; max-width : 150px; } .Organization_Chart01 .SubBgLogo img { width : 100%; height : auto; display : block; margin-top : -40px; } }