﻿@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@font-face{
	font-family: 'YoonGodic';
	src: url('/resources/img/images/-윤고딕530.ttf');
}
@font-face{
	font-family: 'NotoSans-Black';
	src: url('/resources/img/images/NotoSansCJKkr-Black.otf');
}
@font-face{
	font-family: 'NotoSans-Bold';
	src: url('/resources/img/images/NotoSansCJKkr-Bold.otf');
}
@font-face{
	font-family: 'NotoSans-Regular';
	src: url('/resources/img/images/NotoSansCJKkr-Regular.otf');
}
@font-face{
	font-family: 'NotoSansMono-Bold';
	src: url('/resources/img/images/NotoSansMonoCJKkr-Bold.otf');
}
@font-face{
	font-family: 'NotoSansMono-Regular';
	src: url('/resources/img/images/NotoSansMonoCJKkr-Regular.otf');
}
body{min-width:1200px;font-family:'Malgen gothic', '맑은고딕', 'Nanum square', '나눔스퀘어', Dotum, Arial Unicode MS,sans-serif;letter-spacing:-0.04em;line-height:normal;}
input{font-family:'Malgen gothic', '맑은고딕';letter-spacing:-0.04em;}
.inc-wr{position:relative;width:1200px;margin:0 auto;overflow:hidden;}
.all_wr{width:100%;position:relative;}

input{font-family:'Malgen gothic', '맑은고딕';letter-spacing:-0.04em;}
.inc-wr2{position:relative;width:width:1200px;margin:0 auto;overflow:hidden;}
.all_wr2{width:100%;}

/* SUB LAYOUT */
.kt-spot{z-index:1;position:relative;overflow:hidden;}
		
