@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Rozha+One&display=swap');
@font-face {
font-family:'Poppins', sans-serif;
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/MaplestoryOTFBold.woff') format('woff');
font-weight:normal;
font-style:normal;
}
/* 
font-family:'Poppins', sans-serif;
font-family:'Poppins'
*/

/*공통*/
#page_area{width:130rem;min-height:65vh;margin:0 auto;position:relative}
#page_area .title_wrap{text-align:center;margin-bottom:55px}
#page_area .title_wrap .tit{font-size:64px;color:#172345;margin-bottom:10px;font-weight:normal;font-family:'Poppins'}
#page_area .title_wrap .txt{font-size:16px;color:#888;}

/* ABOUT 페이지*/
.about_page{}
.about_page .about_btn{display:flex;justify-content:center}
.about_page .about_btn a{display:inline-block;width:245px;margin:0 10px;padding:20px 10px;border-radius:5px;font-size:17px;text-align:center;color:#fff;font-family:'Poppins', sans-serif}
.about_page .about_btn a:nth-child(1){background:#172345;transition:all .3s}
.about_page .about_btn a:nth-child(2){background:#8b8f98;transition:all .3s}
.about_page .about_btn a:nth-child(1):hover{background:#3a4d83}
.about_page .about_btn a:nth-child(2):hover{background:#acb0ba}

.about_page .intro{height:300px;margin-bottom:50px;border:1px solid #ddd;border-radius:10px;text-align:center;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}
.about_page .intro::before{content:url('/way_page/img/about/about_logo.png');display:block;position:absolute;left:25px;bottom:-10%;z-index:-1}
.about_page .intro p{font-weight:700;font-size:43px;color:#333;font-family:'Poppins'}
.about_page .intro_sub{margin-bottom:80px;font-size:16px;line-height:30px;text-align:center;color:#888;}

.about_page .circle-container{margin-left:20px;text-align:center;}
.about_page .circle-container .circle{display:inline-block;width:270px;height:270px;border-radius:50%;margin-left:-20px;position:relative}
.about_page .circle-container .circle:nth-child(1){background:#172345e3}
.about_page .circle-container .circle:nth-child(2){background:#1f315fe3}
.about_page .circle-container .circle:nth-child(3){background:#979797e3}
.about_page .circle-container .circle:nth-child(4){background:#636464e3}
.about_page .inner-circle {width:250px;height:250px;border:1px solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);filter:opacity(.3)}
.about_page .content {height:100%;text-align:center;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}
.about_page .content h3{margin-top:20px;font-weight:500;font-size:25px;line-height:36px;font-family:'Poppins'}
.about_page .content p{margin-top:10px;font-size:16px;filter:opacity(.7);}

/* Contact Us 페이지 */
.contact_page{margin-bottom:100px;clear:both;overflow:hidden;}
.contact_page .title{width:325px;margin:0 auto 50px;font-size:48px;text-align:center;color:#333;position:relative}
.contact_page .content_wrap{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center}
.contact_page .content_wrap .l_side{width:50%;position:relative}
.contact_page .content_wrap .l_side .logo_bnr{width:100%;height:600px;background:#0a1250}
.contact_page .content_wrap .l_side .logo_bnr:after{content:'';display:block;width:250px;height:250px;background-image:url('/way_page/img/contact/ER_logo.png');background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;top:5%;transform:translateY(-10%);}
.contact_page .content_wrap .l_side ul.contact_detail{width:100%;height:62%;padding:60px 40px 40px;border-radius:10px 10px 0 0;background:#fff;position:absolute;bottom:0;box-shadow:0 -10px 10px rgba(0, 0, 0, 0.05)}
.contact_page .content_wrap .l_side ul.contact_detail li{margin-bottom:15px;padding-bottom:15px}
.contact_page .content_wrap .l_side ul.contact_detail li.flex{display:flex;line-height:30px}
.contact_page .content_wrap .l_side ul.contact_detail li .tit{font-weight:500;font-size:20px;color:#333;font-family:'Poppins'}
.contact_page .content_wrap .l_side ul.contact_detail li .txt{font-size:17px;color:#888;}
.contact_page .content_wrap .l_side ul.contact_detail li.flex .txt{margin-left:20px}
.contact_page .content_wrap .l_side ul.contact_detail li:first-child{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd}
.contact_page .content_wrap .l_side ul.contact_detail li:first-child .txt{margin-top:10px;padding-left:15px;position:relative;}
.contact_page .content_wrap .l_side ul.contact_detail li:first-child .txt::before{content:'';display:block;width:5px;height:5px;border-radius:50%; background:#172345;position:absolute;top:10px;left:0;}

.contact_page .content_wrap .r_side{width:50% !important;height:600px;background:#ddd}

.contact_page .btn_bottom{float:right}
.contact_page .btn_bottom a{display:inline-block;width:170px;height:60px;line-height:60px; margin:15px 0 0 10px;font-size:15px;text-align:center;text-decoration:none;}
.contact_page .btn_bottom .btn1{color:#fff;background:#172345;transition:.3s}
.contact_page .btn_bottom .btn2{color:#333;background:#ced0dc;transition:.3s}
.contact_page .btn_bottom .btn1:hover{background:#3a4d83}
.contact_page .btn_bottom .btn2:hover{background:#e2e2eb}

.contact_page .map_img{display:none;}

/* Audition 페이지 */
.audition_page{}
.audition_page .info_con{min-height:200px;margin:0 auto;padding:50px 30px;border-bottom:1px dashed #ddd;display:flex;}
.audition_page .info_con > div{width:60%;}
.audition_page .info_con .tit{width:40%;font-size:24px;color:#172345;margin-bottom:30px;}
.audition_page .info_con .tit .eng{padding-left:10px;font-size:14px;color:#ccc;position:relative;}
.audition_page .info_con .tit .eng::after{content:'';display:block;width:80px;height:1px;background:#ddd;position:absolute;top:50%;right:-90px;}
.audition_page .info_con .txt{margin:0 0 15px 15px;font-size:18px;color:#666;position:relative;}
.audition_page .info_con .txt .txt_sub{display:block;margin-top:15px;font-size:16px;color:#666;}
.audition_page .info_con .txt::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#172345;position:absolute;top:11px;left:-15px;}
.audition_page .info_con .txt2{margin-bottom:20px;font-size:18px;color:#666;}
.audition_page .info_con .txt2 .txt_deco{margin-right:20px;padding:5px 20px;border-radius:50px;font-size:16px;text-align:center;color:#fff;background:#172345;}
.audition_page .down_btn{display:block;width:200px;margin:50px auto 0;padding:15px;border-radius:50px;text-align:center;color:#fff;background:#172345;transition:all .3s;}
.audition_page .down_btn img{max-width:17px;margin-left:5px;}
.audition_page .down_btn:hover{background:#384a7d;}