@charset "utf-8"; 
/*나눔고딕*/
@import url(./fonts/NanumGothic/NanumGothic.css);

/*본고딕*/
@import url(./fonts/NotoSans/NotoSansKR.css);

/* base */
html{overflow-y:scroll; overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{font-family:"Nanum Gothic"; font-size:13px; color:#333; font-weight:240;}

/* div위치조절 */
#wrap{width:100%; overflow:hidden; text-align:left; min-width:1200px; position:relative; background:#fff}
#top_wrap{position:relative; width:100%; height:140px; background:#ffffff; border-bottom:1px solid #ccc; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .12); z-index:10000}
#middle_wrap{width:100%; overflow:hidden; position:relative;}
#bottom_wrap{width:100%; overflow:hidden; height:150px; background-color:#333333;}

.top_wrap1{margin:0 auto; width:100%; height:40px; background:url(../images/top_bg.jpg) repeat-x top;}
.top_total1{margin:0 auto;width:1200px;height:40px; overflow:hidden }
.domain{ font-family:"Nanum Gothic"; font-size:13px; color:#ffffff; margin-top:10px; letter-spacing:-0.5px; line-height:20px; float:left}
.domain span{ font-weight:600}


#login{float:right; text-align:right; z-index:999; margin-top:0}
#login ul {list-style-type:none;}
#login li {float:right; list-style-type:none;}
#login li a{display:block;  font-size:12px; color:#fff; font-family:"Nanum Gothic";text-decoration:none; letter-spacing:-0.25px; line-height:40px; margin-left:10px}
#login li a:hover{color:#fff; background:none; text-decoration:none; font-weight:600}




/* top div위치조절 */
.top_total{margin:0 auto; width:1200px; height:100px;}
#logo{float:left;width: 240px;height:80px;z-index:10000;margin-top: -15px !important;position:relative;}
#logo2{ float:right; width:170px; height:55px; margin-top:25px;z-index:10000 !important; position:relative;   }
/* div위치조절 */
/* Header */

.lnb{clear:both; position:absolute; top:40px; left:0px; width:100%;  padding:0;  margin:0; z-index:100; background:url(../images/shin/lnb_bg.png) #ffffff; overflow:visible !important;}
.lnb_img{ position:relative; top:0; left:0;}
.lnb a{line-height:45px; font-size:16px; font-weight:600; letter-spacing:-0.5px;font-family:"Nanum Gothic";} 
.lnb>a{text-decoration:none;  line-height:25px;font-size:16px; letter-spacing:-0.5px; font-family:"Nanum Gothic"} 
.lnb li span{ font-size:12px; letter-spacing:-0.25px; font-family:"Nanum Gothic"; font-weight:400 }
.lnb li:hover>a{ color:#132e86}
.lnb li:hover span{font-weight:600}



.lnb a.home{ color:#135794} 

.lnb>ul {overflow:hidden; position:relative; top:30px; left:30px;  margin:0 auto; display:table}/*width:960px; margin:0 auto; background:#fff;*/
.lnb>ul>li {overflow:hidden; width:180px;}
.lnb>ul>li{float:left; text-align:center;}
.lnb>ul>li:first-child {background:none;}
.lnb>ul>li>ul>a {display:block; overflow:hidden; color:#333; font-size:13px; font-weight:600; font-family:"Nanum Gothic"; letter-spacing:-0.5px}
.lnb>ul>li:hover>a{color:#132e86; font-weight:600; text-decoration:none }
.lnb5{}
.li000{ position:relative}
.lnb2 span{ font-size:11px; }
.first{border-left:1px solid #ccc; height:220px;}
.lnb>ul>li>ul{ display:block; height:270px; padding:10px 0 0 10px; margin-top:25px;border-right:1px solid #ccc}
.lnb>ul>li:hover>ul{background:#000f3d;  }
.lnb>ul>li:hover>ul>li{}
.lnb>ul>li:hover>ul>li a{ color:#fff; font-weight:600}
.lnb>ul>li>ul>li:hover{display:block;}
.lnb>ul>li>ul>li a{display:block; height:auto; padding:0;  height:30px; line-height:30px; color:#333; font-weight:400; font-family:"Nanum Gothic"; font-size:13px; text-align:left;  text-align:left;}
.lnb>ul>li>ul a{color:#fff;}
.lnb>ul>li>ul a:hover {color:#ecedaa !important; font-weight:600; text-decoration:none }
.lnb5{width:130px !important;}
.lnb5>ul{border-right:1px solid #cccccc !important;}


/* middle div위치조절 */

/* 메인하단*/


/* bottom div위치조절 */
/*copyright*/
.bottom_total{ width:1200px; height:210px; margin:0 auto; overflow:hidden; font-family:"Nanum Gothic"; font-size:12px; color:#ffffff; font-weight:400; letter-spacing:-0.25px}
.bottom_total_left{height:210px;float:left}
.bottom_total_left a{ color:#ffffff;   margin-right:10px; font-size:13px; letter-spacing:-0.25px}
.bottom_total_left a:hover{ color:#ecedaa; text-decoration:none;font-weight:600;}
.bottom_total_left_top{margin-top:35px}
.ftt1{}
.bottom_total_left_bottom{line-height:22px; margin-top:20px;}
.bottom_total_right{ float:right; width:400px; margin-top:40px;}
.bottom_logobox{text-align:right;}

/* sub_body div위치조절 */
#sub_img{ margin:0 auto; width:100%; height:350px; overflow:hidden; background:url(../images/shin/subbg2.jpg) no-repeat center top}
#sub_txt{ margin:90px auto 0; width:1200px; height:350px; text-align:left}
#middle_total{margin:0 auto; width:1200px;}


/*레프트 메뉴*/
#left_total{float:left; width:220px; overflow:hidden; margin:0 0 50px 0;}
#left_title{float:left; width:100%; height:100px; margin-bottom:1px; background:url('../images/left_titlebg.jpg') no-repeat;}
.left_txt1{width:100%;  margin:0 0 0 0 ; text-align:center; font-family:"Nanum Gothic"; font-size:22px; line-height:30px; color:#fff; font-weight:600; letter-spacing:-0.5px}
.left_txt2{width:100%;  margin:25px 0 0 0 ; text-align:center; font-family:"Nanum Gothic"; font-size:12px; line-height:20px; color:#fff; font-weight:400; letter-spacing:-0.25px}
#left_nav{float:left; width:100%; overflow:hidden; margin-bottom:15px}
#left_nav ul li{list-style-type:none; width:100%; overflow:hidden;}
#left_nav ul li a{display:block; overflow:hidden; padding-left:20px; height:45px; font-family:"Nanum Gothic"; font-size:15px; line-height:45px; color:#333333; font-weight:600; border-bottom:1px solid #ddd; background:#ffffff;border-left:1px solid #ddd;border-right:1px solid #ddd}
#left_nav ul li a:hover{color:#061b5e;background:#f1f1f1; text-decoration:none}
#left_nav ul li.on a{color:#061b5e; background:url(../images/left_hover.png) #f1f1f1}
.left_customer{}


#con_total{float:right; width:930px; overflow:hidden; margin-top:0}
#con_title{width:930px; height:100px; margin:0 0 50px 0; border-bottom:1px solid #ddd; position:relative}
#title_a{float:left; width:930px; text-align:left; margin:25px 0 0 0; font-family:"Nanum Gothic"; font-size:27px; color:#222222;font-weight:600; letter-spacing:-0.5px}
#title_aa{ overflow:hidden; width:930px; height:50px; text-align:left;}
#title_b{ float:left; font-size:13px; color:#444444; letter-spacing:-0.5px; font-family:"Nanum Gothic"; margin-top:10px}
#title_c{ float:right; font-size:13px; color:#111111; letter-spacing:-0.5px; font-family:"Nanum Gothic"; margin-top:5px; line-height:10px}

.con{width:930px;overflow:hidden; margin-bottom:100px }

/*이미지슬라이드 css소스*/
/* main_middle div위치조절 */
#main_banner{margin:0 auto; position:relative; width:100%; height:540px;}
#visual {position:relative; z-index:5; }
#cen_v {position:relative; overflow:hidden; height:540px; background:#000;}

/** loopedSlider **/
#loopedSlider {position:relative; clear:both; width:1200px;height:540px; margin:0 auto; right:0px; background:#000;}
/* .main_ment{ position:absolute; left:70px; top:145px; z-index:1000;
background:url('../images/main_ment.png') no-repeat left; width:480px; height:175px} */

#loopedSlider{width:1200px;  height:540px; margin:0 auto ;}
#loopedSlider .text{ width:410px; height:540px; float:left; z-index:10000; overflow:hidden }
#main_qmenu{margin:350px 0 0 70px; width:150px; overflow:hidden;  height:48px; z-index:10000; position: relative}
#main_qmenu li{float:left;}
#main_qmenu li a{display:block; width:150px; height:48px;}
#qmenu_button01{ background:url(../images/main_button.png) no-repeat 0 0; width:211px; height:48px; }
#qmenu_button01 img{opacity:0;
    -webkit-transition: transition: all .5s;
    -o-transition:transition: all .5s;
    transition: all .5s;}
#qmenu_button01:hover img{opacity:1;}

#loopedSlider .slides {position:absolute; top:0; left:0; width:1200px; background:#fff;}
#loopedSlider .slides img{width:1200px; height:540px;}
#loopedSlider .pagination {position:absolute; top:470px; left:550px;}
#loopedSlider .pagination li {float:left; margin-right:4px;}
#loopedSlider .pagination li a {display:block; width:13px; height:13px; padding:0; background:url('../images/visual_bullet.png') no-repeat; text-indent:-9999px; overflow:hidden;}
#loopedSlider .pagination li a:hover {background:url('../images/visual_bullet.png') 0 -13px no-repeat;}
#loopedSlider .pagination li.active a {background:url('../images/visual_bullet.png') 0 -13px no-repeat;}

/* visual bullet */
#loopedSlider .previous,
#loopedSlider .next {display:block; position:absolute; top:50%;  margin-top:-30px; width:40px; height:60px; text-indent:-9999px; overflow:hidden; z-index:10000; }
#loopedSlider .previous {left:-50px; background:url('../images/main_nav_prevOn.png') no-repeat;}
#loopedSlider .previous:hover {background:url('../images/main_nav_prevOn.png') no-repeat;}
#loopedSlider .next { right:-50px; background:url('../images/main_nav_nextOn.png') no-repeat; }
#loopedSlider .next:hover {background:url('../images/main_nav_nextOn.png') no-repeat;}
.bg_left{ position:absolute;  left:0; top:0; margin-left:-1200px; width:1200px; height:540px; background:url('../images/bg_left.png') no-repeat right top;z-index:99; }
.bg_right{ position:absolute; right:0; top:0; margin-right:-1200px; width:1200px; height:540px; background:url('../images/bg_right.png') no-repeat left top;z-index:99;}

.main_quick_wrap{ width:100%; height:265px; background:#FFF; margin:0 auto; overflow:hidden}
#main_qmenu2{width:1050px; height:265px;  margin:0 auto; overflow:hidden}
#main_qmenu2 li{ float:left}
#main_qmenu2 a{ display:block; width:200px; height:185px; margin-top:40px; }

#qmenu_button_001{ background:url(../images/shin/q01.png) no-repeat 0 0; width:200px; height:185px;}
#qmenu_button_001 img{ opacity:0; 
-webkit-transition:transition: all .5s;
-o-transition: transition: all .5s;
transition: all .5s;}
#qmenu_button_001:hover img{opacity:1;}

#qmenu_button_002{ background:url(../images/shin/q02.png) no-repeat 0 0; width:200px; height:185px;}
#qmenu_button_002 img{ opacity:0; 
-webkit-transition:transition: all .5s;
-o-transition: transition: all .5s;
transition: all .5s;}
#qmenu_button_002:hover img{opacity:1;}


#qmenu_button_003{ background:url(../images/shin/q03.png) no-repeat 0 0 ; width:200px; height:185px;}
#qmenu_button_003 img{ opacity:0; 
-webkit-transition:transition: all .5s;
-o-transition:transition: all .5s;
transition: all .5s;}
#qmenu_button_003:hover img{ opacity:1;}



#qmenu_button_004{ background:url(../images/shin/q04.png) no-repeat 0 0 ; width:200px; height:185px;}
#qmenu_button_004 img{ opacity:0;
-webkit-trasition:transition: all .5s;
-o-transition: all .5s;
transition: all .5s;}
#qmenu_button_004:hover img{opacity:1;}

#qmenu_button_005{ background:url(../images/shin/q05.png) no-repeat 0 0; width:200px; height:185px;}
#qmenu_button_005 img{ opacity:0; 
-webkit-transition:transition: all .5s;
-o-transition: transition: all .5s;
transition: all .5s;}
#qmenu_button_005:hover img{opacity:1;}


#qmenu_button_006{ background:url(../images/shin/q06.png) no-repeat 0 0; width:200px; height:185px;}
#qmenu_button_006 img{ opacity:0; 
-webkit-transition:transition: all .5s;
-o-transition: transition: all .5s;
transition: all .5s;}
#qmenu_button_006:hover img{opacity:1;}




.main_content_wrap{ width:100%; height:335px; overflow:hidden}
.main_content_total{ width:1200px; height:212px; overflow:hidden; margin:60px auto; border-bottom:1px solid #ccc; border-top:2px solid #061a5a}
.notice, .inquary{ width:399px; height:212px; border-left:1px solid #ccc; float:left}
.notice_title, .inquary_title{ padding:27px 0 20px 30px; position:relative}
.notice_title a, .inquary_title a{ position:absolute; top:30px; right:30px;}
.quick{ float:left; width:399px; overflow:hidden; height:212px; border-right:1px solid #ccc}
.quick_1{ float:left; width:198px; height:212px; border-right:1px solid #ccc; border-left:1px solid #ccc}
.quick_2{ float:left;  height:212px; width:199px; overflow:hidden }



.main_content_wrap1{ width:100%; height:220px; overflow:hidden; background:url(../images/main_content_bg.png) no-repeat top; margin:0 auto;}
.main_content_total1{ width:1200px; overflow:hidden; height:220px; margin:0 auto}


.customer{ float:left; margin-right:55px; margin-top:40px;}
.qrcode{ float:left;margin-right:115px;margin-top:40px;}
.customer2{ float:left;margin-top:40px;}