@charset "utf-8";

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, a,img, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, 
menu, nav, section, summary,
input,textarea,button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing:border-box;
	text-decoration:none;
	font-family:"Pretendard";
}
article, aside, details, footer, header,
 menu, nav, section {
	display: block;
}
body { 
	line-height: 1;
	font-size:16px;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

:root{

    /* font size */
        --font-primary:16px;
        --font-small:14px; 
		--font-medium:15px;
        --font-regular:18px; 
    /* // font size */

    /* font weight */
		--weight-light:400;
        --weight-primary:500;
        --weight-semibold:600;
        --weight-bold:700;

    /* size */
        --totalsize:1350px;
        --totalsize-left:886px;
        --totalsize-right:424px;
    /* // size */

    /* color */
        --color-primary:#00A170;
        --color-black:#222;
        --color-red:#c32a2a;
        --color-gray:#777;
        --color-white:#fff;
    /* //color */

    /* border */
        --border:1px solid #ddd;
    /* //border */
}
/* button */
.btn{padding:11px 18px;border:var(--border);border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white);font-size:var(--font-regular);font-weight:700;cursor:pointer;}
.btn:hover{box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);}
.btn.active{box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);}
.btn-text{color:var(--color-black);font-size:var(--font-primary);font-weight:600;line-height:20px;border:none;background:none;cursor:pointer;}
.btn-outline{border:2px solid;font-size:var(--font-primary);font-weight:600;border-color:var(--border-primary);color:var(--color-primary);background-color:var(--color-white);padding:12px 24px;cursor:pointer;}
/* //button */

/* text */
.maintext{font-size:48px;color:var(--color-black);font-weight:var(--weight-bold);text-align:center;}
.title-card{font-size:24px;font-weight:700;line-height:26px;}
.title-auto{font-size:40px;color:var(--color-black);font-weight:var(--weight-bold);}

.con{color:#888;font-weight:var(--weight-light)}
.con-basic{font-size:var(--font-primary);}
.con-middle{font-size:var(--font-regular);line-height:24px;}
.con-large{font-size:24px;line-height:25.6px;}
/* //text */

/* color */
.green{color:var(--color-primary)}
.darkgray{color:#666;}
/* //color */

/* background */
.bg-brown{background-color:#f8f7f6;}
.bg-pink{background-color:#fff6f7;}
.bg-sky{background-color:#f6ffff;}
.bg-green{background-color:#fbfff6;}
.bg-bluegray{background-color:#f6f9ff;}
/* //background */




/* fontweight */
.weight500{font-weight:var(--weight-primary)}
/* //fontweight */

/* tab */
.tabs{display:flex;justify-content: space-between;}
.tab{width:247px;height:50px;border:var(--border);background-color:var(--color-white);color:var(--color-black);font-size:var(--font-regular);font-weight:var(--weight-light);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.tab-second{border-left:none;}
.tab.active{background-color:var(--color-primary);border:var(--border);border-color:var(--color-primary);color:var(--color-white);}
.tab-first.active{border-radius:4px 0 0 4px;}
.tab-second.active{border-radius: 0 4px 4px 0;}

.tabcontents{display:none;flex-wrap:wrap;width:100%;gap:40px;}
.tabcontents.active{display:flex;}
.tabcon{width:450px;height:350px;padding:30px;box-sizing:border-box}
.tabcon>div{width:100%;display:flex;justify-content:space-between;}
.tabcon img{display: inline-block; content: "";}

/* //tab */



/* layout */
#wrapper{min-width:200px;min-height:500px;}
#header,#container,#footer{min-width:1350px;position:relative;}
#header{height:100px;box-shadow: 0px 5px 14.25px 0.75px rgba(165, 165, 165, 0.20);    z-index: 1; background: #fff; top: 0; position: sticky;}
.bg{width:var(--totalsize);display:flex;flex-direction:column;align-items:center;margin:0 auto;position:relative;}
.logo-primary{background:url(../images/aiatti-green.png) 50% 50% no-repeat;background-size:cover;width:131px;height:42px;}
.logo-gray{background:url(../images/logo-aiatti-lightgray.png)  50% 50% no-repeat;background-size:cover; width:106px;height:34px;}
.mh{width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 0;}

.linkbuttons{display:flex;align-items:center;}
.linkbuttons li + li {margin-left:40px;}
.mh .btn-outline{border-radius:4px;}



.company-info{width:100%;background-color:#2a2a2a;padding:40px;}
.company{display:flex;flex-direction:row;width:784px;}
.con-brand{margin-left:80px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:70%;}
.con-brand p,.ask{color:#dcdcdc;font-size:14px;font-weight:var(--weight-light);line-height:24px;}
.con-brand>p.wfull{padding:4px 0;}
.ask{text-decoration-line:underline;text-underline-position: from-font;}

.copyright{width:100%;background-color:#242424;padding:30px;}
.con-copyright{color:#868686;text-align:center;font-size:14px;font-weight:var(--weight-light);line-height:20px;}

/* //layout */

/* etc */
.wfull{width:100%;}
/* //etc */

@media screen and (max-width:600px){
	#header, #container, #footer{min-width:100%;}
	.bg{width:calc(100% - 40px);margin:0 20px;}
	.logo-primary{width:88px;height:28px;}
	.btn-text,.btn-outline{font-size:var(--font-small)}
	.linkbuttons li + li{margin-left:20px;}
	.logo-gray{width:93px;height:30px;}
	.company{width:100%;}
	.maintext{font-size:32px;line-height:44.8px;}
	.con-large{font-size:var(--font-regular)}
	.company{flex-direction:column;}
	.con-brand{width:100%;margin-left:0;padding-top:10px;}

}