@charset "utf-8"; /* CSS Document */
body { font-size:16px; } 
.box0 { width:100em; max-width:94%; margin:0 auto; } 
.box1 { width:80em; max-width:94%; margin:0 auto; } 
.box0 .box1 { max-width:100%; } 
 
.pcHide { display:none !important; } 
.moHide { } 

/*soon*/
.soon { background:#f5f5f5; height:50vh; padding:1em } 
.soon .img { width:10em; padding-bottom:120%; margin-right:2em } 
.soon .xi { font-size:20em; opacity:.1 } 
.soon .tt .t1 { display:block; font-weight:700; font-size:3em; color:#333 } 
.soon .tt .t2 { display:block; font-size:1.25em; color:#999 } 

/*header*/
#header .all_wrap #mo_menu.all_btn { display:none; } 
#header { position:fixed; z-index:999; top:0; left:0; right:0; background:#fff; box-shadow: 0 5px 20px rgba(0,0,0,0.1); } 
body.sub #header { box-shadow:0 4px 3px 0 rgba(0,0,0,.25); } 
/*#header.trans { background:rgba(0,0,0,.01); border-bottom:1px solid rgba(255,255,255,.6); } 
#header.trans:hover { background:rgba(0,0,0,.3); border-bottom:1px solid rgba(255,255,255,.6); } 
#header.trans .gnb_wrap .gnb > li .dp1 { color:#fff; } 
#header.trans .all_wrap .all_btn .ham,
#header.trans .all_wrap .all_btn .ham:before,
#header.trans .all_wrap .all_btn .ham:after { background:#fff; } 
#header.trans .top_wrap .logo .img img { display:inline; } */
/*#header.trans .top_wrap .logo .img img.trans { display:inline } */
/*#header.trans .gnb_wrap .gnb > li .dp2 > li > a { color:#fff; } 
#header.trans .gnb_wrap .gnb > li:hover .dp2 > li > a { color:#333; } */
#header .top_wrap .logo .img img.trans { display:none; } 
#header .top_wrap .logo,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1,
#header .all_wrap { height:5.5em; } 
.headPD { padding-top:5.5em; } 

#header .top_wrap .logo .img { display:block; } 
#header .top_wrap .logo .img img { width: 12em; border-radius: 0.6em; } 

#header .head_img { position:absolute; top:0; bottom:1em; left:0; max-width:35em; display:none; } 
#header .head_img img { max-height:100%; border-radius:1em; } 

#header:scroll .head_img .img img.noneH { display:none !important; } 

.m_topP,.m_permanent { display: none; } 


#header .gnb_wrap { margin-right: auto; } 
#header .gnb_wrap .gnb > li { overflow:hidden; } 
#header .gnb_wrap .gnb > li .dp1 { position:relative; padding:0 3.125em; color:#222; } 
#header .gnb_wrap .gnb > li .dp1:after { content:""; position:absolute; bottom:0; left:50%; margin-left:0; width:0; height: 5px; background: linear-gradient(45deg,#0b64b7,#b3cb4d); opacity:0; transition:.2s; } 
#header .gnb_wrap .gnb > li .dp1 .tt { font-size:1.25em; font-weight:500; min-width: 6em; } 
#header .gnb_wrap .gnb > li .dp2 { display:block; padding:1.75em 0 2em 0; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { padding:.5em .25em; color:#333; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt { font-size:.938em; } 
#header .gnb_wrap .gnb > li .dp2 > li > a:hover .tt { text-decoration:underline; } 
#header .gnb_wrap .gnb > li .dp3 { display:none; } 
#header .gnb_wrap .gnb > li:hover { background:#f7f7f7; transition:.6s; } 
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1,
#header .gnb_wrap .gnb > li .dp2 > li.on > a { color:#0b64b7; } 
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { margin-left:-40%; width:80%; opacity:1; } 

#header.gnbOpen { box-shadow:0 3px .5em rgba(0,0,0,.1); } 
#header.gnbOpen .head_img { display:block; } 
#header.gnbOpen .gnb_wrap .gnb > li { height:auto !important; overflow:visible; } 

#header .all_wrap { width:5.25em; } 
#header .all_wrap .all_btn { position:relative; display:block; width:1.875em; height:1.375em; margin-left:auto; } 
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display:block; width:100%; height:2px; background:#333; transition:.2s; } 
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; right:0; } 
#header .all_wrap .all_btn .ham:before { top:50%; } 
#header .all_wrap .all_btn .ham:after { top:100%; } 
#header .all_wrap .all_btn:hover .ham:before { width:80%; } 
#header .all_wrap .all_btn:hover .ham:after { width:90%; } 
#header .all_wrap.on .all_btn { width:3.5em; height:3.5em; z-index:99; } 
#header .all_wrap.on .all_btn .ham { background:transparent; transition:0s; } 
#header .all_wrap.on .all_btn .ham:before,
#header .all_wrap.on .all_btn .ham:after { width:100% !important; top:50% !important; /*background:#fff; */ } 
#header .all_wrap.on .all_btn .ham:before { transform:rotate(45deg); } 
#header .all_wrap.on .all_btn .ham:after { transform:rotate(-45deg); } 

#header .all_wrap .all { position: fixed; z-index:1; right:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:.3s } 
#header .all_wrap .all:before { content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5 } 
#header .all_wrap .all .in { position: absolute; top:-100%; width:100%; height:100%; background:#fff; transition:.3s; padding:9em 0; } 
#header .all_wrap.on .all { opacity:1; visibility:visible } 
#header .all_wrap.on .all .in { top:0 } 
#header .all_wrap .gnb > li { width:25%; position:relative; box-sizing:border-box; padding:0 .3em; margin-bottom:2.5em; } 
#header .all_wrap .gnb > li:before,
#header .all_wrap .gnb > li:after { content:""; position:absolute; top:0; left:4%; width:92%; height:8px; transform:skew(-45deg); transition:.5s; } 
#header .all_wrap .gnb > li:before { background:#ccc; } 
#header .all_wrap .gnb > li:after { background:#74805a; width:0; } 
#header .all_wrap .gnb > li:hover:after { width:96%; } 
#header .all_wrap .gnb > li .dp1 { height:70px; font-size:1.350em; } 
#header .all_wrap .gnb > li .dp2 { margin:0 8px; padding:1rem 0; background:#fff; border:1px solid #ddd; box-shadow:1px 1px 5px rgba(0,0,0,.1); height: 100%; display:block !important; } 
#header .all_wrap .gnb > li .dp2 .va_wrap { height:inherit; } 
#header .all_wrap .gnb > li .dp2 > li { padding:1em 1.5em; display:block; } 
#header .all_wrap .gnb > li .dp2 > li > a { position:relative; font-size:.1.1em; transition:.2s; text-align: left; } 
#header .all_wrap .gnb > li .dp2 > li:hover > a { margin-left:.3em; } 
#header .all_wrap .gnb li:hover > a { color:#74805a; } 
#header .all_wrap .gnb li:hover .dp2 { background:#fcfcfc; border-color:#ccc; transition:.2s; } 

#header .sub_menu .gnb .on { margin: auto !important; } 
#header .all_wrap .gnb > li .dp2 > li > .dp3 { display: none; } 

.main_visual_wrap { position:relative; } 
.main_visual { position:relative; padding-bottom:2.75em; } 
.main_visual,
.main_visual .visual,
.main_visual .visual .el { height:/*calc(100vh - 2.75em)*/100vh !important; } 
.main_visual .visual { position:absolute; top:0; left:0; width:100%; background:#333; } 
.main_visual .visual .el { position:relative; overflow:hidden; } 
.main_visual .visual .el .bg { position:absolute; top:0; left:0; width:100%; height:100%; } 
.main_visual_wrap .slogan { position:absolute; left:0; right:0; top:19.75em; transform:translateX(3em); opacity:0; transition:2s; } 
.main_visual_wrap .slogan > .box1 { position:relative; } 
/*.main_visual_wrap .slogan .tit:after { content:""; display:block; position: absolute; top: 4.4em; margin: 1.9em 0 1.9em 1em; width:4.75em; height:3px; background:#fff; } */
.main_visual_wrap .slogan .tt { color:#fff; } 
.main_visual_wrap .slogan .t1 { font-size:3.500em; font-weight:700; margin-bottom:.125em; position: relative; } 
.main_visual_wrap .slogan .t2 { font-size:3.750em; font-weight:300; letter-spacing:-2px; margin-left:-.063em; } 
.main_visual_wrap .slogan .t3 { font-size: 1.200em; line-height: 1.4; font-weight: 100; } 
.main_visual_wrap .slogan .box1 .txt { width:55%; position: absolute; top: 12em; } 
.main_visual_wrap .slogan .box1 .video { background:none; position:absolute; width:569px; height:320px; right:0; bottom:-10px; } 

.load .main_visual_wrap .slogan { transform:translateX(0); opacity:1; } 

.main_visual_wrap .control_box { position:absolute; left:0; right:0; bottom:10em; } 
.main_visual_wrap .control_box .arrow_wrap > li { margin-right:1.5em; cursor:pointer; opacity:.8; } 
.main_visual_wrap .control_box .arrow_wrap > li .xi { font-size:1.500em; color:#fff; text-shadow:1px 1px 0 #000; } 
.main_visual_wrap .control_box .arrow_wrap > li:hover { opacity:1; transition:.2s; } 
.main_visual_wrap .control_box .slick-dots > ul { height:5px; } 
.main_visual_wrap .control_box .slick-dots > ul > li { display:inline-block; margin:0 .25em; } 
.main_visual_wrap .control_box .slick-dots > ul > li button { display:block; width:5em; height:5px; border:none; background:#fff; text-indent:-999999px; opacity:.6; } 
.main_visual_wrap .control_box .slick-dots > ul > li.slick-active button { background:#74805a; opacity:1; } 

.main_visual .progress { position:absolute; left:0; bottom:4.25em; width:100%; height:6px; background:#ddd; } 
.main_visual .progress:before { content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#74805a; } 
.main_visual .progress.proAni:before { width:100%; animation:proBar 4s 1; } 

.main_about { /*background-image:url(../main2/images/main_about_bg.jpg?v=1.01?v=1.1); *//* background-attachment:fixed; */ } 

/**/
.main_Con3 { position:relative; margin:0 0 5em 0; } 
.main_Con3 .main_Con3_in .ti_w { position:relative; margin-bottom:35px; } 
.main_Con3 .main_Con3_in .ti_w > p { font-size:1.5em; color:#000; font-family:'notokrM'; } 
.main_Con3 .main_Con3_in .ti_w .icon { position:absolute; right:0; top:0; color:#ebf0f3; font-size:4.5em } 

.main_list_col { margin: 0 4em !important; } 
.main_wrap .box_st { overflow:hidden; } 
.main_list_col .inner { flex:1; min-width:0; } 
.main_list_col .inner .list_wrap { flex:1; margin-left:2em; } 
.main_list_col .inner .list_wrap .con_in { padding:1.875em } 
.main_list_col .inner .list_wrap .con_in .con_tit { font-size:1.250em !important; font-weight:500 } 
.main_list_col .inner .list_wrap .con_in .con_tit.wh { color:#fff !important } 
.main_list_col .con_idx > .idx { box-sizing:border-box; } 

.main_list_col .tab { align-items:stretch; position:relative; border-left:1px solid #d4d5d8; justify-content:flex-start; border-bottom:1px solid #d4d5d8; border-radius: 1em 1em 0 0; } 
.main_list_col .tab > li { text-align:center; } 
.main_list_col .tab > li .main_more { position:absolute; top:50%; right:.3em; transform:translateY(-50%); background:#004a98; color:#fff; } 
.main_list_col .tab > li .tt { position:relative; display:block; padding:.938em .4em; border-style:solid; cursor:pointer; padding-left:3em; padding-right:3em; border-width:1px 1px 0 0; border-color:#d4d5d8; color:#3c3c3d; min-width:5.188em; border-radius: 1em 1em 0 0; } 
.main_list_col .tab > li .tt:after { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; display:none; } 
.main_list_col .tab > li.on .tt { background:#0b64b7; color:#fff; } 
.main_list_col .tab > li.on .tt:after { display:block; } 
.main_list_col .tab > li.on .main_more { display:block; } 

.main_list_col .list_wrap.board { } 
.main_list_col .list_wrap.board .list { padding:.25em .3em 0 .3em; } 
.main_list_col .list_wrap.board .list > li { border-top:1px solid #ddd; } 
.main_list_col .list_wrap.board .list > li:nth-child(even) { background:#f5f5f5; } 
.main_list_col .list_wrap.board .list > li:first-child { border-top:none; } 
.main_list_col .list_wrap.board .list > li .in { padding: 1em 1em 1em 2em; } 
.main_list_col .list_wrap.board .list > li .in .tit { display:block; color:#3c3c3d; font-size:.938em } 
.main_list_col .list_wrap.board .list > li:first-child .in .tit { display: block; color: #333; font-size: 1em; font-weight: 500; } 
.main_list_col .list_wrap.board .list > li .in .date { display:block; font-size:.875em; color:#72727d; } 
.main_list_col .list_wrap.board .list > li.def .in { display:block; position:relative; } 
.main_list_col .list_wrap.board .list > li.def .in .tit { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:70%; } 
.main_list_col .list_wrap.board .list > li.def .in .date { position:absolute; top:50%; right:3em; transform:translateY(-50%); } 
.main_list_col .list_wrap.board .list > li:hover .in .tit { color:#0b64b7; text-decoration:underline; } 
.hover_St:hover { transition:.3s; background:#2879ff !important; color:#fff !important; } 

.in_notice { box-sizing:border-box; } 
.in_notice .in_w1 { background:url(../images/main_about_bg.jpg) no-repeat center center; flex:1; min-width:0; margin: 1em 3em; width: 100%; height: 28.5em; border-radius: 0.5em; } 
.in_notice .in_w1 .in_wrap { padding: 5em 6em; } 
.in_notice .in_w1 .in_wrap .in_in { } 
.in_notice .in_w1 .in_wrap .in_in .tw { position:relative; } 
.in_notice .in_w1 .in_wrap .in_in .tw .t1 { color:#fff; font-size: 2em; font-weight: 500; } 
.in_notice .in_w1 .in_wrap .in_in .tw .m_btn { color:#fff; position:absolute; content:""; right:0; top:0; font-size: 1.5em; } 
.in_notice .in_w1 .in_wrap .in_in .tw .m_btn:hover { transform:rotate(45deg); transition:.3s; } 
.in_notice .in_w1 .in_wrap .in_in .tx { color:#fff; font-size:1.063em; padding:4em 0 4em 0; line-height:1.4; height:3.5em; } 
.in_notice .in_w1 .in_wrap .in_in .link_wrap { } 
.in_notice .in_w1 .in_wrap .in_in .link_wrap .link_btn { display:inline-block; border:2px solid #fff; padding:.8em; width:160px; } 
.in_notice .in_w1 .in_wrap .in_in .link_wrap .link_btn:first-child { margin-bottom:.3em } 
.in_notice .in_w1 .in_wrap .in_in .link_wrap .link_btn .xi { color:#fff; font-size:.938em; vertical-align:baseline; padding-left:6px; } 
.in_notice .in_w1 .in_wrap .in_in .link_wrap .link_btn .tt { color:#fff; font-size:.938em; vertical-align:baseline } 
.in_notice .in_w1 .in_wrap .in_in .link_wrap .link_btn:hover { background:rgba(0,0,0,.5); transition:.3s; border:2px solid rgba(0,0,0,.5) } 

.area { padding-top:95px; } 
.area > .inner { width:1200px; margin:0 auto; } 
.area .tit { position:relative; text-align:center; overflow:hidden; margin-bottom: 3em; } 
.area .tit dl { display:inline-block; padding:0 20px; position:relative; color:#121419; } 
.area .tit dl:before,
.area .tit dl:after { content:""; display:block; width:600px; position:absolute; top:50%; margin-top:-0.5px; height:1px; background:#aaa; } 
.area .tit dl:before { right:100%; } 
.area .tit dl:after { left:100%; } 
.area .tit dl dt { font-size:45px; font-weight:600; letter-spacing:0.15em; text-indent:10px; } 
.area .tit dl dd { font-size:32px; font-weight:100; } 

#introduction { background:#143156; padding-bottom: 23em; } 
#introduction .tit dl dt { color:#fff; } 
#introduction .tit dl dd { color:#eaeaea; } 
#introduction .desc:after { content:""; display:block; clear:both; } 
#introduction .desc .box { width:255px; float:left; margin-left:60px; text-align:center; } 
#introduction .desc .box:first-child { margin-left:0; } 
#introduction .desc .box a { display:block; width:251px; height:251px; border:2px solid #fff; border-radius:50%; position:relative; background: rgba(11, 100, 183,.5); } 
#introduction .desc .box a > * { display:block; position:relative; z-index:10; } 
#introduction .desc .box a:before { content:""; display:block; width:231px; height:231px; border:10px solid #fff; background:#6c7e95; position:absolute; border-radius:50%; left:0; top:0; opacity:0; transition:0.5s; transform:scale(1.15,1.15); } 
#introduction .desc .box a span { padding-top: 85px; } 
#introduction .desc .box a strong { font-size:1.05em; color:#fff; line-height:22px; margin-top: 1.2em; transition:0.5s; font-weight: 100; } 
#introduction .desc .box .subject { display:block; font-size:22px; font-weight:400; color:#fff; margin-top:15px; } 

#introduction .desc .box:hover a:before { opacity:1; transform:scale(1,1); } 
#introduction .desc .box:hover a strong { color:#fff; } 


@keyframes proBar { 
 0% { width:0; } 
100% { width:100%; } 
 }

.page_tit.cu_couns { margin-bottom:10px; } 

.agree_wrap { border:1px solid #ddd; border-radius:.5em; padding:1.5em; width:100%; min-height:8em; box-sizing:border-box } 
.agree_wrap.h1 { max-height:20em; position:relative } 
.agree_wrap .t1 { color:#111; margin-top:1.5em } 
.agree_wrap .t1.s1 { font-size:.813em } 
.agree_wrap .t1.s2 { font-size:1.125em } 
.agree_wrap .t1:first-child { margin-top:0 } 
.agree_wrap .t2 { color:#777; font-size:.875em; margin-top:.75em; line-height:1.5 } 
.agree_wrap .icon { position:relative } 
.agree_wrap .icon:before { position:absolute; left:0; top:0 } 
.agree_wrap .t1.icon { padding-left:.75em } 
.agree_wrap .t1.icon:before { content:""; margin-top:.625em; width:.25em; height:.25em; border-radius:100%; background:#111 } 
.agree_wrap .t1.icon.c_red:before { background:#ff3b4c } 
.agree_wrap .t2.icon { padding-left:1.25em } 
.agree_wrap .t2.icon:before { content:"\e929"; margin-top:.125em; color:#2aa89b; font-family:xeicon!important } 
.agree_wrap strong { vertical-align:baseline; font-weight:bold; color:#333; } 

.a_wrap_st1 { height:160px; overflow-y:scroll; box-sizing:border-box; } 

.agree_wrap { font-size:.875em; line-height:1.5 } 
.agree_wrap strong { vertical-align:inherit; font-weight:bold; } 

.sub_agree_wrap { padding:30px; border-top:2px solid #333; border-bottom:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; font-size:0.938em; color:#888; font-family:'notokrR', sans-serif; margin-top:10px; } 
.sub_agree_wrap p { padding:10px; line-height:1.5; } 
.sub_agree_wrap strong { color:#555; } 
.sub_agree_wrap .cont { overflow-y: scroll; height: 140px; overflow-y: scroll; } 
.cont_check { text-align: right; margin: 10px 0 40px 0; font-size:0.875em; color:#555; } 
.sub_agree_wrap .span { text-align: center; padding-left: 40px; } 

/*sub_location*/
.s_tit { font-size:1.35em; font-weight:600; margin-top:1.8em; font-family:'Ms' } 
.map_info { margin-top:2em; } 
.map_info li { color:#333; margin-bottom:10px; width:25%; } 
.map_info li .in { border-right:1px solid #ddd; text-align:center; box-sizing:border-box; padding:0 1em; } 
.map_info li:last-child .in { border-right:none; } 
.map_info li .map_tt { font-weight:500; border-bottom: 3px solid #009344; display:inline-block; padding:0 0 .3em; font-family:'Ms' } 
.map_info li .map_tx { margin-top:1em; font-size:1.1em; font-family:'Ms','notokr'; min-height:42px; display:flex; justify-content:center; align-items:center; text-align:center; padding:0 20px; box-sizing:border-box; } 

.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:2em; font-weight:300 } 
.map_info1 .t1 { float:left; } 
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:140px; line-height:38px; } 
.map_info1 .t1 span:last-child { margin-right:0; } 
.map_info1 .t1 .xi { font-size:1.438em; vertical-align:sub; color:#009344; margin-right:5px; } 
.map_info1 .map_btn { float:right; display:inline-block; padding:11px 45px 10px 45px; color:#fff; background:#003f87; border:1px solid #ddd; } 
.map_info1 .map_btn .tx { font-size:.875em; color:#fff; vertical-align:middle } 

/*.sub4_tab { border:1px solid #ccc; background:#fff; border-radius:0 0 10px 10px; padding:.6em; box-shadow:0 1px 2px rgba(0,0,0,.2); } */
.sub4_tab .list > li { } 
.sub4_tab .list > li > a { display: block; text-align: center; transition: .3s; margin: 0 0 0 -1px; border: 1px solid #ccc; font-size: 1.15em; padding: 0.8em 2em; } 
.sub4_tab .list > li:hover > a { color:#0b64b7; } border-radius: 0 1em 1em 0; .sub4_tab .list > li:last-child > a { border-radius: 0 1em 1em 0; } 
.sub4_tab .list > li:first-child > a { border-radius: 1em 0 0 1em; } 
.sub4_tab .list > li.on > a { color: #fff; background: #0b64b7; border-color: transparent; transition: .3s; } 
/*.sub4_tab .list > li.on > a:after { content:"\e935"; font-family:xeicon!important; color:#fff; position:absolute; width:100%; text-align:center; top:-14px; left:0; font-size:11px; } */

.col_wrap.fl_St { *zoom:1; } 
.col_wrap.fl_St:after { content:""; display:block; clear:both; } 
.col_wrap.fl_St > * { float:left; } 
.col_wrap.sec6 > * { width:20%; } 

.vm_wrap { display:block; text-align:center; white-space:nowrap } 
.vm_wrap:before { content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%; } 
.vm_tt { display:inline-block; *display:inline; zoom:1; vertical-align:middle; white-space:normal; } 
.vm_wrap img { display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-height:100%; } 

.va_wrap { text-align:center; white-space: nowrap } 
.va { display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100% } 
.va_tt { display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:auto; height:auto; white-space:normal } 
.va_wrap img { vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%; } 

.inp_w10 { width:10% } 
.inp_w15 { width:15% } 
.inp_w20 { width:20% } 
.inp_w25 { width:25% } 
.inp_w30 { width:30% } 
.inp_w35 { width:35% } 
.inp_w40 { width:40% } 
.inp_w45 { width:45% } 
.inp_w50 { width:50% } 
.inp_w53 { width:53% } 
.inp_w60 { width:60% } 
.inp_w65 { width:65% } 
.inp_w70 { width:70% } 
.inp_w75 { width:75% } 
.inp_w80 { width:80% } 
.inp_w85 { width:85% } 
.inp_w90 { width:90% } 
.inp_w95 { width:95% } 
.inp_w100 { width:100% } 

.dp1_record .w_check { width:100px } 
.w_tit { width:auto } 
.w_name { width:130px } 
.w_date { width:130px } 
.w_hit { width:100px } 
.w_img { width:220px } 
.w_no { width:90px } 
.w_form_tit { width:170px } 
.w_view_tit { width:auto } 
.w_view_info { width:380px; } 
.w_auto { width:auto } 

.status_list_w { margin-top:2em; } 
.status_tit { color:#0c81f5; padding-left:50px; position:relative; } 
.status_tit:before { content:''; position:absolute; top:6px; left:36px; width:7px; height:7px; background:#009344; transform:rotate(45deg); } 

.status_list { table-layout:fixed; border-top:2px solid #0b64b7; } 
.status_list thead th { text-align:center !important; font-size:.875em; color:#333; padding:12px 10px; border:1px solid #ddd; text-align:left; background:#f2f2f2; border-left:none; border-right:1px solid #eee; position:relative; } 
.status_list td { font-size:.938em; color:#666; padding: 1em 10px; border:1px solid #ddd; border-right:none; border-left:none; } 
.status_list td.m_st { position:relative; } 
.status_list td.m_st:before { position:absolute; content:"\e97b"; left:10px; top:10px; font-size:17px; font-style:normal; font-family:xeicon; } 

.status_list tr td { transition:.3s; } 
.status_list tr:hover td { border-bottom:1px solid #0b64b7; } 
.status_list tr td:nth-of-type(3) a { transition:.3s; } 
.status_list tr:hover td:nth-of-type(3) a { color:#0b64b7; } 

body.pop #footer { display:none; } 

.status_info_w { /*margin-top:3em; */background:#f2f5f8; border:1px dashed #ddd; padding:1em; } 
.prod_detail_wrap { } 
.prod_detail_wrap .inner { *zoom:1; } 
.prod_detail_wrap .inner:after { content:""; display:block; clear:both; } 
.prod_detail_wrap .inner .slide_wrap { float:left; width:40%; position:relative; } 
.prod_detail_wrap .inner .info_wrap { float:right; width:60%; } 
.prod_detail_wrap .inner .slide_wrap .vm_tt { max-width:100%; width:100% !important; } 
.prod_detail_wrap .inner .slide_wrap img { display:inline-block; *display:inline; zoom:1; width:100% !important; } 

.prod_detail_wrap .inner .slide_wrap .item .img { background:#fff; border:1px solid #ddd; } 
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .img { /*padding:10px; */ } 
.prod_detail_wrap .inner .slide_wrap .prod_thumb { margin:0 -2px; margin-top:5px; } 
.prod_detail_wrap .inner .slide_wrap .prod_thumb .item .img { margin:0 2px; cursor:pointer; /*padding:10px; */ } 
.prod_detail_wrap .inner .slide_wrap .prod_thumb .slick-current .img { border-color:#b3161c; } 
.prod_detail_wrap .inner .slide_wrap .control_box { position:absolute; top:50%; left:0; right:0; } 
.prod_detail_wrap .inner .slide_wrap .control_arrow > li { position:absolute; top:0; margin-top:-80px; } 
.prod_detail_wrap .inner .slide_wrap .control_arrow > li .xi { width:40px; height:40px; line-height:40px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:100%; color:#777; cursor:pointer; } 
.prod_detail_wrap .inner .slide_wrap .control_arrow .prev { left:-50px; } 
.prod_detail_wrap .inner .slide_wrap .control_arrow .next { right:-50px; } 
.prod_detail_wrap .inner .slide_wrap .control_arrow > li:hover .xi { background:#d12d33; border-color:#d12d33; color:#fff; transition:.3s; } 

.prod_detail_wrap .info_wrap .in { padding:30px 0 0 50px; } 
.prod_detail_wrap .info_wrap .prod_info { } 
.prod_detail_wrap .info_wrap .prod_info .info { position:relative; padding:15px 0 15px 130px; } 
.prod_detail_wrap .info_wrap .prod_info .info .tit { position:absolute; top:13px; left:0; padding-left:15px; font-size:1.063em; color:#111; } 
.prod_detail_wrap .info_wrap .prod_info .info:before { content:''; position:absolute; top:21px; left:0; width:7px; height:7px; background:#0c61b5; transform:rotate(45deg); } 
.prod_detail_wrap .info_wrap .prod_info .info .txt { color:#555; font-size:.938em; position:relative; padding-left:12px; min-height:18px; } 
.prod_detail_wrap .info_wrap .prod_info .info .txt:before { position:absolute; content:""; width:4px; height:1px; background:#555; left:0; top:7px; } 

.prod_detail_wrap .info_wrap .prod_btn { margin-top:40px; } 
.prod_detail_wrap .info_wrap .prod_btn > li { display:inline-block; *display:inline; zoom:1; vertical-align:top; width:33%; } 
.prod_detail_wrap .info_wrap .prod_btn .btn { width:100%; height:50px; border:1px solid transparent; border-radius:25px; overflow:hidden; } 
.prod_detail_wrap .info_wrap .prod_btn .btn.c1 { background:#d12d33; color:#fff; } 
.prod_detail_wrap .info_wrap .prod_btn .btn.c2 { background:#38393F; color:#fff; } 
.prod_detail_wrap .info_wrap .prod_btn .btn.c3 { background:#ffffff; border-color:#aaa; } 
.prod_detail_wrap .info_wrap .prod_btn .btn i { vertical-align:middle; } 
.prod_detail_wrap .info_wrap .prod_btn .btn .xi { padding-right:5px; } 

.dp1_online .board_st th { border-left:1px solid #ddd; } 
.dp1_online .board_st td { border-right:1px solid #ddd; } 

.page_list2.half > dd { padding-bottom: 1.5em; display: inline-block; width: 45%; } 
.page_list2.half > dd:nth-child(odd) { margin-left:3.6%; } 
.page_list2.half > dd .half .img { height: 10em; margin: 0 0 1em; } 
.page_list2.half > dd .half .img.longL { height: 12.5em; } 


.page_list2.half.st2 > dd { padding-bottom: 1.5em; display: inline-block; width: 47%; } 
.page_list2.half.st2 > dd:nth-child(odd) { margin-left:1.6%; } 
.page_list2.half.st2 > dd .half .img { height: 19em; margin: 0 0 1em; } 
.page_list2.half.st2 > dd .half.st2 .img { width: 97%; } 
.page_list2.half.st2 > dd .half .img.longL { height: 12.5em; } 

.page_list2 .img { height: 8em; margin-top: 1em; border-radius: 0.7em; } 
.page_list2 .img2 { height: 20em; border-radius: 0.7em; } 
.page_list2 .img3 { height: 70em; margin-top: 1em; border-radius: 0.7em; } 
.page_list2 .img3.bg1 { height: 55em; width: 100%; background-color: #fff; overflow-y: hidden; } 
.page_list2 .img4 { height: 25em; border-radius: 0.7em; } 
.page_list2 .img5 { height: 16em; border-radius: 0.7em; } 
.page_list2 .img6 { height: 30em; } 
.page_list2 .img.long { height: 12em; width: 36em; margin: 1em auto; } 
.page_list2 .img.dob { margin-top: 1em; width: 48%; height: 16em; display: inline-block; } 
.page_list2 .img.dob:last-child { margin-left: 3.6%; } 

.page_list2 .img.dob.sec { height: 16em; width: 30%; margin-left: 7.2em; } 
.page_list2 .img.dob.sec2 { height: 16em; width: 30%; margin-left: 2.2em; } 
.page_list2 .img.dob.sec3 { height: 16em; width: 40%; margin-left: 2.2em; } 

.imgsz70 { width: 70%; } 
.imgsz80 { width: 80%; } 
.imgsz85 { width: 85%; overflow: hidden; } 
.imgsz90 { width: 90%; overflow: hidden; } 
/*MAIN*/
.main_con { padding: 11em 0 0; box-sizing:border-box; height:100%; } 
#section2 { background:url(../images/main_about_bg1.jpg?v=1.12) no-repeat center; background-size:cover; } 
#section2 .main_con { padding-top:200px; background:rgba(0,0,0,.2); } 
.main_con.no_pd { padding:0; } 
.main_con .main_con_tit_box { margin-bottom:5em; position:relative; } 
#section3 .main_con .main_con_tit_box { margin-bottom: 5em; } 

.main_con .main_con_tit_box .main_con_tit_line { width:1px; height:40px; background:#222; margin:0 auto 22px; } 
.main_con .main_con_tit_box .main_con_tit { font-size: 3em; color:#222; } 
.main_con .main_con_tit_box .main_con_more_wrap { position:absolute; right:0; bottom:-3em; display:inline-block; cursor:pointer; } 
.main_con .main_con_tit_box .main_con_more_wrap:before { content:''; display:block; width:55px; height:55px; border-radius:27.5px; background:#f2f2f2; position:absolute; left:-27.5px; top:-17.5px; transition:.3s; z-index:-1; } 
.main_con .main_con_tit_box .main_con_more_wrap:hover:before { width:156px; background:#74805a; } 
.main_con .main_con_tit_box .main_con_more_wrap .main_con_more { font-size:.9375em; color:#222; transition:.3s; } 
.main_con .main_con_tit_box .main_con_more_wrap:hover .main_con_more { color:#fff; } 
.main_con .main_con_tit_box .main_con_more_wrap .main_con_more i { font-size:1.5em; transform:translateY(-2px); transition:.3s; } 
.main_con .main_con_tit_box .main_con_more_wrap:hover .main_con_more i { margin-left:8px; transform:translateY(-2px) rotate(90deg); } 
.main_con .main_con_tit_box .main_con_tit_sub { margin-top:1rem; text-align:center; font-size:1.125em; line-height:1.6; } 

.main_con .main_record .main_con_ctt_box { width:100%; margin:0 auto; } 
.main_con .main_con_ctt_box .record_slides { } 
.main_con .main_con_ctt_box .record_slides .slides { } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide { margin:0 10px; cursor:pointer; } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide .thumb_box { width:100%; height:190px; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; border-bottom:0; transition:.3s; border-radius: 1em 1em 0 0; } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide:hover .thumb_box { border:1px solid #74805a; border-bottom:0; } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide .thumb_box .record_img { width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transition:.3s; } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide:hover .thumb_box .record_img { transform:scale(1.1); } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide .info_box { border:1px solid #ddd; border-top:0; padding:24px; box-sizing:border-box; transition:.3s; border-radius: 0 0 1em 1em } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide:hover .info_box { border:1px solid #74805a; border-top:0; } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide .info_box .info_date { font-size:.8125em; color:#74805a; margin-bottom:1em; } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide .info_box .info_tit { font-size:1.125em; color:#111; line-height:1.4; word-break:break-all; white-space:normal; height:50px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide .info_box .info_line { width:30px; height:1px; background:#222; margin:18px 0; } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide .info_box .info_etc { } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide .info_box .info_etc li { display:flex; font-size:.875em; } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide .info_box .info_etc li:first-of-type { margin-bottom:10px; } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide .info_box .info_etc li .info_etc_head { width:70px; color:#222; } 
.main_con .main_con_ctt_box .record_slides .slides li.slick-slide .info_box .info_etc li .info_etc_ctt { color:#444; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.main_con .main_con_ctt_box .record_slides .slides .slick-dots { display:flex; padding-top:54px; } 
.main_con .main_con_ctt_box .record_slides .slides .slick-dots ul { display:flex; width:10%; margin:0 auto; justify-content:space-between; } 
.main_con .main_con_ctt_box .record_slides .slides .slick-dots ul li { width:12px; height:12px; border-radius:50%; background:#ccc; cursor:pointer; transition:.3s; } 
.main_con .main_con_ctt_box .record_slides .slides .slick-dots ul li:hover { background:#74805a; } 
.main_con .main_con_ctt_box .record_slides .slides .slick-dots ul li.slick-active { background:#74805a; } 
.main_con .main_con_ctt_box .record_slides .slides .slick-dots ul li button { font-size:0; outline:none; background:none; border:none; } 
.main_con .main_con_ctt_box .record_slides .record_arrows { display:flex; justify-content:center; position:relative; } 
.main_con .main_con_ctt_box .record_slides .record_arrows .record_arrow { display:flex; justify-content:center; align-items:center; width: 70px; height: 70px; border-radius:50%; background:#444; color:#fff; cursor:pointer; transition:.3s; position:absolute; top: -19em; } 
.main_con .main_con_ctt_box .record_slides .record_arrows .record_arrow:hover { background:#74805a; } 
.main_con .main_con_ctt_box .record_slides .record_arrows .record_arrow.record_prev { left:-12%; } 
.main_con .main_con_ctt_box .record_slides .record_arrows .record_arrow.record_next { right:-12%; } 
.main_con .main_con_ctt_box .record_slides .record_arrows .record_arrow i { transition:.3s; } 
.main_con .main_con_ctt_box .record_slides .record_arrows .record_arrow.record_prev:hover i { margin-right:6px; } 
.main_con .main_con_ctt_box .record_slides .record_arrows .record_arrow.record_next:hover i { margin-left:6px; } 

.main_about { /*padding:100px 0; */ box-sizing:border-box; /*background:url('../images/main/main_about_bg01.jpg?v=1') fixed; *//* color:#fff; */height:100%; } 
.main_about .main_con_tit_box .main_con_tit_line { background:#fff; } 
.main_about .main_con_tit_box .main_con_tit { color:#fff; } 

.main_about .main_con_ctt_box { margin:8rem 0 5rem; } 
.main_about .main_con_ctt_box .about_links { display:flex; width:80%; margin:0 auto; } 
.main_about .main_con_ctt_box .about_links li { width:25%; display:flex; flex-direction:column; height:100px; text-align:center; cursor:pointer; } 
.main_about .main_con_ctt_box .about_links li .icon_wrap { margin-bottom:2.5rem; } 
.main_about .main_con_ctt_box .about_links li .icon_wrap img { transition:.3s; } 
.main_about .main_con_ctt_box .about_links li:hover .icon_wrap img { transform:scale(1.1); } 
.main_about .main_con_ctt_box .about_links li p { font-size:1.125em; } 

.serviceEx_list { } 
.serviceEx_list > .list { } 
.serviceEx_list > .list > li { flex:1; position:relative; text-align:center; } 
.serviceEx_list > .list > li .wrap_in { flex:1; position:relative; padding:2em 1.75em; min-height:25em; color:#fff; transition:.3s; border: 1px solid #fff; margin: 0.5em; border-radius: 1em; } 
.serviceEx_list > .list > li .wrap_in .bg { position:absolute; top:0; left:0; width:100%; height:100%; border-radius: 1em; } 
.serviceEx_list > .list > li .wrap_in .bg:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-left:1px solid #fff; background:#000; opacity:.3; transition:.3s; border-radius: 1em; } 
.serviceEx_list > .list > li:first-child .wrap_in .bg:before { border-left-width:0; } 
.serviceEx_list > .list > li .wrap_in .con { position:relative; min-height:5em; } 
.serviceEx_list > .list > li .wrap_in .con .tt { font-size:1.25em; transition:.3s; } 
.serviceEx_list > .list > li:hover { z-index:2; } 
.serviceEx_list > .list > li:hover .wrap_in { padding:2em 1em 8em 1em; } 
.serviceEx_list > .list > li:hover .wrap_in .con .tt { font-size:1.4em; } 
.serviceEx_list > .list > li:hover .wrap_in .bg:before { border:none; background:#8ea9f5; opacity:1; transform:scale(1.1,1.1); box-shadow:2px 2px 1em rgba(0,0,0,.4); } 

.serviceEx_list.scrollActive > .list > li .wrap_in .bg { transform:rotateY(-180deg); transition:1s; } 
.serviceEx_list.scrollActive.addActive > .list > li .wrap_in .bg { transform:rotateY(0deg); } 

.main_txt { position:relative; text-align: center; } 
.main_txt > .txt { min-height:3.5em; } 

.main_cs { } 
.main_cs .main_con_ctt_box { } 
.main_cs .main_con_ctt_box .cs_notice { margin-bottom:2rem; } 
.main_cs .main_con_ctt_box .cs_notice .notice_head { width:25%; } 
.main_cs .main_con_ctt_box .cs_notice .notice_body { width:75%; } 

.main_cs .main_con_ctt_box .cs_notice .notice_head .notice_tit { font-size:2.25em; font-weight:bold; color:#222; margin-bottom:.5rem; } 
.main_cs .main_con_ctt_box .cs_notice .notice_head .notice_tit_sub { color:#222; } 
.main_cs .main_con_ctt_box .cs_notice .notice_head .main_con_more_wrap { display:inline-block; cursor:pointer; position:relative; margin-top:5rem; margin-left:27.5px; } 
.main_cs .main_con_ctt_box .cs_notice .notice_head .main_con_more_wrap:before { content:''; display:block; width:55px; height:55px; border-radius:27.5px; background:#f2f2f2; position:absolute; left:-27.5px; top:-17.5px; transition:.3s; z-index:-1; } 
.main_cs .main_con_ctt_box .cs_notice .notice_head .main_con_more_wrap:hover:before { width:156px; background:#74805a; } 
.main_cs .main_con_ctt_box .cs_notice .notice_head .main_con_more_wrap .main_con_more { font-size:.9375em; color:#222; transition:.3s; } 
.main_cs .main_con_ctt_box .cs_notice .notice_head .main_con_more_wrap:hover .main_con_more { color:#fff; } 
.main_cs .main_con_ctt_box .cs_notice .notice_head .main_con_more_wrap .main_con_more i { font-size:1.5em; transform:translateY(-2px); transition:.3s; } 
.main_cs .main_con_ctt_box .cs_notice .notice_head .main_con_more_wrap:hover .main_con_more i { margin-left:8px; transform:translateY(-2px) rotate(90deg); } 

.main_cs .main_con_ctt_box .cs_notice .notice_body .notice_lists { display:flex; flex-direction:column; } 
.main_cs .main_con_ctt_box .cs_notice .notice_body .notice_lists li { border:1px solid #ddd; /*border-top:0; */ box-sizing:border-box; display:flex; height:75px; align-items:center; justify-content:space-between; cursor:pointer; position:relative; border-radius: 1em; margin: 0.5em 0; } 
.main_cs .main_con_ctt_box .cs_notice .notice_body .notice_lists li:after { content:''; display:block; width:0; height:2px; background:#74805a; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:.6s; } 
.main_cs .main_con_ctt_box .cs_notice .notice_body .notice_lists li:hover:after { width:100%; } 
/*.main_cs .main_con_ctt_box .cs_notice .notice_body .notice_lists li:first-of-type { border-top:1px solid #ddd; } */
.main_cs .main_con_ctt_box .cs_notice .notice_body .notice_lists li .notice_date { padding-left:40px; color:#74805a; font-size:.875em; box-sizing:border-box; } 
.main_cs .main_con_ctt_box .cs_notice .notice_body .notice_lists li .notice_tit { width:680px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.125em; color:#222; } 
.main_cs .main_con_ctt_box .cs_notice .notice_body .notice_lists li .notice_btn { padding-right:40px; box-sizing:border-box; } 
.main_cs .main_con_ctt_box .cs_notice .notice_body .notice_lists li .notice_btn i { color:#222; font-size:2em; transition:.4s; } 
.main_cs .main_con_ctt_box .cs_notice .notice_body .notice_lists li:hover .notice_btn i { transform:rotate(90deg); color:#74805a; } 

.main_cs .main_con_ctt_box .cs_links { } 
.main_cs .main_con_ctt_box .cs_links ul { } 
.main_cs .main_con_ctt_box .cs_links ul li { width:24%; height:220px; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #ddd; transition:.3s; cursor:pointer; } 
.main_cs .main_con_ctt_box .cs_links ul li:hover { border:1px solid #74805a; } 
.main_cs .main_con_ctt_box .cs_links ul li .icon_wrap { margin-bottom:1.75rem; } 
.main_cs .main_con_ctt_box .cs_links ul li .icon_wrap .icon_cv { width:100px; height:100px; display:flex; justify-content:center; align-items:center; border-radius:50%; background:#f7f7f7; } 
.main_cs .main_con_ctt_box .cs_links ul li .icon_wrap .icon_cv img { transition:.3s; } 
.main_cs .main_con_ctt_box .cs_links ul li:hover .icon_wrap .icon_cv img { transform:scale(1.1); } 
.main_cs .main_con_ctt_box .cs_links ul li .link_name { font-size:1.125em; } 

/*footer*/
#footer { background:#303234; } 
#footer .inner { padding:2.5em 0 3.5em 0; } 
#footer .inner .logo { margin-top:.625em; margin-bottom: 2em; } 
#footer .inner .logo img { width:13.5em; } 
#footer .inner .con { /*flex:1; */ /*padding-left:4.125em; */ } 

#footer .menu_wrap { } 
#footer .menu_wrap .menu { flex:1; padding-top:.5em; padding-bottom: 1.5em; } 
#footer .menu_wrap .menu > li .in { position:relative; display:block; padding:0 1.375em; color:#fff; } 
#footer .menu_wrap .menu > li .in:after { content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:1em; background:#fff; opacity:.2; } 
#footer .menu_wrap .menu > li:first-child .in { padding-left:0; } 
#footer .menu_wrap .menu > li:last-child .in { padding-right:0; } 
#footer .menu_wrap .menu > li:last-child .in:after { display:none; } 
#footer .menu_wrap .menu > li .in .tt { font-size:1.063em; } 
#footer .menu_wrap .menu > li .point { color:#8ea9f5; } 
#footer .menu_wrap .menu > li .in:hover .tt { text-decoration:underline; } 

#footer .menu_wrap .family { position:relative; } 
#footer .menu_wrap .family .btn { height:3.125em; padding:0 .375em; border-bottom:2px solid #fff; color:#fff; } 
#footer .menu_wrap .family .btn .tt { font-size:.875em; } 
#footer .menu_wrap .family .btn .icon { font-size:.938em; margin-left:5em; } 
#footer .menu_wrap .family .btn .icon:before { content:"\e944"; } 
#footer .menu_wrap .family .list_wrap { position:absolute; bottom:100%; left:0; right:0; padding:1em 1em; max-height:20em; background:#303234; border:1px solid #151617; box-shadow:2px 2px 3px rgba(0,0,0,.15); display:none; } 
#footer .menu_wrap .family .list > li .in { display:block; padding:.25em 0; color:#fff; } 
#footer .menu_wrap .family .list > li .in .tt { font-size:.813em; } 
#footer .menu_wrap .family .list > li .in:hover .tt { text-decoration:underline; } 
#footer .menu_wrap .family.on .btn .icon:before { content:"\e941"; } 
#footer .menu_wrap .family.on .list_wrap { display:block; } 

/*#footer .info_wrap { margin-top:2.125em; } */
#footer .info_wrap .info > li { padding:.25em 2em .25em 0; } 
#footer .info_wrap .info > li .tt { vertical-align:baseline; font-size:.938em; color:#fff; opacity:.6; } 
#footer .info_wrap .info > li a[href]:hover { opacity:1; } 
#footer .info_wrap .copy { margin-top:2.5em; font-size:.688em; color:#fff; text-transform:uppercase; opacity:.4; } 

#footer .goTop { position:fixed; z-index:99; bottom:-2em; right:3%; width:4em; height:4em; background:#fff; border:5px solid #ddd; color:#74805a; opacity:0; visibility:hidden; transition:.2s; } 
#footer .goTop .tt { display:block; font-size:.688em; font-weight:700; } 
#footer .goTop:hover { background:#74805a; border-color:#74805a; color:#fff; } 
.scroll #footer .goTop { bottom:2em; opacity:1; visibility:visible; border-radius: 1em; } 


/*contents*/
#contents { } 
/*#contents .sub_page_top { overflow:hidden; } */
#contents .sub_page_top .bg_1 { background-image:url(../images/sub/sub_visual_1.jpg?v=1.12); } 
#contents .sub_page_top .bg_2 { background-image:url(../images/sub/sub_visual_4.jpg?v=1.12); } 
#contents .sub_page_top .bg_3 { background-image:url(../images/sub/sub_visual_3.jpg?v=1.12); } 
#contents .sub_page_top .bg_4 { background-image:url(../images/sub/sub_visual_6.jpg?v=1.12); } 
#contents .sub_page_top .bg_5 { background-image:url(../images/sub/sub_visual_5.jpg?v=1.12); } 
#contents .sub_page_top .bg_6 { background-image:url(../images/sub/sub_visual_7.jpg?v=1.12); } 
#contents .sub_page_top .bg_7 { background-image:url(../images/sub/sub_visual_2.jpg?v=1.12); } 

#contents .sub_page_top > .inner { padding:5em 0 0em 0; } 
#contents .sub_page_top .sub_tit { color:#fff; position:relative; text-align: center; } 
#contents .sub_page_top .sub_tit .tit1 { margin-bottom:1.5em; } 
#contents .sub_page_top .sub_tit .tit1:before { content:""; display:inline-block; vertical-align:middle; margin-right:3em; width:5em; height:1px; background:#fff; } 
#contents .sub_page_top .sub_tit .tit1 > .tt { display:inline-block; font-size:1.125em; font-weight:500; letter-spacing:1px; text-transform:uppercase; } 
#contents .sub_page_top .sub_tit .tit2 > .tt { font-size:3.200em; font-weight:700; letter-spacing:-1.5px; } 
#contents .sub_page_top .sub_tit .tit3 { position:absolute; left:50%; top: 130%; opacity: .75; transform:translate(-50%); line-height:1.4; font-size: 1.05em; font-weight: 100; } 

#contents .sub_page_top .sub_menu { margin-top: 8.4em; } 
#contents .sub_page_top .sub_menu .gnb > li,
#contents .sub_page_top .sub_menu .gnb > li .dp1 { display:none; } 
#contents .sub_page_top .sub_menu .gnb > li.on { display:block; } 
#contents .sub_page_top .sub_menu .gnb > li .dp2 { } 
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li { background: rgba(11, 100, 183); margin: 1em 0.5em; border-radius: 1em; position: relative; } 
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li:hover { background: #0b64b7; transition: .3s; } 
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li > a { position: relative; height: 4em; color: #fff; text-align: center; padding: 1em 2em; } 
#contents .sub_page_top .sub_menu .gnb > li .dp3 { display:none; } 
/*#contents .sub_page_top .sub_menu .gnb > li .dp2 > li > a:before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:1em; background:#fff; } */
/*#contents .sub_page_top .sub_menu .gnb > li .dp2 > li:first-child > a { padding-left:0; } */
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li:first-child > a:before { display:none; } 
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li > a .tt { font-size:1.15em; font-weight:400; letter-spacing:0; } 
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li.on > a { color:#0b64b7; background:#fff; border-radius: 1em; } 
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li.on > a .tt { font-weight:700; } 

#contents .sub_menu3 { display: none; } 
.dp1_2 #contents .sub_menu3,
.dp1_7.dp2_2 #contents .sub_menu3 { display: block; } 
.dp7_2 #contents .sub_menu3 { display: block; } 

#contents .sub_menu3 .gnb > li { display:none } 
#contents .sub_menu3 .gnb > li.on,
#contents .sub_menu3 .gnb > li.on .dp2 { display:block; width: 100%; } 
#contents .sub_menu3 .gnb > li.on .dp1,
#contents .sub_menu3 .gnb > li.on .dp2 > li,
#contents .sub_menu3 .gnb > li.on .dp3,
#contents .sub_menu3 .gnb > li.on .dp2 li .dp2_a { display:none; } 
#contents .sub_menu3 .gnb > li.on .dp2 > li.on { display:block; } 
#contents .sub_menu3 .gnb > li.on .dp2 li.on .dp3 { display:block !important; margin-top: 3em; transform: translateX(155px); } 
#contents .sub_menu3 .gnb > li.on .dp2 li.on .dp3 > li { width: calc(20% - 2em); margin-right: 1.5em; float: left; } 
#contents .sub_menu3 .gnb > li.on .dp2 li.on .dp3 > li > a { padding: 1em; box-sizing: border-box; background: rgba(11, 100, 183); border-radius: .8em; font-weight: bold; font-size: 1.2em; color: #fff; } 

#contents .sub_menu3 .gnb > li.on .dp2 li.on .dp3 > li.sm_unground { margin: 0 auto; transform: translateX(-155px); } 
#contents .sub_menu3 .gnb > li.on .dp2 li.on .dp3 > li.sm_unground.on { float: none; } 
#contents .sub_menu3 .gnb > li.on .dp2 li.on .dp3 > li.on > a { padding: 1em; box-sizing: border-box; background: rgba(255, 255, 255, 1); border-radius: .8em; font-weight: bold; font-size: 1.2em; color:#0b64b7; box-shadow: 3px 3px 10px #ddd; } 

/* #contents .sub_page_top .sub_menu .gnb .dp3 { } 
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li > .dp3 > li { background: rgba(11, 100, 183,.6); margin: 1em 0.5em; border-radius: 1em; display: none } 
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li > .dp3 > li > a { height:3.5em; padding:0 2.5em; color:#000; } 
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li > .dp3 > a { color:#0b64b7; background:#fff; border-radius: 1em; display: none; } 
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li.on > .dp3 { } 
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li.on > .dp3,
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li.on > .dp3 > li { font-weight:700; display: block; } */


#contents .con_page_top { padding: 3.5em 0 2.5em 0; text-align:center; } 
#contents .con_page_top .con_tit { font-size: 2.8em; color:#222; font-weight:700; letter-spacing:-1px; } 

#contents .doc { padding:4em 0 8em; } 

/**메인**/
.main_layout .inner { padding:0 7em; } 
.layL { width: 100%; max-width:31.25em; padding-right:5em; } 
.layR { flex:1; } 
.main_txt { } 
.main_txt > .tit { margin-bottom:2em; } 
.main_txt > .tit.mg1 { margin-bottom:1.5em; } 
.main_txt > .tit.mg2 { margin-bottom:4.5em; } 
.main_txt > .tit.mg3 { margin-bottom:.5em; } 
.main_txt > .txt .tt { line-height:1.4; } 
.main_txt .tt { margin-top:.5em; } 
.main_txt .tt:first-child { margin-top:0; } 

.main_txt .br { display:block; } 
.main_txt .op1 { opacity:.6; } 
.main_txt .t1 { font-size:.938em; } /*15*/
.main_txt .t2 { font-size:1.000em; font-weight: 100; } /*16*/
.main_txt .t3 { font-size:1.063em; } /*17*/
.main_txt .t4 { font-size:1.125em; font-weight: 100; } /*18*/
.main_txt .t5 { font-size:1.250em; } /*20*/
.main_txt .t6 { font-size:1.375em; } /*22*/
.main_txt .t7 { font-size:1.500em; } /*24*/
.main_txt .t8 { font-size:1.625em; } /*26*/
.main_txt .t9 { font-size:1.750em; } /*28*/
.main_txt .t10 { font-size:1.875em; } /*30*/
.main_txt .t11 { font-size:2.250em; } /*36*/
.main_txt .t12 { font-size:2.375em; position:relative; } /*38*/ 
.main_txt .t12:before,
.main_txt .t12:after { content:""; display:block; width:10em; position:absolute; top:50%; margin-top:-0.5px; height:1px; background:#aaa; } 
.main_txt .t12:before { right:130%; } 
.main_txt .t12:after { left:130%; } 
.main_txt .t13 { font-size:3.375em; } /*54*/
.main_txt .t14 { font-size:4.375em; line-height:1; } /*70*/ 

.cw .main_txt .tt { color:#fff; } 
.c_gray { color:#333 !important; } 
.c_dgray { color:#777 !important; } 

.main_more { } 
.main_more.pd1 { padding-top:2.5em; } 
.main_more.pd2 { padding-top:4em; } 
.main_more > .more { text-align:center; padding:1em 1.875em; background:transparent; border-radius:1em; color:#fff/*#0b64b7*/; transition:.2s; background:rgba(11, 100, 183,.6); transition:.3s; } 
.main_more > .more > .tt { font-size:.875em; font-weight: 100; } 
.main_more > .more > .xi { font-size:1.125em; } 
.main_more > .more > .tt ~ .xi { margin-left:.5em; } 
.main_more > .more > .xi:before { content:"\e907"; } 
.main_more > .more.re { background:#fff; border-color:#fff; } 
.main_more > .more:hover { background: linear-gradient(45deg,#0b64b7,#b3cb4d); color:#fff; /*border:1px solid #fff; */transition:.2s; } 

.main_more.st2 > .more { padding:0; background:transparent; border:none; color:#000; } 
.main_more.st2 > .more > .xi { font-size:1.750em; transition:.2s; } 
.main_more.st2 > .more > .xi:before { content:"\e913"; } 
.main_more.st2 > .more:hover { color:#0b64b7; } 
.main_more.st2 > .more:hover > .xi { transform:rotate(180deg); } 

.main_moreWrap.flex .main_txt { flex:1; } 

.main_bnList1 { margin-top:2.5em; position: relative; } 
/*.main_bnList1:after { content: ""; position: absolute; top: -8.5em; left: -1%; width: 0%; height: 5px; background: linear-gradient(45deg,#0b64b7,#b3cb4d); opacity: 0; transition: .2s; } 
.main_bnList1:hover { width: 101%; opacity: 1; transition: .2s; } */
.main_bnList1 > .list > li,
.main_bnList1 > .list > li .wrap_in { flex:1; } 
.main_bnList1 > .list { margin:0 0 -3em -3em; } 
.main_bnList1 > .list > li .wrap_in { position:relative; z-index:1; margin: 0 0 3em 2em; padding:2.5em 2.5em; padding-top:16em; } 
.main_bnList1 > .list > li .wrap_in:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; /*background:#0b64b7; */ opacity:0; visibility:hidden; transform:scale(.4,.4); transition:.3s; } 
.main_bnList1 > .list > li .wrap_in .main_txt { flex:1; position:relative; transition:.3s; } 
.main_bnList1 > .list > li .wrap_in .main_txt > .txt { min-height:0em; } 
.main_bnList1 > .list > li .wrap_in:hover .main_txt { z-index:2; transform:translateY(-2em); } 
.main_bnList1 > .list > li .wrap_in:hover:before { opacity:1; visibility:visible; transform:scale(1.1,1.1); } 

.main_bnList1_1 { margin:0 0 4em; } 
.main_bnList1_1 > .list > li,
.main_bnList1_1 > .list > li .wrap_in { flex:1; } 
.main_bnList1_1 > .list { margin:0 0 -2em -2em; } 
.main_bnList1_1 > .list > li .wrap_in { position:relative; z-index:1; margin:0 0 2em 2em; padding:2em 2em; padding-top:16em; } 
.main_bnList1_1 > .list > li .wrap_in:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#0b64b7; opacity:0; visibility:hidden; transform:scale(.4,.4); transition:.3s; } 
.main_bnList1_1 > .list > li .wrap_in .main_txt { flex:1; position:relative; transition:.3s; } 
.main_bnList1_1 > .list > li .wrap_in .main_txt > .txt { min-height:3.5em; } 
.main_bnList1_1 > .list > li .wrap_in:hover .main_txt { z-index:2; transform:translateY(-2em); } 
.main_bnList1_1 > .list > li .wrap_in:hover:before { opacity:1; visibility:visible; transform:scale(1.1,1.1); } 

.main_bnList1_1_1 { margin:0 0 4em; } 
.main_bnList1_1_1 > .list > li,
.main_bnList1_1_1 > .list > li .wrap_in { flex:1; } 
.main_bnList1_1_1 > .list { margin:0 0 -3em -1em; } 
.main_bnList1_1_1 > .list > li .wrap_in { position:relative; z-index:1; margin: 0 0 0 1em; padding: 0em 2em; padding-top: 11em; } 
/*.main_bnList1_1_1 > .list > li .wrap_in:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#0b64b7; opacity:0; visibility:hidden; transform:scale(.4,.4); transition:.3s; } */
.main_bnList1_1_1 > .list > li .wrap_in .main_txt { flex:1; position:relative; transition:.3s; } 
.main_bnList1_1_1 > .list > li .wrap_in .main_txt > .txt { min-height:3.5em; } 
.main_bnList1_1_1 > .list > li .wrap_in:hover .main_txt { z-index:2; transform:translateY(-2em); } 
.main_bnList1_1_1 > .list > li .wrap_in:hover:before { opacity:1; visibility:visible; transform:scale(1.1,1.1); } 

.main_bnList2 { text-align:center; } 
.main_bnList2 .inner { padding:5em 0; } 
.main_bnList2 .list { } 
.main_bnList2 .list > li { flex:1; } 
.main_bnList2 .list > li .wrap_in { padding:0 5em; } 
.main_bnList2 .list > li .wrap_in .icon { margin-bottom:2em; } 
.main_bnList2 .list > li .wrap_in .icon > .in:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); border-radius:50%; } 
.main_bnList2 .list > li .wrap_in .icon > .in:after { content:""; position:absolute; left:50%; bottom:0; width:1px; height:4em; background:#fff; transform:translateY(30%); } 
.main_bnList2 .list > li .wrap_in .icon > .in img { width:4em; } 


/*SUB PAGE************************/
/*inc*/
.page_sec { margin-top:3.5em !important; } 
.page_sec1 { margin-top:1em !important; } 
.page_sec2 { margin-top:6em !important; } 
.page_sec3 { margin-top:.375em !important; } 

.page_box { padding:1.5em 1.75em; border:1px solid #e6e6e6; box-sizing:border-box; } 
.page_col { margin-bottom:1em; } 
.page_col > * { margin-top:0 !important; margin-bottom:0 !important; } 

.en { font-family:'ms','NotoSans',sans-serif; letter-spacing:0; } 
.bold { font-weight:700; } 
.ttBig { font-size:1.250em; } 
.ttSmall { font-size:.938em; } 
.ttLine { text-decoration:underline; } 

.ttF { vertical-align:baseline; } 
.ttF.t1 { font-size:.750em; } 
.ttF.t2 { font-size:.813em; } 
.ttF.t3 { font-size:.875em; } 
.ttF.t4 { font-size:.938em; } 
.ttF.t5 { font-size:1.063em; } 
.ttF.t6 { font-size:1.125em; } 
.ttF.t7 { font-size:1.250em; } 
.ttF.t8 { font-size:1.625em; } 
.ttF.c1 { color:#002460; } 
.ttF.c2 { color:#; } 
.ttF.c3 { color:#a3d063; } 
.ttF.c4 { color:#dc232d; } 
.ttF.c5 { color:#f57440; } 
.ttF.c6 { color:#2d3951; } 
.ttF.c7 { color:#0d121b; } 
.ttF.c8 { color:#999999; } 
.ttF.c9 { color:#111111; } 


.mainScroll { position:absolute; right:3em; bottom:2em; z-index:100 } 
.mainScroll > a { display:block; position:relative } 
.mainScroll .line { display:block; width:1px; height:10em; background:#fff } 
.mainScroll .tt { color:#fff; word-spacing:2px; letter-spacing:1px; transform:rotate(90deg); transform-origin:0 0; position:absolute; left:1.25em; top:0; width:10em; padding:0 .25em; box-sizing:border-box; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite } 
.mainScroll .tt > i { font-size:.625em } 

@keyframes downAni { 70% { margin-top:0 } 
90% { margin-top:.5em } 
100% { margin-top:0 } 
 }

.txt_blue { color:#3e55a7; vertical-align:baseline; } 
.txt_bold { font-weight:bold; vertical-align:baseline; } 

/*greeting*/
.grt_box { } 
.grt_box .grt_tit_wrap { margin-bottom:2rem; } 
.grt_box .grt_tit_wrap .grt_tit { margin-bottom:.5rem; } 
.grt_box .grt_tit_wrap .grt_tit.t1 { color:#222; font-size:1.25em; } 
.grt_box .grt_tit_wrap .grt_tit.t2 { color:#111; font-size:1.375em; } 
.grt_box .grt_tit_wrap .grt_line { margin:1.5rem auto; width:0; height:1px; background:#3e55a7; transition:.5s; } 
.grt_box .grt_tit_wrap.secAni .grt_line { width:100%; } 

.grt_box .grt_ctt_wrap { display:flex; justify-content:space-between; } 
.grt_box .grt_ctt_wrap .txt_box { width:48%; } 
.grt_box .grt_ctt_wrap .txt_box .t1 { font-family:'ms'; color:#222; line-height:1.6; } 
.grt_box .grt_ctt_wrap .txt_box .fin { text-align:right; color:#111; font-size:1.25em; } 
.grt_box .grt_ctt_wrap .txt_box .fin .grt_ceo { font-size:1.125em; font-weight:bold; } 
.grt_box .grt_ctt_wrap .img_box { width:48%; position:relative; } 
.grt_box .grt_ctt_wrap .img_box img { max-width:98%; } 
.grt_box .grt_ctt_wrap .img_box:before { content:''; width:98%; height:98%; background:#3e55a7; display:block; position:absolute; right:2%; bottom:2%; opacity:.6; z-index:-1; transition:.3s; transition-delay:.9s; } 
.grt_box .grt_ctt_wrap.secAni .img_box:before { right:0; bottom:0; } 

/*history*/


/*secAni*/
.conSection .ani { opacity:0; transition:.5s; } 
.conSection .ani.aniT { transform:translateY(60px) } 
.conSection .ani.aniB { transform:translateY(-60px) } 
.conSection .ani.aniL { transform:translateX(30px) } 
.conSection .ani.aniR { transform:translateX(-30px) } 
.conSection.secAni .ani { opacity:1; } 
.conSection.secAni .ani.aniT { transform:translateY(0) } 
.conSection.secAni .ani.aniB { transform:translateY(0) } 
.conSection.secAni .ani.aniL { transform:translateX(0) } 
.conSection.secAni .ani.aniR { transform:translateX(0) } 
.conSection.secAni .ani.delay1 { transition-delay:.3s; } 
.conSection.secAni .ani.delay2 { transition-delay:.6s; } 
.conSection.secAni .ani.delay3 { transition-delay:.9s; } 
.conSection.secAni .ani.delay4 { transition-delay:1.2s; } 
.conSection.secAni .ani.delay5 { transition-delay:1.5s; } 
.conSection.secAni .ani.delay6 { transition-delay:1.8s; } 
.conSection.secAni .ani.delay7 { transition-delay:2.1s; } 
.conSection.secAni .ani.delay8 { transition-delay:2.4s; } 
.conSection.secAni .ani.delay9 { transition-delay:2.7s; } 
.conSection.secAni .ani.delay10 { transition-delay:3.0s; } 

.board_st.webzine { border-top:2px solid #333 } 
.board_st.webzine .img { display:block; text-align:center; border:1px solid #ddd; } 
.board_st.webzine .img.resize { padding-bottom:80%; } 
.board_st.webzine .tit { font-size:1.3em; color:#393f44; font-weight:500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 
.board_st.webzine .info_wrap { margin-top:1.5em; font-size:.938em; } 
.board_st.webzine tr:hover td { background:#f5f5f5; } 
.board_st.webzine a:hover .tit { color:#e14840; } 

.board_st.webzine.st2 { border-top:none; } 
.board_st.webzine.st2 td { padding:2em 3em; border:1px solid #ddd; position:relative; } 
.board_st.webzine.st2 td:hover:before { content:''; width:100%; height:3px; background:#0b64b7; position:absolute; top:-1px; left:0; } 
.board_st.webzine.st2 .info_wrap { margin:0 0 .5em .125em; margin-bottom:1em; opacity:.8; font-size:1em; } 
.board_st.webzine.st2 .tit { font-size:1.315em; font-weight:300; } 
.board_st.webzine.st2 a:hover { text-decoration:none; } 
.board_st.webzine.st2 tr:hover .tit { font-weight:400; color:#333; } 
.board_st.webzine.st2 a:hover .info_wrap { opacity:1; } 

.board_st .info_wrap { color:#90969c; *zoom:1; } 
.board_st .info_wrap:after { content:""; display:block; clear:both; } 
.board_st .info_wrap > li { float:left; padding-left:1.5em; padding-right:1.5em; position:relative } 
.board_st .info_wrap > li:before { content:""; position:absolute; left:0; top:35%; width:1px; height:30%; background:#ccc } 
.board_st .info_wrap > li:first-child { padding-left:0; } 
.board_st .info_wrap > li:first-child:before { display:none } 
.board_st .info_wrap > li.cate { float:right; } 
.board_st .info_wrap > li.cate:before { display:none; } 
.board_st .info_wrap > li.cate .tt { padding-top:.12em; } 
.board_st .info_wrap > li .xi { margin-right:.3em; } 
.board_st .info_wrap > li .tt { display:inline-block; *display:inline; zoom:1; } 
.board_st .info_wrap > li strong.tt { color:#393f44; } 

.map_box { box-shadow:2px 3px 8px -1px #a4a4a4; width:100% !important; } 
.map_box .root_daum_roughmap .wrap_controllers { display:none; } 
.map_info { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:2em; font-weight:400; margin-bottom:2em } 
.map_info .t1 { font-size:1em; width:80%; margin:0 auto; } 
.map_info .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; } 
.map_info .t1 span:last-child { margin-right:0; } 
.map_info .t1 .xi { font-size: 1.250em; vertical-align:middle; color:#fff; margin-right:5px; background:#0b64b7; border-radius:50px; width:1.7em; height:1.7em; line-height:1.7em; text-align:center; } 
.map_info .map_btn { float:right; display:inline-block; padding:11px 45px 10px 45px; color:#fff; background:#003f87; border:1px solid #ddd; } 
.map_info .map_btn .tx { font-size:.875em; color:#fff; vertical-align:middle } 


.ov_wrap { } 
.ov_wrap ul { display:flex; flex-wrap:wrap; border-top:2px solid #0b64b7; } 
.ov_wrap ul li { border-bottom:1px solid #ddd; border-top:0; height:90px; width:100%; box-sizing:border-box; transition:.3s; position:relative; } 
.ov_wrap ul li > div { height:100%; /*padding:0 2rem; */ box-sizing:border-box; } 
.ov_wrap ul li > div > div { height:100%; align-items:center; display:flex; } 
.ov_wrap ul li > div > div.ov_icon_box { width:90px; justify-content:center; } 
.ov_wrap ul li > div > div.ov_icon_box img { transform:scale(.6); opacity:.7; transition:.3s; } 
.ov_wrap ul li:hover > div > div.ov_icon_box img { transform:scale(.75); opacity:.9; } 
.ov_wrap ul li > div > div.ov_tit_box { width:calc(100% * .25); text-align:center; background:#f5f5f5; margin-right:90px; } 
.ov_wrap ul li > div > div.ov_ctt_box { width:calc(100% * .75); /*padding-left:2rem; */ box-sizing:border-box; } 
.ov_wrap ul li > div > div p { width:100%; } 
.ov_wrap ul li > div > div.ov_tit_box p { text-align:center; } 
.ov_wrap ul li > div > div.ov_ctt_box p { color:#555; line-height:1.6; } 

.sub_indent.st1 { font-size:1.5em; /* padding-left:32px; */ position:relative; } 
.ov_wrap .table_st { border-top:2px solid #0b64b7; } 
.ov_wrap .table_st th:first-of-type,
.ov_wrap .table_st td:first-of-type { border-width:1px 0 1px 0; } 


.bg_gray { background:#f1f1f1; } 

.txt_gray { color:#aaa; } 

.ba_tit_box { width:100%; height:340px; align-items:flex-end; margin-bottom:8rem; } 
.ba_tit_box.archi { background:url('../images/sub/business_bg01.jpg') no-repeat center/cover; } 
.ba_tit_box.civil { background:url('../images/sub/business_bg02.jpg?v=1') no-repeat center/cover; } 
.ba_tit_box.estate { background:url('../images/sub/business_bg03.jpg') no-repeat center/cover; } 
.ba_tit_box.house { background:url('../images/sub/business_bg04.jpg') no-repeat center/cover; } 
.ba_tit_box .ba_tit_txt_box { background:rgba(255,255,255,.925); height:240px; margin-bottom:-40px; width:80%; box-shadow:2px 2px 4px 0 rgba(0,0,0,.3); } 
.ba_tit_box .ba_tit_txt_box .tt { font-size:2em; color:#0b64b7; margin-bottom:1rem; } 

.ba_ctt_box { padding:2rem 0; position:relative; } 
.ba_ctt_box .bg_text { font-size:2rem; position:absolute; right:3rem; bottom:2rem; } 
.ba_ctt_box .tt { font-size:1.875em; display:inline-block; position:relative; margin-bottom:2.875rem; } 
.ba_ctt_box .tt:before { content:''; display:block; width:100%; height:2px; background:#0b64b7; position:absolute; left:0; bottom:-.5rem; } 
.ba_ctt_box .sample_images { margin-bottom:3rem; } 
.ba_ctt_box .sample_images li { flex:1 1 100%; margin-right:.75rem; background:#fff; transition:.3s; } 
.ba_ctt_box .sample_images li:hover { transform:translate(-8px,-8px); box-shadow:8px 8px 0 rgba(0,0,0,.35); } 
.ba_ctt_box .sample_images li:last-of-type { margin-right:0; } 
.ba_ctt_box .sample_images li .img_wrap { width:100%; height:240px; } 
.ba_ctt_box .sample_images li .txt_wrap { padding:1rem 0; } 
.ba_ctt_box .sample_images li .txt_wrap .t1 { font-size:1.25em; margin-bottom:.875rem; } 
.ba_ctt_box .sample_images li .txt_wrap .t2 { font-size:.9375em; color:#333; } 

.ba_img_box { padding:3rem 0; } 

/*facility_w*/
.facility_w .page_viewWrap { overflow:hidden; } 
.facility_w .page_viewWrap .slider_for { float:left; width:80%; } 
.facility_w .page_viewWrap .slider_for .item { } 
.facility_w .page_viewWrap .slider_for .item .img_wrap { position:relative; margin:0 1em 1em 0; border:1px solid #ddd; text-align:center; } 
.facility_w .page_viewWrap .slider_for .item .img_wrap .resize { background:#fff; } 
.facility_w .page_viewWrap .slider_for .item .img_wrap .tit_w { position:absolute; left:0; bottom:2px; width:96%; height:3em; padding:0 2%; background:rgba(0,0,0,.8); font-size:1.250em; color:#fff; text-align:left !important; } 
.facility_w .page_viewWrap .slider_for .item .img_wrap .img_cap { display:flex; align-items:center; padding:1rem 0; padding-left:1rem; box-sizing:border-box; color:#fff; background:rgba(0,0,0,.7); font-size:1.25em; position:absolute; left:0; bottom:0; width:100%; } 

.facility_w .page_viewWrap .page_viewB { position:relative; width:70%; margin:0em auto 1em auto; float:right; width:20%; } 
.facility_w .page_viewWrap .page_viewB .pro_tw { text-align:center; margin-bottom:2.5em; } 
.facility_w .page_viewWrap .page_viewB .pro_tw .pro_name { text-align:center; font-size:1.125em; color:#003f87; padding-bottom:15px; } 
.facility_w .page_viewWrap .page_viewB .pro_tw .pro_line { width:40px; height:1px; background:#003f87; margin:0 auto; } 

.facility_w .page_viewWrap .slider_nav { margin-right:-6px; } 
.facility_w .page_viewWrap .slider_nav .item { margin-right:10px; } 
.facility_w .page_viewWrap .slider_nav .item .img_wrap { border:1px solid #ddd; transition:.2s; cursor:pointer; margin-bottom:10px; } 
.facility_w .page_viewWrap .slider_nav .item:hover .img_wrap img { opacity:.5; } 
.facility_w .page_viewWrap .slider_nav .item:hover .img_wrap,
.facility_w .page_viewWrap .slider_nav .item.slick-current .img_wrap { border-color:#003f87; box-shadow:2px 2px 10px rgba(0,0,0,.2); } 

.facility_w .page_viewWrap .control_arrow { position:absolute; bottom:-35px; left:50%; width:100%; text-align:center; } 
.facility_w .page_viewWrap .control_arrow li { position:absolute; top:0; margin-top:-1.5em; } 
.facility_w .page_viewWrap .control_arrow li.prev { left:-4em; } 
.facility_w .page_viewWrap .control_arrow li.next { } 
.facility_w .page_viewWrap .control_arrow li .xi { width:2em; line-height:2em; border:1px solid #ddd; border-radius:50%; font-size:1.500em; color:#003f87; cursor:pointer; transition:.2s; } 
.facility_w .page_viewWrap .control_arrow li:hover .xi { background:#222; border-color:#222; color:#fff; } 

/*TAB*/
.TAB_WRAP { position:relative; text-align:center; margin-bottom:30px; } 
.TAB_WRAP .his_bg { background:#f6f6f6; height:200px; position:absolute; left:0; top:0; width:100%; background-size:cover; } 
.TAB_WRAP .tab_ul { position:relative; display:inline-block; } 
.TAB_WRAP .tab_ul li { float:left; position:relative; } 
.TAB_WRAP .tab_ul li > a { display:block; text-align:center; transition:.3s; margin:0 0 0 -1px; border:1px solid #ccc; font-size: 1.15em; padding: .8em 3.2em; } 
.TAB_WRAP .tab_ul li:first-child > a { border-radius:1em 0 0 1em; } 
.TAB_WRAP .tab_ul li:last-child > a { border-radius: 0 1em 1em 0; } 
.TAB_WRAP.organiziation_st .tab_ul li > a { padding:1em 3em; } 
.TAB_WRAP .tab_ul li.on > a { color:#fff; background:#0b64b7; border-color:transparent; } 
.TAB_WRAP .tab_ul li:hover > a { color:#fff; background:#0b64b7; border-color:transparent; transition:.3s; } 
.TAB_WRAP .tab_ul li.on > a:after { opacity:1; content:"\e935"; font-family:xeicon; font-style:normal; font-size:16px; color:#0b64b7; width:100%; position:absolute; text-align:center; bottom:-14px; left:0; } 

/*연혁*/
.history_wrap { position:relative; overflow:hidden; padding:2em 0 } 
.history_wrap:before,
.history_wrap .lineAni { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd } 
.history_wrap .lineAni { height:0; background:#1e6bad; transition:.3s } 
.history_wrap .lineAni:before,
.history_wrap:after { content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #1e6bad; border-radius:100%; box-sizing:border-box } 
.history_wrap:after { top:auto; bottom:0 } 
.history_wrap .history > li { margin-top:4em } 
.history_wrap .history > li:first-child { margin-top:0 } 
.history_wrap .history > li .year { width:50%; overflow:hidden; justify-content:flex-end } 
.history_wrap .history > li .year .wrap_in { position:relative; overflow:hidden; width:15em } 
.history_wrap .history > li .year .tt { display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; font-weight:700; letter-spacing:-3px; color:#1e6bad; } 
.history_wrap .history > li .year .tt:before { content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa } 
.history_wrap .history > li .year .tt:after { content:"'"; font-weight:400; font-style:italic; display:none; } 
.history_wrap .history > li .list { width:50%; margin-top:0em } 
.history_wrap .history > li .list > li { margin-top:.5em } 
.history_wrap .history > li .list > li:first-child { margin-top:0 } 
.history_wrap .history > li .list .wrap_in { padding:0 2em; margin-top:1em; } 
.history_wrap .history > li .list .wrap_in .img_wrap .resize { padding-bottom:50% !important; } 
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r { text-align:right !important; } 
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l { text-align:left !important; } 
.history_wrap .history > li .list .month { /* flex:0 0 4em*/ } 
.history_wrap .history > li .list .month .tt { color:#999; font-size:1.125em; font-weight:700; letter-spacing:-1px } 
/*.history_wrap .history > li .list .month .tt:after { content:" 월"; font-size:.813em; font-weight:400; } */
.history_wrap .history > li .list .detail > li { margin-top:.5em } 
.history_wrap .history > li .list .detail > li:first-child { margin-top:0 } 
.history_wrap .history > li .list .detail .tt { position:relative; padding:0 1.5em; margin-top:.125em; color:#333 } 
.history_wrap .history > li .list .detail .tt:before { content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd } 
.history_wrap .history > li:nth-child(2n) .year { justify-content:flex-start; text-align:right } 
.history_wrap .history > li:nth-child(2n) .year .tt:before { left:auto; right:100% } 
.history_wrap .history > li:nth-child(2n) .list { order:-1 } 
.history_wrap .history > li:nth-child(2n) .list > li > .flex { justify-content:flex-end } 
.history_wrap .history > li:nth-child(2n) .list .month { text-align:right } 
.history_wrap .history > li:nth-child(2n) .list .detail { order:-1 } 
.history_wrap .history > li:nth-child(2n) .list .detail .tt { text-align:right } 
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before { left:auto; right:0 } 


.sub_organization .wrap_in { display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; position:relative; text-align:center; line-height:1.2 } 
.sub_organization .division .wrap_in { width:13em; margin:0 auto; color:#fff; background:#07264b; border-radius:2em; height:4em } 
.sub_organization .division .wrap_in .t1 { font-size:1.5em; font-weight:700 } 
.sub_organization .division .wrap_in .t2 { font-size:1.313em; font-weight:500 } 
.sub_organization .division:not(:first-child) .wrap_in { margin-top:7.5em } 
.sub_organization .division:before { content: ""; position: absolute; left: -6em; bottom: 16%; width: 11em; height: 1px; z-index: -1; background: #0b64b7; } 
.sub_organization .division .wrap_in.st1 { width:10em; height:10em; border-radius:50%; background: linear-gradient(45deg, #07264b 0%, /*#b3cb4d*/ #0b64b7 100%); position:relative } 
.sub_organization .division .wrap_in.st1:before { content:""; position:absolute; left:50%; top:50%; width:100%; height:100%; padding:.5em; transform:translate(-50%,-50%); border:1px solid #0b64b7; border-radius:50%; box-shadow:0 0 .5em rgba(0,0,0,.2) } 
.sub_organization .list { display:flex; position:relative; margin-top: 8em; padding-top:2em } 
.sub_organization .list:before { content:""; position:absolute; left: 49.9%; bottom: 100%; height: 7.4em; width:1px; background:#0b64b7; } 
.sub_organization .list > li { flex:1 1 1%; position:relative } 
.sub_organization .list > li:before,
.sub_organization .list > li:after { content:""; position:absolute; background:#0b64b7; } 
.sub_organization .list > li:before { left:50%; bottom:100%; height:2em; width:1px; } 
.sub_organization .list > li:after { right:50%; bottom:calc(100% + 2em); height:1px; width:100% } 
.sub_organization .list > li:first-child:after { display:none } 
.sub_organization .list > li > .wrap_in { background:#fff; border:3px solid #0b64b7; color:#0b64b7; margin:0 1em; height:4em; border-radius:1em; overflow:hidden; padding:.5em; box-sizing:border-box } 
.sub_organization .list > li > .wrap_in.c1 { background:#0b64b7; color:#fff } 
.sub_organization .list > li > .wrap_in.c2 { background:#0b64b7; color:#fff; border-color:transparent } 
.sub_organization .list > li .t1 { font-weight:500; font-size:1.125em } 
.sub_organization .list > li .t2 { font-weight:500; font-size:1.063em } 
.sub_organization .list > li .t3 { color:#07264b; font-size:.938em } 
.sub_organization .list > li > .wrap_sub { padding:1em; background:#eceef9; margin:.5em 1em; border-radius:1em } 
.sub_organization .list > li > .wrap_sub > li { margin:.75em 0 } 
.sub_organization .list.s1 { margin-top:1.5em; padding-top:1.5em } 
.sub_organization .list.s1:before { height:1.5em } 
.sub_organization .list.s1 > li:before { height:1.5em } 
.sub_organization .list.s1 > li:after { bottom:calc(100% + 1.5em) } 
.sub_organization .list.s1 > li > .wrap_in { height:3em } 

.pro .page_list2 > dd .tx:before { display:none; } 

/**인사말**/
.page_img_box { position:relative; overflow:hidden; margin-bottom: 4em; } 
.page_img_box.h1 { height:40em; } 
.page_img_box.h2 { height:45em; } 

.page_shape_wrap { position:relative; overflow:hidden; } 
.page_shape_wrap .con_wrap { position:relative; } 
.page_shape_wrap .con_wrap.h1 { height:32em; } 
.page_shape_wrap .con_wrap.h2 { min-height:90vh; } 
.page_shape_wrap .con_wrap.h3 { height:60em; } 
.page_shape_wrap .con_wrap .bg { position:absolute; top:0; left:0; width:100%; height:100%; } 
.page_shape_wrap .con_wrap .txt_wrap { position:relative; padding:2em 3em 7em 3em; } 
.page_shape_wrap .shape { position:absolute; left:0; bottom:0; width:100%; } 
.page_shape_wrap .shape .wave_svg { width:100%; } 
.page_shape_wrap.st1 .con_wrap .txt_wrap { text-align:center !important; padding:5em 0 5em 15em; } 

.txt_box2 { padding: 6em 0; background: rgba(0,0,0,0.3); line-height: 1.7em; } 
.txt_box2 .sub_tt.t4 { font-size: 2em; font-weight: 500; padding-bottom: 1em; } 
.txt_box2 .sub_tt.t3 { margin-top: 1em; font-size: 1.125em; font-weight: 300; } 
.txt_box2 .sub_tt.t5 { margin-top: 1.5em; font-size: 1.125em; font-weight: 300; } 
.txt_box2 .sub_tt.name { font-weight: 500; font-size: 1.5em; } 

.sub_tit_wrap2:before { content: ''; width: 1px; height: 30px; position: absolute; top: -100px; left: 50%; transform: translateX(-50%); background-color: #e4022e; } 

.page_txt { } 
.page_txt > .tt { margin-top:1.25em; color:#333; line-height:1.6; } 
.page_txt > .tt:first-child { margin-top:0; } 
.page_txt > .tt > * { vertical-align:baseline; } 
.page_txt > .t1 { font-size:.938em; } 
.page_txt > .t2 { font-size:1em; } 
.page_txt > .t3 { font-size:1.125em; line-height:1.8; } 
.page_txt > .t4 { font-size:1.250em; } 
.page_txt .tit_line { border-top:1px solid #ec1c24; padding: 1.5em 0 2em 0; } 
.page_txt .line { display:inline-block; width:4px; height:4px; background:#0b64b7; border-radius:1em; } 
.page_txt .line.w { width:2.25em; margin:1em 0; } 
.page_txt .line.h { height:2em; margin:1.25em 0; } 
.page_txt .line:first-child { margin-top:0; } 
.sub_tt.t6 { font-size:2.8em; color: #222; } 
.sub_tt.t7 { font-size:2.2em; color: #222; } 
.sub_tt.t8 { font-size:1.1em; color: #999; line-height: 1.5; letter-spacing: 0.01em; } 
.sub_tt.tit { text-align: center; font-size: 1.5em; /*letter-spacing: .375em !important; */ line-height: 1.6; text-transform: uppercase; font-weight: 600; } 
.sub_tt.tit2 { text-align: center; font-size: 2em; font-weight: 700; line-height: 1.8em; } 
.sub_tt.t1 { line-height: 1.3; padding: 0 1.5em 1em 0; font-size: 1.1em; font-weight: 300; color: #444; } 
.sub_tt.t1:last-of-type { padding-bottom: 0; } 
.sub_tt.t2 { font-size: 1.9em; font-weight: 500; letter-spacing: -.15em; color: #0b64b7; font-family: 'NanumSquareNeo', 'Noto Sans KR', sans-serif; } 
.sub_tt.t3 { font-size: 2.375em; } 
.sub_tt.t4 { font-size: 1.375em; } 
.sub_tt.t5 { font-size: 1.05em; padding:0.5em; line-height: 1.6; } 
.sub_tt.t5:first-of-type { padding-top:0; } 
.sub_tt.t5:last-of-type { padding-bottom:0; } 
.sub_tt.t6 { font-size: 1.1em; } 
.sub_tt.t7 { font-size: 1.05em; padding-bottom:.5em; line-height: 1.6; } 
.sub_tt.t7.S { padding-bottom:.5em; } 
.sub_tt.t7:last-of-type { padding-bottom:0; } 
.page_txt .tit_line { border-top:1px solid #ec1c24; padding: 1.5em 0 2em 0; } 
.page_txt .line { display:inline-block; width:4px; height:4px; background:#0b64b7; border-radius:1em; } 
.page_txt .line.w { width:2.25em; margin:1em 0; } 
.page_txt .line.h { height:2em; margin:1.25em 0; } 
.page_txt .line:first-child { margin-top:0; } 
.sub_tt.t5 { font-size: 3.5em; color: #222; } 
.sub_tt.t6 { font-size: 2.5em; color: #222; } 
.sub_tt.t7 { font-size: 1.5em; color: #222; } 
.sub_tt.t8 { font-size:1.1em; color: #999; line-height: 1.5; letter-spacing: 0.01em; } 
.tit_wrap { position:relative; padding: 0 0 1em; margin-bottom: 2em; } 
.tit_wrap::before { content:""; position: absolute; left: 0em; top: -.3em;; width: 2.5em; height: 2.5em; background: #3b86e2; border-radius: 50%; opacity: .2; transform: translate(-0.75em, -0.25em); z-index: -1; } 
/*.tit_wrap::after { content:""; position:absolute; left: 0em; top: 3em; height:1px; width: 100%; background:linear-gradient(to right, #313193 0%, #3b86e2 40%, #fff 100%); } */
.tit_wrap > .t1 { font-size:1.9em; font-weight:500; color: #313193; } 
.txt .tt { margin-bottom:1em; } 

.page_layout { margin: 0 1.2em 5em; } 
 
.highlight { display: inline; box-shadow: inset 0 -33px 0 15px #313194; color:#fff; padding: 0.1em 0.2em; border-radius: 0.3em; opacity:.8; } 

/*지도*/
.map_view { border-top:3px solid #ddd; transition:.3s; padding: 1.5em 0 1em; border-radius:0 0 1em 1em } 
.map_view .tt { padding-bottom:10px; font-size:1.063em; color:#222; letter-spacing:-2px; vertical-align:middle; } 
.map_view .xi { vertical-align:middle; font-size:1.188em; padding-right:5px; } 
.map_view:hover { border-color:#0b64b7 } 

.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:0em; box-sizing:border-box; border-radius: 1em; } 
.map_info1 .t1 span { color:#666; display:inline-block; margin-right: 2em; font-size: 1.1em; } 
.map_info1 .t1 span.st { margin-bottom:15px; } 
.map_info1 .t1 span:last-child { margin-right:0; } 
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:5px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#0b64b7 } 
.map_info1 .t1 span .stop1 { background:#838dec; color:#fff; text-align:center; border-radius:50px; padding:.5em 1em; font-size:.813em; } 

.page_list2 .img.dob.sec4 { height: 16em; width: calc(50% - 2em); margin-left: 2.2em; } 
.page_list2 .img.dob.sec5 { height: 12em; width: 45%; margin-left: 0; } 
.page_list2 .img.dob.sec6 { height: 16em; width: 45%; margin-left: 0; } 
.page_list2 .img.dob.sec7 { height: 22em; width: 49%; margin-left: 0; } 
.page_list2 .img.dob.sec8 { height: 15em; width: 49%; margin-left: 0; } 
.page_list2 .img.dob.sec9 { height: 30em; width: 100%; margin-left: 0; } 
.page_list2 .img.dob.sec10 { height: 12em; width: 30%; margin-left: 0; } 
/**/
.page_col { margin-bottom:.75em; } 
.page_col * { margin-bottom:0; } 
.page_col { margin-top:2em; } 
.page_col:first-child { margin-top:0; } 
.page_col > .tit,
.page_col > .con { padding:2em 0; } 
.page_col > .con { flex:1; border-top:2px solid #b3cb4d; margin-left:2em; } 

.page_col > .tit { width:18em; position:relative; /*border-top:2px solid #e8e8e8*/ } 
.page_col > .tit:before,
.page_col > .tit:after { content: ""; position: absolute; top: 0px; height: 2px; width: 100%; border-radius: 2em; } 
/*.page_col > .tit:before { left:0; background:#0b64b7; } */
.page_col > .tit:after { left:0; background: linear-gradient(45deg,#0b64b7,#b3cb4d); } 

.page_col > .tit.none { width:100%; } 

.page_tit { margin-bottom:.75em; margin-top:3em } 
.page_tit:first-child { margin-top:0 } 
.page_tit .xi { vertical-align:baseline !important; font-size: 1.55em; font-weight: 500; } 
.page_tit .tt { font-size:1.55em; color:#222; letter-spacing:-1px; margin-bottom:.5em; font-family:'NotoSans'; font-weight:500; vertical-align:baseline !important; } 

.page_tit2 { margin-bottom:.75em; margin-top:3em } 
.page_tit2:first-child { margin-top:0 } 
.page_tit2 > .tit { padding:0 0 .5em 0; position:relative; border-bottom:2px solid #e8e8e8 } 
.page_tit2 > .tit:before,
.page_tit2 > .tit:after { content: ""; position: absolute; top: 2.8em; height: 0.5em; width: 0.5em; border-radius: 2em; } 
.page_tit2 > .tit:before { left:0; background:#0b64b7; } 
.page_tit2 > .tit:after { left:.8em; background:#44afd3; } 
.page_tit2 .tt { font-size:1.5em; color:#222; letter-spacing:-1px; margin-bottom:.5em; font-family:'NotoSans'; font-weight:500; vertical-align:baseline !important; } 

/**/
.memo_st { /*background:#f3f7f9; border:1px solid #ddd; padding:.750em 1em; */ } 
.memo_st.bg1 { background:#fafafa } 
.memo_st:first-child { margin-bottom:1em; } 
.memo_st:last-child { margin-top:1em; } 
.memo_st > p .xi { color:#aaa; font-size:1em; line-height:1; } 
.memo_st > p .tt { margin-top:.5em; padding:0 0 .125em 0; line-height:1.4; font-size:.875em; color:#444; } 
.memo_st > p .tt:first-child { margin-top:0; } 
.memo_st > p .tt * { vertical-align:baseline; } 

/**/
.page_link_Btn { display:inline-block; background:#0b64b7; border-radius:5px; padding:.45em .8em; margin-left:5px; } 
.page_link_Btn .link_Btn_tt { color:#fff; font-size:.8em; } 
.mar { margin-bottom:.5em; margin-left: 3em; !important; } 
.mar_1 { margin-bottom:1em !important; } 
.mar_2 { margin-bottom:2em !important; } 
/**/
.page_list { /*background:#fafafa; border:1px solid #eee; padding:1.5em; */ border:1px solid #e6e6e6; padding:1.5em 1.75em; border-radius:4px; } 
.page_list .tt { color:#444; font-size:.938em; padding-bottom:.8em; } 
.page_list .tt:last-child { padding-bottom:0; } 

.page_list2 { /*margin-top:1em; background:#fafafa; border:1px solid #eee; padding:1.5em; */ margin-top: 1.7em; padding: 2.2em 3em 2em 3em; border-radius: 1em; background-color: #fff; box-shadow: 3px 3px 0.625em rgba(0,0,0,.15); } 
.page_list2:first-child { margin-top:0; } 
.page_list2 > dt { font-size:1.65em; font-family:'NotoSans'; font-weight:500; color:#0b64b7; padding-bottom:1.4em; font-weight: 700; } 
.page_list2 > dd { padding-bottom:.7em; } 
.page_list2 > dd .tx { color:#111; font-size: 1em; padding-bottom:.8em; position:relative; padding-left:.5em; line-height: 1.5em; } 
.page_list2 > dd .tx.no:before { display:none; } 
.page_list2 > dd .tx:before { position:absolute; content:""; left:0; top:6px; width:2px; height:2px; border-radius:50%; background:#0b64b7 } 
.page_list2 > dd.noDot .tx:before { position:absolute; content:""; left:0; top:6px; width:2px; height:2px; border-radius:50%; background:#0b64b7; display:none } 
.page_list2 > dd .tx:last-child { padding-bottom:0; } 

.page_list2 > dd .tx2 { color:#111; font-size: 1em; /* padding-bottom:.8em; */position:relative; padding-left:.5em; line-height: 1.5em; } 
.page_list2 > dd .tx2.no:before { display:none; } 
.page_list2 > dd .tx2:before { position:absolute; content:""; left:0; top:6px; width:2px; height:2px; border-radius:50%; background:#0b64b7 } 
.page_list2 > dd.noDot .tx2:before { position:absolute; content:""; left:0; top:6px; width:2px; height:2px; border-radius:50%; background:#0b64b7; display:none } 
.page_list2 > dd .tx2:last-child { padding-bottom:0; } 




.page_list3 { margin-top:1em; } 
.page_list3 > dt { } 
.page_list3 > dt > p { padding-bottom:1.3em; color:#0b64b7; line-height:1.5; font-size:.938em; padding-bottom:.8em; font-family:'NotoSans'; font-weight:500; } 
.page_list3 > dd { margin-left:1em; } 
.page_list3 > dd .tx { color:#111; font-size:.938em; padding-bottom:.8em; } 
.page_list3 > dd .tx:last-child { padding-bottom:0; } 

.page_list4 { padding:1.5em 1.75em; border-radius:4px; background-color: #ebf0f3; } 
.page_list4 .ti { color:#111; font-size:.938em; padding-bottom:1em; } 
.page_list4 .tt { color:#111; font-size:.938em; padding-bottom:.8em; padding-left:.5em; position:relative; } 
.page_list4 .tt:before { position:absolute; content:""; left:0; top:9px; width:2px; height:2px; border-radius:50%; background:#0b64b7 } 
.page_list4 .tt:last-child { padding-bottom:0; } 

.page_list2 > .in { width: calc(25% - .2em); box-sizing: border-box; border: 1px solid #ddd; } 
.page_list2 > .in > dt { min-height: 3.5em; font-size: .9em; background: linear-gradient(45deg, #003f87 0%, #0b64b7 60%); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; } 
.page_list2 > .in > dt.bar { position: relative; } 
.page_list2 > .in > dt.bar::before { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 2px; background-color: #003f87; } 
.page_list2 > .in > dd { font-size: .8em; padding: .1em; min-width: 10em; text-align: center; } 
.page_list2 > .in > dd .tx { color:#111; font-size: 1em; padding-bottom:.8em; position:relative; padding-left:.5em; line-height: 1.5em; } 
.page_list2 > .in > dd .tx.no:before { display:none; } 
.page_list2 > .in > dd .tx:before { position:absolute; content:""; left:2px; top:6px; width:2px; height:2px; border-radius:50%; background:#0b64b7 } 
.page_list2 > .in > dd.noDot .tx:before { position:absolute; content:""; left:0; top:6px; width:2px; height:2px; border-radius:50%; background:#0b64b7; display:none } 
.page_list2 > .in > dd .tx:last-child { padding-bottom:0; } 
.gap05 { gap: 0.5em; } 

/**/
.page_num_list { /*margin-top:.6em; padding:1.5em; border:1px dashed #cfd8e2; background:#fff*/ } 
.page_num_list .num_list { margin-top:1em; line-height:1.4; } 
.page_num_list .num_list:first-child { margin-top:0; } 
.page_num_list .num_list > li { padding-top:1em; /*border-top:1px dashed #c6ced7*/ } 
.page_num_list .num_list > li:first-child { border-top:none; padding-top:0; margin-top:0; } 
.page_num_list .num_list > li .in { position:relative; padding:0 0 .4em 0; } 
.page_num_list .num_list > li .in .ti { } 
.page_num_list .num_list > li .in .ti .tit { color:#0b64b7; font-family:'NotoSans'; font-weight:500; font-size:.938em; line-height:1.5; } 
.page_num_list .num_list > li .in .ti .titt { display:block; color:#222; font-size:.938em; line-height:1.5; padding-top:1.063em; } 
.page_num_list .num_list > li .in .ti .txt { color:#666; font-size:.938em; margin-top:.5em; display:block; } 

/**/
.page_tbl_wrap { margin-top:2em; } 
.page_tbl_wrap.in_St { margin-top:0; } 
.page_tbl_wrap .page_tbl_tit { color:#0b64b7; font-size:.938em; padding-bottom:.8em; } 

/**/
.table_st { border-top:2px solid #0b64b7; font-size:.938em; } 
.table_st th,
.table_st td { height:1.5em; padding:1em 1em; border:1px solid #d4d5d8; border-width:1px 1px 1px 1px; text-align:center; color:#111; line-height:1.5; background: #fff; } 
/*.table_st th:first-child { border-left-width:0; } */
.table_st thead th { background:#f3f7f9; color:#222 } 
.table_st tbody th { background:#fafafa; } 

.table_st.st2 { border-top:2px solid #0b64b7; font-size:.938em; } 
.table_st.st2 th,
.table_st.st2 td { height: 1em; padding: .5em 1em; border:1px solid #d4d5d8; border-width:1px 1px 1px 1px; text-align:center; color:#111; line-height: 1.5; background: #fff; } 
/*.table_st th:first-child { border-left-width:0; } */
.table_st.st2 thead th { background:#f3f7f9; color:#222 } 
.table_st.st2 tbody th { background:#fafafa; } 



.board_st .w_faq { width:4em; } 
.board_st .w_more { width:4em; } 

.table_st .w_type { width:8em; } 
.table_st .w_con { width:12em; } 
.table_st .w_num { width:8em; } 
.page_list2.bgGray { background-color:#f5f5f5; } 
.page_col > .page_tit { position: relative; } 
.page_col > .page_tit > .tt.t1::after { content: ""; position: absolute; top: 2.1em; height: 0.7em; width: 0.7em; background: #0b64b7; opacity: .1; z-index: -1; } 

/**prod**/
.prod_list { gap:2em } 
.prod_list .el { width:calc(25% - 1.5em) } 
.prod_list .el .wrap_in { position:relative; overflow:hidden; display:block } 
.prod_list .el .wrap_in .img { border:1px solid #eee; padding:1.5em; position:relative; z-index: -1; } 
.prod_list .el .wrap_in .img:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); /* backdrop-filter:blur(.2em); */opacity:0; transition:.2s; } 
.prod_list .el .wrap_in .img .bg { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.05) } 
.prod_list .el .wrap_in .con { padding:1.5em .5em; box-sizing:border-box; width:90%; display:flex; flex-direction:column; border-radius: 1em; box-shadow: 3px 3px 0.625em rgba(0,0,0,.15); margin: -1em auto 0.5em; align-items:center; background:#fff; text-align:center; gap:.375em 0; transition:.3s } 
.prod_list .el .wrap_in .con .t1 { font-size:1.125em } 
.prod_list .el .wrap_in .con .t2 { font-size:.938em; color:#777 } 
.prod_list .el .wrap_in .con .soldout { font-size:.938em; font-weight:700; color:#421b82 } 
.prod_list .el .wrap_in:hover .img:after { opacity:1 } 
.prod_list .el .wrap_in:hover .con { transform:translateY(-3em) } 
.prod_list.st1 .el .wrap_in .con { position:absolute; left:0; top:0; width:100%; height:100%; background:none; justify-content:center; transform:translateY(100%) } 
.prod_list.st1 .el .wrap_in .con .t1 { color:#4f9b34; font-weight:700; filter:brightness(1.5) } 
.prod_list.st1 .el .wrap_in .con .t2 { color:#fff } 
.prod_list.st1 .el .wrap_in:hover .con { transform:translateY(0) } 

.sub_organization { display: none; } 
.sub_organization .division.sec { position: absolute; top: 8em; left: 55%; } 

.perfor { position: relative; } 
/*.perfor::after { content: ""; position: absolute; height:2px; width:100%; top: 6em; width: 100%; border-radius: 2em; background: linear-gradient(45deg,#0b64b7,#b3cb4d); } */
.perfor .board_paging { margin-top: 1em !important; } 
.perfor .board_st.gallery { border-top: 0px solid #333; } 
/*.perfor .board_st.gallery { padding: 4em 0 2em; } */
.perfor .sub_tt.t7 { font-size: 1.8em; font-weight: 500; } 

.table-container { width:100%; overflow:auto; white-space:no-wrap; } 
.table-container > .img { width:880px; } 

.page_list2 > dd.side div.oh { margin: 5.2em 0em 0 2em; } 
.page_list2 > dd.side div > p.oh { margin: 5.4em 0em 0 2.5em; } 


/*건축 및 토목사업부*/
.gap2 { gap: 2em; } 
.linebox { width: 100%; } 
.linebox > li { width: calc(33% - 2em); position: relative; overflow: hidden; border: 1px solid #eee; border-radius: .8em; } 
.imgwrap { box-sizing: border-box; } 
.txtwrap { background-color: #0b64b7; color: #fff; padding: 1em 0; margin-top: 2em; } 
.txtbox { /*border: 3px solid #0c81f5; */ border-radius: .8em; box-sizing: border-box; overflow: hidden; } 

.w50 { width: 50%; } 
.w100 { width: 100%; } 
.linebox > li > .plus { transition: .3s; } 
.linebox > li > .click_b { background-color: #002460; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; min-height: 24em; position: absolute; bottom: -130%; left: 0; transition: all .5s; border-radius: .8em; gap: 1em; } 
.linebox > li:hover > .click_b { bottom: 0; } 
.linebox > li:hover > .plus { transform: rotate(180deg); } 

.cont_img { width: 48%; } 
.Num { margin-right: .2em; color: #111; font-weight: 700; padding: .1em .5em; border: 1px solid #424242; border-radius: 50%; box-sizing: border-box; width: 1em; height: 1em; text-align: center; padding: 0; font-size: .8em; } 
.table_st.st4 th { height: 1.5em; padding: .5em; border: 1px solid #d4d5d8; border-width: 1px 1px 1px 1px; text-align: center; color: #111; line-height: 1.5; background: #fafafa; font-size: .8em; } 
.table_st.st4 td > p { font-size: .9em; } 
.txdot { position: relative; } 
.txdot:before { position: absolute; content: ""; left: -10px; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: #0b64b7; } 
.halfB > dd { width: calc(50% - 2em); } 
.ov_wrap ul li > div > div p { width: 100%; font-size: 1.4em; } 
/*기업개요*/
.main_box.ir { } 
.main_ir > li { width: 25% } 
.main_ir > li:nth-child(2n-1) { margin-top: 2.5em } 
.main_ir > li .in { position: relative; text-align: center; color: #fff; padding: 5em 1em 4em 1em } 
.main_ir > li .in > * { position: relative; display: block } 
.main_ir > li .in .icon { width: 8em; height: 8em; line-height: 8em; margin: 0 auto 3em auto; position: relative } 
.main_ir > li .in .icon:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%; } 
.main_ir > li .in .icon .xi { font-size: 3em } 
.main_ir > li .in .t1 { font-size: 1.375em; font-weight: 700 } 
.main_ir > li .in .t2 { font-size: 1em; line-height: 1.5; margin: 2em 0 0 0; color: #c9c8c7; } 
.main_ir > li .in .plus { margin: 2em 0 0 0; font-size: 1em; transition: .3s } 
.main_ir > li .in .plus:before { font-size: 2em } 
.main_ir > li .in .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .9; border-left: 1px solid rgba(255, 255, 255, .2); box-sizing: border-box; transition: .3s } 
.main_ir > li.d1 .in .bg { background: #004bc8 } 
.main_ir > li.d2 .in .bg { background: #0070b0 } 
.main_ir > li.d3 .in .bg { background: #3453f0 } 
.main_ir > li.d4 .in .bg { background: #4950d0 } 
.main_ir:hover > li:hover .in .bg { background: #000; opacity: .7 } 
.main_ir:hover > li:hover .in .plus { transform: rotate(180deg) }