/* Common **********************************************************************/
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
/* 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:break-all;-ms-word-break:break-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;}
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:16px; line-height:1.6; font-family: 'Noto Sans KR'; color:#666;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#666; 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 {width:100%; border-left:1px solid #e2e2e2; margin-top: 50px;}
.tbl_type3 th {height:60px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-left:1px solid #391f7e;  border-right:1px solid #391f7e; background:#fafafa; font-size:16px; color:#000222; font-weight:700;}
.tbl_type3 td {padding: 10px; padding-left: 25px; height:50px; border-top:1px solid #e2e2e2;  border-bottom:1px solid #e2e2e2; background:#fff; text-align: left; cursor:pointer; font-size:16px; color:#666666; font-weight: 400;}
.tbl_type3 td:last-child{border-right:1px solid #e2e2e2; }

.tbl_type4 {width:100%; border-top:1px solid #391f7e; margin-top: 50px;}
.tbl_type4 th {height:60px;border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2; background:#fafafa; font-size:16px; color:#000222; font-weight:700;}
.tbl_type4 td {padding: 10px; text-align: center; height:50px; border-right:1px solid #e2e2e2;  border-bottom:1px solid #e2e2e2; background:#fff;  font-size:16px; color:#666666; font-weight: 400;}
.tbl_type4 td:first-child{border-left:1px solid #e2e2e2; }
.tbl_type4 td:last-child{border-right:1px solid #e2e2e2; }

/*로그인스킨*/
.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 {position:relative; width:100%; min-width:1200px; max-width:1920px; margin:0 auto; overflow:hidden;}
#header {width:100%; height:98px; border-top:8px solid #0a3f8d; z-index:99;}
#header.sub{border-bottom:1px solid #ddd;}
#header .inner {position:relative;}
.logo {position:absolute; top:22px; left:0;}
.gnb {position:absolute; top:0; right:0;}
.gnb > li {position:relative; float:left; margin-left:55px; height:90px; line-height:90px;}
.gnb > li > a {display:block; height:90px; font-size:20px; color:#222;}
.gnb > li:hover:before {position:absolute; bottom:0; left:50%; margin-left:-52px; content:''; width:105px; height:4px; background:#b7b7b7;}
.gnb > li:hover > a {color:#0d3c7e; font-weight:500;}
.gnb_2depth {display:none; position:absolute; top:90px; left:50%; margin-left:-90px; width:180px; background:#fff; border:1px solid #ddd; z-index:9900;}
.gnb_2depth li {width:100%; line-height:50px; line-height:50px; text-align:center; border-top:1px solid #ddd;}
.gnb_2depth li:first-child {border-top:none;}
.gnb_2depth li a {display:block; display:block; font-size:16px; color:#3a3a3a;}
.gnb_2depth li:hover a {background:#f2f2f2;}

#visual_wrap {position:relative; width:100%; height:430px;}
#visual_wrap:before {position:absolute; top:0; left:50%; margin-left:-1200px; width:600px; height:430px; content:''; background:rgba(255,255,255,0.8); z-index:9990;}
#visual_wrap:after {position:absolute; top:0; left:50%; margin-left:600px; width:600px; height:430px; content:''; background:rgba(255,255,255,0.8); z-index:9990;}

#contents {background:#f8f8f8; padding:30px 0;}
#section1 {overflow:hidden;}
#slider_Wrap {position:relative;}
#slider_Wrap .bx-wrapper {overflow:hidden;}
.slider {}
.slider li {float:left; width:282px; background:#fff;}
.slider li a {position:relative; display:block;}
.slider li a:before {opacity:0; transition:all 0.3s ease-in-out; position:absolute; top:0; left:0; content:''; width:282px; height:185px; background:url(/images_new/main/hover.png) no-repeat;}
.slider_img {display:table-cell; width:282px; height:185px; text-align:center; vertical-align:middle; overflow:hidden;}
.slider_img img {width:auto; height:auto; max-width:100%; max-height:100%;}
.slider_txt {width:100%; height:134px; padding:18px 24px; border:1px solid #ddd; border-top:none; transition:all 0.3s ease-in-out;}
.slider_txt h3 {font-size:20px; color:#000222; width:100%; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.3s ease-in-out;}
.slider_txt .desc {font-size:16px; color:#666; margin-top:4px; height:50px; overflow:hidden; transition:all 0.3s ease-in-out;}
.slider li:hover .slider_txt {background:#ffbc00; border:1px solid #ffbc00; border-top:none; transition:all 0.3s ease-in-out;}
.slider li:hover .slider_txt h3 {color:#fff;}
.slider li:hover .slider_txt .desc {color:#fff;}
.slider li:hover a:before {opacity:1;}

#section2 {width:100%; overflow:hidden; margin-top:30px;}
.customer_center {float:left; width:588px; height:135px; background:url(/images_new/main/customer_center.jpg) no-repeat;}
.customer_center a {display:block; width:100%; height:100%; padding:20px 25px;}
.customer_center h2 {font-size:25px; color:#fff; font-weight:600; line-height:41px;}
.customer_center strong {font-size:40px; color:#fff; display:block; font-weight:900; line-height:1; margin-top:4px;}
.construction {float:right; width:588px; height:135px; background:url(/images_new/main/construction.jpg) no-repeat;}
.construction a {display:block; width:100%; height:100%; padding:20px 30px;}
.construction h2 {font-size:25px; color:#fff; font-weight:600; line-height:41px;}
.construction p {font-size:16px; color:#fff; line-height:25px; height:50px; overflow:hidden; margin-top:1px; font-weight:500;}

#footer {width:100%; height:131px; background:#fff; border-top:1px solid #ddd;}
#footer .inner {position:relative;}
.footer_logo {position:absolute; top:45px; right:0;}
address {font-size:14px; color:#7e7e7e; line-height:24px; padding-top:27px;}
address span {}
p.copyright {font-size:14px; color:#7e7e7e; line-height:24px;}

/* ===== SUB ===== */
#sub_visual_wrap {position:relative; width:100%; height:330px; overflow:hidden; text-align:center;}
.sub_visual_txt {position:absolute; top:85px; left:0; width:100%;}
.sub_visual_txt h2 {font-size:50px; color:#fff; font-weight:600;}
.location {margin-top:20px; font-size:0;}
.location span {font-size:20px; color:#fff; font-weight:300;}
.location > img {vertical-align:-3px;}
.location span.lo_arrow {display:inline-block; margin:0 13px;}
.location span.lo_arrow img {vertical-align:-5px;}

#sub_contents {width:100%; min-height:600px; margin:60px 0; overflow:hidden;}
.sub_menu {float:left; width:220px;}
.page_tit {width:100%; height:145px; text-align:center; background:url(/images_new/sub/page_tit.jpg) no-repeat;}
.page_tit h2 {font-size:25px; line-height:143px; color:#fff; font-weight:500;}
.lnb {margin-top:30px; border:1px solid #ddd; border-top:none;}
.lnb h3 {display:inline-block; width:220px; height:50px; background:url(/images_new/sub/lnb_off.jpg) no-repeat; transition:all 0.3s ease-in-out;}
.lnb h3:first-child {margin-top:0;}
.lnb h3 a {display:table-cell; width:220px; height:50px; padding-left:25px; vertical-align:middle; font-size:15px; color:#3a3a3a; line-height:19px; font-weight:400; transition:all 0.3s ease-in-out;}
.lnb h3.on {background:url(/images_new/sub/lnb_on.jpg) no-repeat;}
.lnb h3.on a {color:#fff;}
.lnb h3:hover {background:url(/images_new/sub/lnb_on.jpg) no-repeat;}
.lnb h3:hover a {color:#fff;}
.lnb ul {display:none; padding:13px 20px; padding-left:25px; background:#f8f8f8;}
.lnb ul li {position:relative; width:100%; height:35px; line-height:35px; padding-left:19px;}
.lnb ul li:before {position:absolute; top:16px; left:0; content:''; width:3px; height:3px; background:#0a3f8d; border-radius:50%;}
.lnb ul li a {font-size:15px; color:#3a3a3a;}
.lnb ul li.on a {color:#0a3f8d;}
.lnb ul li:hover a{color:#0a3f8d;}

.sub_con {float:right; width:930px;}
.contop {width:100%; padding-bottom:30px; border-bottom:1px solid #ddd;}
.contop h3 {font-size:30px; color:#000222; line-height:31px; font-weight:400;}
.conbody {padding-top:40px;}
h4.h4_title {position:relative; font-size:20px; color:#000222; font-weight:500; padding-left:25px; padding-bottom:35px; margin-top:50px;}
h4.h4_title:before {position:absolute; top:10px; left:0; content:''; width:13px; height:13px; border:3px solid #0a3f8d; border-radius:50%;}
h4.h4_title:nth-child(1){margin-top: 0;}

h5.h5_title {position:relative; font-size:18px; line-height: 28px; color:#555555; font-weight:500; padding-left:33px; margin:30px 0;}
h5.h5_title:before {position:absolute; top:12px; left:0; content:''; width:22px; height:3px; background: #0a3f8d; }
h5.h5_title:nth-child(1){margin-top: 0;}


/* sub0201 - LIT */
#list_Wrap {}
.pd_list {}
.pd_list li {float:left; width:286px; margin-right:36px; margin-top:25px; text-align:center;}
.pd_list li:nth-child(3n) {margin-right:0;}
.pd_list li:nth-child(-n+3) {margin-top:0;}
.pd_list li a {position:relative; display:block;}
.pd_list li a:before {opacity:0; position:absolute; top:-1px; left:-1px; content:''; width:286px; height:286px; background:url(/images_new/sub/list_hover.png) no-repeat; transition:all 0.3s ease-in-out;}
.list_img {display:table-cell; width:286px; height:286px; border:1px solid #ddd; vertical-align:middle;}
.list_img img {max-width:100%; max-height:100%; width:auto; height:auto;}
.pd_list li h3 {width:100%; font-size:20px; height:65px; padding:0 20px; padding-top:22px; color:#000222; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pd_list li:hover h3 {font-weight:600; color:#0a3f8d;}
.pd_list li:hover a:before {opacity:1;}

.paging_wrap{text-align:center; box-sizing:border-box; margin-top:45px;}
.paging_wrap:before, .paging_wrap:after{box-sizing:inherit;}
ul.paging{display:inline-block; font-size:0;}
ul.paging li{display:inline-block; margin:0 5px; vertical-align:middle;}
ul.paging li img{vertical-align:top; }
ul.paging li a{display:block; width:35px; height:35px; border:1px solid #ddd;  font-size:12px; color:#ababab; line-height:33px; font-weight:400;}
ul.paging li.page_arrow a{padding-top:12px;}
ul.paging li.on{background:#000;}
ul.paging li.on a{color:#ababab; border:1px solid #000;}

/* sub02view - VIEW */
#view_Wrap {}
.view_top {width:100%;}
.view_img {display:table-cell; width:461px; height:461px;}
.view_img .img {display:table;}
.view_img .img span {display:table-cell; width:461px; height:461px; vertical-align:middle; text-align:center; border:1px solid #ddd;}
.view_img .img img {max-width:100%; max-height:100%; height:auto; width:auto;}
.view_txt {display:table-cell; width:469px; min-height:461px; vertical-align:middle; padding-left:76px;}
.view_txt h4 {font-size:35px; color:#000222; font-weight:500;}
.view_txt .desc {font-size:16px; color:#666; line-height:25px; margin-top:20px;}
.view_txt .down {margin-top:55px;}
h5.view_tit {position:relative; font-size:20px; color:#000222; font-weight:500; padding-left:25px; padding-bottom:35px; margin-top:50px;}
h5.view_tit:before {position:absolute; top:10px; left:0; content:''; width:13px; height:13px; border:3px solid #0a3f8d; border-radius:50%;}
.view_btn {width:100%; font-size:0; text-align:right; margin-top:40px;}
.view_btn a {display:inline-block; width:130px; height:51px; line-height:51px; background:#0a3f8d; font-size:15px; color:#fff; text-align:center;}

.sub0207 .box{border: 1px solid #ddd; background: #f8f8f8; padding: 40px; margin-top: 30px; }
.sub0207 .box p{text-align: center; line-height: 40px; font-size: 18px; color: #666666;}
.sub0207 .box p span{color: #0a3f8d;}
.sub0207  ul li{position: relative; font-size: 16px; line-height: 35px; color: #666666; padding-left: 20px;}
.sub0207  ul li::before{position: absolute; top: 17px; left: 0; content: ''; background: #0a3f8d; border-radius: 50%; width: 3px; height: 3px;}

/* custom_paging 페이징 관련 */
.paginate {clear:both; position:relative; width:100%; height:23px; margin:0 auto;  text-align:center; box-sizing:border-box; }
.paginate li {display: inline-block; height:21px; /* line-height: 15px; */margin-left:3px; box-sizing:border-box;}
.paginate li a {display: inline-block;  color: #666666; height:23px; text-decoration: none; font-weight:bold; line-height:21px; 
font-size:13px; box-sizing:border-box;}
.paginate ul li strong {background: none repeat scroll 0 0 #666;  padding:0 7px;  height:23px; color: #FFFFFF; line-height:21px; display:inline-block; 
text-decoration:none; vertical-align: middle; border:1px solid #666; box-sizing:border-box;}
.over_page{border:1px solid #dbdbdb; height:23px;  line-height:21px;  padding:0 7px;  display:inline-block;  vertical-align: middle;  box-sizing:border-box;}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
.paginate {clear:both; position:relative; width:100%; height:23px; margin:0 auto;  text-align:center; box-sizing:border-box; }
.paginate li {display: inline-block; height:21px; /* line-height: 15px; */margin-left:3px; box-sizing:border-box;}
.paginate li a {display: inline-block;  color: #666666;  height:23px; text-decoration: none; font-weight:bold; line-height:21px; 
font-size:13px; box-sizing:border-box;}
.paginate ul li strong {background: none repeat scroll 0 0 #666;  padding:0 7px;  height:23px; color: #FFFFFF; line-height:21px; display:inline-block; 
text-decoration:none; vertical-align: middle; border:1px solid #666; box-sizing:border-box;}
.over_page{border:1px solid #dbdbdb; height:23px;  line-height:21px; padding:0 7px;   display:inline-block;  vertical-align: middle;  box-sizing:border-box;}
}

/* custom_paging 페이징 관련 (story_visual)*/
/* paging */
.paging_wrap{text-align:center; box-sizing:border-box;}
.paging_wrap:before, .paging_wrap:after{box-sizing:inherit;}
ul.paging{display:inline-block; font-size:0; }
ul.paging li{display:inline-block; margin:0 2px; vertical-align:middle; }
ul.paging li img{vertical-align:middle; }
ul.paging li a{display:block; width:25px; height:25px; border:1px solid #e3e3e3;  font-size:12px; color:#555555; line-height:23px; font-weight:bold; }
ul.paging li.page_arrow a{line-height:18px; }
ul.paging li.on{background:#555555; }
ul.paging li.on a{color:#ffffff; border:1px solid #7c7c7c; }