@media screen and (max-width:1024px) {
/* 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');
 }
/* 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: 'Poppins','Noto Sans KR' ; 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;}

#wrap {position: relative; width: 100%; max-width:1024px; margin:0 auto; overflow: hidden;}
.inner {width: 100%; padding: 0 1.3%; margin:0 auto;}

.pc_img {display:none;}
.tab_img {display:inline;}
.mob_img {display:none;}

.pc {display:none;}
.tab {display:block;}
.mob {display:none;}


/* -------------------------------- main ---------------------------------- */
/* header */
#header{position: absolute; width: 100%; height: 137px; z-index: 1000;}
#header .inner{position: relative; height: 100%;}
#header .logo{position: absolute; top: 30px; left: 1.302%;}
#header .logo a{display: block;}
#header .logo a img{width: 130px; height: 75px;}
/* gnb */
.gnb{display: none;}
.gnb li{float: left; margin-right: 13.368%;}
.gnb li:last-child{ margin-right: 0;}
.gnb li a{display: block; font-family: 'Noto Sans KR'; 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; cursor: pointer;}
.h_menu .lang a{display: block; font-family: 'Poppins'; font-size: 15px; font-weight: 400; color: #fff; text-align: center; line-height: 59px;}
.menu_btn{background:url('/corporate-mirror/soo/images/btn_bg.png') top center no-repeat; cursor: pointer;  display: none !important;}
.lang{background:url('/corporate-mirror/soo/images/lang_bg.png') top center no-repeat;}
.navi_btn{background:url('/corporate-mirror/soo/images/btn_bg.png') top center no-repeat; display: inline-block !important;}
.menu_btn.on {background:url('/corporate-mirror/soo/images/close_btn.png') top center no-repeat; width:59px; height: 59px;}
.navi_btn.on {background:url('/corporate-mirror/soo/images/close_btn.png') top center no-repeat; width:59px; height: 59px;}
#header.on {background:none;}
#header.on .lang {background:url('/corporate-mirror/soo/images/main/lang_bg.png') center no-repeat;}
#header.on .lang a {color:#fff;}
#header.navi {background:#3573aa;}
#header.navi .lang {background: #fff; width: 59px; height: 59px; border-radius: 50%;}
#header.navi .lang a {display: block; color:#3573aa;}

/* visual */
.visual{position: relative;}
.visual > img{width: 100%;}
.visual_icon_wrap{position: absolute; bottom: -46px; right: 1.302%; width: 65%; height: 584px;}
.visual_icon{position: relative;}
.visual_icon img{position: absolute;}
.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 .visual_tit{position: absolute; top: 57%; left: 1.302%; transform: translateY(-50%); color:#fff;}
.visual .visual_tit span:first-child{font-family: 'Poppins'; font-weight: 300;font-size: 25px; line-height: 1px;}
.visual .visual_tit p{font-family: 'Poppins'; font-weight: 700;font-size: 72px; line-height: 60px;}
.visual .visual_tit span:last-child{font-family: 'Poppins'; font-size: 34px; line-height: 58px; font-weight: 400;}

/* navi */
.navigation {display: none; position:absolute; top:137px; left:0; width:100%; height: 100%; overflow: hidden; background:#3573aa; border-top:1px solid rgba(255,255,255,0.3); z-index:1000; font-family: 'Noto Sans KR';}
.navigation .lnb {display:block;}
.navigation h3 {width:100%; height:71px; border-bottom:1px solid rgba(255,255,255,0.3); background:#3573aa url('/corporate-mirror/soo/images/sub/menu.png') 96% center no-repeat; background-size:14px 9px;}
.navigation h3 a {display:block; width:100%; height:100%; padding-left:30px; font-size:22px; color:#fff; line-height:70px; font-weight:500;}
.navigation h3.on {background:#fff url('/corporate-mirror/soo/images/sub/menu_on.png') 96% center no-repeat; background-size:14px 9px;}
.navigation h3.on a {color:#111;}
.navigation h3.active {background:#fff url('/corporate-mirror/soo/images/sub/menu_on.png') 96% center no-repeat; background-size:14px 9px;}
.navigation h3.active a {color:#111;}
.navigation ul {width:100%; padding:30px 0; background:#729dc4;}
.navigation ul li a {display:block; width:100%; height:100%; padding-left:30px; font-size:16px; color:#fff; line-height:38px;}

/* 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: 'Noto Sans KR';}
.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 */
h2.h2_tit{font-family: 'Poppins';  font-size: 50px; color:#111; line-height:1; font-weight:800;}
h2.h2_tit span{font-family: 'Poppins';  font-weight:300;}
.slider_wrap {position:relative; width:100%; height:480px; margin-top:71px; font-size:0;}
/* big_img */
.big_img_wrap {position:absolute; bottom: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/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:194px; z-index:5;}
.txt_slider {background:#3573aa;}
.txt_slider li {width:370px; height:210px;}
.txt_slider li a {display:block; width:100%; height:100%; padding: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:17px;}
.sec1_slider {position:relative; display:inline-block !important; margin-top:79px;}
.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/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/images/product_next.png')50% 45% no-repeat;}

/* section02 */
#section2 {width:100%; padding: 82px 0 73px; background: none;}
#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: 59px; width: 100%;}
.sec2_con li {float:left; width:50%; text-align:center;}
.sec2_con li:nth-child(n+3){margin-top:30px;}
.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:22px; color:#111; line-height:1; font-weight:500;}
.sec2_con li .txt p{font-family: 'Poppins'; font-size:14px; 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: 183px; height: 61px; text-align:center; font-size:16px; color:#fff; line-height: 61px; margin-top: 26px; background-size:cover !important; border-radius:40px;}
.sec2_con li .txt .btn.btn01 {background:url('/corporate-mirror/soo/images/services_btn1.png') top center no-repeat;}
.sec2_con li .txt .btn.btn02 {background:url('/corporate-mirror/soo/images/services_btn2.png') top center no-repeat;}
.sec2_con li .txt .btn.btn03 {background:url('/corporate-mirror/soo/images/services_btn3.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:61px 0;}
.sec3_con.con01{position: relative; background: #3573aa;}
.sec3_con.con01:after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url('/corporate-mirror/soo/images/counseling_icon_tab.png')top center no-repeat; width: 236px; height: 223px; background-size: 100%;}
.sec3_con.con01 a {padding-left: 7.812%;}
.sec3_con.con02 {position: relative; background: #8791af;}
.sec3_con.con02:after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url('/corporate-mirror/soo/images/location_icon_tab.png')top center no-repeat; width: 294px; height: 233px; background-size: 100%;}
.sec3_con.con02 a {padding-left:8.33%;}
.sec3_con span {font-size:22px; color:#fff; line-height:1;}
.sec3_con h2 {font-size:30px; 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: 'Noto Sans KR';}
#footer .inner {position:relative;}
.f_top {height:auto; background:#303030; padding: 36px 1.302%;}
.foot_logo {position:static; top:auto; left:auto;}
.foot_logo img {height:45px;}
.f_menu_wrap {width:100%; text-align:left; font-size:0; margin-top:30px;}
.f_menu {position:relative; display:block; margin-left:0; vertical-align:top; text-align:left; padding-left:112px; min-height:34px; margin-top:14px;}
.f_menu_wrap .f_menu:first-child {margin-left:0; margin-top:0;}
.f_menu strong {position:absolute; display:block; top:0; left:0; font-size:20px; line-height:34px; font-weight:400;}
.f_menu strong a {font-weight:500; color:#fff;}
.f_menu ul {display:inline-block; margin-top:0;}
.f_menu ul li {display:inline-block; line-height:34px; margin-right:29px;}
.f_menu ul li:last-child {margin-left:0;}
.f_menu ul li a {display:block; width:100%; height:100%; font-size:15px; color:#aaa;}
.f_menu.f_menu02 ul {margin-right:0}
.f_menu.f_menu02 ul:last-child {margin-right:0;}
.f_menu ul.menu02 {display:none;}
.f_btm {height:auto; background:#1c1c1c; text-align:center; padding:34px 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/images/top_icon.png') center no-repeat; cursor:pointer;}

/* ---------------------- 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: 'Poppins'; font-size: 15px; font-weight: 400; text-align: center; line-height: 59px;}
#header.sub .navi_btn {background:url('/corporate-mirror/soo/images/sub/sub_btn_bg.png') top center no-repeat; cursor:pointer;}
#header.sub .navi_btn.on {background:url('/corporate-mirror/soo/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: 'Noto Sans KR';}
.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: 50%; height: 58px; border-left:1px solid #ddd; background:#fff url('/corporate-mirror/soo/images/sub/location.png') 95% center no-repeat; background-size:7px 11px;}
.tab_menu .menu > li:last-child {width: 50%; border-right:0;}
.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/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:50px; font-family: 'Noto Sans KR';}
.contop h3 {font-size:40px; color:#111; line-height:1; font-weight:400;}
.conbody {width:100%; padding-top:70px;}


/*sub0101*/
.sub0101_wrap{width:100%;background-image:url('/corporate-mirror/soo/images/sub/sub0101_img01_1.png'),url('/corporate-mirror/soo/images/sub/sub0101_img02.png'),url('/corporate-mirror/soo/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:60px 50px;position:relative; z-index:1;}
.text_box h4{font-size:30px;}
.text_box h5{font-size:18px;margin: 20px 0 15px;padding-bottom: 15px;}
.text_box h5:after{top: 15px;}



/*sub0102*/
.history:before{display: block;content: '';  width: 1px; height: 100%; background: #ddd; position: absolute; top: 0; left:28px;z-index: 1;}
.history_list{position: relative; z-index: 2; background: url("/corporate-mirror/soo/images/sub/top_dot.jpg?v=clarity-20260714")0% 0 no-repeat;     padding-top: 100px;}
.history_txt {width: 100%; margin-left: 28px;float:none;}
.history_list .left_his .history_txt{width: 100%; margin-left: 28px;text-align:left;}
.history_list .p_dot{margin-bottom:10px;}
.history_list .left_his .year, .history_list .left_his .p_dot li{padding-right:0px;padding-left:100px;}
.history_list .left_his .year:after{ display: block; content: '';width: 88px;height: 39px;position: absolute;  top: 7px; left: -17px;background: url("/corporate-mirror/soo/images/sub/year_dot1.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; left: -8px;background: url("/corporate-mirror/soo/images/sub/day_dot.png") no-repeat 0 0; z-index:1;}
.history_list .history_img{position: relative;width: 100%;height:auto;}
.history_list .right_his .history_img { width: 100%; margin-left: 130px;float:none;margin-right:0px;}
.history_list .left_his .history_img {margin-left: 130px;width:100%;}
.history_list .history_img img{position: static; top: 50%; left: 0%;  transform: translate(0%,0%); width:50%;height:auto;}


/*sub0105*/
.partner_wrap > div:first-child {margin-bottom:60px;}
.partner_wrap .clfix .img {width:30%;}
.partner_wrap .clfix .img img {width:100%;}
.partner_wrap .clfix .txt {width:70%; padding-left:5%; margin-top:0;}
.partner_wrap .clfix .txt h4 {font-size:25px; padding-bottom:20px; margin-bottom:20px;}
.partner_wrap .clfix .txt ul li {font-size:15px; margin-bottom:3px;}
.partner_wrap .clfix .txt ul li span {width:90px; margin-right:25px;}
.partner_wrap .clfix .txt ul li p {width:calc(100% - 115px);}








/*sub02_common style ��ǰ�Ұ� ��ü ����*/

/*sub_0201====S*/

.ex_table{margin-bottom:5px; display:none;}
.sub0101_ind_box{ position: relative;}
.sub0101_ind_box>div{float: left; width: 50%;}
.sub0101_ind_box>div>img{width: 100%;}
.sub0101_ind_box>article{right: 0;top: 50%;transform: translateY(-50%);position: absolute;float: right;width: 45%;word-break: keep-all;}
.sub0101_ind_box>article>p{font-size: 16px;}
.sub0101_pup_box{margin-top: 80px;}
.sub0101_pup_box_inner{border-top: 2px solid #3573aa;padding-top: 3.5%;}
.sub0101_pup_box_inner>div>div{float: left;width: 31%;height: 200px;}
.sub0101_pup_box_inner>div>div:nth-of-type(2){margin: 0 3%;}
.sub0101_pup_box_inner>div>div:nth-of-type(5){margin: 0 3%;}
.sub0101_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(1){margin-bottom: 3.5%;}
.sub0101_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(2){margin-bottom: 3.5%;}
.sub0101_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(3){margin-bottom: 3.5%;}

.sub0101_tb_box_m{display: none;}
.sub0101_tb_bot{width: 100%;position: absolute;bottom: -53px;height: 52px;width: 100%;border-bottom: 1px solid #ddd;}
.sub0101_tb_bot>li{height: 100%;padding: 10px 15px}
.sub0101_tb_bot>li>p{font-size: 13px;padding-left: 10px;position: relative;text-align: center;}
.sub0101_tb_bot>li>p:after{position: absolute;border-radius: 50%;top: 10px;left: 0;display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}

.sub0101_pd_box_info>h5{margin-top: 20px;font-size: 16px;line-height: 1;}
.sub0101_pd_box_info>ul{margin-top: 15px;}
.sub0101_pd_box_info>h5>a {font-size: 10px;font-weight: 400;}

/*sub_0201===E*/

/*sub_0202*/
.ind_box{ position: relative;}
.ind_box>div{float: left; width: 50%;}
.ind_box>div>img{width: 100%;}
.ind_box>article{right: 0;top: 50%;transform: translateY(-50%);position: absolute;float: right;width: 45%;word-break: keep-all;}
.ind_box>article>p{font-size: 16px;}
.pup_box{margin-top: 80px;}
.pup_box_inner{border-top: 2px solid #3573aa;padding-top: 3.5%;}
.pup_box_inner>div>div{float: left;width: 31%;height: 200px;}
.pup_box_inner>div>div:nth-of-type(2){margin: 0 3%;}
.pup_box_inner>div>div:nth-of-type(5){margin: 0 3%;}
.pup_box_inner>div:nth-of-type(1)>div:nth-of-type(1){margin-bottom: 3.5%;}
.pup_box_inner>div:nth-of-type(1)>div:nth-of-type(2){margin-bottom: 3.5%;}
.pup_box_inner>div:nth-of-type(1)>div:nth-of-type(3){margin-bottom: 3.5%;}

.tb_box_m{display: none;}
.tb_bot{width: 100%;position: absolute;bottom: -53px;height: 52px;width: 100%;border-bottom: 1px solid #ddd;}
.tb_bot>li{height: 100%;padding: 10px 15px}
.tb_bot>li>p{font-size: 13px;padding-left: 10px;position: relative;text-align: center;}
.tb_bot>li>p:after{position: absolute;border-radius: 50%;top: 10px;left: 0;display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}

.pd_box_info>h5{margin-top: 20px;font-size: 16px;line-height: 1;}
.pd_box_info>ul{margin-top: 15px;}
.pd_box_info>h5>a {font-size: 10px;font-weight: 400;}




/*sub_0202===E*/




/*sub_0203===S*/
.sub0103_ind_box{ position: relative;}
.sub0103_ind_box>div{float: left; width: 50%;}
.sub0103_ind_box>div>img{width: 100%;}
.sub0103_ind_box>article{right: 0;top: 50%;transform: translateY(-50%);position: absolute;float: right;width: 45%;word-break: keep-all;}
.sub0103_ind_box>article>p{font-size: 16px;}
.sub0103_pup_box{margin-top: 80px;}
.sub0103_pup_box_inner{border-top: 2px solid #3573aa;padding-top: 3.5%;}
.sub0103_pup_box_inner>div>div{float: left;width: 31%;height: 200px;}
.sub0103_pup_box_inner>div>div:nth-of-type(2){margin: 0 3%;}
.sub0103_pup_box_inner>div>div:nth-of-type(5){margin: 0 3%;}
.sub0103_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(1){margin-bottom: 3.5%;}
.sub0103_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(2){margin-bottom: 3.5%;}
.sub0103_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(3){margin-bottom: 3.5%;}

.sub0103_tb_box_m{display: none;}
.sub0103_tb_bot{width: 100%;position: absolute;bottom: -53px;height: 52px;width: 100%;border-bottom: 1px solid #ddd;}
.sub0103_tb_bot>li{height: 100%;padding: 10px 15px}
.sub0103_tb_bot>li>p{font-size: 13px;padding-left: 10px;position: relative;text-align: center;}
.sub0103_tb_bot>li>p:after{position: absolute;border-radius: 50%;top: 10px;left: 0;display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}

.sub0103_pd_box_info>h5{margin-top: 20px;font-size: 16px;line-height: 1;}
.sub0103_pd_box_info>ul{margin-top: 15px;}
.sub0103_pd_box_info>h5>a {font-size: 10px;font-weight: 400;}

.sub0203_structure_wrap{margin:0 auto; width:90%;}
.sub0203_structure{float:left; border-radius:10px; border:1px solid #ddd; border-top:3px solid #3573aa; width:49%; padding:0px 1.5%; min-height:340px}
.sub0203_structure:nth-child(3n-1){margin-left:1.5%;}
.sub0203_structure:nth-child(n+3){margin-top:2%; margin-left:0;}




.sub0203_structure>p{font-size:18px; color:#222;}
.sub0203_structure li{padding:15px 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;}
.sub0203_structure li div:last-child img{width:100%;}


/*sub_0203===E*/


/*sub_0204===S*/
.sub0104_ind_box{ position: relative;}
.sub0104_ind_box>div{float: left; width: 50%;}
.sub0104_ind_box>div>img{width: 100%;}
.sub0104_ind_box>article{right: 0;top: 50%;transform: translateY(-50%);position: absolute;float: right;width: 45%;word-break: keep-all;}
.sub0104_ind_box>article>p{font-size: 16px;}
.sub0104_pup_box{margin-top: 80px;}
.sub0104_pup_box_inner{border-top: 2px solid #3573aa;padding-top: 3.5%;}
.sub0104_pup_box_inner>div>div{float: left;width: 31%;height: 200px;}
.sub0104_pup_box_inner>div>div:nth-of-type(2){margin: 0 3%;}
.sub0104_pup_box_inner>div>div:nth-of-type(5){margin: 0 3%;}
.sub0104_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(1){margin-bottom: 3.5%;}
.sub0104_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(2){margin-bottom: 3.5%;}
.sub0104_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(3){margin-bottom: 3.5%;}

.sub0104_tb_box_m{display: none;}
.sub0104_tb_bot{width: 100%;position: absolute;bottom: -53px;height: 52px;width: 100%;border-bottom: 1px solid #ddd;}
.sub0104_tb_bot>li{height: 100%;padding: 10px 15px}
.sub0104_tb_bot>li>p{font-size: 13px;padding-left: 10px;position: relative;text-align: center;}
.sub0104_tb_bot>li>p:after{position: absolute;border-radius: 50%;top: 10px;left: 0;display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}

.sub0104_pd_box_info>h5{margin-top: 20px;font-size: 16px;line-height: 1;}
.sub0104_pd_box_info>ul{margin-top: 15px;}
.sub0104_pd_box_info>h5>a {font-size: 10px;font-weight: 400;}
/*sub_0204===E*/

/*sub_0205===S*/
.sub0105_ind_box{ position: relative;}
.sub0105_ind_box>div{float: left; width: 50%;}
.sub0105_ind_box>div>img{width: 100%;}
.sub0105_ind_box>article{right: 0;top: 50%;transform: translateY(-50%);position: absolute;float: right;width: 45%;word-break: keep-all;}
.sub0105_ind_box>article>p{font-size: 16px;}
.sub0105_pup_box{margin-top: 80px;}
.sub0105_pup_box_inner{border-top: 2px solid #3573aa;padding-top: 3.5%;}
.sub0105_pup_box_inner>div>div{float: left;width: 31%;height: 200px;}
.sub0105_pup_box_inner>div>div:nth-of-type(2){margin: 0 3%;}
.sub0105_pup_box_inner>div>div:nth-of-type(5){margin: 0 3%;}
.sub0105_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(1){margin-bottom: 3.5%;}
.sub0105_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(2){margin-bottom: 3.5%;}
.sub0105_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(3){margin-bottom: 3.5%;}

.sub0105_tb_box_m{display: none;}
.sub0105_tb_bot{width: 100%;position: absolute;bottom: -53px;height: 52px;width: 100%;border-bottom: 1px solid #ddd;}
.sub0105_tb_bot>li{height: 100%;padding: 10px 15px}
.sub0105_tb_bot>li>p{font-size: 13px;padding-left: 10px;position: relative;text-align: center;}
.sub0105_tb_bot>li>p:after{position: absolute;border-radius: 50%;top: 10px;left: 0;display: block;content: '';width: 3px;height: 3px;background-color: #3573aa;}

.sub0105_pd_box_info>h5{margin-top: 20px;font-size: 16px;line-height: 1;}
.sub0105_pd_box_info>ul{margin-top: 15px;}
.sub0105_pd_box_info>h5>a {font-size: 10px;font-weight: 400;}
/*sub_0205===E*/


/*E=========================================sub02_common style ��ǰ�Ұ� ��ü ����========================================E*/









/* sub0301 */
.top_img {background:url(/corporate-mirror/soo/images/sub/sub0301_tab_img01.jpg?v=clarity-20260714) center center no-repeat; background-size:100%;}
.sub0301_top {width:100%;}
.middle_img:after { content:'';width:120px; height:160px;}
.sub0301_middle > li {float:left; width:50%; padding:40px 0px 40px 20px;}
.sub0301_middle > li:nth-child(2),.sub0301_middle > li:nth-child(3) {background-color:#f9f9f9;}
.sub0302_img02 {background:url(/corporate-mirror/soo/images/sub/sub0301_tab_img02.jpg?v=clarity-20260714) center center no-repeat;background-size:100%;}
.sub0302_img03 {background:url(/corporate-mirror/soo/images/sub/sub0301_tab_img03.jpg?v=clarity-20260714) center center no-repeat;background-size:100%;}
.middle_img {width:140px; height:180px;  margin-right:0;}
.middle_txt {padding-top:20px; min-width:195px; width:55%; float:right; padding-right:10px;}
.middle_txt em {display:block; margin-bottom:5px;}
.middle_txt p { font-size:15px; margin-top:10px;}
.middle_txt span {}
.middle_txt > ul > li {margin-bottom:;}
.middle_txt dt {margin-bottom:10px;}
.middle_txt dd { width:auto;}



/* sub0401 */
.sub04_sec01 .sec01_img {width:70%;}
.sub04_sec01 .sec01_img img {width:100%;}
.sub04_sec01 .sec01_txt {margin-top:-294px;}
.sub04_sec01 .sec01_txt > div {padding:40px 30px;}
.sub04_sec02 .sec02_img {width:70%;}
.sub04_sec02 .sec02_img img {width:100%;}
.sec02_pctab {padding:70px 50px;}
.sec03_img li:first-child {float:left;}
.sec03_img li:nth-child(2) {margin:0 auto;}
.sec03_img li:last-child {float:right;}
.sec03_img li:first-child:after {background-size:18px;}
.sec03_img li:nth-child(2):after {background-size:18px;}



}