@charset "utf-8";
/**메인비주얼**/
.company_inner li,
.introduction_wrap .introduction_bg .text_wrap {
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}
.search_inner,
.box_wrap .box_wrap_inner h3 a,
.pop_box,
.pop_search_wrap{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
}
.box_wrap .box_wrap_inner h3 a em:before,
.list_link_wrap li a,
.list_link_wrap li:after {
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    -ms-transition: all 0.1s;
}
.slick-center .g_box_in .b_box_wrap,
.slick-center .g_box_in .b_box_wrap div a  {
    transition: .7s .3s;
    -webkit-transition: .7s .3s;
    -moz-transition: .7s .3s;
    -o-transition: .7s .3s;
    -ms-transition: .7s .3s;
}

/***검색**/
.search_wrap {margin-top: 102px}
.search_inner {max-width:1240px;margin:0 auto;padding: 50px 0;background: url(/usr/images/main/search_bg.png) no-repeat }
.search_inner .search_checkbox {display:table;margin:0 auto}
.search_inner .search_checkbox li {display:table-cell;font-size: 18px;line-height: 22px;font-weight: 600}
.search_inner .search_box_wrap {display: table;width: 62%;margin: 20px auto}
.search_inner .search_box_wrap .search_box {background: url(/usr/images/main/search_box_bg.png) no-repeat left top;padding: 10px;position: relative;width: calc(100% - 132px);display: inline-block}
.search_inner .search_box_wrap .search_box label {position: absolute;top: 0px;left: -1000em}
.search_inner .search_box_wrap .search_box input[type="text"] {border: 0;height: 56px;padding: 5px;width: calc(100% - 132px)}
.search_inner .search_box_wrap .search_box a {position: absolute;right: 0;top: 0;background-color: #e43c4f;color: #fff;padding: 27px 0;width: 132px;text-align: center}
.search_inner .search_box_wrap .search_box a span {background: url(/usr/images/main/search_icon.png) no-repeat left center;padding-left: 20px}
.search_inner .search_box_wrap .add_search {display: inline-block;background-color: #241f20;color: #fff;padding: 27px 0;vertical-align: top;width: 132px;text-align: center;margin-left:-4px}
.search_inner .search_box_wrap .add_search span {background: url(/usr/images/main/search_icon02.png) no-repeat left center;padding-left: 20px}
.search_inner .keyword_wrap {display:table;margin:0 auto}
.search_inner .keyword_wrap strong {display:inline-block;margin-right:10px;color: #e43c4f}
.search_inner .keyword_wrap a {display:inline-block;position:relative;margin:0 9px}
.search_inner .keyword_wrap a:after {content: '';position: absolute;height: 10px;width: 1px;background-color: #b7b7b7;top: 6px;right: -9px}
.search_inner .keyword_wrap a:last-of-type:after {background:none}
.search_link {display: table;margin: 40px auto 0}
.search_link li {display:table-cell}
.search_link li a {border-style: solid;border-width: 5px;display: inline-block;padding: 12px 8px 12px 0;text-align: right;width: 300px;margin: 0 20px;border-color: #e43c4f;color: #e43c4f;font-weight: 600;position:relative;background: url(/usr/images/main/s_icon01.png) no-repeat 7px 11px}
.search_link li:last-child a {background-position:7px -31px}

/**메인 홍보부분**/
.introduction_wrap {position: relative;z-index: 1}
.introduction_bg {max-width: 1900px;margin: 0 auto;background: #000 url(/usr/images/main/introduction_bg.png);color: #fff;background-position: center top;background-size: cover;background-attachment: fixed;padding-top: 70px}
.introduction_bg .text_wrap {display: table;margin: 0 auto;box-shadow: 0px 11px 20px 3px rgba(0, 0, 0, 0.29);position: relative;bottom:-56px}
.introduction_bg .text_wrap ul {background-color:#fff;padding: 30px 10px;width: 550px}
.introduction_bg .text_wrap ul li {float: left;width: 33.33333%;padding: 20px 0;}
.introduction_bg .text_wrap ul li a {color: #1b1b1b;display: block;text-align: center}
.introduction_bg .text_wrap ul li a img {width: auto}
.introduction_bg .text_wrap ul li a p {margin-top:10px}
.introduction_bg .text_wrap > p {background-color: #000;text-align: center;padding: 23px 15px;font-size: 16px}
.introduction_bg .text_wrap > p > em {font-family: 'Montserrat';font-weight: 600;font-size: 27px;letter-spacing: 1px}
.introduction_bg .text_wrap > p > span {padding: 0 7px;opacity: 0.6}
.introduction_bg .text_left {position: absolute;top: 25%;right: 50%;margin-right: 292px;padding-right: 36px}
.introduction_bg .text_left p {font-size: 40px;text-transform: uppercase;line-height: 42px;letter-spacing: 1px;margin-bottom: 12px;font-weight: 600;font-family: Montserrat}
.introduction_bg .text_left p > em {color: #fcae1a;display: inline-block;width: 34px;text-align: right}

/**메인 배너 영역**/
.main_banner {position: relative;padding-top: 120px;max-width: 1393px;margin: 0 auto}
.main_banner:after {content: '';background: url(/usr/images/main/main_bg.png) no-repeat right -1px;width: 50%;height: 346px;position: absolute;top: -80px;left: 50%;z-index: -1}
.bannet_wrap {display:table;margin:0 auto}
.bannet_wrap li {float:left;width:50%;padding: 0 30px}
.bannet_wrap li .bannet_inner p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.bannet_wrap li .bannet_inner .banner_text {margin: 0 30px;position: relative;bottom: 80px;background-color: #fff;padding: 20px 30px;box-shadow: 1px -11px 11px 1px rgba(0, 0, 0, 0.15);border-top: 2px solid #e43c4f}
.bannet_wrap li .bannet_inner .banner_text strong {font-size: 20px;margin-bottom: 5px;display: block}
.bannet_wrap li .bannet_inner .banner_text a {display: inline-block;border: 1px solid #c1c1c1;padding: 4px 26px 4px 17px;margin-top: 9px;font-size: 12px;letter-spacing: 0px;font-weight: 600;background: url(/usr/images/main/view.png) no-repeat 55px center}

/**박스배너 홍보영역**/
.box_wrap {position: relative;margin: 47px 0}
.box_wrap.bgtop {background-position-y:top}
.box_wrap.bgbottom {background-position-y:bottom}
.box_wrap:before {content: '';position: absolute;width: 48%;height: 100%;top: 0;right: 0;background-color: #ff4055}
.box_wrap .box_wrap_bg {position: absolute;background: url(/usr/images/main/box_wrap_bg.png) center 0 / 100%;transition: all 1s cubic-bezier(0, 0, 0, 1.01) 0s;height: 102%;width: 71%;z-index: -1;top: -47px}
.box_wrap .box_wrap_inner {max-width: 1200px;margin: 0 auto}
.box_wrap .box_wrap_inner > div {position: relative;padding: 40px 0}
.box_wrap .box_wrap_inner h3 {float: right;clear: both;width: 48%;margin: 17px 0}
.box_wrap .box_wrap_inner h3 a {display: block;margin: 0 50px;color: #fff;font-size: 22px;line-height: 31px}
.box_wrap .box_wrap_inner h3 a em {background: url(/usr/images/main/uci.png) no-repeat;display: inline-block;text-indent: -999em;width: 49px;height: 28px;margin-right: 10px}
.box_wrap .box_wrap_inner h3 a span {font-size: 15px;letter-spacing: 0;float: right;font-weight: 200;background: url(/usr/images/main/more02.png) no-repeat right 11px;padding-right: 35px}
.box_wrap .box_wrap_inner h4 {float: right;clear: both;width: 48%}
.box_wrap .box_wrap_inner h4.last {padding-bottom: 40px}
.box_wrap .box_wrap_inner h4 a {color: #fff;display: block;height:60px;border-bottom: 1px dotted rgba(255, 255, 255, 0.47);margin: 0 50px;line-height:60px;position:relative}
.box_wrap .box_wrap_inner h4 a:hover:after, .box_wrap .box_wrap_inner h4 a:focus:after {content: '';border: 2px solid #ffe470;display: block;width: 109%;height: 100%;position: absolute;top: 0;left: -19px}
.box_wrap .box_wrap_inner h4 a em {position: absolute;right: 0;display: inline-block;width: 20px;height: 20px;text-indent: -999em;top: 50%;margin-top: -9px}
.box_wrap .box_wrap_inner h4 a em:before {content: '';position: absolute;width: 1px;background-color: #fff;height: 15px;right: 8px;top: 0}
.box_wrap .box_wrap_inner h4 a em:after {content: '';position: absolute;width: 15px;background-color: #fff;height: 1px;right: 1px;top: 7px}
.box_wrap .box_wrap_inner h4 a.on em:before, .box_wrap .box_wrap_inner h4 a:hover em:before, .box_wrap .box_wrap_inner h4 a:focus em:before {transform: rotate(-90deg);}
.box_wrap .box_wrap_inner h4.last a {border-bottom:0}
.box_wrap .box_wrap_inner .text {position: absolute;padding: 1% 0;top: 90px;display: none;right: 49%}
.box_wrap .box_wrap_inner .text .box_wrap_view {color: #fff;width: 100%;text-align: right;font-weight: 200;font-size: 17px}
.box_wrap .box_wrap_inner .text .box_wrap_view p {margin-bottom: 10px;font-size: 45px;font-weight: 800}
.box_wrap .box_wrap_inner .text .box_wrap_view a {display: block;margin: 0 auto;padding: 9px;text-align: right;margin-top: 5px;color: #fff}
.box_wrap .box_wrap_inner .text .box_wrap_view a > span {background: url(/usr/images/main/more02.png) no-repeat right center;padding-right: 35px;font-size: 15px;letter-spacing: 0}

/***메인갤러리**/
.main_gallery {padding-top: 30px;position:relative;background: url(/usr/images/main/banner_slider_bg.png) no-repeat center}
/*.main_gallery:before {content: '';background: url(/usr/images/main/main_bg.png) no-repeat right -96px;width: 50%;height: 346px;position: absolute;top: -86px;right: 50%;z-index: -1;margin-right: 228px}*/
.main_gallery .gallery {padding:10px 0 50px;margin: 0 auto;max-width:1240px}
.main_gallery .gallery h2 {text-align: center;font-size: 34px;margin-bottom: 20px}
.event_wrap_in {position: relative}
.slider {max-width: 100%;margin: 0 auto 15px}
.slick-slider{display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}
.slick-initialized .slick-slide {display: block}
.main_gallery .slick-slide {float: left;min-height: 1px;transition: all 0.5s;padding: 35px}
.slick-slide img {width: 100%}
.slick-prev, .slick-next {width: 9px;height: 18px;padding: 0;cursor: pointer;bottom: 0;text-indent: -999em;background: url(/usr/images/common/controller.png) no-repeat 1px 0;z-index: 1}
.g_box_in .b_box_wrap {border: 7px solid transparent}
.slick-center {opacity: 1;}
.slick-center .g_box_in .b_box_wrap {box-shadow: 0px 0px 20px 13px rgba(0, 0, 0, 0.1);border: 7px solid #000}
.slick-center .g_box_in .b_box_wrap div {background-color: #fff}
.slick-center .g_box_in .b_box_wrap div strong {display: block;text-align: center}
.slick-center .g_box_in .b_box_wrap div a {background: #ff4055;color: #fff}
.g_box_in .b_box_wrap div {text-align:center;padding: 40px 11px}
.g_box_in .b_box_wrap div strong {    display: block;}
.g_box_in .b_box_wrap div em {height: 53px;overflow: hidden;text-overflow: ellipsis;display: inline-block;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 400;line-height: 26px;font-size: 22px;text-align: center;margin: 30px 0}
.g_box_in .b_box_wrap div p {height: 59px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-weight: 200;line-height: 19px;font-size: 15px}
.g_box_in .b_box_wrap div a {display: inline-block;margin-top: 49px;padding: 10px 30px;background: #2e2f31;color: #ffffff}
.g_box_in .text {padding: 20px}
.g_box_in .text strong {display: block;padding-bottom: 8px;font-size: 18px;color: #1b1b1b;font-weight: 600}
.g_box_in .text p {font-size: 14px;font-weight: 300;height: 44px;white-space: normal;word-wrap: break-word;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.slick-track:before, .slick-track:after {display: table;content: ''}
.slick-next, .slick-prev {position: absolute;left: 50%;bottom: -2px}
.slick-prev {margin-left:-50px}
.slick-next {margin-left: 24px;background-position: -13px 0}
.controller {width: 128px;text-align: center;color: #767676;display: table;margin: 0 auto;position: relative;font-weight: 800;font-family: Montserrat;font-size: 17px}
.controller span {margin-right: 13px;}
.controller button {width: 9px;height: 20px;display: inline-block;text-indent: -999em;background: url(/usr/images/common/controller.png) no-repeat -23px 3px;position: absolute;right: 5px;top: 1px}
.controller button.play {background-position:-39px 3px}

/**메인 스크롤 제이쿼리**/
.scroll-wrapper {overflow: hidden !important}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0}
.scroll-element {display: none}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {display: block}
.scroll-element .scroll-bar,.scroll-element .scroll-arrow {cursor: default}
.scrollbar-macosx {display:block;height: 117px;overflow: auto}
.scrollbar-macosx > .scroll-element,.scrollbar-macosx > .scroll-element div {background: none;border: none;margin: 0;padding: 0;position: absolute;z-index: 10}
.scrollbar-macosx > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%}
.scrollbar-macosx > .scroll-element .scroll-element_track {display: none}
.scrollbar-macosx > .scroll-element .scroll-bar {background-color: #7d8296;display: block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;-ms-transition: opacity 0.2s linear;transition: opacity 0.2s linear}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);opacity: 0.7}
.scrollbar-macosx > .scroll-element.scroll-x {bottom: 0px;height: 0px;left: 0;min-width: 100%;overflow: visible;width: 100%}
.scrollbar-macosx > .scroll-element.scroll-y {height: 100%;min-height: 100%;right: 0px;top: 0;width: 0px}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 5px}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px}
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

/**메인 하단 소개 및 자료 다운로드**/
.company_wrap {}
.company_inner {margin: 0 auto}
.company_inner li {float:left;width:50%}
.company_inner:hover li {width:45%}
.company_inner li:hover {width:55%}
.company_inner li div {height: 264px;background-size: 100%}
.company_inner li div strong {font-size: 40px}
.company_inner li div a {background: url(/usr/images/main/more02.png) no-repeat right center;padding-right: 29px;opacity: 0.7;display: inline-block;margin-top: 9px}
.company_inner li div a:hover, .company_inner li div a:focus {color: #ffd81a}
.company_inner li .company {background: #132440 url(/usr/images/main/sub_bg02.png) no-repeat;padding: 55px 247px 55px 10px;transition: all 1s cubic-bezier(0, 0, 0, 1.01) 0s;color: #fff;text-align: right;position: relative}
.company_inner li .company img {width: auto;position: absolute;right: 40px;top: 50%;margin-top: -60px}
.company_inner li .download {background: #ff4055 url(/usr/images/main/sub_bg03.png) no-repeat;padding: 55px 32px;transition: all 1s cubic-bezier(0, 0, 0, 1.01) 0s;color: #fff;text-align: left;position: relative}

/**등록관리기관 현황**/
.company_logo_wrap {padding: 50px 0}
.company_logo_wrap h3, .company_logo_wrap h2 {text-align: center;font-size: 34px;margin-bottom: 20px}
.banner_slider {max-width: 1240px;margin: 0 auto;position:relative;padding: 28px 0}
.banner_slider .banner_in {float:left;width:20%}
.banner_slider .banner_in .banner_box {display: block;text-align: center}
.banner_slider .banner_in .banner_box span {display: table;width: 100%;text-align: center;height: 150px;border: 1px solid #e4eaf1}
.banner_slider .banner_in .banner_box span em {display: table-cell;vertical-align: middle}
.banner_slider .banner_in .banner_box span em img {width: auto}
.banner_slider .banner_in .banner_box strong {display: block;margin: 21px 0 3px;font-size: 17px}
.banner_slider .banner_in .banner_box p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.banner_slider .slick-slide {float: left;min-height: 1px;transition: all 0.5s;padding: 10px}
.banner_slider .slick-next, .banner_slider .slick-prev {bottom: -21px}
.banner_slider.w25 {margin:0 -10px;padding:0}
.banner_slider.w25 .banner_in {float:left;width:25%;padding: 10px;margin-bottom: 20px}
.banner_slider.w25 .banner_in .banner_box span {border: 5px solid #eef1f3}

/**서브 메뉴영역**/
.sub_nav {position: relative}
.sub_nav_wrap {max-width:1240px;margin:0 auto;background: #1b3a6a}
.sub_nav_wrap .home {float: left;background: url(/usr/images/common/sub_btn.png) no-repeat 20px 18px;height: 50px;text-indent: -999em;width: 50px;display: inline-block}
.sub_menu01 > li > ul {display:none;position: absolute;}
.sub_menu02 > li > ul {display:none;position: absolute;}
.sub_menu02 > li > a {border-right: 1px solid rgba(255, 255, 255, 0.15)}
.sub_menu03 > li > ul {display:none;position: absolute;}
.sub_menu03 > li > a {border-right: 1px solid rgba(255, 255, 255, 0.15)}
.sub_nav ul {float: left}
.sub_nav ul li {position: relative}
.sub_nav ul li a {position:relative}
.sub_nav ul li a:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background-color: #de5263;opacity:1;z-index: -1}
.sub_nav ul li a:hover, .sub_nav ul li a:focus {color:#fff;background-color: #535b80}
.sub_nav ul li a:hover:before, .sub_nav ul li a:focus:before {height:100%;opacity:1}
.sub_nav .w01 li {width: 100%;float: left}
.sub_nav .w02 li {width: 50%;float: left}
.sub_nav .w03 li {width: 33.33333%;float: left}
.sub_nav .w04 li {width: 25%;float: left}
.sub_nav_wrap > div > ul > li.on > a {background-position: right -18px}
.sub_nav_wrap > div > ul > li > a {display: block;text-align: center;line-height: 50px;font-size: 17px;letter-spacing: -0.7px;position: relative;color: #fff;font-size: 14px;border-left: 1px solid rgba(255, 255, 255, 0.15);padding-left: 13px;width: 250px;text-align: left;background: #0e2b58 url(/usr/images/common/sub_up_down.png) no-repeat right 18px}
.sub_nav_wrap > div > ul > li > ul {width: 100%;background-color: #3a4263;z-index: 2}
.sub_nav_wrap > div > ul > li > ul > li {}
.sub_nav_wrap > div > ul > li > ul > li a {color: #fff;padding: 10px 6px 10px 13px;display: block;font-size: 14px;border-bottom: 1px solid rgba(255, 255, 255, 0.13)}
.sub_nav_wrap > div > ul > li > ul > li:last-child a {border-bottom:0}
.contents {margin-right: 300px; padding: 50px 0 100px;min-height: 500px}
.contents.wall {max-width:100%}
.contents_wrap {margin-right: 60px} 
.contents h2 {font-size: 1.8em;font-family: "NanumSquare";font-weight: 800;color: #333;clear: both;padding: 50px 0px 30px;letter-spacing: -0.7px}
.contents h2.first {padding-top: 0}
.contents h3 {font-size: 1.5em;letter-spacing: -0.7px;color: #333;padding: 50px 0 15px 12px;position:relative}
.contents h3:before {content: '';position: absolute;top: 58px;left: 0;background: url(/usr/images/common/tit_icon.png) no-repeat;width: 5px;height: 18px}
.contents h4 {font-size: 1.2em;letter-spacing: -0.7px;color: #333;padding: 40px 0 15px;}
.contents h4.first {padding: 10px 0 20px}
.contents h4.text_list { min-height: 25px; padding:0;font-size: 1em; font-weight: 300;}
.contents h4.text_list strong {    font-weight: 700;}
.contents h3+h4 {padding: 0 0 15px;}
.contents h3.first {padding-top: 0}
.contents h3.first:before {top: 9px}
.contents h5 {font-size: 1.1em;letter-spacing: -0.7px;color: #333;padding: 15px 0 20px 21px;position:relative}
.contents h5.first {padding: 10px 0 20px}
.contents h5:before {content: '';position: absolute;top: 20px;left: 0;background: url(/usr/images/common/tit_icon02.png) no-repeat;width: 14px;height: 14px}


/**서브 전체 내용 영역**/
.sub_contents_wrap:before {content: '';background: #1b3a6a;left: -1000px;height: 50px;position: absolute;width: 100%;top: 96px}

/**서브 오른쪽 퀵메뉴**/
.quick_menu {position: absolute;top: 0;right: 0;height: 100%;border-left: 1px solid #dedede;border-right: 1px solid #dedede;background-color: #fff;width: 238px}
.quick_menu .quick_menu_wrap {text-align: center;border-top: 1px solid #dedede;margin-top: -1px}
.quick_menu .quick_menu_wrap .top_wrap  {padding: 15px 23px;background: url(/usr/images/sub/q_sub.png);margin: 5px}
.quick_menu .quick_menu_wrap .top_wrap h4 {font-size: 23px;margin: 25px 0}
.quick_menu .quick_menu_wrap .top_wrap p {font-family: "montserrat";font-weight: 600;font-size:25px}
.quick_menu .quick_menu_wrap .top_wrap > ul > li >  a {display: block;border: 1px solid #dedede;margin-bottom: 10px;background-color: #fff;padding: 10px 0;border-radius: 21px;font-weight: 400}
.quick_menu .quick_menu_wrap > ul {border-top: 1px solid #dedede}
.quick_menu .quick_menu_wrap > ul li a {font-size: 16px;border-bottom: 1px solid #dedede;display: block;padding: 22px 30px;text-align: left;line-height: 40px;position:relative}
.quick_menu .quick_menu_wrap > ul li a img {width: auto;margin-right: 11px;vertical-align: middle}
.quick_menu .quick_menu_wrap .top {font-size: 13px;font-weight: 600;display: inline-block;width: 50px;height: 50px;background-color: #6b96bb;border-radius: 100%;line-height: 50px;color: #fff;position: absolute;bottom: 30px;left: 50%;margin-left: -25px}
.quick_menu_wrap strong {display: block;background-color: #899bc1;color: #fff;font-weight: 300;padding: 10px}
.quick_menu_wrap .top_menu {display: block;background-color: #899bc1;color: #fff;font-weight: 300;padding: 6px}

/**서브 내용부분-인사말**/
.title_box01 {border: 1px solid #ced9ef;padding: 3% 5% 0 5%;margin-top: 30px}
.title_box01 > span {display: block;margin-bottom: 39px;font-size: 17px}
.title_box01 > span em {font-weight:600}
.title_box01 .accent {font-weight: 600;font-size: 23px;color: #1b3a6a}
.w50_wrap {margin: 0 -15px}
.w50_wrap li {float: left;width: 50%;padding: 15px;position: relative;margin-bottom:10px}
.w50_wrap li > span {display: table;position: absolute}
.w50_wrap li > span em {display: table-cell;background-color: #0040c0;width: 90px;height: 90px;vertical-align: middle;text-align: center}
.w50_wrap li img {width:auto}
.w50_wrap li > p {margin-left: 116px}
.w50_wrap li > p strong {display:block;margin-bottom:10px;font-size: 17px}
.w50_wrap li .w50_wrap_in {text-align: center;border: 1px solid #ced9ef;padding: 5% 2%}
.w50_wrap li .w50_wrap_in strong {display: block}
.w50_wrap li .w50_wrap_in strong.box_title {margin-bottom: 10px;font-size: 16px;background-color: #eceff5;padding: 10px 0}
.w50_wrap li .w50_wrap_in strong em {}
.w50_wrap li .w50_wrap_in p {min-height: 89px;margin-top: 10px}
.w50_wrap li .w50_wrap_in span {display: block;margin-bottom: 25px;color: #245094;font-weight:600}
.sub_contents_wrap {max-width: 1240px;margin: 101px auto 0;position: relative;font-weight: 200}
.sub_title {max-width: 1240px;margin: 0 auto;padding: 30px 0;font-size: 2em;font-family: "NanumSquare";height: 96px;font-weight: 100}
.etc_box {padding: 15px;background-color: #f1f5ff;margin-top: 20px}
.code_wrap {margin: 0 -20px;}
.code_wrap li {float: left;width: 25%}
.code_wrap li span {display: block;padding-bottom: 11px;margin-bottom: 20px;line-height: 27px;text-align:center;padding-top: 38px;position:relative;font-weight: 500;font-size: 16px}
.code_wrap li span:after {content:'';position:absolute;background:url(/usr/images/sub/code_icon.png) no-repeat center 0;width: 42px;height: 35px;top: 0;left: 50%;margin-left: -21px}
.code_wrap li span.code01:after {background-position-y: 5px}
.code_wrap li span.code02:after {background-position-y: -34px}
.code_wrap li span.code03:after {background-position-y: -77px}
.code_wrap li span.code04:after {background-position-y: -117px}
.code_wrap li span.code05:after {background-position-y: -154px}
.code_wrap li span.code06:after {background-position-y: -194px}
.code_wrap li span.code07:after {background-position-y: -229px}
.code_wrap li span.code08:after {background-position-y: -266px}

/**잦은질문**/
.qna_wrap {font-size: 16px;margin-top:30px}
.qna_wrap li {position:relative;padding: 10px 20px}
.qna_wrap li + li {margin-top:10px}
.qna_wrap li:before {content: '';border: 1px solid #eaeaea;position: absolute;width: 100%;height: 100%;top: 0;left: 0}
.qna_wrap li.on:before {border: 2px solid}
.qna_wrap li.on a {color:#007cad; margin-bottom: 14px}
.qna_wrap li.on a:before {opacity: 0}
.qna_wrap li.on a:after {-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.qna_wrap li a {text-indent: -31px;display: block;padding-left: 31px;position:relative;padding-right: 20px}
.qna_wrap li a:before {content: '';background-color: #000;width: 12px;height: 1px;position: absolute;right: 0;top: 11px;opacity: 1;transition: 0.1s}
.qna_wrap li a:after {content: '';background-color: #000;height: 12px;width: 1px;position: absolute;right: 6px;top: 6px;transition: 0.1s}
.qna_wrap li a em {font-weight: 500;padding-right: 13px;}
.qna_wrap li .text_wrap {display: none;text-indent: -26px;padding-left: 26px;padding-right: 20px;margin-left: 31px;font-size: 15px}
.qna_wrap li .text_wrap em {font-weight: 500;padding-right: 13px;}
.qna_wrap li .text_wrap strong {display: block;margin: 16px 0 7px;padding-left: 26px}

/***단계별 등록신청안내**/
.step_wrap {margin-top: 50px}
.step_wrap li {margin-bottom: 50px}
.step_wrap li span {display: block;font-size: 25px;width: 300px;border-bottom: 1px solid;padding-bottom: 10px;margin-bottom: 20px}
.step_wrap li span > em {font-family: Montserrat;font-size: 40px;font-weight: 300;margin-right: 10px}
.step_wrap li span > h4 {display:inline-block;font-size: 25px;font-weight:200;}
.step_wrap li:last-child span {color: #e81669}
.step_wrap li strong {font-size: 21px;display: block;margin-bottom: 15px}
.step_wrap li p em {font-weight: 400}
.step_wrap li .next_down {background: url(/usr/images/sub/next_down.png) no-repeat center;width: 60px;height: 60px;text-indent: -999em;margin: 47px auto 0;border: 1px solid #dedede;border-radius: 100%;position:relative}
.step_wrap li .next_down:before {content:'';position:absolute;width:100px;height:1px;background-color:#dedede;top:50%;left:70px}
.step_wrap li .next_down:after {content:'';position:absolute;width:100px;height:1px;background-color:#dedede;top:50%;right:70px}
.pop_box {background-color: #1b3a6a;padding: 10px;max-width: 400px;width: 100%;position: absolute;transform: translate(150px,-48px);z-index: 1;opacity:0}
.pop_box.action {transform: translate(0,-48px);opacity:1}
.pop_box .title {display: block;color: #fff;margin-bottom: 12px;text-align: center}
.pop_box .close {background: url(/usr/images/common/family_close.png) no-repeat center;width: 17px;height: 17px;top: 13px;right: 12px;position: absolute;text-indent: -999em}

/**오시는길**/
.map_wrap {position: relative;margin-top: 30px}
.map_wrap .map_skip a {position: absolute;background: rgba(0,0,0,0.7);width: 100%;height: 50px;text-align: center;font-size: 15px;font-weight: 600;line-height: 50px;color: #fff;z-index: 1;top: -50px;opacity: 0}
.map_wrap .map_skip a:focus {top: 0px; opacity: 1}

.texxt_list01 {margin-left:3px}
.texxt_list01 li {position: relative;padding-left: 8px;margin-bottom: 9px;}
.texxt_list01 li em {font-weight: 600}
.texxt_list01 li em.col01 {display: inline-block;padding: 2px 10px;background-color: #d40000;color: #fff}
.texxt_list01 li em.col02 {display: inline-block;padding: 2px 10px;background-color: #0d9c00;color: #fff}
.texxt_list01 li em.col03 {display: inline-block;padding: 2px 10px;background-color: #0042af;color: #fff}
.texxt_list01 li:before {content: '';display: block;width: 4px;height: 4px;background-color: #666;border-radius: 100%;position: absolute;top: 8px;left: 0}
.texxt_list01 li span {width: 179px;display: inline-block;font-weight: 500;color: #0c2188}
.texxt_list01 li ul {margin-top: 10px;margin-left: 3px}
.texxt_list01 li ul li:before {content: '';display: block;width: 4px;height: 1px;background-color: #666;border-radius: 100%;position: absolute;top: 9px;left: 0}

/**서브 아이콘 부분**/
.icon_wrap li {float: left;width: 16.66666%;text-align: center;padding: 16px;margin-left: -1px}
.icon_wrap li p {border: 1px solid #dedede;padding: 30px 0;display:block}
.icon_wrap.bgcolor li p {background-color: #434444;border-color: #434444}
.icon_wrap li img {width:auto;max-width: none}

/***체크박스***/
.webtong_checkbox {position: relative;margin-right: 14px;padding-bottom: 6px;display: inline-block;margin: 5px 0;}
.webtong_checkbox input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip:rect(0,0,0,0); border: 0 }
.webtong_checkbox input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.webtong_checkbox input[type="checkbox"]:focus + label:before {outline:1px solid red}
.webtong_checkbox input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 1px; width: 21px; height: 21px; text-align: center; background: #fff; border: 1px solid #cacece; border-radius: 2px}
.webtong_checkbox input[type="checkbox"] + label:active:before,
.webtong_checkbox input[type="checkbox"]:checked + label:before { background: #fff; border-color: #adb8c0; }
.webtong_checkbox input[type="checkbox"]:checked + label:after {content: '';position: absolute;top: 6px;left: 3px;width: 15px;height: 12px;background:url(/usr/images/common/checked.png) no-repeat}

.webtong_radio {position: relative;margin-right: 14px;padding-bottom: 6px;display: inline-block}
.webtong_radio input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip:rect(0,0,0,0); border: 0 }
.webtong_radio input[type="radio"] + label { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.webtong_radio input[type="radio"]:focus + label:before {outline:1px solid red}
.webtong_radio input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 1px; width: 21px; height: 21px; text-align: center; background: #fff; border: 1px solid #cacece; border-radius: 100%}
.webtong_radio input[type="radio"] + label:active:before,
.webtong_radio input[type="radio"]:checked + label:before {border-color: #9abafb}
.webtong_radio input[type="radio"]:checked + label:after {content: '';position: absolute;top: 8px;left: 7px;width: 7px;height: 7px;background: #3b5998;border-radius: 100%}
.webtong_radio.long input[type="radio"] + label {padding-top: 5px;padding-left: 68px}
.webtong_radio.long input[type="radio"] + label:before {width: 61px;height: 30px;border-radius: 20px}
.webtong_radio.long input[type="radio"]:checked + label:after {top: 5px;left: 35px;width: 22px;height: 22px;background: #3b5998;border-radius: 100%}
.webtong_radio.long input[type="radio"] + label:after {content: '';position: absolute;top: 5px;left: 5px;width: 22px;height: 22px;background: #b9b9b9;border-radius: 100%;transition: all .6s ease}

/*텝*/
.tab_menu {margin-bottom:40px;position: relative}
.contents h3.tab_title {padding: 0;display:none;font-size: 1em}
.contents h3.tab_title:before {content:none}
.tab_menu ul { display:table; width:100%; table-layout:fixed; border-left:1px solid #e7e7e7;top: 42px;}
.tab_menu li { display:table-cell}
.tab_menu li a { display:block; position:relative; height:48px; border-top:1px solid #e7e7e7; border-bottom:1px solid #0e0e0e; line-height:47px; text-align:center; color:#090909;}
.tab_menu li a:hover { color:#de5263}
.tab_menu li a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background:#e6e3df;}
.tab_menu li.on a { font-weight:bold; border-bottom-color:transparent; border-top:1px solid #0e0e0e;}
.tab_menu li.on a:after {content:''; display:block; position:absolute; top:0; right:0; bottom:-1px; width:1px; background:#0e0e0e;}
.tab_menu li.on a:before {content:''; display:block; position:absolute; top:0; left:0; bottom:-1px; width:1px; background:#0e0e0e;}

/************   table *********************/
.title01 {padding: 30px 0 10px}
.table_type01 {border-top: 2px solid #01385d;border-bottom:1px solid;position:relative}
.table_type01 table {width: 100%;min-width: 320px;background-color: #fff}
.table_type01.scroll {position:relative;max-height: 287px;overflow: hidden;overflow-y: auto}
.table_type01.scroll.hnone {max-height: none}
.table_type02.scroll table {width: 100%;min-width: 840px}
.table_type01.scroll table {width: 100%;min-width: 640px}
.table_type01.scroll .scroll_img {position: absolute;top: 50%;left: 50%;height: 100px;width: 100px;background: rgba(1, 50, 82, 0.84) url('/usr/images/common/scroll_img.png') no-repeat center/ 76%;text-indent: -999em;border-radius: 100%;margin-top: -50px;margin-left: -50px;display:none}
.table_type01 table thead th {border-left: 1px solid #e6e6e6;background-color: #f9f9f9;padding: 10px;font-weight: 500;white-space: nowrap;color: #1b1b1b;border-bottom: 1px solid #e6e6e6}
.table_type01 table thead th:first-child,.table_type01 table td:first-child {border-left: 0}
.table_type01 table thead tr:nth-child(2) th:first-child {border-left: 1px solid #e6e6e6}
.table_type01 table tbody th {background-color: #f9f9f9;border-right: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;padding: 12px}
.table_type01 table tbody tr:first-child th {border-top: 0}
.table_type01 table tbody tr th:last-child {border-right:0}
.table_type01 table td {border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;font-weight: 300}
.table_type01 table tr.double td {border-top: 3px double #e6e6e6;border-bottom: 3px double #e6e6e6;}
.table_type01 table tr.bggray td {background-color: #f9f9f9}
.table_type01 table td .td_wrap {padding: 8px}
.table_type01 table td .td_row {}
.table_type01 table td .td_row li {padding: 5px;border-bottom: 1px solid #e6e6e6}
.table_type01 table td .td_row li:last-child {border-bottom: 0}
.table_type01 table td .td_wrap.bg {background-color: #ebf9fd}
.table_type01 table td .td_wrap.d-day {position: relative}
.table_type01 table td .td_wrap.d-day a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 86%;display: block}
.table_type01 table td .td_wrap.d-day a.file {position: absolute;top: 9px;right: 7px;display: inline-block;white-space: normal;width: auto}
.table_type01.tetop td {vertical-align: top}
.table_type01 table td .td_wrap em {color: #273ca5;font-weight: 600}
.table_type01 table td ul.td_wrap {padding: 12px;text-align: left}
.table_type01 table td ul.td_wrap li {text-indent: -7px;padding-left: 7px}
.table_type01 table td .td_wrap02 {padding: 12px;text-align: left}
.table_type01 table td .td_wrap02 li {padding-left: 16px;font-weight: 200;position: relative;padding-bottom: 4px}
.table_type01 table td .td_wrap02 li:before {content: '';border: 1px solid #a7a7a7;display: inline-block;width: 9px;height: 9px;border-radius: 100%;left: 0;top: 6px;position: absolute}
.table_type01 table td .td_wrap03 {padding: 12px;text-align: left}
.table_type01 table td .td_wrap03 li {padding-left: 10px;font-weight: 200;position: relative;text-indent: -10px}
.table_type01 table td .td_form {padding: 7px 12px}
.table_type01 table td .text_left {text-align: left}
.table_type01 table td .text_center {text-align: center}
.table_type01 table td .text_right {text-align: right}
.table_type01.text_center table td {text-align: center}
.table_type01 table td .td_text {padding: 30px;text-align: left}
.table_type01 input[type="text"], input[type="password"] {border: 1px solid #d8d8d8;height: 33px;width: 100%;padding: 0 7px}
.table_type01 table td .d-day em {right: 32px;top: 10px;padding: 0 6px;line-height: 20px;background-color: #cd212a;color: #fff;font-size: 12px;border-radius: 4px;height: 22px;width: 44px;text-align: center;position: absolute}
.table_type01 table td .d-day em.end {background-color: #afaeae}
.label_dot {display: inline-block;width: 11px;height: 11px;text-indent: -999em;background: url(/usr/images/common/label_dot.png) no-repeat 0 0;vertical-align: -7px;margin-right: 2px;text-align: left}

/**uci 설명**/
.uci_contents {border: 1px solid #dedede;padding: 2%;position:relative}
.uci_contents .f_img {float: left;max-width: 200px}
.uci_contents .f_img img:focus {outline: 3px dashed #d11e61; padding:1px;}
.uci_contents .qr_wrap {position: absolute;bottom: 24px;right: 19px}
.uci_contents .qr_wrap img {max-width: 64px}
.uci_contents h5 {font-size: 16px;margin-bottom: 27px;border-bottom: 1px solid #dedede;padding-bottom: 17px}
.uci_contents dl.f_r {margin-left: 220px}
.uci_contents dl img {width:auto;vertical-align: -5px}
.uci_contents dl dt {font-weight: 400;float: left;position:relative;padding-left:10px}
.uci_contents dl dt:before {content: '';position: absolute;background-color: #c71e61;width: 3px;height: 3px;top: 8px;left: 0}
.uci_contents dl dt img {width:30px;vertical-align: -2px}
.uci_contents dl dd {margin-left: 170px;margin-bottom: 10px}
.keyword_wrap { margin-top: 15px}
.keyword_wrap span {margin: 0 9px;display: inline-block;font-size: 14px;position: relative;}
.keyword_wrap span:after {content: '';background: rgba(89,247,255,0.3);height: 10px;width: 100%;position: absolute;left: 0;bottom: 0;z-index: -1}

/**etc**/
.btn_basic {border: 1px solid rgba(255, 255, 255, 0.4);padding: 10px 55px;background-color: rgba(255, 255, 255, 0.15);border-radius: 21px;display: inline-block}
.btn_basic:hover, .btn_basic:focus {border: 1px solid rgb(167, 11, 76);background-color: rgb(190, 35, 100);color:#fff}
.color_red {color: red}
.color_red02 {color: #e81669;font-style: normal;font-weight:300}
.none640 {display:none}
.download02 {display: inline-block;border-bottom: 2px solid #0060e2;width: 180px;margin-right: 30px;margin-top: 25px;padding-bottom: 8px;background: url(/usr/images/sub/download.png) no-repeat right 3px;color: #0251b3;font-weight: 400;letter-spacing:0;color:#0060e2}
.download02.big {width: 249px}
.confirm02 {display: inline-block;border-bottom: 2px solid #0060e2;width: 180px;margin-right: 30px;margin-top: 25px;padding-bottom: 8px;background: url(/usr/images/sub/confirm.png) no-repeat right 3px;font-weight: 400;letter-spacing:0;color:#0060e2}
.img_wrap {text-align:center;border: 1px solid #ced9ef;padding: 5%;margin-top: 10px}
.img_wrap .box_title {display: block;margin-bottom: 10px;font-size: 18px;background-color: #eceff5;padding: 10px 0}
.img_wrap img {width: auto}
.img_wrap_all {text-align:center;border: 1px solid #ced9ef;padding: 2%;margin-top: 10px}
.img_wrap_all img {width: auto}
.img_wrap_all img:focus, .img_wrap_all img:focus-visible {     
    outline: 3px dashed #d11e61; padding:2px;
}
.img_wrap_all .box_title {display: block;margin-bottom: 10px;font-size: 18px;background-color: #eceff5;padding: 10px 0}
.img_box_wrap {background: url(/usr/images/sub/sub_img01.png) no-repeat left center;padding: 80px 20px 80px 452px;font-size: 18px}
.img_box_wrap.img02 {background: url(/usr/images/sub/sub_img05.png) no-repeat left center;padding: 110px 20px 110px 354px}
.img_layer {margin:0 -20px}
.img_layer li {float:left;padding:20px;width:33.33333%}
.img_layer li div {background-color: #0040c0;text-align: center;padding: 28px 0 46px;position: relative;display: table;width: 100%;    min-height: 145px; }
.img_layer li div p {position: absolute;bottom: 11px;width: 100%;color: #fff;left: 0}
.img_layer li div span {display: table-cell;vertical-align: middle;text-align: center}
.img_layer li div span img {width:auto}
.max-img40 {max-width:40px}
.icon_uci {background:url(/usr/images/sub/icon_uci.png) no-repeat 0 0;width:32px;height:16px;text-indent:-999em;display: inline-block;margin-top: -41px;float:right}
hr.line01 {background-color: #ced9ef;height: 1px;margin: 30px 0}
hr.line02 {background-color: #ced9ef;height: 1px;clear: both;margin-bottom:30px}
input[type="text"], input[type="password"] {border: 1px solid #d8d8d8;height: 33px;width: 100%;padding: 0 7px}
input[type="text"]::placeholder, input[type="password"]::placeholder {color: #46484A;}
.filled.basic {color: #fff;background-color: #3b5998;border: 1px solid transparent}
.webtong-btn {display: inline-block;color: #212529;text-align: center;vertical-align: middle;border: 1px solid transparent;font-size: .9rem;line-height: 31px;transition: all .15s;letter-spacing: -0.8px;white-space: nowrap;cursor: pointer;font-weight: 300;min-width: 70px}
.outline.basic:hover, .outline.basic:focus {color: #fff;background-color: #3b5998;border-color: #3b5998}
.outline.basic {color: #292929;border-color: #3b5998;background-color: #fff}
.filled.basic:hover, .filled.basic:focus {background-color: #003152; outline: 2px dashed #de5263}
.td_wrap .file span {display: inline-block;vertical-align: -2px;width: 19px;height: 19px;background: url(/usr/images/common/ico_file02.gif) no-repeat 0 0;margin-left: 5px;text-indent: -999em}
.file_btn {position: absolute;top: 0;left: 0;font-size: 200px;width: 100%;height: 100%;background: none;filter: alpha(opacity=0);opacity: 0;cursor: pointer}
.table_type01 .fileBox {position:relative;padding: 7px 12px;}
.table_type01 .fileBox .fileName {padding-right: 94px;}
.table_type01 .fileBox .filled.basic {position: absolute;right: 0}



.text-bbsbox dl {padding: 10px 15px;overflow: hidden;border-bottom: 1px solid #dedede;font-size: 15px}
.text-bbsbox dt {float: left;padding-right: 10px;font-weight: 600}
.text-bbsbox dd {float: left;padding-right: 20px;font-weight: 300}
.text-bbsbox .bbstitle {display: block;border-top: 2px solid;padding: 10px 10px 10px 16px;background-color: #f7f7f8;border-bottom: 1px solid #dedede}
.text-bbsbox .textview {padding:30px 20px}
.text-bbsbox .textview img {max-width:100%;width: auto}
.text-bbsbox .file {text-align: left;padding: 13px;border-bottom: 1px solid;border-top: 1px solid}
.text-bbsbox .file a {padding-left: 31px;margin-right: 15px;margin-bottom: 3px;font-size: 14px;position:relative}
.text-bbsbox .file a:before {background: url(/usr/images/common/ico_file.png) no-repeat 3px 0px;display: inline-block;position: absolute;content: '';width: 22px;height: 19px;left: 2px;top: 2px}
.text-bbsbox .file a.hwp:before {background-position:3px -29px}
.text-bbsbox .file a.zip:before {background-position:3px -58px}
.text-bbsbox .file a.xlx:before {background-position:3px -87px}
.text-bbsbox .file a.doc:before {background-position:3px -116px}
.text-bbsbox .file a.pdf:before {background-position:3px -146px}
.bbs_pre_next {padding: 15px 20px;overflow: hidden;border-bottom: 1px solid #dedede;background-color: #f7f7f8;border-top: 1px solid #dedede;margin-top: 75px;}
.bbs_pre_next dt {float: left;padding-right: 25px;font-weight: 600;clear: both}
.bbs_pre_next dd {float: left}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: solid 1px #cbcbcb;height: 33px;padding: 0 40px 0 10px;background: url('/usr/images/common/ico_select.png') right center no-repeat #fff;font-size:15px}
.select-box {padding: 7px 12px}
.select-box.pnone {padding: 0 0 10px 0;text-align: right;border: 0;margin-bottom: 20px}
.select-box.search{padding: 23px;border: 8px solid #d8e3fb;margin-bottom: 30px;text-align: center}
.select-box span {display:inline-block}
.select-box em {padding: 0 11px 0 3px}
.select-box select {height: 33px;width: 100%;font-size: 15px;font-weight: 600;letter-spacing: -0.6px}

.btn_wrap {text-align: center;margin-top: 20px}
.btn_wrap .btn{display: inline-block;border: 1px solid #0e2b58;text-align: center;height: 39px;width: 130px;vertical-align: top;line-height: 36px;background-color: #0e2b58;color: #fff}
.btn_wrap .btn:focus, .btn_wrap .btn:focus-visible {     
   border: 1px solid #d11e61;
    outline-style: solid;
    outline-color: #d11e61;
    outline-width: 1px; }
.text_in17 {text-indent:-17px;padding-left:17px}
.col_layer:after {content: "";display: block;clear: both}
.col_layer li {float:left;padding: 0 5px 5px 0}
.col_layer li select {width:100%}
.table_type01 input[type="text"].w100_150 {width: calc(100% - 150px)}
.table_type01 input[type="text"].w100_180 {width: calc(100% - 180px)}
.link_color {color: #007eff;font-weight: 400;text-decoration: underline}
.text_in01 {padding-left: 37px;text-indent: -16px}

.guidance_wrpa {margin-top: 16px;border: 1px solid #ffd5e6;padding: 17px;position:relative}
.guidance_wrpa img {width:auto;position: absolute}
.guidance_wrpa .etc {top: 21px;left: 33px}
.guidance_wrpa p {margin-left: 74px}
.guidance_wrpa p strong {display:block}

.uci_contents dd .vertical01 {vertical-align: -6px}


/**실시간현황**/
.status_wrap {margin-top:20px}
.status_wrap li {float: left;width: 20%;padding: 3px 1px}
.status_wrap li a {display: block;padding: 6px;text-align: center;border: 1px solid #9abafb;border-radius: 3px;font-size: 13px;font-weight: 300;background-color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.status_wrap li a.on, .status_wrap li a:hover {background-color: #0743bd;color: #fff}

/**UCI 리스트**/
.uci_list {border-top: 2px solid;margin-top:10px}
.uci_list > li {border-bottom: 1px solid #dedede;position: relative}
.uci_list > li > .uci_list_in {padding: 13px;position: relative;display:flex;justify-content: space-between}
.uci_list > li > .uci_list_in.s_wrap > .text_list {min-height: 25px;width: 83%;
}
.uci_list > li > .uci_list_in .btn_r_wrap {top: 10px;right: 0}
.uci_list > li > .uci_list_in .btn_r_wrap a {display: block;width: 145px;border: 1px solid #dedede;text-align: center;padding: 5px 0;margin-bottom: 2px}
.uci_list > li > .uci_list_in .btn_r_wrap a.view_detail.view {background-color: #c71e61;color: #fff;border-color: #c71e61}

.uci_list > li > .uci_list_in .text_list p {display:inline-block}
.uci_list > li > .uci_list_in .text_list .link {color: #0270d0;font-weight: 500}
.uci_list > li > .uci_list_in .text_list .copy_uci,.uci_list li div .text_list .view_detail {position: relative;border: 1px solid #a7c3ef;padding: 3px 20px 3px 32px;font-size: 14px;font-weight: 300;color: #245094;border-radius: 14px;margin: 3px;display:inline-block}
.uci_list > li > .uci_list_in .text_list .copy_uci:before {content: '';position: absolute;background: url(/usr/images/common/view_copy.png) no-repeat  -13px 0;width: 11px;height: 11px;top: 8px;left: 18px}
.uci_list > li > .uci_list_in .text_list .view_detail:before {content: '';position: absolute;background: url(/usr/images/common/view_copy.png) no-repeat;width: 11px;height: 11px;top: 8px;left: 18px}
.uci_list > li > .uci_list_in .text_list em {font-weight: 600;color: #c51e5f}
.uci_list > li > .uci_list_in .text_list strong {display: inline-block;width: 62px;text-align: right;margin-right: 11px;white-space: nowrap}
.uci_list > li > .uci_list_in.s_wrap .text_list strong {width:auto;margin-right: 6px;}
.uci_list > li > .uci_list_in.s_wrap.title_w .text_list strong {width: 140px;text-align: left}
.uci_list > li > .uci_list_in .text_list span {display: inline-block;margin-right: 20px}

.color_wrap {display: table;width: 100%;table-layout: fixed}
.color_wrap li {display:table-cell;color:#fff;padding: 24px 0 6px 6px}
.color_wrap li.color01 {background: #ff4200}
.color_wrap li.color02 {background: #1b1b1b}
.color_wrap li.color03 {background: #fec841}
.color_wrap li.color04 {background: #9ab7df}
.color_wrap li.color05 {background: #c7c8ca}
.color_wrap li.color06 {background: #243d80}

/**pop_cui***/
#dimmed {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 10;display: none}
.pop-wrap {max-width: 330px;border: 6px solid #284d9a;font-size: 14px;position: absolute;background-color: #fff;z-index: 11;top: 0;left: 50%;display:none}
.pop-wrap > .pop_wrap01 {padding: 0 10px}
.pop-wrap > .pop_wrap01 li {border-bottom: 1px dotted #284d9a;padding-bottom: 13px}
.pop-wrap > .pop_wrap01 li:last-child {border-bottom:0}
.pop-wrap > .pop_wrap01 li img {width:auto}
.pop-wrap > .pop_wrap01 li img.qr_code {max-width:100px}
.pop-wrap > .pop_wrap01 li strong {font-size: 18px;margin: 15px 0 8px;display: block;text-align: center}
.pop-wrap > .pop_wrap01 li p {text-align: center;margin:10px 0}
.pop-wrap > .pop_wrap01 li p.text_box {border: 1px solid #cbdde4;letter-spacing: 0;font-size: 13px;padding: 10px 0;font-weight: 400;background-color: #f2f7f9}
.pop-wrap > .pop_wrap01 li div.text_box input[type="text"] {width: 100%;border: 1px solid #cbdde4;background-color: #f2f7f9;padding: 10px 5px}
.pop-wrap > .pop_wrap01 li > p > a {display: inline-block;border: 1px solid #a7c3ef;padding: 3px 20px;font-size: 14px;font-weight: 300;color: #245094;border-radius: 14px;margin: 0 1px}
.pop-wrap > p {margin-bottom:20px}
.pop-wrap > p .btn_pop {display: inline-block;width: 137px;padding: 5px 0;background-color: #c71e61;margin: 0 2px;color: #fff;font-weight: 400}
.pop-wrap > p .btn_pop.pop-close {background-color: #585858}

.detail_view {border-top: 1px solid #dedede;background-color: #f5f5f5;padding: 30px;position:relative;display:none}
.detail_view .standard_icon {vertical-align: -5px;background: url(/usr/images/common/standard_icon.png) no-repeat 0 0;width: 11px;height: 13px;display: inline-block;text-indent: -99em;margin-left: 5px}
.detail_view h2 {font-size:20px;padding: 0 0 20px}
.detail_view span {display:block;color: #0743bd;font-weight: 400;margin-bottom: 5px}
.detail_view em {display:block}
.detail_view .text_area {margin-top:20px}
.detail_view .view_btn {border: 1px solid #c71e61;display: inline-block;padding: 5px 28px;margin-top: 10px;background-color: #fff}
.detail_view .close {background: url(/usr/images/common/close.png) no-repeat center;width: 40px;height: 40px;position: absolute;top: 0;right: 0;text-indent: -999em}

/*paging*/
.webtong-paging {text-align: center;margin: 30px 0;line-height: 32px}
.webtong-paging.text_left {text-align: left}
.webtong-paging.text_right {text-align: right}
.webtong-paging a {display: inline-block;width: 35px;height: 35px;text-indent: -999em;border: 1px solid #e6e6e6;margin: 0 -3px;}
.webtong-paging > a:hover {background-color:#efefef}
.webtong-paging .first {background: #fff url('/usr/images/common/first_page.png') no-repeat center}
.webtong-paging .previous {background: #fff url('/usr/images/common/previous_page.png') no-repeat center}
.webtong-paging .next {background: #fff url('/usr/images/common/next_page.png') no-repeat center}
.webtong-paging .last {background: #fff url('/usr/images/common/last_page.png') no-repeat center}
.webtong-paging span em {display: inline-block;width: 35px;height: 35px;margin: 0 -2px;color: #ff1212;text-decoration: underline}
.webtong-paging span a {text-indent: 0;border: 0}
.webtong-paging span a.end {display:none}

/**서브 통합검색**/
.search_box-wrap {text-align: center;border: 1px solid #a7c3ef;padding: 4% 2%;margin-top: 12px;border-top: 2px solid #1b3a6a;position:relative}
.search_box-wrap select {height:39px}
.search_box-wrap .search_in {max-width:100%;margin:0 auto;position:relative}
.search_box-wrap .search_in .media_btn {display: inline-block;border: 1px solid #0e2b58;text-align: center;height: 33px;width: 83px;vertical-align: top;line-height: 33px;    background-color: #0e2b58;color: #fff}
.search_box-wrap .search_in .media_btn:focus, .search_box-wrap .search_in .media_btn:focus-visible {
    border: 1px solid #d11e61;
    outline-style: solid;
    outline-color: #d11e61;
    outline-width: 1px;
}
.search_box-wrap input[type="text"] {border: 1px solid #bfbfbf;padding: 10px;width: 300px}
.search_box-wrap p {margin-top: 10px;}
.search_box-wrap p strong {margin-right: 12px}
.search_box-wrap p a {display: inline-block;border: 1px solid #bcd2f5;padding: 2px 13px;font-size: 13px;margin-bottom: 5px}
.search_box-wrap .w_btn100 {display: block;width: 100%;clear: both;border: 1px solid #0e2b58;background-color: #0e2b58;color: #fff;line-height: 36px}
.search_box-wrap .w_btn100:focus, .search_box-wrap .w_btn100:focus-visible { border: 1px solid #d11e61; outline-style: solid; outline-color: #d11e61; outline-width: 1px; }
.search_table {display: table;width: 100%;margin: 0 -3px 6px}
.search_table li {display: table-cell;padding:0 3px}
.search_table li input[type="text"] {width:100%}
.search_table li.searchTitle {width:50%}
.search_table li.searchAuthor {width:23%}
.search_table li.searchAuthor {width:23%}
.search_table li.btn_add_del {width: 4%;vertical-align: top;padding-left: 3px;padding-right: 0}
.search_table li.btn_add_del a {display: block;border: 1px solid #6b96bb;text-indent: -999em;line-height: 16px;margin-bottom: 2px;min-width: 17px}
.search_table li.btn_add_del a.b_add {background: #c51e5f url(/usr/images/common/add_del.png) no-repeat center 6px;border-color: #c51e5f}
.search_table li.btn_add_del a.b_del {background: #6b96bb url(/usr/images/common/add_del.png) no-repeat center -13px;border-color: #6b96bb}
.search_box-wrap .tip_wrap {position: absolute;right: 89px;top: 2px;background: #0a488b url(/usr/images/common/tip.png) no-repeat center;width: 29px;height: 29px;border-radius: 100%;text-indent: -999em}

/**검색백스 tip**/
.s_box_tip {position: absolute;left: 50%;transform: translateX(-50%);z-index: 1;width: 58%;padding-top: 7px;display:none}
.s_box_tip ul {padding: 12px 22px 12px 12px;border: 2px solid #a7c3ef;background-color: #fff;text-align: left}
.s_box_tip ul li {position:relative;padding-left:7px}
.s_box_tip ul li:before {content: '';position: absolute;background-color: #c51e5f;width: 3px;height: 3px;top: 9px;left: 0}
.s_box_tip .tip_close {position: absolute;top: 14px;right: 7px;background: url(/usr/images/common/tip_close.png) no-repeat;text-indent: -999em;width: 19px;height: 19px}

/**사이트맵**/
.site_map_wrap {position: fixed;top: 0;z-index: 5;background:#1b3a6a url(/usr/images/common/site_bg.png) no-repeat center;width: 100%;left: 0;color: #fff;height: 100%;visibility: hidden}
.site_map_wrap a:hover, .site_map_wrap a:focus {color: #78f8ff}
.site_map_wrap > ul {max-width: 1200px;margin: 0 auto;display: table;width: 100%;table-layout: fixed;position: relative;top: 20%}
.site_map_wrap > ul > li {display: table-cell;padding-right: 10px}
.site_map_wrap > ul > li > a {font-size: 21px;font-weight: 700;display: block;padding-bottom: 16px}
.site_map_wrap > ul > li > ul {font-weight: 100;font-size: 16px}
.site_map_wrap > ul > li > ul > li {}
.site_map_wrap > ul > li > ul > li > a {display: inline-block;padding: 7px 0}
.site_map_wrap > ul > li > ul > li > ul {padding: 7px}
.site_map_wrap > ul > li > ul > li > ul > li > a {position:relative;padding-left:8px;font-size: 14px}
.site_map_wrap > ul > li > ul > li > ul > li > a:before {position: absolute;content: '';background-color: #fff;width: 2px;height: 2px;top: 8px;left: 0}
.site_close {background: #000 url(/usr/images/common/site_close.png) no-repeat center;display: inline-block;text-indent: -999em;width: 41px;height: 41px;border-radius: 100%;top: 25px;left: 50%;position: absolute;margin-left: -20px}

/**음원검색 결과**/
.s_table_wrap {margin-top: 20px;}
.s_table_wrap ul {display: table;width: 100%;table-layout: fixed;border-bottom: 1px solid #e4e4e4}
.s_table_wrap ul li {display: table-cell;text-align:center;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 11px 5px}
.s_table_wrap ul li a {color: #1d75d3;font-weight: 300}
.s_table_wrap ul li span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.s_table_wrap ul li:nth-child(1) {width:7%}
.s_table_wrap ul li:nth-child(2) {width:40%}
.s_table_wrap ul li:nth-child(3) {width:15%}
.s_table_wrap ul li:nth-child(4) {width:14%}
.s_table_wrap ul li:nth-child(5) {width:14%}
/*.s_table_wrap ul li:nth-child(5) {width:12%}
.s_table_wrap ul li:nth-child(6) {width:12%}*/
.s_table_wrap .table_title {border: 1px solid #ccc;font-weight: 400;position: relative;box-shadow: 0px 3px 0 rgba(0,0,0,0.08)}
/*.s_table_wrap .table_title:after {content: '';position: absolute;width: 100%;height: 4px;left: 0;bottom: 0;background-color: #f5f5f5}*/
.s_table_wrap .table_title .ellipsis {padding: 16px}
.s_table_wrap .btnShare img {width:auto}
.s_table_wrap.paper_wrap {}
.s_table_wrap.paper_wrap ul li:nth-child(1) {width:7%}
.s_table_wrap.paper_wrap ul li:nth-child(2) {width:40%}
.s_table_wrap.paper_wrap ul li:nth-child(3) {width:25%}
.s_table_wrap.paper_wrap ul li:nth-child(4) {width:14%}
.s_table_wrap.paper_wrap ul li:nth-child(5) {width:14%}
/*.s_table_wrap.paper_wrap ul li:nth-child(6) {width:12%}*/

.s_table_wrap ul.w04_weap li:nth-child(1) {width:40%}
.s_table_wrap ul.w04_weap li:nth-child(2) {width:24%}
.s_table_wrap ul.w04_weap li:nth-child(3) {width:24%}
.s_table_wrap ul.w04_weap li:nth-child(4) {width:12%}

.s_table_wrap ul.w03_weap li:nth-child(1) {width:60%;text-align: left}
.s_table_wrap ul.w03_weap li:nth-child(2) {width:30%}
.s_table_wrap ul.w03_weap li:nth-child(3) {width:10%}
.s_table_wrap ul.w03_weap li:nth-child(1) strong {color: #c51e5f}

/**초성검색**/
.phoneme_wrap {border: 1px solid #bcc2ce;background-color: #f4f7fd;padding: 20px}
.phoneme_wrap strong {position: absolute;top: 12px}
.phoneme_wrap ul {margin-left: 93px}
.phoneme_wrap ul li {float: left;width: 7.14285%;text-align: center;padding: 0 5px}
.phoneme_wrap ul li.etc {width:14.28571%} 	
.phoneme_wrap ul li a {border: 1px solid #dfe3ec;width: 100%;height: 40px;display: inline-block;text-align: center;line-height: 40px;border-radius: 4px;background-color: #fff;margin: 4px 0;font-weight: 300}
.phoneme_wrap ul li a.on{background-color: #bfd1f7;}

.phoneme_wrap .consonant {position: relative}
.phoneme_wrap .alphabet {position: relative}

/**날짜검색**/
.date_wrap {border: 1px solid #bcc2ce;background-color: #f4f7fd;padding: 20px}
.date_wrap strong {display: inline-block;margin-right: 7px}
.date_wrap em {display: inline-block;margin: 0 3px 0 4px}
.date_inner {display:inline-block;position:relative;margin-bottom: 2px;}
.date_inner input[type="text"] {border: 1px solid #d1d6e0;padding: 10px 7px}
.date_inner > a {background: url(/usr/images/common/datePicker.gif) no-repeat;position: absolute;right: 7px;top: 9px;display: inline-block;text-indent: -999em;width: 19px;height: 18px}
/**.date_wrap > a , .phoneme_wrap > a {display: inline-block;background-color: #1b3a6a;color: #fff;padding: 8px 20px;vertical-align: -1px;height: 39px}**/
.radio_search_btn {display: inline-block;background-color: #1b3a6a;color: #fff;padding: 8px 20px;vertical-align: -1px;height: 39px}
.radio_search_btn:focus {color:#fff;}

/**서브 전체 애니메이션 제어**/
.manual_wrap {position: relative;margin-top: 30px;}
.manual_wrap p {float: left;width: 24%}
.manual_wrap p em {display: block;width: 40px;background-color: #c51e5f;color: #fff;height: 40px;line-height: 40px;text-align: center;margin-bottom: 10px}
.manual_wrap span {float: right;display: block;margin-bottom: 30px}
.manual_wrap span img {width:auto}

.tab_logo {position:relative}
.tab_logo dt {position: absolute;top: 0;left: 0;width: 33.33333%;}
.tab_logo dt a {display:block;border: 1px solid #dedede;text-align: center;background-color:#fff}
.tab_logo dt.on a {border-color: #c51e5f;position: relative;z-index: 1}
.tab_logo dt.link02 {left: 33.2%}
.tab_logo dt.link03 {left: 66.4%}
.tab_logo dt.link04 {left:0;top:66px}
.tab_logo dt.link05 {left: 33.2%;top:66px}
.tab_logo dt.link06 {left: 66.4%;top:66px}
.tab_logo dt img {width:auto}
.tab_logo dd {display:none;padding-top: 162px}
.tab_logo dd.on {display:block}
.tab_logo dd img {}

/**검색팝업**/
.pop_search_wrap {position: fixed;width: 100%;top: 0;left: 0;height: 100%;background-color: rgba(255,255,255,0.96);z-index: 8;padding-top: 40px;visibility: hidden;opacity:0}
.pop_search_wrap h1 a {background: url(/usr/images/common/logo.png) no-repeat;display: block;width: 314px;margin: 0 auto;height: 34px;font-size: 16px;padding-left: 65px;line-height: 31px}
.pop_search_wrap .pop_search_wrap_inner {display: table;margin: 30px auto 5px;max-width: 300px;width: 100%}
.pop_search_wrap .pop_search_wrap_inner label {position: absolute;top: 0px;left: -1000em}
.pop_search_wrap .s_btn02 {display: table;margin: 0 auto;border: 1px solid;background-color: #010556;color: #fff;padding: 10px 113px;width: 300px;text-align: center}
.pop_search_wrap .pop_search_wrap_inner input[type="text"] {border: 1px solid #c3c3c3;padding: 13px;width: 100%}
.pop_search_wrap .s_close {background: #000 url(/usr/images/common/site_close.png) no-repeat center;display: inline-block;text-indent: -999em;width: 41px;height: 41px;border-radius: 100%;top: 211px;left: 50%;position: absolute;margin-left: -20px}

.list_wrap ul {border: 1px solid #dedede;padding: 15px}
.list_wrap ul li {float: left;width: 50%;margin: 5px 0}
.list_wrap ul li strong {position: relative;padding-left: 7px;display: inline-block;width: 92px}
.list_wrap ul li strong:before {content: '';position: absolute;background-color: #539be8;width: 3px;height: 3px;top: 9px;left: 0}
.list_wrap ul li span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 74%;line-height: 14px}

.thumbnail_wrap {margin-top: 20px}
.thumbnail_wrap li {float: left;width: 33.333333%;padding: 15px;text-align: center}
.thumbnail_wrap.w02 li {float: left;width: 50%;padding: 15px;text-align: center}
.thumbnail_wrap li .img_box p {margin-top: 15px}
.thumbnail_wrap li .img_box img {width:auto;border: 1px solid #dedede}

.auto_view_wrap {min-width:491px}
.m_view {display:none}
.pop_sns {text-align:center}
.pop_sns a {background-image: url(/usr/images/common/sns_icon.png);display: inline-block;width: 50px;height: 50px;background-repeat: no-repeat;border-radius: 100%;text-indent: -999em}
.pop_sns .sns_n {background-color: #00c63b;background-position: 16px center}
.pop_sns .sns_k {background-color: #fae100;background-position: -42px center}
.pop_sns .sns_f {background-color: #0564ca;background-position: -101px center}
.pop_sns .sns_t {background-color: #1b95e0;background-position: -159px center}

.list_link_wrap { display:table; width:100%; table-layout:fixed; border-left:1px solid #e7e7e7;margin-top:30px}
.list_link_wrap li { display:table-cell; height:50px;position:relative}
.list_link_wrap li:after, .list_link_wrap li:after {content: '';position: absolute;background-color: #444;height: 2px;top: 0;width: 0}
.list_link_wrap li.on:after, .list_link_wrap li:hover:after {width: 100%}
.list_link_wrap li a {display: block;position: relative;height: 56px;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #444;text-align: center;padding: 8px 0;line-height: 17px;font-size: 13px;font-weight:400}
.list_link_wrap li a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background:#e6e3df}
.list_link_wrap li.on a, .list_link_wrap li:hover a {border-bottom-color:transparent}
.list_link_wrap li:hover a {border-bottom-color:transparent}
.list_link_wrap li.on a:after, .list_link_wrap li:hover a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:-1px; width:1px; background:#444}
.list_link_wrap li.on a:before, .list_link_wrap li:hover a:before { content:''; display:block; position:absolute; top:0; left:0; bottom:-1px; width:1px; background:#444}
.list_link_wrap li a em {display:block;color:#c71e61}

/**서브 전체 애니메이션 제어**/
.ani_layer {opacity: 0}
.ani_layer.action.anitop {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-name: anitop;animation-name: anitop;opacity: 1}
.ani_layer.action.anibottom {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-name: anibottom;animation-name: anibottom;opacity: 1}
.ani_layer.action.anileft {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-name: anileft;animation-name: anileft;opacity: 1}


@keyframes anibottom {
	0% {-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px); opacity:0;}
	100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); opacity:1}
}
@keyframes anitop {
	0% {-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px); opacity:0;}
	100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); opacity:1}
}
@keyframes anileft {
	0% {-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);transform:translateX(-50px); opacity:0;}
	100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform:translateX(0); opacity:1}
}
@media screen and (max-width: 1240px) {
	.contents {padding:25px 2%}
	.sub_title {padding-left:2%}
}
@media screen and (max-width: 1200px) {
	.visual_text_wrap {left: auto;margin-left: 0}
	.visual_text_wrap .visual_text {font-size: 40px;}
	.sub_nav ul li a {font-size: 13px}
	.contents, .contents_wrap {margin-right:0}
	.sub_contents_wrap {margin: 92px auto 0}
	.sub_contents_wrap:before {content:none}
	.sub_title {display:none}
	.quick_menu {position: relative;border:0;width:auto}
	.quick_menu .quick_menu_wrap {background-color: #fff}
	.quick_menu .quick_menu_wrap .top_wrap > ul > li {text-align: center}
	.quick_menu .quick_menu_wrap > ul li {float: left;width: 50%}
	.quick_menu .quick_menu_wrap > ul li a {border-left: 1px solid #dedede;margin-left: -1px}
	.quick_menu .quick_menu_wrap .top {position: absolute;bottom: -25px;right: 18px;left: auto;z-index: 1}
	.webtong_visual {margin-top: 92px}
	.site_map_wrap {padding: 2%}
	.site_map_wrap > ul {top: 11%;margin-bottom: 25px}
}
@media screen and (max-width: 1024px) {
	.search_inner .search_box_wrap {width: 98%}
	.center_wrap {top:auto}
	.center_wrap ul {display: block;padding: 3% 2%}
	.center_wrap ul li {float: left;width: 25%}
	.center_wrap ul li a {margin: 25px 0}
	.center_wrap {top:0;height:auto}
	.company_inner li {width:100%}
	.brnone {display:none}
	.main_banner {padding:20% 2% 5%}
	.bannet_wrap li {float: none;width: 100%;padding: 0}
	.bannet_wrap li .bannet_inner p {white-space: normal}
	.bannet_wrap li .bannet_inner .banner_text {margin: 0 16px;padding: 15px 20px;bottom: 40px}
	.box_wrap {margin:0}
	.box_wrap .box_wrap_inner > div {padding: 0 0 40px}
	.box_wrap .box_wrap_inner h3 {float: none;width: 100%;background-color: #000;padding: 16px 0;margin: 0}
	.box_wrap .box_wrap_inner h3 a {margin: 0 12px}
	.box_wrap .box_wrap_bg {width: 100%;top: 0;background: url(/usr/images/main/box_wrap_bg_m.png) center 0 / 100%}
	.box_wrap .box_wrap_inner .text .box_wrap_view p {font-size:20px}
	.box_wrap:before, .box_wrap .box_wrap_inner h4 {background: #ff4055;width: 100%}
	.box_wrap .box_wrap_inner h4 {float:none;transform: none;top:auto;width: 100%}
	.box_wrap .box_wrap_inner h4 a {margin:0 1.5%;height: 45px;line-height: 45px}
	.box_wrap .box_wrap_inner .text {position: relative;right: auto;top: auto;transform: none}
	.box_wrap .box_wrap_inner .text .box_wrap_view {max-width: 94%;margin: 0 auto;font-size: 15px;padding: 10px 0}
	.company_inner:hover li, .company_inner li:hover {width:100%}
	.banner_slider.w25 .banner_in {width: 33.33333%}
	.status_wrap li {width:25%}
	.w50_wrap li {width:100%;float:none}
	.manual_wrap p {float:none;width:100%;margin-bottom: 10px}
	.manual_wrap p em {display: inline-block;width: 30px;height: 30px;line-height: 30px}
	.manual_wrap span {float:none;width:100%}
	.list_wrap ul li {width: 100%;float: none;vertical-align: top;margin: 12px 0}
	.list_wrap ul li strong {vertical-align: top}
	.list_wrap ul li span {white-space: normal;vertical-align: top;line-height: 20px}
}
@media screen and (max-width: 800px) {
	.visual_text_wrap .visual_text {width: 100%;text-align: center;font-size:35px}
	.visual_text_wrap .visual_text a {padding: 9px 25px;font-size: 0.4em}
	.v_m {display:block}
	.v_pc {display:none}
	.tab_menu ul {background-color: #f9f9f9;border: 1px solid #c7c7c7;position: absolute;display: none;z-index: 1;}
	.tab_menu li {display:block}
	.tab_menu li.on a, .tab_menu li:hover a, .tab_menu li a:focus {border-top: 0;background-color: #deecec;font-weight: 300}
	.tab_menu li a {border-bottom: 0;height: auto;line-height: 44px;text-align: left;padding: 0 22px}
	.tab_menu li.on a:before {content:none}
	.tab_menu li.on a:after {content:none}
	.tab_menu li a:after {content:none}
	.webtong_visual ul li a .visual_text {font-size:14px}
	.webtong_visual ul li a .visual_text h2 em {display:block}
	.company_inner li div {height:auto}
	.company_inner li div strong {font-size:25px}
	.contents h3.tab_title {display: block;margin: 0}
	.contents h3.tab_title a {border: 1px solid #a4a6bd;display: block;padding: 8px 13px;box-shadow: 0px 4px 0 rgba(0, 0, 0, 0.06);background: #ffffff url(/usr/images/common/sub_up_down_.png) no-repeat right 13px;color: #4c4c4c}
	.tab_menu ul {background-color: #f9f9f9;border: 1px solid #c7c7c7;position: absolute;display: none;z-index: 2;}
	.tab_menu li {display:block}
	.tab_menu li.on a, .tab_menu li:hover a, .tab_menu li a:focus {border-top: 0;background-color: #deecec;font-weight: 300}
	.tab_menu li a {border-bottom: 0;height: auto;line-height: 44px;text-align: left;padding: 0 22px}
	.tab_menu li.on a:before {content:none}
	.tab_menu li.on a:after {content:none}
	.tab_menu li a:after {content:none}
	.status_wrap li {width:33.33333%}
	.img_box_wrap {background-position: center top;padding: 197px 10px 0 10px;background-size: 300px;font-size: 15px;text-align: center}
	.img_box_wrap.img02 {background-position: center top;padding: 280px 10px 0 10px;background-size: 300px;font-size: 15px;text-align: center}
	.uci_list > li > .uci_list_in > .btn_r_wrap {position: relative;}
	.uci_list > li > .uci_list_in > .btn_r_wrap a {display: inline-block}
	.s_table_wrap .table_title {display:none}
	.s_table_wrap ul {border: 1px solid #e4e4e4;margin-bottom:10px;padding: 6px}
	.s_table_wrap ul li {float: left;padding: 6px 5px;text-align:left}
	.s_table_wrap ul li:nth-child(2) {width:90%}
	.s_table_wrap ul li:nth-child(3) {width:30%}
	.s_table_wrap ul li:nth-child(4) {width:30%}
	.s_table_wrap ul li:nth-child(5) {width:20%}
	.s_table_wrap ul li:nth-child(6) {width:20%}
	.s_table_wrap.paper_wrap ul li {float: left;padding: 6px 5px;text-align:left}
	.s_table_wrap.paper_wrap ul li:nth-child(2) {width:90%}
	.s_table_wrap.paper_wrap ul li:nth-child(3) {width:100%}
	.s_table_wrap.paper_wrap ul li:nth-child(4) {width:30%}
	.s_table_wrap.paper_wrap ul li:nth-child(5) {width:15%}
	.s_table_wrap.paper_wrap ul li:nth-child(6) {width:15%}
	.s_table_wrap ul.w04_weap li:nth-child(1) {width:100%}
	.s_table_wrap ul.w04_weap li:nth-child(2),.s_table_wrap ul.w04_weap li:nth-child(3) {width:50%}
	.s_table_wrap ul.w03_weap li:nth-child(1) {width:100%}
	.s_table_wrap ul.w03_weap li:nth-child(2) {width:80%}
	.s_table_wrap ul.w03_weap li:nth-child(3) {width:20%}
	.site_map_wrap > ul > li {display: block;float: left;width: 50%;min-height: 120px}
	.site_map_wrap {overflow-y: auto}
	.site_map_wrap > ul > li > a {font-size: 16px;padding-bottom:0}
	.site_map_wrap > ul > li > ul {font-size: 14px}
	.site_map_wrap > ul > li > ul > li > a {padding: 3px 0}
	.site_close {top: 12px}
	.phoneme_wrap strong {position: relative;top: auto}
	.phoneme_wrap ul {margin-left:0}
	.phoneme_wrap ul li {width:14.28571%;padding: 0 2px}
	.phoneme_wrap ul li.etc {width: 28.28571%}
}
@media screen and (max-width: 640px) {
	header > .navi > h1 > a {background-size: 33px;padding-left: 38px;font-size: 15px}
	.search_inner {padding: 10px 0 30px;background:none}
	.search_link {margin: 20px auto 0}
	.search_link li a {margin: 0 10px;width: 150px;padding:7px 8px 7px 0;background-position:7px 6px}
	.search_link li:last-child a {background-position:7px -37px}
	.search_wrap {margin-top: 85px}
	.search_inner .search_box_wrap .search_box {padding: 6px;width: 100%}
	.search_inner .search_box_wrap .search_box input[type="text"] {height: 40px;width: calc(100% - 75px)}
	.search_inner .search_box_wrap .search_box a {padding: 15px 0;width: 75px}
	.search_inner .search_box_wrap .add_search {padding: 15px 0;width: 100%;margin-left: 0}
	.search_inner .keyword_wrap strong {display: block;text-align: center}
	.search_inner .search_checkbox li {font-size:15px}
	.introduction_bg {padding-top:0}
	.introduction_bg .text_left {display:none}
	.introduction_bg .text_wrap {bottom: -2px;width: 96%}
	.introduction_bg .text_wrap ul {padding:10px;width: 100%;}
	.introduction_bg .text_wrap ul li {padding: 10px 0}
	.none640 {display:block}
	.br_block {display:block}
	.pc_map {display:none}
	.view_more {bottom: -39px;right: -12px;padding: 16px 30px}
	.main_more {font-size: 14px}
	.bannet_wrap li .bannet_inner .banner_text strong {font-size: 16px}
	.bannet_wrap li .bannet_inner p {font-size: 14px}
	.main_gallery .gallery h2 {font-size: 25px;margin-bottom: 10px}
	.company_logo_wrap h3 {font-size: 25px;margin-bottom: 0}
	.sub_nav_wrap .home {display:none}
	.sub_nav_wrap > div > ul > li > a {width: 100%}
	.sub_nav ul {width:50%}
	.contents h2 {font-size: 1.3em;padding: 50px 0px 15px}
	.contents h3.first:before {top: 6px}
	.contents h4 {font-size:1.1em}
	.quick_menu .quick_menu_wrap ul li a img {width: 30px}
	.webtong_visual .bx-controls-direction {display:none}
	.webtong_visual ul .pc {display:none}
	.webtong_visual ul .mobile {display:block}
	.contents h3 {font-size: 1.2em}
	.icon_wrap li {width:33.33333%;padding: 10px}
	.webtong_visual ul li a .visual_text h2 {line-height: 37px;font-size: 2.3em}
	.company_inner li div {height:auto}
	.company_inner li div strong {font-size:25px}
	.company_inner li div p {font-size:14px}
	.company_inner li .company {padding: 55px 32px}
	.company_logo_wrap {padding: 30px 0}
	.company_inner li .company img {display: none}
	.text_basic {font-size:15px}
	address {font-size: 13px}
	.table_type01.scroll {overflow-x: auto;padding-bottom: 7px}
	.table_type01.scroll .scroll_img {display: block}
	.banner_slider.w25 .banner_in {width: 50%}
	.status_wrap li {width:50%}
	.uci_contents .qr_wrap {bottom: 84px}
	.quick_menu .quick_menu_wrap > ul li a {font-size:14px;padding: 15px}
	.uci_contents .f_img {float: none;display: table;margin: 0 auto 20px}
	.uci_contents dl.f_r {margin-left:0}
	.img_layer li {width: 100%;padding: 1% 5%}
	.search_box_wrap .search_in {max-width:96%}
	.search_box_wrap .search_in a {width: 100px}
	.s_table_wrap ul li:nth-child(3),.s_table_wrap ul li:nth-child(4),.s_table_wrap ul li:nth-child(5),.s_table_wrap ul li:nth-child(6) {width:50%}
	.s_table_wrap.paper_wrap ul li:nth-child(4),.s_table_wrap.paper_wrap ul li:nth-child(5),.s_table_wrap.paper_wrap ul li:nth-child(6) {width:50%}
	.select_wrap {display: block;margin-bottom: 5px}
	.select_wrap select {width:100%}
	.search_box-wrap .search_in {max-width: 100%;display: block}
	.search_box-wrap .search_in a.media_btn {width: 74px}
	.search_box-wrap input[type="text"] {width: calc(100% - 79px)}
	.tab_logo dt.link04,.tab_logo dt.link05,.tab_logo dt.link06 {top: 7%}
	.tab_logo dd {padding-top: 148px}
	.s_box_tip {width: 100%}
	.search_box-wrap .tip_wrap {right: 81px}
	.auto_view_wrap {min-width: auto;}
	.PC_view {display:none}
	.m_view {display:block}
	.uci_list > li > .uci_list_in .text_list p {display:block}
	.col_layer li {width:100%;float:none}
	.table_type01 input[type="text"].w100_150,.table_type01 input[type="text"].w100_180 {width:100%;margin-bottom:3px}
	.thumbnail_wrap li {width:50%;padding: 10px}
	.title_box01 .accent {font-size:20px}
}

@media screen and (max-width: 360px) {
	.center_wrap ul li {width:50%}
	.center_wrap ul li a {margin: 12px 0}
	.banner_slider.w25 .banner_in {width: 100%}
	.tab_logo dt.link04,.tab_logo dt.link05,.tab_logo dt.link06 {top: 37px}
	.tab_logo dd {padding-top: 90px}

}
.ui-datepicker-trigger{
		padding: 0;position: absolute;right: 1px;top: 8px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
		border: 1px solid #363636!important;
}
.selected-highlight .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
		color: #de5263!important;
		font-weight: bold!important;
		border: 1px dashed!important;
}
.ui-state-hover {
		color: #002656!important;
}

div.layerpopup_footer img { 
		width: auto;
		vertical-align: baseline;
}