@charset "utf-8";
/* CSS Document */
/*강호*/
/*헤더*/
#header .top_wrap .logo .in_tt > img{ height: 100%;}
/*esg 소개*/
.flex_table .td.t_common{ flex: 1 1 33.33%;}
.table_top .table_top_txt{ margin-bottom: 1em;}
.table_top .table_top_txt > p{ font-weight: 500;}

.flex_table .th{ display: flex; flex-direction: column; align-items: center; min-height: 2.5em; justify-content: center; text-align: center; flex: 1 1 0%; min-width: 0; box-sizing: border-box; padding: 1em; border-right: 1px solid #ddd;}
.flex_table .td.t_common{ padding: 2em;}
.page_txt{ text-align:center; margin-bottom: 2em; line-height: 1.6em;}
.page_inFo_Wrap1 .list > li.flex_d{ flex: 1 1 15%;}
.page_inFo_Wrap1 .list > li.flex_d2{ flex: 1 1 20%;}
.page_inFo_Wrap1 .list > li.flex_d3{ flex: 1 1 30%; position: relative;}
.page_inFo_Wrap1 .list > li.flex_d3:after:not(:last-child) {content: ''; position: absolute; top: 50%; right: -3em; width: 3em; height: 1em; background: #005089; z-index: -1;}
.page_inFo_Wrap1 .list > li.flex_d3:nth-child(2n + 1):after {display: none;}
.list > li .in .con .dot_con{ margin-top: 1.5em; margin-left: 1em;}
.list > li .in .con .dot_con .dot{ position: relative; text-align: left; font-size: 1em; margin-top: .5em;}
.list > li .in .con .dot_con .dot:before{ position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #005089; content: ''; top: 6px; left: -15px;}
.list > li .in .con .dot_con .dot:first-of-type{ margin-top: 0em;}

.t_box .add_txt{ position: relative; padding-left: 1em; margin-top: 1.5em; font-size: .9em;}
.t_box .add_txt p{ }
.star{ position:absolute; top: 0; left: 0; color: #d82744;}
.star2{ color: #d82744; margin-left: .3em; display:inline-block; vertical-align: baseline;}
.star_ttl{ margin-top: 1em; }
.star_ttl > p{ font-size: .9em; font-weight: 500;}
.flex_table .td.t_common > span > span > img{ width: 25%; margin-bottom: 2.5em;}
.flex_table .td.t_common > .txt_line{ position: relative;}
.flex_table .td.t_common > .txt_line:before{position: absolute;top: 95px; left: 46%; height: 2px; width: 30px; background: #005089; content: '';}

/*esg공급망*/
.page_inFo_Wrap1.m_n{ padding: 0em;}
.page_con_wrap { position:relative ;}
.page_con_wrap:before{ left:-1px; top:-1px; border-right:none; border-bottom:none}
.page_con_wrap:after{ right:-1px; bottom:-1px; border-left:none; border-top:none}

.page_con_wrap > dl {}
.page_con_wrap > dl .tit { color:#282828; line-height:1.4; font-size:1em; margin-bottom:1.3em;}
.page_con_wrap > dl .img_w {border:1px solid #e1e1e1; padding:1em; box-shadow:0.25em 0.25em 0 rgba(0,0,0,.1); background:#fff}
.page_con_wrap > dl .img_n > img { box-shadow:0.25em 0.25em 0 rgba(0,0,0,.1); background:#fff}
.page_con_wrap > dl .tx_w {box-shadow:0.25em 0.25em 0 rgba(0,0,0,.1); background:#fafafa; border:1px solid #e1e1e1; padding:1.25em 1.25em;}
.page_con_wrap > dl .tx_w .list {}
.page_con_wrap > dl .tx_w .list > li {font-size:.938em; color:#444; line-height:1.5; position:relative; padding-left:.8em; padding-bottom:.7em;}
.page_con_wrap > dl .tx_w .list > li:before {position:absolute; content:""; left:0; top:10px; width: 6px; height: 6px; border-radius:100%; background:#005089;}
.page_con_wrap > dl .tx_w .list > li:last-child {padding-bottom:0;}
.page_con_wrap > dl .tx_w .list > li .list_li_in {display:block; margin-left:1em; font-size:.938em; padding-bottom:.7em; font-family: 'score';}
.page_con_wrap > dl .tx_w .list > li .list_li_in:first-child {padding-top:1em;}

.page_con_wrap > dl .tx_w.st {padding:0; border:none; box-shadow:none; background:none;}


.ul_st > li .t_point{ color: #005089; font-weight: 500; vertical-align:baseline; display:inline;}
.ul_st > li b{ font-weight: 500; font-size: 1em; color: #005089; font-weight: 600;}

/*esg 가이드라인*/
.sec3 > li{ width: 100%;}
.sec5 > li{ width: 25%;}
.company_b {margin-bottom:7em;}

.ul_st > li{ }
.culture_con {}
.culture_con ul {margin-left:-10px;}
.culture_con ul li .inn {margin-left:10px; border:1px solid #ddd; height:320px; }
.culture_con ul li .inn.bg01 {background:url(../images/sub/sub3/gline_bg01.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.culture_con ul li .inn.bg02{ background:url(../images/sub/sub4/support_bg01.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.culture_con ul li .inn.bg03{ background:url(../images/sub/sub3/gline_bg02.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.culture_con ul li .inn .tt {background:#fff; font-weight:400; font-size:1em; padding:2em 3.5em; margin:160px 100px 0 100px; height:200px; text-align:center; box-shadow:3px 3px 10px rgba(0,0,0,.2);}
.culture_con ul li .inn .tt .txt{ text-align:center; line-height:1.5; padding:0 1em; word-break:break-all;}
.culture_con ul li .inn .tt .col {font-size:1.5em; font-weight:700; padding-bottom:.8em}
.t_point{ display: inline; color: #005089; font-weight: 500; vertical-align:baseline;}

.main_con4 {background:#f5f5f5; padding:60px 0 100px; }
.main_con4_list{ margin-right:-30px;}
.main_con4_list > li {cursor:pointer;}
.main_con4_list > li .in{ margin-left:30px; box-shadow:1px 3px 4px rgba(0,0,0,0.2);}
.main_con4_list > li .in .img.resize {padding-bottom:57.14285% !important;}
.main_con4_list > li .in .tw{ padding:1.5em 1.5em 1.5em 1.5em; background:#fff; text-align:center}
.main_con4_list > li .in .tw .t1{ font-size:1.250em; color:#222; font-family:'score', sans-serif; padding-bottom:.8em; transition:.3s;}
.main_con4_list > li .in .tw .t2{ font-size:.875em; color:#666; font-family:'score', sans-serif; line-height:1.4;}
.main_con4_list > li:hover .in .tw .t1 {color:#003876; transition:.3s;}

/*공급망실사법*/

.culture_con ul li .inn .tt.tt_2{ height: 100px; margin: 230px 100px 0 100px;}
.page_sec2.pl{ padding-left: 1em;}

/**/
.bg_Sky { background:#ecf0f4 !important}
.board_table.sub_edu th, .board_table.sub_edu td {padding:.8em .5em; line-height:1.2em !:1.2em; border:1px solid #e8e8e8 ;}
.sub_search{ background:#f5f5f5; padding:1.5em ; margin-bottom:2em}
.sub_search .grow{ flex:0 1 30%; margin:0 2px;}
.sub_sort{ font-size:1.125em;}
.sub_sort > label{ margin-right:2em;}
.input_st.w8{ width: 12em;}
.input_st.s2.w15{ width: 13em !important;} 
.input_sec.s6{ width: 0.2em;}
.input_st.c1.w15{ width: 15em !important;}

.flex.cont_center{ justify-content: center;}
.board_table{ font-size:.938em; border-top:2px solid #005089;}
.board_table th,
.board_table td{ height:2em; padding:.6em 1em; border:1px solid #e8e8e8; line-height:1.4em; text-align:left;}
.board_table thead th{ border-bottom-width:2px; text-align:center;}
.board_table th{ color:#3c3c3d; background:#f5f5f5;}
.board_table td{ color:#72727d;}
.board_table a:hover{ text-decoration:underline;}

.board_table.sub3_2_st {width:100% !important;}
.board_table.sub3_2_st th,
.board_table.sub3_2_st td {padding:.8em .5em; line-height:1.2em; height:1.2em;}
.board_table.sub3_2_st th.num_Bg {/*background:#596272; color:#fff; font-family:'notokrR'*/} 
.board_table.sub3_2_st td {color:#282828; font-size:.875em; border:1px solid #ddd;}
.board_table.sub3_2_st td.hover_Bg {background:#ecf0f4 !important}
.board_table.sub3_2_st td .apply_btn {color:#222; display:block; padding-bottom:.4em; font-size:.938em; letter-spacing:-1px;}
.board_table.sub3_2_st td .apply_btn:last-child {padding-bottom:0;}
.board_table.sub3_2_st td .apply_btn .tt {vertical-align:baseline !important; font-size:.938em;}
.board_table.sub3_2_st td .apply_btn .tt2 {vertical-align:baseline !important}
.board_table.sub3_2_st td .apply_btn .tt2.col {color:#ff3232  !important; vertical-align:baseline !important}
.board_table.sub3_2_st td.hover_Bg:hover {}
.board_table.sub3_2_st td.hover_Bg:hover .apply_btn {color:#003876; transition:.4s;}

.board_table.sub5_1_st {width:100% !important;}
.board_table.sub5_1_st th,
.board_table.sub5_1_st td {padding:.5em; line-height:1.2em; height:1.2em;}
.board_table.sub5_1_st th.num_Bg {/*background:#596272; color:#fff; font-family:'notokrR'*/} 
.board_table.sub5_1_st td {color:#282828; font-size:.875em; border:1px solid #ddd;}
.board_table.sub5_1_st td.hover_Bg {background:#ecf0f4 !important}
.board_table.sub5_1_st td .apply_btn {color:#222; display:block; padding-bottom:.4em; font-size:.938em; letter-spacing:-1px;}
.board_table.sub5_1_st td .apply_btn:last-child {padding-bottom:0;}
.board_table.sub5_1_st td .apply_btn .tt {vertical-align:baseline !important; font-size:.938em;}
.board_table.sub5_1_st td .apply_btn .tt2 {vertical-align:baseline !important}
.board_table.sub5_1_st td .apply_btn .tt2.col {color:#ff3232  !important; vertical-align:baseline !important}
.board_table.sub5_1_st td.hover_Bg:hover {}
.board_table.sub5_1_st td.hover_Bg:hover .apply_btn {color:#003876; transition:.4s;}

.board_table.sub5_1_st tbody {border-top:2px solid #ccc;}
.board_table.sub3_2_st tbody {border-top:2px solid #ccc;}

/**/

.board_table.row th{ padding-left:2em; text-align:left; background:transparent;}
.board_table.row .text_em{ float:right; font-size:.750em; color:#888; display:block; padding-top:.5em}
.board_table.orderList th, .board_table.orderList td{ border-width:1px; text-align:center}
.board_table.orderList td .month_c1{ color:#5ebbbb; vertical-align:baseline; padding:0 .2em}
.board_table.orderList td .book_name{ font-size:.875em; padding:.5em 0; display:block}
.board_table.orderDetail th{ background:none;}
.board_table.orderDetail tbody{ border-left:1px solid #ccc; border-right:1px solid #ccc}
.board_table.pay td.grayBg{ background:#f5f5f5;}
.board_table .em{ margin-left:1em; display:inline-block; padding:.3em .8em; background:#f5f5f5; border-radius:3px; font-size:1.1em}
.board_table .em .xi,
.board_table .em .tx{ vertical-align:middle}
.board_table .em .tx{ padding-left:.3em}

/*개인정보처리방침*/
.member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:1.1em; color:#69696b; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; height:12em; overflow-y:scroll; margin-top:3em;}
.member_agree .agree p{ padding:.5em 0; line-height:1.6}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree .c1{ color:#5ebbbb}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:.75em 2em; border:1px solid #ddd; border-top:none; text-align:right;}
.member_agree h1{ color:#111; padding-bottom:.5em}

.contact_tt { font-size:2.55em; margin-bottom:1em; text-align:center;}
.contact_tt.st2 {margin-bottom:.5em;}
.contact_ti {color:#666;}

.board_table .tit_icon{ position:relative; display:inline-block; padding-left:.5em; line-height:.8em;}
.page_con_tit_wrap {margin-bottom:1em}
.page_con_tit_wrap .ti { position:relative; font-size:1.375em; color:#222; font-weight:500;}
/*.page_con_tit_wrap .ti:before { content:""; position:absolute; left:0; top:.7em; width:.7em; height:.7em; border:.5em solid #ccc; border-top-color:#5ebbbb; border-right-color:#5ebbbb; font-size:.375em; }*/
.page_memo_wrap {padding:2em; background:#fafafa; border:1px solid #ddd;}
.page_memo_wrap > p:first-child{ margin-top:0}
.page_memo_wrap .tx{ font-size:1.1em; color:#444; position:relative; padding-left:1.75em; line-height:1.3; margin-top:.5em;}
.page_memo_wrap .tx:before{ content:"\e9a6"; font-family:xeicon!important; position:absolute; left:0; top:0; color:#5ebbbb; font-size:1.375em; line-height:1}

.label_file{ position:relative; display:inline-block; *display:inline; zoom:1; box-sizing:border-box; padding-right:7.5em;}
.label_file .file{ position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; opacity:0; z-index:1;}
.label_file .btn { position:absolute; top:0; right:0; bottom:0; width:7em; background-color:#8f8f8f; border:1px solid #787878; border-radius:.3em; color:#fff; transition:.2s;}
.label_file .inp { width:100%; background:#f5f5f5;}
.label_file:hover .inp{ border-color:#2d3444;}
.label_file:hover .btn{ background-color:#3e4c57; border-color:#2d3444;}

.input_st.w5{ width:10.17em;}
.input_st.mr{ margin: 0.1em 0 0.1em 0;}

/**/
.ul_st.d_n > li:before{ content: '';}
.flex_table .td2.w6{ flex: 0 0 16em;}
.ul_st > li.b_line{ border-bottom: 1px solid #ddd; padding: 1em 1em; border-right: 1px solid #ddd;}
.ul_st > li.b_line2{ border-bottom: 1px solid #ddd; padding: 1em 2em;}
.ul_st > li:last-of-type.b_line2,
.ul_st > li:last-of-type.b_line{ border-bottom: none;}
.ul_st > li.b_line2:not(:first-child),
.ul_st > li.b_line:not(:first-child){ margin-top: 0em;}


.page_inFo_Wrap1 .list > li.flex_d4{ flex: 1 1 20%;}

.work_table3{ margin-top: 1em;}
.work_table3 table{ box-shadow: 0 0 20px rgba(0,0,0,.1); overflow: hidden; border-radius: 15px;}
.work_table3 table tr th{ color: #fff; background: #005089; border: 1px solid #fff; font-size: 1.15em; height: 1.65em; text-align:center; font-weight: 500;}
.work_table3 table tr td{ border: 1px solid #eee; color: #fff; text-align: center; font-size: 1.125em; line-height: 1.6; background: #005089; padding: 1em;}
.work_table3 table tr td.p_n{ padding: .5em; font-weight: 500;}
.work_table3 table tr td.b_none{ background: #fff; color: #222;}
.work_table3 table tr td > p{ text-align:center;}

.work_table3 table tr td > p.t_point{ color: #313193;}
.work_table3 table tr td > p.table3_ttl.t_point{ margin-top: .5em;}
.work_table3 table tr td > p.table3_ttl{ margin-top: 1.5em;}
.work_table3 table tr td > p.table3_dot_ttl{ position: relative;}
.work_table3 table tr td > p.table3_dot_ttl:before{ position:absolute; width: 6px; height: 6px; background: #313193; border-radius: 50%; content: ''; top: 10px; left: -16px;}
.work_table3 table tr td > p:first-of-type.table3_ttl{ margin-top: 0em;}
.work_table3 table tr td > p.table3_txt{ position:relative; padding-left: 1.5em; font-size: .9em; color: #444;}
.work_table3 table tr td > p.table3_txt:before{ position:absolute; width: 6px; height: 6px; background: #313193; border-radius: 50%; content: ''; top: 10px; left: 10px;}


.mainVisual_wrap{ width: 100%; height:100vh; position:relative;}
.mainVisual{ width:100%; height:100%;}
.mainVisual_wrap #video{ display:block; padding-bottom:46.89%; left:0; top:0; width:100%; height:100%;}
.mainVisual_wrap #video::before{ content: ''; width: 100%; height: 100%; background:rgba(0, 0, 0, .25); position: absolute; z-index: 0; }

.doc.mt_n{ margin-top: -4em;}
.impor_ttl{ justify-content: end;}
.impor_ttl > p{ font-size: .9em; font-weight: 500;}

/**/
.page_tab .tab,
.page_tab .tab > li,
.page_tab .tab > li > a{ }
.page_tab {text-align:center;} 
.page_tab .tab{margin-bottom:3em; justify-content: center;}
.page_tab .tab > li {width:20%;}
.page_tab .tab > li > a{padding:1.3em 1em; border:1px solid #ddd; margin:.5em 0 0 .5em; color:#666; transition:.3s; display:block; }
.page_tab .tab > li > a > .tt {font-size:1em; letter-spacing:.1px;}
.page_tab .tab > li > a > *{ display:inline-block; *display:inline; zoom:1;}
.page_tab .tab > li .icon{ margin-left:.5em; color:#0090c4;}
.page_tab .tab > li .icon:before{ content:"\e937";}
.page_tab .tab > li:hover > a,
.page_tab .tab > li.on a{box-shadow:23px 23px 46px #f5f5f5, -23px -23px 46px #ffffff; color:#0f6238; border-color:#0f6238; font-weight:600}
.page_tab .tab > li:hover .icon,
.page_tab .tab > li.on .icon{ color:#fff;}

.box_title {text-align:center;}
.step_top {font-size:.9em; margin-bottom:.5em;}
.step_tit {font-weight:600; font-size:1em;}
.step_en {font-size:.8em; font-weight:300;}
.step_icon {margin-left:1.5em;}

.title_box {text-align:center; margin: 0 0 2em 0;}
.title_box .tit_step {margin-bottom:1.5em; background-color:#438eda; color:#fff; display:inline-block; border-radius:30px; padding: .5em 2em; font-weight: 400; }
.title_box .tit_ti {font-size:1.3em; margin-bottom:.5em; font-weight:600;}
.title_box .tit_tx {font-size:1em;}

.img_box {margin:.5em; width:48%;}
.img_box.st2 {width:3%;}
.img_box .img_box_img {margin-bottom:1em;}
.img_box .img_box_ti {font-size:1.1em; font-weight:600; margin-bottom:.5em;}
.img_box .img_box_tx {margin-bottom:0.3em;}
.img_box .img_box_tx:last-child {margin-bottom:0em;}
.img_box .img_box_icon {font-size:1.3em; padding-top:.5em;}
.img_box .img_box_icon a {border:1px solid #0077cf; border-radius:1em; display:inline-block; padding: 0 .1em;}
.img_box .img_box_icon a:hover {background:#0077cf; color:#fff;}

.pageBg { background: #f7f7f7; padding: 4em 0; margin: 6em 0; }
.pageBg.pd { margin-bottom: 0; }
.pageBg_1 { background: #f7f7f7; padding: 2em 0 2em; margin: 3em 0; }
.pageBg_1.pd { margin-bottom: 0; }

.pageWrap {  }
.pageWrap.margin { margin: 2em 0 3em 0; }
.pageWrap.tab { margin: 0em 0 2em 0; }
.pageWrap .pageCon { position: relative; border-left: none; border-right: none; padding: 0em 1em; }
.pageWrap .pageCon .tit { width: 35%; padding-right: 2em; box-sizing: border-box; }
.pageWrap .pageCon .tit .t1 { padding-bottom: .3em; }
.pageWrap .pageCon .con { flex: 1; }
.pageWrap .pageCon .con.line { border-left: 1px solid #ddd; }
.pageWrap .pageCon .con.con_img { margin-right: 1em; }
.pageWrap .pageCon .con.con_img:last-of-type { margin-right: 0; }
.pageWrap .pageCon .con.con_img .t1 { padding-bottom: 1em; }
.pageWrap .pageCon .ipmp_wrap{ flex:1;}
.pageWrap .pageCon .bi { margin-top: 2em; }
.pageWrap .pageCon .bi > img:first-of-type { margin-right: 2em; }
.pageWrap .pageCon .row { padding: 1.5em 0; border-bottom: 1px dashed #ddd; }
.pageWrap .pageCon .row:first-of-type { padding-top: 0; }
.pageWrap .pageCon .row:last-of-type { padding-bottom: 0;  border-bottom: none; }
.pageWrap .pageCon .con_table { margin: 2em 0 0 0; }
.pageWrap .pageCon .con_table .board_st.write { border-top: 2px solid #00c65e; }
.pageWrap .pageCon .pageTbl {  }
.pageWrap .pageCon .pageTbl > .board_st { border-top: 2px solid #0077cf; border-bottom: 2px solid #0077cf; }
.pageWrap .pageCon .pageTbl > .board_st tr {}
.pageWrap .pageCon .pageTbl > .board_st th,
.pageWrap .pageCon .pageTbl > .board_st td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.pageWrap .pageCon .pageTbl > .board_st td { color: #000; }
.pageWrap .pageCon .pageTbl > .board_st th:last-of-type,
.pageWrap .pageCon .pageTbl > .board_st td:last-of-type { border-right: none; }
.pageWrap .pageCon .pageTbl > .board_st td.al { padding-left: 1em; }

.pageWrap .pageCon .pageTbl .Tbl_ul { margin: 2em 0 -0.5em -0.5em; }
.pageWrap .pageCon .pageTbl .Tbl_ul > li { width: 30%; }
.pageWrap .pageCon .pageTbl .Tbl_ul > li .in { padding: 1.25em; background: #f7f9fb; margin: 0 0 0.5em 0.5em; text-align: center; font-size: .92em; color: #222; text-align: center; }
.pageWrap .pageCon .pageTbl .Tbl_ul > li:nth-of-type(2n) { width: 70%; }
.pageWrap .pageCon .pageTbl .Tbl_ul > li:nth-of-type(1),
.pageWrap .pageCon .pageTbl .Tbl_ul > li:nth-of-type(2) { font-weight: 600; font-size: 0.94em; }

.ipmp_wrap {  }
.ipmp_wrap .ipmp_con {  }
.ipmp_wrap .ipmp_con .sub_tt.t2 { padding: 1em 0 .8em 0; font-size: 1.125em; font-weight: 600;}
.ipmp_wrap .ipmp_con.pro { border-right: 1px dashed #ddd; padding-right: 1em; margin-right: 1em !important; }
.ipmp_wrap .ipmp_con.pro:last-of-type { border-right: none; padding-right: 0; margin-right: 0; }
.ipmp_wrap.w2 { margin:0 0 -1em -1em;}
.ipmp_wrap.w2 > .con.con_img { flex:1 1 50%; max-width:50%; margin-right:0;}
.ipmp_wrap.w2 > .con > .wrap_in { margin:0 0 1em 1em;}

.sub_tt.dot { position: relative; padding: 0 0 0.3em 0.8em; }
.sub_tt.dot:last-of-type { padding: 0 0 0 0.8em; }
.sub_tt.dot:before { position: absolute; content: ""; width: 5px; height: 5px; background: #0077cf; top: 7px; left: 0; border-radius: 50%;}

.con_idx{ position:relative;}
.con_idx > .idx{ position:absolute; left:0; top:0; width:100%; height:0; overflow:hidden; visibility:hidden; filter:alpha(opacity=0); opacity:0;}
.con_idx > .idx.on{ position:relative; height:auto; overflow:visible; visibility:visible; filter:alpha(opacity=100); opacity:1;}

.tit_ico1.ttlbg > i{ background: #fff; padding: 0 1em;}

/**/
.page_con.bg3{ background: #f7f7f7;}
.page_con{  padding: 3em 0 6em 0;  box-sizing: border-box;}

.tit_ico1.ttlbg02 > i{ background: #f9f5eb; padding: 0 1em;}
.page_layout{ position:relative; margin-top:3em;}
.page_layout:first-child{ margin-top:0;}
.page_layout .layout_img{ position:absolute; z-index:2; top:3em; bottom:3em; width:40%; box-shadow: 3px 0 9px rgba(0,0,0,.1);}
.page_layout .layout_con{ position:relative; z-index:1; padding:5em 0; min-height:24em;}
.page_layout .layout_con:before{ content:""; position:absolute; top:0; bottom:0; background:#fff; box-shadow:2px 2px .625em rgba(0,0,0,.15); border-bottom-right-radius: 30px;}
.page_layout .layout_con > *{ position:relative;}

.page_layout.layoutL .layout_img{ left:0;}
.page_layout.layoutL .layout_con{ padding-left:40%; padding-right:4.5em; margin-left:4em;}
.page_layout.layoutL .layout_con:before{ left:30%; right:0;}

.pr{ position:relative; z-index:inherit;}
.pa{ position:absolute; z-index:inherit;}
.pf{ position:fixed; z-index:inherit;}
.pa100{ position:absolute; left:0; top:0; width:100%; height:100%}

.pageSlider.st2,
.pageSlider.st2 .swiper-container{ height:100%; width:100%;}

.page_sub_txt{ margin-top: 1.5em;}
.page_sub_txt:first-of-type{ margin-top: 0em;}
.page_sub_txt .t3{ font-size: 1.15em; font-weight: 600; margin-bottom: .5em;}

.layout_con .operate{ margin-bottom: 2em;}
.layout_con .plan ,.layout_con .operate{ padding: 3em; background: #fbfbfb; box-sizing: border-box; border: 1px solid #eee;}
.layout_con .page_sub_twrap{ margin-bottom: 1em;}
.layout_con .page_sub_twrap .page_sub_ttl{ position:relative;}
.layout_con .page_sub_twrap .page_sub_ttl > i{ position: absolute; width: 1.6em; top: -4px; left: -45px; z-index: 999;}
.layout_con .page_sub_twrap .page_sub_ttl > i:before{ /*width: 2.5em; height: 2.5em; background: #faa; border-radius: 50%; content: '';*/}
.layout_con .page_sub_twrap > p{ font-size: 1.35em; font-weight: 600;}

/**/
.program_con{ margin: -1.5em 0 0 -1.5em;}
.program_con > li{ width: 25%;}
.program_con > li > .in{ display: block; margin: 1.5em 0 0 1.5em; cursor: pointer; position: relative; overflow: hidden; border-radius: 15px; box-shadow: 0 10px 20px rgb(0,0,0,0.2); border: 1px solid #eee; height: 20em;}
.program_con > li > .in:after{ position:absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.3); content: '';}
.program_con > li > .in .bgposi{ position:absolute; width: 100%; height: 100%; top: 0; left: 0;}
.program_con > li > .in .twrap{ position:absolute; padding: 1em; color: #fff; bottom: -100px; left: 0; transition: .5s; z-index:9;}
.program_con > li > .in:hover .twrap{ bottom: -10px; transition: .5s;}
.program_con > li > .in .bg{ position: relative; transition: .5s;}
.program_con > li > .in .bg:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(41,87,133,0.938813025210084) 49%, rgba(0,0,0,0) 82%); transition: .35s; transform: translateY(80%);}
.program_con > li > .in .bg
.program_con > li > .in:hover .bg{ transform: scale(1.1); transition: .5s;}
.program_con > li > .in:hover .bg:after{ transform: translateY(0);}
.program_con > li > .in .twrap > .tit{ font-size: 1.25em; font-weight: 700; margin-bottom: 1.5em;}
.program_con > li > .in .twrap > .txt{ height: 5em; font-weight: 600;}
.program_con > li > .in .twrap > .program_sub_tit{ font-size: 1.1em; text-transform:uppercase; color: #fff; opacity: .7; font-weight: 500; margin-bottom: .3em;}

/**/
.page_ex_wrap{ align-items:stretch; background:#ecf0f4; border-style:solid; border-color:#d4d5d8; border-width:1px 0 1px 0;}
.page_ex_wrap > .inner{ display:flex; align-items:center; justify-content:center; text-align:center; min-width:0; padding:1em .8em;}
.page_ex_wrap > .inner.icon{ flex:1;}
.page_ex_wrap > .inner.icon .xi { font-size:3em; line-height: 1.7;}
.page_ex_wrap > .inner.icon .in { width:5em; height:5em; background:#f9e000; border-radius:100%; color:#3b1f1e;}
.page_ex_wrap > .inner.icon{ background:#fff; border-right:1px solid #d4d5d8;}
.page_ex_wrap > .inner.icon > .tt{ display:inline-block; margin-left:1em; font-size:1.125em; color:#0d2d4f;}
.page_ex_wrap > .inner.icon > .tt:first-child{ margin-left:0;}
.page_ex_wrap > .inner.btn { background:#fff; border-left:1px solid #d4d5d8; line-height:1.4em;}
.page_ex_wrap > .inner.txt { flex:5; justify-content:flex-start; text-align:left; padding-left:2em; padding-right:2em;}
.page_ex_wrap > .inner.txt > .in{ flex:1;}
.page_ex_wrap > .inner.btn > .in{ flex:1;}
.page_ex_wrap > .inner .t_w {}
.page_ex_wrap > .inner .t_w .tit {padding-bottom:.8em; font-size:1.313em; color:#3b1f1e;}
.page_ex_wrap > .inner .t_w .list {}
.page_ex_wrap > .inner .t_w .list > li {font-size:.938em; color:#444; line-height:1.5; position:relative; padding-left:.8em; padding-bottom:.5em;}
.page_ex_wrap > .inner .t_w .list > li:before {top:.55em; left:0; width:.35em; height:.35em; background:#003876; border-radius:100%; position:absolute; content:"";}
.page_ex_wrap > .inner .t_w .list .tt {}
.page_ex_wrap > .inner.icon .kaKa_btn {display:block; padding:.5em 1.3em; border-radius:30px; margin-top:1em; background:#3b1f1e; color:#f9e000; max-width: 8em;}
.page_ex_wrap > .inner.icon .kaKa_btn .tt {font-size:.875em; vertical-align:baseline; padding-right:5px;}
.page_ex_wrap > .inner.icon .kaKa_btn .xi {font-size:.938em !important; vertical-align:baseline;}