/* Common **********************************************************************/
/* @import url(/corporate-mirror/soo/_vendor/fonts.googleapis.com/earlyaccess/nanumgothic.css?v=clarity-20260714); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(/corporate-mirror/soo/_vendor/fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

@font-face {
  font-family: '윤고딕';
  font-style: normal;
  font-weight: 400;
  src: url(/corporate-mirror/soo/font/%EC%9C%A4%EA%B3%A0%EB%94%95230.eot);
  src: url(/corporate-mirror/soo/font/%EC%9C%A4%EA%B3%A0%EB%94%95230.eot) format('embedded-opentype'),
       url(/corporate-mirror/soo/font/%EC%9C%A4%EA%B3%A0%EB%94%95230.woff2) format('woff2'),
       url(/corporate-mirror/soo/font/%EC%9C%A4%EA%B3%A0%EB%94%95230.woff) format('woff'),
       url(/corporate-mirror/soo/font/%EC%9C%A4%EA%B3%A0%EB%94%95230.ttf) format('truetype');
}
/* Common **********************************************************************/
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:15px; line-height:1.7; font-family: 'Noto Sans JP'; color:#7d7d7d;}
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

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

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

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


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

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

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


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

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

.center{text-align:center;}

/* -------------------------------- main ---------------------------------- */
#wrap {position: relative; width: 100%; max-width:1920px; margin:0 auto; overflow: hidden;}
.inner {width: 1400px; margin:0 auto; max-width: 100%;}

