/* A A A : A : A : A : */ .boryeong_sub { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; font-size : min(1.7vw,23px); font-family : "nanum_square"; margin-top : 105px;} .boryeong_sub .topWrap { width : 100%; height : auto; aspect-ratio : 1920 / 550; } .boryeong_sub .topWrap img { width : 100%; height : 100%; object-fit : cover;} .boryeong_sub .layerWrap { width : 100%; height : auto; display : flex; justify-content : center; align-items : center;} .boryeong_sub .layerWrap .layer { width : 90%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; background : #fff; max-width : 1400px; border-top-left-radius : 27px; border-top-right-radius : 27px; margin-top : -4em; padding : 1.8em 0 2.7em;} .boryeong_sub .layerWrap .layer .layerTitWrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; margin-bottom : 1.8em;} .boryeong_sub .layerWrap .layer .layerTitWrap img { height : 2.27em; opacity : .5;} .boryeong_sub .layerWrap .layer .layerTitWrap .subTit { font-size : 0.8em; line-height : 1em; margin : 0.8em 0 1em;} .boryeong_sub .layerWrap .layer .layerTitWrap .tit { font-size : 1.5em; line-height : 1em; font-weight : 700;} .boryeong_sub .layerWrap .layer .layerTitWrap .tit span { line-height : inherit; color : #664024;} .boryeong_sub .layerWrap .layer .layerText { font-size : 1.57em; line-height : 1em; font-family : "nanum_dobi"; white-space : nowrap;} .boryeong_sub .layerWrap .layer .layerText span.back { background : #980000; line-height : 1em; color : #fff; padding : 0 0.1em 0.1em; font-weight : 600;} .boryeong_sub .layerWrap .layer .layerText span.back .yellow { line-height : inherit; color : #fff000;} .boryeong_sub .gradientWrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; padding : 2.2em 0; background-image : url("../Image/gradientBack.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat;} .boryeong_sub .gradientWrap .titWrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; } .boryeong_sub .gradientWrap .titWrap .tit { color : #fff; text-shadow : 1px 1px 1px #00000099; line-height : 1em;} .boryeong_sub .gradientWrap .titWrap .yellow { font-size : 1.54em; color : #fff000; text-shadow : 1.6px 1.6px 1.6px #00000099; font-weight : 800; line-height : 1em; margin : 0.3em 0 0.5em;} .boryeong_sub .gradientWrap .titWrap .line { width : 3em; height : max(2px,0.22em); background : #c6c6c6;} .boryeong_sub .gradientWrap img { margin : 1.2em 0;} .boryeong_sub#sub1-1 .gradientWrap img { height : 4.7em;} .boryeong_sub#sub1-2 .gradientWrap img { height : 1.9em;} .boryeong_sub#sub1-3 .gradientWrap img { height : 2.15em; margin-bottom : 0;} .boryeong_sub .gradientWrap .gray { font-size : 1.1em; color : #fff; line-height : 1em; background : #999999; border-radius : 17px; padding : 0.3em 1.8em; font-family : "nanum_dobi"; margin-bottom : 1.1em;} .boryeong_sub .gradientWrap .textWrap { width : auto; background : #ffffff80; word-break : keep-all; padding : 0.5em 1em; max-width : 90%;} .boryeong_sub#sub1-2 .gradientWrap .textWrap { font-size : 0.85em; padding : 1em 1.5em; } .boryeong_sub .vrWrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; margin : 4em 0 3em;} .boryeong_sub .vrWrap .shadow { width : 60%; height : auto; max-width : 910px;} .boryeong_sub .vrWrap .titWrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center;} .boryeong_sub .vrWrap .titWrap .top { font-size : 1.1em; line-height : 1em; background : #664024; color : #fff; padding : 0.3em 1.2em;} .boryeong_sub .vrWrap .titWrap .top span { color : #fff000; font-weight : 700; line-height : inherit;} .boryeong_sub .vrWrap .titWrap .sub { text-align : center; word-break : keep-all; margin-top : 0.85em;} .boryeong_sub .vrWrap .titWrap .sub span { font-weight : 800; color : #664024;} .boryeong_sub .vrWrap .vrLink { width : 60%; height : auto; aspect-ratio : 904 / 447; display : flex; flex-direction : column; align-items : center; justify-content : center; position : relative; max-width : 910px;} .boryeong_sub .vrWrap .vrLink .back { width : 100%; height : 100%; object-fit : cover; position : absolute; top : 0; left : 0; } .boryeong_sub .vrWrap .vrLink .center { width : auto; height : auto; display : inline-flex; flex-direction : column; align-items : center; justify-content : center; position : relative; z-index : 1; min-width : 13.8em; background : #ffffffbf; padding : 1.25em 1em; margin-top : 2.5em;} .boryeong_sub .vrWrap .vrLink .center img { height : 4.7em; margin-top : -5em;} .boryeong_sub .vrWrap .vrLink .center .vr { font-size : 1.65em; color : #0068b6; font-weight : 800; line-height : 1em; margin : 0.35em 0 0.25em;} .boryeong_sub .vrWrap .vrLink .center .text { font-size : 1.4em; font-weight : 800; line-height : 1em; } .boryeong_sub#sub1-2 #slide_fancy .wrap .tabWrap { display : none;} @media (max-width:1024px){ .boryeong_sub { margin-top : 0; font-size : min(2vw,20px);} .boryeong_sub#sub1-1 .gradientWrap img { height : 4em;} .boryeong_sub .vrWrap .vrLink .center { min-width : 15.8em; } .boryeong_sub .vrWrap .vrLink .center img { height : 3.7em; margin-top : -4em;} } @media (max-width : 640px){ /* A A A : A : A : A : */ .boryeong_sub { font-size : min(3vw,16px); } .boryeong_sub .topWrap { aspect-ratio : 1920 / 700;} .boryeong_sub .layerWrap .layer { width : 95%;} .boryeong_sub .vrWrap .shadow { width : 80%;} .boryeong_sub .vrWrap .vrLink { width : 80%; aspect-ratio : 1 / 0.6;} .boryeong_sub .vrWrap .vrLink .center { min-width : 15.8em; margin-top : 1.7em;} }