@charset "utf-8";

#hundredWrap {position:relative; overflow:hidden; margin:0 auto; max-width: 900px;}
#hundredWrap img {max-width: 100%; vertical-align: top;}
#hundredWrap .you_inner {position: absolute; z-index: 3; overflow: hidden;}
#hundredWrap .pos1, #hundredWrap .pos2 {position: relative; }
#hundredWrap .pos1 {background-color: #e4d9d3;}
#hundredWrap .pos2 {background-color: #ffe7df; text-align:center;}
#hundredWrap .you_btns1 {display: flex; width: 100%; overflow: hidden; margin: 0 !important;}
#hundredWrap .you_btns1 li {list-style: none; width: 50%;}

/*PC*/
@media only screen and (min-width: 1021px) {
    #hundredWrap {width:900px;}
    #hundredWrap .you_inner {width:820px; height: 100%; left: 40px; top:30px;}
    #hundredWrap .you_inner iframe {max-height: 100%;}
    #hundredWrap .pos1 {padding-bottom: 20px;}
}

/*태블 + mo*/ 
@media only screen and (max-width: 767px) {
    #hundredWrap {width:100%;}
    #hundredWrap .you_inner {width:91%; height: 180px; left: 4%; top:0px;}
    #hundredWrap .you_inner iframe {max-height: 180px; max-width: 100%;}
    #hundredWrap .pos1 {padding-bottom: 9px;}
    #hundredWrap .pos1 img, #hundredWrap .pos2 img {height: 193px; width: 100%;}
}

@media only screen and (min-width: 768px) and (max-width: 1020px) {
    #hundredWrap .you_inner {width:90%; height: 350px; left: 5%; top:0;} 
    #hundredWrap .you_inner iframe {max-height: 350px; max-width: 100%;}
    #hundredWrap .pos1 {padding-bottom: 18px;}
    #hundredWrap .pos1 img, #hundredWrap .pos2 img {height: 350px; width: 100%;}
}