/* A A A : A : A : A : */ #sub1-1 { width : 100%; height : auto; font-size : min(1.8vw,25px); display : flex; font-family : "nanum"; flex-direction : column; align-items : center; justify-content : center; margin : 4.5em 0 0;} #sub1-1 .article_wrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center;} #sub1-1 .article_wrap .text { font-size : inherit; word-break : keep-all; text-align : center;} #sub1-1 .article_wrap .text.margin { margin-top : 1em;} #sub1-1 .article_wrap .text.w { color : #fff;} #sub1-1 .article_wrap.num .background { font-size : 1.7em; font-weight : 500; line-height : 1em; padding : 0.3em; background : #0e78ba; color : #fff; min-width : 11em; margin-top : 0.1em;} #sub1-1 .article_wrap.num .background span { color : #fff000; line-height : inherit; font-weight : 600; margin-top : 0.4em; display : block;} #sub1-1 .article_wrap .text.b { font-weight : 500;} #sub1-1 .article_wrap .text.r { background : #980000; color : #fff; line-height : 1em; padding : 0.3em;} #sub1-1 .article_wrap .text.r span { font-weight : 500; color : #fff000; line-height : inherit;} #sub1-1 .article_wrap.gradi { background: linear-gradient(to bottom, #fff 60%, #f7f7f7 60%); } #sub1-1 .article_wrap#sub1-1_top .top_logo { height : 2.3em; margin-bottom : 1.2em;} #sub1-1 .article_wrap#sub1-1_top .textBox { width : auto; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; padding : 0.7em 1em 0.8em; background : #0e78ba; margin : 1em 0;} #sub1-1 .article_wrap#sub1-1_top .textBox .dotTextWrap { font-size : 1.45em; font-weight : 700; color : #fff000; width : auto; display : flex; align-items : center; justify-content : center; margin-top : 0.3em;} #sub1-1 .article_wrap#sub1-1_top .textBox .dotTextWrap .dotText { margin-right : 0.3em; display : flex; flex-direction : column; align-items : center; line-height : 1em;} #sub1-1 .article_wrap#sub1-1_top .textBox .dotTextWrap .dotText:last-child { margin-right : 0;} #sub1-1 .article_wrap#sub1-1_top .textBox .dotTextWrap .dotText .dot { width : max(5px,0.2em); height : max(5px,0.2em); background : #fff000; border-radius : 50%; margin-bottom : max(3px,0.1em);} #sub1-1 .article_wrap#sub1-1_top .top_start { height : 6em; margin-top : 3em;} #sub1-1 .article_wrap.num { padding-top : 4em;} #sub1-1 .article_wrap.num .num_logo { height : 4em; margin-bottom : 1em;} #sub1-1 .article_wrap.num .division_imgWrap { width : 100%; height : auto; max-width : 1000px; grid-template-columns : repeat(2,calc(50% - 0.5em)); gap : 1.2em 1em; display : grid; margin : 1.4em 0;} #sub1-1 .article_wrap.num .division_imgWrap img { width : 100%;} #sub1-1 .article_wrap.num .saleTextWrap { width : auto; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; margin-bottom : 4em;} #sub1-1 .article_wrap.num .saleTextWrap img { height : 3em;} #sub1-1 .article_wrap.num .saleTextWrap .text.b { margin : 0.3em 0;} #sub1-1 .article_wrap.num .saleTextWrap .sale { font-size : 1.45em; line-height : 1em; background : #980000; color : #fff; font-weight : 500; padding : 0.2em; text-align : center;} #sub1-1 .article_wrap.num .slideWrap { width : 100%; height : auto; margin-top : 2.2em;} #sub1-1 .article_wrap.num .slideWrap img { width : 100%; height : 100%; object-fit : cover;} #sub1-1 .article_wrap.background { background : #f7f7f7;} #sub1-1 .article_wrap.num .subContImg { width : 80%; height : auto; max-width : 700px; margin-top : 3.5em;} #sub1-1 .article_wrap.num .innerWrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; font-size : 1.7em; background : #f7f7f7; margin-top : 0.8em;} #sub1-1 .article_wrap.num .innerWrap .background { font-size : 1em; display : flex; align-items : center; justify-content : center; margin-top : -0.7em;} #sub1-1 .article_wrap.num .innerWrap .background span { margin-top : 0; line-height : inherit;} #sub1-1 .article_wrap.num .innerWrap .background span.reg { font-weight : 400; margin : 0 0.2em;} #sub1-1 .article_wrap.num .innerWrap .ps { font-size : max(14px,0.5em); color : #555; line-height : 1em; margin : 0.7em 0 2.1em;} #sub1-1 .article_wrap.num .innerWrap .subContImg { margin-top : 0;} #sub1-1 #gaguyo_vr { margin : 4em 0;} @media (max-width:1024px) { /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #sub1-1 { font-size : min(2.8vw,20px); margin : 3.5em 0 0;} #sub1-1 .article_wrap#sub1-1_top .top_start { margin-top : 2em;} #sub1-1 .article_wrap.num { padding-top : 3em;} #sub1-1 .article_wrap.num .background { font-size : 1.5em;} #sub1-1 .article_wrap.num .saleTextWrap { margin-bottom : 3em;} #sub1-1 .article_wrap.num .innerWrap { font-size : 1.5em;} } @media (max-width:640px) { /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #sub1-1 { font-size : min(6vw,16px); margin : 3.2em 0 0;} #sub1-1 .article_wrap.num .background { font-size : 1.3em; margin-top : 0.2em;} #sub1-1 .article_wrap .text.r { line-height : 1.4em; margin-top : 0.2em; min-width : 16em;} #sub1-1 .article_wrap.num .saleTextWrap .sale { font-size : 1.15em; } #sub1-1 .article_wrap.num .innerWrap { font-size : 1.3em;} #sub1-1 #gaguyo_vr { margin : 3em 0;} } @media (max-width:300px) { /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #sub1-1 .contWrap .leftWrap .downWrap .line { margin-right : 0.5em;} #sub1-1 .contWrap .leftWrap .downWrap .downContWrap .downLogo { height : 3em;} #sub1-1 .contWrap .leftWrap .downWrap .downContWrap .downBtn img { height : 2em;} }