@charset "utf-8";


/**** 
	Sub 
****/

/*** Sub Visual ***/
.sv_sec {position:relative;padding-top:200px;background:url(../images/sub/sv01.jpg) no-repeat center center;background-size:100% auto !important;}
.sv_sec.sv01 {background:url(../images/sub/sv01.jpg) no-repeat center center;}
.sv_sec.sv02 {background:url(../images/sub/sv02.jpg) no-repeat center center;}
.sv_sec.sv03 {background:url(../images/sub/sv03.jpg) no-repeat center center;}
.sv_sec.sv04 {background:url(../images/sub/sv04.jpg) no-repeat center center;}
.sv_sec.sv05 {background:url(../images/sub/sv05.jpg) no-repeat center center;}
.sv_sec.sv06 {background:url(../images/sub/sv06.jpg) no-repeat center center;}
.sv_sec.sv07 {background:url(../images/sub/sv07.jpg) no-repeat center center;}
.sv_sec.sv08 {background:url(../images/sub/sv08.jpg) no-repeat center center;}
.sv_sec .sv_txt {display:none;width:100%;max-width:1400px;margin:0 auto;padding:160px 0 90px;font-size:20px;color:#fff;text-align:center;box-sizing:border-box;}
.sv_sec .sv_txt > span {display:block;margin-bottom:10px;font-size:34px;font-weight:500;}


/** Lnb **/
.lnb_sec {position:relative;border-bottom:solid 1px #e1e1e1;}
.lnb_sec:before {content:"";position:absolute;left:0;top:0;bottom:0;width:50%;background:#fff;}
.lnb {position:relative;width:100%;max-width:1400px;margin:0 auto;background:#fff;border-radius:0 50px 0 0;overflow:hidden;z-index:5;}
.lnb:after {content:"";display:block;clear:both;}
.lnb > dt {float:left;width:60px;}
.lnb > dt > a {height:60px;background:#014099 url(../images/layout/ico_home.png) no-repeat center center;font-size:0;transition:background 0.4s;}
.lnb > dt > a:hover, .lnb > dt > a:focus {background:#29b6f6 url(../images/layout/ico_home.png) no-repeat center center;}
.lnb > dd {float:left;min-width:13%;line-height:0;}

.lnb .ui-selectmenu-button {width:100% !important;background:#fff;border:solid #e1e1e1;border-width:0 1px 0 0;border-radius:0;box-sizing:border-box;}
/*.lnb .ui-selectmenu-button.ui-state-hover {background:#fff !important;}*/
.lnb .ui-selectmenu-button span.ui-selectmenu-text {padding:15px 20px;font-size:16px;font-weight:300;color:#777;line-height:30px;box-sizing:border-box;}
.lnb > dd:last-child .ui-selectmenu-button span.ui-selectmenu-text {font-weight:400;color:#333;}
.lnb .ui-selectmenu-button span.ui-icon {background:url(../images/layout/lnb_arr.png) no-repeat center center;transition:all 0.4s;}
.lnb .ui-selectmenu-button.ui-state-hover span.ui-icon, 
.lnb .ui-selectmenu-button.ui-state-focus span.ui-icon {transform:rotate(-180deg);}
.lnb .ui-selectmenu-button.ui-state-hover span.ui-selectmenu-text, 
.lnb .ui-selectmenu-button.ui-state-focus span.ui-selectmenu-text {color:#fff !important;}
.lnb .ui-selectmenu-button.ui-state-hover span.ui-icon, 
.lnb .ui-selectmenu-button.ui-state-focus span.ui-icon {background:url(../images/layout/lnb_arr_w.png) no-repeat center center;}

.ui-selectmenu-menu .ui-menu {border:solid 1px #e1e1e1;}
.ui-menu .ui-menu-item {padding:5px 20px;}



/*** Sub ***/
.scheme_bx {position: relative}
.scheme_bx > img {width: 73%}
.zoomBtn {position: absolute; right: 0; bottom: 0; display: block; display: none}

.sub_cont {padding:60px 0 0;box-sizing:border-box;}
.sub_cont .cont_tit {width:100%;max-width:1400px;margin:0 auto 40px;font-size:40px;font-weight:500;color:#111;text-align:center;line-height:40px;box-sizing:border-box;}
.sub_cont .cont_stit {display:block;margin-top:20px;font-size:18px;font-weight:400;color:#333;line-height:30px;}
.sub_cont .cont_stit:before {content: "";display: inline-block;width: 55px;height: 55px;margin: 0 0 -15px 0;background: url(../images/sub/s02_top_dot.png) no-repeat center center;vertical-align: super;}

.sub_cont > section {padding-bottom:150px;}
.sub_cont > section > article {position:relative;width:100%;max-width:1400px;margin:65px auto 0;box-sizing:border-box;}
.sub_cont > section > article:first-child {margin:0 auto;}
.sub_cont > section > article.full {max-width:100%;}
.sub_cont > section > article.full .arti_sub {width:100%;max-width:1400px;margin:0 auto;padding:50px 0;box-sizing:border-box;}

.sub_cont > section.s0101 .arti01 {width: 900px;}



.sub_cont .s010201, .sub_cont .s0402 {padding:0;}
.sub_cont .s010201 .arti03 .arti_sub,
.sub_cont .s040201 .arti04 .arti_sub, .sub_cont .s040202 .arti03 .arti_sub {padding:50px 0 150px;}

.sub_cont > section > article .at_scont {padding:0 100px;box-sizing:border-box;}
.sub_cont > section > article .at_scont .at_sc {padding:65px 0;border-top:dashed 2px #dee1e7;text-align:center;}
.sub_cont > section > article .at_scont .at_sc:first-child {border:none;}

.sub_cont > section > article .half_sec {margin:0 -80px;}
.sub_cont > section > article .half_sec > ul {display:table;width:100%;table-layout:fixed;}
.sub_cont > section > article .half_sec > ul > li {display:table-cell;padding:0 80px;border-left:solid 1px #dbdbdb;vertical-align:top;box-sizing:border-box;}
.sub_cont > section > article .half_sec > ul > li:first-child {border:none;}

.sub_cont > section > article .arti_tit {position:relative;margin-bottom:25px;padding-left:25px;font-size:20px;font-weight:500;color:#000;box-sizing:border-box;}
.sub_cont > section > article .arti_tit:before {content:"";position:absolute;left:0;top:9px;width:16px;height:16px;background:#fff;border:solid 3px #f57f17;border-radius:3px;box-sizing:border-box;}
.sub_cont > section > article .arti_stit {position:relative;margin-bottom:15px;padding-left:15px;font-size:18px;font-weight:500;color:#333;box-sizing:border-box;}
.sub_cont > section > article .arti_stit:before {content:"";position:absolute;left:0;top:14px;width:4px;height:4px;background:#1565c0;border-radius:100%;}
.sub_cont > section > article .arti_stit.mt15 {margin-top:15px;}
.sub_cont > section > article .arti_stit.mt30 {margin-top:30px;}
.sub_cont > section > article .at_scont .at_sc_tit {margin-bottom:20px;font-size:20px;font-weight:500;color:#000;}
.sub_cont > section > article .de_tit {margin-bottom:10px;font-weight:500;color:#014099;line-height:26px;}/* 파랑 */
.sub_cont > section > article .de_tit.mt30 {margin-top:30px;}
.sub_cont > section > article .de_tit.ty02 {color:#009bd9;}/* 하늘 */
.sub_cont > section > article .de_tit.ty03 {margin-bottom:50px;font-size:30px;font-weight:400;color:#111;text-align:center;line-height:30px;}
.sub_cont > section > article .de_txt {color:#333;line-height:26px;}
.sub_cont > section > article .de_txt.mb10 {margin-bottom:10px;}
.sub_cont > section > article .de_txt > .ht01 {font-weight:500;}

.sub_tabs {width:100%;max-width:1400px;margin:0 auto 40px;border-bottom:solid 1px #e5e5e5;font-size:0;text-align:center;box-sizing:border-box;}
.sub_tabs > a {display:inline-block;position:relative;min-width:10%;padding:20px;font-size:18px;font-weight:300;vertical-align:top;box-sizing:border-box;transition:color 0.4s;}
.sub_tabs > a:after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:0;background:#014099;transition:height 0.4s;}
.sub_tabs > a.active, .sub_tabs > a:hover, .sub_tabs > a:focus {font-weight:500;color:#014099;}
.sub_tabs > a.active:after, .sub_tabs > a:hover:after, .sub_tabs > a:focus:after {height:3px;}
.tab_cont {display:none;}

.num_info > li {position:relative;padding:2px 0 2px 25px;box-sizing:border-box;}
.num_info > li > span {position:absolute;left:0;top:2px;}
.num_info > li > span.point {font-size: 18px;position: relative;top: 0px;font-weight: 500;color: #1aacda; text-decoration: underline;}
.num_info.ty02 > li {padding:20px 0 20px 60px;border-bottom:solid 1px #dbdbdb;color:#333;line-height:26px;}
.num_info.ty02 > li > span {top:20px;width:40px;background:#1e88e5;border-radius:5px;color:#fff;text-align:center;box-sizing:border-box;}
.dash_info > li {position:relative;padding:2px 0 2px 15px;box-sizing:border-box;}
.dash_info > li:before {content:"";position:absolute;left:0;top:18px;width:5px;height:1px;background:#555;}
.sq_info > li {position:relative;padding:2px 0 2px 15px;box-sizing:border-box;}
.sq_info > li:before {content:"";position:absolute;left:0;top:16px;width:5px;height:5px;background:#555;}
.cc_info > li {position:relative;padding:2px 0 2px 15px;line-height:22px;box-sizing:border-box;word-break: keep-all}
.cc_info > li:before {content:"";position:absolute;left:0;top:12px;width:4px;height:4px;background:#41b6d2;border-radius:100%;}
.cc_info.ty02 > li:before {background:#1565c0;}
.star_info > li {position:relative;padding:2px 0 2px 15px;box-sizing:border-box;}
.star_info > li:before {content:"*";position:absolute;left:0;top:0;color:#b71c1c;}

.num_info .ht01, .dash_info .ht01, 
.sq_info .ht01, .cc_info .ht01, .star_info .ht01 {font-weight:500;color:#333;}
.num_info .ht02, .dash_info .ht02, 
.sq_info .ht02, .cc_info .ht02, .star_info .ht02 {font-weight:300;color:#b71c1c;}


/** s01 : 회사소개 **/
/* s0101 : 경영진 인사말 */
.s0101 .grt_box {margin-bottom:30px; box-sizing:border-box; position: relative; padding:0 100px;}
.s01 .de_txt:after {content:"";display:block;width:220px;height:224px;position: absolute; left: 50%; bottom:182px; transform:translateX(-50%); opacity: 0.5;}
.s0101 .info {display:block;color:#333; margin-top: 100px;}
.s0101 .stit {margin-bottom:35px;font-size:20px;font-weight:700;color:#014099;}
.s0101 .tit {position:relative;font-family:"Nanum Square";font-size:30px;font-weight:300;line-height:45px; padding-left: 24px; text-align: center;}
.s0101.s010103 .tit {text-align: center; padding-left: 0; }
.s0101 .tit:before {content:"";position:absolute;display: block;left:34px;top:-20px;width:40px;height:30px;background:url(../images/sub/s0101_dot.png) no-repeat center top;}
.s010103 .tit:before {left:24px;}
.s0101 .tit:after {content:"";position:absolute;display: block;right:24px;bottom:-18px;width:40px;height:30px;background:url(../images/sub/s0101_dot2.png) no-repeat center top; }
.s0101 .tit > span {position:relative;font-weight:700;z-index:1; color:#014099;}
.s0101 .sign {margin-top:70px;font-size:18px; display: block;}
.s0101 .sign > span {font-weight:700;}
.s0101 .sign:after {content:"";display:inline-block;margin-left:30px;vertical-align:text-bottom;}
.s0101 .de_txt {font-size:18px;line-height:28px;}
.sub_cont > section.s0101 > article .de_txt {padding-top: 60px;}
.sub_cont > section.s0101 > article .de_txt li {margin-bottom: 20px; position: relative; z-index: 9999;}
.sub_cont > section.s0101 > article .de_txt li:last-child {text-align: right; margin-bottom: 0;}
.s01 .de_txt:after{background:url(../images/sub/s0101_boxbg.png) no-repeat ; background-size: cover;}
/*.s010102 .grt_box:before{background: no-repeat left bottom;}*/
.s010103 .grt_box:before{ right: 36px; bottom: 144px; }
/* .s010101 .sign:after {width:140px;height:37px;background:url(../images/sub/s010101_sign.png) no-repeat right center;}
.s010102 .sign:after {width:108px;height:64px;background:url(../images/sub/s010102_sign.png) no-repeat right center;}
.s010103 .sign:after {width:110px;height:54px;background:url(../images/sub/s010103_sign2.png) no-repeat right center;} */

/* s0102 : 기업비전 */
/* s010201 : 경영목표 */
/* .s010201 .arti01 .img_box {position:relative;padding:0 100px;background:url(../images/sub/s010201_arti01_boxbg.png) no-repeat center bottom;font-size:0;box-sizing:border-box;}
 */
.s010201 .arti01 .img_box {position:relative;padding:0 100px;background:url(../images/sub/s010201_arti01_boxbg02.png) no-repeat center bottom;font-size:0;box-sizing:border-box;  height: 555px; background-size: cover;}
.s010201 .arti01 .img {display:inline-block;position:relative;width:54%;vertical-align:middle;}
.s010201 .arti01 .info {display:inline-block;margin:190px 0 0 0;vertical-align:middle;}
.s010201 .arti01 .stit {margin-bottom:5px;font-family:"Exo";font-size:20px;font-weight:700;color:#333;}
.s010201 .arti01 .stit:after {content:"";display:inline-block;width:60px;height:1px;margin-left:10px;background:#333;vertical-align:middle;}
.s010201 .arti01 .tit {font-size:38px;font-weight:500;color:#333;line-height:50px;}
.s010201 .arti01 .tit > span {color:#014099;}
.s010201 .arti02 .ico_info {display:table;width:100%;table-layout:fixed;}
.s010201 .arti02 .ico_info > li {display:table-cell;position:relative;padding:0 20px;border-left:solid 1px #e0e0e0;text-align:center;vertical-align:top;box-sizing:border-box;}
.s010201 .arti02 .ico_info > li:first-child {border:none;}
.s010201 .arti02 .ico_info > li:before {content:"";display:block;height:180px;margin-bottom:55px;}
.s010201 .arti02 .ico_info > li.ico01:before {background:url(../images/sub/s010201_arti02_ico01.png) no-repeat center top;}
.s010201 .arti02 .ico_info > li.ico02:before {background:url(../images/sub/s010201_arti02_ico02.png) no-repeat center top;}
.s010201 .arti02 .ico_info > li.ico03:before {background:url(../images/sub/s010201_arti02_ico03.png) no-repeat center top;}
.s010201 .arti02 .ico_info > li:after {content:"";position:absolute;left:50%;top:190px;width:20px;height:40px;margin-left:-10px;animation:s010201_arr 2s infinite;}
.s010201 .arti02 .ico_info > li.ico01:after {background:url(../images/sub/s010201_arti02_arr01.png) no-repeat center center;}
.s010201 .arti02 .ico_info > li.ico02:after {background:url(../images/sub/s010201_arti02_arr02.png) no-repeat center center;}
.s010201 .arti02 .ico_info > li.ico03:after {background:url(../images/sub/s010201_arti02_arr03.png) no-repeat center center;}
.s010201 .arti02 .ico_info .tit {margin-bottom:5px;font-size:22px;font-weight:500;color:#111;}
.s010201 .arti02 .ico_info .txt {font-size:18px;color:#333;line-height:26px;}
.s010201 .arti02 .ico_info .txt > span {font-weight:700;}
@keyframes s010201_arr {
	0% {top:190px;}
	50% {top:200px;}
	100% {top:190px;}
}
.s010201 .arti03 {background:#e8eff5;}
.s010201 .arti03 .tit {margin-top:60px;font-size:38px;font-weight:500;color:#333;text-align:center;line-height:48px;}
.s010201 .arti03 .tit:before {content:"";display:inline-block;width:34px;height:26px;margin-right:10px;background:url(../images/sub/s010201_arti03_dot01.png) no-repeat center center;vertical-align:super;}
.s010201 .arti03 .tit:after {content:"";display:inline-block;width:34px;height:26px;margin-left:10px;background:url(../images/sub/s010201_arti03_dot02.png) no-repeat center center;vertical-align:super;}
.s010201 .arti03 .info_sec {position:relative;margin:0 -15px;padding-top:100px;box-sizing:border-box;}
.s010201 .arti03 .info_sec:before {content:"";position:absolute;left:50%;top:18px;width:1px;height:80px;background:#b5b5b5;}
.s010201 .arti03 .img_info {display:table;width:100%;font-weight:500;color:#fff;text-align:center;table-layout:fixed;border-spacing:15px;}
.s010201 .arti03 .img_info > li {display:table-cell;height:352px;vertical-align:middle;box-sizing:border-box;}
.s010201 .arti03 .img_info > li.img01 {background:url(../images/sub/s010201_arti03_img01.png) no-repeat center center;}
.s010201 .arti03 .img_info > li.img02 {background:url(../images/sub/s010201_arti03_img02.png) no-repeat center center;}
.s010201 .arti03 .img_info > li.img03 {background:url(../images/sub/s010201_arti03_img03.png) no-repeat center center;}
.s010201 .arti03 .img_info > li > p {display:inline-block;font-size:30px;vertical-align:middle;}
.s010201 .arti03 .img_info > li > p > span {display:block;margin-top:20px;padding:10px 0;border:solid #fff;border-width:1px 0;font-size:18px;line-height:26px;box-sizing:border-box;}

/* s010202 : 비전2022 */
.s010202 .arti01 .img_box {padding:130px 20px;background:url(../images/sub/s010202_arti01_img.png) no-repeat center center;color:#111;text-align:center;box-sizing:border-box;}
.s010202 .arti01 .img_box .tit {position:relative;margin-bottom:30px;padding-bottom:30px;font-family:"Exo";font-size:38px;font-weight:700;}
.s010202 .arti01 .img_box .tit:after {content:"";position:absolute;left:50%;bottom:0;width:74px;height:3px;margin-left:-37px;background:#014099;}
.s010202 .arti01 .img_box .txt {font-size:36px;line-height:40px;}
.s010202 .arti01 .img_box .txt > span {font-weight:500;}
.s010202 .arti02 .img_info {display:table;width:100%;font-weight:300;color:#fff;text-align:center;line-height:26px;table-layout:fixed;}
.s010202 .arti02 .img_info > dt {display:table-cell;position:relative;vertical-align:middle;}
.s010202 .arti02 .img_info > dt:after {content:"";position:absolute;right:0;top:50%;width:30px;height:50px;margin-top:-25px;}
.s010202 .arti02 .img_info.ii01 > dt:after {background:url(../images/sub/s010202_arti02_arr01.png) no-repeat center center;}
.s010202 .arti02 .img_info.ii02 > dt:after {left:0;right:auto;background:url(../images/sub/s010202_arti02_arr02.png) no-repeat center center;}
.s010202 .arti02 .img_info.ii03 > dt:after {background:url(../images/sub/s010202_arti02_arr03.png) no-repeat center center;}
.s010202 .arti02 .img_info > dd {display:table-cell;padding:20px;vertical-align:middle;box-sizing:border-box;}
.s010202 .arti02 .img_info > dd .tit {position:relative;margin-bottom:20px;padding-bottom:20px;font-size:26px;font-weight:500;box-sizing:border-box;}
.s010202 .arti02 .img_info > dd .tit:after {content:"";position:absolute;left:50%;bottom:0;width:30px;height:2px;margin-left:-15px;background:#fff;}
.s010202 .arti02 .img_info.ii01 > dd {color:#333;background:#e7eef4;}
.s010202 .arti02 .img_info.ii02 > dd {background:#0277bd;}
.s010202 .arti02 .img_info.ii03 > dd {background:#0d3558;}
.s010202 .arti02 .img_info.ii01 > dd .tit:after {background:#014099;}
.s010202 .arti03 .ccn_info_sec {margin-left:-70px;}
.s010202 .arti03 .ccn_info_sec > ul {display:table;width:100%;table-layout:fixed;}
.s010202 .arti03 .ccn_info_sec > ul > li {display:table-cell;position:relative;/*height:297px;*/padding:35px 0 45px 70px;text-align:center;vertical-align:middle;box-sizing:border-box;}
.s010202 .arti03 .ccn_info_sec > ul > li:after {content:"";position:absolute;right:0;left:70px;top:0;height:100%;border-radius:100%;box-sizing:border-box;}
.s010202 .arti03 .ccn_info_sec > ul > li.ccn01:after {border:solid 3px #1565c0;}
.s010202 .arti03 .ccn_info_sec > ul > li.ccn02:after {border:solid 3px #1e88e5;}
.s010202 .arti03 .ccn_info_sec > ul > li.ccn03:after {border:solid 3px #29b6f6;}
.s010202 .arti03 .ccn_info_sec > ul > li.ccn04:after {border:solid 3px #18cddd;}
.s010202 .arti03 .ccn_info_sec > ul > li .tit {position:relative;padding: 60px 0;font-size:20px;font-weight:500;color:#000;line-height:26px;box-sizing:border-box;}
.s010202 .arti03 .ccn_info_sec > ul > li.ccn04 .tit {line-height:52px;}
.arti03.no_bg {background: #fff}
.img_info.img_bg {background: url(../images/sub/s010201_arti03_img04.jpg) no-repeat center center; background-size: 100% 100%; height: 293px; margin-bottom: 70px}
.arti03_img_middle_txt {display: table-cell; vertical-align: middle; color: #111}
.arti03_img_mTit {font-weight: 400; position: relative; display: inline-block; font-size: 22px; margin-bottom: 20px}
.arti03_img_mTit:before {content: ''; position: absolute; left: -40px; top: 50%; transform: translateY(-50%); width: 30px; height: 1px; background: #111}
.arti03_img_mTit:after {content: ''; position: absolute; right: -40px; top: 50%; transform: translateY(-50%); width: 30px; height: 1px; background: #111}
.arti03_img_mTxt {font-size: 38px; position: relative; display: inline-block}
.arti03_img_mTxt:before {content: ''; position: absolute; left: -40px; top: 0; width: 34px; height: 26px; background: url(../images/sub/s040201_dot01.png) no-repeat;}
.arti03_img_mTxt:after {content: ''; position: absolute; right: -40px; top: 0; width: 34px; height: 26px; background: url(../images/sub/s040201_dot02.png) no-repeat;}
/*
.s010202 .arti03 .ccn_info_sec > ul > li .tit:after {content:"";position:absolute;left:50%;bottom:0;width:40px;height:2px;margin-left:-20px;}
.s010202 .arti03 .ccn_info_sec > ul > li.ccn01 .tit:after {background:#1565c0;}
*/
.s010202 .arti03 .ccn_info_sec > ul > li.ccn02 .tit:after {background:#1e88e5;}
.s010202 .arti03 .ccn_info_sec > ul > li.ccn03 .tit:after {background:#29b6f6;}
.s010202 .arti03 .ccn_info_sec > ul > li.ccn04 .tit:after {background:#18cddd;}
.s010202 .arti03 .ccn_info_sec > ul > li .tit > span {display:block;margin-bottom:5px;font-size:26px;font-weight:700;color:#555;line-height:26px;}
.s010202 .arti03 .ccn_info_sec > ul > li .sq_info {display:inline-block;height:90px;text-align:left;}
.s010202 .arti03 .ccn_info_sec > ul > li .sq_info > li {line-height:26px;}
.s010202 .arti03 .ccn_info_sec > ul > li .sq_info > li:before {top:13px;}
.s010202 .arti04 .ico_info {padding:30px 60px;border:solid 5px #dee1e6;box-sizing:border-box;}
.s010202 .arti04 .ico_info:after {content:"";display:block;clear:both;}
.s010202 .arti04 .ico_info > li {position:relative;float:left;width:12%;margin-left:10%;font-size:20px;font-weight:500;color:#000;text-align:center;}
.s010202 .arti04 .ico_info > li:before {content:"";display:block;height:150px;margin-bottom:20px;background-size:auto 100% !important;}
.s010202 .arti04 .ico_info > li.ico01:before {background:url(../images/sub/s010202_arti04_ico01.png) no-repeat center top;}
.s010202 .arti04 .ico_info > li.ico02:before {background:url(../images/sub/s010202_arti04_ico02.png) no-repeat center top;}
.s010202 .arti04 .ico_info > li.ico03:before {background:url(../images/sub/s010202_arti04_ico03.png) no-repeat center top;}
.s010202 .arti04 .ico_info > li.ico04:before {background:url(../images/sub/s010202_arti04_ico04.png) no-repeat center top;}
.s010202 .arti04 .ico_info > li.ico05:before {background:url(../images/sub/s010202_arti04_ico05.png) no-repeat center top;}
.s010202 .arti04 .ico_info > li:after {content:"";position:absolute;left:-84%;bottom:50px;width:92%;height:84px;background:url(../images/sub/s010202_arti04_line02.png) no-repeat right center;background-size:100% auto !important;z-index:1;}
.s010202 .arti04 .ico_info > li.ico01 {margin:0;}
.s010202 .arti04 .ico_info > li:nth-child(even) {margin-top:75px;}
.s010202 .arti04 .ico_info > li.ico01:after {display:none;}
.s010202 .arti04 .ico_info > li:nth-child(even):after {top:0;bottom:auto;background:url(../images/sub/s010202_arti04_line01.png) no-repeat right center;}

/* s0103 : 기업연혁 */
.s0103 .his_tit {margin:65px 0 40px;padding:0 11%;font-size:38px;font-weight:700;text-align:center;line-height:48px;box-sizing:border-box;}
.s0103 .his_tit.first {margin:0 0 40px;}
.s0103 .his_tit > span {display:inline-block;color:#014099;vertical-align:top;/*background:linear-gradient(to right, #014099, #2196f3);-webkit-background-clip:text;-webkit-text-fill-color: transparent;*/}
.s0103 .his_sec {position:relative;padding:0 11%;box-sizing:border-box;}
.s0103 .his_sec:after {content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;height:100%;background:#add7f4;z-index:-1;}
.s0103 .his_info:after {content:"";display:block;clear:both;}
.s0103 .his_info > li {position:relative;float:right;width:50%;margin:50px 0 0 50%;padding-left:120px;font-size:18px;font-weight:300;line-height:20px;box-sizing:border-box;}
.s0103 .his_info > li:first-child {margin:0 0 0 50%;}
.s0103 .his_info > li:before {content:"";position:absolute;left:-10px;top:0;width:20px;height:20px;background:url(../images/sub/s0103_blt.png) no-repeat center center;background-size:100% 100%;}
.s0103 .his_info > li > span {position:absolute;left:60px;top:0;font-weight:700;color:#333;}
.s0103 .his_info > li .img {margin:20px 0 0 -60px;}
.s0103 .his_info > li .img img {width: 70%}
.s0103 .his_info > li:nth-child(even) {float:left;margin-left:0;margin-right:50%;padding:0 120px 0 0;text-align:right;}
.s0103 .his_info > li:nth-child(even):before {left:auto;right:-10px;}
.s0103 .his_info > li:nth-child(even) > span {left:auto;right:60px;}
.s0103 .his_info > li:nth-child(even) .img {margin:20px -60px 0 0;}

/* s0104 : 조직도 */
.s0104 .arti01 {text-align:center;}
.s0104 .arti01 > img {width:auto;max-width:100%;}

/* s0105 : 수상실적 */
/*  s010501 : 주요실적*/
.s010501 .pri_info{display:flex; flex-wrap:wrap;}
.s010501 .pri_info:after {content:"";display:block;clear:both;}
.s010501 .pri_info > li {float:left;width:calc((100% - 50px)/3);margin:0 25px 50px 0;}
.s010501 .pri_info > li:nth-child(3n) {margin:0 0 50px 0;}
.s010501 .pri_info .img {border:solid 2px #dbdbdb;box-sizing:border-box;}
.s010501 .pri_info .tit {margin-top:20px;font-size:20px;font-weight:500;color:#333;text-align:center;}
.s010501 .pri_info .tit > span {display:block;font-weight:700;color:#014099;}

/* s010502 : 연도별실적 */
.s010502 .years_info {position:relative;margin-top:90px;padding:0 50px;box-sizing:border-box;}
.s010502 .years_info:after {content:"";position:absolute;left:25%;top:10px;bottom:10px;width:1px;background:#cbe2f2;z-index:-1;}
.s010502 .years_info > li {padding:90px 0 0;}
.s010502 .years_info > li:first-child {padding:0;}
.s010502 .years_info > li:after {content:"";display:block;clear:both;}
.s010502 .years_info > li.dn {display:none;}
.s010502 .years_info .tit {float:left;width:23%;font-size:46px;font-weight:500;color:#333;line-height:56px;letter-spacing:-0.5px;}
.s010502 .years_info .info {position:relative;float:left;width:77%;padding-left:50px;box-sizing:border-box;}
.s010502 .years_info .info:before {content:"";position:absolute;left:-9px;top:7px;width:20px;height:20px;background:url(../images/sub/s010502_blt.png) no-repeat center center;background-size:100% 100%;}
.s010502 .years_info .info > li {position:relative;padding-left:100px;font-weight:300;box-sizing:border-box;}
.s010502 .years_info .info > li:before {content:"";position:absolute;left:-51px;top:14px;width:5px;height:5px;background:#777;border-radius:5px;}
.s010502 .years_info .info > li:first-child:before {display:none;}
.s010502 .years_info .info > li > span {position:absolute;left:0;top:0;font-weight:500;color:#014099;}

/* s0106 : 오시는길 */
.s0106 .map_top {padding:40px 50px;border-top:solid 2px #014099;font-size:20px;font-weight:300;color:#333;text-align:center;box-sizing:border-box;}
/*.s0106 .map_top > dt {display:inline-block;font-size:26px;font-weight:500;color:#333;vertical-align:top;}*/
.s0106 .map_top > dt {display:inline-block;vertical-align:top;}
.s0106 .map_top > dd {display:inline-block;margin-left:30px;vertical-align:top;}
.s0106 .map_top > dt > span, .s0106 .map_top > dd > span {margin-right:10px;font-weight:500;}
.s0106 .map_box {position:relative;margin-bottom:50px;}
.s0106 .map_box:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);transition:background 0.4s;}
.s0106 .map_box .btm_btns {position:absolute;left:0;top:50%;width:100%;margin:-25px 0 0;z-index:1;opacity:0;transition:opacity 0.4s;}
.s0106 .map_box:hover:after {background:rgba(0,0,0,0.3);}
.s0106 .map_box:hover .btm_btns {opacity:1;}
.s0106 .traf_info:after {content:"";display:block;clear:both;}
.s0106 .traf_info > li {position:relative;float:left;width:48%;margin-left:4%;padding:40px 50px 40px 15%;border-top:solid 2px #dbdbdb;font-weight:300;color:#333;line-height:26px;box-sizing:border-box;}
.s0106 .traf_info > li:first-child {margin:0;}
.s0106 .traf_info > li:before {content:"";position:absolute;left:50px;top:40px;width:100px;height:100px;background-size:100% auto !important;}
.s0106 .traf_info > li.traf01:before {background:url(../images/sub/s0106_ico01.png) no-repeat left center;}
.s0106 .traf_info > li.traf02:before {background:url(../images/sub/s0106_ico02.png) no-repeat left center;}
.s0106 .traf_info .tit {margin-bottom:15px;font-size:24px;font-weight:500;}


/** s02 : 사업영역 **/
.s02_top {margin-bottom:40px;font-size:18px;font-weight:300;color:#333;text-align:center;line-height:28px;}
.s02_top:before {content:"";display:inline-block;width:55px;height:55px;margin:0 -30px -15px 0;background:url(../images/sub/s02_top_dot.png) no-repeat center center;vertical-align:super;}
.s02_top .ht01 {font-weight:700;color:#014099;}


/** s03 : 지속가능경영 **/
/* s0301 : 연구개발 */
.s0301 .img_box {position:relative;margin-top:20px;padding:40px 20px;border:solid 7px #e8f0f6;border-radius:10px;text-align:center;box-sizing:border-box;}
.s0301 .img_box.ty02 {margin-bottom:100px;padding:40px 20px 90px;}
.s0301 .img_box > img {width:auto;max-width:100%;}
.s0301 .img_box .btm_box {position:absolute;bottom:-45px;left:27%;width:46%;padding:30px;background:#ff8f00;border-radius:10px;font-size:24px;font-weight:500;color:#fff;box-sizing:border-box;}
.s0301 .img_box .btm_box:before {content:"";position:absolute;left:-12px;top:50%;width:24px;height:24px;margin-top:-12px;background:#fff;border:solid 8px #e16d06;border-radius:50px;box-sizing:border-box;}
.s0301 .img_box .btm_box:after {content:"";position:absolute;right:-12px;top:50%;width:24px;height:24px;margin-top:-12px;background:#fff;border:solid 8px #e16d06;border-radius:50px;box-sizing:border-box;}
.s0301 .bg_box {margin:30px auto 45px;padding:45px;background:#e8f0f6;box-sizing:border-box;}
.s0301 .bg_box .cc_info > li {padding:5px 0 5px 15px;color:#333;}
.s0301 .bg_box .cc_info > li:before {top:15px;}

/* s0302 : 품질경영 */
.s0302 .top_ico_box {display:table;width:100%;padding:40px 0;border:solid 3px #dcdcdc;table-layout:fixed;box-sizing:border-box;}
.s0302 .top_ico_box > dt {display:table-cell;width:18%;padding:0 20px;border-right:dashed 1px #dcdcdc;font-size:20px;font-weight:500;color:#000;text-align:center;vertical-align:middle;box-sizing:border-box;}
.s0302 .top_ico_box > dt:before {content:"";display:block;height:72px;margin-bottom:20px;background-size:auto 100% !important;}
.s0302 .top_ico_box > dd {display:table-cell;padding:0 40px;color:#333;line-height:26px;vertical-align:middle;box-sizing:border-box;}

/* s030201 : 품질환경관리체계 */
.s030201 .top_ico_box > dt:before {background:url(../images/sub/s030201_arti01_ico01.png) no-repeat center top;}
.s030201 .dia_sec {width:58%;margin:50px auto 0;}
.s030201 .dia_sec .top_dia {position:relative;padding-bottom:45px;text-align:center;box-sizing:border-box;}
.s030201 .dia_sec .btm_dia {position:relative;text-align:center;}
.s030201 .dia_sec .top_dia:before {content:"";position:absolute;left:50%;bottom:-12px;width:24px;height:24px;margin-left:-12px;background:#fff;border:solid 8px #e16d06;border-radius:50px;box-sizing:border-box;}
.s030201 .dia_sec .top_dia:after {content:"";position:absolute;left:50%;bottom:0;width:1px;height:100%;background:#bcbcbc;z-index:-1;}
.s030201 .dia_sec .btm_dia:before {content:"";display:block;height:90px;background:url(../images/sub/s030201_arr.png) no-repeat center center;}
.s030201 .dia_sec .top_dia > span {display:inline-block;width:180px;padding:50px 10px;background:#fff;border:solid 25px #f57f17;border-radius:100%;font-size:20px;font-weight:500;color:#333;vertical-align:top;box-sizing:border-box;}
.s030201 .dia_sec .btm_dia > span {display:inline-block;width:38%;padding:20px;border:solid 3px #1e88e5;border-radius:10px;font-size:20px;font-weight:500;color:#333;vertical-align:top;box-sizing:border-box;}
.s030201 .dia_sec .cent_dia {position:relative;}
.s030201 .dia_sec .cent_dia:before {content:"";position:absolute;left:22%;right:22%;top:0;height:1px;background:#bcbcbc;z-index:-1;}
.s030201 .dia_sec .cent_dia:after {content:"";position:absolute;left:22%;right:22%;bottom:0;height:1px;background:#bcbcbc;z-index:-1;}
.s030201 .dia_sec .cent_dia > ul:after {content:"";display:block;clear:both;}
.s030201 .dia_sec .cent_dia > ul > li {position:relative;float:left;width:44%;margin-left:12%;padding:35px 0 30px;}
.s030201 .dia_sec .cent_dia > ul > li:first-child {margin:0;}
.s030201 .dia_sec .cent_dia > ul > li:after {content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#bcbcbc;z-index:-1;}
.s030201 .dia_sec .cent_dia .tit {position:relative;margin-bottom:5px;padding:25px 30px;background:#1565c0;border-radius:10px;font-size:20px;font-weight:500;color:#fff;text-align:center;line-height:35px;box-sizing:border-box;}
.s030201 .dia_sec .cent_dia .tit:before {content:"";position:absolute;left:50%;top:-12px;width:24px;height:24px;margin-left:-12px;background:#fff;border:solid 8px #084f9f;border-radius:50px;box-sizing:border-box;}
.s030201 .dia_sec .cent_dia .txt {padding:25px 30px;background:#e8eff5;border-radius:10px;color:#333;line-height:26px;box-sizing:border-box;}

/* s030202 : 품질경영방침 */
.s030202 .top_ico_box > dt:before {background:url(../images/sub/s030202_arti01_ico01.png) no-repeat center top;}
.s030202 .img_info {margin-top:50px;border-top:solid 1px #dbdbdb;vertical-align:middle;}
.s030202 .img_info > li {padding:20px 50px;border-bottom:solid 1px #dbdbdb;box-sizing:border-box;}
.s030202 .img_info > li:before {content:"";display:inline-block;width:260px;height:260px;margin-right:50px;vertical-align:middle;}
.s030202 .img_info > li:after {content:"";display:none;width:260px;height:260px;margin-left:50px;vertical-align:middle;}
.s030202 .img_info > li.img01:before {background:url(../images/sub/s030202_img01.png) no-repeat center center;}
.s030202 .img_info > li.img02:after {background:url(../images/sub/s030202_img02.png) no-repeat center center;}
.s030202 .img_info > li.img03:before {background:url(../images/sub/s030202_img03.png) no-repeat center center;}
.s030202 .img_info > li.img04:after {background:url(../images/sub/s030202_img04.png) no-repeat center center;}
.s030202 .img_info > li.img05:before {background:url(../images/sub/s030202_img05.png) no-repeat center center;}
.s030202 .img_info > li .info {display:inline-block;color:#333;line-height:26px;vertical-align:middle;}
.s030202 .img_info > li .info .tit {margin-bottom:15px;font-size:26px;}
.s030202 .img_info > li .info .tit > span {font-weight:700;color:#014099;}
.s030202 .img_info > li:nth-child(even) {text-align:right;}
.s030202 .img_info > li:nth-child(even):before {display:none;}
.s030202 .img_info > li:nth-child(even):after {display:inline-block;}

/* s030203 : 인증서 */
.s030203 .certi_info {display:table;width:100%;table-layout:fixed;}
.s030203 .certi_info > dt {display:table-cell;position:relative;width:35%;padding:0 50px 50px 0;vertical-align:top;box-sizing:border-box;}
.s030203 .certi_info > dt:after {content:"";position:absolute;top:50px;right:0;bottom:0;left:50px;background:#9addfb;z-index:-1}
.s030203 .certi_info > dt > img {box-shadow:0 0 20px rgba(0,0,0,0.2);}
.s030203 .certi_info > dd {display:table-cell;padding:0 120px 50px 0;color:#333;vertical-align:middle;box-sizing:border-box;}
.s030203 .certi_info.hori > dd {padding:0 0 50px 120px;}
.s030203 .certi_info .tit {display:inline-block;position:relative;margin-bottom:30px;padding:36px 0;font-size:28px;font-weight:500;color:#333;line-height:42px;vertical-align:top;box-sizing:border-box;}
.s030203 .certi_info .tit:before {content:"";position:absolute;left:-34px;top:0;width:34px;height:26px;background:url(../images/sub/s040201_dot01.png) no-repeat center center;}
.s030203 .certi_info .tit:after {content:"";position:absolute;right:-34px;bottom:0;width:34px;height:26px;background:url(../images/sub/s040201_dot02.png) no-repeat center center;}
.s030203 .certi_info .tit > span {display:block;font-weight:400;color:#555;}

/* s0303 : 안전경영 - 탑박스 */
.s0303 .top_ico_box > dt:before {background:url(../images/sub/s030202_arti01_ico01.png) no-repeat center top;}
.s0303 .top_ico_box {display:table;width:100%;padding:40px 0;border:solid 3px #dcdcdc;table-layout:fixed;box-sizing:border-box;}
.s0303 .top_ico_box > dt {display:table-cell;width:18%;padding:0 20px;border-right:dashed 1px #dcdcdc;font-size:20px;font-weight:500;color:#000;text-align:center;vertical-align:middle;box-sizing:border-box;}
.s0303 .top_ico_box > dt:before {content:"";display:block;height:72px;margin-bottom:20px;background-size:auto 100% !important;}
.s0303 .top_ico_box > dd {display:table-cell;padding:0 40px;color:#333;line-height:26px;vertical-align:middle;box-sizing:border-box;}

/* s0303 : 안전경영 */
.s0303 .arti01 .dia_sec {width:38%;margin:0 auto;}
.s0303 .arti01 .dia_sec > dt:after {content:"";display:block;height:100px;background:url(../images/sub/s0303_arti01_arr.png) no-repeat center center;}
.s0303 .arti01 .dia_sec > dt > p {padding:30px 20px;border-radius:10px;font-size:20px;font-weight:700;text-align:center;box-sizing:border-box;}
.s0303 .arti01 .dia_sec > dt .box01 {margin-bottom:5px;background:#0d47a1;border:solid 3px #0d47a1;color:#fff;}
.s0303 .arti01 .dia_sec > dt .box02 {border:solid 3px #dee1e8;color:#000;}
.s0303 .arti01 .dia_sec > dd .tit {margin-bottom:-30px;text-align:center;}
.s0303 .arti01 .dia_sec > dd .tit > span {display:inline-block;width:37%;padding:15px;background:#1665c1;border-radius:10px;font-size:20px;font-weight:500;color:#fff;vertical-align:top;box-sizing:border-box;}
.s0303 .arti01 .dia_sec > dd .box {padding:60px 50px 40px;background:#e8eff5;box-sizing:border-box;}
.s0303 .arti01 .dia_sec > dd .box_tit {margin-bottom:10px;font-size:20px;font-weight:500;color:#000;}
.s0303 .arti01 .dia_sec > dd .box_tit > br {display:none;}
.s0303 .arti01 .dia_sec > dd .box > ul > li {color:#333;line-height:26px;}
.s0303 .arti01 .dia_sec > dd .box > ul > li > span {font-weight:500;color:#10498b;}
.s0303 .arti02 .img_box {position:relative;margin-bottom:30px;overflow:hidden;}
.s0303 .arti02 .img_box > p {position:absolute;right:-50%;top:50%;width:50%;margin-top:-105px;font-size:42px;font-weight:500;color:#fff;text-align:center;line-height:70px;z-index:1;animation:s0303_txtView 2s forwards;}
.s0303 .arti02 .img_box > p:before {content:"";display:block;height:70px;background:url(../images/sub/s0601_arti01_dot01.png) no-repeat center top;opacity:0;animation:s0303_dotView 3s 1s forwards;}
.s0303 .arti02 .img_box > p:after {content:"";display:block;height:70px;background:url(../images/sub/s0601_arti01_dot02.png) no-repeat center bottom;opacity:0;animation:s0303_dotView 3s 1s forwards;}
@keyframes s0303_txtView {0% {right:-50%;}100% {right:0;}}
@keyframes s0303_dotView {0% {opacity:0;}100% {opacity:1;}}
.s0303 .arti02 .de_txt {font-size:18px;color:#333;text-align:center;line-height:36px;}
.s0303 .arti03 .img_box {padding:50px 20px;border:solid 7px #e8f0f6;border-radius:10px;text-align:center;box-sizing:border-box;}
.s0303 .arti03 .img_box > img {width:auto;max-width:100%;}

.s0303 .arti01 .sec_wrap {margin-top: 3rem;display: flex;align-items: flex-start;justify-content: space-between;}
.s0303 .arti01 .sec_wrap .img_sec {display:table-cell;position:relative;width:28%;padding:0 50px 50px 0;vertical-align:top;box-sizing:border-box; margin-right: 4%;}
.s0303 .arti01 .sec_wrap .img_sec:after {content:"";position:absolute;top:50px;right:0;bottom:0;left:50px;background:#9addfb;z-index:-1}
.s0303 .arti01 .sec_wrap .img_sec img {box-shadow:0 0 20px rgba(0,0,0,0.2);}
.s0303 .arti01 .sec_wrap .sec {}
.s0303 .arti01 .sec_wrap .right_txt{color:#333;width: 70%;}
.s0303 .arti01 .sec_wrap .right_txt .tit{margin-bottom: 30px;font-size: 16px;width:100%; height: 60px;display: flex;align-items: center;}
.s0303 .arti01 .sec_wrap .right_txt .tit > span {font-weight:700;width: 70px;min-width: 70px; color: #ffffff;font-size: 24px;width: 8%;border-radius: 10px 0 0 10px;height: 100%;display: flex;background: #1565c0;justify-content: center;align-items: center;}
.s0303 .arti01 .sec_wrap .right_txt .tit p{border:3px solid #e8f0f6;height:54px;width:92%;display:flex;align-items:center;padding-left:10px;border-left:none;border-radius: 0 10px 10px 0;}




/* s0303 : 안전경영 인증서 */
.s0303 .certi_info {display:table;width:100%;table-layout:fixed;}
.s0303 .certi_info > dt {display:table-cell;position:relative;width:35%;padding:0 50px 50px 0;vertical-align:top;box-sizing:border-box;}
.s0303 .certi_info > dt:after {content:"";position:absolute;top:50px;right:0;bottom:0;left:50px;background:#9addfb;z-index:-1}
.s0303 .certi_info > dt > img {box-shadow:0 0 20px rgba(0,0,0,0.2);}
.s0303 .certi_info > dd {display:table-cell;padding:0 120px 50px 0;color:#333;vertical-align:middle;box-sizing:border-box;}
.s0303 .certi_info.hori > dd {padding:0 0 50px 120px;}
.s0303 .certi_info .tit {display:inline-block;position:relative;margin-bottom:30px;padding:36px 0;font-size:28px;font-weight:500;color:#333;line-height:42px;vertical-align:top;box-sizing:border-box;}
.s0303 .certi_info .tit:before {content:"";position:absolute;left:-34px;top:0;width:34px;height:26px;background:url(../images/sub/s040201_dot01.png) no-repeat center center;}
.s0303 .certi_info .tit:after {content:"";position:absolute;right:-34px;bottom:0;width:34px;height:26px;background:url(../images/sub/s040201_dot02.png) no-repeat center center;}
.s0303 .certi_info .tit > span {display:block;font-weight:400;color:#555;}

/* s0304 : 상생경영 */
.s0304 .arti01 .dia_sec {position:relative;height:570px;}
.s0304 .arti01 .dia_sec:before {content:"";position:absolute;left:0;right:0;top:110px;height:2px;background:#dbdbdb;z-index:-1;}
.s0304 .arti01 .dia_sec:after {content:"";position:absolute;left:0;right:0;bottom:110px;height:2px;background:#dbdbdb;z-index:-1;}
.s0304 .arti01 .dia_sec > ul:before {content:"";position:absolute;left:35%;top:110px;bottom:110px;width:2px;margin-left:-2px;background:#dbdbdb;z-index:-1;}
.s0304 .arti01 .dia_sec > ul:after {content:"";position:absolute;right:35%;top:110px;bottom:110px;width:2px;margin-right:-2px;background:#dbdbdb;z-index:-1;}
.s0304 .arti01 .dia_sec > ul > li {position:absolute;width:44%;padding:25px 110px 25px 0;color:#333;text-align:center;box-sizing:border-box;}
.s0304 .arti01 .dia_sec > ul > li.dia01 {left:0;top:0;}
.s0304 .arti01 .dia_sec > ul > li.dia02 {right:0;top:0;}
.s0304 .arti01 .dia_sec > ul > li.dia03 {left:0;bottom:0;}
.s0304 .arti01 .dia_sec > ul > li.dia04 {right:0;bottom:0;}
.s0304 .arti01 .dia_sec .box {padding:30px 120px 30px 20px;background:#fff;border:solid 3px #abc0dd;border-radius:10px;line-height:26px;box-sizing:border-box;}
.s0304 .arti01 .dia_sec .cc {position:absolute;right:0;top:0;bottom:0;width:220px;height:100%;padding:60px 10px;background:#fff;border-radius:100%;font-size:20px;font-weight:500;box-sizing:border-box;}
.s0304 .arti01 .dia_sec .cc:after {content:"";position:absolute;width:24px;height:24px;background:#fff;border-radius:50px;box-sizing:border-box;}
.s0304 .arti01 .dia_sec > ul > li:nth-child(even) {padding:25px 0 25px 110px;}
.s0304 .arti01 .dia_sec > ul > li:nth-child(even) .box {padding:30px 20px 30px 120px;}
.s0304 .arti01 .dia_sec > ul > li:nth-child(even) .cc {right:auto;left:0;}
.s0304 .arti01 .dia_sec > ul > li.dia01 .cc {border:solid 20px #1665c1;}
.s0304 .arti01 .dia_sec > ul > li.dia02 .cc {border:solid 20px #2fb3f1;}
.s0304 .arti01 .dia_sec > ul > li.dia03 .cc {border:solid 20px #1e85e4;}
.s0304 .arti01 .dia_sec > ul > li.dia04 .cc {border:solid 20px #014099;}
.s0304 .arti01 .dia_sec > ul > li.dia01 .cc:after {right:-32px;top:50%;margin-top:-12px;border:solid 7px #084f9f;}
.s0304 .arti01 .dia_sec > ul > li.dia02 .cc:after {left:50%;bottom:-32px;margin-left:-12px;border:solid 7px #1e85e4;}
.s0304 .arti01 .dia_sec > ul > li.dia03 .cc:after {left:50%;top:-32px;margin-left:-12px;border:solid 7px #1665c1;}
.s0304 .arti01 .dia_sec > ul > li.dia04 .cc:after {left:-32px;top:50%;margin-top:-12px;border:solid 7px #003581;}
.s0304 .arti01 .btm_box {text-align:center;}
.s0304 .arti01 .btm_box:before {content:"";display:block;height:100px;background:url(../images/sub/s0304_arti01_arr.png) no-repeat center center;}
.s0304 .arti01 .btm_box > span {display:block;width:60%;margin:0 auto;padding:25px 10px;background:#f47e12;border-radius:10px;font-size:24px;font-weight:500;color:#fff;box-sizing:border-box;}
.s0304 .arti02 .box_info {margin:0 -15px;}
.s0304 .arti02 .box_info > ul {display:table;width:100%;table-layout:fixed;border-spacing:15px 0;}
.s0304 .arti02 .box_info > ul > li {display:table-cell;padding:18px 10px;border:solid 3px #abc0dd;border-radius:10px;font-size:18px;font-weight:500;color:#333;text-align:center;vertical-align:middle;box-sizing:border-box;}
.s0304 .arti02 .btm_btns .btn_ty {display:block;width:30%;height:80px;margin:20px 20px 0 0;padding:25px 10px;font-size:20px;font-weight:500; float: left; }
/*.s0304 .arti02 .btm_btns .btn_ty:first-child {margin:0}*/

/* s0305 : 윤리경영 */
/* s030501 : 윤리헌장 */
.s030501 .arti01:before {content:"";position:absolute;left:0;top:0;width:53%;height:100%;background:url(../images/sub/s030501_arti01_img.png) no-repeat left top;background-size:100% auto;}
.s030501 .arti01:after {content:"";display:block;clear:both;}
.s030501 .arti01 .box {position:relative;float:right;width:58%;margin:40px 0;padding:60px 70px;background:#fff;font-size:18px;color:#333;z-index:1;box-sizing:border-box;}
.s030501 .arti01 .box .tit {position:relative;margin-bottom:30px;padding-bottom:30px;font-size:26px;font-weight:500;color:#111;}
.s030501 .arti01 .box .tit:after {content:"";position:absolute;left:0;bottom:0;width:65px;height:2px;background:#ff6f00;}
.s030501 .arti02 .cc_sec {position:relative;padding:50px 0;font-weight:500;text-align:center;}
.s030501 .arti02 .cc_sec:before {content:"";display:block;height:420px;background:url(../images/sub/s030501_arti02_cc.png) no-repeat center top;background-size:auto 100%;}
.s030501 .arti02 .cc_sec > dt {position:absolute;left:42%;top:50%;width:16%;margin-top:-15px;padding:0 20px;font-size:30px;color:#111;box-sizing:border-box;}
.s030501 .arti02 .cc_sec > dd {position:absolute;width:20%;font-size:20px;color:#333;box-sizing:border-box;}
.s030501 .arti02 .cc_sec > dd:after {content:"";position:absolute;width:24px;height:24px;background:#1e88e5;border:solid 7px #a0d1fb;border-radius:50px;box-sizing:border-box;}
.s030501 .arti02 .cc_sec > dd.cc01 {top:0;left:40%;padding-bottom:32px;}
.s030501 .arti02 .cc_sec > dd.cc02 {top:38%;right:16%;margin-right:5px;padding-left:40px;text-align:left;}
.s030501 .arti02 .cc_sec > dd.cc03 {bottom:17%;right:19%;padding-left:40px;text-align:left;}
.s030501 .arti02 .cc_sec > dd.cc04 {bottom:17%;left:19%;padding-right:40px;text-align:right;}
.s030501 .arti02 .cc_sec > dd.cc05 {top:38%;left:16%;margin-left:5px;padding-right:40px;text-align:right;}
.s030501 .arti02 .cc_sec > dd.cc01:after {left:50%;bottom:0;margin-left:-12px;}
.s030501 .arti02 .cc_sec > dd.cc02:after, .s030501 .arti02 .cc_sec > dd.cc03:after {left:0;top:3px;}
.s030501 .arti02 .cc_sec > dd.cc04:after, .s030501 .arti02 .cc_sec > dd.cc05:after {right:0;top:3px;}

/* s0306 : 사회공헌 */
.s0306 .arti01 .dia_box {position:relative;padding:40px;border:solid 7px #dee1e7;box-sizing:border-box;}
.s0306 .arti01 .dia_box dt {margin:240px auto 140px;font-size:26px;font-weight:700;color:#111;text-align:center;line-height:36px;}
.s0306 .arti01 .dia_box dd {position:absolute;width:36%;padding:51px 0 51px 200px;color:#333;line-height:26px;box-sizing:border-box;}
.s0306 .arti01 .dia_box dd.cc01 {top:40px;left:44%;}
.s0306 .arti01 .dia_box dd.cc02 {right:40px;bottom:40px;}
.s0306 .arti01 .dia_box dd.cc03 {left:40px;bottom:40px;padding:51px 200px 51px 0;text-align:right;}
.s0306 .arti01 .dia_box dd:after {content:"";position:absolute;width:100%;height:1px;background:#1565c0;z-index:-1;}
.s0306 .arti01 .dia_box dd.cc01:after {right:10%;top:120%;transform:rotate(45deg);}
.s0306 .arti01 .dia_box dd.cc02:after {right:80%;top:50%;}
.s0306 .arti01 .dia_box dd.cc03:after {right:-57%;bottom:120%;transform:rotate(-45deg);}
.s0306 .arti01 .dia_box dd > span {position:absolute;left:0;top:0;width:180px;padding:22px 10px;background:#fff;border-radius:100%;font-size:20px;font-weight:500;text-align:center;box-sizing:border-box;}
.s0306 .arti01 .dia_box dd.cc01 > span {border:solid 15px #0d47a1;}
.s0306 .arti01 .dia_box dd.cc02 > span {border:solid 15px #1e88e5;}
.s0306 .arti01 .dia_box dd.cc03 > span {left:auto;right:0;border:solid 15px #1565c0;}
.s0306 .arti01 .dia_box dd > span:before {content:"";display:block;height:76px;margin-bottom:4px;background-size:auto 100% !important;}
.s0306 .arti01 .dia_box dd.cc01 > span:before {background:url(../images/sub/s0306_arti01_ico01.png) no-repeat center top;}
.s0306 .arti01 .dia_box dd.cc02 > span:before {background:url(../images/sub/s0306_arti01_ico02.png) no-repeat center top;}
.s0306 .arti01 .dia_box dd.cc03 > span:before {background:url(../images/sub/s0306_arti01_ico03.png) no-repeat center top;}
.s0306 .arti02 .img_box {margin:0 -20px;}
.s0306 .arti02 .img_box > ul {display:table;width:100%;table-layout:fixed;border-spacing:20px 0;}
.s0306 .arti02 .img_box > ul > li {display:table-cell;background:#e8f0f6;text-align:center;color:#333;vertical-align:top;box-sizing:border-box;}
.s0306 .arti02 .img_box .tit {padding:50px 20px;font-size:23px;font-weight:500;color:#fff;background-size:100% 100% !important;box-sizing:border-box;}
.s0306 .arti02 .img_box > ul > li.img01 .tit {background:url(../images/sub/s0306_arti02_img01.png) no-repeat center top;}
.s0306 .arti02 .img_box > ul > li.img02 .tit {background:url(../images/sub/s0306_arti02_img02.png) no-repeat center top;}
.s0306 .arti02 .img_box > ul > li.img03 .tit {background:url(../images/sub/s0306_arti02_img03.png) no-repeat center top;}
.s0306 .arti02 .img_box .txt {padding:30px;line-height:26px;box-sizing:border-box;}
.s0306 .img_info {position:relative;padding:0 0 50px;box-sizing:border-box;}
.s0306 .img_info:after {content:"";position:absolute;top:50px;right:0;bottom:0;left:50px;background:#f3f3f3;z-index:-1;}
.s0306 .img_info > dl {display:table;width:100%;table-layout:fixed;}
.s0306 .img_info > dl > dt {display:table-cell;width:47%;vertical-align:top;box-sizing:border-box;}
.s0306 .img_info > dl > dd {display:table-cell;padding:70px 80px 20px;font-weight:300;vertical-align:middle;box-sizing:border-box;word-break: keep-all}
.s0306 .img_info .tit {margin-bottom:20px;font-size:20px;font-weight:500;color:#333;}
.s0306 .img_info .stit {font-weight:400;color:#333;line-height:26px;}

.s030601 .certi_info {margin:0 -60px;}
.s030601 .certi_info > ul {display:table;width:100%;table-layout:fixed;border-spacing:60px 0;}
.s030601 .certi_info > ul > li {display:table-cell;position:relative;padding:0 15px 15px 0;vertical-align:top;box-sizing:border-box;}
.s030601 .certi_info > ul > li:after {content:"";position:absolute;top:15px;right:0;bottom:0;left:15px;background:#efefef;z-index:-1;}


/** s04 : 홍보센터 **/
/* s0402 : CI/BI 소개 */
.s0402 .info_sec {display:table;width:100%;table-layout:fixed;}
.s0402 .info_sec > dt {display:table-cell;width:32%;vertical-align:top;box-sizing:border-box;}
.s0402 .info_sec > dd {display:table-cell;padding:10px 130px 70px;color:#333;vertical-align:middle;box-sizing:border-box;}
.s0402 .info_sec .box {padding:70px 10px;background:#fff;border:solid 1px #dbdbdb;text-align:center;box-sizing:border-box;}
.s0402 .info_sec .box > img {width:auto;max-width:100%;}
.s0402 .info_sec .btm_btns {margin-top:30px;}
.s0402 .info_sec .btm_btns .btn_ty {min-width:36%;}
.s0402 .info_sec > dd .tit {position:relative;padding:36px 0;font-size:28px;font-weight:500;color:#333;line-height:42px;box-sizing:border-box;}
.s0402 .info_sec > dd .tit:before {content:"";position:absolute;left:-34px;top:0;width:34px;height:26px;background:url(../images/sub/s040201_dot01.png) no-repeat center center;}
.s0402 .info_sec > dd .tit:after {content:"";position:absolute;right:-34px;bottom:0;width:34px;height:26px;background:url(../images/sub/s040201_dot02.png) no-repeat center center;}

/* 파밀리에추가 */
.mt20 {
    margin-top: 20px;
}
.s0402 .familie_bi .info_sec > dd .tit:before {content:"";position:absolute;left:-34px;top:0;width:34px;height:26px;background:url(../images/sub/s040201_dot03.png) no-repeat center center;}
.s0402 .familie_bi .info_sec > dd .tit:after {content:"";position:absolute;right:-34px;bottom:0;width:34px;height:26px;background:url(../images/sub/s040201_dot04.png) no-repeat center center;}
.s0402 .familie_bi .info_sec > dd span {
    font-weight: bold;
    color: #111;
}
.s0402 .familie_bi .info_sec > dd .tit {
    display: inline;
}
.s0402 .familie_bi .info_sec .box {
    padding: 0;
}
.sub_cont > section > .s040202 .arti02.familie_bi .arti_tit, .sub_cont > section > .s040202 .arti02.familie_bi .arti_stit {
    color: #fff !important;
}
.s040202 .arti02.familie_bi {background:url(../images/sub/s040201_sec03_bg02.png) repeat left top !important; color: #fff !important;}
.s040202 .arti03.familie_bi {background:url(../images/sub/s040201_sec03_bg.png) repeat left top !important;}
.s040202 .arti02.familie_bi .arti_slo {
    font-size: 28px;
    text-align: center;
}
.s040202 .arti02.familie_bi .arti_value_wrap {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.s040202 .arti02.familie_bi .arti_value_wrap .arti_value {
    text-align: center;
}
.s040202 .arti02.familie_bi .arti_value_wrap .arti_value h3 {
    font-size: 28px;
    margin-bottom: 28px;
}
.s040202 .arti02.familie_bi .arti_value_wrap .arti_value p {
    font-weight: 300;
    line-height: 1.4em;
}
.s0402.familie_bi .box_sec > ul > li.ty03 > p > span {display:inline-block;margin-left:7px;font-weight:500;color:#111;vertical-align:top;} 
.s0402.familie_bi .box_sec > ul > li.pt_bg:before {
    width: 140px; height: 140px;
}
.s0402.familie_bi .box_sec > ul > li.ty03 > p {
    line-height: 1.3em;
}
.sub_cont > section > article.full.familie_bi .arti_sub {
    padding: 80px 0;
}
.s0402 .box_sec > ul > li.pt01:before {background:#10218b;}
.s0402 .box_sec > ul > li.pt02:before {background:rgb(0,58,48);}
.s0402 .box_sec > ul > li.pt03:before {background:#585858;}
.s0402 .box_sec > ul > li.pt04:before {background:#f22590;}
.s0402 .box_sec > ul > li.pt05:before {background:#ffff7d;}
.s0402 .box_sec > ul > li.pt06:before {background:rgb(230,218,204);}
.s0402 .box_sec > ul > li.pt07:before {background:rgb(174,168,165);}
.s0402 .box_sec > ul > li.pt08:before {background:rgb(53,50,47);}
/* 파밀리에추가끝 */


.s0402 .info_sec > dd .tit > span {color:#014099;}

.s0402 .box_sec {margin:15px -15px 0;}
.s0402 .box_sec > ul {display:table;width:100%;table-layout:fixed;border-spacing:15px 0;}
.s0402 .box_sec > ul > li {display:table-cell;padding:70px 10px;background:#fff;border:solid 1px #dbdbdb;text-align:center;vertical-align:middle;box-sizing:border-box;}
.s0402 .box_sec > ul > li > img {width:auto;max-width:100%;margin:0 10px;}
.s0402 .box_sec > ul > li.ty02 {width:30%;padding:20px 30px 50px;}
.s0402 .box_sec > ul > li.ty02 .arti_stit {text-align:left;}
.s0402 .box_sec > ul > li.ty03 {padding:10px 20px 10px 0;background:none;border:none;font-size:18px;color:#333;text-align:left;}
.s0402 .box_sec > ul > li.ty03 > p {display:inline-block;line-height:26px;vertical-align:middle;}
.s0402 .box_sec > ul > li.ty03 > p > span {display:inline-block;margin-left:15px;font-weight:500;color:#111;vertical-align:top;}
.s0402 .box_sec > ul > li.grid {background:url(../images/sub/s040201_box_grid.png) repeat left top;}
.s0402 .box_sec > ul > li.pt_bg:before {content:"";display:inline-block;width:100px;height:100px;margin-right:20px;vertical-align:middle;}

.s040201 .arti02 {background:#edf2f7;}
.s040201 .arti03 {margin:0;background:url(../images/sub/s040201_sec03_bg.png) repeat left top;}
.s040201 .arti04 {margin:0;background:#ebf1f6;}
.s040202 .arti02 {background:url(../images/sub/s040201_sec03_bg.png) repeat left top;}
.s040202 .arti03 {margin:0;background:#e8eff5;}

/* s0403 : 브랜드소개 */
.s0403 .arti01 .img_sec > li {margin-top:70px;}
.s0403 .arti01 .img_se c dl {display:table;width:100%;table-layout:fixed;}
.s0403 .arti01 .img_sec dl > dt {display:table-cell;position:relative;padding:0 0 30px 30px;vertical-align:top;box-sizing:border-box;}
.s0403 .arti01 .img_sec dl > dt:after {content:"";position:absolute;left:0;right:30px;top:30px;bottom:0;background:#e8f0f6;z-index:-1;}
.s0403 .arti01 .img_sec dl > dd {display:table-cell;position:relative;padding:0 30px 0 65px;font-size:18px;color:#333;line-height:38px;vertical-align:middle;box-sizing:border-box;}
.s0403 .arti01 .img_sec dl > dd:before {content:"";display:block;position:relative;width:160px;height:2px;margin:0 0 50px -110px;background:#1e88e5;z-index:1;}
.s0403 .arti01 .img_sec dl > dd > span {font-weight:500;color:#014099;}
.s0403 .arti01 .img_sec > li.sec01 dl > dt {width:65%;}
.s0403 .arti01 .img_sec > li.sec02 dl > dt {width:50%;padding:0 30px 30px 0;}
.s0403 .arti01 .img_sec > li.sec02 dl > dt:after {left:30px;right:0;top:30px;bottom:0;}
.s0403 .arti01 .img_sec > li.sec02 dl > dd {padding:0 65px 0 30px;text-align:right;}
.s0403 .arti01 .img_sec > li.sec02 dl > dd:before {margin:0 0 50px 93%;}
.s0403 .arti01 .img_sec > li.sec03 dl > dt {width:49%;}
.s0403 .arti02 .ico_sec {margin:0 -35px;}
.s0403 .arti02 .ico_sec > ul {display:table;width:100%;table-layout:fixed;border-spacing:35px 0;}
.s0403 .arti02 .ico_sec > ul > li {display:table-cell;padding:40px 20px;border-radius:5px;font-weight:300;color:#333;line-height:26px;text-align:center;vertical-align:middle;box-sizing:border-box;}
.s0403 .arti02 .ico_sec > ul > li.ico01 {border:solid 5px #90caf9;}
.s0403 .arti02 .ico_sec > ul > li.ico02 {border:solid 5px #64b5f6;}
.s0403 .arti02 .ico_sec > ul > li.ico03 {border:solid 5px #42a5f5;}
.s0403 .arti02 .ico_sec > ul > li.ico04 {border:solid 5px #1e88e5;}
.s0403 .arti02 .ico_sec .tit {margin-bottom:10px;font-size:20px;font-weight:500;color:#0d47a1;}
.s0403 .arti02 .ico_sec .tit:before {content:"";display:block;height:120px;margin-bottom:20px;background-size:auto 100% !important;}
.s0403 .arti02 .ico_sec > ul > li.ico01 .tit:before {background:url(../images/sub/s0403_arti02_ico01.png) no-repeat center top;}
.s0403 .arti02 .ico_sec > ul > li.ico02 .tit:before {background:url(../images/sub/s0403_arti02_ico02.png) no-repeat center top;}
.s0403 .arti02 .ico_sec > ul > li.ico03 .tit:before {background:url(../images/sub/s0403_arti02_ico03.png) no-repeat center top;}
.s0403 .arti02 .ico_sec > ul > li.ico04 .tit:before {background:url(../images/sub/s0403_arti02_ico04.png) no-repeat center top;}


/** s5 : 인재채용 **/
/* s0501 : 인재상&인사제도 */
.s0501_top {margin-bottom:40px;font-size:18px;font-weight:300;color:#333;text-align:center;line-height:28px;}
.s0501_top:before {content:"";display:inline-block;width:55px;height:55px;margin:0 -30px -15px 0;background:url(../images/sub/s02_top_dot.png) no-repeat center center;vertical-align:super;}
.s0501_top > span {font-weight:700;color:#014099;}

/* s050101 : 인재상 */
.s050101 .arti01 .img_box {position:relative;margin-bottom:30px;overflow:hidden;}
.s050101 .arti01 .img_box > p {position:absolute;left:-50%;top:50%;width:50%;margin-top:-130px;font-size:28px;font-weight:500;color:#111;text-align:center;line-height:60px;z-index:1;animation:s050101_txtView 2s forwards;}
.s050101 .arti01 .img_box > p > span {font-size:55px;}
.s050101 .arti01 .img_box > p:before {content:"";display:block;height:50px;background:url(../images/sub/s050101_arti01_dot01.png) no-repeat center top;opacity:0;animation:s050101_dotView 3s 1s forwards;}
.s050101 .arti01 .img_box > p:after {content:"";display:block;height:60px;background:url(../images/sub/s050101_arti01_dot02.png) no-repeat center bottom;opacity:0;animation:s050101_dotView 3s 1s forwards;}
@keyframes s050101_txtView {0% {left:-50%;}100% {left:0;}}
@keyframes s050101_dotView {0% {opacity:0;}100% {opacity:1;}}
.s050101 .arti01 .de_txt {text-align:center;}
.s050101 .arti02 .dia_sec {padding:0 50px;box-sizing:border-box;}
.s050101 .arti02 .sec_tit {width:62%;margin:0 auto 40px;padding:25px 20px;background:#0d47a1;border-radius:10px;font-size:24px;font-weight:500;color:#fff;text-align:center;box-sizing:border-box;}
.s050101 .arti02 .sec_cent_tit {position:relative;width:62%;margin:100px auto;padding:30px 20px;background:#0085d6;border-radius:10px;font-size:28px;font-weight:500;color:#fff;text-align:center;box-sizing:border-box;}
.s050101 .arti02 .ico_box {margin:0 -40px;}
.s050101 .arti02 .ico_box > ul {display:table;width:100%;table-layout:fixed;border-spacing:40px 0;}
.s050101 .arti02 .ico_box > ul > li {display:table-cell;position:relative;padding:40px 20px;border:solid 5px #abc0dd;border-radius:10px;font-size:20px;color:#333;text-align:center;vertical-align:top;box-sizing:border-box;word-break: keep-all}
.s050101 .arti02 .ico_box > ul > li:after {content:"";position:absolute;bottom:-80px;width:30px;height:50px;background:url(../images/sub/s050101_arti02_arr.png) no-repeat center center;background-size:auto 100%;}
.s050101 .arti02 .ico_box > ul > li.ico01:after {right:40px;transform:rotate(-45deg);}
.s050101 .arti02 .ico_box > ul > li.ico02:after {left:50%;margin-left:-15px;}
.s050101 .arti02 .ico_box > ul > li.ico03:after {left:40px;transform:rotate(45deg);}
.s050101 .arti02 .ico_box > ul > li.ico04:after {top:-80px;bottom:auto;right:40px;transform:rotate(-135deg);}
.s050101 .arti02 .ico_box > ul > li.ico05:after {top:-80px;bottom:auto;left:50%;margin-left:-15px;transform:rotate(180deg);}
.s050101 .arti02 .ico_box > ul > li.ico06:after {top:-80px;bottom:auto;left:40px;transform:rotate(135deg);}
.s050101 .arti02 .ico_box .tit {margin-bottom:15px;font-size:28px;font-weight:500;color:#111;}
.s050101 .arti02 .ico_box .tit:before {content:"";display:block;height:130px;margin-bottom:20px;background-size:auto 100% !important;}
.s050101 .arti02 .ico_box > ul > li.ico01 .tit:before {background:url(../images/sub/s050101_arti02_ico01.png) no-repeat center center;}
.s050101 .arti02 .ico_box > ul > li.ico02 .tit:before {background:url(../images/sub/s050101_arti02_ico02.png) no-repeat center center;}
.s050101 .arti02 .ico_box > ul > li.ico03 .tit:before {background:url(../images/sub/s050101_arti02_ico03.png) no-repeat center center;}
.s050101 .arti02 .ico_box > ul > li.ico04 .tit:before {background:url(../images/sub/s050101_arti02_ico04.png) no-repeat center center;}
.s050101 .arti02 .ico_box > ul > li.ico05 .tit:before {background:url(../images/sub/s050101_arti02_ico05.png) no-repeat center center;}
.s050101 .arti02 .ico_box > ul > li.ico06 .tit:before {background:url(../images/sub/s050101_arti02_ico06.png) no-repeat center center;}

/* s050102 : 인사제도 */
.s050102 .arti01 .grad_box {display:table;width:100%;background:#e8eff5;table-layout:fixed;border-spacing:80px;}
.s050102 .arti01 .grad_box > li {display:table-cell;position:relative;height:105px;padding:10px;font-size:18px;color:#333;text-align:center;vertical-align:middle;box-sizing:border-box;}
.s050102 .arti01 .grad_box > li > p {display:block;height:100%;/*position:relative;z-index:1;*/}
.s050102 .arti01 .grad_box > li > p:before {content:"";position:absolute;left:-80px;top:0;height:100%;width:80px;background:url(../images/sub/s050102_arti01_arr.png) no-repeat center center;}
.s050102 .arti01 .grad_box > li:first-child > p:before {display:none;}
.s050102 .arti01 .grad_box > li > p:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;border-radius:100%;}
.s050102 .arti01 .grad_box > li > p > span {display:block;position:relative;padding:25px 0 0;box-sizing:border-box;z-index:1;}
.s050102 .arti02 .ico_sec {margin-left:-45px;}
.s050102 .arti02 .ico_sec > ul {display:table;width:100%;table-layout:fixed;}
.s050102 .arti02 .ico_sec > ul > li {display:table-cell;position:relative;padding:50px 90px;vertical-align:top;box-sizing:border-box;}
.s050102 .arti02 .ico_sec > ul > li:before {content:"";display:inline-block;width:110px;height:110px;margin-right:60px;vertical-align:middle;}
.s050102 .arti02 .ico_sec > ul > li.ico01:before {background:url(../images/sub/s050102_arti02_ico01.png) no-repeat center center;}
.s050102 .arti02 .ico_sec > ul > li.ico02:before {background:url(../images/sub/s050102_arti02_ico02.png) no-repeat center center;}
.s050102 .arti02 .ico_sec > ul > li:after {content:"";position:absolute;right:0;left:45px;top:0;height:100%;border:solid 7px #dee1e7;box-sizing:border-box;}
.s050102 .arti02 .ico_sec .info {display:inline-block;vertical-align:middle;}
.s050102 .arti02 .ico_sec .info .tit {margin-bottom:15px;padding-bottom:15px;border-bottom:solid 2px #333;font-size:26px;color:#014099;box-sizing:border-box;}
.s050102 .arti03 .dia_sec {width:69%;margin:0 auto;}
.s050102 .arti03 .dia_sec .top {position:relative;margin:0 -80px;}
.s050102 .arti03 .dia_sec .top:before {content:"";position:absolute;left:80px;right:80px;top:30px;height:2px;background:#dbdbdb;z-index:-1;}
.s050102 .arti03 .dia_sec .top:after {content:"";position:absolute;left:50%;top:0;bottom:-20px;width:2px;background:#dbdbdb;z-index:-2;}
.s050102 .arti03 .dia_sec .top > ul {display:table;width:100%;table-layout:fixed;border-spacing:80px 0;}
.s050102 .arti03 .dia_sec .top > ul > li {display:table-cell;position:relative;vertical-align:top;}
.s050102 .arti03 .dia_sec .top > ul > li:after {content:"";position:absolute;left:0;top:75px;bottom:0;width:100%;background:#fff;border:solid 3px #1e88e5;border-radius:10px;z-index:-1;box-sizing:border-box;}
.s050102 .arti03 .dia_sec .top > ul > li .tit {position:relative;margin-bottom:15px;padding:15px 10px;background:#1565c0;border-radius:10px;font-size:20px;font-weight:500;color:#fff;text-align:center;box-sizing:border-box;}
.s050102 .arti03 .dia_sec .top > ul > li .tit:after {content:"";position:absolute;left:-12px;top:50%;width:24px;height:24px;margin-top:-12px;background:#fff;border:solid 8px #084f9f;border-radius:50px;box-sizing:border-box;}
.s050102 .arti03 .dia_sec .top > ul > li:first-child .tit:after {left:auto;right:-12px;}
.s050102 .arti03 .dia_sec .top > ul > li.cent .tit:after {left:50%;top:auto;bottom:-12px;margin:0 0 0 -12px;border:solid 8px #e16d06;}
.s050102 .arti03 .dia_sec .top > ul > li.cent:after {display:none;}
.s050102 .arti03 .dia_sec .top > ul > li.cent .tit {background:#f57f17;}
.s050102 .arti03 .dia_sec .top > ul > li .box {padding:20px 15px;box-sizing:border-box;}
.s050102 .arti03 .dia_sec .btm {position:relative;margin-top:20px;padding:20px;border:solid 3px #29b6f6;border-radius:10px;font-size:20px;font-weight:500;color:#111;text-align:center;box-sizing:border-box;}
.s050102 .arti03 .dia_sec .btm:before {content:"";position:absolute;left:50%;top:-12px;width:24px;height:24px;margin-left:-12px;background:#fff;border:solid 8px #1e88e5;border-radius:50px;box-sizing:border-box;}

/* s050103 : 인재육성 */
.s050103 .dia_sec {position:relative;text-align:center;}
.s050103 .dia_sec:after {content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;height:100%;margin-left:-1px;background:#dbdbdb;z-index:-1;}
.s050103 .dia_sec .top_tit {position:relative;width:45%;margin:0 auto;padding:25px 20px;background:#0d47a1;border-radius:10px;font-size:24px;font-weight:500;color:#fff;text-align:center;box-sizing:border-box;}
.s050103 .dia_sec .top_tit:after {content:"";position:absolute;left:50%;bottom:-12px;width:24px;height:24px;margin-left:-12px;background:#fff;border:solid 8px #003581;border-radius:50px;box-sizing:border-box;}
.s050103 .dia_sec .cent_tit {position:relative;margin:70px auto 110px;}
.s050103 .dia_sec .cent_tit:before {content:"";position:absolute;left:50%;bottom:-12px;width:24px;height:24px;margin-left:-12px;background:#fff;border:solid 8px #003581;border-radius:50px;box-sizing:border-box;}
.s050103 .dia_sec .cent_tit > span {display:inline-block;width:180px;padding:40px 10px;background:#fff;border:solid 24px #1565c0;border-radius:100%;font-size:20px;font-weight:500;color:#333;line-height:26px;vertical-align:top;box-sizing:border-box;}
.s050103 .dia_sec .btm_box {position:relative;margin:0 -20px;}
.s050103 .dia_sec .btm_box:before {content:"";position:absolute;left:150px;right:150px;top:-48px;height:2px;background:#dbdbdb;z-index:-1;}
.s050103 .dia_sec .btm_box > ul {display:table;width:100%;table-layout:fixed;border-spacing:20px 0;}
.s050103 .dia_sec .btm_box > ul > li {display:table-cell;position:relative;height:140px;padding:0 10px;background:#fff;border:solid 3px #1565c0;border-radius:10px;font-size:18px;font-weight:500;color:#333;line-height:26px;vertical-align:middle;box-sizing:border-box;}
.s050103 .dia_sec .btm_box > ul > li:before {content:"";position:absolute;left:50%;top:-50px;width:2px;height:50px;margin-left:-1px;background:#dbdbdb;z-index:-1;}
.s050103 .dia_sec .btm_box > ul > li:nth-child(3):before {display:none;}
.s050103 .ico_box {position:relative;margin:35px -50px 0;}
.s050103 .ico_box > ul {display:table;width:100%;table-layout:fixed;border-spacing:50px 0;}
.s050103 .ico_box > ul > li {display:table-cell;position:relative;padding:0 50px 50px;border:solid 3px #e3f0f6;border-radius:10px;vertical-align:top;box-sizing:border-box;}
.s050103 .ico_box .tit {margin:0 -50px 50px;padding:25px 20px;background:#e3f0f6;font-size:24px;font-weight:500;color:#111;text-align:center;box-sizing:border-box;}
.s050103 .ico_box .tit:before {content:"";display:block;height:70px;margin-bottom:20px;}
.s050103 .ico_box > ul > li.ico01 .tit:before {background:url(../images/sub/s050103_ico01.png) no-repeat center center;}
.s050103 .ico_box > ul > li.ico02 .tit:before {background:url(../images/sub/s050103_ico02.png) no-repeat center center;}
.s050103 .ico_box > ul > li.ico03 .tit:before {background:url(../images/sub/s050103_ico03.png) no-repeat center center;}
.s050103 .ico_box .cc_info > li {padding:20px 0 0 15px;font-size:18px;color:#333;line-height:26px;}
.s050103 .ico_box .cc_info > li:before {top:32px;}
.s050103 .ico_box .cc_info > li:first-child {padding:0 0 0 15px;}
.s050103 .ico_box .cc_info > li:first-child:before {top:12px;}
.s050103 .ico_box .dash_info > li {padding:10px 0 0 15px;font-size:16px;color:#555;}
.s050103 .ico_box .dash_info > li:before {top:24px;}

/* s050104 : 복리후생 */
.s050104 .arti01 .at_scont {position:relative;margin-top:70px;padding-bottom:40px;}
.s050104 .arti01 .at_scont:after {content:"";position:absolute;left:140px;right:100px;top:40px;bottom:0;background:#eff7fd;z-index:-1;}
.s050104 .arti01 .img_info {display:table;width:100%;table-layout:fixed;}
.s050104 .arti01 .img_info > dt {display:table-cell;width:54%;vertical-align:bottom;box-sizing:border-box;}
.s050104 .arti01 .img_info > dd {display:table-cell;padding:30px 0;font-size:28px;font-weight:500;color:#333;text-align:center;line-height:48px;vertical-align:bottom;box-sizing:border-box;}
.s050104 .arti01 .img_info > dd:before {content:"";display:block;height:30px;margin-bottom:20px;background:url(../images/sub/s050101_arti01_dot01.png) no-repeat center center;}
.s050104 .arti01 .img_info > dd:after {content:"";display:block;height:30px;margin-top:20px;background:url(../images/sub/s050101_arti01_dot02.png) no-repeat center center;}
.s050104 .arti01 .img_info > dd > span {font-size:40px;}

/* s0502 : 채용가이드 */
/* s050201 : 채용절차 */
.s050201 .arti01 {border:solid 1px #dbdbdb;box-sizing:border-box;padding:60px 70px;}
.s050201 .arti01 .text_box {padding-top: 70px}
.s050201 .arti01 .text_box .arti_tit {padding-right: 30px}
.s050201 .arti01 .text_box > * {display: inline-block}
.s050201 .arti01 .text_box > ul span {padding: 0 25px; position: relative; margin-left: 30px}
.s050201 .arti01 .text_box > ul span:before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 22px; height: 17px; background: url(../images/sub/s050201_arti02_ico01.png) no-repeat left center}
.s050201 .arti01 .text_box > ul a {display: inline-block}

.s050201 .arti01 .box > ul {display:table;width:100%;table-layout:fixed;}
.s050201 .arti01 .box > ul > li {display:table-cell;position:relative;height:163px;padding-left:4.4%;font-size:18px;font-weight:500;color:#000;text-align:center;vertical-align:middle;}
.s050201 .arti01 .box > ul > li:before {content:"";position:absolute;left:0;top:0;bottom:0;width:25%;height:100%;background:url(../images/sub/s050201_arti01_arr.png) no-repeat center center;}
.s050201 .arti01 .box > ul > li.ico01 {width:13%;padding:0;}
.s050201 .arti01 .box > ul > li.ico01:before {display:none;}
.s050201 .arti01 .box > ul > li > p {height:100%;padding:40px 0 0;box-sizing:border-box;}
.s050201 .arti01 .box > ul > li > p:before {content:"";display:block;height:40px;margin-bottom:10px;}
.s050201 .arti01 .box > ul > li.ico01 > p:before {background:url(../images/sub/s050201_arti01_ico01.png) no-repeat center top;}
.s050201 .arti01 .box > ul > li.ico02 > p:before {background:url(../images/sub/s050201_arti01_ico02.png) no-repeat center top;}
.s050201 .arti01 .box > ul > li.ico03 > p:before {background:url(../images/sub/s050201_arti01_ico03.png) no-repeat center top;}
.s050201 .arti01 .box > ul > li.ico04 > p:before {background:url(../images/sub/s050201_arti01_ico04.png) no-repeat center top;}
.s050201 .arti01 .box > ul > li.ico05 > p:before {background:url(../images/sub/s050201_arti01_ico05.png) no-repeat center top;}
.s050201 .arti01 .box > ul > li.ico06 > p:before {background:url(../images/sub/s050201_arti01_ico06.png) no-repeat center top;}
.s050201 .arti01 .box > ul > li > p:after {content:"";position:absolute;left:25%;right:0;top:0;height:100%;border-radius:100%;box-sizing:border-box;}
.s050201 .arti01 .box > ul > li.ico01 > p:after {left:0;}
.s050201 .arti01 .box > ul > li.ico01 > p:after {border:solid 5px #bbdefb;}
.s050201 .arti01 .box > ul > li.ico02 > p:after {border:solid 5px #90caf9;}
.s050201 .arti01 .box > ul > li.ico03 > p:after {border:solid 5px #50c3f8;}
.s050201 .arti01 .box > ul > li.ico04 > p:after {border:solid 5px #4dd0e1;}
.s050201 .arti01 .box > ul > li.ico05 > p:after {border:solid 5px #1e88e5;}
.s050201 .arti01 .box > ul > li.ico06 > p:after {border:solid 5px #ff6f00;}
.s050201 .arti02 .cc_info > li {padding:0 0 20px 15px;font-size:18px;color:#333;line-height:40px;}
.s050201 .arti02 .cc_info > li:before {top:18px;}
.s050201 .arti02 .cc_info > li:after {content:"";display:block;clear:both;}
.s050201 .arti02 .cc_info .blt {display:inline-block;position:relative;margin-left:20px;padding-left:20px;color:#555;vertical-align:top;box-sizing:border-box;}
.s050201 .arti02 .cc_info .blt:before {content:"";position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background:#a5a5a5;}
.s050201 .arti02 .cc_info .btn_ty {float:right;}
.s050201 .arti02 .cc_info .ico01 {display:inline-block;position:relative;padding-left:30px;vertical-align:top;box-sizing:border-box;}
.s050201 .arti02 .cc_info .ico02 {display:inline-block;position:relative;margin-left:30px;padding-left:30px;text-decoration:underline;vertical-align:top;box-sizing:border-box;}
.s050201 .arti02 .cc_info .ico01:before {content:"";position:absolute;left:0;top:0;width:30px;height:40px;background:url(../images/sub/s050201_arti02_ico01.png) no-repeat left center;}
.s050201 .arti02 .cc_info .ico02:before {content:"";position:absolute;left:0;top:0;width:30px;height:40px;background:url(../images/sub/s050201_arti02_ico02.png) no-repeat left center;}

/* s050202 : 채용직종 */
.s050202 .box_sec {margin:0 -50px;}
.s050202 .box_sec > ul {display:table;width:100%;table-layout:fixed;border-spacing:50px 0;}
.s050202 .box_sec > ul > li {display:table-cell;position:relative;vertical-align:top;}
.s050202 .box_sec > ul > li:after {content:"";position:absolute;left:0;bottom:0;top:220px;width:100%;border:solid 3px #d2dce3;border-radius:10px;z-index:-2;box-sizing:border-box;}
.s050202 .box_sec .tit {position:relative;width:180px;margin:0 auto;padding:45px 10px;font-size:20px;font-weight:500;color:#fff;text-align:center;box-sizing:border-box;}
.s050202 .box_sec .tit:before {content:"";display:block;height:47px;margin-bottom:13px;}
.s050202 .box_sec > ul > li.ico01 .tit:before {background:url(../images/sub/s050202_ico01.png) no-repeat center center;}
.s050202 .box_sec > ul > li.ico02 .tit:before {background:url(../images/sub/s050202_ico02.png) no-repeat center center;}
.s050202 .box_sec > ul > li.ico03 .tit:before {background:url(../images/sub/s050202_ico03.png) no-repeat center center;}
.s050202 .box_sec > ul > li.ico04 .tit:before {background:url(../images/sub/s050202_ico04.png) no-repeat center center;}
.s050202 .box_sec .tit:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% 100% !important;z-index:-1;animation:cc_Rot 20s linear infinite;}
@keyframes cc_Rot {
	0% {transform:rotate(0deg);}
	50% {transform:rotate(180deg);}
	100% {transform:rotate(360deg);}
}
.s050202 .box_sec > ul > li.ico01 .tit:after {background:url(../images/sub/s050202_cc01.png) no-repeat center center;}
.s050202 .box_sec > ul > li.ico02 .tit:after {background:url(../images/sub/s050202_cc02.png) no-repeat center center;}
.s050202 .box_sec > ul > li.ico03 .tit:after {background:url(../images/sub/s050202_cc03.png) no-repeat center center;}
.s050202 .box_sec > ul > li.ico04 .tit:after {background:url(../images/sub/s050202_cc04.png) no-repeat center center;}
.s050202 .box_sec .box {position:relative;margin-top:40px;padding:80px 20px;box-sizing:border-box;}
.s050202 .box_sec .box:before {content:"";position:absolute;left:50%;top:-40px;width:3px;height:40px;margin-left:-1px;background:#d2dce3;}
.s050202 .box_sec .box > li {font-size:18px;color:#333;text-align:center;line-height:38px;}


/** s06 : 고객센터 **/
/* s0601 : 고객센터 안내 */
.s0601 .img_box {position:relative;overflow:hidden;}
.s0601 .img_box > p {position:absolute;left:-50%;top:50%;width:50%;margin-top:-120px;font-size:30px;font-weight:500;color:#fff;text-align:center;line-height:50px;z-index:1;animation:s0601_txtView 2s forwards;}
.s0601 .img_box > p:before {content:"";display:block;height:70px;background:url(../images/sub/s0601_arti01_dot01.png) no-repeat center top;opacity:0;animation:s0601_dotView 3s 1s forwards;}
.s0601 .img_box > p:after {content:"";display:block;height:70px;background:url(../images/sub/s0601_arti01_dot02.png) no-repeat center bottom;opacity:0;animation:s0601_dotView 3s 1s forwards;}
@keyframes s0601_txtView {0% {left:-50%;}100% {left:0;}}
@keyframes s0601_dotView {0% {opacity:0;}100% {opacity:1;}}
.s0601 .box_sec {border:7px solid #dee1e7; margin-bottom: 50px; padding: 20px 0}
.s0601 .box_sec:last-child {margin-bottom: 0;}
.s0601 .box_sec .branch {text-align: left; padding:0 20px;}
.s0601 .box_sec .b-bold {font-weight: 500;color:#014099; font-size: 20px; margin-right: 20px;}
.s0601 .box_sec > ul {display: flex; }
.s0601 .box_sec > ul > li {position:relative;padding:40px 50px 30px;color:#333;box-sizing:border-box; flex-basis: 50%;}
.s0601 .box_sec > ul > li .tit {font-weight:500;color:#014099;}
.s0601 .box_sec > ul > li .tit a {display: inline-block;font-weight:500;color:#014099;}
.s0601 .box_sec > ul > li .tit:before {content:"";display:block;height:90px;margin-bottom:20px;}
.s0601 .box_sec > ul > li.ico01 .tit:before {background:url(../images/sub/s0601_arti01_ico01.png) no-repeat center top;}
.s0601 .box_sec > ul > li.ico02 .tit:before {background:url(../images/sub/s0601_arti01_ico02.png) no-repeat center top;}

/* s0602 : 담당부서 연락처 */
.s0602 .arti01 .contact_sec {margin-left:-20px;}
.s0602 .arti01 .contact_info {display:flex;width:100%;table-layout:fixed;}
.s0602 .arti01 .contact_info.mt20 {margin-top:20px;}
.s0602 .arti01 .contact_info > li {width:33%;position:relative;padding:30px 30px 30px 50px;vertical-align:top;box-sizing:border-box;}
.s0602 .arti01 .contact_info > li:after {content:"";position:absolute;left:20px;right:0;top:0;bottom:0;border:solid 1px #dcdcdc;z-index: -1}
.s0602 .arti01 .contact_info .tit {margin-bottom:30px;padding-bottom:30px;border-bottom:solid 1px #dcdcdc;font-size:20px;color:#111;text-align:center;}
.s0602 .arti01 .contact_info .tit:before {content:"";display:block;height:115px;margin-bottom:15px;background-size:auto 100% !important;}
.s0602 .arti01 .contact_info > li.ct01 .tit:before {background:url(../images/sub/s0602_arti01_ct01.png) no-repeat center top;}
.s0602 .arti01 .contact_info > li.ct02 .tit:before {background:url(../images/sub/s0602_arti01_ct02.png) no-repeat center top;}
.s0602 .arti01 .contact_info > li.ct03 .tit:before {background:url(../images/sub/s0602_arti01_ct03.png) no-repeat center top;}
.s0602 .arti01 .contact_info > li.ct04 .tit:before {background:url(../images/sub/s0602_arti01_ct04.png) no-repeat center top;}
.s0602 .arti01 .contact_info > li.ct05 .tit:before {background:url(../images/sub/s0602_arti01_ct05.png) no-repeat center top;}
.s0602 .arti01 .contact_info > li.ct06 .tit:before {background:url(../images/sub/s0602_arti01_ct06.png) no-repeat center top;}
.s0602 .arti01 .contact_info .info > li {padding:3px 0;font-weight:300;color:#333;box-sizing:border-box;}
.s0602 .arti01 .contact_info .info > .ico01 > a {display: inline-block; color: #333; font-weight: 300}
.s0602 .arti01 .contact_info .info > .ico03 > a {display: inline-block; color: #333; font-weight: 300}
.s0602 .arti01 .contact_info .info > li:before {content:"";display:inline-block;width:30px;height:30px;vertical-align:top;}
.s0602 .arti01 .contact_info .info > li.ico01:before {background:url(../images/template/ico_tel.png) no-repeat left center;}
.s0602 .arti01 .contact_info .info > li.ico02:before {background:url(../images/template/ico_fax.png) no-repeat left center;}
.s0602 .arti01 .contact_info .info > li.ico03:before {background:url(../images/template/ico_email.png) no-repeat left center;}
.s0602 .arti02 .etc_cont .tit:first-of-type {margin-top: 0}
.s0602 .arti02 > p {font-size: 18px; color: #111; word-break: keep-all}
.s0602 .arti02 > p > span {color: #b71c1c}
.s0602 .arti02 .etc_cont {margin: 10px 0}
.s0602 .arti02 .checks {display: block; text-align: right; word-break: keep-all}
.s0602 .arti02 .checks label {margin-left: 20px}

/* s0604 : 사이버신문고 */
.s0604_top {margin-bottom:40px;font-size:18px;font-weight:300;color:#333;text-align:center;line-height:28px;}
.s0604_top:before {content:"";display:inline-block;width:55px;height:55px;margin:0 -30px -15px 0;background:url(../images/sub/s02_top_dot.png) no-repeat center center;vertical-align:super;}
.s0604_top .ht01 {font-weight:700;color:#014099;}
.s0604_top .sm { font-size: 15px; margin-top: 8px; }
.sinmon li {
    line-height: 1.6em;
    text-align: left;
    position:relative;
    padding-left:15px;
    margin-bottom:12px;
}

.sinmon {
    margin-top: 40px;
    max-width: 840px;
    margin: 40px auto 0;
}
.sinmon li:before {
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    top: 14px;
    left: 0;
    background: #9e9e9e;
}

.s0604_top .btn_fam {
    margin-top:50px;
    padding: 2px 20px;
    border: 2px solid rgb(0,58,48);
    display: inline-block;
    width: 250px;
    height: 40px;
    color: rgb(0,58,48);
    border-radius: 2px;
}

.s0604_top .btn_fam img {
    height: 60%;
    vertical-align: middle;
    width: auto;
    margin-top: 8px;
}

.s0604_top .btn_fam span {
    vertical-align: sub;
    margin-left: 8px;
    margin-top: 2px;
    display: inline-block;
}

.s0604_top .btn_fam:hover {
    border: 2px solid rgb(0,58,48);
    color: rgb(0,58,48);
    transition: 0.3s;
}


.bd_arti > .etc_cont .tit:first-of-type {margin-top: 0}
.bd_arti > p {font-size: 18px; color: #111; word-break: keep-all}
.bd_arti > p > span {color: #b71c1c}
.bd_arti > .etc_cont {margin: 10px 0}
.bd_arti > .etc_cont span.point {font-size: 18px;font-weight: 500;color: #1aacda; text-decoration: underline;}
.bd_arti > .checks {display: block; text-align: right; word-break: keep-all; margin-bottom: 50px}
.bd_arti > .checks label {margin-left: 20px}

/** s07 : 지역주택조합 **/
/* s0701 : 지역주택조합이란 */
.s0701 .arti01:before {content:"";position:absolute;left:0;top:0;width:61%;height:100%;background:url(../images/sub/s0701_arti01_img.png) no-repeat left top;background-size:100% auto;}
.s0701 .arti01:after {content:"";display:block;clear:both;}
.s0701 .arti01 .box {position:relative;float:right;width:49%;margin:75px 0;padding:60px 70px;background:#fff;font-size:20px;color:#111;line-height:40px;z-index:1;box-sizing:border-box;}
.s0701 .arti01 .box .tit {position:relative;margin-bottom:30px;padding-bottom:30px;font-size:26px;font-weight:500;}
.s0701 .arti01 .box .tit:after {content:"";position:absolute;left:0;bottom:0;width:65px;height:2px;background:#ff6f00;}
.s0701 .arti02 .cc_step_info {display:table;width:100%;padding:45px 10px;border:solid 2px #e5e5e5;table-layout:fixed;box-sizing:border-box;}
.s0701 .arti02 .cc_step_info > li {display:table-cell;background-size:100% auto !important;font-size:14px;font-weight:500;color:#fff;text-align:center;line-height:20px;vertical-align:top;box-sizing:border-box;}
.s0701 .arti02 .cc_step_info > li:nth-of-type(4n+1) {padding:22px 20px}
.s0701 .arti02 .cc_step_info > li:nth-of-type(4n+2) {padding:160px 20px}
.s0701 .arti02 .cc_step_info > li:nth-of-type(4n+3) {padding:282px 20px 0}
.s0701 .arti02 .cc_step_info > li:nth-of-type(4n+4) {padding:160px 20px}
.s0701 .arti02 .cc_step_info > li:nth-of-type(7) {padding: 300px 20px 0}
.s0701 .arti02 .cc_step_info > li:nth-of-type(8), .s0701 .arti02 .cc_step_info > li:nth-of-type(10) {padding-top: 170px}
.s0701 .arti02 .cc_step_info > li:last-of-type {padding: 290px 20px 0 27px}

.s0701 .arti02 .cc_step_info > li > span {display:block;margin-bottom:10px;font-size:24px;}
.s0701 .arti02 .cc_step_info > li.cc01 {background:url(../images/sub/s0701_arti02_cc01.png) no-repeat center top;}
.s0701 .arti02 .cc_step_info > li.cc02, .s0701 .arti02 .cc_step_info > li.cc06, .s0701 .arti02 .cc_step_info > li.cc10 {background:url(../images/sub/s0701_arti02_cc02.png) no-repeat center center;}
.s0701 .arti02 .cc_step_info > li.cc03, .s0701 .arti02 .cc_step_info > li.cc07 {background:url(../images/sub/s0701_arti02_cc03.png) no-repeat center bottom;}
.s0701 .arti02 .cc_step_info > li.cc04, .s0701 .arti02 .cc_step_info > li.cc08 {background:url(../images/sub/s0701_arti02_cc04.png) no-repeat center center;}
.s0701 .arti02 .cc_step_info > li.cc05, .s0701 .arti02 .cc_step_info > li.cc09 {background:url(../images/sub/s0701_arti02_cc05.png) no-repeat center top;}
.s0701 .arti02 .cc_step_info > li.cc11 {background:url(../images/sub/s0701_arti02_cc10.png) no-repeat center bottom;}
.s0701 .arti03 .lbox {padding:50px;border:solid 2px #e5e5e5;font-size:0;text-align:center;box-sizing:border-box;}
.s0701 .arti03 .lbox .img {display:inline-block;vertical-align:middle;box-sizing:border-box;}
.s0701 .arti03 .lbox .img > img {width:auto;}
.s0701 .arti03 .lbox .img > span {display:block;margin-top:15px;padding-right:100px;font-size:18px;font-weight:700;color:#014099;box-sizing:border-box;}
.s0701 .arti03 .lbox .per {display:inline-block;width:16%;margin:0 4%;font-size:30px;font-weight:500;color:#ff6f00;vertical-align:middle;box-sizing:border-box;}
.s0701 .arti03 .lbox .per:before {content:"";display:block;height:35px;margin-bottom:15px;background:url(../images/sub/s0701_arti03_per.png) no-repeat center top;background-size:100% auto;}
.s0701 .arti03 .box_info {margin-bottom:30px;padding-bottom:30px;border-bottom:dashed 1px #e5e5e5;}
.s0701 .arti03 .box_info:after {content:"";display:block;clear:both;}
.s0701 .arti03 .box_info > li {float:left;width:50%;margin-top:30px;font-size:20px;color:#333;box-sizing:border-box;}
.s0701 .arti03 .box_info > li > span {display:inline-block;width:16%;margin-right:20px;padding:10px;background:#1e88e5;border-radius:5px;font-size:22px;font-weight:700;color:#fff;text-align:center;vertical-align:middle;box-sizing:border-box;}
/*.s0701 .arti03 .dash_info {margin-bottom:40px;}*/
.arti03_feat_list {overflow: hidden}
.arti03_feat_list > li {float: left; margin-right: 20px; width: 31%; border: 1px solid #eee}
.arti03_feat_list > li:last-of-type {margin-right: 0}
.arti03_txt_bx {padding: 40px}

/** s08 : Etc **/
.etc_cont {padding:15px 20px;border:solid 1px #dbdbdb;color:#333;text-align:left;line-height:26px;box-sizing:border-box;}
.etc_cont.tc {text-align:center;}
.ui-dialog .etc_cont {height:500px;overflow-y:auto;}
.etc_cont .btit {position:relative;margin:60px 0 20px;font-size:24px;font-weight:500;color:#111;text-align:center;}
.etc_cont .btit.first {margin:0 0 20px;}
.etc_cont .btit:after {content:"";position:absolute;left:0;top:50%;width:100%;height:0;border-bottom:solid 1px #dbdbdb;}
.etc_cont .btit > span {display:inline-block;position:relative;padding:0 20px;background:#fff;vertical-align:top;z-index:1;box-sizing:border-box;}
.etc_cont .tit {margin:40px 0 10px;font-size:18px;font-weight:500;color:#111;}
.etc_cont .tit.first {margin:0 0 10px;}
.etc_cont a {display:inline-block;text-decoration:underline;transition:color 0.4s;}
.etc_cont a:hover, .etc_cont a:focus {color:#014099;}
.etc_cont .ht01 {font-weight:500;color:#014099;}
.etc_cont .table_ty {margin:10px 0;}
.etc_cont .num_info, 
.etc_cont .dash_info {margin-top:10px;}
.etc_cont .num_info > li .num_info {margin:0;}
.busi_etc_cont {padding:40px;border:solid 2px #111;color:#333;text-align:left;line-height:26px;box-sizing:border-box;margin-top: 30px;word-break: keep-all}

.sb_select {width: 100%; max-width: 1400px; margin: 0 auto 40px; text-align: right}
.sb_select > .sb_txt {line-height: 52px; display: inline-block; vertical-align: top; margin-right: 20px}
.sb_select .select_ty {width: 220px; height: 35px}
.sb_select .ui-selectmenu-button {background:#fff;border:1px solid #e1e1e1;border-radius:0;box-sizing:border-box;}
.sb_select .ui-selectmenu-button span.ui-selectmenu-text {padding:10px 20px;font-size:16px;font-weight:300;color:#777;line-height:30px;box-sizing:border-box;}
.sb_select > dd:last-child .ui-selectmenu-button span.ui-selectmenu-text {font-weight:400;color:#333;}
.sb_select .ui-selectmenu-button span.ui-icon {background:url(../images/layout/lnb_arr.png) no-repeat center center;transition:all 0.4s;}
.sb_select .ui-selectmenu-button.ui-state-hover span.ui-icon, 
.sb_select .ui-selectmenu-button.ui-state-focus span.ui-icon {transform:rotate(-180deg);}
.sb_select .ui-selectmenu-button.ui-state-hover span.ui-selectmenu-text, 
.sb_select .ui-selectmenu-button.ui-state-focus span.ui-selectmenu-text {color:#fff !important;}
.sb_select .ui-selectmenu-button.ui-state-hover span.ui-icon, 
.sb_select .ui-selectmenu-button.ui-state-focus span.ui-icon {background:url(../images/layout/lnb_arr_w.png) no-repeat center center;}
.s0802 .arti01, .s0802 .arti02, .s0802 .arti03 {display: none; margin: 0 auto}

.sub_cont .s0403 {padding-bottom: 0}
.sub_cont > .s0403 > article {max-width: none}
.s0403 .arti01 .img_sec02 li {position: relative}
.s0403 .arti01 .img_sec02 li dt {font-size: 50px; margin-top: 30px; padding-bottom: 40px; position: relative; font-weight: bold;}
.s0403 .arti01 .img_sec02 li dt > span {font-size: 15px; display: inline-block; margin-bottom: 5px}

.s0403 .arti01 .img_sec02 .sec01 {background: url(../images/sub/s0403_arti01_img01_bg.jpg) no-repeat center; height: 928px}
.s0403 .arti01 .img_sec02 .sec01 dl {color: #231f20;text-align: left;position: absolute;top: 20%;right: 15%;word-break: keep-all; font-size: 15px; line-height: 1.5em;}
.s0403 .arti01 .img_sec02 .sec01 dt:after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #bcdaff; width: 45px; height: 1px}
.s0403 .arti01 .img_sec02 .sec01 dl strong {color: #23c7fc}

.s0403 .arti01 .img_sec02 .sec02 {background: url(../images/sub/s0403_arti01_img02_bg.jpg) no-repeat center; height: 813px}
/* .s0403 .arti01 .img_sec02 .sec02 dt:after {background: #0072ff; content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 45px; height: 1px} */
.s0403 .arti01 .img_sec02 .sec02 dl {color: #fff; text-align: left; position: absolute; bottom: 10%; right: 13%}
.s0403 .arti01 .img_sec02 .sec02 dl strong {color: #0072ff}

.s0403 .arti01 .img_sec02 .sec03 {background: url(../images/sub/s0403_arti01_img03_bg.jpg) no-repeat center; height: 813px}
/* .s0403 .arti01 .img_sec02 .sec03 dt {margin-bottom: 50px; padding-bottom: 0} */
.s0403 .arti01 .img_sec02 .sec03 dt strong {padding-right: 10px}
/* .s0403 .arti01 .img_sec02 .sec03 dt:after {content: ''; position: absolute; width: 65%; height: 1px; background: #23c7fc; top: 50%; transform: translateY(-50%);} */
.s0403 .arti01 .img_sec02 .sec03 dl {color: #231f20; text-align: left; position: absolute; top: 21%; right: 17%}
/* .s0403 .arti01 .img_sec02 .sec03 dl:after {content: ''; position: absolute; top: -80px; right: -110px; width: 492px; height: 424px; background: url(../images/sub/line_bg.png) no-repeat} */
.s0403 .arti01 .img_sec02 .sec03 dl strong {color: #23c7fc}
.s0403 .arti01 .img_sec02 .sec03 dd ul {overflow: hidden}
.s0403 .arti01 .img_sec02 .sec03 dd ul:first-of-type {margin-bottom: 30px}
.s0403 .arti01 .img_sec02 .sec03 dd ul:last-of-type li:first-of-type {padding-right: 85px}
.s0403 .arti01 .img_sec02 .sec03 dd li {display: table; table-layout: fixed; float: left}
.s0403 .arti01 .img_sec02 .sec03 dd li:first-of-type {padding-right: 65px}
.s0403 .arti01 .img_sec02 .sec03 dd li > * {display: table-cell;vertical-align: top}
.s0403 .arti01 .img_sec02 .sec03 dd li .sec03_txt {padding-left: 15px; line-height: 1.2em}
.s0403 .arti01 .img_sec02 .sec03 dd li .sec03_txt .tit {color: #23c7fc; font-size: 20px; margin-bottom: 10px; padding-bottom: 10px; position: relative}
.s0403 .arti01 .img_sec02 .sec03 dd li .sec03_txt .tit:after {content: ''; position: absolute; bottom: 0; left: 0; background: #23c7fc; width: 20px; height: 1px}

.s0403 .arti01 .img_sec02 .sec04 {background: url(../images/sub/s0403_arti01_img04_bg.jpg) no-repeat center; height: 813px}
/* .s0403 .arti01 .img_sec02 .sec04 dt:after {background: #0072ff; content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 45px; height: 1px} */
.s0403 .arti01 .img_sec02 .sec04 dl {color: #fff; text-align: left; position: absolute; bottom: 13%; right: 10%}
.s0403 .arti01 .img_sec02 .sec04 dl strong {color: #0072ff}

.s050301 .bdv_info > dt {text-align: center;position: relative;box-sizing: border-box;padding-left: 50px}
.s050301 .bdv_info > dt > span {position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #014099; font-weight: 500;}
.s050301 .bdv_info > dt > span.noti {color: #bb1a1f;}
.s050301 .btm_btns {text-align: right}
.s050301 .btm_btns:after {content: ''; display: block; clear: both}
.s050301 .btm_btns .btn_list {float: left}
.s050301 .btm_btns .btn_update {margin-right: 10px}
.s050401 .tit {font-size: 18px; margin-bottom: 10px}
.s050401 .tit > span {color: #b71c1c}
.s050401 .checks {display: block; text-align: right; margin-top: 10px}
.s050401 .checks > label:first-of-type {margin: 0 25px}
.s050401 table th {word-break: keep-all}
.s050401 table td {text-align: left}
.s050401 .bg_box {padding: 20px; background: #d8dfe9; box-sizing: border-box; text-align: center}
.s050401 .bg_box > div {background: #fff; border-top: 2px solid #003876; display: inline-block; width: 400px; box-sizing: border-box}
.s050401 .bg_box > div > a {display: block; padding: 35px 85px; width: 100%; box-sizing: border-box; position: relative}
.s050401 .bg_box > div span {display: inline-block; padding-left: 40px; font-size: 20px; font-weight: 500}
.s050401 .bg_box > div > a:first-of-type span {padding-left: 70px}
.s050401 .bg_box > div:first-of-type {margin-right: 40px}
.s050401 .bg_box > div > a:before {content: ''; display: block; width: 73px; height: 73px; position: absolute; left: 85px; top: 50%; transform: translateY(-50%)}
.s050401 .bg_box > div > a:first-of-type:before {background: url(../images/sub/s050401_img01.png) no-repeat center center;}
.s050401 .bg_box > div > a:last-of-type:before {background: url(../images/sub/s050401_img02.png) no-repeat center center;}
.lyp_diap .info_box {border-top: 2px solid #003876; border-bottom: 1px solid #dbdbdb; width: 84%; margin: 0 auto 15px; box-sizing: border-box; padding: 25px}
.lyp_diap .info_box > ul > li {font-size: 18px; text-align: left; padding-left: 30%}
.lyp_diap .bg_box {padding: 20px; background: #f3f4f8; width: 84%; box-sizing: border-box; margin: 0 auto 50px}
.lyp_diap .bg_box strong {color: #b71c1c}
.lyp_diap .btm_btns > a + a {margin-left: 10px}
.s050401 .etc_cont {height: 220px; overflow-y: auto}

.s0505 .support_step {font-size: 0; box-sizing: border-box; position: relative; border-top: 2px solid #e1e1e1; margin-top: 130px; padding-top: 25px}
.s0505 .support_step > li {display: inline-block; width: 17.2%; border: 3px solid #e1e1e1; font-size: 18px; text-align: center; vertical-align: middle; padding: 7px; box-sizing: border-box; border-radius: 8px; line-height: 60px; font-weight: 500; margin-left: 3.5%; position: relative; color: #333}
.s0505 .support_step > li > img {width: auto; margin-right: 5px}
.s0505 .support_step > li:first-of-type {margin: 0}
.s0505 .support_step > li.active {border-color: #1d88e6}
.s0505 .support_step > li:before {content: ''; width: 14px; height: 14px; position: absolute; left: 50%; top: -36px; transform: translateX(-50%); border: 3px solid #003876; border-radius: 100%; box-sizing: border-box; background: #fff}
.s0505 .support_step > li > .tit {position: absolute; left: 50%; top: -90px; transform: translateX(-50%); font-size: 22px; color: #003876; font-weight: 600; letter-spacing: -1px; line-height: 35px}
.s0505 .support_step > li > .tit:before {content: 'STEP'; display: block; margin-bottom: 5px; color: #bebebe; font-size: 16px; line-height: 0; font-weight: 400}

.s0505 .table_ty th {text-align: center; padding: 25px; border-right: 1px solid #dbdbdb;word-break: keep-all}
.s0505 .table_ty td {text-align: left; padding: 25px}
.s0505 .table_ty th.ext:before {content: '*'; display: inline-block; margin-right: 5px; color: #b71c1c; vertical-align: top}
.s0505 .table_ty td.photo {text-align: center; padding: 40px; border-right: 1px solid #dbdbdb}
.s0505 .table_ty td.photo > p {color: #b71c1c}
.s0505 .table_ty td.photo > .photo_box {background: #f2f2f2; text-align: center; margin: 10px 0 30px; height: 132px}
.s0505 .table_ty td.photo > .photo_box > a {font-size: 14px; color: #585858; line-height: 20px; display: block; height: 100%; word-break: keep-all}
.s0505 .table_ty td.photo > .photo_box > a.no_photo {padding: 15px 30px}
.s0505 .table_ty td.photo > .photo_box > a > img {width: 100%; height: 100%}
.s0505 .table_ty td.photo > .photo_box > a.no_photo:before {content: ''; display: block; width: 38px; height: 38px; background: url(../images/sub/s050501_arti02_img01.png) no-repeat center center; margin: 0 auto 8px}
.s0505 .table_ty td > strong {display: inline-block; min-width: 80px; box-sizing: border-box; padding-right: 20px}
.s0505 .table_ty td > strong > span {color: #b71c1c}
.s0505 .table_ty .sp_txt {color: #585858}
.s0505 .table_ty .checks > label {margin-left: 20px} 
.s0505 .table_ty .checks > label:first-of-type {margin-left: 0} 
.s0505 .btm_btns {text-align: right}
.label_calendar {position: relative; display: inline-block}
.label_calendar:after {content: ''; display: inline-block; margin: 0 10px; width: 25px; height: 25px; background: url(../images/template/ico_calendar.png) no-repeat; vertical-align: middle; cursor: pointer; background-size: 100% 100%}
.s0505 .arti_tit > span {color: #b71c1c}
.s0505 .btn_bx {position: absolute; top: 5px; right: 0; line-height: 21px}
.s0505 .btn_bx > a {font-size: 18px; color: #333; display: inline-block}
.s0505 .btn_bx .temple_minus {margin-left: 20px}
.s0505 .btn_bx .temple_add:before {content: ''; display: inline-block; width: 23px; height: 23px; background: url(../images/template/ico_add.png) no-repeat center; vertical-align: top; margin-right: 10px}
.s0505 .btn_bx .temple_minus:before {content: ''; display: inline-block; width: 23px; height: 23px; background: url(../images/template/ico_minus.png) no-repeat center; vertical-align: top; margin-right: 10px}
.s0505 .tarea_ty {width: 85%}
.s0505 .tarea_ty + span {display: inline-block; vertical-align: middle; color: #f30000; padding-left: 10px}
.s050504 table + p {color: #004ca1; margin-top: 10px}
.s050505 .btm_btns {text-align: center}
.s050505 .arti02 {margin-top: 100px; border-top: 2px solid #003876; border-bottom: 2px solid #dbdbdb; text-align: center; padding: 45px 0 25px}
.s050505 .arti02 .tit {font-size: 30px; color: #333; font-weight: 500}
.s050505 .btm_btns > a {min-width: 120px}
.s050505 .arti02 > img {margin: 25px 0; width: auto}
.s050505 .arti02 .bg_box {margin: 0 auto; width: 55%; padding: 25px 0 35px; background: #f3f4f8; box-sizing: border-box; opacity: 0; animation: s050101_dotView 2s forwards; font-size: 18px}
.s050505 .arti02 .bg_box > strong {display: block; font-size: 30px; color: #333; font-weight: 500; line-height: 42px}
.s050505 .arti02 .bg_box > strong > span {display: inline-block; color: #1356a4}
.s050505 .arti02 .bg_box > p {position: relative; padding-top: 10px; margin-top: 10px; font-size: 16px}
.s050505 .arti02 .bg_box > p:before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 48px; height: 1px; background: #333}

.s0506 .arti01 .wrap {border-top: 2px solid #003876; border-bottom: 2px solid #dbdbdb; text-align: center; padding: 35px 95px 25px; box-sizing: border-box; width: 55%; margin: 0 auto; font-size: 0}
.s0506 .arti01 .wrap > .tit {font-size: 30px; color: #333; font-weight: 500; margin-bottom: 25px}
.s0506 .arti01 .wrap > .txt {font-size: 16px; color: #333; font-weight: 400; margin-bottom: 20px; word-break: keep-all}
.s0506 .arti01 .wrap > ul {text-align: left}
.s0506 .arti01 .wrap > ul > li {box-sizing: border-box; margin-bottom: 20px; font-size: 16px}
.s0506 .arti01 .wrap > ul > li:nth-of-type(3), .s0506 .arti01 .wrap > ul > li.tel {margin-bottom: 10px}
.s0506 .arti01 .wrap > ul > li:last-of-type {margin-bottom: 0}
.s0506 .arti01 .wrap > ul > li > span {font-size: 16px; color: #333; display: inline-block; width: 80px; text-align: left; font-weight: 500; line-height: 50px; vertical-align: top}
.s0506 .arti01 .wrap > ul > li > p {font-size: 15px; color: #b71c1c; padding-left: 85px; text-align: left}
.s0506 .arti01 .wrap + div {text-align: center; margin-top: 10px; color: #333; line-height: 45px}
.s0506 .btm_btns {margin-top: 35px}

.s0507 .arti01 {width: 45%; box-sizing: border-box; border-top: 2px solid #003876; padding: 35px; background: #eff6fc; font-size: 0; margin: 0 auto 35px}
.s0507 .arti01 > .bg_box {width: 74%; box-sizing: border-box; background: #fff; font-size: 16px; color: #333; margin: 0 auto; padding: 50px; text-align: center; opacity: 0; animation: s050101_dotView 2s forwards;}
.s0507 .arti01 > .bg_box > strong {font-size: 18px; color: #1356a4; font-weight: 500; display: inline-block; margin-right: 5px}
.s0507 .arti01 > .bg_box > span {font-size: 18px; color: #e10000; font-weight: 500}
.s0507 .arti01 > .bg_box > span.tel {display: block; margin-top: 15px; font-size: 15px}

.s0508 .arti01 .wrap > .bg_box {font-size: 16px; opacity: 0; animation: s050101_dotView 2s forwards;}
.s0508 .arti01 .wrap > .bg_box > img {width: auto; margin-bottom: 20px}
.s0508 .arti01 .wrap > .bg_box > strong {font-size: 20px; color: #1356a4}
.s0508 .arti01 .wrap > .bg_box > span {font-size: 20px; color: #1356a4; text-decoration: underline; text-underline-position: under}



.bdv_cont img {
    max-width: 100%;
    width: auto;
    height: auto;
}


.tab_click_li dt {
    overflow: hidden;
    height: auto;
    padding: 10px 0;
    cursor: pointer;
    border-bottom: 1px dashed #efefef;
    line-height: 30px;
}
.tab_click_li dt .subtit {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}
.tab_click_li dt:first-child {
    margin-top: -20px;
}
.tab_click_li .fas {
    color: #014099;
    padding-right: 6px;
}
.tab_click_li dd {
    display: none;
    height: auto;
    padding: 20px 0;
    border-bottom: 1px dashed #efefef;
    line-height: 150%;
}
.tab_click_li p {
    margin-bottom: 20px;
}
.tab_click_li dt .subtit:after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: -5px 12px auto auto;
    vertical-align: middle;
    border-right: 2px solid #aaa;
    border-top: 2px solid #aaa;
    transform: rotate(135deg);
    position: absolute;
    top: 18px;
    right: 0px;
    transform: 0.5s;
}
.tab_click_li dt.on .subtit:after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: -20px 6px auto auto;
    vertical-align: middle;
    border-right: 2px solid #aaa;
    border-top: 2px solid #aaa;
    transform: rotate(-45deg);
    position: absolute;
    top: 40px;
    right: 8px;
    transform: 0.5s;

}














/* 20220712  */
.brand .bi_con h3 {
    color: #000;
    font-size: 38px;
    line-height: 2rem;
    font-weight: 500;
}
.brand .bi_con_identity {
    margin-bottom: 150px;
}
.brand .bi_con_identity .bi_download {
    display: inline-block;
    width: auto;
    font-size: 16px;
    line-height: 1.625rem;
}
.brand .bi_con_identity .bi_download::after {
    display: inline-block;
    width: 21px;
    height: 22px;
    margin-left: 10px;
    margin-top: -4px;
    background: url(../images/brand/icon_download.png) 50% no-repeat;
    vertical-align: middle;
    content: "";
}
.brand .bi_con_identity .cont_identity {
    height: 480px;
    margin-bottom: 105px;
    background: url(../images/brand/bg_identity.png) 50% no-repeat;
}
.brand .bi_con_identity .cont_identity p {
    padding-top: 224px;
    margin-bottom: 105px;
    line-height: 2rem;
    font-size: 22px;
    color: #fff;
    text-align: center;
    background: url(../images/brand/top_logo.png) 50% no-repeat;
}
.brand .bi_con_identity .cont_identity em {
    font-weight: 600;
    color: #003A30;
}
.brand .bi_con_identity .cont_identity .down_btn {
    position: relative;
    width: 350px;
    margin: 0 auto;
    font-size: 0;
}
.brand .bi_con_identity .cont_identity .down_btn .bi_download {
    margin: 0 20px;
    color: #fff;
    font-size: 16px;
    line-height: 1.625rem;
}
.brand .bi_con_identity .cont_identity .down_btn .bi_download:last-child {
    margin-right: 0;
}
.brand .bi_con_identity .cont_identity .down_btn::after {
    position: absolute;
    top: 0;
    left: 174px;
    width: 1px;
    height: 26px;
    background: #fff;
    content: "";
}
.brand .bi_con_identity .cont_mark .mark_top {
    margin-bottom: 72px;
    text-align: center;
}
.brand .bi_con_identity .cont_mark .mark_top h3 {
    font-weight: 500;
    margin-bottom: 20px;
}
.brand .bi_con_identity .cont_mark .mark_top p {
    margin-bottom: 36px;
    color: #333;
    font-size: 22px;
    line-height: 2rem;
}
.brand .bi_con_identity .cont_mark .mark_list {
    display: flex;
    justify-content: space-between;
}
.brand .bi_con_identity .cont_mark .mark_list li {
    display: inline-block;
    width: 48%;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.brand .bi_con_identity .cont_mark .mark_list h4 {
    margin-bottom: 10px;
    font-weight: 500;
    color: #000;
    font-size: 24px;
    line-height: 2rem;
}
.brand .bi_con_identity .cont_mark .mark_list p {
    margin-bottom: 37px;
    font-size: 18px;
    line-height: 1.444em;
    color: #333;
}
.brand .bi_con_identity .cont_mark .mark_list img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
.brand .bi_con_identity .cont_mark .mark_list .bi_download {
    display: block;
    width: 170px;
    margin: 0 auto;
}
.brand .bi_con_identity .cont_mark .mark_list .bi_download::after {
    background: url(../images/brand/icon_download_grey.png) 50% no-repeat;
}
.brand_bg {
    padding: 120px 0;
    margin-bottom: 120px;
    background: #f7f7f7;
    max-width: 100% !important;
}
.bi_con_color {
    max-width: 1400px;
    margin: 0 auto;
}
.brand .bi_con_color h3 {
    margin-bottom: 45px;
    font-weight: 600;
    color: #000000;
    font-size: 38px;
    line-height: 2rem;
    width: 100%;
}
.brand .bi_con_color .inner {
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}
.brand .bi_con_color .color_wrap {
    display: inline-block;
    width: 50%;
}
.brand .bi_con_color .color_wrap h4 {
    margin-bottom: 20px;
    color: #000;
    font-size: 24px;
    line-height: 2rem;
}
.brand .bi_con_color .color_wrap_primary {
    vertical-align: top;
}
.brand .bi_con_color .color_wrap_secondary ul {
    display: flex;
}
.brand .bi_con_color .color_wrap_secondary .palette {
    display: inline-block;
    width: 33%;
}
.brand .bi_con_color .color_wrap .palette {
    padding: 25px 30px;
    color: #fff;
}
.brand .bi_con_color .color_wrap .palette.green {
    background: #003A30;
}
.brand .bi_con_color .color_wrap .palette.beige {
    background: #E6DACC;
    color: #35322f;
}
.brand .bi_con_color .color_wrap .palette.gray {
    background: #aea8a5;
}
.brand .bi_con_color .color_wrap .palette.black {
    background: #35322f;
}
.brand .bi_con_color .color_wrap .palette p {
    margin-bottom: 97px;
    font-size: 18px;
    line-height: 1.5rem;
}
.brand .bi_con_color .color_wrap .palette span {
    font-size: 14px;
    line-height: 1.375rem;
}
.brand .bi_con_pattern h3 {
    margin-bottom: 20px;
    font-weight: 600;
    color: #000000;
}
.brand .bi_con_pattern p {
    margin-bottom: 55px;
    color: #333;
    font-size: 22px;
    line-height: 2rem;
}
.brand .bi_con_pattern .pattern_wrap {
    margin-bottom: 95px;
}
.brand .bi_con_pattern .pattern_wrap ul {
    margin-bottom: 20px;
    font-size: 0;
}
.brand .bi_con_pattern .pattern_wrap li {
    display: inline-block;
    width: 260px;
    height: 260px;
    margin-left: 53px;
}
.brand .bi_con_pattern .pattern_wrap li:nth-of-type(1) {
    margin-left: 0;
}
.brand .bi_con_pattern .pattern_wrap h4 {
    margin-bottom: 7px;
    font-weight: 500;
    color: #000000;
    font-size: 24px;
    line-height: 2rem;
}
.brand .bi_con_pattern .pattern_wrap p {
    font-weight: 300;
    color: #000000;
    font-size: 18px;
    line-height: 2rem;
}
.brand .bi_con_pattern .pattern_wrap:last-child {
    margin-bottom: 0;
}