@charset "utf-8";
.ui-mobile .ui-page {padding: 0;}
#subWrapper .slide_prev {position: fixed; top:50%; bottom: 50%; right:60px; width: 60px; height: 60px; background:url(../img/common/slide_prev.png) no-repeat center; background-size: 100%; text-indent: -99999px; z-index: 10;}
#subWrapper section h4 {width: 270px; height:60px; line-height: 60px; font-size: 32px; color:#fff; font-weight: 500; background:#323232; text-align: center; margin: 0 auto; border-radius: 30px;}

/* solution */
#subWrapper.solution .section01 {background: url(../img/common/line_bg.png) no-repeat center #4759aa; padding-top: 100px; text-align: center;}
#subWrapper.solution .section01 .title_box {margin-bottom: 60px;}
#subWrapper.solution .section01 h2 {font-size: 24px; letter-spacing: -0.45px; font-weight: 300;}
#subWrapper.solution .section01 h3 {font-size: 72px; color:#fff; font-weight: bold; letter-spacing: -0.0625em; margin:45px 0 25px;}
#subWrapper.solution .section01 .sub_title {font-size: 32px; font-weight: 500; margin-bottom: 25px;}
#subWrapper.solution .section01 .info_text {font-size: 20px; line-height: 34px; letter-spacing: -0.1px; color:#fff;}

/* 주요특징 */
#subWrapper.solution .section02 {background:#3f509c; text-align: center;}
#subWrapper.solution .section02 .area {padding:90px 0 120px;}
#subWrapper.solution .section02 .trait_list {margin-top: 48px;}
#subWrapper.solution .section02 .trait_list li {background:#4d5ca3; border:2px solid #3b4a91; margin-bottom: 0.7%;}

#subWrapper.solution .section02 .trait_list .trait01 {padding:55px 0;}
#subWrapper.solution .section02 .trait_list .trait01 .img_con {margin-top: 45px;}
#subWrapper.solution .section02 .trait_list .trait02 {padding:60px 0;}
#subWrapper.solution .section02 .trait_list .trait02_2 {padding:99px 0 99px;}
#subWrapper.solution .section02 .trait_list .trait02_2,
#subWrapper.solution .section02 .trait_list .trait02,
#subWrapper.solution .section02 .trait_list .trait03 {float: left; width: 49.65%; margin-right: 0.7%; }
#subWrapper.solution .section02 .trait_list .trait03 {margin-right: 0; padding: 50px 0 50px;}
#subWrapper.solution .section02 .trait_list .trait03 .img_con {margin-top: 25px;}
#subWrapper.solution .section02 .trait_list .trait03_2 {float: left; width: 49.65%; margin-right: 0.7%; }
#subWrapper.solution .section02 .trait_list .trait03_2 {margin-right: 0; padding: 80px 0 79px;}
#subWrapper.solution .section02 .trait_list .trait03_3 {float: left; width: 49.65%; margin-right: 0.7%; }
#subWrapper.solution .section02 .trait_list .trait03_3 {margin-right: 0; padding: 60px 0 60px;}
#subWrapper.solution .section02 .trait_list .trait04 {margin-bottom: 0; clear: both; padding:60px 0;}
#subWrapper.solution .section02 .trait_list .trait04_2 {margin-bottom: 0; clear: both; border:0;}

#subWrapper.solution .section02 .trait_list li h5 {font-size: 27px; font-weight: bold; color:#fff; margin-bottom: 6px;}
#subWrapper.solution .section02 .trait_list li p {font-size: 18px; line-height: 40px; color:#fff;}

/* 기본구성 */
#subWrapper.solution .section03 {background:#f8f8f8;}
#subWrapper.solution .section03 .sub_area {max-width: 1200px; background:#fff; margin: 0 auto; padding:95px 0 125px;}

#subWrapper.solution .section03 .default_list {display: table; margin: 75px auto 0;}
#subWrapper.solution .section03 .default_list li {margin-bottom: 60px;}
#subWrapper.solution .section03 .default_list li:last-child {margin-bottom: 0;}
#subWrapper.solution .section03 .default_list dl {position: relative; padding-left: 145px;}
#subWrapper.solution .section03 .default_list dl:before {content:''; position: absolute; top:10px; left:0; width: 105px; height: 105px; }
#subWrapper.solution .section03 .default_list .default01:before {background:url(../img/sub/solution/default03.png) no-repeat 0 0; background-size: 100%;}
#subWrapper.solution .section03 .default_list .default02:before {background:url(../img/sub/solution/default02.png) no-repeat 0 0; background-size: 100%;}
#subWrapper.solution .section03 .default_list dl dt {font-size: 27px; color:#323232; font-weight: bold; margin-bottom: 4px;}
#subWrapper.solution .section03 .default_list dl dd {font-size: 18px; color:#323232; line-height: 40px;}
#subWrapper.solution .section03 .default_list dl dd span {font-size: 18px; color:#4759aa; line-height: 40px;}
#subWrapper.solution .section03 .default_list dl dd strong {font-family: "Montserrat", sans-serif; font-weight: bold;}

