/* **************************************** *
   
   2020년 부분 디자인 변경
   
   2020-05-10

   ARA

 * **************************************** */





/* **************************************** *
   공통적용
 * **************************************** */

.nav {border-bottom:1px solid #ddd !important;}


.sub_top {display:none;}

.page_top {background:#fff; border-top:0 !important;}
.page_top .sub_title {border-top:0 !important;}

.container {background:#fff;}


.sub_nav li {border-color:#ddd; background:#fbfbfb;}
.sub_nav .hit {background:#fff; border-bottom:1px solid #fff;}


.page_depth3 {border-bottom:1px solid #ebebeb; margin-top:-10px; height:50px; box-sizing:border-box; margin-bottom:50px;}
.page_depth3 li {padding:0px;}
.page_depth3 .tab {border-radius:0px; border:0; color:#333; background:transparent !important; height:50px; position:relative; width:auto !important; padding:0 30px;}
.page_depth3 .hit .tab {background:transparent; color:#db2e1f;}
.page_depth3 .hit .tab:before {content:""; width:100%; height:2px; background:#db2e1f; position:absolute; left:0; bottom:0;}



.c_cm_box {padding:0px !important;}


.group_title {border-bottom:1px solid #e5e5e5;}
.group_title .title {font-family:Noto Sans CJK KR, "Noto"; letter-spacing:-1px; font-size:21px; font-weight:500; border-bottom:0 !important; padding-left:0px;}



.c_thistip .txt {background:#fbfbfb;}
.c_thistip dd {color:#888;}



.c_step_more {padding:0px;}
.c_step_more .inner dt {box-sizing:border-box;}



.c_btn.if_50 .btn {font-weight:600;}



.p_sol .c_iteminfo .feature_box {margin:0px; margin-top:50px;}
.p_sol .c_iteminfo .double_table table {margin:0px; margin-top:50px;}



.order_tit {font-family:Noto Sans CJK KR, "Noto"; text-align:center; font-size:35px; color:#000; font-weight:600; letter-spacing:-2px; margin-bottom:30px;}





/* **************************************** *
   하이앱 페이지 추가
 * **************************************** */

.p_app {}
.p_app li {list-style:none;}

.p_app .group_title {margin-top:60px;}


.p_app .hy_intro {}
.p_app .hy_intro * {font-family:Noto Sans CJK KR, "Noto"; letter-spacing:-0.5px;}
.p_app .hy_intro .tbox {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.p_app .hy_intro .td {display:table-cell; vertical-align:top}
.p_app .hy_intro .td.right {width:680px; text-align:right}

.p_app .hy_intro .intro {margin-top:30px;}
.p_app .hy_intro .intro dt {overflow:hidden; line-height:1;}
.p_app .hy_intro .intro dt strong {float:left; color:#000; font-weight:800; font-size:40px; line-height:36px; margin-left:15px; letter-spacing:-1px;}
.p_app .hy_intro .intro dt img {float:left;}
.p_app .hy_intro .intro dt em {display:block; color:#999; font-weight:300; font-size:27px; clear:both; padding-bottom:15px; letter-spacing:-1px;}
.p_app .hy_intro .intro dd {color:#666; font-size:17px; margin-top:20px;}

.p_app .hy_intro .next {margin-top:90px;}
.p_app .hy_intro .next dt {font-size:0px;}
.p_app .hy_intro .next dt img {margin-right:10px;}
.p_app .hy_intro .next dd {color:#888; font-size:14px; margin-top:25px; line-height:1.6; word-wrap:break-word; word-break:keep-all; white-space:normal;}




.p_app .hy_good {margin-top:-40px;}
.p_app .hy_good * {font-family:Noto Sans CJK KR, "Noto"; letter-spacing:-0.5px;}
.p_app .hy_good .good_list {}
.p_app .hy_good .good_list ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.p_app .hy_good .good_list ul+ ul {border-top:1px solid #ebebeb;}
.p_app .hy_good .good_list li {display:table-cell; vertical-align:top; padding:40px 0; padding-right:50px;}
.p_app .hy_good .good_list dl {display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.p_app .hy_good .good_list dt,
.p_app .hy_good .good_list dd {display:table-cell; vertical-align:top}
.p_app .hy_good .good_list dt {width:150px; text-align:center; font-size:0px;}
.p_app .hy_good .good_list .tit {color:#000; font-size:17px; font-weight:500; line-height:1;}
.p_app .hy_good .good_list .sit {color:#888; font-size:14px; line-height:1.5; margin-top:15px; word-wrap:break-word; word-break:keep-all; white-space:normal;}





.p_app .hy_key {background:#f0f0f0 url('../images/hyapp/good.png') center top no-repeat; margin-top:70px;}
.p_app .hy_key * {font-family:Noto Sans CJK KR, "Noto"; letter-spacing:-0.5px;}
.p_app .hy_key .tbox {display:table; width:400px; box-sizing:border-box; table-layout:fixed;}
.p_app .hy_key .tbox dl {display:table-cell; vertical-align:middle; height:570px;}
.p_app .hy_key .tbox dt {color:#000; font-weight:600; font-size:42px; line-height:1.2; letter-spacing:-1px;}
.p_app .hy_key .tbox dd {margin-top:20px; overflow:hidden;}
.p_app .hy_key .tbox strong {float:left; font-size:16px; color:#888; margin-right:20px;margin-top:5px;}




.p_app .hy_charge {}
.p_app .hy_charge.c_iteminfo .double_table table {width:100%; margin:0px; margin-top:-1px; border-color:#ebebeb;}
.p_app .hy_charge.c_iteminfo .double_table th {border-color:#ebebeb; font-size:15px;}
.p_app .hy_charge.c_iteminfo .double_table td {border-color:#ebebeb; text-align:center;}

.p_app .hy_charge .c_thistip {margin-top:0px;}
.p_app .hy_charge .c_thistip .txt {background:#fff; padding:30px;}
.p_app .hy_charge .c_thistip dd {color:#888; margin-top:5px; font-size:13px; line-height:1.55;}

.p_app .hy_price {display:table; box-sizing:border-box; margin:15px auto;}
.p_app .hy_price dt,
.p_app .hy_price dd {display:table-cell; vertical-align:middle}
.p_app .hy_price dt {padding-right:15px;}
.p_app .hy_price dd {text-align:left;}
.p_app .hy_price .dis {background:#db2e1f; border:1px solid #db2e1f; border-radius:100px; text-align:center; width:58px; height:58px; box-sizing:border-box; padding-top:14px;}
.p_app .hy_price .dis {color:#fff; line-height:1.3; font-weight:600; font-size:13px;}
.p_app .hy_price .before {float:left; color:#999; position:relative; padding:0 2px; font-size:15px; line-height:1;}
.p_app .hy_price .before:before {content:""; width:100%; height:1px; background:#999; position:absolute; left:0; top:50%; margin-top:-3px;}
.p_app .hy_price .after {float:left; font-size:15px; color:#000; font-weight:600; margin-left:5px; line-height:1;}
.p_app .hy_price .with {display:block; color:#4d93aa; font-size:13px; font-weight:600; clear:both; padding-top:10px; line-height:1;}


.p_app .hy_gogo {overflow:hidden; padding-left:5px;}
.p_app .hy_gogo .btn_gogo {background:transparent url('../images/hyapp/bullet.png') left 9px no-repeat; text-decoration:none; margin-right:15px; padding-left:8px; height:30px;}
.p_app .hy_gogo .btn_gogo strong {display:inline-block; text-decoration:none; margin-top:8px; border-bottom:1px solid #000; line-height:1; font-weight:600; font-size:13px; display:inline-block; color:#000;}



.p_app .hy_step {}
.p_app .hy_step .step {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:0px; text-align:center;}
.p_app .hy_step .step * {font-family:Noto Sans CJK KR, "Noto"; letter-spacing:-0.5px;}
.p_app .hy_step .step li {display:table-cell; vertical-align:top; padding:30px 0;}
.p_app .hy_step .step .ar {vertical-align:middle; width:70px;}
.p_app .hy_step .step dl {}
.p_app .hy_step .step dt strong {color:#aaa; font-size:22px; font-family:"Rubik"; display:block; padding-bottom:20px;}
.p_app .hy_step .step dt {font-size:0px;}
.p_app .hy_step .step dd {color:#000; font-size:16px; font-weight:500; letter-spacing:-1px; margin-top:15px;}

.p_app .hy_step .c_step_more .num {color:#000; font-size:13px; font-weight:600;}
.p_app .hy_step .c_step_more .tit {color:#888; font-size:14px;}
.p_app .hy_step .c_step_more dd {font-size:13px; color:#888; padding:30px 40px; line-height:1.5;}

.p_app .hy_step .c_step_more li {font-size:13px; line-height:1.5;}
.p_app .hy_step .c_step_more li:before {background:#888;;}
.p_app .hy_step .c_step_more li.first {padding-left:0px;}
.p_app .hy_step .c_step_more li.first strong {color:#4d93aa;  font-weight:600;}
.p_app .hy_step .c_step_more li.first:before {display:none; }
.p_app .hy_step .c_step_more li+ .first { margin-top:20px;}
.p_app .hy_step .c_step_more ul+ ul { margin-top:20px;}






.p_app_pop {position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000000; background:rgba(0,0,0,0.5); display:flex; justify-content: center; align-items: center; display:none;}
.p_app_pop .inner {width:900px; height:600px; background:#fff; position:relative; z-index:1; padding:25px; box-sizing:border-box;}
.p_app_pop .fake_btn {position:absolute; left:0; top:0; width:100%; height:100%;}

.p_app_pop .pop_tit {text-align:center; color:#000; font-family:Noto Sans CJK KR, "Noto"; letter-spacing:-0.5px; font-weight:600; font-size:21px; position:relative; padding-bottom:10px; color:#000;}
.p_app_pop .pop_tit {border-bottom:1px solid #000;}
.p_app_pop .pop_tit .btn_close {padding:5px; position:absolute; right:0; top:0;}

.p_app_pop .pop_tab {border-bottom:1px solid #ebebeb; margin-top:20px; height:39px;}
.p_app_pop .pop_tab ul {display:table;}
.p_app_pop .pop_tab li {display:table-cell; vertical-align:middle;}
.p_app_pop .pop_tab a {display:block; padding:0 50px; color:#666; font-size:13px; height:40px; line-height:42px; position:relative; background:#f5f5f5; border:1px solid #ebebeb; box-sizing:border-box;}
.p_app_pop .pop_tab li+ li a {border-left:0;}
.p_app_pop .pop_tab .hit {color:#db2e1f; font-weight:600; background:#fff; border-bottom:1px solid #fff;}

.p_app_pop .tab_conts {overflow-y:auto;  padding:25px 15px; height:440px; box-sizing:border-box; box-sizing:border-box;}
.p_app_pop .tab_conts dl+ dl{margin-top:15px;}
.p_app_pop .tab_conts dt {font-weight:600; color:#333; font-size:13px; margin-bottom:5px;}
.p_app_pop .tab_conts dd {color:#888; line-height:1.6; word-wrap:break-word; word-break:keep-all; white-space:normal;}


.if_open_appimg .p_app_pop {display:flex;}

.if_open_appauth .p_app_pop {display:flex;}