@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}


/*연혁*/
.history {font-size:0;}
.history dl {position:relative; display: inline-block; width:33.3%; /* margin-right:5%; */ margin-bottom:50px; vertical-align:top;}
.history dl:nth-child(3n) {margin-right:0;}
.history dt {position: relative; display: inline-block; margin-bottom:30px; text-align: center; color: #fff; width: 150px; height: 150px; overflow: hidden; background: rgba(97,98,230,0.9); box-shadow: 3px 4px 8px rgba(0,0,0,0.15); border-radius: 50%; -webkit-animation: bounceIn 3s 1; animation: bounceIn 3s 1; z-index:1}
.history dt span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); word-break: keep-all; font-weight: 600; font-size: 2.06rem; font-family: 'Play', sans-serif; ;}
.history dl:before {position: absolute; content: ""; display: block; border: 4px solid rgba(97,98,230,0.7); background:#fff; top: 65px; left:65%; width:21px; height:21px; border-radius:50px;}
.history dl:after {position: absolute; content: ""; display: block; width:calc(100% - 75px); height: 1px; background: rgba(97, 100, 233, 0.2); top: 75px; left: 150px; z-index:-1;}
.history dl:last-child:before, .history dl:last-child:after {display:none;}

.history dd {position:relative; font-size: 1.15rem; word-break:keep-all; line-height:1.3; padding-right:5%;}
.history dd li {position:relative; margin-bottom:15px;}
.history dd strong {display: inline-block; float:left; font-size: 1.55rem; font-family: 'Play', sans-serif; margin-right:20px;}
.history dd span {word-break:keep-all; line-height:1.5;}


@media all and (max-width:650px) {
	.history dl {width:100%; border-bottom:1px solid rgba(97,98,230,0.7); margin-bottom: 20px; padding-bottom: 20px;}
	.history dl:last-child {border-bottom:0}
	.history dl:before, .history dl:after {display:none;}
	.history dt {width: 100px; height: 100px; margin-bottom: 10px;}
	.history dt span { font-size: 1.46rem;}
	.history dd {float:right; width:calc(100% - 120px); margin-top:10px;}
}

@charset "utf-8";


/*서브*/
.sub_visual {position:relative; height:460px; text-align:center; background-repeat:no-repeat !important; background-position:center top !important; background-size:cover !important; margin:0}
.sub_visual.visual01 {background: url('/img/sub/sub_visual01.jpg');}
.sub_visual.visual02 {background: url('/img/sub/sub_visual02.jpg');}
.sub_visual.visual03 {background: url('/img/sub/sub_visual03.jpg');}
.sub_visual.visual04 {background: url('/img/sub/sub_visual04.jpg');}
.sub_visual.visual05 {background: url('/img/sub/sub_visual05.jpg');}
.sub_visual.visual06 {background: url('/img/sub/sub_visual06.jpg');}
.sub_visual.visual07 {background: url('/img/sub/sub_visual07.jpg');}
.sub_visual.visual08 {}
.sub_visual h2 {position: absolute; /*top: 50%; left: 50%; transform: translate(-50%, -50%); */ bottom:50px; right:0; font-size:12.5rem; color: rgba(255,255,255,0.9); font-family: 'Play', sans-serif; letter-spacing:-1px;}
.sub_visual.visual08 h2 {color:#6162e6;}
.s_scroll {position: absolute; bottom: 60px; width: 200px; margin: auto; display: block; cursor: pointer; padding-bottom: 40px; left: 0; right: 0; text-transform: uppercase; z-index:9; text-align:center; display:none;}
.s_scroll i {margin-top: 20px; display: block; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; color: #fff;}

/*좌측메뉴*/
#sidebar {background:#fff; position: relative; margin:-99px auto 0; height:100px; border-top-left-radius:100px; overflow:hidden; padding-top:50px; margin-bottom:50px;}
#sidebar > div {overflow:hidden;}
#sidebar > div > ul {width:100% !important;}
#sidebar li {display: inline-block;}
#sidebar li:first-child {margin-left:80px;}
#sidebar li:after {display: inline-block; width: 4px; height: 4px; margin: 0 15px; border-radius: 100%; background: #6162e6; content: '';}
#sidebar li:last-child:after { display: none;}
#sidebar a {line-height:50px; text-decoration:none; text-align:center; font-size:1.98rem; margin:0; padding:0 30px; color:#666; font-weight: 700;}
#sidebar a:last-child {border-right:0;}
#sidebar a.over {color:#6164e9;}
#sidebar a:hover {color:#000;}

#m_sidebar {background:#fff; position: relative; height: 50px; border-bottom:1px solid #eee; left:0%; width:100%; margin-bottom:40px; display:none;}
#m_sidebar > a.home {width:45px; height: 45px; float: left; background:url('/img/sub/m_home.png') #246fdb no-repeat center center; font-size:0;}

#m_sidebar .m_snb {position: relative; float: left; width: 49%;}

#m_sidebar .snb1:after{content: ""; position: absolute; top: 0; right: 0px; width: 1px; height: 100%; background: #ddd;}
#m_sidebar .m_snb > .over {position: relative; display: block; height: 50px;}
#m_sidebar .snb1 > .over {border-right: 1px solid rgba(255, 255, 255, 0.1);}
#m_sidebar .m_snb > .over span {line-height: 50px; font-weight: 500; font-size: 1.02rem; padding-left: 10%; position: relative; display: block; width:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-break: normal; width: 100%;}
/*#m_sidebar .snb > .over span:after {position:absolute; top:50%; right:10px; margin-top:-4px; width:13px; height:7px; content:''; background:url('/img/sub/m_snb.png') no-repeat;}*/


#m_sidebar .m_snb > .over span:before {position: absolute; top: 17.5px; right: 18px; width: 3px; height: 17px; margin-top: -1px; display: block; content: ""; background: #ccc; display: block; border-radius:10px;}
#m_sidebar .m_snb > .over span:after {position: absolute; top: 24px; right: 11.5px; width: 17px; height: 3px; display: block; content: ""; background: #ccc; border-radius:10px;}

#m_sidebar .m_snb:hover > .over span:before,
#m_sidebar .m_snb:hover > .over span:after {background: #6164e9;}

#m_sidebar .m_snb > .over .arrow {position: absolute; top: 50%; right: 30px; width: 20px; height: 20px; margin-top: -8px; font-size: 20px;}
#m_sidebar .m_snb > .over.open .arrow {transform: rotate(-180deg); margin-top: -10px;}
#m_sidebar .m_snb .snb_con {display: none; position: absolute; left: -0px; width: calc(100% - 0px) !important; background: #fff; z-index: 11; border-right: 1px solid #eee; border-left: 1px solid #eee;}
#m_sidebar .m_snb .snb_con li {border-bottom: 1px solid #eee;}
#m_sidebar .m_snb .snb_con li a {display: block; padding: 15px 10%; font-size: 1.02rem;}
#m_sidebar .m_snb .snb_con li a:hover {color:#6164e9;}
#m_sidebar .m_snb .snb_con li.on {position: relative;}
#m_sidebar .m_snb .snb_con li.on a {padding-left: 25px; font-weight: 500;}
#m_sidebar .m_snb .snb_con li.on a:before {content: ""; position: absolute; top: 50%; left: 10px; width: 7px; height: 3px; margin-top: -1px; background: #1c202c;}

ul.tabs {text-align:center; margin-bottom:80px;}
ul.tabs li {display: inline-block; font-size: 2.55rem; color: #aaa; margin: 0 30px 25px; font-weight: 600; letter-spacing: -0.5px; cursor:pointer; padding-bottom: 10px; border-bottom: 2px solid #fff;}
ul.tabs li.on {color: #6164e9; border-bottom: 2px solid #6164e9;}

.tab_content {-webkit-animation:fadeIn 2s 1; animation: fadeIn 2s 1;}


ul.atabs {margin-bottom:70px;}
ul.atabs li {display: inline-block;font-size: 1.8rem;color: #7e7e7e;margin: 0 7px 17px;font-weight: 500;letter-spacing: -0.5px;cursor: pointer;padding: 10px 2px;width: calc(20% - 22px);border: 2px solid #7e7e7e; text-align: center;}
ul.atabs li:nth-of-type(5n){margin-right: 0;}
ul.atabs li.on {background-color: #6164e9; color: #fff; border-color: #6164e9;}

.atab_content {-webkit-animation:fadeIn 2s 1; animation: fadeIn 2s 1; text-align: center;}

ul.a2tabs {margin-bottom:70px;}
ul.a2tabs li {display: inline-block;font-size: 1.8rem;color: #7e7e7e;margin: 0 7px 17px;font-weight: 500;letter-spacing: -0.5px;cursor: pointer;padding: 10px 2px;width: calc(20% - 22px);border: 2px solid #7e7e7e; text-align: center;}
ul.a2tabs li:nth-of-type(5n){margin-right: 0;}
ul.a2tabs li.on {background-color: #6164e9; color: #fff; border-color: #6164e9;}

.a3tab_content {-webkit-animation:fadeIn 2s 1; animation: fadeIn 2s 1; text-align: center;}

ul.a3tabs {margin-bottom:70px;}
ul.a3tabs li {display: inline-block;font-size: 1.8rem;color: #7e7e7e;margin: 0 7px 17px;font-weight: 500;letter-spacing: -0.5px;cursor: pointer;padding: 10px 2px;width: calc(20% - 22px);border: 2px solid #7e7e7e; text-align: center;}
ul.a3tabs li:nth-of-type(5n){margin-right: 0;}
ul.a3tabs li.on {background-color: #6164e9; color: #fff; border-color: #6164e9;}

.a3tab_content {-webkit-animation:fadeIn 2s 1; animation: fadeIn 2s 1; text-align: center;}

ul.btabs {text-align:center; margin-bottom:70px; width: 100%; background-color: #ebebeb; padding: 20px 0;}
ul.btabs li {display: inline-block; font-size: 1.56rem; color: #393939; margin: 0 25px; font-weight: 500; letter-spacing: -0.5px; cursor:pointer;}
ul.btabs li.on {color: #6164e9;}

.btab_content {-webkit-animation:fadeIn 2s 1; animation: fadeIn 2s 1; text-align: center;}

ul.b2tabs {text-align:center; margin-bottom:70px; width: 100%; background-color: #ebebeb; padding: 20px 0;}
ul.b2tabs li {display: inline-block; font-size: 1.56rem; color: #393939; margin: 0 25px; font-weight: 500; letter-spacing: -0.5px; cursor:pointer;}
ul.b2tabs li.on {color: #6164e9;}

.b2tab_content {-webkit-animation:fadeIn 2s 1; animation: fadeIn 2s 1; text-align: center;}

ul.b3tabs {text-align:center; margin-bottom:70px; width: 100%; background-color: #ebebeb; padding: 20px 0;}
ul.b3tabs li {display: inline-block; font-size: 1.56rem; color: #393939; margin: 0 25px; font-weight: 500; letter-spacing: -0.5px; cursor:pointer;}
ul.b3tabs li.on {color: #6164e9;}

.b3tab_content {-webkit-animation:fadeIn 2s 1; animation: fadeIn 2s 1; text-align: center;}

ul.b5tabs, ul.b6tabs, ul.b7tabs, ul.b8tabs, ul.b9tabs, ul.b10tabs, ul.b11tabs, ul.b12tabs, ul.b13tabs  {text-align:center; margin-bottom:70px; width: 100%; background-color: #ebebeb; padding: 20px 0;}
ul.b5tabs li, ul.b6tabs li, ul.b7tabs li, ul.b8tabs li, ul.b9tabs li, ul.b10tabs li, ul.b11tabs li, ul.b12tabs li, ul.b13tabs li {display: inline-block; font-size: 1.56rem; color: #393939; margin: 0 25px; font-weight: 500; letter-spacing: -0.5px; cursor:pointer; line-height: 1.6;}
ul.b5tabs li.on, ul.b6tabs li.on, ul.b7tabs li.on, ul.b8tabs li.on, ul.b9tabs li.on, ul.b10tabs li.on, ul.b11tabs li.on, ul.b12tabs li.on, ul.b13tabs li.on {color: #6164e9;}

.b5tab_content, .b6tab_content, .b7tab_content, .b8tab_content, .b9tab_content, .b10tab_content, .b11tab_content, .b12tab_content, .b13tab_content {-webkit-animation:fadeIn 2s 1; animation: fadeIn 2s 1; text-align: center;}


/*.sub_navi_inner {width: 100%; height: 45px; line-height: 45px; text-align:right;}
span.sub_navi {display: none; color: #888; letter-spacing: -0.5px; font-size: 13px; float: right;}
span.sub_navi img { position: relative; margin-top: -3px;}*/

.sub_content {position:relative; overflow: hidden; margin:0 auto;}
.sub_content .clear {clear:both; margin:0 auto; text-align:center;}

#con_box {padding:0;}
#con_box.login {padding-top:0;}
.sub_title {position: relative; width: 100%; margin:0 auto; text-align:center; display:none;}
.sub_title h1 {font-size: 35px; line-height: 1.0em; font-weight: 500; color: #131d3d; padding: 100px 0 50px;}
.sub_title.notice_title {padding-top: 69px;}

.sub_content h2 {font-size: 2.42rem; font-weight:700; text-transform:uppercase; margin-bottom:50px; line-height:1.3; word-break:keep-all;}
.sub_content h2:after  {display:block; visibility:hidden; clear:both; content:""}
.sub_content h2 span  {color:#6164e9; word-break:keep-all;}
.sub_content h2 strong {position: relative;}
.sub_content h2 strong:before{content: ''; position: absolute; bottom: 15px; left: 0; right: 0; border-top: 25px solid rgba(98, 101, 233, 0.7); z-index: -1}


.sti {overflow: hidden;}
.sti h2 {text-align:left; font-size:65px; line-height:1em;}
.sti h2 span {position: relative; display:inline-block;}
.sti h2 span:after {position: absolute; content:""; display:block; width:250%; height:1px; background:#6164e9; float:left; margin:0; -webkit-transition: width 0.5s; transition: width 0.5s; right:-250%; -webkit-animation: fadeInLeft 3s 1; animation: fadeInLeft 3s 1;}

h2.tit {background:url('/img/sub/h2.png') no-repeat; font-size:35px; font-weight:700; padding:25px 0 0; line-height: 1.5; text-align:left;}
h2.tit span {color:#6164e9}

h2#container_title {display: none;}

.sub_content h3 {position: relative; font-size: 2.022rem; line-height:1.5; margin-bottom:20px; word-break:keep-all}
.sub_content h3 span {color:#6164e9; font-size: 2.02rem; word-break:keep-all}

.sub_content h4 {position: relative; font-size: 1.82rem; line-height:1.5; margin-bottom:10px; word-break:keep-all}
.sub_content h4 span {color:#6164e9; word-break:keep-all}


.sub_content h3.line span {color:#010101; font-size: 2.72rem; font-weight:700; padding:0 10px; box-shadow: inset 0 -15px 0 0 rgba(98, 101, 233, 0.7); line-height: 1.3; text-transform: none; vertical-align: top;}

.sub_content dt {font-size: 1.72rem; font-weight:600;}
.sub_content dd {font-size: 1.42rem; word-break:keep-all; line-height:1.5; letter-spacing:-0.5px;}
.sub_content li { letter-spacing:-0.5px;}

/*기타서비스*/
.agreement { line-height:160%;}
.agreement h2 {margin:40px 0 10px; font-size: 1.52rem;}
.agreement_first h2 {margin-top:0;}
.agreement_first, .terms > div { line-height: 24px;}
.terms {background: #f9f9f9; padding:40px;}

.privateD {width: 99.9%; overflow: hidden; padding: 40px; background: #f9f9f9; line-height:150%;}
.privateD p {font-size: 1.65rem; font-weight: 500; margin-bottom: 13px;}

.bg_wrap {background: rgba(98, 101, 233, 0.02); padding:80px 0;  }
.bg_wrap + .wrap {margin-top:80px;}
.mob_img {display:none;}
ul.list {font-size:0;}
ul.list li {position:relative; line-height:1.5; padding-left:15px; word-break:keep-all; font-size:1.85rem; margin-bottom:20px;}
ul.list li.no_b {padding-left:0px;}
ul.list li:before {content:''; display: block; width: 5px; height: 5px; position: absolute; left:0; top:20px; background: rgba(98, 101, 233, 0.9); border-radius:50%;}
ul.list li.no_b:before {display:none;}
ul.list li span {position:relative; color:#fff; padding:2px 10px;}
ul.list li span:before{content: ''; position: absolute; top: 0px; left: 0; width: 100%; bottom: 0; background: rgba(98, 101, 233, 0.9); z-index: -1}
ul.list li strong {color: #6164e9; font-weight:500;}
.sub_content h2 + ul {margin-top:50px;}
.sub_content ul + ul {margin-top:80px;}

ol.process {font-size:0; padding-right:12px;}
ol.process li {position:relative; display:inline-block; width:calc(100% / 6); text-align:center; font-size:1.65rem; margin-bottom:50px;}
ol.process li:after {content: ""; position: absolute; top: 95px; right: -12px; width: 16px; height: 24px; background:url('/img/sub/arr01.png') no-repeat;}
ol.process li:last-child:after {display:none;}
ol.process li span {position:relative; display:inline-block; width:190px; height:190px; border-radius:50%; background:#fff; margin:0 auto 20px; border:1px solid #ddd; box-shadow: 3px 4px 7px rgb(0,0,0 ,0.05);}
ol.process li span img {position: absolute; color:#fff; top: 50%; left: 50%; transform: translate(-50%, -50%);}
ol.process > li:before{content: ""}
ol.process li strong {position:relative; display:inline-block; font-weight:500; background: #f9f9f9; padding:5px 25px; border-radius:50px; margin:0 auto;}

.chk_list {font-size:0;}
.chk_list dd {position:relative; padding-left:30px;}
.chk_list dd:before {position:absolute; top:-7px; left:0; content:'\2713'; text-transform:uppercase; font-weight:bold; font-size:1.98rem; color:#6164e9; -webkit-animation: bounceIn 2s 1; animation: bounceIn 2s 1;}

dl.chk_list2 {position:relative; font-size:0; display: inline-block; font-size:1.85rem; width:25%; vertical-align:top; border:1px solid #ddd; padding:40px 10px; margin-right:3.5%; text-align:center; margin-bottom:30px; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.05); word-break:keep-all;}
dl.chk_list2:before {position:absolute; top:0px; left:10px; content:'\2713'; text-transform:uppercase; font-weight:bold; font-size:5.98rem; color:#eee; z-index:-1;}
dl.chk_list2 span {font-size: 1.72rem;}
dl.chk_list2 dd {font-size: 1.32rem;}
dl.chk_list2 dd img {display:block; text-align:center; margin:5px auto;  width:120px;}
dl.chk_list2 dd a {margin-top:10px; color:#6164e9; border:2px solid #6164e9; border-radius:50px; padding:5px 30px;}
dl.chk_list2 dd a:hover {color:#fff; background:#6164e9;  border:2px solid #6164e9;}
dl.chk_list2.mr0 {margin-right:0;}
dl.chk_list2.mr0:after {content:"";display:table;clear:both; width:100%; display:block;}
.ico_chk {position:relative;}
.ico_chk:before {top:-7px; left:0; content:'\2713'; text-transform:uppercase; font-weight:bold; font-size:1.98rem; color:#6164e9; -webkit-animation: bounceIn 2s 1; animation: bounceIn 2s 1;}

ul.chk_list li {position:relative; line-height:1.5; padding-left:15px; word-break:keep-all; font-size:1.85rem; margin-bottom:20px; padding-left:30px;}
ul.chk_list li.no_b {padding-left:0px;}
ul.chk_list li:before {position:absolute; top:-6px; left:0; content:'\2713'; text-transform:uppercase; font-weight:bold; font-size:1.98rem; color:#6164e9; -webkit-animation: bounceIn 2s 1; animation: bounceIn 2s 1;}
ul.chk_list li.no_b:before {display:none;}
ul.chk_list span {position:relative; color:#fff; padding:2px 10px; word-break:keep-all; background: rgba(98, 101, 233, 0.9); }
/*ul.chk_list span:before{content: ''; position: absolute; top: 0px; left: 0; width: 100%; bottom: 0; background: rgba(98, 101, 233, 0.9); z-index: -1}*/

ul.desc {font-size:0; margin-bottom:80px;}
ul.desc li {font-size:1.65rem; margin-bottom:20px; line-height:1.5; word-break:keep-all;}
ul.desc li span {position:relative; color:#6164e9}

p.desc {margin-bottom:100px; font-size:1.55rem; line-height:1.5; word-break:keep-all;}
p.desc span{display: inline-block; color: #6164e9; border:2px solid #6164e9; border-radius:50px; padding:10px 30px; margin-right:10px; margin-bottom:10px; -webkit-animation: bounceIn 2s 1; animation: bounceIn 2s 1;}

ul.diag {font-size:0;}
ul.diag li {display: inline-block; font-size:1.85rem; width:22%; vertical-align:top; border:3px solid rgba(98, 101, 233, 0.9); padding:40px; min-height:280px; margin-right:3.5%; text-align:center; font-weight:600; margin-bottom:30px; box-shadow: 10px 10px 0px rgba(98, 101, 233, 0.1); word-break:keep-all;}

ul.diag li:last-child {margin-right:0;}
ul.diag1_1 li:nth-child(3n) {/*margin-right:0; */}
ul.diag1_1 li:nth-child(3n):after {content:""; display:table; clear:both}
ul.diag li img {display: block; margin:0 auto 15px;}

ul.diag2  {font-size:0;}
ul.diag2 li {display: flex; align-items: center; float:left; font-size:1.75rem; width:30%; vertical-align:top; border:2px solid rgba(98, 101, 233, 0.9); padding:40px;  margin-right:3.5%;  font-weight:500; margin-bottom:30px; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); word-break:keep-all;}
ul.diag2 li:nth-child(3n) {margin-right:0;}
ul.diag2 li img {margin-right:15px;}
ul.diag2 li span {display: block; -webkit-animation: bounceIn 2s 1; animation: bounceIn 2s 1;}

ul.diag3  {font-size:0;}
ul.diag3 li {display: flex; flex-direction:column; align-items: center;  justify-content: center;  float:left; font-size:1.85rem; /*color: #6164e9; */ width:33.3%; vertical-align:top; border-right:1px solid #ddd; padding:40px 30px; min-height:200px; font-weight:600; word-break:keep-all; text-align:center;}
ul.diag3 li:nth-child(1), ul.diag3 li:nth-child(2), ul.diag3 li:nth-child(3)  {border-bottom:1px solid #ddd;}
ul.diag3 li:nth-child(3n) { border-right:0;}
ul.diag3 li img {margin-bottom:15px;}

ul.diag4  {font-size:0;}
ul.diag4 li {position:relative; display: flex; /*align-items: center; */flex-direction: column; float:left; font-size:1.75rem; width:30%; border:1px solid #ddd; border-bottom:0; background:#fff; vertical-align:top; padding:50px; margin-right:3.5%;  font-weight:500; margin-bottom:30px; box-shadow: 7px 7px 0px #e3e3e5; word-break:keep-all;}
ul.diag4 li:after {position:absolute; top:20px; right:20px; content:''; background:#e3e3e5; box-shadow:inset -5px -5px 0 rgba(0,0,0,0.2); width:25px; height:25px; border-radius:50%;}
ul.diag4 li:nth-child(3n) {margin-right:0;}
ul.diag4 li img {margin-right:15px;}

dl.diag4 {font-size:0; position:relative; display: flex; /*align-items: center; */flex-direction: column; float:left; width:30%; border:1px solid #ddd; border-bottom:0; background:#fff; vertical-align:top; padding:50px; margin-right:3.5%;  font-weight:500; margin-bottom:30px; box-shadow: 7px 7px 0px #e3e3e5; word-break:keep-all;}
dl.diag4:after {position:absolute; top:20px; right:20px; content:''; background:#e3e3e5; box-shadow:inset -5px -5px 0 rgba(0,0,0,0.2); width:25px; height:25px; border-radius:50%;}
dl.diag4 dt {padding:0 10px; box-shadow: inset 0 -15px 0 0 rgba(98, 101, 233, 0.7); line-height: 1.3; text-transform: none; display:inline-block; margin-bottom:20px;}
dl.diag4 dd{text-align:right;  color: #6164e9; font-size:2.02rem; font-weight:600;}
dl.diag4 li img {margin-right:15px;}

ul.diag5  {font-size:0;}
ul.diag5 li {position:relative; display: flex; align-items:flex-start; float:left; font-size:1.85rem; border-top:2px solid #6164e9; width:29%; margin-right:5%; vertical-align:top; padding:40px 30px 40px 120px; min-height:200px; margin-bottom:50px; font-weight:500; word-break:keep-all; text-align:left;}
ul.diag5 li span {position:absolute; left:15px; top:40px;}
ul.diag5 li:nth-child(3n) {margin-right:0;}
ul.diag5 li img {margin-right:15px;}

ul.diag5:after {content:"";display:table;clear:both; width:100%;}

p.center {text-align:center;}
p.center img {margin:0 auto;}

p.etc {text-align:right; margin-bottom:15px;}
p.sti {font-size:1.35rem; margin-bottom:30px;}


.t01 {}
.t01 th {border-top: 2px solid #000; font-size: 1.55rem; overflow: hidden; padding: 20px 5px; word-break: normal; font-weight: 600; background: #f7f7f7;}
.t01 td {border: 1px solid #ddd; font-size: 1.55rem; overflow: hidden; padding: 2% 2.4%; border-left: 0; line-height: 1.3; text-align:center;}
.t01 td:nth-child(4n), .t01 td.bo0 {border-right: 0;}
.t01 td span {font-size: 0.76rem}
.t01 td li {line-height:1.8}


/*CEO*/
.ceo_wrap {}
.ceo_wrap:after{content:"";display:table;clear:both}
.ceo_left {float:left; width:680px;}
.ceo_left p {font-weight: 600; color: #ddd; writing-mode: vertical-rl; text-align:left; float:left; font-size: 3.68rem}
.ceo_left span { width:85%; display:inline-block; margin-left:1%}
.ceo_left span img {border-radius:50px;}
.ceo_right {float:right; width:calc(100% - 720px);}
.ceo_right p {text-align:right; font-size: 1.68rem}
.ceo_right p span {font-size: 3.28rem; font-family: 'KyoboHandwriting2020A';}

/*회사소개*/
#con_box.overview {padding-bottom:250px; background:url('/img/sub/overview.png') 90% top no-repeat;}
.overview:before {position:absolute; bottom:-20px; left:0%; content:'123Solution'; text-transform:uppercase; font-weight:800; font-size:12.2rem; letter-spacing:-1px; color:#f0f0f0; -webkit-animation: backInRight 2s 1; animation: backInRight 2s 1;}


/*조직도*/
.organ_wrap {width:100%;margin:0 auto 50px;}

.organization p.ceo {position: relative; width:200px; height:200px; background: #6164e9; color: #fff; margin:0 auto 30px; display:table; border-radius:50%; }
/*.organization p.ceo:after {content: ''; position: absolute; bottom: -140px; right:50%; width: 1px; height:140px; background:#eee;}*/
.organization p.ceo span {display:table-cell; vertical-align:middle; text-align:center; }
.organization span {font-size:1.45rem;}
.organization strong {display: block; margin-bottom:5px; font-weight:500;}
.organization p.ceo:after {content:""; display:block; clear:both}

.organization p.bu {/*position: absolute; left:0; top:180px;*/ z-index:2; text-align:center;}
.organization p.bu span {position: relative; display:inline-block; padding:20px; border-radius:10px; background:#fff; border:1px solid #ddd;min-width:200px;  text-align:center;  margin:0 5px; z-index:2; box-shadow:3px 4px 7px rgba(0,0,0,0.01);}

.organization p.bu span:last-child {float:right;}
/*.organization p.bu:before {content: ''; position: absolute; top: 50%; left:-35%; width:39%; height:1px; background:#eee;  z-index:1}*/
.organization p.bu strong {color:#6164e9; }
.organization p {margin-bottom:30px;}

.organ {position: relative; display:flex; justify-content: space-around;}
/*.organ:before {content: ''; position: absolute; top: -60px; left: 10%; width:80%; height:1px; background:#eee;}*/
.organ_wrap dl {position: relative; width:18%; font-size:0;}
.organ_wrap dl:last-child {width:50%;}
/*.organ_wrap dl:before {content: ''; position: absolute; top: -60px; right:50%; width: 1px; height:60px; background:#eee;}*/
.organ_wrap dt {padding:20px 30px; border-radius:10px; background:#f8f8f8; color:#6164e9; margin:0 auto 15px; text-align:center; font-size:1.35rem; font-weight:500; }
.organ_wrap dl:last-child dt {width:40%;}
.organ_wrap dd {padding:20px; border-radius:10px;  border:1px solid #ddd; word-break:keep-all; margin-bottom:10px; display:inline-block; width:100%;  line-height:1.3;  }
.organ_wrap dl:last-child dd {width:31%; margin:0 1%;}
.organ_wrap dl:last-child dd.first {/*margin-left:0;*/}
.organ_wrap dd span {font-size:1.35rem; text-align:center; display:block; margin-bottom:15px;}
.organ_wrap dd li {margin-bottom:10px; font-size:1.12rem;}
.organ_wrap dd li:last-child {margin-bottom:0px;}
.organization ul.list li:before {top:11px;}

.organ_bott {display: flex; align-items: center; justify-content: space-between; color:#6164e9; border:1px solid #6164e9; font-size:1.85rem; padding: 25px 50px; background:#fff; border-radius: 20px; overflow: hidden; background-repeat: no-repeat; margin:100px 0; word-break:keep-all; }
.organ_bott dt {display: inline-block; }
.organ_bott dd {display: inline-block; }
.organ_bott span {display: inline-block; font-size:1.95rem;margin-right:10px;}
.organ_bott img {display: inline-block;margin-right:20px;}

/*연혁*/
.history {font-size:0;}
.history dl {position:relative; display: inline-block; width:33.3%; /* margin-right:5%; */ margin-bottom:50px; vertical-align:top;}
.history dl:nth-child(3n) {margin-right:0;}
.history dt {position: relative; display: inline-block; margin-bottom:30px; text-align: center; color: #fff; width: 150px; height: 150px; overflow: hidden; background: rgba(97,98,230,0.9); box-shadow: 3px 4px 8px rgba(0,0,0,0.15); border-radius: 50%; -webkit-animation: bounceIn 3s 1; animation: bounceIn 3s 1; z-index:1}
.history dt span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); word-break: keep-all; font-weight: 600; font-size: 2.06rem; font-family: 'Play', sans-serif; ;}
.history dl:before {position: absolute; content: ""; display: block; border: 4px solid rgba(97,98,230,0.7); background:#fff; top: 65px; left:65%; width:21px; height:21px; border-radius:50px;}
.history dl:after {position: absolute; content: ""; display: block; width:calc(100% - 75px); height: 1px; background: rgba(97, 100, 233, 0.2); top: 75px; left: 150px; z-index:-1;}
.history dl:last-child:before, .history dl:last-child:after {display:none;}

.history dd {position:relative; font-size: 1.15rem; word-break:keep-all; line-height:1.3; padding-right:5%;}
.history dd li {position:relative; margin-bottom:15px;}
.history dd strong {display: inline-block; float:left; font-size: 1.55rem; font-family: 'Play', sans-serif; margin-right:20px;}
.history dd span {word-break:keep-all; line-height:1.5;}



/* APP소개 */
.app01{font-size:0;}
.app_top {display: block;}
.app_top:after {content:""; display:table; clear:both}
.app_left {width:60%; float:left}
.app_right {width:35%; float:right; text-align:center; background:rgba(98, 101, 233, 0.1); overflow:hidden; padding-top:50px; border-radius:50px; max-height:540px;}
.app_right img {width:72%;}


.app01 dl {display: inline-block; width:30%; margin-right:5%; vertical-align:top; margin-bottom:50px; border:1px solid #ddd; padding:60px 50px; box-shadow: 10px 10px 0px #eee;}
.app01 dl:nth-child(3n) {margin-right:0;}
.app01 dt {color:#6164e9; font-size: 2.15rem; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:30px;}



/* 주요서비스 */
.app02 {}
.app02 ul.img li {display: inline-block; width:32%; margin-right:1%; text-align:center; font-size:1.85rem; font-weight:500; border:2px solid #6164e9; padding:30px; word-break:keep-all; margin-bottom:20px;}
/*.app02 ul.img li:last-child {margin-right:0;}*/
.app02_01 {background:url('/img/sub/app02_01.png') right top no-repeat;}
.app02_02 {background:url('/img/sub/app02_02.png') right 80px no-repeat;}
.app02_03 {background:url('/img/sub/app02_03.png') right top no-repeat;}
.app02_04 {background:url('/img/sub/app02_04.png') right top no-repeat;}
.app02_05 {background:url('/img/sub/app02_05.png') right top no-repeat;}

.app02 ul + p {margin-top:50px; text-align:center;}
.btn_go {text-align:center; margin:20px auto 0;}
.btn_go a {color:#fff; font-size:1.85rem; padding:20px 50px; background:#6164e9 50px 50px no-repeat; display:inline-block; border-radius:10px;  -webkit-animation: bounceIn 2s 1; animation: bounceIn 2s 1; margin: 0 5px;}
.btn_go a + a {}
.btn_go a img {margin-right:5px;}

/* 사용방법 */
.app03 ol {font-size:0;}
.app03 ol.list2 > li {position:relative; display: inline-block; width:22%; margin-right:3%; font-size:1.65rem; vertical-align:top; margin-bottom:20px; background:rgba(98, 101, 233, 0.1); border-radius:30px; padding:40px 30px; min-height:250px;}
.app03 ol.list2 > li:last-child {margin-right:0;}
.app03 ol.list2 > li:before{content: ""}
.app03 ol.list2 > li > span {display: block; font-weight:bold; color:#6164e9; font-family: 'Play', sans-serif;}
.app03 ol.list2 > li > p {position:absolute; display: block; text-align:right; margin-top:10px; bottom:30px; right:30px}


.app03 ol.list3 > li {position:relative; display: inline-block; width:22%; margin-right:3%; font-size:1.25rem; vertical-align:top; margin-bottom:20px; background:rgba(0, 0, 0, 0.02); border-radius:30px; padding:40px 30px; /*min-height:250px;*/}
.app03 ol.list3 > li:last-child {margin-right:0;}
.app03 ol.list3 > li:before{content: ""}
.app03 ol.list3 > li > span {display: block; font-weight:bold; color:#6164e9; font-family: 'Play', sans-serif;}
.app03 ol.list3 > li > p {position:absolute; display: block; text-align:right; margin-top:10px; bottom:30px; right:30px}
.app03 ol.list3 > li > img {display: inline-block;margin: 20px 0 0;}

.app04 {min-height:300px;}
.app04 #bo_sch {position:absolute; left:0; top:-30px;}
.app04 .t01 {margin-top:20px; }

.app04 .bg_wrap {margin-bottom:80px;}
.rate_list {font-size:0px;}
.rate_list dl {display:inline-block; border: 1px solid #eee; /*box-shadow:3px 4px 10px rgba(0,0,0,0.02); */ width:30%; margin-right:5%; vertical-align:top;}
.rate_list dl:nth-child(3n) {margin-right:0;}
.rate_list dl:nth-child(1), .rate_list dl:nth-child(2),.rate_list dl:nth-child(3) {margin-bottom:80px;}
.rate_list dt {background: #fff; padding:50px 0 0; text-align:center; font-size:2.52em; color:#010101;}
.rate_list dt strong {display:block; margin-bottom:10px;}
.rate_list dt strong i {font-size:2.15rem; font-weight:700; padding:0 10px; box-shadow: inset 0 -15px 0 0 rgba(98, 101, 233, 0.7); line-height: 1.3; text-transform: none; vertical-align: top; animation:flipInY 1s both}
.rate_list dt span {display:block; font-size:1.65rem; font-weight:400; margin-top:20px;}
.rate_list dd {background: #fff; padding:30px 30px 0; word-break:keep-all; text-align:center; font-size:1.65rem; line-height:1.5;}
.rate_list dd strong {display:block; color: #6164e9; font-size:1.85rem; margin-bottom:10px;}
.rate_list dd span {display: block;}
.rate_list dd + dd {padding-bottom:50px;}
.app04 ul + table {margin-top:50px;}

/*IPCC 소개*/
.ipcc01 {}
.ipcc_deco { z-index: 9; position: absolute; top: 0px; right: 150px; width: 350px; height: 350px; display: block; background: url("/img/sub/circle_img.png") center center no-repeat; background-size:cover;}
.ipcc_deco span {position: absolute; top: 0px; left: 0px; width: 350px; height: 350px;  background: url("/img/sub/circle_txt.png") no-repeat;  background-size:cover; display: block;  -webkit-transform-origin: center center; transform-origin: center center; animation: rotate 5s infinite linear;}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(365deg);
transform: rotate(365deg);
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(365deg);
transform: rotate(365deg);
}
}



/*이용안내 */
.ipcc_info01 {font-size:0;}
.ipcc_info01 dl {display:inline-block; float:left; border:1px solid #ddd; border-width:0 0 1px 1px; width:calc(100% / 4); text-align:center; padding:50px; vertical-align:top;}
.ipcc_info01 dl:nth-child(1), .ipcc_info01 dl:nth-child(2), .ipcc_info01 dl:nth-child(3), .ipcc_info01 dl:nth-child(4) {border-top:1px solid #ddd;}
.ipcc_info01 dl:nth-child(4n) {border-right:1px solid #ddd;}
.ipcc_info01 dt {margin-bottom:20px;}
.ipcc_info01 dt span {display:block; -webkit-animation: bounceIn 2s 1; animation: bounceIn 2s 1;}
.ipcc_info01 dt img {display: block; margin:0 auto 30px;}
.ipcc_info01 dd { }

.ipcc_info02 {font-size:0;}
.ipcc_info02 dl {display:block; width:100%; vertical-align:top; margin-bottom:30px; font-size:0; background:#f9f9f9; border-radius:0 10px 10px 0;}
.ipcc_info02 dt {position:relative; display:inline-block; width:150px; height:76px; background: #6164e9; padding:20px 0; border-radius:10px; color:#fff; text-align:center; font-weight:500; -webkit-animation: bounceIn 2s 1; animation: bounceIn 2s 1; vertical-align:top;  }
.ipcc_info02 dt span {position: absolute;   top: 50%; left: 50%;  transform: translate(-50%, -50%);}
.ipcc_info02 dd {position:relative; display:inline-block; width:calc(100% - 150px); padding:20px 40px;}

.ipcc_info02 img.ipcc02_pic {width: 80%;margin: 0 auto;text-align: center;display: block;}


.ipcc_info03 ul {font-size:0; padding-top:50px;}
.ipcc_info03 ul li {position:relative; display:inline-block; width:18%; margin-right:7%; text-align:center; margin-bottom:30px; /*border:1px solid #ddd; box-shadow:3px 4px 7px rgba(0,0,0,0.05); */ vertical-align:top;}
.ipcc_info03 ul li:nth-child(4n) {margin-right:0%;}
.ipcc_info03 ul li span {display:block; border-radius:50%; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.08); margin-bottom:5px; overflow:hidden; -webkit-animation: bounceIn 2s 1; animation: bounceIn 2s 1;}
.ipcc_info03 ul li strong {font-size: 1.82rem; font-weight:600; display:block; padding:20px 0;}

.ipcc_info04 > div {display:block; margin-bottom:100px;}
.ipcc_info04 > div:after {content:""; display:table; clear:both}
.ipcc_info04 dl {display:flex; flex-direction: column; justify-content: center;  width:49%; text-align:center; }
.ipcc_info04 dl:nth-child(1) {float:left;}
.ipcc_info04 dl:nth-child(2) {float:right;}
.ipcc_info04 dl dt {display:block; width:100%; background: #6164e9; border:2px solid #6164e9; color:#fff; padding:20px 0; border-radius:0px; text-align:center;}
.ipcc_info04 dl:last-child dt{background: #fff; color:#6164e9;}
.ipcc_info04 dd {border:1px solid #ddd; border-width:0 1px 1px 1px; padding:20px;}

.app_info04 > div {display:flex; flex-direction: column;}
.app_info04 > div:after {content:""; display:table; clear:both}
.app_info04 dl {display:flex; flex-direction: column; justify-content: center;  width:100%; text-align:center; }
.app_info04 dl:nth-child(1) {margin-bottom: 50px;}
.app_info04 dl dt {display:block; width:100%; background: #6164e9; border:2px solid #6164e9; color:#fff; padding:20px 0; border-radius:0px; text-align:center;}
.app_info04 dd {border:1px solid #ddd; border-width:0 1px 1px 1px; padding:20px;}


.modal_bg{position:fixed; width:100%; height:100vh; background: rgba(0,0,0,0.7); left:0; top:0px; z-index:6; display:none;}
.modal {position:fixed; justify-content:center;align-items:center; z-index:10; width:100%; height:100%;  z-index:7;  left:0  !important; }
.modal .box {position:relative; width:50%;  background:#fff; padding:50px; border-radius:5px; left:25%;}
.modal  h2 {font-size: 1.82rem; color: #6164e9; margin-bottom:10px;}
.modal  p {font-size: 1.22rem; margin-bottom:20px; word-break:keep-all;}
.modal dt {font-size: 1.52rem;  margin-bottom:10px;}
.modal ul {padding-top: 0px;}
.modal ul li {display:block;  font-size: 1.22rem; width:100%; text-align:left; margin-bottom:0px !important;}
.modal ul.list li:before {top:10px;}

.modal .close {position: absolute; right:30px; top:30px; font-size:0;  z-index:8; }
.modal .close:before, 
.modal .close:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 25px;
    background-color: #6164e9;
    transform: rotate(45deg) translate(-50%, -50%);
    transform-origin: top left;
    content: '';
	border-radius:3px;
}
.modal .close:after {
    transform: rotate(-45deg) translate(-50%, -50%);
}





/*기업용 인터넷 전화*/
.biz01 {}

/*IPCC BIZ*/
/*.biz_info01 ul {font-size:0;}
.biz_info01 ul li {display:inline-block; font-size:1.55rem; width:20%; margin-right:6.5%; text-align:center; vertical-align:top; margin-bottom:50px;}
.biz_info01 ul li:nth-child(4n) {margin-right:0%;}*/

.biz_info02 {font-size:0;}
.biz_info02 dl {display:inline-block; font-size:1.55rem; width:20%; margin-right:6.5%; text-align:center; vertical-align:top; margin-bottom:50px;}
.biz_info02 dl:nth-child(4n) {margin-right:0%;}
.biz_info02 dt {margin-bottom:10px; background: rgba(98, 101, 233, 0.05); padding:25px 20px; border-radius:20px; position: relative; margin-bottom:15px;}
.biz_info02 dt:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
border: 15px solid transparent;
border-top-color: rgba(98, 101, 233, 0.05);
border-bottom: 0;
margin-left: -15px;
margin-bottom: -15px;
}

.biz_info02 dt img {display:block; margin:0 auto 10px;}

.biz_info03 ol {font-size:0; /*text-align:center; */}
.biz_info03 li {display:inline-block; font-size:1.55rem; width:20%; margin-right:0%; text-align:center; vertical-align:top; margin-bottom:50px;}
.biz_info03 li img {width:70%; box-shadow:3px 4px 7px rgba(0,0,0,0.15); border-radius:30px; margin-top:15px;}
.biz_info03 li:nth-child(5n) {margin-right:0%;}
.biz_info03 li:before{content: ""}
.biz_info03 li strong {font-family:'play'; color: #6164e9; font-size:1.92rem; margin-right:5px;}



.btn_demo {text-align:center; margin:20px auto 0;}
.btn_demo a {color:#fff; font-size:1.85rem; padding:20px 50px; background:#6164e9 50px 50px no-repeat; display:inline-block; border-radius:10px;  -webkit-animation: bounceIn 2s 1; animation: bounceIn 2s 1; margin: 0 5px;}
.btn_demo a + a {}
.btn_demo a img {margin-right:5px;}

/*오토콜 소개*/
#con_box.auto01 {padding-bottom:0}
.auto_info01 {font-size:0;}
.auto_info01 dl {display:inline-block; background: #fff; font-size:1.55rem; width:29%; margin-right:5.5%; text-align:center; vertical-align:top; margin-bottom:50px; border:3px solid #eee; border-radius:30px; padding:40px 35px; min-height:365px;}
.auto_info01 dl:nth-child(3n) {margin-right:0%;}
.auto_info01 dt {font-size:1.92rem; border-bottom: 1px solid #000; padding-bottom:30px; margin-bottom:20px; color:#6164e9;}
.auto_info01 dd {font-size:1.28rem; color:#666;}
.auto_info01 dd img {display:block; margin:0 auto 10px; text-align:center;}
.auto_info01_1 dl {width:23%; margin-right:2.5%;}
.auto_info01_1 dl:nth-child(3n) {margin-right:2.5%;}
.auto_info01_1 dl:nth-child(4n) {margin-right:0%;}

ul + .auto_info02 {margin-top:80px;}
.auto_info02 {font-size:0; text-align:center;  }
.auto_info02 dl {float:left; background: #f9f9f9; font-size:1.55rem; text-align:center; vertical-align:top; margin-bottom:50px; margin-right:40px; border-radius:50%; padding:40px 35px; width:320px; height:320px; display: flex; flex-direction: column; justify-content: center;  -webkit-animation: bounceIn 2s 1; animation: bounceIn 2s 1;}
.auto_info02 dl:nth-child(4n) {margin-right:0%;}
.auto_info02 dt {font-size:1.85rem; margin-bottom:10px; color:#6164e9;}
.auto_info02 dd {font-size:1.22rem; color:#666;}
.auto_info02 li {float:left; background: #f9f9f9; font-size:1.85rem; color:#6164e9; font-weight:600; text-align:center; vertical-align:top; margin-bottom:50px; margin-right:40px; border-radius:50%; padding:40px 35px; width:320px; height:320px; display: flex; flex-direction: column; justify-content: center;}


.info_txt {display: flex; align-items: center; color:#fff; font-size:1.85rem; padding: 50px; background:#6164e9 50px 50px no-repeat; border-radius: 20px; overflow: hidden; background-repeat: no-repeat; margin:100px 0; word-break:keep-all;}
.info_txt a {border:2px solid #fff; padding:10px 30px; border-radius:50px; font-size:1.42rem; position: absolute; right:50px;}
.info_txt a:hover {background:#fff; color:#6164e9;}
.info_txt img {margin-right:20px;}

/*문자서비스*/

.sms_info01 {font-size:0;}
.sms_info01 li {padding:10px 10px 0; border-radius:30px 30px 0 0; display: flex; align-items: center; float:left; font-size:1.75rem; width:30%; border:1px solid #ddd; color: #6164e9; border-bottom:0px; vertical-align:top; margin-right:3.5%;  font-weight:500; margin-bottom:30px;  word-break:keep-all;}
.sms_info01 li p {position:relative; background:#f9f9f9; width:100%; border-radius:22px 22px 0 0; padding:60px 80px 60px 80px; word-break:keep-all;}
.sms_info01 li p:before {position: absolute; content: ""; display: block; background:url('/img/sub/icon_quot.png'); background-size:cover;top: 30px; left:30px; width:42px; height:32px;}

.sms_info01 li:nth-child(3n) {margin-right:0;}

.sms_info01 li:nth-child(1) p {background: url('/img/sub/sms01_01.png') #f9f9f9 95% center no-repeat;}
.sms_info01 li:nth-child(2) p {background: url('/img/sub/sms01_02.png') #f9f9f9 95% center no-repeat;}
.sms_info01 li:nth-child(3) p {background: url('/img/sub/sms01_03.png') #f9f9f9 93% center no-repeat;}
.sms_info01 li:nth-child(4) p {background: url('/img/sub/sms01_04.png') #f9f9f9 95% center no-repeat;}
.sms_info01 li:nth-child(5) p {background: url('/img/sub/sms01_05.png') #f9f9f9 95% center no-repeat;}
.sms_info01 li:nth-child(6) p {background: url('/img/sub/sms01_06.png') #f9f9f9 95% center no-repeat;}


.sms02 {}
.sms02_01 ul.diag3 li:nth-child(4), .sms02_01 ul.diag3 li:nth-child(5), .sms02_01 ul.diag3 li:nth-child(6)  {border-bottom:1px solid #ddd;}
.sms02_02 .wrap dl:nth-child(1) {background: url('/img/sub/sms02_02_01.png') #fff 50px 80% no-repeat;}
.sms02_02 .wrap dl:nth-child(2) {background: url('/img/sub/sms02_02_02.png') #fff 50px 80% no-repeat;}
.sms02_02 .wrap dl:nth-child(3) {background: url('/img/sub/sms02_02_03.png') #fff 50px 80% no-repeat;}
.sms02_02 .wrap dl:nth-child(3n) {margin-right:0;}
.sms02_02 dl.diag4 dd {padding-bottom:30px;}

.preparing img {width:auto; display:block; margin:0 auto;}




.archives .wrap > div {margin-bottom:50px; position:relative;}
.btn_down {font-size: 1.52rem; color:#fff; background:#6164e9; border:1px solid #6164e9; border-radius:50px; padding:10px 50px; line-height: 1.5; letter-spacing: -0.5px;}
.btn_down:hover {background:#666; color:#fff; border:1px solid #666 }
.archives .btn_down {margin-left:20px;}


/* CS클라우드+ */
.cs02 .no, .cs03 .no {background-color: #f9f9f9; width: 100%; border-radius: 20px; font-size: 2.15rem; color: #000; padding: 0; margin-bottom: 50px;}
.cs02 .no > p, .cs03 .no > p {padding-left: 30px; font-weight: 700;}
.cs02 .no span, .cs03 .no span {width: 75px; height: 75px; background-color: #6164e9; color: #fff;display: inline-block; border-radius: 50%;
 padding: 15px 29px; position: relative; left: -30px;}
 .cs03 .no {margin-bottom: 30px;}
.cs02 dl {margin-left: 7.5%; margin-bottom: 60px;}
.cs02 dt {font-size: 2.15rem; color: #6164e9; font-weight: 600; position: relative; padding-left: 30px; margin-bottom: 20px;}
.cs02 dd {font-size: 1.42rem; word-break: keep-all; line-height: 1.5;
letter-spacing: -0.5px;}
.cs02 dt:before {position: absolute;top: 0;left: 0;content: '\2713';text-transform: uppercase;font-weight: bold;font-size: 1.98rem;color: #6164e9;-webkit-animation: bounceIn 2s 1;animation: bounceIn 2s 1;}
.cs02 dl:nth-last-of-type(1) {margin-bottom: 0;}
.cs02 .no:nth-last-of-type(1) {margin-top: 100px;}
.cs02 dd > p {position: relative; padding-left: 15px;}
.cs02 dd > p::before{content: '';display: block;width: 5px;height: 5px;position: absolute;left: 0;top: 15px;background: rgba(98, 101, 233, 0.9);border-radius: 50%;}
.cs02 dd .pt10 {padding-top: 10px;}
.cs02 dd > .pt10::before {top: 26px;}
.cs02 dt > img {margin-left: 15px;}
.notrans {text-transform: none !important;}

.sub_content .img-bx {background-color: #eceff4; border-radius: 20px; padding: 11px; position: relative; box-shadow: 10px 10px 0px #e1e1e1; display:inline-block;}
.sub_content .img-bx > img {border-radius: 15px;}
.sub_content .img-bx > .img2 {float: right; position: relative; right: 81px;}

.sub_content .img-bx2 {display: inline-block;} 

.sub_content .txt-bx {margin: 80px 0 0 45px; text-align: left; background-position: right top; background-repeat: no-repeat;}
.sub_content .set-bx {width: 100%; display: flex; margin-bottom: 30px;}
.sub_content .set-bx .left {width: 26px; margin-right: 10px; position: relative; top: 5px;}
.sub_content .set-bx .left > span {width: 26px; height: 26px; background-color: #7d80ec; color: #fff; font-size: 1.12rem; display: inline-block; border-radius: 50%; text-align: center; padding-top: 2px;}
.sub_content .set-bx .right {width: calc(100% - 36px);}
.sub_content .set-bx .right > p {color: #000; font-size: 1.3rem;  line-height: 1.6;}
.sub_content .set-bx .right .imgs,
.sub_content .set-bx .right .imgs2 {padding: 35px; background-color: #efeffd; border-radius: 20px; display:inline-block; margin-top: 20px; font-size: 1.2rem; line-height: 1.6;}
.sub_content .set-bx .right .imgs > img {margin: 10px 0 20px;}
.cs03 .blue, .cs04 .blue, .cs05 .blue, .sub_content .blue  {color:#383ccc !important;}
.cs03 .mg0 {margin: 0;}
.cs03 .txt-bx {min-height: 545px;}

.sub_content .txt-bx p.txt{color: #000; font-size: 1.3rem;  line-height: 1.6;}
.sub_content .txt-bx p.tbg{padding: 25px; background-color: #efeffd; border-radius: 20px; display:inline-block; margin-top: 30px; font-size: 1.2rem; line-height: 1.6;}

.cs03 p.tbg2{padding: 10px 25px; margin: 5px 0; background-color: #efeffd; border-radius: 20px; display:inline-block; font-size: 1.2rem; line-height: 1.6;}

.cs03 .dot {position: relative; padding-left: 15px;}
.cs03 .dot::before{content: '';display: block;width: 5px;height: 5px;position: absolute;left: 0;top: 15px;background: rgba(98, 101, 233, 0.9);border-radius: 50%;}
.cs03 .dot a {text-decoration: none;}

.cs03 .mt10 {margin-top: 10px;}
.cs03 .pl10 {padding-left: 10px;}
.cs03 .pl20 {padding-left: 20px;}

.cs03 .join {width: 100%; display: flex;}
.cs03 .join li {margin-right: 5%; background-color: #efeffd; border-radius: 50px; padding: 40px 60px;}
.cs03 .join li span {display: block; font-weight: bold; color: #6164e9; font-family: 'Play', sans-serif; font-size: 1.25rem;}
.cs03 .join li p {font-size: 1.3rem; line-height: 1.5; margin-bottom: 25px;}

.cs03 .w32 {width: 32%;}

.cs03 .sys-bx {margin-bottom: 100px; margin-left: 100px;}
.cs03 .sys-bx:nth-last-of-type(1) {margin-bottom: 0;}
.cs03 .sys-bx h5 {font-size: 1.56rem; margin-bottom: 35px; font-weight: 500;}
.cs03 .sys-bx p {font-size: 1.56rem; color: #3a3a3a; line-height: 1.7;}

.csbg1{background-image: url('/img/sub/cs01_03_bg.png') !important;}
.csbg2{background-image: url('/img/sub/cs01_03_bg2.png') !important;}
.csbg3{background-image: url('/img/sub/cs01_03_bg3.png') !important;}
.csbg4{background-image: url('/img/sub/cs01_03_bg4.png') !important;}
.csbg5{background-image: url('/img/sub/cs01_03_bg5.png') !important;}
.csbg6{background-image: url('/img/sub/cs01_03_bg6.png') !important;}
.csbg7{background-image: url('/img/sub/cs01_03_bg7.png') !important;}
.csbg8{background-image: url('/img/sub/cs01_03_bg8.png') !important;}
.csbg9{background-image: url('/img/sub/cs01_03_bg9.png') !important;}
.csbg10{background-image: url('/img/sub/cs01_03_bg10.png') !important;}
.csbg11{background-image: url('/img/sub/cs01_03_bg11.png') !important;}
.csbg12{background-image: url('/img/sub/cs01_03_bg12.png') !important;}
.csbg13{background-image: url('/img/sub/cs01_03_bg13.png') !important;}

.cs04 .ad {width: 100%; display: flex;}
.cs04 .ad li {width: calc(20% - 10px); border: 5px solid #6164e9; border-radius: 10px;     padding: 0 0 30px; margin-right: 27px;}
.cs04 .ad li:nth-last-of-type(1) {margin-right: 0;}
.cs04 .ad li .imgs {background-color: #efeffd; height: 130px; text-align: center; padding-top: 25px; margin-bottom: 25px; border-radius: 5px;}
.cs04 .ad li p {text-align: center;}
.cs04 .ad li .no1 {font-weight: bold; color: #6164e9; font-family: 'Play', sans-serif; font-size: 1.87rem; margin-bottom: 10px;}
.cs04 .ad li .no2 {font-size: 1.3rem; font-weight: 300; margin-bottom: 10px;}
.cs04 .ad li .no3 {font-size: 1.7rem; font-weight: 500; padding-bottom: 45px; position: relative; margin-bottom: 15px;}
.cs04 .ad li .no3:before {content:'';position: absolute; left: 50%; bottom: 0; width: 2px; height: 30px; background-color: #6164e9;}
.cs04 .ad li .no4 {font-size: 1.3rem; font-weight: 400; line-height: 1.6;}

.cs04 .ch-bx {font-size: 1.9rem; font-weight: 500; position: relative; padding-left: 30px;
 margin-bottom: 20px; letter-spacing: -0.5px; text-align: left; line-height: 1.5;}
 .cs04 .ch-bx::before {position: absolute;top: 0;left: 0;content: '\2713';text-transform: uppercase;font-weight: bold;font-size: 1.98rem;color: #6164e9;animation: bounceIn 2s 1;}
 .cs04 .ch-bx span {box-shadow: inset 0 -15px 0 0 rgba(98, 101, 233, 0.7);}

 .cs04 .bg-bx {width: 100%; padding: 45px 0; border-radius: 30px; background-color: #6164e9; text-align: center; font-size: 1.9rem; font-weight: 500; color: #fff; margin: 100px 0 30px; line-height: 1.6;}
 .cs04 .txts-bx {font-size: 1.6rem; font-weight: 400; line-height: 1.6; margin-bottom: 150px; text-align: center;}
 .cs04 .imgs-bx {text-align: center; margin-top: 60px;}

 .cs04 .mb60 {margin-bottom: 60px;}
 .cs04 .mb100 {margin-bottom: 100px;}
 .cs04 .center {text-align: center;}
 .cs04 h2 {text-align: left;}

 .cs05 ul.desc li {font-size: 1.85rem;}

 .sub_content .mb100 {margin-bottom: 100px;}

 .cs05 .str {font-size: 1.8rem; font-weight: 500; line-height: 1.6; letter-spacing: -0.5px; word-break: keep-all; margin-bottom: 50px;}

@media all and (max-width:1920px) {

ul.desc li {font-size:1.25rem; }

}






@media all and (max-width:1600px) {
#con_box {padding:0;}
#con_box.overview {background-size:45%; background-position: 90% 20% }


.app_right {max-height:500px;}

.ipcc_deco {width: 300px; height: 300px;}
.ipcc_deco span {width: 300px; height: 300px; }

ol.process li span {width:160px; height:160px;}
ol.process li:after {top: 80px; }

.auto_info02 dl {font-size:1.45rem;margin-bottom:40px; margin-right:30px;width:300px; height:300px;}
.auto_info02 li {font-size:1.45rem;margin-bottom:40px; margin-right:30px;width:300px; height:300px;}

}



@media all and (max-width:1400px) {
.sub_content {/*padding-right:100px; */}


.sub_visual {height:400px;}
.sub_visual h2 {font-size:10.5rem; bottom: 38px;}
.sub_visual.visual04 h2 {font-size:7.5rem;}

#sidebar {margin:-80px auto 0; height:80px; border-top-left-radius:80px; padding-top:40px; margin-bottom:40px;}
#sidebar li:first-child {margin-left:50px;}
#sidebar a {line-height:40px; font-size: 1.88rem; padding: 0 25px;}


ul.tabs {margin-bottom:40px;}
ul.tabs li {font-size: 2.05rem; margin: 0 25px 25px; padding-bottom: 7px;}

.sub_content h2 {font-size: 3.52rem; }
.sub_content h2 strong:before{bottom: 10px;}
.sub_content h3 {line-height: 1.2;}
.sub_content h3.line span {font-size: 2.52rem; padding:0 5px;}

.sub_content h4 {font-size: 2.22rem; }
.sub_content h4 span {font-size: 2.02rem;}


.sub_content dt {font-size: 1.52rem;}
.sub_content dd {font-size: 1.32rem;}

ul.desc {margin-bottom:70px;}
ul.desc li {font-size:1.45rem;}
p.desc span{font-size:1.45rem; padding:12px 25px; margin-right:8px; margin-bottom:8px;}

ul.diag li {font-size:1.55rem; padding:30px; min-height:250px; margin-bottom:25px;}
ul.diag li img {margin:0 auto 10px;}


ul.diag2 li {font-size:1.55rem; padding:25px; margin-bottom:30px;}
ul.diag2 li img {width:75px;}


ul.diag3 li {font-size:1.55rem; padding:30px 20px; }
ul.diag3 li img {margin-bottom:10px;}

dl.diag4 { padding:40px; margin-bottom:0px; }
dl.diag4 dt {font-size:1.65rem; }
dl.diag4 dd{font-size:1.65rem;}

ul.diag5 li {font-size:1.65rem; padding:30px 30px 30px 120px; min-height:200px; margin-bottom:40px;}

dl.chk_list2 {padding:30px 10px; }
dl.chk_list2 dd img {width:110px;}
ul.chk_list li {font-size:1.75rem; margin-bottom:15px;}


.info_txt {font-size:1.75rem; padding: 30px; margin:70px 0;}
.info_txt a {padding:10px 25px;  font-size:1.32rem; right:60px;}

.t01 th {font-size: 1.15rem; padding: 18px 5px;}
.t01 td {font-size: 1.15rem; padding: 2% 2.2%;}


.ceo_left {width:600px;}
.ceo_left p {font-size: 3.28rem}
.ceo_right {width:calc(100% - 640px);}


#con_box.overview {padding-bottom:200px;}
.overview:before {bottom:0px; font-size:10.2rem;}

.history dl:before {top:60px; left:64%;}
.history dl:after {top: 70px; left: 140px;}
.history dt {width: 140px; height: 140px;}
.history dd {font-size: 1.05rem;}

.organization p.ceo {width:180px; height:180px; }

.app_right {max-height:430px;}
.app01 dl {padding:35px; width:31.5%; margin-right:2.5%; min-height:231px;}
.app01 dt {font-size: 1.85rem; padding-bottom:10px; margin-bottom:20px;}
.app01 dd {font-size:1.25rem;}

.app02_01,
.app02_02,
.app02_03,
.app02_04,
.app02_05 {background-size:30%;}
.app02_02 {background-position:right 150px;}
.app02_04 {background-position:right 95px;}


.app03 ol.list2 > li {width: 22%; margin-right: 1.5%; font-size:1.45rem; border-radius:20px; padding:30px 25px; min-height:240px;}
.app03 ol.list2 > li > p { bottom:25px; right:25px}

.app03 ol.list3 > li {width: 27%; font-size:1.25rem; margin-right: 1.5%; padding: 30px 25px;}

.bg_wrap {padding:60px 0;}
.bg_wrap + .wrap {margin-top:60px;}
.app04 .bg_wrap {margin-bottom:60px;}

.rate_list dl:nth-child(1), .rate_list dl:nth-child(2),.rate_list dl:nth-child(3) {margin-bottom:60px;}
.rate_list dt {padding:40px 0 0;}
.rate_list dt span {font-size:1.25rem;}
.rate_list dt strong i {font-size:1.95rem;}
.rate_list dd {padding:40px 30px; font-size:1.25rem;}

.sub_content .ipcc01 h3 {width:calc(100% - 255px);}
.sub_content .ipcc01 ul.desc {width:calc(100% - 255px);}

.ipcc_deco {width: 250px; height: 250px; right: 90px;}
.ipcc_deco span {width: 250px; height: 250px; }

.ipcc_info01 dl {padding:40px; }

.ipcc_info02 dl {margin-bottom:20px;}
.ipcc_info02 dt { width:130px; height:60px; padding:15px 0;}
.ipcc_info02 dd {width:calc(100% - 140px); padding:15px 30px;}
.ipcc_info03 ul li {font-size:1.52rem; width:23%; margin-right:2.5%;}
.ipcc_info03 ul li strong {font-size: 1.52rem;padding:15px 0;}

.ipcc_info04 > div {margin-bottom:80px;}



.sub_content .cs01 h3 {width:calc(100% - 255px);}
.sub_content .cs01 ul.desc {width:calc(100% - 255px);}

.modal .box {width:60%;  padding:40px; left:20%;}
.modal  h2 {font-size: 1.62rem; }
.modal  p {font-size: 1.12rem;}
.modal dt {font-size: 1.42rem;}

ol.process li {font-size:1.52rem; margin-bottom:40px;}
ol.process li span {width:150px; height:150px; margin-bottom:15px}
ol.process li:after {top: 72px; }

.btn_demo {margin:15px auto 0;}
.btn_demo a { font-size:1.65rem; padding:20px 45px;}

.btn_go {margin:15px auto 0;}
.btn_go a { font-size:1.65rem; padding:20px 45px;}

.biz_info03 li { font-size:1.45rem; width:25%; margin-bottom:40px;}
.biz_info03 li strong {font-size:1.82rem;}

.sms_info01 {padding-right:50px;}
.bg_wrap {padding:70px 50px 70px 0;  }

.sms_info01 li {font-size:1.55rem; margin-bottom: 20px;}
.sms_info01 li p {padding:60px 100px 60px 60px; height:177px;}
.sms_info01 li p:before { top: 20px; left:20px; width:37px; height:27px;}


.sms02_02 .wrap dl:nth-child(1),
.sms02_02 .wrap dl:nth-child(2),
.sms02_02 .wrap dl:nth-child(3)  {background-position:20px 85%; background-size:80px;}


.auto_info01 dl { font-size:1.32rem; width:31%; margin-right:3%; margin-bottom:40px; padding: 30px;}

ul + .auto_info02 { margin-top: 70px;}
.auto_info02 dl {font-size:1.32rem;margin-bottom:30px; margin-right:25px;width:260px; height:260px;}
.auto_info02 li {font-size:1.32rem;margin-bottom:30px; margin-right:25px;width:260px; height:260px;}
.agreement h2 {margin:35px 0 10px; font-size: 1.8rem;}
.terms {padding:35px;}
.privateD {padding: 35px;}

dl.chk_list2 {width:27%; padding:25px 10px; }
dl.chk_list2 span {font-size: 1.42rem;}
dl.chk_list2 dd {font-size: 1.22rem;}
dl.chk_list2 dd a {padding:5px 25px;}



p.sti {font-size:1.35rem;}
.btn_down {font-size: 1.45rem; padding:10px 40px;}


.cs02 dt:before {top: -6px;}

}


@media all and (max-width:1280px) {
.sub_visual {height:350px;}
.sub_visual h2 {font-size:7.8rem; bottom: 33px;}
#sidebar {margin:-69px auto 0; height:70px; border-top-left-radius:70px; padding-top:35px; margin-bottom:35px;}
#sidebar a {line-height:35px;}

ul.tabs li {font-size: 1.55rem; margin: 0 20px 20px;}

.sub_content h2 {font-size: 2.12rem; margin-bottom: 25px;}
.sub_content h3 {font-size: 1.92rem; }

.sub_content dt {font-size: 1.42rem;}
.sub_content dd {font-size: 1.22rem;}

ul.desc li {font-size:1.25rem;}
ul.diag li {font-size:1.45rem; padding:25px; min-height:250px; margin-bottom:25px;}

ul.diag2 li {font-size:1.25rem; padding:20px; margin-bottom:25px;}
ul.diag2 li img {width:80px;}

ul.diag3 li {font-size:1.35rem; padding:25px 15px; }
ul.diag3 li img {margin-bottom:10px;}

ul.diag5 li {font-size:1.45rem; padding:30px 30px 30px 100px; min-height:180px; margin-bottom:30px;}
ul.diag5 li span {left:10px; top:30px;}
ul.diag5 li img {width:70px;}

ul.chk_list li {font-size:1.45rem;}


.info_txt {font-size:1.45rem; padding: 20px; margin:60px 0;}
.info_txt a {padding:10px 20px;  font-size:1.25rem; right:80px;}

.ceo_left {width:510px;}
.ceo_left p {font-size: 2.88rem}
.ceo_right {width:calc(100% - 530px);}

#con_box.overview {padding-bottom:150px; background-position: 90% 0;}
.overview:before {font-size:8.82rem;}

.history dl:before {left:66%;}



.organ_bott {padding: 25px 30px; margin:80px 0; }

.organ_bott span {font-size:1.45rem; font-weight:500;}
.organ_bott img {width:60px; margin-right: 5px;}

.app02_01,
.app02_02,
.app02_03,
.app02_04,
.app02_05 {background-size:25%;}

ol.process li span {width:130px; height:130px;}
ol.process li:after {top: 65px; }
ol.process li span img {width:65%;}

.app03 ol.list3 > li {width: 29%; }

.ipcc_info04 > div {margin-bottom:60px;}



.biz_info03 li { font-size:1.35rem; margin-bottom:30px;}
.biz_info03 li strong {font-size:1.62rem;}

.sms_info01 li {font-size:1.35rem;margin-bottom: 15px;}
.sms_info01 li p {padding:50px 100px 50px 40px; height:157px;}
.sms_info01 li p:before { top: 20px; left:20px; width:32px; height:22px;}

.auto_info01 dl { font-size:1.22rem; margin-bottom:40px;}

ul + .auto_info02 { margin-top: 60px;}
.auto_info02 dl {font-size:1.22rem;margin-bottom:25px; margin-right:35px;width:250px; height:250px;}
.auto_info02 dl:nth-child(4n) {margin-right:20px;}
.auto_info02 dl:nth-child(3n) {margin-right:0;}
.auto_info02 dd { font-size: 1.02rem;}

.auto_info02 li {font-size:1.22rem;margin-bottom:25px; margin-right:35px;width:250px; height:250px;}

.btn_down {font-size: 1.35rem; padding:10px 35px;}
.cs02 dd > .pt10::before {top: 22px;}

ul.atabs li, ul.a2tabs li, ul.a3tabs li {font-size: 1.5rem; margin: 0 3px 17px; width: calc(20% - 9px);}

.sub_content .img-bx > .img2 {right: 56px;}
.cs05 ul.desc li {font-size: initial;}
}



@media all and (max-width:1000px) {
.sub_content {padding-right:0px;}
.sub_visual {height:320px;}
.sub_visual h2 {font-size:6.22rem; bottom: 30px;}
#sidebar {margin:-59px auto 0; height:60px; border-top-left-radius:60px;}
#sidebar li:first-child {margin-left:30px;}
#sidebar li:after {margin: 0 10px;}
#sidebar a {line-height:30px; font-size: 1.48rem; padding: 0 20px;}

#con_box {padding:80px 0;}


ul.tabs {margin-bottom:30px;}
ul.tabs li {font-size: 1.32rem; font-weight: 500; margin: 0 20px 15px;}

.sub_content h2 {font-size: 2.62rem; margin-bottom: 40px;}
.sub_content h2 strong:before{bottom: 6px; border-top: 20px solid rgba(98, 101, 233, 0.7);}
.sub_content h3 {font-size: 2.22rem; margin-bottom:50px;}
.sub_content h3 span { font-size: 2.62rem;}
h2.tit {font-size:30px;}

.sub_content h3.line span {font-size: 2.12rem;}

.sub_content h4 {font-size: 2.02rem; }
.sub_content h4 span {font-size: 1.92rem;}


.sub_content dt {font-size: 1.12rem; font-weight:500;}
.sub_content dd {font-size: 0.95rem;}

dl.chk_list2 {padding:25px 10px; }
dl.chk_list2 dd img {width:90px;}
ul.chk_list li {font-size:1.32rem;}
ul.diag li {font-size:1.32rem; padding:25px; min-height:230px; margin-bottom:20px; width:30%;}
ul.diag li:nth-child(3n) {margin-right:0;}

ul.list li {font-size:1.12rem; margin-bottom: 15px;}
ul.list li:before {top:13px;}

.sub_content h2 + ul{margin-top:40px;}
.sub_content ul + ul {margin-top:60px;}

ul.desc {margin-bottom:60px;}
ul.desc li {font-size:1.15rem; margin-bottom: 15px;}
p.desc {margin-bottom:80px;}
p.desc span{font-size:1.25rem; padding:10px 20px; margin-right:5px; margin-bottom:5px;}


ul.diag li img {width:80px;}

ul.diag2 li {font-size:1.05rem; padding:15px; margin-bottom:20px;}
ul.diag2 li img {width:60px;}

ul.diag3 li {font-size:1.25rem; padding:20px 10px; }
ul.diag3 li img {margin-bottom:5px;}

dl.diag4 { padding:30px; }
dl.diag4 dt {font-size:1.45rem; font-weight: 600;}
dl.diag4 dd {font-size: 1.45rem;}


ul.diag5 li {font-size:1.15rem; padding:20px 10px 20px 70px; min-height:180px; margin-bottom:15px;}
ul.diag5 li span {left:0px; top:20px;}
ul.diag5 li img {width:55px;}


.info_txt {font-size:1.15rem; padding: 10px 20px; margin:50px 0;}
.info_txt img {width:70px; margin-right: 10px;}
.info_txt a {padding:8px 15px;  font-size:1.15rem; right:35px;}



.t01 th {font-size: 1.05rem; padding: 15px 5px;}
.t01 td {font-size: 1.05rem; padding: 2%;}

.ceo_left {width:420px; margin-bottom:30px;}
.ceo_left p {font-size: 2.28rem}
.ceo_right {width:100%;}

#con_box.overview {padding-bottom:100px; background:transparent;}
.overview:before {font-size: 6.72rem;}
.overview .mb {display:block; margin-bottom:20px;}

.history dl {width:50%; margin-bottom:40px;}
.history dl:before {top:50px; left:60%;}
.history dl:after {top: 60px; left: 120px;}
.history dt {width: 120px; height: 120px; margin-bottom: 20px;}
.history dt span {font-size: 1.86rem;}
.history dd {font-size: 1.05rem;}
.history dd li {margin-bottom:10px;}
.history dd strong {font-size: 1.35rem;}



.organ_wrap {width:100%; margin:0 auto 30px;}
.organization span {font-size: 1.25rem;}
.organ_wrap dd span {font-size:1.15rem;}
.organ_wrap dt {margin:0 auto 10px; font-size:1.25rem; }

.organ_bott {margin:50px 0; }
.organ_bott img {width:45px;}

.organization p.bu span { padding:15px;min-width:150px;}



.app_right { border-radius:30px; max-height:400px;}
.app01 dl {padding:25px; min-height:200px;}
.app01 dt {font-size: 1.65rem; margin-bottom:15px;}

.app01 dd {font-size:1.15rem;}
.organ_wrap dl:last-child {width:60%;}
.organ_wrap dd { padding:15px;}
.organ_wrap dd li {margin-bottom:5px;}
.app02 .chk_list {width:70%;}

.app03 ol.list2 > li {width: 23.5%; margin-right: 2%; font-size:1.35rem; padding:20px 25px; min-height:210px;}
.app03 ol.list2 > li:nth-child(4n) {margin-right:0;}
.app03 ol.list2 > li > p { bottom:15px; right:15px}
.app03 ol.list2 > li > p > img {width:80px;}

.app03 ol.list3 > li {width: 32%; margin-right: 2%; font-size:1.05rem; border-radius:20px; padding: 25px 20px;}

.bg_wrap {padding:50px 0;}
.bg_wrap + .wrap {margin-top:50px;}
.app04 .bg_wrap {margin-bottom:50px;}


.rate_list dl {width:31.5%; margin-right:2.5%;}
.rate_list dl:nth-child(1), .rate_list dl:nth-child(2),.rate_list dl:nth-child(3) {margin-bottom:25px;}
.rate_list dt {padding:30px 0 0;}
.rate_list dt strong i {font-size:1.65rem;}
.rate_list dt span {font-size:1.45rem;margin-top:10px;}
.rate_list dd {padding:10px 15px; font-size:1.15rem; line-height: 1.3;}
.rate_list dd strong { font-size:1.45rem;}
.rate_list dd + dd {padding-bottom:20px;}

.app04 ul + table {margin-top:40px;}

.ipcc_deco {width: 200px; height: 200px; right: 10px;}
.ipcc_deco span {width: 200px; height: 200px; }

.ipcc_info01 dl {padding:30px 0; }
.ipcc_info01 dt {margin-bottom:10px;}

.ipcc_info02 dl {margin-bottom:10px;}
.ipcc_info02 dt { width:80px; padding:13px 0;}
.ipcc_info01 dt img {margin:0 auto 25px;}
.ipcc_info02 dd {width:calc(100% - 80px); padding:13px;}

.ipcc_info03 ul li {font-size:1.15rem;}
.ipcc_info03 ul li strong {font-size: 1.32rem;padding:13px 0;}

.ipcc_info04 dl dt {padding:15px 0;}
.ipcc_info04 dd {padding:15px;}

.app_info04 dl dt {padding:15px 0;}
.app_info04 dd {padding:15px;}


.modal .box {width:70%;  padding:35px; left:15%;}
.modal  h2 {font-size: 1.52rem; }
.modal  p {font-size: 1.02rem;}
.modal dt {font-size: 1.22rem; margin-bottom: 5px;}

.btn_demo {margin:10px auto 0;}
.btn_demo a { font-size:1.45rem; padding:15px 40px;}

.btn_go {margin:10px auto 0;}
.btn_go a { font-size:1.45rem; padding:15px 40px;}

ol.process li {font-size:1.12rem; margin-bottom:30px;}
ol.process li span {width:100px; height:100px; margin: 0 auto 10px;}
ol.process li:after {top: 50px; }
ol.process li span img {width:60%;}




.ipcc_info04 > div {margin-bottom:50px;}




.biz_info02 dl {font-size:1.45rem; width:23%; margin-right:2.5%;margin-bottom:40px;}
.biz_info02 dt img {width:60%;}

.biz_info03 li { font-size:1.05rem; margin-bottom:30px;}
.biz_info03 li strong {font-size:1.45rem;}

.sms_info01 {padding-right:0px;}

.sms_info01 li {padding: 10px 10px 0; border-radius: 25px 25px 0 0;  font-size: 1.25rem;width: 32%; margin-right: 2%;}
.sms_info01 li p {padding: 40px 80px 40px 30px; border-radius: 20px 20px 0 0; height: 120px;}
.sms_info01 li p:before { top: 15px; left: 15px; width: 28px; height: 18px;}

.sms_info01 li:nth-child(1) p,
.sms_info01 li:nth-child(2) p,
.sms_info01 li:nth-child(3) p,
.sms_info01 li:nth-child(4) p,
.sms_info01 li:nth-child(5) p,
.sms_info01 li:nth-child(6) p {background-position: 90% center; background-size: 70px;}



.auto_info01 dl { font-size:1.12rem; margin-bottom:30px; min-height: 320px;}
.auto_info01 dt {font-size:1.52rem; padding-bottom:20px; margin-bottom:15px;}

ul + .auto_info02 { margin-top: 50px;}
.auto_info02 dl {font-size:1.12rem;margin-bottom:20px; margin-right:20px;width:240px; height:240px;}
.auto_info02 dl:nth-child(4n) {margin-right: 20px;}
.auto_info02 li {font-size:1.12rem;margin-bottom:20px; margin-right:20px;width:240px; height:240px;}

.agreement h2 {margin:30px 0 10px; font-size: 1.7rem;}
.terms {padding:30px;}
.privateD {padding: 30px;}

dl.chk_list2 {width:28%; padding: 20px 10px;}
dl.chk_list2:before {top:10px; font-size:3.98rem;}

dl.chk_list2 span {font-size: 1.12rem;}
dl.chk_list2 dd {font-size: 1.15rem;}
dl.chk_list2 dd a {padding:5px 20px;}

.btn_down {font-size: 1.15rem; padding:8px 30px;}
p.sti {font-size:1.15rem; margin-bottom:25px;}

.cs02 dt {font-weight: 600; font-size: 1.6rem; margin-bottom: 13px;}
.cs02 dl {margin-bottom: 40px;}

.cs02 .no, .cs03 .no {font-size: 1.85rem; margin-bottom: 40px;}
.cs02 .no span, .cs03 .no span{padding: 10px 17px; width: 55px; height: 55px; left: -20px;}
.cs02 .no:nth-last-of-type(1) {margin-top: 70px;}

.cs02 .no > p, .cs03 .no > p {padding-left: 20px;}

.cs02 dd > .pt10::before {top: 19px;}

ul.atabs, ul.a2tabs, ul.a3tabs {margin-bottom:40px;}
ul.atabs li, ul.a2tabs li, ul.a3tabs li  {font-size: 1.4rem; margin: 0 5px 10px; padding: 10px 10px; width: inherit;}

ul.btabs, ul.b2tabs, ul.b3tabs, ul.b4tabs, ul.b5tabs, ul.b6tabs, ul.b7tabs, ul.b8tabs, ul.b9tabs, ul.b10tabs, ul.b11tabs, ul.b12tabs, ul.b13tabs {margin-bottom:40px;}
ul.btabs li, ul.b2tabs li, ul.b3tabs li, ul.b4tabs li, ul.b5tabs li, ul.b6tabs li, ul.b7tabs li, ul.b8tabs li, ul.b9tabs li, ul.b10tabs li, ul.b11tabs li, ul.b12tabs li, ul.b13tabs li {font-size: 1.3rem;}

.sub_content .txt-bx {margin: 50px 0 0 0;}
.sub_content .img-bx > .img2 {right: 56px; width: 700px;}
.cs03 .join li {border-radius: 40px; padding: 30px; width: 45%;}

.cs03 .w32 {width: inherit;}
.cs03 .sys-bx {margin-bottom: 60px; margin-left: 60px;}
.cs03 .txt-bx {min-height: inherit;}

.cs04 .ad {flex-wrap: wrap;}
.cs04 .ad li {width: 49%; padding: 0 0 20px; margin-right: 2%; margin-bottom: 10px;}
.cs04 .ad li:nth-last-of-type(1) {margin-bottom: 0;}
.cs04 .ad li:nth-of-type(2n) {margin-right: 0;}
.cs04 .ad li .imgs {height: 80px; padding-top: 15px; margin-bottom: 15px; padding: 15px;}
.cs04 .ad li .no1 {font-size: 1.45rem; margin-bottom: 10px;}
.cs04 .ad li .no2 {font-size: 1.3rem; margin-bottom: 10px;}
.cs04 .ad li .no3 {font-size: 1.4rem; padding-bottom: 30px; margin-bottom: 15px;}
.cs04 .ad li .no3:before {height: 20px;}
.cs04 .ad li .no4 {font-size: 1.2rem;}

.cs05 .str {font-size: 1.2rem;}
}


@media all and (max-width:850px) {

ul.diag2 li { width:48%;}
ul.diag2 li:nth-child(3n) {margin-right:3%;}
ul.diag2 li:nth-child(2n) {margin-right:0;}

.app_left {width:100%}
.app_right {width:33%; position:absolute; right:0; top:0;}
.app01 p.desc {width:70%;}
p.desc span{font-size: 1.05rem; padding:6px 18px;}




ol.process li {width: calc(100% / 3);}
ol.process li strong {display:block; margin:0 20px;}

.organ_bott {padding: 20px 50px; margin:80px 0; }
.organ_bott dt {display:none;}
.organ_bott dd {font-size: 1.25rem;}



.auto_info01 dl {margin-bottom:20px; min-height: 300px;padding: 20px;}
.auto_info01 dt {font-size:1.42rem; padding-bottom:15px; margin-bottom:10px;}
.auto_info01 dd img {width:80px;}




.auto_info02 dl { margin-right:15px; width:220px; height:220px;}
.auto_info02 dl:nth-child(4n){ margin-right:15px;}

.auto_info02 li { margin-right:15px; width:220px; height:220px;}

ul.atabs li, ul.a2tabs li, ul.a3tabs li {padding: 10px 10px; width: inherit;}

.sub_content .txt-bx {background-image: none !important; min-height: inherit;}
.sub_content .img-bx > .img2 {right: 56px; width: 500px;}
}




@media all and (max-width:768px) {
.sub_visual {height:230px;}
.sub_visual h2 {font-size:5.52rem; bottom: -23px;}
.sub_visual.visual08 h2 {display:none;}
#con_box {padding:0 0 50px;}

#sidebar {display:none;}
#m_sidebar {display:block;}

ul.tabs {margin-bottom:25px;}
ul.tabs li {font-size: 1.18rem;}

.cont_inquiry .online_inqu {text-shadow: 3px 1px 4px #000;}

.sub_content h2 {font-size: 2.42rem; margin-bottom:30px;}
.sub_content h2 strong:before{bottom: 2px; border-top: 15px solid rgba(98, 101, 233, 0.7);}
.sub_content h3 {font-size: 2.02rem; margin-bottom:30px; line-height: 1.3;}
.sub_content h3 span { font-size: 2.12rem;}


.sub_content h4 {font-size: 1.92rem; }
.sub_content h4 span {font-size: 1.72rem;}

.sub_content dt {font-size: 1.22rem;}
.sub_content dd {font-size: 0.95rem;}

h2.tit {font-size:25px;}
.sub_content h3.line span {font-size: 1.92rem;}

ul.list li {font-size:1.15rem; line-height: 1.3;  margin-bottom: 10px;}
ul.list li:before {top:10px;}
.sub_content h2 + ul{margin-top:30px;}
.sub_content ul + ul {margin-top:50px;}

.chk_list dd {font-size:1.15rem; padding-left:25px;}
.chk_list dd:before {font-size:1.48rem;}
ul.chk_list li {font-size:1.15rem; padding-left:25px;}
ul.chk_list li:before {font-size:1.48rem;}
dl.chk_list2 dd img {width:80px;}

ul.desc {margin-bottom:50px;}
ul.desc li {font-size:1.15rem; margin-bottom: 10px;}
p.desc {margin-bottom:60px;}
p.desc span{font-size:1.15rem;}

ul.diag li {font-size:1.25rem; padding:15px; min-height:170px; width:47.5%; margin-right: 5%;}
ul.diag li:nth-child(3n) {margin-right: 5%;}
ul.diag li:nth-child(2n) {margin-right: 0;}


ul.diag2 li img {width:50px;}


ul.diag3 li {font-size:1.05rem; padding:10px;min-height: 180px;}
ul.diag3 li img {width:70%; margin-bottom:0px;}


dl.diag4 { padding:25px; width:60%; margin:0 auto 20px; float:none; min-width:280px; }
dl.diag4 dt {font-size:1.25rem; }
dl.diag4 dd {font-size: 1.25rem;}

ul.diag5 li {font-size:1.05rem; width:47%; min-height: 110px;}
ul.diag5 li:nth-child(3n) {margin-right:5%;}
ul.diag5 li:nth-child(2n) {margin-right:0;}


.t01 th {font-size: 0.95rem; padding: 10px 5px;}
.t01 td {font-size: 0.95rem;}

.ceo_left {width:100%;}

#con_box.overview {padding-bottom:100px; background-position: 100% 50px;}
.overview:before {font-size: 5.82rem;}

.ceo_right p {font-size: 1.38rem}
.ceo_right p span {font-size: 2.28rem;}

.history dl {margin-bottom:30px;}
.history dl:before {top:45px; left:60%;}
.history dl:after {top: 55px; left: 110px;}
.history dt {width: 110px; height: 110px; margin-bottom: 15px;}
.history dt span {font-size: 1.66rem;}
.history dd {font-size: 0.95rem;}


.organ{display:block;}
.organization p.ceo {width:160px; height:160px;}

.organ_wrap dl, .organ_wrap dl:last-child {width:48%; display:inline-block; vertical-align:top; margin: 0 0.5%}
.organ_wrap dl:last-child {width:100%;}

.organization span {font-size: 1.25rem;}
.organ_wrap dd span {/*font-size:1.05rem;*/}

.organ_wrap dd ul.list li {font-size: 1.05rem; margin-bottom: 5px;}
.organization ul.list li:before {top: 9px;}
.organ_bott {padding: 20px 25px; margin:30px 0; }
.organ_bott dd {font-size: 1.05rem;}

.organization span {font-size: 1.15rem;}

.organization p.bu span { padding:10px;min-width:130px;}

.app_right {width:30%;}
.app01 dl {width:47%; margin-right:4.75%; padding:25px 20px; min-height:150px; margin-bottom: 30px;box-shadow: 5px 5px 0px #eee;}
.app01 dl:nth-child(3n) {margin-right:4.75%;}
.app01 dl:nth-child(2n) {margin-right:0;}
.app01 dt {font-size: 1.45rem; margin-bottom:10px;}
.app01 dd {font-size:1.05rem;}

.app02_01,
.app02_02,
.app02_03,
.app02_04,
.app02_05 {background-position:right 50px;}

.app03 ol.list2 > li {width: 31%; margin-right: 3%; font-size:1.25rem;min-height:180px;}
.app03 ol.list2 > li:nth-child(3n) {margin-right:0;}
.app03 ol.list2 > li:nth-child(4n) {margin-right:3%;}
.app03 ol.list2 > li > p { bottom:13px; right:13px}


.app03 ol.list3 > li {width: 31%; margin-right: 3%; font-size:0.95rem; padding:15px;}

.app03 ol.list3 > li > img {margin: 10px 0 0;}
.bg_wrap {padding:40px 0;}
.bg_wrap + .wrap {margin-top:40px;}
.app04 .bg_wrap {margin-bottom:40px;}
.rate_list dl {width: 48.5%; margin-right: 3%;}
.rate_list dl:nth-child(3n) {margin-right:3%;}
.rate_list dl:nth-child(2n) {margin-right:0}
.rate_list dl, .rate_list dl:nth-child(1), .rate_list dl:nth-child(2),.rate_list dl:nth-child(3) {margin-bottom:25px;}

.rate_list dt strong { margin-bottom:5px;}
.rate_list dt strong i {font-size:1.45rem;}
.rate_list dt span {font-size:1.35rem;margin-top:5px;}
.rate_list dd {padding: 15px 10px 0; font-size:1.05rem;}
.rate_list dd strong { font-size:1.25rem; margin-bottom: 5px;}

.app04 ul + table {margin-top:30px;}


.ipcc_deco {width: 180px; height: 180px; right: 10px;}
.ipcc_deco span {width: 180px; height: 180px; }

.ipcc_info01 dl {width:calc(100% / 3);padding:25px; }
.ipcc_info01 dt {margin-bottom:10px;}
.ipcc_info01 dt img {margin:0 auto 20px; width:80px;;}

.ipcc_info01 dl:nth-child(4) {border-top:0;}
.ipcc_info01 dl:nth-child(4n) {border-right:0;}
.ipcc_info01 dl:nth-child(3n), .ipcc_info01 dl:last-child {border-right:1px solid #ddd;}



.ipcc_info02 dt { width:75px; padding:13px 0; height:70px;}
.ipcc_info02 dd {width: calc(100% - 75px);padding: 10px;}

.sub_content .ipcc01 ul.desc{width:calc(100% - 0px);}
.sub_content .cs01 ul.desc{width:calc(100% - 0px);}
.ipcc_info03 ul {padding-top:0}
.ipcc_info03 ul li {font-size:1.05rem; margin-bottom: 20px;}
.ipcc_info03 ul li span {box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.08);}
.ipcc_info03 ul li strong {font-size: 1.12rem;}

.ipcc_info04 > div {margin-bottom:30px;}


.modal .box {width:80%;  padding:25px; left:10%;}
.modal  h2 {font-size: 1.22rem; }
.modal  p {font-size: 0.92rem;}
.modal dt {font-size: 1.12rem; margin-bottom: 2px;}
.modal ul.list li:before {top:8px;}


.btn_demo a { font-size:1.25rem; padding:10px 30px;}
.btn_demo a img {width:50px;}

.btn_go a { font-size:1.25rem; padding:10px 30px;}
.btn_go a img {width:50px;}

.ipcc_info02 img.ipcc02_pic {width: 100%;}
ol.process li {font-size:1.05rem; margin-bottom:25px;}

ol.process li span {width:80px; height:80px; margin: 0 auto 5px;}
ol.process li strong {padding:5px 20px; }
ol.process li:after {top: 40px; }


.biz_info02 dl {font-size:1.25rem;  width:30%; margin-right:3%;margin-bottom:20px;}
.biz_info02 dl:nth-child(4n) { margin-right:3%;}
.biz_info02 dl:nth-child(3n) { margin-right:3%;}
.biz_info02 dt {padding:20px 10px; }


.biz_info03 li { font-size:1.25rem; width:33%; margin-bottom:20px;}
.biz_info03 li strong {font-size:1.45rem;}

.sms_info01 li {font-size: 1.05rem;}
.sms_info01 li p {padding: 40px 80px 40px 15px; height: 100px;}
.sms_info01 li p:before { top: 12px; left: 12px; width: 25px; height: 17px;}

.sms_info01 li:nth-child(1) p,
.sms_info01 li:nth-child(2) p,
.sms_info01 li:nth-child(3) p,
.sms_info01 li:nth-child(4) p,
.sms_info01 li:nth-child(5) p,
.sms_info01 li:nth-child(6) p {background-size: 60px;}

.sms02_02 {text-align:center;}
.sms02_02 .wrap dl:nth-child(3n) {margin:0 auto 20px;}

.sms02_02 .wrap dl:nth-child(1),
.sms02_02 .wrap dl:nth-child(2),
.sms02_02 .wrap dl:nth-child(3)  {background-size:60px;}

.sms02_02 dl.diag4 dd {padding-bottom:20px;}

.auto_info01 dl {margin-bottom:15px; min-height: 280px; padding:20px 15px;}
.auto_info01 dt {font-size:1.32rem; padding-bottom:10px;}
.auto_info01 dd img {width:70px;}


ul + .auto_info02 { margin-top: 30px;}
.auto_info02 dl {font-size:1.02rem; margin-bottom:15px; margin-right:2%;width:31.5%; height:240px; border-radius:20px; padding:10px;}
.auto_info02 dl:nth-child(4n) {margin-right:2%;}
.auto_info02 li {font-size:1.02rem; margin-bottom:15px; margin-right:2%;width:31%; height:100px; border-radius:20px;}
.auto_info02 li:nth-child(3n) {margin-right:;}
.auto_info02 li:nth-child(4n) {margin-right:2%;}


.info_txt {font-size:1.05rem; padding: 10px 20px 40px 20px; margin:50px 0;}
.info_txt img {width:65px;}
.info_txt a {padding:5px 15px;  font-size:1.05rem; right:30px; bottom:20px;}



.agreement h2 {margin:25px 0 5px; font-size: 1.45rem;}
.terms {padding: 20px 0; background: #fff;}
.privateD {padding: 20px;}


dl.chk_list2 {width:46%;}
dl.chk_list2.mr0 {margin-right:3%;}
dl.chk_list2.mr0:after {display:none;}
dl.chk_list2 span {font-size: 1.22rem;}
dl.chk_list2 dd {font-size: 1.05rem;}
p.sti {font-size:1.05rem; margin-bottom:25px;}
.btn_down {font-size:1.05rem; padding:5px 25px; float:right;}


.cs02 .no, .cs03 .no {font-size: 1.5rem; margin-bottom: 30px;}
.cs02 .no span, .cs03 .no span {padding: 8px 15px; width: 45px; height: 45px; left: -20px;}
.cs02 .no:nth-last-of-type(1) {margin-top: 50px;}

.cs02 dt:before {font-size: inherit; top: -2px;}
.cs02 dt {padding-left: 20px;}
.cs02 dd > p::before {top: 10px;}
.cs02 dt > img {width: 100px; height: auto;}

ul.atabs li, ul.a2tabs li, ul.a3tabs li {padding: 10px 10px; width: inherit;}
ul.btabs li, ul.b2tabs li, ul.b3tabs li, ul.b4tabs li, ul.b5tabs li, ul.b6tabs li, ul.b7tabs li, ul.b8tabs li, ul.b9tabs li, ul.b10tabs li, ul.b11tabs li, ul.b12tabs li, ul.b13tabs li {margin: 0 7px;}

.cs03 .join li {width: 47%;}
.cs03 .join li p {font-size: 1rem;}
.cs03 .join li p br {display: none;}
.cs03 .join li:nth-last-child(1) {margin-right: 0;}

.cs03 .w32 {width: inherit;}
.cs03 .sys-bx {margin-bottom: 60px; margin-left: 60px;}

.cs03 .sys-bx p {font-size: 1.22rem;}
.cs04 .ch-bx br {display: none;}
.sub_content .mb100 {margin-bottom: 50px;}
.cs05 .str {margin-bottom: 20px;}
}



@media all and (max-width:650px) {
.sub_visual {height:180px;}
.sub_visual h2 {font-size:4.52rem; bottom: -18px;}


#con_box {padding:0 0 30px;}
/*.sub_navi_inner {margin-bottom:20px;}*/
.sub_title h1 {font-size: 24px; padding: 30px 0;}


ul.tabs {margin-bottom:25px;}
ul.tabs li {  font-size: 0.92rem; padding-bottom: 5px; margin: 0 10px 10px;}


.sub_content h2 {font-size: 1.82rem; margin-bottom:25px;}
.sub_content h3 {font-size: 1.62rem; margin-bottom:20px;}
.sub_content h3 span { font-size: 1.82rem;}



h2.tit {font-size:23px;}
.sub_content h3.line span {font-size: 1.62rem;}


.sub_content h4 {font-size: 1.72rem; }
.sub_content h4 span {font-size: 1.52rem;}

.sub_content dt {font-size: 1.10rem;}
.sub_content dd {font-size: 0.95rem;}

.t01 th {font-size: 0.85rem;}
.t01 td {font-size: 0.85rem;}
dl.chk_list2 dd img {width:70px;}

ul.list li {font-size:0.95rem;}
ul.list li:before {top:9px;}

ul.desc {margin-bottom:40px;}
ul.desc li { font-size: 1.05rem;}
p.desc {margin-bottom:40px;}
p.desc span{font-size:1.05rem; padding:8px 15px; border: 1px solid #6164e9; margin-bottom:2px;}

ul.diag li {font-size:1.05rem; padding:10px; min-height:150px;}

ul.diag2 li {font-size:0.95rem;}

ul.diag3 li {font-size:0.95rem; padding:5px;min-height: 150px;}
ul.diag3 li img {width:60%;}

dl.diag4 { padding:20px; }

dl.diag4 dt {font-size:1.05rem; }
dl.diag4 dd {font-size: 1.05rem;}

ul.diag5 li {font-size:0.98rem; min-height: 140px;}

ul.chk_list li {font-size:0.95rem;}
.chk_list dd {font-size:1.05rem; padding-left:18px;}
.chk_list dd:before {font-size:1.28rem;}


.sub_content h2 + ul{margin-top:25px;}
.sub_content ul + ul {margin-top:30px;}

#con_box.overview {padding-bottom:70px;}
.overview:before {font-size: 4.52rem;}

.history dl {width:100%; border-bottom:1px solid rgba(97,98,230,0.7); margin-bottom: 20px; padding-bottom: 20px;}
.history dl:last-child {border-bottom:0}
.history dl:before, .history dl:after {display:none;}
.history dt {width: 100px; height: 100px; margin-bottom: 10px;}
.history dt span { font-size: 1.46rem;}
.history dd {float:right; width:calc(100% - 120px); margin-top:10px;}

.organ_wrap dt {padding:15px 20px; }
.organ_wrap dd {padding: 15px;}

.organization p.bu span {width:48%; min-width:auto;   margin: 0 0.5% 5px; }
.organization p.bu span:last-child {float:none;} 

.app01 dl {min-height:150px; padding: 20px 15px; margin-bottom: 20px;}
.app01 dt {font-size: 1.25rem;}
.app01 dd {font-size:0.95rem;}
.organ_bott dd { font-size: 1.12em;}
.organ_bott { padding: 15px 20px; margin: 25px 0;}
.organ_bott img {width:35px;}

.app02_01,
.app02_02,
.app02_03,
.app02_04,
.app02_05 {background-position:right 80px;}

.app03 ol.list2 > li {font-size:1.05rem; min-height:150px; padding:20px 15px; margin-bottom:15px;}
.app03 ol.list2 > li > p { bottom:10px; right:10px}
.app03 ol.list2 > li > p > img {width:65px;}

.app03 ol.list3 > li {width:48%; font-size:0.85rem; padding:20px 15px; }
.app03 ol.list3 > li:nth-child(2n) {margin-right:0}


.bg_wrap {padding:30px 0;}
.app04 .bg_wrap {margin-bottom:30px;}
.app04 #bo_sch {width:50%; top:-10px; left:10px}

.sub_content .ipcc01 h3 {width:calc(100% - 50px);}
.ipcc_deco {width: 170px; height: 170px; top:110px;  right: 10px;}
.ipcc_deco span {width: 170px; height: 170px; }
.sub_content .ipcc01 ul.desc {width: calc(100% - 170px);}

.sub_content .cs01 h3 {width:calc(100% - 50px);}
.sub_content .cs01 ul.desc {width: calc(100% - 170px);}


.ipcc_info01 dl {padding:20px 0; }
.ipcc_info01 dt img {margin:0 auto 15px; width:60px;}

.ipcc_info03 ul li {font-size:1.02rem; width:30%; margin-right:3%; margin-bottom: 15px;}
.ipcc_info03 ul li:nth-child(3n) {margin-right:0%;}
.ipcc_info03 ul li:nth-child(4n) {margin-right:3%;}
.ipcc_info03 ul li span {box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.08);}
.ipcc_info03 ul li strong {font-size: 1.02rem;}

.ipcc_info04 dl dt {padding:10px 0;}
.ipcc_info01 dt {margin-bottom:5px;}
.ipcc_info04 dd {padding:10px;}

.app_info04 dl dt {padding:10px 0;}
.app_info04 dt {margin-bottom:5px;}
.app_info04 dd {padding:10px;}


.modal .box {width:90%;  padding:25px; left:5%;}
.modal  h2 {font-size: 1.22rem; }
.modal  p {font-size: 0.92rem;}
.modal dt {font-size: 1.12rem; margin-bottom: 2px;}


.btn_demo a { font-size:1.15rem; padding:10px 25px; margin-bottom:10px;}
.btn_go a { font-size:1.15rem; padding:10px 25px; margin-bottom:10px;}

ol.process li {font-size:0.95rem; margin-bottom:20px;}
ol.process li:after {top: 30px;}
ol.process li strong {margin:0 5px; padding:5px 15px; }

.biz_info02 dl {font-size:1.15rem;}
.biz_info03 li { font-size:0.95rem;}
.biz_info03 li strong {font-size:1.15rem; margin-right:0;}

.sms_info01 li {font-size: 1.05rem;width:45%; margin-right: 3%;}
.sms_info01 li:nth-child(3n) {margin-right:3%;}
.sms_info01 li:nth-child(2n) {margin-right:0;}

.sms_info01 li p {padding: 40px 80px 40px 15px; height: 100px;}
.sms_info01 li p:before { top: 12px; left: 12px; width: 25px; height: 17px;}

.sms_info01 li:nth-child(1) p,
.sms_info01 li:nth-child(2) p,
.sms_info01 li:nth-child(3) p,
.sms_info01 li:nth-child(4) p,
.sms_info01 li:nth-child(5) p,
.sms_info01 li:nth-child(6) p {background-size: 60px;}


.rate_list dl, .rate_list dl:nth-child(1), .rate_list dl:nth-child(2),.rate_list dl:nth-child(3),.rate_list dl:nth-child(4) {margin-bottom:15px;}


.rate_list dt strong i {font-size:1.35rem;}
.rate_list dt span {font-size:1.25rem;margin-top:0px;}
.rate_list dd {padding: 10px 10px 0;}
.rate_list dd strong { font-size:1.15rem;}


.auto_info01 dl { width:48.5%;  margin-bottom:20px; padding: 25px 20px; min-height: 250px;}
.auto_info01 dl:nth-child(3n) {margin-right:3%;}
.auto_info01 dl:nth-child(even) {margin-right:0%}

ul + .auto_info02 { margin-top: 20px;}

.agreement h2 {font-size: 1.55rem; margin-bottom: 10px;}

dl.chk_list2 span {font-size: 1.12rem;}
dl.chk_list2 dd {font-size: 0.95rem;}

p.sti {font-size:0.95rem;}
.btn_down {font-size:1.05rem;}
p.sti .btn_down {margin-top:8px;}

.sub_content .img-bx > .img2 {right: 28px; width: 400px;}
}


@media all and (max-width:600px) {
.organ {flex-direction:column;}
.organ_wrap dl,
.organ_wrap dl:last-child {width:100%; margin-bottom:10px;}
.organ_wrap dl:last-child dt {width:100%;}

.organ_wrap dd span {margin-bottom:5px;}
.organ_wrap dd strong {display: inline-block; margin-right:5px;}
.organ_wrap dd ul.list li {display: inline-block; width:50%;}
.organ_wrap dl:last-child dd ul.list li {width:100%;}
.organ_bott {flex-direction:column;}
.organ_bott dd {display: block; font-size: 1.12em;}


.auto_info02 dl {font-size:1.02rem; margin-bottom:10px; margin-right:4%;width:48%; height:210px;}
.auto_info02 dl:nth-child(3n) {margin-right:4%;}
.auto_info02 dl:nth-child(2n) {margin-right:0;}

.auto_info02 li {font-size:1.02rem; margin-bottom:10px; margin-right:4%;width:48%; height:80px;}
.auto_info02 li:nth-child(3n) {margin-right:4%;}
.auto_info02 li:nth-child(2n) {margin-right:0;}
.sub_content .img-bx > .img2 {right: 19px; width: 90%;}
}





@media all and (max-width:550px) {
.sub_visual h2 {font-size:4.02rem; bottom: -18px;}
.app_right {top:70px;}
.app01 dl {min-height:140px; padding: 15px;}



}




@media all and (max-width:500px) {
.overview:before {font-size: 4.22rem;}

.info_txt {font-size:0.95rem; padding: 10px 20px 50px 20px; margin:30px 0;}
.info_txt img {width:60px;}
.info_txt a {padding:5px 10px;  font-size:0.95rem; }

.biz_info03 li { font-size:0.95rem;}
}




@media all and (max-width:460px) {
.sub_visual h2 {font-size:3.5rem; bottom: -15px;}


#m_sidebar .m_snb > .over span { font-size: 0.95rem; padding-left: 5%;}

.sub_content h2 {/*font-size: 1.92rem;*/ margin-bottom:20px;}
.sub_content h3 {font-size: 1.62rem; margin-bottom:20px;}
.sub_content h3 span {font-size: 1.82rem;}


.sub_content h4 {font-size: 1.52rem; }


.sub_content dt {font-size: 1.02rem;}
.sub_content dd {font-size: 0.85rem;}



h2.tit {font-size:20px;}

ul.list li {font-size:0.95rem;}
ul.list li:before { top:8px;}

ul.desc {margin-bottom:30px;}
ul.desc li { font-size: 0.95rem;}
p.desc span{font-size:0.95rem; padding:5px 10px; margin-right: 1px;}

ul.diag2 li {font-size:0.85rem;}
ul.diag3 li {font-size:0.85rem; min-height: 130px;}

dl.diag4 dt {font-size:0.95rem; }
dl.diag4 dd {font-size: 0.95rem;}

ul.diag5 li {font-size:0.88rem; min-height: 130px;}

.ceo_left p {font-size: 2.08rem;}

.organ_wrap dt {font-size: 1.15rem;}
.organ_wrap dl:last-child dd {width:100%; margin:0 0 5px;}
.organ_wrap dl:last-child dd ul.list li {width:50%;}
.organ_bott dd { font-size: 0.65em;}




.overview:before {font-size: 3.72rem;}

.bg_wrap {padding:25px 0;}









.app01 dl {min-height:140px; padding: 10px;}
.app01 dt { font-size: 1.15rem;}
.app01 dd {font-size:0.85rem;}


.app03 ol.list2 > li {font-size:0.95rem; padding:15px; min-height:140px;}
.app03 ol.list2 > li > p { bottom:10px; right:10px}
.app03 ol.list2 > li > p > img {width:55px;}

.app03 ol.list3 > li {padding:15px 12px;}


.app04 .bg_wrap {margin-bottom:25px;}

.app04 #bo_sch {width:48%;}
.app04 #bo_sch .sch_input{width: 70%}

.ipcc_deco {width: 150px; height: 150px; top:150px;}
.ipcc_deco span {width: 150px; height: 150px; }

.ipcc_info01 dl {padding:10px 5px; height:151px; }
.ipcc_info01 dt img {margin:0 auto 5px; width:50px;}
.ipcc_info01 dd {word-break:normal;}
.sub_content .ipcc01 ul.desc {width: calc(100% - 150px);}
.sub_content .cs01 ul.desc {width: calc(100% - 150px);}
ol.process li strong {margin:0 3px;}
.ipcc_info03 ul li strong {font-size: 0.95rem;}
.ipcc_info04 dd {height:62px;}

.btn_demo a { font-size:0.95rem; padding:10px 20px;}
.btn_go a { font-size:0.95rem; padding:10px 20px;}

.rate_list dl, .rate_list dl:nth-child(1), .rate_list dl:nth-child(2),.rate_list dl:nth-child(3),.rate_list dl:nth-child(4) {margin-bottom:10px;}
.rate_list dt strong i {font-size:1.12rem;}
.rate_list dt span {font-size:1.12rem;}
.rate_list dd {padding: 5px 10px 0;  line-height: 1.1;}
.rate_list dd strong { font-size:1.05rem;}

.biz_info02 dl {font-size:1.05rem;}
.biz_info03 li {width:50%;}


.sms_info01 li {font-size: 0.95rem;}
.sms_info01 li:nth-child(1) p,
.sms_info01 li:nth-child(2) p,
.sms_info01 li:nth-child(3) p,
.sms_info01 li:nth-child(4) p,
.sms_info01 li:nth-child(5) p,
.sms_info01 li:nth-child(6) p {background-size: 50px;}

.agreement h2 {font-size: 1.25rem; margin-bottom: 5px;}

dl.chk_list2 span {font-size: 1.02rem;}
dl.chk_list2 dd a {padding:3px 15px;}

.cs02 .no, .cs03 .no {font-size: 1.15rem; margin-bottom: 20px;}
.cs02 .no span, .cs03 .no span {padding: 7px 12px; width: 35px; height: 35px; left: -10px;}
.cs02 .no:nth-last-of-type(1) {margin-top: 40px;}
.cs02 .no > p, .cs03 .no > p{padding-left: 10px;}

.cs02 dl {margin-bottom: 30px;}

.cs02 dt {margin-bottom: 8px;}
.cs02 dd > p {padding-left: 11px;}
.cs02 dd > p::before {top: 9px;}
.cs02 dt > img {width: 100px; height: auto; margin-left: 5px;}

.cs02 dt:before {top: 0;}
.cs02 dl .img::before {top: 4px;}
.cs02 dd > .pt10::before {top: 17px;}

ul.atabs, ul.a2tabs, ul.a3tabs {margin-bottom: 20px;}
ul.atabs li, ul.a2tabs li, ul.a3tabs li {font-size: 0.85rem; margin: 0 2px 10px;     padding: 10px 5px;}
ul.btabs li, ul.b2tabs li, ul.b3tabs li, ul.b4tabs li, ul.b5tabs li, ul.b6tabs li, ul.b7tabs li, ul.b8tabs li, ul.b9tabs li, ul.b10tabs li, ul.b11tabs li, ul.b12tabs li, ul.b13tabs li {font-size: 0.9rem; margin: 0 5px; line-height: 1.5;}

.sub_content .txt-bx {margin-top: 40px;}
.sub_content .set-bx {margin-bottom: 15px;}

.sub_content .set-bx .left > span {font-size: 0.95rem; padding-top: 5px;}
.sub_content .set-bx .right > p {font-size: 0.95rem;}
.sub_content .set-bx .left {top: 0;}
.sub_content .set-bx .right .imgs,
.sub_content .set-bx .right .imgs2 {padding: 20px; font-size: 0.95rem;}
.sub_content .set-bx .right .imgs > img {margin: 10px 0 20px;}
.sub_content .img-bx {box-shadow: 8px 8px 0px #e1e1e1;}

.sub_content .txt-bx p.txt{font-size: 0.95rem;}
.sub_content .txt-bx p.tbg{font-size: 0.95rem; padding: 15px; border-radius: 10px; margin-top: 15px;}

.cs03 p.tbg2{font-size: 0.95rem; padding: 10px; border-radius: 10px;}

.sub_content .img-bx > .img2 {right: 19px; width: 90%;}

.cs03 .dot::before {top: 9px;}
.cs03 .join {flex-direction: column;}
.cs03 .join li {width: 100%; margin-bottom: 30px;}
.cs03 .join li:nth-last-of-type(1) {margin-bottom: 0;}

.cs03 .sys-bx h5 {font-size: 0.95rem; margin-bottom: 15px; line-height: 1.5;}
.cs03 .sys-bx p {font-size: 0.85rem; line-height: 1.5;}
.cs03 .sys-bx {margin-bottom: 40px; margin-left: 7.5%;}
.cs03 .pl20 {padding-left: 15px;}

.cs04 .ad {flex-wrap: wrap;}
.cs04 .ad li {width: 49%; padding: 0 0 20px; margin-right: 2%; margin-bottom: 10px;}
.cs04 .ad li:nth-last-of-type(1) {margin-bottom: 0;}
.cs04 .ad li:nth-of-type(2n) {margin-right: 0;}
.cs04 .ad li .imgs {height: 80px; padding-top: 15px; margin-bottom: 15px;}
.cs04 .ad li .no1 {font-size: 1.25rem; margin-bottom: 10px;}
.cs04 .ad li .no2 {font-size: 1.1rem; margin-bottom: 10px;}
.cs04 .ad li .no3 {font-size: 1.2rem; padding-bottom: 30px; margin-bottom: 15px;}
.cs04 .ad li .no3:before {height: 20px;}
.cs04 .ad li .no4 {font-size: 1rem;}

.cs04 .ch-bx {font-size: 1rem; padding-left: 20px;  margin-bottom: 0; line-height: 1.6;}
.cs04 .ch-bx::before {font-size: 1rem;}
.cs04 .ch-bx:nth-of-type(2) {margin-top: 10px;}
 .cs04 .bg-bx {padding: 20px 0; font-size: 0.9rem; margin: 30px 0 20px; border-radius: 20px}
.cs04 .txts-bx {font-size: 0.95rem; margin-bottom: 60px;}
.cs04 .img-bx {margin-top: 30px;}
.cs04 .ch-bx span {box-shadow: inset 0 -10px 0 0 rgba(98, 101, 233, 0.7);}

.cs05 .str {font-size: 1.1rem;}
.app_info04 dl:nth-child(1) {margin-bottom: 20px;}
.sub_content .mb100 {margin-bottom: 40px;}
.sub_content .mhide {display: none;}

.cs01 .t100 {top: 100px;}
.cs02 dd {font-size: 0.95rem;}

.cs04 .imgs-bx {margin-top: 30px;}
}



@media all and (max-width:435px) {
.ipcc_info01 dl {height:131px; }
}

@media all and (max-width:400px) {
.sub_visual h2 {font-size:3.0rem; bottom: -12px;}
#m_sidebar .snb > .over span {font-size: 0.95rem; padding-left: 8%;}
#m_sidebar .m_snb .snb_con li a {padding: 15px 5%; font-size: 0.95rem;}
#m_sidebar .snb > .over span:before { right: 14px; width: 2px; height: 15px;}
#m_sidebar .snb > .over span:after { right: 7.5px; width: 15px; height: 2px;}

.sub_content h2 {font-size: 1.52rem; margin-bottom: 15px;}
.sub_content h3 {font-size: 1.22rem;}
.sub_content h3 span {font-size: 1.32rem;}
.sub_content h4 {font-size: 1.22rem; }

p.desc span{font-size:0.85rem; padding:5px 10px; margin-right: 1px;}

.ceo_left p {font-size: 1.72rem;}

.app01 dt { font-size: 0.92rem;}
.app03 ol.list2 > li {font-size:0.85rem; min-height:130px; padding:10px; margin-bottom:10px;}
.app03 ol.list2 > li > p { bottom:8px; right:8px}
.app03 ol.list2 > li > p > img {width:50px;}


.app03 ol.list3 > li {font-size:0.85rem; padding:10px; margin-bottom:10px;}

.ipcc_deco {width: 130px; height: 130px; top:150px;}
.ipcc_deco span {width: 130px; height: 130px; }
.sub_content .ipcc01 ul.desc {width: calc(100% - 130px);}
.sub_content .cs01 ul.desc {width: calc(100% - 130px);}

.ipcc_info01 dl {height:151px; }

.auto_info01 dl {margin-bottom:15px; padding: 20px 15px; min-height: 270px;}

.sms_info01 li {font-size: 0.85rem;}
}


@media all and (max-width:370px) {
.ipcc_info02 dt { width:70px; padding:10px 0; height:80px;}

.auto_info02 dl {margin-right:0%;width:100%; height:auto; border-radius:5px; padding:15px 20px;}
.auto_info02 dl:nth-child(3n) {margin-right:0%;}
.auto_info02 dt {margin-bottom: 5px;}

.auto_info02 li {margin-right:0%;width:100%; height:auto; border-radius:5px; padding:15px 20px;}
.auto_info02 li:nth-child(3n) {margin-right:0%;}
}

@media all and (max-width:320px) {
.sub_visual h2 {font-size:2.6rem; bottom: -12px;}

}
.demo-box {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 9px 3px rgba(169,184,200,0.15);
    box-shadow: 0 3px 9px 3px rgba(169,184,200,0.15)
}

.demo-box .demo-title {
    padding-top: 20px;
    text-align: center
}


.demo-box .demo-title .btn {
    color: #6362e7;
    text-transform: capitalize;
    border: 1px solid #6362e7;
    padding: 8px 15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.demo-box .demo-title .btn:hover {
    background-color: #6362e7;
    color: #fff
}

.demo-box .img-wrraper {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
	text-align:center;
}

.demo-box .img-wrraper img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.demo-box:hover .img-wrraper img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.demo-block {
    margin-bottom: -30px;
    padding: 0 28px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.demo-block>div {
    margin-bottom: 30px
}

.landing-page .unique-cards {
    background-color: #fff
}

.landing-page .unique-cards .img-wrraper {
    border-radius: 10px;
    overflow: hidden
}


.custom-container {
background:rgba(99,98,231,0.05);}

.img-wrraper img {max-width:150px;max-height:200px;}