@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');
@font-face {
    font-family: 'SF_HambakSnow';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HambakSnow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{margin:0; padding:0;}
body{
	font-family:'Nanum Gothic', sans-serif;
    font-size:14px;
    line-height:18px;
    color:#373737;
	_overflow-x: hidden;    
}
ul, li{list-style:none;}
a{text-decoration:none; color:inherit;}
.cf:after{
	clear:both;
	content:"";
	display:block;
}
.fixedclear:after{ 
    clear:both;
	content:'';
	display:block;
}

img{vertical-align:top;}


button {
    border: none;
    background: transparent;
}
#wrap{overflow: hidden;}
.pt-font{font-family:'SF_HambakSnow';}


h1{font-weight:700;}
h2{font-weight:700;}
h3{font-weight:700;}
h4{font-weight:700;}
h5{font-weight:700;}
h6{font-weight:700;}

/* font */
/*
.korean {font-family: 'Noto Sans KR', sans-serif;}
.english {font-family: 'Saira', sans-serif;}
*/
.bold300 {font-weight: 300;}
.bold400 {font-weight: 400;}
.bold500 {font-weight: 500;}
.bold600 {font-weight: 600;}
.bold700 {font-weight: 700;}

/*font-size*/
.ft-13{font-size:13px;}
.ft-14{font-size:14px;}
.ft-16{font-size:16px;}
.ft-17{font-size:17px;}
.ft-18{font-size:18px;}
.ft-20{font-size:20px;}
.ft-22{font-size:22px;}
.ft-24{font-size:24px;}
.ft-26{font-size:26px;}
.ft-28{font-size:28px;}
.ft-30{font-size:30px;}
.ft-32{font-size:32px;}
.ft-34{font-size:34px;}
.ft-36{font-size:36px;}
.ft-38{font-size:38px;}
.ft-42{font-size:42px;}
.ft-46{font-size:46px;}
.ft-48{font-size:48px;}
.ft-52{font-size:52px;}
.ft-54{font-size:54px;}
.ft-56{font-size:56px;}
.ft-58{font-size:58px;}
.ft-60{font-size:60px;}
.ft-62{font-size:62px;}
.ft-64{font-size:64px;}
.ft-72{font-size:72px;}
.ft-102{font-size:102px;}

/* width */
.inner2{width:1600px; margin:0 auto;}
.w1400 {
	width:1400px;
	_max-width: 1400px;
	margin: 0 auto;
	_position: relative;
	_box-sizing: border-box;
}
.w1500 {
	width:1500px;
	_max-width: 1500px;
	margin: 0 auto;
	_position: relative;
	_box-sizing: border-box;
	_transform: translateX(-50px);
}
.w1600 {
	width:1600px;
	_max-width: 1600px;
	margin: 0 auto;
	_position: relative;
	_box-sizing: border-box;
	_transform: translateX(-50px);
}


/* Margin */
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-50 {margin-top: 50px;}
.mt-40 {margin-top: 40px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-100 {margin-top: 100px;}
.mt-140 {margin-top: 140px;}

.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}
.mr-40 {margin-right: 40px;}
.mr-60 {margin-right: 60px;}
.mr-80 {margin-right: 80px;}

.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-100 {margin-bottom: 100px;}
.mb-180 {margin-bottom: 180px;}
.mb-200 {margin-bottom: 200px;}

.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}
.ml-50 {margin-left: 50px;}
.ml-60 {margin-left: 60px;}
.ml-70 {margin-left: 70px;}
.ml-80 {margin-left: 80px;}

/*padding*/
.pt-5 {padding-top: 5px;}
.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-50 {padding-top: 50px;}
.pt-40 {padding-top: 40px;}
.pt-60 {padding-top: 60px;}
.pt-70 {padding-top: 70px;}
.pt-80 {padding-top: 80px;}
.pt-100 {padding-top: 100px;}
.pt-140 {padding-top: 140px;}

.pr-5 {padding-right: 5px;}
.pr-10 {padding-right: 10px;}
.pr-20 {padding-right: 20px;}
.pr-30 {padding-right: 30px;}
.pr-50 {padding-right: 50px;}
.pr-40 {padding-right: 40px;}
.pr-60 {padding-right: 60px;}
.pr-70 {padding-right: 70px;}
.pr-80 {padding-right: 80px;}
.pr-100 {padding-right: 100px;}
.pr-140 {padding-right: 140px;}

