@charset "utf-8";

/* 인사말 */
.about { position: relative; padding-bottom: 100px;}
.about-bg { position: absolute; bottom: 0; height: 690px; width: 100%; background: #fdf6f5;z-index: -1;}
.about .contain { max-width: 1260px; display: flex;}
.about-left { padding-right: 120px; width: 60%;}
.about-right { width: 40%; text-align: center;}
.about-right .imgbox { border-radius: 20px; overflow: hidden; width: 100%;}
.about-right .imgbox img { width: 100%;}
.about-left>b { font-size: 20px; font-weight: 700; line-height: 1.3em; display: inline-block; background: linear-gradient(to right, #e15534, #e0733b); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.about-tit {font-size: 30px; font-weight: 700; letter-spacing: -.03em; line-height: 1.5em; color: #242424; margin-top: 20px;}
.about-text>p { font-size: 17px; font-weight: 400; letter-spacing: -.03em; line-height: 1.6em; color: #454545; margin-top: 35px;}
.about-text>b { font-size: 20px; font-weight: 700; letter-spacing: -.025em; color: #242424; line-height: 1.2em; margin-top: 50px; display: block;}
.sub-sb { margin-top: 60px;}

/* 오시는 길 */
.mapbox {border-bottom: 1px solid #ddd;}
.root_daum_roughmap .wrap_controllers { display: none;}
.lct { margin-top: 40px;}
.lct b { font-size: 16px; font-weight: 600; letter-spacing: -.03em; line-height: 1.1em; color: #e15534; display: block; margin-bottom: 6px;}
.lct .tit { font-size: 23px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424;}
.lct-text { margin-top: 10px;}
.lct-text span { display: inline-block; font-size: 16px; font-weight: 300; letter-spacing: -.03em; color: #454545; padding-right: 20px;}
.lct-text span:last-child { padding-right: 0;}
.lct-list { margin-top: 30px; border-top: 1px solid #ddd;}
.lct-list li { padding: 30px; display: flex; border-bottom: 1px solid #ddd; align-items: center; position: relative;}
.lct-title { display: flex; font-size: 18px; font-weight: 500; letter-spacing: -.03em; color: #242424; align-items: center; gap: 20px; position: absolute; left: 30px; top: 25px;}
.lct-txt { font-size: 16px; letter-spacing: -.03em; font-weight: 300; line-height: 1.2em; color: #454545; padding-left: 150px;}

/* sub2 공통 */
.sub2-txt1 { font-size: 24px; font-weight: 600; letter-spacing: -.03em; line-height: 1.5em; color: #242424; margin-bottom: 75px;}
.sub2-txt1 span { color: #e0733b;}
.sub2-txt1 sup { font-size: 12px;}
.sub2-big { position: relative;}
.sub2-img { border-radius: 14px; overflow: hidden; float: right; margin-left: 20px;}  
.sub2-img img { width: 100%;}
.sub2-box { margin-top: 70px; padding-left: 36px;}
.sub2-box>.tit { position: relative; font-size: 24px; font-weight: 700; letter-spacing: -.03em; line-height: 1.1em; color: #242424; margin-bottom: 15px;}
.sub2-box>.tit::before { content: ""; position: absolute; left: -36px; top: 0; width: 25px; height: 25px; background: url(../images/sub/bf.png) center no-repeat; background-size: contain;}
.sub2-box>.txt { font-size: 18px; font-weight: 300; letter-spacing: -.03em; line-height: 1.9em; color: #454545;}
.sub2-list1 { display: flex; gap: 30px;}
.sub2-list1 li { width: calc(100%/3 - 20px); border-radius: 10px; background: #fdf8f5; padding: 25px 30px; height: 300px; position: relative;}
.sub2-list1 li:nth-child(2) { background: #fdf6f5;}
.sub2-list1 li .tit { font-size: 20px; font-weight: 600; letter-spacing: -.03em; color: #242424; line-height: 1.6em;}
.sub2-list1 li .txt { font-size: 16px; color: #454545; font-weight: 300; letter-spacing: -.03em; line-height: 1.6em; margin-top: 18px;}
.sub2-list1 li .iconbox { text-align: right; margin-top: 30px; position: absolute;right: 30px; bottom: 25px;}
.sub2-pc { display: flex; gap: 40px; flex-wrap: wrap; margin-top: 30px; justify-content: flex-end;}
.sub2-pc li { width: calc(100%/4 - 30px); border-radius: 6px; line-height: 1.2em; padding: 20px 10px; font-size: 18px; font-weight: 500; letter-spacing: -.03em; text-align: center; position: relative;}
.sub2-pc li:nth-of-type(odd) { border: 1px solid #e15534; color: #e15534; } 
.sub2-pc li:nth-of-type(even) { border: 1px solid #e0733b; color: #e0733b;}
.sub2-pc li::after { content: ""; position: absolute; right: -35px; top: 20px; width: 24px; height: 23px; background: url(../images/sub/sub2_right.png) center no-repeat; background-size: contain;}
.sub2-af::after { display: none;}
.sub2-rt::after { transform: rotate(180deg); right: -32px !important;}
.sub2-dg::after { transform: rotate(90deg); right: 0 !important; left: 0; margin: auto; top: -31px !important;}

.sub2-pc2 li { width: calc(100%/3 - 27px);} 
.gift-list1 { display: flex; margin-top: 30px; gap: 20px;}
.gift-list1 li { width: calc(100%/5); border-radius: 12px; overflow: hidden; position: relative;}
.gift-bd { border: 1px solid #ddd;}
.gift-list1 li img { width: 100%; object-fit: cover;}
.gift-list2 { display: flex; gap: 30px; margin-top: 30px;}  
.gift-list2 li { width: calc(100%/3 - 20px); border: 1px solid #ddd; border-radius: 12px; overflow: hidden;}
.steam-pc { flex-wrap: nowrap;}
.steam-pc li:nth-of-type(even) { border: 1px solid #e15534; color: #e15534; } 
.steam-pc li:nth-of-type(odd) { border: 1px solid #e0733b; color: #e0733b;}
.steam-list1 li{ width: calc(100%/4);}
.sub2-list2 li{ height: 160px;}
.sub2-list2 li .txt { margin-top: 0; font-size: 18px;}

/* sub3 */
.sub3-list1 li{ width: calc(100%/4);}
.sub2-box2 { margin-top: 210px;}
.sub3-list2 li { width: calc(100%/6);}
.eo-pc li{ width: calc(100%/6 - 34px);}