@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://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;border-bottom:1px solid #eee;}
#Top .logo {position:absolute;top:20px;left:30px;}
#Top .logo img {width:145px;}
#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:#fff;background-position:center top;background-image:url('../img/visual_back.png');}
.visual img {position:absolute;top:130px;left:50%;margin-left:-70px;}
.visual h1 {font-size:45px;font-weight:200;position:absolute;width:1000px;text-align:center;top:290px;left:50%;margin-left:-500px;}
.visual p {font-size:20px;opacity:0.7;padding-bottom:50px;position:absolute;width:1000px;text-align:center;top:350px;left:50%;margin-left:-500px;}
.visual span {font-weight:700;position:absolute;width:1000px;text-align:center;top:430px;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:280px;padding-bottom:50px;border-bottom:dashed 1px #ddd;line-height:21px;}
.section01 .text img {position:absolute;top:10px;left:0;width:250px;}
.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;}

.section02 {position:relative;width:100%;padding:70px 0;background-color:#f4f3ec;}
.section02 .text {position:relative;background-color:#fff;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:20px;}

/**/
.section03 .app li:nth-child(5) {margin-right:0px;}

.section03 .app li img {padding-bottom:10px;}
.section03 .app li a {padding:5px 15px;color:#fff;background-color:#a5a9aa;border-radius:5px;font-size:12px;font-weight:300;}
.section03 .app li a:hover {background-color:#333;}

.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 .addr a {color:#666;}
.section04 .addr a:hover {color:#222;}
.section04 .map {position:relative;text-align:center;padding:250px 0;background-color:#fff;}

#bt {position:relative;background-color:#7f7f7f;min-height:130px;font-weight:300;color:#fff;}
#bt img {position:absolute;top:25px;left:0;opacity:0.5;width:135px;}
#bt .text {padding:35px 0 0 170px;}
#bt .text span {margin-right:15px;}
#bt .text p {font-weight:200;color:#bbb;padding-top:3px;}
#bt .text a {color:#bbb;text-decoration:none;}
#bt .text a:hover, #bt .text a:focus, #bt .text a:active {color:#fff;}


/* container */
.container {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	margin-top:60px;
	margin-bottom:60px;
}
@media (min-width:768px) {
	.container {width:750px;}
}
@media (min-width:992px) {
	.container {width:970px;}
}
@media (min-width:1200px) {
	.container {width:1170px;}
}


/**/
.header_t {position:relative;}
h1.cont_tit {font-size:36px;font-weight:600;color:#000;margin-bottom:40px;}
p.btn_close {position:absolute;top:10px;right:10px;}
p.btn_close a {background:#c7504c;border-radius:4px;font-size:14px;color:#fff;text-decoration:none;padding:10px 20px;}
p.btn_close a:hover {background:#dd1a14;}

.privacy {font-size:14px;color:#666;line-height:2;text-align:justify;}
.privacy section {padding:0;margin-bottom:30px;}
.privacy section h1 {background:url(../img/bul1.png) 0 6px no-repeat;font-size:22px;font-weight:600;color:#c7504c;line-height:1.4;padding-left:30px;margin-bottom:10px;}
.privacy section h2 {font-size:16px;font-weight:600;color:#222;margin:14px 0 0;}
.privacy section p {}
.privacy div {}
.privacy ul {list-style:none;padding:0;margin:0 0 20px;}
.privacy ul li {line-height:1.8;}
.privacy dl {margin-top:4px;}
.privacy dt {font-weight:600;color:#444;margin-bottom:10px;}
.privacy dd {line-height:1.6;}
.privacy dd a.link {color:#0066cc;}
.privacy dd a.link:hover {color:#005580;}