@charset 'UTF-8';



.bigbtn div,.endbtn_area.center{text-align:center}
.board_list .list_area .list ul.row_group li .cell_focus,.board_list .list_area .list ul.row_group li .cell_subject:active,.board_list .list_area .list ul.row_group li .cell_subject:hover,.page_readme_box a,.table_area .etc01_btn{text-decoration:underline}
.bslide_area .bslide .txtarea .readme,.location_widget li a,.main_con_nav ul li a span,.radio_box.st01,.select_box label{text-overflow:ellipsis;white-space:nowrap}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-webkit-font-smoothing:antialiased}
#testdiv{top:103px;right:0;z-index:100000;position:fixed; }
body{background:#fff;}
.clfix{*zoom:1}
.clfix:after,.clfix:before{display:table;content:'';line-height:0}
.clfix:after{clear:both}
.hide_txt{overflow:hidden;clip:rect(1px 1px 1px 1px);display:inline-block;width:1px;height:1px;font-size:1px;line-height:0;position:absolute}
.skipnav{display:none;width:100%;height:0;line-height:1}
.skipnav li{width:980px;margin:0 auto;position:relative}
.skipnav li a{overflow:hidden;display:block;width:1px;height:1px;top:0;left:0;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:1;position:absolute}
.skipnav li a:active,.skipnav li a:focus,.skipnav li a:hover{width:100px;height:19px;top:0;left:0;z-index:50;margin:0;padding:5px 0;background:#222;color:#FFF;text-align:center;font-weight:700;font-size:13px;line-height:17px;position:absolute}
#content,#header,#wrap,body{width:100% margin:0 auto; position:relative;}
body{overflow-x:hidden}

body.none_scroll{overflow-y:hidden!important}
.default_c{margin-bottom:80px !important; padding-top:55px}


#header{width:100%;height:110px;  top:0;left:0;z-index:1001; position:fixed; background:#fff url('../img/top_line.png') repeat-x 0 0;}

#header .header_content{width:100%;margin:0 auto;padding:0;}
#header .header_area{z-index:1000;position:relative;text-align:center; width:1240px; margin:0 auto;}
#header .header_area .logo{float:left; z-index:10000;text-align:left; margin-top:28px;position:relative}
#header .header_area .logo a{display:block;width:20%;height:56px; margin:0;}
#header .header_area ul.language{float:right; width:50%; margin-top:40px;  }
#header .header_area ul.language li{float:left; display:inline; text-align:left; margin-left:20px; width:130px; height:36px; line-height:36px; background:#d6d4d4 url('../img/lang_arr.png') no-repeat 90% 16px; color:#636363; border-radius:25px;}
#header .header_area ul.language li a{font-size:14px; font-weight:600; line-height:36px; display:block;}
#header .header_area ul.language li a:hover{background:#1e6088 url('../img/lang_arr_on.png') no-repeat 90% 16px !important; color:#fff; border-radius:25px;}
#header .header_area ul.language li.on{background:#1e6088 !important; color:#fff; border-radius:25px; }
#header .header_area ul.language li.on a{background:#1e6088 url('../img/lang_arr_on.png') no-repeat 90% 16px !important; color:#fff; border-radius:25px;}
#header .header_area ul.language li img{vertical-align:top; padding:10px 8px 0 20px; line-height:36px; }




#header.white{background:#fff url('../img/top_line.png') repeat-x 0 0;transition:.3s ease-out; height:110px; border-bottom:1px solid #1e6088;}


#header.white .gnb_menu_wrap .ul_gnb_menu .etc_menu .bu_regi span,#header.white .gnb_menu_wrap .ul_gnb_menu .gm .gm_link span{color:#000}
#header.white .util_wrap .util_menu li{}
#header.white .util_wrap .util_menu li a{color:#999}
#header.white .util_wrap .util_menu li.lang_area .la{color:#07698C}
#header.white .util_wrap .util_menu li.member_manage a{color:#25AAE1}
#header.white .util_wrap .util_menu li.member_manage a:before{border-color:#25AAE1}
#header.white .util_wrap .util_menu li.member_manage a span{}
#header.over .gnb_menu_wrap .ul_gnb_menu .gm .gm_link span{color:#000}
#header.over .gnb_menu_wrap .gm_sub_list.motion{animation:animation .5s;animation-fill-mode:fowards}
#header.over .gnb_menu_wrap .gm_sub_list.motion li{opacity:1}




@keyframes animation{0%{opacity:0;transform:translate(0,30px)}
100%{opacity:1;transform:translate(0,0)}
}

#footer{position:relative; clear:both; margin-top:15px; padding:0 0 0px 0; width:100%; min-height:140px; background:#fff; text-align:center;}
#footer ul{width:100%; margin:0 auto; text-align:center; }
#footer ul.flink li {margin:5px 0px 0 0px; padding:15px 0px 0 0; color:#333; letter-spacing:0em; font-size:18px; line-height:30px;}  
#footer ul.flink li strong{font-weight:700;}
#footer ul.flink li span.copy{display:block;}

#footer_eng{position:relative; clear:both; margin-top:15px; padding:0 0 0px 0; width:100%; min-height:140px; background:#fff; text-align:center;}
#footer_eng ul{width:100%; margin:0 auto; text-align:center; }
#footer_eng ul.flink li {margin:5px 0px 0 0px; padding:15px 0px 0 0; color:#333; letter-spacing:0em; font-size:18px; line-height:30px;}  
#footer_eng ul.flink li strong{font-weight:700;}
#footer_eng ul.flink li span.copy{display:block;}


#footer_cn{position:relative; clear:both; margin-top:15px; padding:0 0 0px 0; width:100%; min-height:140px; background:#fff; text-align:center;}
#footer_cn ul{width:100%; margin:0 auto; text-align:center; }
#footer_cn ul.flink li {margin:5px 0px 0 0px; padding:15px 0px 0 0; color:#333; letter-spacing:0em; font-size:18px; line-height:30px;}  
#footer_cn ul.flink li strong{font-weight:700;}
#footer_cn ul.flink li span.copy{display:block;}


#footer_jp{position:relative; clear:both; margin-top:15px; padding:0 0 0px 0; width:100%; min-height:140px; background:#fff; text-align:center;}
#footer_jp ul{width:100%; margin:0 auto; text-align:center; }
#footer_jp ul.flink li {margin:5px 0px 0 0px; padding:15px 0px 0 0; color:#333; letter-spacing:0em; font-size:18px; line-height:30px;}  
#footer_jp ul.flink li strong{font-weight:700;}
#footer_jp ul.flink li span.copy{display:block;}





/*우측 스크롤 메뉴*/
#container{width:100%; margin:0 auto; position:relative; text-align:center; }
#content{width:100%; margin:0 auto; position:relative; }
.main_con_nav{position:fixed; top:200px;right:30px; z-index:1000;   margin:0 auto; }
.main_con_nav ul{text-align:right}
.main_con_nav ul li{margin-top:9px;font-size:0;line-height:0}
.main_con_nav ul li a{overflow:hidden;display:inline-block;width:15px;height:15px;border:2px solid #0284c3; border-radius:25px; }
.main_con_nav ul li a span{display:none;width:0;color:#FFF;font-size:11px;line-height:17px}
.main_con_nav ul li a.on{width:auto;height:auto;border:0;width:15px;height:15px;background:#0284c3; border-radius:25px; }
.main_con_nav ul li a.on span{display:none;width:100%}
.main_con_nav ul li a.action{animation:navAni .5s;animation-fill-mode:fowards}


@keyframes navAni{0%{width:15px}
100%{width:100%}
}

.main_con_nav ul li:first-child{margin-top:0}
.btn_toppage{right:30px;bottom:110px;z-index:200;position:fixed}

/* top*/
.btn_toppage a{display:block;width:40px;height:90px;opacity:.7;}
.btn_toppage a:hover{ opacity:1; }




/*타이틀*/
.tit_main01{z-index:100;line-height:0; margin-bottom:30px;}
.tit_main01 span{display:inline-block;color:#fff; font-weight:700;}

.tit_main01 span:after{width:100%;}
.tit_main01.white span{color:#fff;}

.tit_main01.hide_txt{display:none}
.tit_main01.spc_black{text-align:center;position:relative}


.main_con{background:#fff;position:relative; width:1240px; margin:0 auto;}
.main_con .con{width:1240px;margin:0 auto;position:relative; }




.main_con.main_section{clear:both; width:100%;z-index:13; }
.main_con.main_section .con{width:100%;height:100%; }
.main_con.main_section .bx-controls{width:100%;bottom:421px;left:0;z-index:1000;text-align:center;font-size:0;position:absolute; }

.main_con.main_section .bx-controls .bx-pager{display:inline-block;vertical-align:middle}
.main_con.main_section .bx-controls .bx-pager-item{float:left;margin-left:10px}
.main_con.main_section .bx-controls .bx-pager-item:first-child{margin-left:0}
.main_con.main_section .bx-controls .bx-pager-link{display:block;width:15px;height:15px;background:url(http://bdsplanet.com/web/images/slide_pager.png) -19px top no-repeat}

.main_con.main_section .bx-controls .bx-pager-link.active{background-position:0 0}
.main_con.main_section .bx-controls .bx-controls-auto{display:inline-block;margin-left:6px;vertical-align:middle}
.main_con.main_section .bx-controls .bx-stop{display:block;width:15px;height:15px;background:url(http://bdsplanet.com/web/images/slide_pager.png) left -17px no-repeat}

.main_con.main_section .bx-controls .bx-start{display:block;width:15px;height:15px;background:url(http://bdsplanet.com/web/images/slide_pager.png) -18px -17px no-repeat}
.sub_con .con .downcon{margin-top:50px}

.sub_con .con .downcon:first-child{margin-top:0!important}

.visual_txts_area{display:block;width:1240px;z-index:100;margin:0 auto;text-align:inherit;position:relative}
.visual_txts_area .visual_txts{width:100%;position:relative}



.dot{height:100%;z-index:99;position:absolute}
.main_con.animate .con .tit_main01 strong{opacity:1;transform:translate(0,0px)}
.main_con.animate .con .tit_main01.spc_black span:after,.main_con.animate .con .tit_main01.spc_blue span:after,.main_con.animate .con .tit_main01.spc_white span:after{width:0}
.main_con.animate .con .page_readme{opacity:1;transform:translate(0,0px)}
.main_con.animate.motion .con .tit_main01 strong{opacity:1;transition:.3s ease-out .3s;transform:translate(0,0)}
.main_con.animate.motion .con .tit_main01 span:after{width:80%;transition:width .5s ease-out}
.main_con.animate.motion .con .tit_main01.spc_blue span:after{width:49px;transition:width .5s ease-out}
.main_con.animate.motion .con .page_readme{opacity:1;transition:.3s ease-out .5s;transform:translate(0,0)}




/***************** 1239이하(태블릿 Galaxy Tab S_800x1280) ******************************************/
@media all and (max-width:1239px){

#header{width:100%;height:110px;  top:0;left:0;z-index:1001; position:fixed; background:#fff url('../img/top_line.png') repeat-x 0 0; }
/*
#header .header_content{width:100%;margin:0 auto;padding:0; background:url(/img/header_bg.gif) repeat-x 50% 0;}
*/
#header .header_area{z-index:1000;position:relative;text-align:center; width:100%; margin:0 auto; }
#header .header_area .logo{float:left; z-index:10000;width:240px; margin-top:28px;position:relative}
#header .header_area .logo a{display:block;width:80%; margin:0;}
#header .header_area .logo img{width:240px;}

#header .header_area ul{ float:right;}
#header .header_area ul.language{float:right; width:600px; margin-top:40px;  }

#header .header_area ul.language li{float:left; display:inline; text-align:left; margin:0px 0 0px 10px; width:130px; height:36px; line-height:36px; background:#d6d4d4 url('../img/lang_arr.png') no-repeat 90% 16px; color:#636363; border-radius:25px;}
#header .header_area ul.language li a{font-size:14px; font-weight:600; line-height:36px; display:block;}
#header .header_area ul.language li a:hover{background:#1e6088 url('../img/lang_arr_on.png') no-repeat 90% 16px !important; color:#fff; border-radius:25px;}
#header .header_area ul.language li.on{background:#1e6088 !important; color:#fff; border-radius:25px; }
#header .header_area ul.language li.on a{background:#1e6088 url('../img/lang_arr_on.png') no-repeat 90% 16px !important; color:#fff; border-radius:25px;}
#header .header_area ul.language li img{vertical-align:top; padding:10px 8px 0 20px; line-height:36px; }


.main_con{background:#fff;position:relative; width:100%; margin:0 auto;}
.main_con .con{width:100%;margin:0 auto;position:relative; }

#header.white{background:#fff url('../img/top_line.png') repeat-x 0 0;transition:.3s ease-out; height:110px; border-bottom:1px solid #1e6088;}


#container{width:100%; margin:0 auto; position:relative; text-align:center; }





}


@media all and (max-width:1040px){

#header{width:100%;height:120px;  top:0;left:0;z-index:1001; position:fixed; background:#fff; }

#header .header_area{z-index:1000;position:relative;text-align:center; width:100%; height:120px; margin:0 auto; border-bottom:1px solid #1e6088;}
#header.white{background:#fff url('../img/top_line.png') repeat-x 0 0;transition:.3s ease-out; height:120px; border-bottom:1px solid #1e6088;}

#header .header_area{z-index:1000;position:relative;text-align:center; width:100%; margin:0 auto; height:120px; }

#header .header_area .logo{float:both; text-align:center; z-index:10000;width:100%; margin:4px auto 0 auto; position:relative; }
#header .header_area .logo a{display:block;width:80%;margin:0 auto; }
#header .header_area .logo img{width:240px; margin:0 auto; }

#header .header_area ul.language{width:100%; margin:8px auto 0 auto; }
#header .header_area ul.language li{float:auto; display:inline; text-align:left; margin:0px 2% 0px 2%; width:21%; height:36px; line-height:36px; background:#d6d4d4 url('../img/lang_arr.png') no-repeat 90% 16px; color:#636363; border-radius:25px;}


#footer_eng ul.flink li {margin:5px 0px 0 0px; padding:15px 0px 0 0; color:#333; letter-spacing:0em; font-size:16px; line-height:26px;}  
#footer_cn ul.flink li {margin:5px 0px 0 0px; padding:15px 0px 0 0; color:#333; letter-spacing:0em; font-size:16px; line-height:26px;}  
#footer_jp ul.flink li {margin:5px 0px 0 0px; padding:15px 0px 0 0; color:#333; letter-spacing:0em; font-size:16px; line-height:26px;}  


}



/***************** 767이하******************************************/
@media all and (max-width:767px){

#header{width:100%;height:120px;  top:0;left:0;z-index:1001; position:fixed; background:#fff; }

#header .header_area{z-index:1000;position:relative;text-align:center; width:100%; height:120px; margin:0 auto; border-bottom:1px solid #1e6088;}
#header.white{background:#fff url('../img/top_line.png') repeat-x 0 0;transition:.3s ease-out; height:120px; border-bottom:1px solid #1e6088;}

#header .header_area .logo{clear:both; float:auto; text-align:center; z-index:10000;width:100%; margin:4px auto 0 auto; position:relative}
#header .header_area .logo a{display:block;width:80%;height:54px; margin:0;}
#header .header_area .logo img{width:200px; margin:0 auto; }

#header .header_area ul.language{width:100%; margin-top:1px; }
#header .header_area ul.language li a{font-size:12px; font-weight:600; line-height:26px; display:block;}

#header .header_area ul.language li{float:left; display:inline; text-align:left; margin:3px 1% 3px 1%; width:48%; height:26px; line-height:26px; background:#d6d4d4 url('../img/lang_arr.png') no-repeat 90% 11px; color:#636363; border-radius:25px;}
#header .header_area ul.language li img{vertical-align:top; padding:5px 8px 0 20px; line-height:26px; }

#header .header_area ul.language li.on{background:#1e6088 !important; color:#fff; border-radius:25px;height:26px; line-height:26px; margin:3px 1% 3px 1%; }
#header .header_area ul.language li.on a{background:#1e6088 url('../img/lang_arr_on.png') no-repeat 90% 11px !important; color:#fff; border-radius:25px;font-size:12px; font-weight:600; line-height:26px; }


#footer ul.flink li {margin:5px 0px 0 0px; padding:10px 0px 0 0; color:#333; letter-spacing:-0.05em; font-size:15px; line-height:24px; }  
#footer ul.flink li span.mail{display:block;}

#footer_eng{margin-bottom:10px;}
#footer_eng ul.flink li {margin:0px 0px 0 0px; padding:10px 0px 0 0; color:#333; letter-spacing:-0.03em; font-size:14px; line-height:24px;}  
#footer_eng ul.flink li span.mail{display:block;}

#footer_cn{margin-bottom:10px;}
#footer_cn ul.flink li {margin:0px 0px 0 0px; padding:0px 0px 0 0; color:#333; letter-spacing:-0.03em; font-size:14px; line-height:24px;}  
#footer_cn ul.flink li span.mail{display:block;}

#footer_jp{margin-bottom:10px;}
#footer_jp ul.flink li {margin:0px 0px 0 0px; padding:0px 0px 0 0; color:#333; letter-spacing:-0.03em; font-size:14px; line-height:24px;}  
#footer_jp ul.flink li span.mail{display:block;}

}

@media all and (max-width:400px){

#footer ul.flink li {margin:5px 0px 0 0px; padding:15px 0px 0 0; color:#333; letter-spacing:-0.05em; font-size:14px; line-height:22px;}  
#footer_eng{margin-bottom:10px;}
#footer_eng ul.flink li {margin:5px 0px 0 0px; padding:10px 0px 0 0; color:#333; letter-spacing:-0.03em; font-size:13px; line-height:20px;}  

#footer_cn{margin-bottom:10px;}
#footer_cn ul.flink li {margin:5px 0px 0 0px; padding:10px 0px 0 0; color:#333; letter-spacing:-0.03em; font-size:13px; letter-spacing:-0.03em; line-height:20px;}  

#footer_jp{margin-bottom:10px;}
#footer_jp ul.flink li {margin:5px 0px 0 0px; padding:10px 0px 0 0; color:#333; letter-spacing:-0.03em; font-size:13px; letter-spacing:-0.03em; line-height:20px;}  




}