@charset "UTF-8";

.row1 {position: relative;}
.row1 .visual_slider .item {height: 600px; padding-bottom: 155px; background: url('/images/main/visual_img01.jpg') no-repeat center bottom/cover; font-size: 0; text-align: center;}
.row1 .visual_slider .item:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
.row1 .visual_slider .item .inner {display: inline-block; max-width: 1200px; font-size: 15px; vertical-align: middle; letter-spacing: 3px; -ms-word-break: keep-all; word-break: keep-all;}
.row1 .visual_slider .item .inner .t1 {margin-bottom: 15px; color: #fff; font-family: 'NanumSquare'; font-size: 3.5em; font-weight: 900; text-shadow: 2px 2px 11px rgba(0, 0, 0, 0.53); letter-spacing: -0.5px;}
.row1 .visual_slider .item .inner .t1 em {color: #fec640;}
.row1 .visual_slider .item .inner .t2 {color: #fff; font-size: 1.7em; font-weight: 500; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.53); letter-spacing: -0.1px;}
.row1 .visual_slider .item .inner .t2 em {color: #fec640;}
.row1 .visual_slider .slick-arrow {width: 64px; height: 109px; z-index: 1;}
.row1 .visual_slider .slick-arrow:before {display: none;}
.row1 .visual_slider .slick-prev {left: 60px; background: url('/images/main/visual_prev.png') no-repeat center/contain;}
.row1 .visual_slider .slick-next {right: 60px; background: url('/images/main/visual_next.png') no-repeat center/contain;}
.row1 .visual_slider .slick-dots {bottom: 190px;}
.row1 .visual_slider .slick-dots li {margin: 0 11px;}
.row1 .visual_slider .slick-dots li button {width: 18px; height: 18px; border-radius: 50%; border: 2px solid #fff;}
.row1 .visual_slider .slick-dots li.slick-active button {background-color: #fec640; border-color: #fec640;}
.row1 .visual_slider .slick-dots li button:before {display: none;}
.row1 .quick_btn_list {position: absolute; left: 0; bottom: 50px; width: 100%;}
.row1 .quick_btn_list .quick_list {max-width: 1200px; margin: 0 auto; border-radius: 9px; overflow: hidden;}
.row1 .quick_btn_list .quick_list > li {display: table; float: left; width: 20%; border-right: 1px solid #e5e5e5; }
.row1 .quick_btn_list .quick_list > li:last-child {border-right: 0;}
.row1 .quick_btn_list .quick_list > li a {display: table-cell; height: 102px; background-color: #fff; color: #000; vertical-align: middle; text-align: center;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.row1 .quick_btn_list .quick_list > li a .ico {display: inline-block; margin-right: 15px; vertical-align: middle;}
.row1 .quick_btn_list .quick_list > li a span {display: inline-block; font-size: 1.133em; vertical-align: middle;}
.row1 .quick_btn_list .quick_list > li:hover a {background-color: #1957aa; color: #fff;}
.row1 .quick_btn_list .quick_list > li:hover a .ico img {opacity: 0;}
.row1 .quick_btn_list .quick_list > li.li01:hover a .ico {background: url('/images/main/quick_ico01_on.png') no-repeat center/contain;}
.row1 .quick_btn_list .quick_list > li.li02:hover a .ico {background: url('/images/main/quick_ico02_on.png') no-repeat center/contain;}
.row1 .quick_btn_list .quick_list > li.li03:hover a .ico {background: url('/images/main/quick_ico03_on.png') no-repeat center/contain;}
.row1 .quick_btn_list .quick_list > li.li04:hover a .ico {background: url('/images/main/quick_ico04_on.png') no-repeat center/contain;}
.row1 .quick_btn_list .quick_list > li.li05:hover a .ico {background: url('/images/main/quick_ico05_on.png') no-repeat center/contain;}

.row2 {padding: 30px 0;}
.row2 .left_box {position: relative; float: left; width: 50%; padding-left: 130px;}
.row2 .left_box .tit_box {position: absolute; left: 0; top: 20px;}
.row2 .left_box .tit_box .tit {margin-bottom: 15px; font-size: 1.6em; font-weight: 700;}
.row2 .left_box .tit_box .notice_nav {margin-bottom: 25px; text-align: center;}
.row2 .left_box .tit_box .notice_nav .nav {display: inline-block; position: relative; width: auto; vertical-align: middle;}
.row2 .left_box .tit_box .notice_nav .nav img {vertical-align: middle; width: 22px;}
.row2 .left_box .tit_box .notice_nav .bar {display: inline-block; width: 1px; height: 13px; margin: 0 8px; background-color: #ccc; vertical-align: middle;}
.row2 .left_box .tit_box .more_btn {display: inline-block; width: 100%; height: 26px; line-height: 26px; background-color: #f38a23; color: #fff; border-radius: 20px; text-align: center;}
.row2 .left_box .notice_slider .item dl {display: table; width: 100%; margin: 7px 0; table-layout: fixed;}
.row2 .left_box .notice_slider .item dl dt {display: table-cell; width: 45px; vertical-align: middle; text-align: center;}
.row2 .left_box .notice_slider .item dl dt .day {display: block; color: #071d2b; font-size: 1.867em; font-weight: 700; letter-spacing: 1px;}
.row2 .left_box .notice_slider .item dl dt .date {display: block; color: #575757; font-size: 11px; font-weight: 300;}
.row2 .left_box .notice_slider .item dl dd {display: table-cell; padding-left: 15px; vertical-align: middle;}
.row2 .left_box .notice_slider .item dl dd a {display: inline-block; max-width: 100%; color: #575757; font-size: 1.067em; font-weight: 300;}
.row2 .left_box .notice_slider .item dl dd a:hover {text-decoration: underline;}
.row2 .right_box {float: left; width: 50%; padding-left: 30px;} 
.row2 .right_box > div {float: left; width: 50%;}
.row2 .right_box > div .tit {height: 58px; line-height: 58px; color: #fff; font-size: 1.467em; font-weight: 700; text-align: center;}
.row2 .right_box > div .tit:after {display: inline-block; content:''; width: 23px; height: 23px; margin-left: 7px; margin-top: -4px; background: #00798f url('/images/main/main_down_arr.png') no-repeat center; border-radius: 50%; vertical-align: middle;}
.row2 .right_box > div .con {height: 125px;}
.row2 .right_box .state_box .tit {background-color: #0098aa;}
.row2 .right_box .state_box .con {padding: 3px 10px 0; background-color: #2ca4b5;}
.row2 .right_box .state_box .con .state_list {max-width: 223px; margin: 0 auto;}
.row2 .right_box .state_box .con .state_list > li {padding: 12px 6px; border-bottom: 1px solid rgba(255,255,255,0.27); color: #fff; overflow: hidden;}
.row2 .right_box .state_box .con .state_list > li:last-child {border-bottom: 0;}
.row2 .right_box .state_box .con .state_list > li .t1 {margin-top: 5px; font-size: 1.133em; font-weight: 500; float: left;}
.row2 .right_box .state_box .con .state_list > li .t2 {font-size: 1.133em; font-weight: 300; float: right;}
.row2 .right_box .state_box .con .state_list > li .t2 .num {display: inline-block; margin-right: 10px; margin-top: -4px; font-size: 1.765em; font-weight: 700; vertical-align: middle;}
.row2 .right_box .call_box .tit {background-color: #3c5d9f;}
.row2 .right_box .call_box .tit:after {background-color: #1e4184;}
.row2 .right_box .call_box .con {padding: 0 10px; background: #4b69a9 url('/images/main/call_bg.jpg') no-repeat right bottom;}
.row2 .right_box .call_box .con .call_list {padding-top: 15px; text-align: center;}
.row2 .right_box .call_box .con .call_list > li {margin-bottom: 5px; color: rgba(255,255,255,0.7); font-weight: 300;}
.row2 .right_box .call_box .con .call_list > li a {color: rgba(255,255,255,0.7);}
.row2 .right_box .call_box .con .call_list > li:last-child {margin-bottom: 0;}
.row2 .right_box .call_box .con .call_list > li .name {display: inline-block; color: #fff; margin-right: 10px; font-weight: 500;}