/* A A A : A : A : A : */ .somangSub .topBannerWrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; font-size : min(1.7vw,20px); font-family : "nanum_square"; margin-bottom : 2em;} .somangSub .topBannerWrap .imgWrap { width : 100%; height : auto; aspect-ratio : 2000 / 460; position : relative; display : flex; align-items : center; justify-content : center;} .somangSub .topBannerWrap .imgWrap img { width : 100%; height : 100%; position : absolute; top : 0; left : 0; object-fit : cover;} .somangSub .topBannerWrap .imgWrap .textBox { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; position : relative; z-index : 1;} .somangSub .topBannerWrap .imgWrap .textBox .pageName { font-size : 2em; line-height : 1em; color : #fff;} .somangSub .topBannerWrap .imgWrap .textBox .route { font-size : max(14px,0.9em); color : #fff; line-height : 1em; margin-top : 1em;} .somangSub .topBannerWrap .imgWrap .naviBar { width : 15em; display : flex; align-items : center; justify-content : space-evenly; position : absolute; bottom : 0; transform : translateY(50%); background : #fff; padding : 1em 0; box-shadow : 0px 0px 5px 0px #757575bf;} .somangSub .topBannerWrap .imgWrap .naviBar.padding { padding : 0.7em 0;} .somangSub .topBannerWrap .imgWrap .naviBar a { display : inline-flex; line-height : 1em; width : 4em; justify-content : center; word-break : keep-all; font-family : "Noto Sans Kr"; transition : .2s; font-size : 0.9em;} .somangSub .topBannerWrap .imgWrap .naviBar a:hover { color : #33d7e5; transition : .2s;} .somangSub .topBannerWrap .imgWrap .naviBar a.on { color : #17a39f; pointer-events : none;} .somangSub .topBannerWrap .shadowBox { width : 100%; height : auto;} .somangSub .topBannerWrap .shadowBox img { width : 100%; height : auto;} .somangSub .topBannerWrap .titWrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center;} .somangSub .topBannerWrap .titWrap .tit { font-size : 1.3em; line-height : 1em; padding : 0.7em 1.4em; background : #17a39f; color : #fff; font-weight : 700; margin : 1em 0;} .somangSub .topBannerWrap .titWrap .subTitBox { font-size : 1.6em; display : inline-flex; flex-direction : column; align-items : center; max-width : calc(95% - 2em);} .somangSub .topBannerWrap .titWrap .subTitBox .quotation { width : 100%; height : 1.2em; display : flex;} .somangSub .topBannerWrap .titWrap .subTitBox .quotation img { width : auto; height : 100%; object-fit : contain;} .somangSub .topBannerWrap .titWrap .subTitBox .quotation.top { justify-content : flex-start;} .somangSub .topBannerWrap .titWrap .subTitBox .quotation.top img { margin-left : -1em;} .somangSub .topBannerWrap .titWrap .subTitBox .quotation.bot { justify-content : flex-end;} .somangSub .topBannerWrap .titWrap .subTitBox .quotation.bot img { margin-right : -1em;} .somangSub .topBannerWrap .titWrap .subTitBox .subTit { line-height : 1.2em; font-weight : 700; margin : 0.2em 0; text-align : center; word-break : keep-all;} .somangSub .topBannerWrap .titWrap .subTitBox .subTit span.normal { line-height : inherit; font-weight : inherit; color : #17a39f;} .somangSub .topBannerWrap .titWrap .subTitBox .subTit.b { font-weight : 900; color : #249aa5; margin-top : 0; margin-bottom : 0;} .somangSub .topBannerWrap .titWrap .subTitBox .subTit.b span { font-weight : 700; color : #555556;} .somangSub .wrap_sub { width : 100%; height : auto; display : flex; align-items : center; justify-content : center; font-size : min(1.8vw,20px); font-family : "nanum_square"; padding : 4.5em 0; flex-direction : column;} .somangSub .wrap_sub.grayBack { background : #eeeeee;} .somangSub .wrap_sub.whiteBack { padding-bottom : 0;} .somangSub .wrap_sub .innerWrap_sub { width : 90%; height : auto; display : flex; flex-direction : column; align-items : center; max-width : 1050px;} .somangSub .wrap_sub .innerWrap_sub.margin { margin : 2em 0;} .somangSub .wrap_sub .innerWrap_sub .titWrap_sub { width : 100%; display : flex; align-items : stretch; justify-content : flex-start; margin-bottom : 0.8em;} .somangSub .wrap_sub .innerWrap_sub .titWrap_sub.center { justify-content : center;} .somangSub .wrap_sub .innerWrap_sub .titWrap_sub .bar { width : max(2px,0.2em); height : auto; background : #13a39f; margin-right : 0.5em;} .somangSub .wrap_sub .innerWrap_sub .titWrap_sub .tit { font-size : 1.2em; font-weight : 700; line-height : 1.2em;} .somangSub .wrap_sub .innerWrap_sub .ps { width : 100%; line-height : 1em; margin-bottom : 1em; font-size : 0.95em; color : #777777; word-break : keep-all;} .somangSub .wrap_sub .innerWrap_sub .explainWrap { width : 100%; height : auto; background : #ffffff80; padding : 1em;} .somangSub .wrap_sub .innerWrap_sub .explainWrap .explain { color : #555556; word-break : keep-all;} .somangSub .wrap_sub .innerWrap_sub .explainWrap .explain.indent { text-indent : -0.7em; margin-left : 0.7em; line-height : 1.4em; display : flex; flex-wrap : wrap; align-items : center; margin-bottom : 0.5em;} .somangSub .wrap_sub .innerWrap_sub .explainWrap .explain.indent:last-child { margin-bottom : 0;} .somangSub .wrap_sub .innerWrap_sub .explainWrap .explain .color { color : #13a39f; font-weight : 700;} .somangSub .wrap_sub .innerWrap_sub .explainWrap .explain.indent span { line-height : inherit; margin-right : 0.5em;} .somangSub .wrap_sub .innerWrap_sub .explainWrap .explain.indent span.box { font-size : max(12px,0.8em); color : #fff; padding : 0.4em; background : #13a39f; line-height : 1em; display : inline-flex; text-indent : 0; margin-right : 0;} .somangSub .wrap_sub .innerWrap_sub .listWrap_sub { width : 100%; height : auto; display : flex; flex-direction : column; margin-top : 0.5em; align-items : center; border-bottom : 4px solid #13a39f;} .somangSub .wrap_sub .innerWrap_sub .listWrap_sub.margin { margin-bottom : 3em;} .somangSub .wrap_sub .innerWrap_sub .listWrap_sub .listTit { width : 100%; height : auto; color : #fff; background : #13a39f; text-align : center; line-height : 1em; font-weight : 700; padding : 0.8em 0;} .somangSub .wrap_sub .innerWrap_sub .listWrap_sub .listInnerWrap { width : 97%; height : auto; display : flex; align-items : center; flex-direction : column;} .somangSub .wrap_sub .innerWrap_sub .listWrap_sub .listInnerWrap .list { width : 100%; height : auto; display : flex; align-items : center; justify-content : flex-start; padding : 1em 0.5em; font-size : 0.95em; border-bottom : 2px dashed #95bcba;} .somangSub .wrap_sub .innerWrap_sub .listWrap_sub .listInnerWrap .list:last-child { border-bottom : none;} .somangSub .wrap_sub .innerWrap_sub .listWrap_sub .listInnerWrap .list .list_name { width : 11em; height : auto; display : flex; align-items : center; justify-content : center; border-radius : 7px; background : #eeefef; padding : 0.7em 0; color : #333333; line-height : 1em;} .somangSub .wrap_sub .innerWrap_sub .listWrap_sub .listInnerWrap .list .list_text { width : calc(100% - 11em); padding-left : 1.2em; word-break : keep-all; color : #555555;} .somangSub .wrap_sub .innerWrap_sub .listWrap_sub .listInnerWrap .list .list_text span { color : #fff000; background : #555555;} .somangSub .wrap_sub .innerWrap_sub .imgWrap_sub { width : 100%; height : auto; margin : 2.2em 0 4.2em;} .somangSub .wrap_sub .innerWrap_sub .imgWrap_sub img { width : 100%; height : auto;} .somangSub .wrap_sub .innerWrap_sub .procedureWrap { width : 100%; height : auto; margin : 1em 0 2em;} .somangSub .wrap_sub .innerWrap_sub .procedureWrap img { width : 100%; height : auto;} .somangSub .wrap_sub .innerWrap_sub .tableWrap { width : 100%; height : auto; overflow : auto; font-family : "Noto Sans Kr";} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox { width : 100%; height : auto; display : flex; flex-direction : column; align-items : flex-start;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox .tableHeadWrap { width : 100%; display : flex; align-items : stretch; justify-content : flex-start; background : #249aa5;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox .tableValueWrap { width : 100%; display : flex; flex-direction : column; align-items : flex-start; background : #fff;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox .tableHeadWrap .tableHead { display : flex; align-items : center; justify-content : center; border-right : 1px solid #fff;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox .tableHeadWrap .tableHead:last-child { border-right : none;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox .tableHeadWrap .tableHead p { line-height : 1em; color : #fff; padding : 0.9em 0; text-align : center; font-size : 0.9em; display : flex; flex-direction : column; align-items : center;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox .tableValueWrap .tableValue { width : 100%; display : flex; align-items : stretch; justify-content : center; border-bottom : 1px solid #c9c9ca;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox .tableValueWrap .tableValue p { line-height : 1em; color : #777; padding : 0.9em 0; text-align : center; font-size : 0.9em; border-right : 1px solid #c9c9ca; display : flex; flex-direction : column; align-items : center; justify-content : center;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox .tableHeadWrap .tableHead p span, .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox .tableValueWrap .tableValue p span { font-size : max(12px,0.85em); line-height : 1em; margin-top : 0.3em;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox .tableValueWrap .tableValue p span { margin-top : 0.2em;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox .tableValueWrap .tableValue p:last-child { border-right : none;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.a { min-width : 560px;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.a .tableHeadWrap .tableHead:nth-child(1), .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.a .tableHeadWrap .tableHead:nth-child(2), .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.a .tableValueWrap .tableValue p { width : calc(100% / 5);} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.a .tableHeadWrap .tableHead:nth-child(3) { width : calc(calc(100% / 5) * 3); flex-wrap : wrap;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.a .tableHeadWrap .tableHead:nth-child(3) p { width : calc(100% / 3); border-right : 1px solid #fff;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.a .tableHeadWrap .tableHead:nth-child(3) p:first-child { width : 100%; border-bottom : 1px solid #fff;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.a .tableHeadWrap .tableHead:nth-child(3) p:first-child, .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.a .tableHeadWrap .tableHead:nth-child(3) p:last-child { border-right : none;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.b { min-width : 750px;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.b .tableHeadWrap .tableHead, .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.b .tableValueWrap .tableValue p { width : calc(100% / 6);} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.b .tableHeadWrap .tableHead { border-right : 1px solid #c9c9ca;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.b .tableHeadWrap .tableHead:first-child { border-bottom : 1px solid #c9c9ca;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.b .tableHeadWrap .tableHead:first-child p { margin-top : 1px;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.b .tableValueWrap .tableValue p { padding : 0.6em 0;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.b .tableValueWrap .tableValue p:first-child { background : #249aa5; color : #fff;} .somangSub .wrap_sub .innerWrap_sub .linkBtn { width : auto; display : inline-flex; align-items : center; justify-content : center; line-height : 1em; background : #e06969; font-family : "Noto Sans Kr"; color : #fff; transition : .2s; padding : 0.7em 1.4em; margin-top : 2.8em;} .somangSub .wrap_sub .innerWrap_sub .linkBtn:hover { background : #fd7979; transition : .2s;} .somangSub .wrap_sub .innerWrap_sub .linkBtn img { width : auto; height : 1.2em; margin-right : 0.5em;} @media (max-width : 1024px){ /* A A A : A : A : A : */ .somangSub .topBannerWrap { font-size : min(2.2vw,18px);} .somangSub .topBannerWrap .imgWrap { aspect-ratio : 2000 / 525; min-height : 200px;} .somangSub .wrap_sub { font-size : min(2.45vw,18px);} } @media (max-width : 640px){ /* A A A : A : A : A : */ .somangSub .topBannerWrap { font-size : min(3.9vw,16px);} .somangSub .topBannerWrap .imgWrap { aspect-ratio : 2000 / 820; min-height : unset;} .somangSub .topBannerWrap .imgWrap .textBox .pageName { font-size : 1.7em;} .somangSub .topBannerWrap .titWrap .tit { font-size : 1.1em; margin : 2.5em 0 1em;} .somangSub .topBannerWrap .titWrap .subTitBox { font-size : 1.2em;} .somangSub .wrap_sub { font-size : min(3.9vw,16px);} .somangSub .wrap_sub .innerWrap_sub .titWrap_sub .tit { font-size : 1.1em;} .somangSub .wrap_sub .innerWrap_sub .listWrap_sub.margin { margin-bottom : 2em;} .somangSub .wrap_sub .innerWrap_sub .listWrap_sub .listInnerWrap .list { align-items : center; flex-direction : column; } .somangSub .wrap_sub .innerWrap_sub .listWrap_sub .listInnerWrap .list .list_name { margin-bottom : 0.5em; } .somangSub .wrap_sub .innerWrap_sub .listWrap_sub .listInnerWrap .list .list_text { padding-left : 0; text-align : center; width : 100%;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.a { min-width : 470px;} .somangSub .wrap_sub .innerWrap_sub .tableWrap .tableBox.b { min-width : 650px;} .somangSub .wrap_sub .innerWrap_sub .linkBtn { margin-top : 2.5em;} } @media (max-width : 300px){ /* A A A : A : A : A : */ .somangSub .topBannerWrap { font-size : 12px;} .somangSub .topBannerWrap .imgWrap { aspect-ratio : unset; height : 120px;} .somangSub .topBannerWrap .imgWrap .textBox .pageName { font-size : 1.5em;} .somangSub .topBannerWrap .imgWrap .textBox .route { font-size : 12px;} .somangSub .topBannerWrap .imgWrap .naviBar { padding : 0.7em 0;} .somangSub .topBannerWrap .titWrap .subTitBox { font-size : 14px;} .somangSub .wrap_sub { font-size : 12px;} .somangSub .wrap_sub .innerWrap_sub .listWrap_sub .listInnerWrap .list { font-size : 12px;} .somangSub .wrap_sub .innerWrap_sub .linkBtn { padding : 0.7em 1em;} }