@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


/* 초기화 */
html {overflow-y:scroll;background:#fff;font-size:8px;}
body {margin:0;padding:0;font-size:1rem;font-family:"Pretendard", Verdana, AppleGothic, UnDotum, sans-serif !important;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"Pretendard", Verdana, AppleGothic, UnDotum, sans-serif !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:"Pretendard", Verdana, AppleGothic, UnDotum, sans-serif !important;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:"Pretendard", Verdana, AppleGothic, UnDotum, sans-serif !important;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
word-break:keep-all;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}
 
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}
 
.placeholdersjs {color:#aaa !important}
/*safari*/
input, textarea {
 /* -webkit-appearance:none; */
 -webkit-border-radius:0;
}


:root {

	--black:#000;
	--pink:#ff3660;

}


.tab_btn  { width:100%; max-width:1100px; display:flex; align-items:center; border-bottom: 2px solid #222; box-sizing:border-box; padding: 54px 85px 37px; }
.tab_btn li { margin-left: 16px; }
.tab_btn li:first-child { margin-left: -16px; }
.tab_btn li a { width:129px; height:36px; border-radius:500px; background:transparent; font-size:22px; color:#000; font-weight: 600; display:flex; align-items:center; justify-content:center; text-align: center; }
.tab_btn li a.active { color:#fff; background:#000; }


.printC { width:100%; max-width:1100px; padding: 0 74px 105px; box-sizing:border-box; }
.printC * { word-break:keep-all; }
.printC .tit_box { text-align: center; padding: 76px 0 60px; box-sizing:border-box; }
.printC .tit_box .tit { font-size:30px; color:var(--black); font-weight: 500; }
.printC .tit_box .txt { font-size:20px; color:var(--black); font-weight: 300; margin-top: 16px; }
.printC .tit_box .txt small { display:block; font-size:18px; margin-top: 4px; }

.printC .icon_box,
.printC .cir_box { display:flex; justify-content:space-between; }
.printC .icon_box li {  }
.printC .icon_box li .img {  }


.printC .ctt_box { border-top: 1px solid #474747; box-sizing:border-box; margin-top: 45px; }
.printC .ctt_box .line { border-bottom: 1px solid #474747; box-sizing:border-box; display:flex; align-items:center; padding: 28px 0; }
.printC .ctt_box .line .leftB { width:158px; flex-shrink:0; padding-left: 8px; box-sizing:border-box; font-size:22px; color:var(--black); font-weight: 500; }
.printC .ctt_box .line .leftB .txt { }
.printC .ctt_box .line .rightB { width:calc(100% - 158px); }
.printC .ctt_box .line .rightB .list {  }
.printC .ctt_box .line .rightB .list li { font-size:18px; color:var(--black); position:relative; padding-left: 7px; box-sizing:border-box; line-height: 1.5em; margin-top: 4px; letter-spacing: -0.0325em; }
.printC .ctt_box .line .rightB .list li:first-child { margin-top: 0; }
.printC .ctt_box .line .rightB .list li .value { display:inline-flex; align-items:center; justify-content:center; text-align: center; width:63px; height:23px; border-radius:5px; color:#fff; font-weight: 400; margin-right: 13px; box-sizing:border-box; font-size:15px; }
.printC .ctt_box .line .rightB .list li .pink { color:var(--pink); }
.printC .ctt_box .line .rightB .list li:before { content:"·";  position:absolute; left:0; top:0; }
.printC .ctt_box .line .rightB .list li small {  }

.printC .ctt_box .line .rightB .list.valueBox li { padding-left: 0; margin-top: 12px; }
.printC .ctt_box .line .rightB .list.valueBox li:before { display:none; }
.printC .ctt_box .line .rightB .list.valueBox li:first-child { padding-left: 7px; margin-top: 0; }
.printC .ctt_box .line .rightB .list.valueBox li:first-child:before { display:block; }
 
.printC .ctt_box .line .rightB .list li .value01 { border:1px solid #a1a1a1; color:#a1a1a1; }
.printC .ctt_box .line .rightB .list li .value02 { border:1px solid #15c347; color:#15c347; }
.printC .ctt_box .line .rightB .list li .value03 { border:1px solid #ff006f; color:#ff006f; }
.printC .ctt_box .line .rightB .list li .value04 { border:1px solid #9c00ff; color:#9c00ff; }
.printC .ctt_box .line .rightB .list li .value05 { border:1px solid #01cfcd; color:#01cfcd; }
.printC .ctt_box .line .rightB .list li .value06 { border:1px solid #ff9000; color:#ff9000; }
.printC .ctt_box .line .rightB .list li .value07 { border:1px solid #8c0002; color:#8c0002; }
.printC .ctt_box .line .rightB .list li .value08 { border:1px solid #007eff; color:#007eff; }
.printC .ctt_box .line .rightB .list li .value09 { border:1px solid #ff0000; color:#ff0000; }

.printC .ctt_box .line .rightB .day { display:flex; margin-left: -8px; margin-top: 22px; }
.printC .ctt_box .line .rightB .day > li { width:33.33%; max-width:244px; padding-left: 8px; box-sizing:border-box; position:relative; }
.printC .ctt_box .line .rightB .day li strong { display:block; background:var(--pink); font-size:18px; color:#fff; line-height: 27px; padding-left: 15px; box-sizing:border-box; }
.printC .ctt_box .line .rightB .day li .list02 { margin-top: 14px; }
.printC .ctt_box .line .rightB .day li .list02 li { font-size:16px; color:#424243; margin-top: 8px; padding-left: 16px; box-sizing:border-box; }
.printC .ctt_box .line .rightB .day li .list02 li:first-child { margin-top: 0; }
.printC .ctt_box .line .rightB .day li .small { position:absolute; bottom:0; width:100%; max-width:236px; }
.printC .ctt_box .line .rightB .day li .small li { background:#b7b7b7; font-size:16px; color:#fff; line-height: 27px; padding-left: 14px; box-sizing:border-box; margin-top: 9px; }
.printC .ctt_box .line .rightB .day li .small li:first-child { margin-top: 0; }

.printC .ctt_box .line .rightB .day li.second_li .small { bottom:72px; }

.printC .grade { padding: 36px 0 36px 62px; box-sizing:border-box; border-top: 1px solid #474747; border-bottom: 1px solid #474747; }
.printC .grade li { display:flex; align-items: center; margin-top: 16px; }
.printC .grade li:first-child { margin-top: 0; }
.printC .grade li strong { font-size:20px; color:var(--black); font-weight: 500; display:inline-flex; align-items:center; width:300px; flex-shrink:0; }
.printC .grade li strong span { color:var(--pink); font-weight: 600; margin-left: 7px; }
.printC .grade li > span { font-size:18px; color:var(--black); font-weight: 500; display:inline-flex; width:calc(100% - 300px); }
.printC .grade li strong:before { content:"◆"; font-size:12px; font-weight: 500; margin-right: 6px; }

.printC .grade_img { display:flex; flex-wrap:wrap; margin-top: -18px; margin-left: -19px; }
.printC .grade_img li { width:33.33%; margin-top: 18px; padding-left: 19px; box-sizing:border-box; }


.printC #tab01 .ctt_box { border: 1px solid var(--black); box-sizing:border-box; margin-top: 75px; }
.printC #tab01 .ctt_box .line { border-top: 1px solid var(--black); border-bottom: 0; box-sizing:border-box; display:flex; align-items:center; padding: 34px 0; }
.printC #tab01 .ctt_box .line:first-child { border-top: 0; }
.printC #tab01 .ctt_box .line .leftB { width:260px; flex-shrink:0; text-align: center; }
.printC #tab01 .ctt_box .line .rightB { width:calc(100% - 260px); }
.printC #tab01 .ctt_box .line .rightB .list {  }
.printC #tab01 .ctt_box .line .rightB .list li { font-size:18px; color:var(--black); font-weight: 300; position:relative; line-height: 1.5em; margin-top: 4px; padding-left: 15px; box-sizing:border-box; }
.printC #tab01 .ctt_box .line .rightB .list li:before { content:""; display:inline-block; width:5px; height:5px; background:var(--black); position:absolute; left:0; top:11px; }
.printC #tab01 .ctt_box .line .rightB .list li:first-child { margin-top: 0; }

.printC #tab03 .ctt_box { margin-top: 0; }



.close-button {
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
	width:40px; height:40px;
}

.close-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}


::-webkit-scrollbar {
  display: none !important;
}





@media (max-width:1000px){

	.tab_btn { padding: 30px 10px; gap:10px; justify-content:center; }
	.tab_btn li { margin-left: 0 !important; }
	
	.printC * { word-break:keep-all; }
	.printC { padding-left: 30px; padding-right: 30px; }
	.printC .tit_box .txt { font-size:22px; }
	.printC .tit_box .txt small { font-size:20px; }
	
	.printC .icon_box,
	.printC .cir_box { flex-wrap:wrap; gap:10px; justify-content:center; }
	
	.printC .ctt_box .line { flex-direction:column; align-items:start; justify-content:start; padding: 40px 20px; }
	.printC .ctt_box .line .leftB { font-size:22px; width:100%;margin-bottom: 20px; }
	.printC .ctt_box .line .rightB { width:100%; }
	.printC .ctt_box .line .rightB .list li { 18px:20px; display:flex; flex-direction:column; align-items:start; color:#666; }
	.printC .ctt_box .line .rightB .list li .value { width:80px; height:30px; font-size:18px; margin-bottom: 5px }
	
	.printC #tab01 .ctt_box .line .rightB { justify-content:center; width:100% !important; padding: 0 30px; }
	.printC #tab01 .ctt_box .line .rightB .list li { font-size:18px; }
	
	.printC #tab03 .ctt_box .line .rightB .list li { display:block; }
	
	.printC .ctt_box .line .rightB .day { flex-wrap:wrap; }
	.printC .ctt_box .line .rightB .day > li { width:100%; max-width:100%; margin-top: 20px; }
	.printC .ctt_box .line .rightB .day > li:first-child { margin-top: 0; }
	.printC .ctt_box .line .rightB .day li .small { position:static; max-width:100%; margin-top: 10px; }
	.printC .ctt_box .line .rightB .day li strong { font-size:20px; line-height: 1.2em; padding: 10px 20px; }
	.printC .ctt_box .line .rightB .day li .list02 li { font-size:18px; }
	
	
	.printC .grade { padding: 40px 20px; }
	.printC .grade li { flex-direction:column; justify-content:center; text-align: center; }
	.printC .grade li strong { font-size:22px; width:100%; justify-content:center; margin-bottom: 10px; }
	.printC .grade li > span { font-size:20px; width:100%; color:#666; }
	
	.printC .grade_img { margin-left: -5px; margin-top: -5px; }
	.printC .grade_img li { width:50%; padding-left: 5px; margin-top: 5px; }
	img { display:inline-block; max-width:100%; height:auto; }
	

}


@media (max-width:992px){


}


@media (max-width:768px){


}


@media (max-width:640px){

	


}


@media (max-width:580px){
	
	.tab_btn { gap:4px; padding: 50px 5px 10px; }
	.tab_btn li { flex:1; }
	.tab_btn li a { width:100%; height:38px; font-size:1.8rem; box-sizing:border-box; }
	
	.printC { padding-left: 20px; padding-right: 20px; }
	.printC .tit_box { padding: 50px 0 30px; }
	.printC #tab03 .tit_box { padding-bottom: 0; }
	.printC .tit_box .tit { font-size:2.4rem; }
	.printC .tit_box .txt { font-size:1.8rem; margin-top: 10px; }
	.printC .tit_box .txt small { font-size:1.6rem; }
	
	.printC .ctt_box { margin-top: 40px !important; }	
	
	.printC .cir_box,
	.printC .icon_box { gap:0; }
	.printC .cir_box li { padding: 5px; box-sizing:border-box; width:33.33%; }
	
	.printC .icon_box li { padding: 5px; box-sizing:border-box; width:50%; }
	
	.printC .ctt_box .line .leftB { font-size:2.2rem; margin-bottom: 10px; }
	.printC .ctt_box .line .rightB .list li { font-size:1.8rem; }
	.printC .ctt_box .line .rightB .list.valueBox li:first-child { font-size:1.8rem; margin-bottom: 20px; }
	.printC .ctt_box .line .rightB .list li .value { font-size:1.8rem; flex-shrink:0; }
	.printC .ctt_box .line { padding: 3rem 2rem; }
	
	.printC #tab01 .ctt_box { border: 0; border-top: 1px solid #dadada; }
	.printC #tab01 .ctt_box .line { border-bottom: 1px solid #dadada; border-top: 0; padding: 3rem 2rem; }
	.printC #tab01 .ctt_box .line .leftB { padding-left: 0; }
	.printC #tab01 .ctt_box .line .leftB .img {  }
	.printC #tab01 .ctt_box .line .leftB .img img { max-width:80px; }
	.printC #tab01 .ctt_box .line .rightB { padding: 0; }
	.printC #tab01 .ctt_box .line .rightB .list li { font-size:1.8rem; }
	.printC #tab01 .ctt_box .line .rightB .list li:before { top:8px; width:4px; height:4px; }
	
	.printC .ctt_box .line .rightB .day li strong { font-size:1.8rem; padding: 7px 15px; }
	.printC .ctt_box .line .rightB .day li .list02 li { font-size:1.6rem; padding-left: 15px; }
	.printC .ctt_box .line .rightB .day li .small li { font-size:1.6rem; }
	
	.printC .grade { padding: 3rem 2rem; }
	.printC .grade li strong { font-size:2rem; margin-bottom: 5px; }
	.printC .grade li > span { font-size:1.8rem; }
	

}


@media (max-width:520px){
	

}


@media (max-width:440px){

	.printC .cir_box li { width:50%; }

}


@media (max-width:380px){
	

}