@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* defult */
html {-webkit-text-size-adjust: none;}
body,textarea,select,table,button {font-family: 'Nanum Gothic', sans-serif; line-height:18px;font-size:12px;color:#333;margin:0;padding:0;}

ul,ol {margin:0;padding:0;list-style:none;}
td{ font-family: 'Nanum Gothic', sans-serif; font-size: 12px; text-decoration:none; color:#80807f}
dl,dl dt,dl dd,form,p {margin:0;padding:0;}
li,li img,dt img,dd img,td img,p img {margin:0;padding:0; list-style:none; }
fieldset {margin:0;padding:0;border:0;}
legend {position:absolute;visibility:hidden;overflow:hidden;height:0;line-height:0;width:0;margin:0;padding:0;font:0/0 Arial;}
caption {visibility:hidden;overflow:hidden;height:0;line-height: 0;width:0;margin:0;padding:0;font:0/0 Arial;}
hr {display:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1em;margin:0;}
a {text-decoration:none;color:#333;}
a:hover,a:focus,a:active {text-decoration:none;color:#333;}
/* table {table-layout:fixed;} */
select,label {padding:0;margin:0;vertical-align:middle;}
em,address {font-style:normal;}
textarea {vertical-align:top;margin:0;padding:0;}
object,param {padding:0;margin:0;line-height:0;}
section, article, header_home, footer, hgroup, figcaption, figure {display:block;}


/*hidden*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}
/*ico*/
.ico_clip{ display: inline-block; *display: inline; *zoom: 1; background: url(/images/ico/ico_clip.gif) right top no-repeat; padding-right: 20px; line-height: 15px; }

select.menu_search {height:18px; line-height:18px; border:1px solid #bebebe; margin:0 0px 0 0 ; }


/*===== head-wrap ======================================================*/
/* header */
#layout { position:relative; width:100%;}

#main_slide {position:absolute; width:100%; height:960px; top:0px;}
#main_slide .slideshow {width:100%;  height: 960px; margin:0 auto; }
#main_slide .slideshow li {width:100%; height:960px;}
#main_slide .slideshow li.s1 {background:url("../img/main1.jpg") 50% 0 no-repeat; background-size :cover;}
#main_slide .slideshow li.s2 {background:url("../img/main2.jpg") 50% 0 no-repeat; background-size :cover;}
#main_slide .slideshow li.s3 {background:url("../img/main3.jpg") 50% 0 no-repeat; background-size :cover;}
#main_slide .slideshow li.s4 {background:url("../img/main4.jpg") 50% 0 no-repeat; background-size :cover;}
#main_slide .slideshow li.s5 {background:url("../img/main5.jpg") 50% 0 no-repeat; background-size :cover;}



#main_img {position:absolute; width:100%; text-align:center; margin:0 auto; z-index:1000;}
.m_img {width:1200px; text-align:center; margin:0 auto; padding-top:100px;}
.m_img ul {font-size:0; line-height:0; padding:10px 0;}
.m_img ul li {display:inline-block; *display:inline; *zoom:1; padding-left:20px;}
.m_img ul li:first-child {padding-left:0px;}


#m_contents {position:absolute; width:100%; min-width:1200px; margin-top:0px; z-index:1000;}
#contents {width:100%; margin-top:20px;}

.main_banner ul {text-align:center; font-size:0;}
.main_banner li {display:inline-block; *display:inline; *zoom:1; }

.banner {width:480px; height:297px; position:relative; display:inline-block; *display:inline; *zoom:1; background:url("../img/business_bg.gif") 0 50% no-repeat; }
.banner h2 {margin-bottom:15px;padding-top:52px; text-align:center; color:#fff; font-size:30px; font-weight:600; letter-spacing:-0.03em;}
.banner h3 {margin-bottom:15px;padding-top:16px; text-align:center; color:#fff; font-size:14px; font-weight:500; letter-spacing:-0.03em;}
.banner ul {width:480px; text-align:center; padding-top:15px; padding-right:31px;}
.banner ul li {display:inline-block; *display:inline; *zoom:1; padding:0 5px;}

.product {width:720px; height:297px; float:right; background:#d2603b;}
.product h2 {margin-bottom:5px;padding-top:52px; padding-left:40px; text-align:left; color:#fff; font-size:30px; font-weight:600; letter-spacing:-0.03em;}
.product h3 {margin-bottom:15px;padding-top:16px; padding-left:40px; text-align:left; color:#fff; font-size:14px; font-weight:500; letter-spacing:-0.03em;}
.product ul {font-size:0; padding-left:20px; padding-top:25px;}
.product ul li {font-size:14px; color:#fff; padding-left:20px; vertical-align:top;}


.pro1 {float:left; width:255px;}
.pro2 {float:right; width:420px; }
.pro2 li {padding-bottom:10px;}
.pro2 li.title {font-size:15px; line-height:26px;font-weight:600; padding-bottom:18px;}

.mb_banner {position:absolute; width:95%; top:980px;}


/*///////////////////// footer /////////////////////*/

#main_footer {position:absolute; width:100%; height:200px; top:1560px; border-top: 1px solid var(--color_border_in_divider); background-color: #f5f6f7;}
#m_footer {position:relative; width:100%; height:200px; border-top: 1px solid var(--color_border_in_divider); background-color: #f5f6f7;}
.footer-box{width:1200px; margin:0 auto;}

.footer-1 {float:left; text-align:left; width:800PX; height:130px; margin:0 auto; padding:30px 0 0 0 ;}
.footer-1 li {line-height:20px; color:#77777a; font-size:13px; white-space: pre;}
.footer-1 li.span {font-weight: bold; margin-right:20px;}

.footer-2 {float:right; text-align:left; width:400PX; height:130px; margin:0 auto; padding:30px 0 0 0;}
.footer-2 li {line-height:20px; color:#77777a; font-size:13px; white-space: pre;}
.footer-2 li.span {font-weight: bold; margin-right:20px;}


.footer-3 {float:none; width:1200px; text-align:center; margin:0 auto; padding:10px 0;}