@media screen and (max-width:767px) {
/* 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:12px; 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:767px; margin:0 auto; overflow: hidden;}
.inner {width: 100%; padding: 0 3.125%; margin:0 auto;}

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

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

/* -------------------------------- main ---------------------------------- */
/* header */
#header{position: absolute; width: 100%; height: 70px; z-index: 1000;}
#header .inner{position: relative; height: 100%;}
#header .logo{position: absolute; top: 18px; left: 3.125%;}
#header .logo a{display: block;}
#header .logo a img{width: 64px; height: 36px;}
/* 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: 19px; font-size: 0;}
.h_menu > div{display: inline-block; vertical-align: top; margin-right: 9px; width: 35px; height: 35px;}
.h_menu .lang a{display: block; font-family: 'Poppins'; font-size: 11px; font-weight: 400; color: #fff; text-align: center; line-height: 35px;}
.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_mob.png') top center no-repeat; background-size: 35px 35px; width: 35px; height: 35px;}
.navi_btn{background:url('/corporate-mirror/soo/images/btn_bg_mob.png') top center no-repeat; display: block; background-size: 35px 35px;}
.navi_btn.on {background:url('/corporate-mirror/soo/images/close_btn_mob.png') top center no-repeat; width:35px; height: 35px; background-size: 35px 35px;}

/* 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: 12px; line-height: 1px;}
.visual .visual_tit p{font-family: 'Poppins'; font-weight: 700;font-size: 25px; line-height: 30px;}
.visual .visual_tit span:last-child{font-family: 'Poppins'; font-size: 13px; line-height: 22px; font-weight: 400;}

#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: 35px; height: 35px; border-radius: 50%;}
#header.navi .lang a {display: block; color:#3573aa;}

/* navi */
.navigation {display:none; position:absolute; top:70px; 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:51px; 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:10px 7px;}
.navigation h3 a {display:block; width:100%; height:100%; padding-left:30px; font-size:15px; color:#fff; line-height:50px; font-weight:500;}
.navigation h3.on {background:#fff url('/corporate-mirror/soo/images/sub/menu_on.png') 96% center no-repeat; background-size:10px 7px;}
.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:10px 7px;}
.navigation h3.active a {color:#111;}
.navigation ul {width:100%; padding:20px 0; background:#6290bb;}
.navigation ul li a {display:block; width:100%; height:100%; padding-left:30px; font-size:13px; color:#fff; line-height:30px;}

/* 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 */
#section1{position: relative; width:100%; padding: 27px 0 49px;}
#section1:after{content: ''; position: absolute; bottom: 0; left: 0; background: #ebebeb; width: 100%; height: 152px;}
h2.h2_tit{font-family: 'Poppins';  font-size: 26px; color:#111; line-height:1; font-weight:800;}
h2.h2_tit span{font-family: 'Poppins';  font-weight:300; display: block;}
.slider_wrap {position:relative; width:100%; height: 219px; margin-top:21px; font-size:0;}

/* big_img */
.big_img_wrap {position:absolute; top:auto; bottom: 0; left:0;}
.big_img {position:relative; display:inline-block !important; width:180px; margin-right:0; z-index:3;}
.big_img li {width:180px; height:215px;}
.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_mob.png') top center no-repeat; background-size:cover;}
.big_img li .img {display:table-cell; width:180px; height:215px;vertical-align:middle; text-align:center;}
.big_img li .img img {display:inline-block; max-width:180px; max-height:215px; width:100%;}
/* txt_slider */
.txt_slider_wrap {position:absolute; bottom:0; left:0; width:180px; height:78px; z-index:5;}
.txt_slider {background:#3573aa;}
.txt_slider li {width:180px; height:78px;}
.txt_slider li a {display:block; width:100%; height:100%; padding:20px;}
.txt_slider li h3 {font-size:15px; color:#fff; line-height:1;}
.txt_slider li .desc {display:none;}
.txt_slider li .more {position:relative; width:100%; font-size:12px; color:#fff; line-height:1; margin-top:14px;}
.txt_slider li .more:before {content:''; position:absolute; bottom:3px; right:0; width:65px; height:1px; background:#fff;}
/* sec1_slider */
.sec1_slider_wrap {position:relative; padding-left:195px; width:1520px; z-index:1; padding-top:0;}
/* .sec1_slider_wrap::after {content: ""; position: absolute; top :-12px; width: 520px;height: 128px; background-color: #fff; margin-left: 305px;}
.sec1_slider_wrap::before {content: ""; position: absolute; top :116px; width: 520px;height: 138px; background-color: #ebebeb; margin-left: 305px; z-index: 999;} */
.sec1_slider {position:relative; display:inline-block !important;  margin-top:42px;}
.sec1_slider li {position:relative; float:left; width:145px; margin-right:15px; -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:145px; height:173px; vertical-align:middle; text-align:center;}
.sec1_slider li .img img {display:inline-block; max-width:145px; max-height:173px;}
.sec1_slider li .txt {position:absolute; bottom:0; left:0; width:100%; padding:20px;}
.sec1_slider li .txt h3 {font-size:14px; color:#fff; line-height:1;}
.sec1_slider li .txt .desc {display:none;}
.sec1_slider .slick-arrow {position:absolute; top:-42px; width:30px; height:30px; font-size:0;}
.sec1_slider button{outline: 0;}
.sec1_slider .slick-prev {position:absolute; top:-38px; left:0; width: 30px; height: 30px; border: 1px solid #ddd; font-size:0; background:url('/corporate-mirror/soo/images/product_prev.png')50% 45% no-repeat; background-size: 15px 6px;}
.sec1_slider .slick-next {position:absolute; top:-38px; left: 40px; width: 30px; height: 30px; border: 1px solid #ddd;  font-size:0; background:url('/corporate-mirror/soo/images/product_next.png')50% 45% no-repeat; background-size: 15px 6px;}

/* section02 */
#section2 {width:100%; padding:50px 0; background:#fff;}
#section2 .tit {width:100%; text-align:center;}
#section2 .tit p {font-size:12px; color:#36a536; line-height:18px; margin-top:20px; font-weight:500; word-break:keep-all;}
.sec2_con {width:100%; margin-top:40px; padding:0;}
.sec2_con li {float:left; width:50%; text-align:center; padding:0 3%; margin-top:40px;}
.sec2_con li:nth-child(-n+2) {margin-top:0;}
.sec2_con li .img_wrap {position:relative; width:100%; height:130px; z-index:1; text-align:center;}
.sec2_con li .img_wrap img:first-child {padding-top:10px; max-width:100%;}
.sec2_con li .img_wrap .icon01 {height:120px;}
.sec2_con li .img_wrap .icon02 {height:125px;}
.sec2_con li .img_wrap .icon03 {height:116px;}
.sec2_con li .img_wrap .icon04 {height:96px;}
.sec2_con li:nth-child(2) .img_wrap img:first-child {padding-top:0;}
.sec2_con li .img_wrap .img {position:absolute; top:0; left:50%; z-index:-1;  max-width:100%;}
.sec2_con li .img_wrap .img.img01 {width:120px; margin-left:-60px;}
.sec2_con li .img_wrap .img.img02 {width:114px; margin-left:-57px;}
.sec2_con li .txt {width:100%; margin-top:20px;}
.sec2_con li .txt h3 {font-size:14px; color:#111; line-height:1; font-weight:500;}
.sec2_con li .txt p {font-size:12px; color:#555; line-height:18px; margin-top:10px;}
.sec2_con li .txt .btn {display:inline-block; width:130px; height:40px; text-align:center; font-size:12px; color:#fff; line-height:40px; margin-top:30px;
background-size:100% !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:none; width: 100%;}
.sec3_con a {display:block; width:100%; height:100%; padding:41px 0 38px;}
.sec3_con.con01{position: relative; background:#24639e}
.sec3_con.con01:after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url('/corporate-mirror/soo/images/counseling_icon_mob.png')top center no-repeat; width: 151px; height: 144px; background-size: 100%;}
.sec3_con.con01 a {padding-left: 3.125%;}
.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_mob.png')top center no-repeat; width: 164px; height: 146px; background-size: 100%;}
.sec3_con.con02 a {padding-left:8.33%;}
.sec3_con span {font-size:14px; color:#fff; line-height:1;}
.sec3_con h2 {font-size:20px; color:#fff; line-height:1; margin-top: 8px;}
.sec3_con p {font-size:12px; color:#fff; margin-top: 20px;}
.sec3_con .more {font-size:12px; color:#fff; margin-top: 20px;}
.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:30px 0;}
.foot_logo {position:static; top:auto; left:auto;}
.foot_logo img {width: 60px; height: 41px;}
.f_menu_wrap {width:100%; text-align:left; font-size:0; margin-top:18px;}
.f_menu {position:relative; display:block; margin-left:0; vertical-align:top; text-align:left; padding-left:80px; min-height:25px; margin-top:16px;}
.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:14px; line-height:25px; 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:25px; margin-right:20px;}
.f_menu ul li:last-child {margin-left:0;}
.f_menu ul li a {display:block; width:100%; height:100%; font-size:12px; color:#aaa;}
.f_menu.f_menu02 ul {margin-right:0}
.f_menu.f_menu02 ul:last-child {margin-right:0;}
.f_menu ul.menu01 {display:none;}
.f_menu ul.menu02 {display:inline-block;}
.f_btm {height:auto; background:#1c1c1c; text-align:center; padding:30px 0;}
.f_btm address {font-size:12px; color:#fff; line-height:18px;}
.f_btm address a {color:#fff;}
.top_btn {position:absolute; top:1px; right: 3.125%; width: 37px; height: 37px; 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: 18px;}
#header.sub .h_menu > div {width: 35px; height: 35px; margin-left:10px; border-radius: 50%;}
#header.sub .lang {background:#fff; line-height: 35px;}
#header.sub .lang a {color:#3573aa; display: block; font-family: 'Poppins'; font-size: 11px; font-weight: 400; text-align: center; line-height: 35px;}
#header.sub .navi_btn {background:url('/corporate-mirror/soo/images/sub/sub_btn_bg_mob.png') top center no-repeat; cursor:pointer; background-size: 35px;}
#header.sub .navi_btn.on {background:url('/corporate-mirror/soo/images/close_btn.png') top center no-repeat; cursor:pointer; background-size: 35px;}

#sub_contents {width:100%; padding: 30px 0 70px; min-height: 600px;}
.tab_menu {position:relative; width:100%; height: 40px; border:1px solid #ddd; background:#f6f6f6; padding-left: 0px; font-family: 'Noto Sans KR';}
.tab_menu .tab_home {display:none;}
.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: 38px; border-left:1px solid #ddd; background:#fff url('/corporate-mirror/soo/images/sub/location.png') 95% center no-repeat; background-size: 7px 9px;}
.tab_menu .menu > li:first-child {border-left:0;}
.tab_menu .menu > li:last-child {width: 50%; border-right:0;}
.tab_menu .menu > li > a {display:block; width:100%; height:100%; line-height: 38px; padding-left: 15px; font-size:12px; 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: 38px; left:-1px; box-sizing:content-box; width:calc(100% + 1px ); padding: 19px 0; 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: 28px; padding-left: 15px; font-size:12px; color:#fff;}

.contop {width:100%; text-align:center; padding-top: 30px; font-family: 'Noto Sans KR';}
.contop h3 {font-size: 22px; color:#111; line-height:1; font-weight:400;}
.conbody {width:100%; padding-top: 40px;}



/*sub0101*/
.sub0101_wrap{width:100%;background-image:url('/corporate-mirror/soo/images/sub/sub0101_img01_mob.png'),url('/corporate-mirror/soo/images/sub/sub0101_img02_mob.png');box-shadow: 0px 0px 25px rgba(0,0,0,0.15); background-repeat:no-repeat;background-position:102% -6%, -1% 64%;padding: 30px 20px;position:relative; z-index:1;background-size:20%;}
.text_box{width:100%;float:none;}
.text_box h4{font-size:22px;}
.text_box h5{font-size:15px;}
.text_box h5:after{width:20px; height:2px;}
.img_box{position: static;margin: 0px auto;margin-top: 30px;max-width: 70%; z-index:0;width:100%;top:0%; transform: translateY(0%);}
.sub_pc_img{display:none;}
.sub_mob_img{display:block;}



/*sub0102*/

.history_list .year{font-size:20px;padding-left: 70px;}
.history_list .p_dot li{font-size:15px;position:relative;padding-left: 70px;}
.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;margin-top:15px;}
.history_list .left_his .year, .history_list .left_his .p_dot li{padding-right:0px;padding-left:70px;}
.history_list .right_his .year:after { display: block; content: '';width: 70px;height: 28px;position: absolute;  top: 4px; left: -9px;background: url("/corporate-mirror/soo/images/sub/year_dot1_mob.png") no-repeat 0 0; z-index:1;}
.history_list .right_his .p_dot li:after { display: block; content: '';width: 9px;height: 10px;position: absolute;  top: 7px;left: -5px;background: url("/corporate-mirror/soo/images/sub/day_dot_mob.png") no-repeat 0 0; z-index:1;}
.history_list .left_his .year:after{ display: block; content: '';width: 70px;height: 28px;position: absolute;top: 4px; left: -9px;background: url("/corporate-mirror/soo/images/sub/year_dot1_mob.png") no-repeat 0 0; z-index:1;}
.history_list .left_his .p_dot li:after{ display: block; content: '';width: 9px;height: 10px;position: absolute;  top: 7px; left: -5px;background: url("/corporate-mirror/soo/images/sub/day_dot_mob.png") no-repeat 0 0; z-index:1;}
.history_list .right_his .history_img { width: 100%; margin-left:97px;float:none;margin-right:0px;}
.history_list .left_his .history_img {margin-left: 97px;width:100%;}
.history_list .history_img img{position: static; top: 50%; left: 0%;  transform: translate(0%,0%); width:50%;height:auto;}
.history_list > li { overflow: hidden;  margin-top: 50px;}


/*sub0105*/
.partner_wrap > div:first-child {margin-bottom:30px;}
.partner_wrap .clfix .img {float:none; width:100%;}
.partner_wrap .clfix .txt {float:none; width:100%; padding-left:0; margin-top:20px;}
.partner_wrap .clfix .txt h4 {font-size:20px; padding-bottom:15px; margin-bottom:15px;}
.partner_wrap .clfix .txt ul li {font-size:13px; padding-left:12px;}
.partner_wrap .clfix .txt ul li::before {width:3px; height:3px; top:8px;}
.partner_wrap .clfix .txt ul li span {width:80px; margin-right:15px;}
.partner_wrap .clfix .txt ul li p {width:calc(100% - 95px); word-break:keep-all;}










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

/*sub_0201========S*/
.table_ps {display: none;}
.table_ps2 {margin: 20px 0 50px; display: block;}
.table_ps2 span {color: #fa4747;}
.ex_table{margin-bottom:5px; display:block;}
.ex_table em{word-break: keep-all;line-height:1.5;}
.ex_span{display:none;}
.ex_p{display:none;}
.sub0101_at_box_wrap{margin-top: 40px;}
.sub0101_at_inner h4{font-size: 15px;}
.sub0101_at_inner ul li p{font-size: 12px;padding-left:10px;}
.sub0101_at_inner ul li p:after {top:8px;}
.sub0101_pup_box{margin-top: 40px;}
.sub0101_ind_box>div{width: 80%;float: none;right: none;top: none; transform: none; position:inherit;margin: 0 auto;}
.sub0101_ind_box>article{width: 80%;float: none;right: none;top: none;transform: none;position: inherit;margin: 0 auto;margin-top: 20px;}
.sub0101_ind_box>article>p{font-size: 12px;word-break: keep-all; line-height: 20px;text-align: center;}
.sub0101_pup_box_inner{padding-top: 5%;}
.sub0101_pup_box_inner li {position:relative; float:left; width:47%; height:0; padding-bottom:39.65%; margin-top:5%; margin-right:6%;}
.sub0101_pup_box_inner li:nth-child(3n) {margin-right:6%;}
.sub0101_pup_box_inner li:nth-child(-n+3) {margin-top:5%;}
.sub0101_pup_box_inner li:nth-child(2n) {margin-right:0;}
.sub0101_pup_box_inner li:nth-child(-n+2) {margin-top:0;}
.sub0101_pup_box_inner li img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%;}
.sub0101_wrap_tb{margin-top: 40px;}.tb{display: none; }
.sub0101_tb_bot{display: none;}
.sub0101_mrt_20{ margin-top: 20px;}
.sub0101_t_center_t{text-align: center;width: 100%;font-size: 11px;word-break: keep-all;color: #676767;margin-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;}
.sub0101_tb{display:none;}
.sub0101_tb_box_m{display: block;}
.sub0101_tb_box_m>ul{border-top: 1px solid #dbdbdb; padding:10px 0;}
.sub0101_tb_box_m>ul:first-of-type{border-top: 2px solid #3573aa;}
.sub0101_tb_box_m>ul>li {overflow:hidden;}
.sub0101_tb_box_m>ul>li:nth-of-type(n+2){padding-top: 10px;}
.sub0101_tb_box_m>ul>li>h5{ font-size: 12px; font-weight: 500;float: left;width: 35%;}
.sub0101_tb_box_m>ul>li>p{position: relative;padding-left: 17px;font-size: 12px;float: left;width: 62%;margin-left: 3%;}
.sub0101_tb_box_m>ul>li>p:after{position: absolute;border-radius: 50%; top: 7px;left: 0; display: block;content: ''; width: 3px;height: 3px; background-color: #3573aa;}
.sub0101_tb_box_m>ul li.tb_box_last p {width:100%; margin-left:0; padding-left:0; margin-top:0; padding-top:10px; border-top: 1px solid #dbdbdb;}
.sub0101_tb_box_m>ul li.tb_box_last p:after {display:none;}
.sub0101_pd_box{margin-top: 40px;}
.sub0101_pd_box_info{padding-top: 10px;}
.sub0101_pd_box_info>h5{font-weight: 500; margin-top:10px;}
.sub0101_pd_box_info>ul>li{padding-left: 10px;}

.sub0101_pd_box>div{float: none;width: 100%;}
.sub0101_pd_box>div:nth-child(2){float:none; margin-left: 0;}

.sub0133_pd_box > div:nth-child(1){float: none;width: 100%;}
.sub0133_pd_box > div:nth-child(2){float:none; width: 100%; margin-left: 0;}
/*sub_0201========E*/



/*sub_0202*/
.at_box_wrap{margin-top: 40px;}
.at_inner h4{font-size: 15px;}
.at_inner ul li p{font-size: 12px;padding-left:10px;}
.at_inner ul li p:after {top:8px;}
.pup_box{margin-top: 40px;}
.ind_box>div{width: 80%;float: none;right: none;top: none; transform: none; position:inherit;margin: 0 auto;}
.ind_box>article{width: 80%;float: none;right: none;top: none;transform: none;position: inherit;margin: 0 auto;margin-top: 20px;}
.ind_box>article>p{font-size: 12px;word-break: keep-all; line-height: 20px;text-align: center;}
.pup_box_inner{padding-top: 5%;}
.pup_box_inner li {position:relative; float:left; width:47%; height:0; padding-bottom:39.65%; margin-top:5%; margin-right:6%;}
.pup_box_inner li:nth-child(3n) {margin-right:6%;}
.pup_box_inner li:nth-child(-n+3) {margin-top:5%;}
.pup_box_inner li:nth-child(2n) {margin-right:0;}
.pup_box_inner li:nth-child(-n+2) {margin-top:0;}
.pup_box_inner li img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%;}
.wrap_tb{margin-top: 40px;}.tb{display: none; }
.tb_bot{display: none;}
.mrt_20{ margin-top: 20px;}
.t_center_t{text-align: center;width: 100%;font-size: 11px;word-break: keep-all;color: #676767;margin-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;}
.tb_box_m{display: block;}
.tb_box_m>ul{border-top: 1px solid #dbdbdb; padding:10px 0;}
.tb_box_m>ul:first-of-type{border-top: 2px solid #82b14e;}
#top_b_n{border-top:none;}


.tb_box_m>ul>li {overflow:hidden;}
.tb_box_m>ul>li:nth-of-type(n+2){padding-top: 10px;}
.tb_box_m>ul>li>h5{ font-size: 12px; font-weight: 500;float: left;width: 35%;}
.tb_box_m>ul>li>h5.hei50{height:50px;}



.sub0101_tb_box_m>ul>li>h5.hei50{height:70px;}
.sub0101_tb_box_m>ul>li>h5.hei100{height:110px;}
.tb_box_m>ul>li>h5.hei50{height:40px;}
.tb_box_m>ul>li>h5.hei100{height:100px;}



.tb_box_m>ul>li>p{position: relative;padding-left: 17px;font-size: 12px;float: left;width: 62%;margin-left: 3%;}
.tb_box_m>ul>li>p:after{position: absolute;border-radius: 50%;transform: translateY(-50%); top: 50%;left: 0; display: block;content: ''; width: 3px;height: 3px; background-color: #3573aa;}
.tb_box_m>ul li.tb_box_last p {width:100%; margin-left:0; padding-left:0; margin-top:0; padding-top:10px; border-top: 1px solid #dbdbdb;}
.tb_box_m>ul li.tb_box_last p:after {display:none;}
.pd_box{margin-top: 40px;}
.pd_box_info{padding-top: 0;}
.pd_box_info>h5{font-weight: 500;}
.pd_box_info>ul>li{padding-left: 10px;}
.pd_box>div{float: none;width: 100%;}
.pd_box>div:nth-child(2){float:none; margin-left: 0;}


/*sub_0203========S*/
.sub0103_pd_box{margin-top: 40px;}
.sub0103_pd_box_info{padding-top: 0;}
.sub0103_pd_box_info>h5{font-weight: 500;}
.sub0103_pd_box_info>ul>li{padding-left: 10px;}
.sub0103_pd_box>div{float: none;width: 100%;}
.sub0103_pd_box>div:nth-child(2){float:none; margin-left: 0;}

.ex_p_h4{font-size:15px; color:#222; margin-bottom:8px; word-break: keep-all;}

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


.sub0203_structure>p{font-size:18px; color:#222;}
.sub0203_structure li{padding:15px 0px; }
.sub0203_structure li h5{font-size:18px; color:#3573aa; font-weight:500; text-align:center;}
.sub0203_structure li p{text-align:center; padding-bottom:8px; position:relative; margin-bottom:8px; word-break: keep-all; display:table; width:100%; height:50px;     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_at_box_wrap{margin-top: 40px;}
.sub0104_at_inner h4{font-size: 15px;}
.sub0104_at_inner ul li p{font-size: 12px;padding-left:10px;}
.sub0104_at_inner ul li p:after {top:8px;}
.sub0104_pup_box{margin-top: 40px;}
.sub0104_ind_box>div{width: 80%;float: none;right: none;top: none; transform: none; position:inherit;margin: 0 auto;}
.sub0104_ind_box>article{width: 80%;float: none;right: none;top: none;transform: none;position: inherit;margin: 0 auto;margin-top: 20px;}
.sub0104_ind_box>article>p{font-size: 12px;word-break: keep-all; line-height: 20px;text-align: center;}
.sub0104_pup_box_inner{padding-top: 5%;}
.sub0104_pup_box_inner li {position:relative; float:left; width:47%; height:0; padding-bottom:39.65%; margin-top:5%; margin-right:6%;}
.sub0104_pup_box_inner li:nth-child(3n) {margin-right:6%;}
.sub0104_pup_box_inner li:nth-child(-n+3) {margin-top:5%;}
.sub0104_pup_box_inner li:nth-child(2n) {margin-right:0;}
.sub0104_pup_box_inner li:nth-child(-n+2) {margin-top:0;}
.sub0104_pup_box_inner li img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%;}
.sub0104_wrap_tb{margin-top: 40px;}.tb{display: none; }
.sub0104_tb_bot{display: none;}
.sub0104_mrt_20{ margin-top: 20px;}
.sub0104_t_center_t{text-align: center;width: 100%;font-size: 11px;word-break: keep-all;color: #676767;margin-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;}
.sub0104_tb{display:none;}
.sub0104_tb_box_m{display: block;}
.sub0104_tb_box_m>ul{border-top: 1px solid #dbdbdb; padding:10px 0;}
.sub0104_tb_box_m>ul:first-of-type{border-top: 2px solid #82b14e;}
.sub0104_tb_box_m>ul>li {overflow:hidden;}
.sub0104_tb_box_m>ul>li:nth-of-type(n+2){padding-top: 10px;}
.sub0104_tb_box_m>ul>li>h5{ font-size: 12px; font-weight: 500;float: left;width: 35%;}
.sub0104_tb_box_m>ul>li>p{position: relative;padding-left: 17px;font-size: 12px;float: left;width: 62%;margin-left: 3%;}
.sub0104_tb_box_m>ul>li>p:after{position: absolute;border-radius: 50%; top: 7px;left: 0; display: block;content: ''; width: 3px;height: 3px; background-color: #82b14e;}
.sub0104_tb_box_m>ul li.tb_box_last p {width:100%; margin-left:0; padding-left:0; margin-top:0; padding-top:10px; border-top: 1px solid #dbdbdb;}
.sub0104_tb_box_m>ul li.tb_box_last p:after {display:none;}
.sub0104_pd_box{margin-top: 40px;}
.sub0104_pd_box_info{padding-top: 10;}
.sub0104_pd_box_info>h5{font-weight: 500;}
.sub0104_pd_box_info>ul>li{padding-left: 10px;}
.sub0104_pd_box>div{float: none;width: 100%;}
.sub0104_pd_box>div:nth-child(2){float:none; margin-left: 0;}
/*sub_0204========E*/

/*sub_0205========S*/
.sub0105_at_box_wrap{margin-top: 40px;}
.sub0105_at_inner h4{font-size: 15px;}
.sub0105_at_inner ul li p{font-size: 12px;padding-left:10px;}
.sub0105_at_inner ul li p:after {top:8px;}
.sub0105_pup_box{margin-top: 40px;}
.sub0105_ind_box>div{width: 80%;float: none;right: none;top: none; transform: none; position:inherit;margin: 0 auto;}
.sub0105_ind_box>article{width: 80%;float: none;right: none;top: none;transform: none;position: inherit;margin: 0 auto;margin-top: 20px;}
.sub0105_ind_box>article>p{font-size: 12px;word-break: keep-all; line-height: 20px;text-align: center;}
.sub0105_pup_box_inner{padding-top: 5%;}
.sub0105_pup_box_inner li {position:relative; float:left; width:47%; height:0; padding-bottom:39.65%; margin-top:5%; margin-right:6%;}
.sub0105_pup_box_inner li:nth-child(3n) {margin-right:6%;}
.sub0105_pup_box_inner li:nth-child(-n+3) {margin-top:5%;}
.sub0105_pup_box_inner li:nth-child(2n) {margin-right:0;}
.sub0105_pup_box_inner li:nth-child(-n+2) {margin-top:0;}
.sub0105_pup_box_inner li img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%;}
.sub0105_wrap_tb{margin-top: 40px;}.tb{display: none; }
.sub0105_tb_bot{display: none;}
.sub0105_mrt_20{ margin-top: 20px;}
.sub0105_t_center_t{text-align: center;width: 100%;font-size: 11px;word-break: keep-all;color: #676767;margin-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;}
.sub0105_tb{display:none;}
.sub0105_tb_box_m{display: block;}
.sub0105_tb_box_m>ul{border-top: 1px solid #dbdbdb; padding:10px 0;}
.sub0105_tb_box_m>ul:first-of-type{border-top: 2px solid #82b14e;}
.sub0105_tb_box_m>ul>li {overflow:hidden;}
.sub0105_tb_box_m>ul>li:nth-of-type(n+2){padding-top: 10px;}
.sub0105_tb_box_m>ul>li>h5{ font-size: 12px; font-weight: 500;float: left;width: 35%;}
.sub0105_tb_box_m>ul>li>p{position: relative;padding-left: 17px;font-size: 12px;float: left;width: 62%;margin-left: 3%;}
.sub0105_tb_box_m>ul>li>p:after{position: absolute;border-radius: 50%; top: 7px;left: 0; display: block;content: ''; width: 3px;height: 3px; background-color: #82b14e;}
.sub0105_tb_box_m>ul li.tb_box_last p {width:100%; margin-left:0; padding-left:0; margin-top:0; padding-top:10px; border-top: 1px solid #dbdbdb;}
.sub0105_tb_box_m>ul li.tb_box_last p:after {display:none;}


.sub_0205_pd_box_info ul div{float: none;width: 45%;}
.sub_0205_pd_box_info ul div.f_r{float: none;}
.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; padding-top:15px;}
.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: #82b14e;}
#sub_0205_pd_box>p{text-align: center;}


#sub_0205_pd_box>div:first-of-type{float: none;width: 100%;}
#sub_0205_pd_box>div:last-of-type{float: none;width: 100%;}

/*sub_0201========E*/


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












/* sub0301 */
.sub0301_top {padding:20px 10px;  padding-bottom:0;}
.sub0301_top > div {width:100%;}
.top_img { float:none; width:100%;  height:auto;background:url(/corporate-mirror/soo/images/sub/sub0301_mob_img01.jpg?v=clarity-20260714) cover cover no-repeat;background-size:100%;  padding:40px 0; margin:0 auto; text-align:center;}
.top_img:after {content:''; width:90%; height:80%; position:absolute; top:10%; left:5%; border:2px solid #fff;}
.top_img h5:after {display:none;}
.top_img p {font-size:16px; display:inline; margin-right:20px;}
.top_img h5 {font-size:20px; display:inline;}
.top_txt {width:100%; padding:20px 20px;}
.top_txt em {font-size:15px; display:inline-block; width:85px;}
.top_txt p {font-size:12px; display:inline; width:auto;}
.top_txt span {display:none;}
.top_txt dt { width:85px; font-size:15px;}
.sub_list li {position:relative; padding-left:8px; font-size:12px; margin-bottom:10px; margin-top: 0;}
.sub_list li:before {content:''; width:3px; height:3px; background-color:#014099; position:absolute; top:8px; left:0; border-radius:50%;}
.top_txt > ul > li:nth-child(2) {margin-top:15px; margin-bottom:15px;}
.sub0301_middle {margin-top:0;}
.sub0301_middle > li {float:none; width:100%; padding:20px 10px; }
.middle_img { float:none; width:100%;  height:auto;background:url(/corporate-mirror/soo/images/sub/sub0301_mob_img01.jpg?v=clarity-20260714) cover cover no-repeat;background-size:100%;  padding:40px 0; margin:0 auto; text-align:center;}
.middle_img:after {content:''; width:90%; height:80%; position:absolute; top:10%; left:5%; border:2px solid #fff;}
.middle_img h5:after {display:none;}
.middle_img p {font-size:16px; display:inline; margin-right:20px;}
.middle_img h5 {font-size:20px; display:inline;}
.middle_txt {width:100%; padding:20px 0 0 20px;}
.middle_txt em {font-size:15px; display:inline-block; width:75px;}
.middle_txt p {font-size:12px; display:inline; width:auto;}
.middle_txt span {display:none;}
.middle_txt dt {font-size:15px; width:75px;}

.top_txt.ex1 > ul > li:nth-child(2) { margin-bottom: 15px;}
.middle_txt > ul > li:nth-child(2) {margin-top:15px; margin-bottom:15px;}
.sub0301_middle > li:nth-child(2), .sub0301_middle > li:nth-child(3) {background-color:#fff;}
.sub0301_middle > li:nth-child(even) {background-color:#f9f9f9;}






/* sub0401 */
h4.h4_tit {font-size:18px; margin-top:40px; margin-bottom:20px; background-size:15px; padding-left:20px;}
.sub04_sec01 {padding:0;}
.sub04_sec01 .sec01_txt {margin-top:0; float:none; text-align:center;}
.sub04_sec01 .sec01_txt h3 {font-size:18px;}
.sub04_sec01 .sec01_txt h5 {margin-top:20px; margin-bottom:15px; font-size:12px;}
.sub04_sec01 .sec01_img {width:100%;}
.sub04_sec01 .sec01_img img {width:100%;}
.sub04_sec01 .sec01_txt > div {padding:30px 20px; width:90%; margin:-130px auto 0 auto;}
.sub04_sec01 .sec01_txt > div:before {width:105%; height:95%; top:-4%; left:-2.5%;}
.sec02_mob {display:block; background-color:#f9f9f9; position:relative;  box-shadow:5px 5px 5px  rgb(23, 43, 2, 0.2); font-size:12px; width:80%;}
.sub04_sec02 {padding:0;}
.sub04_sec02 .sec02_txt {float:none; margin:-130px auto 0 auto;}
.sub04_sec02 .sec02_img {width:100%; float:none;}
.sub04_sec02 .sec02_img img {width:100%;}
.sec02_mob {padding:30px 20px; width:90%; margin:0px auto 0px auto;}
.sec02_mob:before { content:''; position:absolute; width:105%; height:95%; top:-4%; left:-2.5%; border:2px solid #014099;z-index:-2;}
.sub04_sec01 .sec01_img:before, .sub04_sec01 .sec01_txt:before, .sub04_sec02 .sec02_img:before, .sub04_sec02 .sec02_txt:before   {display:none;}
.sec02_pctab {display:none;}
.sec02_mob ul li { line-height:25px; font-size:14px; padding-left:15px; position:relative;}
.sec02_mob ul li:before {content:''; position:absolute; top:11px; left:5px;width:3px; height:3px; background-color:#014099; border-radius:50%;}
.sec03_img li {background-size:90px; height:90px;}
.sec03_img li div img {height:32px; margin-bottom:10px;}
.sec03_img li:first-child:after {display:none;}
.sec03_img li:nth-child(2):after {display:none;}
}