@charset "utf-8";
/* CSS Document */

@font-face{font-family:NanumGothic;src:url(NanumGothic.eot);src:local(NanumGothic),url(NanumGothic.woff) format('woff'),url(NanumGothic.otf) format('opentype'),url(NanumGothic.woff) format('truetype');}

@font-face {
	font-family:'NanumGothic Bold';
	font-style: normal;
	font-weight: bold;
	src: url('websrc/css/NanumGothicBold.eot?');
	src: local('※'),
		 url('websrc/css/NanumGothicBold.woff') format('woff'),
		 url('websrc/css/Fonts/NanumGothicBold.ttf') format('truetype');
}


/* reset */ 
html,body{height:auto;margin:0;padding:0;border:0;font-family:'NanumGothic Bold','나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,Helvetica,sans-serif;font-size:12px;color:#727272;line-height:1.5;text-align:left;} 
h1, h2, h3, h4, h5, h6, h7 {font-size:1em; margin:0;}
address, em, strong { font-style:normal;}
img, fieldset, form {border:0 none; margin:0; padding:0;}
input, select, button {vertical-align:middle; margin:0; padding:0;}
legend, .hide { overflow:hidden; position:absolute; top:0; left:0; font-size:1%; line-height:1%;}
hr {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
img {border:0;}
ul,ol,dl{list-style:none;}
ul,ol,dl,li,dt,dd,p{margin:0; padding:0}
input, textarea, select {font-family:'NanumGothic Bold','나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,Helvetica,sans-serif;font-size:12px;color:#727272;line-height:1.5;text-align:left;}

table {width:100%; border-collapse:collapse; border-spacing:0;}
table caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000em;} 


/* main */
#main #wrap { width:100%; position:relative; background:url(../img/main/main_bg.gif) repeat 0 0 / auto; overflow:hidden; margin:0 auto;}
#main #sub_wrap { width:100%; position:relative; background:#fff; overflow:hidden; margin:0 auto;}
#main #header { width:100%; height:110px; margin:0 auto; background:url(../img/common/bg_shadow.png) repeat-x 0 100%;}
#main #header:after { display:block; clear:both; content:"";}
#main #header .headerbg_left{width:50%; height:110px; background:url(../img/common/bg_top_left.gif) repeat-x 0 0; position:absolute;left:0; top:0; z-index:570}
#main #header .headerbg_right{width:50%; height:110px; background:#151515; position:absolute;right:0; top:0; z-index:570}
#main #header .header{width:1000px; height:110px;margin:0 auto;}
#main #header .header h1{ position:absolute;top:18px; z-index:570}

#main #header.header_bk .header{width:1200px;}
#main #header.header_bk .gnb_list{width:1200px;}

/* navigation*/ 
#main #header .navigation{width:1000px; height:110px; background:#151515; display:block; overflow:hidden;position:absolute;top:0; margin-left:220px;  z-index:570}
#main #header .gnb1{position:absolute;left:49px;top:58px; font-size:16px; color:#fff;}
#main #header .gnb1 li{float:left;  background:url(../img/common/bg_navi.gif) no-repeat 0 0; display:block;padding:5px 0 0 9px;}
#main #header .gnb1 li a{color:#fff;}

#main #header .gnb1 .gnb_l{margin-left:40px;}
#main #header .gnb1 .gnb_l:first-child{margin-left:0;}

#main #header .gnb1 .gnb_l1{padding-right:24px}
#main #header .gnb1 .gnb_l1 ul{width:110px; display:block; position:absolute;top:30px;}
#main #header .gnb1 .gnb_l1 li{color:#c1c1c1;font-size:12px;display:block;padding-top:13px;background:none; position:absolute;top:40px;}
#main #header .gnb1 .gnb_l1 li a{ position:absolute; z-index: 1000}
#main #header .gnb1 .gnb_l2{padding-right:34px}
#main #header .gnb1 .gnb_l3{padding-right:39px}
#main #header .gnb1 .gnb_l4{}
#main #header .gnb1 .on{border-bottom:1px solid #fff}

#main #header .gnb2{position:absolute;left:615px;top:58px; font-size:16px; color:#fff;}
#main #header .gnb2 li{float:left; display:block;padding:5px 0 0 9px}
#main #header .gnb2 li a{ color:#fff;}
#main #header .gnb2 .gnb_l1{padding-right:27px}
#main #header .gnb2 .on{border-bottom:1px solid #fff}

#main #header .gnbg{width:100%; height:380px; background:#151515; z-index:560; position:absolute; top:0;opacity:.9;filter:alpha(opacity=90);}
#main #header .gnb_list{width:1000px; height:100%; margin:0 auto;position:relative; top:0;}
#main #header .gnb_list ul{position:absolute;top:142px;}
#main #header .gnb_list li{padding-bottom:13px;}
#main #header .gnb_list li a{color:#c1c1c1;}
#main #header .gnb_list .active{color:#d51e2f;}

#main #header .gnb_list .gnb_1{left:279px}
#main #header .gnb_list .gnb_2{left:453px}
#main #header .gnb_list .gnb_3{left:587px}
#main #header .gnb_list .gnb_4{left:693px}
#main #header .gnb_list .gnb_5{left:845px}
#main #header .gnb_list .gnb_mypage{left:1085px;}

#main #header.header_bk .navigation{width:1020px;}
#main #header.header_bk .gnb2{left:auto;right:0;}
#main #header.header_bk .navigation .globalfage{left:auto;right:0;}

/* globalfage */
#main #header .navigation .globalfage{position:absolute;left:613px;top:18px;}
#main #header .navigation .globalfage li{float:left;}
#main #header .navigation .globalfage .glo_h{padding-right:10px; display:block; background:url(../img/common/bg_global.gif) 100% 0 no-repeat;}
#main #header .navigation .globalfage .glo_l{padding:0 10px; display:block; background:url(../img/common/bg_global.gif) 100% 0 no-repeat;}
#main #header .navigation .globalfage .glo_j{padding:0 10px; display:block; background:url(../img/common/bg_global.gif) 100% 0 no-repeat;}
#main #header .navigation .globalfage .glo_s{padding-left:10px; display:block; background:url(../img/common/bg_global.gif) 100% 0 no-repeat;}

/* container */

#main .main_video{position:relative;width:100%;height:1070px;overflow:hidden;margin-bottom:100px;}
#main .main_video iframe{position:absolute;left:50%;top:0;width:1920px;height:1070px;transform: translate(-50%, 0);z-index:1;}
#main .main_video p{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0;background:#fff;}
#main #container { width:1240px; margin:0 auto; overflow:hidden;}
#main #container:after { display:block; clear:both; content:"";}
#main #container.img_main {margin-top:-7px;}

#main #container.container_bk{width:1240px;}

#main .main_video1{position:relative;width:1000px;height:565px;overflow:hidden;margin-bottom:40px;}
#main .main_video1 iframe{position:absolute;left:50%;top:0;width:1000px;height:565px;transform: translate(-50%, 0);z-index:1;}
#main .main_video1 p{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0;background:#fff;}

/*기존*/
#main #container .contact_01{width:100%; padding-top:190px; margin:0 auto; background:url(../img/main/contact_D.png) no-repeat center 0 / auto;}
#main #container .contact_01 a{margin:0; padding:0;}
#main #container .contact_01 img{border:2px solid #fff; margin:0; padding:0;}
#main #container .contact_01 .m_right img{margin-right:16px;}
#main #container .contact_01 .m_left img{margin-left:16px;}
#main #container .contact_01 .m_bottom{margin-top:20px;}

#main #container .contact_02{width:100%; padding-top:204px; margin:0 auto; background:url(../img/main/contact_W.png) no-repeat center 0 / auto;height:205px;}
#main #container .contact_02 div{float:left; width:235px; padding-top:158px; text-align:center; margin-right:20px;}
#main #container .contact_02 span{text-align:center; width:235px; height:48px; padding-top:17px;display:block; border-top:1px solid #242722; color:#242722; font-weight:bold}
#main #container .contact_02 a{color:#242722; font-weight:bold}
#main #container .contact_02 .p_cafe{ background:url(../img/main/p_cafe.png) center 0 no-repeat; }
#main #container .contact_02 .p_kakao{ background:url(../img/main/p_kakao.png) center 0 no-repeat;}
#main #container .contact_02 .p_blog{ background:url(../img/main/p_blog.png) center 0 no-repeat;}
#main #container .contact_02 .p_facebook{margin:0; background:url(../img/main/p_facebook.png) center 0 no-repeat;}

/*수정*/
#main #container .contents_m_main{width:100%; padding-top:208px;margin:0 auto; background:url(../img/main/contents_m_title.png) no-repeat center 0 / auto;font-size:0;}
#main #container .contents_box{margin:-14px 0 0 -15px;font-size:0;}
#main #container .contents_box a{position:relative;display:inline-block;width:403px;height:290px;margin:14px 0 0 15px;border:2px solid #fff;box-sizing:border-box;}
#main #container .contents_box a img{width:100%;}
#main #container .contents_box a span{position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(213,30,47,.85);color:#fff;font-size:48px;font-weight:900;letter-spacing:-0.04;text-align:center;line-height:286px;display:none;}

#main #container .contact_m_main{width:100%; padding-top:212px; margin:0 auto 170px; background:url(../img/main/contact_m_title.png) no-repeat center 0 / auto;}
#main #container .contact_m_main ul{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-around;align-items: flex-start;}
#main #container .contact_m_main ul li{display:inline-block;width:235px;text-align:center;font-size:0;}
#main #container .contact_m_main ul li img{}
#main #container .contact_m_main ul li p{margin:40px 0 10px;padding-bottom:15px;border-bottom:1px solid #242722;color:#10120f;font-size:20px;font-weight:700;line-height:1;letter-spacing:-0.04em}
#main #container .contact_m_main ul li a{color:#10120f;font-size:16px;line-height:26px;letter-spacing:-0.04em;}
#main #container .contact_m_main ul li span{color:#10120f;font-size:16px;line-height:26px;}


#content {float:right; width:889px; position:relative; margin-bottom:40px; }
#main #footer {width:100%; background:#1d1f1b;}
#main #footer:after { display:block; clear:both; content:"" ;}


/* layout */
#wrap { width:100%; position:relative;}
#header { width:100%;}
#header:after { display:block; clear:both; content:"";}
#header .header{ width:1000px; margin:0 auto;}


/* container */
#container { width:1000px; margin:0 auto; overflow:hidden;}
#container:after { display:block; clear:both; content:"";}
#snb {float:left; margin-top:70px; }
#content {float:right; width:889px; min-height:800px;position:relative; margin:0 75px 40px 0;}
#content .con_tit{}
#content .con_tit img{width:100%;}
#slim{}
#slim.body img{width: 100%;}
#slim img{display: block;width:770px;margin: 0 auto;}

.brand_wrap{}
.brand_wrap > div{}
.brand_wrap > div strong{color: #111;}
.brand_wrap > div span{color: #111;}
.brand_wrap > div p{color: #111;line-height: 1.8;}
.brand_wrap > div .left{float: left;}
.brand_wrap > div .right{float: right;}
.brand_wrap > div .br_tit{color: #111;font-size: 30px;}
.brand_wrap > div .br_txt{color: #111;}
.brand_wrap .br01{text-align: center;}
.brand_wrap .br01 .br_txt.txt01{font-size: 18px;}
.brand_wrap .br01 .br_txt.txt02{font-size: 15px;}

.brand_wrap .br02{text-align: center;}
.brand_wrap .br02 .br_box{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-around;align-items: flex-start;}
.brand_wrap .br02 .br_box:after{content: '';clear: both;display: block;height: 0;}
.brand_wrap .br02 .br_box > i{width: 16%;font-size: 50px;padding: 0 10px;color: #2a2a2a;}
.brand_wrap .br02 .br02_txt{width: 42%;font-size: 0;vertical-align: top;-ms-word-break: keep-all;word-break: keep-all;}
.brand_wrap .br02 .br02_txt i{display: inline-block;width: 15%;font-size: 50px;vertical-align: top;color: #de4545;}
.brand_wrap .br02 .br02_txt p{display: inline-block;width: 85%;font-size: 15px;vertical-align: top;}

.brand_wrap .br03{}
.brand_wrap .br03 ul{font-size: 0;}
.brand_wrap .br03 ul:after{content: '';clear: both;display: block;height: 0;}
.brand_wrap .br03 ul li{width: 50%;font-size: 15px;text-align: center;}
.brand_wrap .br03 ul li img{width: 100%;}
.brand_wrap .br03 ul li strong{font-size: 22px;}
.brand_wrap .br03 ul li p{width: 80%;margin: 10px auto 0;-ms-word-break: keep-all;word-break: keep-all;}
.brand_wrap .br03 ul li .fat_list{width: 80%;margin: 10px auto;}
.brand_wrap .br03 ul li .fat_list span{display: inline-block;width: 45%;margin: 1%;background: rgba(167, 120, 120, 0.8);color: #2a2a2a;font-size: 16px;font-weight: bold;line-height: 32px;}
.brand_wrap .br03 .con03_1{}
.brand_wrap .br03 .con03_2{}

.brand_wrap .br04{padding: 40px 50px;background: url(../img/sub/brand_fin_img.jpeg) no-repeat center center / 100%;}
.brand_wrap .br04 strong{display: block;color: #fff;font-size: 40px;line-height: 1.2;font-weight: 300;}
.brand_wrap .br04 span{display: block;margin-top: 10px;color: #fff;font-size: 18px;line-height: 1.4;font-weight: 600;}

/* sub video */
.sub_video{position:relative;}
.sub_video img{}
.sub_video video{position:absolute;top:0;left:50%;transform:translate(-50%,0);}



/* footer */
#footer {width:100%; background:#1d1f1b;}
#footer:after { display:block; clear:both; content:"";}
.footer {width:1000px; margin:0 auto; padding:30px 0; overflow:hidden;}
.footer p.f_logo {float:left;}
.footer .foot_info {float:left; margin-left:80px; }
.footer .foot_info .foot_menu {overflow:hidden; padding-bottom:10px; }
.footer .foot_info .foot_menu li {float:left; padding:0 20px; background:url(../img/common/foot_bg_line.gif) 100% 50% no-repeat;}
.footer .foot_info .foot_menu li.first {padding-left:0;}
.footer .foot_info .foot_menu li.last {background:none;}
.footer .foot_info .foot_menu li a{color:#fff; font-size:14px; font-weight:bold;}
.footer .foot_info .addr {color:#9b9b9a;}
.footer .foot_info .addr a {color:#9b9b9a;}


/* common */
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.ovHidden {overflow:hidden;}
.ar {text-align:right !important;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.bdN {border:none !important;} 

a:link,a:active,a:visited{text-decoration:none; background:none;}
a:hover,a:focus{font-weight:normal;}

.fc01 {color:#d51e2f !important;}
.fs11 {font-size:11px;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}
.mt70 {margin-top:70px !important;}
.mt90 {margin-top:90px !important;}

.ml10 {margin-left:10px !important;}

.mr10 {margin-right:10px !important;}

.mb20 {margin-bottom:20px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.pt20 {padding-top:20px !important;}
.pt60 {padding-top:60px !important;}

.pl18 {padding-left:18px; !important;}
.pl30 {padding-left:30px; !important;}

.ff_g {font-family:'굴림',gulim;}


input[type=text].textInput {border:1px solid #ededed;line-height:25px; height:25px; text-indent:5px;}
input[type=password].textInput {border:1px solid #ededed;line-height:25px; height:25px; text-indent:5px;}
.input, .textarea {background:#fcfcfc; border:1px solid #e7e7e7; padding:7px 10px; font-family:'굴림',gulim;}
.select {background:#fcfcfc; border:1px solid #e7e7e7; padding:6px; font-family:'굴림',gulim;}
.radio {margin:0 5px;}
.btn_call {display:inline-block; height:23px; padding-right:4px; background:url('../img/common/bg_btn_call_end.gif') no-repeat 100% 0;}
.btn_call a {display:inline-block; margin-left:10px; padding:0 8px 0 12px; height:23px; font-size:11px; color:#444; line-height:23px; background:url('../img/common/bg_btn_call.gif') no-repeat 0 0;}


/* location */
.sub_path {position:absolute; top:205px; left:0; font-family:'굴림',gulim;}
.sub_path a {display:inline-block; padding-right:7px; color:#8c8a8a;}
.sub_path span {display:inline-block; height:15px;color:#292929;padding:2px 7px 0 13px; background:url(../img/icon/icon_arrow.png) no-repeat 0 0; line-height:15px;vertical-align:top;}

/* tab */
.tab { width:770px; margin-bottom:30px; font-size:16px; font-weight:bold;}
.tab ul {overflow:hidden;}
.tab ul.num_2 li{width:385px;}
.tab ul.num_4 li{width:192px;}
.tab ul.num_5 li{width:153px;}
.tab ul li {float:left; }
.tab ul li a {display:block; padding:5px 0; margin-left:-1px; height:34px; line-height:34px; color:#333; border:1px solid #e0e0e0; background:url(../img/common/bg_tab.png) 0 0 repeat-x; text-align:center;}
.tab ul li a:hover {font-weight:bold;}
.tab ul li:first-child a {margin-left:0; border-left:1px solid #e0e0e0;/*height:55px; background:url(../img/common/bg_tab_active.png) 50% 0 no-repeat; color:#fff; border:0 none;*/} 
.tab ul li a.active {height:55px; background:url(../img/common/bg_tab_active.png) 50% 0 repeat-x; margin-left:0; color:#fff; border:0 none;}

 


/* 테이블 리스트1 */
table.tbl_list1 {border:1px solid #ddd;}
table.tbl_list1 th {border-bottom:1px solid #ddd; background-color:#f9f9f9; text-align:center; font-size:24px; font-weight:bold; color:#222; padding:18px 0;}
table.tbl_list1 th.bg {background-color:#f9f9f9;}
table.tbl_list1 td {line-height:23px; padding:10px 20px; border-bottom:1px solid #ddd; font-size:12px; text-align:left; color:#727272; vertical-align:middle;}
table.tbl_list1 th.tit {background-color:#f9f9f9; font-size:14px; color:#333; font-weight:bold; border-right:1px solid #ddd; text-align:center; padding:10px 0; }
table.tbl_list1 .bd_left {border-left:1px solid #ddd;}

/* 테이블 리스트2 */
.tbl_list2 table {width:100%; border-bottom:1px solid #ddd;}
.tbl_list2 table th {padding:10px 0; background:#f9f9f9; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; font-size:14px; font-weight:bold; color:#333;}
.tbl_list2 table td {padding:10px 0; text-align:center; border-top:1px solid #ebebeb; font-family:'굴림',gulim;}
.tbl_list2 table .point {font-weight:bold;}
.tbl_list2 table .minus {color:#ff0000 !important;}
.tbl_list2 table .img_tit {display:block; margin-top:10px; color:#545454; text-decoration:none; font-weight:bold; height:14px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.tbl_list2 table .img_tit,x:-moz-any-link,x:default{white-space:normal;word-wrap:break-word} /* Firefox 에서 줄 바꿈이 가능하도록 변경 */

.tbl_list2 table .subject{text-align:center; }
.tbl_list2 table .subject a {text-decoration:none; color:#727272; display: inline-block; line-height:17px; height:17px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.tbl_list2 table .subject a,x:-moz-any-link,x:default{white-space:normal;word-wrap:break-word} /* Firefox 에서 줄 바꿈이 가능하도록 변경 */
*+html a{white-space:nowrap} /* 위 행이 IE7에도 적용되므로 IE7에만 줄 바꿈이 불가능하도록 다시 복원 */

.tbl_list2 table .new a {background:url(../img/icon/bg_list_new.gif) 100% 1px no-repeat;padding-right:30px; }  
.tbl_list2 table .lock a {background:url(../img/icon/bg_list_lock.gif) 100% -1px no-repeat; padding-right:20px; }  
.tbl_list2 table .nl a {background:url(../img/icon/bg_list_nl.gif) 100% -1px no-repeat; padding-right:50px; }  

.tbl_desc {margin:20px 0; padding:20px;}
.tbl_desc img {display:block;}
.tbl_desc .img_box {width:100%}
.add_file {background:url(../img/icon/list_file.gif) 20px 50%  no-repeat; padding-left:40px !important; }



/* 버튼 */
.btn_wrap {padding-top:20px; border-top:1px solid #dedede;}
.btn {display:inline-block;}
.btn a {display:block;}
.btn.txt {height:36px;}
.btn.txt a {height:36px; background:url(../img/common/bg_btn_txt.gif) 0 0 repeat-x; border:1px solid #4a4a4a; padding:0 20px; line-height:36px; font-size:16px; color:#fff !important; }
.btn.rtxt {height:36px; }
.btn.rtxt a {height:36px; background:url(../img/common/bg_btn_rtxt.gif) 0 0 repeat-x; border:1px solid #c31828; padding:0 20px; line-height:36px; font-size:16px; color:#fff !important; }
.btn.rtxt2 {height:57px;}
.btn.rtxt2 a {height:57px; background:url(../img/common/bg_btn_rtxt2.gif) 0 0 repeat-x; border:1px solid #c31828; padding:0 25px; line-height:57px; font-size:16px; color:#fff !important; font-weight:bold; }
.btn.rtxt3 {height:87px;}
.btn.rtxt3 a {height:87px; background:url(../img/common/bg_btn_rtxt3.gif) 0 0 repeat-x; border:1px solid #c31828; padding:0 25px; line-height:87px; font-size:16px; color:#fff !important; font-weight:bold; }



.btn.gtxt {height:27px; width:137px; text-align:center;}
.btn.gtxt a {height:27px; background:url(../img/common/bg_btn_gtxt.gif) 0 0 repeat-x; color:#4a4a4a; line-height:27px; letter-spacing:-1.3px;  }

/* 게시판 검색 */
.search_box {margin-top:15px; text-align:center;}
.search_box .btn_sch {display:inline-block; width:30px; height:30px; border:none; font-size:0; text-indent:-99999px; overflow:hidden; background:url('../img/icon/bg_btn_sch.gif') no-repeat 50% 50%; cursor:pointer;}

/* 페이징 */
.paging{margin-top:10px; text-align:center;font-size:12px;font-family:'굴림',gulim;}
.paging span{vertical-align:top; display:inline-block; height:23px;}
.paging span.current{width:24px; height:23px; border:1px solid #d6d6d6; background:#6a6a6a; color:#fff; font-size:12px; line-height:23px; background-position:0px 0px}
.paging span a{display:block;width:24px;height:23px; color:#6a6a6a;font-size:12px;line-height:23px;overflow:hidden;}
.paging span a.on {color:#d51e2f; font-weight:bold;}
.paging span.fst a {background-position:-105px 0;text-indent:-9999em}
.paging span.prev a {background:url('../img/common/btn_bbs_prev.gif') no-repeat center; text-indent:-9999em}
.paging span.next a {background:url('../img/common/btn_bbs_next.gif') no-repeat center; text-indent:-9999em}
.paging span.end a {background-position:-143px 0; border-right:1px solid #ccc;text-indent:-9999em}
/*.paging span.fst a:hover,
.paging span.fst a.on {background-position: -105px -28px}
.paging span.prev a:hover,
.paging span.prev a.on {background-position: -41px -28px}
.paging span.next a:hover,
.paging span.next a.on {background-position: -75px -28px}
.paging span.end a:hover,
.paging span.end a.on {background-position:-143px -28px}*/




/* 메인 슬라이드  */
#main-slides {position:relative;} 
.main_slide a.slidesjs-navigation {position:absolute; z-index:556; display:block; overflow:hidden; text-indent:100%; white-space:nowrap;} 
.main_slide .slidesjs-pagination {position:absolute; z-index:555;}
.main_slide .slidesjs-pagination-item {display:block; float:left; margin-right:3px;}
.main_slide .slidesjs-pagination-item a {overflow:hidden; width:22px; height:22px; background:url(../img/main/btn_paging.png) 100% 0 no-repeat; display:block; text-indent:100%; white-space:nowrap;
background-position:-22px 0; }
.main_slide .slidesjs-pagination-item a.active {width:22px; height:22px; background:url(../img/main/btn_paging.png) 0 0 no-repeat; display:block;}
.main_slide .slidesjs-previous {width:31px; height:82px; background:url(../img/main/btn_slides_prev.gif)  no-repeat; z-index:554;}
.main_slide .slidesjs-next {width:31px; height:82px; background:url(../img/main/btn_slides_next.gif)  no-repeat; z-index:554;}
 
/* 메인 비주얼 */
.main_vis {width:1000px; height:450px; overflow:hidden;}
.main_vis .slidesjs-pagination {left:465px; top:400px;} 
.main_vis .slidesjs-previous {top:175px; left:0;}
.main_vis .slidesjs-next {top:175px; left:969px;} 


/* 서브_snb */
#snb {}
#snb h2 {padding-top:32px; height:47px;} 
#snb .snb {margin:0;}
#snb .snb ul {border-top:1px solid #e1e1e1;}
#snb .snb ul > li { width:200px;border-bottom:1px solid #e1e1e1; line-height:45px;}
#snb .snb ul > li > a {display:block; padding-right:38px; background:url(../img/common/bg_snb.gif) 100% 50% no-repeat;color:#2a2a2a; line-height:45px; font-size:16px; font-weight:bold; }
#snb .snb ul > li > a:hover, 
#snb .snb ul > li.active > a {font-weight:bold; color:#d51e2f; background:url(../img/common/bg_snb_act.gif) 100% 50% no-repeat; }
#snb .snb ul > li > ul {padding:20px 10px;}
#snb .snb ul > li > ul > li {border:none; line-height:26px;}
#snb .snb ul > li > ul > li > a {display:block; padding-left:10px; background:url('../img/common/bul_snb_arr.gif') no-repeat 0 50%; line-height:26px; font-size:14px; color:#454545; font-weight:normal;}
#snb .snb ul > li > ul > li > a:hover, 
#snb .snb ul > li > ul > li.on > a {color:#d51e2f; background:url('../img/common/bul_snb_arr_on.gif') no-repeat 0 50%; font-weight:bold;}


/* 로그인 */

.login_box {margin-top:30px; background:url('../img/sub/bg_login.gif') 0 0 no-repeat;}
.login_cont {padding:72px 0 0 365px; }
.login_top {overflow:hidden; background:url('../img/common/bg_login_line.gif') left bottom no-repeat; padding-bottom:15px; width:355px;}
.login_top dl {float:left; overflow:hidden; width:255px; }
.login_top dl dt {float:left; width:58px; padding-top:3px; margin-bottom:5px; }
.login_top dl dd {float:left; margin-bottom:5px; }
.login_top .login_btn {float:right;}
.login_bottom {padding:15px 0 65px; font-family:dotum; font-size:13px; color:#282626; }
.login_bottom ul li {padding-left:13px; background:url('../img/icon/bg_login_bul.gif') 0 10px no-repeat; padding-bottom:5px; letter-spacing:-1.3px;}


/* 아이디비밀번호 찾기 */
.idpw_box {position:relative; margin-top:30px; padding-bottom:50px; background:url('../img/sub/bg_idpw.gif') 0 0 no-repeat;}
.idpw_box h2 {position:absolute; top:108px; left:115px;}
.idpw_cont {padding:92px 0 0 365px; }
.idpw_top {overflow:hidden; padding-bottom:25px; width:340px; }
.idpw_top dl {float:left; overflow:hidden; width:255px; }
.idpw_top dl dt {float:left; width:58px; padding-top:3px; margin-bottom:5px; }
.idpw_top dl dd {float:left; margin-bottom:5px; *margin-bottom:2px; }
.idpw_top .login_btn {float:right;}
.txt_result {width:340px; font-family:'돋움',dotum; font-size:13px; color:#505050; text-align:center;} 

/* 약관 */
.terms_wrap {margin-bottom:50px;}
.terms_wrap .terms_box {height:118px; padding:5px 22px 5px 5px; margin-bottom:15px; border:1px solid #e5e5e5; overflow-x:hidden; overflow-y:scroll; font-family:'돋움',dotum;}
.terms_wrap .input_wrap {text-align:center;}

/* pop-up */
.pop .pop_wrap {padding:35px 20px; text-align:center;}
.pop .pop_wrap .pop_cont {}

/* 사이트맵 */
.sitemap {padding-top:30px; }
.sitemap ul {overflow:hidden;}
.sitemap ul li {float:left; width:170px; height:297px; margin-right:30px;  }
.sitemap ul li.last {margin-right:0;}
.sitemap ul li dl dt {padding:11px 0 23px 23px; background:url(../img/sub/bg_sitemap_tit.gif) 0 0 no-repeat; font-size:14px; font-weight:bold; color:#fff;}
.sitemap ul li dl dd {background:url(../img/icon/bg_sitemap_bul.gif) 0 2px no-repeat; padding:0 0 10px 25px; }
.sitemap ul li dl dd a {font-size:14px; color:#292929;}


/* 이벤트 목록 : 140304추가 */
.event_list {padding-top:50px; }
.event_list h2{padding-bottom:5px; font-size:24px; font-weight:bold; color:#222;}
.event_list ul li {padding-bottom:40px; }
.event_list ul li dl dt {margin-bottom:10px; }
.event_list ul li dl dd { color:#919191; }
.event_list ul li dl dd span {font-size:12px; color:#464646; font-weight:bold;}

/* 갤러리 */


.gallery .thumb		{margin-bottom:5px;}
.gallery h2.tit		{padding-left:20px; margin:50px 0 10px; font-size:22px; font-weight:800; color:#000; letter-spacing:-1px; background:url('../img/gallery/i-tit.png') no-repeat left center;}

.gallery dl			{margin:0 padding:0 overflow:hidden; border:1px solid #ddd;}
.gallery dl:after	{display:block; float:none; clear:both; content:'';}
.gallery dl dt		{float:left; width:123px; padding:11px 0px 11px 20px; color:#f02e41; font-size:14px; font-weight:bold; letter-spacing:-0.5px; background-color:#f8f8f8;}
.gallery dl dd		{padding:11px 0px 11px 160px; font-size:14px; font-weight:normal; color:#121212; letter-spacing:-0.5px; border-bottom:1px solid #ddd;}
.gallery dl dd.last	{border:none; font-weight:bold;}

.gallery ul			{margin:0 padding:0 overflow:hidden;}
.gallery ul:after	{display:block; float:none; clear:both; content:'';}
.gallery ul li		{float:left; margin-right:5px; cursor:pointer;}

.gallery ul li.prev_btn	{margin-right:5px; cursor:pointer;}
.gallery ul li.next_btn	{margin:0; cursor:pointer;}


.jobs h2						{font-size:22px; font-weight:bold; color:#000; margin-top:50px;}
.jobs .jobs_tbl					{border-bottom:2px solid #292929; padding-bottom:20px;}
.jobs table						{margin-top:50px;}
.jobs table th					{padding:9px 0; background:#f8f8f8; border:1px solid #ddd; font-size:16px; font-weight:bold; color:#f02e41; text-align:center; letter-spacing:-0.5px;}
.jobs table td					{padding:11px 0px 10px 20px; border:1px solid #ddd; font-size:14px; font-weight:normal; color:#121212;letter-spacing:-0.5px;}
.jobs table td.tit				{background:#f8f8f8; font-size:14px; font-weight:bold; color:#f02e41;letter-spacing:-0.5px;}
.jobs .procedures
.jobs .procedures ul			{margin:0; padding:0; overflow:hidden;}
.jobs .procedures ul:after		{display:block; float:none; clear:both; content:'';}
.jobs .procedures ul li			{float:left; text-align:center; font-size:20px; font-weight:bold; color:#232323; letter-spacing:-0.5px;}
.jobs .procedures ul li.range01	{margin-left:25px;}
.jobs .procedures ul li.range02	{margin-left:120px;}
.jobs .procedures ul li.range03	{margin-left:90px;}
.jobs .procedures ul li.range04	{margin-left:55px;}
.jobs .procedures ul li span	{font-size:14px; font-weight:normal; color:#696969; letter-spacing:-0.5px; vertical-align:top;}

.jobs_inquiry					{margin-top:50px;}
.jobs_inquiry h2				{font-size:22px; font-weight:bold; color:#000; margin-bottom:10px;}
.jobs_inquiry span.e-mail		{font-size:16px; color:#3a3a3a;}
.jobs_inquiry span.e-mail strong{color:#f14254; cursor:pointer;}

.btn_set						{margin-top:31px;}
.btn_set span					{cursor:pointer;}
.btn_set ._btn01				{margin-right:17px;}

.quick_menu					{position:absolute; top:160px; left:50%; z-index:999; margin-left:600px;}
.quick_menu ul li			{width:60px; height:60px; margin-bottom:20px; background-color:#292424; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;}
.quick_menu ul li a			{display:block; font:bold 12px/18px; color:#ffffff; letter-spacing:-1.2px; text-align:center; padding:21px 0;}


/* Syndication  */
.text_title{color:#1f1f1f; font-size:1.5em;}
.text_copy{color:#1f1f1f; font-size:2.5em;}
.text_tcopy{font-size:2em;}
.text_txt{color:#1f1f1f;  font-size:16px; line-height:26px; clear:both;}
.text_txt5{color:#1f1f1f;  font-size:14px; line-height:26px; clear:both; margin:49px 0;}


.text_gap{margin-bottom:70px;}
.gap{ margin:15px 0; display:block;}
.gap30{padding:0 0 30px 0; display:block;}

.bottom_line{border-bottom:1px dashed #333333;}
.line_center{text-align:center;}
.bolds{font-weight:bold;}
.n_margin{padding-top:0px;}
.y_margin{padding-bottom:50px;}
.sub_img_line .text_txt{color:#1f1f1f;  font-size:14px; line-height:22px; margin-bottom:50px;}
.backg_1{display:inline-block; margin:0 5px; padding:3px; background:#f53d50; color:#ffffff; }

.color_1{color:#f53d50;}
.color_2{color:#d51e2f;}
.color_3{color:#1f1f1f;}

.tits{padding-left:20px; margin:50px 0 10px; font-size:22px; font-weight:800; color:#000; letter-spacing:-1px; background:url('../img/gallery/i-tit.png') no-repeat left center;}
.titsch{padding-left:20px; font-size:16px; background:url('../img/sub/ch.png') 0 5px no-repeat; margin-bottom:16px; color:#000; font-weight:300;}
.titschs{padding-left:10px; font-size:16px; background:url('../img/sub/chs.png') 0 5px no-repeat; display:inline-flex; font-weight:bold;}
h2 span{font-size:16px; color:#525151;}

.title_div{height:228px; border:1px solid #dedede; margin-bottom:19px; text-align:center;}
.h140{height:148px;}
.text_copy_it{font-size:2.5em; margin:38px 0 0 0; font-weight:bold;}
.text_copy2{font-size:2.5em; margin:48px 0 18px 0; font-weight:bold;}
.area_a{width:708px; margin:0 auto;}
.area_a li{width:352px; height:49px; float:left; border:1px solid #bababa;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#dcdcdc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
.area_txt{line-height:49px; color:#1f1f1f;  font-size:16px;}
.area_txt img{vertical-align:middle;}
.area_copy{color:#1f1f1f;  font-size:1.1em; line-height:26px; font-weight:bold; padding-top:15px; clear:both;}


.bgarea_line{border-top:1px solid #dedede; margin:25px 0;}
.top_line{border-top:2px solid #292929; padding:42px 0;}
.sub01_02{width:770px; margin-top:40px;}
.sub01_02 dl{padding-bottom:29px;}
.sub01_02 dt{width:384px;float:left;}
.sub01_02 dd{width:384px;float:right;}
.sub01_02 ul{margin-left:7px;}
.sub01_02 li{color:#666666; margin-bottom:5px; font-size:1.2em;}
.sub01_02 li:nth-child(1){margin-bottom:27px;}
.sub01_02 li img{vertical-align: middle;}
/*.sub01_02 li:nth-child(2){height:26px; padding-left:30px; background:url('../img/sub/sub01_bu.png') no-repeat;}
.sub01_02 li:nth-child(3){height:26px; padding-left:30px; background:url('../img/sub/sub01_bu.png') 0 -26px no-repeat;}
.sub01_02 li:nth-child(4){height:26px; padding-left:30px; background:url('../img/sub/sub01_bu.png') 0 -52px no-repeat;}*/
.sub01_02 span{color:#222222;}
span.left_m{margin-left:30px; color:#666666;}
.addresss{color:#a5a5a5; font-size:1.5em;}
.address_com{clear:both; font-size:1.5em; font-weight:bold; color:#222222; padding-top:15px; margin-bottom:5px;}
.sub03{width:768px; border:1px solid #bababa; background:url('../img/sub/sub03_bg.png') no-repeat;}
.sub04_div{width:768px; border:1px solid #bababa; background:url('../img/sub/sub04_bg.png') no-repeat; margin-bottom:23px;}
.sub05_div{width:768px; border:1px solid #bababa; margin-bottom:23px; background:url('../img/sub/sub05_bg.png') no-repeat;}
.sub05_div2{background:url('../img/sub/sub05_bg2.png') no-repeat;}
.sub05_div3{background:url('../img/sub/sub05_bg3.png') no-repeat;}
.sub05_div4{background:url('../img/sub/sub05_bg4.png') no-repeat;}
.sub06_div{width:768px; border:1px solid #bababa; margin-top:23px; background:url('../img/sub/sub06_bg.png') no-repeat;}
.bgarea dt{color:#d51e2f; font-size:2.5em; font-weight:bold; margin:34px 0 100px 30px;}
.bgarea dd{font-size:1.1em; font-weight:bold; margin:0 0 0 30px; padding-bottom:60px; color:#3d3d3d;}
.bgarea dd p{font-size:1.4em; color:#000000;}
.bgarea dd span{color:#f53d50;}
.bgarea dd span.dl_gab{color:#3d3d3d; margin-top:15px; display:inline-block;}
.bgarea dd img{float:right; margin-right:30px;}
.bgarea2 {word-spacing:-5px;}
.bgarea2 dt{color:#d51e2f; font-size:2.5em; font-weight:bold; margin:34px 0 75px 30px;}
.bgarea2 dd{font-size:1.1em; font-weight:bold; margin:0 0 0 30px; padding-bottom:60px; color:#3d3d3d; z-index:0;}
.bgarea2 dd img{float:right; margin-right:30px;z-index:1;}
.bgarea2 ul{padding-bottom:15px;}
.bgarea2 ul li{margin-bottom:25px;}
.bgarea2 ul li p{padding-left:50px;} /*position:relative; top:-15px; left:5px;*/
.word_a{word-spacing:-5px;}
.word_b{word-spacing:-6px;}

.bgarea3 dt{color:#d51e2f; font-size:2.5em; font-weight:bold; margin:34px 0 60px 30px;}
.bgarea3 dd{font-size:1.1em; font-weight:bold; margin:0 0 0 30px; padding-bottom:40px; color:#3d3d3d;}
.bgarea3 dd img{float:right; margin-right:30px;}
.bgarea3 dd p{font-size:1.4em; color:#000000; padding-top:60px;}
.sub05_3_sub{width:708px; border-top:1px solid #d7d7d7; margin:0 auto; padding-top:28px;}
.sub05_3_sub img{padding-bottom:30px;}

.bgarea4 dt{color:#d51e2f; font-size:2.5em; font-weight:bold; margin:34px 0 90px 30px;}
.bgarea4 dd{font-size:1.1em; font-weight:bold; margin:0 0 0 30px; padding-bottom:60px; color:#3d3d3d;}
.bgarea4 dd img{float:right; margin-right:30px;}
.bgarea4 dd p{font-size:1.4em; color:#000000; padding-top:60px;}

.bg_dot1{background:url('../img/sub/sub04_dot01.png') no-repeat;}
.bg_dot2{background:url('../img/sub/sub04_dot02.png') no-repeat;}
.bg_dot3{background:url('../img/sub/sub04_dot03.png') no-repeat;}
.bg_dot4{background:url('../img/sub/sub04_dot04.png') no-repeat;}
.bg_dot5{background:url('../img/sub/sub04_dot05.png') no-repeat;}
.bg_dot6{background:url('../img/sub/sub04_dot06.png') no-repeat;}

/* 심플 이미지 조정 */
.sub03_1{margin-top:-50px;}
.sub04_1{margin-top:200px;} /* position:absolute; right:10px;*/
.sub04_2{margin-top:100px;}
.sub04_3{margin-top:50px;}
.sub05_1{margin-top:-100px;}
.sub05_2{margin-top:-90px;}
.sub06_1{margin-top:-130px;}
.sub06_2{margin-top:-60px;}
#sub03_1{margin-top:-50px;}
.bgarea dd ul{margin-top:20px;}

.supervise{width:770px; text-align:center;}
.supervise li.w7{width:109px; float:left;}
.supervise li.w6{width:127px; float:left;}
.supervise li.w5{width:150px; float:left;}
.supervise li.w4{width:187.5px; float:left;}
.supervise li.noborder{border:none;}
.supervise li dl{border-top:solid 1px #dedede; border-bottom:solid 1px #dedede; border-left:solid 1px #dedede;}
.supervise li dl.no_top{border-top:none}
.supervise li dl.last_border{border-right:solid 1px #dedede;}
.supervise li dt{height:180px; margin-bottom:20px;}
.supervise li dd img{margin-bottom:7px;}
.supervise li dd p{height:50px;}
.clears{clear:both;}

.sub04{width:770px; height:701px; background:url('../img/sub/sub04_bg.jpg') no-repeat; text-align:center;}
.sub04_title{color:#1f1f1f; font-size:2.5em; padding-top:116px; margin-bottom:405px;}
.sub04_txt{color:#1f1f1f;  font-size:14px;}
.sub04_{border-top:solid 1px #d7d7d7}
.sub04_ul{width:770px; margin-top:20px; text-align:center;}
.sub04_ul li{border:solid 1px #bababa; margin-bottom:20px;}
.sub04_copy{color:#d51e2f; font-size:2.5em; margin:39px 0 19px 0; font-weight:bold;}
.img_area{width:708px; margin:0 auto; padding:25px 0; border-top:solid 1px #d7d7d7}

.line_heights{line-height:45px; height:45px; display:inline-block;}
.line_heights2{line-height:25px; height:45px; display:inline-block;}
.h80{height:80px;}
.w110{width:110px; display:inline-block;}

.sub6_notice{margin-top:40px;}
.sub6_notice dl{width:770px;}
.sub6_notice dt{margin-bottom:10px;}
.sub6_notice dd{width:30%; float:left; padding-left:20px; font-size:14px; background:url('../img/sub/ch.png') 0 5px no-repeat;}