.pb-5 {padding-bottom: 5px;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pb-50 {padding-bottom: 50px;}
.pb-40 {padding-bottom: 40px;}
.pb-60 {padding-bottom: 60px;}
.pb-70 {padding-bottom: 70px;}
.pb-80 {padding-bottom: 80px;}
.pb-100 {padding-bottom: 100px;}
.pb-140 {padding-bottom: 140px;}

.pl-5 {padding-left: 5px;}
.pl-10 {padding-left: 10px;}
.pl-20 {padding-left: 20px;}
.pl-30 {padding-left: 30px;}
.pl-50 {padding-left: 50px;}
.pl-40 {padding-left: 40px;}
.pl-60 {padding-left: 60px;}
.pl-70 {padding-left: 70px;}
.pl-80 {padding-left: 80px;}
.pl-100 {padding-left: 100px;}
.pl-140 {padding-left: 140px;}

/* common */
/*
.pcbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.dn{display:none;}
.section{width:100%;height:100%;height:100vh;overflow:hidden;box-sizing:border-box;}

#ie_alert{display:none;}
.ie #ie_alert{
	display:block;
	position:fixed;z-index:5000;
	width:100%;height:80px;
	background:#fff;text-align:center;line-height:80px;font-size:17px;color:#222;
}
.ie #ie_alert img{margin-right:5px;}
.ie #ie_alert .btn_close{
	width:30px;height:30px;
	position:absolute;right:4.5%;top:50%;margin:-7px 14px 0 0;
	transform:rotate(45deg) translateY(-50%);
}
.ie #ie_alert .btn_close:before{
	display:block;content:"";
	width:100%;height:2px;
	background:#ccc;
	position:absolute;left:0;top:50%;margin-top:-1px;
}
.ie #ie_alert .btn_close:after{
	display:block;content:"";
	width:2px;height:100%;
	background:#ccc;
	position:absolute;left:50%;top:0%;margin-left:-1px;
}
*/






/*로딩 이미지*/
/*
#loading_img{text-align:center;display:none;width:100%;margin:10px 0px 10px 0px;}

/* popup */
/*
.pop_today_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.pop_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
/*.subnavwrap .subnav.type2 .listwrap:last-child{margin-left: 35px;}*/


/* video popup */
/*
#video_popup{display:none;position:fixed;top:50%;left:50%;max-width: 1320px;width: 93%;z-index:20000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#video_popup .inner{position: relative;margin-top: 110px;}
#video_popup .thumbnail{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
#video_popup .thumbnail .img{width: 100%;height: 100%;}
#video_popup .thumbnail .play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: transparent;border: 0;margin: 0;padding: 0;outline: 0;}

#video_popup .thumbnail .play .act1{transform:rotate(0);transform-origin:center;transition:all 0.4s;}
#video_popup .thumbnail .play:hover .act1{transform:rotateZ(23deg);box-shadow:2px 2px 12px rgba(0,0,0,0.4);}
#video_popup .thumbnail .play .act2{transform:translate3d(0,0,0,0);transform-origin:center;transition:all 0.4s;}
#video_popup .thumbnail .play:hover .act2{animation:arr_ani 1s infinite alternate;}

#video_popup .video{position:relative;width: 100%;height: 0;padding-top: 56%;}
#video_popup .close{position: absolute;right: 0;top: 0;cursor: pointer;background: transparent;outline: 0;padding: 0;margin: 0;border: 0;width: 90px;height: 90px;z-index: 10;}
#video_popup .close svg{width:100%; height:auto;}
#video_popup .close svg *{stroke-width: 0;fill: #1f4a97;}
#video_popup .close:before{display:block;content:"";position: absolute;top: 30px;left: 50%;width: 2px;margin-left: -2px;height: 30px;background: #fff;transform: rotate(45deg);z-index: 1;}
#video_popup .close:after{display:block;content:"";position: absolute;top: 30px;left: 50%;width: 2px;height: 30px;margin-left: -1px;background: #fff;transform: rotate(-45deg);}
#video_popup .close svg{transition:0.3s;}
#video_popup .close:hover svg{transform:rotate(21deg);}
#video_popup iframe{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

*/


@media screen and (max-width: 768px) {
    /*
    .w1600 {
	    width: auto;
	    max-width: auto;
	    margin: 0 auto;
	    position: static;
	    box-sizing: border-box;
    }
    */
}

