@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
body { font-family: "Noto Sans KR", sans-serif; font-size: 12px; margin: 0px; padding: 0px; height: auto; color: #333333; 
overflow-x: hidden;} 

ul,
ol { margin: 0; } 
a:link,
a:visited,
a:active { text-decoration: none !important; color: #333333; } 
a:hover { text-decoration: underline; } 
a.menu:link,
a.menu:visited,
a.menu:active { text-decoration: none; color: #454545; } 
a.menu:hover { text-decoration: none; } 

.member { font-weight: bold; color: #888888; } 
.guest { font-weight: normal; color: #888888; } 

.accent2 { line-height: 150%; font-size: 17px; font-weight: bold; color: #333333; } 
.accent { line-height: 150%; font-size: 14px; font-weight: bold; } 

.lh { line-height: 150%; } 
.lht { line-height: 200%; font-size: 12px; } 
.jt { text-align: justify; } 
.li { font-weight: bold; font-size: 18px; vertical-align: -4px; color: #66aead; } 
.ul { list-style-type: square; color: #66aead; } 
.ct { font-family: Verdana, san-serif; color: #222222; } 
.ed { border: 1px solid #cccccc; } 
.tx { border: 1px solid #cccccc; } 
.small { font-size: 8pt; } 
.cloudy,a.cloudy { color: #888888; } 
.displaynone { display: none; } 

/* .ban_service { width: 1100px; margin: 0 auto 30px auto; } 
.ban_service .tit { padding: 70px 0 50px; border-bottom: 2px #c3c3c3 solid; } 
.ban_service .subtit { padding: 50px 0 30px; } 
.ban_service ul { font-size: 0; margin: 0; } 
.ban_service ul li { display: inline-block; margin-left: 20px; margin-bottom: 20px; } 
.ban_service ul li:first-child { margin-left: 0; } 
 */

.main_cont_table {width: 100%; max-width: 1400px; padding-top: 30px;}

#wrap {position: relative;}
/* #wrap .mainslider{top: 200px;} */

/* star point */
.star_rating { width: 100px; } 
.star_rating,
.star_rating span { display: inline-block; overflow: hidden; height: 20px; background: url(/images/star1.jpg) no-repeat; vertical-align: bottom; margin: 0px; } 
.star_rating span { background-position: left bottom; line-height: 0; vertical-align: top; } 


.main_visual { -webkit-transition: padding 0.3s; transition: padding 0.3s; height: auto; } 

#header { background-color: #ffffff; height: 192px; width: 100%; left: 0; z-index: 120; top: 0; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; border-bottom: 1px solid #dddddd; } 
/* #header .headerbox { width: 1100px; margin: auto; min-width: 1100px; text-align: center; } 
#header .headerbox:after { clear: both; content: ""; } 
 */
#header .toplink2 { width: 100%; text-align: right; padding: 5px 0; height: 34px; overflow: hidden; } 
#header .logo2 { float: left; vertical-align: top; padding: 20px 0; } 
#header .menumenu { float: right; width: 850px; vertical-align: top; margin-top: 5px; text-align: left; } 
#header .menumenu ul.dropdown2 { font-size: 0; } 
#header .menumenu ul.dropdown2 li { display: inline-block; position: relative; vertical-align: top; } 
#header .menumenu ul.dropdown2 li a { font-size: 14px; color: #fff; text-decoration: none; padding: 20px 24px; border: 0 !important; } 
#header .menumenu ul.dropdown2 ul.submenu2 { width: 164px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 120; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); opacity: 0.95; -moz-opacity: 0.95; } 

#header .menumenu ul.dropdown2 ul.submenu2 a { font-size: 13px; color: #222; padding: 10px 0 10px 10px; } 
#allmenubox { z-index: 100; transform: translateX(-50%); top: 230px; } 

.menu-trigger { margin: 20px 10px; } 


#toplink { position: relative; background-color: #ffffff; margin: auto; align-items: start; max-width: 1400px; margin: auto; display: grid; grid-template-columns: 350px 1fr  350px; text-align: center;  padding: 0 20px;} 
#toplink:after { display: block; visibility: hidden; clear: both; content: ""; } 
#toplink ul li { display: inline-block; vertical-align: top; height: 28px; line-height: 26px; } 
#toplink ul li a { display: block; font-size: 12px; color: #333333; padding: 0px 20px; } 

#toplink ul.top_member { padding-top: 10px; text-align: right; position: absolute; right: 20px; top: 0px; } 
#toplink ul.top_member a { text-decoration: none; } 

#toplink ul li.toplink_user a { color: #222222; letter-spacing: 0.5px; } 
#toplink ul li.toplink_adm a { color: #c22121; letter-spacing: 0.5px; } 

#toplink ul.top_member a { width: 100px; text-align: center;  padding: 0px 10px; font-size: 13px; color: #545454; }
#toplink ul.top_member a.btn_bbslink1 { background-color: #9449b0; color: #ffffff; border: 1px solid #9449b0; border-radius: 20px; margin-right: 5px; } 
#toplink ul.top_member a.btn_bbslink2 { background-color: #20c99f; color: #ffffff; border: 1px solid #20c99f; border-radius: 20px; margin-right: 3px; } 
#toplink ul.top_member a.btn_bbslink3 { background: #ffffff url("/images/chevron-down.svg") 96% 4px no-repeat; background-size: 20px; padding-right: 25px; border: 1px solid #777777; color: #666666; border-radius: 20px; margin-right: 3px; } 

#toplink ul.top_member a.btn_bbslink4 { background: #ffffff; border: 1px solid #777777; color: #666666; border-radius: 20px; margin-right: 3px; } 

#toplink ul.top_member a.btn_bbslink5 { background-color: #1591f0; color: #ffffff; border: 1px solid #1591f0; border-radius: 20px; margin-right: 5px; } 


#toplink ul.top_member a.btn_bbslink1:hover { background-color: #5c1e72; border: 1px solid #5c1e72; } 
#toplink ul.top_member a.btn_bbslink2:hover { background-color: #15b68e; border: 1px solid #15b68e; } 
#toplink ul.top_member a.btn_bbslink3:hover { background-color: #f2f2f2; border: 1px solid #666666; } 
#toplink ul.top_member a.btn_bbslink5:hover { background-color: #0c7ed6; border: 1px solid #0c7ed6; } 

#toplink .mypage { position: relative; } 
#toplink .sub_mypage { display: none; position: absolute; top: 28px; left: 50%; transform: translateX(-50%); background-color: #ffffff; width: 130px; padding: 10px 5px; box-shadow: 0px 3px 5px 2px rgb(0 0 0 / 6%); border-radius: 10px; z-index: 100; } 
#toplink .sub_mypage a { display: block; text-align: left;  } 
#toplink .sub_mypage a:hover { color: #5c1e72; } 
#toplink .mypage:hover .sub_mypage { display: block; } 
#toplink ul.top_member .sub_mypage a {width: 100%; padding: 0px 0 0px 5px; text-align: left;}

#toplink .toprow2 {height: 100%;    display: flex;    flex-direction: row;    align-items: end;    justify-content: flex-start;}
#toplink a.btnjr02{ background-color: #4F65FF; color: #ffffff; font-size: 22px; font-weight: 600; border-radius: 26px; 
  font-family: 'Paperlogy'; padding: 10px 20px; margin: 15px 20px 10px 0;  min-width: 150px; }
#toplink a.btnjr02:hover {background-color: #374BF5;}

@media (max-width: 1100px){
  #toplink {    grid-template-columns: 1fr 1fr;}
  #toplink .toprow2{justify-content: end;}
  #toplink a.btnjr02 {font-size: 15px; padding: 10px 20px; margin: 0 2px; min-width: auto;}

}
@media (max-width: 738px){ 
  #toplink {padding: 0 14px; grid-template-columns: 1fr 110px;}
  #toplink a.btnjr02 {font-size: 12px; padding: 5px 10px; margin: 2px 0; min-width: 100px; }
  #toplink .toprow2 {flex-direction: column; }
}



#logo {text-align: left; padding-top : 18px;}
#logo a {
  display: inline-block;
  padding: 15px 10px 0px 0;
  line-height: 32px; 
  background: repeating-linear-gradient(to right, #5429c6 , #3362d5);
  color: transparent;
  -webkit-background-clip: text;
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  font-size: 56px; letter-spacing: -1px;
}
#logo a span { font-size: 17px; font-weight: 500; display: block; letter-spacing: 2px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } 
#logo a:hover { text-decoration: none; } 
#logo a span {color: #2b2b2b;  letter-spacing: 1.8px; padding: 8px 0 0px 5px;}
#logo a span > span {  display: inline-block; color: #2b2b2b; } 



.fixed #logo a { font-size: 38px; line-height: 32px; padding-top: 10px; } 
.fixed #logo a span { display: none; } 
.fixed #logo { margin: 15px 0 0px; } 

/* #logo:after { content: ''; position: absolute; width: 100%; height: 1px; background-color: #333333; left: 0; top: 67%; z-index: -1; } */
#logo img { width: 250px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } 


@media (max-width: 1024px){
  #logo a { font-size:40px;}
  #logo a span {font-size: 16px; padding: 0px 0 0px 3px;}
  
}
@media (max-width: 738px){
  #logo a { font-size:30px;}
  #logo a span {font-size: 14px;}
  
}

/* .main_cont { display: flex;  flex-direction: column;  align-items: center;} 
적용시 포트폴리오 게시판 문제 */

.main_cont .tit_bbs { text-align: left; font-size: 16px; padding: 5px 0; border-bottom: 1px solid #ddd; margin: 20px 0 20px; font-weight: 400; letter-spacing: -0.3px; font-family: "s-core-dream", "Sans-serif"; } 
.main_cont .tit_bbs span { font-weight: 600; } 
.main_cont a.more2 { display: block; padding: 3px 8px; background: #2f2f2f; border-radius: 3px; color: #fff; font-size: 11px; font-weight: normal; position: absolute; right: 0; top: 27px; font-family: "Malgun Gothic", sans-serif; } 
.main_cont a.more2:hover { text-decoration: none; } 
div.mdl_top .notice { width: 520px; margin-right: 40px; } 
div.mdl_top .notice table { width: 520px !important; } 

div.mdl_top .portfolio ul.sm_sum li { width: 122px !important; margin-right: 10px !important; } 
div.mdl_top .portfolio ul.sm_sum li.last { margin-right: 0 !important; } 

.go_adm { display: inline-block; margin-right: 20px; } 
a.btn_adm { border: 1px solid #555555; color: #cecece; padding: 2px 10px; font-size: 12px; display: inline-block; 
  -webkit-transition: background 0.5s; transition: background 0.5s; text-decoration: none; } 
a.btn_adm:hover { background-color: #fff; color: #333; text-decoration: none; } 
.toplink2 .loginoutlink { display: inline-block; } 
.toplink2 .loginoutlink a { text-decoration: none; } 

/* #top { float: right; position: relative; width: 900px; vertical-align: top; padding-top: 6px; font-size: 0; text-align: right; margin-bottom: 0px; } 
#top > li { display: inline-block; vertical-align: top; text-align: center; } 
#top > li > a { display: block; font-size: 14px; color: #fff; text-decoration: none; padding: 20px 24px; border: 0 !important; text-align: center; letter-spacing: -0.5px; } 
#top .estimate a { padding: 12px 10px 10px; } 
.bg_submenu { display: none; background-color: #ddd; width: 100%; height: 200px; position: absolute; left: 0; top: 100%; opacity: 0.9; } 
.top_submenu .submenubox { width: 1100px; min-width: 1100px; margin: auto; border: 1px #222 solie; text-align: left; } 

#header ul#top li ul#topSubm1 { left: 130px; width: 600px; height: 0; z-index: 1000; } 
#header ul#top li ul#topSubm2 { left: 270px; width: 590px; height: 0; z-index: 1000; } 
#header ul#top li ul#topSubm3 { left: 390px; width: 350px; height: 0; z-index: 1000; } 
#header ul#top li ul#topSubm4 { left: 535px; width: 350px; height: 0; z-index: 1000; } 
#header ul#top li ul#topSubm5 { left: 655px; width: 200px; height: 0; z-index: 1000; } 
#header ul#top li ul#topSubm6 { left: 748px; width: 150px; height: 0; z-index: 1000; } 
#header ul#top li ul { position: absolute; left: 20px; top: 60px; padding: 22px 0 0 0; overflow: hidden; text-align: left; } 
#header ul#top li ul a { font-size: 13px; color: #777; display: inline-block; padding: 4px 0; } 
#header ul#top li ul a.tit { color: #000; } 
#header ul#top li ul a:hover { text-decoration: none; } 
 */

.allmenu { padding: 0 !important; } 

.right_quick_menu { z-index: 100; } 

/* #topBg { position: absolute; left: 0px; top: 100px; width: 100%; height: 0px; z-index: 800; background: #fff; } 
#detialinfo { position: absolute; left: -200px; top: 90px; width: 280px; height: 0px; background-color: #fff; text-align: left; z-index: 1000; font-size: 13px; color: #222; overflow: hidden; } 
#detialinfo span.bold { font-size: 14px; } 
#detialinfo span.icon1 { margin-bottom: 10px; width: 50px; height: 50px; display: block; background: url("/images/icon_topmenu.png") 0 0 no-repeat; background-size: 50px; } 
#detialinfo span.icon2 { margin-bottom: 10px; width: 50px; height: 50px; display: block; background: url("/images/icon_topmenu.png") 0 -50px no-repeat; background-size: 50px; } 
#detialinfo span.icon3 { margin-bottom: 10px; width: 50px; height: 50px; display: block; background: url("/images/icon_topmenu.png") 0 -100px no-repeat; background-size: 50px; } 
#detialinfo span.icon4 { margin-bottom: 10px; width: 50px; height: 50px; display: block; background: url("/images/icon_topmenu.png") 0 -150px no-repeat; background-size: 50px; } 
#detialinfo span.icon5 { margin-bottom: 10px; width: 50px; height: 50px; display: block; background: url("/images/icon_topmenu.png") 0 -200px no-repeat; background-size: 50px; } 
#detialinfo span.icon6 { margin-bottom: 10px; width: 50px; height: 50px; display: block; background: url("/images/icon_topmenu.png") 0 -250px no-repeat; background-size: 50px; }  */

/* .right_sidemenu { width: 183px; position: fixed; border-left: 1px solid #dddddd; right: 0px; top: 0; height: 100%; z-index: 200; background-color: #ffffff; color: #333333; font-size: 14px; padding: 20px; text-align: center; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } 
.right_sidemenu .sidemenutit { color: #222222; border-bottom: 1px solid #8c8c8c; margin: 15px 0 10px; font-size: 15px; font-weight: 600; padding-bottom: 4px; } 
.right_sidemenu a.smenu { border: 1px solid #dddddd; padding: 3px; display: block; margin: 4px 0; color: #333333; font-size: 13px; } 
.right_sidemenu a.smenu:hover { text-decoration: none; background-color: #eeeeee; } 
.right_sidemenu .bx-wrapper { border: 1px solid #dddddd; } 
.right_sidemenu .side_slide a { border: none; padding: 0; margin: 0; } 
.right_sidemenu a.smenu:nth-of-type(5) { background-color: #288fce; color: #ffffff; } 
.right_sidemenu .bx-wrapper .bx-pager { bottom: 5px; } 
.right_sidemenu .bx-wrapper .bx-pager a.active { width: 6px; } 
.right_sidemenu .bx-wrapper .bx-pager a { border: 0; width: 6px; height: 6px; margin: 0 2px; } 

.right_sidemenu .accountinfo { padding: 10px 0 0; font-size: 14px; } 
.right_sidemenu .accountinfo p { padding: 0; margin: 0; font-size: 13px; } 
.right_sidemenu .accountinfo span { font-size: 12px; }  */


.snstalk { position: fixed; bottom: 52px; right: 18px; z-index: 201; } 
.snstalk a { margin: 5px 0; display: block; } 
.btn_open { position: absolute; top: 30%; left: -34px; border: 1px solid #dddddd; background-color: #ffffff; border-right: 0; } 
.btn_open a { padding: 2px; display: block; border: 0; margin: 0; } 

.base_tab { position: relative; text-align: left; border-bottom: 1px solid #999999; font-size: 0; margin: 20px 0; } 
.base_tab li { z-index: 1; display: inline-block; position: relative; text-align: center; min-width: 90px; width: 20%; border: 1px solid #f0f0f0; border-bottom: 0px; margin-left: -1px; } 
.base_tab li a { display: block; padding: 10px 2px; font-size: 16px; letter-spacing: 0.5px; color: #444; text-decoration: none; } 
.base_tab li.on { z-index: 10; color: #222; background: #fff; border: 1px solid #999999; border-bottom: 1px solid #fff; bottom: -1px; font-weight: normal; } 
.base_tab li:first-child { margin-left: 0; } 

.tablegall { margin: auto; } 

#header { position: relative; } 
#header.fixed { position: fixed; top: -4px; height: 146px; border-bottom: 1px solid #dddddd; } 
#header.fixed #logo img { width: 180px; } 
#header.fixed #lnb > li > ul { top: 40px; } 
#header.fixed #allmenubox { top: 140px; } 

.width_inner { width: 100%; max-width: 1400px; margin: auto; padding: 0; position: relative; min-width: 1100px; } 


/* #lnb { width: 1100px; margin: auto; font-size: 0; min-width: 1100px; } 
#lnb > li { display: inline-block; min-width: 100px; vertical-align: middle; position: relative; height: 50px; cursor: pointer; } 
#lnb > li > a { color: #ffffff; display: block; font-size: 14px; text-align: center; padding: 0 30px; } 
#lnb > li:last-child > a { padding-right: 0px; } 
#lnb > li a:hover { text-decoration: none; } 
#lnb > li.allmenu { width: 30px; min-width: 30px; } 
#lnb > li > ul { position: absolute; top: 38px; left: 50%; background: rgba(255, 255, 255, 0.9); padding: 5px 10px; transform: translateX(-50%); width: 170px; display: none; border: 1px solid #dddddd; } 
#lnb > li > ul a { display: block; font-size: 13px; text-align: left; padding: 5px 0; color: #333333; } 
#lnb > li:hover ul { display: block; } 
 */

.top_banner {display: none;}

/* ------------------------ */

#gnb { margin: auto; text-align: center; min-width: 1100px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px 16px; 
  align-items: start; max-width: 1400px; } 

#gnb .allmenu { width: 40px; display: none; } 
#gnb li { display: inline-block; vertical-align: top; } 
#gnb > li a { color: #ffffff; font-size: 16px; display: block; padding: 6px 0; border-radius: 4px; font-weight: 600; } 
#gnb > li a:hover { text-decoration: none; } 

#gnb > li.ebook > a { background: linear-gradient(to right, #9b42a4, #731997); } 
#gnb > li.print > a { background: linear-gradient(to right, #741997, #691a9e); } 
#gnb > li.web > a { background: linear-gradient(to right, #691a9d, #48128b); } 

#gnb > li .submenu { font-size: 0; margin-top: 10px; position: relative; } 
#gnb > li .submenu > li { width: calc(33.3333% - 8px); margin-left: 10px; position: relative; } 
#gnb > li .submenu > li > a { height: 50px; } 
#gnb > li.print .submenu > li { width: calc(50% - 8px); } 
#gnb > li .submenu > li a { font-size: 16px; display: block; color: #333333; font-weight: 500; padding: 0; } 
#gnb > li .submenu > li:first-child { margin-left: 0; } 

#gnb > li > .submenu ul { position: absolute; top: 37px; left: 50%; background: rgba(255, 255, 255, 0.9); padding: 5px 0px 5px 10px; transform: translateX(-50%); width: 150px; display: none; border: 1px solid #dddddd; } 
#topSubm1 li { display: inline; } 
#topSubm1 li a { background: none; display: block; width: 100%; padding: 5px 0 !important; font-weight: 400 !important; text-align: left; } 
#gnb > li .submenu > li #topSubm1 li a { font-size: 13px; } 

#gnb > li .submenu li:hover ul { display: block; } 


.menu-trigger { margin: 10px; } 
.menu-trigger span { background-color: #222222; } 

/* .btn_popesti { position: fixed; top: 40px; right: 35px; width: 150px; z-index: 100; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } 
.btn_popesti.top { top: 50px; } 
.btn_popesti > a { display: block; font-size: 16px; font-weight: 600; color: #222222; width: 100%; height: 60px; line-height: 60px; border-radius: 4px; background: linear-gradient(30deg, #ffe53b 20%, #b1f1a0, #00ffff); vertical-align: middle; } 
.btn_popesti img { vertical-align: middle; width: 23px; padding-left: 8px; } 
.sub_popesti { display: none; background-color: #ffffff; border: 1px solid #dddddd; border-top: 0; margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 10px 0; } 

.btn_popesti a:hover { text-decoration: none; } 
.btn_popesti:hover .sub_popesti { display: block; } 
#gnb .sub_popesti li { display: block; } 
#gnb .sub_popesti li a { display: block; padding: 4px 0 4px 5px; font-size: 14px; text-align: left; color: #222222; } 

@media (max-width: 1300px){
 .btn_popesti { top: auto; right: 40px; bottom: 80px; } 
 .btn_popesti.top { top: auto; bottom: 80px; } 
 .btn_popesti > a { height: 40px; line-height: 40px; } 
 }
 */

 .board_list td { word-break: break-word; } 


/* page title */
.tit_board { font-weight: 700; font-size: 30px; color: #333333; margin: 20px auto; text-align: left; width: 100%; } 

.quickbtn_estimate { position: fixed; bottom: 103px; right: 18px; z-index: 201; width: 130px; } 

.btn_estitop_inner { box-shadow: -2px 2px 5px 2px rgb(0 0 0 / 3%); margin-bottom: 5px; border-radius: 7px; overflow: hidden; } 

.quickbtn_estimate .btn_mypage a {padding: 6px 0; font-size: 14px; font-weight: 400; border-radius: 7px; 
  background: #00a7e9; color: #ffffff; margin-bottom: 5px; }
.quickbtn_estimate .btn_mypage a:hover { background-color: #6d6d6d; color: #ffffff;}

.quickbtn_estimate .btn_estitop { position: relative; width: 100%; height: 40px; text-align: center; line-height: 38px; font-size: 14px; font-weight: 300; color: #ffffff; cursor: pointer; background: #424242; padding-right: 10px; letter-spacing: 1.4px; } 

.quickbtn_estimate .sub_esti { width: 100%; background-color: #ffffff; display: none; padding: 10px; letter-spacing: -1px; } 

.quickbtn_estimate a { display: block; width: 100%; text-align: center; line-height: 32px; font-size: 13px; color: #333333; border-top: 1px solid #dddddd; } 
.quickbtn_estimate .btn_estitop:after { content: ""; display: block; width: 22px; height: 15px; position: absolute; top: 30%; right: 6px; background-image: url(/images/chevron-upw.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; z-index: 100; transition: transform 0.3s ease; } 
.quickbtn_estimate .btn_estitop.rotate:after { transform: rotate(180deg); } 
.quickbtn_estimate a:hover { color: #82168d; } 

.quickbtn_estimate .btn_inner { box-shadow: -2px 2px 5px 2px rgb(0 0 0 / 3%); margin-bottom: 5px; border-radius: 7px; overflow: hidden; } 
.quickbtn_estimate ul.bbs { display: none; } 
.btn_bbs { color: #ffffff; position: relative; width: 100%; text-align: center;  font-size: 14px; font-weight: 300; cursor: pointer; background: linear-gradient(to right, #82168d, #5a1da8); letter-spacing: 1.4px; padding: 13px 10px 13px 0;} 
.quickbtn_estimate .designcompany {background: #ffffff; display: flex;justify-content: space-between; align-items: center;
  padding: 7px;    border-radius: 7px;    margin-bottom: 5px;    border: 1px solid #dddddd;}
.quickbtn_estimate .designcompany span {display: inline-block; font-size: 12px; text-align: left;     font-weight: 600;
  color: #666666;}
.quickbtn_estimate .designcompany img {width: 35px;}


.btn_bbs:after { content: ""; display: block; width: 22px; height: 15px; position: absolute; top: 40%; right: 6px; background-image: url(/images/chevron-upw.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; z-index: 100; transition: transform 0.3s ease; } 
.btn_bbs.rotate:after { transform: rotate(180deg); } 

.quickbtn_estimate .bbs { width: 100%; background-color: #ffffff; padding: 10px; box-shadow: 2px 1px 5px 2px rgb(0 0 0 / 3%); } 
.quickbtn_estimate .bbs li a { display: block; width: 100%; text-align: center; line-height: 32px; font-size: 13px; color: #333333; border-top: 1px solid #dddddd; } 

.width_bbs { width: 100%; margin: auto; max-width: 1200px; padding: 0 10px; } 
.snstalk img { width: 130px; } 
.snstalk .kakao { padding: 10px 10px; width: 130px; font-size: 14px; text-align: center; background-color:#ffdc00;
	border-radius: 7px; color: #222222; letter-spacing: -1px;	font-weight: 500; 
  box-shadow: 2px 1px 5px 1px rgb(0 0 0 / 3%); }
.snstalk .kakao img {margin-right: 4px;}
.snstalk .quick { padding: 10px 10px; width: 130px; font-size: 14px; text-align: center; background-color:#ffffff;}



/* ------------- */
.right_aside { width: 130px; position: fixed; bottom: 200px; right: -150px; z-index: 10; box-shadow: 2px 3px 16px 0 rgb(0 0 0 / 5%); transition-property: visibility, opacity, top, right; transition-duration: 0.45s; transition-timing-function: ease-in-out; z-index: 200; font-family: "s-core-dream", sans-serif; } 
.right_aside.on { right: 18px; } 
.right_aside .title_aside { padding-top: 16px; padding-bottom: 14px; font-size: 14px; font-weight: 500; background: linear-gradient(163deg, #f97575 0, #f58d65 100%); border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; color: #ffffff; } 
.right_aside ul { background-color: #ffffff; padding: 0 10px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } 
.right_aside ul li { position: relative; padding-top: 11px; padding-bottom: 9px; border-top: 1px solid #e3e3e3; } 
.right_aside ul li:first-child { border-top: 0px; } 
.right_aside ul li:nth-child(4) a { color: #e5220e; } 

.right_aside ul li a { display: block; text-align: center; color: #333333; font-size: 13px; font-weight: 500; } 
.right_aside .btn_asideclose { position: absolute; top: -14px; right: 10px; background-color: #ffffff; width: 28px; height: 28px; border-radius: 30px; padding: 5px; box-shadow: -3px 6px 17px 0 rgb(0 0 0 / 10%); } 
.right_aside .btn_asideclose img { width: 100%; height: 100%; } 

.btn_right_sideopen { writing-mode: vertical-rl; position: fixed; top: calc(50% - 130px); right: -80px; box-shadow: 2px 3px 16px 0 rgb(0 0 0 / 5%); background: linear-gradient(163deg, #f97575 0, #f58d65 100%); padding: 20px 10px 20px 10px; color: #ffffff; font-size: 15px; font-family: "s-core-dream", sans-serif; font-weight: 500; letter-spacing: 1px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; z-index: 1000; cursor: pointer; } 

.btn_right_sideopen .btn_asideopen { position: absolute; top: 40%; left: -16px; background-color: #ffffff; width: 28px; height: 28px; border-radius: 20px; padding: 4px; box-shadow: -3px 6px 17px 0 rgb(0 0 0 / 10%); } 
.btn_right_sideopen .btn_asideopen img { width: 100%; height: 100%; } 

@font-face { font-family: 'Pretendard'; src: url('/css/fonts/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-display: swap; font-style: normal; } 
@font-face { font-family: 'Pretendard'; src: url('/css/fonts/Pretendard-SemiBold.woff') format('woff'); font-weight: 600; font-display: swap; font-style: normal; } 

@font-face { font-family: 'Pretendard'; src: url('/css/fonts/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-display: swap; font-style: normal; } 


/* 20240125 jr */

#gnb > li { position: relative; } 
#gnb > li > a { padding: 20px 0; color: #333333; font-size: 20px; font-weight: 700; transition: all 0.2s ease-in-out 0s; } 
.fixed #gnb > li > a { font-size: 18px !important; padding: 10px 0;  } 
.fixed #logo a { font-size: 45px; } 
#header { height: 200px;  } 
 #gnb { margin-top: 20px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;  } 
.fixed #gnb { margin-top: 8px; } 
 
#gnb > li.solution > a:hover { color: #158eeb;  } 
#gnb > li.ebook > a:hover { color: #28b571;} 
#gnb > li.print > a:hover { color: #9449b0; } 
#gnb > li.web > a:hover { color: #2c4ae1;  } 

#gnb.index > li.archive > a:hover { font-size: 24px; } 
#gnb.index > li.solution > a:hover { font-size: 24px; } 
#gnb.index > li.ebook > a:hover {  font-size: 24px; } 
#gnb.index > li.print > a:hover {  font-size: 24px; } 
/* #gnb.index > li.web > a:hover { font-size: 20px; }  */

 #gnb > li.archive > a ,
 #gnb > li.solution > a ,
 #gnb > li.ebook > a ,
 #gnb > li.print > a, 
 #gnb > li.web > a,
 .fixed #gnb > li.archive > a ,
 .fixed #gnb > li.solution > a ,
 .fixed #gnb > li.ebook > a ,
 .fixed #gnb > li.print > a, 
 .fixed #gnb > li.web > a { height: 50px; padding: 10px 0 0 30px; text-align: center; background: #e7ebf3; padding: 10px 0px;
 border-radius: 16px; } 

#gnb .menu_inner { position: absolute; left: 0; top: 50px; width: 100%; display: none; grid-template-columns: 1fr 1fr; gap: 16px 16px; text-align: center; padding: 16px 16px 14px; background: #ffffff; border: 1px solid #e9e8e8; border-top: 0; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; margin-top: -12px; z-index: -1; } 

#gnb .menu_inner div.menu_text { grid-column: 1 / 3; } 
#gnb .menu_inner > a { display: block; background-color: #f3f4f6; border-radius: 12px; padding: 57px 0px 0px; border: 1px solid #f3f4f6; 
   transition: all 0.2s ease-in-out 0s; } 
#gnb .menu_inner > a p { font-size: 16px; font-weight: 400; margin: 5px 0; letter-spacing: -1px; } 

#gnb li:hover .menu_inner { display: grid; } 

#gnb>li.ebook .submenu>li { width: calc(50% - 8px);  } 

#gnb>li.archive .menu_inner > a:nth-child(2) { background: #f3f4f6 url(/images/icon/04off.png) center 16px no-repeat; background-size: 40px; } 
#gnb>li.archive .menu_inner > a:nth-child(3) { background: #f3f4f6 url(/images/icon/16off.png) center 16px no-repeat; background-size: 40px; } 

#gnb>li.solution .menu_inner > a:nth-child(2) { background: #f3f4f6 url(/images/icon/04off.png) center 16px no-repeat; background-size: 40px; } 
#gnb>li.solution .menu_inner > a:nth-child(3) { background: #f3f4f6 url(/images/icon/16off.png) center 16px no-repeat; background-size: 40px; } 

#gnb>li.ebook .menu_inner > a:nth-child(2) { background: #f3f4f6 url(/images/icon/02off.png) center 16px no-repeat; background-size: 40px; } 
#gnb>li.ebook .menu_inner > a:nth-child(3) { background: #f3f4f6 url(/images/icon/16off.png) center 16px no-repeat; background-size: 40px; } 

#gnb>li.print .menu_inner > a:nth-child(2) { background: #f3f4f6 url(/images/icon/09off.png) center 16px no-repeat; background-size: 40px; } 
#gnb>li.print .menu_inner > a:nth-child(3) { background: #f3f4f6 url(/images/icon/16off.png) center 16px no-repeat; background-size: 40px; } 
#gnb>li.web .menu_inner > a:nth-child(2) { background: #f3f4f6 url(/images/icon/14off.png) center 16px no-repeat; background-size: 40px; } 
#gnb>li.web .menu_inner > a:nth-child(3) { background: #f3f4f6 url(/images/icon/16off.png) center 16px no-repeat; background-size: 40px; } 



.main_menuIcon2 {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 16px 16px; align-items: stretch; 
  max-width: 1392px; 
  margin: 0px auto 45px; width: 100%; min-width: auto; padding: 0 16px; }
.main_menuIcon2 img {max-width: 44px; opacity: 0.6;}
.main_menuIcon2 > div {display: grid; grid-template-columns: 1fr 1fr ; gap: 16px 10px;   text-align: center;    
 padding: 15px 8px 8px;    
   border: 2px solid #e9e8e8; border-top: 0;  
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;}
.main_menuIcon2>div>div.menu_text { grid-column: 1 / 3;  } 	
.main_menuIcon2 > div > a {display: block;   background-color: #fafafa; border-radius: 14px;    
 padding: 57px 0px 0px;    border: 1px solid #fafafa;  
   -ms-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   transition: all 0.1s ease-in-out 0s;
 font-family: 'Pretendard', sans-serif;
 }

.main_menuIcon2  p {font-size: 16px; padding-top: 5px;}

.main_menuIcon2 .archive>a:nth-child(2) { background: #f3f4f6 url(/images/icon/04off.png) center 16px no-repeat; background-size: 40px; } 
.main_menuIcon2 .archive>a:nth-child(3) { background: #f3f4f6 url(/images/icon/16off.png) center 16px no-repeat; background-size: 40px; } 

.main_menuIcon2 .solution>a:nth-child(2) { background: #f3f4f6 url(/images/icon/04off.png) center 16px no-repeat; background-size: 40px; } 
.main_menuIcon2 .solution>a:nth-child(3) { background: #f3f4f6 url(/images/icon/16off.png) center 16px no-repeat; background-size: 40px; } 

.main_menuIcon2 .ebook>a:nth-child(2) { background: #f3f4f6 url(/images/icon/02off.png) center 16px no-repeat; background-size: 40px; } 
.main_menuIcon2 .ebook>a:nth-child(3) { background: #f3f4f6 url(/images/icon/16off.png) center 16px no-repeat; background-size: 40px; } 

.main_menuIcon2 .print>a:nth-child(2) { background: #f3f4f6 url(/images/icon/09off.png) center 16px no-repeat; background-size: 40px; } 
.main_menuIcon2 .print>a:nth-child(3) { background: #f3f4f6 url(/images/icon/16off.png) center 16px no-repeat; background-size: 40px; } 

.main_menuIcon2 .web>a:nth-child(2) { background: #f3f4f6 url(/images/icon/14off.png) center 16px no-repeat; background-size: 40px; } 
.main_menuIcon2 .web>a:nth-child(3) { background: #f3f4f6 url(/images/icon/16off.png) center 16px no-repeat; background-size: 40px; } 

.main_menuIcon2 .menu_inner > a:nth-child(3):hover{background: #e7ebf3  url(/images/icon/16.png) center 16px no-repeat; background-size: 40px;}



/* .main_menuIcon2 #port_solution.on p,
.main_menuIcon2 #port_ebook.on p,
.main_menuIcon2 #port_print.on p,
.main_menuIcon2 #port_web.on p {color: #ffffff;} 

.main_menuIcon2 #port_solution.on { background: #3d9cdb url(/images/icon/04w.png) center 16px no-repeat; background-size: 40px; }
.main_menuIcon2 #port_ebook.on { background: #46b57f url(/images/icon/02w.png) center 16px no-repeat; background-size: 40px; }
.main_menuIcon2 #port_print.on { background: #9449b0 url(/images/icon/09w.png) center 16px no-repeat; background-size: 40px; }
.main_menuIcon2 #port_web.on { background: #2d5cd3 url(/images/icon/14w.png) center 16px no-repeat; background-size: 40px; }
 */
.main_menuIcon2 #port_archive p,
.main_menuIcon2 #port_solution p,
.main_menuIcon2 #port_archive p,
.main_menuIcon2 #port_ebook p,
.main_menuIcon2 #port_print p,
.main_menuIcon2 #port_web p {color: #ffffff;} 

.main_menuIcon2 #port_solution { background: #3d9cdb url(/images/icon/04w.png) center 16px no-repeat; background-size: 40px; }
.main_menuIcon2 #port_archive { background: #8e82ca url(/images/icon/04w.png) center 16px no-repeat; background-size: 40px; }
.main_menuIcon2 #port_ebook { background: #46b57f url(/images/icon/02w.png) center 16px no-repeat; background-size: 40px; }
.main_menuIcon2 #port_print { background: #9449b0 url(/images/icon/09w.png) center 16px no-repeat; background-size: 40px; }
.main_menuIcon2 #port_web { background: #2d5cd3 url(/images/icon/14w.png) center 16px no-repeat; background-size: 40px; }


.menu_text { height: 120px; } 
.menu_text ul { display: grid; grid-template-columns: 1fr 1fr; padding: 10px 0 10px 5px; gap: 0 5px;} 
.menu_text ul.full { grid-template-columns: 1fr;}



.menu_text a { font-size: 16px; color: #666666; display: inline-block; padding: 8px 0; background: transparent; border: 0; border-radius: 0; font-family: 'Pretendard', sans-serif; text-align: left; letter-spacing: -1.5px;  } 
#gnb .menu_text { border-bottom: 0px solid #dddddd; width: 100%; text-align: left; height: 110px; font-family: 'Pretendard', sans-serif; } 
#gnb .menu_text a { font-size: 16px; color: #666666; display: inline-block; padding: 10px 0; background: transparent; border: 0; border-radius: 0; font-weight: 400;  } 

.solution .menu_text a:hover { color: #158eeb !important;  font-weight: 700  !important;  } 
.ebook  .menu_text  a:hover { color: #28b571 !important; font-weight: 700 !important;  } 
.print  .menu_text  a:hover { color: #9449b0 !important; font-weight: 700 !important;  } 
.web  .menu_text  a:hover { color: #2c4ae1 !important;  font-weight: 700 !important;  } 


.menutit span {font-size: 16px;}

@media (max-width: 1300px){
  .menu_text ul{ grid-template-columns: 1fr}
  .menu_text a { font-size: 14px;     padding: 5px 0;  } 
  .menu_text {    height: 160px;}
  .main_menuIcon2>div { padding: 10px 5px 5px 5px;  } 
  #gnb .menu_text a {font-size: 14px;}
  .main_menuIcon2 p {font-size:14px;}
 
}


#layerPopup {	position: fixed;	bottom: 0%;	left: -700px;		width: 60%; max-width: 700px;padding: 0px;
	background: white;	border: 1px solid #ccc;	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);	display: none; z-index: 200;}
#layerPopup .layerclose {	text-align: right;	cursor: pointer;	font-weight: bold; position: absolute; top: 5px; right: 5px; }
#layerPopup .layerclose img {width: 40px;}
#layerPopup label {display: block; text-align: right; padding: 5px;}
#layerPopup.show {  display: block;  animation: slideIn 1s forwards; }

@keyframes slideIn {
  from { left: -700px;  }
  to { left: 0px;  }
}


/* ========================================
   아카이브배너
   ======================================== */

.ban_archive {max-width: 1360px; margin: -20px auto 30px; }
.ban_archive a{    display: flex; justify-content: space-between; align-items: center;    overflow: hidden;    position: relative;  box-sizing: border-box;    width: 100%;    padding: 20px 130px 20px 64px;    border-radius: 20px 20px 0;    background-color: #f2f2f8;    text-align: left;}
.ban_archive .more {position: absolute;    right: 0;    bottom: 0;    
  width: 75px;    height: 75px;    border-radius: 40px 0 0 0;    font-size: 6px;
  background-color: #ffffff;}
.ban_archive .more svg{width: 40px;}
.ban_archive  .more:before {    content: "";    position: absolute;    left: -80px;    bottom: 0;    width: 80px;
    height: 80px;    overflow: hidden;    border-radius: 40%;    box-shadow: 40px 40px 0 0 #ffffff;}	
.ban_archive .more > i {    position: absolute;    right: 0;    bottom: 0;    z-index: 1;    width: 60px;    height: 60px;    
  border-radius: 50%;    background-color: #444444;     display: flex;    flex-direction: column;    align-items: center;
    justify-content: center;
}
.ban_archive .more:after {    content: "";position: absolute;right: 0;top: -80px;width: 80px;height: 80px;    
  overflow: hidden;    border-radius: 40%;    box-shadow: 40px 40px 0 0 #ffffff; }

.ban_archive h4{font-size: 36px; color: #534aa5; padding: 0; margin: 0;   font-weight: 600;    font-family: 'Paperlogy'; }
.ban_archive h5{font-size: 25px; color: #7a75ad; padding: 0; margin: 0; border:0; padding-bottom: 10px;}
.ban_archive p{font-size: 17px; color: #63607d; padding: 0; margin: 0;}

.why_eniworld {padding: 0px 10px 50px;     max-width: 1400px; margin: auto;}
.why_eniworld h3 {    font-size: 45px;    color: #454545;    font-family: 'Paperlogy';    font-weight: 600;
    text-align: center;    padding: 20px 0 50px;    line-height: 70px;}
.why_eniworld ul {    display: grid;    grid-template-columns: 1fr 1fr 1fr 1fr;    gap: 30px;    align-items: stretch;    margin-bottom: 10px;}
.why_eniworld li {    background-color: #f1f1f1;    display: flex;    justify-content: left;    align-items: center;    flex-direction: column;
    padding: 30px 10px;    flex: 1; border-radius: 16px;}
.why_eniworld li h6 {    font-size: 32px;    color: #e44d4dff;   font-weight: 700;  font-family: 'Paperlogy';}
.why_eniworld li p {    font-size: 20px;    color: #444444;    word-break: keep-all;     font-weight: 600; margin: 0;}
.why_eniworld .btn_box {padding: 10px 0; text-align: center;}
.why_eniworld .btn_box a {display: inline-block; border-radius: 30px; margin: 0 4px; font-size: 20px; }
.why_eniworld i {width: 45px; opacity: 0.6; }
.why_eniworld i img {width: 100%;}

@media (max-width: 1100px){
  .why_eniworld h3 {font-size: 35px; }
  .why_eniworld li h6 {font-size:26px}
  .why_eniworld li p {font-size: 16px;}
  .ban_archive a {padding: 20px 100px 20px 30px;     border-radius: 20px 20px 0;}
  .ban_archive img {width:80px;}
  .ban_archive h4 {font-size: 30px;}
  .ban_archive h5 {font-size: 20px;}
  
}
@media (max-width: 738px){
  .why_eniworld h3 {font-size: 26px; }
  .why_eniworld li h6 {font-size:20px}
  .why_eniworld li p {font-size: 14px;}
}


.inner_border {max-width: 1200px;}


/* 블로그  */

.myblog { padding: 10px 0 40px; } 
.myblog .tit_blog { font-size: 16px; font-weight: 600; padding: 10px 0; text-align: left; border-bottom: 1px solid #999999; position: relative; font-family: "s-core-dream", "Sans-serif"; } 
.myblog .tit_blog .more { display: block; padding: 3px 8px; background: #2f2f2f; border-radius: 3px; color: #fff; font-size: 11px; font-weight: normal; position: absolute; right: 0; top: 12px; font-family: "Malgun Gothic", sans-serif; } 
.myblog .blog_inner { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px 30px; width: 100%; } 


@media (max-width: 1024px) {
  .myblog .blog_inner  {grid-template-columns: 1fr 1fr 1fr;}
  .myblog .blog_inner .item:nth-child(n+7) {    display: none;  }
}

/* ========================================
   하단 회사정보 
   ======================================== */

.tail_wrapper{	bottom: 0px;	left: 0px;	width:100%;	
	background: linear-gradient(to right, #82168d , #5a1da8 );	z-index: 100;	margin-top: 50px;}
.tail_info{	line-height: 150%;	text-align: left;	display: table;    margin: 0 auto;
	width: 100%; max-width: 1400px; padding: 40px 20px 50px;}
.tail_info .tail_logo {max-width: 265px; 	filter: brightness(0) invert(1);}

.tail_info .ul_tail { border-bottom: 1px solid #8f6da6; padding: 20px 0;     opacity: 0.8;
    display: flex;    justify-content: space-between;    align-items: flex-start;}

.tail_info .ul_tail > li {font-size: 13px; color: #ffffff; display:inline-block; width: 100%;  }
.tail_info .ul_tail > li a {font-size: 14px; color: #ffffff;  }

.tail_info .ul_tail li:nth-child(2) {text-align: right;}
.tail_info .ul_tail > li .tail_address {text-align: left; color: #ffffff; line-height: 24px;}
.tail_info .ul_tail > li .tail_address a {color: #ffffff; font-size: 13px; }
.tail_info .ul_tail > li .tail_address span { display: inline-block; margin: 0 15px; position: relative;}
.tail_info .ul_tail > li .tail_address span::before {
	content: '';    position: absolute;    top: 50%;    left: 0;    display: block;
	width: 1px;    height: 12px;    margin-top: -11px;    background-color: #ffffff75;}

.snslink {width: 84px; display: inline-block; text-align: right;  }
.snslink li{width:30px; display: inline-block; margin: 0 5px; }
.snslink li img {width: 100%;}
.tail_link a {padding: 0 10px; font-weight: 500; }
.tail_link a:hover {text-decoration: none;}
.tail_info .family_site {display: inline-block;  position: relative; margin-top: 20px; cursor: pointer;}
.tail_info .ul_tail .family_site > div {padding: 10px 40px 10px 18px; font-size: 13px;   text-align: left; border: 1px solid #ffffff45; color: #ffffffde; background: url('/images/icon_down2.png') 90% 15px no-repeat; letter-spacing: 1px;}
.tail_info  .ul_tail .family_site .family_site_list {position: absolute; top: 39px; left: 0; width: 100%;     background-color: transparent;}
.tail_info .ul_tail .family_site .family_site_list li {padding: 5px; border: 1px solid #ffffff45; margin-top: -1px;  text-align: center;}
.tail_info .ul_tail .family_site .family_site_list li a {font-size: 13px;   color: #ffffffde;}
.tail_info .mailto {margin-bottom: 20px;}
.tail_info .mailto a {color: #ffffffde; font-size: 16px;}
.tail_esti { padding: 20px 0; }
.tail_esti p {font-size: 14px;    color: #ffffffde; }

.scroll-to-top {position: fixed;bottom: 16px;right: 18px;width: 130px;height: 36px; 
	display: none;z-index: 999;text-align: center;border-radius: 8px;line-height: 34px;
	font-size: 14px;   cursor: pointer;background: #cfcfcfa1;	box-shadow: 2px 1px 5px 1px rgb(0 0 0 / 3%);	}
.scroll-to-top  img {width: 20px; vertical-align: text-bottom;}
.scroll-to-top:hover {background-color: #a9a9a9a1;}
.ul_tail img.logo {max-height: 40px;}

@media (max-width: 1024px) {
  .tail_info .tail_logo {max-width: 200px;}
  .tail_info .ul_tail {  flex-direction: column;}
  .tail_info .ul_tail li:nth-child(2){text-align: left; padding-top: 20px;}
  .ul_tail img.logo {    max-height: 20px;}
  .tail_info .ul_tail > li .tail_address a {display: inline-block; width: 24%; text-align: center;}
}
@media (max-width: 768px) {
  .tail_link a{padding-left: 0;}
   .tail_info .ul_tail > li .tail_address a {display: inline-block; width: 48%; text-align: center;}
}


/* ========================================
   Display Utility Classes (미디어 쿼리)
   ======================================== */

/* PC (1025px 이상) */
.pc_only {  display: block;}
.pctab_only {display: block;}
.tablet_only, .mo_only { display: none !important;;}
.mo_padding {margin: auto; }
.max_width{max-width: 1400px;}


/* 태블릿 (768px ~ 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
  .pc_only,  .mo_only {display: none !important;}
  .tablet_only { display: block;}
  .mo_padding {padding-left: 14px; padding-right:14px;}
}

/* 모바일 (767px 이하) */
@media (max-width: 767px) {
  .pctab_only {display: none !important;}
  .pc_only, .tablet_only { display: none !important;}
  .mo_only {display: block !important;;}
  .mo_padding {padding-left: 14px; padding-right:14px;}
}