@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0px; padding:0px; border:0; outline:0; vertical-align:baseline; background:transparent; }
body{line-height:1; font-family: 'Noto Sans KR', sans-serif; color:#000000; font-size:12px; font-weight: 700;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block; margin:0px; padding:0px;}
audio,canvas,video {display:inline-block;}
button, input, select, textarea {font-size:12px;; margin: 0; vertical-align: baseline; outline:none;}
button, input {line-height: normal;}
textarea {overflow:auto; vertical-align:top;}
ul, ol {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; color:#383d41;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
caption,hr,legend{display:none}
img {vertical-align:middle; width:100%;}		 	
.good_hide{visibility:hidden; overflow: hidden; position: absolute; left:-10000px; height:1px; width:1px; text-indent: -10000px;}
.hide{display:none;}
strong {font-weight: 700; color:#ffffff;}
.text_hide{overflow:hidden; text-indent:-1000px;}
button {border:0px; background:none; cursor: pointer; padding: 0px; margin: 0px;}

.Target {width:100%; max-width: 720px; margin: auto; box-sizing: border-box;}
.Target img {width:100%;}
.Target * {box-sizing: border-box;}
.Target .Head {width:100%; overflow: hidden; padding: 3% 0px; position: relative; border-bottom: 1px solid #f0f0f0;}
.Target .Head .H_Logo {float:left; display: block; background:url("/assets/web/images/microSite/magazine/2021/04/Head_Logo.png") no-repeat; width:209px; height: 39px; background-size: 209px 39px; margin-top: 20.5px; font-size: 0px; text-indent: -9999px;}
.Target .Head .H_Mypage {float:right; display: block; background:url("/assets/web/images/microSite/magazine/2021/04/Head_Mypage.png") no-repeat; width:235px; height: 80px; background-size: 235px 80px; font-size: 0px; text-indent: -9999px;}
.Target .TargetW {position: relative; width:100%;}
.Target .TargetW a {display: block;}
.Target .Btns {margin-bottom: 4%;}
.Target .TargetW .News {width:100%; overflow: hidden;}
.Target .TargetW .News a {display: block; width:49%;}
.Target .TargetW .News a:nth-child(1) {float:left;}
.Target .TargetW .News a:nth-child(2) {float:right;}
.Target .Banner {margin: 8% 0% 4%;}
.Target .Foot {width:100%; padding: 8% 0px; text-align: center; border-top: 1px solid #d7d7d7; margin-top: 8%;}
.Target .Foot .F_Logo {display: inline-block; background:url("/assets/web/images/microSite/magazine/2021/04/Foot_Logo.png") no-repeat; width:209px; height: 39px; background-size: 209px 39px;font-size: 0px; text-indent: -9999px;}
.Target .Foot p {color:#999999; font-size: 18px; font-weight: 400; padding-top: 2%;}
.Quick {position: fixed; bottom: 4%; right: 2%;}
.Quick a {display: block;font-size: 0px; text-indent: -9999px;}
.Quick a.Sns {background:url("/assets/web/images/microSite/magazine/2021/04/Quick1.png") no-repeat; width:110px; height: 110px; background-size: 110px 110px;}
.Quick a.Top {background:url("/assets/web/images/microSite/magazine/2021/04/Quick2.png") no-repeat; width:110px; height: 110px; background-size: 110px 110px; margin-top: 4%;}
.pd2 {padding: 0px 2%; margin-top: 4%;}


@media screen and (max-width: 720px) {
    .Target .Head .H_Logo {float:left; display: block; background:url("/assets/web/images/microSite/magazine/2021/04/Head_Logo.png") no-repeat; width:150px; height: 28px; background-size: 150px 28px; margin-top: 11.5px;}
    .Target .Head .H_Mypage {float:right; display: block; background:url("/assets/web/images/microSite/magazine/2021/04/Head_Mypage.png") no-repeat; width:150px; height: 51px; background-size: 150px 51px;}
    .Target .Foot .F_Logo {display: inline-block; background:url("/assets/web/images/microSite/magazine/2021/04/Foot_Logo.png") no-repeat; width:150px; height: 28px; background-size: 150px 28px;}
    .Target .Foot p {color:#999999; font-size: 13px; font-weight: 400; padding-top: 2%;}
    .Quick a.Sns {background:url("/assets/web/images/microSite/magazine/2021/04/Quick1.png") no-repeat; width:55px; height: 55px; background-size: 55px 55px;}
    .Quick a.Top {background:url("/assets/web/images/microSite/magazine/2021/04/Quick2.png") no-repeat; width:55px; height: 55px; background-size: 55px 55px; margin-top: 4%;}
}