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

/*CSS Document*/
/*Common*//*Reset*/
* {margin:0;padding:0}
html, body {width:100%;/*height:100%*/min-height:700px;}
html{overflow-y:scroll}
body{*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,input,button{font-family:'Nanum Gothic', sans-serif;font-size:13px;color:#000}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button{vertical-align:middle}
img,fieldset,iframe{border:0 none}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#444;text-decoration:none}
a:hover{color:#aaa;text-decoration:none}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
textarea{overflow:auto}
select{height:21px;font-size:100%;color:#444;vertical-align:middle}
strong{letter-spacing:-1px}
option{padding-right:6px}
table{border-collapse:collapse;border-spacing:0}
table caption{display:none}
.top a{color:#fff;text-decoration:none}
.top a:hover{color:#aaa;text-decoration:none}

/*Layout*/
#header{position:relative;width:100%;border-bottom:#0a427c 2px solid}
#container{display:block;position:relative;width:1000px;margin:0 auto;min-height:450px}
#footerWrap{clear:both;width:100%;border-top:#ccc 1px solid;margin-top:100px;background:#f0f0f0}
#wrapper{width:100%;height:100%;height:auto !important;min-height:100%/*;background:url('../images/top-bg.gif')repeat-x 0 -3px*/}
.main-bg{background:url('../images/bottom-bg.gif')repeat-x left 820px}

/*Nav*/
.topArea{position:relative;width:1300px;height:100px;margin:0 auto;}
.topArea h1{float:left;width:210px;height:100px;background:url('../images/aj_logo.gif')no-repeat 0 25px;text-indent:-5000px}
.topMenu{position:absolute;top:0;right:0px;line-height:50px}
.topMenu li{display:inline-block;padding:0px 8px;font-size:12px;background:url('../images/top-stick.gif')no-repeat right 22px;}
#nav{position:relative;float:left;width:1030px;line-height:50px;margin-top:50px;background:url('../images/line-d.gif')repeat-x 0 0;font-size:18px}
#nav ul{
	position:absolute;
	border:#333 1px solid;
	border-top:none;
	background:#fff;
	left:-9999px;
	overflow:hidden;
	top:-9999px;
	z-index:2;
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
}
#nav li{position:relative;float:left;z-index:20;}
#nav li a{display:block;position:relative;float:left;height:50px;padding:0px 56px 0px 15px;color:#1b1b1b;font-weight:normal;letter-spacing:-0.5px}
#nav li:hover > a{color:#318ccd;/*border-top:#e81f20 2px solid;*/font-weight:400;background:url('../images/nav-top.gif')repeat-x 0 0}
#nav .subs li > a{line-height:30px !important;border-top:none;font-size:13px;padding:0px 15px 0 !important;}
#nav .subs li:hover > a{line-height:30px !important;border-top:none;font-size:13px;padding:0px 15px 0 !important;}
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active{background:none repeat scroll 0 0;outline:0 none}
#nav li:hover ul.subs {left:0;top:50px;width:135px;
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
#nav ul li{width:100%;background:none}
#nav ul li a{float: none;height:30px;line-height:30px;font-size:13px}
#nav ul li:hover > a{line-height:30px;background:#f9f9f9;color:#318ccd;text-decoration:underline}
/*visual*/
.main-visual{position:relative;margin:0 auto;width:100%;height:422px;background:url('../images/main-bg.gif')no-repeat center -10px}
.main-img{position:absolute;right:50px;width:100%;height:442px;background:url('../images/main-bg.png')no-repeat right bottom}
.visual1{position:relative;width:1200px;height:285px;margin-top:2px;background:url('../images/visual1.jpg')no-repeat 0 0;text-align:center}
.visual2{position:relative;width:1200px;height:285px;margin-top:2px;background:url('../images/visual2.jpg')no-repeat 0 0;text-align:center}
.visual3{position:relative;width:1200px;height:285px;margin-top:2px;background:url('../images/visual3.jpg')no-repeat 0 0;text-align:center}
#limg1{position:absolute;top:18px;left:37px}
#rimg1{position:absolute;top:8px;right:35px}

.main-btn li{width:134px;line-height:35px;padding-left:90px;margin-bottom:2px;background:url('../images/btn-mbg.gif')no-repeat 0 0}
.main-btn{float:left;margin:35px 40px 15px 40px}
.product-box{float:right;position:relative;margin:35px 0 15px 0;width:343px;height:145px;border:#ddd 1px solid;background:#f9f9f9}
.product-box h2{font-size:18px;width:90px;margin:50px 0 5px 0;padding-right:30px;text-align:right}
.product-box span{display:block;font-size:10px;width:90px;line-height:12px;padding-right:30px;text-align:right;color:#209fd4}
.product-box h3{font-size:14px}
.product-box p{display:block;font-size:10px}
.quick-menu{clear:both;width:100%}
.quick-menu h1{font-size:18px;padding-bottom:15px;border-bottom:#ddd 1px solid}

/*sub*/
.sub-visual{width:100%;height:80px;border-bottom:#333 1px solid}
.sub-visual01{background:url('../images/sub-visual01.jpg')repeat-x center 0}
.sub-visual02{background:url('../images/sub-visual02.jpg')repeat-x center 0}
.sub-visual03{background:url('../images/sub-visual03.jpg')repeat-x center 0}
.sub-visual04{background:url('../images/sub-visual04.jpg')repeat-x center 0}
.sub-visual05{background:url('../images/sub-visual05.jpg')repeat-x center 0}
.sub-visual06{background:url('../images/sub-visual06.jpg')repeat-x center 0}
.sub-visual07{background:url('../images/sub-visual07.jpg')repeat-x center 0}
.sub-visual09{background:url('../images/sub-visual09_1.jpg')repeat-x center 0}
.sub-txt{position:relative;margin:0 auto;width:400px;right:-300px;top:20px;text-align:right}
.sub-txt em{font-size:24px;line-height:25px;font-weight:400;color:#fff;letter-spacing:-1px;background:url('../images/trans.png')repeat;padding:0 3px 0 30px}
.sub-txt span{margin-top:2px;font-size:12px;line-height:20px;font-weight:400;color:#00ffe3;background:url('../images/trans.png')repeat;padding:0 3px 0 30px}

/*Contents*/
#aside{float:left;width:210px;margin-top:30px}
#aside p{margin:30px 0 20px 0;padding-bottom:30px;background:url('../images/left-menu-top.gif')no-repeat;background-position:bottom}

#section{float:right;width:760px;margin-bottom:50px}
#section h1{display:inline-block;margin-top:30px;line-height:35px;border-top:#2c79e2 2px solid;font-size:22px}

#section2{float:center;width:1100px;}
#section2 h1{display:inline-block;margin-top:30px;line-height:35px;border-top:#2c79e2 2px solid;font-size:22px}

#article{margin:20px 0;}
.location{position:absolute;top:40px;right:0px;font-size:12px}
.location li{display:inline-block;padding:0 5px 0 10px;background:url('../images/icon-arr.gif')no-repeat 0 6px}
.location > .home{padding-left:15px;background:url('../images/icon-home.gif')no-repeat 0 6px}
.location a{color:#777;text-decoration:none}
.location a:hover{color:#000;text-decoration:none}

/*Footer*/
#footer{position:relative;width:810px;padding:20px 0;margin:0 auto;padding-left:190px;background:url('../images/aj_foot-logo2.gif')no-repeat 0 18px}
#footer ul li{display:inline-block;padding:0px 10px 5px 10px;font-size:14px;font-weight:bold;background:url('../images/top-stick.gif')no-repeat right 5px;}
#footer address{font-size:13px;padding-left:10px}
#footer p{font-size:11px;color:#999;padding-left:10px}

/* 공통 */
.nobg{background:none !important}
.nobd{border:none !important}
.nomg{margin:none !important}

.notice{float:left;position:relative;width:350px}
.notice button{position:absolute;top:35px;right:0;line-height:18px;border:none;padding-left:25px;background:url('../images/tab-more.gif')no-repeat 0 0}
 /* Main Tab */
ul.tabs{float:left;width:100%;margin-top:30px;margin-bottom:0px;border-bottom:1px solid #696969;background:url('../images/tab-line.gif')repeat-x 0 bottom;padding:0;list-style:none}
ul.tabs li{position:relative;overflow:hidden;float:left;line-height:18px;border-top:5px solid #696969;text-align:center;background:#fff}
ul.tabs li a{display:block;color:#333;padding:7px 20px}
ul.tabs li a:hover{background:#696969;color:#fff}
ul.tabs li .active{background:#696969;color:#fff}
.tab_container{clear:both;float:left;width:100%}
.tab_content{padding:15px 0px}
.tab_content h2{font-weight:normal;padding-bottom:10px;border-bottom:1px dashed #ddd;font-size:14px}
.tab_content h3{line-height:30px;margin-top:10px;color:#254588;font-size:15px;font-weight:600/*2016-09-27*/}
.tab_content p{text-align:justify;color:#666}
.tab_content .textBox{background:#f5f5f5;padding:10px;border:#ccc 1px solid}
.tabBL{border-left:5px solid #696969}
.tabBC a{border-left:1px solid #ccc;border-right:1px solid #ccc}
.tabBR{border-right:5px solid #696969}
.tab_content ul li{line-height:24px}
.tab_content ul li span{float:right;color:#777}


.quick-menu ul li{float:left;margin:10px 0 30px 20px;border-left:#ddd 1px solid}
.quick-menu h3{color:#0069b7;line-height:24px;font-size:14px}
.quick-menu span{color:#717171;line-height:8px;font-size:11px}
.gongsi a{position:absolute;bottom:15px;right:0;width:35px;line-height:35px;text-align:center;font-weight:400;color:#000;background:url('../images/btn-go.gif')no-repeat 0 0}
.gongsi a:hover{position:absolute;bottom:15px;right:0;width:35px;line-height:35px;text-align:center;font-weight:400;color:#fff;background:url('../images/btn-overgo.gif')no-repeat 0 0}
.e-cadalog a{position:absolute;bottom:15px;right:0;width:35px;line-height:35px;text-align:center;font-weight:400;color:#000;background:url('../images/btn-go.gif')no-repeat 0 0}
.e-cadalog a:hover{position:absolute;bottom:15px;right:0;width:35px;line-height:35px;text-align:center;font-weight:400;color:#fff;background:url('../images/btn-overgo.gif')no-repeat 0 0}
.recu a{position:absolute;bottom:15px;right:0;width:35px;line-height:35px;text-align:center;font-weight:400;color:#000;background:url('../images/btn-go.gif')no-repeat 0 0}
.recu a:hover{position:absolute;bottom:15px;right:0;width:35px;line-height:35px;text-align:center;font-weight:400;color:#fff;background:url('../images/btn-overgo.gif')no-repeat 0 0}
.gongsi{position:relative;padding-left:65px;width:150px;height:65px;margin-left:20px;background:url('../images/gongsi-bg.gif')no-repeat 0 8px}
.e-cadalog{position:relative;padding-left:55px;width:140px;height:65px;margin-left:20px;background:url('../images/e-cadalog.gif')no-repeat 0 3px}
.recu{position:relative;padding-left:65px;width:140px;height:65px;margin-left:20px;background:url('../images/recu-bg.gif')no-repeat 0 5px}
.dw-portal{position:relative;padding:12px 38px;margin-left:20px;border:#ddd 1px solid}



/*인증*/
.ward_wrap{width:100%;margin-top:15px; display:none;}
.ward_wrap li{float:left; background:url(../images/content/sub0304_bg.gif) no-repeat left top;width:235px; height:405px;margin-right:20px;text-align:center;margin-bottom:20px;}
.ward_wrap li img{padding:12px 0px 5px 5px;}
.ward_wrap li p{display:block;font-size:12px; color:#828282;padding:5px;line-height:20px;margin:0px 10px;border:#ddd 1px solid;background:rgba(16, 127, 191, 0.15);}
.ward_wrap li p span{font-size:16px;line-height:28px; display:block;color:#000;font-weight:600;}

/*인재상*/
.man_list{width:765px;border:1px solid #dfdfdf; background:url(../images/content/man_bg.gif) no-repeat right bottom;display:block;height:105px;margin-bottom:15px;}
.man_list ul{margin:20px; }
.man_list li{float:left !important; }
.man_list li span{display:block;}
.man_list li.man_name{font-weight:600;font-size:20px;color:#3f8cd1;line-height:24px;width:135px;}
.man_list .eng_name{font-size:13px;color:#606060;font-weight:normal;}
.man_list .txt_tlt{font-weight:600;font-size:15px;color:#0163bf;line-height:24px;}
.man_list p{text-align:justify;line-height:20px;font-size:13px;color:#5d5d5d;width:560px;}

/* 팝업창 */
.popup {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.popup-content {
    position: relative;
    margin: 6% auto;
    padding: 20px;
    width: 40%;
    /*background-color: #fff;*/
    text-align: center;
}

.popup-content img {
    max-width: 74%;
    height: auto;
}

.close {
    position: absolute;
    top: 10px;
    right: 15%;
    font-size: 30px;
    cursor: pointer;
}