@charset "utf-8";

/* Layout Css
**************************************************************************/
body { background: url("./image/common/back.gif") repeat !important; }
#wrap { width:100%; min-width:920px; }
.wrap { width:920px; margin:0 auto; }
.wrap:after { content:''; display:block; clear:both; }

#hd_wrap { position:relative;  z-index:1; height:67px;}
#header { position:fixed;width:100%; height:67px; background:#fff url("./image/common/header_bg.png") repeat-x 0 0;  }
#hd_wrap.on #header {height:118px; border-bottom:1px solid #e2e2e2; }


#hdTop { height:67px; position:relative; }
#hdTop h1 { position:absolute; left:0; top:13px; }
#hdTop #topmenu { position:absolute; right:0; top:22px; }
#hdTop #topmenu li { float:left; color:#ededed; }
#hdTop #topmenu li:first-child { padding:0 10px 0 0; background:url("./image/common/topmenu_bar.gif") no-repeat right center; }
#hdTop #topmenu li a { padding:0 0 0 7px; color:#a2a1a1; font-size:10px; }
#hdTop #topmenu li a:hover,
#hdTop #topmenu li a:focus { color:#fff; }
#hdTop #topmenu .active {color:white}

#hdTop #topmenu li a.out:hover,
#hdTop #topmenu li a.out:focus { color:#a2a1a1; }


/* logo, nav */
#nav { position:relative; overflow:hidden; top:-68px; width:550px; margin:0 auto; height:119px; z-index:5; }
#nav.on { /* background:url("./image/common/header_bg_on.gif") repeat-x 0 bottom;*/ }

#gnbMenu { position:absolute; top:5px; left:50%; margin-left:-291px; height:58px;}
#gnbMenu .inner{}

#gnb { text-align:center; width:582px; height:63px; line-height:58px; position:relative; display:table; }
#gnb li {display:inline-block; *display:inline; margin:0 10px;  font-size:13px;}
#gnb li a { position:relative; overflow:hidden; font-weight:bold; color:#fff; text-transform:uppercase; }
#gnb li.on a,
#gnb li a:hover,
#gnb li a:focus { color:#e54132; }

#gnb li.on .sub { display:block; }
#gnb li .sub { display:none; width:100%; position:absolute; top:63px; left:0; height:50px; line-height:51px; text-align:center; }
#gnb li li { height:51px; white-space:nowrap; font-size:11px; vertical-align:top; }
#gnb li.on li a,
#gnb li li a { font-weight:normal; border:0; color:#484848; }
#gnb li li a.on1,
#gnb li li a:hover,
#gnb li li a:focus { font-weight:bold; color:#e54132; }
#gnb li #sub4 li:nth-child(2){display:none}

/* container */
#container { position:relative; overflow:hidden; padding:51px 0 0;  line-height: 170%;}
/*
#container.mainbody,
#hd_wrap.on+#container.mainbody { padding:51px 0 0 0; }
#hd_wrap.on+#container{padding-top:51px;}
*/

/* main style */
#mcontents { padding:0 0 51px 0; }
#visual { overflow:hidden; position:relative; }
#visual .gallery_wrap{ position:relative; width:920px; margin:0 auto; }
#visual .gallery_wrap .inner { position:relative; height:518px; }
#visual .gallery_wrap ul.gallery { height:100%;}
#visual .gallery_wrap ul.gallery li { position:absolute; left:0; top:0; width:100%; height:100%; vertical-align:top; }
#visual .gallery_wrap ul.gallery li a { display:block; }
#visual .gallery_wrap ul.gallery .txt { position:absolute; left:0; bottom:-1px; width:870px; padding:18px 25px; font-size:15px; font-weight:bold; color:#fff; background:url("./image/main/shadow.png") repeat-x; }
#visual .btn{ position:absolute; top:50%; margin:-18px 0 0; }
#visual .links_prev{ left:22px; width:30px; height:52px; background:url("./image/main/links_prev.png") no-repeat center center; }
#visual .links_next{ right:22px; width:30px; height:52px; background:url("./image/main/links_next.png") no-repeat center center; }
/*
#visual .links_prev:hover,
#visual .links_prev:focus { opacity:1.0;}
*/
#visual .control { position:absolute; right:25px; bottom:23px; height:10px; font-size:0; text-align:right; }
#visual .control li { display:inline; margin:0 2px; }
#visual .control li a { display:inline-block; *display:inline; zoom:1; width:9px; height:9px; background:url("./image/main/control_icon.png") no-repeat 0 -9px; }
#visual .control li.on a{ background:url("./image/main/control_icon.png") no-repeat 0 0; }