.kt-spot .inner{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/spot6.svg) 45% 55% no-repeat;background-size:cover; -webkit-animation: bg-scale 1s ease;        animation: bg-scale 3s ease ;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;overflow:hidden;}		
.kt-spot .spot_slogan{padding-top:160px;text-align:center; position: relative;
	-webkit-animation: s-slogan 2s 1 forwards;animation: s-slogan 2s 1 forwards;
/* 	animation-delay: 0.6s; */
	animation-name: reveal;
	opacity: 1;
    transition: opacity ease-in 0.25s;
    -webkit-transition: opacity ease-in 0.25s;
    -moz-transition: opacity ease-in 0.25s;
    -o-transition: opacity ease-in 0.25s;
}
@keyframes reveal{
	0% {
		opacity: 0;
	}
	25% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.kt-spot .spot_slogan .title{font-size:50px;font-family:'Open Sans','Arial','Arial';font-weight:400;color:#fff;text-transform:uppercase}
.kt-spot .spot_slogan .exp{font-size:22px;color:#efefef;padding-top:5px;}
.kt-spot .inc-wr{height:380px;}

.kt-spot2{z-index:1;position:relative;overflow:hidden;}
		
.kt-spot2 .inner{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/spot5.jpg) 50% 50% no-repeat;background-size:cover; -webkit-animation: bg-scale 1s ease;        animation: bg-scale 3s ease ;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;overflow:hidden;}		
.kt-spot2 .spot_slogan{padding-top:160px;text-align:center; position: relative;
	-webkit-animation: s-slogan 2s 1 forwards;animation: s-slogan 2s 1 forwards;
/* 	animation-delay: 0.6s; */
	animation-name: reveal2;
	opacity: 0;
    transition: opacity ease-in 0.25s;
    -webkit-transition: opacity ease-in 0.25s;
    -moz-transition: opacity ease-in 0.25s;
    -o-transition: opacity ease-in 0.25s;
}
@keyframes reveal2{
	0% {
		opacity: 0;
	}
	25% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.kt-spot2 .spot_slogan .title{font-size:50px;font-family:'Open Sans','Arial';font-weight:400;color:#fff;text-transform:none}
.kt-spot2 .spot_slogan .exp{font-size:22px;color:#efefef;padding-top:22px;}
.kt-spot2 .inc-wr2{height:380px;}

.kt-snb-wr{position:absolute;left:0;bottom:0;width:100%;height:65px;background:rgba(48,143,210,0.8)}
.kt-snb-wr ul{text-align:center;}
.kt-snb-wr ul li{display:inline-block;}
.kt-snb-wr ul li a{position:relative;display:block;padding:14px 15px;color:#efefef;font-size:17px;font-weight:400;height:65px;box-sizing:border-box}
.kt-snb-wr ul li a.over, .kt-snb-wr ul li a:hover {font-weight:700;color:#fff;}
.kt-snb-wr ul li a.over:after, .kt-snb-wr ul li a:hover:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:4px;background:#fff;}

.kt-snb-wr2{position:absolute;left:0;bottom:0;width:100%;height:65px;background:rgba(1, 60, 179, 0.8)}
.kt-snb-wr2 ul{text-align:center;background:rgba(0,128,115,0.6);}
.kt-snb-wr2 ul li{display:inline-block;}
.kt-snb-wr2 ul li a{position:relative;display:block;padding:19px 15px;color:#efefef;font-size:20px;font-weight:400;height:65px;box-sizing:border-box}
.kt-snb-wr2 ul li a.over, .kt-snb-wr ul li a:hover {font-weight:700;color:#fff;}
.kt-snb-wr2 ul li a.over:after, .kt-snb-wr2 ul li a:hover:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:4px;background:#fff;}


.kt-inb-wr .inb_nav_wr{position:absolute;top:0;right:30px;width:200px;text-align:right;min-width:1200px;z-index:100;}
.kt-inb-wr .inb_nav_wr li{position:relative;display:inline-block}
.kt-inb-wr .inb_nav_wr li a{color:#aeaeae;display:block;padding:5px 10px;}
.kt-inb-wr .inb_nav_wr li:first-child:after{position:absolute;top:0;right:0px;width:1px;height:10px;background:rgba(255, 255, 255, 0.25)}
.gnb_wr{position:absolute; top: 30px; right: 2%; z-index:1000;}
.gnb_wr .icon3{!important; width:33px;height:22px;float:left;margin:0 10px;position:relative;}
.gnb_wr li{width:22px;height:22px;float:left;margin:0 10px;position:relative;}
.gnb_wr .icomiddle:before{content:"";display:block;height:15px;width:1px;background:#000;position:absolute; top: 4px;right: 50px;}
.linechange li:first-child:after{content:"";display:block;height:18px;width:1px;background:#b8b8b8;position:absolute;top:4px;right:-10px;}
/* .gnb_wr li:nth-child(2n):after{content:"";display:block;height:18px;width:1px;background:#fff;position:absolute;top:4px;right:-10px;} */
.gnb_wr li a{position:relative;display:block;height:22px;text-indent:-9999px;}
/* .gnb_wr li a.ico1{background:url(../img/ico_gnb3.png) 0 0 no-repeat;}  */
/* .gnb_wr li a.ico2{background:url(../img/ico-gnb2.png) 0 0 no-repeat;} */
.ico1-white{background:url(../img/white_house.png) 0 0 no-repeat;}
.ico2-white{background:url(../img/white_gps.png) 0 0 no-repeat;}

.ico1-black{background:url(../img/black_house.png) 0 0 no-repeat; }
.ico2-black{background:url(../img/black_gps.png) 0 0 no-repeat; }
.ico3-black{background:url(../img/america-flag_size.png) 0 0 no-repeat;}
.ico4-black{background:url(../img/korea-flag_size.png) 0 0 no-repeat;}
 
 
.kt-inb-wr2 .inb_nav_wr2{position:absolute;top:0;right:30px;width:200px;text-align:right;min-width:1200px;z-index:100;}
.kt-inb-wr2 .inb_nav_wr2 li{position:relative;display:inline-block}
.kt-inb-wr2 .inb_nav_wr2 li a{color:#aeaeae;display:block;padding:5px 10px;}
.kt-inb-wr2 .inb_nav_wr2 li:first-child:after{position:absolute;top:0;right:0px;width:1px;height:10px;background:rgba(255, 255, 255, 0.25)}

/* INB */
[class *= "box"]:before,[class *= "box"]:after {content:""; display:block; clear:both;}
[class *= "wrap"]:before,[class *= "wrap"]:after {content:""; display:block; clear:both;}
nav.mobile {visibility:hidden;}
nav.pc {z-index:999; position:absolute; display:block; width:100%; overflow:hidden; background:#fff; border-top:1px solid #e6e6e6;box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);}
nav.pc .navbg {position:absolute; left:0; top:0; width:100%; height:100%;}
nav.pc .navbg .dep1 {height:80px;}
nav.pc .navbg .dep2 {height:100%; background-color:rgba(255,255,255,1); border-top:2px solid #e6e6e6;}
nav.pc .gnb {position:relative; display:inline-block; width:100%;}

/* nav.pc .gnb>ul {width:800px; position: absolute; left: calc(50% - 280px); border-left:1px solid rgba(255,255,255,.2);} */
nav.pc .gnb>ul {width:900px; position: absolute; left: calc(50% - 380px); border-left:1px solid rgba(255,255,255,.2);}
nav.pc .gnb .eng {width:800px; left: calc(45% - 300px); !important}
nav.pc .gnb>ul>li {position:relative; text-align:center; float:left; padding:10px 33px;}
nav.pc .gnb>ul>li>a {display:inline-block; width:100%; font-size:20px; font-family:'Jeju Gothic', serif; font-weight:400; line-height:60px; color:#000;}
nav.pc .gnb>ul>li>a:hover {color:rgb(96,169,214);}
nav.pc .gnb>ul>li.on>a {color:rgb(96,169,214);}
nav.pc .gnb>ul>li>ul {position:absolute; top:70px; left:0; width:90% !important; padding-top:40px; padding-left:35px; line-height:25px;}
nav.pc .gnb>ul>li>ul>li+li {margin-top:15px;}
nav.pc .gnb>ul>li>ul>li a {display:inline-block; font-family:'Jeju Gothic', serif; width:100%; color:#000; font-size:16px; font-weight:200; text-align:left; position: relative; bottom: 10px; }
nav.pc .gnb>ul>li>ul>li.on a,
nav.pc .gnb>ul>li>ul>li a:hover {color:rgb(96,169,214);}
nav.pc .gnb>ul > li:hover > a:after {content:""; display:block; position:absolute; bottom:-4px; left:0; right:0; height:4px; background:rgb(96,169,214);}

.kt-inb-wr{z-index:10;position:absolute;top:0;left:0;width:100%;/*border-bottom:1px solid #fff; border-color: rgba(255, 255, 255, 0.25);*/ }
.kt-inb-wr .inb-wr{ position:relative;background:#fff;height:80px;background-color:rgba(255,255,255,0);}
h1.menulogo{position:absolute;top:20px;left:20px; z-index:1000;}
.kt-inb-wr .kt-inb{width:80%; margin:0 auto;padding:0 10% 0 300px;}
.kt-inb-wr .kt-inb li{float:left;}
.kt-inb-wr .kt-inb li a{color:#fff;font-size:18px;}

.kt-inb-wr .inb-wr .inb_inwr{position:absolute; top:0; left:0; width:60%; padding-left:48%;background:#fff;background-color:rgba(255,255,255,0.5);}
.inb_nav{position:relative; float:left; margin:0 25px 0 -300px;height:75px;overflow:hidden;font-family:'Jeju Gothic', serif;}

.inb_nav li{position:relative;float:left; margin-left:55px;letter-spacing:-2px}
.inb_nav li a{display:block;padding:25px 0 30px 0;font-size:16px; color:#fff;font-family:'NotoSans-Regular';}
.inb_nav li a:hover,
/* .inb_nav li.hv a{color:#fbc320} */
.inb_nav li.hv a{color:#008068}
.inb_nav li.hv ul li a{font-weight:normal; color:#fff}
.inb_nav li ul{position:absolute; top:75px;left:0; margin:0;padding-top:20px;width:135px; z-index:100;}
.inb_nav li ul li{float:none;width:100%; margin:0 0 10px 0;padding:0}
.inb_nav li ul li a{padding:0;font-size:12px; letter-spacing:-1px;}
.inb_nav_item a{display:block; width:110px; height:50px; text-align:center;}

.kt-inb-wr2{z-index:10;position:absolute;top:0;left:0;width:100%;/*border-bottom:1px solid #fff; border-color: rgba(255, 255, 255, 0.25);*/ }
.kt-inb-wr2 .inb-wr2{position:relative;background:#fff;height:80px;background-color:rgba(255,255,255,0);}
.kt-inb-wr2 h1.logo{position:absolute;top:25px;left:20px;}
.kt-inb-wr2 .kt-inb2{width:80%; margin:0 auto;padding:0 20% 0 300px;}
.kt-inb-wr2 .kt-inb2 li{float:left;}
.kt-inb-wr2 .kt-inb2 li a{color:#222;font-size:18px;}

.kt-inb-wr2 .inb-wr2 .inb_inwr2{position:fixed; top:0; left:0; width:60%; padding-left:48%;background:#fff;background-color:rgba(255,255,255,0.3);}
.inb_nav2{position:relative; float:left; margin:0 25px 0 -300px;height:75px;overflow:hidden;font-family:'Jeju Gothic', serif;}

.inb_nav2 li{position:relative;float:left; margin-left:55px;letter-spacing:-1px;}
.inb_nav2 li a{display:block;padding:25px 0 30px 0;font-size:20px; color:#fff;font-family:'NotoSans-Regular';}
.inb_nav2 li a:hover,
.inb_nav2 li.hv a{color:#fbc320}
.inb_nav2 li.hv ul li a{font-weight:normal; color:#000000}
.inb_nav2 li ul{position:absolute; top:75px;left:0; margin:0;padding-top:20px;width:135px; z-index:100;padding-top:25px;}
.inb_nav2 li ul li{float:none;width:100%; margin:0 0 5px 0;padding:0}
.inb_nav2 li ul li a{padding:0;font-size:12px; letter-spacing:-1px;width:120px;font-family:'Jeju Gothic', serif;}
.inb_nav2_item a{display:block; width:110px; height:50px; text-align:center;}

#kt-btn-top{display: none;cursor:pointer;outline:none;border:none;}
#kt-btn-top:active{border: none;}
.kt-btn-top{position:fixed;right:20px;bottom:20px;width:45px;height:45px;background:url(../img/bn-top.png) 0 -45px no-repeat;transition: all .5s;display:block;text-indent:-9999px;z-index:90}
.kt-btn-top:hover{background:url(../img/bn-top.png) 0 0px no-repeat;transition: all .5s;}

/* 
.kt-inb-fixed .inb-wr {margin:0;background:rgba(39, 43, 63, 1)}
.kt-inb-fixed .inb-wr .inb_inwr, .kt-inb-fixed .inb-wr .inb_inwr .inb_nav{background:rgba(39, 43, 63, 1)}
.kt-inb-fixed.kt-inb-wr .kt-inb li a{color:#fff;}
.kt-inb-fixed {position: fixed;top: 0px;} 


.kt-inb-index.kt-inb-fixed .inb-wr {margin:0;background:#fff;  -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);}
.kt-inb-index.kt-inb-fixed .inb-wr .inb_inwr, .kt-inb-index.kt-inb-fixed .inb-wr .inb_inwr .inb_nav{background:#fff}
.kt-inb-index.kt-inb-fixed.kt-inb-wr .kt-inb li a{color:#222;}*/

.kt-inb-fixed .inb-wr {margin:0;background:#fff;  -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);}
.kt-inb-fixed .inb-wr .inb_inwr, .kt-inb-index.kt-inb-fixed .inb-wr .inb_inwr .inb_nav{background:#fff}
.kt-inb-fixed.kt-inb-wr .kt-inb li a{color:#222;}
.kt-inb-fixed {position: fixed;top: 0px;} 

.kt-inb-index.kt-inb-fixed .inb-wr {margin:0;background:#fff;  -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);}
.kt-inb-index.kt-inb-fixed .inb-wr .inb_inwr, .kt-inb-index.kt-inb-fixed .inb-wr .inb_inwr .inb_nav{background:#fff}
.kt-inb-index.kt-inb-fixed.kt-inb-wr .kt-inb li a{color:#222;}

.kt-inb-fixed2 .inb-wr2 {margin:0;background:#fff;  -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);}
.kt-inb-fixed2 .inb-wr2 .inb_inwr2, .kt-inb-index.kt-inb-fixed .inb-wr2 .inb_inwr2 .inb_nav2{background:#fff}
.kt-inb-fixed2.kt-inb-wr2 .kt-inb2 li a{color:#222;}
.kt-inb-fixed2 {position: fixed;top: 0px;}

.kt-inb-index.kt-inb-fixed2 .inb-wr2 {margin:0;background:#fff;  -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);}
.kt-inb-index.kt-inb-fixed2 .inb-wr2 .inb_inwr2, .kt-inb-index.kt-inb-fixed2 .inb-wr2 .inb_inwr2 .inb_nav2{background:#fff}
.kt-inb-index.kt-inb-fixed2.kt-inb-wr2 .kt-inb2 li a{color:#222;}




@media screen and (max-width:900px) {


}




.comm-stitle{position:relative;padding-bottom:40px;}
.comm-stitle .stitle{text-align:center;}
.comm-stitle .stitle h2{display:inline-block;font-size:36px;font-weight:400;text-align:center;color:#1f1f1f;border-bottom:1px solid #0a3da3;padding-bottom:12px;letter-spacing:-0.07em;font-family:'Open Sans','Arial', 'Malgen gothic', '맑은고딕'}
.comm-stitle .stitle h2.kor-uc{font-family: "Malgun Gothic", "굴림", "Gulim", "Arial"; }
.comm-stitle .stitle .eng-cap{display:block;font-family:'Open Sans','Arial';font-size:24px;color:#163999;padding-top:10px;}
.comm-stitle .stitle .eng-cap.eng-uc{font-size:30px;padding-top:30px;letter-spacing:0.04em;}
.comm-stitle .stitle .eng-cap.eng-uc2{font-size:30px;padding-top:30px;letter-spacing:-0.02em;}
.comm-stitle .stitle .eng-cap.kor-uc{font-size:30px;padding-top:30px;letter-spacing:-0.07em;font-family:'Malgen gothic', '맑은고딕', Dotum;}

.comm-stitle .path-wr{position:absolute;top:50px;right:40px;}
.comm-stitle .path-wr li{position:relative;float:left;padding:0 10px;color:#333;font-size:14px;}
.comm-stitle .path-wr li:before{position:absolute;top:3px;left:0;content:"";display:block;width:1px;height:12px;background:#c0c0c0;}
.comm-stitle .path-wr li.home a{width:15px;height:15px;display:block;background:url(../img/bn-path-home.png) 50% 50% no-repeat;text-indent:-9999px;overflow:hidden;margin-top:3px;}
.comm-stitle .path-wr li.home:before{display:none;}
.comm-stitle .path-wr li.print a{width:15px;height:15px;display:block;background:url(../img/bn-print.png) 50% 50% no-repeat;text-indent:-9999px;overflow:hidden;margin-top:3px;}
.comm-stitle .path-wr li.print:before{display:none;}
.comm-stitle .path-wr li.this{text-decoration:underline;}
.comm-stitle .btn-print{position:absolute;top:43px;right:0;width:35px;height:35px;border-radius:50%;background:url(../img/bn-print.png) 0 0 #f1f1f1 no-repeat;text-indent:-9999px;overflow:hidden;display:inline-block;cursor:pointer}


/*컨텐츠 공용 글꼴*/
.h2-wr {color:graytext; font-size: 20px;margin-left: 110px;line-height: 1.5;}


.kt-scontainer-wr{padding:70px 0 50px 0;}
.kt-contents-wr{position:relative;}
.kt2-contents-wr:before{position:absolute;top:180px;right:0;background:url(../img/bg_cont.png) 100% 0 no-repeat;width:203px;height:257px;content:"";display:block;z-index:1;}
.kt-contents-wr.bg-none:before{display:none;}

.kt-foot_wr{background:#414448;padding:30px 0;}
.kt-foot_wr .inc-wr{overflow:inherit}

.sel-partner{width:160px;border:1px solid #a3a4a5;}
.sel-partner li{position:relative;display:block;font-size:14px;color:#fff;line-height:20px;background:url(../img/bn-ser-arr.png) 90% 50% no-repeat;}


.sel-partner ul > li {display:block;cursor:pointer;}
.sel-partner ul > li a {color: #fff;font-weight: bold;line-height: 36px; height:36px; display:block; padding:0 0;    padding-left: 15px;}
/* .sel-partner ul li a:hover {background:url(../img/bn-ser-arr.png) 90% 50% #666 no-repeat; } */
/* .sel-partner a{position:relative;display:block;padding:8px 15px;font-size:14px;color:#fff;line-height:20px;} */
/* .sel-partner a:first-child:after{position:absolute;top:15px;right:15px;content:"";display:block;width:10px;height:8px;background:url(../img/bn-ser-arr.png) 0 0 no-repeat;} */
/* .sel-partner:hover .sel-sub{display:block;content:"";} */
/* .sel-partner .sel-sub {display:none;} */
.sel-partner li.sel-arr:first-child{background:url(../img/bn-ser-arr.png) 90% 50% no-repeat;}
.sel-partner li.sel-arr a:hover{background:url(../img/bn-ser-arr.png) 90% 50% no-repeat;}
.sel-partner ul li ul {display: none; position: absolute; background: #0b1c4adb;border:1px solid #a3a4a5;/* top:-300%; 셀렉트*/ top:-100%;left:-1px;margin-top:-2px;}
.sel-partner ul li ul li {display:block;line-height: 36px;height: 36px;padding:0;width:160px;}
.sel-partner ul li ul li a, .sel-partner ul li.sel-arr ul li a:hover{background:#333;}

.m-sel-partner{width:160px;border:1px solid #a3a4a5;}
.m-sel-partner li{position:relative;display:block;font-size:14px;color:#fff;line-height:20px;background:url(../img/bn-ser-arr.png) 90% 50% no-repeat;}
.m-sel-partner ul > li {display:block;cursor:pointer;}
.m-sel-partner ul > li a {color: #fff;font-weight: bold;line-height: 36px; height:36px; display:block; padding:0 0;}
.m-sel-partner li.sel-arr:first-child{background:url(../img/bn-ser-arr.png) 90% 50% no-repeat;}
.m-sel-partner li.sel-arr a:hover{background:url(../img/bn-ser-arr.png) 90% 50% no-repeat;}
.m-sel-partner ul li ul {display: none; position: absolute; background: #0b1c4adb;border:1px solid #a3a4a5;/* top:-300%; 셀렉트*/ top:-100%;left:-1px;margin-top:-2px;}
.m-sel-partner ul li ul li {display:block;line-height: 36px;height: 36px;padding:0;width:160px;}
.m-sel-partner ul li.sel-arr ul li a:hover{background: #071640;}


.foot-info{padding-bottom:10px;border-bottom:1px solid #5e5e5e;}
.foot-addr{padding-top:10px;}
.foot-addr address{font-size:14px;color:#c9cccf;padding-bottom:3px;font-style:normal;}
.foot-addr .cp{color:#8f9194;font-size:13px;}



/* board */

.board_dft table{width:100%;border:0;border-top:1px solid #000;border-spacing:0;}
.board_dft table td,table th{border:0;border-bottom:1px solid #ccc}
.board_dft table th{background:#eee}

/* list */
.board_dft_list table{width:100%;border:0;border-top:1px solid #000;border-spacing:0;background:#fff;}
.board_dft_list caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}
.board_dft_list table th, .board_dft_list table td{font-size:16px;color:#333;}
.board_dft_list table th{padding:10px 15px 14px 0}
.board_dft_list table td{padding:10px 15px;color:#333;text-align:center;border-bottom:1px solid #ddd}
.board_dft_list table td.subject{text-align:left}
.board_dft_list table td.subject img{margin-right:10px}
.board_dft_list table td.date{color:#888888;}
.board_dft_list table td.reply{padding-left:30px;background:url(/promotion/img/board/bn_reply.gif) 0 50% no-repeat}
.board_dft_list table td a{color:#333}
.board_dft_list table td a:hover{color:#009479;}
.board_dft_list tr:hover, .board_dft_list tr.notice{background:#f3f4f4;}
.board_dft_list .att{background:#f7f7f7}
/* view */
.board_dft_view{}
.board_dft_view .title{}
.board_dft_view .boardv-cont{min-height:300px;text-align:left;padding:15px 25px;line-height:24px;word-break: break-word;}
.board_dft_view .boardv-cont2{min-height:55px;text-align:left;padding:15px 25px;line-height:24px;word-break: break-word;}
.board_dft_view table tr:hover, .board_dft_write table tr:hover{background:none;}
.board_dft_view tr.notice{background:#f3f4f4!important;}
.boardv-title h3{font-size:18px;font-weight:700;text-align:left;padding:5px 25px;}
.boardv-title .boardv-date{color:#999;font-size:15px;padding-top:5px;display:block;text-align:left;padding:0 25px;}
.boardv-attatch{position:relative;text-align:left;padding:5px 40px;}
.boardv-attatch:before{position:absolute;top:5px;left:13px;content:"";display:block;width:20px;height:20px;background:url(../img/ico-down.png) 0 0 no-repeat;}
.boardv-attatch a{text-decoration:underline;font-size:14px;margin-right:4px;}
.boardv-attatch a:hover{color:#01a33a!important;}
.boardv-attatch .tit{font-size:15px;font-weight:700;margin-right:10px;}


/* write */
.board_dft_write th{background:#f3f4f4}
.board_dft_write td .i-txt{width:100%;}


/* paging */
.board_search{text-align:center;}
.board_search p{display:inline-block;margin:0 -2px;}
.board_search select{display:inline-block;border:1px solid #d5d5d5;line-height:18px;color:#808080;font-size:14px;box-sizing:border-box; align-items: center; white-space: pre;
    color:#000;background-color:#fff;cursor: default;border-width: 1px;border-style: solid;border-color: #b7b7b7;border-image: initial;padding:2px 4px;}
.board-btn-srch{background:#555c64;color:#fff;border:0;height:26px;font-size:14px;padding:0 10px;}
.board_search .r-input{position:relative;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}

/* form */
.i-txt{position:relative;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;box-sizing:border-box}

/* btn */
.board-set{margin-top:10px;}
.board-set .fl{margin-right:3px;}
.board-set .fr{margin-left:3px;}
.board-set:after{content:"";display:block;clear:both;}
.btn-board-bl{width:100px; background:#163999;color:#fff;padding:6px 15px;text-align:center;color:#fff;font-size:14px;display:inline-block;}
.btn-board-bl:hover{color:#fff;background:#06194c;}

.btn-board-gr{background:#5f6067;color:#fff;padding:6px 15px;text-align:center;color:#fff;font-size:14px;display:inline-block;}
.btn-board-gr:hover{color:#fff;background:#444652;}

.board_paginate{padding:15px 0;text-align:center;line-height:normal}
.board_paginate *{display:inline-block;position:relative;margin:0 -2px;padding:2px 4px;font-size:14px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
.board_paginate a:hover,
.board_paginate a:active,
.board_paginate a:focus{background-color:#f8f8f8}
.board_paginate strong{color:#184bd5}
.board_paginate .direction{padding:0 6px;font-weight:bold;font-size:14px;color:#666;text-align:center}
.board_paginate .direction:hover,
.board_paginate .direction:active,
.board_paginate .direction:focus{background-color:transparent !important;color:#333}
.board_paginate .direction span{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.txt-notice{color:#163a9a;font-size:14px;}

/* 게시판답변 */
.board_dft_replay{clear:both;width:600px;margin:0 auto;margin-top:15px;background:#eee;}
.board_dft_replay .content{min-height:120px;position:relative;padding-left:100px;background:url(/promotion/img/board/ico_reply.png) 25px 0 no-repeat;border-top:2px solid #355c92;border-bottom:1px solid #355c92!important; padding:15px 25px 15px 100px;line-height:150%;color:#737272}
.board_dft_replay .content .ico{position:absolute;top:110px ;left:15px;font-size:11px}

/* 하단목록 */
.board_dft_vlist{clear:both;width:600px;margin:0 auto;margin-top:15px;}
.board_dft_vlist table{width:100%;padding:0;margin:0;border-spacing:0px;padding:0px;border-top:2px solid #d9d9d9;border-bottom:1px solid #d9d9d9!important}
.board_dft_vlist th{line-height:25px;color:#898989;font-weight:bold;border-bottom:1px solid #dfdfdf;background:url(/promotion/img/board/vlist_line.gif) 90px 10px no-repeat}
.board_dft_vlist td{line-height:25px;border-bottom:1px solid #dfdfdf}
.board_dft_vlist td a{line-height:25px;color:#a6a6a6;}

/* 오시는길 :: 지도 */
#iframe-wrap a.map{
	color:blue; 
	font-size:13px;
	padding:7px;
}

#iframe-wrap a.map:hover {
	color : red;
}


/* ttms 구축사례 */
.contents-pd {padding: 50px 0px 50px 100px;}

.insert-btn-wrap{padding: 20px 15px 10px 0;text-align: right;}

.insert-wrap .insert-title{width: 150px;display: inline-block;}
.insert-wrap .pd{padding: 15px 0 20px 0;border-bottom: solid 1px #DDDDDD;}
.insert-wrap .category-wrap{border-top: solid 2px black;}
.insert-wrap .category-wrap .category .selectbox{width : 110px;}
.insert-wrap .detail-category-wrap .detail-category .selectbox{width : 110px;}

.build-case-wr{display: flex; margin-bottom: 10px;}
.build-case-end_wr{width: 1000px; border: 1px solid #0c10a3; margin: 35px auto; }

.build-case-main{width: 30%;}
.build-case-main img{width:46%;position:relative;left:80px;}
.build-case-main span{position:relative;bottom:50px;right:18px; font-size:55px;}

.build-case-list{width:70%;}
.build-case-list ul {width:100%; position:relative;list-style:none;}
.build-case-list li {position:relative; height:100%; width:29%; float:left; padding: 5px;}
.build-case-list span {display: inline-block;position: relative;bottom: 3px;}
/*.build-case-list ul{padding-top:15px; display: flex; flex-wrap: wrap;}
.build-case-list li {flex-basis: 20%; box-sizing: border-box; font-size: 18px; }
.eng-list li {position:relative; height:100%; width:30%; float:left; padding: 5px;}
*/

/* 구축사례 모달 */
.modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal-content {background-color: #fefefe;margin: 15% auto;padding: 20px;border: 1px solid #888;width: 300px;height: 200px;}
.modal-content label {display: block;margin-bottom: 10px;}
.input-small {width: 100px; margin-bottom: 10px; text-align: center;}
.input-large {width: 300px; margin-bottom: 30px;}
.genlist{margin-bottom: 5px;}
.btn-add {float: right;}
.bigSz {width: 35%;height: 40%; padding-left: 45px;}

.closeModal , .closeModal2 {display: inline-block; color: #aaaaaa;float: right;font-size: 25px;font-weight: bold; position: relative; bottom: 18px;}
.closeModal:hover, .closeModal:focus {color: #000;text-decoration: none;cursor: pointer;}
.closeModal2:hover, .closeModal2:focus {color: #000;text-decoration: none;cursor: pointer;}


/* main */
#fullpage{z-index:1;
    width: 100%;
    height: 99.9%;
    position: absolute;}
.fp-nav li:last-child{display:none;}
.fp-section{height:100%;height: 100%; !important;}
.section{height:100%;!important;}

.m-slider-wr{position:relative;height:100%;}

.m-slider-wr .fp-tableCell{height:auto!important;vertical-align:top;}

.m-slider-wr2{position:relative;height:945px;}

.m-slider-wr2 .fp-tableCell{height:auto!important;vertical-align:top;}

/* fullpage overriding */

#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#fff!important}
.fp-slidesNav.bottom{bottom:130px!important}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 80%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    right: 150px;
	left:auto;
	width:0;
    background:url(../img/bn-prev.png) 0 0 no-repeat;
	width:48px;height:48px;
	border:0;
	top: 80%;
}
.fp-controlArrow.fp-next {
    right:200px;
	width:48px;height:48px;
	background:url(../img/bn-next.png) 0 0 no-repeat;
	border:0;
	top:80%;
}
.font-highlight {
	font-weight: bold;
	font-size: 28px;
	color: #1a237e;
}

.m-slider-wr{text-align:center;position:relative;}
.m-slider-wr .m-slider1{background:url(../img/main_image.jpg) 50% 50% no-repeat;background-size:cover;    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;}
.m-slider-wr .m-slider2{background:url(../img/road3.jpg) 50% 50% no-repeat;background-size:cover;    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;}
.m-slider-wr .m-slider3{background:url(../img/m-slider4.jpg ) 50% 50% no-repeat;background-size:cover;    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;}

.m-slider-wr .slider_slogan{top: 150px;
    position: absolute;
    z-index: 10;
    width: 100%;
    background: #0000009c;
    height: 200px;
    padding-top: 90px;}
.m-slider-wr .slider_slogan .title{
	font-size:60px;font-weight:700;font-family:'Open Sans','Arial';color:#fff;letter-spacing: 10px;
	/* -webkit-animation: 8s m-slogan  infinite ;animation: m-slogan 8s infinite ;animation-delay: 0.6s;opacity: 0;
    transition: opacity ease-in 0.25s;
    -webkit-transition: opacity ease-in 0.25s;
    -moz-transition: opacity ease-in 0.25s;
    -o-transition: opacity ease-in 0.25s; */
	}
.m-slider-wr .slider_slogan .exp{
	font-size:25px;color:#fff;
	/* -webkit-animation: m-slogan 8s infinite ;animation: 8s m-slogan  infinite ;animation-delay: 1.2s;opacity: 0;
    transition: opacity ease-in 0.25s;
    -webkit-transition: opacity ease-in 0.25s;
    -moz-transition: opacity ease-in 0.25s;
    -o-transition: opacity ease-in 0.25s; */
	}
	
.m-slider-wr2{text-align:center;position:relative;}
.m-slider-wr2 .m-slider_1{height:965px;background:url(../img/aadsMain_2.jpg) 50% 50% no-repeat;background-size:cover;box-sizing:border-box;}
.m-slider-wr2 .m-slider_2{background:url(../img/aadsMain_1.jpg) 50% 50% no-repeat;background-size:cover;}
.m-slider-wr2 .m-slider_3{background:url(../img/aadsMain_4.jpg) 50% 50% no-repeat;background-size:cover;}

.m-slider-wr2 .slider_slogan2{top:220px;position:absolute;z-index:10;width:100%}
.m-slider-wr2 .slider_slogan2 .title{
	
	font-size:63px;font-weight:700;font-family:'Open Sans','Arial';color:#fff;
	/* -webkit-animation: 8s m-slogan  infinite ;animation: m-slogan 8s infinite ;animation-delay: 0.6s;opacity: 0;
    transition: opacity ease-in 0.25s;
    -webkit-transition: opacity ease-in 0.25s;
    -moz-transition: opacity ease-in 0.25s;
    -o-transition: opacity ease-in 0.25s; */
	}
.m-slider-wr2 .slider_slogan2 .exp{
	font-size:30px;color:#fff;
	/* -webkit-animation: m-slogan 8s infinite ;animation: 8s m-slogan  infinite ;animation-delay: 1.2s;opacity: 0;
    transition: opacity ease-in 0.25s;
    -webkit-transition: opacity ease-in 0.25s;
    -moz-transition: opacity ease-in 0.25s;
    -o-transition: opacity ease-in 0.25s; */
	}




.m-notice-wr{position:absolute;left:0;bottom:0;width:100%;height:78px;/*background:rgba(96, 169, 214, 0.8);*/background:rgba(48, 143, 210, 0.8);z-index:80;}
.m-notice-wr span, .m-notice-wr a{display:inline-block;color:#fff;line-height:78px;}
.m-notice-wr .tit{font-weight:700;font-family:'Open Sans','Arial';font-size:18px;padding-right:20px;}
.m-notice-wr a.subject{padding-right:20px;}
.m-notice-wr a.subject:hover{text-decoration:underline;}
.m-notice-wr .date{font-size:16px;color:#c5d0da;}
.m-notice-wr .fam-wr{display: inline-block; height: 100%; position:absolute; float: right; width: 162px; bottom: 2%; right: 2%;}

.m-notice-wr2{position:absolute;left:0;bottom:0;width:100%;height:78px;background:rgba(0,128,115,0.8);z-index:80;}
.m-notice-wr2 span, .m-notice-wr2 a{display:inline-block;color:#fff;line-height:78px;}
.m-notice-wr2 .tit{font-weight:700;font-family:'Open Sans','Arial';font-size:18px;padding-right:20px;}
.m-notice-wr2 a.subject{padding-right:20px;}
.m-notice-wr2 a.subject_hidden{padding-right:40px;}
.m-notice-wr2 a.subject:hover{text-decoration:underline;}
.m-notice-wr2 .date{font-size:16px;color:#c5d0da;}

.m-intro-wr{text-align:center;}
.m-intro-wr h3.tit{font-size:48px;font-weight:500;color:#0056c1;letter-spacing:-0.07em;margin-top:160px;padding-bottom:35px;}
.m-intro-wr h3.tit span{display:block;color:#222;font-weight:400;}
.m-intro-wr .m-exp{font-size:20px;color:#222;letter-spacing:-0.07em;width:80%;margin:0 auto;}
.m-intro-wr .m-intro{background:url(../img/m-intro1.png) 50% 50% no-repeat;min-height:530px;}
.m-intro-wr .m-intro .list-wr{width:280px;margin-bottom:40px;margin-top:40px;}
.m-intro-wr .m-intro .list-wr h4.stit{font-size:18px;border:1px solid #ccc;display:block;padding:6px 0;margin-bottom:22px;width:230px;}
.m-intro-wr .m-intro .list-wr h4.stit.stit1{color:#0056c1;border-color:#0056c1;}
.m-intro-wr .m-intro .list-wr h4.stit.stit2{color:#008caa;border-color:#008caa;}
.m-intro-wr .m-intro .list-wr h4.stit.stit3{color:#2ea45a;border-color:#2ea45a;}
.m-intro-wr .m-intro .list-wr h4.stit.stit4{color:#3a4d66;border-color:#3a4d66;}
.m-intro-wr .m-intro .list-wr li{text-align:left;color:#555;font-size:16px;font-weight:600;position:relative;padding-left:10px;padding-bottom:7px;}
.m-intro-wr .m-intro .list-wr li:before{content:"";display:block;position:absolute;top:8px;left:0;width:5px;height:5px;background:#0056c1;}
.m-intro-wr .m-intro .list-wr li ul li{font-weight:400;padding-left:12px;padding-top:2px;}
.m-intro-wr .m-intro .list-wr li ul li:before{width:5px;height:2px;background:#ccc;content:"";display:block;position:absolute;top:10px;left:4px;}
.m-intro-wr .acc1{position:absolute;top:0;left:0;width:300px;height:300px;background:url(../img/m-intro-acc1.png) 0 0 no-repeat;}
.m-intro-wr .acc2{position:absolute;top:0;left:70%;width:300px;height:300px;background:url(../img/m-intro-acc2.png) 0 0 no-repeat;}
.m-intro-wr .acc3{position:absolute;top:55%;right:0;width:300px;height:335px;background:url(../img/m-intro-acc3.png) 100% 100% no-repeat;}
.m-intro-wr .acc4{position:absolute;bottom:0;right:0;width:300px;height:300px;background:url(../img/m-intro-acc4.png) 100% 100% no-repeat;}
.m-intro-wr .acc5{position:absolute;bottom:-20px;left:-10px;width:400px;height:400px;background:url(../img/m-intro-acc5.png) 0 0 no-repeat; animation: m-intro-loop ease-in-out 1s infinite alternate;
    transform-origin: center -20px;}



.m-system-wr{height:900px;background:url(../img/m-bg-system.jpg) 50% 50% no-repeat;background-size:cover;text-align:center;}
.m-system-wr h3.tit{font-size:55px;color:#fff;font-weight:700;font-family:'Open Sans','Arial', san-serif;padding-top:180px;}
.m-system-wr h3.tit span{font-weight:400;}
.m-system-wr .m-exp{font-size:23px;color:#fff;margin-bottom:60px;}
.m-system-wr .m-system-list li{width:214px;height:214px;display:inline-block;margin-right:32px;margin-bottom:32px;background:#fff;position:relative;}
.m-system-wr .m-system-list li:before{width:120px;height:120px;content:"";display:block;background:url(../img/mico-system.png) 0 0 no-repeat;position:absolute;top:30px;left:50%;margin-left:-60px;}

.m-system-wr .m-system-list li.ico1:before{background-position:0 0 }
.m-system-wr .m-system-list li.ico2:before{background-position:0 -120px; }
.m-system-wr .m-system-list li.ico3:before{background-position:0 -240px; }
.m-system-wr .m-system-list li.ico4:before{background-position:0 -360px; }
.m-system-wr .m-system-list li.ico5:before{background-position:0 -480px; }
.m-system-wr .m-system-list li.ico6:before{background-position:0 -600px }
.m-system-wr .m-system-list li a{display:block;padding-top:162px;height:214px;box-sizing:border-box;font-size:20px;color:#333;font-weight:700;position:relative;}
.m-system-wr .m-system-list li a span{display:inline-block;position:relative;}
.m-system-wr .m-system-list li a span:before{width:100%;content:"";display:block;height:1px;background:#dbdbdb;}
.m-system-wr .inc-wr{width:900px;}


.m-history-wr{height:900px;background:url(../img/m-bg-history.jpg) 50% 50% no-repeat;background-size:cover;text-align:center;}
.m-history-wr h3.tit{font-size:55px;color:#002f85;font-weight:700;padding-top:120px;font-family:'Open Sans','Arial', san-serif}
.m-history-wr h3.tit span{font-weight:400;}
.m-history-wr .m-exp{font-size:23px;color:#7d8499;}

.m-intro-wr{height:900px;}
.m-intro-wr:after{content:"";display:block;clear:both;}
.kt-info-wr .kt-info-box{width:20%;float:left;margin:65px 0;}
.kt-info-wr .kt-info-box .tit{font-size:20px;color:#222;padding-bottom:6px;border-bottom:1px solid #000;display:inline-block;margin-bottom:20px;font-weight:700;}
.kt-info-wr .kt-info-box ul{display:block;}
.kt-info-wr .kt-info-box li a{display:block;color:#999;padding:8px 0;text-align:left;}



/* 회사소개 */
.greeting-wr{text-align: center;}
.greeting-wr img{margin-bottom:30px; width: 85%;}
.cont-greeting-wr{background:#eff4f6;padding:36px 0;}
.cont-greeting-wr .border{content:"";display:block;height:1px;width:100%;background:#A8A7A7;position:absolute; top: 165px;}
.cont-greeting-wr .intro-wr li{width:32%;margin-right:2%;box-sizing:border-box;padding:42px 0;font-size:22px;text-align:center;height:120px;background:#fff;vertical-align:top;}
.cont-greeting-wr .intro-wr li:last-child{margin-right:0;}
.cont-greeting-wr .intro-wr li.box-s1{border:1px solid #2378e1;font-weight:600;color:#2378e1; margin-left:5%; margin-bottom:90px;}
.cont-greeting-wr .intro-wr li.box-s2{border:1px solid #2378e1;font-weight:600;color:#2378e1; margin-left:5%; }
.cont-greeting-wr .intro-wr li.box-s3{border:1px solid #409e28;color:#409e28;}
.greeting-title{font-size:38px;color:#163999;text-align:center;font-weight:600;padding:30px 0;}
.greeting-title2{text-align:center;font-size:38px;color:#163999;font-weight:600;padding:30px 0;}
.intro2-wr{margin-left: 480px; margin-right: 30px; position: absolute; top: 10px;}
.intro2-wr li{font-size:16px;padding:10px 10px 20px 25px;background:url(../img/bn-vision.png) 0 18px no-repeat;line-height: 1.5em;    text-align: justify; word-break: keep-all;}
.intro2-wr li:last-child{margin-top:90px}

/* 연혁folding: .acc-container {position: relative;cursor: pointer}
.acc-container .article-year {display: block;position: relative;cursor: pointer;}
.acc-content {display: none;}*/

.company-history-wr{position:relative;}
#bgac-clock{position:absolute;top:250px;left:200px;width:190px;height:190px;background:url(../img/bgac-history.png) 0 0 no-repeat;}
.company-history-wr .t-logo{width:300px;height:214px;background:url(../img/cont-img-history1.png) 0 0 no-repeat;margin:0 auto;text-indent:-9999px;}
.company-history-wr .history-list-wr{position:relative;padding-top:50px;}
.company-history-wr .history-list-wr:before{position:absolute;top:0;left:50%;width:1px;height:100%;background:#dedede;content:"";display:block;}
.history-list{position:relative;width:50%;margin-left:auto;padding-left:50px;box-sizing:border-box;}
.history-list:before{width:10px;height:10px;content:"";display:block;position:absolute;top:10px;left:-6px;background:#fff;border-radius:50%;border:1px solid #ccc;z-index:10}
.history-list li{text-align:left;padding-left:30px;position:relative;padding-bottom:7px;}
.history-list li .txt{font-size:15px;color:#555;}
.history-list li .day{font-size:15px;position:absolute;top:0;left:0;color:#777;}
.history-list .co-year{text-align:left;display:inline-block;color:#0e30ae;font-size:24px;position:relative;padding-bottom:3px;margin-bottom:20px;}
.history-list .co-year:before{content:"";display:block;position:absolute;top:15px;left:-50px;width:40px;height:1px;background:#c2c2c2;z-index:1}
.history-list .co-year:after{width:100%;height:1px;background:#0e30ae;content:"";display:block;position:absolute;left:0;bottom:0;}
.history-list:nth-child(even){margin-right:auto;margin-left:0;padding-right:50px;padding-left:0;text-align:right;position:relative;margin-top:-100px;}
.history-list:nth-child(even) li{text-align:right;padding-right:30px;}
.history-list:nth-child(even) .co-year{text-align:right;}
.history-list:nth-child(even) li .day{font-size:15px;position:absolute;top:0;right:0;left:auto;color:#777;}
.history-list:nth-child(even):before{width:10px;height:10px;content:"";display:block;position:absolute;top:10px;right:-6px;left:auto;background:#ccc;border-radius:50%;}
.history-list:nth-child(even) .co-year:before{content:"";display:block;position:absolute;top:15px;left:auto;right:-50px;width:40px;height:1px;background:#c2c2c2;}

.history-history-wr{padding-bottom:100px;}
.history-history-wr .history-history{width:150px;margin:0 auto;position:relative;}
.history-history-wr .history-history .history-year{width:150px;height:140px;position:relative;background:url(../img/ico-history-circle.png) 0 0 no-repeat;font-family:'Open Sans','Arial';font-size:24px;line-height:22px;text-align:center;font-weight:600;box-sizing:border-box;margin-bottom:55px;}
.history-history-wr .history-history .history-year:after{content:"";display:block;background:#eee;width:2px;height:60px;position:absolute;bottom:-60px;left:50%;z-index:-1;}
.history-history-wr .history-history.sel1 .history-year{padding-top:48px;padding-left:7px;color:#324ca0;}
.history-history-wr .history-history.sel2 .history-year{padding-top:48px;padding-right:10px;background-position:0 -140px;color:#4d86c5;margin-left:7px;}
.history-history-wr .history-history.sel3 .history-year{padding-top:48px;padding-left:7px;background-position:0 -280px;color:#188eac;}
.history-history-wr .history-history.sel4 .history-year{padding-top:48px;padding-right:10px;background-position:0 -420px;color:#3f9e75;margin-left:7px;}
.history-history-wr .history-history dt{font-family:'Open Sans','Arial';font-weight:700;padding-bottom:12px;font-size:20px;}
.history-history-wr .history-history dd{position:relative;font-size:16px;padding-bottom:5px;}
.history-history-wr .history-history.sel1 dl{position:absolute;top:60px;text-align:right;width:500px;margin-left:-540px}
.history-history-wr .history-history.sel1 dt{color:#324ca0;padding-right:7px;}
.history-history-wr .history-history.sel1 dd{padding-right:7px;}
.history-history-wr .history-history.sel1 dd:after{width: 6px;
    height: 6px;
    content: "";
    display: block;
    background: #163999;
    position: absolute;
    top: 8px;
    right: -7px;
    border-radius: 3px;}
.history-history-wr .history-history.sel2 dl{position:absolute;top:60px;text-align:left;width:480px;margin-left:200px;}
.history-history-wr .history-history.sel2 dt{color:#4d86c5;padding-left:7px;}
.history-history-wr .history-history.sel2 dd{position:relative;font-size:16px;padding-bottom:5px;padding-left:7px;}
.history-history-wr .history-history.sel2 dd:before{width:6px;height:6px;content:"";display:block;background:#163999;position:absolute;top:8px;left:-7px;border-radius: 3px;}
.history-history-wr .history-history.sel3 dt{color:#188eac;}
.history-history-wr .history-history.sel4 .history-year:after{display:none;}
.history-history-wr .history-history.sel4 dt{color:#4fb78a;}


.vision-wr{background:url(../img/vision.png) 100% 25% no-repeat; background-size: 55%; min-height:630px;}
.vision-wr .cont-vision{padding-left:3%;}
.vision-wr h3{color:#163999;font-size:40px;font-family:'Open Sans','Arial';padding-bottom:20px;padding-top:50px;font-weight:700}

.vision-wr dt{font-size:24px;font-weight:600;font-family:'Open Sans','Arial';margin-top:30px;position:relative;padding-left:18px;}
.vision-wr dt:before{width:16px;height:11px;content:"";display:block;background:url(../img/bn-vision.png) 0 0 no-repeat;position:absolute;top:10px;left:0;}
.vision-wr dt.r1{color:#04c2a6;}
.vision-wr dt.r2{color:#4bc8f4;}
.vision-wr dt.r3{color:#6c3cd6;}
.vision-wr .midtitle{!important; font-weight:600;position:relative;font-size:18px;color:#868686;padding-left:22px;padding-bottom:7px;padding-left:20px;}
.vision-wr .content{position:relative;font-size:18px;color:#222;padding-left:22px;padding-bottom:7px;padding-left:40px;}
.vision-wr .content:before{content:"";display:block;position:absolute;top:10px;left:24px;width:7px;height:1px;background:#c1cbdc;}

.logo-wr-img{background:url(../img/anjlogo2.png) 10% 40% no-repeat; background-size: 40%; min-height:700px;}
.logo-wr-img .title{font-size:24px; font-weight:600; font-family:'Open Sans','Arial'; color:#408080; 
position: absolute;top: 3%;left: 57%; padding-left: 30px;background: url(../img/bn-vision.png) 7px 14px no-repeat;}
.logo-wr-img .content{font-size: 17px; color: #222; position: absolute; top: 10%; left: 60%; line-height: 1.8;}
.logo-wr-img .content h4{font-size: 17px; font-weight: 600; color: #868686;}
.logo-wr-img .content span{font-size: 16px; padding-left: 20px;}
.logo-wr-img .title2{font-size:24px; font-weight:600; font-family:'Open Sans','Arial'; color:#408080; 
position: absolute;top: 55%;left: 57%; padding-left: 30px;background: url(../img/bn-vision.png) 7px 14px no-repeat;}
.logo-wr-img .content2{font-size: 17px; color: #222; position: absolute; top: 62%; left: 60%; line-height: 1.8;text-align: justify;}
.logo-wr-img .content2 h4{font-size: 17px; font-weight: 600; color: #868686;}
.logo-wr-img .content2 span{font-size: 16px; padding-left: 20px;}

.map-wr{position:relative;height:560px;overflow:hidden;}
.map-wr .addr-box{width:100%;height:110px;background:#343746;z-index:10;position:absolute;left:0;bottom:0;}
.map-wr .addr-box .logo{display:inline-block;width:278px;height:110px;background:url(../img/logo_f.png) 50% 50% no-repeat;}
.map-wr .addr-box .txt-wr{display:inline-block;color:#fff;font-size:16px;vertical-align:top;padding-top:34px;}
.map-wr .addr-box .btn-map-link{position:absolute;top:0;right:0;display:block;width:110px;height:110px;background:#01a33a;color:#fff;box-sizing:border-box;padding-top:75px;text-align:center;font-size:16px;}
.map-wr .addr-box .btn-map-link:hover{background:#0dc84e;}
.map-wr .addr-box .btn-map-link:before{content:"";display:block;width:37px;height:45px;background:url(../img/ico-loc.png) 0 0 no-repeat;position:absolute;top:20px;left:35px;}
.root_daum_roughmap{z-index:-1}

.trans-wr dl{padding:0 10px;}
.trans-wr dl:first-child{border-bottom:1px solid #dcdcdc;}
.trans-wr dt{display:inline-block;position:relative;padding:25px 20px 25px 50px;font-weight:700;color:#111;width:120px;}
.trans-wr dd{display:inline-block;position:relative;}
.trans-wr dt:before{content:"";display:block;width:40px;height:40px;position:absolute;top:15px; left:0;}
.trans-wr .t-sub dt:before{background:url(../img/ico-loc-sub.png) 0 0 no-repeat;}
.trans-wr .t-bus dt:before{background:url(../img/ico-loc-bus.png) 0 0 no-repeat;}

.trans-wr .t-sub dd{padding-left:30px;margin-right:20px;}
.trans-wr .t-sub dd.bn-sub3:before{content:"3";width:24px;height:24px;position:absolute;top:-1px;left:0;background:#f3a639;color:#fff;font-family:'Open Sans','Arial';font-weight:600;border-radius:50%;text-align:center;font-size:15px;padding-top:2px;box-sizing:border-box}
.trans-wr .t-sub dd.bn-sub8:before{content:"8";width:24px;height:24px;position:absolute;top:-1px;left:0;background:#de0b29;color:#fff;font-family:'Open Sans','Arial';font-weight:600;border-radius:50%;text-align:center;font-size:15px;padding-top:2px;box-sizing:border-box}
.trans-wr .t-bus dd{margin-right:20px;}
.trans-wr .t-bus dd.bn-hw, .trans-wr .t-bus dd.bn-bl{padding-left:47px;}
.trans-wr .t-bus dd.bn-hw:before{content:"간선";width:40px;height:22px;position:absolute;top:0;left:0;background:#176bb2;color:#fff;font-family:'Malgen Gothic';text-align:center;font-size:14px;padding:1px;;box-sizing:border-box}
.trans-wr .t-bus dd.bn-bl:before{content:"지선";width:40px;height:22px;position:absolute;top:0;left:0;background:#129c56;color:#fff;font-family:'Malgen Gothic';text-align:center;font-size:14px;padding:1px;;box-sizing:border-box}

.cont-aads1-wr .content{font-size:24px;letter-spacing:-0.04em;position:relative;padding:0,0,10px,20px;margin-left:4%;margin-right:4%;text-align:justify;}

/* 사업분야 */
.cont-sub-cap{text-align:center;font-size:30px;color:#737373;letter-spacing:-0.07em;font-family:'Malgen gothic', '맑은고딕', Dotum;}
.cont-tcs-img{height:500px;background:url(../img/cont-img-tcs.gif) 50% 50% no-repeat;}
.cont-product-img{/* background:url(../img/cont-img-product.jpg) 50% 50% no-repeat*/;}
.cont-product-img .fl, .cont-product-img .fr{width:50%;}
.cont-product-img .fr{text-align:right;}

.hj_cont-aads-img1{width:1197px;height:716px;background:url(../img/KakaoTalk_20180718_142057897.jpg) 50% 50% no-repeat;}
.hj_cont-aads-img2{width:1199px;height:1304px;background:url(../img/KakaoTalk_20180718_142058109.jpg) 50% 50% no-repeat;}
.hj_cont-sub-cap{text-align:center;font-size:30px;color:#737373;letter-spacing:-0.07em;font-family:'Malgen gothic', '맑은고딕', Dotum;}
.hj2_cont-aads-img1{width:1199px;height:696px;background:url(../img/KakaoTalk_20180719_112525003.jpg) 50% 50% no-repeat;}
.hj2_cont-aads-img2{width:1199px;height:696px;background:url(../img/KakaoTalk_20180719_112525138.jpg) 50% 50% no-repeat;}
.hj2_cont-aads-img3{width:1199px;height:696px;background:url(../img/KakaoTalk_20180719_112525319.jpg) 50% 50% no-repeat;}
.hj3_cont-aads-img1{width:1199px;height:566px;background:url(../img/KakaoTalk_20180719_163705127.jpg) 50% 50% no-repeat;}
.hj3_cont-aads-img2{width:1199px;height:1292px;background:url(../img/KakaoTalk_20180719_163705305.jpg) 50% 50% no-repeat;}
.hj3_cont-aads-img3{width:1199px;height:566px;background:url(../img/KakaoTalk_20180719_163705485.jpg) 50% 50% no-repeat;}
.hj4_cont-aads-img1{width:1199px;height:1055px;background:url(../img/KakaoTalk_20180719_171611556.jpg) 50% 50% no-repeat;}
.hj5_cont-aads-img1{width:1199px;height:724px;background:url(../img/KakaoTalk_20180720_150801210.jpg) 50% 50% no-repeat;}


.stitle-dp3{font-size:28px;color:#163999;font-weight:700;letter-spacing:-0.04em;position:relative;padding:0 0 20px 20px;margin-left: 38px;}
.stitle-dp3:before{content:"";display:block;position:absolute;top:12px;left:0;width:15px;height:15px;background:#163999;}
.cont-aads-img1{width:840px;height:465px;background:url(../img/cont-img-aads1.gif) 50% 50% no-repeat;}
.cont-aads-img1_eng{width:840px;height:465px;background:url(../img/Eng_cont-img-aads1.png) 50% 50% no-repeat;}
.cont-aads-process{width:360px;height:465px;background:#0a1c41;padding:35px 30px;box-sizing:border-box}
.cont-aads-process ol li{position:relative;border:1px solid #858ea0;padding:13px 8px;color:#fff;text-align:center;margin-bottom:24px;font-size:18px;}
.cont-aads-process ol li:before{width:35px;height:35px;position:absolute;top:-17px;left:-17px;background:#54b03c;border-radius:50%;color:#fff;font-family:'Open Sans';font-size:17px;font-weight:700;padding-top:5px;content:"";display:block;box-sizing:border-box}
.cont-aads-process ol li.ols2-1:before{content:"1";}
.cont-aads-process ol li.ols2-2:before{content:"2";}
.cont-aads-process ol li.ols2-3:before{content:"3";}
.cont-aads-process ol li.ols2-4:before{content:"4";}
.cont-aads-process ol li.ols2-5:before{content:"5";}
.txt-pcont{font-size:18px;color:#111;text-align: center;}


h1.aadsogo{position:absolute;top:0px;left:0px;}
.aadsogo a img{border-bottom:1px solid #0a3da3;}
.aads-logo-wr-img{background:url(../img/aadslogo.png) 10% -5% no-repeat; background-size: 40%; min-height:300px;}
.aads-logo-wr-img .title{font-size:24px; font-weight:600; font-family:'Open Sans','Arial'; color:#1f344e; position: absolute;top: 28%;left: 57%;}
.aads-logo-wr-img .content{font-size:18px; color:#222; position: absolute; top: 40%; left: 57%;}

.aads-box-wr{margin-bottom:60px;}
.aads-box{border:1px solid #e0e0e0;padding:24px;margin-bottom:10px;padding-left:95px;box-sizing:border-box;position:relative;height:100px;}
.aads-box:before{content:"";display:block;width:50px;height:50px;background:url(../img/cont-img-aads2.png) 0 0 no-repeat;position:absolute;top:24px;left:20px;}
.aads-box.iico2:before{background-position:0 -50px;}
.aads-box.ico3:before{background-position:0 -100px;}
.aads-box .tit{font-size:18px;font-weight:600;padding-bottom:5px;display:block;letter-spacing:-0.07em;}
.aads-box .txt{font-size:16px;color:#111;}
.aads-box .tit.wrn{color:#d91414;}

.aads-box2-wr{width:740px;margin-right:20px;}
.adds-box2{border:1px solid #163999;padding:17px 30px;margin-bottom:10px;height:140px;box-sizing:border-box}
.adds-box2:last-child{height:160px;box-sizing:border-box}
.adds-box2 dt{font-size:20px;color:#000;font-weight:700;text-decoration:underline;padding-bottom:15px;}
.adds-box2 dd{color:#444;font-size:16px;padding-bottom:10px;padding-left:17px;background:url(../img/bn-box-arr.png) 0px 6px no-repeat;}

.aads-box-data{width:440px;background:url(../img/bn-adds-data.png) 50% 20px #eff3f6 no-repeat;min-height:460px;padding:80px 15px 15px 15px;box-sizing:border-box}
.aads-box-data table{width:100%;border-spacing:0;border-collapse:collapse;background:#fff;}
.aads-box-data table th{background:#4a5565;color:#fff;height:80px;}
.aads-box-data table th,.aads-box-data table td{text-align:center;}
.aads-box-data table td{font-size:16px;border-bottom:1px solid #cfd5dd;height:91px}
.aads-box-data table td.infov, .aads-box-data table th.infov{font-size:26px;font-weight:700;font-family:'Open Sans','Arial';}

.aads-history-title{margin-bottom: 20px;}
.aads-history-title span{font-size: 24px;
    font-weight: 600;
    font-family: 'Open Sans','Arial';
    margin-top: 30px;
    position: relative;
    padding-left: 18px;
    color: #808082;
    left: 24%;}
.aads-history-title span:nth-child(2) {margin-left: 30px;    left: 62%;}
.aads-history-wr{padding-bottom:100px;}
.aads-history-wr .aads-history{width:150px;margin:0 auto;position:relative;}
.aads-history-wr .aads-history .aads-year{width:160px;height:140px;position:relative;background:url(../img/ico-history-circle2.png) 0 0 no-repeat;font-family:'Open Sans','Arial';font-size:24px;line-height:22px;text-align:center;font-weight:600;box-sizing:border-box;margin-bottom:55px;}
.aads-history-wr .aads-history .aads-year:after{content:"";display:block;background:#eee;width:2px;height:60px;position:absolute;bottom:-60px;left:50%;z-index:-1;}
.aads-history-wr .aads-history.sel1 .aads-year{padding-top:60px;padding-left:10px;color:#324ca0;}
.aads-history-wr .aads-history.sel2 .aads-year{padding-top:60px;padding-right:10px;background-position:0 -140px;color:#4d86c5;margin-left:7px;}
.aads-history-wr .aads-history.sel3 .aads-year{padding-top:60px;padding-left:10px;background-position:0 -279px;color:#188eac;}
.aads-history-wr .aads-history.sel4 .aads-year{padding-top:60px;padding-right:10px;background-position:0 -419px;color:#3f9e75;margin-left:7px;}
.aads-history-wr .aads-history dt{font-family:'Open Sans','Arial';font-weight:700;padding-bottom:12px;font-size:20px;}
.aads-history-wr .aads-history dd{position:relative;font-size:16px;padding-bottom:5px;}
.aads-history-wr .aads-history.sel1 dd>span{font-weight:700; padding-left:10px;position: absolute;top: 0;left: 1px;}
.aads-history-wr .aads-history.sel1 dl{position:absolute;top:60px;text-align:left;width:450px;margin-left:200px;}
.aads-history-wr .aads-history.sel1 dt{color:#324ca0;padding-right:7px;}
.aads-history-wr .aads-history.sel1 dd{position:relative;font-size:16px;padding-bottom:5px;padding-left:77px; word-break: keep-all;}
.aads-history-wr .aads-history.sel1 dd:after{width: 6px;
    height: 6px;
    content: "";
    display: block;
    background: #163999;
    position: absolute;
    top: 8px;
    left: -7px;
    border-radius: 3px;}
.aads-history-wr .aads-history.sel2 dl{position:absolute;top:60px;text-align:left;width:450px;margin-left:200px;}
.aads-history-wr .aads-history.sel2 dt{color:#4d86c5;padding-left:7px;}
.aads-history-wr .aads-history.sel2 dd>span{font-weight:700; padding-left:10px;position: absolute;top: 0;left: 1px;}
.aads-history-wr .aads-history.sel2 dd{position:relative;font-size:16px;padding-bottom:5px;padding-left:77px;}
.aads-history-wr .aads-history.sel2 dd:before{width: 6px;
    height: 6px;
    content: "";
    display: block;
    background: #163999;
    position: absolute;
    top: 8px;
    left: -7px;
    border-radius: 3px;}
.aads-history-wr .aads-history.sel1 .left{!important; position:absolute;top:60px;text-align:right;width:450px;margin-left:-480px}
.aads-history-wr .aads-history.sel1 .left dd{!important; position: relative; padding-right:77px;padding-left: 0px;font-weight: 700;}
.aads-history-wr .aads-history.sel1 .left dd:after{!important; width: 6px;
    height: 6px;
    content: "";
    display: block;
    background: #163999;
    position: absolute;
    top: 8px;
    right: -7px;
    left: auto;
    border-radius: 3px;}
.aads-history-wr .aads-history.sel1 .left dd>span{font-weight:700; padding-left:10px;position: absolute;top: 0;left: auto;}
.aads-history-wr .aads-history.sel2 .left{!important; position:absolute;top:60px;text-align:right;width:450px;margin-left:-480px}
.aads-history-wr .aads-history.sel2 .left dd{!important; position: relative; padding-right:77px;padding-left: 0px;font-weight: 700;}
.aads-history-wr .aads-history.sel2 .left dd:before{!important; width: 6px;
    height: 6px;
    content: "";
    display: block;
    background: #163999;
    position: absolute;
    top: 8px;
    right: -7px;
    left: auto;
    border-radius: 3px;}
.aads-history-wr .aads-history.sel2 .left dd>span{font-weight:700; padding-left:10px;position: absolute;top: 0;left: auto;}
.aads-history-wr .aads-history.sel3 dt{color:#188eac;}
.aads-history-wr .aads-history.sel4 .aads-year:after{display:none;}
.aads-history-wr .aads-history.sel4 dt{color:#4fb78a;}

.cont-aads-wr .border{content:"";display:block;height:1px;width:50%;background:#40404026;position:absolute; top: 212px; left: 5%;}
.cont-aads-wr .border2{content:"";display:block;height:1px;width:50%;background:#40404026;position:absolute; top: 390px; left: 5%;}
.cont-aads-wr .intro-wr li{width:60%;margin-right:2%;box-sizing:border-box;padding:15px 0;font-size:22px;text-align:center;height:200px;background:#fff;vertical-align:top;}
.cont-aads-wr .intro-wr li:last-child{margin-right:0;}
.aads-title{font-size:38px;color:#163999;text-align:center;font-weight:600;padding:30px 0;}
.aads-title2{text-align:center;font-size:38px;color:#163999;font-weight:600;padding:30px 0;}
.intro3-wr{margin-left: 59%; width: 100%; margin-right: 30px; position: absolute; top: 10px;}
.intro3-wr span{font-size: 24px;
    font-weight: 600;
    font-family: 'Open Sans','Arial';
    margin-top: 30px;
    position: relative;
    padding-left: 18px;
    color:#004373}
.intro3-wr li{font-size:17px;height:100px;padding:10px 10px 0px 25px;background:url(../img/bn-vision.png) 0 18px no-repeat;line-height: 1.5em;}
.intro3-wr .box-s1{margin-top: 30px;}
.intro3-wr .box-s2{margin-top: 83px;}
.intro3-wr .box-s3{margin-top: 75px;}

.atms-box{border-bottom:1px solid #dedede;padding:60px 0; position:relative;min-height:240px;box-sizing:border-box}
.atms-box.atms-boxL{padding-right:50%;padding-left:30px;}
.atms-box.atms-boxL .thumb{position:absolute;top:20px;right:30px;}
.atms-box.atms-boxR{padding-left:59%;}
.atms-box.atms-boxR .thumb{position:absolute;top:20px;left:30px;}
.atms-box dt{font-size:24px;font-weight:600;letter-spacing:-0.07em;color:#333;padding-bottom:18px;}
.atms-box dd{font-size:16px;color:#555;padding-bottom:5px;position:relative;padding-left:14px;}
.atms-box dd:before{width:8px;height:2px;background:#6e6e6e;content:"";display:block;position:absolute;top:10px;left:0;}

.atms-wr .aads-box-wr{margin-bottom:60px;}
.atms-wr .aads-box{border:1px solid #e0e0e0;padding:24px;padding-bottom: 0px;margin-bottom:10px;padding-left:95px;box-sizing:content-box;position:relative;height:125px;}
.atms-wr .aads-box.iico1:before{content:"";display:block;width:40px;height:40px;background:url(../img/atms_icon1.png) 0 0 no-repeat;position:absolute;top:38%;left:25px;}
.atms-wr .aads-box.iico2:before{content:"";display:block;width:40px;height:40px;background:url(../img/atms_icon2.png) 0 0 no-repeat;position:absolute;top:38%;left:25px;}
.atms-wr .aads-box.ico3:before{content:"";display:block;width:40px;height:40px;background:url(../img/atms_icon3.png) 0 0 no-repeat;position:absolute;top:38%;left:25px;}
.atms-wr .aads-box.ico4:before{content:"";display:block;width:40px;height:40px;background:url(../img/atms_icon4.png) 0 0 no-repeat;position:absolute;top:38%;left:25px;}
.atms-wr .aads-box.ico3{!important; height:150px;}
.atms-wr .aads-box.ico4{!important; height:100px;}
.atms-wr .aads-box .tit{font-size:18px;font-weight:600;padding-bottom:5px;display:block;letter-spacing:-0.07em;}
.atms-wr .aads-box .txt{font-size:16px;color:#111;line-height: 1.5em;}
.atms-wr .aads-box .tit.wrn{color:#d91414;}

.cont-atms-img1{width:840px;height:465px;background:url(../img/atms.png) 50% 50% no-repeat;}
.cont-atms-img2{width:840px;height:465px;background:url(../img/atms2.png) 50% 50% no-repeat;}

.atms-list-wr{background:#f7f9fa;padding:55px 0;}
.atms-list-wr .atms-list{position:relative;float:left;width:25%}
.atms-list-wr .atms-list:before{content:"";display:block;width:100px;height:100px;background:url(../img/ico-atms.png) 0 0 no-repeat;margin:0 auto 30px auto;}
.atms-list-wr .atms-list.iico1:before{background-position:0 0 }
.atms-list-wr .atms-list.iico2:before{background-position:0 -100px }
.atms-list-wr .atms-list.ico3:before{background-position:0 -200px }
.atms-list-wr .atms-list.ico4:before{background-position:0 -300px; }
.atms-list-wr .atms-list:after{width:1px;height:100%;background:#e2e2e2;content:"";display:block;position:absolute;top:0;right:0;}
.atms-list-wr .atms-list:last-child:after{display:none;}
.atms-list-wr .atms-list dt{text-align:center;font-size:24px;font-weight:400;color:#222;padding-bottom:20px;}
.atms-list-wr .atms-list dd{text-align:center;font-size:16px;color:#555;line-height:24px;padding:0 45px; word-break: keep-all;}

.atms-history-wr{padding-bottom:100px;}
.atms-history-wr .atms-history{width:150px;margin:0 auto;position:relative;}
.atms-history-wr .atms-history .atms-year{width:150px;height:140px;position:relative;background:url(../img/ico-history-circle.png) 0 0 no-repeat;font-family:'Open Sans','Arial';font-size:24px;line-height:22px;text-align:center;font-weight:600;box-sizing:border-box;margin-bottom:55px;}
.atms-history-wr .atms-history .atms-year:after{content:"";display:block;background:#eee;width:2px;height:60px;position:absolute;bottom:-60px;left:50%;z-index:-1;}
.atms-history-wr .atms-history.sel1 .atms-year{padding-top:60px;padding-left:10px;color:#324ca0;}
.atms-history-wr .atms-history.sel2 .atms-year{padding-top:48px;padding-right:10px;background-position:0 -140px;color:#4d86c5;margin-left:7px;}
.atms-history-wr .atms-history.sel3 .atms-year{padding-top:48px;padding-left:7px;background-position:0 -280px;color:#188eac;}
.atms-history-wr .atms-history.sel4 .atms-year{padding-top:48px;padding-right:10px;background-position:0 -420px;color:#3f9e75;margin-left:7px;}
.atms-history-wr .atms-history dt{font-family:'Open Sans','Arial';font-weight:700;padding-bottom:12px;font-size:20px;}
.atms-history-wr .atms-history dd{position:relative;font-size:16px;padding-bottom:5px;}
.atms-history-wr .atms-history.sel1 dl{position:absolute;top:60px;text-align:right;width:500px;margin-left:-554px}
.atms-history-wr .atms-history.sel1 dt{color:#324ca0;padding-right:7px;}
.atms-history-wr .atms-history.sel1 dd{padding-right:7px;}
.atms-history-wr .atms-history.sel1 dd:after{width: 6px;
    height: 6px;
    content: "";
    display: block;
    background: #163999;
    position: absolute;
    top: 8px;
    right: -7px;
    border-radius: 3px;}
.atms-history-wr .atms-history.sel2 dl{position:absolute;top:60px;text-align:left;width:450px;margin-left:200px;}
.atms-history-wr .atms-history.sel2 dt{color:#4d86c5;padding-left:7px;}
.atms-history-wr .atms-history.sel2 dd{position:relative;font-size:16px;padding-bottom:5px;padding-left:7px;}
.atms-history-wr .atms-history.sel2 dd:before{width: 6px;
    height: 6px;
    content: "";
    display: block;
    background: #163999;
    position: absolute;
    top: 8px;
    left: -7px;
    border-radius: 3px;}
.atms-history-wr .atms-history.sel3 dt{color:#188eac;}
.atms-history-wr .atms-history.sel4 .atms-year:after{display:none;}
.atms-history-wr .atms-history.sel4 dt{color:#4fb78a;}

/* 특허 및 인증 */
.certifications {max-width:1200px; margin:0 auto; overflow:hidden;}
.certifications ul {*zoom:1; margin-left:20px;}
.certifications ul:after {content:" "; display:block; clear:both;}
.certifications ul li {float:left; width:17%; height:437px; padding:0 15px; text-align:center; font-size:15px; line-height:1.4em; margin-bottom:50px;}
.certifications ul li a {display:block; text-decoration:none;}
.certifications ul li .thumb {border:1px solid #ddd;}
.certifications ul li .thumb img {width:100%; vertical-align:top;}
.certifications ul li .tit {padding:14px 0 2px; color:#515151}
.certifications ul li .date {padding:0 0 13px; color:#838383;}
.certifications ul li .zoom {display:inline-block; padding:0 16px; color:#838383; font-size:12px; line-height:27px; border:1px solid #dbdbdb; border-radius:15px;}
.certifications ul li.none {clear:left; float:none; width:100%; height:auto; padding:50px 15px; text-align:center; color:#838383; font-size:15px; margin:0;}
.certifications ul li {height:auto;}
.certifications ul li:nth-child(5n+1) {clear:left;}	

/* 채용정보 */
.dset-wr{content:"";display:block;clear:both;position:relative;}
.dset-wr dt{color:#324ca0;font-size:20px;padding-left:28px;background:url(../img/ico_dset-tit.png) 0 3px no-repeat;font-weight:700;padding-bottom:8px;}
.dset-wr dd{position:relative;color:#222;font-size:16px;padding-left:15px;padding-bottom:10px;}
.dset-wr dd:before{content:"";display:block;position:absolute;top:10px;left:6px;width:2px;height:2px; background:#a6a6a6;}
.dset-wr dd.none:before{display:none;}
.dset-wr dd span{position:relative;display:block;color:#324ca0;text-decoration:underline;margin:15px 0;padding-left:30px;}
.dset-wr dd span:before{content:"";display:block;position:absolute;left:0;top:0;width:22px;height:22px;background:#e4e4e4;border-radius:50%;text-align:center;font-weight:700;font-size:14px;font-family:'Open Sans';line-height:22px;text-decoration:none!important;}
.dset-wr dd span.ol-1:before{content:"1";text-decoration:none!important;}
.dset-wr dd span.ol-2:before{content:"2";}
.dset-wr dd span.ol-3:before{content:"3";}

.ptn-wr{text-align: center;}

.recruit-box-wr{margin-top:20px;}
.recruit-box{background:#f8f8f8;padding:35px;width:100%;box-sizing:border-box;margin-bottom:15px;}
.recruit-box .tit{position:relative;font-size:24px;font-weight:700;color:#324ca0;width:320px;font-family:'Open Sans';display:inline-block;padding-left:100px;box-sizing:border-box;}
.recruit-box .tit.iico1:before{content:"";width:70px;height:70px;background:url(../img/ico-recruit1.png) 0 0 no-repeat;position:absolute;top:-12px;left:10px;}
.recruit-box .tit.iico2:before{content:"";width:70px;height:70px;background:url(../img/ico-recruit2.png) 0 0 no-repeat;position:absolute;top:-12px;left:10px;}
.recruit-box .tit.ico3:before{content:"";width:70px;height:70px;background:url(../img/ico-recruit3.png) 0 0 no-repeat;position:absolute;top:-12px;left:10px;}
.recruit-box .tit:after{content:"";display:block;position:absolute;top:0;right:0;width:1px;height:40px;background:#cdcdcd;}
.recruit-box .txt{font-size:16px;color:#333;display:inline-block;padding-left:25px;}

.ico-link, .ico-link:hover{position:relative;padding-right:20px;color:#222;}
.ico-link:after{content:"";display:block;width:14px;height:14px;background:url(../img/ico-link.png) 0 0 no-repeat;position:absolute;top:4px;right:0;}
.ico-email, .ico-email:hover{color:#049a12;text-decoration:underline;}
.ico-email:hover{color:#0b5012}

.recruit-btm{padding-top:20px;}
.recruit .fr{margin-left:3px;}
.recruit-btm .txt{position:relative;font-size:15px;padding-left:30px;display:inline-block;margin-left:17px;}
.recruit-btm .txt:before{content:"";display:block;width:25px;height:25px;background:url(../img/bn-info.png) 0 0 no-repeat;position:absolute;top:-3px;left:0;}
.btn-recruit{position:relative;background:#54b03c;display:inline-block;color:#fff;width:200px;height:45px;cursor:pointer;padding:11px 20px;box-sizing:border-box;font-size:17px;font-weight:700;}
.btn-recruit:hover{background:#032950;color:#fff}
.btn-enroll{position:relative;background:#163999;display:inline-block;color:#fff;padding:6px 15px;text-align:center;cursor:pointer;box-sizing:border-box;font-size:14px;font-weight:700;}
.btn-enroll:hover{background:#032950;color:#fff}
.btn-recruit:after{content:"";display:block;position:absolute;top:15px;right:10px;width:9px;height:15px;background:url(../img/bn-arr.png) 0 0 no-repeat;}

.bg-recruit{position:absolute;top:0;right:0;background:url(../img/img-recruit.png) 0 0 no-repeat;width:334px;height:317px;}

#popup_wrap {width:400px; height:340px; background:#fff; position:fixed; top:50%; left:50%; margin:-250px 0 0 -200px; z-index:9999; display:none;} 
#mask {width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7) repeat; top:0; left:0; z-index:999; display:none;}
#popup_wrap2 {width:400px; height:230px; background:#fff; position:fixed; top:50%; left:50%; margin:-250px 0 0 -200px; z-index:9999; display:none; border-style:solid;border-width:10; border-color: #1E96FF;} 
#mask2 {width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7) repeat; top:0; left:0; z-index:999; display:none;} 
.popup-title{background:#324ca0;height:60px;box-sizing:border-box;padding:17px 20px;color:#fff;position:realtive;font-size:20px;font-weight:700;}
#popup_close{position:absolute;top:19px;right:15px;width:23px;height:22px;background:url(../img/btn-close.png) 0 0 no-repeat;text-indent:-9999px;overflow:hidden;cursor:pointer;}
#popup_close2{position:absolute;top:19px;right:15px;width:23px;height:22px;background:url(../img/btn-close.png) 0 0 no-repeat;text-indent:-9999px;overflow:hidden;cursor:pointer;}
.popup-cont01 {padding:20px;}
.popup-cont01 button { width: 138px; height: 36px; line-height: 36px; background: #9f2f60; color: #ffffff; text-align: center; border: none; font-size: 16px;}

/* 협력사 */

.ptn-box{border:1px solid #dfdfdf;background:#fff;margin-bottom:20px;}
.ptn-box .logo-wr{display:inline-block;width:260px;height:90px;box-sizing:border-box;vertical-align:top;background:url(../img/ptn-co.png) 0 0 no-repeat;text-indent:-999px;overflow:hidden;}
.ptn-box .logo-wr.ptn-co01{background-position:0 0;}
.ptn-box .logo-wr.ptn-co02{background-position:0 -90px;}
.ptn-box .logo-wr.ptn-co03{background-position:0 -180px;}
.ptn-box .logo-wr.ptn-co04{background-position:0 -270px;}
.ptn-box .logo-wr.ptn-co05{background-position:0 -360px;}
.ptn-box .logo-wr.ptn-co06{background-position:0 -450px;}
.ptn-box .logo-wr.ptn-co07{background-position:0 -540px;}
.ptn-box .logo-wr.ptn-co08{background-position:0 -630px;}
.ptn-box .logo-wr.ptn-co09{background-position:0 -720px;}

.ptn-box .info-wr{display:inline-block;padding:22px 0;box-sizing:border-box}
.ptn-box .info-wr .tit{position:relative;font-size:16px;font-weight:700;color:#000;padding-bottom:3px;display:block;}
.ptn-box .info-wr .tit:before{content:"";display:block;width:1px;height:44px;background:#e4e4e4;position:absolute;top:0;left:-15px;}
.ptn-box .info-wr .txt{color:#444;font-size:16px;}


/* 공통 */
.dpl{display:inline-block;}
.cont-sec-stit{background:url(../_img/bn-cont-dp3.png) 0 6px no-repeat;font-size:16px;color:#0b67a5;font-weight:700;padding:5px 0 5px 20px;}
hr.line-dft1 {display:block;height:1px;border:0;border-top:1px dashed #eaeaea;margin:10px 0 5px 0;padding:0;}
.ico-require{background:url(../img/bn-require.png) 0 0 no-repeat;width:9px;height:8px;display:inline-block;margin-left:7px;}


.fl{float:left;}
.fr{float:right;}
.txc{text-align:center;}
.clearfix{content:"";display:block;clear:both;}
/* 간격처리 */
.pd-clear{padding:0!important;}
.pdb0{padding-bottom:0!important;}
.mgauto{margin:0 auto;}
.mgt0{margin-top:0!important;}
.mgt5{margin-top:5px!important;}
.mgt10{margin-top:10px!important;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}

.mgr3{margin-right:3px!important;}
.mgr5{margin-right:5px!important;}
.mgr10{margin-right:10px!important;}
.mgr20{margin-right:20px!important;}
.mgr30{margin-right:30px!important;}
.mgr40{margin-right:40px!important;}
.mgr50{margin-right:50px!important;}

.mgl5{margin-left:5px!important;}
.mgl10{margin-left:10px!important;}
.mgl20{margin-left:20px!important;}
.mgl30{margin-left:30px!important;}
.mgl40{margin-left:40px!important;}
.mgl50{margin-left:50px!important;}



.mgb0{margin-bottom:0!important;}
.mgb5{margin-bottom:5px!important;}
.mgb20{margin-bottom:20px!important;}
.mgb35{margin-bottom:35px!important;}
.mgb30{margin-bottom:30px!important;}
.mgb40{margin-bottom:40px!important;}
.mgb50{margin-bottom:50px!important;}

.pdb15{padding-bottom:15px!important;}
.pdb20{padding-bottom:20px!important;}
.pdb25{padding-bottom:25px!important;}

.wdt30{width:30px!important;}
.wdt45{width:45px!important;}
.wdt50{width:50px!important;}
.wdt60{width:60px!important;}
.wdt65{width:65px!important;}
.wdt70{width:70px!important;}
.wdt75{width:75px!important;}
.wdt80{width:80px!important;}
.wdt85{width:85px!important;}
.wdt90{width:90px!important;}
.wdt95{width:95px!important;}
.wdt100{width:100px!important;}
.wdt105{width:105px!important;}
.wdt110{width:110px!important;}
.wdt115{width:115px!important;}
.wdt120{width:120px!important;}
.wdt125{width:125px!important;}
.wdt130{width:130px!important;}
.wdt135{width:135px!important;}
.wdt140{width:140px!important;}
.wdt145{width:145px!important;}
.wdt150{width:150px!important;}
.wdt155{width:155px!important;}
.wdt160{width:160px!important;}
.wdt170{width:170px!important;}
.wdt180{width:180px!important;}
.wdt185{width:185px!important;}
.wdt190{width:190px!important;}
.wdt195{width:195px!important;}
.wdt200{width:200px!important;}
.wdt220{width:220px!important;}
.wdt250{width:250px!important;}
.wdt260{width:260px!important;}
.wdt270{width:270px!important;}
.wdt280{width:280px!important;}
.wdt285{width:285px!important;}
.wdt290{width:290px!important;}
.wdt295{width:295px!important;}
.wdt300{width:300px!important;}
.wdt350{width:350px!important;}
.wdt400{width:400px!important;}
.wdt450{width:450px!important;}
.wdt500{width:500px!important;}
.wdt550{width:550px!important;}
.wdt600{width:600px!important;}
.wdt650{width:650px!important;}
.wdt700{width:700px!important;}

.wdt10p{width:10%;}
.wdt60p{width:60%;}
.wdt65p{width:65%;}
.wdt50p{width:50%;}
.wdt70p{width:70%!important;}
.wdt75p{width:75%!important;}
.wdt80p{width:80%!important;}
.wdt85p{width:85%!important;}
.wdt90p{width:90%!important;}
.wdt100p{width:100%!important;}
.ladda-label{margin-left:0!important;}




.modal-backdrop {
    z-index: 1040 !important;
}
.modal-dialog {
    margin: 2px auto;
    z-index: 1100 !important;
}


/* a */

@-webkit-keyframes ico-h-jump {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes ico-h-jump {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}


.ico-h-jump:hover{
  -webkit-animation-name: ico-h-jump;
  animation-name: ico-h-jump;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}


@-webkit-keyframes bg-scale{
 0% { transform:scale(1.7) }
 50% { transform:scale(1)}
 100% { transform:scale(1) }
}

@keyframes  bg-scale{
 0% { transform:scale(1.7) }
 50% { transform:scale(1)}
 100% { transform:scale(1) }
}
	
			
@-webkit-keyframes m-slogan {
    
	0% {top: -40px;opacity:0;}
	15%{top: 0px;opacity:1;}
	75%{top: 0px;opacity:1;}
	100% {top: -40px;opacity:0;}
}

@keyframes m-slogan {
	0% {top: -40px;opacity:0;}
	15%{top: 0px;opacity:1;}
	75%{top: 0px;opacity:1;}
	100% {top: -40px;opacity:0;}
	
}
			
@-webkit-keyframes s-slogan {
    from {top: -40px;opacity:0;}
    to {top: 0px;opacity:1;}
}

@keyframes m-intro-loop {
    from {top: -40px;opacity:0;}
    to {top: 0px;opacity:1;}
}


@keyframes m-intro-loop {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}


@-webkit-keyframes bounce { 
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
	40% {-webkit-transform: translateY(-30px);} 
	60% {-webkit-transform: translateY(-15px);} 
 } 
 
@keyframes bounce { 
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
	40% {transform: translateY(-30px);} 
	60% {transform: translateY(-15px);} 
 }
 
 


@media print {
	body{-webkit-print-color-adjust:exact;}

}

@page {
    size: A4;
    margin: 0;
}
@media print {
    html, body {
        width: 210mm;
        height: 297mm;

    }

}

.contentbox1.uix {width: 100%;margin: 20px 0 auto;padding: 0;border-radius:0;background: #fbfbfb;box-shadow:none;box-sizing: border-box;border:1px solid #e8e8e8;padding:15px;min-height:300px;}
.contentbox1.uix.int{padding:20px;height:300px;}


#logo_location{
	width:180px;
	margin-bottom: 10px;
/* height:100%; */
}


.delete-btn-wrap{
	position: absolute;
    right: -27px;
    background: white;
    border: 1px solid #00000038;
    border-radius: 100%;
    width: 44px;
    height: 44px;
    text-align: center;
    top: -22px;
    -webkit-box-shadow: 3px 7px 7px #00000038;
    cursor: pointer;
}

.update-btn-wrap{
	position: absolute;
    right: 30px;
    background: white;
    border: 1px solid #00000038;
    border-radius: 100%;
    width: 44px;
    height: 44px;
    text-align: center;
    top: -22px;
    -webkit-box-shadow: 3px 7px 7px #00000038;
    cursor: pointer;
}

.delete-btn{
	font-size: 35px;
    font-weight: 700;
    cursor: pointer;
    line-height: 39px;
}

.update-btn{
	font-size: 30px;
    font-weight: 700;
    cursor: pointer;
    line-height: 39px;
}

.fa-regular{
    margin-top: 5px;
}

.top-button:hover{
	background: url(/resources/img/common/top_button_hover.png);
	background-size:cover;
}

.top-button{
	position:fixed;
	bottom:15px;
	right:30px;
	background: url(/resources/img/common/top_button.png);
	width:65px;
	height:65px;
	background-size:cover;
	cursor:pointer;
	z-index: 99;
	transition: all 0.3s;
	display:none;
}

.custom-select {
  position: fixed;
  bottom: 20px;
  right: 100px;
  display: inline-block;
  transition: all 0.3s;
  z-index: 1000;
}

.selected-item {
  cursor: pointer;
  font-size: 16px;
  color: #333333;
  font-family: 'Pretendard Variable Subset';
  width: 48px;
  height: 48px;
  line-height: 48px; 
  text-align: center;
  border: 1px solid #333333;
  background-color: #FFFFFF;
  background-image: url('/resources/img/common/select-down.svg');
  background-position: center; /* 백그라운드 이미지를 가운데에 위치시킴 */
  background-repeat: no-repeat; /* 백그라운드 이미지를 반복하지 않음 */
}

.selected-item span {
  visibility: hidden;
}

.selected-item:hover span {
  visibility: visible;
}

.selected-item:hover {
  width: 191px;
  height: 48px;
  background-image: none; /* 백그라운드 이미지를 없앰 */
  background-position: initial; /* 백그라운드 이미지의 위치를 초기값으로 설정 */
  background-repeat: initial; /* 백그라운드 이미지의 반복 여부를 초기값으로 설정 */
}

.select-items {
  position: fixed;
  bottom: 69px; 
  right: 100px; 
  border: 1px solid #333333;
  display: none;
  background-color: #FFFFFF;
}

.select-items .item {
  cursor: pointer;
  font-size: 16px;
  color: #333333;
  font-family: 'Pretendard Variable Subset';
  width: 191px; 
  height: 48px; 
  line-height: 48px;
  text-align: center;
}
.select-items .item:hover{
	font-weight: bold;
	background: #F6F5F5;
}


.galleryModal{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1002; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

#galleryContentsWrap{
	width:100%;
	height:720px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.galleryContents{
/* 	margin:auto; */
/* 	display:block; */
/* 	width:80%; */
	max-width:700px;
	max-height:700px;
/* 	height: 720px; */
/* 	object-fit:contain; */
/* 	cursor: pointer; */
}

#galleryCaption{
	margin:auto;
	display:block;
	width:80%;
	max-width:700px;
	text-align:center;
	color:#ccc;
	padding:10px 0;
	height:150px;
	pointer-events: none;
	font-size: 30px;
}

#galleryCount{
	position:absolute;
	color:#ccc;
	top: 15px;
    left: 16px;
    pointer-events: none;
    font-size: 25px;
}

#galleryImg, #galleryCaption{
	transform:translate(0,0); opacity:1;
	transition: all ease-in-out 0.3s;
}

.remove-left{
	 transform:translateX(-50vw) !important;  opacity:0 !important;
}

.remove-right{
	 transform:translateX(50vw) !important;  opacity:0 !important;
}

#galleryImg.first, #galleryCaption.first{
	-webkit-animation-name:gallery-zoom;
	-webkit-animation-duration:0.5s;
	animation-name:gallery-zoom;
	animation-duration:0.5s;
}

@-webkit-keyframes gallery-zoom{
	from {-webkit-transform:scale(0)}
	to {-webkit-transform:scale(1)}
}

@keyframes gallery-zoom{
	from {transform:scale(0)}
	to {transform:scale(1)}
}

#galleryDownBtn{
	position:absolute;
	top:30px;
	right:88px;
	cursor:pointer;
	transition: 0.5s;
	filter: invert(87%) sepia(0%) saturate(33%) hue-rotate(179deg) brightness(81%) contrast(91%);
}

#galleryCloseBtn,#galleryNextBtn,#galleryPrevBtn{
	position:absolute;
	cursor:pointer;
	transition: 0.5s;
	filter: invert(87%) sepia(0%) saturate(33%) hue-rotate(179deg) brightness(81%) contrast(91%);
}

#galleryCloseBtn{
	top:30px;
	right:35px;
}
#galleryNextBtnWrap,#galleryPrevBtnWrap{
	position: absolute;
    width: 95px;
    height: 100%;
    top: 0;
    cursor:pointer;
}

#galleryNextBtnWrap:hover > #galleryNextBtn,#galleryPrevBtnWrap:hover > #galleryPrevBtn{
	filter: invert(100%) sepia(3%) saturate(417%) hue-rotate( 351deg ) brightness(116%) contrast(100%);
}

#galleryNextBtnWrap{
    right: calc( 50% - 445px );
}

#galleryNextBtn{
    top: calc(50% - 75px);
    right: calc(50% - 25px);
    transform: rotate(270deg);
    width: 50px;
}

#galleryPrevBtnWrap{
    left: calc( 50% - 445px );
}

#galleryPrevBtn{
    top: calc(50% - 75px);
    left: calc(50% - 25px);
    transform: rotate(90deg);
    width: 50px;
}

#galleryCloseBtn:hover,#galleryNextBtn:hover,#galleryPrevBtn:hover,#galleryDownBtn:hover{
	filter: invert(100%) sepia(3%) saturate(417%) hue-rotate( 351deg ) brightness(116%) contrast(100%);
}
@media only screen and (max-width:700px){
	.galleryContents{
		width:100%;
	}
}
@media only screen and (max-width:1900px){
	.onePage{overflow-x : auto !important;}
}

.onePage article{width:100%; min-width : 1913px !important;}

.logout-button-wrap{ position: absolute; top: -56px;}
.logout-button{ position: relative; top: 78px; z-index:1000; left: 1600px;}