@charset "UTF-8";

/********* common_layout *********/
body {word-break: keep-all; min-width: 320px; letter-spacing: -0.025em;}
#real_contents {width: 100%;}
.container {position:relative; z-index:1; max-width: 1075px; margin: 0 auto;}
.container2 {position:relative; z-index:1; max-width: 1260px; margin: 0 auto;}
.container3 {position:relative; z-index:1; max-width: 1920px; margin: 0 auto;}
.contents {position: relative;}
.hide {position:absolute; left:-9999px; overflow:hidden; width:1px; height:1px; line-height:1px; font-size:1px;}
caption {position:static; overflow:hidden; width:1px; height:1px; margin:0; padding:0; font-size:1px; text-indent:-9999px;}


@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    src: url('/kor/fonts/Pretendard-Black.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src: url('/kor/fonts/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src: url('/kor/fonts/Pretendard-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    src: url('/kor/fonts/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: url('/kor/fonts/Pretendard-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: url('/kor/fonts/Pretendard-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src: url('/kor/fonts/Pretendard-Light.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 200;
    src: url('/kor/fonts/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100;
    src: url('/kor/fonts/Pretendard-Thin.woff') format('woff');
}

.quick_area {position: fixed; right: 80px; bottom: 80px; z-index: 8888;}
.quick_area .list {}
.quick_area .list li {margin: 10px 0 0;}
.quick_area .list li:first-child {margin: 0;}
.quick_area .list li .box {display: block; background-color: inherit;}
.quick_area .list li .box img {}

.red {color: #ff4c49;}
.gray {color: #888888 !important;}
.white {color: #fff !important;}
.sky {color: #3cb2ce !important;}
.key_color {color: #8145ea !important;}
.tc {text-align: center !important;}
.tr {text-align: right !important;}
.tl {text-align: left !important;}
.ft_en {font-family: "Play" !important;}
.fw700 {font-weight: 700 !important;}
.fw600 {font-weight: 600 !important;}
.fw500 {font-weight: 500 !important;}
.fw400 {font-weight: 400 !important;}
.fw300 {font-weight: 300 !important;}

.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
.mt130 {margin-top: 130px !important;}
.mt160 {margin-top: 160px !important;}

.pd0 {padding: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pt90 {padding-top: 90px !important;}
.pt100 {padding-top: 100px !important;}

.flex {display: flex;}
.justify-content-start {justify-content: start !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-end {justify-content: end !important;}
.justify-content-space {justify-content: space-between !important;}
.align-items-start {align-items: start !important;}
.align-items-center {align-items: center !important;}
.align-items-end {align-items: end !important;}
.flex-row {flex-direction: row !important;}

@media screen and (max-width: 1640px) {
	.gnb_header {padding: 40px 0 0;}
	.gnb_header .container {padding: 0 20px;}
	.gnb_header .head_box .gnb {margin: 0 0 0 100px; gap: 0 40px;}



}

@media screen and (max-width: 1400px) {
	.gnb_header .head_box .gnb {margin: 0}
	.header.scrolled .gnb_header {padding: 26px 0;}

	.quick_area {right: 50px; bottom: 50px;}
	.quick_area .list li .box img {width: 56px;}



	.mt40 {margin-top: 20px !important;}
	.mt50 {margin-top: 30px !important;}
	.mt60 {margin-top: 40px !important;}
	.mt70 {margin-top: 50px !important;}
	.mt80 {margin-top: 50px !important;}
	.mt90 {margin-top: 60px !important;}
	.mt100 {margin-top: 70px !important;}
	.mt130 {margin-top: 90px !important;}
	.mt160 {margin-top: 120px !important;}
	.pt40 {padding-top: 20px !important;}
	.pt50 {padding-top: 30px !important;}
	.pt60 {padding-top: 40px !important;}
	.pt70 {padding-top: 50px !important;}
	.pt80 {padding-top: 50px !important;}
	.pt90 {padding-top: 60px !important;}
	.pt100 {padding-top: 70px !important;}

}
@media screen and (max-width: 1280px) {

	.container {padding: 0 20px;}
	.container2 {padding: 0 20px;}
	.container3 {padding: 0 20px;}
}
@media screen and (max-width: 1080px) {
	.gnb_header {padding: 20px 0 0;}
	.header.scrolled .gnb_header {padding: 20px 0;}
	.gnb_header .head_box .gnb {display: none;}
	
	.quick_area {right: 30px; bottom: 30px;}
	.quick_area .list li .box img {width: 46px;}



	.mt20 {margin-top: 10px !important;}
	.mt30 {margin-top: 15px !important;}
	.mt40 {margin-top: 20px !important;}
	.mt50 {margin-top: 20px !important;}
	.mt60 {margin-top: 30px !important;}
	.mt70 {margin-top: 30px !important;}
	.mt80 {margin-top: 40px !important;}
	.mt90 {margin-top: 50px !important;}
	.mt100 {margin-top: 50px !important;}
	.mt130 {margin-top: 60px !important;}
	.mt160 {margin-top: 90px !important;}
	.pt10 {padding-top: 10px !important;}
	.pt20 {padding-top: 10px !important;}
	.pt40 {padding-top: 20px !important;}
	.pt50 {padding-top: 20px !important;}
	.pt60 {padding-top: 30px !important;}
	.pt70 {padding-top: 30px !important;}
	.pt80 {padding-top: 40px !important;}
	.pt90 {padding-top: 50px !important;}
	.pt100 {padding-top: 50px !important;}
}


@media screen and (max-width: 767px) {

	
	.quick_area {right: 10px; bottom: 10px;}
	.quick_area .list li {margin: 6px 0 0;}


	.mt10 {margin-top: 5px !important;}
	.mt60 {margin-top: 20px !important;}
	.mt70 {margin-top: 20px !important;}
	.mt80 {margin-top: 30px !important;}
	.mt90 {margin-top: 40px !important;}
	.mt100 {margin-top: 40px !important;}
	.mt130 {margin-top: 40px !important;}
	.mt160 {margin-top: 60px !important;}
	.pt60 {padding-top: 20px !important;}
	.pt70 {padding-top: 20px !important;}
	.pt80 {padding-top: 30px !important;}
	.pt90 {padding-top: 40px !important;}
	.pt100 {padding-top: 40px !important;}

}

@media screen and (max-width: 480px) {

	.mt90 {margin-top: 30px !important;}
	.mt100 {margin-top: 30px !important;}
	.mt130 {margin-top: 30px !important;}
	.mt160 {margin-top: 40px !important;}

}