@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.fog {
    position:absolute;
    left:0; top:0; padding:0; margin:0; border:0;
    width:100px; height:100px;
    background-color:#111;
    opacity:0;
}

.layer_popup {
    position:absolute;
    display:none;
    text-align:center;
    /*vertical-align:middle;*/
    font-weight:bold;
}

#search{ float:right; position:relative; right:0px; width:210px; height: 60px;}
#select_frm {
    margin-top:2px;
    padding: 8px 12px 5px 6px;
    background-color: #e2eef4;
    border:1px solid #ccc;
    position: absolute;
    z-index: 1;
    letter-spacing:-1px;
}
#select_frm>span {margin-top:-4px;}
#gndaily_search{
    position: absolute;
    top:40px;
    /*top:0px;*/
    z-index: 1;
    background-color: #fff;
}

#tabcontainer {float:left; position:relative; font-family:"Nanum Gothic"; font-size:14px; width:500px; background:url(/images/common/gnews0.gif) 0 0 repeat-x; }
#tabcontainer h2 {top:0; margin-bottom:-26px; background:url(/images/common/gnews0.gif) 0 0 repeat-x;} /* ??�? */
/* position:abolute �? ?��??리�???? ???????��? ??�??? ?��?��?? ???��?????? ????�? ????: 2010.02.24 Skywalker */
#tabcontainer h2.tabtit1 {position:absolute;left:350px;}
#tabcontainer h2.tabtit2 {position:absolute;left:404px;}
#tabcontainer h2.tabtit3 {position:absolute;left:421px;}
#tabcontainer img {vertical-align:top;}
#tabcontainer ul {clear:both; overflow:hidden; width:100%; padding:36px 10px 0px; } /* 리�?��?? */
#tabcontainer ul li {float:left; color:#636363; list-style:none; width:505px; padding:3px 0 1px 14px; background:url(/images/common/tab_bul.gif) 4px 10px no-repeat; }
#tabcontainer ul li a {float:left;}
#tabcontainer ul li span {float:right; padding-right:20px; color:#636363;}
#tabcontainer p { right:0; margin:0 0 0 0; padding:0; text-align:right;} /* �??? */
#tabcontainer p a {display:block; padding:0 0;}

#tabcontainer1 {float:left; width:563px; height:160px; background:url(/images/common/gnews0.gif) 0 4px repeat-x; border:1px solid #dedede;  }
#tabcontainer1 h2 {top:2px; margin-bottom:-26px; background:url(/images/common/gnews0.gif) 0 4px repeat-x; } /* ??�? */
/* position:abolute �? ?��??리�???? ???????��? ??�??? ?��?��?? ???��?????? ????�? ????: 2010.02.24 Skywalker */
#tabcontainer1 h2.tabtit1 {position:absolute;left:1px;}
#tabcontainer1 h2.tabtit2 {position:absolute;left:101px;}
#tabcontainer1 h2.tabtit3 {position:absolute;left:201px;}
#tabcontainer1 h2.tabtit4 {position:absolute;left:301px;}
#tabcontainer1 img {vertical-align:top;}
#tabcontainer1 ul {clear:both; overflow:hidden;   padding:40px 0 0 18px; } /* 리�?��?? */
#tabcontainer1 ul li {float:left; color:#636363; list-style:none; width:485px; padding:4px 0 1px 14px; background:url(/images/common/tab_bul.gif) 4px 9px no-repeat; }
#tabcontainer1 ul li a {float:left;}
#tabcontainer1 ul li span {float:right; padding-right:10px; color:#636363;}
#tabcontainer1 p { right:0; margin:0 0 0 0; padding:0; text-align:right;} /* �??? */
#tabcontainer1 p a {display:block; padding:0 0;}

