@charset "utf-8";

.login_wrap .main_login_inner,
.bg_main_img {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
#subbg {background-image:url("../images/sub/sub_background_01.png")}

/**메이콥 메인**/
.m_wrap {background: url(../images/main/m_bg.png) no-repeat 0 0 / cover;display: flex;height: 100%;flex-direction: column;}
.m_wrap .s_m {display:none}
.m_wrap img {width:auto;}
.m_wrap input[type="text"],.m_wrap input[type="password"] {border: 1px solid rgb(7 96 78);height: 44px;width: 100%;background-color: #ffffff;padding: 5px 10px;}
.m_wrap .m_wrap_inner {display: flex;flex-wrap: wrap;flex-grow: 1;align-items: center;align-content: center;justify-content: center;}
.m_wrap .m_wrap_inner .m_wrap_item {display: flex;flex-direction: column;justify-content: center;padding: 2%;width: 350px;height: 350px;color:#fff;text-align: center;}
.m_wrap .m_wrap_inner .m_wrap_item img {width:auto;max-width: 100%;}
.m_wrap .m_wrap_inner .m_wrap_item h2 {font-size: 20px;margin-bottom: 8px}
.m_wrap .m_wrap_inner .m_wrap_item .login_btn {display: block;background-color: #ffac00;padding: 13px 0}
.m_wrap .m_wrap_inner .m_wrap_item .login_link {display: flex;justify-content: center;gap: 1.3em;margin-top: 9px}
.m_wrap .m_wrap_inner .m_wrap_item .login_link li {position:relative}
.m_wrap .m_wrap_inner .m_wrap_item .login_link li a:after {content:'';position:absolute;width:1px;height:10px;background-color: rgba(255,255,255,0.34);right: -11px;top: 6px;}
.m_wrap .m_wrap_inner .m_wrap_item .login_link li:last-child a:after {content: none}
.m_wrap .m_wrap_inner .input_wrap {display: block;width: 100%}
.m_wrap ::-webkit-input-placeholder {color:#000}
.m_wrap :-moz-placeholder {color:#000}
.m_wrap ::-moz-placeholder {color:#000}
.m_wrap :-ms-input-placeholder {color:#000}
.m_wrap .m_wrap_inner .m_wrap_item.item01 {background-color: #292929}
.m_wrap .m_wrap_inner .m_wrap_item.item02 {background-color: #0f7560;gap: 6px;}
.m_wrap .m_wrap_inner .m_wrap_item.item03 {background-color: #ffac00}
.m_wrap .m_wrap_inner .m_wrap_item.item03 p {font-size: 22px;line-height: 1.3;margin: 6px 0}
.footer_wrap_m {position: absolute;bottom: 0;left: 0;width: 100%;padding: 15px 0 21px;background-color: rgba(10,10,10,0.70)}
.footer_wrap_m .footer_inner_m ul {display: flex;justify-content: center;gap: 2em;margin-bottom: 4px;border-bottom: 1px solid #ffffff12;padding-bottom: 14px;}
.footer_wrap_m .footer_inner_m address strong {margin-bottom: 9px;display: block;font-size: 18px;color: #fff;font-weight: 300}



/**background animation**/
.ani_bg_wrap {width: 100%;margin: 0 auto;position: absolute;z-index: 0;top: 0;height: auto;position: relative;transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s}
.ani_bg_wrap em {position: fixed;display: inline-block;z-index: -1;left: 50%}
.ani_bg_wrap em.bg01 {top: 47%;margin-left: 650px;width: 200px;height: 200px;border-radius: 100%;border: 39px solid rgba(224, 224, 224, 0.25)}
.ani_bg_wrap em.bg02 {top: 73%;margin-left: 869px;width: 50px;height: 50px;background:url(../images/common/bg02.png)}
.ani_bg_wrap em.bg03 {top: 63%;margin-left: -300px;width: 80px;height: 80px;background:url(../images/common/bg03.png)}
.ani_bg_wrap em.bg04 {top: 63%;margin-left: -846px;width: 100px;height: 100px;background:url(../images/common/bg04.png)}
.ani_bg_wrap em.bg05 {top: 63%;margin-left: -817px;width: 40px;height: 40px;background:url(../images/common/bg05.png)}
.ani_bg_wrap em.bg06 {top: 63%;margin-left: 719px;width: 180px;height: 180px;background: url(../images/main/main_bg.png) no-repeat 0}

/**비주얼**/
.webtong_visual {position: relative;z-index:1;margin-top: 62px;background-color: #174690;}
.webtong_visual .bxslider .mobile {display:none}
.webtong_visual .bxslider .active a {display:block;text-align: center;}
.webtong_visual .bxslider .active a img {max-width:1200px;width:100%}

/*메인로그인*/
.login_wrap {position: absolute;background-color: #5dc7ff;bottom: -70px;right: 50%;width: 50%;display: flex;justify-content: flex-end;margin-right: 115px;}
.login_wrap .main_login_inner {padding: 33px 161px 32px 28px;max-width: 488px;width: 100%;}
.login_wrap .main_login_inner p {margin-bottom: 15px;}
.login_wrap .main_login_inner p img {width:auto}
.login_wrap .main_login_inner span {display: block;margin-bottom: 5px}
.login_wrap .main_login_inner input[type="text"], .login_wrap .main_login_inner input[type="password"] {background-color: transparent;border: 1px solid #fff;height: 38px;width:100%;padding: 0 10px;}
.login_wrap .main_login_inner .login_link {display: flex;justify-content: center;gap: 1em}
.login_wrap .main_login_inner .login_link li {position:relative}
.login_wrap .main_login_inner .login_link li:after {content:'';position:absolute;top: 6px;right: -8px;background-color: rgb(255 255 255 / 40%);width: 1px;height: 11px;}
.login_wrap .main_login_inner .login_link li:last-child:after {content:none}
.login_wrap .main_login_inner .login_link li a {color: #fff;padding: 0 4px;display: block;}
.login_wrap .main_login_inner .login_btn {background-color: #174690;color: #fff;width: 100%;display: block;text-align: center;padding: 15px 0;margin-bottom: 9px;}
.login_wrap .main_login_inner .checkbox-type {color:#fff}
.login_wrap .main_login_inner .checkbox-type input[type="checkbox"] {margin: 0 4px 0 0;}
.login_wrap .main_login_inner ::-webkit-input-placeholder {color:#fff}
.login_wrap .main_login_inner :-moz-placeholder {color:#fff}
.login_wrap .main_login_inner ::-moz-placeholder {color:#fff}
.login_wrap .main_login_inner :-ms-input-placeholder {color:#fff}

/*다운로드*/
.download_wrap {position:relative;width: 100%;top: -58px;}
.download_wrap .download_inner {position: relative;z-index: 2;background-color: #fff;padding: 70px 104px 10px;max-width: 1200px;width: 50%;left: 50%;margin-left: -201px;}
.download_wrap:after {content:'';position: absolute;background-color: #ffffff;height: 100%;width: 50%;left: 50%;z-index: 1;top: 0;}
.download_wrap .download_inner img {width:auto;vertical-align: top;}
.download_wrap .download_inner h2 {width:auto;vertical-align: top;line-height: 18px;font-weight: 700;font-size: 25px;color: #153172;margin-bottom: 42px;}
.play_wrap {display: flex;gap: 10em;}
.play_wrap > li > a > em {display: block;font-size: 17px;font-weight: 600;position: relative;margin-top: 10px;white-space: nowrap;border-bottom: 1px solid #174690;line-height: 31px;}
.play_wrap > li > a > em:after {/* content:''; */background: url(../images/main/down.png) no-repeat 0 top;display: block;height: 18px;width: 171px;}
.play_wrap > li > ul {display: flex;justify-content: center;gap: 1em;margin-top: 11px;}
.play_wrap > li > ul > li {}
.play_wrap > li > ul > li > a {display: inline-block;background: #041e48 url(../images/common/buypass_.svg) no-repeat center 13px / 41px;text-indent: -999em;width: 60px;height: 60px;border-radius: 11px}
.play_wrap > li > ul > li > a.buypass_btn_ {background: url(../images/common/buypass.svg) no-repeat center 13px / 41px;border: 1px solid #cbcbcb;}
    
.bg_main_img {margin: 0 0 0 auto;width: 65%;background: url(../images/main/bg_main_img.png);position:relative;z-index: 1;height: 648px}
.bg_main_img .s_text {width:auto;position: absolute;left: -26px;}
.bg_main_img .b_text {width:auto;position: absolute;left: 29%;top: 23%;}
.box_wrap {max-width: 1200px;position: relative;margin: -256px auto 0;z-index: 1;}
.box_wrap .box_inner {display: flex}
.box_wrap .box_inner li {width: 35%;}
.box_wrap .box_inner li:first-child .box_wrap_a {background-color: #2f3d79;color: #fff;height: 100%}
.box_wrap .box_inner li .box_wrap_a {padding: 42px;background-color: #fff;position: relative;}
.box_wrap .box_inner li .box_wrap_a h3 {margin-bottom: 56px;font-size: 20px;}
.box_wrap .box_inner li .box_wrap_a p {font-weight: 300;font-size: 16px}
.box_wrap .box_inner li .box_wrap_a .more_btn, .box_wrap .box_inner li .box_wrap_a .more_btn_ {display: inline-block;width: 26px;height: 26px;text-indent: -999em;background: url(../images/main/more_w.png) no-repeat;position: absolute;top: 42px;right: 27px}
.box_wrap .box_inner li .box_wrap_a .more_btn {}
.box_wrap .box_inner li .box_wrap_a .more_btn_ {background: url(../images/main/more_b.png) no-repeat}
.admin_wrap {text-align: center;padding: 0 1.5% 70px 1.5%}
.admin_wrap img {width:auto}
.admin_wrap .mobile {display:none}

/**  **/
.company_wrap02 {padding: 4% 0}
.company_Information {max-width: 1200px;margin: 0 auto;position:relative}
.company_Information .text_wrap {position:absolute;padding: 15px}
.company_Information .text_wrap > span {display: block;margin-bottom: 13px}
.company_Information .text_wrap > strong {display: block;font-size: 34px;line-height: 38px;position: relative;padding-bottom: 86px}
.company_Information .text_wrap > strong:after {position: absolute;content: '';background-color: #000;width: 38px;height: 2px;bottom: 47px;left: 0}
.company_Information .text_wrap > p {font-weight: 200}
.company_Information ul {margin-left: 25%;position:relative;z-index:1}
.company_Information ul li {width: 33.33333%;float: left}
.company_Information ul li a {padding: 15px;display: block;position: relative}
.company_Information ul li a:hover, .company_Information ul li a:focus {text-decoration:none}
.company_Information ul li a:before {content:""; position:absolute; left:0; top:0; width:0; height:0; border-top:4px solid transparent; border-right:4px solid transparent;}
.company_Information ul li a:after {content:""; position:absolute; right:0; bottom:0; width:0; height:0; border-bottom:4px solid transparent; border-left:4px solid transparent;}
.company_Information ul li a:hover:before,
.company_Information ul li a:focus:before {border-color:#d11e61; width:100%; height:100%; transition:width .2s, height .2s .2s}
.company_Information ul li a:hover:after,
.company_Information ul li a:focus:after {border-color:#d11e61; width:100%; height:100%; transition:width .2s, height .2s .2s}
.company_Information ul li a span {position: relative;display: block;padding-top: 72%;overflow: hidden;}
.company_Information ul li a span img {position: absolute;top: 0}
.company_Information ul li a:hover span img, .company_Information ul li a:focus span img {transform: scale(1.2)}
.company_Information ul li a strong {font-size: 20px;display: block;margin: 12px 0 2px}
.company_Information ul li a p {font-weight: 200}

/** popup-zone **/
.banner_wrap {float: right;width: 26%;position:relative;z-index:1}
.popupZone .control {position:relative;height:60px;padding: 18px 20px 0;background: #10202a;text-align: right;}
.popupZone .control strong {display:block; position:absolute; left:20px; top:0;line-height:60px; color:#fff; font-family:'gmarket'; font-size:18px;}
.popupZone .control button {display:inline-block; margin:0; font-size:0;}
.popupZone .control button[data-control="prev"]{width:7px;height:13px;background: url(/images/main/btn_pop_prev.png) no-repeat center 0;vertical-align: middle;}
.popupZone .control button[data-control="next"]{width:7px; height:13px; background:url(/images/main/btn_pop_next.png) no-repeat center 0;vertical-align: middle;}
.popupZone .control button[data-control="prev"]:before,
.popupZone .control button[data-control="next"]:before {display:none;}
.popupZone .control button[data-control="stop"]:before{top: 1px;width: 2px;height: 11px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.popupZone .control button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 6px 0 6px 8px;border-style: solid;border-color: transparent transparent transparent #fff;}
.popupZone .paging {display:inline-block;vertical-align: middle;margin: 0 15px;}
.popupZone .paging span {display:inline-block; position:relative; font-size: 15px;color:rgba(255,255,255,.5);vertical-align: bottom;}
.popupZone .paging span.current {color:#fff; }
.popupZone .paging span.line {width: 24px;font-size:0;}
.popupZone .paging span.line:before {display:block;position:absolute;left: 9px;top: -19px;content:'';width:1px;height: 16px;background:rgba(255,255,255,.5);transform: rotate(47deg);}

/**  **/
.introduction_wrap {padding-bottom: 70px;position: relative;z-index: 1}
.introduction_wrap .introduction_bg {max-width: 1900px;margin: 0 auto;background: #000 url(../images/main/introduction_bg.png);color: #fff;padding: 1% 0 2%;background-position: bottom;background-size: cover;background-attachment: fixed;position:relative}
.center_wrap {display: table;margin: 0 auto;background-color: #fff;position: relative;top: 74px;box-shadow: 0 0 25px 12px rgba(0, 0, 0, 0.27);transform: translateY(100px);opacity: 0}
.center_wrap.ani_layer.action {transform: translateY(0);opacity: 1} 
.center_wrap ul {padding: 40px 20px 25px 20px}
.center_wrap ul li {float: left;width: 33.33333%;margin-bottom: 20px}
.center_wrap ul li a {display: block;text-align: center;color: #1b3a6a;padding: 5px 15px;border-right: 1px solid #e0e0e0}
.center_wrap ul li:nth-child(3n) a {border-right: 0}
.center_wrap ul li a img {width:auto;margin-bottom: 10px}
.center_wrap > .table_wrap  {display:table;width: 100%}
.center_wrap > .table_wrap > a {display: inline-block;background-color: #000;width: 50%;text-align: center;padding: 20px 0;display:table-cell}
.introduction_wrap .left_wrap {position: absolute;right: 50%;width: 50%;top: 50%;transform: translateY(-50%);text-align: right}
.introduction_wrap .right_wrap {position: absolute;left: 50%;width: 50%;top: 50%;transform: translateY(-50%)}
.introduction_wrap .text {transform: translateY(-144%);opacity: 0}
.introduction_wrap .text.action  {transform: translateY(-15%);opacity: 1}
.introduction_wrap .text p {margin:0 30px;font-weight: 200}
.introduction_wrap .text p strong {display:block;font-size: 29px}
.introduction_wrap .text p span {display:block}
.introduction_wrap .text p a {display: inline-block;margin-top: 15px;padding: 8px 8%;border: 1px solid rgba(255, 255, 255, 0.34)}
.introduction_wrap .text p a:hover, .introduction_wrap .text p a:focus {background-color: rgba(0, 0, 0, 0.5);color: #00f3ff;border: 1px solid rgba(255, 255, 255, 0.34)}

/** 영역 **/
.bgfff_wrap {position: relative;margin-bottom: 100px;}
.bgfff_wrap:after {content:'';width: 50%;left: 0;background-color: #f5f5f5;top: 201px;height: 70%;position: absolute;}

/** 사업영역 **/
.company_inner {max-width: 1900px;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(../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(../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: #bd2263 url(../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}

/** 서브내비 **/
.sub_nav {position: relative;width: 100%;z-index: 2;background-color: #0f4270;}
.sub_nav.sub_nav.medicorp {background-color: #137962;}
.sub_nav_wrap {max-width:1200px;margin:0 auto;position: relative;}
.sub_nav_wrap .home {float: left;background: url(../images/common/sub_btn.png) no-repeat center;height: 50px;text-indent: -999em;width: 52px;display: inline-block;border-left: 1px solid rgb(255 255 255 / 13%);}
.sub_menu01 > li > ul {display:none;position: absolute;}
.sub_menu02 > li > ul {display:none;position: absolute;}
.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;width: 100%;}
.sub_nav ul li a {position:relative}
.sub_nav ul li a:hover, .sub_nav ul li a:focus {text-decoration:none}
.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;padding: 15px 0;letter-spacing: -0.7px;position: relative;color: #fff;font-size: 15px;padding-left: 13px;width: 250px;text-align: left;background: url(../images/common/sub_up_down.png) no-repeat right 18px;border-right: 1px solid rgb(255 255 255 / 13%);height: 50px;font-weight:400;border-left: 1px solid rgb(255 255 255 / 13%);}
.sub_nav_wrap > div > ul > li > ul {width: 100%;background-color: #0f4270;z-index: 2;border-top: 1px solid #1c568b;}
.medicorp .sub_nav_wrap > div > ul > li > ul {background-color: #0c5e4c;border-top: 1px solid #116e5a}
.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 .sub_menu02 {margin-left: -1px}
.sub_nav_wrap .sub_menu02 > li.on > a {background-position: right -16px;}
.sub_nav_wrap .sub_menu02 > li > a {}
.sub_nav_wrap .sub_menu02 > li > a:hover, .sub_nav_wrap .sub_menu02 > li > a:focus {}
.sub_nav_wrap > div > ul > li > ul > li > a:hover, .sub_nav_wrap > div > ul > li > ul > li > a.on {color:#fff;background:#3960af}
.medicorp .sub_nav_wrap > div > ul > li > ul > li > a:hover, .medicorp .sub_nav_wrap > div > ul > li > ul > li > a.on {color:#fff;background:#157460}


.sub_nav_wrap > div > ul > li > ul > li:last-child a {border-bottom:0}

.contents {padding: 5% 0 10%;}
.contents.wall {max-width:100%}
.contents_wrap {margin-right: 60px} 
.contents h2 {font-size: 2em;font-family: "NanumSquare";font-weight: 700;color: #333;clear: both;padding: 50px 0px 30px;letter-spacing: -0.7px}
.contents h3 {font-size: 1.5em;letter-spacing: -0.7px;color: #333;padding: 0 0 20px 0;position:relative}
.contents h3.tac {text-align:center}
.contents h3 span {position:relative}
.contents h3 span:after {content: '';position: absolute;top: 10px;right: -15px;background: url(../images/common/tit_icon02.png) no-repeat;width: 7px;height: 17px}
.contents h4 {font-size: 1.2em;letter-spacing: -0.7px;color: #333;padding: 15px 0 6px;}
.contents h4.first {padding: 0 0 20px}
.contents h3+h4 {padding: 0 0 15px;}
.contents h3.first {padding-top: 0}

/** 서브 타이틀**/
.sub_contents_wrap {margin: 0 auto;position: relative;font-weight: 200;max-width:1200px}
.sub_title {max-width: 1200px;margin: 0 auto;padding: 80px 0 80px 0;color: #fff;text-align: center}
.sub_title h2 {font-size: 40px}
.sub_title p {font-size: 18px}

/** 아이콘 **/
.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}

/**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}
.text_c {text-align:center}

.notice_wrap .notice_view ul li {animation:left_right 0.3s backwards}
.notice_wrap .video_view ul {animation:left_right 0.3s backwards}
.notice_wrap .video_view .notice_new {animation:bottom_top 0.3s backwards}

/** 회원기관 **/
.family_banner {max-width: 1200px;margin: 50px auto}
.b_banner{overflow:hidden}
.webtong_banner {position:relative;height:51px; margin:0 auto;padding:0 3%}
.webtong_banner ul {height:73px;}
.webtong_banner ul li a {margin:0 10px}
.webtong_banner ul li img {width:200px; height:73px}
.webtong_banner .controls {position: absolute;top: 50%;left: 0;width: 100%;}
.webtong_banner .controls a {display: inline-block;border: 1px solid #c0c0c0;text-indent: -999em;height: 25px;width: 25px;background:url(../images/main/controls_banner.png) no-repeat 8px 7px}
.webtong_banner .controls .left {position:absolute;left:0;}
.webtong_banner .controls .right {position:absolute;right:0;background-position: -48px 7px}
.webtong_banner .controls .menu {background-position: -76px 7px;position: absolute;top: -85px;right: 20px;}

/** 플랫폼이란 **/
.bd_radius {border: 2px solid #4a599b;border-radius: 10px;padding: 3%;text-align: center;letter-spacing: 0;box-shadow: 0px 5px 8px 0px rgb(0 0 0 / 9%);}
.img_wrap {padding: 7% 1% 10%;text-align: center}
.img_wrap span {text-align: center;}
.img_wrap span img {max-width: 100%;width: auto;display: inline-block;border-radius: 20px;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp}
@keyframes left_right {
	0% {-webkit-transform: translateY(70px);-ms-transform: translateY(70px);transform:translateX(70px); opacity:0;}
	100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform:translateX(0); opacity:1}
}
@keyframes bottom_top {
	0% {-webkit-transform: translatey(70px);-ms-transform: translatey(70px);transform:translatey(70px); opacity:0;}
	100% {-webkit-transform: translatey(0);-ms-transform: translatey(0);transform:translatey(0); opacity:1}
}
@keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px)}
  100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}
}

.intro_tit {color: #000;font-size: 2.5rem;text-align: center;letter-spacing: -0.7px;margin-bottom: 16px;font-family: "NanumSquare";}
.intro_tit p {line-height: 3.7rem; font-weight: 200;}
.intro_tit span {line-height: 2.7rem; display: block;}
.intro_tit .f_size10{display: inline; font-size: 0.8rem;}
.intro_tit strong {font-weight: 600;}
.intro_tit .partstep{font-size: 1.875rem;  font-weight: bold; margin-bottom: 5px;}
.intro_tit .partstep strong{color: #db0962; padding: 0 5px; font-weight: bold;}
.intro_wrap {position:relative}
.intro_txt{font-size:1.125rem; color:#666;}

/*문의하기*/
.dot {background: url(/images/common/label_dot.png) no-repeat;display: inline-block;text-indent: -999em;width: 10px;height: 12px;vertical-align: -7px;text-align: left;margin: 0 3px}
#board_wrap{width: 100%;border: 1px solid #cad7db;margin-bottom: 22px;background: #eaf1f3;}
#board_wrap.border_none {border: 0;background: none}
#board_wrap.border_none .form-wrap {margin-bottom: 5px;letter-spacing: 0;border-bottom: 1px solid #f0f0f1;}
#board_wrap.border_none .form-wrap > .form-wrap {border-bottom: 0}
#board_wrap.border_none .form-wrap .text {padding-top: calc(0.375rem + 1px);padding-bottom: calc(0.375rem + 1px);display: inline-block}
#right_related_link{ max-width: 100%;margin-left: 0px; float: none;width: 100%;  padding: 8px; background: url(/resources/images/contents/infobox_bg.gif) 0 0 repeat;  margin-top: 30px;}
#right_related_link .right_link_box{ box-shadow: none; background:#fff; width: 100%; padding: 45px 55px 10px; display: inline-block;}
#right_related_link .right_link_box .right_link_li:first-child {padding-top:0;}
#right_related_link .right_link_li{float: left; display: inline-block; width: 21%;  margin-right: 50px; margin-bottom:0px; vertical-align: top; padding-left: 0; padding-right: 0;}
#right_related_link .right_link_li:last-child{margin-right: 0;}
#right_related_link .right_link_li .qna_location{width: 185px; display: block; line-height: 20px;}
#right_related_link {display:block !important;}
.view_btn {width: 100%;text-align: center;display: inline-block;clear: both;}
.qna_wrap {padding-bottom: 60px; background: url(/resources/images/contents/qna.png) 100% 0% no-repeat;}
.qna_wrap p {color:#000; font-size: 2.375rem; max-width: 88%; line-height: 3.5rem; letter-spacing: -1.3px; font-weight: 400; display: block;margin-bottom: 30px}
.qna_wrap strong {font-weight: 500}
.qna_wrap em {font-style: inherit; color: #de0065; font-weight: 600;}
.qna_wrap span {margin-top:7px; display:block;}
.qna_privacy {margin-top: 25px;text-align: center;border-top: 1px solid #ddd;padding-top: 30px;}
.qna_privacy a {color: #3b548c;display: inline-block;margin-top: 10px;border: 1px solid #7f8eb1;padding: 7px 19px 8px}
.qna_privacy .form-wrap {margin: 0 auto;}
.form-wrap .btn_in_name {border: 1px solid #2495cd;background-color: #2495cd;color: #fff;padding: 0 20px;line-height: 37px;vertical-align: top;display: inline-block;height: 37px;font-size: 15px;position: absolute;right: 0;}
.form-wrap .btn_in02 {border: 1px solid #2495cd;background-color: #2495cd;color: #fff;padding: 0 11px;line-height: 37px;vertical-align: top;display: inline-block;height: 37px;font-size: 15px}

.open_link {width: 11px;height: 11px;display: inline-block;background: url(/images/common/px_open.png) no-repeat;margin-left: 5px}
.form-check-label {cursor:pointer;}
.bbs_form span {display: block;text-align: right;border-bottom: 2px solid #0f4270;padding-bottom: 8px;margin-bottom: 6px}
.bbs_form .form-control::-webkit-input-placeholder {color:rgba(80, 80, 80, 0.5);}
.bbs_form .form-control::-moz-placeholder {color:rgba(80, 80, 80, 0.4);}
.bbs_form .form-control:-ms-input-placeholder {color:rgba(80, 80, 80, 0.4);}
.bbs_form #footerCaptchaAnswer::-webkit-input-placeholder {color:rgba(80, 80, 80, 0.5);}
.bbs_form #footerCaptchaAnswer::-moz-placeholder {color:rgba(80, 80, 80, 0.5);}
.bbs_form #footerCaptchaAnswer:-ms-input-placeholder {color:rgba(80, 80, 80, 0.5);}
.bbs_form .form-control {border-radius: 0;padding: 6px 6px 7px;border: 1px solid #ced6dd;}
.form-control {display: block;width: 100%;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;height: 37px;}
.form-control.btn_in {display: inline-block;padding: 9px 10px 10px 15px;}
.bbs_form .qna_select{padding-right:0; width:211px; margin-top: 8px;}
.bbs_form .padding_l {padding-left: 15px !important;}
.bbs_form .bbs_label {width: 20%;}
.bbs_form .col-form-label {float:left;font-weight:500;padding-right: 0;padding-left: 0; display:inline-block;vertical-align: top;}
.bbs_form .col-sm-10.col-md-5 {display:inline-block; vertical-align:middle;}
.form-wrap {display:inline-block;position: relative;}
.form-wrap02 {width: 84%;display: inline-block;margin-bottom: 5px}
.form-wrap02 input[type="text"] {width: 55px;display: inline-block;font-size: 15px;}
.table_wrap > table .form-wrap02 {width: 100%;}
.table_wrap > table .form-wrap02 input[type="text"] {width: 53px;display: inline-block;font-size: 15px;height: 31px;}
.table_wrap > table select {height: 31px}

.form-wrap-in {width:80%;display:inline-block;}
.qna_privacy_agree {display:block !important;}
.qna_right_box ul li {padding-left: 30px}
.qna_right_box .qna_call {background:url(/resources/images/contents/qna_right_call.png)left top no-repeat;}
.qna_right_box .qna_location {background:url(/resources/images/contents/qna_right_loc.png)left top no-repeat;}
.qna_select {display:inline-block;}
.form-check-inline {display:inline-block;margin-right: 10px;}
.captchaImg {display: inline-block; float: left; margin-right: 20px;}
.captcha_wrap p {margin-bottom: 5px; display:block; margin-top: 1px;}
.captcha_wrap input {height:42px; padding: 8px 15px; border: 1px solid #ddd; width:190px;}
.captcha_wrap button {height:42px; cursor:pointer; padding: 12px 15px 8px 15px; display: inline-block; margin-left: -4px; vertical-align: top; background: none; border: 1px solid #ddd; font-size: 0.875rem;}
.captcha_wrap button .refresh {background: url(/resources/images/contents/refresh.png)no-repeat; width: 20px; height: 20px; display: inline-block; margin: 0 0 0 7px; vertical-align: middle;}

.col-form-label {padding-top: calc(0.375rem + 1px);padding-bottom: calc(0.375rem + 1px);}
.view_btn a {margin-left: 5px;padding: 7px 31px 8px;background: #0f4270;color: #fff;font-weight: 500;font-size: 15px;letter-spacing: 0;display: inline-block;min-width: 118px;height: 37px;}
.view_btn a.cancel {background: #565c68}
.view_btn a.blue {background: #2495cd}

.view_btn.qna a {background: #193471}
.w_100 {width:100% !important;}
.w_100 .form-wrap {width: 84%;}
.w_100 .col-form-label {width: 16%;padding: 7px 1%;}

.applicant-application-step1 .content-box-area .text-area { height: 140px; border: solid 1px #d2d4d6; padding: 10px; overflow-y: scroll; color: #666; }
.content-box-area .text-area {height: 140px;border: solid 1px #d2d4d6;padding: 10px;overflow-y: scroll;font-size: 14px;color: #666;margin-bottom: 10px}
.content-box-area .text-area h5 {font-size: 1.2em; line-height: 1.5}
.content-box-area .text-area h6 {font-size: 1em; margin-top:10px; margin-bottom:10px}
.content-box-area .text-area img {width: 22px;}
.content-box-area .text-area span, .applicant-application-step1 .content-box-area .text-area span { font-weight: bold; }
.content-box-area .text-area .table-type-01 { margin-top:10px; }
.content-box-area .text-area .p-mb20,
.content-box-area .text-area .p-ml20,
.content-box-area .text-area .p-ml40 { margin-bottom:10px; }
.content-box-area .text-area p:last-child, .applicant-application-step1 .content-box-area .text-area p:last-child { padding-bottom: 0; }
.content-box-area .text-area ul li h6, .applicant-application-step1 .content-box-area .text-area ul li h6 { font-size: 13px; margin: 13px 0; }
.content-box-area .text-area ol, .applicant-application-step1 .content-box-area .text-area ol { margin: 10px 0; }
.content-box-area .text-area ol li, .applicant-application-step1 .content-box-area .text-area ol li { list-style: decimal; list-style-position: inside; }
.content-box-area .checkbox-type, .applicant-application-step1 .content-box-area .checkbox-type, .accept-terms .content-box-area .radio-type, .applicant-application-step1 .content-box-area .radio-type { margin-top: 7px; }
.checkbox-type label {font-size: 15px}

/** table_wrap **/
.table_wrap {border-top: 2px solid #0f4270;overflow-x:auto;padding-bottom: 3px;}
.table_wrap > table {width:100%;min-width: 700px}
.table_wrap.w1000 > table {width:100%;min-width: 1000px;table-layout: fixed}
.table_wrap.min340 > table {width:100%;min-width: auto}
.table_wrap > table th {border-bottom:1px solid #dddddd;}
.table_wrap > table th:first-child,.table_wrap > table td:first-child {border-left:0}
.table_wrap.th_left > table tbody th:first-child {text-align:left}
.table_wrap > table thead th {background: #e7ecf6;color:#00295d;padding: 10px 0;border-left: 1px solid #dddddd}
.table_wrap > table tbody th {background: #f9f9f9;color:#333;padding:5px 12px}
.table_wrap > table td {border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;text-align: center;padding: 5px;height: 42px;}
.table_wrap > table .table_tit {background: #e7ecf6;color:#00295d;padding: 10px;border-left: 1px solid #dddddd}
.table_wrap > table td.point {background-color: #fdf2e6}
.table_wrap > table input[type="text"],.table_wrap > table input[type="password"] {display: block;width: 100%;padding: 5px;background-color: #fff;border: 1px solid #ced4da;font-family: "NotoSansKR";height: 31px}
.table_wrap .p_link {display: block;font-weight: 600;color: #1271ff}
.table_wrap .t_btn {display: inline-block;border: 1px solid #2495cd;padding: 4px 14px;background-color: #2495cd;color: #fff;height:31px}
.table_wrap .t_btn.grey {background-color: #7a7a7a;border: 1px solid #7a7a7a}
.down_btn {background: url(/images/common/px_download01.png) no-repeat;text-indent: -999em;display: inline-block;width: 11px;height: 10px;margin-right: 6px;vertical-align: -5px}

.search-box {margin-bottom: 20px;display: flex;flex-wrap: nowrap;align-items: center;}
.search-box li {flex-grow: 0;margin-bottom: 5px;}
.search-box li.grow_1 {flex-grow: 1}
.search-box li label {display: inline-block;vertical-align: middle;line-height: 37px;font-weight: 300;font-size: 14px;padding: 0 8px 0 18px;}
.search-box li input[type="text"] {display: block;width: 100%;padding: 5px;color: #495057;background-color: #fff;border: 1px solid #ced4da;vertical-align: middle;margin:0;height: 37px;}
.d_flex {display:flex}
.btn_search {background: #0f4270;color: #fff;font-weight: 500;font-size: 15px;display: inline-block;padding: 0 15px;height: 37px;text-align:center;line-height: 37px;margin-right: 1px;border: 1px solid #09365e;}
.btn_basket {background: #2495cd;color: #fff;font-weight: 500;font-size: 15px;display: inline-block;padding: 0 15px;height: 37px;text-align: center;line-height: 37px;border: 1px solid #1b88bf;}
.date_btn {background: #f5f5f5;color: #fff;font-weight: 500;font-size: 15px;display: inline-block;padding: 0 8px;height: 37px;text-align: center;line-height: 37px;color: #000;border: 1px solid #ced4da;}
.xlx_btn {background: #59a640;color: #fff;font-weight: 500;font-size: 15px;display: inline-block;padding: 0px 10px;height: 37px;text-align: center;line-height: 37px;border: 1px solid #4e9b35;}
.xlx_btn em {background: url(../images/common/ico_file.png) no-repeat 0 -85px;padding-left: 22px}

.search-box02 {margin-bottom: 50px}
.search-box02 li {float: left;margin-right: -1px;width: calc(16% - -1px)}
.search-box02 li:nth-of-type(2) {width: 16%}
.search-box02 li:nth-of-type(3) {width: 16%}
.search-box02 li:nth-of-type(4) {width: 16%}
.search-box02 li:nth-of-type(5) {width: 26%;}
.search-box02 li:nth-of-type(6) {width: 10%;}
.search-box02 li label {display: inline-block;text-align: center;vertical-align: middle;line-height: 37px;width: 100%}
.search-box02 li input[type="text"] {display: block;width: 100%;padding: 8px 15px;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.search-box02 li input[type="button"] {padding: 9px 0;background: #0f4270;color: #fff;font-weight: 500;font-size: 15px;letter-spacing: 0;display: inline-block;border: 0;width: 100%;height: 40.5px}

/** tab_menu **/
.webtong_tab h4 {display:none}
.webtong_tab ul { display:table; width:100%;margin-bottom:50px;table-layout:fixed; border-left:1px solid #e7e7e7;position:relative;background-color: #f1f1f1;z-index: 1;}
.webtong_tab ul li { display:table-cell;}
.webtong_tab ul li a { display:block;position:relative;border-bottom: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;line-height:50px;text-align:center;background-color: #f9fafc;white-space: nowrap;}
.webtong_tab ul li a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background:#e7e7e7}
.webtong_tab ul li.on a, .webtong_tab li:hover a {border-bottom-color: #232f47;border-top: 1px solid #232f47;z-index: 1;background-color: #232f47;color:#fff}
.webtong_tab ul li.on a:after, .webtong_tab li:hover a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:-1px; width:1px;background: #232f47;}
.webtong_tab ul li.on a:before, .webtong_tab li:hover a:before { content:''; display:block; position:absolute; top:0; left:0; bottom:-1px; width:1px;background: #232f47;}

/** 연혁 **/
.webtong_history {position: relative;max-width: 1152px;margin: 0 auto;padding: 0 20px;text-align: center}
.webtong_history h4 {padding-top:0;font-size: 86px;font-weight: bold;font-family: "Play";color: #1b1b1b;margin-top: 25px}
.webtong_history .Year_wrap {position:relative}
.webtong_history .Year_wrap:after {content: "";display: block;clear: both}
.webtong_history .Year_wrap ul {padding: 40px}
.webtong_history .Year_wrap.left ul {float: left;text-align: right}
.webtong_history .Year_wrap.right ul {float: right;text-align: left}
.webtong_history .Year_wrap.left ul li {}
.webtong_history .Year_wrap.right ul li {padding-left: 40px}
.webtong_history .Year_wrap ul li span {position: absolute;top:0;font-weight: bold;font-family: "Play"}
.webtong_history .Year_wrap.left ul li span{right: 0}
.webtong_history .Year_wrap.right ul li span {left: 0}
.webtong_history .Year_wrap ul {width: 50%}
.webtong_history .Year_wrap ul li {position: relative;margin-bottom: 10px}
.webtong_history .Year_wrap i {position: absolute;left: 50%;height: 100%;width: 10px;background: url(../images/sub/line.png) repeat-y center;margin-left: -5px}
.webtong_history .Year_wrap i:before {content: '';background: url(../images/sub/line_top.png) no-repeat;width: 28px;height: 28px;position: absolute;top: -4px;left: -9px}
.webtong_history .Year_wrap p {width: 50%;padding: 40px}
.webtong_history .Year_wrap p img {width: 100%;border: 1px solid #d8d8d8;border-radius: 19px}
.webtong_history .Year_wrap.left p {float: right}
.webtong_history .Year_wrap.right p {float: left}

/** 이미지 **/
.img_wrap02 {text-align:center}
.img_wrap02 img {max-width:100%;width:auto}

/** 주요사업 **/
.business_wrap {margin: 20px 0;border-top: 2px solid #232f47;}
.business_wrap li {position: relative;border-bottom: 1px solid #dedede;margin-top: 24px;}
.business_wrap li img {max-width:210px;position: absolute;top: 0;left: 0;}
.business_wrap li .business_inner {margin-left: 231px;margin-bottom: 43px;padding-top: 10px;min-height: 120px;}
.business_wrap li .business_inner strong {display: block;font-size: 21px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.business_wrap li .business_inner p.clamp {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 8px;}
.business_wrap li .business_inner dl {display:block;margin-bottom: 9px;}
.business_wrap li .business_inner dl dt {display: inline-block;font-weight: 600;margin-right: 8px}
.business_wrap li .business_inner dl dd {display: inline-block;margin-right: 22px;}
.business_wrap.bbs li img {max-width: 269px}
.business_wrap.bbs li .business_inner {margin-left: 300px;display:block;padding-top:0}
.business_wrap.bbs li .business_inner dl dd .file {background: url(/images/common/ico_file02.gif) no-repeat;display: inline-block;text-indent: -999em;width: 17px;height: 19px;vertical-align: -3px}
.business_wrap.bbs li .business_inner strong {margin-bottom: 4px}
.business_wrap.pt_type li .business_inner {padding-top:18px}
.keyword em {display: inline-block;border: 1px solid #b9b8b8;padding: 1px 10px 2px;background-color: #f7f7f7;font-size: 15px;margin-bottom: 3px;}

/** etc **/
.text_basic.f-size {font-size:1.5rem}
.color_blue {color:#3960af}

/** 기관리스트 **/
.ui_wrap {margin:-20px -20px 0}
.ui_wrap li {width: 20%;float:left;padding: 20px 20px 0 20px }
.ui_wrap.w002 li {width:50%}
.ui_wrap li p {border: 1px solid #cfcfcf;padding: 20px;text-align: center;}
.ui_wrap li strong {display: block;text-align: center;margin-bottom: 14px}
.ui_wrap.logo li strong {display: block;text-align: center;margin-top: 14px;white-space: nowrap}

/** 추진현황 **/
.webtong-gallery {margin: 0 -1%}
.webtong-gallery:after {content: "";display: block;clear: both}
.webtong-gallery li {width: 25%;float: left;padding: 0 1%;margin-bottom: 40px}
.webtong-gallery li div {border: 1px solid #cdcdcd;padding: 10px;border-radius: 5px;box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.04);transition: all 0.5s}
.webtong-gallery li div:hover {box-shadow: 1px 17px 30px 3px rgba(0, 0, 0, 0.1)}
.webtong-gallery li div a {display: block}
.webtong-gallery li div a span {display: block;position: relative;padding-top: 120%;overflow: hidden;border-radius: 4px}
.webtong-gallery li div a span img {width: 100%;position: absolute;top: 0;left: 0;transform: scale(1);transition: all 1s}
.webtong-gallery li div a:hover span > p, .webtong-gallery li div a:focus span > p {bottom: 0;opacity:1}
.webtong-gallery li div a:hover span:after, .webtong-gallery li div a:focus span:after {opacity:1}
.webtong-gallery li div a:hover span img, .webtong-gallery li div a:focus span img {transform: scale(1.2)}
.webtong-gallery li div a strong {padding: 20px 10px 10px 10px;display: block;font-weight: 500;font-size: 16px;color: #1b1b1b;text-align:center}

/** board_view **/
.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:15px 20px}
.text-bbsbox .textview img {width:auto;max-width:100%;display:block;margin:0 auto 10px auto;}
.text-bbsbox .textview table {width: auto}
.text-bbsbox .file {text-align: left;padding: 13px;}
.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(../images/sub/down.png) no-repeat 3px 2px;display: inline-block;position: absolute;content: '';width: 22px;height: 19px;left: 2px;top: 2px}
.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}
.fileBox .fileName {width:30%;display:inline-block}
.fileBox .file_btn {top: 0;right: 0;cursor: pointer;position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0, 0, 0, 0);}
.fileBox .btn {display:inline-block;min-width: 70px;background: #0f4270;color:#fff;padding:10px 20px;font-size:14px;vertical-align:middle}

/** 커뮤니티 **/
.Communitylist {border-top: 2px solid}
.Communitylist ul li {padding: 3% 0;border-bottom: 1px solid #dbdbdb}
.Communitylist ul li:hover {box-shadow: 2px 6px 20px rgb(0 0 0 / 30%);-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s}
.Communitylist ul li .list_box {display: block;position: relative;padding:0 1%;}
.Communitylist ul li .list_box span {position: absolute;left: 17px;top: 8px;display: inline-block;text-align: center;margin-top: -13px;}
.Communitylist ul li .list_box span em {border: 1px solid #70bd18;padding: 5px 0;border-radius: 5px;color: #6dc30b;font-size: 14px;display: inline-block;font-weight: 300;width: 125px;}
.Communitylist ul li .list_box  span.c_red em {border-color: #e31717;color: #e31717;}
.Communitylist ul li .list_box  span.c_blue em {border-color: #227be5;color: #227be5;}
.Communitylist ul li .list_box  span.c_blue02 em {border-color: #1fc2e1;color: #1fc2e1;}
.Communitylist ul li .list_box  span.c_purple em {border-color: #a61fe1;color: #a61fe1;}
.Communitylist ul li .list_box  span.c_purple02 em {border-color: #5d37ec;color: #5d37ec;}
.Communitylist ul li .list_box  span.c_yellow em {border-color: #dcb81d;color: #dcb81d;}
.Communitylist ul li .list_box  span.c_orange em {border-color: #dc6103;color: #dc6103;}
.Communitylist ul li .list_box  span.c_green em {border-color: #188131;color: #188131;}
.Communitylist ul li .list_box .ListTitle {display: block;margin-bottom:15px;padding-left: 140px;font-size:20px;line-height:24px;font-weight:500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Communitylist ul li .list_box p {margin-bottom:20px;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Communitylist ul li .list_box dl {display:block}
.Communitylist ul li .list_box dl dt {display: inline-block;font-weight: 600;margin-right: 8px}
.Communitylist ul li .list_box dl dd {display: inline-block;margin-right: 22px;}
.pagination {margin: 0 auto; text-align:center;}
.pagination li {display:inline-block;}
.page-item .page-link.pre {margin-right: 6px; background:url(/images/common/page_pre.gif) center  no-repeat; border-radius:0;width: 35px;height: 35px;text-indent: -9999px;}
.page-item .page-link.next {margin-left:10px; background:url(/images/common/page_next.gif) center  no-repeat; border-radius:0;width: 35px; height: 35px; text-indent: -9999px;}
.page-item .page-link.pre:hover {border:1px solid #000;}
.page-item .page-link.next:hover {border:1px solid #000;}
.pagination .page_num {color:#000;}
.pagination .page_num.active {background: #2495cd; color:#fff;min-width: 35px;min-height: 35px;border-color: #2495cd;}
.page-item.disabled {display:none;}
.page-link {position: relative;display: block;padding: 0.5rem 0.75rem;line-height: 18px;color: #007bff;background-color: #fff;border: 1px solid #dee2e6;min-width: 35px;min-height: 35px}

.list_wrap {position: relative;margin: 30px 0px;border-bottom: 1px solid #dedede;}
.list_wrap ul {margin-right: 224px}
.list_wrap ul li {position:relative;padding-left: 28px;margin-bottom: 13px;}
.list_wrap ul li:before {content:'';background-color: #0f4270;width: 4px;height: 4px;display: inline-block;top: 10px;left: 18px;position: absolute;}
.list_wrap ul li strong {display: inline-block;width: 76px}
.list_wrap .book_wrap {display: inline-block;position: absolute;right: 15px;top: 0}
.list_wrap .book_wrap img {width: auto}
.list_wrap .down_bt {font-size: 15px;display: inline-block;border: 1px solid #80afd7;padding: 2px 11px}
.list_wrap .down_view {font-size: 15px;display: inline-block;border: 1px solid #80afd7;padding: 2px 11px}
.list_wrap .down_bt i {background: url(/images/common/px_download01.png) no-repeat;display: inline-block;text-indent: -999em;width: 11px;height: 12px;vertical-align: -5px;margin-left: 5px}
.list_wrap .down_view i {background: url(/images/common/px_view.png) no-repeat;display: inline-block;text-indent: -999em;width: 11px;height: 13px;vertical-align: -5px;margin-left: 5px}

.login_form {margin-top: 20px}
.login_form .login_inner {display:table;margin: 0 auto;padding: 24px 10% 39px;border:1px solid #e1ddd7;background:#fff;box-shadow: 0 4px 20px rgba(0 0 0 / 0.1);text-align:center;max-width: 592px;width: 100%;}
.login_form .login_inner.logout {margin-top: -70px;width: 440px;margin-left: -220px}
.login_form .login_inner h1 {background: url(../resources/app/images/kbvoc/logo.svg) no-repeat 0 0 / 100%;text-indent: -999em;display: inline-block;width: 174px;vertical-align: top;height: 29px;}
.login_form .login_inner p {font-size:16px;color:#838383}
.login_form .login_inner p.text {font-size:22px;color:#463e39;font-weight:300;line-height: 29px;}
.login_form .login_inner p.text strong {font-size:28px;}
.login_form .login_inner fieldset {margin-top:38px;}
.login_form .login_inner fieldset ul li {margin-bottom:12px}
.login_form .login_inner fieldset ul li label {display:inline-block;width:18%;width: 17%;margin-right: 1.5%;text-align: right;color: #68655d;font-weight: 400;vertical-align: middle;}
.login_form .login_inner fieldset ul li span {position:relative;display: inline-block;width: 100%;}
.login_form .login_inner fieldset ul li span.id:before {content:'';display: inline-block;width:14px;height:16px;background: url(../resources/app/images/kbvoc/icon_id.png) no-repeat 0 0;position: absolute;left: 14px;top: 50%;margin-top: -8px;}
.login_form .login_inner fieldset ul li span.password:before {content:'';display: inline-block;width:12px;height:16px;background: url(../resources/app/images/kbvoc/icon_password.png) no-repeat 0 0;position: absolute;left: 15px;top: 50%;margin-top: -8px;}
.login_form .login_inner fieldset ul li input[type="text"], input[type="password"] {padding: 0 10px;border: 1px solid #dddddd;width:100%;height: 41px;min-width: 155px}
.login_form .login_inner fieldset input[type="submit"] {border: 1px solid #0f4270;background-color: #0f4270;color: #fff !important;line-height: 48px;font-size: 15px;width: 100%;}
.logout_btn {color: #000;display: inline-block;padding: 0 44px;border: 1px solid #c3c5c6;line-height: 35px;border-radius: 3px;background-color: #efefef}

.checkbox-type {text-align: left;margin-bottom: 10px}
.btn_wrap {margin-top: 12px;padding: 0 12px;text-align: center}
.btn_wrap a {position: relative;padding: 0 10px}
.btn_wrap a:after {content: '';background-color: rgba(72,72,72,0.33);width: 1px;height: 12px;position: absolute;top: 6px;right: -2px}
.btn_wrap a.last-child:after {content:none}

.complete_wrap {background: url(../images/sub/logo.png) no-repeat center top;display: table;width: 100%;max-width: 340px;margin: 27px auto 10px;padding: 289px 0 28px;text-align: center;font-size: 22px;font-weight: 500} 
.member_name {display: table;position: absolute;right: 1px;top: 13px;color: #fff;}

.layer_wrap {position:relative}
.table_basket {position: absolute;top: 68px;right: 0;background-color: #ebf3f7;width: 250px;border: 1px solid #0f4270;display:none}
.table_basket h4 {padding: 10px;background-color: #0f4270;color: #fff;font-size: 16px;}
.basket_inner {padding: 8px 10px 17px 10px;max-height: 350px;overflow-y: auto;}
.basket_inner h4 {padding: 0;color: #fff}
.basket_inner .number {text-align: center;margin-bottom: 10px;font-weight: 400;letter-spacing: 0}
.basket_inner table {margin-bottom: 18px;width: 100%}
.basket_inner table th {border: 1px solid #b2c6cf;height: 32px;background-color: #eff4f9;}
.basket_inner table td {text-align: center;height: 32px;border: 1px solid #b2c6cf;background-color: #fff;color: #000}
.quantity_wrap {display: flex}
.quantity_wrap li {line-height: 29px;flex-grow: 1;text-align: left;}
.quantity_wrap li label {width: 100%;text-align: right;display: block;padding-right: 8px;font-weight: 400;}
.quantity_wrap li input[type="text"] {border: 1px solid #c3d3db;width: 44px;height: 31px;margin-right: 6px}
.quantity_wrap li a {display: inline-block;padding: 0 18px;border: 1px solid #2495cd;background-color: #2495cd;color: #fff;}
.quantity_wrap li.grow_0 {flex-grow: 0;}
.table_basket .close {position: absolute;top: 16px;right: 9px;display: inline-block;width: 11px;height: 11px;text-indent: -999em;background: url(../images/common/close.png) no-repeat}

#dimmed {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 999;display: none}
.pop-wrap {position: absolute;left: 50%;top: 0;z-index: 1000;display: none;background-color: #fff;width: 800px;box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.26);max-height: 700px;overflow-y: auto;}
.pop-wrap.wid340 {width: 340px}
.pop-wrap h4 {font-size: 18px;font-weight: 300;padding: 10px 20px;background-color: #4fa5d1;color: #fff}
.pop-contents {padding: 15px;position: relative;max-width: 1200px;margin: 0 auto}
.pop-close {background: url(../images/common/family_close.png) no-repeat center;position: absolute;top: 0;right: 0;display: inline-block;width: 50px;height: 45px;text-indent: -999em}

.date_wrap {display: flex;align-items: center;justify-content: center}
.date_wrap .date_per {display: inline-block;background: url(../images/common/next_prev.png) no-repeat center -20px;text-indent: -999em;width: 30px;border: 1px solid #ced4da;height: 37px;}
.date_wrap .date_next {display: inline-block;background: url(../images/common/next_prev.png) no-repeat center 13px;text-indent: -999em;width: 30px;border: 1px solid #ced4da;height: 37px;}
.date_wrap em {display: inline-block;padding: 0 4px;text-align: center}

.result_wrap {display: flex;margin-bottom: 10px;margin: 0 -5px}
.result_wrap ul {flex-grow: 1;border: 2px solid #bec9df;padding: 10px 18px;margin: 5px;background-color: #f7faff;border-radius: 6px;width: 50%}
.result_wrap ul li {display: flex;justify-content: space-between;border-bottom: 1px dotted #cdd4e1;padding: 7px 0 7px 13px;position:relative}
.result_wrap ul li:before {content:'';position:absolute;background-color: #2495cd;width: 6px;height: 6px;border-radius: 50%;top: 15px;left: 0;}
.result_wrap ul li:last-child {border-bottom:0}
.result_wrap ul li strong {color: #0076b1}

.text_basic {font-size: 20px;font-weight: 600;letter-spacing: -0.5px;color: #2e3c79;}
.text_box {color: #395868;font-size: 17px;text-align: center;padding: 3% 4%;border-radius: 12px;font-weight: 300;border: 1px solid #e3e3e3;border-style: dotted;background-color: #f8fcff;}
.text_box ul {text-align: left;}

.company_wrap > .company_text {padding: 0 4%;margin-top: -59px;}
.company_wrap > .company_text > span {display: block;background-color: #fff;position: relative;padding: 4%;box-shadow: 0px -11px 20px 0px rgba(0,0,0,0.1);font-size: 18px;line-height: 29px;}
.company_wrap > .company_text p {margin-bottom: 15px;line-height: 1.5}

@media screen and (max-width: 1988px) {
	.bg_main_img {width: 70%;}
}
@media screen and (max-width: 1400px) {
	.notice_plan_wrap {padding: 30px 2%}
	.visual_text_wrap {left: auto;margin-left: 0}
	.visual_text_wrap .visual_text {font-size: 40px;}
	.sub_nav ul li a {font-size: 13px}
	.min_bbs_wrap {padding: 30px 2%}
	.introduction_wrap .introduction_bg .text_wrap {height: 363px}
	.webtong_banner .controls {width: auto;top: -58px;right: 20px;display: inline-block;left: auto;}
	.webtong_banner .controls .left {left:auto;position:relative} 
	.webtong_banner .controls .right {right:auto;position:relative} 
	.webtong_banner .controls .menu {top:0;right: auto;position: relative;}
	.bg_main_img {width: 77%;}
}
@media screen and (max-width: 1200px) {
	.contents {padding: 5% 1.5% 10%}
	.sub_title {padding: 56px 1.5%;margin-top: 51px;}
	.sub_title h2 {font-size: 20px}
	.sub_title p {font-size: 15px}
	.bd_radius {border-radius:10px}
	.member_name {right: 10px;}
	.webtong_visual {margin-top: 60px}
	.webtong_visual ul li a .visual_text h2 {font-size: 3em;}
	.webtong_visual ul li a .visual_text h2 em {font-size: 25px;line-height: 35px;}
	.login_wrap .main_login_inner {padding: 33px 111px 32px 28px;max-width: 428px;}
}
@media screen and (max-width: 1060px) {
	.login_wrap {position: relative;bottom: 47px;right: 0;width: 100%;padding: 0;justify-content: center}
	.login_wrap .main_login_inner {padding: 28px 1.5%}
	.play_wrap {justify-content: center;gap: 2em;}
	.download_wrap {top: -47px;}
	.download_wrap .download_inner h2 {text-align: center;}
	.download_wrap .download_inner {left: 0;margin: 0;width: 100%;padding: 40px 1.5% 0;}
	
	/**메이콥 메인**/
	.m_wrap .m_wrap_inner .m_wrap_item {width:50%}
	.m_wrap .m_wrap_inner .m_wrap_item.item03 {width:100%;height: auto;}
	.footer_wrap_m {position:relative;flex-grow: 0;}
	
	
}
@media screen and (max-width: 1024px) {
	.company_Information .text_wrap {position: relative}
	.company_Information .text_wrap > strong {padding-bottom: 20px}
	.company_Information .text_wrap > strong:after {bottom: 9px}
	.company_Information ul {margin-left:0}
	.company_Information ul li a strong {font-size: 18px}
	.main_wrap {padding: 0 0 30px}
	.notice_plan_wrap {padding: 0 2%}
	.notice_plan_wrap h3 {top: -56px}
	.banner_wrap {width:100%}
	.banner_wrap h3 {top: 0;} 
	.center_wrap {top:auto}
	.center_wrap ul {padding: 10px 0 0}
	.center_wrap ul li a {margin: 25px 0 }
	.center_wrap {top:0;height:auto;width: 98%}
	.introduction_wrap {padding-bottom: 20px}
	.introduction_wrap .text {display:none}
	.introduction_wrap .introduction_bg .text_wrap {height:auto}
	.introduction_wrap .introduction_bg .text_wrap img {display:none}
	.introduction_wrap .introduction_bg .text_wrap .text_inner, .introduction_wrap .introduction_bg .text_wrap.ani_layer.action .text_inner {padding:2%}
	.introduction_wrap .introduction_bg .text_wrap .text_inner p {font-size: 14px}
	.company_inner:hover li {width:100%}
	.company_inner li:hover {width:100%}
	.company_inner li {width:100%}
	.brnone {display:none}
	.main_bbs_wrap {margin-top:20px;padding:0}
	.captcha_wrap button .refresh {display:none;}
	.captcha_wrap button {padding: 13px 15px 12px 15px;}
	.captcha_wrap input {width:180px;}
	.captchaImg {width:200px !important;}
	.bbs_form .qna_select { width: 30%;}
	.form-wrap {width: 70%;}
	.ui_wrap {margin:0}
	.ui_wrap li {padding: 5px 5px 0 5px;width: 25%}
	.ui_wrap.logo li strong {font-size:14px;margin-top: 7px;}
	#right_related_link .right_link_li {width:50%; margin-right:0; min-height: 145px;}
	#right_related_link .right_link_li:nth-child(3), #right_related_link .right_link_li:nth-child(4) {padding-bottom:0px; height:auto;} 
	#right_related_link .right_link_li .qna_location {width:90%; }
}
@media screen and (max-width: 960px) {
	.bg_main_img {width: calc(100% - 46px);height: 456px;background-size: 143%;}
	.box_wrap .box_inner li {width: 50%}
	.box_wrap .box_inner li .box_wrap_a {padding: 30px 5.5%;}
	.box_wrap .box_inner li .box_wrap_a p {font-size: 14px}
	.box_wrap .box_inner li .box_wrap_a h3 {font-size: 17px;margin-bottom: 29px}
	.bgfff_wrap:after {content:none}
	.bg_main_img .b_text {top: 10%;}
	.sub_nav_wrap .home {height:45px;width: 40px;}
	.sub_nav_wrap > div > ul > li > a {height:45px;padding: 12px 0 12px 13px;background: url(../images/common/sub_up_down.png) no-repeat right 16px;}
	.sub_nav_wrap .sub_menu02 > li > a {}
	.sub_nav_wrap .sub_menu02 > li.on > a {background-position: right -19px;}
	.sub_nav_wrap > div > ul > li.on > a {background-position: right -19px;}
	.webtong_visual ul li a .visual_text {font-size:14px}
	.webtong_visual ul li a .visual_text h2 em {display:block}
	.Communitylist ul li .list_box .ListTitle {font-size: 16px;}
	.Communitylist ul li .list_box p {font-size:14px;}
	.Communitylist ul li .list_box dl {font-size:14px;}
	.member_name {top: 11px;right: 10px}
	.member_name strong {background: url(../images/common/login_m.png) no-repeat 0px 3px;padding-left: 20px;color: #8aebfb}
}
@media screen and (max-width: 900px) {
	.webtong_tab {margin-bottom:30px;position: relative;}
	.webtong_history h4 {font-size: 40px;text-align: left}
	.webtong_history .Year_wrap i {left: 15px;top: 14px}
	.webtong_history .Year_wrap.left p, .webtong_history .Year_wrap.right p {float: none;width:100%}
	.webtong_history .Year_wrap.left ul, .webtong_history .Year_wrap.right ul {float: none;text-align:left;width: 100%;padding: 40px 0 0 40px}
	.webtong_history .Year_wrap.left ul li {}
	.webtong_history .Year_wrap.left ul li span {left: 0;right:auto}
}
@media screen and (max-width: 800px) {
	.visual_text_wrap .visual_text {width: 100%;text-align: center;}
	.visual_text_wrap .visual_text a {padding: 9px 25px;font-size: 0.4em}
	.webtong_visual ul li a .visual_text:before {font-size: 150px;top: -30px;left: 30px;}
	.webtong_visual ul li a .visual_text:after {font-size: 150px;top: -30px;right: 30px;}
	.webtong_visual ul li a .visual_text {width:100%;font-size:14px}
	.webtong_visual ul li a .visual_text h2 em {display:block}
	.box_wrap .box_inner li .box_wrap_a .more_btn, .box_wrap .box_inner li .box_wrap_a .more_btn_ {top: 33px;right: 24px;background-size: 18px;}
	.bg_main_img .b_text {left: 50%;width: 300px;margin-left: -150px;top: 51px}
	.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_banner ul {float:none;width: 100%;top: 10px}
	.webtong_banner .controls {top:-38px}
	.family_banner {margin: 30px auto}
	.list_wrap .book_wrap {right: auto;left: 50%;top: 0;margin-left: -81px}
	.list_wrap ul {margin: 0;padding-top: 230px}
	.pop-wrap h4 {font-size: 15px;}
	.pop-wrap {width:98%;max-height:500px}
}
@media screen and (max-width: 770px) {
	.search-box {flex-wrap: wrap;}
	.col10 {width:10%}
	.col15 {width:15%}
	.col20 {width:20%}
	.col30 {width:30%}
	.col40 {width:40%}
	.col50 {width:50%}
	.col60 {width:60%}
	.col70 {width:70%}
	.col80 {width:80%}
	.col85 {width:85%}
	.col90 {width:90%}
	.col100 {width:100%;display: flex}
	.search-box li label {width:100%;text-align: right;padding: 0 10px 0 0}
	.table_basket {top: 158px}
	.p_select.ml10 {margin-left:0 !important}
	.date_wrap .date_next {width: 9%;}
	.date_wrap .date_per {width: 9%;}
	.date_wrap em {width: 6%;}
	.date_wrap input[type="text"] {width: 29%  !important}
	.date_btn {width: 17%}
	.xlx_btn {width: 32%}
	.xlx_btn.x_02 {width: 100%}
	.wa100 {width:100%}
}	
@media screen and (max-width: 768px) {
	.webtong_visual .bx-controls-direction {display:none}
	.bbs_form .bbs_label {width: 100%;padding-bottom: 2px}
	.bbs_form .form-wrap {width:100%;}	
	.bbs_form .form-wrap {margin-bottom:5px;}
	.bbs_form .padding_l {padding-left:0 !important;}
	.bbs_form .qna_select {width: 75%;}
	.bbs_form .bbs_label {width:100%; padding-bottom:2px;}
	.bbs_form .qna_select {width:100%;}
	.qna_select .form-check-inline {margin:3px 0; font-size:0.875rem;}
	.qna_privacy_agree {margin-top:10px !important;}
	.form-wrap {width:100%;}
	.qna_select .form-check-inline {margin:0 10px 10px 0;}
	.form-wrap {width: 100%}
	#right_related_link .right_link_li {width:100%; padding:25px 0 !important; border-bottom:1px solid #ddd; min-height:auto;}
	#right_related_link .right_link_li:first-child {padding-top:0 !important;}
	#right_related_link .right_link_li:last-child {border:none;}
	#right_related_link {margin-top:0;}
	.captchaImg {float:none;}
	.captcha_wrap button {padding: 12px 15px 11px 15px; position: absolute; bottom: 0; right: 0;}
	.captcha_wrap p {margin-top:5px;}
	.captcha_wrap {position:relative;}
	.captcha_wrap input {width:100%;}
	.w_100 .form-wrap {width:100%;}
	.w_100 .form-wrap02 {width:100%;}
	.intro_tit .partstep {font-size: 1.5rem; margin-bottom: 0;}
	#board_wrap .bbs_form {font-size:14px}
	.dot {vertical-align: -5px;}
	.view_btn a {font-size:14px}
	.intro_tit {font-size: 1.5rem;}
	.intro_tit p {line-height: 2.1rem;}
	.pagination { margin: 40px auto 0;}
	.text_basic.f-size {font-size:1rem}
	.search-box02 li {margin-right: -1px;width: calc(25% - -1px);}
	.search-box02 li:nth-of-type(2) {width: 25%;}
	.search-box02 li:nth-of-type(3) {width: 25%;}
	.search-box02 li:nth-of-type(4) {width: 25%;}
	.search-box02 li:nth-of-type(5) {width: 75%;margin-top: -1px;}
	.search-box02 li:nth-of-type(6) {width: calc(25% - 1px);margin-top: -1px;}
	.business_wrap li .business_inner strong {font-size:17px}
    .business_wrap li .business_inner p.clamp {font-size:15px}
	.business_wrap li .business_inner dl {font-size:15px}
	.login_form .login_inner {width: 100%;padding:6% 4%}
	.login_form .login_inner p.text strong {font-size: 19px}
	.login_form .login_inner p.text {font-size: 16px;line-height: 24px}
	.sub_nav_wrap .home {width: 12%;}
	.sub_nav_wrap > div > ul > li > a {width:100%}
	.sub_nav ul.sub_menu01 {width: 44%;}
	.sub_nav ul.sub_menu02 {width: 44%;}
	.member_name {right: auto;top: 0px;text-align: center;width: 100%;padding: 10px 0;background-color: #072d50;position: relative;display: block;color: #fff;}
	.member_name.medicorp {background-color: #086853}
	
	/**메이콥 메인**/
	.m_wrap .m_wrap_inner .m_wrap_item {width:100%;height: auto;max-width: 100%;}
	.m_wrap .m_wrap_inner {padding: 0 1.5%;}
	.m_wrap .m_wrap_inner .m_wrap_item.item01 {padding: 30px 3%;}
	.m_wrap {height:auto;}
	.m_wrap .pc_m {display:none}
	.m_wrap .s_m {display:inline-block}
	.m_wrap .m_wrap_inner .m_wrap_item h2 {font-size: 17px}
	.m_wrap .m_wrap_inner .m_wrap_item.item03 p {font-size: 16px}
	.m_wrap .m_wrap_inner .m_wrap_item.item03 img {width: 151px}
	.footer_wrap_m {font-size: 13px;}
}
@media screen and (max-width: 640px) {
	.webtong_visual .bxslider .pc {display:none}
	.webtong_visual .bxslider .mobile {display:block}
	.bgfff_wrap {margin-bottom: 40px;}
	.admin_wrap .pc {display:none}
	.admin_wrap .mobile {display:inline-block}
	.br_block {display:block}
	.pc_map {display:none}
	.view_more {bottom: -39px;right: -12px;padding: 16px 30px}
	.main_more {font-size: 14px}
	.sub_nav_wrap > div > ul > li > a {width: 100%;padding-right:35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.bg_main_img {background-size: 186%}
	.box_wrap .box_inner {flex-wrap: wrap}
	.box_wrap .box_inner li {width:100%}
	.box_wrap .box_inner li .box_wrap_a h3 {margin-bottom: 15px}
	.bg_main_img .b_text {width: 240px;margin-left: -114px;top: 65px;}
	.contents h2 {font-size: 1.7em}
	.contents h3 {font-size: 1.1em}
	.contents h3 span:after {top: 6px;background-size: 7px;}
	.main_wrap.inquiry {padding: 50px 2%}
	.inquiry_wrap .text02 {display: table;margin: 0 auto 14px;padding: 32px 0}
	.inquiry_wrap .inner {display: block}
	.inquiry_wrap .phone_number {font-size:18px;text-align:center}
	.inquiry_wrap span {font-size:14px;text-align:center}
	.webtong_visual .bx-controls-direction {display:none}
	.webtong_visual ul .pc {display:none}
	.webtong_visual ul .mobile {display:block}
	.webtong_visual ul li a .visual_text:before {font-size: 100px;top: -30px;left: 30px;}
	.webtong_visual ul li a .visual_text:after {font-size: 100px;top: -30px;right: 30px;}
	.webtong_visual ul li a .visual_text h2 {font-size: 30px;line-height: 38px;margin-bottom:0;letter-spacing:0}
	.webtong_visual ul li a .visual_text h2 em {font-size:21px;line-height:25px;margin-bottom:0;}
	.webtong_visual ul li a .visual_text p > img {width:120px}
	.icon_wrap li {width:33.33333%;padding: 10px}
	.company_inner li div {height:auto}
	.company_inner li div strong {font-size:30px}
	.company_inner li .company, .company_inner li .download {padding: 30px}
	.company_inner li .company img {display: none}
	.company_Information ul li {width:100%}
	.text_basic {/* font-size:15px; */}
	.Communitylist ul li {padding: 20px 0;}
	.Communitylist ul li .list_box span {position:relative;left: auto;display: block;margin-bottom: 20px;text-align: left;}
	.Communitylist ul li .list_box span em {text-align:center}
	.Communitylist ul li .list_box .ListTitle {padding-left: 0;}
	.webtong_tab li a {font-size:14px;line-height:40px;}
	.business_wrap li img, .business_wrap.bbs li img {position: relative;max-width:100%;margin-bottom: 12px;}
	.business_wrap li .business_inner, .business_wrap.bbs li .business_inner {margin-left: 0;margin-bottom: 0;padding-bottom: 10px;}
	.business_wrap li .business_inner strong {font-size:18px;}
	.business_wrap li .business_inner p {font-size:14px;}
	.img_wrap span {float:none;margin-bottom:5px;display: block;width: auto;}
	.business_wrap li .business_inner dl {font-size:14px}
	.business_wrap li .business_inner strong {font-size:16px}
	.business_wrap li .business_inner p.clamp {font-size:14px}
	.business_wrap li .business_inner dl {font-size:14px}
	.keyword em {font-size:14px}
	.list_wrap {font-size: 14px;}
	.list_wrap ul li {margin-bottom: 7px;border-bottom: 1px solid #dedede;padding-bottom: 4px;}
	.list_wrap ul li:last-child {border-bottom:0}
	.ui_wrap li {width: 33.33333%}
	.ui_wrap li p {padding: 6px;}
	.next_prev {display:none}
	.swiper-slide > a > .text_tit {font-size: 14px}
	.webtong_tab h4 {padding: 0;font-size: 15px;display: block;}
	.webtong_tab h4 a {display: block;background: #69a3d7 url(/images/common/sub_up_down.png) no-repeat right 12px;padding: 9px 13px;border: 1px solid #4b81b3;color: #fff;font-weight: 200;text-decoration: none}
	.webtong_tab h4.on a {background-position:right -22px}
	.webtong_tab ul {display: none;flex-direction: column;border-left: 1px solid;border-right: 1px solid;border-color: #cdcbcb;position: absolute;top: 42px;}
	.webtong_tab ul li:first-child {margin-top:0}
	.webtong_tab ul li {margin-top: -1px;display: block;}
	.webtong_tab ul li a {background-color: #f7f7f7;padding: 8px;line-height: normal;font-size: 14px;border-color: #cdcbcb}	
	.webtong_tab ul li.on a, .webtong_tab li:hover a {background-color: #ced9ed;border-color: #cdcbcb;color: #000;border-radius: 0;}
	.webtong_tab ul li.on a:before, .webtong_tab li:hover a:before {background: #cdcbcb;content: none;}
	.webtong_tab ul li.on a:after, .webtong_tab li:hover a:after {background: #cdcbcb;content: none;}
	.text_box {font-size:15px}
	.text_basic  {font-size:16px}
	.company_wrap > .company_text {margin-top: -24px}
	.company_wrap > .company_text > span {font-size: 14px;line-height: 25px;padding: 8%;}
}
@media screen and (max-width: 480px) {
	.list_wrap ul li strong {display: block;margin-bottom: 3px}
	.text-bbsbox .file {display: block;padding: 7px 0}
	.login_form .login_inner fieldset {padding-right:0;margin-top: 23px}
	.login_form .login_inner fieldset input[type="submit"] {position: relative;width: 100%;line-height: 52px}
	.ui_wrap li {width: 50%}
	.ui_wrap.logo li strong {margin-top: 4px;}
	.complete_wrap {background-size: 192px;font-size: 17px;padding: 180px 0 28px;}
	.wal_100 {width:100%  !important}
	.result_wrap {flex-wrap: wrap}
	.result_wrap ul {width:100%}
	.wa50 {width:30%}
	.play_wrap {gap: 1em}
	.download_wrap .download_inner .play_wrap img {width: 127px}
}
@media screen and (max-width: 360px {
	.center_wrap ul li a {margin: 10px 0}
}