@charset "utf-8";

/* layout */
.panel980{position:relative;width:980px;margin:0 auto}
.scroll{overflow-x:hidden;overflow-y:auto}
body.fixed{position:relative;overflow:hidden}
#wrap{min-width:980px}
#header{position:fixed;top:0;left:0;width:100%;height:100px;background:#fff url(/static/img/english/com/header_bg_bar.gif) repeat-x 50% 100%;z-index:15}
#header .mem_set{position:absolute;top:15px;right:0}
#header .mem_set li{float:left;margin-left:9px;padding-left:10px;background:url(/static/img/english/com/header_bar.gif) no-repeat 0 2px}
#header .mem_set li:first-child{margin-left:0;padding-left:0;background:none}
#header.fixed{position:fixed;top:0;left:0;width:100%;z-index:20}
#header .submenu{display:none;position:absolute;top:96px;left:0;width:100%;padding-bottom:4px;border-top:1px solid #e6e6e6;background:#f8f8f8 url(/static/img/english/com/header_bg_bar.gif) repeat-x 50% 100%}
#header .submenu a{letter-spacing:-1px;text-decoration:none;font-size:11px}
#header .submenu a:hover{color:#1757d0}
#header .submenu h2 a{font-size:13px;font-weight:normal;color:#1757d0}
#header .submenu h2:hover a{text-decoration:underline}
#header .submenu table{width:100%}
#header .submenu td{width:33%;padding:20px 12px;border-left:1px solid #e6e6e6;vertical-align:top}
#header .submenu menu{margin-top:15px}
#header .submenu li{margin-top:7px}
#header .submenu .btcls{position:absolute;bottom:10px;right:-40px}
#gnb{clear:both;padding-top:42px;*zoom:1}
#gnb:after{display:block;clear:both;content:''}
#gnb h1, #gnb li{float:left}
#gnb menu{float:right;margin-top:7px}
#gnb li{margin-left:125px}
#gnb li:first-child{margin-left:0}
#gnb li a{text-decoration:none;font-family:Nanum;font-size:15px;color:#333}
#gnb li a.active{color:#1757d0}

