@font-face {
  font-family: 'GmarketSansB';
  src: url(https://samdaetelecom.mycafe24.com/fonts/GmarketSansTTFBold.woff) format('woff');
}

@font-face {
  font-family: 'GmarketSansM';
  src: url(https://samdaetelecom.mycafe24.com/fonts/GmarketSansTTFMedium.woff) format('woff');
}

@font-face {
  font-family: 'GmarketSansL';
  src: url(https://samdaetelecom.mycafe24.com/fonts/GmarketSansTTFLight.woff) format('woff');
}


body { margin:0; padding:0; background:#017cfe; }

.pc { display:block; }
.pc img { width:100%; }

.mobile { display:none; }
.mobile img { width:100%; }

#content {
  position:absolute;
  width:145px;op: 145px;
  right: 0;
  top:120px; 
  z-index:99999999;
  padding: 0px;
}

#top_banner {width:100%; height:100px; background:#017cfe; }
#top_banner ul {margin:0; padding:0;}
#top_banner ul li {float:left; list-style:none; width:35%;}
#top_banner ul li:nth-child(1) {text-align:left; }
#top_banner ul li:nth-child(1) img {margin:4% 0 4% 7%; width:30%; height:auto;}
#top_banner ul li:nth-child(2) {float:right; text-align:right; }
#top_banner ul li:nth-child(2) img {margin-right:0%; width:43%; height:auto;}

.top_logo { background:#017cfe;  height:100px; }
.top_logo .logo { text-align:center; padding: 1.5% 10%; font-family: 'GmarketSansB'; color:#fff; font-size:30px; }
.top_logo .logo img { width:auto; height:auto; }

#section3 { background:#ddf0ff; }
#section3 .price { margin:0 auto; width: 84%; height:650px; }
#section3 .price_box { margin:0 auto; width:100%; background:#ddf0ff; }
#section3 .price_box li { float:left; list-style:none; width:32%; text-align:center; }
#section3 .price_box li:nth-child(2) { margin:0 2%; }


#mct_06 { padding:50px 0 0px 0; background:#f4f4f4; }
#mct_06:after {display:block;visibility:hidden;clear:both;content:""}
#mct_06 .area { width:100%; text-align:center; padding-bottom:	38%; margin:0 auto; }
#mct_06 .type { width:80%; margin:0 auto; }
#mct_06 .box {float:left; margin:0 auto; width:48%; margin-right:2%; background:#fff; border-radius:30px; padding:30px; }
#mct_06 .box .title { margin-bottom:30px}
#mct_06 .box .title h1 {font-family: 'GmarketSansM'; font-size:30px; color:#313030; font-weight:600}
#mct_06 .box .title p {font-size:15px; font-weight:400}
#mct_06 .box li {border-bottom:1px solid #e5e5e5; padding:20px}
#mct_06 .box dl {position:relative; width:95%; }
#mct_06 .box dl:after {display:block;visibility:hidden;clear:both;content:""}
#mct_06 .box dt {float:left; }
#mct_06 .box dt:first-child {margin-right:10px}
#mct_06 .box strong {position:absolute; right:0; top:0}
#mct_06 .box dt p {width:100%; display:block}
#mct_06 .box label {float:left}
.bt1 {display:inline-block; font-family: 'GmarketSansM'; border:2px solid #333; padding:0 10px; background:#333; color:#fff; font-size:16px; height:30px; line-height:26px; }
.bt2 {display:inline-block; font-family: 'GmarketSansM'; border:2px solid #333; padding:0 10px; color:#333; font-size:16px; height:30px; line-height:26px; }
.ticker2 {
	padding:0;
	text-align:center;
	width: 100%;
	min-height:500px;
	max-height:500px;
	overflow: hidden;
	list-style: none;
	font-size:17px;
	font-weight:300;
	color:#1b1b1b;
}
.ticker2 li {width:100%}


#section7 { background:#525252; position:absolute; width:100%; }
#section7 .footer { width:80%; margin:0 auto; font-family: 'GmarketSansM'; color:#fff; text-align:center; padding:20px 0;  }
#section7 .footer li { float:left; list-style:none; }
.left { width:20%; font-size:30px; color:#ccc; text-align:left;  padding:30px 0;   }
.right { width:80%; font-size:14px; line-height:200%; padding:20px 0; text-align:left; }



/* 태블릿 */
@media only screen and (min-width: 781px) and (max-width: 1000px){
	.pc {display:none;}
	.mobile {display:block;}
	
#top_banner {width:100%; height:100px; background:#017cfe; }
#top_banner ul {margin:0; padding:0;}
#top_banner ul li {float:left; list-style:none; width:100%;}
#top_banner ul li:nth-child(1) {text-align:center;}
#top_banner ul li:nth-child(1) img {margin:2.7% 0;}

#top_banner ul li img {width:30%; height:auto;}


.top_logo { height: 80px; }
.top_logo .logo { text-align: center; padding: 3% 0%; }
.top_logo .logo img { width:30%; height:auto; }


#content2 {
  position:fixed;
  bottom:0;
  width:100%;
  z-index:99999999;
}
#content2 li { float:left; list-style:none; width:50%; padding:0; margin:0; }


#section3 {background: #ddf0ff;}
#section3 .price { width: 80%;  height:1900px; padding:5% 0; }
#section3 .price_box li { float:none; width:100%; text-align:center; }
#section3 .price_box li:nth-child(2) { padding:5% 0; }

#mct_06 {padding:20px 20px}
#mct_06 .type { width:100%; margin:0 auto; text-align:center; padding-top:30px; }
#mct_06 .area { width:100%; text-align:center; padding-bottom:10%; }
#mct_06 .box {float:none; display:block; width:80%; margin:0 auto; padding:20px; border-radius:20px}
#mct_06 .box:last-child { margin-top:50px; }
#mct_06 .box .title {margin-bottom:20px}
#mct_06 .box .title h1 {font-size:2em}
#mct_06 .box .title p {font-size:1.05em}
#mct_06 .box li {padding:20px}
#mct_06 .box dt { font-size:30px; }
.ticker2 {
	padding:0;
	text-align:center;
	width: 100%;
	min-height:550px;
	max-height:550px;
	overflow: hidden;
	list-style: none;
	font-size:17px;
	font-weight:300;
	color:#1b1b1b;
}

#section7 .footer_m { width:90%; margin:0 auto; padding:30px 0 150px 0; font-family: 'GmarketSansM'; font-size:12px; color:#fff; text-align:center; }
#section7 .footer_m li { width:100%; float:left; list-style:none; text-align:center; }

}


/* 모바일기기 */
@media only screen and (min-width: 321px) and (max-width: 780px){
	.pc {display:none;}
	.mobile {display:block;}
	
#top_banner {width:100%; height:60px; background:#017cfe; }
#top_banner ul {margin:0; padding:0;}
#top_banner ul li {float:left; list-style:none; width:100%;}
#top_banner ul li:nth-child(1) {text-align:center;}
#top_banner ul li:nth-child(1) img {margin:5% 0;}

#top_banner ul li img {width:40%; height:auto;}

.top_logo { height: 60px; }
.top_logo .logo { text-align: center; padding: 3% 0%; }
.top_logo .logo img { width:40%; height:auto; }

#content2 {
  position:fixed;
  bottom:0;
  width:100%;
  z-index:99999999;
}
#content2 li { float:left; list-style:none; width:50%; padding:0; margin:0; }


#section3 {background: #ddf0ff;}
#section3 .price { width: 80%; height:780px; padding-top:5%; }
#section3 .price_box li { float:none; width:100%; text-align:center; }
#section3 .price_box li:nth-child(2) { padding:5% 0; }

#mct_06 {padding:20px 20px}
#mct_06 .type { width:100%; margin:0 auto; text-align:center; padding-top:30px; }
#mct_06 .area { width:100%; text-align:center; padding-bottom:10%; }
#mct_06 .box {float:none; display:block; width:100%; margin:0 auto; padding:20px; border-radius:20px}
#mct_06 .box:last-child { margin-top:50px; }
#mct_06 .box .title {margin-bottom:20px}
#mct_06 .box .title h1 {font-size:2em}
#mct_06 .box .title p {font-size:1.05em}
#mct_06 .box li {padding:20px 0 0 0 ;}
#mct_06 .box dl {position:relative; width:100%; }
#mct_06 .box dt { font-size:16px; }
.ticker2 {
	padding:0;
	text-align:center;
	width: 100%;
	min-height:550px;
	max-height:550px;
	overflow: hidden;
	list-style: none;
	font-size:17px;
	font-weight:300;
	color:#1b1b1b;
}


.bt1 {  padding:0 5px; font-size:14px; height:24px; line-height:20px; }
.bt2 { padding:0 5px; font-size:14px; height:24px; line-height:20px; }

#section7 { background:#525252; position:relative; width:100%; height:200px; }
#section7 .footer_m { background:#525252; width:100%; margin:0 auto; padding:30px 0 100px 0; font-family: 'GmarketSansM'; font-size:12px; color:#fff; text-align:center; }
#section7 .footer_m li { background:#525252; width:100%; float:left; list-style:none; text-align:center; }

}



/* ===== 인증서 영역 ===== */
#section_license{
    width:100%;
    background:#fcfcfc;
    padding:50px 0 50px 0;
    text-align:center;
}

/* PC */
#section_license .license_wrap{
    width:100%;
    max-width:520px;   /* ← 핵심 : 부모 폭을 줄여 양쪽 끝 붙는 현상 제거 */
    margin:0 auto;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:40px;          /* 두 인증서 사이 간격 */
}

#section_license .license_img{
    width:200px;       /* PC 고정 */
    height:auto;
    display:block;
    margin:0;
    border-radius:8px;
    box-shadow:0 8px 25px rgba(0,0,0,0.12);
}

/* 모바일 */
@media (max-width:768px){

    #section_license{
        padding:45px 0 40px 0;
    }

    #section_license .license_wrap{
        max-width:100%;
        padding:0 14px;
        gap:12px;
    }

    #section_license .license_img{
        width:48%;     /* ← 모바일에서 나란히 보이게 */
        max-width:none;
    }
}