@charset "UTF-8";

*{  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}

.intro_top{background:#32353c; text-align:center; min-width:1300px;}


.header{height:250px}
.header .index_top{background:#144389}
.header .index_top .wrap{width:1300px; margin:0 auto;height:40px;color:#fff;}
.header .index_top .wrap a{display:inline-block; font-size:12px; line-height:40px; color:#fff; font-weight:300}
.header .index_top .wrap a:after{content: '|'; color: #ccc; line-height: 38px; display: inline-block; padding: 0 8px;}
.header .index_top .wrap a:last-child:after {content:'';}
.header .index_top .wrap .cont{float:left;}
.header .index_top .wrap .link{float:right; background:#083475; padding:0 15px;}

.header .content_wrap{position:relative; width:1300px; height:211px; margin:0 auto}
/*검색*/
#topSearch{position: absolute; left:0; top:75px; width:200px}
#topSearch input[type="text"]{width:100%;height:32px;border:0px none; background:#f1f1f1; padding-left:5px;}
#topSearch input[type="submit"]{position:absolute;top:50%;right:15px;margin-top:-19px;width:30px;height:38px;border:0px none;background:url('../img/common/icon.png') no-repeat -21px -200px;text-indent:-9999em;}

.ui-dialog { z-index: 100000 !important ;}

.logo{position: absolute;top:25px; left: 50%;margin-left: -127px;}

/*공지사항*/
.header .content_wrap #topNotice{position: absolute; right:0; top:75px; width:240px;}
.header .content_wrap #topNotice .arrow_btn{float:right; width:20px; }
.header .content_wrap #topNotice .arrow{display:block; height:14px; background:url('../img/common/icon.png') no-repeat; text-indent:-9999em;}
.header .content_wrap #topNotice .arrow.prev{background-position: -28px -278px;}
.header .content_wrap #topNotice .arrow.next{background-position: -28px -360px;}
.header .content_wrap #topNotice .list{float:left; position: relative; width:220px;height:26px;overflow: hidden;}
.header .content_wrap #topNotice .list li{height:26px; line-height:26px}



.nav{width:100%;border-top:1px solid #d4d4d4;position:absolute;top:200px;left:0;z-index:99999;}
.nav.header_open .sub_menu{display:block}
.nav > .wrap{position:relative;width: 100%;margin:0 auto;}
.nav > .wrap:after{content:""; display:block; clear:both;}
	
nav{margin-top:0px;}
nav > ul{display:table;width: 1300px;margin: 0 auto;z-index: 100;background: transparent;}
nav > ul > li{display:table-cell; vertical-align:top; width:calc(100%/8);text-align:center;height:50px;line-height:50px;}
nav .sub_menubg{position:absolute;width: 100%;top: 50px;background: rgba(16, 25, 38, 1) url('../img/main/nav_bg.png');z-index: -1;}
a.main_menu{display:inline-block; font-weight:400; color:#000}
a.main_menu:hover{color:#0b2b68}	
.sub_menu{display:none; height:100%;line-height:100%;font-weight:400;margin-top: 20px;}
.sub_menu li{margin-bottom:15px; text-align:left;}
.sub_menu a{font-size: 14px;color:#fff;font-weight: 100;}
.sub_menu a:hover{color:#0894d0; text-decoration: underline;}




.notice{width:100%; height:50px; overflow:hidden; background-color:#fff;}
.rolling{position:relative; width:100%; height:auto;}
.rolling li{width:100%; height:50px; line-height:50px;}

.container{width:1300px; margin:0 auto; padding:55px 0}
.container:after{display:block; content:''; clear:both}
.container .aside{float:left; width:225px; margin-right:53px}
.container .sub_container{float:right; width:1022px;}

/*leftmenu*/
.leftmenu ul > li {position: relative;display: block;border: 1px solid #ccc;margin-bottom: 5px;}
.leftmenu ul li a { display: block; position: relative;}
.leftmenu > ul > li.active > a {color: #fff; background: #0894d0;}
.leftmenu > ul > li.has-sub > a:after {
  content: '';
  position: absolute;
  display:block;
  right: 5px;
  top:9px;
  width: 40px;
  height: 40px;
  transition: all .25s ease;
  background: url('../img/common/icon.png') no-repeat -18px -515px;
  transform-origin: 0 25%;
}
.leftmenu > ul > li.has-sub.active > a:after{background-position: -18px -577px;}
.leftmenu > ul > li > a {padding: 16px 15px;}
.leftmenu > ul > li > a:hover {color: #fff;background-color: #0894d0;}
.leftmenu ul ul{background:#f8f8f8; border:0}
.leftmenu ul ul li{border:0; margin:0}
.leftmenu ul ul li a {padding: 10px 15px; transition: all 0.3s ease-out;}
.leftmenu ul ul li a:hover {color:#14438a}
.leftmenu ul ul ul li a {padding-left: 25px;}
.leftmenu h2{height:187px;line-height:188px;border-bottom:4px solid #0894d0;background:#14438a;color:#fff;text-align:center;font-size:28px;margin-bottom: 10px;}
.callcenter{width:225px;height:102px;background:url('../img/common/callcenter.jpg') no-repeat;color:#fff;padding: 10px; margin-top:40px}
.callcenter h4{font-size: 19px;}
.callcenter .sub_txt{font-size:13px; color:#c8c8c8; font-weight:100}
.callcenter .tel{font-size: 29px;margin-top: -5px;}

/*서브 컨텐츠*/

.sub_txt01{font-size:20px; font-weight:500;color:#094293; margin:40px 0 10px 0}
.sub_container {padding-bottom:200px}
.sub_container h3{position:relative; width:100%;font-size: 34px;font-weight: 300;color:#000;border-bottom: 1px solid #c8c8c8;padding:5px 0;}
.sub_container h3:before{width:20px;}
.sub_container h3:after{position: absolute; display:block;content:'';clear:both;position: absolute;top: 0;border-top: 1.5px solid #0078ab;width: 25px;}
.sub_container h3 p{position:absolute; top:0; right:-20px;  font-size:13px; color:#8f8e8e; margin-top:30px}
.sub_container h3 span:after{content:'>';padding:0 10px;
}
.sub_container h3 span:last-child:after{content:''}

.sub_container h4{position:relative;}
.sub_container h4.sub_tit{font-size:28px; padding:40px 0 20px 0; font-weight:500; color:#313131}
.sub_container h4.sub_tit .bullet{position:relative; color: #094293; padding-left: 25px; font-size: 15px; display: inline-block; font-weight: 300; vertical-align: middle;
    text-transform: uppercase;  letter-spacing: -1px;}
.sub_container h4.sub_tit .bullet:before{content:''; position:absolute; top:7px; left:8px; width:6px;height:6px; background:#094293; border-radius:180px;} 
.sub_container h4.sub_tit2{color:#14438a; font-size:22px; font-weight:500; padding:60px 0 20px 0}
.sub_container h4 .time{position:absolute;bottom: 16px;right: 5px;background: url('../img/sub/watch.png') no-repeat 0; padding-left:25px;color: #494949;font-size: 15px;font-weight: 300;}
.sub_type01{margin-top:60px}
.sub_type01:after {display:block; content:''; clear:both}

.sub_type01 .cont_box01{float:right; width:622px; padding-left:30px;}
.sub_type01 .cont_box02{position:relative; width:100%; }
.sub_type01 .cont_box01 p,.sub_type01 .cont_box02 p{font-size:22px; color: #094293; font-weight: 500;}
.sub_type01 .cont_box02 .bg{position:absolute;bottom: -100px;right:0;z-index: -1;}
.sub_type01 p > span{display:block;font-size:15px; color:#494949; font-weight: 300; line-height:26px}
.sub_type01 .bullet:before{display:inline-block; content:''; width:20px; height:20px;background:url('../img/sub/bullet.png') no-repeat; vertical-align: middle;}
.sub_type01 .bullet{
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -20px;
    padding-left: 16px;
    }

.sub_type01 .cont_box03{position:relative;}
.sub_type01 .cont_box03 ul:after{display:block; content:''; clear:both}
.sub_type01 .cont_box03 ul li{position:relative; float:left;width:486px; height:210px; padding-top:60px; margin-right:50px; border-top:1px solid #ccc}
.sub_type01 .cont_box03 ul li:nth-child(2n){margin-right:0}
.sub_type01 .cont_box03 ul li h5{position:absolute; top:-1px; border-top:1px solid #4a6184; padding:20px 0; font-size:16px; font-weight:300; color:#4a6184; display:table-cell;}
.sub_type01 .cont_box03 ul li h5
.sub_type01 .cont_box03 ul li p{font-size:13px;}
.sub_type01 .cont_box03 .bg{position:absolute;bottom: 40px;right:0;z-index: -1;}
.sub_type01 .cont_box03 .bg2{position:absolute;bottom: -25px;right:0;z-index: -1;}
/*footer*/

.footer{background:#5a5b5e; font-weight:300; min-width:1300px;}
.footer .f_info:after{display:block; content:''; clear:both}
.footer .f_info{width:1300px; margin:0 auto; padding:22px 0} 
.footer .f_info .adress{float:left; color:#fff; font-size:13px;line-height:26px;margin-top:5px; margin-left:25px}
.footer .f_info select{float:right; width:150px; border:1px solid #fff; height:27px;border: 1px solid #fff;background: transparent url('../img/common/select.png') no-repeat 98% 50% ; color: #fff; padding: 5px;}
.footer .f_copyright{height:50px; line-height:50px; background:#6e6f71}
.footer .f_copyright p{width:1300px; margin:0 auto; color:#c0c0c0}
.footer .f_copyright p span:last-child{float:right; cursor:pointer;}

input[type="radio"]{vertical-align: middle;}

/* quickmenu */
.quickmenu .cont:after { content: ""; display: block; width: 25px; height: 14px; margin: 0 auto; border-bottom: 1px solid #c8c8c8;}
.quickmenu .cont:last-child:after, .quickmenu .cont:nth-child(4):after{border-bottom:0}
.quickmenu{position:absolute; top:213px; right:-100px; width:80px;z-index:1000}
.quickmenu .cont{display:block;height:110px; background:url('../img/common/quick.png') no-repeat; cursor:pointer}
.quickmenu .cont.c1{background-position: -4px 0; background-color:#40454c}
.quickmenu .cont.c2{background-position: -4px -111px;background-color:#40454c;}
.quickmenu .cont.c3{background-position: -4px -225px;background-color:#40454c;}
.quickmenu .cont.c4{background-position: -4px -345px;background-color:#40454c;}
.quickmenu .cont.c5{background-position: -4px -458px;background-color:#0b4193;}
.quickmenu .cont.c6{background-position: -4px -567px;background-color:#0b4193;}
.quickmenu .cont a{display:block; padding-top: 65px; font-size: 11px; line-height: 15px; text-align: center; color: #fff;}
.quickmenu .topbtn{background:#40454c; height:30px; line-height:30px; text-align:center; font-size:13px; color:#fff; cursor:pointer}