@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "utf-8";
body{margin:0; padding:0; height:100%}
a, a:hover{text-decoration:none; color:black; cursor:pointer}

/*--[LAYOUT WRAP]--*/
#body_rgba,#body_wrap,.header_wrap,.bodybody,.widgets_wrap,.footer_wrap{position:relative; width:100%}
.slider_wrap,.promo_wrap,.contents_wrap,.custom_html_wrap{position:relative; margin:0 auto}
.header_wrap{z-index:9}
.bodybody{padding:15px 0 20px 0; z-index:7}
.slider_wrap{margin-bottom:10px}
.promo_wrap{margin-bottom:10px}
.custom_html_wrap{margin-bottom:5px}
.widgets_wrap{z-index:2}
.footer_wrap{z-index:1}

/*--[LAYOUT CONTAINER]--*/
.widgets_container,.footer_container{position:relative; margin:0 auto}
.header_container,#nav,.slider_container,.promo_container,.custom_html_container{position:relative; width:100%}
.header_container{z-index:2}
#nav{z-index:1}
.slider_container{padding:1px 0; `:#fff}
.contents_container{position:relative}
.in_widgets_container{position:relative}
.widgets_container{padding:20px 0}

/* Background Image Style */
.bg_t{background-repeat:repeat; background-position:0 0; background-attachment:scroll}
.bg_ti{background-repeat:no-repeat; background-position:50% 0; background-attachment:fixed}

/* [Skip To Content] */
.skipNav{width:100%; margin:0 auto; background:#fff; text-align:center}
.skipNav a{position:absolute; left:0; top:0; width:1px; height:0; display:block; padding:5px 0; overflow:hidden; color:#999; text-decoration:none; white-space:nowrap}
.skipNav a:hover,.skipNav a:active,.skipNav a:focus{position:relative; height:auto; width:auto}

/*--[HEADER]--*/
#header{position:relative; margin:0 auto; padding-top:10px}
/* Logo */
#logo{position:absolute; top:0; left:0; z-index:9}
#logo a{cursor:pointer}
#logo img{margin:0; padding:0}
#logo.logo_stylish{display:block; top:30px; left:0; width:200px; height:34px; background:url(../images/layout1.png) -20px -20px no-repeat}
.HL{position:relative; float:left; width:220px; height:10px}
/* SNS Navigation */
#sns_nav{position:relative; float:left; margin:8px 6px 0 5px}
#sns_nav ul{margin:0; padding:0; list-style:none}
#sns_nav li{float:left; margin:0; padding:0 4px 0 0}
#sns_nav li a{width:16px; height:16px; background-image:url(../images/layout1.png); background-repeat:no-repeat; display:block}
#sns_nav .facebook_icon{background-position:-20px -80px}
#sns_nav .twitter_icon{background-position:-50px -80px}
#sns_nav .googleplus_icon{background-position:-110px -80px}
#sns_nav .rss_icon{background-position:-80px -80px}
#tooltip{position:absolute; padding:5px 10px; border:1px solid #c9c9c9; background:#fdfdfd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif, "굴림"; font-weight:bold; color:#888; z-index:999}
#tooltip h3{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif, "굴림"; font-size:12px; font-weight:bold; color:#888}
/* User Area */
#user_area{position:relative; float:left; margin:5px 10px 0 5px}
#user_area a{display:block; height:15px; padding:5px 0 0 20px; background:url(../images/layout2.png) -20px -18px no-repeat; line-height:1.2; font-size:12px; font-weight:bold}
#user_area a:hover{text-decoration:underline}
/* Language Button */
#languages{position:relative; float:left; margin:6px 0 0 5px; z-index:7}
#languages a.toggle{float:left; height:20px; background:none; margin:0; padding:0; border:0; display:block; line-height:1.2; font-size:12px; letter-spacing:-1px; color:#000}
#languages a.toggle span.flag{width:24px; height:20px; margin:0 4px 0 0; padding:0; float:left; background:url(../images/layout1.png) no-repeat; display:block}
#languages a.toggle span.ko{background-position:-20px -120px}
#languages a.toggle span.zh-CN{background-position:-60px -122px}
#languages a.toggle span.zh-TW{background-position:-60px -122px}
#languages a.toggle span.jp{background-position:-100px -120px}
#languages a.toggle span.en{background-position:-140px -120px}
#languages a.toggle span.fr{background-position:-180px -122px}
#languages a.toggle span.es{background-position:-260px -122px}
#languages a.toggle span.ru{background-position:-300px -122px}
#languages a.toggle span.mn{background-position:-340px -122px}
#languages a.toggle span.tr{background-position:-380px -122px}
#languages a.toggle span.vi{background-position:-420px -122px}
#languages a.toggle span.lang_text{float:left; margin:0; padding:4px 0 0 0; font-weight:bold; display:block}
#languages a.toggle span.lang_text span.lang_arrow{margin:0 0 0 2px; padding:0; font-family:Verdana; font-size:9px}
#languages ul{position:absolute; top:24px; left:1px; width:80px; margin:0; padding:0; background:#fff; border:1px solid #dedede; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display:none; list-style:none}
#languages li{margin:0; padding:0}
#languages li a{margin:0; padding:2px 8px; display:block; line-height:1.2; font-size:11px; color:#666; white-space:nowrap}
#languages li a:hover{color:#000}
/* Top Menu */
#top_menu{position:relative; float:right; height:12px; margin:9px 5px 0 0; padding:0}
#top_menu ul{margin:0; padding:0; list-style:none}
#top_menu ul li{float:left; margin:0; padding:0}
#top_menu ul li a{display:block; float:left; padding:0 5px; line-height:1.2; font-size:12px}
/* Loginfo */
#loginfo{position:relative; float:right; margin:0; z-index:8}

/*--[SEARCH FORM]--*/
#isSearch{margin:0; padding:0}
#isSearch .searchOrder{display:none}
#isSearch .inputText{position:relative; top:-2px; *top:4px; left:0; width:156px; _width:144px; height:24px; margin:0; padding:0 0 0 5px; border:none; background:none !important; line-height:1.3; font-size:13px; color:#919191}
#isSearch .submit{position:relative; top:4px; left:-6px; width:30px; height:23px; background:url(../images/layout1.png) -60px -170px no-repeat}
/* Main Menu Search Form */
.search_form_nav{position:absolute; bottom:5px; right:1px; z-index:1}
.search_form_nav div{float:left; height:31px; margin:0; padding:0; background-image:url(../images/layout2.png); background-repeat:no-repeat; display:block}
.search_form_nav .inp_l{width:5px; margin-right:-1px; background-position:-40px -540px}
.search_form_nav .inp{background-position:-10px -620px; background-repeat:repeat-x}
.search_form_nav .inp_r{width:6px; background-position:-50px -540px}
/* Breadcrumb Search Form */
.search_form_bc{position:absolute; top:1px; right:0; padding:3px 8px 3px 16px}
/* Side Search Form */
.search_form_side{position:relative; margin-bottom:10px; padding:2px; background-color:#fff; border:1px solid #dedede; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; overflow:hidden}
.search_form_side #isSearch .inputText{padding-left:10px}

/*--[MAIN MENU]--*/
.mm_tabs_wrap{position:relative; width:100%; z-index:3}
.mm_tabs_container{position:relative; margin:0 auto}
ul#mm_tabs{margin:0 0 0 220px; padding:0; list-style:none}
.main_menu_hr{position:relative; width:100%; height:2px; margin:0; padding:0; line-height:0; font-size:0; z-index:2}
.main_menu_wrap{position:relative; width:100%; display:block; z-index:1}
.main_menu_container{position:relative; margin:0 auto; padding:20px 0 15px 0; overflow:hidden}
/* 1st */
ul#mm_tabs li.nav1st{position:relative; float:left; margin:0 1px 0 0; padding:12px 40px 8px 40px; border-top:1px solid; border-right:1px solid; border-left:1px solid; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0}
ul#mm_tabs li.nav1st a{margin:0; padding:0; font-size:16px; font-weight:normal}
/* Menu Slider */
.menu_slider{position:relative; float:left; height:0; overflow:hidden}
ul.panel-container{margin:0; padding:0; list-style:none}
ul.panel-container li.panel{float:left; display:block; margin:0; padding:0; overflow:hidden; line-height:1.2}
/* 2nd */
ul.main_menu{margin:0; padding:0; list-style:none}
ul.main_menu li{margin:0; padding:0; line-height:1.2}
ul.main_menu li.nav2nd{float:left}
ul.main_menu li.nav2nd a{font-size:15px; font-weight:normal}
/* 3rd */
ul.main_menu li .nav2nd3rd{margin:8px 0 0 0; padding:0 0 0 20px; border-left:1px solid rgba(255,255,255,.2); box-shadow:-1px 0 0 rgba(0,0,0,.1); -moz-box-shadow:-1px 0 0 rgba(0,0,0,.1); -webkit-box-shadow:-1px 0 0 rgba(0,0,0,.1)}
ul.main_menu li.nav2nd:first-child .nav2nd3rd{border-left-width:0; box-shadow:0 0 0; -moz-box-shadow:0 0 0; -webkit-box-shadow:0 0 0; background:none}
ul.main_menu li ul{float:left; margin:0; padding:0 20px 0 0; list-style:none}
ul.main_menu li ul li.nav3rd, ul.main_menu li ul li.nav3rdi{padding-bottom:8px}
ul.main_menu li ul li.nav3rd:last-child, ul.main_menu li ul li.nav3rdi:last-child{padding-bottom:0}
ul.main_menu li ul li.nav3rd a, ul.main_menu li ul li.nav3rdi a{font-size:12px; font-weight:normal}

/*--[BREADCRUMB]--*/
#breadcrumbs{overflow:hidden}
.breadcrumbt{margin-bottom:10px}
.breadcrumbc{padding:8px 10px; background:#fff; border:solid 1px #dedede; border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0}
#breadcrumbs ul{height:20px; margin:0; padding:0; list-style:none}
#breadcrumbs ul li{float:left; height:20px; margin:0 6px 0 0; padding:0 0 0 10px}
.breadcrumbc ul li{background:url(../images/layout2.png) no-repeat -20px -740px}
.breadcrumbt ul li{background:url(../images/layout2.png) no-repeat -20px -766px}
#breadcrumbs ul li a{float:left; height:20px; display:block; line-height:2; font-size:11px; color:#919191}
#breadcrumbs ul li a:hover{color:#666}
#breadcrumbs ul li a img{display:none}
#breadcrumbs ul li.bc_first{padding-left:0; background:none}
#breadcrumbs ul li.bc_first a{width:12px; height:12px; margin-top:4px; background:url(../images/layout1.png) no-repeat -180px -170px; line-height:0; text-indent:-9999px}
#breadcrumbs ul li.bc_first a:hover{background-position:-180px -186px}
#breadcrumbs ul li.bc_last{margin-right:0}
#breadcrumbs ul li.bc_last a{color:#333}

/*--[CONTENTS]--*/
#contents{position:relative}
#contents .contents_padding{position:relative; padding:0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}

/*--[CONTENTS WIDGET]--*/
.in_widget_box{margin:0 0 10px 0; overflow:hidden}

/*--[SIDE MENU]--*/
ul#side_menu{margin:0; padding:0; list-style:none}
/*nav1st*/
ul#side_menu li{margin:0; padding:0}
ul#side_menu li a{display:block; line-height:1.2; font-size:12px; color:#919191}
ul#side_menu li a:hover{color:#666}
ul#side_menu li a img{display:none}
ul#side_menu li.side_nav1st a.side_nav1st_text{position:relative; padding:10px 0 10px 15px; background:#fbfbfb; border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; font-size:14px; text-transform:uppercase; color:#000}
/*nav2nd*/
ul#side_menu ul{margin:0; padding:0; list-style:none}
ul#side_menu ul li.side_nav2nd{border-top:1px solid #eee}
ul#side_menu ul li.side_nav2nd:first-child{border-top:1px solid #dedede}
ul#side_menu ul li.side_nav2nd a.side_nav2nd_text,#side_menu ul li.side_nav2nd a.side_nav2nd_link{position:relative; padding:12px 15px; z-index:1}
ul#side_menu ul li.side_nav2nd:hover{background:#fbfbfb}
ul#side_menu ul li.nav2nd_selected a.side_nav2nd_text,#side_menu ul li.nav2nd_selected a.side_nav2nd_link{font-weight:bold; color:#666}
/*nav3rd*/
ul#side_menu ul li.side_nav3rd{display:none}
ul#side_menu ul li.side_nav3rd a.side_nav3rd_text{padding:7px 15px 12px 35px; background:url(../images/layout2.png) 0 -692px no-repeat}
ul#side_menu ul li.nav3rd_selected a.side_nav3rd_text{font-weight:bold; color:#666}
/*nav3rd open*/
ul#side_menu li.side_nav1st a.side_nav1st_text span.nav_oc{position:absolute; top:4px; right:0; display:block; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#888}
ul#side_menu li.side_nav1st a.side_nav1st_text span#nav_all_open{display:block}
ul#side_menu li.side_nav1st a.side_nav1st_text span#nav_all_close{display:none}
ul#side_menu ul li.nav2nd_selected li.side_nav3rd{display:block}
ul#side_menu ul li.side_nav2nd a.side_nav2nd_text span.nav3rdi{position:absolute; top:16px; right:15px; width:8px; height:5px; display:block; background-image:url(../images/layout1.png); background-repeat:no-repeat; background-position:-150px -185px}
ul#side_menu ul li.side_nav2nd a.side_nav2nd_text span.nav3rd_open{background-position:-160px -185px}

/*--[SIDE]--*/
#side_left, #side_right{top:0}
.side_custom{margin:0 0 10px 0}

/*--[BANNER]--*/
.side_banner{margin-bottom:5px}
ul.cameron_widget_banner{margin:0; padding:0; list-style:none}
ul.cameron_widget_banner li{float:left; margin:0 0 5px 0; padding:0; overflow:hidden}
ul.cameron_widget_banner li a.thumb{display:block}
ul.cameron_widget_banner li a.thumb img{margin:0; padding:0; border:0}

/*--[PROMO WIDGET]--*/
ul.cameron_promo{margin:0; padding:0; list-style:none}
ul.cameron_promo li{position:relative; float:left; margin:0 0 0 8px; padding:0; _display:inline; line-height:18px}
ul.cameron_promo li p{margin:0; padding:0}
ul.cameron_promo li p.thumbArea{position:relative; border:1px solid #fff}
ul.cameron_promo li .thumb{position:relative; display:block; overflow:hidden}
ul.cameron_promo li .thumb img{position:relative; margin:0; padding:0; z-index:1}
ul.cameron_promo li p.titleArea{height:20px; margin:5px 0 10px 0; display:block; overflow:hidden}
ul.cameron_promo li p.titleArea span.title{font-size:16px}
ul.cameron_promo li p.text{letter-spacing:-1px}
ul.cameron_promo li span.content{font-size:13px}
ul.cameron_promo p.thumbArea a.preloader .loading_img{position:relative; background:#fff url(../images/loader_for_light.gif) 50% 50% no-repeat; display:block}
ul.cameron_promo p.thumbArea a.preloader img.image_shadow{position:relative; display:block}
ul.cameron_promo p.thumbArea a.preloader span.image_link_hover{position:absolute; top:0; left:0; padding:2px; background:#010101; display:block; z-index:2}

/*--[BOTTOM WIDGET]--*/
.widget_box{position:relative; float:left; margin-left:20px; _display:inline}
.widget_box h3{margin:0; padding:0 0 25px 0; line-height:1.2; letter-spacing:-1px; font-size:18px; font-weight:normal}
.widget_box ul.contact{margin:0; padding:0; list-style:none}
.widget_box ul.contact li{margin:10px 0; padding:2px 0 2px 22px; background-image:url(../images/layout2.png); background-repeat:no-repeat; line-height:1.5; font-size:12px}
.widget_box ul.contact li.address{background-position:-20px -96px}
.widget_box ul.contact li.tel{background-position:-20px -146px}
.widget_box ul.contact li.email{background-position:-20px -194px}
.widget_box ul.contact li.other{background:none; padding:2px 0}
.widget_box #email_form{float:left}

/*--[IMAGE WIDGET]--*/
ul.cameron_widget_zine{margin:0; padding:0; list-style:none}
ul.cameron_widget_zine li{clear:both; margin:16px 0 0 0; padding:0; overflow:hidden; line-height:1.5}
ul.cameron_widget_zine li p{margin:0; padding:0}
ul.cameron_widget_zine li p.thumbArea{clear:both; margin-bottom:2px; padding:1px; overflow:hidden; background:#fff}
ul.cameron_widget_zine li p.titleArea .title{font-family:"굴림", Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:-1px}
ul.cameron_widget_zine li .thumb{display:block; overflow:hidden}
ul.cameron_widget_zine li .thumb img{margin:0; padding:0}

/*--[DOCUMENT WIDGET]--*/
ul.cameron_widget_document{margin:0; padding:0; list-style:none}
ul.cameron_widget_document li{margin:0; padding:12px 0 16px 0; background:url(../images/layout2.png) 0 -799px repeat-x; line-height:1.5}
ul.cameron_widget_document li:first-child{background:none}
ul.cameron_widget_document li a{padding-left:26px; background:url(../images/layout2.png) -10px -245px no-repeat; display:block}
ul.cameron_widget_document span{font-family:"굴림", Arial, Helvetica, sans-serif; font-size:11px}
ul.cameron_widget_document span.title{font-size:13px; letter-spacing:-1px}

/*--[COMMENT WIDGET]--*/
ul.cameron_widget_comment{margin:0; padding:0; list-style:none}
ul.cameron_widget_comment li{margin:0; padding:12px 0 16px 0; background:url(../images/layout2.png) 0 -799px repeat-x; line-height:1.5}
ul.cameron_widget_comment li:first-child{background:none}
ul.cameron_widget_comment li a{padding-left:26px; background:url(../images/layout2.png) -10px -245px no-repeat; display:block}
ul.cameron_widget_comment span{font-family:"굴림", Arial, Helvetica, sans-serif; font-size:11px}
ul.cameron_widget_comment span.title{font-size:13px; letter-spacing:-1px}

/*--[FOOTER]--*/
#footer{position:relative; padding:10px 0; text-align:center}
#footer .pro_copy{font-size:12px}

/*--[ACCESSORY]--*/
.newClear{*zoom:1}
.newClear:after{content:""; display:block; clear:both}
#open_link{position:absolute; right:0px; bottom:-45px; width:152px; height:58px; background:url(../images/layout1.png) -240px -10px no-repeat; display:block; cursor:pointer; z-index:9}
#toTop{position:fixed; right:20px; bottom:20px; width:52px; height:59px; background:url(../images/layout1.png) -400px -10px no-repeat; display:none; cursor:pointer; z-index:99}
.simpleTree .root{margin-left:0 !important}
.x .layer, .x.layer{z-index:99 !important}

/*--[FONT]--*/
ul#mm_tabs li.nav1st a,ul.main_menu li.nav2nd a,ul.main_menu li ul li.nav3rd a,ul.cameron_promo li p.titleArea span.title,#breadcrumbs ul li,#breadcrumbs ul li a,#side_menu li a.side_nav1st_text,.widget_box h3,.widget_box ul.contact li,ul.cameron_widget_zine li p.titleArea .title,ul.cameron_widget_document span.title,ul.cameron_widget_comment span.title{font-family:"나눔고딕","Nanum Gothic"; font-weight:700}
#user_area a,#languages a.toggle,#languages li a,#top_menu ul li a,#side_menu li a,ul.cameron_promo li span.content,#footer .pro_copy,.signin a,#login_panel input.id,#login_panel input.password,#login_panel button.submit,#member_panel .name_panel,#member_panel .member_list ul li{font-family:"돋움", Arial, Helvetica, sans-serif}

#prompt {left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}