#mcont { margin:16px auto 0; }
.mpost { overflow:hidden; position:relative; width:240px; height:258px; padding:23px 28px; border:1px solid #e2e2e2; background:#fff; }
.mpost h3 { color:#000303; font-weight:bold; padding:0 0 12px 0; background:url("./image/main/main_h3_line.gif") no-repeat 0 bottom; }
.mpost dl { margin:14px 0 16px 0;}
.mpost dl dt { margin:0 0 3px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mpost dl dt a { color:#000303; font-size:14px; font-weight:bold; }
.mpost dl dd { font-size:12px; line-height:1.5; }
.mpost dl dd.date { color:#9d9d9d; font-size:10px; margin:5px 0 0 0; }

.mpost ul { border-top:1px solid #e2e2e2; }
.mpost ul li { position:relative; height:36px; line-height:37px; border-bottom:1px solid #e2e2e2; vertical-align:top; }
.mpost ul li a { display:inline-block; *display:inline; zoom:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:72%; }
.mpost ul li a:hover,
.mpost ul li a:focus { color:#1f1f1f; }
.mpost ul li span.new  {  display:inline-block; *display:inline; zoom:1; margin:14px 1px 0 1px; vertical-align:top; }
.mpost ul li span.date { position:absolute;  right:0; top:0;  font-size:10px;  color:#9d9d9d; }
.mpost ul li.none { height:223px; line-height:223px; text-align:center; }

.mpost .more { position:absolute; top:22px; right:28px; font-weight:bold; font-size:14px; color:#000303; }

#press { margin:0 13px; }
#press ul { border-top:none; }

#mv { width:296px; border:1px solid #e2e2e2; background:#fff; }
#mv .mv_pic { height:121px; overflow:hidden; border-bottom:1px solid #e2e2e2; }
#mv .mv_pic img { max-width:100%; }

#mv dl { padding:13px 28px;  }
#mv dl dt { margin:0 0 3px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#mv dl dt a { color:#000303; font-size:14px; font-weight:bold; }
#mv dl dd.date { color:#9d9d9d; font-size:10px; }

#fnc_store { overflow:hidden; position:relative; margin:13px 0 0 0; }
#fnc_store .gallery_wrap{ position:relative; width:298px; margin:0 auto; }
#fnc_store .gallery_wrap .inner { position:relative; height:96px; }
#fnc_store .gallery_wrap ul.gallery {}
#fnc_store .gallery_wrap ul.gallery li { position:absolute; left:0; top:0; width:100%; }
#fnc_store .gallery_wrap ul.gallery li a { display:block; }
#fnc_store .gallery_wrap ul.gallery .txt { font-size:15px; font-weight:bold; color:#fff; }
#fnc_store .control { position:absolute; right:15px; bottom:15px; width:100%;  text-align:right; }
#fnc_store .control li { display:inline; margin:0 2px; }
#fnc_store .control li a { display:inline-block; width:9px; height:9px; font-size:0; background:url("./image/main/control_icon2.png") no-repeat; }
#fnc_store .control li.on a{ background:url("./image/main/control_icon2.png") no-repeat 0 -9px; }


/* sub style */
#contents { min-height:580px; padding:0 0 110px 0;  }
#container.type02 #contents { padding:0; }
#container.type01 #contents { }

#page_title { color:#1f1f1f; font-weight:bold; font-size:30px; padding:43px 0; text-align:center; text-transform:uppercase; } 

/* miniHome style */
/* m_header */
#m_header { position:relative;  background:url("./image/common/header_bg.gif") repeat 0 0; }
#mh_top{ height:67px; padding:0 30px; }
#m_logo { float:left; height:40px; margin:15px 0 0 0; }
#m_logo .mbox { overflow:hidden; width:100%; height:40px; display:table-cell; vertical-align:middle; text-align:center;}
#m_logo .mbox .axis{ width:0; height:100%; display:inline-block; vertical-align:middle;}
#m_logo .mbox a{ display:inline-block; font-size:12px; vertical-align:middle;}
#m_logo .mbox img{ border:0;}
#m_sns { position:absolute; overflow:hidden; right:30px; top:18px; }
#m_sns span { color:#fff; font-size:10px; }
#m_sns ul { height:29px; line-height:29px; }
#m_sns ul li { float:left; margin:0 0 0 10px; }
#m_sns ul li img { }
#m_sns ul li:first-child { margin:0; }
#m_sns a{font-size:10px;color:#fff;}

/* m_nav */
#mh_bot { position:relative; height:45px; line-height:46px; background:#fff; border-bottom:1px solid #e2e2e2; }
#m_nav {  position:absolute; top:0; left:30px; }
#m_nav ul { display:table; }
#m_nav ul li { display:inline-block; *display:inline; zoom:1; margin:0 0 0 30px; text-transform:uppercase; }
#m_nav ul li:first-child { margin:0; }
#m_nav ul li a { color:#6f6f6f; font-size:12px; }
#m_nav ul li a.act,
#m_nav ul li a:hover,
#m_nav ul li a:focus { color:#e54132; }
#m_lang { position:absolute; top:0; right:30px; font-size:12px; color:#dedede;  }
#m_lang span.m_txt { color:#fff; }
#m_lang a { color:#6f6f6f; }
#m_lang a.on,
#m_lang a:hover,
#m_lang a:focus { color:#e54132; }


/* footer */
#footer { position:relative; z-index:5; height:62px; padding:26px 0 44px 0; color:#a9a9a9; font-weight:bold; font-size:11px; background:url("./image/common/header_bg.gif") repeat; }
#footer .wrap { position:relative; overflow:hidden; }

.ft_logo { float:left; margin:0 33px 0 0; }
.ft_menu { float:left; }
.ft_menu ul { margin:3px 0 8px 0; overflow:hidden; }
.ft_menu ul li { float:left; margin-right:3px; }
.ft_menu ul li a { color:#a9a9a9; }
.copyright { color:#717171; font-size:10px; }

#kingdom_site { position:absolute; top:0; right:0; }
#kingdom_site select { background:#4a4a4a; color:#a9a9a9; border:none; }

/* Bgm Play List */
.bg_header{height:67px;background:url('./image/common/header_bg.png') repeat-x;}
#side_cont { position:fixed; top:67px; right:-217px; width:255px;  height:100%;}
#side_cont .side_link {overflow:hidden; width:38px; float:left; margin:180px 0 0 0; border-radius:3px 0 0 3px;}
#side_cont .side_link li { vertical-align:top; margin:1px 0 0;}
#side_cont .side_link li:first-child{margin-top:0;}
#side_cont .side_link li a { display:block; height:36px; text-indent:-9999px; background:url("./image/common/side_icon.png") no-repeat 0 0; }
#side_cont .side_link li.music a {}
#side_cont .side_link li.music a.on,
#side_cont .side_link li.music a:hover,
#side_cont .side_link li.music a:focus {background-position:-38px 0; }

#side_cont .side_link li.twitter a {}
#side_cont .side_link li.twitter a.on,
#side_cont .side_link li.twitter a:hover,
#side_cont .side_link li.twitter a:focus {background-position:-38px 0px; }

#side_cont .side_link li.fcbook a {background-position:0 -40px; }
#side_cont .side_link li.fcbook a.on,
#side_cont .side_link li.fcbook a:hover,
#side_cont .side_link li.fcbook a:focus {background-position:-38px -40px; }


#side_cont .side_link li.youtube a { background-position:0 -80px; }
#side_cont .side_link li.youtube a.on,
#side_cont .side_link li.youtube a:hover,
#side_cont .side_link li.youtube a:focus {background-position:-38px -80px; }

#side_cont .side_link li.cart a {background-position:0 -120px; }
#side_cont .side_link li.cart a.on,
#side_cont .side_link li.cart a:hover,
#side_cont .side_link li.cart a:focus {background-position:-38px -120px; }

#side_cont .side_link li.ftalk a {background-position:0 -160px; }
#side_cont .side_link li.ftalk a.on,
#side_cont .side_link li.ftalk a:hover,
#side_cont .side_link li.ftalk a:focus {background-position:-38px -160px; }

#side_cont .side_link li.qna a {background-position:0 -200px; }
#side_cont .side_link li.qna a.on,
#side_cont .side_link li.qna a:hover,
#side_cont .side_link li.qna a:focus {background-position:-38px -200px; }

#music_cont {background:#fbfbfb;}
#music_cont .wrapper{border-bottom:1px solid #e2e2e2;background:#f3f3f3;}
#music_cont .side_link {width:920px;margin:0 auto;}
#music_cont .side_link li {}
#music_cont .side_link li a {display:block;}
#music_cont .side_link li a img{vertical-align:top;}
#music_cont #bgmBox{float:none;width:920px;margin:0 auto;height:154px;border:0;background:#fbfbfb url('./image/line_double.png') repeat-y 296px 0;}

#bgmBox { float:right; width:216px; height:100%; border-left:1px solid #cacaca; background:#f3f3f3; }
#bgmBox > div{display:none;}
#bgmBox #music_player{display:block;}
#bgmBox .bgm_pic { padding:134px 0; }
#bgmBox h4 {display:inline-block; margin:0 15px 0 0; font-weight:bold; font-size:12px; color:#000303; vertical-align:middle;}
*+html #bgmBox h4{display:inline;}
#bgmBox .bgmList { border-bottom:1px solid #dbdbdb; }
#bgmBox .bgmList li { border-top:1px solid #dbdbdb; }
#bgmBox .bgmList li a { display:block; padding:12px 26px 13px 26px; border-top:1px solid #fff; }
#bgmBox .bgmList li a:hover,
#bgmBox .bgmList li a:focus { background:#fff; color:#e54132; }

/*************************************************************************/

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:"Nanum Gothic", "나눔고딕", "돋움", Dotum, "굴림", Gulim, sans-serif;}

#upfilesFrame{height:80px !important;}