@charset "utf-8";

@media all and (max-width:900px){

/*
.hide-web { display:block }
.hide-mobile { display: none }
*/
    
.hide-web { display:none }
.hide-mobile { display: block }
    
    
.mobile_none {  display:contents; }
    
.hide-web-t { display:inline-table }
.hide-mobile-t { display: none }


.bg_100 { padding: 0;  }

#contact {position: relative;z-index: 100;width: auto;min-width: auto;max-width: none;margin: 0 auto;padding-top: 0;}

body { -webkit-text-adjust:none; min-width:320px; padding:0; margin:0;font-family:AppleSDGothicNeo, 'Noto Sans KR', SF Pro Display, Century Gothic, 'CenturyGothic', nanumSqure, 'KoPub Dotum', 나눔고딕, sans-serif; color:#444; text-align:center; font-size:16px; line-height:24px; overflow-x: hidden;}
img {display:block; border:none; }

body, input, textarea, select, button, table, h1, h2, h3, h4 { font-family:AppleSDGothicNeo, 'Noto Sans KR', SF Pro Display, Century Gothic, 'CenturyGothic', nanumSqure, 'KoPub Dotum', 나눔고딕, sans-serif;}

.ico-top { right: 10px; font-size: 16px; text-align: center; color: #391b1b; font-weight: 600; overflow: hidden; transition: all 0.3s; box-shadow: 0px rgba(0, 0, 0, 0.3); color: #fff; background-color: rgba(0,0,0,0.3);}

input[type=text]{}
input[type=text]:focus{border-color:#000;}
input[type=checkbox]{margin-top:-2px;}
select {border: 1px solid #999; height:32px; line-height:30px; padding:0; margin: 2px 0; border-radius: 0.4em}
button{margin:0; padding:0;}
a{color:#000;text-decoration:none; outline:none;}
a:hover{color:#000; text-decoration:none;}
button *{position:relative;}
button img{left:-3px; *left:auto;}
option {padding-right:0;}
hr{display:none}
table{ /*border-collapse:collapse;*/ border-spacing:0; padding:0;}
option, select { font-size: 12px;}

body { width:100%; }


.nav-wrap {width:100%;height: 65px;padding:0;text-align:left;z-index:999;position:relative;top:0;transition: all 0.8s;background-color: rgba(255,255,255,1);}

.nav_consumer { border-bottom:0; background-color: transparent }
.pre_header {}

.nav-wrap .nav {width: calc(100% - 40px);min-width: calc(100% - 40px);margin: 0 auto;opacity: 1;transition: all 0.3s;height: auto;}
.nav-wrap .nav .logo a { width:80px; height: 55px; float:left; padding:0; margin: 6px 0 0; background-image: url(../images/logo.png); background-size:100% 100%; background-repeat:no-repeat; text-indent:9999px; background-position:left top; /* image-rendering: -webkit-optimize-contrast;*/}

    
    
.nav-wrap .nav .smenu {margin-top: 0;}
.nav-wrap .nav .smenu .search { width: calc(100% - 60px); height: 38px; color: #666; background-image:url(../images/ico_search.png); background-position: 95% 45%; background-repeat:no-repeat;   background-color:rgba(0,0,0,0.04); border:rgba(0,0,0,0.08) solid 1px; border-radius: 38px; letter-spacing: 0.03em; padding:0 24px; cursor: pointer;transition: all 0.3s ease; }
.nav-wrap .nav .smenu .search:hover {border-color:#a1a1a1 solid 1px; background-color:rgba(0,0,0,0.08); }

.nav-wrap .nav .smenu a {display: inline-block;padding: 20px 10px;vertical-align: top;}
.nav-wrap .nav .smenu img {display: revert;height: 21px;}
    
    

    

.nav_all {display:inline-block; overflow:hidden;}
.nav-wrap .nav .smenu .nav_all a {float:left;position: relative;overflow:hidden;margin:0;padding: 21px 10px 14px;border:0;background-position:0% 50%;background-repeat:no-repeat;background-size: 20px 20px;font-size: 0;letter-spacing: 0.9em;text-transform: uppercase;color: #4c4c4c;transition: all 0.3s;}
.nav_all a:before {content:"";display: inline-block;vertical-align: top;width: 22px;height: 22px;background-image:url(../images/ico_nav.png);transition: all 0.3s;background-size: 22px 22px;}
.nav_all a:hover:before { transition: all 0.3s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.nav_all a:active, #nav a.selected {  border:0; }

    
.menu_all { background-color:rgba(255,255,255,0.8);  display:none;  list-style:none; float:right; width:100%; margin:0 0 0 0; padding:0 0 30px 20px; right:0; top:0; height: 100%; z-index: 1001; position: fixed;
    overflow: hidden;   }
.menu_all ul { float: right; width:50%; margin:0 auto; text-align: left; padding-left: 20px; padding-bottom: 20px; background-color: #fff; box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 10%); overflow: hidden; overflow-y: scroll; position: fixed; height: 100%; right:0; }
.menu_all li { float: none; display: block; width: 100%; padding:5px 0 0; text-align: left; vertical-align: top; }

.menu_all li:nth-child(1) { padding:5px 0 0px;}
.menu_all li:nth-child(2) { padding:5px 0 0px;}
.menu_all li:nth-child(3) { padding:5px 0 0px;}
.menu_all li:nth-child(4) { padding:5px 0 0px;}
.menu_all li h1  { display:block; color:#999999; font-size: 10px; padding: 20px 0 5px 3px; margin: 0; font-weight: 400 }
.menu_all li a {display:block;color:#333;font-size: 14px;font-weight:400;letter-spacing:-0.03em;text-decoration:none;text-transform:uppercase;padding: 0 3px 0 14px;margin:0;line-height: 2.0em;border-bottom:0;background:none}
.menu_all li a:visited {}
.menu_all li a:hover   {color:#008aff;  border-bottom:1px #008aff solid;  }
.menu_all li a:active  {color:#008aff;}

.menu_all li a.ico_right { background: url(images/common/ico_right.png) no-repeat 90% 50%; background-size: 15px; }

.menu_all li.etc_btns a { color:#666; font-size:15px; padding:0 3px 0 14px; line-height:2.0em; text-indent: 0px;    }

.menu_all li a.sub_product { font-size:14px; color:#999;  list-style-type: none; margin-left: 10px;  }
.menu_all li a.sub_product:before { content: "-"; 
position: absolute;
margin-left: -10px; }


.nav-scroll { position:fixed; z-index:999; opacity: 1; transition: all 0.8s; background-color: rgba(255,255,255,1); box-shadow: 0px 3px 6px 0px rgb(0,0,0,0.10);}
.nav-scroll:hover { }
.nav-scroll .nav .logo_customer a { margin: 0px auto; }

.nav-wrap .nav ul.mainmenu { display:none }
.nav-sub .mainmenu { display:none }


h1, h2, h3, h4 { letter-spacing:-0.05em }

h1 {font-size:32px; color:#333; line-height:1.0em; padding:0; margin:80px auto 20px; font-weight:400;}
h1 span { letter-spacing:-0.03em}
h2 {font-size:22px; font-weight:600; color:#333; line-height:1.5em; padding:0; margin:0; text-align: left }
h2 span { display: block; font-size:16px; font-weight:400; color:#666; line-height:1.3em; padding-top: 20px   }
h2 font {display: block; font-size:14px;  font-weight:400;  }
h3 {font-size:18px;color:#333;padding:0;margin: 50px auto 30px;text-align:center;}
h4 {font-size:16px; color:#333; padding:0; margin:0; font-weight:600;}


.line_box { clear: both; display: block; width: 100%; height: 1px; background-color: #ebebeb; margin:1px 0}
.line_box2 { clear: both; display: block; width: 100%; height: 1px; background-color: #ebebeb; margin:40px 0}


.popup_new {  }
    
    
   

.top_banner {position: relative;width: 100%;margin: 0;height: 0;overflow: hidden;padding-bottom: 142%;background-repeat: no-repeat;background-size: cover;background-position: 50% 0;background-color: #e9f6fa;}

.top_banner  {
  animation: top 2.9s;
  animation-delay: 0.0s;
}

@keyframes top {
  from {background-position: 60%  0; opacity: 1}
  to {background-position:50% 0; opacity: 1}
}
    
    
.top_banner .visual-text-wrap .visual-text h1  {
  animation: banner_h1 2.9s;
  animation-delay: 0.0s;
}

@keyframes banner_h1 {
  from {padding-left: 130px; background-color: rgba(0,0,0,0.0); opacity: 1}
  to {padding-left: 40px; background-color: rgba(0,0,0,0.5); opacity: 1}
}

    
.top_banner .visual-text-wrap {width: 100%;}
.top_banner .visual-text-wrap .visual-text {z-index:3;margin: auto;text-align:left;font-weight:600;color:#fff;}

.top_banner .visual-text-wrap .visual-text h1 {width: calc(100% - 80px);padding: 50px 40px;font-size: 34px;line-height: 1.3em;color: #fff;font-weight:600;margin:0;letter-spacing: -0.03em;background-color: rgba(0,0,0,0.5);}

.top_banner .visual-text-wrap .visual-text h1:before {position: absolute;content: '';border-top: 40px solid #fff;width: 1px;margin-left: -20px;display: none;}

.top_banner .visual-text-wrap .visual-text h1 span  {display:block;font-size: 15px;font-weight:400;line-height:21px;max-width: 800px;margin-top: 80px;letter-spacing: -0.03em;}

.top_banner .visual-text-wrap .visual-text h1 span.other_text {}
.top_banner .visual-text-wrap .visual-text h1 span.other_text:before {content: '';border-top: 1px solid rgba(255,255,255,0.30);width: 100%;float: left;margin-top: -45px;}

.top_banner .visual-text-wrap .visual-text .banner_btn {color: #fff;font-size: 12px;font-weight: 400;/* letter-spacing: 0.15em; */text-decoration: underline;text-transform: uppercase;font-family: 'Noto Sans KR';padding: 15px 0 0 0;display: block;}


/* full banner basic */
html, body { margin: 0; height: 100%;} 
    

#contents {position: relative; z-index: 100; width: 100%; min-width: 100%; max-width: calc(100% - 100px); margin:0 auto; padding-top: 0px; background-color:rgba(0,0,0,0.00) }
    
#contents_main {position: relative; z-index: 100; width: 100%; min-width: 100%; max-width: calc(100% - 100px); margin:0 auto; padding-top: 40px; background-color:rgba(0,0,0,0.00) }

    

/* main 교육영역 */
#contents_main .edu_info {  display:block; }
#contents_main .edu_info h2 {font-size: 16px;text-align: center;margin: auto;}
#contents_main .edu_info h2 strong {display: inline-block;background-color: #fff;border:#a1a1a1 solid 1px;width: 300px;text-align: center;padding: 10px 0;}
#contents_main .edu_info h2 span {display: inline-block;color: #808080;padding: 30px;font-size: 14px;}

#contents_main .edu_info h3 {font-family:  'Arita-Buri';font-size: 32px;line-height: 48px;color: #333;text-align: left;margin: 30px 0;text-indent: -7px;}
#contents_main .edu_info h3 span { font-family:'Noto Sans KR', SF Pro Display, Century Gothic, 'CenturyGothic', nanumSqure, 'KoPub Dotum', 나눔고딕, AppleSDGothicNeo, sans-serif; color:#444; text-align:center; display: block; font-size: 21px; line-height: 21px; color: #666; text-align: left; margin: 10px 0; font-weight: 300; text-indent: 0px;   }
#contents_main .edu_info h3 span:after { content: ''; position: absolute; width: 110px; margin-top: 30px; display: block;}

#contents_main .edu_info .text_t h3 { margin: 20px 0 100px 0}
#contents_main .edu_info .text_t h3 span { padding: 0 0 30px 0; font-size: 18px; color: #000; letter-spacing: 1.0em;  }
#contents_main .edu_info .text_t h3 span:after { margin-top: 146px;}

#contents_main .edu_info_l {width: calc(100% - 50px);text-align: left;margin: 0px auto;font-size: 15px;line-height: 1.6em;color: #666}

#contents_main .info_img_l  {display: inline-block;width: auto;text-align: left;vertical-align: middle;}
#contents_main .info_img_l img  {float: none;text-align: left;vertical-align: middle;width: 100%;}

#contents_main .info_img_r  {float: none;display: inline-block;width: auto;text-align: center;vertical-align: middle;margin-top: 20px;}
#contents_main .info_img_r img  {float: right;text-align: right;vertical-align: middle;width: 100%;}

#contents_main .info_img_t  { float: right; display: inline-block; width: 600px; text-align: right;  vertical-align: middle; margin-top: 40px}
#contents_main .info_img_t img  { float: right;  text-align: right;  vertical-align: middle}

#contents_main .edu_info_l .text_l {display: inline-block;width: auto;text-align:justify;vertical-align: middle;padding-left: 0px;letter-spacing: -0.05em;}
#contents_main .edu_info_l .text_r {/* float: right; */display: inline-block;width: auto;text-align:justify;vertical-align: middle;padding-left: 0;}

#contents_main .edu_info_l .text_t{ display: inline-block;  width: 464px; text-align:justify;  vertical-align: middle; padding-left: 20px;}

#contents_main .edu_info_l .inquiry {display: block;border-style: solid;border-width: 1px;border-color: rgb(96, 86, 86);background-color: rgba(0,0,0, 0.01);width: 200px;padding: 5px 0;margin: 30px 0;color: #000;font-size: 16px;text-align: center;border-radius: 2em;transition: all 0.3s;}
#contents_main .edu_info_l .inquiry:hover { transition: all 0.3s; background-color: rgba(0,0,0, 0.7); color: #fff}


.edu_info_l .txt {display: block;font-size: 14px;text-align: left;margin: 30px 0;}
.edu_info_l .txt span {display: inline-block;min-width: 150px;text-align: left;color: #999;}


.info_news { position: absolute; padding: 30px 120px 30px 60px; margin-top:260px; color: #fff; width: 400px; height: 80px; background-image: url(../images/common/ico_arrow_right.png); background-repeat: no-repeat; background-position: calc(100% - 15px) 50%; background-size: auto 32px; box-shadow: 0px 8px 13px 0px rgba(0,0,0, 0.25); line-height: 1.8em; text-align: left;transition: all 0.3s; }

.info_news .news_title { font-size: 21px; font-weight: 600}
.info_news .section_date { font-size: 16px;}


.info_news:hover { cursor:pointer;  transition: all 0.3s; }
#info_01 .info_news:hover { margin-left: -30px; background-color: rgba(51,80,172, 1); }
#info_02 .info_news:hover { margin-left: 180px; background-color: rgba(3,159,44, 1); }
#info_03 .info_news:hover { margin-left: -30px; background-color: rgba(210,90,17, 1); }
#info_04 .info_news:hover { margin-left: 180px; background-color: rgba(155,114,25, 1); }

#info_01 .info_news { margin-left: -50px; background-color: rgba(51,80,172, 0.9);}
#info_02 .info_news { margin-left: 200px; background-color: rgba(63,159,44, 0.9);}
#info_03 .info_news { margin-left: -50px; background-color: rgba(210,90,17, 0.9);}
#info_04 .info_news { margin-left: 200px; background-color: rgba(155,114,25, 0.9);}
    
    
/***** sub ****/
.sub_banner { min-width: 100%; max-width: calc(100% - 0px); margin: 0 auto; }
.sub_banner img { width: 100%;}
.sub_banner h1 {display: none;position: absolute;margin-top: 6.2%;margin-left: 20px;font-size: 21px;font-weight: 600;color: #333;line-height: 1.2;text-align: left;font-family: 'Arita-buri';}
.sub_banner h1 img { display: inline-block; width: auto; height: 38px; text-align: center; padding:0; margin: auto; vertical-align: middle;}
.sub_banner h1 span {display: inline-block;font-size: 12px;color: #666;font-weight: 400;line-height: 1.4em;text-align: left;padding-left: 30px;text-shadow:none;vertical-align: middle;}

    
/** 02. 교육영역 & 03.평가프로그램 **/
.sub_info  {display: inline-block;width: calc(100% - 60px);text-align: left;vertical-align: middle;margin: 30px auto;}
.sub_info h3 {font-family:  'Arita-Buri';font-size: 28px;color: #333;text-align: left;margin: 30px 0 30px 0;text-indent: -3px;}
.sub_info h3 span { font-family:'Noto Sans KR', SF Pro Display, Century Gothic, 'CenturyGothic', nanumSqure, 'KoPub Dotum', 나눔고딕, AppleSDGothicNeo, sans-serif; color:#444; text-align:center; display: block; font-size: 21px; line-height: 21px; color: #666; text-align: left; margin: 10px 0; font-weight: 300; text-indent: 0px;   }
.sub_info h3 span:after { content: ''; position: absolute; width: 110px; margin-top: 30px; display: block;}
.sub_info .text_t h3 { margin: 20px 0 100px 0}
.sub_info .text_t h3 span { padding: 0 0 30px 0; font-size: 18px; color: #000; letter-spacing: 1.0em;  }
.sub_info .text_t h3 span:after { margin-top: 146px;}


.sub_info .info_img_l  {display: inline-block;width: auto;text-align: left;vertical-align: top;}
.sub_info .info_img_l img  {float: none;text-align: left;vertical-align: top;width: 100%;}

.sub_info .text_r {display: inline-block;width: auto;text-align:justify;vertical-align: middle;padding-left: 0;font-size: 15px;line-height: 1.4em;}

.sub_info .text_r .txt {display: block;font-size: 14px;text-align: left;margin: 20px 0 0;}
.sub_info .text_r .txt span {display: block;color: #559bc0;text-align: left;padding: 10px 0;font-weight: 500;}
.sub_info .text_r .txt span font {display: block;color: #666;font-weight: 300; padding: 0;}

.sub_info .text_r .txt2 {display: block;font-size: 15px;text-align: left;margin: 20px 0;}
.sub_info .text_r .txt2 span a {display: block; color: #559bc0; text-align: left;padding:5px 0;font-weight: 500;}

.sub_info .text_r .txt_box {display: block;font-size: 13px;text-align: left;margin: 20px 0;background-color: #559bc0;color: #fff;border-radius: 10px;}
.sub_info .text_r .txt_box span {display: block;padding: 20px;font-weight: 500;}

/** 03.평가프로그램 상세 리스트 **/
.description {margin: 60px auto 0;text-align: left;}
.description li {display: inline-block;}
.description li .info_img_l  {display: block;width: 240px;text-align: center;vertical-align: top;padding-bottom: 30px;margin: auto;}
.description li .info_img_l img  {float: none;text-align: center;vertical-align: top;width: 100%;}
.description li .txt {display: inline-block;width: auto;text-align:justify;vertical-align: middle;padding-left: 0;font-size: 16px;padding-bottom: 30px;margin-bottom: 30px;border-bottom: #e5e5e5 dashed 1px;}
.description li .txt span {display: block;color: #559bc0;text-align: left;padding: 0;font-weight: 500;}
.description li .txt span font {display: inline-block;color: #666;font-weight: 300;padding: 0;font-size: 14px;text-align: justify;}
.description li .txt span font strong { display: inline-block; padding: 15px 0;}

    
.customer_box {
    width: calc(100% - 60px);
    border:0;
    padding: 0;
    margin: auto;
    display: inline-block;
    }
.customer_box h4 { padding: 35px 0; font-weight: 400; text-align: left }


    
    
    
/* 서브 4개 탭 */
.tab4_nav ul {list-style: none;width: auto;text-align: center;margin: 0;padding: 0;border-bottom: #e5e5e5 solid 1px;display: inline-block;width: 100%;}
.tab4_nav ul li {display: inline-block;padding: 0;margin: auto;transition: all 0.3s;opacity: 0.80;}
.tab4_nav ul li:hover { background-position: 0% -10%;  cursor:pointer; opacity: 1.00;  }
.tab4_nav ul li a {position: relative;display: inline-block;font-size: 14px;letter-spacing: -0.05em;font-weight: 400;color: #333;line-height: 1.1em;text-decoration: none;padding: 5px 15px;margin: 15px 0;border-radius: 2em;}
.tab4_nav ul li a.checked,  
.tab4_nav ul li a:hover,
.tab4_nav ul li a.checked
{ color:#fff; background-color: #559bc0;  transition: all 0.3s; }
    
    
.admin_tit { display: block; padding: 0; width: 100%; text-align: left; margin: auto;}
.admin_tit h1 { color: #000; font-size: 18px; margin: 60px 0;}
    
    
/* 공지사항 게시판 */
.customer_box .news_list { width: 100%; margin:30px auto; border-top: #ccc solid 1px;}
.customer_box .news_list li {list-style: none;font-size: 15px;text-align: left;line-height: 1.6em;padding: 20px 0;border-bottom:#e6e6e6 solid 1px;cursor:pointer;color: #808080}
.customer_box .news_list li span { display: inline-block; margin-right: 12px; width: 54px; line-height: 21px; background-color: #8cb4dd; color: #fff; font-size: 13px; font-weight: 600; text-align: center }
.customer_box .news_list li span.gray { background-color: #999}
.customer_box .news_list li font { display: inline-block;float: right; font-size: 13px; color: #808080; font-weight: 100}

  
    
/****** 글읽기 211102  *********/
.table_board_view { width:calc(100% - 0px); border-top:#e6e6e6 solid 1px; margin:0 auto;}
.table_board_view img { vertical-align:middle;  }
.table_board_view a:link,
.table_board_view a:active {}
.table_board_view a:visited { color:#4c4c4c; text-decoration:none; word-break: break-all}
.table_board_view th { padding:20px 0 0; font-weight:600; color:#333;  text-align:left; font-size:18px; border-bottom:#e3e3e3 solid 1px; display: block; border-bottom:0;  }
.table_board_view th img { max-width:24px; display:inline-block}
.table_board_view th strong { font-size:11px; margin-right:10px  }
.table_board_view th:last-child { text-align:right; font-size:11px; font-weight:400; color:#666; padding: 15px 0 }
.table_board_view th font { margin:0 15px 0 5px; }
.table_board_view td { vertical-align:middle; padding:30px 0; border-bottom:1px #ddd solid; text-align:left; font-size:14px;     letter-spacing: -0.03em;
	line-height: 1.6em;  color:#666;  }
.table_board_view td p, .table_board_view td span, .table_board_view td font { font-size: 14px}  

.table_board_view td:nth-of-type(odd) { }
.table_board_view td img { display:block; max-width:100%; margin:30px 0; }



    
    
    
    
.list_more { display: block; text-align: left; margin-bottom: 40px; }
.list_more a { display: inline-block; font-size: 14px; padding: 0; background-image: url(../images/common/ico_arrow_more.png); background-position: 100% 50%; background-repeat:no-repeat;  padding-right: 30px; color: #000;}
    
    
#contents #info_box { max-width: calc(100% - 60px);  padding: 0; margin:0 auto 60px  }
#contents #info_box h3 { margin: 0 auto 0; padding-top: 36px; line-height: 1em; letter-spacing: -0.01em; text-align: left; font-size: 32px; line-height: 3.0em; font-weight: 600; letter-spacing: -0.01em; }

    
    
/* 연구소소개 */
#company {margin: auto;width: auto;}
#company h3 {font-size: 32px;vertical-align: middle;line-height: normal;}
#company h3 img { margin:40px auto;}

/* 인사말 */
#company .greeting {width: calc(100% - 60px);font-family: 'Arita-buri';display: block;margin: auto;background-image: url(../images/contents/img_ceo.png);background-repeat: no-repeat;background-position: 50% calc(100% - 60px);background-size: 320px;padding-bottom: 400px;}
#company .greeting h3 {display:inline-block;text-align: left;border-bottom: 0;margin: 30px 0;padding: 0;}
#company .greeting .ceo {display: block;width: 100%;margin: auto;text-align: left;color: #000;font-size: 16px;line-height: 1.6em;}
#company .greeting .ceo p {display: block;width: 100%;color: #555;}
#company .greeting .ceo span {display: block;width: auto;margin:40px 0 0 0;text-align: right;font-size: 14px;line-height: normal;font-family: 'Arita-buri-SemiBold';}
#company .greeting .ceo span em { margin:0 0 0 20px; font-size: 0; line-height: normal; font-weight:600; font-style:normal; letter-spacing: 0.35em;}
#company .greeting .ceo span em img {display: inline-block;height: 30px;}

/*연혁*/
#company .histroy {width: calc(100% - 60px);height: auto;background-image: url(../images/contents/img_histroy.png);background-repeat: no-repeat;background-position: 50% 100%;background-size: 100%;padding: 0 0 320px 0;border: #559bc0 solid 0;border-radius: 45px 0 45px 45px;margin: 0px auto;text-align: left;}
#company .histroy h3 {padding: 30px 0 0;margin: 0;text-align: left}
#company .histroy h3 span {color: #808080;font-size: 14px;font-weight: 100;display: block;letter-spacing: 0;}
#company .histroy p {display: block;width: auto;color: #999;font-size: 15px;padding-left: 0px;padding-top: 40px;}

/* 맴버 */
#company .member {display: block;width: calc(100% - 60px);margin: 10px auto;text-align: center}
#company .member li {display: block;width: calc(100% - 50px);height: auto;padding: 15px 25px;margin: 0 auto 25px;vertical-align: top;border-radius: 30px;background-color: rgb(255, 255, 255);box-shadow: 0px 5px 24px 0px rgba(206, 206, 206, 0.59);transition: all 0.3s;}
#company .member li:hover { background-color: #559bc0; color: #fff; transition: all 0.3s; }
#company .member li:hover h3, #company .member li:hover h4, #company .member li:hover .career { color: #fff;  } 
#company .member li:hover h3 { border-bottom:#fff solid 1px;}
#company .member li img { width: 240px; margin: auto; }
#company .member li h3 { width: 100%; border-top: 0; border-bottom: #559bc0 solid 1px; font-size: 30px;font-family: 'Arita-buri';font-weight: 600;line-height: 1.2em;margin: 16px auto;letter-spacing: 0.2em;text-align: left;padding-bottom: 20px;}
#company .member li h3 span {display: block;font-size: 15px;font-weight: 400;padding: 0;letter-spacing: -0.03em;}
#company .member li .career {display: block;font-size: 14px;line-height: 1.8em;letter-spacing: -0.07em;color: #666;margin:10px auto;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space:normal;}
#company .member h4 {display: block;font-size: 15px;font-weight: 400;text-align: left;padding: 10px 0 0 0;}

/*오시는길*/
#company .Location { width: calc(100% - 0px); margin:0px auto }
#company .Location h3 {}
    
    
    
    

.map_box {display: inline-block;width: -webkit-fill-available; width: calc(100% - 40px); border: #e5e5e5 solid 1px;}
.map_box .address { background-color: #494f53; color: #fff; text-align: center; margin: 0; padding: 10px 0; line-height: 1.8em; font-size: 14px; }
.address_box {display: inline-block;vertical-align: top;width: calc(100% - 60px);text-align: left;margin: auto;padding:0;line-height: 1.8em;font-size: 14px;}
.address_box h2 {text-align: left;padding: 0;margin: 30px 0 0px 0;font-size: 32px;font-weight: 400;text-transform: uppercase;font-family: 'Arita-Buri';}
.address_box h2 span { font-size: 16px; padding:0 0 10px; margin: 0; color: #386881 }
.address_box strong { font-size: 16px; letter-spacing:-0.01em; font-weight: 400 }
.address_box h2:after {content: '';position: absolute;border-top: 0;width: 160px;margin-top: -156px;display: block;}
.address_box .address { color: #666; margin: 0; padding: 10px 0; line-height: 1.8em; font-size: 14px; }
.address_tip { color: #1da3b6; text-align: center;  padding: 30px 0; line-height: 1.8em; font-size: 13px; letter-spacing:-0.03em  }
.address_tip {color: #386881;text-align: left;padding: 30px 0;line-height: 1.8em;font-size: 11px;}
.address_print {margin: 20px auto;display: block;}
.address_print button {width: calc(50% - 15px);height: 36px;border:#a1a1a1 solid 1px;background-color: #fff;font-size: 12px;font-weight: 600;cursor:pointer;border-radius: 18px;color: #333;margin: 0 5px;}
.address_print img {display: inline-block;padding-right: 4px;vertical-align: middle}


.moving {margin-top: 40px;display: block;padding: 20px 0;text-align: left;border-top: #ccc solid 1px;border-bottom: #ccc solid 1px;}
.moving li {display: inline-block;vertical-align: top;font-weight: 300;font-size: 13px;padding: 5px 0;}
.moving li:first-child {}  
.moving img{display: inline-block;padding:0 10px 0 0;margin: 0;vertical-align: middle;width: 32px;}
.moving span {display: block;font-size: 13px;padding: 5px;}

    
    
    
.add_box {width: calc(100% - 40px);background-color: #f5f5f5;font-size: 11px;line-height: 1.4em;padding: 24px;margin:20px auto 0;text-align: center;font-weight: 400;}

    
    
    
    
/*****  푸터 *****/
.footer {display:block;width:100%;margin:0 auto 0;clear:both;padding: 20px 0;background-color:#1e3a49;}
.footer .sns { float:right; margin-top:25px}
.footer .sns img {display: block;
    padding-top: 20%;
    margin: auto;
    text-align: center;
    vertical-align: middle; }
.footer .sns a:link, 
.footer .sns a:active, 
.footer .sns a:visited {float: right; background-color: #222; border-radius: 20px; width: 35px; height: 36px; padding: 0 1px 0 0; margin: 5px; vertical-align: middle; border: #666 solid 1px;transition: all 0.3s ease; opacity: 0.8;}
.footer .sns a:hover { background-color:#000; border: #fff solid 1px; opacity: 1.0;  }

.footer .footer_info {max-width: calc(100% - 60px); margin: auto;}

.footer .box {text-align:left;padding: 15px 0;font-size: 11px;line-height:1.8em;color:#d6d9db;}
.footer .box h4 { color: #386881; font-size: 14px; }
.footer .box span { font-weight:100; color:#666; padding:0 5px; font-family:돋움 }
.footer .box a:link, 
.footer .box a:active,     
.footer .box a:visited {color:#fff;  }
.footer .box a:hover {color:#fff; }
.footer .box .footer_logo { display:inline-block; width:250px; margin-top:40px; vertical-align:top; color: #999999 }
.footer .box .footer_logo img  { height: 30px; margin-bottom: 30px;  }

.footer .box .privacy_box { float:right; margin-top:-70px; }
.footer .box .privacy_box a { color:#919090; font-size:13px; text-decoration:none    }
.footer .box .privacy_box .line { font-weight:100; color:#bdbdbd; padding:0 5px; font-family:돋움 }

.footer .copy {margin: 0 auto;color: #d6d9db;line-height: 4em;font-size: 11px;text-align: left;}
.footer .copy a {margin: 0;color: #fff;}
.footer .copy a:first-child {  }

    
    
    
    
    
    
    
}