.blog_area{width:136px; height:160px; border-top:1px solid #dedede;border-right:1px solid #dedede; border-bottom:1px solid #dedede;float:left;}
.blog_area h2 {font-size:12px; padding:10px;}


/* �??��?? (굿�?��?? ?��?�리) */
.gnews1{width:100%; font-size:16px; padding:0px 0 10px 20px; overflow:hidden;}
.gnews1 p{ float:left; margin-left:0px;}
.gnews1 p img {border:1px solid #cccccc;}
.gnews1 ul{ float:left; margin:0px 10px 0px 10px; width:330px; }
.gnews1 ul li{ padding-left:0px; margin:0px 0; list-style:none;  clear:both;}
.latest_board_cont li a {color:#636363; padding-bottom:10px; }


.more_view { width:100%; text-align:center;  transition:all 0.25s ease 0s; }
.more_view a {display:block; width:92%; margin:0 auto; padding:3px; font-size:0.9em; border:1px solid #ddd; }
.more_view a:hover {border:1px solid #06bac1; }



/* �???기�?? */
.list_ul {background:#fff; margin:0px 20px 0 20px; letter-spacing:-1px; border-top:1px solid #ddd; padding-top:10px;}
.list_ul li {list-style:none; font-size:14px; font-weight:bold; height:24px; padding-left:10px; list-style:none;  clear:both; background:url(/images/common/icon/icon_blue_bullet.gif) no-repeat 0px 10px; }
.list_ul li span {text-align:right; font-size:11px; font-weight:normal; color:#ccc; width:70px;display:inline-block; float: right;}
.main_tab {width:507px; border-top:0px solid #838385; border-right:0px solid #c3cbde; overflow:hidden; font-size:14px; margin-bottom:15px;}
.main_tab li {width:166px; border-right:1px solid #c3cbde; background-color:#f0f2f1; border-bottom:1px solid #c3cbde; float:left; overflow:hidden; padding:8px 0; text-align:center; }
.main_tab li:hover {background-color:#fff; }
.main_tab .last_tab {border-right:none; width:167px; }
.main_tab .on {border-bottom:1px solid #dee2eb; background:url('/images/main/tabmenu_bg_arrow.png') 145px 8px no-repeat; }


/* �??��?? (굿�?��?? ?��?��??) */
#gntv_thumbs { overflow: hidden; height: 140px; width: 495px; padding: 2px 5px 0 5px; float: left; }
#gntv_thumbs ul {  width:4200px; padding: 0 0 10px 0; letter-spacing:-1px;}
#gntv_thumbs ul li {width:100px; margin-right:5px; float:left;}
/*.gntv_thumb { border: 0; float: left; width: 97px; height: 55px; background: url(http://a.vimeocdn.com/thumbnails/defaults/default.75x100.jpg); margin-bottom:4px;  }*/
#gntv_embed { height: 230px; width: 465px; float: left; padding-left:36px; margin-bottom:10px;}
#gntv_embed_youtube { height: 230px; width: 465px; float: left; padding-left:36px; margin-bottom:10px;}

.gntv_thumbs_border {border:2px solid #1483c2}

.adm_tab button {float:left; margin:0 3px; }
/*.arrow-left-today, .arrow-right-today {float:left; margin:0 3px; }*/

.deviceToday {position: relative; width: 495px;}
.swiper-container-today {  width: 440px; margin:2px 0 0 25px; overflow: hidden; position: relative;}
.deviceToday .arrow-left-today{
    background: url(/images/main/video_arrowL.png) no-repeat left top;
    position: absolute;
    left:0px;
    width: 20px;
    height: 60px;
}
.deviceToday .arrow-right-today {
    background: url(/images/main/video_arrowR.png) no-repeat left bottom;
    position: absolute;
    right: 6px;
    width: 20px;
    height: 60px;
}
.swiper-container-today .swiper-wrapper .swiper-slide { width:110px; height: 90px; letter-spacing:-1px; margin:3px; }
.swiper-container-today .swiper-wrapper .swiper-slide p {  line-height: 1.2em;  margin-top: 5px;  font-size: 0.9em; }
.swiper-slide img { width:100%; }
.swiper-container-today .swiper-wrapper a {font-size:12px; width:100px; margin:0 5px; float: left; }
.swiper-container-today .swiper-wrapper a p {line-height: 14px;}
.swiper-pagination-bullet {margin: 0 5px;}



.rolling { width:440px;  overflow:hidden;float:left; margin:0 0px; }
.rolling ul { list-style:inline; width:32700px; margin:0; padding:0;}
.rolling ul li { width:80px; float:left; margin:0 5px; }


/* ??�? 기�?????? */
.gnbook_list {padding-left:20px; }
.gnbook_list dd {width:159px; height:140px; margin:10px 0 20px 0 ; float:left; letter-spacing:-1px; }
.gnbook_list dd a p img {width:135px; height:84px; border:1px solid #e9e9e9; margin-bottom:3px; }
.gnbook_list dd a:hover  p img{border:1px solid #888; }
.gnbook_list dd>p {padding-bottom:10px; font-size:1.1em; font-weight:bold; }
.gnbook_list dd a>p {padding-right:20px; color:#636363; margin: 0; }
.gnbook_list dd a>p:last-child { height:53px; }
.gnbook_list dd a .cate {color:#aaa; font-size:12px;}



/* ??�?기�? �?컨�??�? */
#lincoln_list{ position: absolute; z-index: 1; background-color: #E2EEF4; border: 1px solid #cccccc;}
#lincoln_list ul{float: left;padding: 5px;}
#lincoln_list ul li{padding-bottom: 2px;}


/** ?????? 배�?? **/
.gsupport {width:960px; height:60px;padding-top:10px; margin-top:0px;  }
.gsupport dl.aaaa {padding-top:12px; }
.gsupport dl.aaaa dt{float:left;padding-right:15px;}
.gsupport dl.aaaa dd{float:left; padding-right:15px;}

#bnnr_rolling ul{width:776px; height:40px; margin-left:10px;}
#bannerLayer {float:left; margin-top:5px; margin-bottom:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#bannerLayer img {vertical-align:top;}
#bannerLayer h2 {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
#bannerLayer ul#bnnr_rolling {overflow:hidden; position:relative; float:left; width:760px; /* js�? ???? �??��?��?? ?��?��? height:34px; */}
#bannerLayer ul#bnnr_rolling li {overflow:hidden; float:left; width:760px; height:35px; margin-left:20px;}
#bannerLayer ul#bnnr_rolling li img {float:left; }
#bannerLayer .swiper-slide a img {height:36px; padding:3px 8px; }

#gsupportListTemp ul{width:815px; height:40px; margin-left:10px;}
.inline li{display:inline; margin-right:2px;}
.imgmargin img {margin:0 0px 0 15px; }

/* �??��?주�?? ?��???��?? */
.device {
    width: 730px;
    height: 210px;
    background: #111;
    margin: 0px auto;
    position: relative;
}
.device .arrow-left {
    background: url(/images/common/arrows.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index:99;
}
.device .arrow-right {
    background: url(/images/common/arrows.png) no-repeat right bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index:99;
}
.swiper-container {
    height: 210px;
    width: 730px;
}
.content-slide {
    padding: 20px;
    color: #fff;
}
.title {
    font-size: 25px;
    margin-bottom: 10px;
}
.Swipagination {
    position: absolute;
    text-align: right;
    bottom:5px;
    right:5px;
    width: 100%;
    z-index: 999;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}


/* ??�?커�??��?? ?��???��?? */
.device-ad {
    width: 207px;
    height: 207px;
    background: #111;
    margin: 0px auto;
    position: relative;
}
.device-ad .arrow-left-ad {
    background: url(/images/common/arrows.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index:99;
}
.device-ad .arrow-right-ad {
    background: url(/images/common/arrows.png) no-repeat right bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index:99;
}
.swiper-container-ad {
    width: 207px;
    height: 207px;
}
.content-slide {
    padding: 20px;
    color: #fff;
}
.title {
    font-size: 25px;
    margin-bottom: 10px;
}
.SwipaginationAd {
    position: absolute;
    text-align: right;
    bottom:-15px;
    right:5px;
    width: 100%;
    z-index: 999;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}