/*layout*/
#wrap {}
#wrap .h_wrap {width:100%;  box-shadow:5px 8px 5px #ccc; font-family: 'Jua', sans-serif;}


#wrap .up_btn {
    position:fixed; right:107px; bottom:105px; cursor: pointer;
    background-image: url(../images/externalFile2.png);
    background-size: cover;
    width:100px; height:100px;
    z-index:9999;
}
#wrap .up_btn2 {
    position:fixed; right:30px; bottom:105px; cursor: pointer;
    background-image: url(../images/externalFile23.png);
    background-size: cover;
    width:100px; height:100px;
    z-index:9999;
    display: none;
}
#wrap .up_btn i {color:#e62a25; font-size:2.0em; padding:33px 40px;}
#wrap .up_btn2 i {color:#fff; font-size:2.0em; padding:33px 40px;}

/*header*/
#wrap .h_wrap header {} 
#wrap .h_wrap header .h_top {background-color:#252525; width:100%; color:#fff; height:45px;} 
#wrap .h_wrap header .h_top .sub_menu {overflow: hidden; display: inline-block;} 
#wrap .h_wrap header .h_top .sub_menu .locations {float:left; line-height:45px;} 
#wrap .h_wrap header .h_top .sub_menu .locations > a {color:#fff; padding: 15px 33px;} 
#wrap .h_wrap header .h_top .sub_menu .locations > a:hover {} 
#wrap .h_wrap header .h_top .sub_menu .locations > a i {} 
#wrap .h_wrap header .h_top .sub_menu .locations .locations_list {
    position:absolute;
    background-color:#fff;
    width:100%;
    height:340px;
    z-index:9998;
    border:1px solid #ccc;
} 
#wrap .h_wrap header .h_top .sub_menu .locations .locations_list li {padding:20px 30px;} 
#wrap .h_wrap header .h_top .sub_menu .locations .locations_list li a {} 
#wrap .h_wrap header .h_top .sub_menu .locations .locations_list li a:hover {font-weight:bold;} 
#wrap .h_wrap header .h_top .sub_menu .locations .locations_list span {
    background-image: url(../images/regional-map-desktop1.png);
    background-repeat: no-repeat;
    width: 620px;
    height: 315px;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 192px;
}
#wrap .h_wrap header .h_top .sub_menu .main_menu {float:left; line-height:45px;} 
#wrap .h_wrap header .h_top .sub_menu .main_menu:after {content:''; display: block; clear:both;} 
#wrap .h_wrap header .h_top .sub_menu .main_menu > a {color:#fff; padding:15px 33px;} 
#wrap .h_wrap header .h_top .sub_menu .main_menu > a:hover {} 
#wrap .h_wrap header .h_top .sub_menu .main_menu > a i {} 
#wrap .h_wrap header .h_top .sub_menu .main_menu div {
    position:absolute;
    background-color:#fff;
    width:100%;
    z-index:9997;
    border:1px solid #ccc;
    left:0;
} 
#wrap .h_wrap header .h_top .sub_menu .main_menu ul {float:left; width:13%;} 
#wrap .h_wrap header .h_top .sub_menu .main_menu ul li {}  
#wrap .h_wrap header .h_top .sub_menu .main_menu ul li:hover {background-color:#ccc;}  
#wrap .h_wrap header .h_top .sub_menu .main_menu ul li a {color:#252525; padding:10px 30px; display:block;}
#wrap .h_wrap header .h_top .sub_menu .main_menu ul li .up_title {font-weight:bold; color:#f40009;}



#wrap .h_wrap header .h_top .search {float:right; margin-right:30px;} 
#wrap .h_wrap header .h_top .search form {padding-top:6px;} 
#wrap .h_wrap header .h_top .search form fieldset {} 
#wrap .h_wrap header .h_top .search form fieldset legend {} 
#wrap .h_wrap header .h_top .search form fieldset input {width:225px; height:32px; padding:10px;} 
#wrap .h_wrap header .h_top .search form fieldset i {
    cursor: pointer; 
    font-size:1.3em;     
    position: absolute;
    top: 13px;
    right: 36px;
    color: #252525;
}






