@charset "euc-kr";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');
/*
³ëÅä»ê½º 'Noto Sans KR - 3,4,5,7,9'
³ª´®½ºÄù¾î 'NanumSquare - 3,4,7,8'
 */

body { position: relative; }
.mobile { display: none !important; }
.pc { display: block !important; }
* { box-sizing: border-box; }
* a, a:hover, a:visited { color:inherit; text-decoration: none; cursor: pointer; }
.link { cursor: pointer; }
.link:hover { text-decoration: underline !important; }
.main_color { color: #a58663 !important; }

/* header */
header { top:0;left:0;right:0;z-index:999;transition:0.3s; }
header .gnb_wrap {width:1200px; height: 100px; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; position: relative;}
header .global_Bg { width: 100%; border-bottom: 1px solid #d4d4d4; }
header .global_wrap { width: 1200px; margin: 0 auto;  }
header .global { text-align: right;}
header .global a { font-size: 13px; box-sizing: border-box; line-height: 32px;}
header .global a:after { content:' '; width: 1px; height: 9px; background: url('/images/common/global_line.jpg') right center no-repeat; margin: 0 9px;}
header .global a:last-child:after { content:none;}
header .global a:hover { color: #a58663;}

header .gnb { height: 95px; display:flex; align-items:center; justify-content:center; align-content:center;	 }
header .gnb > ul > li { height: 95px; float:left; position:relative; margin: 0 35px; display:flex; align-items:center; justify-content:center; align-content:center; }
header .gnb > ul > li:last-child { margin-right: 0;	 }
header .gnb > ul > li > a { font-size: 20px; color: #111; font-weight: 500; position: relative; letter-spacing: -0.5px;}
header .gnb > ul > li > ul > li > a:hover { color: #7b2536; }
header .gnb > ul > li > a:before { content:attr(data-hover); transform:translate3d(0px, 0px, 0px); position: absolute; top: 0; left: 0; overflow: hidden; max-height:0px; color: #a58663; transition:max-height 0.6s;}
header .gnb > ul > li:hover > a:before, header .gnb > ul > li.on a:before { max-height: 100%; }

header .gnb > ul > li > ul { display:none; z-index:1000; width:214px; position:absolute; top: 95px; left: -75px; }
header .gnb > ul > li:nth-child(2) > ul { left: -85px; }
header .gnb > ul > li:nth-child(3) > ul { left: -45px; }
header .gnb > ul > li > ul li { border-bottom: 1px solid rgba(0,0,0,0.1); background: #fff; }
header .gnb > ul > li > ul li:last-child { border-bottom: 0; }
header .gnb > ul > li > ul li a { display:block; width:100%; height: 100%; color: #666; line-height: 20px; padding: 14px 20px; text-align: center; box-sizing: border-box; }
header .gnb > ul > li > ul li a:hover { color: #a58663; }


/**** visual ****/
.visual { width: 100%; min-width:1200px; height: 550px; position:relative; overflow:hidden; }
.visual > div { float: left; }
.visuBg { width: 54%; }
.visual .swiper-container { height: 550px; }
.visual .swiper-slide { width: 100%; height: 100%;}

.swiper-slide.visual_01 { background:url("/images/main/visu_01.jpg") center no-repeat; background-size: cover; }
.swiper-slide.visual_02 { background:url("/images/main/visu_01.jpg") center no-repeat; background-size: cover; }

.visuTxt_wrap { width: 46%; height: 100%; display: flex; flex-direction:column; flex-wrap:wrap; justify-content: center; align-items: flex-start; margin: 0 auto; background: url("/images/main/visu_txt_bg.png") 0 0 repeat-x; }
.visuTxt { color: #111; padding: 0 0 0 30px; letter-spacing: -1px;}
.visuTxt01 { font-size: 50px; font-weight: 600; line-height: 110%; letter-spacing: -1.3px;}
.visuTxt02 { font-size: 20px; font-weight: 500; line-height: 140%; margin-top: 20px; letter-spacing: -1px; }

/**** quick_wrap ****/
.quick_wrap { width: 100%; position: relative; margin-top: 60px; overflow: hidden;}
.quick:before { content:''; width: 100%; height: 1px; background: #113644; position: absolute; left: -1000px; top: 0;bottom: 0; margin: auto 0;display: block;}
.quick:after { content:''; width: 100%; height: 1px; background: #113644; position: absolute; left: 1000px; top: 0;bottom: 0; margin: auto 0;display: block; z-index: -1;}
.quick { width: 900px; z-index: 99999; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-direction:row; }
.quick li { width: 200px; height: 200px; font-size: 15px; border: 1px solid #113644; border-radius: 200px; position: relative; cursor: pointer; transition:0.3s; display: flex; justify-content: center; align-items: center; flex-direction:column; background: #fff;	 }
.quick li img { margin-bottom: 10px; }
.quick span { font-size: 22px; color: #111; font-weight: 600; display: block; margin: 10px auto 2px;}
.quick li:hover { color: #fff; background: #113644;}
.quick li:hover span { color: #fff; }
.quick li + li { margin-left: 35px; }
.quick li:after { content:''; width: 35px; height: 1px; background: #113644; display: block; position: absolute; left: -35px; top: 0; bottom: 0; margin: auto 0;}
.quick li:first-child:after { content:none; }

/**** mContents_wrap ****/
.mContents_wrap { width: 1200px; margin: 60px auto; box-sizing: border-box;	 }
.mContents_inner { overflow: hidden;	 }
.mContents_inner > li { width: 50%; float: left;  }
.mContents_quick { cursor: pointer; }
.mContents_quick > div { width: 50%; height: 250px; float: left; }
.mContents_quick > div.mContents_quick_left { padding: 25px 35px; box-sizing: border-box; color: #fff;	}
.mTitle { font-size: 25px; font-weight: 600; color: #111; margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content:center;}
.mTitle .plus { transition:0.3s; cursor: pointer; }
.mTitle .plus:hover { transform:rotate(90deg) }
.mContents_quick_left { position: relative; }
.quick_right01 { background: url('/images/main/mContents_quick01.jpg') center no-repeat; background-size: cover; }
.quick_right02 { background: url('/images/main/mContents_quick02.jpg') center no-repeat; background-size: cover; }
.mQuick_txt { color: #fff; font-size: 17px; line-height: 130%; font-weight: 300;  word-break:keep-all; }
.quick_arr { transition:0.3s; position: absolute; left: 35px; bottom: 30px;	 }
.mContents_quick:hover .quick_arr { margin-left: 20px; }

.mContents_board { width: calc( 50% + 1px ); padding: 25px 35px; border: 1px solid #d4d4d4; box-sizing: border-box;	  }
.mContents_board + .mContents_board { margin-left: -1px; }
.mBoard li { }
.mBoard li + li { margin-top: 15px; }
.mBoard_txt { width: 100%; font-size: 17px; position: relative; overflow: hidden; cursor: pointer; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; transition:0.3s; font-weight: 400; color: #111;}
.mBoard_txt:hover { color: #a58663; }
.mBoard_date { font-size: 17px; font-weight: 300;}


/* Footer */
footer { width: 100%; border-top: 1px solid #ddd; padding: 40px 0;}
.footer_wrap { width: 1200px; margin: 0 auto; position: relative; font-weight: 300; display:flex; flex-wrap: nowrap; flex-direction:row; justify-content:space-between; align-items: flex-start; }
.footer_wrap .footer_terms { margin-bottom: 40px; }
.footer_wrap .footer_terms a { display: inline-block; line-height: 35px; text-align: center; padding: 0 10px; border: 1px solid #d3d3d3; transition:0.3s; font-size: 14px; font-weight: 200; margin-left: -4px;}
.footer_wrap .footer_terms a:hover { color: #fff; background: #d3d3d3; position: relative; z-index: 1; }
.footer_left { font-size: 15px; letter-spacing: -0.5px; font-size: 15px; line-height: 150%; }
.footer_right { border-left: 1px solid #d4d4d4; font-size: 15px;  margin-left: 120px; padding-left: 130px; line-height: 150%;  }
.footer_title { font-size: 28px; font-weight: 600; margin-bottom: 25px; letter-spacing: -0.5px; }
.footer_right_link { border: 1px solid #d3d3d3; padding: 10px 18px; margin-top: 20px; display: inline-block; transition:0.3s;}
.footer_right_link:hover { background: #d3d3d3; color: #fff;}
.footer_right_link img { margin-left: 10px; margin-top: -3px; }

.top-btn { display: none; position: fixed; left: 50%; margin-left: 650px; bottom:25px; width: 65px; height: 65px; background: #a4a4a4; flex-wrap: wrap; justify-content:center; align-items: center; z-index: 9999; cursor: pointer; transition: background 0.3s; }
.top-btn:hover { background: #757575; }
.top-btn { margin-bottom: 5px; }

/**** sVisual ****/
.sVisual { width:100%; height: 230px; background: url('/images/sub/sVisu.jpg') 0 0 repeat-x; background-size:cover; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; position: relative; font-size: 21px; font-weight: 700; line-height: 130%; color: #898989; position: relative; }
.sVisual span { font-size: 45px; color: #111; display: block; margin-bottom: 15px;}

.snb { width: 1200px; height: 50px; text-align: center; margin: -30px auto 0; position: relative; z-index: 9;}
.snb > li { float: left;  }
.snb > li + li { margin-left: -1px; }
.snb > li.on > a { color: #464646; background: #fff; }
.snb > li > a { width: 100%; height: 50px; line-height: 50px; border: 1px solid #2f5665; border-bottom: 0; text-align: center; font-size: 17px; display: block; color: #666; box-sizing: border-box; background: #162943; color: #fff; position: relative;	transition:0.2s ease;}
.snb > li > a:hover {color: #464646; position: relative; z-index: 1; }
.snb > li > a:after {content:''; z-index:-1; position:absolute; left:0; bottom:0; display:block; width:100%; height:0%; background:#fff; transition:0.2s ease;}
.snb > li > a:hover:after,.snb > li > a:focus:after {height:100%;}

.snb.s2 > li {width:50%;}
.snb.s3 > li {width:33.3%;}
.snb.s4 > li {width:25%;}
.snb.s5 > li {width:20%;}
.snb.s6 > li {width:16.6%;}


/**** sContainer ****/
.sContainer { width: 1200px;; height: 100%; margin: 50px auto 100px; overflow: hidden; }
.sContainer .title { width: 100%; margin: 0 auto; text-align:center; display:block; padding: 0 0 20px; border-bottom: 1px solid #e4e4e4; margin-bottom: 50px; overflow: hidden;}
.sContainer .title h2 { border-right: 2px solid #b9b9b9; padding-right: 30px; margin-right: 30px; font-size:33px; color:#111; font-weight:500; letter-spacing:-0.5px; line-height:100%; display:block; text-align:center; float: left;background:url('/images/sub/title_ico.png') no-repeat left 5px; padding-left: 35px;}
.sContainer .title .location { display:inline-block; margin-top: 0px; float: left; margin-top: 10px; }
.sContainer .title .location > li { height:30px; line-height:30px; letter-spacing:0px; padding:0 15px; float:left; color:#636363; font-size: 15px; font-weight:400; background:url('/images/sub/locationDot.jpg') no-repeat left; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; }
.sContainer .title .location > li:first-child { background: none; padding-left: 0;}
.sContainer .title .location > li:first-child img { margin-top: -3px; }


/**** sContents ****/
.sContents { margin: 0 auto; min-height:300px; box-sizing: border-box; position: relative; word-break:keep-all; overflow: hidden; text-align: justify;}
/*.sContents h4 {font-size:26px; color:#111; font-weight:500; line-height:120%; margin: 50px 0 18px; background:url('/images/sub/conTitle.jpg') no-repeat left 3px; padding-left: 30px; }*/
.sContents h4 { font-size: 27px; margin:50px 0 10px; font-weight: 500; color: #a58663; text-decoration: underline;}
.sContents h4:nth-child(1) { margin-top: 0; }
.sContents .imgBox { margin-bottom: 20px; }
.txtBox + .boardTable { margin-top: 10px; }

.sub_tab { width: 100%; margin: 0 auto 60px; overflow: hidden; padding-top: 1px;}
.sub_tab li { width: calc(50% + 0.5px); float: left; line-height: 45px; text-align: center; margin-left: -1px; margin-top: -1px;}
.sub_tab li:first-child { margin-left: 0; }
.sub_tab li a { border: 1px solid #d0d0d0; display: block; width: 100%; position: relative;}
.sub_tab li:last-child { border-right: 0; }
.sub_tab li:hover a { color: #111; border: 1px solid #a1a1a1; z-index: 99;}
.sub_tab li.on a { background: #595959; color: #ffffff; border-color: #595959;}

.sub_tab.s3 li { width: calc(33.33% + 0.7px); }
.sub_tab.s4 li { width: calc(25% + 0.7px); }
.sub_tab.s6 li { width: 16.66%; }
.sub_tab.s6 li a { display: block; width: 100%; height: 100%; }

/* purpose */
.purpose_img { border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; display:flex; flex-wrap: nowrap; flex-direction:row; justify-content:center; align-items: center; }
.purpose_title { color: #113644; font-size: 32px; font-weight: 500; }

/* greeting */
.flex_img_wrap { display:flex; flex-wrap: nowrap; flex-direction:row; justify-content:space-between; align-items: flex-start; }
.flex_img { width: 300px; height: 270px; margin-right: 85px; }
.flex_txt { width: calc(100% - 385px); }

/* history */
.history { }
.history > li { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-top: 25px;}
.history > li .history_title { padding: 5px 10px; color: #111; font-size: 21px; font-weight: 500; border: 1px solid #a58663; border-radius: 5px; text-align: center; }
.history > li .history_txt { padding: 20px 55px 0; }

/* members */
.members_tab { border: 1px solid #ddd; padding: 20px; box-sizing: border-box; overflow: hidden; margin-bottom: 30px; background: #f9f9f9;}
.members_tab li { float: left; width: 16.6%; position: relative; padding-left: 10px; font-weight: 500;}
.members_tab li:before { content:''; width: 3px; height: 3px; background: #666; display: block; left: 0; top: 12px; position: absolute;}
.members_tab li.on a, .members_tab li a:hover { color: #162943; text-decoration: underline; }

/* Location */
.map_iframe { width: 100%; height: 370px;}
.map_list { padding: 25px 0; border-bottom: 1px solid #d4d4d4; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; gap: 5px 35px;}
.map_list li:nth-child(1) { width: 100%; text-align: center; }

/* rule */
.rule_list .rule { display: none; }
.rule_list .rule.on { display: block; }
.rule_btn { border: 1px solid #ddd; padding: 20px; box-sizing: border-box; overflow: hidden; margin-bottom: 30px; background: #f9f9f9;}
.rule_btn li { float: left; width: 33.33%; position: relative; padding-left: 10px;}
.rule_btn li:before { content:''; width: 3px; height: 3px; background: #666; display: block; left: 0; top: 12px; position: absolute;}
.rule_btn li a:hover { color: #006ab2; text-decoration: underline; }
.rule > dt { height:40px; line-height:40px; text-align:center; font-weight:500; background:#f3f3f3; clear: both; margin-top: 30px; margin-bottom: 15px;}
.rule > dd {background:none; }
.rule > dd > dl { }
.rule > dd > dl > dt { color:#252525; font-weight:500; margin-top: 30px; margin-bottom: 5px}
.rule > dd > dl > dt:nth-child(1) { margin-top: 0px; }
.rule > dd > dl > dd > ul { margin-left: 20px; }
.rule > dd > dl > dd > ul > li { margin-top: 3px; }
.rule > dd > dl > dd > ul > li > ul { margin-left: 20px; }
.rule .numList > li { list-style-type: decimal !important; margin-left: 20px; margin-top: 3px;}

.grayBox { padding: 30px; border: 1px solid #f9f9f9; background: #f9f9f9; margin: 30px 0; }


/* btn */
.btn_over:before { display: block; content:''; width: 120%; height: 100%; position: absolute; left: 0; top: 0; background: #000; -webkit-transform-origin: right top; -ms-transform:translateX(-101%) skewX(-17.620001deg); transform: translateX(-101%) skewX(-17.620001deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1); }
.btn_over { display: inline-block; border: 1px solid #000; background: #fff; cursor: pointer; position: relative; overflow: hidden; transition: color .55s; text-align: center; }
.btn_over:hover a { color: #fff; }
.btn_over:hover::before { background: #000; -webkit-transform:translateX(0) skewX(-17.62deg); -ms-transform:translateX(0px) skewX(-17.620001deg); transform: translateX(0px) skewX(-17.620001deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }
.btn_over a { display: block; width: 100%; height: 100%; position: relative; z-index: 100; transition: color .55s;}

/* file_down_btn */
.file_down_btn { padding:10px 70px 10px 30px; border:3px solid #444; text-decoration:none !important; background:url('../images/sub/downBtn.png') no-repeat 90% -10px; display:inline-block; font-weight:500 !important; color:#333 !important; border-radius:10px; margin-top: 10px; transition:0.3s; }
.file_down_btn:hover {background-position: 90% -80px; background-color:#444; color:#fff !important;}


/*ºñ¹Ð¹øÈ£º¯°æ*/
.pwcWrap {background:url('../images/sub/memPwC.gif') no-repeat 220px; border:1px solid #ddd; margin-bottom:20px; padding:50px;}
.pwcWrap p.pwc {font-size:25px; color:#333; font-weight:600; margin-bottom:10px; margin-left:350px;}
.pwcWrap p.pwcTxt {font-size:15px; margin-left:350px;}