@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');

/* font-family: 'Noto Sans KR', sans-serif; */

*{margin:0; padding:0;}
li{list-style: none;}
a{text-decoration: none;}
img{border:none; display: block;}
body, header, section, footer, div, ul, li, p, a, span, h1, h2, h3, h4, h5, h6{font-family: 'Noto Sans KR', sans-serif; font-size:14px; color:#000;}

#header{position:fixed; left:0; top:0; width:100%; height:100px; z-index:9997; transition-duration: 0.5s;}
#header .header_inner{position:relative; width:90%; margin:0 auto; height:100px;}
#header .header_inner .top_logo{position:absolute; left:0; top:34px;}
#header .header_inner .gnb{position:absolute; left:50%; top:20px; transform: translateX(-50%); z-index:9999;}
#header .header_inner .gnb>ul{position:relative; width:800px;}
#header .header_inner .gnb>ul::after{content:""; display: block; clear: both;}
#header .header_inner .gnb>ul>li{float:left; width:15%; margin-left:2%; position:relative;}
#header .header_inner .gnb>ul>li:first-child{margin-left:0;}
#header .header_inner .gnb>ul>li>a{display:block; color:#fff; font-size:18px; text-align: center; line-height:70px; font-weight:500; margin-bottom:30px; transition-duration: 0.5s;}
#header .header_inner .gnb>ul>li>.sub_menu{display: none; }
#header .header_inner .gnb>ul>li>.sub_menu>li>a{display: block; text-align: center; font-size:15px; line-height:50px; font-weight:400; color:#444343; transition-duration: 0.2s;}
#header .header_inner .gnb>ul>li>.effect{width: 0; transition-duration: 0.5s; position: absolute;}
#header .header_inner .gnb>ul>li:hover>.effect{ left:0; top: 77px; width: 100%; height: 3px; background-color: #b81d1d; z-index: 9997;}
#header .header_inner .util{position:absolute; right:0; top:35px; width:90px;}
#header .header_inner .util::after{content:""; display: block; clear: both;}
#header .header_inner .util>.language{color:#fff; font-size:16px; font-weight:700; position:relative; top:3px; cursor:pointer; float:left;}
#header .header_inner .util>.search_btn{cursor:pointer; float:right;}
#header .gnb_bg{position:fixed; left:0; top:100px; background-color: rgba(255,255,255,0.9); height:300px; width:100%; z-index:9997; display: none;}

.controls{position:fixed; right:3%; top:50%; transform: translateY(-50%); z-index:9996;}
.controls>li{width:8px; height:30px; border-radius: 5px; background-color: rgba(255,255,255,0.9); margin-bottom:5px; cursor: pointer; position:relative; left:50%; transform: translateX(-50%); transition: all 0.5s ease-in-out; box-shadow: 0 0 2px rgba(0,0,0,0.6);}
.controls>li.select{background-color: rgba(214, 19, 19, 0.9); width:8px; height:30px; border-radius: 5px;}

.hambug{position:fixed; z-index:9999; width:90%; height:100px; left:5%; display: none;}
.hambug .hambug_logo{position:absolute; left:0; top:34px;}
.hambug .hambug_btn{position:absolute; cursor: pointer; right:0; top:35px; width:30px; height:30px;}
.hambug .hambug_btn div{background-color: rgb(243, 243, 243); position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:inherit; height:2px; transition:0.5s}
.hambug .hambug_btn div::before, .hambug .hambug_btn div::after{content:""; width:inherit; height:inherit; position:absolute; background-color: rgb(243, 243, 243); transition:0.5s}
.hambug .hambug_btn div::before{top:-10px;}
.hambug .hambug_btn div::after{top:10px;}
.hambug .hambug_btn.active div{background-color: transparent;}
.hambug .hambug_btn.active div::before{top:0px; transform: rotate(45deg);}
.hambug .hambug_btn.active div::after{top:0px; transform: rotate(-45deg);}
.hambug .mob_h1{position:absolute; left:0; top:23px; width:120px; height:28px;}
.hambug .mob_h1 img{width:100%;}
.hambug .mob_btn{position:absolute; cursor: pointer; right:0; top:24.5px; width:25px; height:20px;}
.hambug .mob_btn div{width:inherit; height:2px; background-color:rgb(243, 243, 243); position:absolute; transform: translate(-50%,-50%); left:50%; top:50%;}
.hambug .mob_btn div::before,.hambug .mob_btn div::after{content:""; width:inherit; height:inherit; position:absolute; background-color: rgb(243, 243, 243);}
.hambug .mob_btn div::before{top:-8px;}
.hambug .mob_btn div::after{top:8px;}
.hambug .ham_mob{display: none;}

.sub_gnb{position:fixed; right:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.8); z-index:9998; display: none;}
.sub_gnb .gnb_list{position:relative; width:80%; height:50%; left:50%; top:50%; transform: translate(-50%,-50%);}
.sub_gnb .gnb_list::after{content:""; display: block; clear: both;}
.sub_gnb .gnb_list>li{float:left; width:15%; margin-left:2%; text-align: center;}
.sub_gnb .gnb_list>li:first-child{margin-left:0;}
.sub_gnb .gnb_list>li>a{color:#fff; font-size:32px; font-weight:500; line-height:120px; position:relative; transition-duration: 0.5s;}
.sub_gnb .gnb_list>li:hover>a{color:#ff414b;}
.sub_gnb .gnb_list>li>a .effect{width: 0; transition-duration: 0.5s; position: absolute;}
.sub_gnb .gnb_list>li:hover>a .effect{left:0; top: 46px; width: 100%; height: 2px; background-color: #ff414b; z-index: 9997;}
.sub_gnb .gnb_list>li .list_menu>li{margin-bottom:15px;}
.sub_gnb .gnb_list>li .list_menu>li a{color:#e4e4e4; font-size:18px; font-weight:500; transition-duration: 0.5s;}
.sub_gnb .gnb_list>li .list_menu>li a:hover{color:#ff414b;}

#search_lightbox{position:fixed; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.8); z-index:9998; display: none;}
#search_lightbox .search_area{position:relative; height:45%; background-color: rgba(0,0,0,0.5);}
#search_lightbox .search_area .search_header{position:relative; width:90%; margin:0 auto; height:100px;}
#search_lightbox .search_area .search_header h1{position:absolute; left:0; top:34px;}
#search_lightbox .search_area .search_header .close_btn{position:absolute; right:0; top:35px; cursor: pointer;}
#search_lightbox .search_area .main_search{position:absolute; left:50%; top:35%; transform: translateX(-50%); width:100%; text-align: center; height:65%;}
#search_lightbox .search_area .main_search label{font-size:44px; font-weight:400; color:#fff;}
#search_lightbox .search_area .main_search .keyword{position:relative; width:828px; margin:0 auto; top:30%; transform: translateY(-50%);}
#search_lightbox .search_area .main_search .keyword::after{content:""; display: block; clear: both;}
#search_lightbox .search_area .main_search .keyword #search_text{position:relative; width:753.5px; height:70px; float:left; box-sizing: border-box; padding:0 20px; font-weight:700; font-size:16px;}
#search_lightbox .search_area .main_search .keyword .submit{position:relative; width:74.5px; float:right; background-color: #aa0f0f; height:70px; cursor: pointer;}
#search_lightbox .search_area .main_search .keyword .submit .search_img{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:35%;}
#search_lightbox .search_area .main_search .keyword .submit .search_img img{width:100%;}

.mob_nav{position:fixed; z-index:9999; width:90%; height:100%; background-color: #fff; right:-90%;}
.mob_nav .nav_top{position:relative; width:90%; margin:0 auto; height:70px; padding-bottom:20px;}
.mob_nav .nav_top::after{content:""; display: block; clear: both;}
.mob_nav .nav_top .mob_language::after{content:""; display: block; clear: both;}
.mob_nav .nav_top .mob_language{float:left; position:relative; top:25px;}
.mob_nav .nav_top .mob_language>li{float:left;}
.mob_nav .nav_top .mob_language>li.select{text-decoration: underline;}
.mob_nav .nav_top .mob_language>li:last-child{margin-left:5px; color:#a1a1a1; font-weight:100;}
.mob_nav .nav_top .mob_language>li:last-child>a{padding-left:5px; font-weight:400; color:#000;}
.mob_nav .nav_top .mob_close{float:right; width:20px; height:20px; position:relative; top:25px; cursor: pointer; right:5px;}
.mob_nav .nav_top .mob_close img{width:100%;}
.mob_nav .mob_search{position:relative; width:280px; margin:0 auto; padding-bottom:30px;}
.mob_nav .mob_search::after{content:""; display: block; clear: both;}
.mob_nav .mob_search #m_search_text{float:left; width:235px; height:30px; box-sizing: border-box; border:none; border-bottom:1px solid #494949; padding:0 10px; text-align: center; outline:none;}
.mob_nav .mob_search .submit{float:right; width:45px; position:relative; height:30px;}
.mob_nav .mob_search .submit .search_img{position:absolute; width:20px; height:20px; left:50%; top:50%; transform: translate(-50%,-50%); cursor: pointer;}
.mob_nav .mob_search .submit .search_img img{width:100%;}
.mob_nav .mob_gnb{position:relative; width:90%; margin:0 auto;}
.mob_nav .mob_gnb>li{position:relative; cursor: pointer;}
.mob_nav .mob_gnb>li>a{font-size:18px; font-weight:500; line-height:50px; display: block;}
.mob_nav .mob_gnb>li>img{position:absolute; right:5px; top:19px;}
.mob_nav .mob_gnb>li>.mob_menu>li{padding-bottom:10px;}
.mob_nav .mob_gnb>li>.mob_menu>li>a{font-size:13px; font-weight:300;}
.mob_nav .mob_logo{position:absolute; left:50%; bottom:50px; transform: translateX(-50%);}

#main_video{position:relative; overflow: hidden;}
#main_video #video{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
#main_video #video_btn{position:absolute; left:5%; bottom:5%; z-index:9999; cursor: pointer;}

#master_piece{position:relative; background-image: url(../img/content_img0.jpg);  background-position: center; background-size: cover; background-repeat: no-repeat; transition:0.5s}
#master_piece.bg0{background-image: url(../img/content_img0.jpg);}
#master_piece.bg1{background-image: url(../img/content_img1.jpg);}
#master_piece.bg2{background-image: url(../img/content_img2.jpg);}
#master_piece.bg3{background-image: url(../img/content_img3.jpg);}
#master_piece .img_bg{width:100%; opacity:0; display: block;}
#master_piece .contents_img{position:absolute; left:0; top:0; width:100%;}
#master_piece .contents_img>li{position:absolute; left:0; top:0; display: none; width:100%;}
#master_piece .contents_img>li:first-child{display: block;}
#master_piece .contents_img>li img{width:100%;}
#master_piece .contents_text{position:absolute; left:5%; top:15%; width:90%; height:80%;}
#master_piece .contents_text .eng_name{position:relative;}
#master_piece .contents_text .eng_name>li{position:absolute; left:0; top:0; margin-top:50px; opacity: 0;}
#master_piece .contents_text .eng_name>li:first-child{display: block;}
#master_piece .contents_text .eng_name>li h2{color:#fff; font-size:70px; font-weight:700; letter-spacing: 8px; line-height:80px;}
#master_piece .contents_text .kor_name{position:relative; top:45%;}
#master_piece .contents_text .kor_name>li{position:absolute; left:0; top:0; margin-top:30px; opacity: 0;}
#master_piece .contents_text .kor_name>li:first-child{display: block;}
#master_piece .contents_text .kor_name>li{color:#fff; font-size:30px; font-weight:500;}
#master_piece .contents_text .con_more{position:relative; top:65%;}
#master_piece .contents_text .con_more>li{position:absolute; left:0; top:0; display: none;}
#master_piece .contents_text .con_more>li a{color:#fff; font-size:20px; position:relative; display: block;}
#master_piece .contents_text .con_more>li>a>.effect{width: 0; transition-duration: 0.5s; position: absolute;}
#master_piece .contents_text .con_more>li>a:hover .effect{left:0; top: 25px; width: 100%; height: 2px; background-color: #fff; z-index: 9997;}
#master_piece .contents_text .con_controls{position:absolute; left:50%; transform: translateX(-50%); bottom:10%;}
#master_piece .contents_text .con_controls::after{content:""; display: block; clear: both;}
#master_piece .contents_text .con_controls>li{width:60px; height:10px; background-color:rgba(255,255,255,0.9); float:left; margin-left:10px; border-radius: 5px; cursor: pointer;}
#master_piece .contents_text .con_controls>li.select{background-color: rgba(214, 19, 19, 0.9);}
#master_piece .contents_text .con_controls>li:first-child{margin-left:0;}
#master_piece .contents_text .banner_btn{position:absolute; left:0; bottom:0px; cursor: pointer;}
#master_piece .contents_text .hide_btn{opacity: 0; left:-9999px; position: relative;}

#biz_introduce{position:relative;}
#biz_introduce>ul{position:relative; height:100%; overflow: hidden;}
#biz_introduce>ul::after{content:""; display: block; clear: both;}
#biz_introduce>ul>li{float:left; width:25%; position:relative; height:100%; box-sizing: border-box;}
#biz_introduce>ul>li.biz_img0{background-image: url(../img/biz_img0.jpg); background-size: cover; background-position: center;}
#biz_introduce>ul>li.biz_img1{background-image: url(../img/biz_img1.jpg); background-size: cover; background-position: center;}
#biz_introduce>ul>li.biz_img2{background-image: url(../img/biz_img2.jpg); background-size: cover; background-position: center;}
#biz_introduce>ul>li.biz_img3{background-image: url(../img/biz_img3.jpg); background-size: cover; background-position: center;}
#biz_introduce>ul>li img{width:100%; height:100%; display: block;}
#biz_introduce>ul>li .over_box{position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.5); display: none;}
#biz_introduce>ul>li .biz_more{position:absolute; left:50%; bottom:20%; transform: translateX(-50%); color:#fff; font-size:32px; text-shadow: 0 0 4px rgba(0,0,0,0.7); z-index:9997; display: none;}
#biz_introduce>ul>li .biz_more .effect{width: 0; position: absolute;}
#biz_introduce>ul>li:hover .biz_more .effect{left:0; top:42px; width: 100%; height: 3px; background-color: #fff; z-index: 9997; box-shadow:0 0 4px rgba(0,0,0,0.7);}
#biz_introduce>ul>li .biz_title_wrap{position:absolute; left:50%; top:30%; transform: translate(-50%,-50%); z-index:9995; transition-duration: 0.5s;}
#biz_introduce>ul>li .biz_title_wrap h2{text-align: center; font-size:32px; color:#fff; font-weight:500; padding-bottom:50px;}
#biz_introduce>ul>li .biz_title_wrap h3{text-align: center; font-size:40px; color:#fff; font-weight:400; line-height:50px;}

/* #biz_introduce{position:relative;}
#biz_introduce .biz_img{position:absolute; height:100%; width:25%;}
#biz_introduce .biz_img0{left:0; top:0; background-image: url(../img/biz_img0.jpg); background-size: cover; background-position: center;}
#biz_introduce .biz_img1{left:25%; top:0; background-image: url(../img/biz_img1.jpg); background-size: cover; background-position: center;}
#biz_introduce .biz_img2{left:50%; top:0; background-image: url(../img/biz_img2.jpg); background-size: cover; background-position: center;}
#biz_introduce .biz_img3{left:75%; top:0; background-image: url(../img/biz_img3.jpg); background-size: cover; background-position: center;}
#biz_introduce .biz_img .biz_text{position:relative; top:25%; text-align: center; width:75%; margin:0 auto; z-index:9996;}
#biz_introduce .biz_img .biz_text h2{font-size:32px; color:#fff; font-weight:500; padding-bottom:30px;}
#biz_introduce .biz_img .biz_text h3{font-size:40px; color:#fff; font-weight:400;}
#biz_introduce .biz_img .over_box{position:absolute; left:0; top:0; background-color: rgba(0,0,0,0.6); width:100%; height:100%; z-index:9995; opacity:0;} */

#promo_center{position:relative; background-color: #f3f5f7;}
#promo_center .promo_wrap{position:relative; width:80%; margin:0 auto; height:90%; top:50%; transform: translateY(-50%);}
#promo_center .title_wrap{position:relative; width:40%; margin:0 auto; padding-bottom:30px;}
#promo_center .title_wrap h2{text-align: center; color:#2c2c2c; font-size:34px; font-weight:500;}
#promo_center .news_wrap{position:relative; margin-bottom:40px;}
#promo_center .news_wrap .news::after{content:""; display: block; clear: both;}
#promo_center .news_wrap .news>li{float:left; width:23.5%; margin-left:2%; box-sizing: border-box; padding:20px; height:280px; border-radius: 30px; background-color: #fff; position:relative; cursor: pointer; transition-duration: .3s;}
#promo_center .news_wrap .news>li>a{display: block; width:100%; height:100%;}
#promo_center .news_wrap .news>li:first-child{margin-left:0;}
#promo_center .news_wrap .news>li h3{text-align: center; font-size:20px; color:#494949; padding-bottom:20px; width:90%; margin:0 auto;}
#promo_center .news_wrap .news>li .info{text-align: center; color:#646464; width:90%; margin:0 auto; font-size:15px;}
#promo_center .news_wrap .news>li .date{font-size:14px; position:absolute; left:40px; bottom:25px; color:#646464;}
#promo_center .con_quick{position:relative;}
#promo_center .con_quick>ul{position:relative; height:250px;}
#promo_center .con_quick>ul::after{content:""; display: block; clear: both;}
#promo_center .con_quick>ul>li{float:left; width:49%; margin-left:2%; position:relative; border-radius: 30px; margin-bottom:2%; height:60%; cursor: pointer; overflow: hidden;}
#promo_center .con_quick>ul>li .quick_img{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; height:100%; transition-duration: 0.5s;}
#promo_center .con_quick>ul>li:hover .quick_img{width:110%; height:110%;}
#promo_center .con_quick>ul>li:nth-child(2n+1){margin-left:0;}
#promo_center .con_quick>ul>li:hover{background-size:110%;}
#promo_center .con_quick>ul>li a{height:30px;}
#promo_center .con_quick>ul>li img{width:100%;}
#promo_center .con_quick>ul>li .text_wrap{position:absolute; left:8%; top:50%; transform: translateY(-50%);}
#promo_center .con_quick>ul>li .text_wrap .quick_name{font-size:0.7vw; font-weight:400; color:#fff; }
#promo_center .con_quick>ul>li .text_wrap h3{font-size:1.5vw; font-weight:500; color:#fff; padding-bottom:30px;}
#promo_center .con_quick>ul>li .text_wrap .quick_more{font-size:0.7vw; font-weight:400; color:#fff; }
#promo_center .con_quick>ul>li:first-child .text_wrap h3{color:#000; font-weight:700;}
#promo_center .con_quick>ul>li:first-child .text_wrap .quick_name, #promo_center .con_quick>ul>li:first-child .text_wrap .quick_more{color:#4d240b; font-weight:500;}
#promo_center .con_quick>ul>li:last-child .text_wrap .quick_more{color:#1c2f55; font-weight:500;}

#photo_gallery{position:relative;}
#photo_gallery .gallery_wrap{position:relative; width:90%; margin:0 auto; height:90%; top:50%; transform: translateY(-50%);}
#photo_gallery .gallery_wrap .title_wrap{position:relative; width:40%; margin:0 auto; padding-bottom:50px;}
#photo_gallery .gallery_wrap .title_wrap h2{text-align: center; color:#2c2c2c; font-size:34px; font-weight:500;}
#photo_gallery .gallery_wrap .contents_wrap{position:relative;}
#photo_gallery .gallery_wrap .contents_wrap>ul::after{content:""; display: block; clear: both;}
#photo_gallery .gallery_wrap .contents_wrap>ul>li{float:left; width:23.5%; margin-left:2%; margin-bottom:2%; position:relative; transition-duration: 0.7s;}
#photo_gallery .gallery_wrap .contents_wrap>ul>li:first-child{margin-left:0;}
#photo_gallery .gallery_wrap .contents_wrap>ul>li:nth-child(6){width:49%;}
#photo_gallery .gallery_wrap .contents_wrap>ul>li img{width:100%;}
#photo_gallery .gallery_wrap .contents_wrap>ul>li:hover{box-shadow: 2px 3px 5px rgba(0,0,0,0.7);}
#photo_gallery .gallery_wrap .contents_wrap>ul>li:hover .over_box{opacity:1; transition-duration: 0.7s;}
#photo_gallery .gallery_wrap .contents_wrap>ul>li .over_box{position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.5); text-align: center; opacity: 0;}
#photo_gallery .gallery_wrap .contents_wrap>ul>li .over_box .over_text{position:relative; top:40%;}
#photo_gallery .gallery_wrap .contents_wrap>ul>li .over_box h3{text-align: center; color:#fff; font-size:1.1vw; font-weight:500; margin-bottom:5px;}
#photo_gallery .gallery_wrap .contents_wrap>ul>li .over_box .gall_country{color:#fff; font-size:0.8vw;}
#photo_gallery .gallery_wrap .gall_more{position:relative; text-align:center; margin:30px 0;}
#photo_gallery .gallery_wrap .gall_more>a{ color:#111; font-size:18px; font-weight:500; position:relative;}
#photo_gallery .gallery_wrap .gall_more>a .effect{width: 0; transition-duration: 0.5s; position: absolute;}
#photo_gallery .gallery_wrap .gall_more>a:hover .effect{left:0; top: 26px; width: 100%; height: 2px; background-color: #111; z-index: 9997}

#footer{position:relative; border-top:1px solid #ccc;}
#footer .footer_wrap{position:relative; width:90%; margin:0 auto;}
#footer .footer_wrap::after{content:""; display: block; clear: both;}
#footer .footer_wrap .footer_logo{float:left; position:relative; width:20%;}
#footer .footer_wrap .footer_logo h1{position:absolute; left:50%; transform: translateX(-50%); padding:30px;}
#footer .footer_wrap .footer_main{float:right; position:relative; width:80%;}
#footer .footer_wrap .footer_main .footer_main_top{position:relative; border-bottom:1px solid #a1a1a1;}
#footer .footer_wrap .footer_main .footer_main_top::after{content:""; display: block; clear: both;}
#footer .footer_wrap .footer_main .footer_main_top>.policy{float:left;}
#footer .footer_wrap .footer_main .footer_main_top>.policy::after{content:""; display: block; clear: both;}
#footer .footer_wrap .footer_main .footer_main_top>.policy>li{float:left; line-height:28px; padding:30px 0; padding-right:30px;}
#footer .footer_wrap .footer_main .footer_main_top>.policy>li:first-child a{font-size:15px; font-weight:500;}
#footer .footer_wrap .footer_main .footer_main_top>.policy>li:last-child{padding-right:0;}
#footer .footer_wrap .footer_main .footer_main_top .family_wrap{float:right; position:relative;}
#footer .footer_wrap .footer_main .footer_main_top .family_wrap .family{position:relative; top:20px; width:250px; height:50px; font-size:18px; border:1px solid #ccc; padding:10px; color:#444343; box-sizing: border-box; cursor: pointer; transition-duration: .5s;}
#footer .footer_wrap .footer_main .footer_main_top .family_wrap .family img{position:absolute; top:50%; right:10px; transform: translateY(-50%);}
#footer .footer_wrap .footer_main .footer_main_top .family_wrap .family_on{position:absolute; bottom:29px; width:100%; border:1px solid #ccc; box-sizing: border-box; border:1px solid rgba(214, 19, 19, 0.9); display: none;}
#footer .footer_wrap .footer_main .footer_main_top .family_wrap .family_on .family_inner{position:relative; color:#444343; font-size:18px; font-weight:500; padding:10px; background-color: #fff; cursor: pointer; transition:0.5s; display: block;}
#footer .footer_wrap .footer_main .footer_main_top .family_wrap .family_on .family_inner:hover{background-color: rgba(214, 19, 19, 0.9); color:#fff;}
#footer .footer_wrap .footer_main .footer_main_bottom{position:relative; padding:15px 0;}
#footer .footer_wrap .footer_main .footer_main_bottom::after{content:""; display: block; clear: both;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_address{float:left;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address{padding-bottom:50px;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address>li{color:#444343; padding-bottom:5px;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_address .copy{color:#444343; font-size:12px; font-weight:300;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_tell{float:right;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell::after{content:""; display: block; clear: both;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell>li{float:left; position:relative; font-size:16px; font-weight:500; margin-left:50px; width:150px; text-align: right; line-height:24px;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell>li .tell_title{position:absolute; left:0; top:0; color:#4d240b; font-size:18px; font-weight:700;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell>li:first-child .tell_title{left:-10px;}






@media screen and (min-width:1201px) and (max-width:1480px) {
    #master_piece .contents_text .eng_name>li h2{color:#fff; font-size:60px; font-weight:700; letter-spacing: 4px; line-height:60px;}
    #master_piece .contents_text .kor_name{ top:43%;}
    #master_piece .contents_text .kor_name>li{color:#fff; font-size:25px; font-weight:500;}
    #master_piece .contents_text .con_more{top:62%;}
    #master_piece .contents_text .con_more>li a{font-size:18px;}

    #promo_center{position:relative; background-color: #e4e4e4;}
    #promo_center .promo_wrap{position:relative; width:80%; margin:0 auto; height:90%; top:50%; transform: translateY(-50%);}
    #promo_center .title_wrap{position:relative; width:40%; margin:0 auto; padding-bottom:30px;}
    #promo_center .news_wrap{position:relative; margin-bottom:20px;}
    #promo_center .news_wrap .news>li{float:left; width:23.5%; margin-left:2%; box-sizing: border-box; padding:20px; height:250px; border-radius: 30px; background-color: #fff; position:relative; cursor: pointer; transition-duration: .3s;}
    #promo_center .news_wrap .news>li h3{text-align: center; font-size:18px; color:#494949; padding-bottom:20px; width:90%; margin:0 auto;}
    #promo_center .news_wrap .news>li .info{text-align: center; color:#646464; width:90%; margin:0 auto; font-size:13px;}
    #promo_center .news_wrap .news>li .date{font-size:13px; position:absolute; left:40px; bottom:25px; color:#646464;}
    #promo_center .con_quick{position:relative;}
    #promo_center .con_quick>ul>li{float:left; width:49%; margin-left:2%; position:relative; border-radius: 30px; margin-bottom:2%; height:49%; cursor: pointer;}
}

@media screen and (min-width:801px) and (max-width:1200px) {
    #header{display: none;}
    .hambug{display: block;}
    .hambug .ham_mob{display: none;}

    .sub_gnb .gnb_list{top:40%;}
    .sub_gnb .gnb_list>li{width:32%; height:295px; margin-bottom:2%;}
    .sub_gnb .gnb_list>li:nth-child(3n+1){margin-left:0;}
    .sub_gnb .gnb_list>li>a{color:#fff; font-size:32px; line-height:80px;}

    #master_piece .contents_text .eng_name>li h2{color:#fff; font-size:60px; font-weight:700; letter-spacing: 4px; line-height:60px;}
    #master_piece .contents_text .kor_name{ top:45%;}
    #master_piece .contents_text .kor_name>li{color:#fff; font-size:25px; font-weight:500;}
    #master_piece .contents_text .con_more{top:64%;}
    #master_piece .contents_text .con_more>li a{font-size:18px;}

    #biz_introduce>ul>li .biz_more{position:absolute; left:50%; bottom:20%; transform: translateX(-50%); color:#fff; font-size:22px; text-shadow: 0 0 4px rgba(0,0,0,0.7); z-index:9997; display: none; width:135px;}
    #biz_introduce>ul>li .biz_title_wrap{position:absolute; left:50%; top:40%; transform: translate(-50%,-50%); z-index:9995; transition-duration: 0.5s;}
    #biz_introduce>ul>li .biz_title_wrap h2{text-align: center; font-size:26px; color:#fff; font-weight:500; padding-bottom:50px; width:135px;}
    #biz_introduce>ul>li .biz_title_wrap h3{text-align: center; font-size:24px; color:#fff; font-weight:400; line-height:50px;}

    #promo_center{position:relative; background-color: #e4e4e4;}
    #promo_center .promo_wrap{position:relative; width:80%; margin:0 auto; height:90%; top:50%; transform: translateY(-50%);}
    #promo_center .title_wrap{position:relative; width:40%; margin:0 auto; padding-bottom:40px;}
    #promo_center .title_wrap h2{font-size:32px;}
    #promo_center .news_wrap{margin-bottom:30px;}
    #promo_center .news_wrap .news>li{padding:15px; height:220px; position:relative;}
    #promo_center .news_wrap .news>li a{position:relative;}
    #promo_center .news_wrap .news>li h3{font-size:16px; width:90%; position:relative; top:35%; transform:translateY(-50%); margin:0 auto;}
    #promo_center .news_wrap .news>li .info{text-align: left; color:#646464; width:90%; margin:0; font-size:13px; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:absolute; left:50%; bottom:40px; transform: translateX(-50%);}
    #promo_center .news_wrap .news>li .date{font-size:13px; position:absolute; bottom:0px; color:#646464; left:50%; transform: translateX(-50%); font-weight:500; width:70px;}
    #promo_center .con_quick{position:relative;}
    #promo_center .con_quick>ul{position:relative; height:280px;}
    #promo_center .con_quick>ul::after{content:""; display: block; clear: both;}
    #promo_center .con_quick>ul>li{float:left; width:49%; margin-left:2%; position:relative; border-radius: 30px; margin-bottom:2%; height:40%; cursor: pointer;}
    #promo_center .con_quick>ul>li:nth-child(2n+1){margin-left:0;}
    #promo_center .con_quick>ul>li a{height:30px;}
    #promo_center .con_quick>ul>li img{width:100%;}
    #promo_center .con_quick>ul>li .text_wrap{position:absolute; left:8%; top:50%; transform: translateY(-50%);}
    #promo_center .con_quick>ul>li .text_wrap .quick_name{font-size:1vw; font-weight:400; color:#fff; }
    #promo_center .con_quick>ul>li .text_wrap h3{font-size:2vw; font-weight:500; color:#fff; padding-bottom:30px;}
    #promo_center .con_quick>ul>li .text_wrap .quick_more{font-size:1vw; font-weight:400; color:#fff; }
    #promo_center .con_quick>ul>li:first-child .text_wrap h3{color:#000; font-weight:700;}
    #promo_center .con_quick>ul>li:first-child .text_wrap .quick_name, #promo_center .con_quick>ul>li:first-child .text_wrap .quick_more{color:#4d240b; font-weight:500;}
    #promo_center .con_quick>ul>li:last-child .text_wrap .quick_more{color:#1c2f55; font-weight:500;}

    #photo_gallery{position:relative;}
    #photo_gallery .gallery_wrap{margin:0 auto; height:90%; top:50%; transform: translateY(-50%);}
    #photo_gallery .gallery_wrap .title_wrap{padding: 40px 0;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li{float:left; width:32%; height:70%; margin-left:2%; margin-bottom:2%; position:relative; transition-duration: 0.7s;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li:nth-child(6){display: none;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li .over_box .over_text{position:relative; top:40%;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li .over_box h3{color:#fff; font-size:1.6vw;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li .over_box .gall_country{font-size:1.4vw;}

    #footer .footer_wrap .footer_logo{float:left; position:relative; width:15%;}
    #footer .footer_wrap .footer_main{float:right; position:relative; width:80%;}
    #footer .footer_wrap .footer_main .footer_main_top .family_wrap .family{width:200px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address{padding-bottom:20px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address>li{ padding-bottom:5px; font-size:13px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .copy{color:#444343; font-size:11px; font-weight:300;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell>li{float:none; position:relative; font-size:14px; font-weight:500; margin-left:0; width:150px; text-align: right; line-height:14px; padding-bottom:10px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell>li .tell_title{position:absolute; left:10px; top:0; color:#4d240b; font-size:15px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell>li:first-child .tell_title{left:10px;}
}

@media screen and (min-width:601px) and (max-width:800px) {
    #header{display: none;}

    .hambug{height:70px; display: block;}
    .hambug .ham_mob{display: block;}
    .hambug .hambug_logo{display: none;}
    .hambug .hambug_btn{display: none;}

    #master_piece .contents_text{top:10%; height:85%;}
    #master_piece .contents_text .eng_name{top:0;}
    #master_piece .contents_text .eng_name>li h2{color:#fff; font-size:60px; font-weight:700; letter-spacing: 4px; line-height:60px;}
    #master_piece .contents_text .kor_name{ top:45%;}
    #master_piece .contents_text .kor_name>li{color:#fff; font-size:25px; font-weight:500;}
    #master_piece .contents_text .con_more{top:65%;}
    #master_piece .contents_text .con_more>li a{font-size:18px;}
    #master_piece .contents_text .con_controls>li{width:40px; height:15px;  margin-left:8px; border-radius: 7px;}

    #biz_introduce{position:relative;}
    #biz_introduce>ul{position:relative; height:100%; overflow: hidden;}
    #biz_introduce>ul::after{content:""; display: block; clear: both;}
    #biz_introduce>ul>li{float:none; width:100%; position:relative; height:25%; box-sizing: border-box;}
    #biz_introduce>ul>li .biz_more{position:absolute; left:50%; bottom:20%; transform: translateX(-50%); color:#fff; font-size:32px; text-shadow: 0 0 4px rgba(0,0,0,0.7); z-index:9997; display: none;}
    #biz_introduce>ul>li .biz_title_wrap{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index:9995; transition-duration: 0.5s;}
    #biz_introduce>ul>li .biz_title_wrap h2{text-align: center; font-size:32px; color:#fff; font-weight:500; padding-bottom:10px;}
    #biz_introduce>ul>li .biz_title_wrap h3{text-align: center; font-size:30px; color:#fff; font-weight:400; line-height:30px;}

    #promo_center .promo_wrap{position:relative; width:80%; margin:0 auto; padding:30px 0; height:100%;}
    #promo_center .title_wrap{position:relative; width:40%; margin:0 auto; padding:30px;}
    #promo_center .news_wrap{margin-bottom:30px;}
    #promo_center .news_wrap .news>li{float:left; width:49%; margin-left:2%; box-sizing: border-box; padding:20px; height:300px; border-radius: 30px; background-color: #fff; position:relative; cursor: pointer; transition-duration: .3s; margin-bottom:2%;}
    #promo_center .news_wrap .news>li:nth-child(2n+1){margin-left:0;}
    #promo_center .con_quick>ul>li{float:none; width:100%; margin-left:0; position:relative; border-radius: 30px; margin-bottom:2%; height:49%; cursor: pointer;}
    #promo_center .con_quick>ul>li .text_wrap .quick_name{font-size:2vw;}
    #promo_center .con_quick>ul>li .text_wrap h3{font-size:2.5vw;;}
    #promo_center .con_quick>ul>li .text_wrap .quick_more{font-size:2vw; }

    #photo_gallery{position:relative;}
    #photo_gallery .gallery_wrap{position:relative; width:90%; margin:0 auto;}
    #photo_gallery .gallery_wrap .title_wrap{position:relative; width:40%; margin:0 auto; padding: 30px 0;}
    #photo_gallery .gallery_wrap .contents_wrap{position:relative;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li{float:left; width:49%; margin-left:0; margin-right:2%; margin-bottom:2%; position:relative; transition-duration: 0.7s;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li:first-child{margin-left:0;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li:nth-child(2), #photo_gallery .gallery_wrap .contents_wrap>ul>li:nth-child(3),#photo_gallery .gallery_wrap .contents_wrap>ul>li:nth-child(5){margin-right:0;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li:nth-child(3){margin-bottom:0; margin-top:2%;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li:nth-child(6){width:100%;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li .over_box h3{font-size:2vw;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li .over_box .gall_country{font-size:1.5vw;}
    #photo_gallery .gallery_wrap .gall_more{margin:20px 0;}

    #footer .footer_wrap .footer_logo{float:none; position:relative; margin:0 auto; width:157px;}
    #footer .footer_wrap .footer_logo h1{position:relative; left:0; transform:none; padding:30px 0; width:157px; margin:0 auto;}
    #footer .footer_wrap .footer_main{float:right; position:relative; width:100%;}
    #footer .footer_wrap .footer_main .footer_main_top{position:relative; border-bottom:none;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy{float:none; width:270px; position:relative; margin:0 auto;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy>li{float:left; line-height:20px; padding:10px 0; padding-right:15px;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy>li a{font-size:12px;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy>li:first-child a{font-size:13px;}
    #footer .footer_wrap .footer_main .footer_main_top .family_wrap{float:none;}
    #footer .footer_wrap .footer_main .footer_main_top .family_wrap .family{width:100%;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address{float:none;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address{padding-bottom:0px; padding:30px 0;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address>li{text-align: center; font-size:13px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .copy{ font-size:12px; text-align: center;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_tell{display: none;}


}

@media screen and (max-width:600px) {
    #header{display: none;}
    .hambug{height:70px; display: block;}
    .hambug .ham_mob{display: block;}
    .hambug .hambug_logo{display: none;}
    .hambug .hambug_btn{display: none;}

    #master_piece{cursor: pointer;}
    #master_piece .contents_text .eng_name>li h2{color:#fff; font-size:40px; font-weight:700; letter-spacing: 4px; line-height:50px;}
    #master_piece .contents_text .kor_name{ top:40%;}
    #master_piece .contents_text .kor_name>li{color:#fff; font-size:22px; font-weight:500;}
    #master_piece .contents_text .con_more{top:52%; display: none;}
    #master_piece .contents_text .con_controls>li{width:20px; height:20px;  margin-left:8px; border-radius: 10px; background-color: rgba(255,255,255,0); border:1px solid #e4e4e4; box-sizing: border-box;}
    #master_piece .contents_text .con_controls>li.select{border:none;}
    #master_piece .contents_text .con_controls{left:50%; transform: translateX(-50%); bottom:10%;}

    #biz_introduce{position:relative;}
    #biz_introduce>ul{position:relative; height:100%; overflow: hidden;}
    #biz_introduce>ul::after{content:""; display: block; clear: both;}
    #biz_introduce>ul>li{float:none; width:100%; position:relative; height:25%; box-sizing: border-box;}
    #biz_introduce>ul>li .biz_more{position:absolute; left:50%; bottom:20%; transform: translateX(-50%); color:#fff; font-size:32px; text-shadow: 0 0 4px rgba(0,0,0,0.7); z-index:9997; display: none;}
    #biz_introduce>ul>li .biz_title_wrap{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index:9995; transition-duration: 0.5s;}
    #biz_introduce>ul>li .biz_title_wrap h2{text-align: center; font-size:28px; color:#fff; font-weight:500; padding-bottom:5px;}
    #biz_introduce>ul>li .biz_title_wrap h3{text-align: center; font-size:25px; color:#fff; font-weight:400; line-height:25px;}

    .mob_nav .mob_logo{position:absolute; left:50%; transform: translateX(-50%); top:25px; width:100px; height:26px;}
    .mob_nav .mob_logo img{width:100%;}

    #promo_center .title_wrap h2{font-size:28px;}
    #promo_center .news_wrap .news>li h3{font-size:16px; font-weight:500; color:#555;}
    #promo_center .news_wrap .news>li .info{font-size:13px; color:#555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    #promo_center .news_wrap .news>li .date{font-size:13px; font-weight:500; left:50%; transform: translateX(-50%);}
    #promo_center .promo_wrap{position:relative; width:80%; margin:0 auto; padding:30px 0; height:100%;}
    #promo_center .title_wrap{position:relative; width:40%; margin:0 auto; padding-bottom:30px;}
    #promo_center .news_wrap{margin-bottom:30px;}
    #promo_center .news_wrap .news>li{float:left; width:49%; margin-left:2%; box-sizing: border-box; padding:20px; height:200px; border-radius: 30px; background-color: #fff; position:relative; cursor: pointer; transition-duration: .3s; margin-bottom:2%;}
    #promo_center .news_wrap .news>li:nth-child(2n+1){margin-left:0;}
    #promo_center .con_quick>ul>li{float:none; width:100%; margin-left:0; position:relative; border-radius: 30px; margin-bottom:2%; height:49%; cursor: pointer;}
    #promo_center .con_quick>ul>li .text_wrap .quick_name{font-size:3vw;}
    #promo_center .con_quick>ul>li .text_wrap h3{font-size:3.5vw;}
    #promo_center .con_quick>ul>li .text_wrap .quick_more{font-size:3vw;}

    #photo_gallery{position:relative;}
    #photo_gallery .gallery_wrap{position:relative; width:90%; margin:0 auto;}
    #photo_gallery .gallery_wrap .title_wrap{position:relative; width:40%; margin:0 auto; padding: 30px 0;}
    #photo_gallery .gallery_wrap .title_wrap h2{font-size:28px;}
    #photo_gallery .gallery_wrap .contents_wrap{position:relative;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li>a{display: block; position:relative;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li{float:none; width:100%; margin-left:0; position:relative; transition-duration: 0.7s; padding-bottom:30%;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li:first-child{margin-left:0;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li:nth-child(6){display: none;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li .over_box h3{font-size:4vw; color:#111; font-weight:500; margin-bottom:0;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li .over_box .gall_country{font-size:3.5vw; color:#000;}
    #photo_gallery .gallery_wrap .gall_more{margin:20px 0;}

    #photo_gallery .gallery_wrap .contents_wrap>ul>li:hover{box-shadow:none;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li:hover .over_box{opacity:1; transition-duration: 0.7s;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li .over_box{position:absolute; width:inherit; height:inherit; background-color:rgba(255,255,255,0); text-align: center; opacity: 1; width:100%; height:100%; top:65%;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li:first-child .over_box{top:62%;}
    #photo_gallery .gallery_wrap .contents_wrap>ul>li .over_box .over_text{position:relative;}

    #footer .footer_wrap .footer_logo{float:none; position:relative; margin:0 auto; width:157px;}
    #footer .footer_wrap .footer_logo h1{position:relative; left:0; transform:none; padding:30px 0; width:157px; margin:0 auto;}
    #footer .footer_wrap .footer_main{float:right; position:relative; width:100%;}
    #footer .footer_wrap .footer_main .footer_main_top{position:relative; border-bottom:none;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy{float:none; width:270px; position:relative; margin:0 auto;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy>li{float:left; line-height:20px; padding:10px 0; padding-right:15px;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy>li a{font-size:12px;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy>li:first-child a{font-size:13px;}
    #footer .footer_wrap .footer_main .footer_main_top .family_wrap{float:none;}
    #footer .footer_wrap .footer_main .footer_main_top .family_wrap .family{width:100%;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address{float:none;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address{padding-bottom:0px; padding:30px 0;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address>li{text-align: center; font-size:13px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .copy{ font-size:12px; text-align: center;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_tell{display: none;}
}