/* 모바일 사용 안함 */

body { min-width: 1200px; margin: 0 auto;}


/* 상단 메뉴, nav,  사이드 메뉴 */
html.expand body { /* position:fixed; top:0; left:0; width:100%; */ }
html.expand #side_bgc {position: fixed; top:0; right:0; width:100%; height:100%;  background: rgba(0,0,0,.7); }

br.pc_none {display: none;}
br.mo_none {display: block;}
@media (max-width: 468px) {
    br.pc_none {display: block;}
    br.mo_none {display: none;}
}



.memberMain { max-width: 1200px; margin: 0 auto 40px; padding: 0 15px;overflow: hidden;
    min-height: calc(100% - 395px);
}
.logoff {  text-align: center; margin: 5% 0 0 0;}
.logoff i.fa { color: #999; font-size: 5.0rem;}
.logoff .desc { margin: 40px 0; font-size: 1.6rem;}




.header_wrap {  width: 100%; height: 95px; background: #fff; position: fixed; z-index: 99; transition: all 0.2s ease-out;  border-bottom: 1px solid #eaeaea; }
.header_wrap:after {content:""; display:block; clear:both; }
/*
.header_wrap:before {content:""; display:block; height: 95px; width: 100%;  background: #ffffff; position: absolute; left:0; top:0;  transition: all 0.2s ease-out;  }
*/

.header_wrap .head_icon {display: none;}
.header_wrap .header {  position: relative; max-width:1360px; margin: 0 auto; }
.header_wrap .header:after {content:""; display:block; clear:both;}
.header_wrap .logo_wrap {width: 120px; position: absolute; top: 0; left:15px; font-size:0; }
.header_wrap .logo_wrap a {display:block;  }
.header_wrap .logo_wrap img {height: 134px;}


.header_wrap .header .nav { text-align: left; padding: 0 15px 0 170px;}
.header_wrap .header .nav li {display:inline-block; padding: 0 10px; height: 95px; line-height: 95px; position:relative; vertical-align: top;
    transition: all 0.2s ease-out;
}
.header_wrap .header .nav li span, 
.header_wrap .header .nav li a {font-size: 1.8rem;  display: block; padding: 0 10px; height: 95px; font-weight: 500; }
.header_wrap .header .nav li a::before {  display: block;   content: attr(title);   font-weight: bold;   height: 0;   overflow: hidden;   visibility: hidden; }

.header_wrap .header .nav li a.focus,
.header_wrap .header .nav li a.active,
.header_wrap .header .nav li a:hover { /* border-bottom: 5px solid #000000;*/ }

.header_wrap .header .nav li ul {display:none; width: 180px; min-height: 60px; padding: 15px 0; border: 1px solid #f0f0f0; background: #ffffff;text-align:center;  position:absolute;  left: 50%;  margin-left:-90px; top: 95px; font-size:0; z-index:14; }
.header_wrap .header .nav li ul li {display:block;  margin:0 ; padding:0; height:30px; line-height:30px; vertical-align:top;}
.header_wrap .header .nav li ul li a {display:block;  font-size:1.6rem; font-weight: normal;}
.header_wrap .header .nav li ul li a.longtxt {letter-spacing:-1px;}
.header_wrap .header .nav li ul li a.focus,
.header_wrap .header .nav li ul li a:hover,
.header_wrap .header .nav li ul li a.active {border-bottom: none;}

.header_wrap .header .nav2 { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 16px;}
.header_wrap .header .nav2 a { display: inline-block;}
.header_wrap .header .nav2 a.my { margin-left: 20px;}
.header_null {height: 134px;} 


.header_wrap .header .nav2 .sns {}
.header_wrap .header .nav2 .sns a { display: inline-block; margin-right: 10px;}
.header_wrap .header .nav2 .sns img { height: 26px; vertical-align: top;}

@media all and (min-width:769px) {
	.header_wrap .header .nav li:hover ul { display: block; } 

    .header_wrap.scroll {height: 95px; }
    .header_wrap.scroll:before { height: 95px; }
    .header_wrap.scroll .header .nav li { height: 95px; line-height: 95px; }
    .header_wrap.scroll .header .nav li a {height: 95px;}
    .header_wrap.scroll .header .nav li ul { top: 95px;}
    .header_wrap.scroll .header .nav li ul li {height: 30px; line-height: 30px;}
    .header_wrap.scroll .header .nav li ul li a { height: auto; }

    /* 전체 메뉴로 대체 */
     /*
    .header_wrap .header .nav li:hover ul {display:block;}
    */

}

@media (max-width: 1024px) {
    .header_wrap .header .nav li { padding:0 0; }
    .header_wrap .header .nav li a {font-size: 2.0rem;}

}

#side_nav .side_hide {display: none;}

/* 모바일 사용 안함 
@media (max-width: 768px) {
    .header_wrap {height: 50px; border-bottom: none; }
	.header_wrap.scroll { border-bottom: 1px solid #eaeaea;}
    .header_wrap .header {height:auto; min-height:50px }
    .header_wrap:before { height: 50px; }


    .header_wrap .logo_wrap  {width: 220px; position: absolute; left: 50%;  transform: translateX(-50%); top: 0; margin-left: 0; font-size:0;}
    .header_wrap .logo_wrap a {display:block; text-align: center;}
    .header_wrap .logo_wrap img {height: 50px}

    .header_wrap .head_icon {height: 50px;  display: block;}

    .header_wrap p.ico_ham {position: absolute; right: 12.5px; top: 12px; cursor: pointer; }
    .header_wrap p.ico_ham i {font-size: 25px; color: #000000;}
    .header_wrap p.ico_ham img {height: 15px;}

    .header_wrap .header #side_nav { padding:0 0; width: 100%; height:100%;  max-width: 500px; position: fixed; top:0; right:-100%;  background: #fff;  z-index:900   ; box-shadow:2px 0px 4px rgba(0,0,0,0.30); }
    .header_wrap .header .nav {float:none; width:100%; padding: 0 15px;  margin:0; position: relative; }
    .header_wrap .header .nav li {display:block; padding: 0 0; margin-left: 0; height:auto; position:relative; }
    .header_wrap .header .nav li.havn {}
    .header_wrap .header .nav li.havn:after {display: block; position: absolute; right:0; top:0;  width:40px; height:50px; line-height:50px; text-align: center; font-size:15px; content: "\e941"; font-family:'xeicon';    transform: rotate(0deg);transition: transform 120ms 200ms ease-out;
    color: #313131;}
    .header_wrap .header .nav li.havn.on:after { transform: rotate(-180deg);    transition: transform 120ms ease-in-out;}

    .header_wrap .header .nav li a { padding: 0 15px 0 20px; display: block; height:50px; line-height:50px; font-weight: 600 ; border-bottom:none;}
    .header_wrap .header .nav li a.focus,
    .header_wrap .header .nav li a.active,
    .header_wrap .header .nav li a:hover {border-bottom:none;}


    .header_wrap .header .nav li ul {display:none; width:100%; min-height:40px; height:auto;  padding:5px 0; background: #f9f9f9;text-align:left;  position: relative; left:0;  top:0;  margin-left:0; }
    .header_wrap .header .nav li ul li {display:block;  margin:0 ; padding:0; height: auto; line-height: auto; vertical-align:top; border-bottom:none;}
    .header_wrap .header .nav li ul li a {padding-left: 25px;}

	.header_wrap .header .nav2 { position: static; margin-top: 30px; margin-left: 35px;}

    .header_wrap .header .nav2 .sns { display: block; text-align: left; padding: 30px 0 20px;}

    #side_nav .side_hide {display:block;}
    #side_nav .side_logo {padding: 15px 0 10px 35px; text-align: left;}
    #side_nav .side_logo img {height: 40px;}


    #side_nav .btn_side_close {position: absolute; right: 15px; top: 15px; cursor: pointer;}
    #side_nav .btn_side_close i {font-size: 21px; color: #000000;}


    .header_null {height: 80px;}
}

*/


/*
.subnav_virtual {width: 100%; height: auto; padding: 0; background:  rgba(0,0,0,0.85); color: #fff;
    display: none;
}
.subnav_virtual a {color: #fff;}

.subnav_virtual .subnav {max-width: 1360px; margin: 0 auto; padding-right: 20px;}
.subnav_virtual .subnav ul {text-align: right; }

.subnav_virtual .subnav li.havn {display: inline-block; padding: 0; vertical-align: top;}
.subnav_virtual .subnav li.havn a[data-sub="yes"] {display: none;}

.subnav_virtual .subnav li.havn ul {text-align: center; display: block; padding: 20px 0;}
.subnav_virtual .subnav li.havn ul li {display: block; padding: 5px 0; font-size: 1.5rem;}
*/


.board_content_head { text-align: center; }
.board_content_head img {max-width: 100%;}


.top_img {height: 220px; background: url('../img/timg_01.jpg') repeat-x 50% 50%; background-size: auto 100%; }
.top_img.t1 { background: url('../img/timg_01.jpg') repeat-x 50% 50%; }
.top_img.t2 { background: url('../img/timg_02.jpg') repeat-x 50% 50%; }
.top_img.t3 { background: url('../img/timg_03.jpg') repeat-x 50% 50%; }
.top_img.t4 { background: url('../img/timg_04.jpg') repeat-x 50% 50%; }
.top_img.t5 { background: url('../img/timg_05.jpg') repeat-x 50% 50%; }
.top_img.t6 { background: url('../img/timg_06.jpg') repeat-x 50% 50%; }


@media (max-width: 768px) {
    .top_img { height: 100px; background-size: cover;}
}





.contents {padding: 40px 15px 80px 15px; max-width: 1360px; margin: 0 auto;
        min-height: calc(100% - 395px);
}



.pt {margin: 0 0 0; font-size: 2.8rem; font-weight: 500; margin: 10px 0 30px 0; color: #333333; text-align: center;}
.pt span {border-bottom: 2px solid #333333; display: inline-block; padding-bottom: 4px;}


@media (max-width: 768px) {
    .contents {padding: 0 15px 30px 15px;}
    .pt  {font-size: 2.0rem;}

}







.top_img_about { height: 340px; position: relative; background: url('../img/about_02.jpg') no-repeat 50% 50%; background-size: cover;  }
.top_img_about:after { content:""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:  rgba(0,0,0,0.4);}
.top_img_about .txtImg { text-align: center; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); z-index: 3;} 



.top_img_about .txtImg img { height: 70px;}

.about { padding: 30px 0;}
.about .text1 { font-size: 2.4rem; font-weight: 500; margin: 0 0 10px 0;}
.about .text2 { font-size: 1.8rem; font-weight: normal; margin: 0 0 10px 0;}
.about .text3 { font-size: 1.8rem; font-weight: normal; margin: 0 0 10px 0; letter-spacing: -0.5px;}
.about .color1 { color: #1a4292;}


@media (max-width: 768px) {
	.top_img_about .txtImg img { height: 50px;}
	.about .text1 { font-size: 2.0rem;}
	.about .text2 { font-size: 1.6rem;}
	.about .text3 { font-size: 1.6rem;}
}

.video-container {    position:relative;    padding-bottom:56.25%;    padding-top:0;    height:0;    overflow:hidden;}
.video-container iframe, 
.video-container object, 
.video-container embed{    position:absolute;    top:0;    left:0;    width:100%;    height:100%;}






/* 온라인 폼 */
.landing_event  {max-width: 780px; margin: 0 auto; padding: 0 15px 30px;}

.landing_event .disable {font-weight: bold; font-size: 2.0rem; color: #bc0000;}

.landing_event .request {padding:0 10px 40px; font-size:13px;}
.landing_event .request table caption {display: none;}
.landing_event .request th { font-weight: normal; padding: 5px 3px; font-size: 1.25rem; }
.landing_event .request td {font-weight: normal; padding: 5px 3px; font-size: 1.4rem; text-align: left;}
.landing_event .request input[type="file"],
.landing_event .request input[type="text"],
.landing_event .request input[type="tel"] {width:100%; border:1px solid #cccccc; height: 32px; line-height: 32px; text-indent: 5px;  border-radius: 0; box-sizing: border-box; appearance: none;}
.landing_event .request input[type="file"].short,
.landing_event .request input[type="text"].short,
.landing_event .request input[type="tel"].short { width: 100px;}

.landing_event .request textarea {width:100%; border:1px solid #cccccc;  text-indent: 5px;  border-radius: 0; box-sizing: border-box;}

.landing_event .request select {width:100%; border:1px solid #cccccc; height:25px; line-height:25px; background:#fff; border-radius: 0;  box-sizing: border-box;}

.landing_event .request th[colspan="2"] { padding-top: 15px; }


.landing_event .request input.event_submit {margin:20px 0 0 0;  width:100%;    height:40px; line-height:40px; font-size:16px; vertical-align:top;  text-align:center;  border:none;
    background: #000000; color: #fff; border-radius:10px; font-weight:bold; cursor: pointer;
}

.landing_event .showon {display: none;
    background:  rgba(255,255,255,0.8); width: 100%; height: 100%; position: fixed; left: 0; bottom: 0;
}
.landing_event .showon .icon {position: absolute; width: 300px; text-align: center; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); }
.landing_event .showon .icon img {max-width: 130px; }
.landing_event .showon .icon p {padding: 20px 0 0 0; text-align: center; font-weight: bold; font-size: 1.2em;}