#wrap .h_wrap header .h_btm {width:100%; background-color:#e62a25; overflow:hidden; z-index:999; position:fixed; bottom:0;} 
#wrap .h_wrap header .h_btm h1 {display:inline-block; float:left; padding:10px 0;} 
#wrap .h_wrap header .h_btm h1 a {margin-left: 30px;} 
#wrap .h_wrap header .h_btm h1 a img {width:270px; height:50px;} 
#wrap .h_wrap header .h_btm nav {float: right; width:50%;} 
#wrap .h_wrap header .h_btm nav ul {text-align: center;} 
#wrap .h_wrap header .h_btm nav ul li {}        
#wrap .h_wrap header .h_btm nav ul li a {float: left; width:20%; font-size:1.5em; padding:25px 0; color:#fff;}
#wrap .h_wrap header .h_btm nav ul li a:hover {background-color:#fff; color:#f40009; border-radius: 18px;}



#wrap .video_wrap {position: relative; overflow:hidden; height:90%;}
#wrap .video_wrap .logo_img {position: absolute; top:110px; left:32px;}
#wrap .video_wrap h2 {position:absolute; top:390px; left:100px; font-size:2.5em; color:#fff; line-height:1.2; font-family: 'Jua', sans-serif;}
#wrap .video_wrap .video_btm_img {position:fixed; bottom:0; right:0;}
#wrap .video_wrap .video_btm_img2 {position:absolute; bottom:0; width:100%; display: none;}
#wrap .video_wrap .video_btm_img3 {width:100%; display: none;}
#wrap .video_wrap video {width:100%;}
#wrap .video_wrap video source {}


#wrap .coke_tv {text-align: center; 
    box-shadow:5px 8px 5px #ccc; 
    background-color:#fff; 
    background-image: url(../images/CokestoryOverview-bg.jpg); 
    padding-bottom:50px;
    background-size:cover;
    background-position: center;
    font-family: 'Jua', sans-serif;
    margin-top:-2px;
}
#wrap .coke_tv h2 {font-size:2.0em; padding-top:60px; color:#fff;}
#wrap .coke_tv .coke_tv_news {width:1200px; margin: 0 auto; margin-top:70px;}
#wrap .coke_tv .coke_tv_news ul {overflow: hidden; height:300px;}
#wrap .coke_tv .coke_tv_news ul li {float:left; width:32%; margin-right:2%; display: block; background-color:#fff; border-radius:18px; overflow:hidden;}
#wrap .coke_tv .coke_tv_news ul li:hover {background-color:#ddd;}
#wrap .coke_tv .coke_tv_news ul li:last-child {margin-right:0;}
#wrap .coke_tv .coke_tv_news ul li a {}
#wrap .coke_tv .coke_tv_news ul li a span {display:block; width:100%;; height: 180px; background-size: contain; background-repeat:no-repeat;}
#wrap .coke_tv .coke_tv_news ul li:nth-child(1) a span {background-image: url(../images/gimhae-reservoir-social-1200.rendition.320.180.jpg);}
#wrap .coke_tv .coke_tv_news ul li:nth-child(2) a span {background-image: url(../images/thumnail-world-of-coca-cola-final.rendition.320.180.png);}
#wrap .coke_tv .coke_tv_news ul li:nth-child(3) a span {background-image: url(../images/journey-carpool-seagram-songeun-i-social-1200.rendition.320.180.png);}
#wrap .coke_tv .coke_tv_news ul li a h3 {color:#f40009; font-size:1.3em; margin: 10px 0;}
#wrap .coke_tv .coke_tv_news ul li a p {margin-bottom:10px;}


#wrap .coke_photo_wrap {
    text-align: center; 
    background-image:url(../images/cokebear.jpg); 
    background-attachment:fixed; 
    background-size:contain; 
    background-color:#fff4e8;
    background-position:right; 
    padding:50px 0; 
    background-repeat: no-repeat;}
