@charset "euc-kr";

@font-face{
    font-family:'NotoSansR';
    src:local('./fonts/notokr-regular.ttf'),
    url('./fonts/notokr-regular.woff') format('woff'),
    url('./fonts/notokr-regular.eot'),
    url('./fonts/notokr-regular.woff2') format('woff2')
}

@font-face{
    font-family:'NotoSansM';
    src:local('./fonts/notokr-medium.ttf'),
    url('./fonts/notokr-medium.woff') format('woff'),
    url('./fonts/notokr-medium.eot'),
    url('./fonts/notokr-medium.woff2') format('woff2')
}

body, input, button, textarea, select, a {font-family:'NotoSansR',sans-serif;}
.wrap {width:100%; min-width:1200px; margin:0 auto;}
.container {width:100%; min-width:1200px; max-width:1200px; margin:0 auto;}

.header .l_header {width:100%; height:80px; line-height:80px; box-sizing:border-box;}
.header .l_header .main_logo {float:left; width:270px; height:80px; line-height:80px;}
.header .l_header .main_logo a {display:block; width:100%; height:100%; text-indent:-9999px; background:url(../images/main_logo.png) 0 50% no-repeat;}

.header .l_header .side_menu {float:right;}
.header .l_header .side_menu li {float:left;}
.header .l_header .side_menu li a {display:block; font-family:'NotoSansM',sans-serif; font-size:15px; line-height:80px; letter-spacing:-0.065rem; color:#666; padding-left:23px;}

.header .gnb_wrap {position:relative; width:100%; height:55px; line-height:55px; border-width:1px 0; border-style:solid; border-color:#eee #ddd; box-sizing:border-box;}
.header .gnb {width:1200px; height:55px; margin:-1px auto 0;}
.header .gnb li {position:relative; float:left; width:200px;}
.header .gnb li a {display:block; width:100%; height:55px; font-family:'NotoSansM',sans-serif; font-size:18px; letter-spacing:-0.085rem; color:#444; text-align:center; border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
.header .gnb li:hover a, .header .gnb li.on a {color:#1da1f2; border-bottom:1px solid #1da1f2;}

.gnb_bg {display:none; position:absolute; top:54px; width:100%; height:370px; background:#fff; border-bottom:1px solid #e5e5e5; box-sizing:border-box; z-index:101; box-shadow:0 0 5px rgba(0,0,0,.2); overflow:hidden;}
.gnb_bg .depth_menu {float:left; width:200px; height:370px; padding:20px 0 50px; border-right:1px solid #e5e5e5; box-sizing:border-box;}
.gnb_bg .depth_menu:first-child {border-left:1px solid #e5e5e5;}
.gnb_bg .depth_menu li {width:100%; height:34px; line-height:34px; text-align:center;}
.gnb_bg .depth_menu li a {display:block; width:100%; height:100%; font-family:'NotoSansM',sans-serif; font-size:15px; line-height:17px; letter-spacing:-0.065rem; color:#888;}
.gnb_bg .depth_menu li:hover a {color:#1da1f2; text-decoration:underline;}

/* FOOTER CSS */
.footer {width:100%; height:250px; background:#f8f8f8;}
.footer .foot_lnk {width:100%; height:65px; line-height:65px; border-bottom:1px solid #eee; margin:0 auto 30px; box-sizing:border-box;}
.footer .foot_lnk li {float:left;}
.footer .foot_lnk li a {display:block; width:100%; height:100%; padding:0 25px;}
.footer .foot_lnk li:first-child a {padding-left:0;}

.footer .foot_info .info {float:left; width:750px; word-break:keep-all;}
.footer .foot_info .info span {display:inline-block; font-family:'NotoSansM',sans-serif; font-size:15px; line-height:26px; letter-spacing:-0.065rem; color:#888;}
.footer .foot_info .info span:after {content:''; display:inline-block; width:1px; height:12px; background:#ddd; vertical-align:middle; margin:0 11px;}
.footer .foot_info .info span:nth-child(3):after, .footer .foot_info .info span:nth-child(n+5):after {display:none;}
.footer .foot_info .info .copy {display:block; font-family:'Roboto',sans-serif; font-size:14px; line-height:28px; color:#aaa; letter-spacing:0; margin-top:16px;}

.footer .foot_info .bank {float:right; width:250px; text-align:right;}
.footer .foot_info .bank strong {font-family:'NotoSansM',sans-serif; font-size:17px; line-height:28px; letter-spacing:-0.065rem; color:#1da1f2;}
.footer .foot_info .bank .num {display:block; font-family:'NotoSansM',sans-serif; font-size:18px; line-height:28px; letter-spacing:-0.065rem; color:#333;}
.footer .foot_info .bank .name {font-family:'NotoSansM',sans-serif; font-size:16px; line-height:28px; letter-spacing:-0.065rem; color:#ababab;}

/* Main CSS */
.M_contents {width:100%; margin:20px auto 0;}

.M_visual_wrap {width:100%; height:360px; margin:0 auto 20px;}
.M_visual {float:left; width:860px; height:360px;}
.M_visual .slide {width:860px; height:360px; text-indent:-9999px; background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}

.M_visual .controls {position:absolute; top:50%; width:100%; margin-top:-28.5px; padding:0 30px; box-sizing:border-box; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transition:opacity 0.4s; z-index:101;}
.M_visual:hover .controls {opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
.M_visual .controls span {position:absolute; width:29px; height:57px; background:url(../images/main_prev.png) no-repeat; text-indent:-9999px; cursor:pointer;}
.M_visual .controls .m_next {right:30px; background:url(../images/main_next.png) no-repeat;}

.M_lnk {float:left; width:340px; height:360px;}
.M_lnk li {width:340px; height:120px; background:#1da1f2 url(../images/ico/quick_ico1.png) 40px 50% no-repeat;}
.M_lnk li:nth-child(2) {background:#0568c4 url(../images/ico/quick_ico2.png) 44px 50% no-repeat;}
.M_lnk li:nth-child(3) {background:#004993 url(../images/ico/quick_ico3.png) 33px 50% no-repeat;}
.M_lnk li a {display:block; width:100%; height:100%; padding:25px 35px 0 140px; box-sizing:border-box;}
.M_lnk li .ttl {display:block; font-family:'NotoSansM',sans-serif; font-size:20px; letter-spacing:-0.085rem; color:#fff; margin-bottom:14px;}
.M_lnk li .txt {font-family:'NotoSansM',sans-serif; font-size:14px; line-height:19px; letter-spacing:-0.085rem; color:#fff; word-break:keep-all;}


.M_board_wrap {width:100%; height:300px; border:1px solid #ddd; margin:0 auto 40px; box-sizing:border-box;}
.M_board_wrap .board_box {float:left; width:430px; height:300px; border-right:1px solid #ddd; padding:17px 34px 0 35px; box-sizing:border-box;}
.M_board_wrap .board_box:last-child {width:338px; border-right:none; padding:16px 28px 0 29px;}
.M_board_wrap .board_box:last-child .ttl {border-bottom:none; height:55px; line-height:55px;}
.M_board_wrap .board_box:last-child .ttl h2 {line-height:55px;}

.M_board_wrap .board_box .ttl {width:100%; height:60px; line-height:60px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.M_board_wrap .board_box .ttl h2 {float:left; font-family:'NotoSansM',sans-serif; font-size:20px; line-height:60px; letter-spacing:-0.065rem; color:#333;}
.M_board_wrap .board_box .ttl a {float:right; width:16px; height:60px; line-height:60px; text-align:right;}

.M_board_wrap .board_box .controls {float:right; width:51px; height:25px; margin-top:15px; overflow:hidden;}
.M_board_wrap .board_box .controls span {float:left; width:25px; height:25px; background:#d9d9d9 url(../images/ico/ver_up.png) 50% 50% no-repeat; text-indent:-9999px; cursor:pointer;}
.M_board_wrap .board_box .controls .ver_up {margin-left:1px; background:#d9d9d9 url(../images/ico/ver_down.png) 50% 50% no-repeat;}

.M_board_wrap .board_box .list {margin:14px 0 0;}
.M_board_wrap .board_box .list li a {display:inline-block; max-width:240px; font-family:'NotoSansR',sans-serif; font-size:15px; line-height:34px; letter-spacing:-0.065rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.M_board_wrap .board_box .list li:hover a {text-decoration:underline;}
.M_board_wrap .board_box .list li .date {float:right; font-family:'Roboto',sans-serif; font-size:14px; line-height:34px; color:#999;}

.M_board_wrap .ver_visual {width:280px; /*height:190px !important;*/}
.M_board_wrap .ver_visual .slide {width:280px; height:90px; margin-bottom:10px;}

/* sub */
.S_visual {width:100%; height:180px; background:url(../images/sub/sub_vis.jpg) 50% 50% no-repeat; background-size:cover; text-align:center; padding-top:55px; margin-bottom:30px; box-sizing:border-box;}
.S_visual h2 {font-family:'NotoSansM',sans-serif; font-size:40px; line-height:50px; letter-spacing:-0.065rem; color:#fff; text-shadow:0 2px 5px rgba(0,0,0,.75);}
.S_visual p {font-family:'NotoSansM',sans-serif; font-size:17px; line-height:30px; letter-spacing:-0.065rem; color:#fff; text-shadow:0 2px 5px rgba(0,0,0,.75);}