/* common css */
html,body{width:100%;-webkit-text-size-adjust:none;min-width:1200px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}
body{font-family: 'NotoSans', 'Nanum Gothic', '나눔고딕', 'Dotum', sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}/* HTML5 display-role reset for older browsers */
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border: 0 none; vertical-align: top;}
ol, ul{list-style:none;}
a{text-decoration:none;color:inherit;display:block;}
.cf{*zoom:1}
.cf:after {content:'';display:block;clear:both;}

#header{height:80px;background:#fff; position:fixed; border-bottom:1px solid #eee; width:100%; z-index:500;}
#header .wrap{position:relative;}
#header h1{display:inline-block;}
#header .logo{width:210px;}
#c_chip{position:absolute; right:0;display:block; top:20px; width: 50px; height: 40px; background: url("../images/foil_btn_off.jpg") no-repeat center center; background-size: cover;  text-align: center; display: flex; align-items: center; justify-content: center; }
#c_chip:hover{background: url("../images/foil_btn_on.jpg") no-repeat center center; background-size: cover;}
#c_chip span{font-size: 10px; line-height: 12px; display: inline-block;}
nav{display:inline-block; float:right;margin:25px 0; margin-right:50px;}
nav li{display:inline-block; line-height:30px; margin-right:20px; font-size:17px; letter-spacing:-0.5px;}
#footer{padding:30px 0 0;background:#2a2a2a; color:#fff; font-size:14px; line-height:22px; clear:both;float:none; font-weight:400;position:relative;}
#footer .wrap{position:relative;}
.copyright{display:block; background:#000; line-height:40px; margin-top:30px;}
.copyright span{color:#00ccff;}
.f_logo{margin-bottom:20px; width: 200px}
.ft_logo{width: 100%;}
.ft_left{float:left;}
.ft-txt .fl{float: left; margin-right: 70px;}
.ft-txt .fl h3{font-weight: 500; margin-bottom: 5px;}
.ft-txt .fl p{font-weight: 300; letter-spacing: 0;}
.top_btn{position:fixed; bottom:145px; right:25px; cursor:pointer;}
.bot_btn{position:fixed; bottom:25px; right:25px; cursor:pointer;}
.top_btn i, .bot_btn i{color: #cccccc; opacity: .8; font-size: 50px;}

.glb_btn{position:fixed; bottom:85px; right:25px; cursor:pointer; width: 50px; height: 50px; background: #093190; border-radius: 5px; text-align: center; line-height: 60px;}
.glb_btn i{color: #ebebeb; font-size: 30px; }
.glb_pop{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5); z-index: 999; display: none;}
.glb_pop ul{background: #fff; width: 100%; max-width: 600px; padding: 40px; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.glb_pop ul li{float: left; width: 33.3333333%}
.glb_pop ul li > a{color: #333; display: block; padding: 5px; margin: 3px 0; text-align: center;} 
.glb_pop ul li > a:hover{background: #093190; color: #fff;}
.glb_pop ul > a{color: #333; position: absolute; top: 10px; right: 10px; font-size: 30px;}
.glb_pop ul > a:hover{color: #093190}
.ft_right{float:right; position:absolute; right:0; top:0;}
.ft_right a{display: block; background: #999; padding: 10px 10px; font-weight: normal; font-size: 12px; line-height: 16px; border-radius: 5px; color: #2a2a2a}
.ft_right a:hover{background-color: #fff}
.ft_left p span{padding-left: 44px;}

.wrap{width:1100px; display:block; margin:auto;}
.logo{display:inline-block; padding-top:20px;}
.flexslider{overflow:hidden;padding-top:80px;}
.main-tit{position: absolute; top: 50%; left: 50%; height: 140px; z-index: 99; transform: translate(-50%,-30%)}
.main-tit img{height: 100%;}
.pt0{text-align:center; margin-top:100px;}
.pt0_t1{font-size:33px; margin-bottom:20px;line-height:1.1;}
.pt0_t1 span{font-size:48px; font-weight:bold;display:block; }
.pt0_t2{font-size:22px; line-height:1.2;}

.tit{text-align:center; font-size:32px;font-weight:bold;}
.tit:before{content:""; display:block; width:41px; height:28px; margin:100px auto 5px; background:url("../images/tit_i.jpg") 50% 50% no-repeat;}
.stit{font-size:17px;text-align:center; margin:10px 0 35px;}

.pd_info1 > li{display:inline-block; float:left; width:50%; height:570px; box-sizing:border-box; padding:25px; margin-top:-1px; margin-left:-1px; }
.pd_info1 > li.bg1{background:url("../images/pt1_bg1.jpg") 50% 50% no-repeat;background-size:cover;}
.pd_info1 > li.bg2{background:#fcf9e4;}
.pd_info1 > li.bg3{background:#f6f6f6;}
.pd_info1 > li.bg4{background:url("../images/pt1_bg4.jpg") 50% 50% no-repeat;background-size:cover;}
.pd_info1 > li .pd_tit{font-size:19px; font-weight:bold;line-height:30px; margin-bottom:10px;}
.pd_info1 > li .pd_tit .num{font-size:33px; font-weight:800;}
.pd_info1 > li .pd_tit .series{font-size:22px; }
.pd_info1 > li .info_st{margin-top:20px; letter-spacing:-0.5px;}
.pd_info1 > li > ul > li{padding-left:10px; text-indent:-10px;letter-spacing:-0.5px;}

.pd_info2 > li, .pd_info3 > li{width:33.33%; height:500px;}
.pd_info3 > li{height:350px;}
.pd_info2 > li.bg1{background:url("../images/pt2_bg1.jpg") 50% 50% no-repeat;background-size:cover;color:#fff;font-weight:300;}
.pd_info2 > li.bg2{background:#f7f7f7;}
.pd_info2 > li.bg3{background:url("../images/pt2_bg3.jpg") 50% 50% no-repeat;background-size:cover;color:#fff;font-weight:300;}

.pd_info3 > li.bg1{background:#f7f7f7;}
.pd_info3 > li.bg2{background:url("../images/pt3_bg2.jpg") 50% 50% no-repeat;background-size:cover; /* color:#fff;font-weight:300; */}
.pd_info3 > li.bg3{background:#f7f7f7;}

.pt4 .pd_list {margin-top:50px; margin-bottom:20px;}
.pt4 .pd_list li{box-sizing:border-box; border:1px solid #cfcfcf;display:inline-block; float:left; /* width:14.27%; */ width: 12.5%; text-align:center; font-size:20px; font-weight:bold; padding:10px;}
.pt4 .pd_list li img{display:block; margin:0px auto 0px; /* border:1px solid #ccc; */ width: 100%; box-sizing: border-box; }
.pt4 .pd_list li div{margin-top: 5px;}
.pt4 .color_info{font-size:17px;}
.pt4 .pd_list li.black{background-color: #162859;}
.pt4 .pd_list li.black div{color: #fff;}

.pt5 .tit{margin-bottom:50px;}
.pt5 .pt5_table{width:100%; text-align:center;}
.pt5 .pt5_table thead th, .pt5 .pt5_table tbody td, .pt5 .pt5_table tbody th{border-bottom:1px solid #083190; border-left:1px solid #083190;}
.pt5 .pt5_table thead th{border-top:3px solid #083190; }
.pt5 .pt5_table tbody tr.last_row td, .pt5 .pt5_table tbody tr.last_row th{border-bottom:3px solid #083190; padding-top: 8px; padding-bottom: 8px;}
.pt5 .pt5_table tbody th,.pt5 .pt5_table thead th:first-child{border-left:0;}
.pt5 .pt5_table tbody td.tl{text-align:left;}
.pt5 .pt5_table thead th{background:#7fb6e8; color:#fff; font-weight:400; padding:10px;}
.pt5 .pt5_table tbody td {padding:10px;}
.pt5 .pt5_table tbody th{color:#2d80cb; font-weight:normal;}
.pt5 .pt5_t1{margin-top:30px;}
.pt5 .pt5_t1 span{color:#2d80cb;}

.pt6_list{margin:50px 0 100px; }
.pt6_list li{display:inline-block; float:left; margin-left:10px; margin-bottom:10px; width: 267px; box-sizing: border-box;}
.pt6_list li:nth-child(4n+1){margin-left:0;}
.pt6_list li img{width: 100%;}
/* 메인 슬라이드 */
.flexslider .flex-control-nav li{margin:0px 3px;}
.flexslider{overflow:hidden;}
.flexslider .flex-control-paging li a.flex-active, .flexslider .flex-control-paging li a:hover{background:#000; }
.flexslider .flex-control-paging li a{background:#fff; box-shadow:0 0 0;}
.flexslider .flex-direction-nav a:before {
content:"";
width:22px; height:50px; background:url("../images/prev_btn0.png") 50% 50% no-repeat;
display:block;
background-size: contain;
}
.flexslider .flex-direction-nav a.flex-next:before {
	content:"";
	width:22px; height:50px; background:url("../images/next_btn0.png") 50% 50% no-repeat;
	display:block;
	background-size: contain;
}
.flexslider .flex-direction-nav a{width:22px; height:50px; opacity:1;}


#tooltip {
    position: absolute;
    z-index: 999;
    color: white;
    font-size: 15px;   
}
 
#tooltip .tipBody {
    background-color: black;
    padding: 8px;
}