@charset "utf-8";

@font-face {
	font-family: 'AGENCYR';
	src: url('../fonts/AGENCYR.eot');
	src: url('../fonts/AGENCYR.eot?#iefix'); /* ie6,7,8 적용, embedded-opentype ie8,9 적용 */
	src: local('AGENCYR'),
  url('../fonts/AGENCYR.woff') format('woff'),
  url('../fonts/AGENCYR.ttf') format('truetype');
}


@media all and(max-width: 1000px){
    .sec03{
        width: 80%;
    }
}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face { font-family: 'NanumGothic', 'arial', 'Malgun Gothic'; }

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'NanumGothic', 'Malgun Gothic', dotum, sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'NanumGothic', 'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'NanumGothic', 'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'NanumGothic', 'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img{
    width: 100%;
    max-width: 1000px;
}
.vid_01{
    margin: 0 auto;
    text-align: center;
}

.con_wrap{
    width: 100%;
    margin: 0 auto;
}

.con_wrap > div{
/*
    width: 1000px;
    margin: 0 auto;
*/
    text-align: center;
}

.content01 > img, .content12 > a > img{
    width: 100%;
    max-width: inherit;
}

.content02{
    width: 100%;
    padding-bottom: 100px;
}

#vod_div1{
    width: 1000px;
    height: 625px;
}

.content03{
    background-color: #04A684;
}
.content03_1{
    width: 52.1%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 100px;
}

.content04{
    background-color: #1599FD;
}

.videoid_bd { background:url(../img/ytbbg.png) no-repeat center; box-sizing: border-box;}
.content02, .content05, .content07, .content09, .content11{
    text-align: center;
}
.content02 > img, .content04 > img, .content05 > img, .content06 > img, .content07 > img, .content08 > img, .content09 > img, .content10 > img, .content11 > img{
    width: auto;
    margin: 100px 0;
}
.content07 > ul{
    width: 1000px;
    margin: 0 auto;
}
.content07 > ul > li{
    padding: 25px 0;
    display: inline-block;
    width: 100%;
}
.content07 > ul > li > iframe{
    width: 40%;
    height: 300px;
    float: left;
}
.content07 > ul > li > img{
    width: 48%;
    margin-left: 15px;
    float: left;
}
.content08 > img:nth-child(2){
    margin: 0 auto;
    margin-bottom: 100px;
}
.content06, .content08, .content10{
    clear: both;
    background-color: #B8E0FF;
}
.content11_1{
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.content11_1 > img{
    width: 48%;
    margin-left: 15px;
}

@media (min-width: 768px) and (max-width: 1024px){
    #vod_div1{
        width: 800px;
        height: 625px;
    }
    .content02 > img, .content04 > img, .content05 > img, .content06 > img, .content07 > img, .content08 > img, .content09 > img, .content10 > img, .content11 > img{
        width: 80%;
        margin: 100px 0;
    }
    .content07 > ul{
        width: 80%;
        margin: 0 auto;
    }
    .content11_1{
        width: 80%;
        margin: 0 auto;
        padding-bottom: 50px;
    }
    .content11_1 > img{
        width: 100%;
        margin: 0 15px 50px 15px;
    }
    #content01{
        content: url('../img/img_01_m.png')
    }
    #content12{
        content: url('../img/img_12_m.png')
    }
}

@media (min-width: 320px) and (max-width: 480px){
    #vod_div1{
        width: 800px;
        height: 625px;
    }
    .content02 > img, .content04 > img, .content05 > img, .content06 > img, .content07 > img, .content08 > img, .content09 > img, .content10 > img, .content11 > img{
        width: 80%;
        margin: 100px 0;
    }
    .content07 > ul{
        width: 80%;
        margin: 0 auto;
    }
    .content11_1{
        width: 80%;
        margin: 0 auto;
        padding-bottom: 50px;
    }
    .content11_1 > img{
        width: 100%;
        margin: 0 15px 50px 15px;
    }
    
}


.bottom_area {width:100%; height:200px; background:#333333; color:#999999; font-size:12px; line-height:18px; letter-spacing:-1px;clear: both;}
.bottom_area p.copy {padding:44px 0;float: left;}
.bottom_area p.copy span {color:#999999; display:inline-block; margin-bottom:10px;}

.bottom_area ul.bottomul {float: right; margin-top:45px; text-align:right;}
.bottom_area ul.bottomul li {}
.bottom_area ul.bottomul li:first-child {margin-bottom:28px;}
.bottom_area ul.bottomul li span.privbtn {display:inline-block; background:#111111; color:#fff; padding:4px 10px;    cursor: pointer;}
.bottom_area ul.bottomul li p.copy2 {color:#999999; font-size:12px; line-height:18px; letter-spacing:-1px;}

.agreepop_bnk {display:none; background:rgba(0,0,0,0.7); position:fixed; width:100%; height:100%; left:0; top:0; z-index:999999; cursor: pointer;}
.agreepop_bnk .agreepop_area {width:700px; height:460px; background:#fff; border:10px solid #4b2378;position: absolute;left: 50%; top: 50%; margin:-230px 0 0 -350px; padding:30px; font-size:14px;}
.agreepop_bnk .agreepop_area p {font-size:20px; padding-bottom:20px;}
.agreepop_bnk .agreepop_area textarea {width:100%; height:330px; border:1px solid #ddd; padding:20px; line-height:18px; font-size:12px;}