/* 문의사항 */
#subWrapper.solution .section04 {position:relative; background:#4759aa; text-align: center;}
#subWrapper.solution .section04:before {content:""; position: absolute; top:0; right:50%; transform: translateX(50%); width: 2px; height: 50px; background:#fff;}
#subWrapper.solution .section04 .area {padding: 80px 0;}
#subWrapper.solution .section04 .pi_title strong {font-size: 30px; line-height: 50px; font-weight: 500; color:#fff;}
#subWrapper.solution .section04 .pi_text {font-size:24px; line-height: 28px; margin: 35px 0 40px; color:#fff;}
#subWrapper.solution .section04 .pi_text a {font-size: 25px; font-weight: bold;}
#subWrapper.solution .section04 .pi_text em {font-size: 16px; font-style: normal; margin-left: 10px;}
#subWrapper.solution .section04 .btn_wrap {max-width: 800px;}
#subWrapper.solution .section04 .btn_wrap a {float: left; width:49%; margin-right: 2%; text-align: left;}
#subWrapper.solution .section04 .btn_wrap .jehu_btn { background:url(../img/common/ico_arr_b.png) no-repeat 95% #fff; color:#323232; margin-right:0; border:2px solid #323232; box-sizing: border-box;}
#subWrapper.solution .section04 .btn_wrap .jehu_btn:hover {border-color: #02fbe1;}

/* footer */
#subWrapper footer {background:#323232; padding:30px 0; text-align: center;}
#subWrapper footer .copyright {font-size: 14px; color: #a8a8a8; letter-spacing: -0.3px;}


@media screen and (max-width:800px) {
	/* common */
	#subWrapper .slide_prev  {width: 30px; height: 30px; top:30px; right: 15px;}
	#subWrapper section h4 {width: 160px; height: 42px; line-height: 42px; font-size: 20px;}
	/* solution */
	#subWrapper.solution .section01 {background: url(../img/common/m_line_bg.png) no-repeat center #4759aa; background-size: 100%; padding-top: 80px;}
	#subWrapper.solution .section01 .title_box {margin-bottom: 40px;}
	#subWrapper.solution .section01 h2 {font-size: 14px;}
	#subWrapper.solution .section01 h3 {font-size: 36px; line-height: 50px; margin:25px 0 15px;}
	#subWrapper.solution .section01 h3 strong {display: block;}
	#subWrapper.solution .section01 .sub_title {font-size: 19px;}
	#subWrapper.solution .section01 .info_text {padding:0 20px; font-size: 14px; line-height: 22px;}
	#subWrapper.solution .section01 .img_con {padding:0 5px;}

	/* 주요특징 */
	#subWrapper.solution .section02 .area {padding:50px 15px;}
	#subWrapper.solution .section02 .area .trait_list {margin-top: 26px;}
	#subWrapper.solution .section02 .area .trait_list li {float: none; width: 100%; padding:30px 15px; border-width: 1px;}
	#subWrapper.solution .section02 .trait_list li h5 {font-size: 16px;}
	#subWrapper.solution .section02 .trait_list li p {font-size: 13px; line-height: 24px;}
	#subWrapper.solution .section02 .trait_list .trait01 .img_con {margin-top: 20px;}
	#subWrapper.solution .section02 .trait_list .trait03 .img_con img {width: 200px;}
	#subWrapper.solution .section02 .trait_list .trait04_2 {display: none;}

	/* 기본구성 */
	#subWrapper.solution .section03 .sub_area {padding:50px 15px;}
	#subWrapper.solution .section03 .default_list {margin-top: 35px;}
	#subWrapper.solution .section03 .default_list li {margin-bottom: 35px;}
	#subWrapper.solution .section03 .default_list dl {padding-left: 0;}
	#subWrapper.solution .section03 .default_list dl:before {position: static; display: block; width: 80px; height: 80px;}
	#subWrapper.solution .section03 .default_list dl dt {font-size: 18px; margin-top: 15px;}
	#subWrapper.solution .section03 .default_list dl dd {font-size: 12px; line-height: 26px;}
	#subWrapper.solution .section03 .default_list dl dd span {font-size: 12px; line-height: 26px;}

	/* 문의 */
	#subWrapper.solution .section04 .area {padding:55px 15px;}
	#subWrapper.solution .section04:before {width: 1px; height: 35px;}
	#subWrapper.solution .section04 .pi_title strong {font-size: 19px; line-height: normal;}
	#subWrapper.solution .section04 .pi_text {font-size: 18px; margin:20px 0 0;}
	#subWrapper.solution .section04 .pi_text a {font-size: 19px;}
	#subWrapper.solution .section04 .pi_text em {font-size: 12px; margin-left: 5px;}
	#subWrapper.solution .section04 .btn_wrap a {float: none; width: 100%; margin: 0;}
	#subWrapper.solution .section04 .btn_wrap a:last-child {margin-top: 12px;}
	/* #subWrapper.solution .section04 .btn_wrap {display: none;} */

	/* footer */
	#subWrapper footer {padding:18px 0;}
	#subWrapper footer .copyright {font-size: 10px;}
}