@charset "utf-8";

@font-face {
  font-family:'Pretendard';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Pretendard-Regular.eot');
  src: local('Pretendard'),
  url('../fonts/Pretendard-Regular.woff2') format('woff2'),
  url('../fonts/Pretendard-Regular.woff') format('woff'),
  url('../fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Pretendard-Regular.ttf') format('truetype');
}

@font-face {
  font-family:'Pretendard';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Pretendard-Medium.eot');
  src: local('Pretendard'),
  url('../fonts/Pretendard-Medium.woff2') format('woff2'),
  url('../fonts/Pretendard-Medium.woff') format('woff'),
  url('../fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Pretendard-Medium.ttf') format('truetype');
}

@font-face {
  font-family:'Pretendard';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Pretendard-Bold.eot');
  src: local('Pretendard'),
  url('../fonts/Pretendard-Bold.woff2') format('woff2'),
  url('../fonts/Pretendard-Bold.woff') format('woff'),
  url('../fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Pretendard-Bold.ttf') format('truetype');
}

@font-face {
  font-family:'Pretendard';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/Pretendard-ExtraBold.eot');
  src: local('Pretendard'),
  url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'),
  url('../fonts/Pretendard-ExtraBold.woff') format('woff'),
  url('../fonts/Pretendard-ExtraBold.eot?#?#iefix') format('embedded-opentype'),
  url('../fonts/Pretendard-ExtraBold.ttf') format('truetype');
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
html{overflow:auto;position:relative;background:#fff}
body,input,textarea,select,button,table{font-family:'Pretendard','돋움',Dotum,'Apple SD Gothic Neo',sans-serif;font-size:12px;color:#242424}
fieldset,img,button{border:0 none;vertical-align:top}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0}
address,caption{font-style:normal;font-weight:normal}
em{font-style:normal}
dl,ul,ol,li{list-style:none}
a{color:#000;text-decoration:none;*cursor:pointer}
button{overflow:visible;border:0;background:transparent;cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box}
button::-moz-focus-inner{padding:0;border:0}
input[type='text'],input[type='password']{border:0;outline:none;background:transparent;vertical-align:top}
input[type='checkbox'],input[type='radio']{border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:top}
input[type=text]::-ms-clear{display:none}
input{-webkit-appearance:none;-moz-appearance:none;appearance:none}
hr{display:none}
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}

.cert_wrap{position:relative;min-width:1200px;margin:0 auto}
.cert_wrap .text_emphasis{color:#005EFF}

.cert_wrap .icon_windows{display:inline-block;width:73px;height:66px;margin:-11px 3px 0 -1px;background-image:url(../img/ico_win7.png);background-repeat:no-repeat;background-size:73px 66px;vertical-align:middle}
.cert_wrap .icon_download{display:inline-block;width:28px;height:28px;margin-left:8px;background-image:url(../img/ico_download_cert.png);background-repeat:no-repeat;background-size:28px 28px;vertical-align:bottom}
.cert_wrap .icon_arrow{display:inline-block;width:18px;height:8px;margin:0 4px 0 2px;background-image:url(../img/ico_arrow.png);background-repeat:no-repeat;background-size:18px 8px;vertical-align:middle}

.cert_wrap .cert_header:before{position:absolute;top:0;right:0;left:0;z-index:-1;height:650px;background:url(../img/bg_cdn_setup_campaign.png) no-repeat center center;content:''}
.cert_wrap .cert_header .cert_container{width:1200px;margin:0 auto;padding-top:80px}
.cert_wrap .cert_header .cert_title{padding:40px 0;font-size:56px;font-weight:800;line-height:76px;color:#242424}
.cert_wrap .cert_header .cert_description{font-size:18px;font-weight:500;line-height:30px;color:#242424}
.cert_wrap .cert_header .game_list{margin-top:24px;font-size:16px;font-weight:500;line-height:19px;color:#fa6400}
.cert_wrap .link_cert_download{display:inline-block;width:300px;height:80px;margin-top:50px;padding:27px 35px 23px 44px;background:url(../img/link_download_cert.png) no-repeat;background-size:300px 80px;font-size:28px;font-weight:700;line-height:28px;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}

.cert_wrap .cert_content{width:1200px;margin:0 auto;padding-top:35px}
.cert_wrap .section_title{padding-top:80px;font-size:34px;font-weight:800;line-height:41px;color:#242424}
.cert_wrap .guide_title{font-size:20px;font-weight:800;line-height:44px}
.cert_wrap .guide_section{overflow: visible;position:relative;margin:30px 0 5px 0;padding:40px 50px 50px;background:#F7F8FA}
.cert_wrap .guide_section .step_list{margin-top:32px}
.cert_wrap .step_item{position:relative;font-size:0}
.cert_wrap .step_item:first-child{margin-top:0}
.cert_wrap .step_item .step_description{display:inline-block;font-size:18px;font-weight:400;line-height:24px}
.cert_wrap .step_item .mark_num{display:inline-block;width:24px;height:24px;margin-right:8px;background-image:url(../img/mark_num.png);background-repeat:no-repeat;font-size:14px;font-weight:700;line-height:24px;color:#fff;text-align:center;border-radius:99px;vertical-align:top}
.cert_wrap .guide_section .step_item{margin-top:20px}
.cert_wrap .step_item .link_external{padding-bottom:1px;border-bottom:1px solid #2585FB;color:#2585FB}

.cert_wrap .example_container{margin-top:40px;font-size:0;text-align:left}
.cert_wrap .example_box{display:inline-block;position:relative;width:540px;min-height:350px;background:#fff;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}
.cert_wrap .example_box.invalid{margin-left:20px}
.cert_wrap .example_box .status_title{width:540px;height:60px;padding:18px 30px;background-color:#F7F8FA;background-repeat:no-repeat;font-size:18px;font-weight:700;line-height:22px;color:#fff;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}
.cert_wrap .example_box.valid .status_title{background-image:url(../img/example_box_valid.png)}
.cert_wrap .example_box.invalid .status_title{background-image:url(../img/example_box_invalid.png)}
.cert_wrap .example_box .status_title:before{display:inline-block;width:24px;height:24px;margin-right:6px;background-image:url(../img/icon_check.png);background-repeat:no-repeat;background-size:24px 24px;content:'';vertical-align:middle}
.cert_wrap .example_box.valid .status_title:before{background-image:url(../img/icon_check.png)}
.cert_wrap .example_box.invalid .status_title:before{background-image:url(../img/icon_minus.png)}
.cert_wrap .example_box .status_description{padding:20px 40px;font-size:16px;font-weight:400;line-height:22px;text-align:left}
.cert_wrap .example_box .example_image{margin:-5px 33px 0 33px}

.cert_wrap .download_step_section .step_list{margin-top:17px;font-size:0}
.cert_wrap .download_step_section .step_item{display:inline-block;width:590px;min-height:284px;margin-top:20px;padding:35px 40px 35px;background:#F5F7FB;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top}
.cert_wrap .download_step_section .step_item.step1,
.cert_wrap .download_step_section .step_item.step2{height:284px}
.cert_wrap .download_step_section .step_item.step3,
.cert_wrap .download_step_section .step_item.step4{height:544px}
.cert_wrap .download_step_section .step_item.step5,
.cert_wrap .download_step_section .step_item.step6{height:557px}
.cert_wrap .download_step_section .step_item.step7,
.cert_wrap .download_step_section .step_item.step8{height:608px}
.cert_wrap .download_step_section .step_item.step2,
.cert_wrap .download_step_section .step_item.step4,
.cert_wrap .download_step_section .step_item.step6,
.cert_wrap .download_step_section .step_item.step8{margin-left:20px}
.cert_wrap .download_step_section .step_item.step1 .step_image,
.cert_wrap .download_step_section .step_item.step2 .step_image{margin-top:36px}
.cert_wrap .download_step_section .step_item.step3 .step_image,
.cert_wrap .download_step_section .step_item.step4 .step_image,
.cert_wrap .download_step_section .step_item.step5 .step_image,
.cert_wrap .download_step_section .step_item.step6 .step_image,
.cert_wrap .download_step_section .step_item.step7 .step_image{margin-top:22px}
.cert_wrap .download_step_section .step_item.step8 .step_image{margin-top:19px}
.cert_wrap .download_step_section .step_image{display:block;position:relative;margin:28px 0 auto -4px;text-align:center;*text-align:center}
.cert_wrap .download_step_section .step_image img{*display:inline;*zoom:1}
.cert_wrap .download_step_section .step_image .link{overflow:hidden;position:absolute;top:0;left:134px;z-index:1;width:240px;height:158px;background:url(../img/blank.gif)}

.cert_wrap .cert_footer{padding:40px 0 90px;text-align:center}
.cert_wrap .cert_footer .footer{font-size:16px;font-weight:400;line-height:24px;color:#B5B5B5}

.cert_wrap .radius{position:absolute;width:24px;height:24px}
.cert_wrap .radius.tl{top:0;left:0;background-image:url(../img/tl.png)}
.cert_wrap .radius.tr{top:0;right:0;background-image:url(../img/tr.png)}
.cert_wrap .radius.br{right:0;bottom:0;background-image:url(../img/br.png)}
.cert_wrap .radius.bl{bottom:0;left:0;background-image:url(../img/bl.png)}
.cert_wrap .example_box .radius.br{right:0;bottom:0;background-image:url(../img/br_type2.png)}
.cert_wrap .example_box .radius.bl{bottom:0;left:0;background-image:url(../img/bl_type2.png)}