@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


/* CSS Reset */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* Block Element */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* Inline Block Element */
a,label,output,dialog, /* Inline Element */
address,blockquote, /* Text Block Element */
p,pre,/* Text Inline Block Element */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* Text Inline Element */
acronym,big,frame,frameset,noframes,tt, /* Not HTML5 Used Element */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 Block Element */
applet,basefont,center,dir,font,strike{display:none} /* XHTML4, HTML5 Element Not Used Remove */
q,blockquote{quotes:none;content:none}
li,menu{list-style:none;word-break:break-all}

table{width:100%;border-spacing:0;border-collapse: separate;} /* Table Border (separate) */
caption{text-align:left}
th,td{text-align:center;vertical-align:middle}

address{font-style:normal}
label{display:inline-block;}
a{text-decoration:none;display:inline-block;} /* A Attribute  */

/* Common Setting */
html{overflow-y:auto}
html,body{min-width:1000px;background:#f7f7f7;height:100%;} /* Horizen Scroll */
body{color:#333;font-size:13px;font-family:'Noto Sans KR', sans-serif, "Nanum Gothic";font-weight:400;}

div{outline:0} /* Script TabIndex Click Focusing Line Remove */
img {vertical-align:middle;}

/* Drag Color */
::-moz-selection {background-color: #7f7f7f;color: #fff;}
::selection {background-color: #7f7f7f;color: #fff;}


#Top {position:relative;width:100%;height:100px;}
#Top .logo {position:absolute;top:20px;left:30px;}
#Top .logo img {width:70px;}
#Top .menu {position:absolute;top:35px;right:30px;}
#Top .menu a {font-size:17px;color:#333;padding-left:20px;font-weight:500;}
#Top .menu a:hover {text-decoration:underline}

.visual {position:relative;width:100%;height:600px;text-align:center;color:white;background-position:center top;background-image:url('../img/visual_back.png');}
.visual img {position:absolute;top:150px;left:50%;margin-left:-110px;opacity:0.45;}
.visual h1 {font-size:45px;font-weight:200;position:absolute;width:1000px;text-align:center;top:270px;left:50%;margin-left:-500px;}
.visual p {font-size:20px;opacity:0.7;padding-bottom:50px;position:absolute;width:1000px;text-align:center;top:330px;left:50%;margin-left:-500px;}
.visual span {font-weight:700;position:absolute;width:1000px;text-align:center;top:410px;left:50%;margin-left:-500px;}

.box {position:relative;width:1000px;margin:0 auto;}
.title {font-size:20px;font-weight:700;padding-bottom:15px;}
.des {font-size:35px;font-weight:200;line-height:35px;padding-bottom:50px;}
.clear {position:relative;clear:both;}

.section01 {position:relative;width:100%;padding:70px 0;}
.section01 .text {position:relative;padding-left:240px;padding-bottom:50px;border-bottom:dashed 1px #ddd;line-height:21px;}
.section01 .text img {position:absolute;top:0;left:0;width:190px;}
.section01 .human {position:relative;padding-top:50px;height:120px;}
.section01 .human li {float:left;width:211px;border-left:solid 1px #ddd;padding:0 25px 0 25px;}
.section01 .human li:first-child {border-left:0;padding-left:0;}
.section01 .human li:last-child {padding-right:0;}
.section01 .human li p {font-weight:700;padding-bottom:10px;}
.section01 .text {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    line-height: 1.8;
}

.section01 .text img {
    width: 120px;
    height: auto;
    flex-shrink: 0;
    object-fit: contain;
}

.section02 {position:relative;width:100%;padding:70px 0;background-color:#f4f3ec;}
.section02 .text {position:relative;background-color:white;border:solid 1px #ddd;margin-bottom:15px;padding:35px 35px 35px 190px;color:#666;}
.section02 .text img {position:absolute;top:35px;left:35px;opacity:0.4;}
.section02 .text h1 {font-weight:200;font-size:22px;padding-bottom:5px;line-height:22px;padding-top:15px;color:#333;}
.section02 .text h1 b {font-weight:700;}
.section02 .text .list {position:relative;padding-left:20px;opacity:0.7;padding-top:15px;}
.section02 .text .list li {list-style:circle;padding-bottom:5px;}

.section03 {position:relative;width:100%;padding:70px 0;background-color:#ecf2f4;}
.section03 .app {position:relative;height:230px;}
.section03 .app li {float:left;text-align:center;margin-right:25px;}
.section03 .app li img {padding-bottom:10px;}
.section03 .app li a {padding:5px 15px;color:white;border-radius:5px;font-size:12px;font-weight:300;}

.section04 {position:relative;width:100%;padding:70px 0;}
.section04 .addr {position:relative;padding-bottom:30px;}
.section04 .addr span {margin-right:15px;color:#666;font-size:25px;}
.section04 .map {position:relative;text-align:center;padding:250px 0;background-color:white;}

#bt {position:relative;background-color:#7f7f7f;height:110px;;color:white;font-weight:300;}
#bt img {position:absolute;top:25px;left:0;opacity:0.5;}
#bt .text {padding:35px 0 0 100px;}
#bt .text span {margin-right:15px;}
#bt .text p {padding-top:3px;font-weight:200;opacity:0.5;}


/* BTN */
.btnst_01 {font-size:12px;font-weight:200;color:white;background-color:#222222;padding:9px 35px;letter-spacing:1px;}
.btnst_02 {font-size:12px;font-weight:200;color:#363636;background-color:#FFF;padding:9px 35px;letter-spacing:1px;}
.btnst_03 {font-size:11px;font-weight:200;color:white;background-color:#fe2c2c;padding:3px 10px;letter-spacing:1px;}
.btnst_04 {font-size:11px;font-weight:200;color:363636;background-color:#d2d2d2;padding:3px 10px;letter-spacing:1px;}
.btnst_05 {font-size:11px;font-weight:200;color:white;background-color:#30426e;padding:3px 10px;letter-spacing:1px;}
.btn_zone_right {position:relative;text-align:right;padding:30px 0;}