/* 드래그색상,폰트컬러 */
::selection{background:#ddd; color:#fff; }

/* 기본세팅 */
body { width:100%; height:100%; position:relative; top:0; left:0; margin:0; padding:0; border:0; font-size:12px; font-family: 'Nanum Gothic','Nanum Gothic Cording','NanumGothicServer','NanumGothic','나눔고딕','맑은 고딕', sans-serif; font-weight: 400; font-style: normal; letter-spacing:0; color:#555; }
div { margin:0; padding:0; display:block; }
li { margin:0; padding:0; }
.titmap { font-size:13px; color:#989898; }
.titmap span { font-weight: 700; color:#2e2e2e; }
.sm ul,li { margin:0;  padding:0; list-style:none; }
.sm li {  padding-left:10px; }
.sm .smenu_off { height:34px; line-height:34px; border-bottom:1px solid #ccc; background:url(bg_smenu_r_off.png) no-repeat top right #fff; font-size:14px; }
.sm .smenu_off a, a:link, a:visited {color:#333;text-decoration:none}
.sm .smenu_off a:hover, a:focus, a:active {color:#333;text-decoration:none}
.sm .smenu_first {border-top:1px solid #ccc;}
.sm .smenu_on { height:34px; line-height:34px; border-bottom:1px solid #6eacbf; font-size:14px; color:#fff; background:url(bg_smenu_r.png) no-repeat top right #6eacbf; }
.sm .smenu_on a, a:link, a:visited {color:#fff;text-decoration:none}
.sm .smenu_on a:hover, a:focus, a:active {color:#fff;text-decoration:none}

/* 20160328 */
.pgrmainbanner {position:relative; width:315px; height:173px; border:1px solid #000; background-color:#fff; font-family:'NanumGothicServer';}

/**
* Simple fade transition,
*/
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out;  -moz-transition: all 0.15s ease-out;  transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out;  -moz-transition: all 0.15s ease-out;  transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

.ft-media {margin-top:35px; width:100%; text-align:center; background:url(index_section4_bg.gif) repeat-x; height:452px; position:relative;}
.ft-media .content {padding-top:37px; width:1000px; margin:0 auto; text-align:left;}
.ft-media .left {float:left; width:710px; height:374px; text-align:left; position:relative; top:0; z-index:0; box-shadow: 3px 11px 10px rgba(0,0,0,0.4);}
.ft-media .left-cont img {width:710px;height:374px;}
.ft-media .left .box {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); z-index:1;}
.ft-media .right {float:right;width:265px;height:374px;background-image:url(img_index_goto.jpg);background-size:100%;position:relative}
.ft-media .right .btn {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-weight:900; font-size:15px; text-align:center; border:1px solid #fff; padding:5px 13px; display:block; margin: 0 auto; box-shadow:4px 5px 5px rgba(0,0,0,0.4);}
.ft-media .right .btn:hover {background-color:rgba(255,255,255,0.2); box-shadow:4px 5px 5px rgba(0,0,0,0.7);}

/* main visual */
#mainVisualWrap{width:100%;text-align:center;position:relative;}
#mainVisualWrap ul{padding:0px;margin:0px;list-style:none;line-height:0;}

.mainVisualControll{position:absolute;z-index:3;right:30px;top:379px;}
.mainVisualControll li{clear:both;margin:0;overflow:hidden;padding:0;}
.mainVisualControll li.intervalBtn{margin:3px 1px 5px 3px;visibility:hidden}
.mainVisualControll li a{display:block;float:right;overflow:hidden}
.mainVisualControll li img{display:block;}





.mainVisualUl{position:relative;z-index:2;top:0;left:0;width:100%; height:847px; overflow:hidden;}

.mainVisualUl li{display:none;padding:0px;margin:0px;list-style:none;line-height:0;}
.absImg{position:absolute;z-index:10;}
.absImg2{position:absolute;z-index:3;}

/*
.index_header_over {background-color:#333;}
*/



img {border:0;}

//


#hd_pop {;}
#hd_pop .sound_only,
#hd_pop h2 {display: none;}
#hd_pop .hd_pops {position: absolute; z-index: 999}
#hd_pop .hd_pops_con {width: auto !important; min-width: 300px; height: auto !important; min-height: 400px; background-color: #fff; padding: 10px;}
#hd_pop .hd_pops_footer {text-align: right; background-color: #000; padding: 5px;}
#hd_pop .hd_pops_footer button {display: inline-block; cursor: pointer; margin-left: 10px; color: #fff; font-weight: 900; background-color: #000; border: 1px solid #ccc}


ul#topnav { margin: 0;  padding: 0; list-style: none; position: relative; }
ul#topnav li { float: left; margin: 0; padding: 0; }
ul#topnav li a { padding-left:35px; padding-bottom:40px; display: block; color: #000; text-decoration: none; }
ul#topnav li a:hover { color:#1376c9; }
ul#topnav li span { float: left; padding: 10px 0; position: absolute; display: none; font-size: 14px; z-index:2; color: #fff; }
ul#topnav li:hover span { display: block; z-index:2; position:absolute;}
ul#topnav li span a { display: inline; color:#e5ebf2; padding: 0; }
ul#topnav li span a:hover {text-decoration: none; color:#fff;}
ul#topnav li .super { font-family: 'Noto Sans KR', sans-serif; font-weight: 900; font-size: 18px; color: #e5ebf2; line-height: 0.8; letter-spacing: -1px; }
ul#topnav li .super.active,
ul#topnav li .super:hover {color: #fff;}
ul#topnav.sub li .super { color: #395e70}
ul#topnav.sub li .super.active,
ul#topnav.sub li .super:hover {color: #6eacbf;}

ul#topnav.sub { margin: 0;  padding: 0; list-style: none; position: relative; }
ul#topnav.sub li { float: left; margin: 0; padding: 0; }
ul#topnav.sub li a { padding-left:35px; padding-bottom:40px; display: block; color: #000; text-decoration: none; }
ul#topnav.sub li a:hover { color:#1376c9; }
ul#topnav.sub li span { float: left; padding: 10px 0; position: absolute; display: none; font-size: 14px; z-index:2; color: #fff; }
ul#topnav.sub li:hover span { display: block; z-index:2; position:absolute;}
ul#topnav.sub li span a { display: inline; color:#333; padding: 0; }
ul#topnav.sub li span a:hover {text-decoration: none; color:#01909E;}


#midBanners {width:100%; text-align:center; positon:relative; top:848px;}
#midBanners .content {width:700px; margin:0 auto; text-align:left;}
#midBanners .header {text-align:center; padding:35px 0;}
#midBanners .banner {float:left; text-align:center; margin-right:37px;}
#midBanners .banner.last {margin-right: 0;}
#midBanners .banner .label {display:block; font-family: 'Noto Sans KR', Verdana, sans-serif; color:#1c285c; font-size:17px;}


/* Static homepage controls; all resources are local. */
[hidden] { display: none !important; }
a[aria-disabled="true"] { cursor: default; }
.ft-media .right .btn { color: #fff; }
.mainVisualUl > li.is-active { display: list-item; }
.mainVisualControll button { display: block; float: right; padding: 0; border: 0; background: transparent; cursor: pointer; }
.mainVisualControll button img { display: block; }
.mainVisualControll button:focus-visible { outline: 2px solid white; outline-offset: 3px; }
.mainVisualControll button[aria-pressed="true"] img { filter: brightness(1.35); }
#hd_pop .hd_pops { max-width: calc(100% - 32px); }
@media (max-width: 800px) {
    #hd_pop .hd_pops { left: 16px !important; right: 16px; }
}