@charset "utf-8";
@import url('/sewon/css/loading.css');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
:root{
    --main-color: #068E60;
    --bg-default:#fff;
    --bg-color:#f5f5f5;
    --font-color1:#191919;
    --font-color2:#333;
    --font-color3:#707070;
    --font-color4:#b7b7b7;
    --font-color5:#ccc;
    --swiper-theme-color: var(--main-color);
    --plyr-color-main:  var(--main-color);
}






/* SW - COMMON LAYOUT */
.sw-section{display:flex; align-items:center; box-sizing:border-box; overflow: hidden;}

.col-float-left{float:left;}
.col-float-right{float:right;}

.webkit-box{

}



/* 폰트
font-family: 'Heebo', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
*/


/*폰트 초기화*/
body,form, select, textarea, select, button, table, input {
    font-family: 'Noto Sans KR', 'Nanum Gothic', 'Magun Gothic',Malgun Gothic, '맑은 고딕',dotum,'돋움', sans-serif; 
    color: #191919; font-size: 13px; line-height: 1.5;
    letter-spacing: -0.025em;
}

.font-heebo{
    font-family: 'Heebo', sans-serif;
    letter-spacing: initial;
}


/* 레이아웃 */
.container{width:1160px; margin:0 auto;}
.row{padding:0;}
#header-wrap{height:100px;}




/*여백 초기화*/
body, div,ul, li, dl,dd,dt,ol,h1,h2,h3,h4,h5,h6,input,fieldset,legend,p,select,table,th,thd,tr,textarea,button,form,figure,figcaption{
    margin: 0; padding: 0; cursor:default;
}
/*a링크 초기화*/
a{color: inherit; text-decoration: none;}



/* 텍스트박스 초기화 */
textarea{
    display: block;
    overflow: hidden;
    -webkit-appearance: none;
    resize: none;
    -webkit-box-sizing: border-box;
}
textarea:focus{border:1px solid #5953f5; outline:0}

/* select 박스 초기화 */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 8px);
    background-position-y: 2px;
}
select:focus{border:1px solid #5953f5; outline:0}


/* input박스 초기화 */
input:focus{}
/* 버튼 초기화 */

button{display:inline-block; background:none; color:inherit;}


/*폰트 스타일 초기화*/
em, address, i{font-style: normal;}

/*블릿기호 초기화*/
ul,li,ol{
    list-style: none;
}
 
/*제목테그 초기화*/

h1,h2,h3,h4,h5,h6{font-size: 13px; font-weight: normal;}

/* 버튼 초기화 */
input, select, button{border:0; padding:0;}
select:hover,button:hover{cursor:pointer;}
/* input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
} */





/* 폼 초기화 */
fieldset{border:0;}
input[type="radio"]{outline:0}
form{outline:0; border:0; box-sizing:border-box;}

/*반응형*/
img{width: 100%; display:block;}
#site-logo img{max-width: 120px;}
.img-wrap{position:relative; display:inline-block;}

/* C L E A R - F I X */
.clearfix:before,.clearfix:after{content:""; clear:both; display:block;}

/* 숨기기 */
.hide{position:absolute; 
    display:none; overflow:hidden; width:0; height:0; line-height: 0; opacity: 0; text-indent:-9999px;}

/*IR효과*/
.ir_pm{
    display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;}/*의미있는 이미지의 대체 텍스트를 제공하는경우*/
.ir_wa{display: block; overflow: hidden; position: relative; z-index: -1; width: 100%; height: 100%;}/*의미있는 이미지의 대체 텍스트로 이미지가 없어도 텍스트를 보여주고자 할때*/
.ir_su{overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;}/*대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를제공할때*/





/* 전용 버튼  */
.sw-btn {
    display: inline-block;
    padding: 0px 14px 0px 30px;
    box-sizing: border-box;
    line-height: 40px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
    transition: box-shadow 0.7s cubic-bezier(0.53, 0.04, 0.25, 1),
     color 0.3s cubic-bezier(0.53, 0.04, 0.25, 1) 0.1s;
}


.sw-btn:hover {
    box-shadow: inset 200px 0 1px rgb(255 255 255 / 70%);
    color: var(--main-point-color);
}



/* KEYFRAMES */
@keyframes shakeIt {
    0%,30%,45%,100%{transform:skew(0deg, 0deg)}
    20%,35%{transform:skew(7deg, 2deg)}
    25%,40%{transform:skew(-7deg, -2deg)}
}


@keyframes reveal{
    to{opacity:1}
}







/* -------- RESPONSIVE --------- */

.mobile{display:none;}


@media (max-width:1160px){
    .container{width:100%;}
}


@media (max-width:600px){
    .mobile{display:block !important;}
    .web{display:none  !important;}
    .row{padding:0 15px;}

    #header-wrap{height: 60px;}
}