/*****************¼­ºê»ó´Ü À̹ÌÁö¿Í ŸÀÌƲ/·¹À̾ƿô*******************/
/* »ó´Ü ºñÁÖ¾ó */
#subVisualCon{position:relative; width:100%; overflow:hidden; height:200px; padding-top:200px;}
#subVisualCon .prd-visual-container{position:absolute; top:0; left:0; bottom:0; right:0;   important;-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); -webkit-transition:transform 4000ms  ease-in-out ; -moz-transition:transform 4000ms ease-in-out ;-o-transition:transform 4000ms ease-in-out ; -ms-transition:transform 4000ms ease-in-out; transition:transform 4000ms ease-in-out;}
#subVisualCon .prd-visual-con{position:relative; }
#subVisualCon .sub_img1{background:url(../../img/sub_img1.jpg) no-repeat center top; background-size:cover;}
#subVisualCon .sub_img2{background:url(../../img/sub_img2.jpg) no-repeat center top; background-size:cover;}
#subVisualCon .sub_img3{background:url(../../img/sub_img3.jpg) no-repeat center top; background-size:cover;}
#subVisualCon .sub_img4{background:url(../../img/sub_img4.jpg) no-repeat center top; background-size:cover;}
#subVisualCon .sub_img5{background:url(../../img/sub_img5.jpg) no-repeat center top; background-size:cover;}
#subVisualCon .prd-visual-inner{position:relative; padding-left:30px;}
#subVisualCon .prd-visual-tit{width:81%;max-width:926px;font-size:45px;  color:#fff; letter-spacing:-0.65px; font-weight:300; margin-bottom:10px; font-family:gmarketSansLight; }
#subVisualCon .prd-visual-tit strong{position:relative; top:1px; display:inline-block;  font-family:gmarketSansBold; }
#subVisualCon .prd-visual-tit b{font-weight:500; color:#fff;font-family:gmarketSansBold; }
#subVisualCon .prd-visual-txt {font-size:17px; font-family:gmarketSansMedium; line-height:32px; color:#fff;}
#middleArea{padding:50px 0 0;}
.area img {max-width:100%;}
/*  »ó´Ü ºñÁÖ¾ó :: Active */
#subVisualCon.active .prd-visual-container{-ms-transform: scale(1.0,1.0) ;  -o-transform: scale(1.0,1.0) ;  -moz-transform: scale(1.0,1.0) ;  -webkit-transform: scale(1.0,1.0) ; transform: scale(1.0,1.0) ;}
/* »ó´Ü ŸÀÌƲ */
#contentInfoCon{ position:relative;   border-bottom:1px solid #d1d1d1; margin-bottom:55px;}
#contentInfoCon .content-tit{color:#272727; font-size:35px;  font-family:"GmarketSansMedium"; text-align:center;}
#contentInfoCon .content-tit span{position:relative; display:inline-block; padding:0 0 35px 0; }
#contentInfoCon .content-tit span:after{display:block; width:145px; height:1px; position:absolute; bottom:-1px; left:50%; margin-left:-72px; content:""; background-color:#004B9B;}
#container{padding-top:0px}
 

/*****************5.¼­ºê ÇÏÀ§¸Þ´º*******************/
#SubMenu{position:relative; height:64px; background-color:#fff; }
#SubMenu .top-menu-inner{width:100%; height:64px; border-bottom:1px solid #D4D4D4; }
#SubMenu .location-to-home-btn{float:left; width:62px; height:64px; left:0px; top:0px; text-align:center; border-right:1px solid #D4D4D4; border-left:1px solid #D4D4D4;}
#SubMenu .location-to-home-btn i{ font-size:28px; line-height:64px;}
#SubMenu .menu-location{position:relative; float:left; min-width:262px; border-right:1px solid #D4D4D4;}
#SubMenu .menu-location > .cur-location{position:relative; display:block; height:64px; padding:0 56px 0 25px; }
#SubMenu .menu-location > .cur-location span{line-height:60px; color:#000;  padding-top:4px; font-size:18px; font-family:gmarketSansMedium;   display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#SubMenu .menu-location > .cur-location .arrow{position:absolute; top:50%; right:20px; margin-top:-4px; }
#SubMenu .menu-location > .cur-location.open .arrow{transform:rotate(-180deg);}
#SubMenu .menu-location.last-menu-location > .cur-location.open .arrow{transform:rotate(0deg);}
#SubMenu .menu-location.location1 > .cur-location{opacity:0.7;filter:Alpha(opacity=70);}
#SubMenu .menu-location.location1 > .cur-location.open{opacity:1.0;filter:Alpha(opacity=100);}
#SubMenu .menu-location.last-menu-location > .cur-location{background-color:#eee;}
#SubMenu .menu-location.last-menu-location > .cur-location .arrow{display:none;}
#SubMenu .menu-location .location-menu-con{display:none; position:absolute; top:64px; left:-1px; width:calc(100% - 1px); border:1px solid #b4bbbb;  background-color:#fff; z-index:11; }
#SubMenu .menu-location .location-menu-con li{border-top:1px solid #e5e5e5}
#SubMenu .menu-location .location-menu-con li:first-child{border-top:0;}
#SubMenu .menu-location .location-menu-con li a{ display:block; height:63px; line-height:63px;padding:0 25px; font-size:16px; font-weight:400; letter-spacing:-1.65px; color:#404041; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#SubMenu .menu-location .location-menu-con li.on{position:relative;}
#SubMenu .menu-location .location-menu-con li.on a,
#SubMenu .menu-location .location-menu-con li a:hover{background-color:#f3f3f3;}
/*  »ó´Ü ¸Þ´º :: fixed */
#SubMenu.fixed .top-menu-inner{position:fixed; top:0; left:0; z-index:99;}
 


