/* header */
#header .sub_top,#header .sub_top2 {position:relative;width:100%;background-size:cover}
#header .sub_top .transparent_bg,#header .transparent_bg2 {position:absolute;bottom:0;background:#000;width:100%;height:50px;
filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
#header .sub8_bg {transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;background:none;height:50px}


/* sub container */
#sub_container * {transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s}



/* 이용약관-개인정보취급방침-이메일무단수집거부 */
#sub_container .usage .guide_txt {font-size:16px;color:#3d3d3d;line-height:1.8;padding:25px 2.5%;border:1px solid #d7d8db}
#sub_container .usage h1 {font-size:146%;font-weight:500;color:#000;margin-top:40px;line-height:1.3;/*background:url("../img/icon_title.gif") no-repeat left 4px;padding-left:30px*/}
#sub_container .usage h2 {font-size:24px;font-weight:500;color:#3c3c3c;padding-top:30px}
#sub_container .usage h3 {font-size:20px;font-weight:normal;color:#3c3c3c;padding-top:20px;padding-bottom:5px}
#sub_container .usage .txt {font-size:16px;color:#3d3d3d;line-height:1.6}
#sub_container .usage .txt .bold {padding:30px 0 5px}
#sub_container .usage .title_usage {clear:both;padding:30px 0 5px;font-size:16px;font-weight:500;color:#3c3c3c}
#sub_container .usage .img {padding:30px 0;text-align:center}
#sub_container .email_txt {font-size:16px;color:#3c3c3c;line-height:2;margin-bottom:30px}
#sub_container .nomail ul {padding:20px 0}
#sub_container .tbl_private td {font-size:15px !important}
#sub_container .tbl_private .bline {border-bottom:1px solid #d5d5d5}


/* 아이디 중복체크 */
#id_check * {transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in}
#id_check {	position: absolute; top: 50%;	left: 50%;	transform: translate(-50%, -50%);	-webkit-transform: translate(-50%, -50%);width:100% }
#id_check .check {box-sizing:border-box;max-width:520px;width:92%;overflow:hidden;background:#fff;margin:0 auto}
#id_check .check  .sub_title {text-align:center;background:url(../img/id_check_bg.gif) repeat-x center center;width:100%;height:102px;line-height:102px;}
#id_check .check  .sub_title h1 {font-size:28px;font-weight:500;color:#fff}
#id_check .check form {border:1px solid #d4d5d8;padding:60px 4%;height:395px}
#id_check .check form input[type='text'],#id_check .check form input[type='password'] {width:100%;height:44px;border:1px solid #d2d2d2;padding:0 3%;font-size:100%;color:#3d3d3d;margin-top:30px}
#id_check .check form input[type='submit']  {display:block;width:100%;border:none;height:44px;line-height:44px;text-align:center;font-family:'notokr';font-size:16px;font-weight:500;color:#fff;text-align:center;background:#623ad6;margin:20px 0 0}
#id_check .check .txt {width:100%;background:#e9e9e9;height:135px;text-align:center;vertical-align:middle;font-size:15px;color:#3d3d3d;line-height:1.6}
#id_check .btn_id_ok {display:block;width:170px;height:40px;line-height:40px;font-size:16px;font-weight:500;color:#fff;text-align:center;background:#0d2d4f;margin:25px auto}
#id_check.id_check2 .check form {padding:30px 4%}
#id_check.id_check2 .id_check_txt {font-size:15px;color:#3d3d3d;text-align:center}
#id_check.id_check2 .check .txt {height:70px}
#id_check.id_check2 .check form input[type='text'],#id_check.id_check2 .check form input[type='password'] {margin-top:15px}
#id_check.id_check3#id_check .check form {padding:40px 4%}
#id_check.id_check3 .id_replace {font-size:24px;text-align:center;height:110px}



