/* common */
input,textarea{font-family: 'Noto Sans KR', sans-serif;}
input[type="submit"],input[type="button"], input[type="file"],  input[type="text"], button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important;}

/* select icon */
select::-ms-expand { display: none; }
select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
    background: url(/img/sub/icon_select.png) no-repeat 93% 50%;
}



.w1600{width: 100%; max-width:1600px; margin: 0 auto; box-sizing:border-box; }
.w1600.bgf{background: #fff;}
.w1400{width: 100%; max-width:1400px; margin: 0 auto; box-sizing:border-box}
.cf::after{content:""; display:block; clear:both}
.padding{ padding: 100px 0 150px;}
dd,dt,li,p{ word-break:keep-all}
.mob{display:none; }
.line_tit::after{content:""; position:absolute; bottom: 0; left: 50%; transform:translateX(-50%); display:inline-block; vertical-align: top; width: 40px; height: 2px; background: #005aab;}

.wrap{position:relative; overflow: hidden;}
.wrap::after{content:""; display:inline-block; position:absolute; bottom: 0; left: 0; width: 100%; height: 1000px; background:url(/img/sub/s_footer_bg.png) 50% 50% no-repeat; background-size:cover; z-index: -1;}
.wrap01::before{content:""; display:inline-block; position:absolute; top: 0; left: 0; width: 100%; height: 1200px; background:url(/img/sub/sv01.png) 50% 50% no-repeat; background-size:cover; z-index: -1;}
.wrap02::before{content:""; display:inline-block; position:absolute; top: 0; left: 0; width: 100%; height: 1200px; background:url(/img/sub/sv02.png) 50% 50% no-repeat; background-size:cover; z-index: -1;}
.wrap03::before{content:""; display:inline-block; position:absolute; top: 0; left: 0; width: 100%; height: 1200px; background:url(/img/sub/sv03.png) 50% 50% no-repeat; background-size:cover; z-index: -1;}
.wrap04::before{content:""; display:inline-block; position:absolute; top: 0; left: 0; width: 100%; height: 1200px; background:url(/img/sub/sv04.png) 50% 50% no-repeat; background-size:cover; z-index: -1;}
.wrap05::before{content:""; display:inline-block; position:absolute; top: 0; left: 0; width: 100%; height: 1200px; background:url(/img/sub/sv05.png) 50% 50% no-repeat; background-size:cover; z-index: -1;}



.wrap .sub{}
.wrap .sub .tit{text-align: center; padding-top:170px;}
.wrap .sub .tit h2{font-weight:bold; font-size:50px; letter-spacing:-0.03em; color: #fff; margin-bottom:17px;}
.wrap .sub .tit p{font-weight:300; font-size:18px; letter-spacing:-0.03em; color: #fff; opacity: 0.8; margin-bottom:32px;}
.wrap .sub .s_loca{opacity: 0.6; text-align:center;}
.wrap .sub .s_loca li{position:relative; display:inline-block; vertical-align: bottom;font-weight:400; font-size:14px; letter-spacing:-0.03em; color: #fff; margin-right: 25px;}
.wrap .sub .s_loca li:first-of-type{font-weight:300;}
.wrap .sub .s_loca li:last-of-type{margin-right: 0;}
.wrap .sub .s_loca li::after{content:url(/img/sub/icon_location01.png); position:absolute; right: -18px;}
.wrap .sub .s_loca li:last-of-type::after{display:none; }
.wrap .sub .s_loca li i{margin-right: 4px;}
.wrap .sub_ctn{margin-top:64px;}
.wrap .sub_ctn .lnb{font-size:0; text-align: center; border-bottom: 1px solid #ddd; box-sizing:border-box;}
.wrap .sub_ctn .lnb .lnb_list{}
.wrap .sub_ctn .lnb .lnb_list ul{}
.wrap .sub_ctn .lnb .lnb_list ul li{display:inline-block; vertical-align: top;}
.wrap .sub_ctn .lnb .lnb_list ul li a{position:relative; display:inline-block; width: 100%; vertical-align: top; line-height:80px; font-weight:300; font-size:18px; letter-spacing:-0.03em; color: #666;}
.wrap .sub_ctn .lnb .lnb_list ul li a::before{content:""; position:absolute; top: 50%; right: 0; width: 1px; height: 20px; background: #dddddd; transform:translateY(-50%);}
.wrap .sub_ctn .lnb .lnb_list ul li a::after{content:""; position:absolute; bottom: 0; left: 0; width: 0; height: 3px; background: #005aab;}
.wrap .sub_ctn .lnb .lnb_list ul li:last-of-type a::before{display:none; }
.wrap .sub_ctn .lnb .lnb_list ul li.on a{color: #005aab;}
.wrap .sub_ctn .lnb .lnb_list ul li.on a::after{width: 100%;}


/* 인사말 */
.greeting{position:relative; font-size:0;}
.greeting::before{content:""; position:absolute; bottom: 0; left: 0; width: 565px; height: 659px; background:url(/img/sub/greeting_bg.png) 50% 50% no-repeat; background-size:cover}
.greeting .g_main{position:relative; }
.greeting .g_main .img{background:url(/img/sub/greeting01.jpg) 100% 50% no-repeat; background-size:cover; height: 460px;}
.greeting .g_main p{position:absolute; top: 50%; left:100px; transform:translateY(-50%); font-weight:300; font-size:32px; letter-spacing:-0.03em; color: #fff; line-height:1.7em;}
.greeting .g_main p span{font-weight:bold; letter-spacing:-0.03em; color: #fff;}
.greeting .cont{margin-top:65px;}
.greeting .cont h3{display:inline-block; width: 38%; vertical-align: top; font-weight:500; font-size:28px; letter-spacing:-0.03em; color: #333; box-sizing:border-box; padding-left: 20px;}
.greeting .cont .txt{display:inline-block; width: 62%; vertical-align: top;}
.greeting .cont .txt p{font-size:16px; letter-spacing:-0.03em; color: #666; margin-bottom:36px; line-height:2em}
.greeting .cont .txt p.tar{display:inline-block; vertical-align: bottom;  width: 100%;font-weight:300; font-size:20px; letter-spacing:-0.03em; color: #333; margin-bottom:0; text-align: right;}
.greeting .cont .txt p.tar span{display:inline-block; vertical-align: bottom; font-weight:500; font-size:30px; letter-spacing:-0.03em; color: #333;  line-height:1.8em; margin-left: 10px;}


/* 비전 */
.vision{box-sizing:border-box;}
.vision .item{font-size:0; margin-bottom:120px;}
.vision .item:last-of-type{margin-bottom:0;}
.vision .item .box{position:relative; width: 50%; display:inline-block; vertical-align: middle;box-sizing:border-box;}
.vision .item .box .txt{}
.vision .item .box .txt h4{position:relative; font-family: 'Montserrat', sans-serif; font-weight:600; font-size:30px; color: #005aab; margin-bottom:42px; text-transform: uppercase;}
.vision .item .box .txt h4::after{content:""; position:absolute; bottom: -22px; left: 0; width: 40px; height: 2px; background: #005aab;}
.vision .item .box .txt h3{font-weight:300; font-size:40px; color: #333; letter-spacing:-0.03em; }
.vision .item .box .txt h3 span{font-weight:500;}
.vision .item .box .txt p{font-weight:300; font-size:18px; letter-spacing:-0.03em; color: #666; line-height:1.7em; word-break:keep-all; margin-top:44px;}
.vision .item .box .txt ul{margin-top:52px;}
.vision .item .box .txt ul li{width: 30%; margin-right: 5%; display:inline-block; vertical-align: top; border:1px solid #ddd; box-sizing:border-box; text-align: center; padding: 30px 0;}
.vision .item .box .txt ul li:last-of-type{margin-right: 0;}
.vision .item .box .txt ul li span{display:inline-block; width: 100%;}
.vision .item .box .txt ul li span.l_txt{font-weight:400; font-size:15px; color: #333; letter-spacing:-0.03em; margin-top:18px;}
.vision .item .box figure{}
.vision .item .box:first-of-type{ padding-right: 76px; padding-left: 0; }
.vision .item.cf .box:first-of-type{float: right; padding-left: 76px; padding-right: 0; overflow: hidden; padding-bottom:32.86%;}
.vision .item.cf .box .txt{position:absolute; top: 50%; transform:translateY(-50%); width: calc(100% - 76px); }

/* fi */
.fi{font-size:0;}
.fi .txt{}
.fi .txt h3{font-weight:bold; font-size:30px; letter-spacing:-0.03em; color: #333;}
.fi .txt p{font-weight:300; font-size:16px; letter-spacing:-0.03em; color: #666; line-height:2em; margin-top:13px;}
.fi .box{display:inline-block; vertical-align: top; width: 46%; margin-right: 8%;}
.fi .box:last-of-type{margin-right: 0;}
.fi .sec{border-bottom: 1px solid #dbdbdb; padding-bottom:80px; margin-bottom:110px;}
.fi .sec:last-of-type{padding-bottom:0; margin-bottom:0; border-bottom: none
;}
.fi .sec01 .btn_ctn{margin-top:100px;}
.fi .sec01 .btn_ctn a{display:inline-block; width: 200px; height: 65px; vertical-align: top; font-weight:500; font-size:16px; letter-spacing:-0.03em; color: #fff; background: #004ea2; text-align: center; line-height:60px; border:1px solid #004ea2; border-radius:5px; margin-right: 20px;}
.fi .sec01 .btn_ctn a:last-of-type{margin-right: 0;}
.fi .sec01 .btn_ctn a.bg_w{background: #fff;border:1px solid #666; color: #666;}
.fi .sec01 .btn_ctn a font{font-family: 'Montserrat', sans-serif;}
.fi .sec03 .txt,
.fi .sec02 .txt{margin-bottom:34px;}
.fi .sec02 .box .color{display:inline-block; vertical-align: top; width: 30.3%; border:1px solid #dbdbdb; box-sizing:border-box; overflow: hidden; position: relative; padding-bottom: 48.92%; margin-right: 4.5%;}
.fi .sec02 .box .color:last-of-type{margin-right: 0;}
.fi .sec02 .box .color .bg_box{position:absolute; top: 0; left: 0; width: 100%; max-width:inherit; height: 100%;}
.fi .sec02 .box .color.c01 .bg_box{background: #005baa;}
.fi .sec02 .box .color.c02 .bg_box{background: #0095da;}
.fi .sec02 .box .color.c03 .bg_box{background: #58595b;}
.fi .sec02 .box .color .bg_box p{position:absolute; bottom: 90px; left: 15px; width: 100%; font-family: 'Montserrat', sans-serif; font-size:14px; letter-spacing:-0.03em; color: #fff; z-index: 1;}
.fi .sec02 .box .color .c_txt{position:absolute; bottom: 0;left: 0; width: 100%; background: #fff; padding: 20px 15px; box-sizing:border-box;}
.fi .sec02 .box .color .c_txt p{font-family: 'Montserrat', sans-serif; font-weight:500; font-size:14px; letter-spacing:-0.03em; color: #666;}
.fi .sec02 .box .color .c_txt p span{display:inline-block; margin-right: 10px;}

/* 안내 */
.s_contact .sec h3{position:relative; font-weight:bold; font-size:30px; letter-spacing:-0.03em; color: #333; text-align: center; margin-bottom:66px;}
.s_contact .sec h3::after{content:""; position:absolute; left: 50%; bottom: -22px; height: 2px; width: 40px; background: #005aab; transform:translateX(-50%);}
.s_contact .map_box{height: 570px;}
.s_contact .table_box{border-top: 2px solid #005aab; margin-top:30px;}
.s_contact .table_box tbody{}
.s_contact .table_box tbody tr{}
.s_contact .table_box tbody tr th{width: 20%; position:relative; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size:18px; color: #005aab; border-bottom: 1px solid #ddd; padding: 26px 0 26px 30px; text-align: left;}
.s_contact .table_box tbody tr th::after{content:""; position:absolute; top: 50%; right: 0; transform:translateY(-50%); width: 1px; height: 20px; background: #dddddd;}
.s_contact .table_box tbody tr th .icon{position:relative; top: -2px; width: 22px; height: 22px; display:inline-block; vertical-align: middle; margin-right: 22px;}
.s_contact .table_box tbody tr th .icon01{background:url(/img/sub/s_contact01.png) 50% 50% no-repeat; background-size:cover}
.s_contact .table_box tbody tr th .icon02{background:url(/img/sub/s_contact02.png) 50% 50% no-repeat; background-size:cover}
.s_contact .table_box tbody tr th .icon03{background:url(/img/sub/s_contact03.png) 50% 50% no-repeat; background-size:cover}
.s_contact .table_box tbody tr td{font-size:16px; letter-spacing:-0.03em; color: #666; padding: 26px 0 26px 40px; border-bottom: 1px solid #ddd;text-align: left; word-break:keep-all}

/* 회원사 */
.partner{font-size:0;}
.partner .sec{margin-bottom:100px; padding-bottom:20px; border-bottom: 1px solid #ddd;}
.partner .sec:last-of-type{margin-bottom:0; padding-bottom:0; border-bottom: none;}
.partner .sec h3{position:relative; font-weight:bold; font-size:30px; letter-spacing:-0.03em; color: #333; text-align: center; margin-bottom:66px;}
.partner .sec h3::after{content:""; position:absolute; left: 50%; bottom: -22px; height: 2px; width: 40px; background: #005aab; transform:translateX(-50%);}
.partner .sec .logo_list{}
.partner .sec .logo_list .item{position:relative; display:inline-block; vertical-align: top; border:1px solid #ddd; box-sizing:border-box; width: 23%; margin-right: 2.6666666%; padding-bottom:13.358%; margin-bottom:40px;}
.partner .sec .logo_list .item:nth-of-type(4n){margin-right: 0;}
.partner .sec .logo_list .item figure{position:absolute; top: 0; left: 50%; transform:translate(-50%,0%); max-width:inherit; height: calc(100% - 51px); width: 100%; text-align: center;}
.partner .sec .logo_list .item figure img{height: 100%;}
.partner .sec .logo_list .main{border:none; padding-bottom:0;}
.partner .sec .logo_list .main figure{position:static; max-width: none; height: auto; transform:translate(0); height: auto;}
.partner .sec .logo_list .item .txt{position:absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #ddd;	font-size:16px; letter-spacing:-0.03em; color: #333; background: #f8f8f8; padding: 14px 0; text-align: center;}

/* 회원가입안내 */
.membership{}
.membership .sec{font-size:0;}
.membership .sec .tit{text-align: center;}
.membership .sec .tit h3{position:relative; font-weight:bold; font-size:30px; letter-spacing:-0.03em; color: #333; padding-bottom:24px; margin-bottom:28px;}

.membership .sec .tit p{font-weight:300; font-size:18px; letter-spacing:-0.03em; color: #666;}
.membership .sec .m_list{text-align: center; margin-top:100px;}
.membership .sec .m_list .item{position:relative; display:inline-block; vertical-align: top; width: 200px; height: 200px; border:1px solid #dfdfdf; border-radius:50%; text-align: center; box-sizing:border-box; padding: 43px 0; margin-right: 80px;}
.membership .sec .m_list .item::after{content:""; position:absolute; top: 50%; right: -56px; transform:translateY(-50%); background:url(/img/sub/icon_m_list.png) 50% 50% no-repeat; background-size:cover; width: 28px; height: 6px;}
.membership .sec .m_list .item:last-of-type{margin-right: 0;}
.membership .sec .m_list .item:last-of-type::after{display:none; }
.membership .sec .m_list .item figure{}
.membership .sec .m_list .item p{font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:14px; letter-spacing:-0.03em; color: #333; margin-top:12px;}
.membership .sec .m_list .item h4{font-size:20px; letter-spacing:-0.03em; color: #888;}
.membership .sec .list_info{margin-top:80px;}
.membership .sec .list_info .item{display:inline-block; vertical-align: top; width: 48%; margin-right: 4%; position:relative; background: #f8f8f8; box-sizing:border-box; padding: 44px 0 40px 44px; overflow: hidden; margin-bottom:40px;}
.membership .sec .list_info .item:nth-of-type(2n){margin-right: 0;}
.membership .sec .list_info .item:last-of-type{margin-right: 0;}
.membership .sec .list_info .item .po_num{position:absolute; right: 0; bottom: -40px; font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:120px; letter-spacing:-0.03em; color: #f2f2f2;	}
.membership .sec .list_info .item h4{position:relative; font-weight:bold;  font-size:24px; letter-spacing:-0.03em; color: #333; margin-bottom:16px;}
.membership .sec .list_info .item h4::before{content:""; position:absolute; top: 3px; left: -10px; width: 8px; height: 8px; border-radius:4px; background: #005aab;}
.membership .sec .list_info .item p{position:relative; font-size:16px; letter-spacing:-0.03em; color: #666; line-height:1.7em}
.membership .sec .list_info .item p em{color: #005aab;} 
.membership .sec .box{display:inline-block; vertical-align: top; width: 48%; margin-right: 4%;}
.membership .sec .box:last-of-type{margin-right: 0; box-sizing:border-box; padding-left: 43px;}
.membership .sec .box h4{font-weight:bold; font-size:24px; letter-spacing:-0.03em; color: #333; margin-bottom:28px;}
.membership .sec .box p{font-weight:500; font-size:18px; letter-spacing:-0.03em; color: #333; margin-bottom:26px; padding-top:28px;}
.membership .sec .box ul{}
.membership .sec .box ul li{display:inline-block; vertical-align:top; position:relative; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size:18px; letter-spacing:-0.03em; color: #888888; padding-left: 30px; margin-right: 38px;}
.membership .sec .box ul li:last-of-type{margin-right: 0;}
.membership .sec .box ul li em{color: #005aab;}
.membership .sec .box ul li::before{content:""; position:absolute; left: 0; top: 2px; background:url(/img/sub/icon_tel.png) 50% 50% no-repeat; background-size:cover; width: 23px; height: 20px;}
.membership .sec .box ul li:last-of-type::before{background:url(/img/sub/icon_mail.png) 50% 50% no-repeat; background-size:cover;}
.membership .sec .box .btn02{margin-top:60px;text-align: left;}
.membership .sec .box .btn02 a{display:inline-block; vertical-align: top; width: 270px; height: 70px; box-sizing:border-box; border:1px solid #004ea2; background: #004ea2; color: #fff; font-weight:400; font-size:16px; letter-spacing:-0.03em; line-height: 67px; border-radius:5px; margin-right: 26px; text-align: center;}
.membership .sec .box .btn02 a.bg_w{background: #fafafa; border:1px solid #aaa; color: #666; }
.membership .sec .box .btn02 a:last-of-type{margin-right: 0;}
.membership .sec .box .table_ctn{border-top: 1px solid #222;}
.membership .sec .box .table_ctn table{}
.membership .sec .box .table_ctn table tbody{}
.membership .sec .box .table_ctn table tbody tr{text-align: center;}
.membership .sec .box .table_ctn table tbody tr th{font-weight:500; font-size:15px; letter-spacing:-0.03em; color: #333; border-bottom: 1px solid #eee; border-right: 1px solid #eee; background: #f8f8f8; padding: 12px 0;}
.membership .sec .box .table_ctn table tbody tr td{font-weight:400; font-size:15px; letter-spacing:-0.03em; color: #888; border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 12px 0;}
.membership .sec .box .table_ctn table tbody tr .brn{border-right: none;}
/* 위원회 소개 */
.c_about{}
.c_about .sec{font-size:0; border-bottom: 1px solid #dbdbdb; margin-bottom:100px;}
.c_about .sec:last-of-type{border-bottom: none; margin-bottom:0;}
.c_about .sec .tit{}
.c_about .sec .tit h3{position:relative; text-align: center; font-weight:bold; font-size:30px; letter-spacing:-0.03em; color: #333; padding-bottom:25px; margin-bottom:40px;}
.c_about .sec .c_list{display:flex; flex-wrap:wrap}
.c_about .sec .c_list .item{display:inline-block; width: calc(25% - 30px); vertical-align:top; position:relative; box-sizing:border-box; border:1px solid #eee; padding: 39px; margin-right: 40px; overflow: hidden; margin-bottom:40px;}
.c_about .sec .c_list .item:nth-of-type(4n){margin-right: 0;}
.c_about .sec .c_list .item:last-of-type{margin-right: 0;}
.c_about .sec .c_list .item::after{content:""; display:inline-block; width: 319px; height: 281px; position:absolute; bottom: -100px; right: -146px; background:url(/img/sub/a_committee_bg.png) 50% 50% no-repeat; background-size:cover;}
.c_about .sec .c_list .item figure{text-align: center;}
.c_about .sec .c_list .item figure img{}
.c_about .sec .c_list .item .txt{}
.c_about .sec .c_list .item .txt h4{text-align: center;font-weight:bold; font-size:26px; letter-spacing:-0.03em; color: #333; border-bottom: 1px solid #dbdbdb; padding-bottom:14px; margin-top:30px;}
.c_about .sec .c_list .item .txt h4 span{font-weight:500; font-size:16px; color: #004ea2; letter-spacing:-0.03em; margin-left: 10px;}
.c_about .sec .c_list .item .txt ul{margin-top:20px;}
.c_about .sec .c_list .item .txt ul li{position:relative; font-size:14px; letter-spacing:-0.03em; color: #666; margin-bottom:12px; padding-left: 9px;}
.c_about .sec .c_list .item .txt ul li::before{content:""; position:absolute; top: 7px; left: 0; width: 3px; height: 3px; background: #666666; border-radius:50%}
/* 위원회 활동 */
.c_activity{}
.c_activity .sec{margin-bottom:100px;}
.c_activity .sec:last-of-type{margin-bottom:0}
.c_activity .sec .tit{}
.c_activity .sec .tit h3{position:relative; font-size:30px; font-weight:bold; letter-spacing:-0.03em; color: #333; text-align: center; padding-bottom:25px; margin-bottom:40px;}
.c_activity .sec .active{}
.c_activity .sec .active .item{display:flex; align-items:center; flex-wrap:wrap; border-bottom: 1px solid #dbdbdb; padding-bottom:60px; margin-bottom:100px;}
.c_activity .sec .active .item:last-of-type{margin-bottom:0px;}
.c_activity .sec .active .item .box{width: 50%;}
.c_activity .sec .active .item .box figure{text-align: right;}
.c_activity .sec .active .item .box figure img{}
.c_activity .sec .active .item .box h4{font-weight:bold; font-size:32px; letter-spacing:-0.03em; color: #333; margin-bottom:24px;}
.c_activity .sec .active .item .box p{font-size:16px; letter-spacing:-0.03em; color: #888;}
.c_activity .sec .active .item .box .list{}
.c_activity .sec .active .item .box .list h5{position:relative; font-weight:500; font-size:22px; letter-spacing:-0.03em; color: #004ea2; padding-left: 30px; margin-bottom:30px; margin-top:60px;}
.c_activity .sec .active .item .box .list h5::before{content:""; position:absolute; top: 2px; left: 0; background:url(/img/sub/icon_activity01.png) 50% 50% no-repeat; background-size:cover; width: 25px; height: 25px;}
.c_activity .sec .active .item .box .list ul{font-size:0;}
.c_activity .sec .active .item .box .list ul li{position:relative; display:inline-block; vertical-align: top; width: 49%; font-size:17px; letter-spacing:-0.03em; color: #666; padding-left: 12px; margin-bottom:30px; margin-right: 2%;}
.c_activity .sec .active .item .box .list ul li::before{content:""; position:absolute; top: 11px; left: 2px; width: 3px; height: 3px; border-radius:50%; background: #666666;}
.c_activity .sec .active .item .box .list ul li:nth-of-type(2n){margin-right: 0;}
.c_activity .sec .active .item .box .list ul li:last-of-type{margin-right: 0;}
.c_activity .sec > h4{font-weight:bold; font-size:32px; letter-spacing:-0.03em; color: #333; margin-bottom:45px;}
.c_activity .sec .o_list{font-size:0;}
.c_activity .sec .o_list li{display:inline-block; width: 48%; vertical-align: top; background: #f4f4f4; padding: 14px 16px; box-sizing:border-box; margin-right: 4%; margin-bottom:20px;}
.c_activity .sec .o_list li:nth-of-type(2n){margin-right: 0;}
.c_activity .sec .o_list li:last-of-type{margin-right: 0;}
.c_activity .sec .o_list li .img{display:inline-block; vertical-align: middle; width: 52px; }
.c_activity .sec .o_list li p{font-size:18px; letter-spacing:-0.03em; color: #666; display:inline-block; vertical-align: middle; width: calc(100% - 68px); margin-left: 16px;}
/* notice */
.notice{}
.notice .tab{text-align: center; margin-bottom:50px;}
.notice .tab li{position:relative; display:inline-block; vertical-align: top; margin-right: 50px;}
.notice .tab li:last-of-type{margin-right: 0;}
.notice .tab li::after{content:""; position:absolute; top: 13px; right: -30px; background: #ccc; width: 3px; height: 3px; border-radius:50%; }
.notice .tab li:last-of-type::after{display:none; }
.notice .tab li a{position:relative; display:inline-block; vertical-align: top; font-weight:300; font-size:20px; color: #aaa; letter-spacing:-0.015em; transition: 0.3s;  padding: 0 5px;}
.notice .tab li a::after{content:""; position:absolute; left: 0; bottom: -4px; width: 0; height: 2px; background: #005aab; transition:0.3s}

.notice .tab li:hover a,
.notice .tab li.on a{font-weight:500; color: #005aab;}
.notice .tab li:hover a::after,
.notice .tab li.on a::after{width: 100%;}

.notice .table_ctn{border-top: 2px solid #333;}
.notice .table_ctn table{}
.notice .table_ctn table tr{}
.notice .table_ctn table tr th{text-align: center; font-weight:500; font-size:18px; letter-spacing:-0.015em; color: #333; border-bottom: 1px solid #dbdbdb; padding: 28px 0;}
.notice .table_ctn table tr td{font-size:16px; letter-spacing:-0.025em; color: #666; border-bottom: 1px solid #dbdbdb; padding: 28px 0; text-align: center;}
.notice .table_ctn table tr td a{display:inline-block; vertical-align: top; width: 100%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice .table_ctn table tr td a .icon{display:inline-block; width: 16px; height: 20px; vertical-align: top; background:url(/img/sub/borad_icon.png) 50% 50% no-repeat; background-size:cover; margin-left: 10px;}
.notice .input_form{text-align: center; font-size:0; margin-top:40px;}
.notice .input_form select{vertical-align: top; width: 200px; height: 50px; background-color: #f9f9f9; border:none; padding: 0 16px; font-size:16px; letter-spacing:-0.015em; color: #333; margin-right: 10px;}
.notice .input_form select option{}
.notice .input_form label{display:inline-block; vertical-align: top; width: 420px; height: 50px;}
.notice .input_form label input{width: 100%; height: 100%; background: #f9f9f9; border:none; padding: 0 16px; font-size:16px; letter-spacing:-0.015em; color: #333;}
.notice .input_form label input::placeholder{color: #cccccc;}
.notice .input_form button{vertical-align: top; width: 130px; height: 50px; background: #333333; border:none; font-size:16px; letter-spacing:-0.015em; color: #fff;}
.page.page_c{}
.page.page_c ul{}
.page.page_c ul li{display:inline-block; vertical-align: top;width: 40px; height: 40px; }
.page.page_c ul li a{width: 40px; height: 40px; border:1px solid #dbdbdb; box-sizing:border-box; line-height:37px; padding: 0;}
.page.page_c ul li a img{margin: 12px 0;}
.page.page_c ul li a:hover{border:1px solid #333}

/* 게시판 뷰 */
.view{}
.view .borad_inner{}
.view .borad_inner .tit{border-top: 2px solid #333; border-bottom: 1px solid #dbdbdb; text-align: center; padding: 47px 0;}
.view .borad_inner .tit h3{font-size:22px; letter-spacing:-0.02em; color: #000; margin-bottom:18px;}
.view .borad_inner .tit p{position:relative; display:inline-block; vertical-align: top; margin-right: 26px; font-size:16px; color: #888;}
.view .borad_inner .tit p::after{content:""; position:absolute; right: -15px; top: 6px; width: 1px; height: 12px; background: #dbdbdb;}
.view .borad_inner .tit p:last-of-type{margin-right: 0;}
.view .borad_inner .tit p:last-of-type::after{display:none; }
.view .borad_inner .content{padding: 30px;}
.view .borad_inner .content .file_link{}
.view .borad_inner .content .file_link h4{position:relative; display:inline-block; vertical-align: top;font-size:16px; color: #666; margin-right: 25px;padding-left: 22px;}
.view .borad_inner .content .file_link h4::before{content:""; position:absolute;top: 3px; left: 0; width: 16px; height: 20px; background:url(/img/sub/borad_icon.png) 50% 50% no-repeat; background-size:cover}
.view .borad_inner .content .file_link h4::after{content:""; position:absolute; right: -15px; top: 6px; width: 1px; height: 12px; background: #dbdbdb;}
.view .borad_inner .content .file_link a{font-weight:300; color: #888;}
.view .borad_inner .content .txt{margin-top:30px;}
.view .borad_inner .content .txt img{margin-bottom:30px;}
.view .borad_inner .content .txt p{font-family: 'Noto Sans KR', sans-serif; font-size:16px; letter-spacing:-0.025em; color: #666; line-height:1.8em}
.view .borad_inner .list_link{padding-top:60px;}
.view .borad_inner .list_link dl{font-size:0;border-top: 1px solid #dbdbdb;}
.view .borad_inner .list_link dl dt{font-size:16px; color: #666; display:inline-block; width: 200px; vertical-align: top;text-align: center; background: #f8f8f8; border-bottom: 1px solid #dbdbdb; padding: 16px;}
.view .borad_inner .list_link dl dd{display:inline-block; width: calc(100% - 200px); vertical-align: top; font-size:16px; letter-spacing:-0.025em; color: #666;  border-bottom: 1px solid #dbdbdb; padding: 16px 0 16px 32px;}
.view .borad_inner .list_link dl dd a{color: #666; display:inline-block; vertical-align: top; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.view .borad_inner .btn02{text-align: center; margin-top: 60px;}
.view .borad_inner .btn02 a{display:inline-block; width: 240px; height: 80px; vertical-align: top; background: #333; color: #fff; text-align:center; line-height:76px; font-size:18px;}
/* event */

.event{}
.event .v_pop{position:fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 600;}
.event .v_pop .bg{position:absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000;opacity: 0.7;}
.event .v_pop .w1400{position:absolute; top: 50%;left: 50%; transform:translate(-50%, -50%); width: 100%; max-width:1400px;	}
.event .v_pop .tit{display:inline-block; vertical-align: top; width: calc(100% - 50px);}
.event .v_pop .tit h3{font-weight:500; font-size:28px; color: #fff; line-height:1.5em}
.event .v_pop .video{margin-top:16px; padding-bottom: 53%; position: relative; overflow: hidden; }
.event .v_pop .video iframe{position:absolute; top: 0; left: 50%; transform:translateX(-50%); max-width:inherit; height: 100%;}
.event .v_pop .close{position:absolute; top: 0; right: 0; cursor: pointer;}
.event .v_list{font-size:0;}
.event .v_list .item{position:relative; display:inline-block; vertical-align: top; width: 31.3%; margin-right: 3%; word-break:keep-all; cursor: pointer; margin-bottom:60px;}
.event .v_list .item:nth-of-type(3n){margin-right: 0;}
.event .v_list .item:last-of-type{margin-right: 0;}
.event .v_list .item figure{position:relative; overflow: hidden; padding-bottom:60%;}
.event .v_list .item figure::before{content:""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.6; background: #000; opacity: 0; transition:0.3s; z-index: 5;}
.event .v_list .item figure::after{content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); background:url(/img/sub/icon_play.png) 50% 50% no-repeat; width: 45px; height: 45px; background-size:cover; opacity: 0; transition:0.3s; z-index: 6;}
.event .v_list .item figure img{position:absolute; top: 0; left: 50%; transform:translateX(-50%); max-width:inherit; height: 100%;}
.event .v_list .item h3{font-weight:500; font-size:20px; color: #333; line-height:1.8em; margin-top: 10px; padding-right: 20px; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 72px}
.event .v_list .item p{font-size:16px; color: #666; margin-top:20px;}
.event .v_list .item:hover figure::before{opacity: 0.6;}
.event .v_list .item:hover figure::after{opacity: 1;}

/* 23.05.08 행사 */
.tabmenu ul { display:flex; }
.tabmenu.m2 ul li { width:50%; }
.tabmenu.m3 ul li { width: calc(100% / 4); }
.tabmenu.m4 ul li { width:25%; }
.tabmenu.m5 ul li { width:20%; }
.tabmenu ul li a { width:100%; height:70px; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:400; color:#666; letter-spacing:-0.02em; }
.tabmenu ul li.on a { background:#005aab; color:#fff; }

.conference h3 { margin-top:90px; position:relative; text-align: center; font-weight:bold; font-size:30px; letter-spacing:-0.03em; color: #333; padding-bottom:25px; margin-bottom:40px;}
.conference h3::after{content:""; position:absolute; bottom: 0; left: 50%; transform:translateX(-50%); display:inline-block; vertical-align: top; width: 40px; height: 2px; background: #005aab;}
.conference .txt_c { padding:150px 0; text-align:center;  font-weight:400; font-size:30px; letter-spacing:-0.03em; color: #ddd;}

.conference .program-box { margin-top:55px; }
.conference .program-box .tab_year { display:flex; flex-wrap:wrap; gap:10px 20px; }
.conference .program-box .tab_year a { width:100%; height:70px; color:#aaa; font-size:20px; font-weight:400; border:2px solid #ededed; display:flex; align-items:center; justify-content:center;} 
.conference .program-box .tab_year li { width:calc((100% - 100px) / 6)}
.conference .program-box .tab_year li.on a { background:#444; border:2px solid #444; color:#fff; font-weight:500; }
.conference .program-box .programCont { margin-top:30px; padding-top:40px; border-top:1px solid #ddd; }
.conference .program-box .imgbox { text-align:center; }
.conference .program-box .imgbox img { max-width:100%; }

@media screen and (max-width:1600px){
	.w1600{width: auto; margin: 0 16px;}

}

@media screen and (max-width:1400px){
	.w1400{padding: 0 16px;}

	.greeting .g_main p{right: 16px;}
	.greeting .cont .txt p br{display:none; }

	.vision .item .box .txt h3{font-size:32px;}
	.vision .item .box .txt ul li{padding: 20px 0;}
	
	.fi .box{width: 48%; margin-right: 4%;}	
	.fi .sec01 .btn_ctn{margin-top:40px;}
	.fi .sec01 .txt p br{display:none; }
	.fi .sec02 .box .color .bg_box p{left: 8px;}
	.fi .sec02 .box .color .c_txt{padding: 20px 8px;}

	.membership .sec .list_info{display: flex; flex-wrap: wrap;}
	.membership .sec .list_info .item{padding: 30px 26px;}
	.membership .sec .list_info .item p{word-break:keep-all}
	
	.membership .sec .box .btn02 a{width: 48%; margin-right: 4%; max-width:270px;}

	.c_about .sec .c_list .item{width: 31.3%; margin-right: 3%;}
	.c_about .sec .c_list .item:nth-of-type(4n){margin-right: 3%;}
	.c_about .sec .c_list .item:nth-of-type(3n){margin-right: 0;}
	.c_about .sec .c_list .item:last-of-type{margin-right: 0;}

	.event .v_pop .close{right: 16px;}
	.event .v_pop .tit h3{font-size:24px;}
}

@media screen and (max-width:1200px){
	.w1400{padding: 0 16px;}
	.padding{padding: 80px 0 100px;}

	.greeting .g_main p{font-size:24px;}
	.greeting .g_main .img{height: 320px;}
	.greeting .cont{margin-top:30px;}
	.greeting .cont h3{width: 100%; margin-bottom:30px; padding-left: 0;}
	.greeting .cont .txt{width: 100%; }
	.greeting .cont p br{display:block; }

	.vision .item .box .txt h3{font-size:32px;}
	.vision .item .box .txt ul li{padding: 20px 0;}
	.vision .item .box:first-of-type{padding-right: 26px; padding-left: 0;}
	.vision .item.cf .box:first-of-type{padding-left: 26px; padding-right: 0;}

	.vision .item .box .txt p{font-size:16px; margin-top:30px;}
	.vision .item .box .txt ul{margin-top:30px;}
	
	.fi .box{width: 100%; margin-right: 0; margin-bottom:40px;}
	.fi .box:last-of-type{margin-bottom:0;}
	.fi .sec{padding-bottom:40px; margin-bottom:60px;}
	
	.partner .sec{padding-bottom:20px; margin-bottom:60px;}
	.partner .sec .logo_list .item{margin-bottom:20px;}
	
	.membership .sec .m_list{margin-top:60px;}
	.membership .sec .m_list .item{position:relative; width: 48%; margin-right: 4%; border:none; margin-bottom:40px;}
	.membership .sec .m_list .item::before{content:""; width: 200px; height: 200px; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); border:1px solid #dfdfdf; border-radius:100px;}
	.membership .sec .m_list .item::after{display:none; }
	.membership .sec .m_list .item:nth-of-type(2n){margin-right: 0;}

	.membership .sec .list_info{margin-top:20px;}
	.membership .sec .box:last-of-type{padding-left: 0;}
	
	.c_activity .sec,
	.c_about .sec{margin-bottom:80px;}

	.c_activity .sec .active .item{margin-bottom:40px;}	
	.c_activity .sec .active .item .box{width: 49%;	margin-right: 2%;}
	.c_activity .sec .active .item .box:last-of-type{margin-right: 0;}
	.c_activity .sec .active .item .box .list ul li{margin-bottom:20px; word-break:keep-all}
	.c_activity .sec .active .item .box .list ul li:last-of-type{margin-bottom:0;}
	.c_activity .sec .active .item .box .list h5{margin-top:30px;}

	.event .v_list .item{width: 48%; margin-right: 4%; margin-bottom:40px;}
	.event .v_list .item:nth-of-type(3n){margin-right: 4%;}
	.event .v_list .item:nth-of-type(2n){margin-right: 0;}

	.s_contact .map_box{height: 440px;}

} 

@media screen and (max-width:1100px){
	
	.vision .item{margin-bottom:80px;}
	.vision .item .box{width: 100%;}
	.vision .item.cf .box:first-of-type,
	.vision .item .box:first-of-type{padding: 0; width: 100%; }
	.vision .item .box .txt{margin-bottom:40px;}
	.vision .item.cf .box .txt{position:static; transform:translateY(0); width: 100%;}
	.vision .item .box .txt h4{margin-bottom:32px; font-size:20px;}
	.vision .item .box .txt h4::after{width: 26px; bottom: -15px;}
	.vision .item .box .txt p{font-size:18px;}

}

@media screen and (max-width:1000px){
	.web{display:none; }
	.mob{display:block; }
	.wrap .sub .tit{padding-top:130px;}
	.wrap .sub .tit h2{font-size:38px;}
	.wrap .sub .tit p{font-size:16px; margin-bottom:24px;}

	.padding{padding: 60px 0 80px;}

	.greeting .g_main .img{font-size:250px;}
	.greeting .g_main p{position:static; transform:translateY(0); color: #333; font-size:22px; margin-top:14px;}
	.greeting .g_main p span{color: #333;}
	.greeting .cont {position:relative; z-index: 2;}
	.greeting .cont h3{font-size:24px;}
	.greeting .cont .txt p{margin-bottom:20px;}

	.partner .sec .logo_list .item{width: 48%; margin-right: 4%; height: 189px;}
	.partner .sec .logo_list .item:nth-of-type(2n){margin-right: 0;}
	.partner .sec .logo_list .main{padding-bottom:0;}

	.membership .sec .list_info .item h4{font-size:20px;}
	.membership .sec .box h4{font-size:22px; margin-bottom:18px;}
	.membership .sec .box .btn02{margin-top:30px;}
	
	.c_about .sec{margin-bottom:60px;}
	.c_about .sec .c_list .item{width: 48%; margin-right: 4%;}
	.c_about .sec .c_list .item:nth-of-type(4n){margin-right: 4%;}
	.c_about .sec .c_list .item:nth-of-type(3n){margin-right: 4%;}
	.c_about .sec .c_list .item:nth-of-type(2n){margin-right: 0;}
	.c_about .sec .c_list .item:last-of-type{margin-right: 0;}

	.c_activity .sec .active .item .box{width: 100%; margin-right: 0;}
	.c_activity .sec .active .item .box:last-of-type{order:-1; margin-bottom:20px;}
	.c_activity .sec .active .item .box figure{text-align: center;}
	.c_activity .sec .active .item .box .list ul li br{display:none; }
	.c_activity .sec .o_list li{width: 100%; margin-right: 0;}
	
	.notice .table_ctn table tr th,
	.notice .table_ctn table tr td{padding: 14px 4px;}
	.notice .table_ctn table tr td{font-size:15px;}
	.notice .table_ctn table tr td a{position:relative; padding-right: 15px;}
	.notice .table_ctn table tr td a .icon{position: absolute; right: 0;}
	.notice .input_form label{width: calc(100% - 340px);}
	
	.view .borad_inner .tit{padding: 24px 0;}
	.view .borad_inner .tit h3{font-size:18px;}
	.view .borad_inner .content{padding: 30px 0;}
	.view .borad_inner .list_link dl dt{width: 100px;}
	.view .borad_inner .list_link dl dd{width: calc(100% - 100px);}
	.view .borad_inner .btn02 a{width: 200px; height: 50px; line-height:46px}

	.event .v_pop .tit h3{font-size:20px;}

	.event .v_list .item h3{font-size:18px; line-height:1.3em; height: 46px;}
	.event .v_list .item p{margin-top:14px;}
}


@media screen and (max-width:800px){
	.wrap .sub_ctn .lnb .lnb_list ul li a{display:flex; align-items:center;  justify-content:center; font-size:14px; line-height:1.1em; height: 50px;} 

	.vision .item{margin-bottom:50px;}
	.vision .item .box .txt{margin-bottom:24px;}
	.vision .item .box .txt h3{font-size:30px;}
	.vision .item .box .txt p{font-size:16px; margin-top:20px;}
	.vision .item .box .txt ul li{width: 32.3%; margin-right: 1.5%;}
	
	.fi .txt h3{font-size:22px;}
	.fi .txt p{margin-top:6px;}
	.fi .sec{margin-bottom:40px;}
	.fi .sec03 .txt, .fi .sec02 .txt{margin-bottom:20px;}

	.partner .sec{margin-bottom:40px;}
	
	.partner .sec h3{font-size:24px; margin-bottom:40px;}
	.partner .sec h3::after{bottom: -16px;}
	.partner .sec .logo_list .item{padding-bottom:28%; height: auto;}
	.partner .sec .logo_list .item figure{height: calc(100% - 39px);}
	.partner .sec .logo_list .main{padding-bottom:0;}
	.partner .sec .logo_list .main figure img{width: 100%;}
	.partner .sec .logo_list .item .txt{padding: 8px 0;}
	
	.membership .sec .tit h3{font-size:24px; margin-bottom:20px; padding-bottom:16px;}
	.membership .sec .tit p{font-size:16px;}
	.membership .sec .box,
	.membership .sec .list_info .item{width: 100%; margin-right: 0; margin-bottom:20px;}
	.membership .sec .box p{padding-top:0px; margin-bottom:14px;}
	.membership .sec .box .btn02 a{height: 60px; line-height:57px}
	
	.c_activity .sec .tit h3,
	.c_about .sec .tit h3{font-size:24px; margin-bottom:40px; padding-bottom:16px;}
	.c_about .sec .c_list .item{padding: 20px; margin-bottom:20px;}
	.c_about .sec .c_list .item .txt h4{font-size:20px; margin-top:10px; padding-bottom:10px;}
	.c_about .sec .c_list .item .txt h4 span{display:inline-block; vertical-align: top; width: 100%; font-size:16px; margin-left:0;}
	
	.c_activity .sec > h4,
	.c_activity .sec .active .item .box h4{font-size:28px;}
	.c_activity .sec .active .item .box .list h5{font-size:22px;}
	.c_activity .sec .active .item .box .list ul li{font-size:16px;}
	
	.notice .input_form select{width: 140px;}
	.notice .input_form button{width: 100px;}
	.notice .input_form label{width: calc(100% - 250px);}
	
	.page{margin-top:0px; padding-bottom:0px !important;}
	.page:before{margin-top:40px;}
	.page ul{padding-top:0 !important;}

	.event .v_pop .tit h3{font-size:18px;}
	.event .v_list .item h3{font-size:16px; height: 40px;}

	.s_contact .sec h3{font-size:24px;}
	.s_contact .table_box tbody tr th{width: 30%}
	.s_contact .map_box{height: 340px;}

    .conference h3 { margin-top:50px; font-size:24px; margin-bottom:20px; padding-bottom:16px;}
    .tabmenu ul li a { height:60px; font-size:16px; }.conference .txt_c { padding:150px 0; text-align:center;  font-weight:400; font-size:30px; letter-spacing:-0.03em; color: #ddd;}

    .conference .program-box { margin-top:30px; }
    .conference .program-box .tab_year { gap:10px; }
    .conference .program-box .tab_year a { height:60px; font-size:18px; border:1px solid #ededed;} 
    .conference .program-box .tab_year li { width:calc((100% - 40px) / 5)}
    .conference .program-box .tab_year li.on a { border:1px solid #444; }
    .conference .program-box .programCont { margin-top:20px; padding-top:30px; }

}

@media screen and (max-width:600px){
	.wrap01::before{background: url(/img/sub/sv01.png) 54% 50% no-repeat;}
	
	.greeting .g_main .img{height: 180px;}
	.greeting .g_main p{font-size:18px;}
	.greeting .g_main p br{display:none; }
	
	.fi .sec01 .btn_ctn a{width: 46%; margin-right: 8%; height: 60px; line-height: 56px;} 
	.fi .sec02 .box{margin-bottom:20px;}
	.fi .sec02 .box:last-of-type{margin-bottom:0;}
	.fi .sec02 .box .color{width: 32.3%; margin-right: 1.5%;}
	.fi .sec02 .box .color .bg_box p{bottom: 60px;}
	.fi .sec02 .box .color .c_txt{padding: 10px 6px;}
	.fi .sec02 .box .color .c_txt p{font-size:11px;}
	.fi .sec02 .box .color .c_txt p span{font-size:12px; margin-right: 3px;}

	.notice .input_form select{width: 120px;}
	.notice .input_form button{width: 90px;}
	.notice .input_form label{width: calc(100% - 220px);}

	.event .v_pop .tit h3{font-size:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	
	.s_contact .table_box tbody tr td,
	.s_contact .table_box tbody tr th{display:block; width: 100%; padding:14px 0 14px 14px}
	.s_contact .table_box tbody tr th::after{display:none; }
    
    .conference .program-box .tab_year li { width:calc((100% - 30px) / 4)}
}

/* 23.06.22 */
.conference dl { display:flex; flex-wrap:wrap; }
.conference dl:not(:last-child) { margin-bottom:30px; }
.conference dl dt { width:220px; font-size:26px; letter-spacing:-0.03em; color:#333; font-weight:700; }
.conference dl dd { width:calc(100% - 220px); }
.overview-box dl dd .txtbox p:not(:last-child) { margin-bottom:25px; }
.overview-box dl dd .txtbox p { font-size:16px; letter-spacing:-0.05em; color:#333; font-weight:300; line-height:2; }
.overview-box dl dd .txtbox .txt_b { margin-top:50px; text-align:right; }
.overview-box dl dd .txtbox .txt_b .txt-1 { font-size:16px; letter-spacing:-0.03em; color:#555; font-weight:300; }
.overview-box dl dd .txtbox .txt_b .txt-2 { margin-top:6px; font-size:16px; letter-spacing:-0.03em; color:#555; font-weight:300; }
.overview-box dl dd .txtbox .txt_b .txt-3 { margin-top:4px; font-size:20px; letter-spacing:-0.03em; color:#333; font-weight:700; }
.overview-box dl dd .imgbox ul { display:flex; flex-wrap:wrap; gap:12px 22px; }
.overview-box dl dd .imgbox ul li { width:calc((100% - 66px) / 4); }
.overview-box dl dd .imgbox ul li img { max-width:100%; border:1px solid #e0e0e0; }
.overview-box .cont1 { padding-bottom:70px; }
.overview-box .cont2 { padding:80px 0; background:#f8f8f8; margin-bottom:-150px; }
@media screen and (max-width:1400px){
    .overview-box dl dd .txtbox p br { display:none }
}
@media screen and (max-width:1024px){
    .conference dl dt { width:100%; text-align:center; font-size:22px; }
    .conference dl dd { width:100%; margin-top:30px; }
    .overview-box dl dd .txtbox .txt_b { margin-top:40px; text-align:center; }
    .overview-box dl dd .imgbox ul { gap:12px 20px; }
    .overview-box dl dd .imgbox ul li { width:calc((100% - 40px) / 3); }
}
@media screen and (max-width:640px){
    .conference dl dt { font-size:20px; }
    .conference dl dd { margin-top:20px; }
    .overview-box dl dd .txtbox .txt_b { margin-top:40px; }
    .overview-box dl dd .imgbox ul { gap:10px; justify-content:center; }
    .overview-box dl dd .imgbox ul li { width:calc((100% - 10px) / 2); }
    .overview-box .cont1 { margin-top:30px; }
}

.conference dl dd table { width:100%; border:1px solid #e0e0e0; }
.conference dl dd thead th { border:1px solid #e0e0e0; background:#f6f6f6; padding:20px 0; font-size:16px; letter-spacing:-0.02em; color:#333; font-weight:400; text-align:center; }
.conference dl dd tbody th { border:1px solid #e0e0e0; background:#f6f6f6; padding:20px 0; font-size:16px; letter-spacing:-0.02em; color:#333; font-weight:400; text-align:center; }
.conference dl dd tbody td { border:1px solid #e0e0e0; background:#fff; padding:20px 10px; font-size:16px; letter-spacing:-0.02em; color:#555; font-weight:300; text-align:center; }
.conference dl dd tbody td.td_left { text-align:left; padding-left:30px; }
.conference dl dd .list { margin-bottom:20px; }
.conference dl dd .list li { font-size:16px; letter-spacing:-0.03em; color:#333; font-weight:300; line-height:1.8 }
.conference dl dd .txt_b { margin-top:20px; font-size:16px; letter-spacing:-0.03em; color:#333; font-weight:300; line-height:1.8 }
.conference dl dd .btnBox { margin-top:60px; }
.conference dl dd .btnBox a { margin:0 auto; display:flex; align-items:center; justify-content:center; width:400px; height:70px; border-radius:70px; background:#005aab; }
.conference dl dd .btnBox a span { display:inline-block; color:#fff; font-size:16px; letter-spacing:-0.03em; font-weight:300; }
.conference dl dd .btnBox a span img { margin-left:8px; margin-top:-4px; vertical-align:middle }
.conference .guide-box dl:not(:last-child) { margin-bottom:110px; }
@media screen and (max-width:640px){
    .conference dl dd thead th { padding:15px 0; }
    .conference dl dd tbody th { padding:15px 0; }
    .conference dl dd tbody td { padding:15px 10px; }
    .conference dl dd tbody td.td_left { text-align:left; padding-left:10px; }
    .conference dl dd .btnBox { margin-top:50px; }
    .conference dl dd .btnBox a { width:300px; height:60px; }
    .conference .guide-box dl:not(:last-child) { margin-bottom:60px; }
}


.login-box { max-width:900px; margin:0 auto; background:#f7f7f7; padding:80px 145px; }
.login-box .tit { text-align:center }
.login-box .tit h4 { font-size:44px; color:#333; font-weight:700; line-height:1.3; letter-spacing:-0.02em; }
.login-box .ipbox { margin-top:50px; }
.login-box .ipbox > ul > li { width:100%; position:relative; background:#fff; }
.login-box .ipbox > ul > li:not(:last-child) { margin-bottom:10px; }
.login-box .ipbox > ul > li label { position:absolute; left:30px; top:50%; transform:translateY(-50%); font-size:17px; color:#222; font-weight:500; }
.login-box .ipbox > ul > li input[type="text"],
.login-box .ipbox > ul > li input[type="password"] { height:68px; line-height:1.3; padding:0 25px 0 130px; width:100%; font-size:18px; color:#333; font-weight:500; border:none; outline:none; border-radius:0; background:none; }
.login-box .ipbox > ul > li input::placeholder{ color:#bbb; font-weight:300; }
.login-box .ipbox .ch { margin-top:15px; font-size:16px; color:#999; font-weight:400; line-height:1.3; }
.login-box .ipbox .ch input { -webkit-appearance:searchfield; margin:-2px 5px 0 0; vertical-align:middle; }
.login-box .ipbox .btn_c { margin-top:35px; }
.login-box .ipbox .btn_c button { position:relative; font-size:18px; color:#fff; font-weight:500; line-height:1.3; cursor:pointer; outline:none; border:none; background:#005baa; border-radius:5px; padding:0; margin:0; display:flex; width:100%; height:60px; justify-content:center; align-items:center; }
.login-box .btnbox { margin-top:10px; display:flex; justify-content:space-between; }
.login-box .btnbox a { width:calc(50% - 5px); height:60px; border-radius:5px; display:flex; justify-content:center; align-items:center; border:1px solid #ddd; font-size:16px; color:#777; font-weight:400; line-height:1.3; }
.login-box .btnbox a.btn_bg { color:#fff; background:#58595b }
@media screen and (max-width:1024px){
	.login-box { padding:60px 20px; }
	.login-box .tit h4 { font-size:30px; }
	.login-box .ipbox { margin-top:40px; }
	.login-box .ipbox > ul > li label { left:20px; font-size:16px; }
	.login-box .ipbox > ul > li input[type="text"],
	.login-box .ipbox > ul > li input[type="password"] { height:60px; padding:0 20px 0 120px; font-size:17px; }
	.login-box .ipbox .ch { margin-top:15px; font-size:15px; }
	.login-box .ipbox .btn_c { margin-top:30px; }
	.login-box .ipbox .btn_c button { font-size:17px; height:55px; }
	.login-box .btnbox a { height:55px; font-size:15px; }
}

.member-guide { padding:0 100px; }
.member-guide .tit { text-align:center }
.member-guide .tit h4 { font-size:30px; color:#333; font-weight:700; line-height:1.3; letter-spacing:-0.02em; }
.member-guide .scroll-box { margin-top:60px; }
.member-guide .scroll-box table { border-top:1px solid #005baa; }
.member-guide .scroll-box table thead th { position:relative; height:80px; text-align:center; background:#f8f8f8; border-bottom:1px solid #dfdfdf; font-size:20px; color:#333; font-weight:600; line-height:1.3; letter-spacing:-0.02em; }
.member-guide .scroll-box table thead th:before { display:block; content:''; z-index:5; position:absolute; left:0; top:50%; transform:translate(0, -50%); background:#ddd; width:1px; height:15px; }
.member-guide .scroll-box table thead th:first-child:before { display:none; }
.member-guide .scroll-box table tbody th { text-align:center; font-size:18px; color:#005baa; font-weight:600; line-height:1.3; letter-spacing:-0.02em; border-bottom:1px solid #dfdfdf; }
.member-guide .scroll-box table tbody td { padding:40px 20px; text-align:center; font-size:16px; color:#666; font-weight:400; line-height:1.6; letter-spacing:-0.02em; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; }
.member-guide .txt_b { margin-top:25px; font-size:16px; color:#666; font-weight:300; line-height:1.3; letter-spacing:-0.02em; }
.member-guide .btn_c { margin-top:80px; }
.member-guide .btn_c a { margin:0 auto; width:270px; height:70px; display:flex; justify-content:center; align-items:center; border-radius:5px; background:#005baa; font-size:16px; color:#fff; font-weight:500; line-height:1.3; letter-spacing:-0.02em; }
@media screen and (max-width:1024px){
	.member-guide { padding:0 20px; }
	.member-guide .tit h4 { font-size:22px; }
	.member-guide .scroll-box { margin-top:40px; }
	.member-guide .scroll-box table thead th { height:60px; font-size:18px; }
	.member-guide .scroll-box table tbody th { font-size:17px; }
	.member-guide .scroll-box table tbody td { padding:20px 10px; font-size:15px; }
	.member-guide .txt_b { margin-top:20px; font-size:15px; }
	.member-guide .btn_c { margin-top:60px; }
	.member-guide .btn_c a { width:250px; height:60px; font-size:15px; }
}

.join-box { padding:0 100px; }
.join-box .tit { text-align:center }
.join-box .tit h4 { font-size:30px; color:#333; font-weight:700; line-height:1.3; letter-spacing:-0.02em; }
.join-box .ipbox { margin-top:60px; }
.join-box .ipbox > ul { border-top:1px solid #005baa; }
.join-box .ipbox > ul > li { display:flex; align-items:center; flex-wrap:wrap; width:100%; position:relative; background:#fff; padding:15px 0 15px 250px; min-height:80px; border-bottom:1px solid #dfdfdf; font-size:17px; color:#666; font-weight:400; }
.join-box .ipbox > ul > li .bar { display:inline-block; margin:0 9px; }
.join-box .ipbox > ul > li:not(:last-child) { margin-bottom:10px; }
.join-box .ipbox > ul > li label.stit { position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:right; width:200px; font-size:17px; color:#333; font-weight:500; }
.join-box .ipbox > ul > li label.stit span { color:#0095da; }
.join-box .ipbox > ul > li input[type="text"],
.join-box .ipbox > ul > li input[type="password"] { height:50px; line-height:1.3; padding:0 15px; font-size:18px; color:#333; font-weight:500; border-radius:5px; border:1px solid #dfdfdf; outline:none; background:#fff; }
.join-box .ipbox > ul > li select { height:50px; line-height:50px; padding:0 15px; font-size:18px; color:#333; font-weight:500; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:5px; border:1px solid #dfdfdf; background:url(/img/sub/select_arr.png) right 50% no-repeat;}
.join-box .ipbox > ul > li select::-ms-expand { display: none; }
.join-box .ipbox > ul > li textarea { width:100%; height:475px; line-height:1.6; padding:15px 15px 5px; margin:0; font-size:18px; color:#fff; font-weight:500; outline:none; border:1px solid rgba(255, 255, 255, 0.20); border-radius:10px; background:none;}
.join-box .ipbox > ul > li input::placeholder{ color:#fff; font-weight:200; opacity:0.5; }
.join-box .ipbox > ul > li textarea::placeholder{ color:#fff; font-weight:200; opacity:0.5; }
.join-box .ipbox > ul > li input::placeholder{ color:#bbb; font-weight:300; }
.join-box .ipbox > ul > li input.ip01_1 { width:200px; }
.join-box .ipbox > ul > li input.ip01_2 { width:200px; }
.join-box .ipbox > ul > li input.ip02 { width:645px; }
.join-box .ipbox > ul > li input.ip03_1 { width:160px; }
.join-box .ipbox > ul > li select.sel01 { width:200px; margin-left:12px; }
.join-box .ipbox > ul > li select.sel02 { width:527px; }
.join-box .ipbox > ul > li select.sel03 { width:160px; }
.join-box .ipbox > ul > li .sbox { width:100%; overflow:auto; background:#fff; height:165px; padding:15px; border:1px solid #dfdfdf; font-size:17px; color:#666; font-weight:400; border-radius:5px; }
.join-box .ipbox > ul > li .sbox .privacy { padding:0 }
.join-box .ipbox > ul > li .sbox .privacy * { color:#777; font-weight:300; }
.join-box .ipbox .ch { margin-top:15px; font-size:16px; color:#999; font-weight:400; line-height:1.3; width:100%; }
.join-box .ipbox .ch input { -webkit-appearance:searchfield; margin:-2px 5px 0 0; vertical-align:middle; }
.join-box .btn_c { margin-top:80px; }
.join-box .btn_c button { margin:0 auto; width:270px; height:70px; display:flex; justify-content:center; align-items:center; cursor:pointer; outline:none; border:none; border-radius:5px; background:#005baa; font-size:16px; color:#fff; font-weight:500; line-height:1.3; letter-spacing:-0.02em; }
@media screen and (max-width:1024px){
	.join-box { padding:0 20px; }
	.join-box .tit h4 { font-size:22px; }
	.join-box .btn_c { margin-top:60px; }
	.join-box .btn_c button { width:250px; height:60px; font-size:15px; }
}


.gallery .v_list{font-size:0;}
.gallery .v_list .item{position:relative; display:inline-block; vertical-align: top; width: 23%; margin-right: 2%; word-break:keep-all; cursor: pointer; margin-bottom:60px;}
.gallery .v_list .item:nth-of-type(4n){margin-right: 0;}
.gallery .v_list .item:last-of-type{margin-right: 0;}
.gallery .v_list .item figure{position:relative; overflow: hidden; padding-bottom:102%;}
.gallery .v_list .item figure img{position:absolute; top: 0; left: 50%; transform:translateX(-50%); max-width:inherit; height: 100%;}
.gallery .v_list .item h3{font-weight:500; font-size:20px; color: #333; line-height:1.8em; margin-top: 10px; padding-right: 20px; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 72px}
.gallery .v_list .item p{font-size:16px; color: #666; margin-top:20px;}
.gallery .v_list .item:hover figure::before{opacity: 0.6;}
.gallery .v_list .item:hover figure::after{opacity: 1;}
@media screen and (max-width:1200px){
	.gallery .v_list .item{width: 48%; margin-right: 4%; margin-bottom:40px;}
	.gallery .v_list .item:nth-of-type(3n){margin-right: 4%;}
	.gallery .v_list .item:nth-of-type(2n){margin-right: 0;}
} 
@media screen and (max-width:1000px){
	.gallery .v_list .item h3{font-size:18px; line-height:1.3em; height: 46px;}
	.gallery .v_list .item p{margin-top:14px;}
}
@media screen and (max-width:800px){
	.gallery .v_list .item h3{font-size:16px; height: 40px;}
}