@charset "utf-8";
html, body {color: #333;height: 100%;font-size: 100%;-webkit-text-size-adjust:none;font-family:"NotoSansKR","Dotum","sans-serif";word-break: keep-all;}
textarea {border:solid 1px #cbcbcb;width:100%;height:100px;box-sizing:border-box;resize:none;padding:10px;font-family:"NotoSansKR","sans-serif"}
table {width:100%}
.animation{
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;.sub_visual ul li div a h2 p
	-o-transition: all 1s;
	-ms-transition: all 1s
}

.pop_wrap,
.d_day ul.animation li p span,
.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content.anvisual04ima.sub_visual ul li div a h2tion p,
.welcome_asean .welcome_asean_wrap .right_wrap ul li a p,
.view_more,
.page_view ul li a:after,
.page_view ul li span,
.sub_visual ul li div a h2,
.sub_visual ul li div a:after {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	
}
/************ event_pop*********************/
.event_pop {position: absolute;top: 16%;left: 50%;background-color: #fff;width: 385px;margin-left: -193px;z-index: 100;text-align: center;padding: 30px 10px 20px;border: 8px solid #005b8e}
.event_pop h1 {background: url(/usr/images/common/logo.png) no-repeat center;text-indent: -999em;margin-bottom: 18px}
.event_pop strong {font-size: 21px;display: block;margin-bottom: 20px;background-color: #eb6b23;padding: 10px;color: #fff}
.event_pop strong em {color:#7dff00}
.event_pop p {font-size: 17px;font-weight: 600;line-height: 19px;margin-bottom: 20px}
.event_pop span {color: #62b54b;font-weight: 700;font-size: 19px;line-height: 22px;display: block;margin-bottom: 20px}
.event_pop ul li {margin-bottom: 5px}
.event_pop ul li label {display: inline-block;width: 67px}
.event_pop ul li input {width: 162px}
.event_pop .close {background: url(/usr/images/sub/btns_laylkclose.gif) no-repeat;text-indent: -999em;display: inline-block;width: 17px;height: 17px;top: 10px;right: 8px;position: absolute}

/************ gnb *********************/
.skipnav {position: fixed;width: 100%;background: #000;color: #fff;text-align: center;z-index: 1}
.skipnav a {display: block;color: #fff;font-weight: bold;width: 0;height: 0;line-height: 0;font-size: 0}
.skipnav a:focus, .skip a:active {display: block;padding: 5px 0;width: auto;height: auto;line-height: 1.5;font-size: 14px}
#seoul-common-gnb {height:48px;background-color: #0c82e9}

.pop_wrap {background: url(/usr/images/common/pop_bg.png);display: block}
.pop_wrap ul {max-width: 1152px;margin: 0 auto;display: table;width: 100%}
.pop_wrap ul li {display: table-cell;padding: 21px}
.pop_wrap ul li a {display:block}
.pop_wrap ul li a img {width: auto;max-height: 66px;}
.pop_wrap .pop_btn {max-width: 1152px;margin: 0 auto;text-align:right;padding-bottom: 10px}
.pop_wrap .pop_btn a {display: block;background: url(/usr/images/common/pop_close.png) no-repeat right center;padding-right: 24px;color: #fff;opacity: 0.7;font-size: 15px;    font-weight: 100}
.header_wrap {}
.header_wrap nav {margin: 0 auto;position: relative}

.header_wrap .navi {display:flex;align-items: center;padding-left:40px}
.header_wrap > .navi > h1 {}
.header_wrap > .navi > h1 > a {background: url(/usr/images/common/logo.png) no-repeat 0 0 / 100%;display: block;text-indent: -999em;width: 250px;margin: 0 auto;height: 42px;position: relative;}
.header_wrap > .navi > .m_menu {display:none}
.header_wrap > .navi > .top_right {display:flex;}
.header_wrap > .navi > .top_right a {display:block;color:#fff}
.header_wrap > .navi > .top_right .promy {background:#242424;padding: 28px;}
.header_wrap > .navi > .top_right .promy span {position:relative;padding-right: 30px;}
.header_wrap > .navi > .top_right .promy span:after {content:'';width:16px;height:9px;background: url(/usr/images/common/bl_promy.png) no-repeat 0 0;position:absolute;top: 50%;right: 0;margin-top: -4px;}
.header_wrap > .navi > .top_right .site_map {width:80px;text-indent:-9999px;padding:28px;background:#1f9e49 url(/usr/images/common/ico_sitemap.png) no-repeat center;}

#contents {width:100%;position: relative;}
nav {z-index: 3;}
.menu_bg {width: 100%;height: 0;position: absolute;background: #fff /*url(/usr/images/common/bg_.png) no-repeat center*/;top: 80px;display: none;left: 0;z-index:3;border-bottom: 1px solid #cccccc;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08)}

nav.search-tab:after {content:none}
nav > ul {display: table;position: relative;text-align: center;}
nav > ul:after {content:'';display:block;clear: both}
nav > ul > li {float: left;position: relative}
nav > ul > li > a {display: block;line-height: 22px;text-align: center;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.1);font-weight: 600;font-size: 20px;padding: 28px 39px;color: #333}
nav > ul > li > a:hover {color:#099154}
nav > ul > li > ul {position: absolute;width: 100%;display: none;border-left: 1px solid rgba(130, 130, 130, 0.14);padding: 10px 0;z-index: 3;top: 80px}
nav > ul > li:last-child > ul {border-right: 1px solid rgba(255, 255, 255, 0.14)}
nav > ul > li > ul > li > ul > li > a {color: rgba(255, 255, 255, 0.64);font-size: 14px;background-color: #205a82;display: block;padding: 9px}
nav > ul > li > ul > li > a {display: block;padding: 10px 10px;font-size: 14px}
nav > ul > li > ul > li a:hover {color: #00962e}
nav > ul > .slider {width: 20%;height: 2px;position: absolute;left: 0;bottom: 0;background-color: #6dc4ff;transition: all .5s;opacity:0}
nav > ul > li > ul > li > ul {display:none}
.utility {position: absolute;right: 0;top: 20px}
.utility > a:nth-of-type(1) {background: url('/usr/images/common/search_btn.png') no-repeat center;width: 24px;height: 24px;display: inline-block;text-indent: -999em}
.visual img {max-width: 100%;margin: 0 auto;width: 100%}
.utility > a:nth-of-type(2) {background: url('/usr/images/common/site_map.png') no-repeat 0 2px;width: 24px;height: 24px;display: inline-block;text-indent: -999em}
.visual img {max-width: 100%;margin: 0 auto;width: 100%}
.utility font {display:none} 

/**메인비주얼**/
.main_visual {position: relative;max-width:1980px;margin:0 auto;border-bottom: 1px solid #ececec}
.main_visual .bx-controls-direction > a {position: absolute;top: 50%;margin-top: -17px;display: inline-block;width: 33px;height: 43px;text-indent: -999em;background: url(/usr/images/main/pre_next.png) no-repeat 0 0}
.main_visual .bx-controls-direction .bx-prev {left:0px}
.main_visual .bx-controls-direction .bx-next {right:0px;background-position: -31px 0}
.main_visual .bx-pager {float: right;position: relative;top: -45px;padding: 6px 6px 6px 16px;background-color: #353535;border-radius: 20px 0 0 20px;}
.main_visual .bx-pager .bx-pager-item {display: inline-block;line-height: 13px}
.main_visual .bx-pager .bx-pager-item a {display: inline-block;margin: 0 3px;width: 12px;height: 12px;text-indent: -999em;background-color: #fff;border-radius: 100%}
.main_visual .bx-pager .bx-pager-item a.active {border-radius: 10px;background-color: #ffc500}
.main_visual .bx-controls-direction {max-width: 1152px;position: absolute;width: 100%;right: 50%;top: 50%;transform: translate(50%, -50%)}
.main_visual .bx-controls {max-width: 1152px;margin: 0 auto}
.main_visual .bxslider_main li img {max-width:1900px}
.main_visual .bx-controls-auto {float: right;position: relative;top: -45px;padding: 6px 16px 6px 6px;background-color: #353535;border-radius: 0 20px 20px 0}
.main_visual .bx-controls-auto-item {display: inline-block;line-height: 13px}
.main_visual .bx-start {width: 12px;height: 12px;text-indent: -999em;display: inline-block;background: url(/usr/images/common/s_btn.png) no-repeat 0 1px}
.main_visual .bx-stop {width: 15px;height: 15px;text-indent: -999em;display: inline-block;background: url(/usr/images/common/s_btn.png) no-repeat -14px 1px}
.viedo {max-width: 1152px;margin: 0 auto}
.viedo .top_link {float: right;position: relative;top: -45px;padding: 6px 14px 6px 8px;border-radius: 30px;background-color: rgba(255, 255, 255, 0.66);line-height: 23px;margin-right: 5px}
.viedo .top_link a {background: url(/usr/images/common/video.png) no-repeat 0px 0px;font-size: 15px;padding: 0px 0 1px 28px}
.search_wrap {position: absolute;top: -16px;right: 0;width: 350px;padding: 9px 36px 9px 10px;background-color: #f3f3f3;display:none}
.search_wrap input {padding: 0 26px 0 10px !important;width: 204px;font-size: 14px;height: 43px !important}
.search_wrap button {position: absolute;right: 42px;background: url(/usr/images/common/search_btn.png) no-repeat center;width: 25px;height: 24px;display: inline-block;text-indent: -999em;top: 17px}
.close_w {display: inline-block;width: 17px;height: 17px;text-indent: -999em;background: url(/usr/images/common/close_w.png) no-repeat;position: absolute;right: 12px;top: 22px}

/**하단배너**/
.banner_asean {padding: 40px 0}
.banner_asean_wrap {max-width:1180px;margin:0 auto}
.banner_asean_wrap ul {margin-left: -10px;margin-right: -10px;display: table;table-layout: fixed}
.banner_asean_wrap li {padding: 10px;text-align: center;display: table-cell}
.banner_asean_wrap li a {display:block}
.banner_asean_wrap li img {width: auto;}


.sub01, .sub02, .sub03, .sub04, .sub05, .sub06, .sub07, .sub08 {display:none}
.sub_nav {background-color: #0d894a}
.sub_nav_wrap {max-width:1152px;margin:0 auto}
.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;1px solid rgba(255, 255, 255, 0.15)}
.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_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: #058444}
.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: 0 37px 0 13px;width: 250px;text-align: left;background: url(/usr/images/common/sub_up_down.png) no-repeat right 18px}

nav > ul > li > a.menu01.on,
nav > ul > li > a.menu02.on,
nav > ul > li > a.menu03.on,
nav > ul > li > a.menu04.on,
nav > ul > li > a.menu05.on,
nav > ul > li > a.menu06.on,
nav > ul > li > a.menu07.on,
nav > ul > li > a.menu08.on {color: #099154}
.sub_nav_wrap > div > ul > li > ul {width: 100%;background-color: #007b3d;z-index: 2}
.sub_nav_wrap > div > ul > li > ul > li {}
.sub_nav_wrap > div > ul > li > ul > li a {color:#fff;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 {font-size: 16px;max-width: 1240px;margin: 0 auto;}
.contents.wall {max-width:100%}
.contents_wrap {margin-right: 60px} 
.contents h2 {font-size: 2.5em;font-family: "NanumSquare";font-weight: 700;color: #333;clear: both;padding: 70px 0 50px;letter-spacing: -0.7px;text-align: center;}
.contents h3 {font-size: 1.4em;letter-spacing: -0.7px;color: #333;margin: 40px 0 20px;position:relative;padding-left: 30px;}
.contents h3:before {content:'';width: 18px;height: 22px;background: url('/usr/images/common/ico_title.png') no-repeat 0 0 / 100%;position:absolute;top: 6px;left:0;}
.contents h4 {font-size: 1.1em;letter-spacing: -0.7px;color: #157941;padding: 30px 0 15px;}
.contents h4.first {padding: 0 0 20px}
.contents h3+h4 {padding: 0 0 15px;}
.contents h5 {font-size:1.15em}
.sns {max-width:1180px;margin:0 auto}
.sns ul {float: right;margin-top: 30px}
.sns ul li {float:left;margin-left: 5px}
.sns ul li span {line-height: 31px;}
.sns ul li a {display: inline-block;width: 33px;height: 33px;text-indent: -999em;background: url('/usr/images/common/sns.png') no-repeat}
.sns ul li.Facebook a {background-position:0 0px}
.sns ul li.Twitter a {background-position:0 -33px}
.sns ul li.KakaoTalk a {background-position:0 -66px}
.sns ul li.blog a {background-position:0 -99px}
.sns ul li.share a {background-position:0 -132px}
.sns ul li.print a {background-position:0 -165px}
.text_box {text-align: center;margin-top: 30px;border: 1px solid #b9d6e6;padding: 2%}
.text_box01 {background: url('/usr/images/sub/bg.png');padding:5%;font-size: 17px;color: #3e3832}
.text_box01 ul li {position:relative;padding-left: 29px}
.text_box01 ul li:before {content: '';position: absolute;top: 10px;left: 20px;background-color: #8c8c8c;height: 3px;width: 3px;border-radius: 100%}
.contents h3.first {padding-top: 0}
.text_box02 {position:relative}
.text_box02 img {width: 62%}
.text_box02 p {padding: 62px;position: absolute;width: 42%;background-color: #fff;right: 0;top: 188px;box-shadow: 5px 5px 68px 0 rgba(0,0,0,0.2);font-weight: 300;font-size: 16px}
.text_box02 p:before {content: '';position: absolute;top: 74px;left: 0px;width: 44px;height: 2px;background: #000;margin-top: -1.5px}
.title_text01 {font-size: 1.5em;font-family: 'NanumSquare';text-align: center;display: block;font-weight: 900}


.page_view {position: fixed;right: 7px;top: 168px;z-index: 1}
.page_view a {font-size: 13px}
.page_view ul {font-size: 14px;text-align: center}
.page_view ul li {position: relative;padding: 6px 0 6px 8px;text-align: left}
.page_view ul li span {position: absolute;left:-104px;top: 1px;text-align: right;width: 126px;display: block;opacity: 0}
.page_view ul li.on span {opacity: 1;left:-141px}

.page_view ul li a {text-indent: -999em;position:relative;display: block}
.page_view ul li a:after {content: '';position: absolute;width: 10px;height: 10px;background-color: #dcdcdc;border-radius: 100%;top: 0;left: 0}
.page_view ul li.on a:after {width: 27px;background-color: #ff9400;border-radius: 11px;left: -17px;}

.contents_bg {background-color: #fff}
.contents_bgnone {background-color: #f7f7f7}
.contents_inner {font-size: 16px;max-width: 1152px;margin: 0 auto;padding-bottom: 60px;position: relative;}
.contents_inner h2 {font-size: 2.5em;font-family: "NanumSquare";font-weight: 700;color: #333;clear: both;padding: 70px 0 50px;letter-spacing: -0.7px;text-align:center}
.contents_inner h3 {font-size: 1.5em;line-height: 28px}
.contents_inner h4 {font-size: 1.3em;margin-top: 28px;padding-bottom: 7px}
.contents_inner h5 {font-size: 1.1em;margin-top: 28px;padding-bottom: 7px;font-weight: 300;}
.organization_in {position: absolute;top: 450px;display: table;background-color: #fff;border: 1px solid #9e9e9e;padding: 10px 35px;text-align: center;box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.11);display:none}
.organization_in.open {display:block}
.organization_in.location01 {left: 316px}
.organization_in.location02 {left: 365px}
.organization_in.location03 {left: 423px}
.organization_in.location04 {left: 465px}
.organization_in.location05 {left: 522px}
.organization_in.location06 {left: 568px}
.organization_in.location07 {left: 602px}
.organization_in.location08 {left: 661px}
.organization_in.location09 {left: 772px}
.organization_in.location10 {left: 821px}
.organization_in.location11 {left: 872px}
.organization_in.location12 {left: 937px}
.organization_in.location13 {left: 961px}


.company_wrap {background: url(/usr/images/sub/bg_company.png) no-repeat right center;padding-right: 454px;padding-top: 92px;padding-bottom: 86px}
.text_01 {font-size: 1.7em;line-height: 30px;margin-bottom: 34px;font-weight: 600}
.text_01 img {width:auto;vertical-align: -13px}
.text_02 {margin-bottom: 29px}

.qna_wrap {margin-top: 15px}
.qna_wrap > li {position:relative;padding: 15px 20px;background-color: #fff}
.qna_wrap > li + li {margin-top:10px}
.qna_wrap > li:before {content: '';border: 1px solid #e4e4e4;position: absolute;width: 100%;height: 100%;top: 0;left: 0}
.qna_wrap > li.active:before {border: 3px solid #0d894a;}
.qna_wrap > li.active a {color: #009348;font-weight: 800;}
.qna_wrap > li a {text-indent: -13px;display: block;padding-left: 13px;position:relative;padding-right: 20px;font-size: 1.1em}
.qna_wrap > li > a:before {content: '';background-color: #000;width: 16px;height: 1px;position: absolute;right: 0;top: 11px;opacity: 1;transition: 0.1s}
.qna_wrap > li > a:after {content: '';background-color: #000;height: 16px;width: 1px;position: absolute;right: 7px;top: 4px;transition: 0.1s}
.qna_wrap > li a.active:before {opacity: 0}
.qna_wrap > li a.active:after {-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.qna_wrap > li a em {font-weight: 500;padding-right: 13px;}
.qna_wrap > li .text_wrap {display: none;padding: 10px 20px 10px 20px}
.qna_wrap > li .text_wrap em {font-weight: 500;padding-right: 13px;}
.qna_wrap > li .text_wrap > h4 {font-size: 1.2em;margin-bottom: 10px;padding:0}
.qna_wrap > li .text_wrap p {margin-bottom: 12px}
.qna_wrap > li .text_wrap p.inner {text-indent: -16px;padding-left: 16px}
.qna_wrap > li .text_wrap p.inner > a {font-size:1em}

#footer	{background-color: #212121;margin-top: 100px;}
.footer_links {border-bottom:1px solid #323232}
.footer_links ul {display:flex;justify-content: center;}
.footer_links ul li {}
.footer_links ul li a {color: #e3e3e3;padding: 20px;display: block;position:relative;font-size: 15px;}
.footer_links ul li+li a:before {content:'';width:1px;height: 12px;background:#474747;position:absolute;top:50%;left:0;margin-top: -5px;}
.footer_wrap {max-width:1280px;margin:0 auto;padding: 50px 0;display: flex;justify-content: space-between;}
.footer_inner {display: flex;gap: 50px;}
.footer_inner .f_logo {display:block;width:203px;height:33px;background:url(/usr/images/common/f_logo.png) no-repeat 0 0 / 100%;filter: grayscale(100%);text-indent: -9999px;flex-shrink: 0;}
.address_wrap {max-width: 740px;}
.address_wrap ul {display: flex;flex-wrap: wrap;gap: 5px;margin-left: -10px;}
.address_wrap ul li {color:#fff;font-size:15px;font-weight:100;position:relative;padding: 0 10px;}
.address_wrap p {font-size: 14px;color:#a9a9a9;margin-top: 20px;}


#footer .copyrights	{border-top:1px solid #e5e5e5;}
#footer .copyrights .wrap {max-width:1200px; margin:0 auto; overflow:hidden;}
#footer .copyrights .wrap .copy	{float:left; color:#999; font-size:12px; font-family:"notokr-regular", dotum; padding:21px 0 0;}
#footer .copyrights .wrap .banners {float:right;}
#footer .copyrights .mobilemenu_wrap {display:none;}
#footer .copyrights .wrap .btns_wrap {display:none;}

.select_style1	{display:inline-block; vertical-align:middle; position:relative; text-align:left; width:100%;}
.select_style1 .default {overflow:hidden; background:url(/usr/images/common/select_style1.png) no-repeat 100% 1px;}
.select_style1 .default a {color:#fff;font-size:14px;display: block;padding: 10px 40px 11px 11px;border: 1px solid rgba(255,255,255,0.1);}
.select_style1 ul	{position:absolute; bottom:38px; left:0; border:1px solid #e5e5e5; background:#fff; width:100%; display:none; overflow:hidden; overflow-y:auto; max-height:279px; box-sizing:border-box; padding:13px 0 14px;}
.select_style1.on	{z-index:1000;}
.select_style1.on ul	{display:block;}
.select_style1 ul li	{}
.select_style1 ul li:first-child	{border-top:0;}
.select_style1 ul li a	{display:block; padding:5px 20px 4px; font-size:14px; color:#666;}
.select_style1 ul li a:hover	{color:#245094;}

.line01 {clear: both;height: 1px;background: rgb(72, 72, 72)}
.copyright {letter-spacing: -0.1px;text-align: center;color: rgb(165, 165, 165)}
.brnone {display:block}
.visual img.mobile {display:none}
.v_mobile {display:none}
.v_mobile01 {display:none}
.f_link ul li a {position:relative}
.f_link ul li a:after {position: absolute;top: 7px;right: 12px;width: 1px;height: 11px;background: rgba(255, 255, 255, 0.31);content: '';display: inline-block}
.f_link ul li:last-child a:after {background:none}
.text_box02 p.animation {right: 50px;opacity: 0;}
.text_box02 p.animation.action{right: 0;opacity: 100;}

/**팝업**/
#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;box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.26);overflow: hidden}
.pop-wrap.poppw {position: absolute;left: 50%;top: 0;z-index: 1000;display: none;background-color: #fff;width: 360px;box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.26);overflow: hidden}
.pop-wrap.poppw > header {}
.pop-wrap.poppw > header > h2 {font-size: 16px;padding: 10px;background-color: #3b5998;color: #fff;font-weight: 400;}
.pop-wrap.poppw .pop-close {top: 0;background: url('/usr/images/common/close_w.png') no-repeat center}
.pop-wrap .site_map {max-width:1180px;margin:0 auto;position:relative;padding-bottom: 30px}
.pop-wrap .site_map header {background: none;border: none;min-width: auto}
.pop-wrap .site_map header h2 {font-size: 18px;font-weight: 300;padding: 20px;color: #767676;text-align: center;border-bottom: 2px solid #0e325f}
.pop-contents {position: relative;max-width: 1200px;margin: 0 auto}
.pop-contents .change {text-align: center}
.pop-contents .change strong {position:relative;padding-right: 28px}
.pop-contents .change strong:after {content:'';display: inline-block;width: 17px;height: 17px;text-indent: -999em;background: url('/usr/images/common/border_icon.png') no-repeat 0 -67px;position:absolute;top:3px;right:0}
.pop-close {background: url(/usr/images/common/pop_close.png) no-repeat center;position: absolute;top: 16px;right: 10px;display: inline-block;width: 19px;height: 19px;text-indent: -999em}
.pop-contents ul li a {text-align: center;display: block}
.pop-contents > ul > li {width:25%;float:left;font-size:15px}
.pop-contents > ul > li > a {font-size:15px;border-bottom: 1px solid;padding: 10px 0}
.pop-contents > ul > li > ul > li > a {padding: 7px 0}
.pop-contents > ul > li > ul > li > ul > li > a {font-size: 14px;background-color: #f3f3f3}
.pop-wrap.poppw .pop-contents {font-size: 14px;font-weight: 300;padding: 13px}
.popUp_pw {line-height: 46px;}
.popUp_pw label {display: inline-block;width: 100px;text-align: right;padding-right: 7px;font-weight: 500;color: #1b1b1b}
.popUp_pw input[type="text"], .popUp_pw input[type="password"] {width:59%}

/**텝**/   
.tab_menu {margin-bottom:40px;display: flex;justify-content: center;}
.tab_menu ul {display: flex;background: #f8f8f8;border-radius: 50px;/* max-width: 540px; *//* width: 100%; */}
.tab_menu li {padding: 5px;flex: 1 1 auto;}
.tab_menu li a {display: block;text-align: center;padding: 13px 27px;}
.tab_menu li.on a {background: #0d894a;color: #fff;border-radius: 50px;}
.tab_menu strong {display:none;}

.tab_menu02 {margin-bottom:40px;position: relative;display: flex;}
.tab_menu02 a {display:block;position:relative;height:60px;border-top:1px solid #e7e7e7;border-bottom:1px solid #0e0e0e;line-height:58px;text-align:center;color:#090909;width: 33.3333%;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;margin-left: -1px;}
.tab_menu02 li a:hover { color:#de5263}
.tab_menu02 li a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background:#e6e3df;}
.tab_menu02 a.on { font-weight:bold; border-bottom-color:transparent; border-top:1px solid #0e0e0e;}
.tab_menu02 a.on:after {content:''; display:block; position:absolute; top:0; right:0; bottom:-1px; width:1px; background:#0e0e0e;}
.tab_menu02 a.on:before {content:''; display:block; position:absolute; top:0; left:0; bottom:-1px; width:1px; background:#0e0e0e;}

/*로그인*/
.contents h2.sub_bg01 {background: url('/usr/images/sub/logo_bg.png') no-repeat center top;padding: 217px 0 10px;margin-top: 50px}
.text01 {font-size: 20px}
.line_box01 {margin: 0 auto;text-align: center;padding: 4% 17%;margin-top: 20px;background: url('/usr/images/sub/bexco_bg.png') no-repeat center;max-width: 1180px;color: #3a3939;font-size: 38px;background-size: cover;font-family: NanumSquare;font-weight: 700}
.line_box01 .line_box01_in {background-color: rgba(255,255,255,0.8);padding: 50px}
.line_box01 .line_box01_in p {font-weight: 300;}
.login-wrap {display: table;margin: 50px auto 0}
.login-wrap .login-top-msg02 {font-size: 15px;font-weight: 300}
.login-wrap .login-fieldset {margin: 20px 0;border: 1px solid #e4e4e4;padding: 50px;position: relative}
.login-wrap .login-fieldset .login-input .login-input-in {}
.login-wrap .login-fieldset .login-input .login-input-in label{display: inline-block;text-align: right}
.login-wrap .login-fieldset .login-input input {margin: 5px 0;min-width: 218px}
.login-wrap .login-fieldset .btn-login {border: 1px solid #3b5998;background-color: #3b5998;color: #fff;height: 56px;width: 100%;font-size: 16px;font-weight: 600}

/*메뉴얼*/
.manual-wrap {margin: 50px auto 20px;padding: 50px;max-width: 100%;border: 1px solid #d4d4d4;text-align: center}
.manual_btn {width: 170px;display: inline-block;text-align: center;padding: 96px 20px 0;font-size: 17px;border: 1px solid #b0c8dc;border-radius: 100%;height: 170px;margin: 37px 25px 0;margin: 37px 10% 0;}
.manual_btn.left {background: url('/usr/images/sub/manual01.png') no-repeat center 40px}
.manual_btn.right {background: url('/usr/images/sub/manual02.png') no-repeat center 40px}

/*etc*/
.hr_none {clear: both}
.hr_1px {height: 1px;background-color: #e8e8e8;margin: 15px 0;clear: both}
.hr_1px_30 {height: 1px;background-color: #e8e8e8;margin: 30px 0;clear: both}
.hr_tnorder02 {height: 2px;background-color: #000;margin-bottom: 15px;clear: both}
.hr_tnorder03 {height: 2px;margin-bottom: 15px;clear: both;background: transparent}

.f_pink {font-size: 15px;color: #de5263;font-weight: 300}
.reservation {border: 1px solid #fbcad0;padding: 16px;margin: 10px 0;background-color: #fdf0f0;color: #4c1818}
.f_20px {font-size:20px}
.text_red {border: 1px solid #d6d6d6;display: inline-block;padding: 10px;margin-bottom: 10px;font-size: 14px;max-width: 397px;width: 100%}
.text_red ul {}
.text_red ul li {position: relative;padding-left: 8px}
.text_red ul li:before {content: '';position: absolute;top: 8px;left: 1px;width: 3px;height: 3px;background-color: #5f5f5f}
.add_btn {font-size: 15px;display: inline-block;padding: 8px 27px;font-weight: 300;background-color: #de5263;color: #fff;line-height: 24px;width: 100%;max-width: 300px;text-align: center}
.add_btn:hover {background-color: #b72a3b}
.add_btn span {background: url(/usr/images/common/add.png) no-repeat right center;padding-right: 24px}
.c_red {color: #fb5740}
.c_blue {color: #003152}
.c_dgray {color: #333}
.check {background: url('/usr/images/common/check.png') no-repeat;display: inline-block;text-indent: -999em;width: 9px;height: 9px;position: relative;top: 6px;margin-left: 4px}
.etc {margin-bottom: 10px;line-height: 19px}
.etc .check {margin: 0 6px 0 0}
.etc02 {font-size:15px;font-weight:300;text-align:right;margin: 10px 0}
.etc03 {font-size:15px;font-weight:300;margin: 10px 0}
.etc_box li {position: relative;padding-left: 8px;font-size: 15px;}
.etc_box li p {margin-bottom: 10px;font-weight: 300}
.etc_box li:before {content: '';position: absolute;top: 11px;left: 1px;width: 3px;height: 3px;background-color: #5f5f5f}
.flag_box {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: right;margin-top: 42px;padding: 30px 0}
.flag_box a {position: relative;padding-left: 34px;margin-left: 24px}
.flag_box a:before {content: '';position: absolute;top: 0px;left: 1px;width: 27px;height: 26px;background: url('/usr/images/common/login_exl.png') no-repeat left center}
.border_icon {display: inline-block;width: 17px;height: 17px;text-indent: -999em;background: url('/usr/images/common/border_icon.png') no-repeat}
.border_icon.modified {background-position:0 -33px}
.border_icon.delete {background-position:0 -50px}
.border_icon.move {background-position:0 -67px}
.border_icon.up {background-position:0 0}
.border_icon.down {background-position:0 -16px}
.text_photo {padding: 25px;border: 1px solid #cecece}
.text_photo .text_in {font-weight:300;margin-bottom:10px}
.photo {position: absolute;top: 23px;right: 23px;padding: 15px;background-color: #fff;border: 1px solid #d4d4d4;box-shadow: 7px 7px 0 0 rgba(0, 0, 0, 0.07)}
.photo img {max-width:168px}
.more_wrap {max-width:1180px;margin:0 auto}
.main_more:after {content: '';position: absolute;right: 0;top: 12px;background-color: #000;width: 57px;height: 2px}
.main_more {position:relative;padding-right:68px}
.main_more.mtmore {float: right;margin-top: -46px}
.download {display: inline-block;margin-top: 13px;border: 1px solid #c1c1c1;padding: 14px 20px; min-width: 170px;}
.download span {background: url(/usr/images/common/download.png) no-repeat left 0;padding-left: 39px;min-height: 24px;line-height: 24px;display: inline-block;}
.cw50 {text-align:center}
.text-bbsbox .textview .cw50 img {width:50%}
.quick_menu {position: absolute;top: 0;right: 0;height: 100%;border-left: 1px solid #dedede;border-right: 1px solid #dedede}
.quick_menu .quick_menu_wrap {text-align: center}
.quick_menu .quick_menu_wrap h4 {padding: 36px 50px;font-size: 23px;border-bottom: 1px solid #dedede;background-color: #f3f3f3}
.quick_menu .quick_menu_wrap ul li a {font-size: 15px;border-bottom: 1px solid #dedede;display: block;padding: 16px;text-align: left;line-height: 40px}
.quick_menu .quick_menu_wrap ul li a img {width:auto}
.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: 91px;}
.f_bold {font-weight: bold}
.tb_btn {border: 1px solid #3b5998;background: #fff url(/usr/images/common/ico_select02.png) right center no-repeat;padding: 4px 41px 4px 14px;display: inline-block}
.d_btn {display: inline-block;padding: 7px 3%;border: 1px solid #007e41;border-radius: 18px;color: #007e41;font-weight: 600;min-width: 140px;text-align: center;}
.c_orange {color: #ff5500;}
.c_blue {color: #0399bd;}

/* 연혁 */
.webtong_history {position: relative;max-width: 1152px;margin: 0 auto;padding: 0 20px;text-align: center}
.webtong_history h4 {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.left {}
.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 {padding-right: 75px}
.webtong_history .Year_wrap.right ul li {padding-left: 75px}
.webtong_history .Year_wrap ul li span {position: absolute;top:4px;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('/usr/images/sub/line.png') repeat-y center;margin-left: -5px}
.webtong_history .Year_wrap i:before {content: '';background: url('/usr/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}
.h_tab {margin: 34px 0 50px}
.h_tab a {display: inline-block;border: 1px solid #83b4d0;padding: 8px 16px;border-radius: 20px;text-align: center;color: #007cc2;font-weight: 600;width: 204px;margin-bottom: 6px}
.h_tab a.on {background-color: #007cc6;color: #fff}

/*btn*/
.webtong-btn {display: inline-block;color: #212529;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: 6px 14px 10px;font-size: 15px;font-size: .8rem;line-height: 19px;transition: all .15s;letter-spacing: -0.8px;white-space: nowrap;cursor: pointer;font-family: "NotoSansKR";font-weight: 300}
.webtong-btn.big {font-size: 1.01rem;line-height: 30px}
.webtong-btn.big.login_btn {min-width: 253px;margin: 0 auto;display: table}
.webtong-btn.big.basic {min-width: 130px}
.filled.basic {color: #fff;background-color: #037431;border: 1px solid transparent}
.filled.basic:hover, .filled.basic:focus {background-color: #004522;border-color: #004522}
.filled.grey {color: #fff;background-color: #7d7d7d;border: 1px solid transparent}
.filled.grey:hover, .filled.grey:focus {background-color: #2d2d2d;border-color: #2d2d2d}
.sbtn.basic {color: #fff;background-color: #7d7d7d;border: 1px solid transparent}
.sbtn.basic:hover, .filled.basic:focus {background-color: #003152;border-color: #003152}
.outline.basic {color: #292929;border-color: #037431;background-color: #fff}
.outline.basic:hover, .outline.basic:focus {color: #fff;background-color: #3b5998;border-color: #3b5998}
.webtong-btn.small {font-size: 1rem;line-height: 18px;min-width: 100px}
.webtong-btn.agree {border-radius:48px;background:none;border:1px solid #0d894a;color:#0d894a}
.webtong-btn.agree:hover, .webtong-btn.agree:focus {border-radius:48px;background:none;border:1px solid #0d894a;color:#0d894a}

.btn_img {display: inline-block;border: 1px solid #cccccc;padding: 10px;min-width: 200px;text-align: center}
.btn_img span {padding: 10px 10px 10px 31px;background: url(/usr/images/sub/manual01_.png) no-repeat left center}
.btn_img span:hover {color:#de5263}
.btn-tbl.small {display: inline-block;border: 1px solid #c5c5c5;line-height: 31px;vertical-align: middle;padding: 0 8px}

/**약관동의**/
.Privacy_wrap {padding: 20px 0;}
.Privacy_wrap > ul > li {position: relative;padding-left: 33px;line-height: 32px;font-weight: 300}
.Privacy_wrap > ul > li:before {content: '';position: absolute;top: 4px;left: 1px;width: 27px;height: 26px;background: url('/usr/images/common/etc.png') no-repeat center}
.Privacy_text {background-color: #f5f5f5;padding: 20px;margin-top: 27px}
.Privacy_text strong {font-size: 18px}
.Privacy_text .Privacy_text_in {background-color: #fff;padding: 30px;margin-top: 10px;border: 1px solid #d2d2d2;height: 200px;overflow-y: scroll;font-size: 15px}

/************   table *********************/
.title01 {padding: 30px 0 10px}
.table_type01 table th:first-child, .table_type01 table td:first-child {border-left: 0}
.table_type01 {border-top: 2px solid #3c3e45;position:relative}
.table_type01 table {width: 100%;min-width: 320px;background-color: #fff;text-indent: 0;font-size:15px;}
.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_type02.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 #e3e3e3;background-color: #f9f9f9;padding: 13px;font-weight: 500;white-space: nowrap;color: #1b1b1b;border-bottom: 1px solid #e3e3e3;text-align:center}
.table_type01.pdbig table th {padding: 19px 0}

.table_type01 table tbody th {background-color: #f9f9f9;border-right:1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;padding: 12px}
.table_type01 table tbody tr:first-child th {min-width: 107px}
.table_type01 table tbody th.bl {border-left:1px solid #e3e3e3;}
.table_type01 table td {border-bottom: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;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: 12px}
.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 table td .td_wrap em {color: #273ca5;font-weight: 600}
.table_type01 table td .td_wrap em.re_wrap {font-size: 11px;display: inline-block;text-align: center;margin-right: 5px;border-radius: 100%;width: 23px;height: 23px;vertical-align: 2px;line-height: 21px;background-color: #f80;color: #fff}
.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.tetop td {vertical-align: top}
.table_type01 table td .td_text {padding: 30px;text-align: left}

.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;}

/**라디오버튼 채크박스**/
.webtong_radio {position: relative;margin-right: 14px;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"] + label:before { content: ''; position: absolute; left: 0; top: 3px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%}
.webtong_radio input[type="radio"] + label:active:before,
.webtong_radio input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
.webtong_radio input[type="radio"]:checked + label:after {content: '';position: absolute;top: 9px;left: 6px;width: 9px;height: 9px;background: #3b5998;border-radius: 100%}

.webtong_checkbox {position: relative;margin-right: 14px;display: inline-block}
.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: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.webtong_checkbox input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 2px}
.webtong_checkbox input[type="checkbox"] + label:active:before,
.webtong_checkbox input[type="checkbox"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
.webtong_checkbox input[type="checkbox"]:checked + label:after {content: '';position: absolute;top: 6px;left: 5px;width: 15px;height: 12px;background:url(..//usr/images/common/checked.png) no-repeat}

/**파일첨부**/
input[type="text"], input[type="password"] {border: 1px solid #d8d8d8;height: 33px;width: 100%;padding: 0 7px}
.webtong-btn {display: inline-block;color: #212529;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: 4px 20px 8px;font-size: 15px;font-size: .8rem;line-height: 19px;transition: all .15s;letter-spacing: -0.8px;white-space: nowrap;cursor: pointer}
.table_type01 .fileBox {padding: 7px 12px}
.table_type01 .filled.basic {color: #fff;background-color: #252525}
.table_type01 .filled.basic:hover, .filled.basic:focus {background-color: #004522;border-color: #004522}
.table_type01 .filled.grey:hover, .filled.grey:focus {background-color: #2d2d2d;border-color: #2d2d2d}
.table_type01 .fileBox .fileName {display: inline-block;width: 190px;line-height: 33px;border: 1px solid #d8d8d8;background-color: #fff;vertical-align: middle}
.table_type01 .fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.table_type01 .fileBox .file_add {background: url(./images/add_del.png)no-repeat 9px center;border: 1px solid #d8d8d8;line-height: 0px;text-indent: -999em;width: 33px;height: 33px;line-height: 20px}
.table_type01 .fileBox .file_del {background: url(./images/add_del.png)no-repeat -25px center;border: 1px solid #d8d8d8;line-height: 0px;text-indent: -999em;width: 33px;height: 33px;line-height: 20px}

/**셀렉트박스**/
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: solid 1px #cbcbcb;height: 33px;padding: 0 40px 2px 10px;background: url('/usr/images/common/ico_select.png') right center no-repeat #fff}
.select-box {padding: 7px 12px}
.select-box.pnone {padding: 0 0 10px 0;text-align: right}
.select-box.search{padding: 23px;border: 8px solid #d8e3fb;margin-bottom: 30px;text-align: center}
.select-box span {display:inline-block;margin-bottom: 3px}
.select-box em {padding: 0 11px 0 3px}
.select-box select {height: 33px;width: 100%;font-size: 14px;font-weight: 600;letter-spacing: -0.3px}
.cateList select {width: 100px}

/*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}
.webtong-paging span a {text-indent: 0;border: 0}
.webtong-paging span a.end {display:none}

.bxslider {list-style-type:none;display:none}
.hotel_wrap .hotel_img_wrap .hotel_img .img_box img {/*max-width: 634px;*/}

.information.tourism {padding-left: 0;margin-top: 9px}
.slogan_box {font-size: 25px; text-align: center; background-color: rgba(5, 33, 93, 0.93); color: #fff; padding: 42px}
.slogan_box > img {width: 70%; margin-top: 15px;}
.webtong-gallery.country_flag li {width:25%}
.webtong-gallery.country_flag li div {border: 1px solid #e4e4e4; border-bottom: 1px solid #b7b7b7;}
.webtong-gallery.country_flag li div:hover {box-shadow: none;}
.webtong-gallery.country_flag li div a	{cursor: auto; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #b7b7b7;}
.webtong-gallery.country_flag li div a strong {background: url(/usr/images/sub/link_more_icon.png) no-repeat right 28px; margin-right: 20px}
	
.text_box07 {margin-top: 30px;padding: 43px;border: 1px solid #e6e6e6}
.text_box07.new {border: 4px double #cadbe6;background-color: #f0f9ff}
.text_box07 li {border-bottom: 1px solid #e6e6e6;line-height: 50px;position:relative;padding-left:10px}
.text_box07 li:before {content: '';position: absolute;top: 22px;left: 0;background-color: #8c8c8c;height: 4px;width: 4px}
.text_box07 li:last-of-type {border-bottom: 0}
.text_box07.emblem {background: url(/usr/images/sub/emblem.png) no-repeat 10px 10px / 268px;padding: 50px 43px 51px 301px}
.text_box07.emblem li {border-bottom: 0;line-height: 23px;position: relative;padding-left: 10px;margin: 16px 0}
.text_box07.emblem li:before {top: 9px}

.text_box08 {}
.text_box08 p.title {font-size: 20px;color: #333;font-weight: 800;line-height: 30px;margin-bottom: 20px}
.text_box08 > p {}

.text_box04 {margin-top:50px;text-align: justify}
.hall_map {width:100%;height:600px}
.m_map {display:none}
.map_text {position:relative}
.map_text p {position: absolute;top: 0;padding: 17px 42px;left: 0;color: #396898;background-color: white;margin: 10px;box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;border-radius: 2px;font-size: 15px}
.map_way {margin-top: 30px;}
.map_way li {display: inline-block;line-height: 38px;position: relative;padding-right: 9px;font-size: 15px}
.map_way li:after {content:'→'}
.map_way li.end:after {content:''}
.map_way li.first, .map_way li.last {display: block;position: relative}
.map_way li.first em, .map_way li.last em {border: 0;color: #4c8fd4;font-size: 16px}
.map_way li.first:before, .map_way li.last:before {content: '';position: absolute;top: 21px;left: 19px;background: url(/usr/images/sub/pin.png) no-repeat;width: 14px;height: 17px;}
.map_way li.first:after, .map_way li.last:after {content: ''}
.map_way li span {display: inline-block;border: 1px solid #6aaef3;padding: 0 23px 0 37px;border-radius: 27px;margin: 10px 0;}
.map_way li em {display: inline-block;border: 1px solid #d2d2d2;width: 27px;height: 27px;line-height: 24px;text-align: center;border-radius: 100%;font-size: 14px;color: #ff4040}
.map_way strong {}
.text_box05 {line-height: 1.85; color: #656565;padding-right: 27%}
.text_box06 {background: url(/usr/images/main/imgs001.png) no-repeat 71px -45px;background-size: 170px;padding: 30px 20px 30px 273px;border: 1px solid #dadada;border-radius: 93px;font-weight: 300;font-size: 18px}

.flag_wrap {display: table;table-layout: fixed;text-align: center;padding: 8px;background-color: #fff;margin: 0 auto;position: relative;top: -43px;box-shadow: 0px -9px 11px 4px rgba(0, 0, 0, 0.12)}
.flag_wrap.slogan {display: table;table-layout: fixed;text-align: center;padding: 20px;background-color: #1d4e77;margin: 0 auto;position: relative;top: -43px;box-shadow: 0px 7px 11px 4px rgba(0, 0, 0, 0.12);width: 94%;color: #fff}
.flag_wrap li {display: table-cell;width: 20%;padding: 18px}
.flag_wrap li img {width:auto}

/**게시판보기**/
.text-bbsbox dl {padding: 15px;overflow: hidden;border-bottom: 1px solid #dedede}
.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: 15px 10px 15px 20px;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}
.text-bbsbox .file a {background: url(/usr/images/common/ico_file.png) no-repeat 3px 0px;display: inline-block;padding-left: 26px;margin-right: 15px;margin-bottom: 3px;font-size: 14px}
.text-bbsbox .file a.hwp {background-position:3px -29px}
.text-bbsbox .file a.zip {background-position:3px -58px}
.text-bbsbox .file a.xlx {background-position:3px -87px}
.text-bbsbox .file a.doc {background-position:3px -116px}
.text-bbsbox .file a.pdf {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}

.board_list1 {border-top:2px solid #434446; margin-bottom:30px}
.board_list1 .event {}
.board_list1 .event li .sm_img {float: left}
.board_list1 .event li .sm_img span {display: inline-block;position: relative;padding-top: 63%;overflow: hidden;width: 200px;border: 1px solid #d9dbde}
.board_list1 .event li .sm_img span img {position: absolute;top: 0;left: 0;height: 100%;width:100%}
.board_list1 .event li .summary {margin: 0 0 0 286px;position: relative}
.board_list1 .event li .summary .title {margin-bottom: 0;}
.board_list1 .event li .summary .con_txt {font-size: 15px;margin-top: 10px;font-weight: 300;color: #5d5d5d}
.board_list1 .event li .no {float:left; width:64px; text-align:center;line-height: 25px}

.board_list1 ul li .Institution_name {float: left;margin-right: 10px}
.board_list1 ul li .pointin {float: left;width: 39px;text-align: center;line-height: 25px}
.board_list1 ul li .pointin.up {background-color: #ff6700;color: #fff}
.board_list1 ul li .pointin.down {background-color: #245094;color: #fff}
.board_list1.point > ul > li > .summary {margin: 0px 0 0 116px}
.board_list1.point > ul > li > .summary.mr197 {margin: 0px 0 0 62px;clear: both}
.board_list1.point > ul > li > .summary .accumulate {position: absolute;top: 21%;right: 10px;font-size: 16px}

.board_list1 ul li {border-bottom:1px solid #d9dbde; width:100%; display:inline-block; position:relative; padding:15px 0 12px; letter-spacing:-0.025em; color:#666}
.board_list1 ul li .no {float:left; width:64px; text-align:center;line-height: 25px}
.board_list1 ul li.notice {background:#f2f4f6}
.board_list1 ul li.notice .no {background:url("/usr/images/common/ico_notice.png") no-repeat 12px 4px;display: block;height: 22px;padding-left: 27px}
.board_list1 ul li .summary {margin:0 0 0 75px;position: relative}
.board_list1 ul li .summary.pop {margin:0 0 0 80px}
.board_list1 ul li .summary .options {}
.board_list1 ul li .summary .options span {display:inline-block; background:url("/usr/images/common/bar_1x13_ccc.gif") no-repeat 0 50%; padding:0 9px 0 11px;font-size: 14px}
.board_list1 ul li .summary .options span:first-child {background:none; padding-left:0;}
.board_list1 ul li .summary .title {margin-bottom:5px}
.board_list1 ul li .summary .title .sbj {display:inline; color:#333;font-size: 17px;font-weight: 600}
.board_list1 ul li .summary .title .sbj em {color:#245094;}
.board_list1 ul li .summary .title .file {display:inline-block; vertical-align:middle; width:17px; height:19px; background:url("/usr/images/common/ico_file02.gif") no-repeat 0 0; margin:0 0 7px 6px;}
.board_list1 ul li .summary .title .file span {display:block; width:0; height:0; overflow:hidden;}
.board_list1 ul li .summary .title .new	{display:inline-block; vertical-align:middle; width:14px; height:14px; background:url("/usr/images/common/ico_new.png") no-repeat 0 0; margin:0 0 4px 6px;}

.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}

.board_list1 ul li .summary .title .new span {display:block; width:0; height:0; overflow:hidden;}
.board_list1 ul li .summary .note {display: inline-block;position: absolute;top: 50%;right: 15px;background: #2f69c4 url('/usr/images/common/note.png') no-repeat center;width: 40px;height: 40px;text-indent: -999em;margin-top: -20px;border-radius: 100%}
.board_list1 ul li .summary .homepage {display: inline-block;position: absolute;top: 50%;right: 64px;background: #2f69c4 url('/usr/images/common/website.png') no-repeat center;width: 40px;height: 40px;text-indent: -999em;margin-top: -20px;border-radius: 100%}
.certification_wrap {display: table;border-bottom: 1px solid #d1d6da;margin-top: 10px;border-top: 1px solid #d1d6da}
.certification_wrap dt {display: table-cell;width: 25%;text-align: center;vertical-align: middle;background-color: #ebf0f5}
.certification_wrap dd {display: table-cell;width: 25%;padding: 10px;text-align: center;vertical-align: middle}

.bor1ddd {height: 67px;overflow-y: hidden}
.byte {text-align: right}
.byte input[type="text"] {display: inline-block;width: 29px;border: 0;text-align: right;height: 23px;padding: 0;color: #767676}
.byte span {display: inline-block;vertical-align: -1px}
.c_orange {color: #ff5e00}

.mekong_river {position: absolute;right: 31px}
.mekong_river img {width:auto;box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.09)}
.mekong_river.animation {bottom: -117px;opacity: 0}
.mekong_river.animation.action {bottom: -64px;opacity: 1}

.list_box01 li {position: relative;padding-left: 10px;line-height: 28px}
.list_box01.new li {padding-left: 15px}
.list_box01 li:before {content: '';position: absolute;top: 12px;left: 0;background-color: #8c8c8c;height: 3px;width: 3px;border-radius: 100%}
.list_box01.new li:before {content: '';position: absolute;top: 11px;left: 0;border: 3px double #ec9ca6;height: 8px;width: 8px;border-radius: 100%;background: none}

.emblem_shadow img {box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.09)}

.webtong_line {height: 1px;background-color: #dadada;margin: 40px 0;clear: both}
.bus_icon {position: relative;padding-left: 48px;display: block;margin-top: 21px}
.bus_icon:before {position: absolute;top: -5px;content: '';left: 0;width: 38px;height: 38px;border-radius: 100%;background: #3784c7 url(/usr/images/sub/bus_icon.png) no-repeat center}

/**개인정보처리방침**/
.webtong_terms_of_Use_layout {max-width: 100%;margin: 0 auto;word-break: keep-all;font-size: 16px}
.webtong_terms_of_Use_layout h3 {font-size: 1.3em;letter-spacing: -0.9px;padding: 40px 0 20px}
.webtong_terms_of_Use_layout h2+h3 {padding: 0 0 20px}
.webtong_terms_of_Use_layout h3.center {text-align:center}
.contents h3+.webtong_list {margin: 5px 0 30px}
.webtong_list {margin: 15px 0 30px;}
.webtong_list > li {text-indent: -14px;padding-left: 14px;margin-bottom: 8px}
.webtong_list li ol, .webtong_list li ul {margin: 10px 0 20px}
.webtong_list li ol li {text-indent: -18px;padding-left: 18px;margin-bottom: 6px} 
.webtong_list li ul li {text-indent: 1px;padding-left: 16px;position: relative;margin-bottom: 6px}
.webtong_list.color_red li ul li:before {background-color:#FF4500}
.webtong_list li ul li:before {content:'';position:absolute;top: 12px;left: 4px;background-color:#585858;width:5px;height:1px}
.webtong_list li ul.pi_none li {text-indent: 0px !important; padding-left: 0px !important;margin-bottom: 6px !important}
.webtong_list li ol.pi_none li {text-indent: 0px !important; padding-left: 0px !important;margin-bottom: 6px !important}
ul.webtong_list > li {text-indent: 1px;padding-left: 16px;position: relative;margin-bottom: 6px}
ul.webtong_list > li:before {content:'';position:absolute;top: 8px;left: 4px;background-color:#000;width:5px;height:5px}

/* 금융사고 및 부조리 신고 */
.financial_wrap {display: flex;justify-content: center;gap: 100px;margin-top:50px}
.financial_wrap li {flex: 1 1 25%;text-align: center;background: #f8f8f8;border-radius: 20px;padding: 3% 30px;display: flex;flex-direction: column;align-items: center;gap: 30px;position:relative;}
.financial_wrap li:before {content:'';width: 100px;height: 100px;border-radius: 100%;}
.financial_wrap li:first-child:before {background: #0d894a url(/usr/images/sub/ico_financial01.svg) no-repeat center;background-size:40px;}
.financial_wrap li:nth-child(2):before {background: #0d894a url(/usr/images/sub/ico_financial02.svg) no-repeat center;background-size:40px;}
.financial_wrap li:last-child:before {background: #0d894a url(/usr/images/sub/ico_financial03.svg) no-repeat center;background-size:40px;}
.financial_wrap li:after {content:'';width:27px;height:23px;background:url(/usr/images/sub/box_next.png) no-repeat 0 0;position:absolute;top:50%;right: -64px;margin-top:-11px;}
.financial_wrap li:last-child:after {content:none}
.financial_wrap li p{}


/**준비중**/
.coming_soon {border: 1px solid #dedede;text-align:center;padding: 4%;}
.coming_soon img {width: 50%;}
.login_exl {background: url(/usr/images/common/login_exl.png) no-repeat -63px -1px;line-height: 27px;display: inline-block;padding: 0 44px 0 15px}
.link {color: #0059a5;text-decoration: underline}
.view_btn {text-align: center;display: block;border: 1px solid #cacaca;font-size: 14px;line-height: 35px}

/**우튜브 호출**/
#youtube_play {position: absolute;z-index: 1;top: 0;right: 50%;-webkit-transform: translate(50%, 0);transform: translate(50%, 0);opacity: 0;-webkit-transition: opacity 0.4s linear 0s;transition: opacity 0.4s linear 0s;width: 100%;display: none;}
#youtube_play.play {opacity: 1;z-index: 4;padding-top: 39%;overflow: hidden;display: block}
#youtube_play iframe {width: 100%;position: absolute;top: 0;left: 0;height: 100%}

/** 미션/비전 **/
.mission_layout {position: relative; margin-top: 40px;}
.mission_layout > .left_text {position: absolute;}
.mission_layout > .left_text > h1 {background-color: #435eaa; color: #fff;border-radius: 100%;width: 140px;height: 140px;line-height: 1.3;text-align: center;font-weight: 200;font-size: 1.45em;vertical-align: middle;display: table-cell;} 
.mission_layout > .left_text > h1.mission_title_bg01 {background-color:#18bcd7}
.mission_layout > .left_text > h1.mission_title_bg02 {background-color:#0178dd}
.mission_layout > .left_text > h1.mission_title_bg03 {background-color:#1a63c5}
.mission_layout > .right_text {padding-left: 155px;}
.mission_layout > .right_text > h3 {padding: 22px 0;}
.mission_layout > .right_text > h3 > span {display: block; font-weight: 200; line-height: 1.2;}
.list_p p {font-size: 1em; position: relative;padding-left: 9px;line-height: 1.6;}
.list_p p:before {content:''; display:block;width: 4px;height: 4px;background-color: #666;border-radius: 100%;position: absolute;margin-top: 9px;left: 0;}
.ring_ul_layout {position: relative; display: inline-block; margin-bottom: 10px;}
.ring_ul_layout:before {content:''; display:block; width: 90%;height: 1px;background-color: #c4c4c4;position: absolute;top: 50%;z-index: -1;left: 50%;margin-left: -45%;}
.ring_ul_layout:after {content:''; display:block; clear:both}
.ring_ul_layout > li {float:left; padding:0 10px}
.ring_ul_layout > li > p {font-size: 1em; background-color: #fff; border: 5px solid #efefef; width: 100px;height: 100px;border-radius: 100%;text-align: center;display: table-cell;vertical-align: middle;color: #333;}
.ring_ul_center {left: 50%; margin-left: -180px;}
.ring_ul_color li:nth-child(1) p {border: 5px solid #42b5ef;}
.ring_ul_color li:nth-child(2) p {border: 5px solid #f54f4f;}
.ring_ul_color li:nth-child(3) p {border: 5px solid #f99c43;}
.ring_ul_center.ring_ul__big {margin-left: -240px;}
.ring_ul__big li p {width: 140px;height: 140px}
.ring_ul__big li:nth-child(1) p {border: 11px solid #18bcd7;}
.ring_ul__big li:nth-child(2) p {border: 11px solid #0178dd}
.ring_ul__big li:nth-child(3) p {border: 11px solid #1a63c5;}

/** 인사말 **/
.greetings_wrap {position: relative;display: flex;justify-content: flex-end;margin-bottom:100px;}
.greetings_wrap > .greetings_text {background: linear-gradient(149deg, rgb(2 122 62) 43%, rgb(0 88 131) 92%);width: 650px;height: 380px;position: absolute;bottom: -50px;left: 0;color: #fff;display: flex;justify-content: center;align-items: center;font-size:25px;font-weight:200;}
.greetings_wrap > .greetings_text span {position: relative;padding: 40px 0;}
.greetings_wrap > .greetings_text span:before {content:'';width:39px;height:25px;background: url(/usr/images/sub/ico_greeting.png) no-repeat 0 0;position: absolute;top: 0;left: 0;}
.greetings_wrap > .greetings_text span:after {content:'';width:39px;height:25px;background: url(/usr/images/sub/ico_greeting02.png) no-repeat 0 0;position: absolute;bottom: 0;right: 0;}
.greetings_wrap > .greetings_text span strong {font-size: 30px;font-weight: 800;display: block;}
.greetings_wrap img {width:auto}
.greeting_text_wrap p {display: flex;align-items: center;}
.greeting_text_wrap p strong {font-size: 20px;font-weight: 800;margin-left: 15px;}

/* 비전 */
.vision_wrap {}
.vision_wrap .vision {background: url(/usr/images/sub/bg_vision.png) no-repeat center / cover;color: #fff;padding: 9.5% 9%;border-radius: 30px;}
.vision_wrap .vision strong {font-size: 25px;display: block;margin-bottom: 50px;color: #ffffff;opacity: .6;}
.vision_wrap .vision p {font-size: 40px;font-weight: 800;max-width: 550px;}
.vision_wrap .catch_phrase {text-align: center;position: relative;margin-top: 50px;padding-top: 70px;}
.vision_wrap .catch_phrase:before {content:'';width:5px;height:33px;background: url(/usr/images/sub/bl_vision.png) no-repeat 0 0;position:absolute;top:0;left:50%;margin-left:-2px;}
.vision_wrap .catch_phrase strong {font-family: Montserrat;font-size: 25px;color: #0d894a;display: block;margin-bottom: 15px;}
.vision_wrap .catch_phrase p {font-size: 2.8rem;font-weight: 800;color: #000;}
.vision_wrap .catch_phrase p span {position:relative;display: inline-block;padding: 0 70px;}
.vision_wrap .catch_phrase p span:before {content: '';width: 20px;height: 75px;background: url(/usr/images/sub/bl_vision02.png) no-repeat 0 0 / 100%;position: absolute;top: -4px;left: 0;}
.vision_wrap .catch_phrase p span:after {content: '';width: 20px;height: 75px;background: url(/usr/images/sub/bl_vision03.png) no-repeat 0 0 / 100%;position: absolute;top: -4px;right: 0;}

/* 핵심가치 */
.core_values_wrap {background:#f5f5f5;border-radius:30px;padding: 4%;}
.core_values_wrap > ul {display:flex;justify-content: space-between;gap:10px}
.core_values_wrap > ul li span {border-radius: 15px;overflow:hidden;display: inline-block;}
.core_values_wrap > ul li .values_text {text-align:center;position:relative;padding-top: 40px;}
.core_values_wrap > ul li .values_text:before {content:'';width:2px;height:60px;background:#0d894a;position:absolute;top: -20%;left:50%}
.core_values_wrap > ul li .values_text em {font-family:'Montserrat';font-size: 14px;color:#0d894a}
.core_values_wrap > ul li .values_text strong {display:block;font-size: 28px;font-weight: 800;margin-bottom: 15px;}

/** 일반현황 **/
.status {margin:50px -15px;}
.status:after {content:''; display:block; clear:both}
.status > li {padding: 0 15px; width: 33.33333%; float: left;}
.status > li > div {background-color: #f2f7fb;padding: 30px 20px;min-height: 239px;position: relative;border: 1px solid #95abbd;min-height: 262px;}
.status > li > div > p {color: #1b1b1b;font-size: 0.95em;letter-spacing: 0;font-weight: 300;}
.status > li:nth-child(1) > div > p {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -53%);font-size: 1.6em;font-weight: 600;}
.status > li:nth-child(2) > div > p {font-size: 1.6em;font-weight: 600;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -53%);width: 100%;}
.status > li:nth-child(2) > div > p > em {color: #ee576a;font-size: 0.62em;font-weight: 200;display: block;letter-spacing: 0;}
.status > li:nth-child(3) > div > p {position: relative;padding-left: 10px;letter-spacing: -0.5px;line-height: 1.4;margin-bottom: 8px;}
.status > li:nth-child(3) > div > p:after {content:''; position: absolute;width: 4px;height: 4px;background-color: #ee576a;border-radius: 100%;top: 11px;left: 0;}
.status > li > strong {display: block;padding: 11px 20px;text-align: center;background-color: #174166;color: #fff;margin-top: 15px}

/** 주요사업 **/
.h5_title {position: relative; font-size: 1.5em;letter-spacing: -0.7px;color: #333;padding:10px 0 22px 0;font-weight: 300;}
.h5_title:after {content:""; display:block; position: absolute;width: 25px;height: 2px;background-color: #333;left: 0;top: 0; }
.list_dl {margin-bottom: 20px;}
.list_dl > dt {font-size: 1.1em;position: relative;padding-left: 20px;margin-bottom: 5px;font-weight: 700;color: #174166;}
.list_dl > dt:after {content:""; display:block; position: absolute;width: 12px;height: 12px;border: 3px solid #81c9a5;border-radius: 100%;left: 0;top: 8px;}
.list_dl > dd {font-size: 1em;position: relative;padding-left: 9px;line-height: 1.5;margin-left: 10px;color: #777;}
.list_dl > dd:after {content:''; display:block;width: 4px;height: 4px;background-color: #666;border-radius: 100%;position: absolute; top: 0; margin-top: 11px;left: 0;}
.center_img > img {max-width: 550px;margin: 50px auto;display: table;}

/** ci_bi **/
.ci_wrap .tit {font-size: 20px;color: #333;font-weight: 800;line-height: 30px;margin-bottom: 20px;letter-spacing: -0.7px;}
.ci_wrap .ci_img {flex-shrink:0}
.ci_wrap strong {display: block;font-size: 30px;font-weight: 900;margin-bottom: 15px;color: #007e41;}
.promy_ci_wrap {padding: 5%;border:1px solid #dedede;margin-top:50px}
.promy_ci_wrap ul {display: flex;align-items: center;}
.promy_ci_wrap ul li {flex: 1 1 40%;text-align: center;position:relative;}
.promy_ci_wrap ul li+li:before {content:'';width:1px;height:100%;background:#dedede;position:absolute;top:0;left:0;}

/* 찾아오시는 길 */
.root_daum_roughmap .cont {display:none !important}

.logo_color {position: relative;border: 1px solid #d4d4d4;padding: 28px}
.logo_color .color_ul {float: left;}
.logo_color .color_ul:after {content:''; display:block; clear:both}
.logo_color .color_ul > li {float: left; padding: 10px;}
.logo_color .color_ul > li > p {color: #fff; width: 100px;height:100px;line-height: 100px; text-align: center; border-radius: 100%;}
.logo_color .color_ul > li:nth-child(1) > p {background-color: #018bce;}
.logo_color .color_ul > li:nth-child(2) > p {background-color: #bf1038;}
.logo_color .color_ul > li:nth-child(3) > p {background-color: #e27d1c;}
.logo_color .color_text {padding-left: 380px; padding-top: 22px;}
.logo_color .color_text > li {}
.logo_color .color_text > li > p {color: #333;font-weight: 600;}

.color:after {content:''; display:block; clear:both}
.color > div {width: 49%; float: left;}
.color > div:nth-child(1) {margin-right: 2%;}
.color > div h5 {font-size: 1em; margin-bottom: 10px;font-weight: 400;}
.color > div img {width:auto}

.sub_bg {background: url(/usr/images/sub/sub_v01.png) no-repeat center bottom / cover;height: 285px;}
.sub_bg h2 {color: #fff;text-align: center;position: relative;top: 33%;font-size: 2.3vw}

/* 상담서비스 */
.table_layout {border-top: 2px solid #3c3e45;}
.table_layout table {font-size: 15px;}
.table_layout table thead th {background: #f5f5f5;border-bottom: 1px solid #e3e3e3;padding: 15px 0;}
.table_layout table thead th+th {border-left: 1px solid #e3e3e3;}
.table_layout table tbody th {background: #f5fffc;border-bottom: 1px solid #e3e3e3;}
.table_layout table td {text-align: center;border-bottom: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;padding: 15px;}
.table_layout table tbody td:first-child {border-left:0;}

/* 출동서비스 */
.text_dispatch_wrap {text-align: center;font-size: 36px;position:relative;padding: 55px 0 50px;color: #027239;line-height: 46px;font-weight: 100;}
.text_dispatch_wrap:before {content:'';width:39px;height:25px;background: url(/usr/images/sub/ico_dispatch.png) no-repeat 0 0 / 100%;position:absolute;top:0;left: 50%;margin-left: -18px;}
.text_dispatch_wrap strong {display: block;font-weight: 800;}

.service_photo_wrap {border-top: 2px solid #333333;}
.service_photo_wrap > ul {}
.service_photo_wrap > ul > li {display: flex;gap: 60px;border-bottom: 1px solid #dddddd;padding: 30px 0;align-items: center;}
.service_photo_wrap > ul > li span {border-radius: 15px;overflow: hidden;flex-shrink: 0;}
.service_photo_wrap > ul > li span.icon {background: #f8f8f8;width: 25%;text-align: center;padding: 4% 10px;}
.service_photo_wrap > ul > li .text_wrap {}
.service_photo_wrap > ul > li .text_wrap > strong {font-size: 20px;font-weight: 800;display: block;margin-bottom: 10px;}
.service_photo_wrap > ul > li .text_wrap p {color: #666;}
.service_photo_wrap > ul > li .text_wrap .text_list {margin-top:10px;}
.service_photo_wrap > ul > li .text_wrap .small {font-size:15px;display:block;margin-top:10px;margin-bottom: 5px;}
.service_photo_wrap > ul > li .text_wrap ul.text_desc {display: flex;flex-wrap: wrap;gap: 5px;}
.service_photo_wrap > ul > li .text_wrap > ul.text_desc li {padding: 5px 20px;border-radius: 50px;background: #f3f3f3;font-size: 14px;}
.care_service_wrap > ul > li {align-items: flex-start;padding: 50px 0;}
.care_service_wrap > ul > li .text_wrap > strong {font-size: 28px;}
.care_service_wrap > ul > li .text_wrap .small {margin-top: 25px;}

.field_photo_wrap {display: flex;justify-content: space-between;gap: 10px;}
.field_photo_wrap span {border-radius:15px;overflow:hidden;}

.field_service_wrap {background: #f5f5f5;border-radius: 15px;margin-top: 35px;padding: 4%;display: flex;gap: 70px;}
.field_service_wrap strong {font-size: 25px;font-weight: 800;color: #0d894a;}
.service_photo_wrap.ico_gray > ul > li span.icon img {filter: grayscale(100%);opacity:.4;}

/* 프로미카월드 소개 */
.promy_intro_wrap {background: url(/usr/images/sub/img_promy_intro.png) no-repeat 0 0 / 100%;height: 450px;display: flex;justify-content: center;align-items: flex-end;}
.promy_intro_inner {background:#fff;width: 90%;padding: 6% 6%;margin-bottom: -176px;text-align: center;}
.promy_intro_inner strong {font-size: 32px;font-weight: 800;color: #0d894a;position:relative;}
.promy_intro_inner strong:after {content:'';width: 100%;height: 15px;background: #ffe6b8;position:absolute;bottom: 4px;left:0;z-index: 0;}
.promy_intro_inner strong span {z-index:1;position:relative;}
.promy_intro_inner p {margin-top:25px;font-size: 18px;}
.promy_intro_list {margin-top: 216px;}
.promy_intro_list ul {display: flex;gap: 40px;}
.promy_intro_list ul li {flex: 1 1 40%;text-align: center;overflow: hidden;padding: 2.5% 5%;color: #fff;}
.promy_intro_list ul li strong {display: block;font-size: 23px;font-weight: 800;margin-bottom: 20px;}
.promy_intro_list ul li p {line-height: 30px;}
.promy_intro_list ul li:first-child {background: url(/usr/images/sub/bg_promy01.png) no-repeat 0 0 / cover;}
.promy_intro_list ul li:last-child {background: url(/usr/images/sub/bg_promy02.png) no-repeat 0 0 / cover;}

/* 가입절차안내 */
.text_list_box {}
.text_list_box > ul {}
.text_list_box > ul > li {padding: 3% 6%;display: flex;gap: 70px;align-items: center;border-radius: 15px;border: 1px solid #dddddd;}
.text_list_box > ul > li+li {margin-top:10px}
.text_list_box > ul > li strong {font-size: 25px;color: #000;font-weight: 800;}
.text_list_box > ul > li ul {position:relative;padding-left: 70px;}
.text_list_box > ul > li ul:before {content:'';width:1px;height:100%;background:#dddddd;position:absolute;top:0;left:0;}
.text_list_box > ul > li ul li {line-height: 28px;}
.text_list_box > ul > li ul li em {font-family:'Montserrat';font-weight: 600;margin-right: 20px;color: #027239;letter-spacing: 0;}
.text_etc_bg {background:#f5f5f5;border-radius:15px;padding:3% 4%;}

/* 선정기준 */
.step_wrap {margin-bottom:30px}
.step_wrap ul {display: flex;justify-content: space-between;gap: 30px;}
.step_wrap ul li {display: flex;flex-direction: column;align-items: center;flex: 1 1 10%;text-align: center;padding: 30px 10px;border-radius: 0 30px 0 30px;position:relative;background: #f5f5f5;}
.step_wrap ul li:before {content: '';width: 40px;height: 40px;background: url(/usr/images/sub/ico_step01.svg) no-repeat 0 0 / 100%;}
.step_wrap ul li:nth-child(2):before {background: url(/usr/images/sub/ico_step02.svg) no-repeat 0 0 / 100%;}
.step_wrap ul li:nth-child(3):before {background: url(/usr/images/sub/ico_step03.svg) no-repeat 0 0 / 100%;}
.step_wrap ul li:nth-child(4):before {background: url(/usr/images/sub/ico_step04.svg) no-repeat 0 0 / 100%;}
.step_wrap ul li:nth-child(5):before {background: url(/usr/images/sub/ico_step05.svg) no-repeat 0 0 / 100%;}
.step_wrap ul li:nth-child(6):before {background: url(/usr/images/sub/ico_step06.svg) no-repeat 0 0 / 100%;}
.step_wrap ul li em {font-size: 12px;color: #027239;margin: 20px 0 7px;font-family: 'Montserrat';}
.step_wrap ul li strong {font-size: 17px;line-height: 22px;}
.step_wrap ul li:after {content: '';width:40px;height:40px;background:#0d894a url(/usr/images/sub/bl_step_next.png) no-repeat center;border-radius: 100%;position: absolute;top: 50%;right: -20px;margin-top: -20px;}
.step_wrap ul li:last-child:after {content:none;}

.step_wrap .jab_step01:before {background: url(/usr/images/sub/ico_step02.svg) no-repeat 0 0 / 100%;}
.step_wrap .jab_step02:before {background: url(/usr/images/sub/ico_step07.svg) no-repeat 0 0 / 100% !important;}
.step_wrap .jab_step03:before {background: url(/usr/images/sub/ico_step08.svg) no-repeat 0 0 / 100% !important;}
.step_wrap .jab_step04:before {background: url(/usr/images/sub/ico_step09.svg) no-repeat 0 0 / 100% !important;}
.step_wrap .jab_step05:before {background: url(/usr/images/sub/ico_step10.svg) no-repeat 0 0 / 100% !important;}


/**리스트**/
.box_wrap {border: 1px solid #9cbbd6;padding: 40px}
.box_wrap.qr {text-align:center;padding: 30px;position: relative}
.qr_code {width: auto;position: absolute;right: 7px;top: 50%;margin-top: -35px}
.list_wrap01 {}
.list_wrap01 li {line-height: 21px;padding-bottom: 21px;position: relative;padding-left: 46px;}
.list_wrap01 li:last-child {padding-bottom: 0}
.list_wrap01 li em {display: inline-block;margin-right: 10px;border-radius: 100%;width: 35px;height: 35px;border: 1px solid #174166;text-align: center;position: absolute;font-size: 14px;line-height: 30px;background-color: #174166;color: #fff;left: 0;top: -3px}
.list_wrap {}
.list_wrap > li strong {display: block;margin-bottom: 10px}
.list_wrap > li:last-child {padding-bottom: 0}
.list_wrap > li > ul {margin-bottom: 20px}
.list_wrap > li > ul > li {text-indent: -8px;padding-left: 8px}

.title_box01 {text-align: center;font-size: 1.2em;border: 1px solid #a9cbe8;background: url(/usr/images/sub/sub_bg01.png) no-repeat center / cover;color: #ffffff;padding: 10% 20px;    margin-bottom: 40px}
.contact_wrap {border: 1px solid #e6e6e6;padding: 23px;margin-top: 34px}
.contact_wrap dt {float: left;clear: both;font-weight: 600;min-width: 79px;margin-bottom: 6px}
.contact_wrap dd {padding-left: 80px;margin-bottom: 6px}

.text_list {}
.text_list > li {line-height: 26px;position:relative;padding-left: 14px;}
.text_list > li:before {content:'';width:4px;height:4px;background:#333;position:absolute;top: 11px;left:0;border-radius:100%;}

/**조직도**/
.organization_wrap {text-align: center;border: 1px solid #d3d3d3;padding: 4% 2%}
.organization_wrap.none {border: 0}
.organization_wrap img {width: auto}
.blue {color: #008bd0}
.green {color: #0d894a}

.webtong_Photo_layout li {border-bottom: 1px solid #c0c0c0;display: table;width: 100%;position: relative;padding: 30px 0;min-height: 260px}
.webtong_Photo_layout li:after {content: "";display: block;clear: both}
.webtong_Photo_layout li .thumbnail {position: absolute;}
.webtong_Photo_layout li .thumbnail span {display: table-cell;text-align: center;vertical-align: middle;background-color: #f4f4f5}
.webtong_Photo_layout.icon li .thumbnail span {background: none;border: 1px solid #a2bcde;border-radius: 100%;padding: 13px}
.webtong_Photo_layout.icon li {min-height: auto;padding: 50px 60px}
.webtong_Photo_layout.icon li .thumbnail span img {max-width: 85px}
.webtong_Photo_layout li .thumbnail span img {}
.webtong_Photo_layout li .text {padding: 0 0 0 334px}
.webtong_Photo_layout.icon li .text {padding: 25px 0 0 150px}
.webtong_Photo_layout.icon li .text strong {margin-bottom: 2px}
.webtong_Photo_layout li .text strong {display: block;margin-bottom: 18px;font-size: 25px}
.webtong_Photo_layout li .text p em {font-weight: 700;color: #003f96}
.webtong_Photo_layout li > a {position: absolute;right: 0;top: 50%;background-color: #ef4937;color: #fff;padding: 20px;margin-top: -30px;display: inline-block}

.webtong_Photo_layout02 {}
.webtong_Photo_layout02.float-left > li {float:left}
.webtong_Photo_layout02.float-right > li {float:right;text-align:right}
.webtong_Photo_layout02 li h3 {font-size:2em;padding: 2px 0 0}
.webtong_Photo_layout02:after {content:'';display:block;clear: both}
.webtong_Photo_layout02 > li {width: 18%}
.webtong_Photo_layout02 > li p {padding-top:20px}
.webtong_Photo_layout02 > li img {width:100%}
.webtong_Photo_layout02 > li:last-child {width: 82%;padding: 0 40px}
.webtong_Photo_layout02 > li > ol {    margin-top: 10px}
.webtong_Photo_layout02 > li > ol > li {margin-bottom: 2px}
.webtong_Photo_layout02 > li > ol > li.indent_l80 {text-indent:-80px;padding-left:80px;}
.webtong_Photo_layout02 > li > ol > li.indent_l50 {text-indent:-50px;padding-left:50px;}
.webtong_Photo_layout02 > li > ol > li > em {color:#007b3d;}
.webtong_Photo_layout02 > li > ol > li.l96 {text-indent: -96px;padding-left: 96px}

.webtong_Photo_layout03 > li {border: 1px solid #e8e8e8;display: table;width: 100%;position: relative;padding: 25px 48px 55px 64px}
.webtong_Photo_layout03 > li:after {content: "";display: block;clear: both}
.webtong_Photo_layout03 > li .thumbnail {position: absolute;}
.webtong_Photo_layout03 > li .thumbnail span {display: table-cell;text-align: center;vertical-align: middle;background-color: #f4f4f5}
.webtong_Photo_layout03 > li .thumbnail span img {max-width: 231px}
.webtong_Photo_layout03 > li .text {padding: 46px 0 0 330px}
.webtong_Photo_layout03 > li .text strong {display: block;font-size: 30px}
.webtong_Photo_layout03 > li .text p {font-size: 22px}
.webtong_Photo_layout03 > li > a {position: absolute;right: 0;top: 50%;background-color: #ef4937;color: #fff;padding: 20px;margin-top: -30px;display: inline-block}

.example_wrap {}
.example_wrap > li {width: 33.33333%;float: left;border: 1px solid #e2e2e2;padding: 20px;margin-right: -1px;margin-bottom: -1px;height: 690px}
.example_wrap > li:nth-child(n+4) {height: auto}
.example_wrap > li div {}
.example_wrap > li div h4 {margin-bottom: 18px;font-size: 17px}
.example_wrap > li div img {width:auto}
.example_wrap > li div > ul {margin-top: 16px}
.example_wrap > li div > ul > li {position: relative;padding-left: 7px}
.example_wrap > li div > ul > li:before {content: '';top: 10px;left: 0;background-color: #1b1b1b;height: 3px;width: 3px;position: absolute}
.example_wrap > li div > p {text-align:center}

.top10_wrapa {margin: 0 -10px;}
.top10_wrapa li {float: left;width: 50%;padding: 50px 10px;height: 228px;border-bottom: 1px solid #d6d6d6}
.top10_wrapa li img {width: auto;position: absolute}
.top10_wrapa li .content_text {margin-left: 195px;float: left}
.top10_wrapa li .content_text strong {display: block;margin-bottom: 8px}
.top10_wrapa li .content_text p {height: 65px;line-height: 19px;font-size: 0.95em}
.top10_wrapa li .content_text a {max-width: 125px}

.confirm_wrap {font-size: 0.9em;border: 1px solid #e2e2e2;padding: 30px 20px 30px 180px;background: url(/usr/images/sub/confirm.png) no-repeat 25px 18px}
.confirm_wrap li {text-indent: -14px;padding-left: 14px}

.situation_wrap {margin-top: 20px;border: 1px solid #dfe3e6;border-top: 2px solid #656b71}
.situation_wrap dt {text-align: center;background-color: #edf1f5;padding: 17px 0}
.situation_wrap dd strong {font-weight: 300;display: block;text-align: center;padding: 29px 0}
.situation_wrap dd strong img {width: auto;margin: 0 8px 0 23px;vertical-align: 1px}
.situation_wrap dd ul li {width: 50%;float: left;text-align: center;}
.situation_wrap dd ul li .example_inner {padding: 20px;}
.situation_wrap dd ul li .example_inner img {width:auto}
.situation_wrap dd ul li .example_inner p {margin: 10px;font-size: 0.9em}
.situation_wrap dd ul li .example_inner p span {display: block;font-weight: 600;margin-bottom: 10px;margin-top: 20px;font-size: 1.3em}

.webtong-tab {position: relative;padding: 60px 0 15px;margin-bottom: 50px;margin-top: 30px}
.webtong-tab .tab-button {position: absolute;top: 0;padding: 15px 0}
.webtong-tab.type02 .tab-button {width: 50%}
.webtong-tab.type02 .tab-wrap .tab-button.tab01 {left: 0}
.webtong-tab.type02 .tab-wrap .tab-button.tab02 {left: 50%}
.webtong-tab.type03 .tab-button {width: 33.33333%}
.webtong-tab.type03 .tab-wrap .tab-button.tab01 {left: 0}
.webtong-tab.type03 .tab-wrap .tab-button.tab02 {left: 33.33333%}
.webtong-tab.type03 .tab-wrap .tab-button.tab03 {left: 66.66666%}
.webtong-tab.type04 .tab-wrap .tab-button.tab01 {left: 0}
.webtong-tab.type04 .tab-wrap .tab-button.tab02 {left: 25%}
.webtong-tab.type04 .tab-wrap .tab-button.tab03 {left: 50%}
.webtong-tab.type04 .tab-wrap .tab-button.tab04 {left: 75%}
.webtong-tab .tab-button {width: 25%;background-color: #f5f5f5;border-top: 1px solid #d2d2d2;border-bottom: 1px solid}
.webtong-tab .tab-button:before {content: '';position: absolute;right: -1px;top: 0;width: 1px;height: 100%;background-color: #d2d2d2}
.webtong-tab .tab-button:after {content: '';position: absolute;left: -1px;top: 0;width: 1px;height: 100%;background-color: #d2d2d2}
.webtong-tab .tab-wrap {}
.webtong-tab .tab-wrap .tab-button.on,
.webtong-tab .tab-wrap .tab-button:hover,
.webtong-tab .tab-wrap .tab-button:focus {background-color: #fff;border-bottom: 0;border-top: 1px solid}
.webtong-tab .tab-wrap .tab-button.on:before, .webtong-tab .tab-wrap .tab-button:hover:before {background-color: #000; z-index: 1}
.webtong-tab .tab-wrap .tab-button.on:after, .webtong-tab .tab-wrap .tab-button:hover:after {background-color: #000;z-index: 1}
.webtong-tab .tab-wrap > div {visibility: hidden;height: 0;opacity: 0;transition: all 1s;overflow:hidden}
.webtong-tab .tab-wrap.on > div {visibility: visible;height: auto;opacity: 1}
.webtong-tab h3 {padding: 40px 0 20px}

.linkLayBox {position: relative;}
.linkLayBox a.link {cursor: help}
.linkLayer{position:absolute;bottom:25px;left:-12px;width:360px;text-align: left}
.linkLayer .cont{position:relative;padding:15px;background:#fff;border: 1px solid #cecece}
.linkLayer .cont .linkClose{position:absolute;top:15px;right:15px;}
.linkLayer .cont dt{height:30px;color:#000;font-size:14px;font-weight:bold;}
.linkLayer .cont dd,
.linkLayer .cont dd li,
.linkLayer .cont dd p{font-weight:normal;}
.linkLayer .cont dd ul li{padding-left:13px;background:none;text-indent:-13px;}
.comm_wrap {margin-top: 40px;}
.comm_wrap li {padding-left:15px;background:none;text-indent:-15px;margin-bottom: 10px}
.comm_wrap li dl {margin-left:15px;}
.titList{margin-top: 40px}
.titList li strong.tit {display:block;padding-left:13px;position:relative;margin-bottom: 8px}
.titList li strong.tit:before {content: '';position: absolute;background-color: #ff5623;width: 5px;height: 5px;left: -1px;top: 10px}
.titList li p.txt,
.titList li ul.lsn{margin-left:13px;}
.titList li table.tblCont{margin:5px 0 0 13px;}

li ul.ls li{padding-left:12px;}
li ul.lsn{} /* 1. */
li ul.lsn li{padding-left:13px;background:none;text-indent:-13px;margin-bottom: 11px}
li ul.lsc{} /* ① */
li ul.lsc li{padding-left:15px;background:none;text-indent:-15px;margin-bottom: 11px}
li ul.lse{} /* 예1) */
li ul.lse li{padding-left:25px;background:none;text-indent:-25px;margin-bottom: 11px}
li ul.lsd{} /* ● */
li ul.lsd li{padding-left:11px;text-indent:0;}

/**map**/
.map_wrap {position: relative;}
.map_wrap > h4 {color:#fff;margin-bottom: 20px}
.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}
.sns_bt {margin-left: 5px;background: url(/usr/images/common/f_sns.png) no-repeat 0 0px / 32px;display: inline-block;margin-bottom: 8px;line-height: 32px;padding-left: 41px;    margin-right: 14px}
.sns_bt.Instagram {background-position: 0 -34px;right: 79px}
.sns_bt.blog {background-position: 0 -68px;right: 43px}

/**site_map**/
.sub_site_map {border-top: 2px solid #3c3e45;}
.sub_site_map > ul {}
.sub_site_map > ul > li {display: flex;border-bottom: 1px solid #e3e3e3;}
.sub_site_map > ul > li > a {flex-basis: 220px;font-size: 22px;font-weight: 800;color: #0d894a;background: #f9f9f9;padding: 20px;flex-shrink: 0;}
.sub_site_map > ul > li > ul {display: flex;width: 100%;padding: 25px;justify-content: flex-start;flex-wrap: wrap;}
.sub_site_map > ul > li > ul > li {/* max-width: 130px; *//* width: 100%; */width: 21%;padding: 0 2%;}
.sub_site_map > ul > li > ul > li > a {display: block;font-weight: 600;padding: 0 0 10px;color: #000;}
.sub_site_map > ul > li > ul > li > a span {position:relative;padding-left: 12px;}
.sub_site_map > ul > li > ul > li > a span:before {content:'';width:4px;height:4px;background:#333;border-radius:100%;position:absolute;top: 11px;left:0;}
.sub_site_map > ul > li > ul > li ul {/* background: #f5f5f5; */display: flex;flex-direction: column;gap: 5px;padding: 0 5px 15px;}
.sub_site_map > ul > li > ul > li ul li a {display:block;font-size: 15px;color: #717171;}
.sub_site_map > ul > li:last-child > ul > li {width:auto}

/*통합검색*/
.board_search {border: 1px solid #ededed;text-align: center;margin-bottom: 20px}
.board_search fieldset {padding: 20px 0;font-size: 14px}
fieldset {border: 0;display: block}
.board_search fieldset .select_box {display: inline-block;margin: 2px 0}
.board_search fieldset label {display: inline-block;vertical-align: middle;text-align: left;position: relative;}
.board_search fieldset .select_box select {border: 1px solid #cecece;height: 32px}
.board_search fieldset label.btn_block input {padding: 6px 38px 6px 10px}
.btn_block a {position: absolute;background: url(/usr/images/common/search_btn.png) no-repeat center;display: inline-block;text-indent: -999em;top: 0;right: 0;width: 33px;    height: 32px}
.search-tab {border-bottom: solid 1px #ccc;text-align: center;display:table;width:100%;margin-bottom: 50px}
.search-tab.bbs {margin-bottom: 30px}
.search-tab > a {display: table-cell;color: #666;width: 150px;margin-bottom: -2px;padding-bottom: 14px;border-bottom: solid 3px transparent}
.search-tab > a.on {color: #3b5998;font-weight: 500;position: relative}
.search-tab > a.on:after {content: '';position: absolute;width: 100%;height: 2px;background-color: #386ad4;bottom: -4px;left: 0}
.color_red {color: #FF4500}
.search_title {display: block;background-color: #f6f6f6;padding: 7px 0;font-size: 1.1em;font-weight: 400;text-align: center;border-top: 1px solid #e2e2e2}
.board-list > li {border-bottom: solid 1px #dedede;padding: 20px 0;position: relative}
.board-list > li:nth-child(1) {border-top: solid 2px #656d78}
.board-list > li article {padding: 0 300px 0 35px;position: relative}
.board-list > li article.all {padding: 0;position: relative}
.board-list > li article h4 {margin-bottom: 0;font-size: 1em;padding: 0}
.board-list > li article h4 span {display: block;margin: 8px 0 0 0;line-height: 1.8;position: relative;font-weight: 200;font-size: 0.9em;padding-left: 16px}
.board-list > li article h4 span.iconnone {padding-left: 0}
.board-list > li article h4 span.iconnone:before {background: none}
.board-list > li article h4 img {width:auto;vertical-align: 0px}
.board-list li .btn-status {position: absolute;right: 20px;top: 50%;margin-top: -15px}
.btn-status {display: inline-block;min-width: 120px;padding: 0 11px;text-align: center;line-height: 30px;box-sizing: border-box;background: #fff;color: #7b8070;border: solid 1px #7b8070}
.btn-status.end {background: #008040;color: #fff;border-color: #008040}
.board-list li span.no {float: left;color: #767676;font-size: 0.857em;line-height: 1.2em}
.board-wrap .total {line-height: 1em;text-align: right;margin-bottom: 9px}
.board-wrap h4 {font-size: 1.1em;}
.board-view {border-top:solid 2px #656d78;border-bottom:solid 2px #656d78;}
.board-view.reply {border:0;background:#fafafa;border-bottom:solid 1px #ccc;}
.board-view .board-date {padding:20px 0 0 20px;}
.board-view h4 {padding:0 0 18px 20px;margin:0;border-bottom:solid 1px #ccc;line-height:1.3em;}
.board-view .file-attach {padding-left:20px;border-bottom:solid 1px #ccc;}
.board-view .board-contents {padding:30px 20px 50px 20px;}
.board-view .board-contents .board-photo {margin-bottom:30px;}
.board-view .board-contents h5.fPointC {color:#5b6840 !important;}
.board-view .title-header {border-bottom:solid 1px #ccc;text-align:center;font-size:1.1em;line-height:40px;color:#111;display:block;background:#f1f1f1;}

.btn-basic {display: inline-block;min-width: 130px;padding: 0 20px;text-align: center;line-height: 40px;box-sizing: border-box;background: #3b5998;color: #fff;border: solid 1px #3b5998;font-weight: 400;font-size: 1em;vertical-align: middle}
.ar {text-align: right !important;}
.board-search-box {padding:30px;text-align:center;width:75%;margin:30px auto 0 auto;}
.board-search-box .select-box {display: inline-block;position: relative;padding: 0}
.board-search-box .select-box label {position: absolute;left: -9999em}
.border-box {border: solid 1px #dbdbdb}
.btn-search {display: inline-block;border: 0;color: #fff;height: 33px;line-height: 33px;padding: 0 16px 0 40px;position: relative;background: url(/usr/images/common/ico_search.png) 17px center no-repeat #3b5998}

.board-search-box input[type="text"] {width:auto}
.location {overflow: hidden}
.location > li {float: left;position: relative;padding-right: 21px;font-weight: 400;font-size: 15px;color: #767676;line-height: 1.3}
.location > li:after {content: '';position: absolute;width: 5px;height: 9px;top: 4px;right: 7px;background: url(/usr/images/common/location.gif) no-repeat 0 0}
.location > li:last-child:after {content: none}
.btm_more {display: block;text-align: center;border: 1px solid #575757;padding: 8px 0;font-weight: 600;background-color: #575757;color: #fff}
.btm_more span {position: relative;padding-left: 28px;font-size: 16px;font-weight: 300}
.btm_more span:before {background: url(/usr/images/common/more_.png) no-repeat 0 0;content: "";height: 20px;left: 0px;position: absolute;top: 2px;width: 20px}
.textview table.line {border: 1px solid #b3b3b3}
.textview table.line td {padding: 10px;border: 1px solid #b3b3b3}
.webtong_map {position: relative;border: 1px solid #e2e2e2;margin-top: 30px;}
.webtong_map .map_wrap {display: inline-block;border-right: 1px solid;width: 50%;text-align: center;background-color: #495264;    padding: 40px 10px}
.webtong_map img {width: 310px;height: 441px}
.center_wrap {display: none;position: absolute;top: 0;width: 50%;right: 0;padding: 40px}
.center_wrap ul {}
.center_wrap ul li {float: left;width: 25%}
.center_wrap ul li a {border: 1px solid #e6e6e6;text-align: center;margin-right: -1px;margin-bottom: -1px;padding: 11px 5px;font-size: 0.9em;display: block}
.center_wrap ul li a:hover {background-color: #ffb725;}
.center_wrap > h4 {margin-bottom: 20px;text-align: center}
.center_wrap.open {display: block}
.col_02_wrap {display: table;width: 100%;text-align: center}
.col_02_wrap li {display: inline-block;width: 50%;border: 1px solid #dedede;padding: 0 10px 50px 10px;margin-right: -1px;margin-top: 30px}
.col_02_wrap li img {width:auto}
.col_02_wrap li h4 {}

.webtong_gallery03 {border-top: 1px solid #d0d0d0;padding-top: 30px;border-bottom: 1px solid #d0d0d0}
.webtong_gallery03:after {content: "";display: block;clear: both}
.webtong_gallery03 .card_wrap {width: 25%;float: left;padding: 0 10px;margin-bottom: 30px}
.webtong_gallery03 .card_wrap .thumbnail {position:relative;display: block}
.webtong_gallery03 .card_wrap .thumbnail .time {position: absolute;bottom: 10px;right: 8px;border: 1px solid rgba(0,0,0,0.6);color: #fff;font-size: 12px;line-height: 22px;padding: 0 7px;background-color: rgba(0,0,0,0.6);z-index: 1}
.webtong_gallery03 .card_wrap .thumbnail span {display: block;position:relative;padding-top:74.1%;overflow: hidden}
.webtong_gallery03 .card_wrap .thumbnail span:before {content: '';position: absolute;background-color: rgba(255, 97, 76, 0.5);width: 100%;left: 0;height: 100%;top: 0;z-index: 1;visibility: hidden;opacity:0}
.webtong_gallery03 .card_wrap .thumbnail:focus span:before,
.webtong_gallery03 .card_wrap .thumbnail:hover span:before {visibility: visible;opacity:1}
.webtong_gallery03 .card_wrap .thumbnail span:after {content: '';background: url(/usr/images/common/play.png) no-repeat 0 0;z-index: 1;top: 50%;left: 50%;position: absolute;width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;visibility: hidden;opacity:0}
.webtong_gallery03 .card_wrap .thumbnail:focus span:after,
.webtong_gallery03 .card_wrap .thumbnail:hover span:after {visibility: visible;opacity:1}
.webtong_gallery03 .card_wrap .thumbnail span img {width: 100%;position: absolute;top: 0;transition: all 0.5s}
.webtong_gallery03 .card_wrap .thumbnail:hover span img, .webtong_gallery03 .card_wrap a:focus span img {transform: scale(1.2)}
.webtong_gallery03 .card_wrap .title {display: block;padding: 20px 0 10px;font-weight: 600;white-space: nowrap}
.webtong_gallery03 .card_wrap .title.center {display: block;padding: 20px 0 10px;font-weight: 600;white-space: nowrap;text-align:center}
.webtong_gallery03 .card_wrap em {font-size: 13px;color: #767676;background: url(./images/lookup.png) no-repeat 0 2px;padding-left: 17px;line-height: 20px;display: inline-block;margin-bottom: 15px}
.webtong_gallery03 .card_wrap dl {font-size: 13px;display: table;background-color: #f0f0f0;width: 100%}
.webtong_gallery03 .card_wrap dt {display: table-cell;width: 90px;background-color: #ff614c;color: #fff;text-align: center;padding: 13px 0}
.webtong_gallery03 .card_wrap dt a {color:#fff}
.webtong_gallery03 .card_wrap dd {padding-left: 13px;vertical-align: middle;display: table-cell}
.webtong_gallery03.w04 .card_wrap {width: 25%;float: left;padding: 0 15px;margin-bottom: 50px}
.webtong_gallery03.w04 .card_wrap em {font-size: 13px;color: #767676;background:none;padding-left: 0;line-height: 20px;display: inline-block;margin-bottom: 15px}
.webtong_gallery03.w04.big .card_wrap .thumbnail span {display: block;position:relative;padding-top:136%;overflow: hidden}
.webtong_gallery03 .card_wrap .map {display: table;background-color: #ff614c;color: #fff;text-align: center;padding: 0 29px;font-size: 13px;margin: 0 auto;line-height: 40px;margin-top: 5px}

.webtong_gallery03.webzine .card_wrap {padding: 0 20px}
.webtong_gallery03.webzine .card_wrap .thumbnail span {padding-top: 140%}
.webtong_gallery03 .card_wrap .thumbnail span:after {content: none;}
.webtong_gallery03.webzine .card_wrap .thumbnail:hover span img, .webtong_gallery03.webzine .card_wrap a:focus span img {transform: scale(1.1)}
.webtong_gallery03.webzine .card_wrap .thumbnail {border: 1px solid #dadada}

/*비디오자막*/
.scrollbar_wrap {margin: 0 auto 50px;max-width: 1152px;border: 1px solid #d0d0d0;padding: 3%;background-color: #f7f7f7}
.scrollbar_wrap .inner {float: right;width: 49%;padding-left: 4%}
.scrollbar_wrap .video_wrap {width: 51%;display: inline-block}
.scrollbar_wrap .video_wrap .video-data {position: relative;overflow: hidden;padding-top: 75%}
.scrollbar_wrap .video_wrap .video-data video {width: 100%;position: absolute;top: 0;left: 0}
.scrollbar_wrap > p {margin-top: 26px;line-height: 24px}
.scroll-wrapper {overflow: hidden !important}
.scroll-wrapper > .scroll-content {border: none;box-sizing: content-box;height: auto;left: 0;margin: 0;max-height: none;max-width: none;overflow: scroll;position: relative;top: 0;width: auto;padding: 5px}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0}
.scroll-element {display: none}
.scroll-element, .scroll-element div {box-sizing: content-box}
.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}
.scroll-textarea {border: 1px solid #cccccc;border-top-color: #999999}
.scroll-textarea > .scroll-content {overflow: hidden}
.scroll-textarea > .scroll-content > textarea {border: none;box-sizing: border-box;height: 100%;margin: 0;max-height: none;max-width: none;overflow: scroll;outline: none;padding: 2px;position: relative;top: 0;width: 100%}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0;width: 0}
.scrollbar-macosx {max-height: 413px;overflow: auto;display:block;background-color: #343d52;color: #fff}
.scrollbar-macosx p {padding:20px}
.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: #fff;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: -13px;min-height: 10px;width: 6px}
.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; }
.map_btn {border: 1px solid #245094;border-radius: 15px;display: inline-block;vertical-align: middle;padding: 4px}
.map_btn span {color: #245094;font-size: 13px;padding: 7px 37px 6px 10px;text-align: center;letter-spacing: -0.05em;background: url(/usr/images/common/map_btn.png) no-repeat 100% 50%;}
.table_list li strong {display: inline-block;width: 63px}
.memo {padding: 7px 12px}
.memo li {position: relative;padding-left: 7px}
.memo li:before {content: '';position: absolute;background-color: #ff4d00;display: inline-block;width: 3px;height: 3px;top: 7px;left: 0}
.list_basic {}
.list_basic li {text-indent: -13px;padding-left: 13px;margin-bottom: 5px}
.text_box06 .list_basic li {text-indent: -40px;padding-left: 40px;margin-bottom: 5px}
.list_basic.accent > li {color: #000;font-weight: 600;}
.list_basic li p {text-indent: -18px;padding-left: 17px;font-size: 0.9em;color: #333;font-weight: 300}
.list_basic li p:last-of-type {margin-bottom: 17px}
.list_basic li em {color: #b30202}
.text_accent {margin-bottom: 5px;display: block;font-size: 1.1em}
.recruitment_process {text-align: center;padding: 28px 0}
.recruitment_process > li {margin-bottom: 15px;float: left;width: 12.5%;position: relative}
.recruitment_process li h3 {background-color: #f3f3f3;padding: 10px 0;font-size: 1.3em}
.recruitment_process li img {width: 74%;border: 1px solid #e4e4e4;border-radius: 100px;margin: 7px 0}
.recruitment_process li ul {margin-bottom: 30px;}
.recruitment_process > li > em {width: 27px;height: 23px;position: absolute;right: -16px;display: inline-block;background: url(/usr/images/sub/box_next.png) no-repeat;text-indent: -999em;top: 33%;}
.sub_visual {background: url(/usr/images/sub/sub_visual01_.png) no-repeat center top;position: relative;padding: 70px 0 94px;}
.sub_visual.visual03 {background: url(/usr/images/sub/sub_visual03_.png) no-repeat center top;position: relative;padding: 70px 0 94px;}
.sub_visual.visual02 {background: url(/usr/images/sub/sub_visual02_.png) no-repeat center top;padding: 146px 0 206px}
.sub_visual.visual04 {background: url(/usr/images/sub/sub_visual04_.png) no-repeat center top;padding: 146px 0 206px}
.sub_visual.visual04 .visual_text {padding-left: 0}
.sub_visual.visual04 ul {padding-left: 20px}
.sub_visual.visual04 ul li {width: 25%;}
.sub_visual.visual05 {background: url(/usr/images/sub/sub_visual05.png) no-repeat center top;position: relative;padding: 70px 0 94px;}
.sub_visual .visual_text {padding-left: 350px;max-width: 1200px;text-align: right;color: #fff;font-size: 39px;margin: 0 auto 50px}
.sub_visual .visual_text em {font-weight: 800}
.sub_visual .visual_text p {font-size: 0.5em;}
.sub_visual ul {margin: 0 auto;padding-left: 428px;max-width: 1200px}
.sub_visual ul li {float: left;width: 33.33333%;}
.sub_visual ul li div {position: relative;padding: 7px}
.sub_visual ul li div a {display: block;position: relative}
.sub_visual ul li div a h2 {position: absolute;color: #fff;z-index: 1;top: 40%;left: 22px;font-weight: 200}
.sub_visual ul li div a h2 p {font-size: 0.7em}
.sub_visual ul li div a:hover h2 {text-shadow: 0 0 3px rgba(0, 0, 0, 0.92);font-weight: 400}
.sub_visual ul li div a em {position: absolute;z-index: 1;background: url(/usr/images/sub/sub_visual_link.png) no-repeat;width: 43px;height: 43px;text-indent: -999em;right: 10px;top: 10px;}
.sub_visual ul li div a:before {content: '';position: absolute;border: 1px solid transparent;display: block;top: 0;left: 0;width: 100%;height: 100%;z-index: 1}
.sub_visual ul li div a:hover:before, .sub_visual ul li div a:focus:before {border: 2px solid #ff5900}
.sub_visual ul li div a:after {content: '';position: absolute;background-color: rgba(0, 0, 0, 0.7);width: 100%;height: 100%;top: 0;left: 0;}
.sub_visual ul li div a:hover:after, .sub_visual ul li div a:focus:after {background-color: rgba(0, 0, 0, 0.2)}

.login_wrap {max-width: 340px;margin: 0 auto;border: 1px solid #efefef}
.login_wrap h3 {padding: 10px;font-size: 1.2em;text-align: center;background-color: #3b5998;color: #fff}
.login_wrap .login_inner {text-align: center;padding: 18px}
.login_wrap .login_inner p {margin-bottom: 22px}
.login_wrap .login_inner span {display: inline-block}
.img_box_ci {border: 1px solid #dedede;display: inline-block;padding: 3% 6%;width: 100%;}
.img_box_ci.center {width: 100%;text-align: center;padding: 4%}
.img_box_ci img {width:auto}

.img_wrap {margin-bottom: 50px;border: 1px solid #ececec}
.img_wrap.border_none {border: 0}
.img_wrap > p {display: table-cell;width: 341px}
.img_wrap > div {padding-left: 41px;display: table-cell;vertical-align: top}
.img_wrap > div .tit {font-size: 20px;color: #333;font-weight: 800;line-height: 30px;margin-bottom: 20px;letter-spacing: -0.7px}
.img_wrap > div p {margin-bottom: 23px;}

.img_box_wrap {}
.img_box_wrap li {float: left;width: 25%;text-align: center;padding: 26px;position: relative}
.img_box_wrap li div {border: 1px solid #e4d9d3;padding-top: 20px;box-shadow: 0px 5px 0 0 rgba(0, 0, 0, 0.08)}
.img_box_wrap li div p {display: inline-block;border-bottom: 2px solid #ff600c;padding-bottom: 4px;margin-bottom: 11px}
.img_box_wrap li div img {width: auto;display: table;margin: 0 auto}
.img_box_wrap li div span {display: block;background-color: #ff600c;color: #fff;padding: 16px 0;margin-top: 15px}
.img_box_wrap li em {width: 27px;height: 23px;position: absolute;right: -16px;top: 44%;display: inline-block;background: url(/usr/images/sub/box_next.png) no-repeat;text-indent: -999em}
.tbl-type01 th {text-align:left;padding:14px 0 14px 20px;background:#f1f1f1;font-weight:400;border-bottom:solid 1px #ccc;width:180px;}
.tbl-type01 td {padding:10px 20px;border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;}
.tbl-type01 td.comment {border-left:0;padding:20px 0;}
.tbl-box {border-top: solid 2px #999}
.btns-box {margin-top: 20px}

/** 2021-05-17 **/
.img_box_wrap.wdtype li {width:33.3%}
.matters-box {margin-top:20px;border: 1px solid #d3d3d3;overflow-x: hidden;overflow-y: auto;padding: 15px;height: 200px}
.matters-box p {margin-top:15px}
.matters-box ul li {margin-top:10px}
.matters-box ul li ul li {margin-top:0}

.ico.secret {background-position: left top}
.board-list > li article h4 span.ico {display: inline-block;width: 16px;height: 16px;background: url(/usr/images/common/icons.png);overflow: hidden;text-indent: -999em;vertical-align: -1px}
.filebox {display:inline-block; margin-right: 10px;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.filebox label { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2}
.filebox .upload-name { display: inline-block; padding: .5em .75em; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; -webkit-appearance: 
none;-moz-appearance: none; appearance: none;width:150px }
.text_color {color: #009012}
.Wdate {font-size: 14px;font-weight: 600;color: #333}
.company_new_wrap {}
.company_new_wrap dl {display: table;width: 100%;border-bottom: 1px solid #eaeaea;padding: 50px 0}
.company_new_wrap dl dt {display: table-cell;width: 172px;font-size: 28px;font-weight: 800;color: #1a1a1a;line-height: 40px;vertical-align: top}
.company_new_wrap dl dd {display: table-cell}
.company_new_wrap dl.last {border-bottom:0}

.p_title {font-size: 34px;font-weight: 800;color: #1a1a1a;line-height: 44px;text-align: center;margin-bottom: 24px}
.p_text {text-align: center;}
.sub_layer01 {display: flex;justify-content: center;margin: 50px auto;text-align: center}
.sub_layer01 li {padding: 18px}
.sub_layer01 li img {width:auto}
.sub_layer01 li h3 {margin: 25px 0}
.sub_layer01 li p {font-size: 15px;line-height: 25px;font-weight: 400}
.sub_bgimg {background: url(/usr/images/sub/V5557_bg_02.png) no-repeat center;color: #fff;text-align: center;padding: 90px 0;border-radius: 0 0 10px 10px;overflow: hidden}
.sub_bgimg h3 {margin-bottom: 29px;}
.sub_bgimg p {}
.ol_wrap {border: 1px solid #e4e4e4;padding: 27px;margin: 10px 0 40px}
.ol_wrap > li {border-bottom: 1px solid #efefef;padding: 25px 0;font-weight: 300;text-indent: -15px;padding-left: 15px}
.ol_wrap > li:first-child {padding-top:0 !important;}
.ol_wrap > li:last-child {border-bottom:0;padding-bottom:0}
.ol_wrap > li > ul {margin-top: 10px}
.ol_wrap > li > ul > li {padding-left: 20px;text-indent: -20px}

.board_table {border-top: 2px solid;margin-top: 10px}
.board_table table {table-layout: fixed}
.board_table table th {border: 1px solid #e4e4e4;padding: 8px 5px;background-color: #f9f9f9}
.board_table table td {border: 1px solid #e4e4e4;padding: 8px 5px;letter-spacing: 0}
.board_table table td.pad_left {padding-left: 20px}
.board_table table .tr_bold td {font-weight: 700;}

/* 인재상 */
.process_wrap {border: 1px solid #d3d3d3;border-radius: 15px;padding: 5%;text-align: center;}
.process_wrap > strong {display: inline-block;background: #157941;color: #fff;font-size: 20px;border-radius: 50px;padding: 10px 50px;}
.process_wrap > strong.img_logo {background-color: #FFF;border: 1px solid #d3d3d3;padding: 15px 107px;}
.process_wrap .process_inner {position:relative;padding: 64px 40px 0px;max-width: 1020px;margin: 0 auto;}
.process_wrap .process_inner:before {content:'';width:100%;height:79px;background: url(/usr/images/sub/bg_process.png) no-repeat center 0 / 100%;position:absolute;top: 3px;left:0;}
.process_wrap .process_inner > ul {display: flex;justify-content: space-between;/* max-width: 940px; *//* margin: 0 auto; */gap: 30px;}
.process_wrap .process_inner > ul > li {flex: 1 1 25%;display: flex;flex-direction: column}
.process_wrap .process_inner > ul > li strong {display: block;background: #e0effd;border: 1px solid #6fb1f5;color: #1973bf;padding: 10px;border-radius: 50px;}
.process_wrap .process_inner > ul > li:nth-child(2) strong {background: #e3f4e9;border: 1px solid #5cc88b;color: #157941;}
.process_wrap .process_inner > ul > li:last-child strong {background: #f9ebe8;border: 1px solid #f7977d;color: #ca4c07;}
.process_wrap .process_inner > ul > li .process_text_wrap {border: 1px solid #c2c4c6;border-radius: 15px;padding: 9% 10px;margin-top: 20px;flex-grow: 1}
.process_wrap .process_inner > ul > li .process_text_wrap p+p {margin-top:5px}
.graph_wrap {border: 1px solid #d3d3d3;border-radius: 15px;display: flex;padding: 3% 5%;align-items: center;gap: 100px;margin-top: 50px;}
.graph_wrap strong {font-size:30px;font-weight:800;display:block;margin-bottom:30px;}
.graph_wrap .graph_img {flex-shrink: 0;}
.graph_wrap .graph_img p {text-align: center;margin-top: 10px;font-weight:800}

/* 인사제도 */
.organizational_wrap {display: flex;align-items: center;border: 1px solid #d3d3d3;border-radius: 150px;border-style: dashed;margin-top: 20px;/* padding-bottom: 40px; */padding: 3% 4%;gap: 120px;}
.organizational_wrap strong {background: #157941;color: #fff;font-size: 18px;text-align: center;border-radius: 100%;width: 120px;height: 120px;flex-shrink: 0;display: flex;justify-content: center;align-items: center;}
.organizational_wrap strong em {font-size: 14px;font-weight: 100;display: block;}
.organizational_wrap .organizational_inner {position:relative;display: flex;align-items: center;gap: 20px;}
.organizational_wrap .organizational_inner:before {content:'';width:50px;height:15px;background:url(/usr/images/sub/bl_organizational.png) no-repeat right 0;position:absolute;top: 50%;left: -93px;margin-top: -8px;}
.organizational_wrap ul {display: flex;justify-content: flex-start;}
.organizational_wrap ul li {display: flex;justify-content: center;align-items: center;font-size: 17px;font-weight: 600;position:relative;width: 120px;height: 120px;margin-left: -15px;}
.organizational_wrap ul li:before {content:'';width:120px;height:120px;background: #979797;border-radius: 100%;position:absolute;top:0;left:0;opacity: .1;}
.organizational_wrap ul li span {z-index:1}

/* 복리후생 */
.welfare_list_wrap {}
.welfare_list_wrap > li {display: flex;align-items: center;border-bottom:1px solid #dadada;width: 100%;gap: 50px;padding:40px 0}
.welfare_list_wrap > li strong {font-size: 28px;width: 18%;font-weight: 800;line-height: 34px;flex-shrink: 0;}
.welfare_list_wrap > li ol {width: 82%;}
.welfare_list_wrap > li ol li {line-height: 31px;}
.welfare_list_wrap > li ol li em {font-family: 'Montserrat';margin-right: 15px;}

/* 부가서비스 */
.add_service_wrap h3 {padding-left:0;}
.add_service_wrap h3:before {content:none}

/* 상담센터둘러보기 */
.center_photo_list {}
.center_photo_list ul {display: flex;flex-wrap: wrap;margin: -15px;}
.center_photo_list ul li {width:50%;padding: 15px;}
.center_photo_list ul li img {max-width:none;width:100%;}

/* 복리후생 */
.welfare_wrap {}
.welfare_wrap > ul {display: flex;gap: 10px;justify-content: space-between;flex-wrap: wrap;}
.welfare_wrap > ul > li {flex: 1 1 40%;display: flex;border: 1px solid #dddddd;padding: 40px;gap: 30px;}
.welfare_wrap ul li .icon {background: #f8f8f8;border-radius: 100%;width: 120px;height: 120px;display: flex;justify-content: center;align-items: center;flex-shrink: 0;}
.welfare_wrap ul li .text_wrap {}
.welfare_wrap ul li .text_wrap strong {font-size: 20px;font-weight: 800;display: block;margin-bottom: 10px;}


/*리스트 메뉴*/
.list_menu {margin-bottom:20px;border: 1px solid #c2c4c6;display: flex;flex-wrap: wrap;}
.list_menu li {width:25%;height:79px;border-left: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
.list_menu li a {display: block;width:100%;height:100%;line-height:75px;color: #535353;text-align:center;}
.list_menu li a:hover {background-color:#e3f4e9;border: 1px solid #157941}

.m_view {display: none}

/* flex_wrap */
.flex_col {display:flex;align-items: center;gap: 40px;}

@media screen and (max-width: 1530px) {
	nav > ul > li > a {padding: 28px;}
}
@media screen and (max-width: 1400px) {
	.header_wrap .navi {padding-left: 15px;}
	.header_wrap > .navi > h1 > a {width: 190px;height: 31px;}
	nav > ul > li > a {padding:20px;font-size: 18px;}
	.page_view ul li span {display:none}
}
@media screen and (max-width: 1280px) {
	.footer_wrap {padding: 50px 10px;}
}
@media screen and (max-width: 1200px) {
	.header_wrap {background-color: #fff;}
	.header_wrap > .navi {padding:0 15px;height: 50px;}
	.header_wrap > .navi > .m_menu {position: absolute;right: 0;top: 0;z-index: 4;color: #fff;display: block;background:#1f9e49 url(/usr/images/common/ico_sitemap.png) no-repeat center;text-indent: -999em;width: 50px;height: 50px}
	.header_wrap > .navi > .top_right .site_map {display:none}
	.header_wrap > .navi > h1 {}
	.header_wrap > .navi > h1 > a {width: 150px;height: 25px;background: url('/usr/images/common/logo.png') no-repeat 0 0 / 100%;margin:0}
	.header_wrap > .navi > .m_menu.off {position: absolute;right: 0;top: 0;z-index: 4;color: #fff;display: block;background:#1f9e49 url(/usr/images/common/close.png) no-repeat center;text-indent: -999em;width: 50px;height: 50px}
	.header_wrap nav {display:none;background-color: #2b9759;margin-left: 0;position: absolute;width: 100%;top: 50px;left:0;height: calc(100vh - 50px);}
	nav > ul {}
	nav > ul > li > a.new:after  {left: 110px}
	nav > ul {display:block}
	nav > ul > li {float:none;width:100%}
	nav > ul > .slider {display:none}
	nav > ul > li > a {line-height: 40px;display:block;padding-left: 28px;text-align:left;color: #fff}
	nav > ul > li > a:hover {color:#19ffd5}
	nav > ul > li.active > a {background-color: #3483b9}
	nav > ul > li.depth_add > a {display:block;border-bottom: 1px solid rgba(255, 255, 255, 0.1);background: url('/usr/images/common/up_down.png') no-repeat right 13px;font-weight: 300;font-size: 14px}
	nav > ul > li.depth_add.active > a {background-color: #146536;background-position: right -23px;color: #ffbd56;}
	nav.menu-fixed > ul > li > ul {top:0}
	nav.menu-fixed > ul > li > a {line-height: 22px}
	nav > ul > li > ul {position:relative;border:0;padding:0;top: 0px}
	nav > ul > li:last-child > ul {position:relative;top:0;border:0}
	nav > ul > li > ul > li > a {padding-left: 26px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);text-align: left;color: #bbf1d2;background: #247f4a;}
	nav > ul > li > ul > li a:hover {color: #ffffff;}
	nav > ul > li > ul > li > ul > li > a {padding: 9px 0 9px 55px;text-align: left}
	nav > ul > li > ul > li.depth_add > a {display: block;background: url('/usr/images/common/up_down.png') no-repeat right 13px}
	nav > ul > li > ul > li.depth_add.active > a {background-color: #3483b9;background-position: right -23px}
	nav > ul > li > ul > li > ul {display:block}
	nav > ul > li > a {height:auto;padding:10px;line-height: 22px}
	nav > ul > li > a.menu01.on,
	nav > ul > li > a.menu02.on,
	nav > ul > li > a.menu03.on,
	nav > ul > li > a.menu04.on,
	nav > ul > li > a.menu05.on,
	nav > ul > li > a.menu06.on{color: #fff}
	nav > ul > li > a.new:after {left:68px;top:10px}
	nav.search-tab {display:table;position: relative;background: none;top: auto}
	nav.menu-fixed {top: 68px;background-color: #093654}
	.header_wrap > .navi > .top_right .promy {padding: 15px;font-size: 14px;position: absolute;top: 0;right: 50px;}
	.header_wrap > .navi > .top_right .promy span {padding-right:0;}
	.header_wrap > .navi > .top_right .promy span:after {content:none}
	.sub_bg {height: 150px;}
	.sub_bg h2 {font-size:25px;}
}
@media screen and (max-width: 1152px) {
	.organization_in {position: absolute;left:335px;display: table;background-color: #fff;border: 1px solid #9e9e9e;padding: 10px 35px;text-align: center;box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.11);display:none}
	.organization_in.open {display:block}
	.organization_in.location01 {top: 507px;left: 335px}
	.organization_in.location02 {top: 546px;left: 335px}
	.organization_in.location03 {top: 628px;left: 335px}
	.organization_in.location04 {top: 667px;left: 335px}
	.organization_in.location05 {top: 750px;left: 335px}
	.organization_in.location06 {top: 770px;left: 335px}
	.organization_in.location07 {top: 858px;left: 335px}
	.organization_in.location08 {top: 917px;left: 335px}
	.organization_in.location09 {top: 1037px;left: 335px}
	.organization_in.location10 {top: 1116px;left: 335px}
	.organization_in.location11 {top: 1179px;left: 335px}
	.organization_in.location12 {top: 1249px;left: 335px}
	.organization_in.location13 {top: 1320px;left: 335px}
	.v_pc01 {display:none}
	.v_mobile01 {display:block}
	.pop_wrap {display: none}
	.contents {padding:0 1.5%}
	.text_box02 p {top: 123px}
	.more_wrap {padding: 0 1.5%}
	
	.tab_content {height:auto}
	.tab_wrap01 .about_img {max-width: 367px}
	
	.brnone {display:none}
	.visual {margin-top: 51px}
	.sub_nav ul li a {font-size: 13px}
	.visual img.pc {display:none}
	.visual img.mobile {display:block}
	.main_visual {margin-top: 101px}
	.hotel_wrap .hotel_img_wrap .hotel_img .img_box img {max-width:100%}
	.search_wrap {z-index: 4;top: 26px}
	.contents_inner {padding:0 2.5% 60px}
	#seoul-common-gnb {position: fixed;top: 0;width: 100%;z-index: 4}


}
@media screen and (max-width: 1024px) {
	.text_box02 img {float: none;width: 100%}
	.text_box02 p {font-size: 15px;margin: 0 auto;top: -36px;position: relative;width: 90%}
	.text_box01 {font-size: 15px}
	
	.text01 {font-size: 18px}
	.tab_wrap01 .text_about_asean {font-size: 25px;padding: 20px}
	.tab_wrap01 .about_img {max-width: 50%;position: inherit;margin: 27px auto 10px;display: table}
	.about_asean_content > h3 > a {font-size: 14px}
	.d_day {font-size: 30px}
	.tab_wrap02 ul li {width:100%}
	.g_box_in .text strong, .tab_wrap02 ul li .box_01 strong {font-size: 16px;}
	.tab_wrap02 ul li .box_01 p span {font-size: 14px}
	.h2_title01 {font-size: 26px;padding: 40px 0 23px}
	.table_type02.scroll {overflow-x: auto;padding-bottom: 7px}
	.table_type02.scroll .scroll_img {display:block}
	
	.contents, .contents_wrap {margin-right:0; font-size: 15px}
	.quick_menu {position: relative;border:0}
	.quick_menu .quick_menu_wrap h4 {display: none}
	.quick_menu .quick_menu_wrap ul {border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;border-right: 1px solid #dedede}
	.quick_menu .quick_menu_wrap ul li {float: left;width: 33.333333%;background-color: #fff}
	.quick_menu .quick_menu_wrap ul li a {border-left: 1px solid #dedede;margin-left: -1px}
	#contents {min-height:auto}
	
	.sub_visual .visual_text {font-size: 30px;
    text-align: center;
    padding: 0 2%;}
	.sub_visual ul, .sub_visual.visual02 ul, .sub_visual.visual03 ul, .sub_visual.visual04 ul {font-size: 0.8em;padding: 0 1.5%}
	.greetings_wrap > .greetings_text {width: 550px;height: 280px;font-size: 20px;}
	.greetings_wrap > .greetings_text span {padding: 30px 0;}
	.greetings_wrap > .greetings_text span strong {font-size: 25px;}
	.greetings_wrap > .greetings_text span:before {width: 29px;height: 20px;background-size:100%}
	.greetings_wrap > .greetings_text span:after {width: 29px;height: 20px;background-size:100%}
}

@media screen and (max-width: 980px) {
	.footer_inner {gap: 20px;flex-direction: column;}
	.step_wrap ul {flex-wrap: wrap;}
	.step_wrap ul li {flex: 1 1 25%;}
	.step_wrap ul li:nth-child(3):after {content:none}
	.step_wrap ul li strong .brnone {display:none}
}
@media screen and (max-width: 900px) {
	.webtong_Photo_layout li .thumbnail {position: relative;}
	.webtong_Photo_layout li .thumbnail a {width: 100%;height: auto;margin: 0 auto;display: table}
	.webtong_Photo_layout li .thumbnail a img {max-height: 100%;max-width: 100%}
	.webtong_Photo_layout li .text {padding: 10px 0 0 0;}
	.webtong_Photo_layout li > a {position: relative;top: auto;margin-top: 20px;width: 100%;text-align: center}
	.webtong_Photo_layout li .thumbnail span img {max-width: 100%;max-height: 100%}
	.webtong_Photo_layout li .thumbnail span {display: table;margin: 0 auto}
	.webtong_Photo_layout02 li h3 {font-size: 1.4em}
	.webtong_Photo_layout02.float-left li, .webtong_Photo_layout02.float-right li {float: none;width:100%;padding: 0}
	.webtong_Photo_layout02.float-right li {text-align: left}
	.example_wrap {margin:0}
	.example_wrap > li {width:50%}
	.example_wrap > li:nth-child(3), .example_wrap > li:nth-child(4) {height: 589px}
	.top10_wrapa {margin:0}
	.top10_wrapa li {width:100%;float: none}
	.br_none {display:none}
	.img_wrap > div .tit, .text_box08 p.title {font-size: 19px;line-height: 26px}
	.recruitment_process > li {width: 25%}
	.img_box_wrap li {width: 50%}
	.webtong_Photo_layout03 li {padding: 25px;}
	.webtong_Photo_layout03 li .thumbnail {position: relative}
	.webtong_Photo_layout03 li .thumbnail span {background:none;display: block}
	.webtong_Photo_layout03 li .text {padding: 46px 0 0 0}
	.webtong_Photo_layout.icon li .text {padding:0}
	.webtong_Photo_layout.icon li {padding: 30px}
	.webtong_Photo_layout03 li .text strong {font-size: 24px;}
	.webtong_Photo_layout03 li .text p {font-size: 17px}
	.text_box06 {background: none;padding: 26px;border-radius: 10px;font-size:16px}
	.company_new_wrap dl dt {display: block;width: 100%;margin-bottom: 14px}
	.company_new_wrap dl dd {display: block}
	.sub_layer01 li {display: block;width: 100%}
	.p_title {font-size: 20px}
	.webtong_Photo_layout li .text strong {font-size: 20px}
	
	.text_box05 {padding-right:0}
	.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 {padding-left: 75px;}
	.webtong_history .Year_wrap.left ul li span {left: 0;right:auto}
	
	/* 비전 */
	.vision_wrap .vision {border-radius: 15px;}
	.vision_wrap .vision strong {font-size: 20px;margin-bottom: 30px;}
	.vision_wrap .vision p {font-size: 30px;max-width: 433px;}
	
	/* 핵심가치 */
	.core_values_wrap > ul li .values_text strong {font-size:24px}
	
	/* 인사제도 */
	.organizational_wrap {gap: 80px;}
	.organizational_wrap strong {width:90px;height:90px;font-size: 16px;}
	.organizational_wrap .organizational_inner:before {width: 30px;left: -63px;}
	.organizational_wrap ul li {width:90px;height:90px;font-size: 15px;}
	.organizational_wrap ul li:before {width:90px;height:90px;}
	
	/* 복리후생 */
	.welfare_list_wrap > li strong {font-size: 20px;}
	
	/* 부가서비스 */
	.financial_wrap {gap:50px}
	.financial_wrap li:after {right: -39px;}
	
	/* 사이트맵 */
	.sub_site_map > ul > li > ul > li {width: 33%;}
	.sub_site_map > ul > li:last-child > ul > li {width:50%}
}

@media screen and (max-width: 800px) {
	.board_list1 .event li .no {float:none;font-size: 14px}
	.board_list1 .event li .sm_img {float:none}
	.board_list1 .event li .summary {margin: 10px;}
	.board_list1 .event li .sm_img span {width: 100%;}
	.board_list1 .event li .summary .con_txt {font-size: 14px}
	.board_list1 .event li .summary .title .sbj {font-size: 15px}
	.status {margin: 25px 0;}
	.status > li {float: none; width: 100%; margin-bottom: 20px; padding: 0;}
	.status > li > div {min-height: 90px; padding: 20px; border-radius: 7px;}
	.status > li > div > p {}
	.status > li:nth-child(1) > div > p {}
	.status > li:nth-child(2) > div > p {}
	.status > li:nth-child(2) > div > p > em {}
	.status > li:nth-child(3) > div > p {}
	.status > li > strong {}
	.contents h3.tab_title {display:block}
	.contents h3.tab_title a {border: 1px solid #307b7b;display: block;padding: 13px;box-shadow: 0px 4px 0 rgba(0, 0, 0, 0.06);background: #46a2a2 url(/usr/images/common/sub_up_down.png) no-repeat right 17px;color: #fff}
	.contents h3.tab_title.on a {background-position: right -19px}
	
	.confirm_wrap {background-position: center 20px;padding: 123px 10px 10px 10px;}
	.webtong_map .map_wrap {width:100%}
	.center_wrap {position: relative;width:100%;padding: 30px 10px}
	.webtong_gallery03 .card_wrap {width: 33.33333%}
	.sub_visual.visual02 ul li {width:50%}
	.sub_visual.visual04 ul li {width:50%}
	.history_bg {padding: 7%;background-size: 101%}
	.history_bg.job {padding: 0% 39% 8% 4%;background-size: 138%}
	.list_menu li {width:33.33333%}
}
@media screen and (max-width: 780px) {
	.footer_links ul li a {padding: 12px;font-size:14px;}
	.greetings_wrap img {width:100%}
	.greetings_wrap {flex-direction: column;margin-bottom: 30px;}
	.greetings_wrap > .greetings_text {width:100%;position: relative;bottom: auto;left: auto;height:auto;padding: 30px 0;order: 2;font-size: 17px;}
	.greetings_wrap > .greetings_text span strong {font-size:20px;}
	.greetings_wrap > .greetings_text span:before, .greetings_wrap > .greetings_text span:after {width: 22px;height: 15px;}
	.sub_bg {height: 100px;}
	.sub_bg h2 {font-size:22px}
	.contents h2 {font-size: 1.7em;padding: 35px 0 24px;}
	
	/* 핵심가치 */
	.core_values_wrap > ul li .values_text em {font-size: 12px;}
	.core_values_wrap > ul li .values_text strong {font-size:20px}
	
	/* 차량관리서비스 */
	.care_service_wrap > ul > li {flex-direction: column;gap: 20px;}
	
	/* ci */
	.ci_wrap strong {font-size:20px}
	
	/* 프로미카월드 */
	.promy_intro_wrap {height: 306px;}
	.promy_intro_inner {}
	.promy_intro_inner strong {font-size: 26px;}
	.promy_intro_inner p {font-size:15px;}
	.promy_intro_list ul {gap: 20px;}
	
	/* 인재상 */
	.process_wrap {padding:30px;}
	.process_wrap > strong {font-size:18px}
	.process_wrap > strong.img_logo img {width: 194px;}
	.process_wrap .process_inner {padding: 57px 24px 0px;}
	.process_wrap .process_inner > ul {gap:10px}
	.graph_wrap {padding:30px;gap: 50px;}
	.graph_wrap strong {font-size:25px;margin-bottom: 20px;}
	
	/* 복리후생 */
	.welfare_wrap > ul > li {flex: 1 1 100%;padding:20px;}
	.welfare_wrap ul li .icon {width:100px;height:100px;}
}
@media screen and (max-width: 640px) {
	.v_mobile {display:block}
	.v_pc {display:none}
	.main_visual .bx-controls-direction {display:none}
	.table_type01.scroll {overflow-x: auto;padding-bottom: 7px}
	.table_type01.scroll .scroll_img {display:block}
	.br_block {display:block}
	.pop-wrap.poppw {position: absolute;left: 50%;top: 0;z-index: 1000;display: none;background-color: #fff;width: 98%;box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.26);overflow: hidden}
	.pc_map {display:none}
	.m_map {display:block}
	.view_more {bottom: -39px;right: -12px;padding: 16px 30px}
	.main_more {font-size: 14px}
	.tab_wrap02 {padding: 87px 17px 20px}
	.g_box_in .text strong, .tab_wrap02 ul li .box_01 strong {font-size: 15px}
	.board_list1 ul li .summary .homepage {top: 17px;width: 32px;height: 32px;background-size: 14px;right: 37px}
	.board_list1 ul li .summary .note {top: 17px;width: 32px;height: 32px;background-size: 14px;right: 3px}
	.board_list1 ul li .summary.pop {padding-right: 80px;margin: 0 0 0 69px}
	.board_list1 ul li .no {width: 62px;font-size: 15px;line-height: 24px}
	.board_list1 ul li .summary .title .sbj {font-size: 14px}
	.coming_soon {background: url(/usr/images/sub/coming_soon.png) no-repeat center 33px / 340px;padding: 71px 0;margin: 3px auto}
	.coming_soon strong {font-size: 26px}
	.coming_soon strong em {padding: 0 18px 0 33px}
	.coming_soon p {margin: 89px 0 10px}
	.certification_wrap {width: 100%}
	.certification_wrap dt, .certification_wrap dd {padding: 10px;display: block;width:100%}
	.slogan_box {font-size: 19px; padding: 32px;}
	.webtong_tab_type05 li {width:33.33333%}
	.tab-contents {padding:0} 
	.tab-contents > ul > li {float: none; width: 100%;}
	.tab-contents > ul > li:first-child {display: block;line-height: 200px;}
	.slogan_box > img {width: 100%; margin-top: 15px;}
	.text_box03 p {font-size:14px}
	.text-bbsbox .textview .cw50 img {width:90%}
	.bx-controls-direction {display: none}
	.quick_menu .quick_menu_wrap ul li {width: 50%}
	.quick_menu .quick_menu_wrap ul li a img {width: 47px}
	.quick_menu .quick_menu_wrap ul li a {line-height: 26px;font-size: 13px;padding: 11px}
	.webtong_line {margin: 30px 0;}
	.mission_layout > .left_text {position: relative;}
	.mission_layout > .left_text > h1 {width: 100%;display: block;font-weight: 500;height: auto; font-size: 21px; padding: 8px 0; border-radius: 50px;}
	.mission_layout > .left_text > h1 > br {display:none}
	.mission_layout > .right_text {padding: 0;}
	.mission_layout > .right_text > h3 {text-align: center; font-size: 19px;}
	.ring_ul_layout {left: 50%;margin-left: -165px !important; margin-top: 20px;}
	.ring_ul_layout:before {content:''; display:block;}
	.ring_ul_layout > li > p {width: 90px;height: 90px;}
	.company_wrap {padding-right: 0;background-position: center top;padding-top: 68%;background-size: 44%}
	.center_img > img {margin: 30px auto;}
	.sub_nav_wrap .home {display:none}
	.sub_nav ul {width:50%}
	.sub_nav_wrap > div > ul > li > a {width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break:break-all;}
	.webtong_terms_of_Use_layout {font-size: 14px}
	.contents_inner {font-size: 14px}
	.ci_bi .download {margin-bottom: 13px;}
	.logo_color {text-align: center;}
	.logo_color .color_ul {position: relative; display: inline-block; margin: 0 -12px; float: none;}
	.logo_color .color_text {padding: 0;display: inline-block;}
	.box_wrap.qr {text-align: left}
	.logo_color .color_ul > li > p {width: 85px;line-height: 85px;height: 85px;}
	.webtong_gallery03 .card_wrap {width: 50%}
	.webtong-tab .tab-button {width:50%}
	.contents h3 {font-size: 1.2em;padding-left: 25px;margin: 30px 0 10px;}
	.contents h3:before {width: 16px;height: 20px;top: 4px;}
	.contents h2 {font-size: 20px;}
	.webtong_Photo_layout02 li p {padding-top: 10px}
	.webtong-tab.type04 .tab-wrap .tab-button.tab02 {left: 50%;}
	.webtong-tab.type04 .tab-wrap .tab-button.tab03 {left: 0;top:49px}
	.webtong-tab.type04 .tab-wrap .tab-button.tab04 {left: 50%;top:49px}
	.webtong-tab.type04 .tab-wrap .tab-button.on:after, .webtong-tab.type04 .tab-wrap .tab-button:hover:after {content:none}
	.webtong-tab.type04 .tab-wrap .tab-button.on:before, .webtong-tab.type04 .tab-wrap .tab-button:hover:before {content:none}
	.webtong-tab.type04 .tab-wrap .tab-button.on, .webtong-tab .tab-wrap.type04 .tab-button:hover, .webtong-tab.type04 .tab-wrap .tab-button:focus {border-top: 0}
	.webtong-tab.type04 .tab-wrap .tab-button.on {border: 1px solid;z-index: 1}
	.webtong-tab.type04 .tab-button {border-bottom: 1px solid #d2d2d2;}
	.webtong-tab.type04 .tab-wrap.on > .inner_content {padding-top: 40px}
	.h_tab a {width:49%}
	.img_wrap > p {display: block;text-align: center}
	.img_wrap > div {padding-left: 0;display: block; padding-top: 30px}
	.board_table {overflow: hidden;overflow-x: scroll}
	.board_table table {table-layout: fixed;min-width: 600px}
	.list_menu li {width: 50%;font-size: 14px}
	.map_btn {padding: 0;width: 35px;height: 35px;border: 0}
	.map_btn span {text-indent: -999em;display: inline-block;background-position: 11px center}
	
	.footer_links ul {flex-wrap: wrap;}
	.footer_links ul li a {padding: 3px 10px;}
	.footer_links ul li+li a:before {content:none;}
	.footer_wrap {padding: 30px 10px;flex-direction: column;align-items: center;gap: 20px;}
	.footer_inner {align-items: center;}
	.address_wrap ul {justify-content: center;margin-left:0;}
	.address_wrap p {text-align:center;}
	
	/* 탭 */
	.tab_menu {margin-bottom:25px}
	.tab_menu li {padding:5px;}
	.tab_menu li a {padding: 10px 15px;}
	
	/* 비전 */
	.vision_wrap .vision {padding: 50px 30px;}
	.vision_wrap .vision strong {font-size: 16px;margin-bottom: 15px;}
	.vision_wrap .vision p {font-size: 20px;max-width: 300px;}
	.vision_wrap .catch_phrase strong {font-size: 18px;}
	.vision_wrap .catch_phrase p {font-size: 1.6rem;}
	.vision_wrap .catch_phrase p span:before, .vision_wrap .catch_phrase p span:after {top:0}
	
	/* 연혁 */
	.webtong_history h4 {font-size: 27px;margin-top:0;padding: 20px 0 10px;}
	
	/* 핵심가치 */
	.core_values_wrap {border-radius: 15px;padding: 20px;}
	.core_values_wrap > ul {flex-direction: column;gap: 30px;}
	.core_values_wrap > ul li {text-align: center;}
	.core_values_wrap > ul li span {border-radius:10px;}
	.core_values_wrap > ul li .values_text {padding-top: 25px;}
	.core_values_wrap > ul li .values_text:before {height: 40px;top: -17%;}
	.core_values_wrap > ul li .values_text strong {font-size: 18px;}
	.core_values_wrap > ul li .values_text p {font-size: 14px;}
	
	/* ci */
	.ci_wrap .tit {font-size:16px;}
	.ci_wrap strong {font-size:16px;margin-bottom:10px}
	.promy_ci_wrap ul {flex-direction: column;}
	.promy_ci_wrap ul li {flex: 0;width: 100%;}
	.promy_ci_wrap ul li+li {margin-top: 15px;padding-top: 20px;}
	.promy_ci_wrap ul li+li:before {width:100%;height:1px;}
	
	/* 출동서비스 */
	.text_dispatch_wrap {font-size: 24px;padding: 35px 0 30px;line-height: 34px;}
	.text_dispatch_wrap:before {width: 30px;height: 19px;margin-left: -15px;}
	/*.service_photo_wrap > ul > li {align-items: flex-start;flex-direction: column;gap: 20px;}
	.service_photo_wrap > ul > li span {width:100%}
	.service_photo_wrap > ul > li span img {width:100%}*/
	.service_photo_wrap > ul > li {gap:20px;align-items: flex-start;}
	.service_photo_wrap > ul > li .text_wrap > strong {font-size: 18px;}
	
	.field_photo_wrap {flex-direction: column;margin-top: 10px;}
	.field_photo_wrap span {border-radius:10px;}
	.field_photo_wrap span img {width:100%}
	.field_service_wrap {flex-direction: column;padding:20px;gap: 10px;border-radius: 10px;}
	.field_service_wrap strong {font-size: 18px;}
	
	.care_service_wrap > ul > li {padding: 30px 0;}
	.care_service_wrap > ul > li .text_wrap > strong {font-size:20px}
	.care_service_wrap > ul > li .text_wrap .small {margin-top:15px}
	
	.promy_intro_wrap {height:300px;background: url(/usr/images/sub/img_promy_intro.png) no-repeat center / cover;}
	.promy_intro_inner {width:100%;padding: 20px 0;}
	.promy_intro_inner strong {font-size:18px}
	.promy_intro_inner strong:after {height: 8px;}
	.promy_intro_inner p {margin-top: 15px;}
	.promy_intro_list ul {flex-direction: column;gap: 10px;}
	.promy_intro_list ul li {padding: 50px 0;}
	.promy_intro_list ul li strong {font-size: 18px;}
	.promy_intro_list ul li p {line-height: 22px;}
	
	.text_list_box > ul > li {flex-direction: column;gap:20px;align-items: flex-start;padding: 30px;}
	.text_list_box > ul > li strong {font-size: 18px;}
	.text_list_box > ul > li ul {padding-left:0;}
	.text_list_box > ul > li ul:before {content:none}
	.text_list_box > ul > li ul li {line-height: 26px;font-size:15px;}
	.text_list_box > ul > li ul li em {margin-right: 10px;}
	
	.step_wrap ul {gap: 15px;}
	.step_wrap ul li {flex: 1 1 40%;}
	.step_wrap ul li:before {width:30px;height:30px;}
	.step_wrap ul li:after {width: 30px;height: 30px;background-size:12px;right: -13px;margin-top: -15px;}
	.step_wrap ul li:nth-child(3):after {content:'';}
	.step_wrap ul li:nth-child(even):after {content:none;}
	.step_wrap ul li em {margin: 10px 0 0;}
	.step_wrap ul li strong {font-size: 15px;}
	
	.process_wrap > strong {font-size:16px;}
	.process_wrap .process_inner:before {background: url(/usr/images/sub/bg_process_m.png) no-repeat center 0 / 100%;}
	.process_wrap .process_inner > ul {flex-direction: column;gap: 20px;}
	.process_wrap .process_inner > ul > li .process_text_wrap {margin-top:10px;}
	.graph_wrap {flex-direction: column;margin-top:30px;padding: 20px;border-radius:10px}
	.graph_wrap strong {font-size: 18px;margin-bottom: 15px;}
	
	/* 인사제도 */
	.organizational_wrap {flex-direction: column;padding: 20px;border-radius: 10px;gap: 40px;}
	.organizational_wrap strong {width: 100%;border-radius: 50px;height: auto;padding: 10px;}
	.organizational_wrap .organizational_inner {flex-direction: column;width: 100%;}
	.organizational_wrap .organizational_inner:before {left: 50%;top: -19px;transform: rotate(90deg);margin-left: -15px;}
	.organizational_wrap ul {flex-direction: column;width: 100%;gap: 5px;}
	.organizational_wrap ul li {width: 100%;border-radius: 50px;height: auto;padding: 10px;margin-left:0}
	.organizational_wrap ul li:before {width: 100%;border-radius: 50px;height: 42px;}
	
	/* 복리후생 */
	.welfare_list_wrap > li {flex-direction: column;align-items: flex-start;gap: 15px;padding: 20px 0;}
	.welfare_list_wrap > li strong {width:auto;font-size: 18px;line-height: 24px;}
	.welfare_wrap ul li .text_wrap strong {font-size: 16px;margin-bottom: 5px;}
	
	/* 부가서비스 */
	.financial_wrap {flex-direction: column;}
	.financial_wrap li {padding:30px;border-radius: 10px;gap: 15px;}
	.financial_wrap li:before {width: 80px;height: 80px;background-size: 30px;}
	.financial_wrap li:after {left:50%;right:auto;top:auto;bottom: -38px;transform: rotate(90deg);margin-left: -14px;}
	
	/* 사이트맵 */
	.sub_site_map > ul > li > a {flex-basis: 150px;font-size: 18px;}
	.sub_site_map > ul > li > ul > li, .sub_site_map > ul > li:last-child > ul > li {width: 100%;}
	
	/* flex_wrap */
	.flex_col {flex-direction: column;gap: 20px;}
	
	/* 상담센터둘러보기 */
	.center_photo_list ul {margin: -5px;}
	.center_photo_list ul li {padding: 5px;}

}
@media screen and (max-width: 580px) {
	.tab_menu {flex-direction: column;position: relative;}
	.tab_menu strong {display: block;background: #0d894a;color: #fff;border-radius: 50px;}
	.tab_menu strong a {display: block;padding: 10px 6%;background: url(/usr/images/sub/sub_up_down.png) no-repeat right 13px;}
	.tab_menu strong a.on {background-position:right -23px;}
	.tab_menu ul {flex-direction: column;border-radius: 10px;position: absolute;top: 45px;z-index: 1;display: none;}
	.tab_menu li {padding: 8px 20px;}
	.tab_menu li > a {text-align: left;padding:0}
	.tab_menu li.on a {background:none;border-radius:0;color: #0d894a;}
}
@media screen and (max-width: 480px) {
	header > .navi > h1 > a {background-size:60%}
	.search-tab > a {width: 50%;display: inline-block;border: 1px solid #cecece;padding: 10px 0;float: left;margin-bottom: -1px;margin-left: -1px}
	.search-tab > a.on:after {bottom: -1px}
	.search-tab {border-bottom:0}
	.search-tab.bbs {margin-left: 2px}
	.example_wrap > li {height:auto !important;width:100%}
	.sub_visual ul li {width:50%}
	.contents h3 {font-size: 1.1em;padding-left: 21px;}
	.contents h3:before {width: 14px;height: 17px;}
	.recruitment_process > li {width: 33.33333%}
	.img_box_wrap li {width: 100%}
	.img_box_wrap li em {background: url(/usr/images/sub/box_next_.png) no-repeat;top: auto;left: 50%;bottom: -14px;margin-left: -8px}
	.recruitment_process > li {width: 100%;margin: 16px 0}
	.recruitment_process li img {width: 45%}
	.recruitment_process > li > em {background: url(/usr/images/sub/box_next_.png) no-repeat;top: auto;bottom: -33px;left: 50%;margin-left: -10px}
	.pc_view {display: none}
	.m_view {display: block}
	
	/* 출동서비스 */
	.text_dispatch_wrap {font-size: 20px;padding: 28px 0 20px;line-height: 28px;}
	.text_dispatch_wrap:before {width: 25px;height: 16px;}
	.service_photo_wrap > ul > li {padding: 20px 0;}
	.service_photo_wrap > ul > li .text_wrap > strong {font-size: 16px;margin-bottom:5px}
	.service_photo_wrap > ul > li span.icon {border-radius:5px !important;padding:25px 15px;}
	
	.process_wrap .process_inner {padding: 45px 24px 0px;}
}

@media screen and (max-width: 360px) {
	html {width:360px;}
	.color > div {width: 100%;float: none; text-align: center;}
	.color > div h5 {text-align: left;}
	.sub_color {margin-top:30px}
}
@media print{
	header	{display:none;}
	footer	{display:none;}
	img {max-width: 100% !important}
}
@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}