/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
    src:  url(/font/NanumGothic-Regular.eot);
    src:  url(/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
    url(/font/NanumGothic-Regular.woff2) format('woff2'),
    url(/font/NanumGothic-Regular.woff) format('woff'),
    url(/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
    src:  url(/font/NanumGothic-Regular.eot);
    src:  url(/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
    url(/font/NanumGothic-Regular.woff2) format('woff2'),
    url(/font/NanumGothic-Regular.woff) format('woff'),
    url(/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
    src:  url(/font/NanumGothic-Regular.eot);
    src:  url(/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
    url(/font/NanumGothic-Regular.woff2) format('woff2'),
    url(/font/NanumGothic-Regular.woff) format('woff'),
    url(/font/NanumGothic-Regular.ttf) format('truetype');
}
/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:keep-all;-ms-word-break:keep-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
.search_img{height: 100%}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
/*body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Nanum Gothic'; color:#7d7d7d;}*/
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Arial'; color:#7d7d7d;}
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type3,.tbl_type3 th,.tbl_type3 td{border:0}
.tbl_type3{border: 1px solid #ddd; width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type3 th{color: #555555; padding:10px 0 10px 0; background:#E8E8E8; text-align:center; border-bottom: 1px solid #ddd;}
.tbl_type3 p{font-size:11px; color:#b6b7bc;}
.tbl_type3 td{font-size: 15px;  color: #555; line-height: 28px; text-align: center; padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px; border-bottom: 1px solid #ddd;}

/*로그인스킨*/
.login_wrap{width:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;}
.login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#333; border:none; }
.num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;}
.font_color{color:#1a386a; font-weight:bold;}

/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.center{text-align:center;}
.inner {width:1200px; margin:0 auto;}
/* ----- main ----- */
#wrap {width:100%; min-width:1200px; overflow:hidden;}
#header {width:100%; height:135px; background:#fff;}
#header .inner {position:relative;}
#header .pc_logo {top:40px; left:0;}
#header .tab_logo {display:none;}
#header .mob_logo {display:none;}
.header_top_wrap {float:right; padding-top:10px; overflow:hidden;}
.header_top {float:right;}
.header_top li {float:left; height:34px; line-height:34px;}
.header_top li a {display:inline-block; padding-left:20px; font-size:12px; color:#555;}
.lang_menu {padding:5px 0;}
.lang_menu li {width:100%; line-height:22px; }
.lang_menu li a {display:inline-block; padding-left:12px; width:100%; font-size:11px; color:#666;}
.lang_menu li:hover a {font-weight:bold;}

.ProductSearch {position:absolute; top: 20px; right: 390px; width:95px;}

.search_wrap {position:absolute; top:42px; right:0; width:201px; height:30px; line-height: 28px; margin-left:10px; color: #fff; font-size: 15px; padding-left:24px; background:url(/images/main/search_btn.jpg) center center no-repeat;}


#gnb {position:absolute; top:38px; right:0; z-index:99;}
#gnb > li {position:relative; float:left; margin-left:50px; height:80px; line-height:92px;}
#gnb > li > a {display:block; width:100%; height:100%; font-size:18px; color:#333;}
#gnb > li:hover > a {color:#003d91; font-weight:bold;}

/* .gnbBox{position:absolute; top:0; left:0; width: 150px;} */

.gnb_2depth {display:none; position:absolute; top:80px; left:-10%; /* margin-left:-101px; */ z-index:99999; width:100%; height:auto;  background: #fff;
border:1px solid #ddd; text-align:left; font-size:0;}
.gnb_2depth::before{position: absolute; top: -9px; left:15px; content:''; width: 18px; height: 18px; background: #fff; border-left:1px solid #ddd; border-top:1px solid #ddd;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari 3-8 */
    transform: rotate(45deg);
}
.gnb_2depth.menu_center {left:50%; transform:translateX(-50%);} 
.gnb_2depth.menu_center::before { left:50%; transform:translateX(-50%) rotate(45deg);}

.gnb_2depth.menu_center2 {left:25%; transform:translateX(-50%);} 
.gnb_2depth.menu_center2::before { left:50%; margin-left:99px;}

.gnb_2depth.menu_right {left:auto; right:-10%;} 
.gnb_2depth.menu_right::before { left:auto; right:15px;}

.gnb_2depth .col5{display:inline-block; vertical-align:top; width: 20%; padding:15px 10px 20px 10px;}
.gnb_2depth .col4{display:inline-block; vertical-align:top; width: 25%; padding:15px 10px 20px 10px;}
.gnb_2depth .col3{display:inline-block; vertical-align:top; width: 33%; padding:15px 10px 20px 10px;}
.gnb_2depth .col2{float: left; width: 50%; padding:15px 10px 20px 10px;}
.gnb_2depth .col1{float: left; width: 100%; padding:15px 10px 20px 10px;}

.gnb_2depth .menubox{border:0px solid red;}
.gnb_2depth .menubox h3{font-size: 15px; line-height: 24px; border-bottom:1px solid #003d91; font-weight: bold; padding-bottom:10px;}
.gnb_2depth .menubox h3 a {color: #003d91;}
.gnb_2depth .menubox dl{position: relative; width: 100%; overflow: hidden;}
.gnb_2depth .menubox dt{position: relative; font-size: 13px; color: #000; line-height: 20px; font-weight: bold; padding-left:0px; margin-top:12px; margin-bottom: 0px;}
/*.gnb_2depth .menubox dt::before{position: absolute; top: 9px; left: 0; content:''; width: 6px; height: 6px; border:1px solid #000;}*/
.gnb_2depth .menubox dt a{color: #2060a0; font-weight: bold;}
/*.gnb_2depth .menubox dt a{color: #000; font-weight: bold;}*/
.gnb_2depth .menubox dd {position: relative; font-size: 13px; line-height: 17px; color: #666; padding-left:16px;}
.gnb_2depth .menubox dd a {color: #666;}
.gnb_2depth .menubox dd::before{position: absolute; top: 2px; left: 0; content:'-'; color: #666; padding-left:8px;}

.size_menu4{width:772px;}
.size_menu3{width:600px;}
.size_menu2{width:386px;}
.size_menu1{width:180px;}

.btn_navi_wrap {position:absolute; top:0; left:0; width:80px; height:80px; display:none; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)";}
.btn_navi_wrap img {width:100%; height:100%;}
.navi {display:none; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)";}
.navi .lnb {display:none;}

/* .search_tab_wrap {display:none;}
.search_box {display:none;} */

.btn_search_wrap{display:none;}
.btn_search{display:none;}

/*팝업*/
#search_popup {position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; display:none;}
#search_popup_eng {position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; display:none;}
#search_popup_chn {position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; display:none;}

.sp_bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:-1;}
.sp_close {position:absolute; top:35px; left:50%; margin-left:570px; cursor:pointer;}
.sp_wrap {width:1200px; height:780px; background:#fff; margin:0 auto; margin-top:95px;}
.sp_menu_wrap {float:left; width:220px; padding:20px;}

.sp_menu {}
.sp_menu > li {line-height:15px; background:url(/images/main/sp_menu.jpg) no-repeat; margin-top:25px;}
.sp_menu > li:first-child {margin-top:0;}
.sp_menu > li > a {display:block; width:100%; font-size:14px;  color:#666; font-weight:bold;
						 padding-left:25px;}
.sp_menu > li.on {background:url(/images/main/sp_menu_on.jpg) no-repeat;}
.sp_menu > li.on > a {color:#0d4189;}
.sp_menu > li:hover {background:url(/images/main/sp_menu_on.jpg) no-repeat;}
.sp_menu > li:hover > a {color:#0d4189;}

.sp_menu_eng {}
.sp_menu_eng > li {line-height:15px; background:url(/images/main/sp_menu.jpg) no-repeat; margin-top:25px;}
.sp_menu_eng > li:first-child {margin-top:0;}
.sp_menu_eng > li > a {display:block; width:100%; font-size:14px;  color:#666; font-weight:bold;
						 padding-left:25px;}
.sp_menu_eng > li.on {background:url(/images/main/sp_menu_on.jpg) no-repeat;}
.sp_menu_eng > li.on > a {color:#0d4189;}
.sp_menu_eng > li:hover {background:url(/images/main/sp_menu_on.jpg) no-repeat;}
.sp_menu_eng > li:hover > a {color:#0d4189;}

.sp_menu_chn {}
.sp_menu_chn > li {line-height:15px; background:url(/images/main/sp_menu.jpg) no-repeat; margin-top:25px;}
.sp_menu_chn > li:first-child {margin-top:0;}
.sp_menu_chn > li > a {display:block; width:100%; font-size:14px;  color:#666; font-weight:bold;
						 padding-left:25px;}
.sp_menu_chn > li.on {background:url(/images/main/sp_menu_on.jpg) no-repeat;}
.sp_menu_chn > li.on > a {color:#0d4189;}
.sp_menu_chn > li:hover {background:url(/images/main/sp_menu_on.jpg) no-repeat;}
.sp_menu_chn > li:hover > a {color:#0d4189;}

.sp_2depth {padding-top:0; height:0; overflow:hidden; transition:all 0.4s linear;}
.sp_2depth.on {padding-top:23px;  height:206px;}
.sp_2depth > li {position:relative; padding-left:30px;}
.sp_2depth > li:before {position:absolute; top:7px; left:15px; width:7px; height:2px; 
							  content:''; background:#333;}
.sp_2depth > li > a {font-size:14px; color:#333;}
.sp_2depth > li.on > a {font-weight:bold;}
.sp_2depth > li:hover > a {font-weight:bold;}
.sp_3depth {padding:11px 0; padding-bottom:18px;}
.sp_3depth > li {position:relative; padding-left:0px; line-height:26px;}
.sp_3depth > li:before {position:absolute; top:12px; left:-15px; width:3px; height:3px; 
							  content:''; background:#777;}
.sp_3depth > li > a {font-size:13px; color:#777;}
.sp_3depth > li.on > a {font-weight:bold;}
.sp_3depth > li:hover > a {font-weight:bold;}

.sp_con_wrap {float:right; width:980px; height:780px; padding:20px; padding-left:0;}
.sp_con {width:100%; height:100%; border:1px solid #ddd; padding:19px;}
.sp_top {width:100%; height:59px; padding-left:154px; overflow:hidden;}
.sp_top_search {float:left; position:relative; width:505px; height:40px;}
.sp_top_search span {display:inline-block; font-size:17px; color:#333; line-height:40px;}
.sp_top_search input {position:absolute; top:0; right:45px; width:400px; height:40px; border:1px solid #aaa; padding-left:10px; outline:none;}
.sp_top_search button {position:absolute; top:0; right:0; width:40px; height:40px; background:url(/images/main/sp_top_search.jpg) no-repeat; outline:none;}
.sp_excel {float:left; width:84px; height:40px; background:url(/images/main/sp_excel.jpg) no-repeat; margin-left:20px;}
.sp_excel a {display:block; width:100%; height:100%;}

.scroll-inner {width:920px; height:640px; overflow:hidden;}

.tbl_search{width:1000px; border-top:2px #0d4189 solid;}
.tbl_search th {white-space:nowrap; height:36px; text-align:center; border-left:1px solid #ddd; background:#f5f5f5; border-bottom:1px solid #ddd; font-size:13px; color:#0d4189; font-weight:bold; line-height:20px; padding:5px 7px;}
.tbl_search th:last-child{border-right:1px solid #ddd}
.tbl_search td{white-space:nowrap; border-bottom:1px solid #ddd; padding:5px 7px; font-size:13px; line-height:20px; border-left:1px solid #ddd; text-align:center; color:#333;}
.tbl_search td:last-child{border-right:1px solid #ddd}
.tbl_search td a{color:#333;}
.tbl_search td img{vertical-align:middle;}

#visual_wrap_pc{width:100%; height:400px; position:relative; overflow:hidden; z-index:9;}
#visual_wrap_tab{display:none; position:relative; overflow:hidden;}
#visual_wrap_mob{display:none; position:relative; overflow:hidden;}

#contents {width:100%; max-width:1920px; margin:0 auto; overflow:hidden;}
#section1 {width:100%; height:748px; background:#f7f7f7;}
.m_tit {width:100%; height:212px; text-align:center; padding-top:60px;}
.m_tit h2 {font-size:45px; color:#231f20; font-weight:900; margin-bottom:4px;}
.m_tit p {font-size:16px; color:#666;}
.sec1_con {width:100%; overflow:hidden; padding-top:3px;}
.news {float:left; width:800px;}
.news ul {width:100%;}
.news ul li {width:100%; height:161px; border-bottom:1px solid #ddd; overflow:hidden; padding-top:30px;}
.news ul li:first-child {height:131px; padding-top:0;}
.news ul li a {}
.news ul li .news_img {float:left; width:140px; height:100px; border:1px solid #ddd;}
.news ul li .news_img img {width:100%; height:100%;}
.news ul li .news_txt {float:left; width:660px; padding-left:20px; word-break:keep-all;}
.news ul li .news_txt h3 {font-size:16px; color:#444444; line-height:18px; margin-bottom:11px;}
.news ul li .news_txt .news_desc {font-size:14px; color:#666666; line-height:24px;}

.news_slider_wrap {position:relative; float:right; width:360px; height:453px; border:1px solid #ddd; padding:38px 0;
						 padding-bottom:0; padding-left:20px; background:#fff; overflow:hidden;}
.news_slider {width:100%;}
.news_slider li {width:100%; height:97px; overflow:hidden; margin-top:12px;}
.news_slider li:first-child {margin-top:0;}
.news_slider li a {}
.news_slider li .slider_left {float:left; width:95px; text-align:center;}
.news_slider li .slider_left .slider_img {width:95px; height:68px; border:1px solid #ddd; margin-bottom:6px;}
.news_slider li .slider_left .slider_img img {width:100%; height:100%;}
.news_slider li .slider_left span {font-size:13px; color:#333; font-weight:bold;}
.slider_txt {float:left; width:310px; padding-left:20px;}
/*.slider_txt {float:left; width:220px; padding-left:20px;}*/ /*메인 페이지 이미지 빼고 css 수정*/
.slider_txt h3 {font-size:16px; color:#444; line-height:20px;}
.slider_txt h3 span {display:inline-block; width:48px; height:23px; border-radius:100px; text-align:center;
						  line-height:23px; color:#fff; font-size:12px; font-weight:bold; margin-right:9px;}
.slider_txt h3 span.tool {background:#003d91;}
.slider_txt h3 span.new {background:#8ec31f;}
.slider_txt .slider_desc {margin-top:8px; font-size:13px; color:#666; line-height:22px; width:100%;} /*메인 페이지 이미지 빼고 css 수정*/
/*.slider_txt .slider_desc {margin-top:8px; font-size:13px; color:#666; line-height:22px; width:90%;}*/ /*메인 페이지 이미지 빼고 css 수정*/
.slider_tab {display:none;}

#section2 {width:100%; height:732px; background:#0d4189;}
#section2 .m_tit h2 {color:#fff;}
#section2 .m_tit p {color:#fff;}
.sec2_con {width:100%; overflow:hidden;}
.box {float:left; width:390px; height:440px; margin-left:15px; text-align:center;
       border-bottom:15px solid #ccc;}
.box:hover {border-bottom:15px solid #5084cc;}
.box a {display:block; width:100%; height:100%; padding-top:269px;}
.box h3 {font-size:24px; color:#333; margin-bottom:16px;}
.box p {font-size:16px; color:#666; line-height:26px; word-break:keep-all;}
.box01 {background:#fff url(/images/main/box01.png) no-repeat; margin-left:0;}
.box02 {background:#fff url(/images/main/box02.png) no-repeat;}
.box03 {background:#fff url(/images/main/box03.png) no-repeat;}

.box01:hover {background:#f5f5f5 url(/images/main/box01.png) no-repeat; margin-left:0;}
.box02:hover {background:#f5f5f5 url(/images/main/box02.png) no-repeat;}
.box03:hover {background:#f5f5f5 url(/images/main/box03.png) no-repeat;}


#section3 {width:100%; height:500px; background:url(/images/main/section3.jpg) center top no-repeat;}
#section3 .m_tit {width:100%; height:229px; text-align:center; padding-top:90px;}
#section3 .m_tit h2 {color:#fff;}
#section3 .m_tit p {color:#fff;}
.sec3_con {width:100%; text-align:center;}
.sec3_con p {font-size:16px; color:#fff; line-height:26px;}
.sec3_con p span.sec3_bar_pc01 {display:block;}
.sec3_con p span.sec3_bar_pc02 {display:block;}
.sec3_con .sec3_more {width:130px; height:40px; border:1px solid #fff; text-align:center; line-height:38px;
							  margin:0 auto; margin-top:44px;}
.sec3_con .sec3_more a {display:block; width:100%; height:100%; font-size:14px; color:#fff;}

#section4 {width:100%; height:455px; padding-top:80px;}
.sec4_con {width:100%; overflow:hidden; text-align:center;}
.go {position:relative; float:left; width:396px; height:295px; margin-left:6px; overflow:hidden; z-index:99}
.go a {display:block; width:100%; height:100%; padding-top:85px;}
.go h3 {font-size:24px; color:#fff; margin-bottom:13px; }
.go p {font-size:15px; color:#fff; font-weight:bold; line-height:30px;}
.go img {margin-top:20px;}
.go img.go_bg {position:absolute; top:0; left:0; margin-top:0; z-index:-9}
.go01 {margin-left:0; }
.go:hover img.go_bg {
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	 transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2); /* IE 9 */
}


#section5 {width:100%; height:90px; background:#eee; overflow:hidden;}
.partner_wrap_tab {width:100%; overflow:hidden;}
#section5 h3 {float:left; width:170px; font-size:20px; color:#3e4148; line-height:92px;}
.partner_wrap {position:relative; float:left; height:90px; padding-top:18px;}
.partner li {width:190px; height:55px;}
.partner li img {width:100%; height:100%;}

#footer {width:100%; height:166px; background:url(/images/main/footer_bg.jpg) repeat-x;}
#footer .inner {position:relative;}
.footer_logo {position:absolute; top:89px; right:0;}
.footer_top {height:50px; line-height:50px;}
.footer_top span {display:inline-block; margin-right:15px;}
.footer_top span:first-child {letter-spacing:-0.3px;}
.footer_top span a {font-size:14px; color:#b4b6b8;}
address {padding-top:15px;}
address p {font-size:13px; color:#fff; line-height:26px;}
address p span {display:inline-block; margin-right:17px;}
address p span.f_bar {margin-right:0;}
address p span.f_mob {margin-right:0;}
address p.copyright {color:#b4b6b8; margin-top:10px;}

/*----------- sub page ----------*/
#sub_visual_wrap {position:relative; width:100%; overflow:hidden;}
.sub_visual_pc {display:block;}
.sub_visual_tab {display:none;}
.sub_visual_mob {display:none;}

.menu02 {width:100%; max-width:1920px; height:32px; margin:0 auto; background:#f5f5f5;}
.menu02 .lnb {width:100%;}
.menu02 .lnb h3 {float:left; width:50%; height:32px; line-height:31px; text-align:center;}
.menu02 .lnb a {display:block; width:100%; height:100%; font-size:16px; color:#666;}
.menu02 .lnb h3.on {background:#0d4189;}
.menu02 .lnb h3.on a {color:#fff;}
.menu02 .lnb h3:hover {background:#0d4189;}
.menu02 .lnb a:hover {color:#fff;}

.tab_menu02, .tab_menu03, .tab_menu04 {display:none;}

#sub_contents {width:100%; min-height:600px; overflow:hidden; padding-top:8px; padding-bottom:40px;}

.menu03 {width:100%; border:1px solid #ddd; background:#f5f5f5; padding:4px 28px; padding-right:0;}
.menu03 .lnb {width:100%; overflow:hidden; word-break:keep-all;}
.menu03 .lnb h3 {float:left; line-height:24px; margin-right:45px;}
.menu03 .lnb a {font-size:14px; color:#555555;}
.menu03 .lnb h3.on {}
.menu03 .lnb h3.on a {color:#0d4189;}
.menu03 .lnb h3:hover {}
.menu03 .lnb a:hover {color:#0d4189;}

.menu04 {width:100%; text-align:left; margin-top:8px;}
.menu04 .lnb {width:100%; overflow:hidden;}
.menu04 .lnb h3 {display:inline-block; height:24px; margin-left:51px; font-weight:normal;}
.menu04 .lnb h3:first-child {margin-left:0;}
.menu04 .lnb a {display:block; height:100%; font-size:14px; color:#555555; padding-top:0px;}
.menu04 .lnb h3.on {border-bottom:2px solid #0d4189; font-weight:bold;}
.menu04 .lnb h3.on a {font-size:14px; color:#0d4189;}
.menu04 .lnb h3:hover {border-bottom:0px solid #0d4189; font-weight:bold;}
.menu04 .lnb a:hover {font-size:14px; color:#0d4189;}

.contop {width:100%; margin:0px 0 25px 0; text-align:center;}
.contop h2 {font-size:40px; line-height: 46px; color:#222;margin-top: 8px;}
.contop h3 {text-align: right; font-size:13px; color:#a0c0c0; font-weight: normal; margin-top:0px;}
.contop h3 span{margin:0 13px;}
.contop h3 p{display: inline-block; color: #80a0a0; font-weight: bold;}
.conbody {margin-top: 5px;}

.tbl_spec_new{width:100%; border:1px solid #ddd;}
.tbl_spec_new th {height:36px; background:#e8e8e8; border-bottom:1px solid #ddd; font-size:14px; color:#333; font-weight:bold; line-height:20px; padding:10px 5px; text-align:left; padding-left:20px;}
.tbl_spec_new td{border-bottom:1px solid #ddd; padding:10px; font-size:14px; line-height:24px; border-right:1px solid #ddd; text-align:left; padding-left:20px; color:#444;}

/* 회사 정보 -- sub0401 */
#sub0401_Wrap strong {display:block; font-size:20px; font-weight:bold; color:#555555; line-height:34px; word-break:keep-all; margin-bottom: 15px;}
#sub0401_Wrap strong span {color:#0d4189;}
#sub0401_Wrap > p {font-size:16px; color:#555; line-height:28px; margin-top: 5px;}
#sub0401_Wrap > p > span {display:block;}
.sub0401_img_pc {margin-top:25px;}
.sub0401_img_tab {display:none;}
.sub0401_img_mob {display:none;}
.sub0401_middle {width:100%; overflow:hidden; margin-top:30px;}
.sub0401_middle_img {float:left; width: 600px; }
.sub0401_middle_img img {}
.sub0401_middle_img02 {float:right;}
.sub0401_middle_img02 img {}
.sub0401_mid_tab {display:none;}
.sub0401_mid_mob {display:none;}
.sub0401_bottom {margin-top:69px;}
.sub0401_bottom h4 {font-size:30px; color:#222; padding-left:26px;
background:url(/images/sub/sub_dot.jpg) 0 18px no-repeat; margin-bottom:10px;}
.sub0401_bottom p {font-size:15px; color:#555; line-height:36px;}





/* 사업 분야 */
.pcimg {display:block;}
.tabimg {display:none;}
.mobimg {display:none;}

.ptxt01 {font-size: 20px;font-weight: bold;color: #555555;line-height: 34px; }
.ptxt01 span {color:#0d4189;}
.ptxt02 {font-size:16px; color:#555; line-height:28px; margin-top:17px;}
.h4tit01 {font-size:30px; color:#222; padding-left:26px;background:url(/images/sub/sub_dot.jpg) 0 18px no-repeat; margin-bottom:10px; margin-top:70px;}

.productintro_wrap {width:100%; overflow:hidden;}
.productintro_wrap li.productintro01 {float:left; width:380px; margin-right:20px; margin-top:10px;/*  height:500px; */}
.productintro_wrap li.productintro01:last-child {margin-right:0;}
.productintro_wrap li.productintro01 .imgarea {width:100%; height:250px;}
.productintro_wrap li.productintro01 .imgarea img {width:100%;}
.productintro_wrap li.productintro01 .txtarea {margin-top: 20px; background: #f4f4f4; padding-bottom: 20px;}
.productintro_wrap li.productintro01 .txtarea .mcutit01 {display:block; width:100%; height:55px; line-height:55px;  font-size:20px; color:#fff; padding-left:20px;}
.productintro_wrap li.productintro01 .txtarea .mcutxt01 {background:#f4f4f4; display:block; padding:20px;}
.productintro_wrap li.productintro01 .txtarea .mcutxt01 li {font-size:16px; color:#555555; margin-bottom:15px; position:relative; padding-left:10px;} 
.productintro_wrap li.productintro01 .txtarea .mcutxt01 li::before {width:3px; height:3px; background:#333; position:absolute; left:0; top:12px; content:'';}



/*소개 공통*/
.IntroduceBox{width:100%; overflow:hidden;}
.IntroduceBox h3:first-child{margin-top:0;}
.IntroduceBox h3{font-size:20px; color:#0d4189; line-height:34px; margin-top:60px; margin-bottom:10px;}
.IntroduceBox h4{font-size:16px; color:#555; font-weight:normal; line-height:28px; margin-bottom:10px;}
.IntroduceBox h4 span{background:#8ec31f; padding:3px 6px; color:#fff;}
.IntroduceBox .img{margin-top:20px;}
.IntroduceBox .list_dot li{background:&bull;/*url('/images/sub/bullet.jpg')*/ 0 12px no-repeat; padding-left:12px; font-size:16px; color:#555; line-height:28px; margin-bottom:5px;}


.tbl_common1{width:100%; border-top:2px #444 solid;}
.tbl_common1 th {height:26px; text-align:center;  background:#c5e5f5; border-bottom:1px solid #ddd; font-size:14px; color:#333; font-weight:bold; line-height:22px; padding:4px 5px;}
.tbl_common1 td{border-bottom:1px solid #ddd; padding:4px 5px; font-size:13px; line-height:22px; border-right:1px solid #ddd; text-align:left; color:#555; padding-left:15px; word-break:keep-all;}
.tbl_common1 td:last-child{border-right:0px;}
.tbl_common1 td a{color:#555;}
.tbl_common1 td img{vertical-align:middle;}

/*.tbl_common2{width:100%; border-top:2px #444 solid;}*/
/*.tbl_common2 th {height:26px; text-align:center;  background:#c5e5f5; border-bottom:1px solid #ddd; font-size:14px; color:#333; font-weight:bold; line-height:22px; padding:4px 5px;}*/
/*.tbl_common2 td{border-bottom:1px solid #ddd; padding:4px 5px; font-size:13px; line-height:22px; border-right:1px solid #ddd; text-align:center; color:#555; word-break:keep-all;}*/
/*.tbl_common2 td a{color:#2864d0;}*/
/*.tbl_common2 td img{vertical-align:middle;}*/


.tbl_pc{display:block;}
.tbl_mobile{display:none;}


/*sub0105 연혁*/
.hiswrap {width:100%;overflow:hidden; background:url(/images/sub/his_line.jpg) repeat-y center top;}
.hiswrap .img{cursor: pointer; width: 100%;}
.hisleft{overflow:hidden;width:50.9%;float:left;text-align:left;margin-right:49%;margin-bottom:50px;} 
.hisright{overflow:hidden;width:50.7%;float:right;text-align:left;margin-left:49%;margin-bottom:50px;} 
.years01 {font-size:24px;color:#0d4189;width:62px; }
.mdate_ul {overflow:hidden; padding-top:5px;}
.mdate_ul .date01 p{float:left; width:90%;font-size:16px;line-height:28px;color:#555;margin-bottom:10px; word-break:keep-all;}
.hisright .mdate_ul .date01 .month01 {float:left; width:10%; font-size:16px;font-weight:bold;color:#555; }
.hisleft .mdate_ul .date01 .month01 {float:right; width:10%; font-size:16px;font-weight:bold;color:#555; }

.hisleft .years01 {float:right;text-align:right;width:20%;padding-right:40px;background:url(/images/sub/history_dot.png) no-repeat right 10px;}
.hisleft .mdate_ul {float:right;text-align:right;width:80%;}
 
.hisright .years01 {width:20%;float:left;padding-left:40px; background:url(/images/sub/history_dot.png) no-repeat left 10px;}
.hisright .mdate_ul  {width:80%;float:left;}

/*contact*/
.contact_pc{display:block;}
.contact_mobile{display:none;}

.tbl_contact{width:100%; border:1px solid #ddd; margin-top:20px;}
.tbl_contact th {height:36px; font-size:14px; color:#333; font-weight:bold; line-height:20px; padding:10px 5px; text-align:left; padding-left:20px;}
.tbl_contact td{padding:10px; font-size:14px; line-height:24px; text-align:left; padding-left:20px; color:#444;}

.btn_send{background:#0d4189; color:#fff; display:block; width:200px; height:60px; line-height:60px; margin:50px auto 0; text-align:center; font-size:17px; font-weight:bold;}
.btn_send a{color:#fff; display:block;}

input.form_input{border:1px solid #ddd; height:30px;}
select.form_select{border:1px solid #ddd; height:30px;}
textarea.form_textarea{border:1px solid #ddd;}

/*sub0107 - CEO인사말 */
.greeting_detail{width: 100%; overflow: hidden; margin-top: 50px;}
.greeting_detail:nth-child(1) .greeting_txt{float: left; width: 58%;}
.greeting_detail:nth-child(1) .greeting_img{float: right;}
.greeting_detail:nth-child(2) .greeting_txt{float: right; width: 58%;}
.greeting_detail:nth-child(2) .greeting_img{float: left;}
.greeting_txt strong{font-size: 30px;  color: #555555; margin-bottom: 30px;}
.greeting_txt strong span{color: #0d4189;}
.greeting_txt{margin-top: 50px;}
.greeting_txt p{font-size: 16px; color: #555; line-height: 28px; margin-top: 5px;}
.greeting_txt p span{color: #000; font-weight: bold; }
.greeting_from p{font-size: 16px; color: #000;  float: right;}
.greeting_from p img{vertical-align: bottom; margin-left: 10px;}

/* sub0601 Talent Attributes */
.h4tit01:first-child {margin-top:0;}
.talent_ul {width:100%; margin-top:40px;}
.talent_ul li {float:left; width:580px; margin-right:40px; margin-top:40px; border:1px solid #eaeaea; padding:30px; min-height:270px;}
.talent_ul li h5 {font-size:20px; color:#003d91; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #eaeaea;}
.talent_ul li .icon01 {float:left; width:95px; margin-right:20px;}
.talent_ul li .txt01 {float:left; width:403px; font-size:16px; line-height:28px; color:#555; word-break:keep-all;}
.talent_ul li:nth-child(-n+2) {margin-top:0; }
.talent_ul li:nth-child(2n) {margin-right:0;}


/* sub0602 Recruitment */
.h5tit01 {font-size:20px; color:#0d4189; margin-bottom:10px; margin-top:30px; padding-left:30px; background:url(/images/sub/h5_bullet.jpg) no-repeat left 8px;}
.ptxt03 {font-size:16px; color:#555; line-height:28px; padding-left:30px; word-break:keep-all;}

.benefits_ul {width:100%; margin-top:30px;}
.benefits_ul li {float:left; width:220px; margin-right:25px; margin-top: 30px;}
.benefits_ul li:nth-child(-n+5) {margin-top:0;}
.benefits_ul li:nth-child(5n) {margin-right:0;}
.benefits_ul li .txtarea1 {font-size:16px; color:#333; margin-top:15px; font-weight:bold; text-align:center; word-break:keep-all;}

.recruitment_tb01 {width:100%; border-top:2px solid #0d4189; margin-top:30px;}
.recruitment_tb01 th {font-weight:bold; font-size:16px; color:#0d4189; text-align:left; padding:10px; word-break:keep-all; border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;}
.recruitment_tb01 th:last-child {border-right:none;}
.recruitment_tb01 td {font-size:16px; color:#777; text-align:left; padding:10px 15px; word-break:keep-all; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.recruitment_tb01 td:last-child {border-right:none;}



/* sub0603 HR System */
.philosophy_wrap {width:100%; overflow:hidden;}
.philosophy_wrap .phiimg {float:left; width:50%;}
.philosophy_wrap .phitxt {float:right; width:48%;}



/*Values and Vision*/
.valueBoxWrap{width:100%; overflow:hidden;}

.valueBox{float:left; width:380px; min-height:400px; overflow:hidden; margin-left:15px;}
.valueBox:nth-child(3n+1){margin-right:0px;}
.valueBox:nth-child(-n+3){margin-top:0;}
.valueBox .value_img{position:relative; width:100%;}
.valueBox .img {width:100%; overflow:hidden;}
.valueBox .value_img .value_title{position:absolute; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.5); width:100%; height:55px; line-height:55px; color:#fff; font-size:20px; font-weight:bold; text-align:center;}

.value_txt{width:100%; overflow:hidden; margin-top:20px;}
.value_txt li{font-size:16px; color:#555555; margin-bottom:10px; position:relative; padding-left:10px;}
.value_txt li::before {width:3px; height:3px; background:#333; position:absolute; left:0; top:12px; content:'';}



/*Quality Policy*/
.PolicyBox{width:100%; overflow:hidden;}
.policy_img{float:left; width:17%;}
.policy_txt{float:left; width:70%; margin-left:50px; font-size:16px; color:#555; line-height:28px;}

.policy_txt ul {width:100%; overflow:hidden; margin:20px 0;}
.policy_txt ul li{font-size:16px; color:#555555; margin-bottom:10px; position:relative; padding-left:10px;}
.policy_txt ul li:last-child{margin-bottom:0;}
.policy_txt ul li::before {width:3px; height:3px; background:#333; position:absolute; left:0; top:13px; content:'';}


/*Corporate Citizenship*/
.h4tit01 span {font-size:20px;}
.corporateimg {margin:70px 0;}

/* PR */
.pr .pr01{width: 100%; overflow:hidden;}
.pr .txt p{font-size: 16px; color: #555; line-height: 28px;}	
.pr .pr01 .img{float: left; }
.pr .pr01 .txt{float: left; margin-left: 30px; width: 695px;}
.pr .pr02 .txt{padding: 30px; border: 1px solid #ddd; margin-top: 30px;}
.pr .pr03 .color_system{width: 100%; overflow: hidden;}
.pr .pr03 .color_system li{padding: 30px; float: left; width: 20%; width: 230px; height: 100px; color: #fff; text-align: left; font-size: 16px; line-height: 22px; font-weight: bold;}
.pr .pr03 .color_system li:nth-child(1){background: #003d92;}
.pr .pr03 .color_system li:nth-child(2){background: #8fc31f;}
.pr .pr03 .color_system li:nth-child(3){background: #4b5055;}
.pr .pr03 .color_system li:nth-child(4){background: #070000;}
.pr .pr03 .color_system li:nth-child(5){background: #6e6e6d;}
.pr .pr03 .color_system2{width: 100%; overflow: hidden;}
.pr .pr03 .color_system2 li{padding: 30px; float: left; width: 20%; width: 230px; height: 100px; color: #fff; text-align: left; font-size: 16px; line-height: 22px; font-weight: bold;}
.pr .pr03 .color_system2 li:nth-child(1){background: #969594;}
.pr .pr03 .color_system2 li:nth-child(2){background: #e6e6e6;}
.pr .pr03 .txt{margin-top: 30px;}
.downbutton {margin-top: 30px;}
.downbutton li{margin-bottom: 10px; width: 313px; height:30px; font-weight: bold; line-height: 30px; padding-left: 10px;}
.downbutton li a{display: block; width: 100%; height: 100%; cursor: pointer; color: #fff;}
.downbutton li:nth-child(1){background: #003d92 url(../images/sub/download_btn.png) no-repeat 95% center;}
.downbutton li:nth-child(2){background: #8fc31f url(../images/sub/download_btn.png) no-repeat 95% center;}
.downbutton li:nth-child(3){background: #4b5055 url(../images/sub/download_btn.png) no-repeat 95% center;}

/* network */
.network {width:100%; margin-bottom:50px;}
.network02{display: none;}
.network .network_txt {width:100%; margin-top: 50px;}
.network .network_txt p{position:relative; width:100%; height:100px; margin-top:0 ; line-height:100px; /* background:#92989d; */ border-bottom: 1px solid #dddddd; margin-bottom:1px; font-weight:normal;}
.network .network_txt p img {position:absolute; top:45px; right:22px;  transition-duration: 0.3s}
.network .network_txt p a {color:#555555; font-size:26px; padding-left:19px; font-weight: bold;}
.network .network_txt p:hover a{color: #1d85ca}
.network .network_txt p.on img {transform:rotate(90deg);}
.network .network_txt p.on a{color: #1d85ca}
.network .network_txt p:hover img {transform:rotate(90deg); transition-duration: 0.3s}
.network .network_txt dl{width:100%; border-bottom:1px solid #eaeaea; border-top:0; padding:11px 29px;}
.network .network_txt ul {display: none; width:100%; border-bottom:1px solid #eaeaea; border-top:0; padding:11px 29px;}
.network .network_txt ul li{position: relative; padding-left: 20px;font-size: 15px;line-height: 40px;color: #333333;}
.network .network_txt ul li::before{line-height:29px; margin-bottom:1px; letter-spacing:-0.1px;     content: ''; width: 3px; height: 3px; background: #0D4189; position: absolute;left: 5px; top: 18px;}
.network .network_txt ul li span{color: #1d85ca; margin-right: 20px; font-weight: bold;}
.network .network_txt ul li a {font-size:14px; color:#636d7a; }



/*IR자료*/
.tbl_ir{width:100%; border-top:1px solid #3865ad;}
.tbl_ir th{background:#eff4fc; padding:15px 5px; font-size:16px; line-height:26px; font-weight: bold; text-align:center; color:#3865ad;}
.tbl_ir td{border-bottom:1px solid #ddd; padding:12px 20px; font-size:15px; line-height:26px; text-align:center; color:#444;}
.tbl_ir td:first-child{text-align: left; padding-left: 30px;}


/*인사제도*/
.hrBox{width:100%; overflow:hidden; margin-top:30px;}
.hrBox .value_img{position:relative;  float: left; width:585px; margin-left:30px;}
.hrBox .value_img:first-child{margin-left: 0;}
.hrBox .img {width:100%; overflow:hidden;}
.hrBox .value_img .value_title{position:absolute; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.5); width:100%; height:55px; line-height:55px; color:#fff; font-size:20px; font-weight:bold; text-align:center;}

/* contact_us */
.contact_us{width: 100%; overflow: hidden;}
.contact_us h3{font-weight: bold; font-size:20px; color:#0d4189; line-height:34px; margin-bottom:10px;}
.contact_us h4{font-size: 16px; color: #000;  font-weight: normal;  line-height: 28px; margin-bottom: 10px;}
.contact_box{ width: 100%;  overflow: hidden;  border: 1px solid #ddd; padding: 20px; margin-bottom: 20px; }
.contact_box > ul > li{width: 100%; overflow: hidden; margin-top: 20px;}
.contact_box > ul > li:nth-chlid(1){margin-top: 0;}
/* .contact_box:nth-child(-n+3) .contact_txt{  position: relative; width: 70%; height: 130px;}
.contact_box:nth-child(-n+3) .contact_txt h4{position:absolute; top: 50%; transform: translateY(-50%);} */
.contact_box:nth-child(1){float: left; width: 49%; margin-right: 2%; }
.contact_box:nth-child(1) .contact_img{background: none; width: 43%;}
.contact_box:nth-child(1) .contact_txt{width: 57%; }
.contact_box:nth-child(2){float: left; width: 49%; }
.contact_box:nth-child(2) .contact_img{background: none; width: 50%;}
.contact_box:nth-child(2) .contact_txt{ width: 45%;}
.contact_box:nth-child(3){float: left; width: 49%;  margin-right: 2%; }
.contact_box:nth-child(3) .contact_img{background: none; width: 50%;}
.contact_box:nth-child(3) .contact_txt{ width: 45%;}
.contact_box:nth-child(4){float: left; width: 49%;  }
.contact_box:nth-child(4) .contact_img{background: none; width: 50%;}
.contact_box:nth-child(4) .contact_txt{ width: 45%;}
/* .contact_box:nth-child(3) .contact_img{background: none; }
.contact_box:nth-child(3) .contact_txt{ width: 80%;} */
.contact_img{position: relative; width: 20%; height: 130px; vertical-align: middle; text-align: center; float: left; }
.contact_img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.contact_txt{float: right; width:78%;}

.list_dot li{background:url('/images/sub/bullet.jpg') 0 12px no-repeat; padding-left:12px; font-size:16px; color:#555; line-height:28px; margin-bottom:5px;}

/* online support */
.online_support .img{text-align: center;}
.online_support .img img{display: inline-block;}
.online_support h3{font-size: 30px;color: #0d4189;  line-height: 34px;   margin-top: 60px; margin-bottom: 10px; text-align: center; }
.online_support h4{font-size: 16px; color: #555;  font-weight: normal;  line-height: 28px;margin-bottom: 10px; text-align: center; }
.online_support a{color: #0D4189; font-weight: bold; text-decoration: underline;}

/* sitemap */
.sitemap_wrap{width: 100%; overflow: hidden;}
.sitemap{float: left; width: 22%; margin-right: 4%;}
.sitemap:nth-child(4n){margin-right: 0;}
.sitemap h2{font-size: 20px; font-weight: bold; color: #000; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000;}
.sitemap_2dep > li{position: relative; margin: 20px 0;}
.sitemap_2dep > li > a{font-size: 18px; color: #000; font-weight: bold; padding-left: 15px; }
.sitemap_2dep > li > a::before{position: absolute; top: 10px; left: 0; content:''; width: 6px; height: 6px; border:1px solid #000; }
.sitemap_3dep > li{border: 1px solid #dfdfdf; padding: 10px; margin-bottom: 10px;}
.sitemap_3dep > li > a{width:100%; height: 100%; cursor: pointer; display: block; font-size: 16px; color: #000; font-weight: normal;  line-height: 28px; }
.sitemap_4dep{margin-bottom: 10px; background: #F5F5F5; padding: 20px;}
.sitemap_4dep > li > a{padding-left: 15px; position: relative; font-size: 14px; color: #555; font-weight: normal;  line-height: 26px; margin-bottom: 10px;}
.sitemap_4dep > li > a::before{position: absolute; top: 9px; left: 0; width: 5px; height: 1px; content:''; background: #000;}

/* 홍보동영상 */
.youtube{width: 1000px; margin: 30px auto; }

/* 검색 */
.IntroduceBox input, select{text-align-last: center; height: 28px; box-sizing: border-box; font-size: 13px;}
.IntroduceBox span{margin-right: 10px}

.loading{width:100%;height:100%;position:fixed;left:0px;top:0px;background:#fff;z-index:1000;} /* 이 값으로 레이어의 위치를 조정합니다. */
.loading > img {position: absolute;top: 50%;left: 50%;z-index: 99999;}

.faq_wrap {}
.faq_con {width:100%; margin-top:10px;}
.faq_con:first-child {margin-top:0;}
.faq_con .ftit {width:100%; height:auto; background:#f8f8f8 url(/images/sub/hstay_arrow.png) no-repeat 95% center; cursor:pointer; padding:30px 30px 0 30px;}
.faq_con .ftit h4 {font-size:16px; width:85%; height:auto; line-height:26px; font-weight:500; color:#333; background:url(/images/sub/f_icon.png)no-repeat;  padding:5px 0 30px 60px;}
.faq_con .atxt {display:none; /*padding:30px;*/ margin-top:10px; position:relative; background:#fff;}
/*.faq_con .atxt p {margin-bottom:5px; word-break:keep-all; background:url(/images/sub/q_icon.png)no-repeat; padding-left:60px; height:auto; min-height:40px;}*/
.faq_con .atxt p:last-child {margin-bottom:0;}
.faq_con .ftit.on { background:#f8f8f8 url(/images/sub/hstay_arrow_on.png) no-repeat 95% center;}
.faq_con .ftit.on h4 {color: #084897;font-weight: 800;}
.faq_con .ftit.on::before {color:#93a5c3;}
.answer_icon{ word-break: keep-all; background: url(/images/sub/q_icon.png)no-repeat; padding-left: 60px; height: auto; min-height: 40px;padding: 8px 0 8px 60px;margin-left: 85px;}