@charset "utf-8";
#container { width:100%; padding-top:30px; background:url('/images/main/bg_container.gif') repeat-x 0 bottom}
.service_wrap { position:relative; width:1200px; margin:0 auto; }
.service_wrap:after { content:""; clear:both; display:block}
.orgPhone { display:none}

.commu_wrap { position:relative; width:1200px; margin:30px auto 0; padding:40px 0; }
.commu_wrap:after { content:""; clear:both; display:block}


.visual_wrap { position:relative; float:left; width:893px; margin-right:30px;  }
.mainhoverbox { position:absolute; bottom:0; left:0; width:100%; z-index:6}
.mainhoverbox div {position:absolute; bottom:77px; left:0; width:100%; }
.mainhoverbox h2 { position:absolute; bottom:-77px; width:33.33%; z-index:5}
.mainhoverbox .bgbox1 h2 { left:0}
.mainhoverbox .bgbox2 h2 { left:33.33%}
.mainhoverbox .bgbox3 h2 { left:66.66%}
.mainhoverbox h2 a { display:block; height:77px; border-left:1px solid rgba(255,255,255,.2); line-height:77px; color:#fff; font-size:18px; font-family:'Noto Sans KR', sans-serif; text-align:center; background:rgba(0,57,100,.8); }
.mainhoverbox h2 a:hover,
.mainhoverbox h2 a:focus,
.mainhoverbox div.hover h2 a { text-decoration:none; background:rgba(0,57,100,1); }
.mainhoverbox h2 a img { margin-right:16px;}

.mainhoverbox ul { display:none; width:100%; height:349px; padding:50px; box-sizing:border-box; background:rgba(0,57,100,.8);}
.mainhoverbox div.hover ul { background:rgba(0,57,100,1);}
.mainhoverbox li { display:inline-block; width:33%; margin-bottom:10px; padding-left:15px; box-sizing:border-box; vertical-align:top; background:url('/images/main/imgDot02.png') no-repeat 0 50%}
.mainhoverbox li a { color:rgba(255,255,255,.8); }
.mainhoverbox .bgbox1 h2 a { border-left:0}

.main-visual { overflow:hidden; width:100%; height:426px; z-index:1;}
.main-visual h3{ display:none; position:absolute; top:166px; padding:24px 0 5px 4px; width:191px; height:30px; border-bottom:2px solid #5d5d5d; color:#3c4140;}
.main-visual #number { position:absolute; top:15px; right:15px; z-index:5}
.main-visual #number li{ float:left; margin-left:2px; overflow:hidden; border-radius:3px;;}
.main-visual ol li a{ display:block; width:23px; color:#fff; text-decoration:none; text-align:center; line-height:23px; background:#8b8b8b}
.main-visual ol li a:hover,
.main-visual ol li a:focus,
.main-visual ol li a:active,
.main-visual ol li a.hover { background:#0082bc}
.main-visual p a { position:absolute; top:160px; z-index:5}
.main-visual p a#btnprev01 { left:26px}
.main-visual p a#btnnext01 { right:26px}
.main-visual div { position:relative; width:100%}
.main-visual div ul { position:absolute; top:0; left:0; overflow:hidden; width:10000px; height:426px;}
.main-visual ul li{ float:left; width:893px; height:426px;}


.bn_service { float:left; width:277px; }
.bn_service h2 { position:relative; color:#fff; font-size:20px; font-family:'Noto Sans KR', sans-serif; line-height:60px; text-align:center; background:#478edc}
.bn_service h2:after { content:""; display:block; position:absolute; top:45px; left:50%; width:24px; height:24px; margin-left:-12px; transform:rotate(45deg); background:#478edc; z-index:5}
.bn_service ul { padding:5px 12px; background:#e9e9e9}
.bn_service li { position:relative; padding:8px 0 ;border-top:1px solid #c8c8c8; color:#888; font-size:12px; font-family:'Noto Sans KR', sans-serif; line-height:20px;}
.bn_service li:first-child { border-top:0}
.bn_service li a:hover,
.bn_service li a:focus { text-decoration:none}
.bn_service li strong { display:block; color:#555; font-size:13px;}
.bn_service li a { position:absolute; top:10px; right:0; width:68px; padding:0 10px; border-radius:3px; color:#fff; font-size:11px;  font-family:'Nanum Gothic'; line-height:20px; letter-spacing:-1px; background:#01366a}


/* board_wrap */
#i_box2 { margin-left:30px}
.board_wrap { position:relative; float:left; width:523px; height:248px; margin-top:30px; padding:0 30px; border:1px solid #e5e5e5 }
.board>a { position:absolute; top:0; padding:0 20px; color:#555; font-size:16px; font-weight:600; line-height:49px; z-index:1}
.board>a:hover,
.board>a:focus,
.board>a.hover { border-bottom:2px solid #478edc; color:#478edc; text-decoration:none}
.board>a#tab1,
.board>a#tab01 { left:30px}
.board>a#tab2,
.board>a#tab02 { left:132px}
.board>a#tab3 { left:254px}
.board>a#tab03 { left:234px}
.board>a#tab4 { left:350px}
.board div { position:relative; display:none; width:100%; margin-top:50px; padding-top:25px; border-top:1px solid #d3d3d3}
.board li { margin-bottom:10px; padding-left:10px; background:url(/images/main/ico01_mainbox02.gif) no-repeat 0 50%}
.board li a { display:inline-block; width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#555; }
.board li a:hover,
.board li a:focus { color:#478edc}
.board li .date { float:right; color:#8d8d8d}
.board .main_more{ position:absolute; top:-36px; right:0;}


.banner_zone { position:relative; float:left; width:280px; background:#fff}
.banner_zone h2 { padding:0 30px; border-bottom:1px solid #e5e5e5; color:#000; font-size:16px; line-height:50px; }
.banner_zone .btn01 { position:absolute; top:13px; right:30px; }
.banner_zone .btn01 li { float:left; margin-left:-1px;}
.banner_zone #mainscroll03 { padding:20px 30px 10px 30px}
.banner_zone #mainscroll04 { padding:0 30px 20px 30px}


.hot_issue { position:relative; float:left; width:275px; margin-left:30px; background:#fff}
.hot_issue h2 { padding:0 20px; border-bottom:1px solid #e5e5e5; color:#000; font-size:16px; line-height:50px; }
.hot_issue .btn01 { position:absolute; top:13px; right:30px; }
.hot_issue .btn01 li { float:left; margin-left:-1px;}
.hot_issue #mainscroll05 { height:170px; overflow:hidden; padding:20px 30px; }
.hot_issue #mainscroll05 ul:after { content:""; clear:both; display:block;}
.hot_issue #scrollbox05 ul { margin-bottom:20px; padding-bottom:19px; border-bottom:1px solid #e5e5e5; }
.hot_issue #scrollbox05 li { float:left; width:120px; color:#666}
.hot_issue #scrollbox05 li.thumb { width:84px; margin-right:10px;}
.hot_issue #scrollbox05 li a { display:block; height:34px; overflow:hidden; margin-top:10px; color:#3c4140; font-weight:600; line-height:120%; word-break:keep-all}


.custom_wrap { float:left; width:525px; margin-left:30px; padding:30px; background:#fff}
.custom_wrap .bn_custom { float:left; width:236px; margin-right:30px; padding-right:30px; border-right:1px solid #e5e5e5}
.custom_wrap .bn_custom li { height:60px; padding:15px 0 15px 80px; }
.custom_wrap .bn_custom li a { display:block; color:#555; word-break:keep-all }
.custom_wrap .bn_custom li a strong { display:block; margin-bottom:10px; font-size:16px; }
.custom_wrap .bn_custom li.csDown { padding-bottom:25px; margin-bottom:10px; border-bottom:1px solid #e5e5e5; background:url('/images/main/imgMinwon.png') no-repeat 0 15px}
.custom_wrap .bn_custom li.csMap { background:url('/images/main/imgContact.png') no-repeat 0 15px}

.custom_wrap .csTel { float:left; width:148px; height:60px; padding:15px 0 15px 80px; background:url('/images/main/imgTel.png') no-repeat 0 15px;}
.custom_wrap .csTel dt { margin-top:6px; color:#555}
.custom_wrap .csTel dd { color:#555; font-size:25px; font-family:'Noto Sans KR', sans-serif; letter-spacing:-1px}

.custom_wrap .bn_social { float:left; width:228px; margin-top:10px; padding-top:20px; border-top:1px solid #e5e5e5; }
.custom_wrap .bn_social li { float:left; width:60px; padding:0 8px; text-align:center}
.custom_wrap .bn_social li a { display:block; color:#555; font-size:12px; }
.custom_wrap .bn_social li span { display:block; margin-top:5px; }


/* mainbox04 */
#mainbox04 { position:relative; float:left; width:100%; height:42px; margin-top:30px; padding:24px 0; background:#fff; }
#mainbox04 div{ float:left; margin-left:25px; overflow:hidden; width:1060px; }
#mainbox04 div ul{ height:42px; overflow:hidden;}
#mainbox04 div li{ float:left; margin-right:9px;}
#mainbox04 div li img{ width:140px; height:40px; border:1px solid #CCC;}
#mainbox04 .btn{ float:left; margin:10px 0 0 26px; z-index:4;}
#mainbox04 .btn li{ float:left; margin-left:-1px; }