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

/* minimum-reset */
body{margin:0;padding:0;background-attachment:fixed !important}
a{text-decoration:none;}
a:active { background-color:transparent}
img{border:none}

/* common-element */
.container {position:relative;width:1170px;margin:0 auto;padding:0}
.container:after{content: "";display:block;height:0;clear:both;visibility:hidden}

#wrap,
#box-layout{position:relative;font-family:나눔고딕,Nanum Gothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif}
#box-layout{width:1210px;margin:0 auto;box-shadow:0 0 10px #ccc; background-color:#fff;}
#header{z-index:4;position:relative;width:100%;background:#fff}

.language_pack{position:relative;z-index:2;float:right;margin-top:9px;padding-left:20px;font-size:12px;background:url(../images/language.png) no-repeat left 2px}
.language_pack span{display:block;padding-right:10px;font-weight:bold;color:#555;background:url(../images/arrow.png) no-repeat right 6px; cursor:pointer}
.language_list{list-style:none;display:none;position:absolute;top:25px;left:0;min-width:120px;margin:0;padding:0}
.language_list button{display:block;width:100%;margin:0;padding:10px;color:#eee;background:#333;border:0;text-align:left;white-space:nowrap;cursor:pointer}
.language_list button:hover{background:#666}

.login_pack{list-style:none;position:relative;float:right;margin:27px 43px 0 20px;padding:0;height:15px;}
.login_pack>li{float:left;margin-right:11px;padding-right:11px;border-right:1px solid #ddd; height:10px;}
.login_pack>li.last-child{margin:0;padding:0;border:0}
.login_pack>li>a{display:block;color:#666; margin-top:-2px;}
.login_pack>li>a:hover{color:#333}

.row{position:relative;clear:right;width:100%; background-color:#fff;  }
.logo {float:left;margin:-9px 0 0 12px;padding:0;}
.logo a,
.logo img {vertical-align:middle}

.gnb {position:relative;z-index:1;float:right; margin-right:10px; margin-top:5px; }
.gnb ul {list-style:none;margin:9px 0px  0 ;padding:0;}
.gnb>ul{float:left;width:100%;font-size:14px; height:50px;}
.gnb>ul>li{position:relative;float:left;white-space:nowrap;*white-space:normal; background:url(../images/gnbline.jpg) no-repeat  0px 1px;}
.gnb>ul>li:first-child { background-image:none;}
.gnb>ul>li.search_btn{margin:35px 0 0 26px;padding-left:26px;border-left:1px solid #dedede;line-height:85px}
.gnb>ul>li.search_btn span{display:block;width:16px;height:16px;text-indent:-10000px;background:url(../images/top-sprite.png) no-repeat  -100px 0;cursor:pointer}




.gnb>ul>li>a{display:block;position:relative; margin:0 28px ;/*margin-left:24px;*/color:#787878;zoom:1; }
.gnb>ul>li>a.sf-with-ul{/*padding-right:14px;background:url(../images/arrow.png) no-repeat right center*/}
.gnb ul ul{display:none;position:absolute;top:100%;left:0;min-width:170px;*width:170px;font-size:13px; border-top:0; border-bottom:0; background:#fff;}
.gnb>ul>li>ul { border:1px solid #b4b4b4;}
#gnb ul ul {*border-top:1px solid #b4b4b4; *border-bottom:1px solid #b4b4b4;}
#gnb ul ul li{*border-left:1px solid #b4b4b4;*border-right:1px solid #b4b4b4;}
.gnb ul ul li{position:relative;/*border-top:1px solid #dedede;*/border-bottom:1px solid #ccc;}
.gnb ul ul li.current a{background-color:#555;color:#fff}
.gnb ul ul li.current a:hover{background-color:#555}
.gnb ul ul li a{display:block;position:relative;padding:13px 17px;color:#444;background-color:#fff;zoom:1}
.gnb ul ul li a:hover{background-color:#555; color:#fff;}
.gnb ul ul li a.sf-with-ul{background-image:url(../images/arrow-right.png);background-repeat:no-repeat;background-position:right center}
.gnb ul ul ul {top:0;left:100%}




.mobile_btn{display:none !important;float:right;width:60px;height:85px;text-indent:-1000px;line-height:85px;background:url(../images/mobile-btn.png) no-repeat right center;cursor:pointer}
.row:after{content: "";display:block;height:0;clear:both;visibility:hidden}

.m-gnb {display:none !important;clear:both;background:#f3f3f3 url(../images/shadow-top.png) no-repeat center -3px;overflow:hidden}
.m-gnb ul{list-style:none;margin:0;padding:0}
.m-gnb a{position:relative;display:block;z-index:1;padding:20px;color:#666}
.m-gnb div{position:relative;width:100%}
.m-gnb span{display:block; z-index:2;position:absolute; top:0;right:0;width:20%;height:100%;text-indent:-10000px;cursor:pointer;border-left:1px solid #fff;background:#ececec url(../images/arrow.png) no-repeat center;box-shadow:0 0 3px #ccc}
.m-gnb>ul>li{border-top:1px solid #dedede;border-bottom:1px solid #fff;color:#666}
.m-gnb>ul>li ul {display:none;background:#f9f9f9;border-top:1px solid #dedede}
.m-gnb>ul>li>ul>li{text-indent:20px;border-bottom:1px dotted #ddd}
.m-gnb>ul>li>ul>li:last-child{border:0}
.m-gnb>ul>li>ul>li span{width:10%}
.m-gnb>ul>li>ul>li>ul{background:#fff}
.m-gnb>ul>li>ul>li>ul>li{text-indent:40px;border-bottom:1px dotted #ddd}
.m-gnb>ul>li:after{content: "";display:block;height:0;clear:both;visibility:hidden}
.m-search{margin:0;padding:20px;border-top:1px solid #dedede}
.m-search input{display:block;width:100%;margin:0;padding:10px 0;border:1px solid #dedede;border-radius:10px;text-indent:10px}

.search_form{display:none;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background:#fff}
.search_form .input_text{display:block;width:100%;height:100%;margin:0;padding:0;font-size:36px;color:#333;text-indent:10px;border:0;vertical-align:middle}
.search_form span {display:block;position:absolute;top:50%;right:0;width:16px;height:16px;margin-top:-8px;text-indent:-10000px;background:url(../images/top-sprite.png) no-repeat  -80px 0;cursor:pointer}

.shadow_line{z-index:3;display:block;position:absolute;top:0;left:0;width:100%;height:34px;}
.wide_bg{position:relative;width:100%;background-position:center;}
.camera_caption{width:1170px;}
.camera_caption h3{font-size:36px;line-height:36px}
.camera_caption p{padding:8px 13px;font-size:14px;line-height:14px;letter-spacing:1px}
.camera_caption a{padding:3px 15px;font-size:11px;line-height:11px;letter-spacing:1px}

.promotion{position:relative;padding:45px 0;overflow:hidden}
.promotion ul{list-style:none;padding:0}
.promotion li{position:relative;float:left;width:247px;padding:0 40px 0 20px;text-align:center;background:url(../images/shadow.png) no-repeat right center;overflow:hidden}
.promotion li.first-child{padding-left:0}
.promotion li.last-child{padding-right:0}
.promotion li img {max-width:100%}
.promotion li h3{margin:20px 0;padding:0;font-size:18px;text-align:center;color:#fff}
.promotion li p{margin:0;padding:0;font-size:13px;line-height:24px;color:#eee}
.promotion li a{display:block;width:50px;height:50px;font-weight:bold;font-size:11px;color:#fff;line-height:50px;background:url(../images/rgba-bw/b-rgba3.png);border-radius:50px;text-shadow:1px 1px 3px #000}
.promotion li a.more{position:absolute;top:-120px;right:20px}
.promotion li a.m_more{margin:20px auto 0 auto}
.promotion li a:hover {background:url(../images/rgba-bw/b-rgba6.png)}
.promotion:after{content: "";display:block;height:0;clear:both;visibility:hidden}

.navigation{position:relative;width:100%;padding:22px 0;}
.overlay{background:url(../images/rgba-bw/w-rgba2.png)}
.center-align{text-align:center}
.right-align{text-align:right}


.sub_title{margin:0;padding:0;font-size:22px;color:#555; float:left; text-shadow:none;}
.bread_crumb{list-style:none;padding:0;overflow:hidden;color:#666; font-size:11px; float:right; margin-top:12px;}
.bread_crumb a{ text-decoration:none;color:#666; font-size:11px;}

.textbox ul{list-style:none;margin:0;padding:0;text-align:center}
.textbox li{list-style-type:none}
.textbox li span{font-size:20px;line-height:24px;color:#f7f7f7}
.textbox li a.textbox_btn{display:inline-block;margin-left:20px;padding:0 18px;font-size:12px;line-height:24px;font-weight:bold;color:#666;text-align:center;border-radius:5px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.3);vertical-align:middle;background-color:#fff;border-bottom:2px solid #eee}
.textbox li a.textbox_btn:hover{background-color:#444;border-bottom:2px solid #222;color:#eee}
.carousel{}
.carousel>h3{position:relative;z-index:12;margin:0;padding:40px 0;font-size:18px;text-align:center;letter-spacing:2px;color:#666;}
.carousel>h3>span{padding:0 20px 10px 20px;border-bottom:2px solid #dcdcdc}
.carousel .row{padding: 0;}
.carousel_prev,
.carousel_next{position:absolute;z-index:11;top:50%;width:20px;height:20px;margin-top:-18px;padding:5px;background:#000;border:3px solid #000;opacity:.6;box-shadow:0 0 5px #000}
.carousel_prev:hover{padding-left:20px;opacity:.8}
.carousel_next:hover{padding-right:20px;opacity:.8}
.carousel_prev{left:0;border-left:0}
.carousel_next{right:0;border-right:0}
.carousel_prev span,
.carousel_next span{display:block;width:100%;height:100%;background:url(../images/prev_next.png);text-indent:-9000px}
.carousel_next span{background-position:right center}
.carousel .spread_blog li{float:left;margin:0 3px 0 0;padding:0; border:0; box-shadow:0;}
.carousel .spread_blog .thumb{display:block;margin:0;padding:0}
.carousel .spread_blog .thumb img{width:289px;height:auto !important}
.carousel .spread_blog .content_wrapper{margin:0 21px 0 24px;padding:0}
.carousel .spread_blog .content_wrapper h3{font-size:13px;text-align:center;letter-spacing:0}
.carousel .spread_blog .article_info{text-align:center}

.content{position:relative;width:100%;padding:40px 0;background:#fff}
.main_content{width:855px; margin-right:24px; margin-top:-1px;}
.left_content{float:left}
.right_content{float:right}
.content .spread_blog li{width:auto !important}
.content img{max-width: 100%;height: auto}
.sidebar{width:200px;min-height:600px;padding:0 37px 0 13px;}
.right-section{float:right;background:url(../images/sidebar-bg-right.png) no-repeat left top}
.left-section{float:left;background:url(../images/sidebar-bg-left.png) no-repeat right top}
.lnb{margin-bottom:30px}
.lnb .cufon-title{margin:1px 0 2px 0;padding:9px 0;font-size:14px;color:#666; height:18px; border-bottom:2px solid #222;border-top:2px solid #222; text-align:center; }
.lnb ul{list-style:none;margin:0px 0 0;padding:0}
.lnb ul li{border-bottom:1px solid #c1c1c1;}
.lnb ul li.current a{color:#0d496f; background-image:url(/layouts/design/images/leftmenuarr_on.png); background-repeat:no-repeat; background-position:180px 15px;}
.lnb ul li.current a:hover{color:#0d496f;}
.lnb ul li a{display:block;padding:12px 0 12px 10px;font-weight:bold; color:#444; background-image:url(/layouts/design/images/leftmenuarr.png); background-repeat:no-repeat; background-position:180px 15px;}
.lnb ul li a:hover{ text-decoration:none; color:#0d496f;}

.sub_widget .spread_widget{margin-bottom:20px}
.sub_widget .spread_widgetStyle h2{margin: 0 20px 20px 10px;font-size:13px}
.sub_widget .spread_blog{margin-bottom:7px}
.sub_widget .spread_blog li{float:left;width:64px !important;height:64px;margin:0;padding:0}
.sub_widget .spread_blog li .thumb{margin:0;padding:0;line-height:54px !important;height:100% !important;}
.sub_widget .spread_blog li .content_wrapper{display:none}

#footer{clear:left;height:100px;background:#000; }
.footer_widget{list-style:none;padding:40px 0;}
.footer_widget>li{position:relative;float:left;width:247px;padding:0 40px 0 20px;background:url(../images/shadow.png) no-repeat right top}
.footer_widget>li.first-child { padding-left:0}
.footer_widget>li.last-child { padding-right:0}
.footer_widget>li>h3{margin:0 0 30px;padding:0;font-size:12px;letter-spacing:1px;color:#aaa}
.footer_widget>li>h3>a{color:#aaa}
.footer_widget>li>p{margin:0;line-height:3;color:#bcbcbc}
.footer_widget .spread_list li {border-bottom:1px solid #454545 !important}
.footer_widget .spread_list li>a{color:#bcbcbc}
.footer_widget .spread_table .title{padding:0}
.footer_widget .spread_table .title a{display:block;margin-bottom:7px;padding:3px 12px;background:#333;border-top:1px solid #444;border-bottom:1px solid #222;color:#bcbcbc}
.footer_widget .spread_blog{margin-bottom:7px}
.footer_widget .spread_blog li{float:left;margin:0;padding:0;border:1px solid #fff}
.footer_widget .spread_blog li .thumb{margin:0;padding:0}
.footer_widget .spread_blog li .content_wrapper{display:none}
.bottom_section{position:relative;width:100%;padding:0 0 18px 0;font-size:12px;overflow:hidden}
.mobile-menu {display:none}
.bottom_menu {float:left}
.bottom_menu ul{list-style:none;margin:0;padding:0;overflow:hidden}
.bottom_menu li{float:left;margin-right:14px;padding-right:15px;border-right:1px solid #444;line-height:14px}
.bottom_menu li:last-child{margin:0;padding:0;border:0}
.bottom_menu li a{color:#a1a1a1}
.bottom_menu li a:hover{color:#ccc}
.copyright {margin:0;padding:0;color:#a1a1a1;text-align:center}

.modal_window{display:none;z-index:5;position:fixed;top:0;left:0;width:100%;height:100%;background:url(../images/rgba-bw/w-rgba7.png)}
.login_section{display:none;z-index:6;position:fixed;top:50%;left:50%;width:600px;margin:-130px 0 0 -321px;padding:20px;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 50px #dcdcdc}
.close_btn{z-index:7;position:absolute;top:8px;right:8px;width:16px;height:16px;text-indent:-10000px;background:url(../images/top-sprite.png) no-repeat  -80px 0;opacity:.7;cursor:pointer}
.close_btn:hover{opacity:1}

.color_changer{list-style:none;z-index:1000;position:fixed;top:120px;left:10px;width:60px;margin:0;padding:0}
.color_changer li{float:left;width:12px;height:12px;margin:3px;padding:2px;border:1px solid #ccc;background:url(../images/rgba-bw/w-rgba3.png)}
.color_changer li a{display:block;width:100%;height:100%;text-indent:-1000px}
.color_changer li.orange a{background:#FF7E00}
.color_changer li.red a{background:#BB3838}
.color_changer li.blue a{background:#187DAE}
.color_changer li.dark a{background:#454545}
.color_changer li.green a{background:#5BAE18}
.color_changer li.navy a{background:#435960}
.color_changer li.brown a{background:#865C26}
.color_changer li.purple a{background:#963AB4}
.color_changer li.pink a{background:#E44884}

#box2row { clear:both;width:1167px; height:297px; margin:52px 0 72px 24px;}
#box2row>ul { list-style:none; display:inline; margin:0; padding:0;}
#box2row>ul>li { width:290px; height:297px; background-image: url(/layouts/design/images/box2bg.jpg); background-repeat:no-repeat;   float:left;}
#box2row0 { width:231px; height:267px; overflow:hidden; margin:13px 0 0 32px;}
#box2row0 a { text-decoration:none;font-size:12px; color:#666; line-height:20px; text-decoration:none; font-weight:normal;}
#box2row1 { width:231px; height:129px;}
#box2row1 a {font-size:12px; color:#666; line-height:20px; text-decoration:none;}
#box2row1 img { border:0; }
#box2row2 { width:231px; height:22px; margin:22px 0 0px 0; font-size:13px; font-weight:bold; color:#385773; line-height:1;}
#box2row3 {  width:231px; font-size:12px; color:#666; line-height:20px; height:88px; margin:0; padding:0;}