.visual_box {width:100%; margin-top:81px; position:relative;}
/*버튼스타일*/
.grd_btn {text-align:center; padding-top:30px;}
.grd_btn a.btn02 {display:inline-block; width:230px; height:52px; line-height:50px; font-size:16px; letter-spacing:-0.07em; color:#fff; font-weight:500; background:#22203d; background-size:100% 100%; border-radius:30px;}
.grd_btn a.btn02.col02.red02{ background:#eba600; border-radius:0;}
.grd_btn a.btn02.col02 {background:#2e28ab;}
.grd_btn a.btn02.col02.black{background:#222; border-radius:0;}
.grd_btn a.btn02.col02.red {background:#eba600; border-radius:0; width:105px;}
.grd_btn a.btn02.col03 {background:#7b7a8c;}
.grd_btn a.btn02.col03.black {background:#222; border-radius:0; width:105px;}
.grd_btn a.btn03 {width:100%; height:63px; line-height:61px; font-weight:200; background:#ffb400; border-radius:0;}
.grd_btn a.btn04 {display:inline-block; width:230px; height:52px; line-height:50px; font-size:16px; letter-spacing:-0.07em; color:#fff; font-weight:500; background:#a3a2aa; border-radius:30px;}
.grd_btn a.btn05 {display:inline-block; width:230px; height:52px; line-height:50px; font-size:16px; letter-spacing:-0.07em; color:#fff; font-weight:500; background:#222;}
.grd_btn a.btn07 {display:inline-block; width:131px; height:37px; line-height:35px; font-size:14px; letter-spacing:-0.07em; color:#fff; font-weight:300; background:#222;}

.grd_btn a.btn01.col02 {background:#0078ff; border-radius:0;}


.grd_btn p.up_txt {margin-bottom:20px; font-size:18px; letter-spacing:-0.07em; color:#222; font-weight:500;}

.right_btn {text-align:right;}
.right_btn a.bor_st {display:inline-block; width:210px; height:43px; box-sizing:border-box; text-align:left; background:#f8f8f8 url('/img/btn_icon.png') no-repeat 92% 50%; line-height:40px; padding:0 10px; border:1px solid #0078ff; border-right:2px solid #0078ff; border-bottom:2px solid #0078ff; font-size:14px; color:#0078ff; letter-spacing:-0.07em;}

/* sub_visual01 */
.sub_visual01 {position:relative; width:100%; height:200px; overflow: hidden;}
#wrap .sub_visual01 > img {position:relative; width:1920px; height:200px; left:50%; margin-left:-960px; z-index:1; max-width:1920px;}
.sub_visual01 .txt {position:absolute; top:50%; left:0; width:100%; text-align:center; z-index:2; color:#222; font-size:20px; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); letter-spacing:-0.07em; font-weight:300;}
.sub_visual01 .txt > strong {display:block; font-size:34px; font-weight:900; color:#362fc0; letter-spacing:-0.04em;}
.sub_visual01 .txt > span {font-weight:700; color:#362fc0;}
.sub_visual01 .txt > strong.sky{color:#0078ff;}
.sub_visual01 .txt > span.sky{color:#0078ff;}


.mcon01 .online_tab{position:relative; margin:0;}
.mcon01 .online_tab ul{background:url("/img/online_tab_bg.jpg") center top no-repeat; background-size:100% 100% ;}
.mcon01 .online_tab ul li{border-right:1px solid #0069df;}
.mcon01 .online_tab ul li.on{background:#fff;}
/* .mcon01 .online_tab ul li.active  */
.mcon01 .online_tab ul li.on h3 {color:#0078ff;}
/* .mcon01 .online_tab ul li.active h3 */
.mcon01 .online_tab ul li.on p {display:inline-block;}
/* .mcon01 .online_tab ul li.active p */

.ontab {margin-top:-35px;}

/*online 사용주의 마이페이지 겸용*/
.on_step02 {padding:40px 0 130px;}
.on_step02 .up_txtbox {margin-bottom:26px; padding:16px; background:url('/img/online_tbox.png') no-repeat center top; background-size:100% 100%;}
.on_step02 .up_txtbox .inner {background:#fff; padding:43px 10% 29px;  overflow:hidden; box-sizing:border-box;}
.on_step02 .up_txtbox .inner > div {float:left; width:106px;}
.on_step02 .up_txtbox .inner > div.txt {width:calc(100% - 106px); padding:1.6% 0 0 4.5%; font-size:16px; color:#222; letter-spacing:-0.07em; line-height:1.8em; word-break:keep-all; box-sizing:border-box;}

/* step02 상단 배경 */
.on_step02 .online_step02{background:url('/img/online_step02_bg.png') no-repeat center top; background-size:100% 100%; font-size:0; text-align:center;}

.on_step02 .online_step02 .inner > div {float:none; display:inline-block; width:106px;vertical-align:top;}
.on_step02 .online_step02 .inner > div.txt {float:none; display:inline-block;width:calc(100% - 450px); padding:2% 0 0 4.5%; text-align:left;}

/* 세금계산서 발행 배경 */
.on_step02 .my_wri_bg{background:url('/img/my_wri_bg.png') no-repeat center top; background-size:100% 100%;}

.on_step02 .under_form {border-top:1px solid #222; border-bottom:1px solid #222; margin-bottom:13px;} 
.on_step02 .under_form table {width:100%;} 
.on_step02 .under_form table th {padding:16px 0 16px 16px; background:#f7f7f7; border-bottom:1px solid #d2d2d2; vertical-align:top; text-align:left; font-size:16px; color:#222; letter-spacing:-0.07em; font-weight:500;}
.on_step02 .under_form table td {padding:6px 8px; border-bottom:1px solid #d2d2d2; font-size:14px; letter-spacing:-0.02em; color:#222}
.on_step02 .under_form table tr:last-of-type th, 
.on_step02 .under_form table tr:last-of-type td {border-bottom:0;}
.on_step02 .under_form table td span {display:inline-block; margin-left:10px;}
.on_step02 .under_form table td input {width:calc(100% - 430px); height:40px; border:1px solid #d2d2d2; padding:0 10px; box-sizing:border-box; font-size:16px; color:#222;}
.on_step02 .under_form table td textarea {width:100%; height:195px; border:1px solid #d2d2d2; box-sizing:border-box; resize:none; font-size:16px; color:#222;}


.on_step02 .right_btn {margin-bottom:10px;}


/*온라인상담센터*/
.oc_bg_area {width:100%; background:url("/img/online_center_img01_01.jpg") center top no-repeat; background-size:cover;}
.oc_bg_area .oc_icon_area {text-align:center; padding:38px 0 37px;}
.oc_bg_area .oc_icon {display:inline-block; width:22.8333333333%; height:400px; padding-top:56px; background:#fff; margin:0 1.25% 0 0; vertical-align:middle; box-sizing: border-box;}
.oc_bg_area .oc_icon:last-of-type {margin-right:0;}
.oc_bg_area .oc_icon > div > div > .oc_top_txt {font-size:16px; color:#222; font-weight:500;}
.oc_bg_area .oc_icon > div > div > .oc_second_txt {font-size:22px; color:#222; font-weight:bold;}
.oc_bg_area .oc_icon > div > div > .oc_thr_txt {font-size:16px; color:#7b7b7b; font-weight:300; margin-top:38px;}
.oc_bg_area .oc_icon > div > div > .two_line_gap {margin-top:19px; line-height:1.4em;}
.oc_bg_area .oc_icon > div > div > .oc_last_txt {font-size:20px; color:#7b7b7b; font-weight:500; margin-top:5px;}
.oc_bg_area .oc_icon > div > div > a > .mailto_btn {width:122px; background:#63a85e; font-size:14px; color:#fff; padding:8px 0; margin:22px auto 0; box-sizing: border-box; font-weight:300;}

.oc_form_area {padding:80px 0;}
.oc_form_area .table_wrap {display:table; width:100%;  border-top:1px solid #222;}
.oc_form_area .table_wrap + .table_wrap {border-top:0; border-bottom:1px solid #222;}
.oc_form_area .table_wrap dl {display:table-row;}
.oc_form_area .table_wrap dl dt {display:table-cell; width:20%; padding:15px; background:#f1f1f1;border-bottom:1px solid #d2d2d2; font-size:16px; color:#222; letter-spacing:-0.02em; box-sizing:border-box; vertical-align:top;}
.oc_form_area .table_wrap dl dd {display:table-cell; width:30%; padding:6px 8px; box-sizing:border-box; border-bottom:1px solid #d2d2d2;}
.oc_form_area .table_wrap dl dd input {display:inline-block; width:100%; height:40px; box-sizing:border-box; padding:0 10px; border:1px solid #d2d2d2; font-size:16px; color:#222;}
.oc_form_area .table_wrap dl dd.w80 {width:80%;}
.oc_form_area .table_wrap dl dd textarea {display:inline-block; width:100%; height:196px; box-sizing:border-box; padding:10px; border:1px solid #d2d2d2; resize:none; font-size:16px; color:#222;}
.oc_form_area .table_wrap + .table_wrap dl dt,
.oc_form_area .table_wrap + .table_wrap dl dd {border-bottom:0;}
.oc_form_area .grd_btn {margin-top:30px;}

/*oc_btype*/
.oc_btype {padding:47px 0;}
.oc_btype .cost_tit h3 > div {color:#63a85e;}
.oc_btype ul {margin:0; overflow:hidden;}
.oc_btype ul li {float:left; width:24.166%; height:100px; margin:0 1.08333% 13px 0; box-sizing:border-box; background:#fff; border:1px solid #bbb;}
.oc_btype ul li:nth-of-type(4n) {margin-right:0;}
.oc_btype ul li.no02 {width:49.5%; margin-right:0;}
.oc_btype ul li a {display:table; width:100%; height:100%;}
.oc_btype ul li a > div {display:table-cell; width:100%; height:100%; vertical-align:middle; padding:0 70px 0 25px; font-size:16px; color:#222; letter-spacing:-0.02em; background:url('/img/customer_down_icon.png') no-repeat 90% 50%;}
.oc_btype ul li a > div span {font-weight:300; font-size:14px;}
.oc_btype ul li:hover {border:1px solid #63a85e;}
.oc_btype ul li:hover a > div {color:#63a85e; background:url('/img/customer_down_icon_on.png') no-repeat 90% 50%;}

.bgcol01 {background:#f9f9f9;}

.cost_tit {overflow:hidden; margin-bottom:30px;}
.cost_tit h3 {float:left; font-size:0; overflow:hidden;}
.cost_tit h3 > div {display:inline-block; color:#0078ff; font-size:30px; font-weight:700; vertical-align:top; line-height:1; letter-spacing:-0.02em;}
.cost_tit h3 > div + div {margin-left:15px;}
.cost_tit h3 > div span {display:block; margin-bottom:10px; color:#222; font-size:12px; letter-spacing:0.05em; font-weight:200;}
.cost_tit .sub_txt {float:left; padding-top:22px; font-size:20px; color:#444; font-weight:300; vertical-align:middle; padding-left:20px;}
.cost_tit .sub_txt i {display:inline-block; margin:0 18px 0 0; width:1px; height:14px; background:#c8c8c8;}


/*mypage*/
.myi {background:url('/img/mypage_bg.jpg') no-repeat center top;}
.myi .tit_box {text-align:center; padding:65px 0 60px;}
.myi .tit_box h3 {font-size:34px; color:#ffb400; font-weight:900; letter-spacing:-0.05em; line-height:1;}
.myi .tit_box h3 p {margin-top:11px; font-size:16px; color:#222; font-weight:200; letter-spacing:0.6em; padding-left:10px;}
.myi .tit_box .mid_t {margin-top:40px; font-size:20px; font-weight:200; color:#222; letter-spacing:-0.07em;}
.myi .tit_box .mid_t strong {font-weight:900; color:#222;}
.myi .tit_box .las_t {margin-top:17px; font-size:16px; color:#222; letter-spacing:-0.07em; font-weight:300;}

.myi .log_box {padding-bottom:106px; text-align:center;}
.myi .log_box .inner_box {width:100%; max-width:642px; margin:0 auto; background:#fff; padding:0 135px; box-sizing:border-box; border-top:1px solid #ffb400; border-bottom:1px solid #ffb400;}
.myi .log_box .inner_box .txt_t {padding:68px 0 80px;}
.myi .log_box .inner_box .txt_t dl {padding:7px 0; border-bottom:1px solid #8d8d8d; overflow:hidden;}
.myi .log_box .inner_box .txt_t dl + dl {margin-top:23px;}
.myi .log_box .inner_box .txt_t dl dt {float:left; width:120px; line-height:28px; text-align:left; font-size:16px; color:#8a8a8a; letter-spacing:-0.07em; font-weight:200;}
.myi .log_box .inner_box .txt_t dl dd {float:left; width:calc(100% - 120px);}
.myi .log_box .inner_box .txt_t dl dd input {width:100%; height:30px; box-sizing:border-box; padding:0 10px; border:0; background:none; font-size:18px; color:#222;}
.myi .log_box .inner_box .txt_t .grd_btn {margin-top:32px;}


/*my_info*/
.sub_visual02 {position:relative; width:100%; height:200px; overflow: hidden;}
#wrap .sub_visual02 > img {position:relative; width:1920px; height:200px; left:50%; margin-left:-960px; z-index:1; max-width:1920px;}
.sub_visual02 .txt_box {position:absolute; width:100%; max-width:1200px; top:50%; left:50%; text-align:left; z-index:2; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); overflow:hidden;}
.sub_visual02 .txt_box > div {float:left;}
.sub_visual02 .txt_box > div.left {font-size:30px; font-weight:200; letter-spacing:-0.07em; color:#222;}
.sub_visual02 .txt_box > div.left span {display:block; font-size:12px; color:#362fc0; letter-spacing:0.6em; text-transform:uppercase; font-weight:500;}
.sub_visual02 .txt_box > div.left a.btnklout {display:block; width:120px; height:42px; margin:10px auto 0; line-height:40px; background:#ffb400; color:#fff; font-size:16px; font-weight:500; letter-spacing:-0.02em;}

.sub_visual02 .txt_box > div.right {float:right; padding-top:10px;}
.sub_visual02 .txt_box > div.right a {text-align:left; width:230px; padding:0 30px; box-sizing:border-box;}
.sub_visual02 .txt_box > div.right a i {float:right; padding-top:15px;}
.sub_visual02 .txt_box > div.right a i img {vertical-align:middle;}

.sub_visual02 .txt_box > div.floatN{float:none; text-align:center;}
.sub_visual02 .txt_box > div.floatN span{color:#eba600;}
.sub_visual02 .txt_box > div.posA {float:none; position:absolute; top:0; right:0; padding-top:10px;}
.sub_visual02 .txt_box > div.posA a{text-align:left; width:230px; padding:0 30px; box-sizing:border-box; background-image:none; background:#ffb400;}
.grd_btn a.btn06 {display:inline-block; width:200px; height:52px; line-height:50px; font-size:16px; letter-spacing:-0.07em; color:#fff; font-weight:500; }

/*가사팝업*/
.lyrics_pop {display:none; position:fixed; z-index:100; width:100%; height:100%; top:0; left:0;}
.lyrics_pop .lyrics_black_bg {position:fixed; z-index:99; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6);}
.lyrics_pop .lp_cont{width:100%; max-width:646px; position:absolute; z-index:101; background:#fff; padding:70px 94px 90px; box-sizing: border-box; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); height:900px;}
.lyrics_pop.no02 .lp_cont{height:930px;}
.lyrics_pop .lp_cont > a > .lp_close {position:absolute; top:3%; right: 4%;}
.lyrics_pop .lp_cont > .lp_title { font-size:30px; color:#2e28ab; font-weight:bold; margin:0 auto 3%;}
.lyrics_pop .lp_cont > .lp_title.red{color:#d00f0f;}
.lyrics_pop .lp_cont > .lp_lyrics_info > table {width:100%; border-top:1px solid #242424; border-bottom:1px solid #242424;}
.lyrics_pop .lp_cont > .lp_lyrics_info > table tbody tr td:first-of-type {background:#f1f1f1; color:#222222; font-weight:500; font-size:16px; padding:4% 3%;}
.lyrics_pop .lp_cont > .lp_lyrics_info > table tbody tr td:last-of-type {color:#222; font-weight:300; font-size:16px; padding: 0 3%; }
.lyrics_pop .lp_cont .lp_lyrics_area {background:#f1f1f1; /*padding:7.75% 12%; overflow-y:scroll*/; padding:4.75% 5%; height:590px; margin:5% auto 8%; box-sizing:border-box; font-size:16px; color:#222; font-weight:300; letter-spacing:-0.05em; line-height:27px;}
.lyrics_pop .lp_cont .lp_lyrics_area p {width:100%; height:100%;}
.lyrics_pop .lp_cont .lp_lyrics_area textarea {display:block; width:100%; height:100%; border:0; resize:none; background:#f1f1f1;}

.lyrics_pop.no02 .lp_cont .grd_btn {padding:0;}





/*process*/
.process h4 {margin:0 0 25px; line-height:1; font-size:24px; font-weight:700; color:#222; letter-spacing:-0.07em;}

.process .con01 {position:relative; height:100%; padding:70px 0 0;}
.process .con01 .w1200 {position:relative; z-index:2;} 
.process .con01 .p01_bg {position:absolute; bottom:0; left:0; z-index:1; width:100%; background:#f9f9f9; height:70px;}
.process .con01 ul {overflow:hidden; padding-top:19px; font-size:0;}
.process .con01 ul li {position:relative; display:inline-block; width:13.1666%; margin-right:1.25%; padding:52px 0 13px; background:#fff; box-sizing:border-box; text-align:center; border:1px solid #e5e5e5; vertical-align:top;}
.process .con01 ul li:last-child {margin-right:0;}
.process .con01 ul li i {position:absolute; top:-20px; left:50%; width:44px; height:44px; margin-left:-22px; line-height:42px; color:#fff; font-style:normal; font-size:12px; font-weight:200; background:#82828a; border-radius:50%;}
.process .con01 ul li p {height:50px; padding-top:13px; vertical-align:middle; font-size:16px; letter-spacing:-0.07em; color:#82828a; box-sizing:border-box; font-weight:500;}
.process .con01 ul li p.no02 {padding-top:0;}

.process .con01 ul li.on {border:1px solid #ffb400;}
.process .con01 ul li.on i {background:#ffb400;}
.process .con01 ul li.on p {color:#ffb400;}

.process .con02 {padding:70px 0 55px; background:#f9f9f9;}
.process .con02 .w1200 {overflow:hidden;}
.process .con02 .w1200 > div {float:left; width:48.75%;}
.process .con02 .w1200 > div:first-of-type {margin-right:2.5%;}

.process .con02 .w1200 .rewriting h4 {
	font-weight: 900;
}

.process .con02 .w1200 .rewriting .lyrics ul li a {
	background-color: #2e2e33;
}

.process .con02 ul {}
.process .con02 ul li {margin-bottom:15px; font-size:16px; color:#222; font-weight:500;}
.process .con02 ul li a {display:block; padding:0 20px; line-height:58px; border:1px solid #e5e5e5; background:#fff; font-size:16px; color:#222; font-weight:500; box-sizing:border-box;}
.process .con02 ul li span {font-weight:200;}

.process .con02 ul.lyrics li a {
background:#2e2e33 url('/img/lyrics_icon.png') no-repeat 98% 50%;
color: #fff;
}
.process .con02 ul.down_type li a {overflow:hidden;}
.process .con02 ul.down_type li a > div {float:left;}
.process .con02 ul.down_type li a > div.down_t {float:right; width:146px; font-size:14px; color:#ffb400; letter-spacing:-0.075em; background:url('/img/down_icon.png') no-repeat right 50%;}
.process .con02 ul.down_type li a > div.tit {width:calc(100% - 150px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.process .con03 {padding:70px 0 165px;}
.process .con03 a {display:inline-block; width:251px; height:61px; line-height:59px; border:1px solid #7b7a8c; border-right:2px solid #7b7a8c; border-bottom:2px solid #7b7a8c; padding-left:20px; font-size:16px; letter-spacing:-0.07em; font-weight:500;}
.process .con03 a.btn01 {margin-right:10px; color:#7b7a8c; background:url('/img/tax_icon01.png') no-repeat 95% 50%;}
.process .con03 a.btn02 {color:#fff; background:#222 url('/img/tax_icon02.png') no-repeat 95% 50%;}

.process .con03 .w1200::after {
  content:'';
   display:block;
   clear:both;
}

.process .con03 .w1200 > div {float:left; width:48.75%;}

.process .con03 .w1200 > div:first-of-type {margin-right:2.5%;}

.process .con03 .w1200 .tax_box .flex_box {
	display: flex;
	flex-wrap: wrap;
	gap:25px;
}

.process .con03 .w1200 > div .down_t {
	width: calc(50% - 12.5px);
	height: 45px;
font-size:16px;
 color:#222; 
line-height: 2.75em;
letter-spacing:-0.075em; 
border-top:none ;
border-left:none ;
border-right:none ;
background:url('/img/down_icon.png') no-repeat right 50%;
overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
padding-right: 25px;
padding-left: 0;
box-sizing: border-box;
}

/*세금계산서 입력*/
.txtb_wri .tab_part {margin:40px 0 0;}
.txtb_wri .tab_part ul {border-bottom:1px solid #222222;}
.txtb_wri .tab_part ul:after {content:''; display:block; clear:both;}
.txtb_wri .tab_part ul li {position:relative; float:left; width:230px; height:51px; text-align:center; background:#e6e6e6; margin-right:5px; line-height:49px; font-size:16px; letter-spacing:-0.07em; color:#808080; cursor:pointer; box-sizing:border-box; border-top:3px solid #e6e6e6;}
.txtb_wri .tab_part ul li i {display:none;}
.txtb_wri .tab_part ul li.on i {position:absolute; display:block; bottom:-1px; background:#fff; width:100%; height:1px;}
.txtb_wri .tab_part ul li.on {background:#fff; border:1px solid #222; border-top:3px solid #222; border-bottom:0;}

.txtb_wri .con_part .cont_box {display:none;}
.txtb_wri .con_part .cont_box.on {display:block;}
.txtb_wri .on_step02 .under_form {margin-bottom:50px;}
.on_step02 .under_form table td input.size02 {width:35%;}
.on_step02 .under_form table td input.mw100 {width:100%;}
.on_step02 .under_form table td span.both {margin:0 5px;}
.on_step02 .under_form table td input.inputEmail02 {width:60%;}

.txtb_wri label.nor_ch {}
.txtb_wri label + label {margin-left:20px;}
.txtb_wri label.nor_ch input {display:none;}
.txtb_wri label.nor_ch input + i {display:inline-block; width:22px; height:22px; margin-right:5px; background:url('/img/nor_check.png') no-repeat center top; vertical-align:middle; background-size:100%;}
.txtb_wri label.nor_ch input:checked + i {background:url('/img/nor_checked.png') no-repeat center top; background-size:100%;}
.txtb_wri label.nor_ch input:checked="checked" + i {background:url('/img/nor_checked.png') no-repeat center top; background-size:100%;}


/*세금계산서 발행*/
.bill_cbox {padding:45px 0 155px;}
.bill_cbox .w1200 {overflow:hidden; margin-bottom:40px;}
.bill_cbox .con {float:left; width:48.75%;}
.bill_cbox .con.no01 {margin-right:2.5%;}
.bill_cbox .con .tit {position:relative; z-index:2; text-align:center;}
.bill_cbox .con .tit p {display:inline-block; width:290px; height:52px; line-height:50px; font-size:16px; letter-spacing:-0.07em; color:#fff; font-weight:500; background:url('/img/my_idx_tit_bg.jpg') no-repeat center top; background-size:100% 100%;}
.bill_cbox .con .un_box {position:relative; z-index:1; margin:-26px 0 0; background:#f6f6f6; border:1px solid #e6e6e6; padding:58px 0; text-align:center;}
.bill_cbox .con .un_box > p {font-size:16px; font-weight:300; letter-spacing:-0.07em; color:#222;}
.bill_cbox .con .un_box .w_box {margin-top:28px; font-size:0;}
.bill_cbox .con .un_box .w_box h6 {margin:0 0 15px; font-size:18px; font-weight:900; color:#222;}
.bill_cbox .con .un_box .w_box input {width:80%; height:40px; box-sizing:border-box; padding:0 10px; color:#222; font-size:16px; border:1px solid #d2d2d2;}
.bill_cbox .con .un_box .w_box i {display:inline-block; width:10px; height:1px; margin:0 5px; background:#a8a8a8; vertical-align:6px;}
.bill_cbox .con.no01 .un_box .w_box input {width:calc(40% - 10px);}


.bill_list {padding:70px 0 220px;}
.bill_list .up_box {min-height:234px; margin-bottom:35px; padding:72px 10px; text-align:center; box-sizing:border-box; }
.bill_list .up_box p {font-size:16px; font-weight:300; color:#222; letter-spacing:-0.07em;}
.bill_list .up_box p + p {margin-top:5px;}

.bill_list .up_txtbox {margin-bottom:26px; padding:16px; background:url('/img/online_tbox.png') no-repeat center top; background-size:100% 100%;}
.bill_list .up_txtbox .inner {background:#fff; padding:43px 10% 43px;  overflow:hidden; box-sizing:border-box;}
.bill_list .up_txtbox .inner div.txt {width:100%; padding:1.6% 0 1.6% 4.5%; font-size:16px; color:#222; letter-spacing:-0.07em; line-height:1.8em; word-break:keep-all; box-sizing:border-box; text-align:center;}
.bill_list .my_list_bg{background:url("/img/my_list_bg.png") center top no-repeat;}

.bill_table table {width:100%; border-top:2px solid #222;}
.bill_table table tr th {padding:15px 5px; font-size:14px; font-weight:300; color:#68696b; text-align:left; letter-spacing:-0.07em; border-bottom:1px solid #d2d2d2;}
.bill_table table tr td {padding:15px 5px; font-size:16px; font-weight:300; color:#222; text-align:left; border-bottom:1px solid #d2d2d2;}
.bill_table table tr td a.print {display:inline-block; padding:5px 8px; line-height:1; text-align:center; font-size:14px; color:#fff; background:#000;}


.bill_table .tablest {display:table; width:100%; border:1px solid #ebebeb; border-bottom:0;}
.bill_table .tr_st {display:table-row; width:100%; }
.bill_table .td_st {display:table-cell; padding:8px 0; border-bottom:1px solid #e5e5e5; vertical-align:middle; text-align:center; font-size:16px; color:#222;}
.bill_table .tit_ty .td_st {padding:10px 0; font-size:14px; color:#222; letter-spacing:-0.02em; text-align:center;}
.bill_table .td_st.no01 {width:8.33%;}
.bill_table .td_st.icon_type {width:8%;}
.bill_table .td_st.last {width:8%;}
.bill_table .td_st.day {width:10%;}
.bill_table .td_st.pco {width:15%;}
.bill_table .td_st span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#222;}
.bill_table .td_st.no01 > div.m_left {}
.bill_table .td_st a.print {display:inline-block; padding:5px 8px; line-height:1; text-align:center; font-size:14px; color:#fff; background:#000;}

.bill_table .tr_st:hover{background:#f6f6f6;}
.bill_table .tr_st.tit_ty:hover{background:#fff;}


/*견적서출력팝업 _ 팝업공통사용 주의*/
.estimate_pop {padding:8% 8% 3%; overflow:hidden;}
.estimate_pop h2 {margin:0 0 13px; line-height:1; font-size:30px; font-weight:700; color:#2e28ab; letter-spacing:-0.05em;}
.estimate_pop h2.black{color:#222;}
.estimate_pop h2.red{color:#eba600;}
.estimate_pop h3 {margin:30px 0 13px; line-height:1; font-size:24px; font-weight:700; color:#222; letter-spacing:-0.05em;}
.estimate_pop .table_type {display:table; width:100%; margin-bottom:30px; border-top:1px solid #222; border-bottom:1px solid #222;}
.estimate_pop .td_st {display:table-cell; padding:6px 0; border-bottom:1px solid #e5e5e5; vertical-align:middle;}
.estimate_pop .table_type dl {display:table-row; width:100%; }
.estimate_pop .table_type dl dt,
.estimate_pop .table_type dl dd {display:table-cell;}
.estimate_pop .table_type dl dt {width:129px; padding:7px 16px; background:#f1f1f1; font-size:16px; color:#222; letter-spacing:-0.07em; box-sizing:border-box; border-bottom:1px solid #d2d2d2; border-collapse:collapse;}
.estimate_pop .table_type dl dt.esti28{width:28.6%;}
.estimate_pop .table_type dl dd {width:34%; font-size:16px; color:#222; letter-spacing:-0.02em; padding:5px 16px; font-weight:200; border-bottom:1px solid #d2d2d2; border-collapse:collapse;}
.estimate_pop .table_type dl:last-of-type dt,
.estimate_pop .table_type dl:last-of-type dd {border-bottom:0;}

.estimate_pop .under_wrap {margin-bottom:12px; border-top:1px solid #222; border-bottom:1px solid #222;}
.estimate_pop .under_wrap.mb00 {margin-bottom:0;}
.estimate_pop .under_wrap.bo00 {border-bottom:0;}

.estimate_pop .table_type dl:last-of-type dt,
.estimate_pop .table_type dl:last-of-type dd {border-bottom:1px solid #d2d2d2;}

.estimate_pop .table_type.bb00 dl:last-of-type dt,
.estimate_pop .table_type.bb00 dl:last-of-type dd {border-bottom:0;}

.estimate_pop .table_type.up dl dd {width:17.3%;}

.estimate_pop .table_type.last dl dd {width:84%; color:#2e28ab;}
.estimate_pop .table_type.last dl dd.red {color:#eba600;}

.estimate_pop .table_type.last dl dd strong {font-weight:900;}
.estimate_pop .table_type.last dl dt {color:#2e28ab;}
.estimate_pop .table_type.last dl dt.red {color:#eba600;}

.estimate_pop .table_type dl dd.col {color:#2e28ab;}
.estimate_pop .table_type dl dd.col.red {color:#eba600;}
.estimate_pop .table_type dl dd.col strong {font-weight:900;}
.estimate_pop .table_type dl dt.col {color:#2e28ab;}
.estimate_pop .table_type dl dt.col.red {color:#eba600;}


.estimate_pop .table_type.up dl {display:table-cell; width:14.28%; text-align:center;}
.estimate_pop .table_type.up dl.gokname1{width:28.6%;}
.estimate_pop .table_type.up dl dt {display:block; width:100%; box-sizing:border-box;}
.estimate_pop .table_type.up dl dd {display:block; width:100%; padding:10px; box-sizing:border-box;}

.estimate_pop .under_wrap.no01 {border-bottom:0;}
.estimate_pop .under_wrap.no02 {margin-bottom:12px; border:0;}

.estimate_pop .under_wrap.no02 dl dt {display:none;}


.estimate_pop .p_txt {margin-bottom:30px; font-size:14px; font-weight:300; letter-spacing:-0.02em; color:#fff;}
.estimate_pop .p_txt span {display:inline-block; padding:15px; background:#959595;}

.estimate_pop .attn {overflow:hidden;} 
.estimate_pop .attn ul {float:left; width:50%;} 
.estimate_pop .attn ul li {/* margin-bottom:10px; */ font-size:14px; color:#717171; letter-spacing:-0.05em; font-weight:300; font-weight:300; background:url('/img/popup_dot.jpg') no-repeat left 11px; line-height:1.8em; padding-left:8px;} 

.estimate_pop .esti_logo{ padding-top:5%; text-align:center;}

.estimate_pop .attn02{background:#f1f1f1; /* padding:6% 5%; */ padding:3% 4%; box-sizing:border-box;}
.estimate_pop .attn02 ul {  } 
.estimate_pop .attn02 ul li {/* margin-bottom:10px; */ font-size:14px; color:#717171; letter-spacing:-0.05em; font-weight:300; font-weight:300; background:url('/img/popup_dot.jpg') no-repeat left 11px; line-height:1.8em; padding-left:8px;} 

.estimate_pop .attn03{text-align:center; margin:20px 0 30px;}
.estimate_pop .attn03 p{font-size:18px; line-height:32px; letter-spacing:-0.075em; font-weight:700; color:#222;}
.estimate_pop .attn03 span{display:block; font-size:18px; line-height:34px; color:#222; letter-spacing:-0.075em; margin-top:40px; position:relative; }
.estimate_pop .attn03 span > img{vertical-align:middle; margin-left:1%;}
.estimate_pop .attn03 span i img{position:absolute; top:-25px; left:50%; margin-left:150px;}

.estimate_pop .attn04{overflow:hidden;}
.estimate_pop .attn04 > div{float:left; width:48%; margin-right:4%;}
.estimate_pop .attn04 > div:last-of-type{margin-right:0;}
.estimate_pop .attn04 > div h4{font-size:30px; line-height:40px; color:#878787; font-weight:700; letter-spacing:-0.025em;}
.estimate_pop .attn04 > div table{width:100%; box-sizing:border-box; border-top:1px solid #222; border-bottom:1px solid #222;}
.estimate_pop .attn04 > div table tr:last-of-type td{border-bottom:0;}
.estimate_pop .attn04 > div table td{font-size:16px; padding:10px 0 10px 15px; color:#222; letter-spacing:-0.075em; font-weight:300; box-sizing:border-box; border-bottom:1px solid #d2d2d2;}
.estimate_pop .attn04 > div table td.le{background:#f1f1f1; font-weight:500;}

.estimate_pop .grd_btn {margin-top:60px; font-size:0;}
.estimate_pop .grd_btn a + a {margin-left:6px;}

/**/
.estimate_pop.no02 .table_type {margin-bottom:20px;}
.estimate_pop .under_wrap .table_type {border:0; margin-bottom:0;}
.estimate_pop.no02 .under_wrap {margin-bottom:20px;}
.estimate_pop .table_type.both dl dd {width:84%;}
.estimate_pop .table_type.half dl dt {width:50%;}
.estimate_pop .table_type.half dl dd {width:50%;}


.estimate_pop .pp_table {border-bottom:1px solid #222; margin-bottom:20px;}
.estimate_pop .pp_table table {width:100%; table-layout:fixed; border-top:1px solid #222; border-bottom:1px solid #222;}
.estimate_pop .pp_table table th {position:relative; background:#f1f1f1; font-weight:500; font-size:16px; padding:7px 0 5px 15px; color:#222; letter-spacing:-0.075em; box-sizing:border-box; border-bottom:1px solid #d2d2d2; text-align:left; border-right:1px solid #d2d2d2; border-collapse:collapse;}
.estimate_pop .pp_table table td {position:relative; font-size:16px; padding:7px 15px; color:#222; letter-spacing:-0.075em; font-weight:300; box-sizing:border-box; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-collapse:collapse;}
.estimate_pop .pp_table table td b {font-weight:500;}
.estimate_pop .pp_table table td .col01 {color:#eba600;}
.estimate_pop .pp_table table th:last-of-type {border-right:0;}
.estimate_pop .pp_table table td:last-of-type {border-right:0;}
.estimate_pop .pp_table table td.right {text-align:right;}
.estimate_pop .pp_table table td span {display:inline-block;}

.estimate_pop .pp_table table tr:last-of-type th,
.estimate_pop .pp_table table tr:last-of-type td {border-bottom:0;}

/* 세금계산서 발행 */
.bgR01{background:#ffdbde !important;}
.bgR02{background:#fff6f7 !important;}

.bgB01{background:#c6dbf7 !important;}
.bgB02{background:#f7f7ff !important;}

.fzR{color:#ef1418 !important;}
.fzB{color:#105dd6 !important;}

.bdTR01{border-top:1px solid #f77573 !important;}
.bdBR02{border-bottom:1px solid #f77573 !important;}

.bdTb01{border-top:1px solid #5b9adf !important;}
.bdBb02{border-bottom:1px solid #5b9adf !important;}

.bdr_R_red01{border-right:1px solid #f79e9c !important;}
.bdr_B_red01{border-bottom:1px solid #f79e9c !important;}

.bdr_R_blue01{border-right:1px solid #c6cbde !important;}
.bdr_B_blue01{border-bottom:1px solid #c6cbde !important;}


.m_tbl{display:none;}
.tax_tbl{width:100%; max-width:1000px; overflow:hidden;}
.tax_tbl table.pc_tbl{ width:100%;}
.tax_tbl table{ margin-bottom:30px; width:100%; box-sizing:border-box; max-width:1000px;  overflow:hidden;}
.tax_tbl table tr th{width:50px; padding:5px 10px; font-size:16px; letter-spacing:-0.07em; box-sizing:border-box; border-bottom:1px solid #d2d2d2; border-collapse:collapse; background:#f1f1f1; color:#222; font-weight:500; border-right:1px solid #d2d2d2;}
.tax_tbl table tr td{width:135px; padding:5px 10px; font-size:16px; color:#222; letter-spacing:0.02em; font-weight:200; border-bottom:1px solid #d2d2d2; box-sizing:border-box; border-collapse:collapse; word-break:keep-all;}
.tax_tbl table tr td.color1{background:#f8f8f8; width:90px; text-align:center;}

.tax_tbl02{width:100%;}
.tax_tbl02 table{margin-bottom:30px; width:100%; border-top:1px solid #222; border-bottom:1px solid #222; box-sizing:border-box; max-width:1000px;}
.tax_tbl02 table tr th{width:20%; padding:5px 10px; font-size:16px; letter-spacing:-0.07em; box-sizing:border-box; border-bottom:1px solid #d2d2d2; border-collapse:collapse; background:#f1f1f1; color:#222; font-weight:500; border-right:1px solid #d2d2d2;}
.tax_tbl02 table tr th:last-of-type{border-right:0;}
.tax_tbl02 table tr td{width:20%; padding:5px 10px; font-size:16px; color:#222; letter-spacing:0.02em; font-weight:200; border-bottom:1px solid #d2d2d2; box-sizing:border-box; border-collapse:collapse; word-break:keep-all; text-align:center; border-right:1px solid #d2d2d2;}
.tax_tbl02 table tr td:last-of-type{border-right:0;}
.tax_tbl02 table tr td.taR{text-align:right;}

.tax_tbl03{width:100%;}
.tax_tbl03 table{margin-bottom:30px; width:100%; border-top:1px solid #222; border-bottom:1px solid #222; box-sizing:border-box; max-width:1000px;}
.tax_tbl03 table tr th{padding:5px 10px; font-size:16px; letter-spacing:-0.07em; box-sizing:border-box; border-bottom:1px solid #d2d2d2; border-collapse:collapse; background:#f1f1f1; color:#222; font-weight:500; border-right:1px solid #d2d2d2;}
.tax_tbl03 table tr th:last-of-type{border-right:0;}
.tax_tbl03 table tr td{padding:5px 10px; font-size:16px; color:#222; letter-spacing:0.02em; font-weight:200; border-bottom:1px solid #d2d2d2; box-sizing:border-box; border-collapse:collapse; word-break:keep-all; text-align:center; border-right:1px solid #d2d2d2;}
.tax_tbl03 table tr td:last-of-type{border-right:0;}
.tax_tbl03 table tr td.taR{text-align:right;}

.tax_tbl04{width:100%;}
.tax_tbl04 table{margin-bottom:30px; width:100%; border-top:1px solid #222; border-bottom:1px solid #222; box-sizing:border-box; max-width:1000px;}
.tax_tbl04 table tr th{padding:5px 10px; font-size:16px; letter-spacing:-0.07em; box-sizing:border-box; border-bottom:1px solid #d2d2d2; border-collapse:collapse; background:#f1f1f1; color:#222; font-weight:500; border-right:1px solid #d2d2d2;}
.tax_tbl04 table tr td{padding:5px 10px; font-size:16px; color:#222; letter-spacing:0.02em; font-weight:200; border-bottom:1px solid #d2d2d2; box-sizing:border-box; border-collapse:collapse; word-break:keep-all; text-align:center; border-right:1px solid #d2d2d2;}
.tax_tbl04 table tr td:last-of-type{border-right:0;}
.tax_tbl04 table tr td.taR{text-align:right;}

.tax_tbl table tr td{position:relative;}
.tax_tbl table tr td i{width:40px; display:inline-block; vertical-align:middle; margin-left:10px}
.tax_tbl table tr td i img{width:100%;}

.tax_tbl04 table tr td{position:relative;}
.tax_tbl04 table tr td i{width:100px; display:inline-block; vertical-align:middle; margin-left:10px}
.tax_tbl04 table tr td i img{width:100%;}

.logo_btn{width:100px;float:right;}

@media screen and (max-width:1200px){
	.sub_visual02 .txt_box {width:calc(100% - 40px); margin:0 20px;}
}

@media screen and (max-width:1000px){
	.sub_visual01 {height:150px;}
	.mcon01 .tab ul li h3{font-size:14px;}
	
	/* .mcon01 .tab {margin-top:-35px; } */
	.mcon01 .tab ul li {height:150px; padding-top:18px;}
	.mcon01 .tab ul li > img {width:30px; margin-right:0; vertical-align:-4px; margin-bottom:15px;}
	.mcon01 .tab ul li h3 {font-size:18px; display:block; }
	.mcon01 .tab .m_br{display:block;}
	.mcon01 .tab ul li p{padding-left:0; vertical-align:8px; margin-top:12px;}
	.ontab {margin-top:0;}

	/*online*/
	.on_step02 {padding:6% 0 20%;}
	.on_step02 .up_txtbox {margin-bottom:26px;}
	.on_step02 .up_txtbox .inner {padding:3% 5%;}
	.on_step02 .up_txtbox .inner > div {float:left; width:106px;}
	.on_step02 .up_txtbox .inner > div.txt {padding:0.8% 0 0 4.5%;}

	.on_step02 .under_form table th {padding:10px 0 10px 10px;}
	.on_step02 .under_form table td span {display:block; margin-left:0; margin-top:5px;}
	.on_step02 .under_form table td input {width:100%; height:30px;}


	/*온라인상담센터*/
	.oc_bg_area .oc_icon {width:44.8333333333%; height:400px; padding-top:56px; margin:0 1.25% 1.25% 0;}
	.oc_bg_area .oc_icon:nth-of-type(2n){margin-right:0;}

	.oc_form_area {padding:10% 0;}
	.oc_form_area .grd_btn {margin-top:5%;}

	.cost_tit {margin-bottom:5%;}
	.cost_tit h3 {float:none;}
	.cost_tit h3 > div {font-size:30px;}
	.cost_tit h3 > div + div {margin-left:15px;}
	.cost_tit h3 > div span {margin-bottom:10px; font-size:12px;}
	.cost_tit .sub_txt {float:none; padding-top:10px; font-size:20px; padding-left:0;}
	.cost_tit .sub_txt i {display:none;}

	/*oc_btype*/
	.oc_btype {padding:7% 0;}
	.oc_btype ul li {width:49%; height:100px; margin:0 2% 3% 0;}
	.oc_btype ul li.no02 {width:100%;}
	.oc_btype ul li:nth-of-type(4n) {margin-right:0;}
	.oc_btype ul li:nth-of-type(2n) {margin-right:0;}
	.oc_btype ul li a > div {padding:0 70px 0 25px; font-size:16px;}
	.oc_btype ul li a > div span {font-size:14px;}

	/*my_info*/
	.sub_visual02 .txt_box {width:93.75%; margin:0 auto;}
	.sub_visual02 .txt_box > div {float:none;}

	.sub_visual02 .txt_box > div.posA {position:relative; padding-top:2%;}


	.on_step02 .online_step02 .inner > div.txt {width:calc(100% - 106px); padding:0.8% 0 0 4.5%;}


	/*가사팝업*/
	.lyrics_pop .lp_cont{width:93.75%; height:80%; padding:10%;}
	.lyrics_pop .lp_cont .lp_lyrics_area {height:85%;}
	.lyrics_pop .lp_cont .lya_up {height:70%;}
	.lyrics_pop .lp_cont .lya_up .lp_lyrics_area {height:100%;}
	.lyrics_pop .lp_cont textarea {height:100%;}
	.lyrics_pop.no02 .lp_cont{height:80%;}
	.lyrics_pop.no02 .lp_cont .grd_btn {padding-top:30px;}


	/*process*/
	.process .con01 ul {text-align:center;}
	.process .con01 ul li {width:23%; margin:0 1.25% 25px 0;}

	.process .con02 {padding:8% 0;}
	.process .con02 .w1200 > div {float:none; width:100%;}
	.process .con02 .w1200 > div:first-of-type {margin:0 0 8%;}

	/*세금계산서 입력*/
	.txtb_wri .on_step02 .up_txtbox .inner > div.txt br {display:none;}
	.txtb_wri .on_step02 .under_form {margin-bottom:8.5%;}	
	.on_step02 .under_form table td input.size02 {width:100%;}
	.on_step02 .under_form table td input.size02.bot {width:calc(50% - 15px);}
	.on_step02 .under_form table td input.mw100 {width:100%;}
	.on_step02 .under_form.txtw_t table td span {display:inline-block; text-align:center; width:30px;}
	.on_step02 .under_form table td span.both {margin:0;}
	.on_step02 .under_form table td input.last {width:calc(100% - 30px);}

	/*세금계산서 발행*/
	.bill_cbox {padding:7% 0 28%;}
	.bill_cbox .w1200 {margin-bottom:6%;}
	.bill_cbox .con {float:none; width:100%; margin-bottom:5%;}
	.bill_cbox .con.no01 {margin-right:0;}

	.bill_list {padding:11% 0 30%;}
	.bill_list .up_box {margin-bottom:6%; padding:72px 10px; border:16px solid #dcdcdc; text-align:center; box-sizing:border-box;}
	.bill_list .up_box p {font-size:16px; font-weight:300; color:#222; letter-spacing:-0.07em;}
	.bill_list .up_box p + p {margin-top:5px;}


	.bill_table .tablest {display:block;}
	.bill_table .tr_st {display:block; overflow:hidden;}
	.bill_table .td_st {display:block; float:left; width:20%; padding:0; box-sizing:border-box;}
	.bill_table .tit_ty {display:none;}
	.bill_table .td_st.no01 {width:100%;}
	.bill_table .td_st.icon_type {display:none;}
	.bill_table .td_st.last {display:none;}
	.bill_table .td_st.day {width:20%;}
	.bill_table .td_st.pco {width:20%;}
	.bill_table .td_st span {padding:13px 3px; font-size:16px; box-sizing:border-box;}
	.bill_table .td_st > p {display:block; width:100%; padding:13px 0; font-size:14px; color:#68696b; letter-spacing:-0.07em; font-weight:300; border-bottom:1px solid #e5e5e5;}

	.bill_table .td_st.no01 {padding:5px 10px;}
	.bill_table .td_st.no01 > div.m_left {text-align:left;}	
	.bill_table .td_st.no01 > div {float:left; width:50%;}
	.bill_table .td_st.no01 > div.m_right {text-align:right; font-size:0;}
	.bill_table .td_st.no01 > div.m_right a {vertical-align:top;}
	.bill_table .td_st.no01 > div.m_right span {display:inline-block; padding:0; width:50px; text-align:center;}


	.on_step02 .up_txtbox {margin-bottom:26px;}
	.on_step02 .up_txtbox .inner {padding:3% 5%;}
	.on_step02 .up_txtbox .inner > div {float:left; width:106px;}

	.bill_list .up_txtbox .inner { padding:3% 5%;}
	.bill_list .up_txtbox .inner div.txt {padding:0.8% 0 0.8% 4.5%;}

	.bill_table table {width:100%; border-top:2px solid #222;}
	.bill_table table tr th {padding:15px 5px; font-size:14px; font-weight:300; color:#68696b; text-align:left; letter-spacing:-0.07em; border-bottom:1px solid #d2d2d2;}
	.bill_table table tr td {padding:15px 5px; font-size:16px; font-weight:300; color:#222; text-align:left; border-bottom:1px solid #d2d2d2;}
	.bill_table table tr td a.print {display:inline-block; padding:5px 8px; line-height:1; text-align:center; font-size:14px; color:#fff; background:#000;}
	
	
}



@media screen and (max-width:950px){
	/* 세금계산서 발행 */
	.m_tbl{display:block;}
	.pc_tbl{display:none;}

	.tax_tbl .m_tbl{width:100%;}

	.tax_tbl .m_tbl tr th{width:10%; font-size:14px;}
	.tax_tbl .m_tbl tr td{width:25%; font-size:14px;}
	.tax_tbl .m_tbl tr td.color1{width:15%;}

	.tax_tbl02 table tr th{font-size:14px;}
	.tax_tbl02 table tr td{font-size:14px;}

	.tax_tbl03 table tr th{font-size:14;}
	.tax_tbl03 table tr td{font-size:14;}

	.tax_tbl04 table tr th{font-size:14;}
	.tax_tbl04 table tr td{font-size:14;}

	/*견적서출력팝업 _ 팝업공통사용 주의*/
	.estimate_pop {padding:8% 9% 8%;}
	.estimate_pop .table_type {display:block;}
	.estimate_pop .td_st {display:block;}
	.estimate_pop .table_type dl {display:block; overflow:hidden;}
	.estimate_pop .table_type dl dt,
	.estimate_pop .table_type dl dd {float:left; display:block; min-height:57px;}
	.estimate_pop .table_type dl dt {width:129px;}
	.estimate_pop .table_type dl dd {width:calc(100% - 129px); box-sizing:border-box;}
	.estimate_pop .table_type.up dl dd {width:calc(100% - 129px);}
	.estimate_pop .table_type.last dl dd {width:calc(100% - 129px);}

	.estimate_pop .attn ul {float:none; width:100%;}
	.estimate_pop .attn ul li {word-break:keep-all;}
	.estimate_pop .attn ul li br {display:none;}

	.estimate_pop .table_type.up dl {display:block; width:100%; text-align:left;}
	.estimate_pop .table_type.up dl dt {width:129px;}
	.estimate_pop .table_type.up dl dd {width:calc(100% - 129px); padding:16px;}

	/**/
	.estimate_pop .table_type.both dl dd {width:calc(100% - 129px);}


}

@media screen and (max-width:639px){

	.mcon01 .tab ul li {height:21vw; padding-top:2.8125vw; padding:3% 0 5%;}
	.mcon01 .tab ul li > img {width:4.6875vw; margin-bottom:5%;}
	.mcon01 .tab ul li h3 {font-size:2.5vw;}
	.mcon01 .tab ul li p{margin-top:5%;}

	/*버튼스타일*/
	.grd_btn a.btn01 {width:40%; height:auto; padding:4% 0; line-height:1; font-size:14px;}
	.grd_btn a.btn02 {width:45%; height:auto; padding:4% 0; line-height:1; font-size:14px;}
	.grd_btn p.up_txt {margin-bottom:3.5%; font-size:14px;}
	.grd_btn a.btn03 {width:100%; height:auto; padding:6% 0; line-height:1;}
	.grd_btn a.btn04 {width:45%; height:auto; padding:4% 0; line-height:1; font-size:14px;}
	.grd_btn a.btn05 {width:45%; height:auto; padding:4% 0; line-height:1; font-size:14px;}
	.grd_btn a.btn06 {width:40%; height:auto; line-height:1; font-size:14px; padding:4% 0;}


	.right_btn a.bor_st {width:170px; height:auto; line-height:1; padding:3% 2%; font-size:13px;}

	

	/*online*/
	.on_step02 .right_btn {margin-bottom:5%;}
	.on_step02 .up_txtbox {padding:8px;}
	.on_step02 .up_txtbox .inner > div {float:none; width:100%; text-align:center;}
	.on_step02 .up_txtbox .inner > div img {width:16.09375%;}
	.on_step02 .up_txtbox .inner > div.txt {width:100%; margin-top:5%; padding:0; text-align:left; font-size:14px;}

	.on_step02 .under_form table th {font-size:14px;}
	.on_step02 .under_form table td {padding:6px 8px; font-size:14px;}
	.on_step02 .under_form table td input {font-size:14px;}
	.on_step02 .under_form table td textarea {width:100%; height:195px; border:1px solid #d2d2d2; box-sizing:border-box; resize:none; font-size:16px; color:#222;}

	/*온라인상담센터*/
	.oc_bg_area {background:url("/img/online_center_img01.jpg") center top repeat-y; background-size:auto;}
	.oc_bg_area .oc_icon_area {text-align:center; padding:6.2% 0;}
	.oc_bg_area .oc_icon {width:100%; height:auto; padding:5% 0; margin:0 1.25% 1.25% 0;}
	.oc_bg_area .oc_icon:nth-of-type(2n){margin-right:0;}
	.oc_bg_area .oc_icon img {width:14.5%;}
	.oc_bg_area .oc_icon > div > div > .oc_top_txt {font-size:13px;}
	.oc_bg_area .oc_icon > div > div > .oc_second_txt {font-size:18px;}
	.oc_bg_area .oc_icon > div > div > .oc_thr_txt {font-size:14px; margin-top:3.2%;}
	.oc_bg_area .oc_icon > div > div > .two_line_gap {margin-top:3.2%; line-height:1.4em;}
	.oc_bg_area .oc_icon > div > div > .oc_last_txt {font-size:16px; margin-top:1%;}
	.oc_bg_area .oc_icon > div > div > a > .mailto_btn {font-size:13px; padding:2% 0; margin:3.8% auto 0;}

	.oc_form_area .table_wrap {display:block;}
	.oc_form_area .table_wrap dl {display:block; overflow:hidden;}
	.oc_form_area .table_wrap dl dt {display:block; float:left; width:30%; height:48px; padding:15px 8px; font-size:14px;}
	.oc_form_area .table_wrap dl dd {float:left; display:block; width:70%;}
	.oc_form_area .table_wrap dl dd input {height:35px; font-size:14px;}
	.oc_form_area .table_wrap dl dt.no02 {height:208px;}
	.oc_form_area .table_wrap dl dd.w80 {width:70%;}
	.oc_form_area .table_wrap dl dd textarea {height:196px; font-size:14px;}

	.cost_tit h3 > div {font-size:20px;}
	.cost_tit h3 > div > img {width:30px;}
	.cost_tit h3 > div > img.size02 {width:45px;}
	.cost_tit h3 > div + div {margin-left:10px;}
	.cost_tit h3 > div span {margin-bottom:6px; font-size:10px;}
	.cost_tit .sub_txt {padding-top:8px; font-size:14px;}

	/*oc_btype*/
	.oc_btype ul li {height:80px;}
	.oc_btype ul li a > div {padding:0 7vw 0 4%; font-size:13px; background:url(/img/customer_down_icon.png) no-repeat 95% 50%; background-size:6vw auto;}
	.oc_btype ul li a > div span {font-size:12px;}
	.oc_btype ul li:hover a > div {background:url('/img/customer_down_icon_on.png') no-repeat 95% 50%; background-size:6vw auto;}


	/*mypage*/
	.myi {background-size:auto 60%;}
	.myi .tit_box {padding:10% 0;}
	.myi .tit_box h3 {font-size:30px;}
	.myi .tit_box h3 p {margin-top:10px; font-size:13px;}
	.myi .tit_box .mid_t {margin-top:6.8%; font-size:16px;}
	.myi .tit_box .las_t {margin-top:3%; font-size:14px;}

	.myi .log_box {padding-bottom:17%;}
	.myi .log_box .inner_box {width:93.75%; max-width:93.75%; margin:0 3.125%; padding:0;}
	.myi .log_box .inner_box .txt_t {width:280px; margin:0 auto; padding:12% 0 15%;}
	.myi .log_box .inner_box .txt_t dl + dl {margin-top:20px;}
	.myi .log_box .inner_box .txt_t dl dt {width:90px; text-align:left; font-size:13px; }
	.myi .log_box .inner_box .txt_t dl dd {width:calc(100% - 90px);}
	.myi .log_box .inner_box .txt_t dl dd input {font-size:14px;}
	.myi .log_box .inner_box .txt_t .grd_btn {margin-top:28px;}

	
	/*my_info*/
	.sub_visual02 .txt_box > div.left {font-size:22px;}
	.sub_visual02 .txt_box > div.left span {font-size:11px;}
	.sub_visual02 .txt_box > div.left a.btnklout {height:32px; line-height:30px; font-size:14px; }
	.sub_visual02 .txt_box > div.right {float:none; text-align:right; padding-top:15px;}
	.sub_visual02 .txt_box > div.right a {padding:3% 30px; line-height:23px;}
	.sub_visual02 .txt_box > div.right a i {padding-top:0;}
	.sub_visual02 .txt_box > div.right a i img {vertical-align:middle;}

	.sub_visual02 .txt_box > div.posA{text-align:center; padding-top:15px;}
	.sub_visual02 .txt_box > div.posA a{padding:3% 30px; line-height:23px;}
	

	/*가사팝업*/
	.lyrics_pop .lp_cont{padding:10% 8%;}
	.lyrics_pop .lp_cont > a > .lp_close {top:2%; right:3%; width:9.5%;}
	.lyrics_pop .lp_cont > .lp_title {font-size:24px;}
	.lyrics_pop .lp_cont > .lp_lyrics_info > table tbody tr td:first-of-type {font-size:14px;}
	.lyrics_pop .lp_cont > .lp_lyrics_info > table tbody tr td:last-of-type {font-size:14px;}
	.lyrics_pop .lp_cont .lp_lyrics_area {height:85%; font-size:14px; line-height:1.8em;}
	.lyrics_pop .lp_cont .lya_up {height:65%;}


	/*process*/
	.process h4 {margin:0 0 5%; font-size:19px;}

	.process .con01 {padding:11% 0 0;}
	.process .con01 .w1200 {position:relative; z-index:2;} 
	.process .con01 .p01_bg {position:absolute; bottom:0; left:0; z-index:1; width:100%; background:#f9f9f9; height:70px;}
	.process .con01 ul {overflow:hidden; padding-top:16px; font-size:0;}
	.process .con01 ul li {padding:9% 0 2.2%; margin:0 1.25% 25px 0;}
	.process .con01 ul li img {width:55.8%;}
	.process .con01 ul li:last-child {margin-right:0;}
	.process .con01 ul li i {top:-15px; left:50%; width:34px; height:34px; margin-left:-17px; line-height:32px;}
	.process .con01 ul li p {height:43px; padding-top:10px; font-size:13px; word-break:keep-all;}


	.process .con02 ul li {margin-bottom:10px; font-size:13px;}
	.process .con02 ul li a {padding:0 10px; line-height:45px; font-size:14px;}

	.process .con02 ul.lyrics li a {background-size:14px;}
	.process .con02 ul.down_type li a > div.down_t {width:125px; font-size:13px; letter-spacing:-0.075em; background-size:18%;}
	.process .con02 ul.down_type li a > div.tit {width:calc(100% - 130px);}

	.process .con03 {padding:11% 0 25%;}
	.process .con03 a {display:block; width:100%; height:51px; line-height:49px; padding-left:15px; font-size:14px; box-sizing:border-box;}
	.process .con03 a.btn01 {margin:0 0 3%; background-size:25px;}
	.process .con03 a.btn02 {background-size:30px;}


	/*세금계산서 입력*/
	.txtb_wri .tab_part {margin:6% 0 0;}
	.txtb_wri .tab_part ul li {width:33%; height:auto; padding:3% 0; line-height:1; font-size:14px;}


	/*세금계산서 발행*/
	.bill_cbox .con .tit p {width:50%; height:auto; padding:4% 0; line-height:1; font-size:14px;}
	.bill_cbox .con .un_box {margin:-5% 0 0; padding:9% 0; text-align:center;}
	.bill_cbox .con .un_box > p {font-size:14px;}
	.bill_cbox .con .un_box .w_box {margin-top:4.8%;}
	.bill_cbox .con .un_box .w_box h6 {margin:0 0 10px; font-size:15px;}
	.bill_cbox .con .un_box .w_box input {width:80%; height:35px; font-size:14px;}

	.bill_list .up_txtbox { padding:8px;}
	.bill_list .up_txtbox .inner div.txt { margin:5% 0; padding:0; font-size:14px; }

	/*bill_table*/
	.bill_table .td_st span {padding:12px 3px; font-size:14px;}
	.bill_table .td_st > p {padding:10px 2%;}
	.bill_table .td_st {font-size:14px;}
	.bill_table .td_st.no01 {width:100%; text-align:left; overflow:hidden; padding:8px 10px;}

	/*견적서출력팝업 _ 팝업공통사용 주의*/
	.estimate_pop {padding:8% 4%;}
	.estimate_pop h2 {margin:0 0 10px; font-size:24px;}
	.estimate_pop h3 {margin:0 0 10px; font-size:18px;}
	.estimate_pop .table_type {display:block; width:100%; margin-bottom:7%;}
	.estimate_pop .td_st {padding:1% 0;}
	.estimate_pop .table_type dl dt {width:100px; padding:2%; font-size:14px; min-height:43px;}
	.estimate_pop .table_type dl dd {width:calc(100% - 100px); min-height:43px; font-size:14px; padding:2%;}
	.estimate_pop .under_wrap {margin-bottom:10px;}

	.estimate_pop .table_type.up dl dt {width:100px; padding:2%; font-size:14px; min-height:43px;}
	.estimate_pop .table_type.up dl dd{width:calc(100% - 100px); min-height:43px; font-size:14px; padding:2%;}

	.estimate_pop .table_type.up dl dd {width:calc(100% - 100px);}
	.estimate_pop .table_type.last dl dd {width:calc(100% - 100px);}

	.estimate_pop .p_txt {margin-bottom:5%; font-size:13px;}
	.estimate_pop .p_txt span {padding:3%;}

	.estimate_pop .attn {overflow:hidden;} 
	.estimate_pop .attn ul li {margin-bottom:7px; font-size:13px; background:url('/img/popup_dot.jpg') no-repeat left 9px; padding-left:7px;} 

	.estimate_pop .grd_btn {margin-top:15%;}
	.estimate_pop .grd_btn a + a {margin-left:6px;}

	/**/
	.estimate_pop .table_type.both dl dd {width:calc(100% - 100px);}

	.estimate_pop .attn02 ul li {font-size:13px;} 

	.estimate_pop .attn03{margin:8% 0 10%;}
	.estimate_pop .attn03 p{font-size:15px; line-height:1.8em;}
	.estimate_pop .attn03 span{font-size:14px; line-height:1.8em; margin-top:6%;}
	.estimate_pop .attn03 span > img{width:27.34375vw;}
	.estimate_pop .attn03 span i img{width:15%; top:50%; left:auto; right:2%; margin-left:0; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%); z-index:-1;}

	.estimate_pop .attn04 > div{float:none; width:100%; margin-right:0;}
	.estimate_pop .attn04 > div:last-of-type{margin-top:5%;}
	.estimate_pop .attn04 > div h4{font-size:24px;}
	.estimate_pop .attn04 > div table td{font-size:14px; padding:15px 0 15px 10px;}

}

@media screen and (max-width:550px){
	/* main_visual */
	.sub_visual01 .txt {font-size:15px;}
	.sub_visual01 .txt strong {font-size:25px;}

}

@media screen and (max-width:360px){
	.myi .tit_box .las_t {word-break:keep-all;}
	.myi .tit_box .las_t br {display:none;}
	.myi .log_box .inner_box .txt_t {width:260px;}

}


#wrap .sky{color:#0078ff;}
#wrap .online_bg01{background:#fbfcfd;}
#wrap .bgFFF{background:#fff;}
#wrap .black{color:#222;}
#wrap .red{color:#eba600;}



@media print {
	.estimate_pop {width:800px;}
}