/* reset */
* {margin: 0; padding: 0; border:none; list-style:none; quotes:none; box-sizing: border-box; word-break:keep-all;}
html {overflow-x: hidden;}
body {background: #fff;}
table {border-collapse: collapse;}
textarea{resize:none; font:inherit;}
fieldset,img {border: none;}
dl,ul,ol,menu,li {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: ""; content: none;}
input,select,textarea,button {vertical-align: middle;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
button {border: 0 none; background-color: transparent; cursor: pointer;}
body,th,td,input,select,textarea,button {font-size: 0.75; line-height: 1.5; color: #333;}
a,a:active,a:hover {color: inherit; text-decoration: none;}
address,caption,cite,code,dfn,em,var {font-style: normal; font-weight: normal;}

/* 반응형 보기 */
.responsive_view {position:fixed; top:0; left:0; z-index:100000; width:100%; background-color:#fff; border-bottom:1px solid #ddd;}
.responsive_view ul {display:flex; justify-content:center; align-items:center; height:50px; margin:0 auto;}
.responsive_view ul li a {display:block; padding:0 20px; text-align:center; font-size:11px; line-height:1;}
.responsive_view ul li a figure {width:50px; height:25px; background-repeat: no-repeat; background-position: center; background-size: contain;}
.responsive_view ul li a figure.pc {width:30px; background-image: url('img/pc.png');}
.responsive_view ul li a figure.tablet {width:17px; background-image: url('img/tablet.png');}
.responsive_view ul li a figure.phone {width:13px; background-image: url('img/phone.png');}
.responsive_view ul li a span {display:none;}

.responsive_wrap {margin:0 auto; height:100vh; padding-top:50px;}
.responsive_wrap.on {border:1px solid #ddd;}
.responsive_wrap iframe {width:100%; height:100%;}