.totalmenu{display:none;position:absolute;top:96px;left:50%;margin-left:-491px;width:972px;background:#fff;border:4px solid #4576d3;font-family:dotum;z-index:10}
.totalmenu td{width:302px;padding:18px 0 17px 20px;vertical-align:top;border-left:1px solid #d8d8d8}
.totalmenu h2{padding-left:22px;background-image:url(/static/img/english/com/totalmenu_ico.gif);background-repeat:no-repeat;font-size:14px;color:#0242ba}
.totalmenu tr.first td{border-top:0}
.totalmenu h2.ico1{background-position:0 1px}
.totalmenu h2.ico2{background-position:0 -26px}
.totalmenu h2.ico3{background-position:0 -52px}
.totalmenu h2.ico4{background-position:0 -78px}
.totalmenu h2.ico5{background-position:0 -104px}
.totalmenu h2.ico6{background-position:0 -128px}
.totalmenu h2.ico7{background-position:0 -154px}
.totalmenu h2.ico8{background-position:0 -178px}
.totalmenu h2.ico9{background-position:0 -204px}
.totalmenu menu{clear:both;margin-top:15px;line-height:1.6;*zoom:1}
.totalmenu menu:after{display:block;clear:both;content:''}
.totalmenu menu li{clear:both;margin-top:3px;padding-left:8px;background:url(/static/img/english/com/ico_bu2.gif) no-repeat 0 4px}
.totalmenu menu li a{font-weight:bold;color:#222}
.totalmenu menu li li{margin-top:0;padding-left:0;background:none}
.totalmenu menu li li a{letter-spacing:-1px;font-weight:normal;font-size:11px;color:#666}
.totalmenu td.ty{width:368px}
.totalmenu td.ty menu{float:left;clear:none;margin-left:20px}

#container{clear:both;padding-top:100px;background:#fff;*zoom:1}
#container.fixed{padding-top:100px}
#container .panel980{border-left:1px solid #e4e4e4;*zoom:1}
#container .panel980:after{display:block;clear:both;content:''}

.snb{float:left;width:183px;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.snb h2{position:relative;margin:0 0 0 -1px;width:145px;height:79px;padding:32px 20px 0 20px;background:#4576d3 url(/static/img/english/com/snb_bg_top.gif) no-repeat 100% 100%;line-height:27px;font-weight:normal;font-size:24px;color:#fff}
.snb h2.ty{background-image:url(/static/img/english/com/snb_bg_top2.gif)}
.snb h2.ty2{background-image:url(/static/img/english/com/snb_bg_top3.gif)}
.snb p.tel{clear:both;padding:23px 0 28px;border-top:1px solid #e4e4e4;text-align:center}
.snb menu li{clear:both}
.snb menu > li{border-top:1px solid #e4e4e4}
.snb menu > li > a{display:block;padding:15px 30px 15px 20px;background:url(/static/img/english/com/snb_arr.gif) no-repeat 89% 50%;color:#222}
.snb menu > li.selected > a{background-image:url(/static/img/english/com/snb_arr_selected.gif);font-weight:bold;color:#4576d3}
.snb menu ul{display:none;clear:both;padding:13px 20px;background:#fafafa;border-top:1px solid #e4e4e4}
.snb menu ul li{border-top:0;margin-top:8px;padding:0 0 0 13px;background:url(/static/img/english/com/snb_bg_bar2.gif) no-repeat 0 5px}
.snb menu ul li:first-child{margin-top:0}
.snb menu ul li a{display:inline-block;padding:0;background-image:none;font-weight:normal;font-size:11px;color:#666}
.snb menu ul li.selected{background-image:url(/static/img/english/com/snb_bg_bar.gif)}
.snb menu ul li.selected a{font-weight:bold;color:#4576d3}
.snb menu > li.selected ul{display:block}

#content{float:left;width:735px;min-height:300px;padding:25px 0 100px 60px;margin-left:-1px;border-left:1px solid #e4e4e4}
#content h1{margin:20px 0 50px;padding-bottom:14px;border-bottom:1px solid #cbcbcb;font-size:30px;color:#222}
#content .path{text-align:right}
#content .path a, #content .path strong{font-family:dotum;font-size:11px}
/* #content .path #naviText span{display:inline-block;width:5px;height:9px;background:url(/static/img/english/com/path_arr.gif);vertical-align:top;margin:2px 5px 0;line-height:0;font-size:0} */
#content .path #naviText span{display:inline-block;width:5px;height:9px;background:url(/static/img/english/com/path_arr.gif);vertical-align:top;margin:2px 5px 0;line-height:0;font-size:0}

#footer{clear:both;position:relative;background:#6d6d6d}
#footer .panel980{width:717px;padding:40px 0 35px 263px;}
#footer .logo{position:absolute;top:30px;left:0}
#footer menu{*zoom:1}
#footer menu:after{display:block;clear:both;content:''}
#footer li{float:left;margin-left:10px;padding-left:11px;background:url(/static/img/english/com/footer_bar.gif) no-repeat 0 2px}
#footer li:first-child{margin-left:0;padding-left:0;background:none}
#footer li, #footer li a{font-size:13px;color:#fff}
#footer address{clear:both;margin-top:12px;line-height:1.5;color:#d0d0d0}

nav.quick{position:fixed;top:211px;left:50%;margin:0 0 0 499px;z-index:10}
nav.quick li{margin-top:1px}
nav.quick a{display:inline-block;width:50px;height:50px;background:url(/static/img/english/com/quick_btn.gif);vertical-align:top}
nav.quick a.totalmenu-ctl{background-position:0 0}
nav.quick a.totalmenu-ctl:hover{background-position:0 -51px}
nav.quick a.totalmenu-ctl.active{background-position:0 -102px}

.mw{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20;display:none}
.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8;filter:alpha(opacity=80)}
.mw .fg{position:absolute;top:50%;left:50%;background:#fff url(/static/img/english/com/pop_top_bg.gif) repeat-x;font-family:dotum}
.mw header{position:relative;padding:18px 20px 15px;border-bottom:1px solid #d8d8d8}
.mw header h1{margin:0 !important;border-bottom:0 !important;padding-bottom:0 !important;font-family:Nanum;font-size:24px !important;color:#222 !important}
.mw .btCls{position:absolute;top:15px;right:20px}

/* main */

.mainct{clear:both;padding-bottom:30px;background:#fff}
.mainct .panel980{border-left:0 !important}
/* .mainct h1{margin-bottom:83px} */
.mainct h1{margin-bottom:25px}
.mainct .visual{background:#d6e3ee url(/static/img/cont/main_bg.jpg) no-repeat 50% 0;height:181px;padding-top:122px}
.mainct .outskin{padding:60px 0;*zoom:1}
.mainct .outskin:after{display:block;clear:both;content:''}
.mainct .outskin li{float:left;line-height:1.3;font-size:15px}
.mainct .outskin h2{margin-bottom:10px;line-height:26px;font-size:18px;color:#4476d2}
.mainct .outskin p{margin-top:20px}
.mainct .outskin li.bx1{width:360px}
.mainct .outskin li.bx2{}
.mainct .outskin li.bx3{float:right;background:url(/static/img/english/cont/main_outskin_ico.gif) no-repeat 100% 100%}

/* about CREFIA */
.geetins_section{background:url(/static/img/english/cont/greetisMascot.jpg) no-repeat 100% 0;line-height:1.6;font-family:dotum;color:#222}
.geetins_section h2{margin-bottom:25px}
.history_section{font-family:dotum}
.history_section h2{margin-bottom:10px}
.history_section .list li{padding:15px 0 15px 273px;background-repeat:no-repeat;background-position:0 100%}
.history_section .list li.date3{background-image:url(/static/img/english/cont/history_bg_2010.gif);}
.history_section .list li.date2{background-image:url(/static/img/english/cont/history_bg_2000.gif);}
.history_section .list li.date1{background-image:url(/static/img/english/cont/history_bg_2000_before.gif);}
.history_section .list dt{float:left;width:76px;padding-top:2px;font-size:16px;font-weight:bold;color:#0242ba}
.history_section .list dd{overflow:hidden;line-height:2}
.history_section .list dd strong{display:inline-block;width:95px}
.history_section .list dd span{margin-left:96px}

.organ_section{position:relative;height:590px;background:url(/static/img/cont/organ_bg_tree.gif) no-repeat 10% 30px}
.organ_section .txst{position:absolute;width:130px;height:40px;line-height:42px;font-weight:normal;text-align:center}
.organ_section .txst, .organ_section .txst a{font-family:NanumBold;font-size:12px;color:#fff}
.organ_section .txst1{background:#4576d3}
.organ_section .txst2{background:#736aa5}
.organ_section .txst3{background:#e19422}
.organ_section .txst4{width:45px;height:190px;line-height:16px;background:#949494;margin-right:7px;float:left;writing-mode:tb-lr;-webkit-writing-mode:vertical-lr;}
.organ_section .txst6{width:45px;height:190px;line-height:16px;background:#949494;float:left;writing-mode:tb-lr;-webkit-writing-mode:vertical-lr;}
.organ_section .txst4 div{margin:10px auto 0 auto;width:15px;}
.organ_section .txst4 div a{font-family:Dotum;font-size:12px;word-wrap:break-word;letter-spacing:2px;text-decoration: none; vertical-align:middle;}
.organ_section .txst6 div{margin:20px auto 0 auto;width:15px;}
.organ_section .txst6 div a{font-family:Dotum;font-size:12px;word-wrap:break-word;letter-spacing:2px;text-decoration: none; vertical-align:middle;}
.organ_section .txst5{background:#6fb534; width:68%; margin: 0 auto;}
.organ_section .sublst{position:absolute; height:245px;}
.organ_section .sublst .txst{position:relative}
.organ_section .sublst ul{margin:20px 0 0 10px}
.organ_section .sublst li{margin-top:10px}
.organ_section .detail{display:none;position:absolute;width:354px;padding:20px;background:#f5f5f5;border:2px solid #4576d3;font-family:dotum;z-index:10}
.organ_section .detail dt{float:left;width:120px;margin-right:20px;text-align:center;line-height:1.6;font-weight:bold;color:#222}
.organ_section .detail dt .photo{display:inline-block;margin-bottom:10px;border:1px solid #c8c8c8}
.organ_section .detail dt strong{color:#3c8201}
.organ_section .detail dt img{width:118px;height:148px}
.organ_section .detail dd{overflow:hidden}
.organ_section .detail dd h4{margin:15px 0 10px}
.organ_section .detail dd ul{margin:0}
.organ_section .detail dd li{margin:0}

.location_map{border:2px solid #bfbfbf}