@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@font-face {font-family:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}
@font-face {font-family:ns; font-weight:100; src:url(/font/notokr-demilight.eot); src:local('※'), url(/font/notokr-demilight.woff) format('woff');}
@font-face {font-family:ns; font-weight:500; src:url(/font/notokr-medium.eot); src:local('※'), url(/font/notokr-medium.woff) format('woff');}
@font-face {font-family:bb; font-weight:500; src:url(/font/BebasNeue.eot); src:local('※'), url(/font/BebasNeue.woff) format('woff');}@font-face {font-family:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}
@font-face {font-family:'Cafe24Simplehae'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Diphylleia-Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_JAMO@1.0/Diphylleia-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'WavvePADO-Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/WavvePADO-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'LOTTERIADDAG'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/LOTTERIADDAG.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'RiaSans-Extrabold'; font-weighT:400; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'LOTTERIACHAB'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/LOTTERIACHAB.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'RixYeoljeongdo_Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Cafe24ClassicType-Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Cafe24ClassicType-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'RiaSans-Extrabold'; font-weighT:400; src:url('/font/RiaSans-ExtraBold.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'DungGeunMo'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/DungGeunMo.woff') format('woff'); font-weight:normal; font-style:normal;}








*, body {margin:0; padding:0;}
body {max-width:100%; margin:0 auto; box-sizing:border-box;}
body, input, select, textarea {font-family:"SUIT", "Pretendard Variable", Pretendard, -apple-system, blinkMacSystemFont, system-ui, Roboto, 
"Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, 
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, select, button, body, td, form, select, input, button, textarea, div, option, pre, p, span, blockquote, li, dt, dd, 
legend, label, h1, h2, h3, h4, h5, h6, div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset,aside {position:relative; box-sizing:border-box;}
label, button, input[type=button], input[type=submit], input[type=image] {cursor:pointer;}
img {border:none;}
a {text-decoration:none;}
li {list-style:none;}
label {cursor:pointer; color:#666;}
select {cursor:pointer; border:1px solid #ddd; font-size:12px; color:#666;}
img {max-width:100%;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt10 {margin-top:10px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt50 {margin-top:50px !Important;}
.mrt70, .mrt70_P {margin-top:70px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.mrt5070 {margin-top:50px !Important;}
.fll {float:left;}
.flr {float:right;}
.display_block {display:block !important;}
.scale {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out; /* 부드러운 모션을 위해 추가*/}
.scale:hover {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);}
.px1400, .px1600 {width:90%; margin:0 auto;}
.per90, .sub00 {width:90%; margin:0px auto;}
.per_50 {box-sizing:border-box; padding:0 50px; width:100%;}
.changetop {position:fixed; top:0; left:0; background:rgba(255,255,255,0.8); z-index:950; width:100%;}
.changetop header > div, .changetop .gnbul > li > a {height:70px; line-height:70px !important;}
.changetop .subgnb {top:70px;}
.youtubecross {position:relative; max-width:100%; padding-bottom:56.25%; height:0;}
.youtubecross > iframe {position:absolute; position:absolute; top:0; left:0; width:100%; height:100%;}













body {background:#111; text-align:center; width:100%;}
.toptop {width:100%; background-image:url(/img/domaintop.png); background-color:#ffd11a; background-repeat:repeat-x; background-position-y:center !important; height:50px; animation:scrollBg 10s linear infinite;}
@keyframes scrollBg {0% {background-position:0 0;} 100% {background-position:-1000px 0;}}

#domainsellwrap {width:95%; display:flex; flex-wrap:wrap; margin:0 auto;}
#domainsellwrap hgroup {color:#fff; text-align:Center; width:100%; margin:100px auto 0 auto;}
#domainsellwrap hgroup h1 {font-family:'RiaSans-Extrabold'; font-size:100px; color:#fffc19;}
#domainsellwrap hgroup h3 {font-family:'GmarketSansMedium'; font-size:35px;}

.ansdmlwntpdyd {width:100%; display:flex; flex-wrap:wrap; margin:50px auto; gap:20px; justify-content:center;}
.ansdmlwntpdyd h3 {display:flex; height:50px; line-height:50px; font-size:26px; gap:10px;}
.ansdmlwntpdyd h3 strong {width:180px; border-radius:50px; text-align:center; background:#ffd11a; color:#222;}
.ansdmlwntpdyd h3 span {color:#fff;}

.div_domainlist {font-family:'DungGeunMo'; display:flex; flex-wrap:wrap; justify-content:center; width:1350px; margin:50px auto; gap:30px;}
.div_domainlist section {width:650px; height:313px; background:url(/img/domainbg.jpg) no-repeat center top; padding:0 30px 0 0 ; box-sizing:border-box;}
.div_domainlist section h2 {margin:38px 0 0 17%; text-align:left; font-size:20px; font-weight:400;}
.div_domainlist section h3 {background:url(/img/btnbg01.png) no-repeat center top; font-weight:400; text-align:center; width:42px; height:42px; margin:0 auto; line-height:40px; font-size:28px; margin:28px auto 0 auto;}
.div_domainlist section h1 {margin:20px auto; font-weight:400; font-size:70px; line-height:36px; height:55px; color:#000084;}
.div_domainlist section ul {display:flex; justify-content:center; gap:30px; width:90%; margin:0 auto;}
.div_domainlist section ul li {display:flex; height:37px; line-height:37px; gap:5px; font-size:18px;}
.div_domainlist section ul li strong {display:block; width:108px; text-align:Center; background:url(/img/dobtnbtn.jpg) no-repeat;}
.div_domainlist section ul li span {font-size:25px;}


.ul_domainlist {display:flex; flex-wrap:wrap; justify-content:space-between; width:1400px; margin:100px auto 0 auto; gap:30px;}
.ul_domainlist li {width:48%;}
.ul_domainlist li img {width:100%;}
#counter00 {margin:50px auto 100px auto; color:#fff; text-align:Center; width:100%;}









/* ================== 반응형 ================== */
@media screen and (min-width:1400px)
{
body, html {height:100%; margin:0;}
.px1400, .sub00, .px95per {width:1400px; margin:0 auto;}
.div_domainlist {justify-content:space-between;}
}
























@media screen and (min-width:769px) and (max-width:1399px)
{
img {max-width:100%;}








}














@media screen and (min-width:0px) and (max-width:768px)
{
img {max-width:100%;}
#domainsellwrap {width:90%;}
#domainsellwrap hgroup {margin:50px auto 0 auto;}
#domainsellwrap hgroup h1 {font-size:50px;}
#domainsellwrap hgroup h3 {font-size:18px; margin:20px auto 0 auto;}
.ansdmlwntpdyd h3 {flex-wrap:wrap; font-size:18px; height:auto; line-heighT:inherit;}
.ansdmlwntpdyd h3 strong {width:110px; height:30px; line-height:30px; margin:0 auto;}
.ansdmlwntpdyd h3 span {width:100%;}
.div_domainlist {width:100%; margin:0 auto;}
.div_domainlist section {width:100%; background-size:100% 100%; padding:0 4% 0 0;}
.div_domainlist section h2 {font-size:16px; margin-top:40px;}
.div_domainlist section h1 {font-size:40px; line-height:24px; height:34px; margin:16px auto;}
.div_domainlist section ul {flex-wrap:wrap; gap:4px;}
}