#header{ width: 100%; border-bottom: none; position: absolute; top: 0; left: 0;}
.header_inner h1{left: 0;     transform: translate(0%, -50%)}

#visual{position: relative; width: 100%;}
.visual_inner{position: relative; width: 1300px; margin: 0 auto; }
.visual_inner .txt_box{position: absolute; left: 200px; top: 50%; transform: translate(0, -50%); z-index: 3;}
.visual_inner .txt_box .top{font-size: 20px; color:#777; font-family: '아리따돋움', 'aritadm', sans-serif; margin-bottom: 20px; text-shadow: 0px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 0px #fff; -moz-text-shadow: 0px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 0px #fff; -webkit-text-shadow: 0px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 0px #fff;}
.visual_inner .txt_box .con{font-size: 34px; color:#555; letter-spacing: -0.05em; line-height: 1.6em; margin-bottom: 25px;  text-shadow: 0px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 0px #fff; -moz-text-shadow: 0px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 0px #fff; -webkit-text-shadow: 0px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 0px #fff;}
.visual_inner .txt_box .con .type01{font-size: 45px; font-weight: bold; color:#00a0e9;  text-shadow: 0px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 0px #fff; -moz-text-shadow: 0px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 0px #fff; -webkit-text-shadow: 0px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 0px #fff;}
.visual_inner .txt_box .con .type02{font-size: 45px; font-weight: bold; color:#1977a4;  text-shadow: 0px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 0px #fff; -moz-text-shadow: 0px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 0px #fff; -webkit-text-shadow: 0px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 0px #fff;}
.visual_inner .txt_box .bot{font-size: 14px; color:#292521; line-height: 1.4em; letter-spacing: -0.05em; font-weight: bold;  text-shadow: 0px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 0px #fff; -moz-text-shadow: 0px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 0px #fff; -webkit-text-shadow: 0px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 0px #fff;}

.visual_inner .visual_slide{position: relative; width: 100%; overflow: hidden; z-index: 1;}
.visual_inner .visual_slide .list{float: left;}
/* 비주얼 도트 */
.slick-dots{position: absolute; bottom:130px; left: 200px; display: inline-block; margin: 0 auto; z-index: 9999; text-align: center;}
.slick-dots li{display: inline-block; margin-right: 5px;}
.slick-dots li:last-child{margin-right: 0;}
.slick-dots button{display: inline-block; width: 12px; height: 12px; background:#888; border-radius: 20px; text-indent: -99999px;}
.slick-dots li.slick-active button{background:#fd9b24;}

.visual_inner .play_stop_btn{position: absolute; bottom: 100px; left: 200px; width:34px; height: 14px; line-height: 9px; border: 1px solid #525252; background: #fafafa; border-radius: 5px; display: inline-block;font-size: 12px; color:#000; z-index: 3;}

#container{min-height: 500px;}
.container_inner{padding: 0 0 20px 0;}
.gnb_wrap{position: relative; width: 100%; height: 40px; background:#3376b6;}
.gnb_wrap .gnb:after{content:''; display: block; clear: both;}
.gnb_wrap .gnb>li:not(.all){float: left; width: 165px; position: relative;}
.gnb_wrap .gnb>li.all{float: left; width: 155px; background: #000; position: none;}
.gnb_wrap .gnb>li>a{position: relative; display: block; height: 40px; line-height: 40px; text-align: center; color:#fff; font-size: 15px; font-weight: 800;}
.gnb_wrap .gnb>li>a.line:before{content: ''; display: block; width: 1px; height: 10px; background: #fff; position: absolute; right: 0; top: 50%; margin-top: -5px;}
.gnb_wrap .gnb>li.all>a{text-align: left; padding: 0 20px; position: relative; font-size: 14px;}
.gnb_wrap .gnb>li.all>a:before{content: ''; display: block; width: 7px; height: 4px; background: url('/img/all_menu_ico.png')no-repeat center center; position: absolute; top: 50%; right: 20px; margin-top: -2px; transform: rotate(180deg);}
.gnb_wrap .gnb>li:hover .depth02{display: block;}
.gnb_wrap .gnb>li .depth02{display: none; position: absolute; bottom: 40px; left: 0; right: 0; height: 210px; background: rgba(0,0, 0, .5); padding: 30px 0 0 0; z-index: 5;}
.gnb_wrap .gnb>li .depth02 li{text-align:left; padding-left: 45px; height: 30px;}
.gnb_wrap .gnb>li .depth02 li a{font-size: 14px; color:#fff; font-weight: bold; padding-left: 10px; position: relative;}
.gnb_wrap .gnb>li .depth02 li a:before{content: ''; display: block; width: 3px; height: 3px; background:#fff; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.gnb_wrap .gnb>li.all .depth_wrap{display: none;}
.gnb_wrap .gnb>li.all .depth_wrap{position: absolute; bottom: 40px; left: 0; right: 0; height: 210px; background: rgba(0,0, 0, .5); padding: 30px 0 0 0; z-index: 5;}
.gnb_wrap .gnb>li.all .depth_wrap .all_depth02{float: left; width: 165px; height: 100%;}
.gnb_wrap .gnb>li.all .depth_wrap .all_depth02 li{text-align:left; padding-left: 50px; height: 30px;}
.gnb_wrap .gnb>li.all .depth_wrap .all_depth02 li a{font-size: 14px; color:#fff; font-weight: bold; padding-left: 10px; position: relative;}
.gnb_wrap .gnb>li.all .depth_wrap .all_depth02 li a:before{content: ''; display: block; width: 3px; height: 3px; background:#fff; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}

.quick_menu{width: 100%; margin: 0 0 40px 0;}
.quick_menu ul{overflow: hidden; border-left: 1px solid #d1d1d1;}
.quick_menu ul li{float: left; width: 33.33%; height: 100px; padding: 25px; 0 0 55px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; position: relative;}
.quick_menu ul li.list01:before{content: ''; display: block; width: 52px; height: 40px; background: url('/img/quick_list01.png')no-repeat center center; position: absolute; top: 50%; right: 55px; transform: translate(0, -50%)}
.quick_menu ul li.list02:before{content: ''; display: block; width: 55px; height: 58px; background: url('/img/quick_list02.png')no-repeat center center; position: absolute; top: 50%; right: 55px; transform: translate(0, -50%)}
.quick_menu ul li.list03:before{content: ''; display: block; width: 46px; height: 56px; background: url('/img/quick_list03.png')no-repeat center center; position: absolute; top: 50%; right: 55px; transform: translate(0, -50%)}
.quick_menu ul li.list04:before{content: ''; display: block; width: 49px; height: 46px; background: url('/img/quick_list04.png')no-repeat center center; position: absolute; top: 50%; right: 55px; transform: translate(0, -50%)}
.quick_menu ul li.list05:before{content: ''; display: block; width: 51px; height: 50px; background: url('/img/quick_list05.png')no-repeat center center; position: absolute; top: 50%; right: 55px; transform: translate(0, -50%)}
.quick_menu ul li.list06:before{content: ''; display: block; width: 40px; height: 56px; background: url('/img/quick_list06.png')no-repeat center center; position: absolute; top: 50%; right: 55px; transform: translate(0, -50%)}
.quick_menu ul li:nth-child(3n){width: 33.34%;}
.quick_menu ul li a{display: block; height: 100%;}
.quick_menu ul li a dt{font-size: 16px; font-weight: bold; color:#333; letter-spacing: -0.025em; margin-bottom: 15px;}
.quick_menu ul li a dd{font-size: 11px; color:#888; line-height: 1.4em;}

.bord_wrap{width: 100%; overflow: hidden; margin: 0 0 20px 0;}
.bord_wrap .bord{float: left; width: 320px; margin: 0 30px 0 0; position: relative;}
.bord_wrap .bord h2{height: 45px; line-height: 45px; font-size: 18px; color:#333; font-weight: bold;}
.bord_wrap .bord ul{border-top: 1px dotted #9ea2ae;}
.bord_wrap .bord ul li{position: relative; height: 31px; line-height: 30px; border-bottom: 1px dotted #9ea2ae; padding: 0 60px 0 55px;}
.bord_wrap .bord ul li em{position: absolute; left: 0; top: 50%; transform: translate(0, -50%); display: block; text-align: center; width: 53px; height: 17px; line-height: 17px; font-size: 12px; border-radius: 5px; font-weight: bold; color:#fff; letter-spacing: -1px; background:#999; }
.bord_wrap .bord ul li.point em{background:#189df6;}
.bord_wrap .bord ul li.point2 em{background:#faa116;}
.bord_wrap .bord ul li.point3 em{background:#4999c9;}
.bord_wrap .bord ul li a{display: block; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bord_wrap .bord ul li span{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); font-size: 12px; color:#bbb;}
.bord_wrap .bord .plus{position: absolute; right: 0; top: 15px; width: 17px; height: 17px; text-align: center; line-height: 17px; background:#3d4353; color:#fff;}
.bord_wrap .customer{float: right;}
.bord_wrap .customer>a{display: block; height: 100%;}
.bord_wrap .customer dl{padding:20px 0 15px 90px; position: relative;}
.bord_wrap .customer dl dt{font-size: 16px; color:#333333; font-weight: bold; margin-bottom: 5px;}
.bord_wrap .customer dl.list01 dd{font-size: 11px; color:#888; letter-spacing: -0.025em; line-height: 1.4em;}
.bord_wrap .customer dl.list01:before{content: ''; display: block; width: 66px; height: 66px; background: url('/img/email_bg.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.bord_wrap .customer dl.list02 dd{font-size: 25px; color:#faa116; letter-spacing: -0.025em; font-weight: bold;}
.bord_wrap .customer dl.list02:before{content: ''; display: block; width: 66px; height: 66px; background: url('/img/call_bg.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}

.partner_wrap{width: 100%; height: 66px; overflow: hidden;}
.partner_wrap .title_wrap{float: left; width: 116px; height: 66px; line-height: 66px; background:#0d6fb8; text-align: center; color:#fff; font-size: 14px; font-weight: bold;}
.partner_wrap .rolling_wrap{float: left; width: 864px; height: 66px; border: 1px solid #d1d1d1; border-left: none; line-height: 64px;}
.partner_wrap .rolling_wrap ul{overflow: hidden;}
.partner_wrap .rolling_wrap ul li{float: left; width: 140px; height: 64px;}
.partner_wrap .rolling_wrap ul li a{display: block; width: 100%;}