@charset "utf-8";

/* SUB VISUAL */
.sub_visual {position:relative; font-size:0; text-align:center; overflow:hidden; background:#000}
.sub_visual .bg {position:absolute; top:0; left:0; width:100%; height:100%; opacity:.8; transform:scale(1.1); transition:1.2s }
.sub_visual:after {display:inline-block; height:100%; width:0; vertical-align:middle; content:''}
.sub_vs_title {position:relative; display:inline-block; vertical-align:middle; text-align:center}
.sub_vs_title > * {position:relative; top:20px; opacity:0}
.sub_vs_title span {display:block; margin-bottom:10px; font-size:100px; color:#fff; font-style:italic}
.sub_vs_title h1 {font-size:50px; color:#fff}
.sub_vs_title p {top:15px; margin-top:30px; font-size:15px; color:#cacaca}
.sub_visual.active .bg {opacity:1; transform:scale(1)}
.sub_visual.active .sub_vs_title > * {opacity:1; top:0}
.sub_visual.active .sub_vs_title span {transition:.5s .3s}
.sub_visual.active .sub_vs_title h1 {transition:.4s .5s}
.sub_visual.active .sub_vs_title p {transition:.3s .7s}
.sub_visual .scroll {position:absolute; left:50%; bottom:50px; width:51px; height:76px; margin-left:-25.5px}
.sub_visual .scroll:before {position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid #fff; border-radius:30px; opacity:.2; content:'';}
.sub_visual .scroll span {position:absolute; left:50%; top:52%; width:30px; height:16px; margin:-8px 0 0 -15px; background:url('/img/icon_scroll_down.png')}
.sub_visual .scroll .s1 {margin-top:-20px; animation:scroll 2s infinite linear}
.sub_visual .scroll .s2 {animation:scroll 2s .333s infinite linear}
.sub_visual .scroll .s3 {margin-top:4px; animation:scroll 2s .666s infinite linear}

.sub_visual.short {height:350px; padding-top:90px; box-sizing:border-box}
.sub_visual.short .scroll {display:none}
.sub_visual.short .sub_vs_title h1 {font-size:40px}
.sub_visual.short .sub_vs_title p {margin-top:20px}
@keyframes scroll{
	0% {opacity:1}
	70% {opacity:0}
	100% {opacity:1}
}

.sub_sect_tit {text-align:center}
.sub_sect_tit h1 {font-size:40px; color:#0065ba; line-height:55px;}
.sub_sect_tit p {margin-top:25px; font-size:18px; color:#464646}

/* SUB TAB */
.sub_tab {overflow:hidden; border-bottom:1px solid #cbcbcb}
.sub_tab ul li {position:relative; float:left; width:50%; text-align:right}
.sub_tab ul li + li {text-align:left}
.sub_tab ul li + li:after {position:absolute; left:-1px; top:50%; width:2px; height:26px; margin-top:-13px; background:#989898; content:''}
.sub_tab ul li a {display:inline-block; line-height:70px; padding:0 65px; font-size:20px; color:#3b3b3b}
.sub_tab ul li.active a {color:#c52c2c}

/* 인사말 */
.greeting_sect {padding:95px 0 125px}
.greeting_sect .banner {margin-top:47px}
.greeting_sect .intro_txt {margin-top:75px; text-align:center}
.greeting_sect .intro_txt p {line-height:1.666; font-size:18px; color:#464646; }
.greeting_sect .intro_txt span {display:block; margin-top:55px; font-size:20px; color:#464646;}
.greeting_sect .intro_txt span img {vertical-align:middle}


/* 회사연혁 */
.history_sect {padding:120px 0 75px; background:#f3f7fb}
.history_tab_wrap {height:90px; margin-top:40px;}
.history_tab {display:table; table-layout:fixed; width:100%;  border-collapse:collapse}
.history_tab.fixed {position:fixed; top:40px; width:1200px;  z-index:10}
.history_tab li {display:table-cell; height:88px; padding:0 25px; vertical-align:middle; border:1px solid #b7b7b7; background:#fff; cursor:pointer}
.history_tab li span {font-size:25px; color:#0065ba}
.history_tab li p {font-size:18px; color:#555555}
.history_tab li.active {background:#0065ba}
.history_tab li.active span {color:#fff}
.history_tab li.active p {color:#fff}
.histroy_list_wrap {position:relative; padding:72px 0 0}
.histroy_list_wrap:before {position:absolute; top:0; left:50%; width:1px; height:100%; background:#0065ba; content:''}
.history_list_row {padding-bottom:100px}
.history_list_row:after {display:block; clear:both; content:''}
.history_list_row .img {width:50%; box-sizing:border-box}
.history_list_row .list {width:50%; box-sizing:border-box}
.history_list_row .list h2 {position:relative; padding-top:40px; font-size:20px; color:#0065ba}
.history_list_row .list h2:before {position:absolute; top:50%; width:12px; height:12px; margin-top:-6px; border-radius:50%; background:#0065ba; content:''}
.history_list_row .list h2 span {position:absolute; top:0; font-size:64px}
.history_list_row .list ol {margin-top:30px}
.history_list_row .list ol li {position:relative; padding-top:5px; line-height:1.39; opacity:0}
.history_list_row .list ol li + li {margin-top:20px}
.history_list_row .list ol li b {position:absolute; top:0; font-size:25px; color:#3d3d3d}
.history_list_row .list ol li span {font-size:18px; color:#3d3d3d}
.history_list_row .img span {display:inline-block; position:relative; overflow:hidden}
.history_list_row .img span:after {position:absolute; top:0; left:0; width:100%; height:100%; background:#f3f7fb; content:''}
.history_list_row:nth-child(odd) .img {float:left; padding-right:24px; text-align:right}
.history_list_row:nth-child(odd) .list {float:right; padding-left:43px; text-align:left}
.history_list_row:nth-child(odd) .list h2 {padding-left:155px}
.history_list_row:nth-child(odd) .list h2:before {left:-43px; margin-left:-6px}
.history_list_row:nth-child(odd) .list h2 span {left:0}
.history_list_row:nth-child(odd) .list ol li {padding-left:110px}
.history_list_row:nth-child(odd) .list ol li b {left:0;}
.history_list_row:nth-child(even) .img {float:right; padding-left:43px; text-align:left}
.history_list_row:nth-child(even) .list {float:left; padding-right:24px; text-align:right}
.history_list_row:nth-child(even) .list h2 {padding-right:155px}
.history_list_row:nth-child(even) .list h2:before {right:-24px; margin-right:-6px}
.history_list_row:nth-child(even) .list h2 span {right:0}
.history_list_row:nth-child(even) .list ol li {padding-right:110px}
.history_list_row:nth-child(even) .list ol li b {right:0}
.history_list_row.active:nth-child(even) .img span:after {left:-100%; transition:.5s .3s}
.history_list_row.active:nth-child(odd) .img span:after {left:100%; transition:.5s .3s}
#history_2004 .list {padding-top:40px}
#history_2013 {padding-bottom:165px}
#history_2015 {padding-bottom:45px}

/* 게시판 */
.boardWrap {width:1200px; padding:105px 0; margin:0 auto}
.boardWrap .sub_bo_tit {margin-bottom:50px; text-align:center}
.boardWrap .sub_bo_tit h1 {font-size:42px; color:#4a4a4a}
.boardWrap .sub_bo_tit p {margin-top:20px; font-size:18px; color:#464646}
.boardWrap .sub_bo_tit p span {color:#1390c0}


/* JS 서비스 소개*/
.js_service_sect {padding:95px 0 120px;}
.js_service_sect .service_type_wrap {margin-top:50px;}
.js_service_sect .service_type_wrap ul {width:100%;}
.js_service_sect .service_type_wrap ul:after {display:block; clear:both; content:'';}
.js_service_sect .service_type_wrap ul li {float:left; width:23%; padding:60px 0 40px; margin:0 2% 18px 0; border:1px solid #cbcbcb; text-align:center; box-sizing:border-box;}
.js_service_sect .service_type_wrap ul li:hover {box-shadow:5px 5px 10px #d9d9d9;}
.js_service_sect .service_type_wrap ul li:last-child {margin-right:0;}
.js_service_sect .service_type_wrap ul li h1 {margin-top:37px; font-size:20px; color:#18357d;}
.js_service_sect .service_type_wrap ul li h2 {margin-top:20px; font-size:18px; color:#464646; line-height:25px; font-weight:300;}

.js_solution_sect {margin-bottom:100px;}
.js_solution_sect .solution_txt_wrap {float:left; position:relative; width:40%; height:740px; background:#0382bb; overflow:hidden;}
.js_solution_sect .solution_txt_box {float:right; width:405px; margin:75px 45px 100px 0; overflow:hidden;}
.js_solution_sect .solution_txt_box .solution_tit {position:relative; width:100%; height:70px; padding:35px 0; border-bottom:1px solid #fff; cursor:pointer}
.js_solution_sect .solution_txt_box .solution_tit h1 {position:absolute; font-size:30px; line-height:70px; color:#fff;}
.js_solution_sect .solution_txt_box .solution_tit h2 {position:absolute; width:70px; height:70px; right:0;background:url('/img/sub/arrow1.png');}
.js_solution_sect .solution_txt_box .solution_tit.hovered h2{background:url('/img/sub/arrow2.png'); opacity:1; -webkit-transition:.3s; transition:.3s}

.js_solution_sect .solution_bg_wrap {position:relative; display:inline-block; width:60%; height:740px; background:#91c8e0; overflow:hidden;}
.js_solution_sect .solution_bg_wrap .bg_img {position:absolute; top:0; width:100%; height:100%; background-size:cover; opacity:0; -webkit-transition:.3s; transition:.3s}
.js_solution_sect .solution_bg_wrap .bg_img.hovered {opacity:1;}
.js_solution_sect .solution_bg_wrap .bg_img.num1 {background:url('/img/sub/solution_img1.jpg');}
.js_solution_sect .solution_bg_wrap .bg_img.num2 {background:url('/img/sub/solution_img2.jpg')}
.js_solution_sect .solution_bg_wrap .bg_img.num3 {background:url('/img/sub/solution_img3.jpg');}
.js_solution_sect .solution_bg_wrap .bg_img.num4 {background:url('/img/sub/solution_img4.jpg');}
.js_solution_sect .solution_bg_wrap .bg_img .bg_txt {position:absolute; top:50%; transform: translate(0,-50%); padding-left:150px; color:#fff; font-size:20px; line-height:35px;}

.js_license_sect {}
.js_license_sect .license_wrap {margin:60px 0 70px 0;}
.js_license_sect .license_wrap span {width:32%; margin-right:2%;}
.js_license_sect .license_wrap span:last-child {margin-right:0;}

/* 회원정보 */
.userWrap {width:1200px; padding:90px 0; margin:0 auto}
.userWrap .school_title {margin-bottom:40px; font-size:42px; color:#4a4a4a; text-align:center}
.school_info_box {position:relative; box-sizing:border-box; height:155px; padding:35px 390px 0 60px; border:1px solid #d6d6d6; border-radius:7px; background:#f7f7f7}
.school_info_box:after {display:block; clear:both; content:''}
.school_info_box h2 {margin-bottom:15px; font-size:20px; color:#000000}
.school_info_box p {line-height:26px; font-size:15px; color:#4a4a4a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.school_info_box p span {position:relative; display:inline-block; min-width:240px}
.school_info_box p span + span {padding-left:20px;}
.school_info_box p span + span:after {position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:#717171; content:''}
.school_info_box .pdf_files {position:absolute; right:25px; top:18px }
.school_info_box .pdf_files li {float:left; margin-left:10px}
.school_info_box .pdf_files li a {display:block; box-sizing:border-box; width:115px; height:120px; padding-top:20px; border:1px solid #d6d6d6; border-radius:7px; text-align:center; background:#fff; }
.school_info_box .pdf_files li span {display:block; margin-top:10px; font-size:15px; color:#4a4a4a}
.userWrap .title_wrap {padding:30px 0 10px; overflow:hidden}
.userWrap .title_wrap h2 {display:inline-block; line-height:38px; font-size:20px; color:#000}
.userWrap .tbl_head01 th {height:55px; border:1px solid #dedede}
.userWrap .tbl_head01 th:after {display:none}
.userWrap .tbl_head01 td {height:55px; font-size:15px; color:#4a4a4a; border:1px solid #dedede}