#wrap .coke_photo_wrap .coke_photo {width:1200px; margin: 0 auto; font-family: 'Noto Sans KR', sans-serif;}
#wrap .coke_photo_wrap .coke_photo > h2 {font-size:2.0em; margin-bottom:10px; font-family: 'Jua', sans-serif;}
#wrap .coke_photo_wrap .coke_photo > p {color:#f40009; font-size:1.5em; margin-bottom:30px; font-family: 'Jua', sans-serif;}
#wrap .coke_photo_wrap .coke_photo > span {color:#aaa; font-size:1.8em; font-family: 'Jua', sans-serif;}
#wrap .coke_photo_wrap .coke_photo .photo {margin-top:40px;}
#wrap .coke_photo_wrap .coke_photo .photo ul {margin-bottom:40px; background-color:#fff; border-radius:25px; overflow:hidden; width:49%; float:left; margin-right:1%;}
#wrap .coke_photo_wrap .coke_photo .photo ul:hover {box-shadow:5px 8px 5px #ddd; background-color:#eee;}
#wrap .coke_photo_wrap .coke_photo .photo ul li {}
#wrap .coke_photo_wrap .coke_photo .photo ul li a  {display: block;}
#wrap .coke_photo_wrap .coke_photo .photo ul li a:after  {display: block; clear: both; content: '';}
#wrap .coke_photo_wrap .coke_photo .photo ul li a .coke_photos {float:left; width:30%; display:inline-block; height:300px; background-size:cover; background-position: center;}
#wrap .coke_photo_wrap .coke_photo .photo ul:nth-child(1) li a .coke_photos {background-image: url(../images/104651693_1942269432571093_612888503622496727_o.png);}
#wrap .coke_photo_wrap .coke_photo .photo ul:nth-child(2) li a .coke_photos {background-image: url(../images/539564_10152565727883306_1987295125_n.png);}
#wrap .coke_photo_wrap .coke_photo .photo ul:nth-child(3) li a .coke_photos {background-image: url(../images/50302481_1471811322950242_1801291554317402112_n.png);}
#wrap .coke_photo_wrap .coke_photo .photo ul:nth-child(4) li a .coke_photos {background-image: url(../images/54436045_1512609508870423_2988350348051087360_n.jpg);}
#wrap .coke_photo_wrap .coke_photo .photo ul li a .coke_info {float:right; width:70%; height:300px; padding-top:50px;}
#wrap .coke_photo_wrap .coke_photo .photo ul li a .coke_info h3 {font-size:2.0em; color:#900e0e; margin-bottom:50px;}
#wrap .coke_photo_wrap .coke_photo .photo ul li a .coke_info p {font-size:1.1em; line-height:1.3;}
#wrap .coke_photo_wrap .coke_photo > a:hover {background-color:#252525;}
#wrap .coke_photo_wrap .coke_photo > a {
    font-size:1.3em;
    color:#fff;
    background-color:#f40009;
    padding:10px 20px;
    border-radius:18px;
    display:inline-block;
    margin:15px 0;
    font-family: 'Jua', sans-serif;
}





#wrap .coke_social_wrap {background-image: url(../images/Life_Overview-BG.jpg); text-align: center; padding:80px 0; background-size: cover; font-family: 'Jua', sans-serif;}
#wrap .coke_social_wrap .coke_social_bg {border:1px solid #fff; width:1200px; margin: 0 auto;}
#wrap .coke_social_wrap .coke_social_bg .coke_social h2 {font-size:2.0em; margin-bottom:10px;  margin-bottom:60px; margin-top:40px; display: inline-block; color:#fff;}
#wrap .coke_social_wrap .coke_social_bg .coke_social {width:100%; margin: 0 auto; text-align: center;}
#wrap .coke_social_wrap .coke_social_bg .coke_social .social_list {overflow: hidden; text-align: center; margin: 0 auto; width:50%; margin-bottom:60px;}
#wrap .coke_social_wrap .coke_social_bg .coke_social .social_list ul li {float:left; width:25%;}
#wrap .coke_social_wrap .coke_social_bg .coke_social .social_list a {color:#fff; font-size: 1.2em;}
#wrap .coke_social_wrap .coke_social_bg .coke_social .social_list a img {}





/*footer*/
#wrap footer {background-color:#900e0e; padding-top:10px; font-family: 'Noto Sans KR', sans-serif; margin-bottom:74px;}
#wrap footer .f_wrap {}
#wrap footer .f_wrap .f_top {width:1200px; margin: 0 auto;}
#wrap footer .f_wrap .f_top .f_t_top {overflow: hidden; padding:10px 0;}
#wrap footer .f_wrap .f_top .f_t_top a {color:#fff; float:left; width:20%; text-align: center; border-right:1px solid #fff;}
#wrap footer .f_wrap .f_top .f_t_top a:last-child {border:0;}
#wrap footer .f_wrap .f_top .f_t_btm {
    overflow: hidden; 
    padding-top: 10px;
    padding-bottom: 20px;
}
#wrap footer .f_wrap .f_top .f_t_btm a {color:#fff; float:left; width:14.28%; text-align: center; border-right:1px solid #fff;}
#wrap footer .f_wrap .f_top .f_t_btm a:last-child {border:0;}
#wrap footer .f_wrap .f_btm {padding:52px; background-color:#252525; text-align: center; height:127px;}
#wrap footer .f_wrap .f_btm p {color:#fff;}


/*::-webkit-input-placeholder {color:hotpink;}*/

/*#wrap .brandlogo_bar {overflow: hidden;}
#wrap .brandlogo_bar img {float:left;}*/