@charset "utf-8"; /* Reset */
html,
body { height: 100%; } 

body { overflow-y: none; } 


body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
input,
button,
textarea,
select,
address { margin: 0; padding: 0; list-style: none; text-decoration: none; } 

body,
table,
input,
textarea,
select,
button,
div { font-family: noto sans kr, "돋움", "굴림", Arial, AppleGothic, sans-serif; font-size: 16px; } 

header,
footer,
section,
article,
nav,
aside,
figure,
figcaption { display: block; } 

a { text-decoration: none; font-weight: bold; color: #000; cursor: pointer; } 

img { border: 0; display: block; } 

button { cursor: pointer; border: 0; outline: 0; } 

.lay_wrap { height: 100%; } 

.lay_wrap::after { content: ""; display: block; clear: both; } 

table { border-spacing: 0; } 
caption { position: absolute; top: 0; left: 0; width: 0; height: 0; line-height: 0; overflow: hidden; visibility: hidden; font-size: 0; } 

/*------------------------- header ---------------------- */
header { position: fixed; width: 215px; background: #044774; height: 100%; float: left; z-index: 9999; min-height: 830px; } 

header h1 img { margin: 0 auto; padding: 30px 0; } 

.lay_m_logo { display: none; } 
.lay_m_close { display: none; } 

.lay_util { border-top: 1px solid #003558; border-bottom: 1px solid #003558; width: 100%; display: flex; background: #004470; } 
.lay_util a { display: inline-block; color: #fff; font-size: 13px; width: 50%; text-align: center; box-sizing: border-box; padding: 10px 0; font-weight: normal; } 
.lay_util a:hover { text-decoration: underline; color: #fff; } 
.lay_util a:hover span { text-decoration: underline; color: #fff; } 

.lay_login { border-right: 1px solid #003558; } 
.lay_login span { display: inline-block; padding: 0 19px 0 0; background: url(../images/icon/icon_small.png) no-repeat right 0; } 

.lay_sitemap a { display: block; color: #fff; text-align: center; font-weight: normal; padding: 10px 0; border-bottom: 1px solid #003558; background:#0a5587; font-size:16px } 
.lay_sitemap a:hover { color: #fff; text-decoration: underline; } 
.lay_sitemap a span { display: inline-block; padding: 0 0 0 20px; font-size: 14px; background: url(../images/icon/icon_small.png) no-repeat 0 -20px; } 
/*
.lay_sitemap a:hover span { text-decoration: underline; color: #fff } */

.leftTimer {    
	color: #333;
    font-size: 11px;
    display: inline-block;
    padding: 2px 13px;
    border-radius: 10px;
    margin: 0 auto;
}
/*top*/
.btn_top_wrap a#Top {
	position: fixed;
	right: 2%;
	bottom: 50px;
	display: none;
	z-index: 999;
	background: url("../images/btn/btn_top_m.png") no-repeat center 15px rgba(95, 95, 95, 0.5);
	width: 40px;
	height: 40px;		
}
.btn_top_wrap a#Top span{text-indent: -99999999px;opacity: 0;}

/* ------GNB-------*/
.lay_gnb > ul > li { border-bottom: 1px solid #003558; } 
.lay_gnb ul li a { display: block; width: 100%; padding: 15px 0 15px 20px; color: #fff; font-size: 15px; font-weight: normal; box-sizing: border-box; } 
.lay_gnb ul li button { display: block; width: 100%; padding: 15px 0 15px 20px; color: #fff; font-size: 15px; font-weight: normal; box-sizing: border-box; background: none; text-align: left; margin:0 } 
.lay_gnb > ul > li:hover { background: #003558 url(../images/icon/icon_small.png) no-repeat 195px -40px; } 
.lay_gnb > ul > li.on { background: #003558 url(../images/icon/icon_small.png) no-repeat 195px -40px; } 

/*--------submenu--------*/
.lay_submenu_bg { position: fixed; left: 215px; top: 0; height: 100%; width: 215px; background: #002944; display: none; } 
.lay_submenu_bg.on { display: block; } 
.lay_submenu { width: 100%; position: absolute; left: 215px; margin-top: -51px; border-top: 1px solid #001d30; z-index: 9999; display: none; } 
ul.lay_submenu.on { display: block; } 
.lay_submenu li { border-bottom: 1px solid #001d30; } 
.lay_submenu li a:hover { color: #feffb8; padding: 15px 0 15px 40px; background: url(../images/icon/icon_small.png) no-repeat 20px -90px; } 
.black-bg { display: none; position: fixed; left: -999999px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45); z-index: 90; opacity: 0; transition: opacity 0.5s; } 
.black-bg.on { left: 0; opacity: 1; } 

/* ------FOOTER-------*/
.lay_m_footer { display: none; } 
.lay_footer { position: absolute; bottom: 20px; } 

.google_trans { margin:30px auto; text-align: center; } 
.google_translate { display: inline-block; margin-right: 24px; text-align: center; font-size: 1.1em; color: #000; font-weight: 500; width: 100%; } 
.goog-te-gadget-simple { background-color: #0a5587 !important; border:1px solid #5682a0 !important; font-size: 10pt; display: inline-block; padding-top: 1px; padding-bottom: 2px; cursor: pointer; width: 65%; padding-top: 6px !important; padding-bottom: 6px !important; padding-left: 10px; padding-right: 8px; zoom: 1; } 
.goog-te-gadget-simple span { display: inline-block; margin: 0 4px; color:#fff } 
.goog-te-gadget-simple img { display: inline-block } 
.goog-te-gadget-simple > img { display: inline-block; border:3px solid #fff !important; border-radius: 3px; } 

.lay_admin { display: none; } 
.lay_admin.on { display: block; } 

.lay_policy ul li a { display: block; width: 85%; padding: 5px 0; margin: 0 auto 3px auto; color: #fff; font-size: 13px; font-weight: normal; text-align: center; border: 1px solid #003558; } 
.lay_policy ul li a:hover { text-decoration: underline; } 
.lay_policy ul li.lay_personal a { color: #fcffc6; background:url(../images/cont/private/icon_file1.png) no-repeat right 25px center/10px auto;} 
.lay_copyright { color: #fff; font-size: 12px; padding: 25px 12px; } 
.lay_mark { display: flex; justify-content: space-around; background: #fff; width: 85%; margin: 0 auto; padding: 10px 10px; box-sizing: border-box; } 
div#google_translate_element { color: #000000; font-weight: normal; font-size: 14px; } 

/* ------ main-Contents --------*/
.lay_bodyWrap { position: absolute; left: 215px; width: calc(100% - 215px); float: left; max-width:1920px; height:auto } 
.main .lay_bodyWrap { max-height:1080px; height: 100%; } 

.lay_bodyWrap::after { content: ""; display: block; clear: both; } 

/*mainVisual*/
.lay_mainVisual { width: 50%; max-width: 960px; height: 100%; float: left; position: relative;    overflow: hidden; } 
.lay_mv_copy { position: absolute; top: 100px; left: 50%; transform: translateX(-50%); width: 100%; display: block; text-align: center; font-size: 50px; font-weight: 600; color: #fff; line-height: 85px; } 
.swiper1 { width: 100%; height: 100%; overflow: hidden; } 

/*.swiper-container:after { content: ""; clear: both; display: block; } */
.swiper1-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; } 
.swiper1 .swiper1-slide .swiper-text { position: absolute; width: 100%; height: 100%; } 
.swiper1 .bx-wrapper { border: 0; } 
.swiper1 .swiper1-slide .swiper-text span { display: block; } 
.swiper1 .swiper1-slide .swiper-text span.bt { text-shadow: 1px 1px 1px #454545; margin-top: 100px; text-align: center; font-size: 55px; font-weight: 600; color: #fff; line-height: 95px; } 
.swiper1
.bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager { position: absolute; top: 20px; display: flex; right: 0px; } 
.swiper1 .bx-controls-direction { display: none; } 
.swiper1
.bx-wrapper
.bx-controls.bx-has-controls-auto.bx-has-pager
.bx-controls-auto { right: 10px; width: 60px; display: flex; margin: 0 0 0 3px; } 
.swiper1 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { display: flex; } 
.swiper1 .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 12px; height: 12px; margin: 2px 4px; outline: 0; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; opacity: 0.8; border: 1px solid #fff; } 
.swiper1 .bx-wrapper .bx-pager.bx-default-pager a.active,
.swiper1 .bx-wrapper .bx-pager.bx-default-pager a:focus,
.swiper1 .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #fff; border: 1px solid #fff; opacity: 1; } 
.swiper1 .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } 
.swiper1 .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 20px; height: 20px; outline: 0; background: url(../images/btn/btn_mv_play.png) no-repeat center center; margin: 0 3px; opacity: 0.9; } 
.swiper1 .bx-wrapper .bx-controls-auto .bx-start.active,
.swiper1 .bx-wrapper .bx-controls-auto .bx-start:focus,
.swiper1 .bx-wrapper .bx-controls-auto .bx-start:hover { background: url(../images/btn/btn_mv_play.png) no-repeat center center; /*background-position: -32px 21px; */opacity: 0.9; } 
.swiper1 .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 20px; height: 20px; outline: 0; background: url(../images/btn/btn_mv_pause.png) no-repeat center center; margin: 0 3px; opacity: 0.9; } 
.swiper1 .bx-wrapper .bx-controls-auto .bx-stop.active,
.swiper1 .bx-wrapper .bx-controls-auto .bx-stop:focus,
.swiper1 .bx-wrapper .bx-controls-auto .bx-stop:hover { background: url(../images/btn/btn_mv_pause.png) no-repeat center center; /*background-position: -53px 21px; */opacity: 0.9; } 

/*mainVisual 끝*/

.main .lay_contentWrap { width: 50%; height: 100%; float: right; padding:0 } 
.lay_main_col { width: 100%; box-sizing: border-box; } 
.lay_main_col.col1 { height: 25%; background: #dce6ef } 
.lay_main_col.col2 { height: 45%; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8 } 
.lay_main_col.col3 { height: 30%; } 
.lay_main_col.col2:after,.lay_main_col.col3:after { content: ""; display:block; clear: both; } 
.lay_main_col>div { width: 50%; float: left; position: relative } 
.lay_main_col h3 { font-size: 22px; font-weight: 500; color: #000; margin:0 0 15px 0 } 
.lay_main_col .more { position: absolute; top: 30px; right: 40px; } 
.lay_main_col h3 span { display: inline-block; margin: 6px 0 0 -1px } 
.lay_main_col h3:before { display: block; content: ""; width: 35px; height: 3px; background: #0473be; } 

.lay_process h3 { margin:0 0 25px 0; } 
.lay_process { padding: 30px 40px; position:relative } 
.lay_process ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-content:center; height:65% } 
.lay_process ul li.step { display: block; } 
.lay_process ul li.step:hover a { color:#fff; background:#2381c0 } 
.lay_process ul li a { position:relative; display: block; width: 105px; height: 105px; border-radius: 57px; border: 3px solid #b9d3e6; background:#fff; text-align: center; padding: 54px 0 0 0; box-sizing: border-box; font-weight:400; line-height: 18px; font-size:14px; } 
.lay_process ul li a .process_img { display: inline-block; width: 36px; height: 28px; position:absolute; left:50%; top:20px; transform: translateX(-50%); background:url(../images/icon/icon_main_process.png) no-repeat } 
.lay_process ul li.step1 .process_img { background-position: 0 0; } 
.lay_process ul li.step2 .process_img { background-position: -72px 0; } 
.lay_process ul li.step3 .process_img { background-position: -144px 0; } 
.lay_process ul li.step4 .process_img { background-position: -216px 0; } 
.lay_process ul li.step5 .process_img { background-position: -288px 0; } 
.lay_process ul li.step6 .process_img { background-position: -360px 0; } 
.lay_process ul li.step1:hover .process_img { background-position: -36px 0; } 
.lay_process ul li.step2:hover .process_img { background-position: -108px 0; } 
.lay_process ul li.step3:hover .process_img { background-position: -180px 0; } 
.lay_process ul li.step4:hover .process_img { background-position: -252px 0; } 
.lay_process ul li.step5:hover .process_img { background-position: -324px 0; } 
.lay_process ul li.step6:hover .process_img { background-position: -396px 0; } 
.lay_process ul li.arw { background:url(../images/bg/bg_process_arrow.png) no-repeat center center; width:15px } 


/*장비소개*/
.lay_equipment { padding:30px 40px; height:100%; box-sizing: border-box; } 
.swiper-container { width: 100%; height: calc(100% - 40px); position:relative; box-sizing: border-box; padding:0 0 20px 0 } 
.swiper-container .swiper-wrapper { height:100% } 
.swiper-container .swiper-wrapper .swiper-slide { border:1px solid #ddd; box-sizing: border-box; } 
.swiper-container .swiper-slide img { width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; } 
.swiper-container .swiper-slide a { display: block; width:100%; height:100% } 
.swiper-container .swiper-pagination { bottom:-3px } 
.swiper-pagination-bullet-active { opacity: 1; background: #044774; } 
.lay_equipment .swiper-slide .lay_equip_name { position:absolute; bottom:0; left:0; padding:10px 15px; background:rgba(206,206,206,0.8); width:100%; box-sizing: border-box; } 
.lay_equipment .swiper-slide .equip_name_ko { color:#222; font-size:16px; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400; } 
.lay_equipment .swiper-slide .equip_name_eng { color:#666; font-size:14px; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight:300 } 

/*장비 팝업 이미지*/
.modal_wrap { display: none; width: 600px; height: 600px; position: absolute; top:50%; left: 50%; margin: -300px 0 0 -300px; background:#eee; z-index:9999999; } 
.modal_wrap .modal_con { overflow: hidden; height: 100%; width: 100%; } 
.modal_wrap .modal_con img { width: 100%; height: 100%; object-fit: cover; } 
.black_bg { display: none; position: absolute; content: ""; width: 100%; height: 100%; background-color:rgba(0, 0,0, 0.6); top:0; left: 0; z-index: 1; } 
.modal_close { width: 26px; height: 26px; position: absolute; top: -30px; right: 0; } 
.modal_close> a { display: block; width: 100%; height: 100%; background:url(https://img.icons8.com/metro/26/000000/close-window.png) #ffffff; text-indent: -9999px; border-radius: 6px; } 
.imgProcess { position: absolute; z-index: 111111; top: 48%; display: inline-block; width: 100%; } 
.imgProcess>div { float: left; width: 50%; } 
.imgProcess>div.prev img { float: left; margin-left: 8px; background-color: #000000; padding: 8px; border-radius: 3px; opacity: 0.5; cursor:pointer } 
.imgProcess>div.next img { float: right; margin-right: 8px; background-color: #000000; padding: 8px; border-radius: 3px; opacity: 0.5; cursor:pointer } 
.imgProcess>div img { width:16px; } 


/*퀵메뉴*/
.lay_quickmenu { width:100%; height:100%; border-left:1px solid #d8d8d8; box-sizing: border-box; } 
.lay_quickmenu ul { height:100%; } 
.lay_quickmenu ul li { width:100%; height:25%; box-sizing: border-box; border-bottom:1px solid #d8d8d8; padding:0; display: table; position:relative } 
.lay_quickmenu ul li.quick2 { background:#f8f9fa; } 
.lay_quickmenu ul li.quick4 { background:#f8f9fa; border:0 } 
.lay_quickmenu ul li a { position:relative; display:block; height:100%; width:100%; display: table-cell; vertical-align: middle; padding:0 120px 0 40px } 
.lay_quickmenu ul li a .quick_img { position:absolute; right:25px; top:50%; transform: translateY(-50%); background: url(../images/icon/icon_quickmenu.png) no-repeat; display:inline-block; width:70px; height:70px } 
.lay_quickmenu ul li.quick1 a .quick_img { background-position: 0 0; } 
.lay_quickmenu ul li.quick2 a .quick_img { background-position: -70px 0; } 
.lay_quickmenu ul li.quick3 a .quick_img { background-position: -140px 0; } 
.lay_quickmenu ul li.quick4 a .quick_img { background-position: -210px 0; } 
.lay_quickmenu ul li a:hover .tit { text-decoration: underline; } 
.lay_quickmenu ul li a .tit { display:block; font-size:19px; color:#333; margin:0 0 5px 0; font-weight: 500; } 
.lay_quickmenu ul li a .info { font-size:14px; color:#888; font-weight: normal; } 
.lay_board { height:100%; padding:30px 40px; box-sizing: border-box; } 
.lay_board.qna { border-left:1px solid #d8d8d8; } 
.lay_board ul li { width:100%; line-height: 28px; } 
.lay_board ul li a { display:inline-block; font-size:16px; color:#333; font-weight: 400; width:65%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.lay_board ul li:hover a { text-decoration: underline; } 
.lay_board ul li span { float:right; font-size:13px; color:#888 } 

/* ------ Sub-Contents --------*/
.lay_contentWrap { width: 100%; height: auto; min-height:100%; float: none; max-width: 1450px; margin: 0 auto; padding: 0 40px 50px 40px; box-sizing: border-box; position: relative; } 
.lay_sub_navi { padding: 40px 0 40px 0; } 
.lay_sub_navi.joinTitle { padding: 50px 0 30px 0; } 
.lay_sub_navi.joinTitle h2 { text-align: center; } 
.lay_location { margin: 0 0 20px 0; } 
.lay_location ul::after { content: ""; display: block; clear: both; } 
.lay_location ul li { float: left; padding: 0 10px 0 13px; background: url(../images/icon/icon_small.png) no-repeat 0 -140px; } 
.lay_location ul li:first-child { background:none; padding:0 10px 0 13px; margin:6px 0 0 0 } 
.lay_location ul li a { font-weight:normal; color: #888; font-size:16px } 
.lay_location ul li:last-child a { color:#777; font-weight: 500; } 
.lay_pageTitle { padding: 0 0 35px 0; border-bottom: 3px solid #5f8dac; } 
.lay_pageTitle h2 { font-size: 30px; font-weight: 600; color: #333; } 
div.lay_contents { color:#333; display: block; } 


/*진행현황*/
.lay_analysis_view { width: 100%; margin-bottom: 25px; margin-top: 25px; } 
.lay_analysis_view ul { display: flex; } 
.lay_analysis_view li { position:relative; float: left; width:15%; border: 1px solid #dddddd; margin: 0 1%; text-align: right; padding:20px 30px; border-radius: 8px; } 
.lay_analysis_view li span { display: block; color: #ffffff; } 
.lay_analysis_view li span:first-child { font-size: 16px; margin-bottom: 5px; } 
.lay_analysis_view li span:last-child { font-size: 20px; } 
.lay_analysis_view li:first-child { margin-left: 0; } 
.lay_analysis_view li:last-child { margin-right: 0; } 
span.confirm_download { margin-bottom: 16px; display: block; } 
span.confirm_download a { background-color: #666666; padding: 6px 12px; margin-right: 7px; border-radius: 2px; font-size: 14px; font-weight: 400; color: #fff000; } 
.lay_analysis_view li.c01 { background:#454545 } 
.lay_analysis_view li.c02 { background:#669bbc } 
.lay_analysis_view li.c03 { background:#f07167 } 
.lay_analysis_view li.c04 { background:#197278 } 
.lay_analysis_view li.c05 { background:#5e548e } 
.lay_analysis_view li.c06 { background:#000000 } 
.lay_analysis_view li .analysis_img { display:inline-block; width:40px; height:40px; position:absolute; left:27px; top:28px; background-image: url(../images/icon/icon_progress.png); background-repeat: no-repeat; } 
.lay_analysis_view li.c01 .analysis_img { background-position: 0 0; } 
.lay_analysis_view li.c02 .analysis_img { background-position: -40px 0 } 
.lay_analysis_view li.c03 .analysis_img { background-position: -80px 0 } 
.lay_analysis_view li.c04 .analysis_img { background-position: -120px 0 } 
.lay_analysis_view li.c05 .analysis_img { background-position: -160px 0 } 
.lay_analysis_view li.c06 .analysis_img { background-position: -200px 0 } 

/*search_box*/
.lay_search_box { float: right; position: relative; margin-bottom: 16px; padding: 13px 20px; border: 1px solid #b1bbcb; background: #eef3fb; width: calc(100% - 42px); display: inline-block; margin-bottom: 40px; } 
.lay_search_box>div { float: left; width: 57%; } 
.lay_search_box>div:last-child { margin-right: 0; width: 40%; display: inline-block; float: right; } 
.lay_search_box li.search_title { font-size: 15px; line-height: 34px; margin-right: 10px; width: 14%; text-align: left; } 
.lay_search_date { height: 34px; padding: 0 1%; border: 1px solid #dedede; font-size: 14px; width: 45%; } 
.lay_search_box ul { font-size: 0; text-align: right; display: flex; } 
.lay_search_box ul li { float:left; display: inline-block; margin-left: 5px; font-size: 11px; vertical-align: top; width: 84%; } 
.lay_search_box ul li.analysis { float:left; display: flex; margin-left: 5px; font-size: 11px; vertical-align: top; width: 84%; } 
.lay_search_box ul li span { margin: 0 10px; } 
.lay_search_box ul li img { margin-left: 7px; } 
.lay_search_box ul li > div { color: #194e73; font-weight: bold; vertical-align: top; } 
.lay_search_box ul li > label { display: inline-block; height: 30px; color: #194e73; font-size: 14px; font-weight: bold; line-height: 24px; } 
.lay_search_box ul li > input[type="text"] { height: 30px; } 
.lay_search_box select { height: 34px; padding: 0 1%; border: 1px solid #dedede; font-size: 14px; /*float: left; */width: 70%; margin-right: 10px; } 
.lay_search_box input.s_input { width: 260px; height: 22px; margin-right: 3px; padding-left: 5px; } 
.lay_search_box input.s_input2 { width: 140px; height: 22px; margin-right: 3px; padding: 0 15px; } 
.lay_search_box input.s_btn { height: 34px; padding: 0 40px; border: none; color: #fff; background: #044774; border-radius: 2px; cursor: pointer; } 
.lay_search_box .analysis_b input { height: 31px; padding: 0 30px; border: none; color: #fff; background: #044774; border-radius: 2px; cursor: pointer; float: left; width: 10%; } 
.lay_search_box input.s_btn:hover { background: #7dabdf; } 
.lay_search_box span.s_btn { display: inline-block; vertical-align: top; height: 30px; font-size: 14px; padding: 6px 12px 5px 12px; background: #044774; border-radius: 2px; cursor: pointer; } 
.lay_search_box span.s_btn:hover { background: #7dabdf; } 
.lay_search_box span.s_btn a { color: #fff; } 
.lay_search_box span.btn_b { display: inline-block; vertical-align: top; height: 20px; font-size: 14px; padding: 6px 12px 5px 12px; background: #044774; border-radius: 2px; cursor: pointer; } 
.lay_search_box span.btn_b:hover { background: #7dabdf; } 
.lay_search_box span.btn_b a { vertical-align: middle; color: #fff; display: block; line-height: 19px; padding: 0px; } 
.lay_search_box .con { display: inline-block; width: 40%; margin-bottom: 2px; } 
.lay_search_box .con.full { display: inline-block; width: 80%; margin-bottom: 2px; } 
.lay_search_box .con label { display: inline-block; width: 70px; height: 24px; color: #194e73; font-size: 15px; font-weight: bold; line-height: 24px; } 
.lay_search_box .con input[type="text"] { height: 22px; } 
.lay_search_box .bt_a { position: absolute; right: 10px; top: 13px; } 

/* 표 */
/* table style */
.lay_board_list { width:100%; table-layout:fixed; border-top:2px solid #044774; } 
.lay_board_list caption { display:none; } 
.lay_board_list thead th,
.lay_board_list tbody th { color:#222; font-size:15px; font-weight:400; background:#f4f4f4; padding:12px 0; border-bottom:1px solid #d9d9d9; } 
.lay_board_list tbody tr.odd { } 
.lay_board_list tbody.ov tr:hover { background:#f9f9f9; } 
.lay_board_list tbody th { text-align:left; padding-left:14px; } 
.lay_board_list tbody th.vtop { vertical-align:top; } 
.lay_board_list tbody th span.pilsu { color:#d0270b; font-weight:500; margin-left:3px; } 
.lay_board_list tbody td { text-align:center; padding:11px 5px; border-bottom:1px solid #d9d9d9; word-break:break-all; white-space:-moz-pre-wrap; overflow:hidden; text-overflow:ellipsis; } 
.lay_board_list tbody td.left { text-align:left; padding:6px 8px; } 
.lay_board_list tbody td.leftElli { text-align:left; padding:6px 8px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; width:100%; } 
.lay_board_list tbody td.cnt { text-align:left; padding:12px 10px 20px; line-height:160%; } 
.lay_board_list tbody td.nopd { text-align:left; } 
.lay_board_list tbody td.bold { text-align:left; font-size:14px; font-weight :bold; } 
.lay_board_list tbody td.bold input { text-align:left; font-size:14px; font-weight :bold; } 
.lay_board_list tbody td a:hover { text-decoration:underline; } 
.lay_board_list tbody td input.bbs_Nm { width:99%; } 
.lay_board_list tbody td input.link { color:#666; } 
.lay_board_list tbody td input.tmp { width:160px; } 
.lay_board_list tbody td textarea { width:99%; height:50px; } 
.lay_board_list tbody td textarea.txt { width:96%; height:300px; margin:8px; padding:5px; } 
.lay_board_list tbody td textarea.re_txt { width:470px; float:left; margin-right:8px; height:96px; } 
.lay_board_list tbody td a.re_btn { float:right; padding:43px 30px; margin:1px 0 0 0; font-size:15px; font-weight:600; } 
.lay_board_list tbody td a.re_btn:hover { text-decoration:none; } 
.lay_board_list tbody td select { padding:2px 0 3px 2px; border:1px solid #dedede; } 
.lay_board_list tbody td img { margin-left:7px; } 
.lay_charge_plus { background: #044770; padding: 4px; border-radius: 3px; color: #ffffff; font-weight: normal; font-size: 14px; } 
.lay_charge_clear { background: #b57e95; padding: 3px 6px; border-radius: 3px; color: #ffffff; } 
.lay_charge_number { border: 1px solid #666666; border-radius: 3px; padding: 3px 10px; } 
.lay_charge_total { border: 2px solid #044770; background: #044770; border-radius: 0; padding: 10px 0; width: 100%; margin-top: 30px; font-size: 16px; text-align: center; color: #044770; margin-bottom: 12px; color: #ffffff; } 
td.left img { float: left; padding-top: 5px; padding-left: 5px; padding-right: 5px; } 

.top_line { border-top:1px solid #d9d9d9; } 
.lay_board_th_link { font-weight:600; } 

.lay_eqView .lay_imgView { width: 100% } 
.lay_eqView .lay_imgView .imgProcess { position: absolute; z-index: 111111; top: 150px; display: inline-block; width: 100%; } 
.lay_eqView .lay_imgView .imgProcess>div { float: left; width: 50%; } 
.lay_eqView .lay_imgView .imgProcess>div.prev img { float: left; margin-left: 8px; background-color: #000000; padding: 8px; border-radius: 3px; opacity: 0.5; cursor:pointer } 
.lay_eqView .lay_imgView .imgProcess>div.next img { float: right; margin-right: 8px; background-color: #000000; padding: 8px; border-radius: 3px; opacity: 0.5; cursor:pointer } 
.lay_eqView .lay_imgView .imgProcess>div img { width:16px; } 

/* lay_pagination */
.lay_pagination { text-align:center; margin-top:15px; } 
.lay_pagination ul { display:inline-block; } 
.lay_pagination ul li { display:inline-block; margin:0 2px; } 
.lay_pagination ul li a { display:block; color:#999; width:26px; height:26px; line-height:26px; border:1px solid #e0e0e0; } 
.lay_pagination ul li.first a { background:url('../images/egovframework/com/cmm/paging/pagination_first.gif') 8px 9px no-repeat; text-indent:-10000em; } 
.lay_pagination ul li.prev a { background:url('../images/egovframework/com/cmm/paging/pagination_prev.gif') 11px 9px no-repeat; text-indent:-10000em; } 
.lay_pagination ul li.next a { background:url('../images/egovframework/com/cmm/paging/pagination_next.gif') 12px 9px no-repeat; text-indent:-10000em; } 
.lay_pagination ul li.last a { background:url('../images/egovframework/com/cmm/paging/pagination_last.gif') 10px 9px no-repeat; text-indent:-10000em; } 
.lay_pagination ul li.first a:hover { background:url('../images/egovframework/com/cmm/paging/pagination_first_on.gif') no-repeat; } 
.lay_pagination ul li.prev a:hover { background:url('../images/egovframework/com/cmm/paging/pagination_prev_on.gif') no-repeat; } 
.lay_pagination ul li.next a:hover { background:url('../images/egovframework/com/cmm/paging/pagination_next_on.gif') no-repeat; } 
.lay_pagination ul li.current a,
.lay_pagination ul li a:hover { border:none; color:#fff; font-size:15px; font-weight:600; width:28px; height:28px; line-height:28px; background:#044774; } 


/*sitemap*/
.lay_Sitemap { position: relative; line-height: 1.4; } 
.lay_Sitemap>ul>li { margin-bottom: 50px; width: 100%; } 
.lay_Sitemap>ul>li { position: relative; border-top: 2px solid #5f8dac; } 
.lay_Sitemap>ul>li:first-child { border-top: 0; } 
.lay_Sitemap>ul>li>div { position: relative; padding-left: 300px; } 
.lay_Sitemap>ul>li>div>a { position: absolute; left: 30px; top: 20px; font-size: 20px; color: #222222; font-weight: 500; } 
.lay_Sitemap>ul>li>div>a:after { content: ''; position: absolute; top: 0px; z-index: -1; width: 30px; height: 30px; background: #7fb2f1; border-radius: 100%; left: -10px; opacity: .3; } 
.lay_Sitemap>ul>li>div>ul { display: inline-block; width: 100%; } 
.lay_Sitemap>ul>li>div>ul>li { width: 25%; float: left; position: relative; padding-right: 50px; box-sizing: border-box; } 
.lay_Sitemap>ul>li>div>ul>li>a { overflow: hidden; padding: 16px 0; text-align: center; border-bottom: 1px solid #cccccc; text-overflow: ellipsis; white-space: nowrap; color: #454545; font-size: 16px; font-weight: 500; margin-bottom: 4px; } 
.lay_Sitemap a { display: block; } 




/*개인정보처리방침-20231017*/
.MB30 { margin-bottom:30px; } 
.MT20	{ margin-top:20px;}
.tl{text-align: left !important;} 
.tc{text-align: center !important;} 
.tr{text-align: right !important;} 


.blist{margin-left:15px; margin-bottom:30px;}
.blist dt,
.blist li{background:url(../images/cont/private/dot.png) no-repeat 0 12px; padding-left:10px; margin-bottom:5px}
.blist li .blist {margin:5px 0 15px;}
.blist dt {font-weight:500; color:#1f252c;margin-bottom:0;}
.blist dd {padding-left:10px;margin-bottom:10px;}
.blist.num {counter-reset:num;padding-left:0;background:none;}
.blist.num>li {background:url(../images/cont/private/dot_ol.png) no-repeat 0 .25em;}
.blist.num>li::before {counter-increment:num; content:counter(num);display:inline-block;color:#fff;margin:0 15px 0 -4px;padding-top:.25em;font-family:Play,sans-serif;font-size:14px;vertical-align:top;}
.blist.div50>li {display:block; min-width:50%; float:left;}
.blist.div50::after {content:''; display:block; clear:both;}

.basicTxtBox { padding: 3% 4%; text-align: center; background-color: #f4f6f9; border: 1px solid #e0e0e0; } 
.tl{text-align: left !important;} 

.tableWrap { width:100%; overflow-x:auto; margin-bottom:15px; } 
.tableWrap>.basicTable { margin-bottom:15px; } 
.tableWrap>.imgOnly { margin-bottom:20px; } 
.imgOnly.MB30 img { margin: 0 auto;max-width: 100%;} 
.tableWrap .min1100 { min-width:1100px; } 
.tableWrap .min768 { min-width:711px; } 
.basicTable { width:100%; min-width:600px; border-top:2px solid #888; margin-bottom:30px; } 
.basicTable th:first-of-type { border-left:0; } 
.basicTable th { background:#f4f6f9; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:14px 15px 12px; min-height:50px; vertical-align:middle; font-weight:500; color:#252525; } 
.basicTable td { border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:13px 20px 14px; min-height:50px; vertical-align:middle; line-height:26px; color:#555; } 
.basicTable td + th { border-left:0; } 
.basicTable th.lineL { border-left:1px solid #e0e0e0; } 
.basicTable + .table-detail-type { margin-top:20px; border-top:1px solid #e0e0e0; } 
.basicTable th.required::after { content:'*'; color:#e90303; display:inline-block; font-size:inherit; } 
.basicTable.line td:first-of-type { border-left:0; } 
.basicTable.line td { border-left:1px solid #e0e0e0 } 
.basicTable.t02 th { background:#fff } 
.basicTable.t03 td { border-left:1px solid #e0e0e0; } 
.basicTable.t03 td:first-of-type { border-left:0; } 
.basicTable .text-detail { padding:35px 0 85px } 
.basicTable ul.blist,
.basicTable ul.blist li:last-child { margin-bottom:0; } 
.basicTable .link { display:flex; justify-content:space-between; align-items:center; } 
.basicTable.smaller th,
.basicTable.smaller td { font-size:14px; word-break:keep-all; } 
.tableWrap { scroll-direction:horizontal;scrollbar-3dLight-Color:#d0d0d0; scrollbar-arrow-color:#f05d30; scrollbar-base-color:#d0d0d0; scrollbar-Face-Color:#f05d30; scrollbar-Track-Color:#d0d0d0; scrollbar-DarkShadow-Color:#d0d0d0; scrollbar-Highlight-Color:#d0d0d0; scrollbar-Shadow-Color:#d0d0d0 } 
.tableWrap::-webkit-scrollbar { width:14px; height:14px; border:5px solid #fff; } 
.tableWrap::-webkit-scrollbar-button:start:decrement, .tableWrap::-webkit-scrollbar-button:end:increment { display:none; } 
.tableWrap::-webkit-scrollbar-track { background:#fafafa; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2) } 
.tableWrap::-webkit-scrollbar-thumb { height:50px; width:50px; background-image:linear-gradient(60deg, #004a8f 0%, #2b76b9 25%, #2cacd1 60%, #8cc227 100%); -webkit-border-radius:8px; border-radius:8px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1) } 


.pdataWrap a.btn_small { padding:0 12px; text-indent:18px; height:2.2em; line-height:2.2em; background:#4a4a4a url(../images/cont/private/icon_file1.png) no-repeat 13px center/10px auto; border-radius:.2em; display:inline-block; color: #ffffff; font-weight: 400;font-size: 14px; } 
.pdataWrap a.btn_small:hover,.pdataWrap a.btn_small:focus { color:#cdf858 !important } 
.pdataWrap a.btn_small:visited { color:#fff } 
.pdataWrap .lineBox { background:url(../images/cont/private/icon15.png) no-repeat 50px center; padding-left:170px } 
.pdataWrap .lineBox2 { background:url(../images/cont/private/icon19.png) no-repeat 50px center; padding-left:170px } 
.pdataWrap table div { display:block; padding:100px 0 0 0; /*min-height:125px*/; word-break:keep-all; color:#333; background-position:center 0 !important; vertical-align:top; text-align:center; } 
.pdataWrap table li { line-height:2.2 } 
.pdataWrap table.pdata_list { width:100% } 
.pdataWrap .left { text-align:left !important; }
.pdataWrap .indent { padding-left:18px; }
.pdataWrap .indent2 { padding-left:36px; }

.pdataWrap .icon01 { background:url(../images/cont/private/icon01.png) no-repeat; } 
.pdataWrap .icon02 { background:url(../images/cont/private/icon02.png) no-repeat; } 
.pdataWrap .icon03 { background:url(../images/cont/private/icon03.png) no-repeat; } 
.pdataWrap .icon04 { background:url(../images/cont/private/icon04.png) no-repeat; } 
.pdataWrap .icon05 { background:url(../images/cont/private/icon05.png) no-repeat; } 
.pdataWrap .icon06 { background:url(../images/cont/private/icon06.png) no-repeat; } 
.pdataWrap .icon07 { background:url(../images/cont/private/icon07.png) no-repeat; } 
.pdataWrap .icon08 { background:url(../images/cont/private/icon08.png) no-repeat; } 
.pdataWrap .icon09 { background:url(../images/cont/private/icon09.png) no-repeat; } 
.pdataWrap .icon10 { background:url(../images/cont/private/icon10.png) no-repeat; } 
.pdataWrap .icon11 { background:url(../images/cont/private/icon11.png) no-repeat; } 
.pdataWrap .icon12 { background:url(../images/cont/private/icon12.png) no-repeat; } 
.pdataWrap .icon13 { background:url(../images/cont/private/icon13.png) no-repeat; } 
.pdataWrap .icon14 { background:url(../images/cont/private/icon14.png) no-repeat; } 
.pdataWrap .icon15 { background:url(../images/cont/private/icon15.png) no-repeat; } 
.pdataWrap .icon16 { background:url(../images/cont/private/icon16.png) no-repeat; } 
.pdataWrap .icon17 { background:url(../images/cont/private/icon17.png) no-repeat; } 
.pdataWrap .icon18 { background:url(../images/cont/private/icon18.png) no-repeat; } 
.pdataWrap .icon20 { background:url(../images/cont/private/icon20.png) no-repeat; } 
.pdataWrap .icon21 { background:url(../images/cont/private/icon21.png) no-repeat; } 
.pdataWrap .icon22 { background:url(../images/cont/private/icon22.png) no-repeat; } 
.pdataWrap .icon23 { background:url(../images/cont/private/icon23.png) no-repeat; } 
.pdataWrap .icon24 { background:url(../images/cont/private/icon24.png) no-repeat; } 
.pdataWrap .icon25 { background:url(../images/cont/private/icon25.png) no-repeat; } 
.pdataWrap .icon26 { background:url(../images/cont/private/icon26.png) no-repeat; } 
.pdataWrap .icon27 { background:url(../images/cont/private/icon27.png) no-repeat; } 

.pdataWrap .pdataCon { } 
.pdataWrap h4 { font-size:1.5rem; font-weight:500; padding:12px 10px 7px 0; border-bottom:1px dashed #ccc; margin:50px 0 20px; color:#0259a6; background:none } 
.pdataWrap i { display:inline-block; width:40px; height:43px; background-size:40px !important; background-position:center !important; vertical-align:middle; margin-left:7px } 
.pdataWrap table i { width:30px; height:34px; background-size:30px !important } 

@media all and (max-width:768px) {
.pdataWrap h4 {font-size: 1.2rem;}
.pdataWrap .lineBox { background:none; padding:3% 3.5% } 
.pdataWrap .lineBox2 { background:none; padding:3% 3.5% } 
.pdataWrap table.pdata_list td { width:100% !important; display:block; border:none } 
.pdataWrap table.pdata_list { border-bottom:1px solid #e0e0e0; min-width:auto; } 
}
/*개인정보처리방침-20231017*/

.site_personnal a { color: #fcffc6; background:url(../images/icon/attachfile.png) no-repeat right 25px center/10px auto;}

@media (min-width: 1800px) and all { .lay_process ul li a { width:110px; height:110px; } 
 }

/*---------------------------tablet & mobile-----------------------*/

@media (min-width: 1025px) and (max-width: 1800px){
 .lay_process ul li.step4 { display:none } 
 .lay_process ul li.arw3 { display:none } 

 }

@media (min-width: 1301px) and (max-width: 1550px){
 .lay_process { padding:30px } 
 .lay_process h3 { margin:0 0 30px 0 } 
 .lay_process ul li.step a { width:93px; height:93px; padding:51px 0 0 0; line-height: 16px; } 
 .lay_process ul li.step a .process_img { top:15px } 
 .lay_process ul li.arw { background-size: 12px; width:10px } 
 }
@media all and (max-width: 1500px){
 .lay_mainVisual { width:40%; } 
 .main .lay_contentWrap { width: 60%; } 
 .swiper1 .swiper1-slide .swiper-text span.bt { font-size: 45px; } 
 .lay_search_date { width: 42%; } 
 .lay_search_box ul li.analysis { width: 75%; } 
 }


@media all and (max-width: 1300px) { header { width: 100%; height: 75px; float: none; min-height: 75px; } 
 .lay_pc_logo { display: none; } 
 .lay_m_logo { display: block; } 
 .lay_m_logo::after { content: ""; display: block; clear: both; } 
 .lay_m_logo h1 { float: left; padding: 16px 0 17px 20px; } 
 .lay_m_logo h1 img { padding: 0; } 
 .lay_gnb_open { background: url(../images/btn/btn_menu_more.png) no-repeat center center; float: right; width: 75px; height: 75px; } 
 .lay_gnb_open button { text-indent: -99999px; cursor: pointer; width: 100%; height: 100%; background: none; } 
 .lay_gnb_open button:hover { background: none; } 
 .lay_m_close { display: block; cursor: pointer; } 
 .lay_m_close { position: absolute; right: 0; top: 0; width: 80px; height: 100%; background: url("../images/btn/btn_menu_close.png") no-repeat center
 center; text-indent: -99999px; } 
 .lay_m_close button { width: 100%; height: 100%; } 

 .google_trans { position:absolute; top:8px; left:20px; margin:0 } 
 .goog-te-gadget-simple { width:85%; padding-top: 5px !important; padding-bottom: 5px !important } 


 /*---------- 더보기 메뉴----------*/
 .lay_top_wrap { z-index: 999999; background: #043b85; position: absolute; top: 0; right: 0; width: 80%; height: 100vh; overflow: hidden; display: none; } 
 .lay_top_wrap.on { display: block; } 
 .lay_top_wrap .lay_m_close { display: block; width: 50px; height: 50px; background: url(../images/btn/btn_menu_close.png) no-repeat center
 center; float: right; cursor: pointer; } 
 .lay_top_wrap .lay_m_close button { text-indent: -9999px; } 


 .lay_util { border-top: 1px solid #0f4997; border-bottom: 1px solid #002944; margin-top: 50px; } 
 .lay_gnb { position: relative; height: 100%; background: #004470; } 
 .lay_gnb > ul > li { position: static; width: 100%; border-bottom: 1px solid #002944; } 
 .lay_gnb > ul > li.on { background:none } 
 .lay_gnb > ul > li:hover { background: #002944; } 
 .lay_gnb > ul > li > a { width: 36%; } 
 .lay_gnb > ul > li.on > a { background: #002944 url(../images/icon/icon_menu_arrow.png) no-repeat
 95% center; } 
 .lay_gnb > ul > li:hover > a { background: #002944 url(../images/icon/icon_menu_arrow.png) no-repeat
 95% center; } 
 .lay_gnb > ul > li .lay_submenu { position: absolute; top: 0; right: 0; left: auto; width: 64%; display: none; margin-top: 0; height: 100%; max-height: none; border-top: 0; background: #002944; } 
 .lay_gnb > ul > li .lay_submenu.on { display: block; } 
 .lay_submenu li { border-bottom: 1px solid #012f6c; } 
 .lay_submenu_bg { /* position: fixed; */
 left: 215px; top: 0; height: 100%; width: 100%; background: #004470; } 
 .lay_submenu_bg.on { display: block; width: 100%; position: static; background: #004470; } 
 .black-bg.on { left: 0; opacity: 1; display: block; z-index: -9999999; } 



 /*---------footer-------*/
 .lay_footer { display: none; } 
 .lay_m_footer { display: block; background: #262626; } 
 .lay_policy { padding: 20px 20px; } 
 .lay_policy ul { display: flex; justify-content: space-between; flex-wrap: wrap; } 
 .lay_policy ul li { width: 32%; } 
 .lay_policy ul li a { border: 1px solid #555; padding: 10px 0; width: 100%; } 
 .lay_copyright { padding: 0 20px 20px 20px; text-align: center; } 
 .lay_mark { width: 100%; } 


 .lay_bodyWrap { position:relative; left:0px; float:none; padding:75px 0 0 0; width:100% } 

 .lay_search_box li.search_title { width: 18%; } 
 .lay_search_box>div { width: 50%; } 
 .lay_search_box>div:last-child { width: 45%; } 

 .lay_Sitemap>ul>li>div { padding-left: 200px; } 
}


@media all and (max-width: 1200px){
 .lay_Sitemap>ul>li>div { padding-left: 150px; } 
 .lay_Sitemap>ul>li>div>a { left:10px } 
 .lay_Sitemap>ul>li>div>ul>li { padding-right:20px } 

 .lay_analysis_view li { text-align: left; padding: 15px 20px; } 
 }

@media (min-width: 1025px) and (max-width: 1200px){
 .lay_process ul li a { width:93px; height:105px; } 
 .lay_analysis_view li .analysis_img { left:67%; top:22px } 

 }
 @media (min-width: 1025px) and (max-width: 1300px) and (max-height: 860px){
 .swiper-container { width:101% } 

 .lay_main_col h3 { font-size:20px } 
 .lay_main_col.col3 h3 { margin:0 0 8px 0 } 
 .lay_main_col .more { right:35px; } 
 .lay_main_col h3:before { width:33px } 

 .lay_process { padding:25px 35px; } 
 .lay_process h3 { margin:0 0 15px 0 } 
 .lay_process ul li a { width:95px; height:95px; line-height: 16px; padding:50px 0 0 0 } 

 .lay_equipment { padding:25px 34px; } 
 .lay_quickmenu ul li { padding:0 25px 0 0 } 
 .lay_quickmenu ul li a { padding:0 75px 0 35px; background-size:60px } 
 .lay_quickmenu ul li a .tit { font-size:17px; margin:0 } 

 .lay_board ul li { line-height: 26px; } 
 .lay_board ul li:last-child { display: none; line-height: 25px; } 
 }

@media all and (max-width: 1024px) { 
    body,
 table,
 input,
 textarea,
 select,
 button,
 div { font-size: 15px; } 


 /*---------Main-Content-------*/

 .lay_bodyWrap { width: 100%; height: auto; float: none; position: relative; left: 0; padding: 75px 0 0 0; max-height:none } 
 .main .lay_bodyWrap { height: auto; max-height:none } 
 .bx-wrapper { background: url(../images/btn/cv_arrow_l.png) no-repeat 0 0; } 
 .main .lay_contentWrap { width: 100%; float: none; } 
 .lay_mainVisual { display: block; width: 100%; max-width: 1024px; height: 450px; overflow: hidden; float:none } 
 .swiper1 .swiper1-slide .swiper-text {top: 0;}
 .swiper1 .swiper1-slide .swiper-text span.bt { margin-top: 45px; line-height: 85px; font-size: 47px; } 
 .lay_process { padding:30px } 
 .lay_equipment { height:415px } 
 .lay_quickmenu ul li a { padding:25px 110px 25px 40px } 

 /*---------Sub-Content-------*/

 .lay_contentWrap { padding: 0 30px 50px 30px; } 
 .lay_sub_navi { padding: 40px 0; } 
 .lay_location { margin: 0 0 20px 0; } 
 .lay_pageTitle { padding: 0 0 20px 0; border-bottom: 3px solid #5f8dac; } 
 .lay_pageTitle h2 { font-size: 30px; font-weight: 600; } 
 .lay_search_box>div { width: 49%; } 
 .lay_search_box>div:last-child { width: 46%; } 
 .lay_analysis_view li .analysis_img { background:none } 

 /*sitemap*/
 .lay_Sitemap>ul>li>div { padding-left: 0; } 
 .lay_Sitemap>ul>li>div>a { position: static; width: 100%; padding: 20px 0; border-bottom: 1px solid #d1d1d1; } 
 .lay_Sitemap>ul>li>div>a:after { display: none; } 
 #popup { width:auto !important;}
 }

@media all and (max-width: 850px){
 .lay_analysis_view li { padding: 15px; } 
 }

@media (min-width: 801px) and (max-width: 899px){
 .lay_process ul li.step { width:px; height:105px; } 
 }

@media all and (max-width: 800px){
 .lay_main_col > div { width: 100%; float:none } 
 .lay_process ul li { margin:0 0 20px 0 } 
 .lay_process ul li.mb0 { margin:0 } 
 .lay_process ul li.step { width:30%; } 
 .lay_process ul li.step a { width:120px; height:120px; border-radius: 60px; margin:0 auto; padding:60px 0 0 0 } 
 .lay_process ul li.arw3 { display:none } 
 .lay_equipment { height:500px } 
 .lay_quickmenu { border-left:0; border-top:1px solid #d8d8d8 } 
 .lay_board.qna { border-left:0; border-top:1px solid #d8d8d8 } 
 .lay_search_box>div { width: 100%; } 
 .lay_search_box>div:last-child { width: 100%; margin-top: 8px; } 
 .lay_search_box ul li { width: 100%; text-align: left; } 
 .lay_search_box ul li.analysis { width: 100%; display: inline-block; text-align: left; } 
 .lay_search_box select { width: auto; } 
 .lay_analysis_view ul { display: inline-block; width: 100%; } 
 .lay_analysis_view li { width: 26%; margin: 0.5% 1%; } 
 .lay_analysis_view li:first-child { margin-left: 1%; } 
 .lay_analysis_view li:last-child { margin-right: 1%; } 
 .lay_analysis_view li span { margin-right: 10px; } 
 .lay_search_box .lay_equ_search .search_title { font-size: 16px; margin-right: 0; line-height: 22px !important; text-align:center !important; width: 100%; display: block; margin-bottom: 10px; } 

 /*sitemap*/
 .lay_Sitemap>ul>li>div>ul>li { width: 50%; } 
 }

@media all and (max-width: 660px){
 .lay_analysis_view li { width: 24%; } 
 }
@media all and (max-width: 500px){
 .lay_policy ul li { width: 100%; } 
 .lay_policy ul { display: block; } 
 .lay_policy ul li a { padding: 7px 0; } 

 .lay_mainVisual { display: block; max-height: 300px; overflow: hidden; } 
 .swiper1 .swiper1-slide .swiper-text span.bt { margin-top: 38px; line-height: 55px; font-size: 35px; } 
 .lay_process { padding:25px 20px } 
 .lay_process ul li.arw { background-size: 10px; width:10px } 
 .lay_process ul li.step a { width:90px; height:90px; border-radius: 45px; padding:50px 0 0 0; font-size:12px; line-height: 14px; } 
 .lay_equipment { padding:25px 20px; height:400px } 

 .lay_quickmenu ul li { padding:0 20px 0 0 } 
 .lay_quickmenu ul li a { padding:25px 80px 25px 20px } 
 .lay_board { padding:25px 20px } 
 .lay_contentWrap { padding: 0 20px 30px 20px; } 

 .lay_sub_navi { padding: 25px 0; } 
 .lay_location { margin: 0 0 10px 0; } 
 .lay_pageTitle { padding: 0 0 15px 0; border-bottom: 3px solid #5f8dac; } 
 .lay_pageTitle h2 { font-size: 25px; font-weight: 600; } 

 .lay_top_wrap { width: 100%; } 
 .lay_search_box li.search_title { width: 19%; } 
 /*sitemap*/
 .lay_Sitemap>ul>li>div>ul>li { width: 100%; padding-right: 0; } 
 .lay_board_list tbody td { padding:8px 2px; } 
 }


@media all and (max-width: 450px){
 .lay_search_box li.search_title { width: 22%; } 
 .lay_analysis_view li { width: 22%; } 
 .lay_analysis_view li span:first-child { font-size: 14px; margin-bottom: 5px; } 
 .lay_analysis_view li span:last-child { font-size: 18px; } 
 }

@media all and (max-width: 379px){
 .lay_analysis_view li { width: 24%; } 
 .lay_analysis_view li { padding: 10px; } 
 .lay_search_box { float: LEFT; padding: 13px 3%; WIDTH: 94%; } 
 .lay_search_box input.s_btn { padding: 0 12px; } 
 .lay_search_box li.search_title { width: 17%; line-height: 18px; } 
 }