/* MEMBER */
.member_sub_top_title {transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;display:block;background:#32c2bb;text-align:center;padding:40px 0;font-size:186%;font-weight:300;color:#fff;line-height:1}
.member_sub_top_title b {font-weight:600}

.member_sub_top_title2 {transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;display:block;background:#fff;padding:20px 0;font-weight:400;color:#fff;line-height:1;border-bottom:1px solid #ddd}

.member_sub_top_title2 li:nth-of-type(1) {width:200px}
.member_sub_top_title2 li:nth-of-type(2) {width:300px}
.member_sub_top_title2 .search_wrap {position:relative;top:25px;left:15px;border:2px solid #007e71;border-radius:5px;}
.member_sub_top_title2 .search_wrap li:first-child {width:calc(100% - 45px);padding:0 15px}
.member_sub_top_title2 .search_wrap li:first-child input[type="text"] {font-family:'Noto Sans KR';font-size:15px;font-weight:400;color:#a2a1a1;height:38px;line-height:38px;border:none;width:100%}
.member_sub_top_title2 .search_wrap li:last-child {width:45px;border:none;text-align:left;padding-top:3px}



.member_sub_top_title b {font-weight:500}
.intranet_sub_top_title {transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;display:block;background:#fa1b45 url(../img/intranet_bg.png) no-repeat left center;font-size:186%;font-weight:400;color:#fff;line-height:1}
.intranet_sub_top_title .wr1200 {display:table;width:100%;vertical-align:middle;background:url(../img/intranet_img.png) no-repeat right bottom;height:115px}
.intranet_sub_top_title .wr1200 p {display:table-cell;vertical-align:middle}
.intranet_sub_top_title b {font-weight:500}
.fnb_member {clear:both;text-align:center;box-sizing:border-box;max-width:520px;width:84%;margin:40px auto}
.fnb_member ul {max-width:600px;margin:0 auto;text-align:center}
.fnb_member li:nth-of-type(1) {width:26%;text-align:center}
.fnb_member li:nth-of-type(2) {width:24%;text-align:center}
.fnb_member li:nth-of-type(3) {width:30%;text-align:center}
.fnb_member li:nth-last-of-type(1) {width:20%;text-align:center}
.fnb_member a {display:block;font-size:100%;color:#828282}

/* 로그인 */
#login * {transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in}
#login {background:#f4f6f8;height:500px}
#login .sub_top_title {display:block;background:#32c2bb;text-align:center;padding:40px 0;font-size:186%;font-weight:300;color:#fff;line-height:1}
#login .sub_top_title b {font-weight:500}
#login .login_form {box-sizing:border-box;max-width:520px;width:92%;margin:100px auto 0;border:1px solid #d4d5d8;padding:50px 4%;overflow:hidden;background:#fff}
#login .login_form  .sub_title {text-align:center}
#login .login_form  .sub_title h1 {font-size:253%;font-weight:500}
#login .login_form form {margin-top:40px}
#login .login_form form input[type='text'],#login .login_form form input[type='password'] {width:100%;height:44px;border:1px solid #d2d2d2;padding:0 3%;font-size:100%;color:#3d3d3d;margin-bottom:20px}
#login .login_form form input[type='submit']  {display:block;width:100%;border:none;height:44px;line-height:44px;text-align:center;font-size:16px;font-weight:500;color:#fff;text-align:center;background:#4c92f1;margin:20px 0}
#login .login_form .find {display:inline-block;font-size:106%;color:#000}
#login .login_form h3 {font-size:160%;font-weight:400;color:#0f0f0f;text-align:center;letter-spacing:-1;margin-top:40px}
#login .mem_del {padding:50px 3.5% 30px}
#login .login_form .big_btn_gray {display:inline-block;margin:0 auto;text-align:center;margin-bottom:50px}
#login .login_form .center a {font-size:16px}
#login .fnb {text-align:center;box-sizing:border-box;max-width:520px;width:84%;margin:40px auto 80px;}
#login .fnb ul {max-width:600px;margin:0 auto}
#login .fnb li:nth-of-type(1) {width:26%;text-align:center}
#login .fnb li:nth-of-type(2) {width:24%;text-align:center}
#login .fnb li:nth-of-type(3) {width:30%;text-align:center}
#login .fnb li:nth-last-of-type(1) {width:20%;text-align:center}
#login .fnb a {display:block;font-size:100%;color:#828282}
#login .find_id_pwd {display:block;text-align:right;font-size:16px;;color:#000;padding-bottom:15px}
#login .member_join {display:block;height:44px;line-height:44px;border:1px solid #ddd;border-radius:25px;text-align:center;font-family:"Noto Sans KR", sans-serif;font-size:16px;font-weight:500;color:#121212}


/* 회원가입 */
#sub_container .usage_area {width:100%}
#sub_container .usage_area .mtitle1 {font-size:233%;font-weight:500;color:#0f0f0f;text-align:center}
#sub_container .usage_area .mtitle2 {font-size:160%;font-weight:400;color:#0f0f0f;text-align:center;padding:10px 0}
#sub_container .usage_area .usage_title {font-size:190%;font-weight:500;color:#0f0f0f;padding:40px 0 20px}
#sub_container .usage_area .agree_txt {width:100%;height:300px;overflow:scroll;overflow-x:hidden;padding:0 3.5%;border:1px solid #d4d5d8;line-height:1.6;color:#3c3c3c}
#sub_container .usage_area .agree_txt .txt {font-size:100%;color:#3d3d3d;line-height:1.8}
#sub_container .usage_area .agree_txt h4 {font-size:130%;font-weight:500;color:#0f0f0f;padding-top:40px}
#sub_container .usage_area .agree_txt h4:nth-of-type(1) {padding-top:20px}
#sub_container .usage_area .agree_txt .bold {padding:25px 0 5px}
#sub_container .usage_area .agree_check {padding-top:20px}
#sub_container .usage_area .private_txt h4 {font-size:125%;font-weight:500;color:#0f0f0f;padding:40px 0 10px}
#sub_container .usage_area .private_txt th, #sub_container .usage_area .private_txt td {font-size:15px !important;padding:10px !important}
#sub_container .usage_area h2 {display:block;font-size:24px;font-weight:500;color:#3c3c3c;padding-top:30px}
#sub_container .agreen_buttons {margin-top:40px}
#sub_container .member_input .in_txt {font-size:16px;padding:10px 0 15px;line-height:1.5}
#sub_container .member_input dl {width:100%;font-weight:400;border-top:2px solid #656565;border-bottom:1px solid #ddd;overflow:hidden}
#sub_container .member_input dl dt {clear:both;float:left;width:18.5%;font-size:15px;font-weight:500;color:#3c3c3c;border-bottom:1px solid #ddd;padding:15px 0 15px 20px;min-width:150px;min-height:55px;vertical-align: middle;}
#sub_container .member_input dl dd {display:table;float:right;width:81.5%;font-size:15px;color:#3c3c3c;border-bottom:1px solid #ddd;max-width:calc(100% - 150px);min-height:55px;padding:10px 0}
#sub_container .member_input dl dd p {display:table-cell;vertical-align: middle;}
#sub_container .member_input dl dt.last,
#sub_container .member_input dl dd.last {border-bottom:none}
#sub_container .member_input dl dd input[type="text"],
#sub_container .member_input dl dd input[type="password"] {width:30%;height:33px;line-height:33px;border:1px solid #d2d2d2;padding:0 10px;min-width:100px;font-size:15px;color:#757575}
#sub_container .member_input dl dd input.tiny_width {width:10%}
#sub_container .member_input dl dd input.full_width {width:90% !important}
#sub_container .member_input dl dd .btn_check {display:inline-block;line-height:33px;padding:0 7px;background:#666;font-size:13px;color:#fff;cursor:pointer}
#sub_container .member_input dl dd.address {padding-bottom:8px}
#sub_container .member_input dl dd.address input[type="text"] {margin-top:8px}
#sub_container .member_input table {display:table;width:100%}
#sub_container .member_input table caption {border-top:2px solid #656565}
#sub_container .member_input table td {font-size:15px;color:#0f0f0f;border-bottom:1px solid #ddd}
#sub_container .member_input table td:nth-of-type(1) {padding:15px 0 15px 20px;min-width:150px}
#sub_container .member_input table td:nth-of-type(2) {max-width:calc(100% - 150px)}
#sub_container .member_input table td input[type="text"],#sub_container .member_input table td input[type="password"] {width:30%;height:33px;line-height:33px;border:1px solid #d2d2d2;padding:0 10px;min-width:100px}
#sub_container .member_input table td input.tiny_width {width:10%}
#sub_container .member_input table td input.full_width {width:90% !important}
#sub_container .member_input table td .btn_check {display:inline-block;line-height:33px;padding:0 7px;background:#666;font-size:13px;color:#fff;cursor:pointer}
#sub_container .member_input table td.address {padding-bottom:8px}
#sub_container .member_input table td.address input[type="text"] {margin-top:8px}
#sub_container .mem_ok {max-width:1200px;margin:100px auto 60px;border:1px solid #ddd;transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important}
#sub_container .login_form {position:relative;height:420px;background:url(../img/reg_ok.jpg) no-repeat 7.3% center}
#sub_container .login_form .mem_ok_txt_wrap {position:absolute;top:50%;transform: translateY(-50%);overflow:hidden;width:100%;padding-left:32.5%;}
#sub_container .mout_ok_form {position:relative;height:420px;background:url(../img/mout_ok.jpg) no-repeat 7.3% center}
#sub_container .mout_ok_form .mem_ok_txt_wrap {position:absolute;top:50%;transform: translateY(-50%);overflow:hidden;width:100%;padding-left:32.5%;}
#sub_container .login_form .mem_txt,#sub_container .mout_ok_form .mem_txt {text-align:center}
#sub_container .login_form .mem_txt h1,#sub_container .mout_ok_form .mem_txt h1 {font-size:35px;font-weight:400;color:#0f0f0f}
#sub_container .login_form .mem_txt h3,#sub_container .mout_ok_form .mem_txt h3 {font-size:22px;font-weight:500;color:#2cab3e;padding-top:15px}
#sub_container .login_form .mem_txt .mem_con,#sub_container .mout_ok_form .mem_txt .mem_con {font-size:16px;font-weight:400;color:#6e6e6e;padding-top:15px}
#sub_container .member_find .title_find {font-size:30px;font-weight:500;color:#000;padding-bottom:10px}
#sub_container .sitemap_line {border-top:3px solid #373737}
#sub_container .sitemap > ul {width:100%;padding-top:35px}
#sub_container .sitemap > ul > li {width:25%;text-align:center;padding:0 1.5%;border-right:1px solid #e5e5e5;height:295px;margin-bottom:60px}
#sub_container .sitemap > ul > li  > ol > li:first-child {font-size:20px;font-weight:500;color:#232323;padding-bottom:18px}
#sub_container .sitemap > ul > li  > ol > li > ol > li {display:block;}
#sub_container .sitemap > ul > li  > ol > li > ol > li > a {display:block;font-size:15px;color:#5e5e5e;padding:7px 0;line-height:1.3;transition:none}
#sub_container .sitemap > ul > li  > ol > li > ol > li > a:hover {background:#32c2bb;color:#fff}
#sub_container .sitemap > ul > li:nth-of-type(5n) {border-right:0}
#sub_container .sitemap > ul > li > ol > li {display:block}


/* 회원탈퇴 */
#mout * {transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in}
#mout {height:500px}
#mout .sub_top_title {display:block;background:#d00d52;height:30px;text-align:center;padding:40px 0;font-size:186%;font-weight:400;color:#fff;line-height:1}
#mout .sub_top_title b {font-weight:500}
#mout .mout_form {box-sizing:border-box;max-width:520px;width:92%;margin:100px auto 0;border:1px solid #d4d5d8;padding:50px 4% 80px;overflow:hidden;background:#fff}
#mout .mout_form  .sub_title {text-align:center}
#mout .mout_form  .sub_title h1 {font-size:253%;font-weight:500}
#mout .mout_form form {margin-top:40px}
#mout .mout_form form input[type='text'],#mout .mout_form form input[type='password'] {width:100%;height:44px;border:1px solid #d2d2d2;padding:0 3%;font-size:100%;color:#3d3d3d;margin-bottom:20px}
#mout .mout_form form input[type='submit']  {display:block;width:100%;border:none;height:44px;line-height:44px;text-align:center;font-family:'notokr';font-size:16px;font-weight:500;color:#fff;text-align:center;background:#15a6a1;margin:20px 0 40px}
#mout .mout_form .find {display:inline-block;font-size:106%;color:#000}
#mout .mout_form h3 {font-size:160%;font-weight:400;color:#0f0f0f;text-align:center;letter-spacing:-1;margin-top:30px}
#mout .mem_del {padding:50px 3.5% 30px}
#mout .mout_form .del_txt {font-size:160%;font-weight:500;color:#0f0f0f;margin:60px 0;line-height:2;text-align:center}
#mout .mout_form .big_btn_gray {display:inline-block;margin:0 auto;text-align:center;margin-bottom:50px}



/* 캘린더 */
#carendar .ymd  {display:table;width:100%;height:60px;background:#2a2f42}
#carendar .ymd td {font-size:18px;color:#fff;font-weight:500;padding:0 2%}
#carendar .ymd td:nth-of-type(1) {text-align:left}
#carendar .ymd td:nth-of-type(2) {font-size:26px;font-weight:500;text-align:center;color:#dbe3ff}
#carendar .ymd td:nth-of-type(3) {text-align:right}
#carendar .week {display:table;width:100%;background:#ecf0fe;table-layout: fixed;}
#carendar .week td {width:calc(100% / 7);font-size:15px;font-weight:400;height:50px;line-height:50px;color:#000;text-align:center;border:1px solid #bdc7d0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;border-bottom:none}
#carendar .day_con {display:table;width:100%;table-layout:fixed}
#carendar .day_con td {width:calc(100% / 7);font-family:'Nanum';font-size:12px;color:#000;border:1px solid #bdc7d0;padding:7px;margin-right:-1px;vertical-align:top;height:100px}
#carendar .day_con td:nth-of-type(7n+1) .day {color:red}
#carendar .day_con td:last-child {border-right:1px solid #bdc7d0}
#carendar .day_con td .day {font-size:13px;font-weight:500;color:#464646}
#carendar .day_con td .cont {line-height:1.4}



.swiper-container_submenu {
  max-width:1200px;
  margin:0 auto;
  height: 100%;
  overflow:hidden;
}
 .swiper-slide {margin-right:0 !important}
.sub1_bg .swiper-container_submenu .swiper-slide {width:auto;text-align:center;border-left:1px solid #555;width:16%}
.sub2_bg .swiper-container_submenu .swiper-slide {width:auto;text-align:center;border-left:1px solid #555;padding:0 1.35%}
.sub3_bg .swiper-container_submenu .swiper-slide {width:auto;text-align:center;border-left:1px solid #555;padding:0 3%}
.sub4_bg .swiper-container_submenu .swiper-slide {width:auto;text-align:center;border-left:1px solid #555;padding:0 2%}
.sub5_bg .swiper-container_submenu .swiper-slide {width:auto;text-align:center;border-left:1px solid #555;padding:0 2%}
.sub6_bg .swiper-container_submenu .swiper-slide {width:auto;text-align:center;border-left:1px solid #555;padding:0 2%}
.sub7_bg .swiper-container_submenu .swiper-slide {width:auto;text-align:center;border-left:1px solid #555;padding:0 2%}
.sub8_bg .swiper-container_submenu .swiper-slide {width:auto;text-align:center;border-left:1px solid #555;padding:0 3%}
.swiper-container_submenu .swiper-slide:nth-last-of-type(1) {border-left:1px solid #555;border-right:1px solid #555}
.swiper-container_submenu .swiper-slide a {display:block;font-size:113%;color:#fff;line-height:50px}
.swiper-container_submenu .swiper-slide a.on,.swiper-container_submenu .swiper-slide a:hover {color:#ccfff2}





@media all and (max-width : 1250px){
#header .lnb > ul > li a {transition:all 2s}
.swiper-container {height:350px}
.swiper-container .swiper-slide {height:350px}
.swiper-slide .content_area {max-width:1170px;margin:0 auto;height:350px;padding:0 15px}
.swiper-slide .title h1 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing:-2px;
  padding-top:90px;
}
.swiper-slide .title h3 {
  display:block;
  padding-top:10px;
  font-size: 26px;
  font-weight: 600;
  letter-spacing:-2px;
}
.swiper-slide .subtitle {
  font-size: 22px;
  font-weight: 500;
  line-height:1.3;
  letter-spacing:-1px;
  padding-top:40px;
}

}

@media all and (max-width : 1200px){

.pc1200 {display:none}
.mobile1200 {display:block}
#header .lnb > ul > li {padding:20px 0 20px}
#sub_container .photo_list ul li {width:33.3%;margin-bottom:40px}
#sub_container .login_form,#sub_container .mout_ok_form {height:35vw}
#sub_container .login_form .mem_txt h1,#sub_container .mout_ok_form .mem_txt h1 {font-size:2.916vw}
#sub_container .login_form .mem_txt h3,#sub_container .mout_ok_form .mem_txt h3 {font-size:2.08vw;font-weight:500;padding-top:15px}
#sub_container .login_form .mem_txt .mem_con,#sub_container .mout_ok_form .mem_txt .mem_con {font-size:15px;font-weight:400;color:#6e6e6e;padding-top:2.08vw}

}
@media all and (max-width : 1180px){

.pc1150 {display:none}
.mobile1150 {display:block}
#header .lnb > ul > li {padding:20 0 20px}
}
@media all and (max-width : 1150px){

.pc1150 {display:none}
.mobile1150 {display:block}
#header .lnb > ul > li {padding:20px 0 20px}
#sub_container .sitemap > ul > li {width:25%}
#sub_container .sitemap > ul > li:nth-of-type(5n) {border-right:1px solid #e5e5e5}
#sub_container .sitemap > ul > li:nth-of-type(4n) {border-right:0}
}

@media all and (max-width : 1100px){

.pc1100 {display:none}
.mobile1100 {display:block}

#header .lnb > ul > li {padding:20px 0 20px}
#sub_container .sub41 .tbl_pc {display:none !important}
#sub_container .sub41 .tbl_mobile {display:table}
}


@media all and (max-width : 1050px){

#header .lnb > ul > li {padding:20 0 20px}
.swiper-slide .content_area {max-width:1170px;margin:0 auto;height:350px;padding:0 15px}
.swiper-slide .title h1 {
  font-size: 33px;
  font-weight: 600;
  letter-spacing:-2px;
  padding-top:90px;
}
.swiper-slide .title h3{
  display:block;
  padding-top:10px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing:-2px;
}
.swiper-slide .subtitle {
  font-size: 18px;
  font-weight: 500;
  line-height:1.3;
  letter-spacing:-1px;
  padding-top:40px;
}
}

@media all and (max-width : 1000px){

.pc1000 {display:none}
.mobile1000 {display:block}
#sub_container .sitemap > ul > li {width:33.3%}
#sub_container .sitemap > ul > li:nth-of-type(4n) {border-right:1px solid #e5e5e5}
#sub_container .sitemap > ul > li:nth-of-type(3n) {border-right:0}
#sub_container .usage_area .usage_title {font-size:160%}
#sub_container .usage_area .mtitle1 {font-size:200%}
#sub_container .usage_area .mtitle2 {font-size:137%;}
#sub_container .login_form,#sub_container .mout_ok_form {height:350px}
#sub_container .login_form .mem_txt h1,#sub_container .mout_ok_form .mem_txt h1 {font-size:29px}
#sub_container .login_form .mem_txt h3 ,#sub_container .mout_ok_form .mem_txt h3 {font-size:21px;font-weight:500;padding-top:15px}
#sub_container .login_form .mem_txt .mem_con,#sub_container .mout_ok_form .mem_txt .mem_con {font-size:15px;font-weight:400;color:#6e6e6e;padding-top:20px}
#sub_container .usage h2,
#sub_container .usage_area h2 {font-size:22px;padding-top:30px}
#sub_container .usage h3 {font-size:18px}
}


@media all and (max-width : 840px){

.pc840 {display:none}
.mobile840 {display:block}
.pc840_in {display:none}
.mobile840_in {display:inline}
.pc840_view {display:none}
.mobile840_view {display:visible}
.pc840_ib {display:none}
.swiper-slide .content_area {max-width:840px;margin:0 auto;height:250px;padding:0 25px}
.swiper-slide .title h1 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing:-1px;
  padding-top:60px;
}
.swiper-slide .title h3 {
  display:block;
  padding-top:10px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing:-1px;
}
.swiper-slide .subtitle {
  font-size: 14px;
  font-weight: 500;
  line-height:1.5;
  letter-spacing:-0.5px;
  padding-top:40px;
}
#sub_container {padding-top:0 !important}
#sub_container .sitemap td:nth-of-type(1) {font-size:120%;font-weight:500;color:#000}


/* 인트라넷 */
.intranet_sub_top_title {text-align:center}
.intranet_sub_top_title .wr1200 {background:none}

/* MEMBER */
.member_sub_top_title {display:block;text-align:center;padding:15px 0;font-size:160%;font-weight:400;color:#fff;line-height:1.3}
.member_sub_top_title b {font-weight:500}

/* 로그인 */
#login {height:400px}
#login .sub_top_title {display:block;text-align:center;padding:25px 0;font-size:160%;font-weight:400;color:#fff;line-height:1}
#login .sub_top_title b {font-weight:500}
#login .login_form {box-sizing:border-box;max-width:450px;width:90%;margin:50px auto 0;border:1px solid #d4d5d8;padding:20px 5% 40px;overflow:hidden;background:#fff}
#login .login_form  .sub_title {text-align:center}
#login .login_form  .sub_title h1 {font-size:213%;font-weight:500}
#login .login_form form {margin-top:20px}
#login .login_form form input[type='text'] {width:100%;height:44px;border:1px solid #d2d2d2;padding:0 3%;font-size:100%;color:#3d3d3d;margin-bottom:20px}
#login .login_form form input[type='submit']  {display:block;width:100%;border:none;height:44px;line-height:44px;text-align:center;font-family:'notokr';font-size:16px;font-weight:500;color:#fff;text-align:center;margin:10px 0 30px}
#login .login_form h3 {font-size:160%;font-weight:500;color:#0f0f0f;text-align:center;letter-spacing:-1;margin-top:40px}
#login .mem_del {padding:50px 3.5% 30px}


/* 회원가입 */
#sub_container .login_form {background:none;height:300px}
#sub_container .login_form .mem_ok_txt_wrap {padding-left:0}



/* 회원탈퇴 */
#mout  {height:auto}
#mout  .sub_top_title {display:block;background:#d00d52;height:30px;text-align:center;padding:25px 0;font-size:160%;font-weight:400;color:#fff;line-height:1}
#mout  .sub_top_title b {font-weight:500}
#mout  .mout_form {box-sizing:border-box;max-width:450px;width:90%;margin:50px auto;border:1px solid #d4d5d8;padding:20px 5%;overflow:hidden;background:#fff}
#mout  .mout_form  .sub_title {text-align:center}
#mout  .mout_form  .sub_title h1 {font-size:213%;font-weight:500}
#mout  .mout_form form {margin-top:20px}
#mout  .mout_form form input[type='text'] {width:100%;height:44px;border:1px solid #d2d2d2;padding:0 3%;font-size:100%;color:#3d3d3d;margin-bottom:20px}
#mout  .mout_form form input[type='submit']  {display:block;width:100%;border:none;height:44px;line-height:44px;text-align:center;font-family:'notokr';font-size:16px;font-weight:500;color:#fff;text-align:center;margin:10px 0 30px}
#mout  .mout_form h3 {font-size:133%;font-weight:500;color:#0f0f0f;text-align:center;letter-spacing:-1;margin-top:30px}
#mout .mout_form .del_txt {font-size:146%;font-weight:500;color:#0f0f0f;margin:40px 0;line-height:2;text-align:center}
#mout .mout_form .big_btn_gray {margin-bottom:25px}
#sub_container .mout_ok_form {background:none;height:300px}
#sub_container .mout_ok_form .mem_ok_txt_wrap {padding-left:0}
.space50 {height:40px !important}
.space80 {height:50px !important}
#sub_container .mem_ok {margin:50px auto}


/* 아이디/비번찾기 */
#sub_container .member_find .title_find {font-size:24px;}


/* 아이디 중복체크 */
#id_check .check  {max-width:450px;width:90%}
#id_check .check  .sub_title {height:80px;line-height:80px;}
#id_check .check  .sub_title h1 {font-size:25px;font-weight:500;color:#fff}
#id_check .check form {border:1px solid #d4d5d8;padding:40px 3%;height:340px}
#id_check .check form input[type='text'],#id_check .check form input[type='password'] {width:100%;height:44px;border:1px solid #d2d2d2;padding:0 3%;font-size:100%;color:#3d3d3d;margin-top:30px}
#id_check .check .txt {height:120px}
#id_check .btn_id_ok {margin:20px auto}
#id_check.id_check2 .check form {padding:15px 3%}
#id_check.id_check2 .id_check_txt {font-size:15px;color:#3d3d3d;text-align:center}
#id_check.id_check2 .check .txt {height:60px}
#id_check.id_check2 .check form input[type='text'],#id_check.id_check2 .check form input[type='password'] {margin-top:15px}
#id_check.id_check3#id_check .check form {padding:30px 4%}
#id_check.id_check3 .id_replace {font-size:22px;text-align:center;height:95px}

/* 이용약관, 개인정보취급방침 */
#sub_container .usage .txt {font-size:15px}
}



@media all and (max-width : 640px){

.pc640 {display:none}
.mobile640 {display:block}
.pc640_tbl {display:none}
.mobile640_tbl {display:inline}
.pc640_view {display:none}
.mobile640_view {display:visible}
.intranet_sub_top_title {font-size:25px}
#header .sub_top .sub_top840_txt h1 {font-size:166%}
#container h1 {font-size:200%}
#sub_container .sub_content_title {margin-bottom:10px}
#sub_container .sub_title h1 {font-size:166%}
#sub_container .sub_title h2 {font-size:133%;padding:25px 0 20px;}
#sub_container .sub_title h3 {font-size:120%;padding:15px 0 20px}
#sub_container .sub_txt .txt_right img {margin-top:10px}
#sub_container .lecture_detail table {width:95%}
#sub_container .login_form {max-width:440px;width:90%;margin:50px auto;border:1px solid #d4d5d8;padding:30px 5%;overflow:hidden}
#sub_container .login_form  .sub_title {text-align:center}
#sub_container .login_form form {margin-top:30px}
#sub_container .login_form form input[type='text'] {width:100%;height:44px;border:1px solid #d2d2d2;padding:0 3%;font-size:16px;color:#3d3d3d;margin-bottom:20px}
#sub_container .login_form form input[type='submit']  {display:block;width:100%;border:none;height:44px;line-height:44px;text-align:center;font-size:16px;font-weight:500;color:#fff;text-align:center;margin:10px 0 20px}
#sub_container .login_form .find {display:inline-block;font-size:16px;color:#000}
#sub_container .login_form .mem_txt {font-size:140%;margin:30px 0}
#sub_container .usage_area .mtitle1 {font-size:166%;font-weight:500;color:#0f0f0f;text-align:center}
#sub_container .usage_area .mtitle2 {font-size:113%;font-weight:400;color:#0f0f0f;text-align:center;padding:15px 0}
#sub_container .usage_area .usage_title {font-size:130%;font-weight:500;color:#0f0f0f;padding:30px 0 10px}
#sub_container .usage_area .agree_txt {width:100%;height:300px;overflow:scroll;padding:0 3.5%;border:1px solid #d4d5d8;line-height:1.6;color:#000}
#sub_container .usage_area .agree_txt h4 {font-size:130%;font-weight:500;color:#0f0f0f;padding-top:40px}
#sub_container .sitemap > ul > li {width:50%}
#sub_container .sitemap > ul > li:nth-of-type(3n) {border-right:1px solid #e5e5e5}
#sub_container .sitemap > ul > li:nth-of-type(2n) {border-right:0}
#sub_container .sitemap > ul > li:nth-of-type(n+3) {height:auto}
#sub_container .sitemap > ul > li:nth-of-type(5) {height:315px}
#container .main_content4 .photo_gallery ul li img {width:220px;height:140px}
#sub_container .member_input dl {display:block}
#sub_container .member_input dl dt {clear:both;float:none;width:100%;min-height:auto}
#sub_container .member_input dl dt.last {border-bottom:1px solid #ddd}
#sub_container .member_input dl dd{clear:both;float:none;width:100%;max-width:100%;padding-left:20px}
#footer .fbnr {padding:0 !important}
#footer .copyright {padding-top:15px}
#footer .copyright li:nth-last-of-type(1) {font-size:13px}
#login {max-width:auto}
#login .fnb li {width:25% !important;text-align:center}
.fnb_member li {width:25% !important;text-align:center}
#sub_container .agreen_buttons {margin-top:20px}
#sub_container .member_input table td input[type="text"],#sub_container .member_input table td input[type="password"] {width:90%}
#sub_container .usage_area h2 {font-size:20px}


/* 회원가입완료 */
#sub_container .login_form {max-width:auto;padding:30px 0}
#sub_container .login_form .mem_txt {padding:0 5%}
#sub_container .usage_area h2 {font-size:18px;padding-top:20px}


/* 아이디 중복체크 */
#id_check .check  {max-width:440px;width:90%}
#id_check .check  .sub_title {height:60px;line-height:60px;}
#id_check .check  .sub_title h1 {font-size:22px;font-weight:500;color:#fff}
#id_check .check form {border:1px solid #d4d5d8;padding:30px 3%;height:290px}
#id_check .check form input[type='text'],#id_check .check form input[type='password'] {width:100%;height:44px;border:1px solid #d2d2d2;padding:0 3%;font-size:100%;color:#3d3d3d;margin-top:20px}
#id_check .check .txt {height:100px}
#id_check .btn_id_ok {margin:10px auto}
#id_check.id_check2 .check form {padding:10px 4%}
#id_check.id_check2 .id_check_txt {font-size:14px;color:#3d3d3d;text-align:center}
#id_check.id_check2 .check .txt {font-size:14px;height:50px;line-height:1.3}
#id_check.id_check2 .check form input[type='text'],#id_check.id_check2 .check form input[type='password'] {margin-top:10px}
#id_check.id_check2 .check form input[type='submit']  {margin:10px 0 0}
#id_check.id_check3#id_check .check form {padding:25px 4%}
#id_check.id_check3 .id_replace {font-size:19px;text-align:center;height:85px}

/* 이용약관 */
#sub_container .usage h1 {font-size:20px}
#sub_container .usage .title_usage {clear:both;padding:20px 0 5px;}
.member_sub_top_title2 li:nth-of-type(2) {width:50%}

/* 이메일 */
#sub_container .email_txt {font-size:15px;color:#3c3c3c;line-height:1.6;margin-bottom:20px}
#sub_container .nomail ul {padding:0}

}


@media all and (max-width : 480px){

.pc480 {display:none}
.mobile480 {display:block}
.pc480_tbl {display:none}
.mobile480_tbl {display:inline}
.intranet_sub_top_title {font-size:23px;line-height:1.3}
#header .sub_top .sub_top840_txt h1 {font-size:180%}
#header .gnb .logo {position:absolute;top:5px;right:10%}
#container h1 {font-size:160%;padding:5px 0}
#sub_container .login_form .mem_txt {font-size:120%}
.space100 {margin-top:20px !important;padding-bottom:20px !important}
#sub_container .usage_area h2 {font-size:18px}


/* Member */
.member_sub_top_title {display:block;text-align:center;padding:10px 0;font-size:120%;font-weight:400;color:#fff;line-height:30px}
#sub_container .member_input dl dd input[type="text"],#sub_container .member_input dl dd input[type="password"] {width:70%}
#sub_container .member_input dl dd .mobile480 {margin-top:5px}


/* 로그인 */
#login {height:350px}
#login .sub_top_title {display:block;text-align:center;padding:20px 0;font-size:120%;font-weight:400;color:#fff;line-height:30px}
#login .sub_top_title b {font-weight:500}
#login .login_form {box-sizing:border-box;max-width:450px;width:84%;margin:30px auto 0;border:1px solid #d4d5d8;padding:20px 8% 40px;overflow:hidden;background:#fff}
#login .login_form  .sub_title {text-align:center}
#login .login_form  .sub_title h1 {font-size:166%;font-weight:500}
#login .login_form form {margin-top:10px}
#login .login_form form input[type='text'] {width:100%;height:44px;border:1px solid #d2d2d2;padding:0 3%;font-size:100%;color:#3d3d3d;margin-bottom:10px}
#login .login_form form input[type='submit']  {display:block;width:100%;border:none;height:44px;line-height:44px;text-align:center;font-family:'notokr';font-size:16px;font-weight:500;color:#fff;text-align:center;margin:10px 0 20px}
#login .login_form h3 {font-size:160%;font-weight:500;color:#0f0f0f;text-align:center;letter-spacing:-1;margin-top:40px}
#login .mem_del {padding:50px 3.5% 30px}

/* 회원탈퇴 */
#mout .sub_top_title {display:block;height:30px;text-align:center;padding:20px 0;font-size:120%;font-weight:400;color:#fff;line-height:30px}
#mout .sub_top_title b {font-weight:500}
#mout .mout_form {box-sizing:border-box;max-width:450px;width:84%;margin:30px auto 0;border:1px solid #d4d5d8;padding:25px 5% 25px;overflow:hidden;background:#fff}
#mout .mout_form  .sub_title {text-align:center}
#mout .mout_form  .sub_title h1 {font-size:166%;font-weight:500}
#mout .mout_form form {margin-top:10px}
#mout .mout_form form input[type='text'] {width:100%;height:44px;border:1px solid #d2d2d2;padding:0 3%;font-size:100%;color:#3d3d3d;margin-bottom:10px}
#mout .mout_form form input[type='submit']  {display:block;width:100%;border:none;height:44px;line-height:44px;text-align:center;font-family:'notokr';font-size:16px;font-weight:500;color:#fff;text-align:center;margin:10px 0 20px}
#mout .mout_form h3 {font-size:120%;font-weight:400;color:#0f0f0f;text-align:center;letter-spacing:-1;margin-top:15px}
#mout .mout_form .del_txt {font-size:120%;font-weight:500;color:#0f0f0f;margin:25px 0;line-height:2;text-align:center}
#mout .mout_form .big_btn_gray {margin-bottom:0}

.member_sub_top_title2 {padding:0 0 20px}
.member_sub_top_title2 li:nth-of-type(1) {width:100%;text-align:center;padding:10px 0}
.member_sub_top_title2 li:nth-of-type(2) {width:90%}
.member_sub_top_title2 .search_wrap {top:0}
}



/* 이미지 비율로 줄이기 */
.img_parent {
  width:100%;
}



/* tab */
.tab_content div {display:none}
.tab_content div:nth-of-type(1) {display:table}
.tleft20 {text-align:left !important;padding:0 2%}
.txt_center {text-align:center !important;}
.private_txt_center {padding:40px 20px;text-align:center}
.private_tbl_scroll {padding:20px 0 !important}