@charset "utf-8";


/* 'Noto Sans KR', sans-serif; & 'Oswald', sans-serif; & 'SebangGothic'; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Oswald:wght@200..700&display=swap');

@font-face {
    font-family: 'PretendardEB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}



/* RESET */
*{margin:0; padding:0; font-family:'Noto Sans KR', sans-serif; -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html, body{width:100%; height:100%; min-width:360px; margin:0 auto; font-size:18px; font-weight:normal; color:#000; letter-spacing:-0.06em; line-height:1.3em; position:relative;overflow-x:hidden;}
html{overflow-x:hidden; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0);} /*mobile*/
/*html{-ms-overflow-style:none; scrollbar-width:none;}
html::-webkit-scrollbar{display:none;}*/

a{text-decoration:none; outline:none; color:#000;}
fieldset, img{border:0;}
i, em, address{font-style:normal; font-weight:normal;}
ul, li, dl{list-style:none}
table{table-layout:fixed; border-collapse:collapse;}

.cf:after{clear:both; content:''; display:block}

.sr-only{display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-9999px;}


/* FORM STYLE */
input, textarea, select{font-size:1em; font-weight:normal; line-height:26px; background-color:#fff; padding:10px 15px; border:1px solid #d1d1d1; border-radius:10px; vertical-align:middle; outline:none;}

input[type="text"], input[type="tel"], input[type="password"], input[type="email"]{-webkit-appearance:none; appearance:none;}
input[type="checkbox"], input[type="radio"]{width:12px; height:12px; cursor:pointer;}
input[type="button"], input[type="submit"], button{background-color:transparent; -webkit-tap-highlight-color:transparent; border:0; outline:0; cursor:pointer;}
input[disabled], input[readonly], select[disabled]{background-color:#f5f5f5; font-weight:500; color:#8d8d8d; opacity:1;}

textarea{width:100%; resize:none;}
textarea[contenteditable]{-webkit-appearance:none; appearance:none}

select{padding:10px 35px 10px 15px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(/_res/bcm/img/common/aw_select.svg) no-repeat right center #fff; background-size:35px;}
select::-ms-expand{display:none;}


/* TEXT STYLE */
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ellipsis-2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.ellipsis-3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}
.ellipsis-4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word;}
.ellipsis-5{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; line-clamp:5; -webkit-box-orient:vertical; word-wrap:break-word;}

.txt_center{text-align:center !important;}
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}

.f_blue{color:#005dce !important;}
.f_cobalt{color:#2f4591 !important;}
.f_wgray{color:#9d9d9d !important;}
.f_dgray{color:#606060 !important;}
.f_orange{color:#f69735 !important;}
.f_red{color:#ff3838 !important;}
.f_dred{color:#7a1212 !important;}
.f_gold{color:#f9cf90 !important;}
.f_pink {color: #e62b5f !important;}
.f_yellow{color:#ffde2a !important;}
.f_violet{color:#943690 !important;}



/* BUTTON STYLE */
.btn_area{display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.btn_area.bottom{margin-top:80px;}
.btn_area.center{justify-content:center;}
.btn_area.right{justify-content:flex-end;}

.btn{display:inline-block; font-size:1rem; text-align:center; border-radius:50px; border:1px solid transparent;}
.btn:hover{opacity:0.8; transition-duration:0.3s;}

.btn.xxsmall{font-size:14px; line-height:18px; padding:7px 12px; word-break:keep-all;}
.btn.xsmall{min-width:60px; font-size:0.89em; line-height:20px; padding:9px 25px;}
.btn.small{line-height:20px; padding:15px 25px;}
.btn.medium{font-weight:500; line-height:20px; padding:10px;}
.btn.large{width:calc(33.33% - 7.5px); max-width:300px; font-size:1.25rem; font-weight:600; line-height:1em; padding:30px;}
.btn.xlarge{width:calc(50% - 5px); max-width:300px; font-size:1.25rem; font-weight:600; line-height:1em; padding:30px;}
.btn.full{width:100%;}

.btn.icon_c{display:inline-flex; justify-content:center; align-items:center;}
.btn.icon_c img{margin-right:5px;}
.btn.icon_s{display:inline-flex; justify-content:space-between; align-items:center;}

.btn.brown{background-color:#4f2c1d; border-color:#4f2c1d; color:#e8c79d;}
.btn.blue{background-color:#004ea2; border-color:#004ea2; color:#fff;}
.btn.black{background-color:#000; border-color:#000; color:#fff;}
.btn.dblue{background-color:#12365c; border-color:#12365c; color:#fff;}
.btn.dgrey{background-color:#333333; border-color:#333333; color:#fff;}
.btn.green{background-color:#007e91; border-color:#007e91; color:#fff;}
.btn.grey{background-color:#787878; border-color:#787878; color:#fff;}
.btn.lblue{background-color:#005dce; border-color:#005dce; color:#fff;}
.btn.lgrey{background-color:#dadada; border-color:#dadada; color:#666;}
.btn.orange{background-color:#f69735; border-color:#f69735; color:#fff;}
.btn.pink{background-color:#e62b5f; border-color:#e62b5f; color:#fff;}
.btn.red{background-color:#ff4200; border-color:#ff4200; color:#fff;}
.btn.yellow{background-color:#ffc000; border-color:#ffc000; color:#fff;}
.btn.bk_line{background-color:transparent; border-color:#000; color:#000;}
.btn.dg_line{background-color:transparent; border-color:#666; color:#666;}
.btn.g_line{background-color:transparent; border-color:#cacaca; color:#585858;}
.btn.w_line{background-color:transparent; border-color:#fff; color:#fff;}
.btn.wt_line{background-color:transparent; border-color:rgba(255,255,255,0.5); color:#fff;}



/* PADDING */
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}

.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}


/* MARGIN */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}


/* RESPONTIVE */
@media screen and (max-width:960px){
    html, body{font-size:16px;}

	.btn_area.bottom{margin-top:60px;}
}


@media screen and (max-width:640px){
	input, textarea, select{border-radius:8px; line-height:22px; padding:10px;}
	select{padding:10px 25px 10px 10px; background-size:25px;}
	
	.btn_area.bottom{margin-top:40px;}

	.btn.large{font-size:1.125em; padding:20px;}
	.btn.xlarge{font-size:1.125em; padding:20px;}
	.btn.xsmall{font-size:0.75em; padding:8px 12px;}
}


@media screen and (max-width:480px){
    html, body{font-size:14px;}
    
	.btn_area{gap:5px;}
	
	.btn.xxsmall{font-size:13px; padding:5px 12px;}
	.btn.small{padding:12px 20px;}
	.btn.large{width:calc(33.33% - 3.33px); font-size:1em; padding:18px;}
	.btn.xlarge{font-size:1.14em; padding:18px;}
}