.tab_img {display:none;}
.mob_img {display:none;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}
/* header */
#header{position: absolute; width: 100%; height: 137px; z-index: 1000;}
#header .inner{position: relative; height: 100%;}
#header .logo{position: absolute; top: 30px; left: 0;}
#header .logo a{display: block;}
#header .logo a img{width: 100%; height: 100%;}
/* gnb */
.gnb{position: absolute; top: 0; height: 137px; left: 55%; transform: translateX(-50%); width: 50%;}
.gnb li{float: left; /* margin-right: 13.368%;  */margin-right: 17%;}
.gnb li:last-child{ margin-right: 0;}
.gnb li a{display: block; font-family: '윤고딕'; font-size: 20px; font-weight: 500; color: #fff; ; line-height: 137px;}
.h_menu{position: absolute; right: 0; top: 37px; font-size: 0;}
.h_menu > div{display: inline-block; vertical-align: top; margin-right: 9px; width: 59px; height: 59px;}
.h_menu .lang a{display: block; font-family: '윤고딕'; font-size: 15px; font-weight: 400; color: #fff; text-align: center; line-height: 59px;}
.menu_btn{background:url('/corporate-mirror/soo/j_images/btn_bg.png') top center no-repeat; cursor: pointer;}
.lang{background:url('/corporate-mirror/soo/j_images/lang_bg.png') top center no-repeat;}
.lang{background:url('/corporate-mirror/soo/j_images/lang_bg.png') top center no-repeat;}
.navi_btn{background:url('/corporate-mirror/soo/j_images/btn_bg.png') top center no-repeat; display: none !important;}
.menu_btn.on {background:url('/corporate-mirror/soo/j_images/close_btn.png') top center no-repeat; width:59px; height: 59px;}
#header.on {background:#3573aa;}
#header.on .lang{background: #fff; width: 59px; height: 59px; border-radius: 50%;}
#header.on .lang a{color:#3573aa;}

.navigation{display: none;}
.navigation .lnb {display:none;}
/* visual */
.visual{position: relative;}
.visual_icon_wrap{position: absolute; bottom: -46px; right: 13.541%; width: 572px; height: 584px;}
.visual_icon {position: relative; transition:0.3s linear;}
.visual_icon img {position:absolute; opacity:0; transform:scale(0.8); transition:0.3s ease-in-out;}
.visual_icon img:nth-child(1){position: absolute; top: 185px; left: 0;}
.visual_icon img:nth-child(2){position: absolute; top: 0; right: 0;}
.visual_icon img:nth-child(3){position: absolute; top: 300px; left: 80px;}
.visual_icon.on .icon1 {opacity:1; transform:scale(1); transition:0.4s ease-in-out 0.2s;}
.visual_icon.on .icon2 {opacity:1; transform:scale(1); transition:0.4s ease-in-out 0.4s;}
.visual_icon.on .icon3 {opacity:1; transform:scale(1); transition:0.4s ease-in-out 0.6s;}

.visual .visual_tit{position: absolute; top: 57%; left: 13.385%; transform: translateY(-50%); color:#fff; letter-spacing: -5px;}
.visual .visual_tit span:first-child{font-family: '윤고딕'; font-weight: 300;font-size: 30px; line-height: 1px;}
.visual .visual_tit p{font-family: '윤고딕'; font-weight: 700;font-size: 72px; line-height: 72px;}
.visual .visual_tit span:last-child{font-family: '윤고딕'; font-size: 42px; line-height: 58px; font-weight: 400;}

/* category */
.category {display:none; position:absolute; top:137px; left:0; width:100%; height:563px; border-top:1px solid rgba(255,255,255,0.3); background:#3573aa;
z-index:1000; font-family: '윤고딕';}
.category ul {float:left; width:25%; height:563px; padding-top:28px; text-align:center; border-right:1px solid rgba(255,255,255,0.3);}
.category .inner ul:first-child {border-left:1px solid rgba(255,255,255,0.3);}
.category ul li {font-size:16px; line-height:40px;}
.category ul li a {display:block; width:100%; height:100%; color:#fff;}
.category ul li:first-child {font-size:20px; line-height:1; margin-bottom:35px;}

/* section01 */
#section1{position: relative; width:100%; padding: 100px 0;}
#section1:after{content: ''; position: absolute; bottom: 0; left: 0; background: #ebebeb; width: 100%; height: 330px;}
h2.h2_tit{font-family: '윤고딕';  font-size:60px; color:#111; line-height:1; font-weight:800;}
h2.h2_tit span{font-family: '윤고딕';  font-weight:300;}
.slider_wrap {position:relative; width:100%; height:480px; margin-top:71px; font-size:0;}
/* big_img */
.big_img_wrap {position:absolute; top:0; left:0;}
.big_img {position:relative; display:inline-block !important; width:400px; margin-right:50px; z-index:3;}
.big_img li {width:400px; height:480px;}
.big_img li a {position:relative; display:block; width:100%; height:100%;}
.big_img li a:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/corporate-mirror/soo/j_images/product_bg.png') top center no-repeat;}
.big_img li .img {display:table-cell; width:400px; height:480px;vertical-align:middle; text-align:center;}
.big_img li .img img {display:inline-block; max-width:400px; max-height:480px; width:100%;}
/* text_slider */
.txt_slider_wrap {position:absolute; bottom:-30px; left:-30px;width:370px; height:135px; z-index:5;}
.txt_slider {background:#3573aa;}
.txt_slider li {width:370px; height:150px;}
.txt_slider li a {display:block; width:100%; height:100%; padding: 43px 30px 29px 30px;}
.txt_slider li h3 {font-size:35px; color:#fff; line-height:1;}
.txt_slider li .desc {font-size:15px; color:#fff; line-height:27px; max-height:81px; margin-top:18px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:pre-line;}
.txt_slider li .more {position:relative; width:100%; font-size:16px; color:#fff; line-height:1; margin-top:15px;}
.txt_slider li .more:before {content:''; position:absolute; bottom:3px; right:0; width:195px; height:1px; background:#fff;}
/* sec1_slider */
.sec1_slider_wrap{position:relative; padding-left: 450px; width:1520px; z-index:1; padding-top: 97px;}
/* .sec1_slider_wrap::after {content: ""; position: absolute; top :250px; width: 520px;height: 318px; background-color: #ebebeb; margin-left: 691px;}
.sec1_slider_wrap::before {content: ""; position: absolute; top :-68px; width: 520px;height: 318px; background-color: #fff; margin-left: 691px; z-index: 999;} */
.sec1_slider {position:relative; display:inline-block !important;}
.sec1_slider li {position:relative; float:left; width:320px; margin-right:50px; -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%);}
.sec1_slider li a {position:relative; display:block; width:100%; height:100%;}
.sec1_slider li a:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.sec1_slider li .img {display:table-cell; width:320px; height:384px; vertical-align:middle; text-align:center;}
.sec1_slider li .img img {display:inline-block; max-width:320px; max-height:384px;}
.sec1_slider li .txt {position:absolute; bottom:0; left:0; width:100%; padding:26px 30px; }
.sec1_slider li .txt h3 {font-size:25px; color:#fff; line-height:1;}
.sec1_slider li .txt .desc { max-height:81px; font-size:15px; color:#fff; line-height:27px; margin-top:16px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-weight:300;}
.sec1_slider button{outline: 0;}
.sec1_slider .slick-prev {position:absolute; top:-96px; left:0; width:60px; height:60px; border: 1px solid #ddd; font-size:0; background:url('/corporate-mirror/soo/j_images/product_prev.png')50% 45% no-repeat;}
.sec1_slider .slick-next {position:absolute; top:-96px; left:70px; width:60px; height:60px; border: 1px solid #ddd;  font-size:0; background:url('/corporate-mirror/soo/j_images/product_next.png')50% 45% no-repeat;}
/* section02 */
#section2 {width:100%; padding: 100px 0 65px; background:url('/corporate-mirror/soo/j_images/services_bg.jpg?v=clarity-20260714') top center no-repeat;}
#section2 .tit {width:100%; text-align:center;}
#section2 .tit p {font-size:14px; color:#3573aa; line-height:20px; margin-top:37px; font-weight:500;}
#section2 .tit p i{display: block;}
#section2 .tit p i.mob{display: none;}
#section2 .inner{text-align: center;}
.sec2_con {display: inline-block; margin-top:89px; width: 90%;}
.sec2_con li {float:left; /* width:25%; */ width:33.33%; text-align:center;}
.sec2_con li .img_wrap {position:relative; width:100%; height:258px; z-index:1; text-align:center;}
.sec2_con li .img_wrap img:first-child {padding-top:20px; max-width:100%;}
.sec2_con li:nth-child(2) .img_wrap img:first-child {padding-top:0;}
.sec2_con li .img_wrap .img {position:absolute; top: 20px; left:50%; z-index:-1;  max-width:100%;}
.sec2_con li .img_wrap .img.img01 {margin-left:-120px;}
.sec2_con li .img_wrap .img.img02 {margin-left:-112px;}
.sec2_con li .txt {width:100%; margin-top:30px;}
.sec2_con li .txt h3{font-size:25px; color:#111; line-height:1; font-weight:500;}
.sec2_con li .txt p{font-family: '윤고딕'; font-size:15px; color:#555;	font-weight: 300; line-height:27px; margin-top:10px; word-break:keep-all;}
.sec2_con li .txt p i{display: block;}
.sec2_con li .txt .btn {display:inline-block; width: 70%; height:75px; text-align:center; font-size:16px; color:#fff; line-height:75px; margin-top:55px; background-size:cover !important; border-radius:40px;}
.sec2_con li .txt .btn.btn01 {background:url('/corporate-mirror/soo/j_images/services_btn1.png') top center no-repeat;}
.sec2_con li .txt .btn.btn02 {background:url('/corporate-mirror/soo/j_images/services_btn2.png') top center no-repeat;}
.sec2_con li .txt .btn.btn03 {background:url('/corporate-mirror/soo/j_images/services_btn3.png') top center no-repeat;}
.sec2_con li .txt .btn.btn04 {background:url('/corporate-mirror/soo/j_images/btn04.png') top center no-repeat;}

.sec2_con li.on .img_wrap .img01 {animation:iconR 1.5s infinite;}
.sec2_con li.on .img_wrap .img02 {animation:iconL 1.5s infinite;}
@keyframes iconR  {
0% {transform:rotate(0deg);}
50% {transform:rotate(20deg);}
100% {transform:rotate(0deg);}
}
@keyframes iconL  {
0% {transform:rotate(0deg);}
50% {transform:rotate(-20deg);}
100% {transform:rotate(0deg);}
}

/* sectin03 */
#section3 {width:100%;}
.sec3_con {float:left; width:50%;}
.sec3_con a {display:block; width:100%; height:100%; padding:80px 0 71px;}
.sec3_con.con01{position: relative; background: url('/corporate-mirror/soo/j_images/counseling_bg.jpg?v=clarity-20260714') top center no-repeat;}
.sec3_con.con01 a {padding-left:27.08%;}
.sec3_con.con02 {position: relative; background: url('/corporate-mirror/soo/j_images/location_bg.jpg?v=clarity-20260714') top center no-repeat;}
.sec3_con.con02 a {padding-left:8.33%;}
.sec3_con span {font-size:25px; color:#fff; line-height:1;}
.sec3_con h2 {font-size:35px; color:#fff; line-height:1; margin-top:9px;}
.sec3_con p {font-size:15px; color:#fff; margin-top:29px;}
.sec3_con .more {font-size:16px; color:#fff; margin-top:46px;}
.sec3_con .more img {vertical-align:0px; margin-left:19px; transition:0.3s ease-in-out;}
.sec3_con:hover .more img {transition:0.3s ease-in-out; margin-left:25px;}

/* footer */
#footer{width:100%; font-family: '윤고딕';}
#footer .inner {position:relative;}
.f_top {height:299px; background:#303030; padding:49px 0;}
.foot_logo {position:absolute; top:0; left:0;}
.f_menu_wrap {margin:0 auto; text-align:center; font-size:0;}
.f_menu {display:inline-block; margin-left:92px; vertical-align:top; text-align:left;}
.f_menu_wrap .f_menu:first-child {margin-left:0;}
.f_menu strong {display:block; font-size:20px; line-height:1; font-weight:400;}
.f_menu strong a {font-weight:500; color:#fff;}
.f_menu ul {display:inline-block; margin-top:19px;}
.f_menu ul li {line-height:34px;}
.f_menu ul li a {display:block; width:100%; height:100%; font-size:15px; color:#aaa;}
.f_menu.f_menu02 ul {margin-right:23px}
.f_menu.f_menu02 ul:last-child {margin-right:0;}
.f_menu ul.menu02 {display:none;}
.f_btm {height:140px; background:#1c1c1c; text-align:center; padding:44px 0;}
.f_btm address {font-size:15px; color:#fff; line-height:27px;}
.f_btm address a {color:#fff;}
.top_btn {position:absolute; top:1px; right:0; width:45px; height:45px; background:#1c1c1c url('/corporate-mirror/soo/j_images/top_icon.png') center no-repeat; cursor:pointer;}

@media screen and (min-width: 1025px) and  (max-width:1200px) {
#header .inner{padding: 0 1.302%}
#header .logo{position: absolute; top: 30px; left: 1.302%;}
}


/* ------------------------- sub ------------------------------*/
.ready_wrap img{width: 100%;}

#header.sub {position:static; background:#3573aa;}
#header.sub .h_menu {top:39px;}
#header.sub .h_menu > div {width:59px; height:59px; margin-left:10px; border-radius: 50%;}
#header.sub .lang {background:#fff; line-height:59px;}
#header.sub .lang a {color:#3573aa; display: block; font-family: '윤고딕'; font-size: 15px; font-weight: 400; text-align: center; line-height: 59px;}
#header.sub .menu_btn {background:url('/corporate-mirror/soo/j_images/sub/sub_btn_bg.png') top center no-repeat; cursor:pointer;}
#header.sub .menu_btn.on {background:url('/corporate-mirror/soo/j_images/close_btn.png') top center no-repeat; cursor:pointer;}

#sub_contents {width:100%; padding:70px 0 120px; min-height:700px;}
.tab_menu {position:relative; width:100%; height:60px; border:1px solid #ddd; background:#f6f6f6; padding-left:58px; font-family: '윤고딕';}
.tab_menu .tab_home {position:absolute; top:0; left:0; width:58px; height:58px; background:#fff;}
.tab_menu .tab_home a {display:table-cell; width:58px; height:58px; vertical-align:middle; text-align:center;}
.tab_menu .tab_home a img {vertical-align:-4px;}
.tab_menu .menu {width:100%;}
.tab_menu .menu > li {position:relative; float:left; width:399px; height:58px; border-left:1px solid #ddd; background:#fff url('/corporate-mirror/soo/j_images/sub/location.png') 95% center no-repeat;}
.tab_menu .menu > li:last-child {width:410px; border-right:1px solid #ddd;}
.tab_menu .menu > li > a {display:block; width:100%; height:100%; line-height:57px; padding-left:30px; font-size:16px; color:#aaa;}
.tab_menu .menu > li.on {background:#3573aa url('/corporate-mirror/soo/j_images/sub/location_on.png') 95% center no-repeat; border-left:1px solid #3573aa;}
.tab_menu .menu > li.on a {color:#fff;}
.tab_menu .menu > li ul {display:none; position:absolute; top:58px; left:-1px; box-sizing:content-box; width:calc(100% + 1px ); padding:17px 0 19px; background:#3573aa; border-top:1px solid rgba(255,255,255,0.2);    z-index: 10;}
.tab_menu .menu > li ul li a {display:block; line-height:40px; padding-left:31px; font-size:16px; color:#fff;}

.contop {width:100%; text-align:center; padding-top:47px; font-family: '윤고딕';}
.contop h3 {font-size:40px; color:#111; line-height:1; font-weight:400;}
.conbody {width:100%; padding-top:69px;}



/*sub0101*/
.sub0101_wrap{width:100%;background-image:url('/corporate-mirror/soo/j_images/sub/sub0101_img01_1.png'),url('/corporate-mirror/soo/j_images/sub/sub0101_img02.png'),url('/corporate-mirror/soo/j_images/sub/sub0101_img03.png');box-shadow: 0px 0px 25px rgba(0,0,0,0.15);background-repeat:no-repeat;background-position:-54px 124px, 87% -25%, 108% 135%;padding:80px 70px;position:relative; z-index:1;}
.img_box{position:absolute; z-index:-1;width:40%;top: 50%; transform: translateY(-50%);}
.img_box img{width:100%;}
.text_box{width:50%; float:right; word-break: keep-all; }
.text_box h4{font-size:30px; color:#111;line-height:1;font-weight:400;}
.text_box h4 span{font-weight:700;}
.text_box h5 {font-size:20px; color:#111;font-weight:500;margin:30px 0 25px;padding-bottom:25px;}
.text_box h5:after{content:''; background:#3573aa; width:30px; height:3px;display: block;position: relative; top: 25px;}
.text_box h5 span{color:#3573aa;}
.text_box p{margin-top:10px; }
.sub_pc_img{display:block;}
.sub_mob_img{display:none;}


/*sub0102*/
.history{position: relative;}
.history:before{display: block;content: '';  width: 1px; height: 100%; background: #ddd; position: absolute; top: 0; left: 50%;margin-left: -1px;z-index: 1;}
.history_list{position: relative; z-index: 2; background: url("/corporate-mirror/soo/j_images/sub/top_dot.jpg?v=clarity-20260714")50% 0 no-repeat;     padding-top: 100px;}
.history_list > li{overflow: hidden;margin-top: 80px;}
.history_txt{float: right; width: 50%;}
.history_list .left_his .history_txt{float: left;text-align: right;}

.history_list .history_img{position: relative;width: 410px; height: 260px;}
.history_list .history_img img{    position: absolute; top: 50%; left: 50%;  transform: translate(-50%,-50%); width: auto;max-width: 100%;max-height: 100%;}
.history_list .right_his .history_img{float: right;margin-right: 110px;}
.history_list .left_his .history_img{float: left;margin-left: 110px;}
.history_list .year{font-size:35px; font-weight:500;color:#222;line-height:1;position:relative;padding-left: 100px;}

.history_list .p_dot{margin-top:20px;}
.history_list .p_dot li{font-size:18px;position:relative;padding-left: 100px;}
.history_list .p_dot li span{font-weight:500;margin-right:15px;color:#222;}
.history_list .left_his .year, .history_list .left_his .p_dot li{padding-right: 100px;padding-left:0px;}

.history_list .right_his .year:after { display: block; content: '';width: 88px;height: 39px;position: absolute;  top: 7px; left: -17px;background: url("/corporate-mirror/soo/j_images/sub/year_dot1.png") no-repeat 0 0; z-index:1;}
.history_list .right_his .p_dot li:after { display: block; content: '';width: 15px;height: 17px;position: absolute;  top: 8px; left: -8px;background: url("/corporate-mirror/soo/j_images/sub/day_dot.png") no-repeat 0 0; z-index:1;}
.history_list .left_his .year:after { display: block; content: '';width: 88px;height: 39px;position: absolute;  top: 6px; right: -16px;background: url("/corporate-mirror/soo/j_images/sub/year_dot.png") no-repeat 0 0; z-index:1;}
.history_list .left_his .p_dot li:after { display: block; content: '';width: 15px;height: 17px;position: absolute;  top: 8px; right: -6px;background: url("/corporate-mirror/soo/j_images/sub/day_dot.png") no-repeat 0 0; z-index:1;}


/*sub0105*/
.partner_wrap > div:first-child {margin-bottom:80px;}
.partner_wrap .clfix .img {float:left; width:428px;}
.partner_wrap .clfix .txt {float:right; width:calc(100% - 428px); padding-left:60px; margin-top:50px;}
.partner_wrap .clfix .txt h4 {color:#092449; font-size:30px; font-weight:500; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #ddd; line-height:1;}
.partner_wrap .clfix .txt ul li {overflow:hidden; font-size:16px; margin-bottom:5px; position:relative; padding-left:15px;}
.partner_wrap .clfix .txt ul li:last-child {margin-bottom:0;}
.partner_wrap .clfix .txt ul li::before {content:''; width:4px; height:4px; background:#092449; border-radius:50%; position:absolute; left:0; top:11px;}
.partner_wrap .clfix .txt ul li span {display:block; float:left; width:95px; color:#222; font-weight:500; margin-right:30px; letter-spacing:-1px;}
.partner_wrap .clfix .txt ul li p {float:right; width:calc(100% - 125px);}
.partner_wrap .clfix .txt ul li a {color: #0048ff;}
.partner_wrap .clfix:first-child .txt ul li:first-child p {float:right; width:calc(100% - 125px);}
.partner_wrap .clfix:nth-child(2) .txt h4 {color:#3573aa;}
.partner_wrap .clfix:nth-child(2) ul li::before {background:#3573aa;}




/*sub02_common style 제품소개 전체 공통*/
/*=====sub0201_S*/

#dwl_icon{display: inline-block; font-size:15px; color: #3573aa; margin-bottom:10px;position: relative; padding-left:23px; background-image: url("/corporate-mirror/soo/j_images/sub/dow_icon.png"); background-repeat: no-repeat; background-position: left center;}
#dwl_icon_2{display: inline-block;margin-left:15px; font-size:15px;margin-bottom:10px;  color: #3573aa;margin-bottom:10px; position: relative; padding-left:23px; background-image: url("/corporate-mirror/soo/j_images/sub/dow_icon.png"); background-repeat: no-repeat; background-position: left center;}


.clear:after{clear: both;content: '';display: block;}
.sub0101_ind_box{position: relative; padding-top:4.5%; border-top: 2px solid #3573aa;}
.sub0101_ind_box>div{float: left;width: 48%;}
.sub0101_ind_box>div>img{width: 100%;}
.sub0101_ind_box>article{right: 0;top: 50%;transform: translateY(-50%);position: absolute;float: right;width: 47%;word-break: keep-all;}
.sub0101_ind_box>article>p{font-size: 18px;line-height: 35px;}

.sub0101_pup_box{margin-top: 80px;}
.sub0101_pup_box_inner{border-top: 2px solid #3573aa;padding-top: 4.5%;}
.sub0101_pup_box_inner li {position:relative; float:left; width: 30%; height:0; padding-bottom:21.43%; border-radius: 7px; margin-top:4.5%; margin-right:5%; overflow:hidden;}
.sub0101_pup_box_inner li:nth-child(3n) {margin-right:0;}
.sub0101_pup_box_inner li:nth-child(-n+3) {margin-top:0;}
.sub0101_pup_box_inner li img {border-radius: 15px;border:1px solid #dfdfdf; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%;}

.sub0101_at_box_wrap{margin-top: 80px;}
.sub0101_at_inner{border-top: 2px solid #3573aa;}
.sub0101_at_inner h4{letter-spacing: -1px;font-size: 20px;font-weight: 500;color: #232323; margin-top:25px;}
.sub0101_at_inner ul{margin-top: 20px;}
.sub0101_at_inner ul li{margin-top: 10px;position: relative;}
.sub0101_at_inner ul li p{font-size: 16px;font-weight: 300;color: #232323;padding-left: 17px; word-break:keep-all;}
.sub0101_at_inner ul li p:after {position: absolute;border-radius: 50%;top:12px; left: 0; background-position: left;display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}
.sub0101_wrap_tb{margin-top: 80px;position: relative;}

.sub0101_tb {width: 100%;border-top: 2px solid #3573aa;word-break: keep-all;}
.sub0101_tb_box_m{display: none;}
.sub0101_tb_bot{position: absolute;bottom: -60px;height: 59px;z-index: 5;width: 100%;border-bottom: 1px solid #ddd;}
.sub0101_tb_bot>li{text-align: center;width: 100%;height: 58px;padding: 15px 30px;background-color: #f9f9f9;}
.sub0101_tb_bot>li>p{display: inline-block;padding-left: 10px;position: relative;text-align: center;}
.sub0101_tb_bot>li>p:after{position: absolute;border-radius: 50%;top: 13px;left: 0;display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}
.sub0101_tb thead tr th{color:#3573aa;font-size:20px;}
.sub0101_tb tr th{padding: 15px 30px;background-color: #f9f9f9;font-weight: 500;color: #222;text-align: center;border-bottom:1px solid #ddd;font-size: 16px; }
.sub0101_tb tr th.last {color:#555; font-weight:400;}
.sub0101_tb tr td{padding: 15px 30px;border-bottom:1px solid #ddd;font-size: 16px;}
.sub0101_tb tr td p{position:relative;padding-left:17px;display: inline-block;}
.sub0101_mr_r5{margin-right: 5px;}
.sub0101_tb tr td p:after {position: absolute; border-radius: 50%; top: 13px;left: 0;display: block;content: '';width: 3px;height:3px;background-color: #3573aa;}
.sub0101_tb_add{margin-top: 15px;}

.sub0101_pd_box{margin-top:80px; }

.sub0101_pd_box > div:nth-child(1){float: left;width:30%;}
.sub0101_pd_box > div:nth-child(2){float: left;width:30%;margin:0 5%;}
.sub0101_pd_box > div:nth-child(3){float:left; width:30%;}

.sub0133_pd_box > div:nth-child(1){float: left;width:40%;}
.sub0133_pd_box > div:nth-child(2){float: right;width:40%;}

.sub0101_pd_box_info{border-top: 2px solid #3573aa;padding-top: 20px;}
.sub0101_pd_box_info h5{font-size: 18px; font-weight: 500;}
.sub0101_pd_box_info h5 a{font-size: 13px;font-weight: 500;}



.sub0101_pd_box_info ul li{position: relative; padding-left: 17px;}
.sub0101_pd_box_info ul li:after{position: absolute;border-radius: 50%;top: 50%;left: 0;transform: translateX(50%);display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}
.sub0101_pd_box>p{text-align: center;}


.ex_table{margin-bottom:5px; display:none;}
.ex_table em{float: left; width: 35%; display:block; font-size:15px; color:#3573aa; font-weight:600;}
.ex_span{font-size:20px; color:#3573aa; font-weight:600; word-break: keep-all;line-height:1.5; padding-left:10px;}


/*======sub0201_E*/


/*=====sub0202_S*/
.clear:after{clear: both;content: '';display: block;}
.ind_box{position: relative; padding-top:4.5%; border-top: 2px solid #3573aa;}
.ind_box>div{float: left;width: 48%;}
.ind_box>div>img{width: 100%;}
.ind_box>article{right: 0;top: 60%;transform: translateY(-50%);position: absolute;float: right;width: 47%;word-break: keep-all;}
.ind_box>article>p{font-size: 18px;line-height: 35px;}

.pup_box{margin-top: 80px;}
.pup_box_inner{border-top: 2px solid #3573aa;padding-top: 4.5%;}
.pup_box_inner li {position:relative; float:left; width: 30%; height:0; padding-bottom:21.43%; border-radius: 7px; margin-top:4.5%; margin-right:5%; overflow:hidden;}
.pup_box_inner li:nth-child(3n) {margin-right:0;}
.pup_box_inner li:nth-child(-n+3) {margin-top:0;}
.pup_box_inner li img {border-radius: 15px;border:1px solid #dfdfdf; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%;}

.at_box_wrap{margin-top: 80px;}
.at_inner{border-top: 2px solid #3573aa;}
.at_inner h4{letter-spacing: -1px;font-size: 20px;font-weight: 500;color: #232323; margin-top:25px;}
.at_inner ul{margin-top: 20px;}
.at_inner ul li{margin-top: 10px;position: relative;}
.at_inner ul li p{font-size: 16px;font-weight: 300;color: #232323;padding-left: 17px; word-break:keep-all;}
.at_inner ul li p:after {position: absolute;border-radius: 50%;top:12px; left: 0; background-position: left;display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}
.wrap_tb{margin-top: 80px;position: relative;}

.tb {width: 100%;border-top: 2px solid #3573aa;word-break: keep-all;}
.tb_box_m{display: none;}
.tb_bot{position: absolute;bottom: -60px;height: 59px;z-index: 5;width: 100%;border-bottom: 1px solid #ddd;}
.tb_bot>li{text-align: center;width: 100%;height: 58px;padding: 15px 30px;background-color: #f9f9f9;}
.tb_bot>li>p{display: inline-block;padding-left: 10px;position: relative;text-align: center;}
.tb_bot>li>p:after{position: absolute;border-radius: 50%;top: 13px;left: 0;display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}
.tb thead tr th{color:#3573aa;font-size:20px;}
.tb tr th{padding: 15px 30px;background-color: #f9f9f9;font-weight: 500;color: #222;text-align: center;border-bottom:1px solid #ddd;font-size: 16px; }
.tb tr th.last {color:#555; font-weight:400;}
.tb tr td{padding: 15px 30px;border-bottom:1px solid #ddd;font-size: 16px;}
.tb tr td p{position:relative;padding-left:17px;display: inline-block;}
.mr_r5{margin-right: 5px;}
.tb tr td p:after {position: absolute; border-radius: 50%; top: 13px;left: 0;display: block;content: '';width: 3px;height:3px;background-color: #3573aa;}
.tb_add{margin-top: 15px;}

.pd_box{margin-top:80px; }
.pd_box > div{float: left;width:40%;}
.pd_box > div:nth-child(2){float:right;}
.pd_box_info{border-top: 2px solid #3573aa;padding-top: 20px;}
.pd_box_info h5{font-size: 18px; font-weight: 500;}
.pd_box_info h5 a{font-size: 13px;font-weight: 500;}

.pd_box_info ul li{position: relative; padding-left: 17px;}
.pd_box_info ul li:after{position: absolute; border-radius: 50%; top: 50%; left: 0;  transform: translateX(50%); display: block; content: ''; width: 3px; height: 3px; background-color: #3573aa;}


.pd_box_info ul p{position: relative; padding-left: 17px;}
.pd_box_info ul p:after{position: absolute;border-radius: 50%;top: 50%;left: 0;transform: translateX(50%);display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}
.pd_box>p{text-align: center;}
/*======sub0202_E*/



/*======sub0203_S*/
.mag_t_b{margin:40px 0px;}
#top_bo_b{border-top: 2px solid #3573aa;}


.sub0103_tb {width: 100%;border-top: 2px solid #3573aa;word-break: keep-all;}
.sub0103_tb thead tr th{color:#3573aa;font-size:20px;}
.sub0103_tb tr th{padding: 15px 30px;background-color: #f9f9f9;font-weight: 500;color: #222;text-align: center;border-bottom:1px solid #ddd;font-size: 16px; }
.sub0103_tb tr th.last {color:#555; font-weight:400;}
.sub0103_tb tr td{padding: 15px 30px;border-bottom:1px solid #ddd;font-size: 16px;}
.sub0103_tb tr td p{position:relative;padding-left:17px;display: inline-block;}
.sub0103_mr_r5{margin-right: 5px;}
.sub0103_tb tr td p:after {position: absolute; border-radius: 50%; top: 13px;left: 0;display: block;content: '';width: 3px;height:3px;background-color: #3573aa;}
.sub0103_tb_add{margin-top: 15px;}

.sub0105_pd_box{margin-top:0px; }
.sub0105_pd_box > div{float: left;width:40%;}
.sub0105_pd_box > div:nth-child(2){float:right;}
.sub0103_pd_box_info{border-top: 2px solid #3573aa;padding-top: 20px;}
.sub0103_pd_box_info h5{font-size: 20px;}
.sub0103_pd_box_info h5 a{font-size: 13px;font-weight: 500;}
.sub0103_pd_box_info ul li{position: relative; padding-left: 17px;}
.sub0103_pd_box_info ul li:after{position: absolute;border-radius: 50%;top: 50%;left: 0;transform: translateX(50%);display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}
.sub0103_pd_box>p{text-align: center;}


.ex_p_h4{font-size:18px; color:#222; margin-bottom:15px;}
.sub0203_structure_wrap{margin:0 auto;}
.sub0203_structure{float:left; border-radius:10px; border:1px solid #ddd; border-top:3px solid #3573aa; width:32%; padding:0px 1.5%;  min-height:360px;}
.sub0203_structure:nth-child(n+2){margin-left:1.5%;}
.sub0203_structure:nth-child(n+4){margin-top:5%;}
.sub0203_structure>p{font-size:18px; color:#222;}

.sub0203_structure li{padding:25px 0px; }
.sub0203_structure li h5{font-size:22px; color:#3573aa; font-weight:500; text-align:center;}
.sub0203_structure li p{text-align:center; padding-bottom:15px; position:relative; margin-bottom:15px; word-break: keep-all; display:table; width:100%; height:65px;     vertical-align: middle;}
.sub0203_structure li p span{display:table-cell;     vertical-align: middle;}
.sub0203_structure li p:after{background-color:#3573aa; width:40px; height:3px; content:''; left:50%; bottom:0px; transform:translateX(-50%); position:absolute;}
.sub0203_structure li div:last-child{text-align:center;}

.table_ps {margin: 20px 0 50px;}
.table_ps span {color: #fa4747;}
.table_ps2 {display: none;}
/*======sub0203_E*/

/*======sub0205_S*/
.sub_0205_pd_box_info ul{border-top: 2px solid #3573aa;    padding-top: 20px;}
.sub_0205_pd_box_info ul div{float: left;width: 45%;}
.sub_0205_pd_box_info ul div.f_r{float: right;}
.sub_0205_pd_box_info ul div:nth-child(3){margin:20px 0px;}
.sub_0205_pd_box_info ul div:nth-child(4){margin:20px 0px; width: 48%;}
.sub_0205_pd_box_info ul p{position: relative; padding-left: 17px;}
.sub_0205_pd_box_info ul p:after{position: absolute;border-radius: 50%;top: 50%;left: 0;transform: translateX(50%);display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}
#sub_0205_pd_box>p{text-align: center;}


#sub_0205_pd_box>div:first-of-type{float: left;width: 45%;}
#sub_0205_pd_box>div:last-of-type{float: right;width: 40%;}
/*======sub0205_E*/


/*======sub0206_S*/
.sub0206_pd_box{margin-top:0px; }
.sub0206_pd_box > div{float: left;width:40%;}
.sub0206_pd_box > div:nth-child(2){float:right;}
.sub0206_pd_box_info{border-top: 2px solid #3573aa;padding-top: 20px;}
.sub0206_pd_box_info h5{font-size: 20px;}
.sub0206_pd_box_info h5 a{font-size: 13px;font-weight: 500;}
.sub0206_pd_box_info ul li{position: relative; padding-left: 17px;}
.sub0206_pd_box_info ul li:after{position: absolute;border-radius: 50%;top: 50%;left: 0;transform: translateX(50%);display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}
.sub0206_pd_box>p{text-align: center;}
/*======sub0206_E*/

/*======sub0210_S*/
/*E ========================sub02_common style 제품소개 전체 공통================================== E*/









/* sub0301 */
.sub0301_wrap {word-break:keep-all;}
.sub0301_top {width:1400px; padding:40px 0  ; background-color:#f9f9f9;}
.sub0301_top > div {margin:0 auto; width:650px;}
.top_img {width:200px; height:250px; background:url(/corporate-mirror/soo/j_images/sub/sub0301_img01.jpg?v=clarity-20260714) center center no-repeat; background-size:100%; position:relative; padding:35px 20px; float:left; margin-right:30px;}
.top_img:after {content:''; width:180px; height:230px; position:absolute; top:10px; left:10px; border:2px solid #fff;}
.top_img p {font-size:25px; color:#fff;  text-align:center;}
.top_img h5 {font-size:30px; font-weight:500; color:#fff;text-align:center; position:relative; }
.top_img h5:after{content:''; width:50%; height:1px; background-color:#fff; position:absolute; bottom:-9px; right:-20px;}
.top_txt.ex1 > ul > li:nth-child(2) {margin-bottom:40px;}
.top_img .ex_h4_line{line-height:1.2; position:relative; z-index:10;}
.top_img .ex_h4_line:after{bottom:-8px; z-index:0;}


.top_txt {float:left; padding-top:60px; width:60%;}
.top_txt em {font-size:18px; color:#014099; font-weight:500; width:100px; display:inline-block;}
.top_txt p {display:inline-block; color:#555; font-size:16px; }
.top_txt > ul > li {line-height:1;}
.top_txt > ul > li:nth-child(2) {margin-top:20px; margin-bottom:20px;}
.top_txt dt {float:left;font-size:18px; color:#014099; font-weight:500; width:100px;}
.top_txt dd {float:left;}
.top_txt span {width:100%; display:block; height:1px; background-color:#014099;margin-bottom:20px; margin-left:-30px;}
.sub_list li {position:relative; padding-left:10px; font-size:16px; margin-top:15px;  line-height:1.6;}
.sub_list li:before {content:''; width:4px; height:4px; background-color:#014099; position:absolute; top:11px; left:0; border-radius:50%;}
ul.sub_list_2 li:before {background-color:#558496;}
ul.sub_list_3 li:before {background-color:#6ba37c;}
.sub0301_middle {margin-top:40px;}
.sub0301_middle > li {float:left; width:700px; padding:40px 40px;}
.sub0301_middle > li:nth-child(2),.sub0301_middle > li:nth-child(3) {background-color:#f9f9f9;}
.middle_img {width:200px; height:250px;  background-size:100%; position:relative; padding:35px 20px; float:left; margin-right:30px;}
.sub0302_img02 {background:url(/corporate-mirror/soo/j_images/sub/sub0301_img02.jpg?v=clarity-20260714) center center no-repeat;}
.sub0302_img03 {background:url(/corporate-mirror/soo/j_images/sub/sub0301_img03.jpg?v=clarity-20260714) center center no-repeat;}
.middle_img:after {content:''; width:180px; height:230px; position:absolute; top:10px; left:10px; border:2px solid #fff;}
.middle_img p {font-size:25px; color:#fff;  text-align:center; }
.middle_img h5 {font-size:30px; font-weight:500; color:#fff;text-align:center; position:relative;}
.middle_img h5:after{content:''; width:50%; height:1px; background-color:#fff; position:absolute; bottom:-3px; right:-20px;}
.middle_txt {float:left; padding-top:60px; width:355px;}
.middle_txt em {font-size:18px; color:#014099; font-weight:500; width:100px; display:inline-block;}
.middle_txt p {display:inline; color:#555; font-size:16px;  width:100%;}
.middle_txt > ul > li {line-height:1;}
.middle_txt > ul > li:nth-child(2) {margin-top:20px; margin-bottom:20px;}
.middle_txt dt {float:left;font-size:18px; color:#014099; font-weight:500; width:100px;}
.middle_txt dd {float:left; width:250px;}
.middle_txt span {width:120%; display:block; height:1px; background-color:#014099;margin-bottom:20px; margin-left:-80px;}
em.color_2, dt.color_2 {color:#558496;}
em.color_3, dt.color_3 {color:#6ba37c;}
span.color_2 {background-color:#558496;}
span.color_3 {background-color:#6ba37c;}



/* sub0401 */
h4.h4_tit {font-size:30px; color:#111; font-weight:500;  padding-left:35px;  background:url(/corporate-mirror/soo/j_images/sub/h4_dot.jpg?v=clarity-20260714) center left no-repeat; background-size:22px; margin-top:80px; margin-bottom:20px;}
.mt0 {margin-top:0 !important;}
.sub04_sec01 {width:100%;padding-left:30px; padding-right:30px;}
.sub04_sec01 .sec01_img { position:relative; z-index:-3;}
.sub04_sec01 .sec01_img:before {content:''; width:180px; height:180px; background-color:#3573aa; position:absolute; bottom:-30px; left:-30px;  z-index:-1;}
.sub04_sec01 .sec01_txt {float:right; margin-top:-302px; position:relative;}
.sub04_sec01 .sec01_txt:before {content:''; position:absolute; width:180px; height:180px; top:-30px; right:-30px; background-color:#3573aa;}
.sub04_sec01 .sec01_txt > div {padding:50px 90px; background-color:#f9f9f9; position:relative;  box-shadow:5px 5px 5px  rgba(0, 0, 0, 0.2); }
.sub04_sec01 .sec01_txt > div:before {content:''; position:absolute; width:100%; height:100%; top:-20px; left:-20px; border:2px solid #3573aa;  z-index:-2;}
.sub04_sec01 .sec01_txt h3 {font-size:25px; font-weight:500; color:#3573aa; position:relative; line-height:1; text-align:center;}
.sub04_sec01 .sec01_txt h3 span {content:''; position:absolute; width:100%; height:20px; background-color:#red; bottom:10px; left:0;  display:block; z-index:-1;}
.sub04_sec01 .sec01_txt h5 {font-size:20px; color:#111; margin-top:30px; margin-bottom:20px;}
.sub04_sec01 .sec01_txt h5 span {color:#3573aa;}
.sub04_sec02 {width:100%;padding-left:30px; padding-right:30px;}
.sub04_sec02 .sec02_img { float:right;position:relative; z-index:-3;}
.sub04_sec02 .sec02_img:before {content:''; width:180px; height:180px; background-color:#014099; position:absolute; bottom:-30px; right:-30px;  z-index:-1;}
.sub04_sec02 .sec02_txt { float:left;margin-top:-288px; position:relative; font-size:18px;}
.sub04_sec02 .sec02_txt:before {content:''; position:absolute; width:180px; height:180px; top:-30px; left:-30px; background-color:#014099;}
.sec02_pctab {padding:64px 90px 70px 90px; background-color:#f9f9f9; position:relative;  box-shadow:5px 5px 5px  rgba(23, 43, 2, 0.2); }
.sec02_pctab:before {content:''; position:absolute; width:100%; height:100%; top:-20px; right:-20px; border:2px solid #014099;  z-index:-2;}
.sec02_pctab > ul > li:nth-child(1), .sec02_pctab > ul > li:nth-child(2) {position:relative; padding-left:10px; margin-top:6px;}
.sec02_pctab > ul > li:nth-child(1):before , .sec02_pctab > ul > li:nth-child(2):before {content:''; position:absolute; top:13px; left:0; width:4px; height:4px; border-radius:50%; background-color:#014099;}
.sec02_pctab > ul > li > ul  > li {display:inline-block;}
.sec02_pctab > ul > li > ul  > li:nth-child(2n-1) {width:220px;}
.sec02_pctab > ul > li > ul  > li {position:relative; padding-left:10px; margin-top:6px;}
.sec02_pctab > ul > li > ul  > li:before {content:''; position:absolute; top:13px; left:0; width:4px; height:4px; border-radius:50%; background-color:#014099;}
.sec03_img {width:100%; padding:20px 10px; background-color:#f9f9f9;}
.sec03_img li {background:url(/corporate-mirror/soo/j_images/sub/circle_img01.png) center center no-repeat; float:left; width:33%; background-size:180px; height:180px; position:relative;}
.sec03_img li div {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  text-align:center;}
.sec03_img li div img {height:60px; margin-bottom:15px;}
.sec03_img li:first-child:after {content:''; width:22px; height:42px; background:url(/corporate-mirror/soo/j_images/sub/sub0401_arrow.png) center center no-repeat;  background-size:22px;position:absolute; top:50%; right:-5%;transform:translateY(-50%);}
.sec03_img li:nth-child(2):after {content:''; width:22px; height:42px; background:url(/corporate-mirror/soo/j_images/sub/sub0401_arrow.png) center center no-repeat;  background-size:22px;position:absolute; top:50%; right:-5%;transform:translateY(-50%);}
.sec02_mob {display:none;}