/******************** tag Definition ********************/
html {scroll-behavior: smooth;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {margin:0; padding:0; box-sizing: border-box;}
fieldset, img {border:0 none;}
dl, ul, ol, menu, li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, select, textarea, button {vertical-align:middle;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body {background:#fff;}
body, th, td, input, select, textarea, button {font-size:15px; line-height:1.5; font-style:normal; font-family:"맑은 고딕", "Malgun Gothic", sans-serif, "돋움", "Dotum", "굴림", "Gulim"; color:#555; letter-spacing: -0.5px;}
a {color:#555; color:inherit; text-decoration:none;}
a:hover, a:active, a:focus {color:#555; color:inherit; text-decoration:none !important;}

address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
legend {font-size:0; line-height:0; padding:0;}
sup {font-size:11px;}/* 위첨자 */
sub {font-size:11px;}/* 아래첨자 */
strong {font-weight:bold;}
::selection {outline:none; background:#f48325; color:#fff;}



/******************** basic ********************/
html, body {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "맑은 고딕", "돋움", "굴림", sans-serif;
  font-weight: normal;
  font-style:normal;
  font-size: 15px;
  letter-spacing: -0.5px;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
  line-height: 1.5;
  color: #555;
}

th, td, input, select, textarea, button {font-size:15px; line-height:1.5; font-style:normal; font-family:"맑은 고딕", "Malgun Gothic", sans-serif, "돋움", "Dotum", "굴림", "Gulim"; color:#555; letter-spacing: -0.5px;}


body {
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}
table, pre {
  font-size: 1em; 
  font-family:"맑은 고딕", "돋움", "굴림", sans-serif; 
  letter-spacing:-1px;
}
a, a:link {
  color: #575757; 
  text-decoration: none; 
  cursor: pointer;
}
a:visited {
  color: #575757;
}
*:focus-visible {
   outline:2px dashed #c75400;
  }
a:hover, a:active, a:focus {
  color: #575757; 
  text-decoration: underline;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin:0; 
  padding:0;
  line-height: 1.5;
}

p {
  margin: 0;
}

/* tag Definition */
address {font-style: normal; display: block; color: #575757;} /* 주소 */
cite {display: block; font-style: normal;}	/* 인용문 */
del {text-decoration: line-through;} /* 삭제 */
strong {font-weight:800;} /* 강조 */
em {font-style: normal;} /* 강조 */
dfn {font-style: normal;} /* 정의 - 용어설명 */
cite {font-style: normal;} /* 인용출처 */
blockquote {margin: 0; padding: 0;} /* 인용block */
sup {font-size: .92em;} /* 위첨자 */
sub {font-size: .92em;} /* 아래첨자 */
fieldset {margin:0; padding:0; border:0}
legend {font-size: 0; line-height: 0; padding: 0; border:0; display:none; overflow:hidden; visibility:hidden;}

hr {display:none;}	/* 수평선 - 레이아웃구분용 */
form, blockquote, dl, dt, dd {margin: 0; padding: 0;}
img, input.type-image {border: 0 none;}
optgroup label {font-style:normal; font-weight:normal;}
ul, li, ol {list-style:none; margin:0; padding:0px;}
noscript {display:none}
html, body {margin: 0; padding: 0;}

/*INPUT*/
textarea {border:1px solid #e1e1e1; line-height:140%; width:98%;}
input, select, textarea {vertical-align: middle; font-size: 1em; color: #575757; font-family: "맑은 고딕", "돋움", "굴림", sans-serif; letter-spacing:-1px;}
.boardWriteBtn input {vertical-align: bottom;}

/* dispaly */
.disblock {display:block;}
.disnone {display:none;}


/* 텍스트 숨김 */
.hiddentxt {overflow: hidden; position:absolute; border: 0; z-index:-1; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
.txtHid {
	text-indent:-9999px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.scrollbox_txt {
  display: none;
  margin: 10px 0 0;
  font-size: 13px;
  }
/*.scrollbox {
  overflow-x: auto;
  white-space: nowrap;
  position: relative;
}*/

/***** padding *****/
.pd0 {padding:0 !important;}
/* pdt */
.pdt0 {padding-top:0 !important;}
.pdt5 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}
.pdt45 {padding-top:45px !important;}
.pdt50 {padding-top:50px !important;}
.pdt55 {padding-top:55px !important;}
.pdt60 {padding-top:60px !important;}
.pdt65 {padding-top:65px !important;}
.pdt70 {padding-top:70px !important;}
.pdt75 {padding-top:75px !important;}
.pdt80 {padding-top:80px !important;}
.pdt85 {padding-top:85px !important;}
.pdt90 {padding-top:90px !important;}
.pdt95 {padding-top:95px !important;}
.pdt100 {padding-top:100px !important;}
.pdt110 {padding-top:110px !important;}
.pdt120 {padding-top:120px !important;}
.pdt130 {padding-top:130px !important;}
.pdt140 {padding-top:140px !important;}
.pdt150 {padding-top:150px !important;}
.pdt160 {padding-top:160px !important;}
.pdt170 {padding-top:170px !important;}
.pdt180 {padding-top:180px !important;}
.pdt190 {padding-top:190px !important;}
.pdt200 {padding-top:200px !important;}
.pdt250 {padding-top:250px !important;}
.pdt300 {padding-top:300px !important;}
.pdt350 {padding-top:350px !important;}
.pdt400 {padding-top:400px !important;}
.pdt450 {padding-top:450px !important;}
.pdt500 {padding-top:500px !important;}
.pdt550 {padding-top:550px !important;}
.pdt600 {padding-top:600px !important;}
.pdt650 {padding-top:650px !important;}
.pdt700 {padding-top:700px !important;}
.pdt750 {padding-top:750px !important;}
.pdt800 {padding-top:800px !important;}
.pdt850 {padding-top:850px !important;}
.pdt900 {padding-top:900px !important;}
.pdt950 {padding-top:950px !important;}
.pdt1000 {padding-top:1000px !important;}
/* pdr */
.pdr0 {padding-right:0 !important;}
.pdr5 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr25 {padding-right:25px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}
.pdr40 {padding-right:40px !important;}
.pdr45 {padding-right:45px !important;}
.pdr50 {padding-right:50px !important;}
.pdr55 {padding-right:55px !important;}
.pdr60 {padding-right:60px !important;}
.pdr65 {padding-right:65px !important;}
.pdr70 {padding-right:70px !important;}
.pdr75 {padding-right:75px !important;}
.pdr80 {padding-right:80px !important;}
.pdr85 {padding-right:85px !important;}
.pdr90 {padding-right:90px !important;}
.pdr95 {padding-right:95px !important;}
.pdr100 {padding-right:100px !important;}
.pdr110 {padding-right:110px !important;}
.pdr120 {padding-right:120px !important;}
.pdr130 {padding-right:130px !important;}
.pdr140 {padding-right:140px !important;}
.pdr150 {padding-right:150px !important;}
.pdr160 {padding-right:160px !important;}
.pdr170 {padding-right:170px !important;}
.pdr180 {padding-right:180px !important;}
.pdr190 {padding-right:190px !important;}
.pdr200 {padding-right:200px !important;}
.pdr250 {padding-right:250px !important;}
.pdr300 {padding-right:300px !important;}
.pdr350 {padding-right:350px !important;}
.pdr400 {padding-right:400px !important;}
.pdr450 {padding-right:450px !important;}
.pdr500 {padding-right:500px !important;}
.pdr550 {padding-right:550px !important;}
.pdr600 {padding-right:600px !important;}
.pdr650 {padding-right:650px !important;}
.pdr700 {padding-right:700px !important;}
.pdr750 {padding-right:750px !important;}
.pdr800 {padding-right:800px !important;}
.pdr850 {padding-right:850px !important;}
.pdr900 {padding-right:900px !important;}
.pdr950 {padding-right:950px !important;}
.pdr1000 {padding-right:1000px !important;}
/* pdb */
.pdb0 {padding-bottom:0 !important;}
.pdb5 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb25 {padding-bottom:25px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb35 {padding-bottom:35px !important;}
.pdb40 {padding-bottom:40px !important;}
.pdb45 {padding-bottom:45px !important;}
.pdb50 {padding-bottom:50px !important;}
.pdb55 {padding-bottom:55px !important;}
.pdb60 {padding-bottom:60px !important;}
.pdb65 {padding-bottom:65px !important;}
.pdb70 {padding-bottom:70px !important;}
.pdb75 {padding-bottom:75px !important;}
.pdb80 {padding-bottom:80px !important;}
.pdb85 {padding-bottom:85px !important;}
.pdb90 {padding-bottom:90px !important;}
.pdb95 {padding-bottom:95px !important;}
.pdb100 {padding-bottom:100px !important;}
.pdb110 {padding-bottom:110px !important;}
.pdb120 {padding-bottom:120px !important;}
.pdb130 {padding-bottom:130px !important;}
.pdb140 {padding-bottom:140px !important;}
.pdb150 {padding-bottom:150px !important;}
.pdb160 {padding-bottom:160px !important;}
.pdb170 {padding-bottom:170px !important;}
.pdb180 {padding-bottom:180px !important;}
.pdb190 {padding-bottom:190px !important;}
.pdb200 {padding-bottom:200px !important;}
.pdb250 {padding-bottom:250px !important;}
.pdb300 {padding-bottom:300px !important;}
.pdb350 {padding-bottom:350px !important;}
.pdb400 {padding-bottom:400px !important;}
.pdb450 {padding-bottom:450px !important;}
.pdb500 {padding-bottom:500px !important;}
.pdb550 {padding-bottom:550px !important;}
.pdb600 {padding-bottom:600px !important;}
.pdb650 {padding-bottom:650px !important;}
.pdb700 {padding-bottom:700px !important;}
.pdb750 {padding-bottom:750px !important;}
.pdb800 {padding-bottom:800px !important;}
.pdb850 {padding-bottom:850px !important;}
.pdb900 {padding-bottom:900px !important;}
.pdb950 {padding-bottom:950px !important;}
.pdb1000 {padding-bottom:1000px !important;}
/* pdl */
.pdl0 {padding-left:0 !important;}
.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl25 {padding-left:25px !important;}
.pdl30 {padding-left:30px !important;}
.pdl35 {padding-left:35px !important;}
.pdl40 {padding-left:40px !important;}
.pdl45 {padding-left:45px !important;}
.pdl50 {padding-left:50px !important;}
.pdl55 {padding-left:55px !important;}
.pdl60 {padding-left:60px !important;}
.pdl65 {padding-left:65px !important;}
.pdl70 {padding-left:70px !important;}
.pdl75 {padding-left:75px !important;}
.pdl80 {padding-left:80px !important;}
.pdl85 {padding-left:85px !important;}
.pdl90 {padding-left:90px !important;}
.pdl95 {padding-left:95px !important;}
.pdl100 {padding-left:100px !important;}
.pdl110 {padding-left:110px !important;}
.pdl120 {padding-left:120px !important;}
.pdl130 {padding-left:130px !important;}
.pdl140 {padding-left:140px !important;}
.pdl150 {padding-left:150px !important;}
.pdl160 {padding-left:160px !important;}
.pdl170 {padding-left:170px !important;}
.pdl180 {padding-left:180px !important;}
.pdl190 {padding-left:190px !important;}
.pdl200 {padding-left:200px !important;}
.pdl250 {padding-left:250px !important;}
.pdl300 {padding-left:300px !important;}
.pdl350 {padding-left:350px !important;}
.pdl400 {padding-left:400px !important;}
.pdl450 {padding-left:450px !important;}
.pdl500 {padding-left:500px !important;}
.pdl550 {padding-left:550px !important;}
.pdl600 {padding-left:600px !important;}
.pdl650 {padding-left:650px !important;}
.pdl700 {padding-left:700px !important;}
.pdl750 {padding-left:750px !important;}
.pdl800 {padding-left:800px !important;}
.pdl850 {padding-left:850px !important;}
.pdl900 {padding-left:900px !important;}
.pdl950 {padding-left:950px !important;}
.pdl1000 {padding-left:1000px !important;}

/***** margin *****/
.mg0 {margin:0 !important;}
/* mgt */
.mgt0 {margin-top:0 !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt45 {margin-top:45px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}
.mgt60 {margin-top:60px !important;}
.mgt65 {margin-top:65px !important;}
.mgt70 {margin-top:70px !important;}
.mgt75 {margin-top:75px !important;}
.mgt80 {margin-top:80px !important;}
.mgt85 {margin-top:85px !important;}
.mgt90 {margin-top:90px !important;}
.mgt95 {margin-top:95px !important;}
.mgt100 {margin-top:100px !important;}
.mgt110 {margin-top:110px !important;}
.mgt120 {margin-top:120px !important;}
.mgt130 {margin-top:130px !important;}
.mgt140 {margin-top:140px !important;}
.mgt150 {margin-top:150px !important;}
.mgt160 {margin-top:160px !important;}
.mgt170 {margin-top:170px !important;}
.mgt180 {margin-top:180px !important;}
.mgt190 {margin-top:190px !important;}
.mgt200 {margin-top:200px !important;}
.mgt250 {margin-top:250px !important;}
.mgt300 {margin-top:300px !important;}
.mgt350 {margin-top:350px !important;}
.mgt400 {margin-top:400px !important;}
.mgt450 {margin-top:450px !important;}
.mgt500 {margin-top:500px !important;}
.mgt550 {margin-top:550px !important;}
.mgt600 {margin-top:600px !important;}
.mgt650 {margin-top:650px !important;}
.mgt700 {margin-top:700px !important;}
.mgt750 {margin-top:750px !important;}
.mgt800 {margin-top:800px !important;}
.mgt850 {margin-top:850px !important;}
.mgt900 {margin-top:900px !important;}
.mgt950 {margin-top:950px !important;}
.mgt1000 {margin-top:1000px !important;}
/* mgr */
.mgr0 {margin-right:0 !important;}
.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}
.mgr35 {margin-right:35px !important;}
.mgr40 {margin-right:40px !important;}
.mgr45 {margin-right:45px !important;}
.mgr50 {margin-right:50px !important;}
.mgr55 {margin-right:55px !important;}
.mgr60 {margin-right:60px !important;}
.mgr65 {margin-right:65px !important;}
.mgr70 {margin-right:70px !important;}
.mgr75 {margin-right:75px !important;}
.mgr80 {margin-right:80px !important;}
.mgr85 {margin-right:85px !important;}
.mgr90 {margin-right:90px !important;}
.mgr95 {margin-right:95px !important;}
.mgr100 {margin-right:100px !important;}
.mgr110 {margin-right:110px !important;}
.mgr120 {margin-right:120px !important;}
.mgr130 {margin-right:130px !important;}
.mgr140 {margin-right:140px !important;}
.mgr150 {margin-right:150px !important;}
.mgr160 {margin-right:160px !important;}
.mgr170 {margin-right:170px !important;}
.mgr180 {margin-right:180px !important;}
.mgr190 {margin-right:190px !important;}
.mgr200 {margin-right:200px !important;}
.mgr250 {margin-right:250px !important;}
.mgr300 {margin-right:300px !important;}
.mgr350 {margin-right:350px !important;}
.mgr400 {margin-right:400px !important;}
.mgr450 {margin-right:450px !important;}
.mgr500 {margin-right:500px !important;}
.mgr550 {margin-right:550px !important;}
.mgr600 {margin-right:600px !important;}
.mgr650 {margin-right:650px !important;}
.mgr700 {margin-right:700px !important;}
.mgr750 {margin-right:750px !important;}
.mgr800 {margin-right:800px !important;}
.mgr850 {margin-right:850px !important;}
.mgr900 {margin-right:900px !important;}
.mgr950 {margin-right:950px !important;}
.mgr1000 {margin-right:1000px !important;}
/* mgb */
.mgb0 {margin-bottom:0 !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb55 {margin-bottom:55px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb65 {margin-bottom:65px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb75 {margin-bottom:75px !important;}
.mgb80 {margin-bottom:80px !important;}
.mgb85 {margin-bottom:85px !important;}
.mgb90 {margin-bottom:90px !important;}
.mgb95 {margin-bottom:95px !important;}
.mgb100 {margin-bottom:100px !important;}
.mgb110 {margin-bottom:110px !important;}
.mgb120 {margin-bottom:120px !important;}
.mgb130 {margin-bottom:130px !important;}
.mgb140 {margin-bottom:140px !important;}
.mgb150 {margin-bottom:150px !important;}
.mgb160 {margin-bottom:160px !important;}
.mgb170 {margin-bottom:170px !important;}
.mgb180 {margin-bottom:180px !important;}
.mgb190 {margin-bottom:190px !important;}
.mgb200 {margin-bottom:200px !important;}
.mgb250 {margin-bottom:250px !important;}
.mgb300 {margin-bottom:300px !important;}
.mgb350 {margin-bottom:350px !important;}
.mgb400 {margin-bottom:400px !important;}
.mgb450 {margin-bottom:450px !important;}
.mgb500 {margin-bottom:500px !important;}
.mgb550 {margin-bottom:550px !important;}
.mgb600 {margin-bottom:600px !important;}
.mgb650 {margin-bottom:650px !important;}
.mgb700 {margin-bottom:700px !important;}
.mgb750 {margin-bottom:750px !important;}
.mgb800 {margin-bottom:800px !important;}
.mgb850 {margin-bottom:850px !important;}
.mgb900 {margin-bottom:900px !important;}
.mgb950 {margin-bottom:950px !important;}
.mgb1000 {margin-bottom:1000px !important;}
/* mgl */
.mgl0 {margin-left:0 !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl35 {margin-left:35px !important;}
.mgl40 {margin-left:40px !important;}
.mgl45 {margin-left:45px !important;}
.mgl50 {margin-left:50px !important;}
.mgl55 {margin-left:55px !important;}
.mgl60 {margin-left:60px !important;}
.mgl65 {margin-left:65px !important;}
.mgl70 {margin-left:70px !important;}
.mgl75 {margin-left:75px !important;}
.mgl80 {margin-left:80px !important;}
.mgl85 {margin-left:85px !important;}
.mgl90 {margin-left:90px !important;}
.mgl95 {margin-left:95px !important;}
.mgl100 {margin-left:100px !important;}
.mgl110 {margin-left:110px !important;}
.mgl120 {margin-left:120px !important;}
.mgl130 {margin-left:130px !important;}
.mgl140 {margin-left:140px !important;}
.mgl150 {margin-left:150px !important;}
.mgl160 {margin-left:160px !important;}
.mgl170 {margin-left:170px !important;}
.mgl180 {margin-left:180px !important;}
.mgl190 {margin-left:190px !important;}
.mgl200 {margin-left:200px !important;}
.mgl250 {margin-left:250px !important;}
.mgl300 {margin-left:300px !important;}
.mgl350 {margin-left:350px !important;}
.mgl400 {margin-left:400px !important;}
.mgl450 {margin-left:450px !important;}
.mgl500 {margin-left:500px !important;}
.mgl550 {margin-left:550px !important;}
.mgl600 {margin-left:600px !important;}
.mgl650 {margin-left:650px !important;}
.mgl700 {margin-left:700px !important;}
.mgl750 {margin-left:750px !important;}
.mgl800 {margin-left:800px !important;}
.mgl850 {margin-left:850px !important;}
.mgl900 {margin-left:900px !important;}
.mgl950 {margin-left:950px !important;}
.mgl1000 {margin-left:1000px !important;}

/***** align *****/
/* text */
.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.taj {text-align:justify !important;}
/* vertical */
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.vab {vertical-align:bottom !important;}

/***** font *****/
/* size */
.fs0 {font-size:0 !important;}
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs19 {font-size:19px !important;}
.fs25 {font-size:25px !important;}
/* weight */
.fb {font-weight:bold !important;}
.fn {font-weight:normal !important;}

/* h */
.content h1, .content h2, .content h3, .content h4 {padding:0; color:#1d1d1d; letter-spacing:-1.5px; line-height:1.3; }
.content h2 {
  margin-bottom:15px; 
  padding-left: 30px;
  font-size:21px; 
  font-weight:700; 
  background: url("../img/bullet01.png") no-repeat left 6px;
  background-size: 20px auto;
}
.content h3 {
  margin-bottom:10px; 
  padding-left: 15px;
  font-size:19px; 
  font-weight: 600;
  background: url("../img/bullet02.png") no-repeat left 4px;
  background-size: auto 18px;
}
.content h4 {margin-bottom:5px; font-size:17px; font-weight: 600;}
/* tmg */
.tmg_h {margin-top:64px;}
.content h2.tmg {margin-top:50px;}
.content h3.tmg {margin-top:40px;}
.content h4.tmg {margin-top:30px;}


/* list */
.lstyle {overflow:hidden; margin:5px 0 15px 0;}
.lstyle li strong {color:#222;}
.lstyle01 > li strong, .lstyle02 > li strong, .lstyle03 > li strong {color:#222;}
.lstyle01 > li {position: relative; margin-bottom:10px; padding:0 0 0 12px;}
.lstyle02 > li, .lstyle03 > li {position: relative; margin-bottom:7px; padding:0 0 0 12px;}


.lstyle01 > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 4.5px;
  height: 4.5px;
  border-radius: 100%;
  background-color: #1d1d1d;
}
.lstyle02 > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 5px;
  height: 2px;
  background-color: #1d1d1d;
}

.lstyle03 > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #1d1d1d;
}

.lstyle04 > li {margin-bottom:10px; font-size:15px;}

/* txtbox */
.txtbox {
  padding:32px;
  border:1px solid #ddd;
  border-radius: 12px;
}

/***** table *****/
/* table */
table.tstyle {width:100%; border-top:solid #000; border-collapse:collapse; border-width:1px 0 0 0; text-align:center;}
table.tstyle caption {overflow:hidden; margin:0; padding:0; height:0; text-indent:-2000px; font-size:0; line-height:0;}
table.tstyle th, table.tstyle td {padding:13px 15px;}
table.tstyle thead th {padding:16px 15px; background:#f9f9f9; color:#000;}
table.tstyle th {color:#000; text-align:center; vertical-align:middle; line-height:1.3;}


table.tstyle td {background:#fff; color:#555; line-height:1.5;}
table.tstyle tfoot td {background:#f5f5f5; text-align:center; vertical-align:middle; font-weight:normal;}
/* table1 */
table.tstyle1 th {border:1px solid #dedede;}
table.tstyle1 tbody th {border:1px solid #dedede;}
table.tstyle1 td {border:1px solid #dedede;}
/* table2 */
table.tstyle2 th {border-bottom:1px solid #dedede;}
table.tstyle2 tbody th {border-bottom:1px solid #dedede;}
table.tstyle2 td {padding:13px 20px; border-bottom:1px solid #dedede;}
/* table3 */
table.tstyle3 th {border-bottom:1px solid #dedede; border-right:1px solid #dedede;}
table.tstyle3 th.end {border-right:none;}
table.tstyle3 tbody th {border-bottom:1px solid #dedede; border-right:1px solid #dedede;}
table.tstyle3 td {border-bottom:1px solid #dedede; border-right:1px solid #dedede;}
table.tstyle3 td.end {border-right:none;}
/* align */
table.tac th, table.tac td {text-align:center !important;}


/***** 버튼 *****/
/* 버튼-포인트컬러 */
.bbsbutton01 {display:inline-block;background:#024f93; color:#fff !important; text-align:center; padding:6px 19px; border:1px solid #024f93; cursor:pointer; font-size:14px; font-weight:400; border-radius: 6px;}
.bbsbutton01:hover {
  background:#003e75; border-color: #003e75;
}
/******************** skipnavigation ********************/
#skipnavigation {
  position:relative;
  background:#024f93;
  width:100%;
  font-size:0;
  line-height:0;
  z-index:9999999999;}
#skipnavigation a {
  overflow:hidden;
  height:0px;
  width: 1200px;
  margin: 0 auto;
  color:#fff;
  font-size:0;
  line-height:0;
}
#skipnavigation a:focus {
  padding:10px;
  height:auto;
  font-weight:bold;
  font-size:14px;
  line-height:1.2;
}
#skipnavigation.main a:first-child {
  display: block; 
}
#skipnavigation.main a:last-child {
  display: none; 
}
#skipnavigation a:first-child {
  display: none; 
}
#skipnavigation a:last-child {
  display: block; 
}

/******************** wrapper ********************/
#wrapper {
  position:relative;
  width:100%;
}
#container {
  position: relative;
  margin:40px 0 80px;
}
#container.main {
  margin:0;
}
.inner {
  max-width:1240px;
  margin:0 auto;
  padding:0 20px;
}
.main-sect {
  padding:80px 0;
}
.main-sect.bg {
  background-color: #f5f5f5;
}
/******************** header ********************/
#header {
  position:sticky;
  left:0;
  top:0;
  z-index:99999999;
  width:100%;
  background:#fff;
  border-bottom: 1px solid #ddd;
  text-align:center;
}
#header .head {
  position:relative;
  width: 100%;
  height:100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
}
#header .head > .inner {
  position: relative;
}
#header .head > .inner, #header .nav > .inner {
  width: 100%;
}
/***** logo *****/
#logo {
  width:247px;
  height:50px;
  margin: 0 auto;
  background:url("../img/logo.svg") 0 0 no-repeat;
  text-indent:-99999px;
}
#logo a {
  display:block;
  width:100%;
  height:100%;
}

/***** addon *****/
.addon {
	display:none !important;
  position: absolute;
  right:0;
  top:50%;
  transform: translateY(-50%);
  padding-right: 20px;
  display: flex;
  gap: 46px;
}
.addon li {
  position: relative;
  font-size:14px;
}
.addon li a {
  color:#000;
}
.addon li:hover a {
  font-weight: bold;
  letter-spacing: -1px;
}
.addon li:last-child {
  letter-spacing: 0;
}
.addon li:last-child:hover a {
  letter-spacing: -0.4px;
}
.addon li:not(:first-child)::before {
  content: '';
  position: absolute;
  left: -22px;
  top: 50%;
  transform: translateY(-50%);
  width:1px;
  height:13px;
  background: #999;
  border-radius: 100%;
}
/***** 메뉴 *****/

.m_nav {
  display: none !important;
  margin-right:20px;
  font-size: 0;
  color:#1d1d1d;
}
.m_nav a {
  display:block;
}
.m_nav span {
  display:block;
  width:24px;
  height:3px;
  margin:3px 0;
  background-color: #000;
}
.m_nav::before{
  content: '';
  display: block;
  height:3px;
  background-color: #000;
}
.m_nav::after{
  content: '';
  display: block;
  height:3px;
  background-color: #000;
}


.m_nav_close {
  display: none;
  font-size: 0;
  color:#1d1d1d;
}
.m_nav_close {
  position:absolute; 
  right:20px; 
  top:-55px; 
  width:24px;
  height:24px;
  background-color: #fff;
}
.m_nav_close:before, .m_nav_close:after {
  content:''; 
  position: absolute; 
  height: 24px; 
  width:3px; 
  background-color: #000;
} 
.m_nav_close:before {
  transform: rotate(45deg);
} 
.m_nav_close:after {
  transform: rotate(-45deg);
}

.nav .gnb {
  position:relative;
  z-index:301;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav .gnb > li {
  position: relative;
  font-size:16px;
  font-weight: 600;
}
.nav .gnb > li br {
  display: none;
}
.nav .gnb > li a {
  display: block;
  padding: 23px 0;
  color: #000;
  text-decoration: none;
}
.nav .gnb > li a:hover, .gnb > li.on a {
  color: #024f93;
}
.nav .gnb > li span {
  display: none;
  position: absolute;
  width: 100%;
  bottom: -1px;
  height: 4px;
  background-color: #024f93;
}
.nav .gnb > li:hover span, .nav .gnb > li.on span {
  display: block;
}

.nav .gnb > li:not(:first-child)::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width:5px;
  height:5px;
  background: #dedede;
  border-radius: 100%;
}
.nav .gnb > li.on a span {
  position:absolute;
  left:0;
  bottom:-25px;
  z-index:700;
  display:block;
  width:100%;
  height:3px;
  background:#006cb8;
}


/***** 모바일메뉴 *****/
.sitemap {
  display: none;
  visibility: hidden;
  position: fixed;
  top: 91px;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #fff;
  z-index:999999999999999;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.sitemap .sitemap_box {
  position:relative;
  z-index:550;
  margin:0 auto;
  width: 100%;
  height:100%;
  text-align:left;
}
/* subMenu */
.subMenu {
  display: flex;
  flex-direction: column;
  gap:30px;
  height:100%;
  padding:30px 0;
}
.subMenu > li {
  display: flex;
  flex-direction: column;
  gap:16px;
  padding-bottom:30px;
  border-bottom:1px solid #eee;
}
.subMenu > li a {
  font-size:18px;
  font-weight:700;
  color:#000;
}
.subMenu > li.on a {
  color:#024f93;
}
.subMenu > li ul {
  display: flex;
  gap:24px;
}
.subMenu > li ul li a {
  font-size:17px;
  font-weight: 400;
  color:#333;
}
.subMenu > li ul li a i {
  display: none;
  font-size: 15px;
  color: #006cb8;
}
.subMenu > li ul li.openWin a i {
  display: inline-block;
  margin-left: 3px;
}
.subMenu > li ul li a:hover, .subMenu > li ul li a:focus {
  color:#006cb8;
  font-weight:700;
}
.sitemap .m_addon, .sitemap .m_mypage {
  display: none;
}
.full_menu_close {
  position:absolute;
  z-index:600;
  right:20px;
  top:50px;
  display:flex;
  align-items: center;
  justify-content: center;
  overflow:hidden;
  width:56px;
  height:56px;
}
.full_menu_close i {
  color:#000;
  font-size: 29px;
}

/******************** footer ********************/
#footer {
  position:relative;
  z-index:9999;
  width:100%;
  background:#0a1327;
  color: #fff;
}
#footer .inner {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}
.foot {
  display: flex;
  align-items: center;
  gap:40px;
}
.foot p:not(:first-child) {
  letter-spacing: 0;
}
.foot p:first-child {
  width: fit-content;
  padding: 5px 24px;
  background-color: #f59c00;
  border-radius: 30px;
  font-weight: bold;
  color: #000;
}

/******************** main ********************/
.main_visual {
  display: flex;
  justify-content: center;
  align-items: center;
  height:300px;  
}
.main_visual .title {
  font-size: 37px;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  color:#fff;
  letter-spacing: -4px;
}
.main_visual .title span {
  letter-spacing: 0;
}

#container.main h2 {
  margin-bottom: 60px;
  font-size: 35px;
  font-weight: bold;
  color: #000;
  text-align: center;
  letter-spacing: -4px;
  line-height: 1;
}
#container.main h2 span {
  letter-spacing: 0;
}

.business_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:24px;
}
.business_list li {
  min-height:400px;
  border:1px solid #cdd1d5;
  border-radius: 12px;
}
.business_list li a {
  display: block;
  height: 100%;
  border-radius: 12px;
}
.business_list li .pic {
  display:flex;
  height:256px;
  background-color: #ddd;
  border-radius: 10px 10px 0 0;
}
.business_list li:nth-child(3) .pic {
  align-items: flex-end;
}
.business_list li .txt {
  padding: 27px 12px;
  font-size: 18px;
  font-weight: bold;
  color:#000;
  text-align: center;
  letter-spacing: -1px;
}
.business_list li .btn {
  width: fit-content;
  margin: 20px auto 0;
  font-size: 14px;
  padding: 8px 30px;
  border:1px solid #cdd1d5;
  border-radius: 30px;
}

.business_list li:hover {
  border-color: #024f93;
  box-shadow: 5px 5px 12px rgba(10,18,34,0.15);
  transition: 0.3s;
}
.business_list li:hover .btn {
  background-color: #1f2f54;
  border-color: #1f2f54;
  color: #fff;
  transition: 0.3s;
}

.business_support_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap:24px;
}
.business_support_list li {
  height:188px;
  border-radius: 12px;
  background-color: #fff;
  font-size: 35px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.business_support_list li:nth-child(2) {
  background-color: #1f2f54;
  color: #fff;
}
.business_support_list li:nth-child(7) {
  background-color: #f59c00;
  color: #000;
}

.business_support_list li img {
  width: 100%;
}
.business_support_list li:nth-child(10) {
  align-items: flex-end;
}
/******************** sub_visual ********************/
.sub_visual {
  display: flex;
  justify-content: center;
  align-items: center;
  height:150px;  
}
.sub_visual .title {
  font-size: 20px;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  color:#fff;
  text-align: center;
}
.sub_visual .title br {
  display: none;
}

/******************** container ********************/

.page_head {
  margin:0 0 50px;
  text-align: center;
}
.page_head h1 {
  position: relative;
  font-size: 28px;
  letter-spacing: -1.5px;
}
.page_head h1 br {
  display: none;
}
.page_head p {
  display: block;
  font-size: 10px;
  letter-spacing: 7px;
  text-transform: uppercase;
  font-weight: normal;
  color: #999;
  margin: 20px 0 30px;
}
.page_head span.line {
  display: block;
  height:3px;
  width:30px;
  margin: 0 auto;
  background-color: #333;
}

/******************** content ********************/
/* Why Jeju */
.conbox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:24px;
}
.conbox > li {
  overflow: hidden;
  border:1px solid #ddd;
  border-radius: 12px;
  text-align: justify;
  word-break: break-all;
}
.conbox .pic {
  display:flex;
  height:224px;
  margin-bottom: 32px;
  background-color: #ddd;
}
.conbox h2 {
  padding:0 32px;
  font-size: 19px;
  background:none;
}
.conbox li ul {
  padding:0 32px 32px;
}

/* 제주 MICE 유치 및 개최 지원 */
.pic {
  overflow: hidden;
  line-height: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.pic li {
  flex:1;
  height: 240px;
  background-color: #ddd;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pic img {
  width: 100%;;
}
.procedures {
  display: flex;
  flex-wrap: wrap;
}
.procedures > li {
  flex:1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:12px;
  position: relative;
  padding:32px 16px;
  margin-left:-1px;
  border:1px solid #ddd;
  font-size: 14px;
  text-align: center;
  word-break: keep-all;
  color:#1d1d1d;
}
.procedures > li:first-child {
  margin-left: 0;
  border-left:1px solid #ddd;
  border-radius: 12px 0 0 12px;
}
.procedures > li:last-child {
  border-radius: 0 12px 12px 0;
}
.procedures > li span.tit {
  padding:2px 16px;
  color: #024f93;
  background-color: #ebf5ff;
  border: 1px solid #8fc8ff;
  border-radius: 50px;
  font-weight: 600;
}
.procedures > li ul {
  margin-top: 10px;
  padding: 5px 10px;
  background-color: #f8f8f8;
  border-radius: 6px;
  text-align: left;
}
.procedures > li ul li {
  font-size: 13px;
}
.procedures > li ul li:last-child {
  margin-bottom: 0;
}
.procedures > li:not(:last-child)::after {
  content: '';
  font-family:"FontAwesome", "Font Awesome";
  position: absolute;
  top: 50%;
  right: -19px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px dashed #ccc;
  background: #fff url("../img/ic_right.svg") no-repeat center center;
  background-size: auto 40%;
  border-radius: 100%;
  color:#999;
  z-index: 1;
}

.procedures_info {
  display: flex;
  background-color: #f8f8f8;
  border-radius: 12px;
}
.procedures_info > li {
  flex:1;
  padding: 32px;
  border-left:4px solid #fff;
}
.procedures_info > li:first-child {
  border:none;
}

.document_list {
  display:flex;
  flex-wrap: wrap;
  gap: 6px;
  margin:5px 0 15px;
}
.document_list li {
  padding:5px 30px;
  background-color: #fafafa;
  border:1px dotted #777;
  border-radius: 4px;
  font-size: 14px;
}

/* 제주 유니크베뉴 및 MICE 관광상품 활용 지원 */
.venu_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 20px;
}
.venu_list li {
  border:1px solid #ddd;
  border-radius: 12px;
}
.venu_list li .pic {
  height:188px;
  background-color: #ddd;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.venu_list li .pic img {
  width: 100%;
}
.venu_list li .txt {
  padding:24px;
  text-align: center;
}
.venu_list li .txt span {
  display: block;
  font-weight: bold;
  color: #000;
}


.tour_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 20px;
}
.tour_list li {
  height: 140px;
  padding:24px;
  background-color: #e7ecf3;
  border:1px solid #bbc5d5;
  border-radius: 12px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tour_list li span {
  display: block;
}
.tour_list li .txt span:first-child {
  margin-bottom: 5px;
  font-weight: bold;
  color: #000;
}
.tour_list li .txt span:last-child {
  font-size: 14px;
  color: #555;
}


/******************** 반응형 ********************/
/** 가로 1240px **/
@media screen and (max-width:1240px) {
  .nav .gnb > li:not(:first-child)::before {
    display: none;
  }
}
/** 가로 1200px **/
@media screen and (max-width:1200px) {
  .nav .gnb {
    justify-content: center;
    gap:30px;
  }
  .nav .gnb > li {
    font-size: 15px;
  }
}
/** 가로 1160px **/
@media screen and (max-width:1160px) {
  .nav .gnb {
    gap:70px;
  }
  .nav .gnb > li br {
  display: block;
  }
  .nav .gnb > li a {
    padding: 15px 0;
  }
}

/** 가로 1024px **/
@media screen and (max-width:1024px) {
  #header .head {
    height: 110px;
    padding-top:30px;
    background-color: #fff;
  }
  #header .head > .inner {
    position: initial;
  }
  #logo {
    margin:0;
    width:224px;
    height: 45px;
  }
  .nav {
    display: none;
  }
  .addon {
    justify-content: end;
    align-items: center;
    width: 100%;
    height: 30px;
    top:0;
    transform:none;
    background-color: #f5f5f5;
  }
  body.sitemap_opened {
    overflow: hidden;
  }
  .m_nav {
    display: block !important;
  }
  .sitemap {
    overflow: visible;
    top: 111px;
  }
  .sitemap_opened .sitemap {
    visibility:visible;
  }
  .sitemap .sitemap_box.inner {
    padding: 0 30px;
  }
  #footer .inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }

.scrollbox_txt {
    display: block;
  }
  .scrollbox {
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
  }
  /* main */
  .main_visual {
    height: 250px;
  }
  .main_visual .title {
    font-size: 32px;
  }
  .main-sect {
    padding: 60px 0 70px;
  }
  #container.main h2 {
    margin-bottom: 40px;
    font-size: 32px;
  }
  .business_list {
    grid-template-columns: repeat(2, 1fr);
  }
  .business_support_list {
    grid-template-columns: repeat(2, 1fr);
  }
  .business_support_list li {
    height: 256px;
  }
  /* Why Jeju */
  .conbox {
    grid-template-columns: repeat(2, 1fr);
  }
  .conbox .pic {
    margin-bottom: 24px;
  }
  .conbox h2 {
    padding:0 24px;
  }
  .conbox li ul {
    padding: 0 24px 24px;
  }
  /* 제주 유니크베뉴 및 MICE 관광상품 활용 지원 */
  .venu_list, .tour_list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/** 가로 768px **/
@media screen and (max-width:768px) {
  #header .head {
    height: 90px;
  }
  #logo {
    width:175px;
    height:35px;
  }
  .addon {
    gap:26px;
  }
  .addon li:not(:first-child)::before {
    left:-12px;
  }
  .sub_visual {
    height: 120px;
  }
  .sub_visual .title {
    font-size: 18px;
  }
  .sub_visual .title br {
    display: block;
  }
  .m_nav_close {
    top:-45px; 
  }
  .sitemap {
    top: 91px;
  }
  .sitemap .sitemap_box.inner {
    padding: 0 16px;
  }
  .subMenu {
    padding: 16px 0;
  }
  .subMenu > li {
    padding-bottom: 16px;
  }
  .subMenu > li a {
    font-size: 15px;
  }
  #footer .inner {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .foot {
    flex-direction: column;
    align-items: flex-start;
    gap:10px;
  }
  .foot p:first-child {
    margin-bottom:10px;
  }
  .foot p:not(:first-child) {
    margin-left:5px;
  }

  .page_head h1 {
    font-size: 24px;
  }
  .page_head h1 br {
    display: block;
  }
  .page_head p {
    font-size: 8px;
    letter-spacing: 4px;
  }

  .content h2 {
    padding-left: 26px;
    font-size: 19px;
    background-position: left 4px;
  }
  .content h3 {
    font-size: 17px;
    background-position: left 2px;
  }

  .pic {
    grid-template-columns: repeat(1, 1fr);
  }
  .pic li {
    flex:none;
    width:100%;
  }
  /* main */
  .main_visual .title {
    font-size: 22px;
  }
  .main-sect {
    padding: 40px 0 50px;
  }
  #container.main h2 {
    margin-bottom: 30px;
    font-size: 28px;
  }
  .business_list {
    grid-template-columns: repeat(1, 1fr);
  }
  .business_list li {
    min-height: auto;
  }
  .business_list li .pic {
    height: 200px;
  }
  .business_support_list {
    grid-template-columns: repeat(1, 1fr);
  }

  /* Why Jeju */
  .conbox {
    grid-template-columns: repeat(1, 1fr);
  }
  /* 제주 MICE 유치 및 개최 지원 */
  .procedures {
    flex-direction: column;
  }
  .procedures > li:not(:last-child)::after {
    top: auto;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, 0) rotate(90deg);
  }
  .procedures > li:first-child {
    margin:0;
    border-radius: 12px 12px 0 0;
  }
   .procedures > li:last-child {
      border-radius: 0 0 12px 12px;
   }
  .procedures > li {
    margin:-1px 0 0 0
  }
  .procedures > li:not(:nth-child(4)) br {
    display: none;
  }
  .procedures_info {
    flex-direction: column;
  }
  .procedures_info > li {
    padding: 20px;
    border-left: none;
    border-top: 4px solid #fff;
  }
  /* 제주 유니크베뉴 및 MICE 관광상품 활용 지원 */
  .venu_list, .tour_list {
    grid-template-columns: repeat(1, 1fr);
  }
}


/** 가로 450px **/
@media screen and (max-width:450px) {
  /* main */
  .business_support_list li {
    height: 200px;
  }
}




/******************** 영문 ********************/

body .eng  {
  letter-spacing: -0.25px;
}
.eng .content h1, .eng .content h2, .eng .content h3, .eng .content h4 {
  letter-spacing: -1px;
}
.eng #logo {
  width: 213px;
  height:40px;
  background:url("../img/logo_eng.svg") 0 0 no-repeat;
}
.eng .nav .gnb {
  gap: 39px;
}
.eng .nav .gnb > li:not(:first-child)::before {
  display: none;
}
.eng .nav .gnb > li br {
  display: block;
}

.eng .main_visual .title, .eng #container.main h2, .page_head h1 {
  letter-spacing: -1px;
}


/** 가로 1024px **/
@media screen and (max-width:1024px) {
  .eng #logo {
    margin:0;
    width:177px;
    height: 33px;
  }
}

/** 가로 768px **/
@media screen and (max-width: 768px) {
    #logo {
        width: 153px !important;
        height: 30px !important;
    }
}