@media all and ( max-width:1240px ){
 /*  »ó´Ü ºñÁÖ¾ó */
 #subVisualCon .prd-visual-tit{width:100%;}
 /*  ÇÏÀ§ ¸Þ´º */
 #SubMenu .area-box{padding-left:77px;}
 #SubMenu .location-to-home-btn{position:absolute; top:0; left:15px;}
 #SubMenu .menu-location{width:49.7%; min-width:auto;}
}
@media all and ( max-width:800px ){
 /*   »ó´Ü ºñÁÖ¾ó */
 #subVisualCon{height:150px; padding-top:80px;}
 #subVisualCon .prd-visual-tit{font-size:23px;}
 #subVisualCon .prd-visual-sub-tit{font-size:12px; line-height:20px; margin-bottom:10px;}
 #subVisualCon .prd-visual-txt{font-size:12px; line-height:20px; padding-bottom:24px;}
 /* ŸÀÌƲ */
 #middleArea{padding-top:30px;}
 #contentInfoCon{margin-bottom:30px;}
 #contentInfoCon .content-tit{font-size:20px; letter-spacing:-2.5px;}
 #contentInfoCon .content-tit span{padding-bottom:25px;}
 #contentInfoCon .content-tit span:after{width:200px; margin-left:-100px;}
 /*   ÀÌÀüÆäÀÌÁö,´ÙÀ½ÆäÀÌÁö ¹öÆ° */
 .sub-page-controls-btn{top:-3px; height:30px;}
 .sub-page-controls-btn img{max-height:30px;}
 .sub-page-controls-btn.sub-prev-page-btn{left:15px;}
 .sub-page-controls-btn.sub-next-page-btn{right:15px;}
 .sub-page-controls-btn .sub-page-name{display:none;}
 /*   »ó´Ü ÄÁÅÙÃ÷ */
 #container{padding-top:60px;}
 /*  ÇÏÀ§ ¸Þ´º */
 #SubMenu, #SubMenu .top-menu-inner{height:40px;}
 #SubMenu .area-box{padding:0;}
 #SubMenu .location-to-home-btn{display:none;}
 #SubMenu .menu-location{width:calc(50% - 1px);}
 #SubMenu.menu3 .menu-location{width:calc(33.3% - 1px)}
 #SubMenu .menu-location > .cur-location{height:40px; padding:0 34px 0 15px;}
 #SubMenu .menu-location > .cur-location span{font-size:13px; line-height:40px; vertical-align:middle; letter-spacing:-1px; word-break:keep-all;}
 #SubMenu .menu-location > .cur-location .arrow{right:10px; max-width:14px;}
 #SubMenu .menu-location .location-menu-con{top:40px;}
 #SubMenu .menu-location .location-menu-con li{}
 #SubMenu .menu-location .location-menu-con li a{width:calc(100% - 20px); height:auto; padding:10px; font-size:11px; line-height:19px; vertical-align:middle; letter-spacing:-1px; word-break:keep-all;}
}


@media all and ( max-width:480px ){
 /*   »ó´Ü ºñÁÖ¾ó */
 #subVisualCon{height:100px; padding-top:60px;}
#subVisualCon .sub_img1,
#subVisualCon .sub_img2,
#subVisualCon .sub_img3,
#subVisualCon .sub_img4,
#subVisualCon .sub_img5{background-size:800px;}
#subVisualCon .prd-visual-inner{ padding-left:0px;}
#subVisualCon .prd-visual-tit{ margin-bottom:8px;}
 
 /*  ÀÌÀüÆäÀÌÁö,´ÙÀ½ÆäÀÌÁö ¹öÆ° */
.sub-page-controls-btn{top:3px; height:20px;}
.sub-page-controls-btn img{max-height:20px;}
}