@charset "utf-8"; 

/******************** tag Definition ********************/
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;}
fieldset, img {border:0 none;}
dl, ul, ol, menu, li {list-style: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:17px; line-height:1.5; font-style:normal; 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:#555;}
a {color:#555; color:inherit; text-decoration:none;}
a:hover, a:active, a:focus {color:#555; color:inherit; text-decoration:none !important;}
a:visited {color:#555; color:inherit;}
html {overflow-y:scroll; scroll-behavior:smooth;}
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:700;}
::selection {outline:none; background:#f48325; color:#fff;}

  .jua-regular {
  font-family: "Jua", sans-serif;
  font-weight: 400;
  font-style: normal;
}
  

/******************** template ********************/
/***** cursor:pointer *****/
.cursor {cursor:pointer !important;}

/***** dispaly *****/
.disblock {display:block !important;}
.disnone {display:none !important;}
.disinblock {display:inline-block !important;}
.boxsizing {box-sizing:border-box !important;}

/***** float *****/
.fll {float:left !important;}
.flr {float:right !important;}
.cll {clear:left !important;}
.clb {clear:both !important; display:block;}

/***** 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;}

/***** color *****/
.red {color:#c40000;}
.orange {color:#f96f00;}
.green {color:#00a25b;}
.yellow {color:#e7da02;}
.black {color:#000;}
.sky {color:#4ea4e5;}
.navy {color:#003577;}
.blue {color:#0773c7;}

/***** txt_point *****/
.txt_point {color:#02a388 !important;}
.txt_point2 {color:#9ad5cb !important;}
.txt_point3 {color:#000 !important;}
.txt_warning {color:#c62828 !important;}
.txt_point_green {padding:0 2px; background-color:#00a25b; font-weight:bold; color:#fff;}
.txt_point_yellow {padding:0 2px; background-color:#fff65e; font-weight:bold; color:#000;}
.txt_point_gray {padding:0 2px; background-color:#f1f1f1; font-weight:bold; color:#000;}
.txt_line {text-decoration:underline;}

/***** 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;}
/* weight */
.fb {font-weight:700 !important;}
.fn {font-weight:400 !important;}
.fl {font-weight:200 !important;}
/* h */
h2 {margin-bottom:32px; font-size:28px; color:#000;}
h3 {margin-bottom:24px; font-size:26px; color:#000;}
h4 {margin-bottom:16px; font-size:22px; color:#000;}

h2 span {font-weight:200;}

/* tmg */
h2.tmg {margin-top:60px;}
h3.tmg {margin-top:40px;}
h4.tmg {margin-top:20px;}

/***** decoration *****/
/* line */
.content .line {display:block; margin-bottom:30px; border-width:0 0 1px; border-style:dashed; border-color:#ddd;}
.content .line2 {display:block; margin:50px 0; border-width:0 0 1px; border-style:dashed; border-color:#ddd;}
hr {margin:50px 0; border-width:0 0 1px; border-style:solid; border-color:#ddd;}
hr.dot {margin:30px 0; border-width:0 0 1px; border-style:dotted; border-color:#000;}
hr.dot02 {margin:0 0 30px; border-width:0 0 1px; border-style:dotted; border-color:#000;}
/* img */
.img {border:1px solid #ddd;}
.img img {width:100%; height:auto;}
.source {padding:3px 4px 7px; color:#999; font-size:12px; font-style:italic; text-align:right; line-height:1.1;}

/***** tabmenu *****/
.tabmenu_box ul {overflow:hidden; margin:0 0 70px; padding:0; width:100%; font-size:15px;}
.tabmenu_box ul li {float:left; text-align:center; vertical-align:middle;}
.tabmenu_box ul li a {display:block; padding:20px; height:17px; border:1px solid #1c1e1f; color:#222; font-size:17px; font-weight:400; line-height:1; text-align:center; vertical-align:middle; letter-spacing:-1px;}
.tabmenu_box ul li.on a {background:#292c2e; color:#fff;}
.tab02 ul {width:50%; min-width:400px;}
.tab02 li {width:50%;}

/***** list *****/
/* padding-left */
.lpad01 {padding-left:7px;}
.lpad02 {padding-left:10px;}
.lpad03 {padding-left:20px;}
/* margin-left */
.lmar01 {margin-left:7px;}
.lmar02 {margin-left:10px;}
.lmar03 {margin-left:20px;}
/* list */
/* 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, .lstyle02 li, .lstyle03 li {position: relative; margin-bottom:5px; padding:0 0 0 12px;}

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

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

.lstyle04 li {margin-bottom:7px; font-size:15px;}
.lstyle01 li:last-child, .lstyle02 li:last-child, .lstyle03 li:last-child, .lstyle04 li:last-child {margin-bottom:0;}


.olstyle01 li {position:relative; margin-bottom:15px;  padding-left:24px;}
.olstyle01 li .num {position:absolute; top:0; left:0;}

/***** table *****/
/* table */
table.tstyle {width:100%; border-top:solid #000; border-collapse:collapse; border-width:2px 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 13px 11px;}
table.tstyle thead th {padding:16px 13px 16px; color:#000; font-size:16px; font-weight:normal;}
table.tstyle th {background:#f9f9f9; color:#000; text-align:center; vertical-align:middle; font-size:16px; font-weight:normal; line-height:1.3;}
table.tstyle td {background:#fff; color:#555; font-size:15px; 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 #ccc;}
table.tstyle1 tbody th {border:1px solid #ccc;}
table.tstyle1 td {border:1px solid #ccc;}
/* table2 */
table.tstyle2 th {border-bottom:1px solid #ccc;}
table.tstyle2 tbody th {border-bottom:1px solid #ccc;}
table.tstyle2 td {padding:13px 25px 11px; border-bottom:1px solid #ccc;}
/* table3 */
table.tstyle3 th {border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
table.tstyle3 th.end {border-right:none;}
table.tstyle3 tbody th {border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
table.tstyle3 td {border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
table.tstyle3 td.end {border-right:none;}
/* align */
table.tac th, table.tac td {text-align:center !important;}



/******************** wrapper ********************/
#wrapper {position:relative; overflow:hidden; width:100%;}



/******************** header ********************/
#header {position:fixed; z-index: 99999; top:0; left:0; width:100%; background:#da4f37; text-align:center; box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;}
#head {position:relative; height:100px; margin:0 auto; padding:39px 0; width:1400px; text-align:left; box-sizing: border-box;}


/***** logo *****/
#logo {position:absolute; left:0; top:27px; z-index:400; overflow:hidden; width:230px; height:55px; background:url("../image/main/logo.svg") 0 0 no-repeat; text-indent:-99999px;}
#logo a {display:block; width:100%; height:100%;}


/***** lnb *****/
#lnb {float:right;}
#lnb > li {display:inline-block; *display:inline; *zoom:1; margin-left:58px; font-size:21px; font-weight:500; letter-spacing: -0.75px; line-height:1.1;}
#lnb > li a {position:relative; display:block; color:#fff;}



/******************** main_visual ********************/
/***** main_visual  *****/
#main_visual {position:relative; overflow:hidden; width:100%; margin-top:100px; height:850px}
/* swiper-container */
.swiper-container {padding:0; margin:0; height:850px;}
.swiper-wrapper {position:relative; width:100%; height:100%;}
.swiper-wrapper img {width:100%; min-width:1920px; min-height:850px; }
/* main_text */
.main_text {position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:500; display:table; padding:0 100px 2px; width:100%; height:110px; box-sizing: border-box;}
.main_text p {display:table-cell; width:100%; height:100%; color:#fff; font-size:72px; font-family:"Jua";  text-align:center; vertical-align:middle; letter-spacing: -0.5px;}
.main_text span {display:block; font-weight:200; font-family:"Pretendard Variable"; }
.main_text span.stxt {margin-top:10px; font-size: 37px;}
.main_text span strong {font-weight:500;}

/* swiper-pagination */
.swiper-pagination {position:absolute; bottom:85px !important; display:table; z-index:1000 !important;}
.swiper-pagination .swiper-pagination-bullet {margin:0 5px !important; width:70px !important; height:6px; background:#fff; border-radius:0; opacity: 0.5;}
.swiper-pagination .swiper-pagination-bullet:first-child {border-radius: 6px 0 0 6px;}
.swiper-pagination .swiper-pagination-bullet:last-child {border-radius: 0 6px 6px 0;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}



/******************** main_contents ********************/
/***** main_layout *****/
#main_contents {position:relative; z-index:200; width:100%; background:#fff; }
#features, #introduction, #product, #experience, #experience02, #location {padding:120px 0;}
.bg {background:#f5f5f5;}
#features h2, #introduction h2, #product h2, #experience h2, #experience02 h2, #location h2 {font-size:45px; color:#000; line-height: 1;}
#features h3, #introduction h3, #product h3, #experience h3, #experience02 h3, #location h3 {font-size:36px; color:#333; line-height: 1;}
.section, .imgwrap {position:relative; width:1400px; margin:0 auto;}




/* 회사소개 */ /* 체험학교 */
.layout {text-align: left;}
.layout .section {display:flex; gap:80px;}
.stit {width:fit-content; margin-bottom: 32px; padding:9px 15px; font-size:12px; background-color: #f08300; color:#fff; border-radius:20px; text-transform: uppercase; line-height: 1; letter-spacing: 2.6px;}
.layout .section .infobox {z-index:2; display:flex; width:90%; flex-direction: column; gap:30px;}
.layout .txt_con {margin-bottom:24px; font-size:21px; color:#000; font-style: italic; text-align: justify; font-weight: 500;     word-break: keep-all; line-height: 1.35;}
.layout .notice {width: fit-content; margin-bottom: 30px; padding:4px 10px; background-color: #dadada; color: #000; border-radius: 4px;}
.layout .section .infobox .txt_box {padding:28px 30px; border:1px dotted #000; background-color: #fff; border-radius: 12px;}
.layout .section .infobox .txt_box h3 {margin-bottom:20px; font-size: 21px !important;}
.layout .section .infobox .txt_box p {margin-bottom:10px; color:#1d1d1d;}


.layout .section .imgbox {z-index:2; display:flex; width:100%; background-size: cover; border-radius: 12px;}
.layout .section .videobox {overflow:hidden; width:57%;  background-color: #fff; border-radius: 12px; display: flex; align-items: center; justify-content: center;}
.layout .section .videobox img {width: 45%;}

.layout .imgbox .imgs {display: flex; flex-direction: column; gap:24px; width: 100%;}
.layout .imgbox .imgs li {overflow:hidden; height:100%; background-color: #000; border-radius: 12px; line-height: 0;}
.layout .imgbox .imgs li img {width: 100%; height: 100%;}


.layout .imgwrap {display:flex; flex-direction: column ; margin-top:80px;}
.layout .imgwrap h3 {margin-bottom:0; line-height: 1;}
.layout .imgwrap h3 span {margin-left:20px; font-size: 17px; font-weight: normal; color:#555;}
.layout .imgwrap .imgs {display: flex; gap:24px;}
.layout .imgwrap .imgs li {overflow:hidden; position: relative; background-color: #000; border-radius: 12px; line-height: 0;}
.layout .imgwrap .imgs li img {width: 100%;}
.layout .imgwrap .imgs li span {position:absolute; bottom:10px; right:10px; padding:6px 10px; background-color: rgba(0, 0, 0, 0.6); color:#fff; font-size:13px; border-radius: 4px; line-height: 1; }

.layout .imgwrap .videos {display: flex; gap:24px;}
.layout .imgwrap .videos li  {flex:1; height:400px; overflow: hidden; border-radius: 12px;}

/* 체험학교 */
.layout .infobox h2 span {display: block; margin-bottom: 12px; font-size: 19px; font-weight: normal; color:#34190d;}

#experience .imgs li:nth-child(1) {background:url("../image/main/oneday01.jpg") 50% 0 no-repeat; background-size: cover;}
#experience .imgs li:nth-child(2) {background:url("../image/main/oneday02.jpg") 50% 0 no-repeat; background-size: cover;}

#experience02 .imgs li:nth-child(1) {background:url("../image/main/cooking01.jpg") 50% 0 no-repeat; background-size: cover;}
#experience02 .imgs li:nth-child(2) {background:url("../image/main/cooking02.jpg") 50% 0 no-repeat; background-size: cover;}



/* 제품특징 */
#features {background:url("../image/main/features_bg.jpg") 50% 0 no-repeat; background-size: cover;}
#features h2 {margin-bottom:60px; font-family:"Jua"; font-size: 58px; font-weight: 400; text-align: center; color:#fff; text-shadow: 2px 4px 0px rgba(0,0,0,0.2); letter-spacing: -1px;}
#features h2 span {color:#f08300;}

.features_list {display: flex; justify-content: space-between; align-items: flex-start; gap:40px}
.features_list > li {flex:1; }
.features_list > li .pic { width: 100%; height: auto; border-radius: 50%; display: flex; justify-content: center; box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.2); border: 1px solid #35221a; box-sizing: border-box;}
.features_list > li .pic:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.features_list > li .inner {
    color: #000;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
#features .features_list h3 {margin:50px 0 30px; font-size:25px; color:#fff; text-align: center; word-break: keep-all; line-height: 1.2;}

.features_list > li .features01 {background:#000 url("../image/main/features01.jpg") 50% 0 no-repeat; background-size: cover;}
.features_list > li .features02 {background:#000 url("../image/main/features02.jpg") 50% 0 no-repeat; background-size: cover;}
.features_list > li .features03 {background:#000 url("../image/main/features03.jpg") 50% 0 no-repeat; background-size: cover;}
.features_list > li .features04 {background:#000 url("../image/main/features04.jpg") 50% 0 no-repeat; background-size: cover;}
.features_list > li p {padding:0 15px; text-align: justify; color:#aa9f9b; letter-spacing: -0.5px;}
.features_list > li ul {text-align: left;}


/* 제품소개 */
#product.layout .section {display:block; position: relative;}
#product.layout .section:not(:first-child) {margin-top:80px;}
#product .more {position: absolute; top:0; right:0; padding:13px 24px; border: 1px solid #ddd; border-radius: 30px; line-height: 1; color:#000;}
.product_list {display: grid; grid-template-columns: repeat(4, 1fr) ;}
.product_list li { border:1px solid #eaeaea; margin: 0 0 -1px -1px;}
.product_list li a {padding:16px 16px 40px; display: flex; flex-direction: column; gap:9px;}
.product_list li .pic {overflow:hidden; border-radius: 8px; line-height: 0;}
.product_list li .pic img {width: 100%;}
.product_list li .tit {font-size: 21px; font-weight: 600; color:#000;}
.product_list li .con {font-size: 15px; text-align: justify;}

.product_list.sausage li:nth-child(1) {border-top-left-radius: 12px;}
.product_list.sausage li:nth-child(4) {border-top-right-radius: 12px;}
.product_list.sausage li:nth-child(9) {border-bottom-left-radius: 12px;}
.product_list.sausage li:nth-child(12) {border-bottom-right-radius: 12px;}
.product_list.ham li:nth-child(1) {border-radius: 12px 0 0 12px;}
.product_list.ham li:nth-child(4) {border-radius: 0 12px 12px 0;}
.product_list.jerky li:nth-child(1) {border-radius: 12px 0 0 12px;}
.product_list.jerky li:nth-child(4) {border-radius: 0 12px 12px 0;}

.product_list li .icon {background:#f08300; width: 44px; margin: 7px 0 2px; padding:6px 0;  font-size: 11px; text-align: center; color:#fff; border-radius: 20px; line-height: 1;}
.product_list.ham li .icon {background:#da4f37;}
.product_list.jerky li .icon {background:#804c2e;}


/* 버튼 */
.btnbox {width:1400px; margin:50px auto 0; text-align: center;}
.btn {padding: 20px; background-color: #804c2e; border-radius: 8px; color: #fff !important; text-align:center; line-height: 1; font-size: 21px; font-weight: 600; cursor: pointer; white-space: nowrap;}



/* 오시는길 */
#location h3 {text-align: left;}
#location ul {display: flex; justify-content: center; align-items: flex-start; gap:50px; background:#fff; border:1px dotted #000; padding:14px; }
#location ul li {display:flex; align-items: flex-start; justify-content: flex-start; align-items:center; gap:24px; text-align: left; line-height: 2;}
#location ul li:first-child::before {display:none;} 
#location ul li::before {display: inline-flex; content: ""; width: 1px; height: 15px; background-color: #aaa;}
#location ul li strong {color:#000;}
#location ul li:not(:first-child) strong {margin-left: 26px;}
.map {margin-top:20px;}


/******************** footer ********************/
.footer {position:relative; clear:both; width:100%; background:#2d2c2b; border-top:1px solid #ddd; color:#a3a3a3;  text-align:center;}

/***** sns *****/
.sns {position: absolute; right:0; top:60px; display: flex; gap:12px;}

/***** top *****/
.top {z-index:999999; position:fixed; right:30px; bottom:30px; width:64px; height:64px; line-height:64px; font-size:15px; font-weight: 700; color:#fff; background:#f08300; border-radius: 10px;}
.top a {display:block;}

/***** address  *****/
.foot {position:relative; margin:0 auto; padding:60px 0 100px; width:1400px; text-align:left; font-size:15px;}
.foot .f_logo {width:190px; height:68px; background:url("../image/main/logo02.svg") 0 0 no-repeat; text-indent:-99999px;}
.foot .f_logo a {display:block; width:100%; height:100%;}

.foot address {margin-top:30px; line-height: 1.7;}
.foot address li {display:inline-block;}
.foot address li:first-child {display: block;}
.foot address span {padding-right:20px; padding-left:25px; color:#fff; font-weight: 500;}
.foot address span.tel {padding-left:0;}

.foot p {margin-top:30px;}
.foot a {color:#fff; font-weight: 700;}



/******************** 반응형 ********************/

/** 가로 1450px **/
@media screen and (max-width:1450px) {
    #head {width:100%; padding-left:50px; padding-right:50px; box-sizing:border-box;}
    #header #logo {left:50px;}
    
    .footer {width:100%; padding:0 50px; box-sizing:border-box;}
    .foot {width:100%;}
    .section, .imgwrap {width:100%; padding:0 50px; box-sizing: border-box;}
    
    /* visual */
    #main_visual {height:700px; background-size:contain; z-index:11;}
    #main_visual .swiper-container {min-width:320px; height:700px;}
    #main_visual .swiper-slide > img {min-width: 1450px; height:700px; min-height:700px;}
    #main_visual .swiper-pagination {bottom:50px !important; }

    /* 콘텐츠 */
    .inquiry {width:93%; box-sizing: border-box;}
    .btnbox {width:100%;}
    #location ul {flex-wrap: wrap; gap:20px; }
    #location ul li {gap:20px;}
    #location ul li:not(:first-child) strong {
        margin-left: 0;
    }
    .root_daum_roughmap {width:100% !important;}

    #product .more {right:50px;}

}
/** 가로 1350px **/
@media screen and (max-width:1350px) {

    .main_text p {
        font-size: 68px;
    }
    .layout .imgwrap .videos li {height:350px;}

    
}    
    
/** 가로 1250px **/
@media screen and (max-width:1250px) {    
    #header, #head {height:80px;}
    #head {padding:25px 35px;}
    #header #logo {top:20px; left:35px; width:220px;}
    #header #logo img {width:auto; height:25px;}
    #header #lnb li {margin-left:40px; font-size: 18px;}
    .footer {padding:0 35px;}
    .foot address {margin-top: 30px;}
    .foot p {margin-top: 20px;}
    .section, .imgwrap {padding:0 35px;}
    
    /* visual */
    #main_visual {margin-top:80px; height:550px; z-index:11;}
    #main_visual .swiper-container {height:550px;}
    #main_visual .swiper-slide > img {min-width:1200px; height:550px; min-height:550px;}
    #main_visual .swiper-pagination {bottom:30px !important;}

    .main_text p {font-size:56px;}
    .main_text span.stxt {font-size:32px;}

    /* 콘텐츠 */
    #features, #introduction, #product, #experience, #experience02, #location {padding:80px 0;}
    #introduction h2, #product h2, #experience h2, #experience02 h2, #location h2 {font-size:38px;}
    #features h2 {font-size: 52px;}
    #features h3, #introduction h3, #product h3, #experience h3, #experience02 h3, #location h3 {font-size:29px;}
    
    .layout .imgwrap .videos li {height:300px;}
    #product .more {
        right: 35px;
        padding: 10px 20px;
    }

    .features_list > li p, .features_list > li ul {font-size:17px;}

    .layout .section .infobox ol, .layout .section .infobox ul {font-size: 17px;;}
    .layout .txt_con {font-size: 18px;}


}
    
/** 가로 1024px **/
@media screen and (max-width:1024px) {
    #header, #head {height:155px;}
    #head {padding:1px; text-align:center;}
    #header #logo {position:relative; top:auto; left:auto; margin:20px auto; line-height:0;}
    #header #logo img {width:auto; height:30px;}
    #header #lnb {float:none; display:flex; border-top:1px solid #b5422e; justify-content:space-around;}
    #header #lnb li {margin:0; height:59px; line-height:59px;}
    
    /* visual */
    #main_visual {z-index:11; margin-top:143px;}
    #main_visual .swiper-slide > img {min-width:1024px;}
    #main_visual .swiper-pagination {bottom:20px !important;}
    .main_text p {word-break: keep-all; line-height: 1.2;}

    /* 콘텐츠 */
    #features, #introduction, #product, #experience, #experience02, #location {padding:120px 0;}

    #introduction h2, #product h2, #experience h2, #experience02 h2, #location h2 {font-size:32px;}
    #features h2 {font-size: 44px;}

    #features h3, #introduction h3, #product h3, #experience h3, #experience02 h3, #location h3 {font-size:23px;}

    .layout .section {gap:30px; flex-wrap: wrap;}
    .layout .section .infobox {width: 100%;}

    .layout .section .videobox {width:100%; padding:30px;}
    .layout .section .videobox img {
    width: 40%;}

    .layout .section .imgbox {height:400px;}
    .layout .imgbox .imgs {flex-direction: initial;}
    .layout .imgwrap {margin-top:50px;}
    .layout .section .imgbox .imgs li {flex:1;}
    .layout .imgwrap .imgs {display: grid; grid-template-columns: repeat(2, 1fr);}


    #features {
    background: url(../image/main/features_bg.jpg) 45% 50% repeat;
    /* background-size: cover; */}

    .features_list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 80px; align-items: start; margin: 0 50px;}
    .features_list > li {width:100%;}

    #experience02.layout .section .infobox .txt_box {margin-top: 0 !important;}
    .product_list {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .product_list.sausage li:nth-child(1) {border-top-left-radius: 12px;}
    .product_list.sausage li:nth-child(2) {border-top-right-radius: 12px;}
    .product_list.sausage li:nth-child(4) {border-top-right-radius: 0;}
    .product_list.sausage li:nth-child(9) {border-bottom-left-radius: 0;}
    .product_list.sausage li:nth-child(11) {border-bottom-left-radius: 12px;}
    .product_list.sausage li:nth-child(12) {border-bottom-right-radius: 12px;}
    .product_list.ham li:nth-child(1) {border-radius: 12px 0 0 0;}
    .product_list.ham li:nth-child(2) {border-radius: 0 12px 0 0;}
    .product_list.ham li:nth-child(3) {border-radius: 0 0 0 12px;}
    .product_list.ham li:nth-child(4) {border-radius: 0 0 12px 0;}
    .product_list.jerky li:nth-child(1) {border-radius: 12px 0 0 0;}
    .product_list.jerky li:nth-child(2) {border-radius: 0 12px 0 0;}
    .product_list.jerky li:nth-child(3) {border-radius: 0 0 0 12px;}
    .product_list.jerky li:nth-child(4) {border-radius: 0 0 12px 0;}

    
    #location ul {font-size: 16px; gap:10px 20px;}
    #location ul li {gap:20px;}
    #location ul li:nth-child(3):before {display: none;}
}
    
    
/** 가로 800px **/
@media screen and (max-width:800px) {
    #header, #head {height:73px;}
    #header #logo {margin:15px auto;}
    #header #lnb {display: none;}
    #main_visual {margin-top:73px; height:450px; z-index:11;}
    #main_visual .swiper-container {height:450px;}
    #main_visual .swiper-slide > img {min-width:800px; height:450px; min-height:450px;}
    #main_visual .swiper-pagination {bottom:30px !important;}
    .swiper-pagination .swiper-pagination-bullet {width: 50px !important; margin:0 3px !important;}

    .main_text p {font-size: 40px;}
    .main_text span.stxt {font-size: 24px;}
    .main_text span.sstxt {font-size: 24px;}
    .main_text span.name {font-size: 20px;}

    .foot address li {display:block;}
    .foot address span {display:inline-block; padding-left:0; padding-right:0; width:70px;}


    /* 콘텐츠 */

    #features, #introduction, #product, #experience, #experience02, #location {padding:70px 0;}

    #features h2 {font-size: 38px; word-break: keep-all; line-height: 1.3;}

    .features_list {gap: 50px; margin:0;}
    
    .layout .imgwrap .videos {flex-direction: column;}
    .layout .imgwrap .videos li {flex: initial;}
    
    #product.layout .section {flex-wrap: wrap;}
    .layout .section .infobox {padding:0;}
    .layout .section .imgbox {height:250px;}

    .btn {font-size: 17px;}

    
    #location ul {gap:0;}
    #location ul li {width: 100%; word-break: keep-all; gap:10px;}
    #location ul li::before {width: 2px !important; height: 2px !important; background-color: #aaa;}
    #location ul li:first-child::before, #location ul li:nth-child(odd)::before {display: block;}

    #location ul li strong {width:fit-content;}
    #location ul li:last-child strong {display:none;}
    

}
    
/** 가로 600px **/
@media screen and (max-width:600px) {

    .main_text {padding:0 50px;}

    .layout .imgwrap .imgs {grid-template-columns: repeat(1, 1fr); }
    .layout .imgbox .imgs {
        flex-direction: column;
    }
    .layout .section .imgbox {
        height: 500px;
    }

    .features_list {grid-template-columns: repeat(1, 1fr); margin: 0 35px;}

    #product .more {right:25px; padding:7px 15px;}
    .product_list {grid-template-columns: repeat(1, 1fr);}
    .product_list.sausage li:nth-child(1) {border-radius: 12px 12px 0 0;}
    .product_list.sausage li:nth-child(2) {border-top-right-radius: 0;}
    .product_list.sausage li:nth-child(4) {border-top-right-radius:0;}
    .product_list.sausage li:nth-child(9) {border-bottom-left-radius: 0;}
    .product_list.sausage li:nth-child(11) {border-bottom-left-radius: 0;}
    .product_list.sausage li:nth-child(12) {border-radius: 0 0 12px 12px;}
    .product_list.ham li:nth-child(1) {border-radius: 12px 12px 0 0;}
    .product_list.ham li:nth-child(2) {border-radius: 0;}
    .product_list.ham li:nth-child(3) {border-radius: 0;}
    .product_list.ham li:nth-child(4) {border-radius: 0 0 12px 12px;}
    .product_list.jerky li:nth-child(1) {border-radius: 12px 12px 0 0;}
    .product_list.jerky li:nth-child(2) {border-radius: 0;}
    .product_list.jerky li:nth-child(3) {border-radius: 0;}
    .product_list.jerky li:nth-child(4) {border-radius: 0 0 12px 12px;}


    

    .sns {position: initial; margin-top: 40px;}
}

/** 가로 500px **/
@media screen and (max-width:500px) {
    #main_visual {height:350px;}
    #main_visual .swiper-container {height:350px;}
    #main_visual .swiper-slide > img {min-width:800px; height:350px; min-height:350px;}
    .swiper-pagination .swiper-pagination-bullet {width: 30px !important;}
    .section {padding:0 25px;}
    .foot {padding:50px 0;}

    .main_text p {font-size: 32px;}
    .main_text span.stxt, .main_text span.sstxt, .main_text span.name {font-size: 19px;}
    .main_text span.name {letter-spacing: 15px;}
    .foot address span.fax {padding-left:0;}

    #features, #introduction, #product, #experience, #experience02, #location {padding:50px 0;}

    #location h2 {margin-bottom:32px;}
    #location .wrap_map {height:300px !important;}
    .top {right:20px; bottom:20px; width:56px; height:56px; line-height:56px;}
}
    
    
/** 가로 400px **/
@media screen and (max-width:400px) {
    .main_text span.stxt, .main_text span.sstxt, .main_text span.name {font-size: 18px;}
    #location ul li strong {
        width: 20%;
    }
    #location ul li strong span {display: none;}
    #location ul li div span {display: block;}
    #location ul li div {line-height: 1.5;}
}

/** 가로 375px **/
@media screen and (max-width:375px) {
    .foot address li {margin-bottom:5px;}
    .foot address span {display: block;}
    

}