@charset "utf-8";
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;     letter-spacing: -0.75px; line-height: 1.7;}
::before,::after{--tw-content:''}
html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family: "Pretendard",-apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
body{margin:0;line-height:inherit; color: var(--black);  }
html,body{overflow-x: hidden;}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family: "Pretendard",  -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type='search']{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:theme('colors.gray.400',#9ca3af)}
button,[role="button"]{cursor:pointer}:disabled{cursor:default}
img{pointer-events: none;}
img,svg,video,canvas,audio,iframe,embed,object{display:block; vertical-align:middle;}
video{max-width:100%;height:auto}
[hidden]{display:none}
pre {
    white-space: pre-line;
    word-break: break-all;
    overflow-x: auto !important;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* 파이어폭스에서의 초기화 방법 */
input[type=number] {
    -moz-appearance: textfield;
}

.sound_only{ display: none !important; }
:root{
    /* 폰트 굵기 설정 */
    --fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;
    /*색상 설정 */
    --white: #fff;

    --white-opacity:rgba(255,255,255,0.8);
    --black: #171718;
	 --black-opacity: rgba(0,0,0,0.8);
    --gray01: #777777;
    --gray02: #e1e1e1;
    --gray03: #d1d1d1;
	  --gray04: #ddd;
	  --gray05: #bebebe;
	   --gray06: #f5f5f5;
    --light-red: #ff3131;
    --dark-red: #cf0000;
    --dark-blue:#1e2e6f;
    --white-blue:#387ec1;
    --sky-blue:#419ade;
    --navy:#1e2d6e;

    /* 트랜지션 관련 설정 */
    --transition: all 0.4s;
    
}


*{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    color: var(--black);
    line-height: 1.7;
}

@media screen and (max-width: 1100px){
    *{ font-size: 15px; }
}
@media screen and (max-width: 900px){
    *{ font-size: 14px; }
}
@media screen and (max-width: 767px){
    *{ font-size: 13px; }
}
@media screen and (max-width: 320px){
    *{ font-size: 12px; }
}

/* 마진 및 패딩값 */
.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; }
.mt60{ margin-top: 60px !important; }
.mt65{ margin-top: 65px !important; }
.mt70{ margin-top: 70px !important; }
.mt80{ margin-top: 80px !important; }
.mt100{ margin-top: 100px !important; }
.pb120{padding:0 0 120px !important; }
.pb100{padding:0 0 100px !important; }
.pt150{ padding: 150px 0 0 !important; }
.ptb60{ padding: 60px 0 !important; }
.ptb100{ padding: 100px 0 !important; }
.ptb120{ padding: 120px 0 !important; }
.ptb130{ padding: 130px 0 !important; }
.ptb150{ padding: 150px 0 !important; }
.ptb190{ padding: 190px 0 !important; }



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

@media screen and (max-width: 1300px){
	.ptb190{ padding: 170px 0 !important; }
	.ptb150{ padding: 140px 0 !important; }
	.ptb120{ padding: 110px 0 !important; }
	.pb120{padding:0 0 110px !important; }
	.ptb130{ padding: 120px 0 !important; }
	 .pt150{ padding: 140px 0 0 !important; }
.mt100{ margin-top: 85px !important; }
	.mt80{ margin-top: 65px !important; }
}

@media screen and (max-width: 1100px){
	.ptb190{ padding: 150px 0 !important; }
	.ptb150{ padding: 120px 0 !important; }
	.ptb120{ padding: 100px 0 !important; }
	.pb120{padding:0 0 100px !important; }
	.ptb130{ padding: 110px 0 !important; }
	.ptb60{ padding: 50px 0 !important; }
    .pb100{padding:0 0 75px !important; }
    .pt150{ padding: 120px 0 0 !important; }
    .mt100{ margin-top: 75px !important; }
	.mt80{ margin-top: 55px !important; }
    .mt70{ margin-top: 60px !important; }
	.mt60{ margin-top: 50px !important; }
	.mt50{ margin-top: 40px !important; }
	.mt45{ margin-top: 35px !important; }
	.mt40{ margin-top: 30px !important; }
	.mt35{ margin-top: 25px !important; }
	.mt30{ margin-top: 20px !important; }
	.mt20{ margin-top: 15px !important; }
}

@media screen and (max-width: 900px){
	.ptb190{ padding: 130px 0 !important; }
	.ptb150{ padding: 110px 0 !important; }
	.ptb100 {padding: 70px 0 !important;}
    .pt150{ padding: 110px 0 0 !important; }
    .pb100{padding:0 0 70px !important; }
    .mt100{ margin-top: 80px !important; }
	.mt80{ margin-top: 50px !important; }
	.mt70{ margin-top: 55px !important; }
	.mt60{ margin-top: 45px !important; }
	.mt50{ margin-top: 35px !important; }
	.pb120{padding:0 0 90px !important; }
}

@media screen and (max-width: 767px){
	.ptb190{ padding: 110px 0 !important; }
	.ptb150 { padding: 70px 0 !important; }
	.ptb120 { padding: 75px 0 !important; }
	.pb120{padding:0 0 75px !important; }
	.ptb130{ padding: 85px 0 !important; }
	.ptb60{ padding: 40px 0 !important; }
	    .pb100{padding:0 0 55px !important; }
    .pt150{ padding: 90px 0 0 !important; }
    .mt100{ margin-top: 80px !important; }
	.mt50 {  margin-top: 30px !important; }
	.mt60 {  margin-top: 40px !important; }
	.mt80 { margin-top: 45px !important; }
	 .mt70{ margin-top: 50px !important; }
	 .mt35{ margin-top: 20px !important; }
	 .mt40 { margin-top: 20px !important; }
	.mt30{ margin-top: 15px !important; }
	.mt25{ margin-top: 10px !important; }
	.mt20{ margin-top: 10px !important; }
	.mt15{ margin-top: 7px !important; }
	
}

@media screen and (max-width: 375px){
.pb120{padding:0 0 85px !important; }
    .ptb60 {padding: 45px 0 !important;}

	.mt70 {margin-top: 35px !important;}

	.mt60 {margin-top: 30px !important;}
	
	.mt30 {margin-top: 12px !important;}

	.mt15{ margin-top: 7px !important; }
}



/* wrapper 넓이 설정 */
.wrapper{
    width: 1400px;
    margin: 0 auto;
    height: 100%;
}

@media screen and (max-width: 1400px){
    .wrapper{
        width: 90%;
    }
}
/* SEO 블라인드 텍스트 처리 */
.blind{
    overflow:hidden;
    display:inline-block;
    position:absolute;
    z-index:-1;
    border:0;
    width:1px;
    height:1px;
    clip:rect(1px,1px,1px,1px);clip-path:inset(50%)
}
 
br.mv{display:none;}

.contents_tit{
text-align: center;
font-size: 43px;
font-weight: 700;
}

.contents_tit h3{
  font-size: inherit;
  font-weight: inherit;

	margin-bottom:50px;
}
.contents_tit h3 b{
  font-size: inherit; 
}
    .contents_tit p{
        font-size: 18px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -0.75px; 
        color: var(--gray01);
		word-break:keep-all;
	    line-height: inherit;
       letter-spacing: inherit;
    }
.contents_img{
    width: 100%;
    height: 460px;
    overflow: hidden;
	position:relative;
	
    
}

.contents_item{
  padding-top: 100px;
}
	
	@media screen and (max-width: 1200px){
		.contents_tit h3{
			margin-bottom: 30px;
		}
	}

    @media screen and (max-width: 1100px){
        .contents_tit p{
            font-size: 16px;
           
        }
        
     }
	
	@media screen and (max-width: 900px){
		.contents_tit{
			font-size: 38px;
		}
		

		.contents_item{
			padding-top: 80px;
		}
	}

        @media screen and (max-width: 768px){
			.contents_tit{
			font-size: 28px;
			}
			.contents_tit h3{
				margin-bottom: 20px;
			}
			.contents_tit p{
				font-size: 14px;
			   
			}
       
        
        }
@media screen and (max-width: 1100px){
.sub_sec2{
  padding-top: 90px;
}
}
@media screen and (max-width: 768px){
.contents_tit{
font-size: 28px;
}


.contents_img{
   width:92%;
   height:40vw;
    margin: 0  auto ;
	border-radius:20px;
}
.contents_item{
  padding-top: 50px;
}

}

@media screen and (max-width: 500px){
	.contents_tit h3{ 
		margin-bottom: 15px;
	}

	.contents_item{
		padding-top: 35px;
	}
}




 .btn{
	display: inline-flex;
	justify-content: center;
	gap:10px;
	align-items:center;
    color: var(--white);
    border: 1px solid var(--white-opacity);
    border-radius: 30px;
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    transition: var(--transition);
    
}

.btn  .text{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
	transition: var(--transition);
   letter-spacing: -0.2px;
}

.btn  .arrow{
    width: 10px;
    height: 10px;
    color: inherit;
    display: block;
	filter: invert(100%) sepia(0%) saturate(1193%) hue-rotate(45deg) brightness(122%) contrast(109%);
		/* transition: var(--transition); */
}
.btn  .arrow svg{
    stroke: var(--white);
    width: inherit;
    height: inherit;

	
}










@media(max-width:500px){
    
     .btn{
        font-size: 12px;
        padding: 12px 20px ;
	
     }
	   .btn  .text{
        font-size: 12px;
		letter-spacing: -0.4px;
     }
     .btn  .arrow{
        width: 9px;
        height: 9px;
		
     }
     
    
}



.pagination_num,
.pg_wrap .pg{
 display: flex;
    justify-content: center;
	gap:15px;
}
  .button_list{
    display: flex;
    justify-content: center;
   gap:20px;
    align-items: center;
  }

  .button_list li a,
  .pg_wrap .pg .pg_current,
  .pg_wrap .pg .pg_page{
    display: block;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.4s;
    padding:3px;
	display:block;
  }
  .button_list li a:hover{
    color: var(--navy);
    font-weight: 700;
    
  }
  .button_list li.on a{
    color: var(--navy);
    font-weight: 700;
    
  }
  .page_button {
     display: flex;
      gap:7px;
    align-items: center;
  }
  .page_button li.next_button a{
    padding: 7px 12px;
    border-radius:50% ;
    border: 1px solid #e1e1e1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px; height: 30px;
	transition:var(--transition);

  }
  .page_button li.next_button a .next_arrow_hover{
    display: none;
  }
  .page_button li.next_button a:hover{
    background: var(--navy);
	border: none;
  }
  .page_button li.next_button a:hover .next_arrow{
    display: none;
  }
  .page_button li.next_button a:hover .next_arrow_hover{
    display: block;
  }
  .page_button li.end_button{

  }
  .page_button li.end_button a,
  .pg_wrap .pg .pg_end,
    .pg_wrap .pg .pg_start{
    width: 45px;
    height: 30px;
    padding: 10px 18px;
    border-radius:15px ;
    border: 1px solid #e1e1e1;
    display: flex;
    justify-content: center;
    align-items: center;
	transition:var(--transition);

  }
  .page_button li.end_button a .end_arrow_hover,
    .pg_wrap .pg .pg_end .end_arrow_hover,
    .pg_wrap .pg .pg_start .end_arrow_hover{
    display: none;
  }
  .page_button li.end_button a:hover,
    .pg_wrap .pg .pg_end:hover,
    .pg_wrap .pg .pg_start:hover{
    background: var(--navy);
	border: none;
  }
  .page_button li.end_button a:hover .end_arrow,
      .pg_wrap .pg .pg_end:hover .end_arrow,
    .pg_wrap .pg .pg_start:hover .end_arrow{
    display: none;
  }
  .page_button li.end_button a:hover .end_arrow_hover,
        .pg_wrap .pg .pg_end:hover .end_arrow_hover,
    .pg_wrap .pg .pg_start:hover .end_arrow_hover{
    display: block;
  }

.view_btns{
	display: flex;
    justify-content: center;
	align-items:center;
	margin-top:80px;
	gap:30px;
	}


 .back_btn, .fix_btn, .plus_btn {
    padding:15px 40px;
    background: var(--navy);
    border-radius: 38px;
    font-size: 18px;
    font-weight: 700;
    color: var(--white);
   

}





.write_btn{
 background:var(--navy);
 float: right;
 padding:5px 15px;
 margin-top:15px;

}





@media(max-width:500px){
  .button_list{
   gap:10px;
  }
       .button_list li a,
	   .pg_wrap .pg .pg_current, .pg_wrap .pg .pg_page{
	  font-size:14px;
	 }
     .next_button a{
        width: 20px; height: 20px;
        border-radius: 50%;
        padding: 0;
      }
      .end_button a{
        width: 35px;
        height: 20px;
        padding: 0;
        border-radius:9px ;
        border: 1px solid #e1e1e1;
        display: flex;
        justify-content: center;
        align-items: center;
    
      }
.pg_wrap .pg{
	gap: 5px;
}
.view_btns{
	margin-top:40px;
	
	}


	.back_btn, .fix_btn, .plus_btn {
    padding:10px 25px;
    font-size: 14px;
}

}