@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
body.fixe {overflow:hidden;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.m_br {display:none;}
.search_btn {display:none; position:absolute; right:65px; top:26px;}
img {max-width:100%}
.pc_view {display:block}
.mb_view {display:none}
#navigation {display:none;}
.g_br {display:none;}
.gray_wrap{background-color:#f5f5f5; padding:50px 0px;}

#informa_header {display:none;}
/* header */
#header {width:100%; position:fixed; left:0px; top:0px; z-index:9997; background:#fff; box-sizing:border-box; transition:all 0.2s 0s ease-in-out; font-family:'GmarketSans';}
#header:after {display:block; content:""; width:100%; height:1px; background:#eee; position:absolute; left:0px; bottom:0px;}

.in_header {max-width:1720px; margin:0 auto; width:100%; height:90px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9; color:#000;}
#header h1 {position:absolute; left:10px; transform:translateY(-50%); top:50%; overflow:hidden; z-index:10}

.header_top {background:#231815; display:none;}
.header_top > ul {display:flex; flex-wrap:wrap; padding-right:10px; align-items:center; height:50px; justify-content:flex-end}
.header_top > ul > li {padding-left:10px;}
.header_top > ul > li > a {color:#fff; font-size:13px; font-weight:300;}
.header_top > ul > li > a.home {padding-top:5px; display:block}


.top_lang {position:absolute; overflow:hidden; right:90px; top:50%; transform:translateY(-50%)}
.top_lang > a {font-size:14px; color:#333; display:flex; flex-wrap:wrap; align-items:center; }
.top_lang > a img {margin-right:3px;}



.m_gnb_on { position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}
.menu_btn a {background:#003CB2}


/* wrap */
#wrap {width:100%; overflow:hidden; margin:0 auto; padding-top:90px; transition:all 0.3s 0s ease-in-out; opacity:0;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-bottom:80px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}
#inner_wrap.bg_on {background:#f8f9fa}

.inner {max-width:1400px; margin:0 auto;}
.inner:after { clear:both; content:""; display:block;}
.bg_wrap {background:#f2f2f2}


.menu_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; display:block; }



.w_gnb {padding:0px 275px;}
.w_gnb .gnb {padding:0px 0px 0px 0px;}
.w_gnb .gnb > ul {max-width:930px; margin:0 auto; justify-content:space-around; display:flex; flex-wrap:wrap;}
.w_gnb .gnb > ul > li {text-align:center; position:relative;}

.w_gnb .gnb > ul > li > a {display:flex; height:90px; align-items:center; position:relative;}
.w_gnb .gnb > ul > li > a * {transition:all 0.3s 0s ease-in-out;}
.w_gnb .gnb > ul > li > a > span {font-size:18px; color:#000000; font-weight:500;}
.w_gnb .gnb > ul > li > a > span:after {display:block; content:""; width:0%; height:2px; background:#003CB2; position:absolute; left:50%; bottom:0px; transform:translateX(-50%);transition:all 0.3s 0s ease-in-out;}
.w_gnb .gnb > ul > li > a:hover > span {color:#003CB2}
.w_gnb .gnb > ul > li > a:hover > span:after {width:100%;}
.w_gnb .gnb > ul > li.on > a > span {color:#003CB2}
.w_gnb .gnb > ul > li.on > a > span:after {width:100%;}

.w_gnb .gnb > ul > li > a .ss_gnb_txt{display:none;}


.all_close {position:absolute; right:10px; top:40px; z-index:99998}
.all_close button {background:none; border:none; outline:none; /*width:26px; height:26px;*/ padding:0px; margin:0px; }
.all_close .menu_btn {height:20px !important; width:30px !important; cursor:pointer}
.all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#333 !important}

.slide_menu_wrap {width:80%; max-width:500px; box-sizing:border-box; height:100%;  z-index:9998; position:fixed; right:-90%; top:0px; bottom:0px; box-shadow:-1px 0px 5px rgb(0, 0, 0, 0.25); }
.slide_menu_wrap:after {display:block; content:""; width:0%; height:100%; background:#000; position:fixed; left:0%; top:0px; opacity:0.5;  transition:all 0.3s 0s ease-in-out;}
.slide_menu_wrap.on:after {width:100%}
.slide_menu_inner {height:100%; padding:63px 15px 0px 15px; background:#fff; box-sizing:border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}

.slide_menu_wrap .m_gnb_on {display:none !important}
.slide_menu_wrap .top_menu_wrap {text-align:center;}
.slide_menu_wrap .top_menu_wrap > .top_menu > li svg .white {fill:#333}

.slide_menu_wrap .gnb > ul {overflow:hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom:1px solid #e2e2e2; transform:translateX(30%); -webkit-transform:translateX(30%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb > ul > li > a {display:flex; align-items:center; min-height:55px; font-size:18px; font-weight:400; color:#333; padding-left:20px; background:#fff; font-family:'GmarketSans'; transition:all 0.3s 0s ease-in-out;} 
.slide_menu_wrap .gnb > ul > li > a > span {position:relative; padding-top:5px;} 
.slide_menu_wrap .gnb > ul > li > a > span .ss_gnb_txt{display:none;}
.slide_menu_wrap .gnb > ul > li > a:before {display:block; content:""; width:80%; height:100%; position:absolute; left:0px; top:0px; background:#003CB2; transition:all 0.3s 0s ease-in-out; opacity:0;} 
.slide_menu_wrap .gnb > ul > li > a:after {display:block; content:""; border-left:7px solid #fff; border-top:6px solid transparent;  border-bottom:6px solid transparent; position:absolute; left:-50px; top:50%; transform: translateY(-50%); transition:all 0.3s 0s ease-in-out;} 
.slide_menu_wrap .gnb > ul > li:hover > a {color:#fff;}
.slide_menu_wrap .gnb > ul > li:hover > a:before {width:100%; opacity:1;}
.slide_menu_wrap .gnb > ul > li:hover > a:after {left: 0px;}
.slide_menu_wrap .gnb > ul > li > a.on {background:#003CB2; color:#fff; } 
.slide_menu_wrap .gnb .sub_menu {background:#fff; display:none; padding:10px 0px;}
.slide_menu_wrap .gnb .sub_menu > li {border-top:1px solid #eee;} 
.slide_menu_wrap .gnb .sub_menu > li:first-child {border-top:none;} 
.slide_menu_wrap .gnb .sub_menu > li > a {display:block; line-height:23px; padding:10px 0px 10px 50px; font-size:15px; color:#0d437b; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; font-weight:500;} 
.slide_menu_wrap .gnb .sub_menu > li > a:hover {padding-left:55px; } 

.slide_menu_wrap .gnb .three_depth > li {padding:0px 0px 0px 55px; } 
.slide_menu_wrap .gnb .three_depth > li > a {display:block; line-height:130%; padding:5px 0px 5px 10px; font-size:14px; color:#0d437b; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; position:relative;} 
.slide_menu_wrap .gnb .three_depth > li > a:before {display:block; content:""; width:5px; height:1px; background:#0d437b; position:absolute; left:0px; top:50%;} 
.slide_menu_wrap .gnb .three_depth > li > a:hover {margin-left:5px;} 

.slide_menu_wrap.on .gnb > ul > li {transform:translateX(0%); -webkit-transform:translateX(0%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}



#section1 { padding:0px;}
.main_visual {min-height:620px; display:flex; justify-content:center; align-items:center; text-align:center; background:url(../img/main/visual_bg.jpg) no-repeat center top; background-size:cover;background-attachment:fixed;}
.main_visual .visual_txt {color:#fff; font-family:'GmarketSans';}
.main_visual .visual_txt .txt_a {font-size:56px; line-height:1.4em; font-weight:700; padding-bottom:10px;}
.main_visual .visual_txt .txt_b {font-size:42px; line-height:1.4em; font-weight:300;}
.main_visual .visual_txt .txt_b:after {display:block; content:""; width:1px; height:50px; background:#fff; margin:15px auto 25px auto;}
.main_visual .visual_txt .txt_c {font-size:34px; display:inline-flex; justify-content:center; align-items:center; padding:15px 30px 10px 30px; font-weight:300; border:1px solid #fff; min-height:69px; box-sizing:border-box;}
.main_visual .visual_txt .txt_c .line {width:1px; height:20px; background:#fff; margin:0px 24px; margin-bottom:5px;}

.keyword_ul_wrap{position:relative; z-index: 9;}
.keyword_ul {display:flex; flex-wrap:wrap; justify-content:space-between}
.keyword_ul > li {width:calc(22% - 10px); margin-left:10px; transition:all 0.3s 0s ease-in-out; position:relative; overflow:hidden; border-radius:32px}
.keyword_ul > li > img {position:absolute; right:0px; top:0px; height:100%; max-width:none; z-index:-1}
.keyword_ul > li:first-child {margin-left:0px;}
.keyword_ul > li.on {width:calc(56% - 10px); }
.keyword_ul > li.on .box > h4{font-size:64px; font-weight: 800; line-height: 1.3em;}
.keyword_ul > li.on > img {transform:translateX(0)}
.keyword_ul > li.on .box .over {width: 100%; height: auto; transform:scale(1); opacity: 1;}
.keyword_ul > li.on .box .s_txt {height:auto; line-height: 1.4em;}
.keyword_ul > li.on .box .s_img {transform:scale(1);}


.keyword_ul > li .box {height:460px; display:flex; flex-wrap: wrap; justify-content:center; align-content: center; align-items:center; color:#fff; }
.keyword_ul > li .box > h4 {width: 100%; text-align: center; color: #fff; font-size:30px; line-height:1.3em; font-weight:700; transition:all 0.3s 0.3s ease-in-out;}
.keyword_ul > li .box .over {width:0%; height:0px; padding: 0px 5%; transition:all 0.4s 0.1s ease-in-out; opacity: 0; transform:scale(1); overflow: hidden;}
.keyword_ul > li .box .s_img {text-align: center; padding-top:15px; transform:scale(0); transition:all 0.3s 0.3s ease-in-out;}
.keyword_ul > li .box .s_txt {line-height:1.3em; line-height:0px; height: 0px; font-weight:400; padding-top:20px; text-align: center;  transition:all 0.3s 0.3s ease-in-out;}
.keyword_ul > li .box .bt {text-align: center; padding-top:30px;}
.keyword_ul > li .box .bt a {display: inline-flex; height:50px; width: 170px; border:2px solid #fff; border-radius:60px; justify-content: center; align-items: center; color: #fff; font-size:17px; }
.keyword_ul > li .box .bt a:after {content:''; width:9px; height:9px; border-top:2px solid #fff; border-right:2px solid #fff; display:inline-block; transform:rotate(45deg); margin-left: 10px;}

/**
#section2 {background:#f5f5f5}
#section3 {background:#f5f5f5}
*/
.about_wrap{display:flex; flex-wrap: wrap; align-items: center; position:relative;}
.about_wrap .about_dv{width:50%;}
.about_wrap .about_01:after {display: block; content: ""; width:100%; height:300px; position:absolute; right:50%; top:-80px; background-image: linear-gradient(to bottom left, #003CB2, #003CB2); z-index:-9;}
.about_wrap .about_01 {margin-top:-50px;}
.about_wrap .about_01 .box{padding:0px 30px 0px 0px;  }
.about_wrap .about_01 .box .about_tit {font-size:1.7em; line-height: 140%; font-weight: 700; color:#fff;}
.about_wrap .about_01 .box .about_tit:after {display: block; content: ""; width: 40px; height: 1px; margin: 20px 0px; background: #fff; transform: rotate(180deg)}
.about_wrap .about_01 .box .about_txt{line-height: 150%; margin-bottom:30px; color:#fff;}
.about_wrap .about_01 .box .about_go{display: inline-flex; width: 100%; max-width: 110px; height: 45px; justify-content: center; align-items: center; box-sizing: border-box; text-align: center; font-size: 14px; font-weight: 400; padding: 13px 30px; border:1px solid #fff;}
.about_wrap .about_01 .box .about_go > span{color:#fff;}

.about_wrap .about_02 .quick_wrap{display:flex; flex-wrap: wrap; justify-content: space-evenly;}
.about_wrap .about_02 .quick_wrap > li{width:33.33333%; position:relative;}
.about_wrap .about_02 .quick_wrap > li:after{display: block; content: ""; width:2px; height:48px; position:absolute; left:100%; top:15px;  transform: rotate(20deg); background-color:#333;}
.about_wrap .about_02 .quick_wrap > li:last-child:after{display:none;}
.about_wrap .about_02 .quick_wrap > li > a{display:block; text-align:center;}
.about_wrap .about_02 .quick_wrap > li > a > span{display:block; margin-top:16px; color:#222}

.spkers_wrap{padding:0px 35px;}
.speak_pr {display:flex; flex-wrap: nowrap; align-items: center; font-family:'GmarketSans'; padding:20px 0px;}
.speak_pr .pic{display:block; width: 135px; height: 135px; border-radius: 100%; position: relative; overflow: hidden; border:2px solid #7136c1; box-sizing:border-box;}
.speak_pr .pic > img {position: absolute; left: 50%; top: 50%; max-width: none; min-width: 100%; height: 100%; transform: translate(-50%, -50%);}
.speak_pr .name{width:50%;display:block; padding-left:15px; color:#222; line-height:160%; font-size:0.95em;}
/**.speak_pr .name .position{display:block;  color:#999; font-size:0.85em; line-height:140%;}*/
.speak_pr .name .position{
	display: block;
    overflow: hidden;
	max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 25px);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.85em;
    line-height: 20px;
    height: 40px;
	color:#999;
}
.slick-dots li {height: 15px !important; width: 15px !important;}
.slick-dots li button {border: 1px solid #7035c1 !important; height: 15px !important; width: 15px !important; border-radius:100%;}
.slick-dots li.slick-active button {background-color: #7035c1;}
.slick-dots li button:before{display:none;}

.slick-prev, .slick-next{width:60px !important; height:60px !important;}
.slick-prev {position: absolute; top: 50%; left: 50%; transform: translateY(-50%); margin-left:-50px !important; z-index: 99; background:url(../img/main/n_proprev.png) no-repeat left top !important;}
.slick-next {position: absolute; top: 50%; right: 50%; transform: translateY(-50%);margin-right:-50px !important; z-index: 99; background:url(../img/main/n_pronext.png) no-repeat left top !important;}
.slick-prev:before, .slick-next:before{display:none;}

.m_tit {font-size:2.6em; text-align:center;  font-weight:bold; line-height:110%; margin:60px 0px 30px 0px;  background: linear-gradient(to bottom left, #003CB2, #003CB2);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.m_tit_spon {font-size:28px; font-family:'GmarketSans'; font-weight:600; line-height:1.3em; color:#C3C3C3;}
.txt_gr {display:inline-block; background:linear-gradient(to right, #003CB2, #e94dad); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.sponsors {display:flex; justify-content:center; padding:10px 0px 50px 0px; max-width:1400px; margin:0 auto; /**min-height:250px;*/}
.sponsors > li {/**width:100%;*/ max-width:340px; padding:5px; float:left;}
.sponsors .box {background:#fff; box-sizing:border-box; padding:10px; width:100%; display:flex; justify-content:center; align-items:center; height:95px;}
.sponsors .box img {max-height:90%}

.media {max-width:1400px; margin:30px auto 10px; display:flex; flex-wrap: wrap; justify-content: flex-start;  }
.media > li {width:20%; padding:5px; box-sizing:border-box;}
.media .box {background:#fff; box-sizing:border-box; padding:10px; width:100%; display:flex; justify-content:center; align-items:center; /**height:95px;*/}
.media .box > a{border: 1px solid #eee;}
.media .box img {max-height:90%;}


#section4 {padding-top:70px; font-family:'GmarketSans'; }
/**
.conf {position:relative; min-height:352px; width:100%; margin:0 auto;}
.conf_img {position:absolute; top:0px; right:0px; width:605px;}
.conf .txt_d {font-size:1.7em; font-weight:800;}
.conf .txt_e {font-size:2.7em; color:#003CB2; padding-top:60px; font-weight:800; line-height:70px;}
.conf .txt_f {font-size:1.2em; color:#333333; padding-top:30px; font-weight:500; line-height:30px;}
*/
.conf{display:flex; flex-wrap: wrap; align-items: center; font-size:1.1em;}
.conf > li{width:50%; box-sizing:border-box;}
.conf > li .conf_tit{font-weight:600; font-size:1.35em; line-height:160%; color:#003CB2;}

.video_wrap {position:relative; padding-bottom:56%;}
.video_wrap iframe {width:100% !important; height:100% !important; position:absolute; left:0px; top:0px;}

.youtube_frame_wrap {max-width:980px; margin:0 auto;}
.youtube_wrap {position:relative; padding-bottom:56%;}
.youtube_wrap iframe {width:100% !important; height:100% !important; position:absolute; left:0px; top:0px;}



/* section */
.section {padding:50px 0px; font-size:17px; line-height:140%; word-break:keep-all; color:#333333; font-weight:300;}




@media (hover:none) {
    .hover:hover .ico_circle {background:#007dc6;}
  
    
}
.more {right:0px; top:0px; position:absolute; z-index:10}
.more > a {display:inline-block; font-size:13px; font-weight:400; color:#000; line-height:140%; line-height:25px;}
.more > a > span {display:inline-flex; width:25px; height:25px; border-radius:100%; background:#111111; box-sizing:border-box; justify-content:center; align-items:center; color:#fff; font-size:18px; line-height:130%; font-weight:600; vertical-align:top; margin-left:3px;}






/* footer */
#informa-footer {background: linear-gradient(to left, #000, #024); background-size: 200%; padding-top: 4rem; padding-bottom: 4rem;}
#informa-footer .divisional-footer {display: flex; justify-content: center; flex-direction: column; max-width: 1280px; margin: 0 auto; padding: 0 15px;}
#informa-footer .privacy-policy-bottom-menu {display: flex; justify-content: space-between;}
#informa-footer .content {max-width: 820px; font-weight: 400; font-size: 12px; line-height: 1.57; letter-spacing: .2px; color: #969696; padding-right: 6rem;}
#informa-footer .copyright {margin-bottom: 8px;}
#informa-footer .links {display: flex; gap: 10px;}
#informa-footer .links>a {font-size: 10px; letter-spacing: .5px; text-transform: uppercase; color: #e9e9ec;}
#informa-footer .links>a:hover {text-decoration: underline;}
#informa-footer .logos {min-width: max-content;}
#informa-footer .logos img {height: 50px;}



#footerW {clear:both; background:#525a5c; padding:0px 0px 0px 0px; box-sizing:border-box; margin:0 auto; position:relative; border-top:1px solid #dfdede; }
#footerW.z_over {z-index:101; position:relative;}
#footer_navi {}

#footer_navi > ul {margin:0 auto; max-width:1400px; padding:25px 0px;}
#footer_navi > ul li {display:inline-block; position:relative; vertical-align:top; padding-left:16px; margin-left:15px;}
#footer_navi > ul li:first-child {padding-left:0px; margin-left:0px;}
#footer_navi > ul li:after {display:block; content:""; width:1px; height:14px; background:#6f737f; position:absolute; left:0px; top:50%; margin-top:-7px; opacity:0.3;}
#footer_navi > ul li:first-child:after {display:none;}
#footer_navi > ul li a {display:block; font-size:15px; color:#666666; font-weight:500; line-height:28px; }


#footer { position:relative; max-width:1720px; margin:0 auto; }
#footer .go_top {position:absolute; right:0px; top:15px}
#footer .go_top a {display:block; border:1px solid #1c2f5a; padding:15px;}
#footer .sns {position:absolute; right:0px; top:-53px}
#footer .sns > a {padding:0px 4px;}

#footer .addressW { padding:20px 0px; box-sizing:border-box; position:relative; font-size:15px; color:#fff; line-height:24px; font-weight:300; }
#footer .addressW .copy {padding-top:15px; font-weight:100;}
#footer .addressW a {color:#fff}
#footer .addressW address {margin-left:-10px; line-height:150%;}
#footer .addressW address span {display:inline-block; vertical-align:middle; padding:2px 10px;}
#footer .addressW address .line {width:1px; height:12px; background:#6f737f; padding:0px; opacity:0.3;}




#content {width:100%; max-width:1400px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}



.sub_visual {width:100%; box-sizing:border-box; overflow:hidden; position:relative; background:url(../img/introduce/sub_visual.jpg) no-repeat center top; background-size:cover !important; }
.sub_visual .sub_txt {display:flex; flex-wrap:wrap; max-width:1400px; margin:0 auto; align-content:center; height:210px; box-sizing:border-box; vertical-align:middle; color:#fff; font-size:20px; line-height:130%; padding-left:10px; padding-right:10px} 
.sub_visual .sub_txt > h2 {width:100%; padding-top:10px;} 
.sub_visual .sub_txt .txt1 {font-size:20px; line-height:140%; font-weight:400; padding-bottom:5px;}
.sub_visual .sub_txt .date {font-size:32px; line-height:37px; font-weight:400; padding-bottom:5px;}
.sub_visual .sub_txt .txt_s {max-width:1400px; margin:0 auto; font-size:24px; line-height:140%; font-weight:300; font-family:'locus_sangsang';}
.sub_visual .sub_txt .ss_gnb_txt{display:block; font-size:0.8em; font-weight:100;}








#sub_tit {font-size:42px; text-align:center; font-family:'GmarketSans'; font-weight:600; max-width:1400px; margin:0 auto; line-height:130%;}
#sub_tit .txt_s {font-size:36px; display:inline-block;}


#m_lnb {display:none;}

#lnb_wrap {position:relative; z-index:99; word-break:keep-all; box-shadow:none; box-sizing:border-box; background:#fff; border-bottom:1px solid #e5e5e5; margin:0px -10px;}

#lnb_wrap .lnbs1 {display:none;}

#lnb_wrap .lnb {margin:0 auto; box-sizing:border-box; position:relative; z-index:9; }
#lnb_wrap .lnb:after { clear:both; content:""; display:block;}
#lnb_wrap .lnb .lnbs { float:left; width:50%; max-width:240px; box-sizing:border-box; border-right:1px solid #e2e2e2; position:relative;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:calc(100% + 1px); top:-webkit-calc(100% + 1px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2; display:none; background:#fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {position:absolute; left:0px; top:0px; display:none;}
#lnb_wrap .ico_home a {display:block; width:60px; height:60px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center #fff; border-right:1px solid #e2e2e2 }
.lnb ul li {color:#666666; display:block; padding:0px; margin-top:0px;}
.lnb .three_depth {padding:10px;}
.lnb ul li a {color:#666; font-size:15px; display:block; line-height:130%; min-height:30px; height:auto; padding:15px 0px 15px 25px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none; font-weight:400;}
.lnb ul li a:hover {color:#fff; background:#261937}
.lnb .three_depth {border:none;}
.lnb ul li .three_depth a {padding:6px 15px; border:none; font-size:13px;}

.lnbs2 ul li.on a {border-radius:0px; }

#lnb_wrap .lnb .lnbs2 {display:none;}
#lnb_wrap .lnbs3 {width:100%; max-width:980px; margin:0 auto;}
#lnb_wrap .lnbs3 > ul {display:flex; flex-wrap:wrap; justify-content:space-around}
#lnb_wrap .lnbs3 > ul > li {position:relative;}

#lnb_wrap .lnbs3 > ul > li:first-child {padding-left:0px;}
#lnb_wrap .lnbs3 > ul > li > a {display:block; line-height:40px; height:50px; box-sizing:border-box; color:#999999; font-weight:500; padding:0px; font-size:18px; border:none; position:relative; padding-top:5px; }
#lnb_wrap .lnbs3 > ul > li > a:hover {background:none}
#lnb_wrap .lnbs3 > ul > li.on > a {color:#330033;}
#lnb_wrap .lnbs3 > ul > li.on > a:after {display:block; content:""; width:100%; height:4px; background:#261937; position:absolute; left:0%; bottom:0px;}



.drop.on .four_depth {display:block;}
.four_depth {background:#ececec; border-bottom:1px solid #e2e2e2 ; display:none;}
.lnb .four_depth li a {color:#333 !important; font-size:12px; line-height:18px; min-height:18px; height:auto; padding:10px 0px 10px 30px; background:#f4f4f4 !important; border:none !important; position:relative;}
.lnb .four_depth li a:before {display:block; content:""; width:5px; height:1px; background:#333; position:absolute; left:20px; top:50%;}
.lnb .four_depth li.on a {color:#55b664  !important;}
.lnb .four_depth li.on a:before {background:#55b664;}
.lnbs3 ul li.drop > a {position:relative;}
.drop > a:before {display:block; content:""; width:11px; height:1px; background:#999; position:absolute; right:0%; top:50%; margin:0px 10px 0px 0px;}
.drop > a:after {display:block; content:""; width:1px; height:11px; background:#999; position:absolute; right:0%; top:50%; margin:-5px 15px 0px 0px;}
.drop.on > a:before {background:#fff;}
.drop.on > a:after {background:#fff;}

.drop > a.on:after {display:none;}




.lnb_tit {display:block; font-size:16px; box-sizing:border-box; padding-left:25px; color:#666666; line-height:60px; height:60px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight:400;}
.lnb_tit.on {background:url(../img/common/lnb_arrow_on.png) no-repeat right center;}

#lnb_menu .three_depth {display:none;}





.title_bar {max-width:1400px; margin:0px auto; margin-bottom:30px; padding-top:0px; position:relative;}
.title_bar h2 {font-size:26px; text-align:center; color:#003CB2; line-height:120%; transition:all 0.2s 0s ease-in-out;}
.title_bar h2 .point_c {font-size: 1.23em; font-weight: 600; line-height: 1.4em;}
/**.title_bar:after {display: block; content: ""; width: 1px; height:40px; background: #741aed; margin:25px auto 30px auto;}*/
.title_bar .s_txt {font-size:20px; text-align:center; color:#666666; padding-top:15px; line-height:140%; font-weight:300;}
.title_bar .marcellus {font-size:24px; text-align:center; color:#fa6f8c; padding-bottom:15px; line-height:140%; font-weight:400; }
.big_tit {font-size:46px; color:#000000; line-height:100%; transition:all 0.2s 0s ease-in-out; font-weight:700; padding:40px 0px 30px 0px;}


.location_wrap {width:100%; padding-top:0px; max-width:1720px; margin:0 auto; margin-top:20px;}
.location {position:relative; line-height:33px; height:33px; font-size:16px;}
.location > span {display:inline-block; zoom:1; *display:inline; padding-left:15px; margin-left:7px; position:relative; font-weight:400;}
.location > span:before {display:block; content:""; width:5px; height:5px; border-top:1px solid #000; border-right:1px solid #000; position:absolute; transform:rotate(45deg); left:0px; top:50%; margin-top:-2px;}

.location > span.home {padding-right:3px;}
.location > span.home:before {display:none;}
.location span:first-child {padding-left:0px; margin-left:0px;}
.location #location_2 {font-weight:500;}
.location #location_3 {font-weight:500;}
.location img {vertical-align:middle; margin-top:-4px;}

.sub_con_wrap {padding:50px 10px; margin:50px -10px; background:#f8f8f8}
.sub_con { max-width:1400px; margin:0 auto; font-size:17px; padding-top: 45px; font-weight:400; line-height:1.5em; word-break:keep-all; font-family:'GmarketSans';}
.sub_con > .s_tit:first-child {margin-top:0px;}
.sub_con img {max-width:100%;}


.s_tit {font-size:26px; position:relative; color:#003CB2; line-height:140%; padding:0px 0px 20px 0px; margin-top:60px; font-weight:600;}

.s_tit_txt {font-size:22px; color:#353736; line-height:140%; padding:0px 0px 20px 0px; font-weight:400;}
.ss_tit {font-size:21px; color:#333333; line-height:130%; margin-bottom:15px; position:relative; margin-top:50px; font-weight:400; padding-left: 30px;}
.ss_tit:before {display: block; content: ""; width: 22px; height: 22px; border-radius:100%; background:#003CB2; position: absolute; left: 0px; top: 0px; z-index: 1}
.ss_tit:after {display: block; content:""; border-top:2px solid #fff; border-right:2px solid #fff; border-radius:2px; transform:rotate(45deg); position: absolute; left:6px; top:7px; z-index: 2; width:6px; height:6px;}
.ss_tit > span {display:inline-block; position:relative; z-index:1}

.ss_tit.br_no {margin-bottom:0px;}
.ss_tit.pl0:before {display:none;}

.ss_tit.tc {text-align:center; background:none !important; padding-left:0px;}
.ss_tit.tc:after {display:none;}
.ss_tit.tc:before {display:none;}

.fnt_sm{font-weight:600; font-size:1em;}
/*.ss_tit:before {display:block; content:""; width:7px; height:24px; background:#0f7bc6; position:absolute; left:0px; top:4px;}
.ss_tit > span{font-weight:300;}*/
.s_titW {max-width:1400px; margin:0 auto; padding:50px 0px 5px 0px;}

.sss_tit {font-size:22px; color:#000; padding:0px 0px 0px 0px; font-weight:600; margin:40px 0px 10px 0px; line-height:140%; position:relative;}


.b_txt {font-size:22px; color:#333333; font-weight:400; padding:40px 0px 10px 0px; line-height:150%;}
.s_txt_r {text-align:right; margin-top:-35px; height:20px; padding-bottom:15px;}
.s_txt_r2 {height:40px; margin-top:-55px;}
.imgW img {max-width:100%;}
.txt_in {padding-left:20px;}

.div_line {border-top:1px solid #aab7cc; margin-top:50px; padding:50px 0px; display:block}

.box_txt {border:1px solid #d0d0d0; text-align:center; background:#f4f6f7; font-size:22px; line-height:140%; color:#004497; padding:30px 0px;}
.first_txt {font-size:32px !important; line-height:140%; color:#000;padding-bottom:20px;}
.section_tit {font-size:2.47em; line-height:140%; font-weight:100; padding:30px 0px 10px 0px;}
.section_tit > strong {font-weight:600;}

.gray_xbox{padding:30px 20px; background-color:#f5f5f5; border:1px solid #ccc; border-radius:16px;}


#add_date {position:relative; padding-right:115px; }
#add_date .bt {position:absolute; right:0px; top:0px;}

.tooltip {color:#ff751a; border:1px solid #ff751a; border-radius:6px; text-align:center; line-height:38px; width:38px; height:40px; box-sizing:border-box; font-size:1.5em; vertical-align:middle;}
.br_box {border:1px solid #dce1eb; padding:20px 20px 20px 20px;}
.t_box {background:#757a85; color:#fff; padding:5px 5%; display:inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {padding:7px 0px 0px 0px; margin:-7px 0px 0px -15px;}
.radio_group > li {display:inline-block; padding:7px 0px 0px 15px;}
.radio_group > li.etc_li {width:100%; max-width:560px; box-sizing:border-box}
.radio_group > li.etc_li .input {width:calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}

.radio_group .input {width:auto !important;}

.input_group {padding:5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.input_group > li {display:inline-block; padding:5px 0px 0px 15px;}
.input_group .input {width:auto !important;}


.input_etc {position:relative; padding-left:62px; box-sizing:border-box;}
.input_etc .pa {position:absolute; left:0px; top:0px; font-size:14px; line-height:40px;}

.btn-tc {text-align:center; padding:50px 0px; border-top:4px solid #000; margin-top:40px;}
.btn-tc > a {margin:0px 5px;}
.btn-tl {text-align:left; padding:50px 0px; border-top:4px solid #000; margin-top:40px; overflow:hidden}
.btn-tl > a {margin:0px 5px;}
.btn-tr {text-align:right; padding:50px 0px; border-top:4px solid #000; margin-top:40px; overflow:hidden}
.btn-tr > a {margin:0px 5px;}


.bt_close {width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(../img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent:-9999px; background-size:10px auto;}

/*atab*/
.atab {margin:0 auto; margin-bottom:40px; justify-content:center; padding-top:10px; display:flex; flex-wrap:wrap;}
.atab li {flex:1; max-width: 300px;}
.atab li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:60px; background:#eeeeee; line-height:130%; padding: 3px 5px 0px 5px; text-align:center; color:#999999; border-bottom: 2px solid #cccccc; box-sizing:border-box; font-size:18px; font-weight:400;}
.atab li a.on {background:#003CB2; color:#fff; border-color:#003CB2}


.btab {display:flex; flex-wrap:wrap; margin:+5px -10px;}
.btab > li {padding:5px 10px;}
.btab > li > a {display:block; color:#666666; font-size:1.2em; line-height:140%; padding-top:10px; position:relative;}
.btab > li > a:before {display:block; content:""; width:0px; height:0px; background:#966a52; border-radius:100%; position:absolute; left:50%; top:0px; margin-left:-3px;transition:all 0.4s 0s ease-in-out;}
.btab > li.on > a {color:#966a52; font-weight:600;}
.btab > li.on > a:before {width:6px; height:6px; }



.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
#black {display:none; background-color:#000; display:none; height:100%; left:0; opacity:0.6; filter:alpha(opacity=60); position:fixed; top:0; width:100%; z-index:9997;}
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; /*background:#d7d7d7;*/ zoom:1;}
.layerPop:Before {display:block; content:""; width:100%; height:100%; position:fixed; left:0; right:0; top:0; bottom:0; background:#000; opacity:0.4;}

.layerPop_inner {width:100%; height:100%; padding:15px; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.pop_wrap {display:table-cell; vertical-align:middle; position:relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size:15px; background:#fff; word-break:keep-all;}
.pop_wrap .pop_body .btns {padding-top:20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin:0 auto; border-radius:0px; overflow:hidden; box-sizing:border-box; box-shadow:0px 0px 20px rgb(0 0 0 / 30%); border-radius:20px; }

.pop_wrap .x_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%); display:block; cursor:pointer; background:none; width:40px; height:40px; font-size: 0px;}
/**
.pop_wrap .x_btn:after {display: block; content: ""; width:20px; height:4px; background: #000; transform-origin:center; transform: translate(-50%, -50%) rotate(45deg); position: absolute; top: 50%; left: 50%;}
.pop_wrap .x_btn:before {display: block; content: ""; width:20px; height:4px; background: #000; transform-origin:center; transform: translate(-50%, -50%) rotate(135deg); position: absolute; top: 50%; left: 50%;}
*/
.pop_wrap .pop_head {background:#fff; position:relative;}
.pop_wrap .pop_head .title {font-size:26px; line-height:130%;  color:#000000; padding:25px 50px 15px 25px; text-align:left; font-weight:400;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position:absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position:absolute; right:0px; bottom:-42px; }

.pop_body .btn-tc {padding:30px 0px;}
.pop_body .btn-tc > a {margin:0px 10px;}
.pol_sc {width:100%; height:310px; overflow-x:hidden; overflow-y:auto;}
.pol_sc_in {height:100%;}
.pop_wrap .pop_bottom .close {background:#000000; display:block; color:#fff; line-height:50px; font-size:16px; text-align:center}




/* 팝업 */

.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}

/* 팝업 */

.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../popup/images/pop_close.gif) no-repeat right center; }
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{max-height:500px; overflow-y:auto;}
.main_pop_content > img{max-width:100%;}
.pop_bottom_bt {display:flex; flex-wrap:wrap; width:100%; background:#333; border-top:2px solid #fff; }
.pop_bottom_bt > a {display:block; width:50%; box-sizing:border-box; color:#fff; text-align:center; height:50px; line-height:48px; font-size:16px; font-weight:400; border-left:1px solid #fff;}
.pop_bottom_bt > a:first-child {border:none;}



.bt_include {position:relative; display:flex; flex-wrap:wrap; box-sizing:border-box;}
.bt_include > div {flex:1}
.bt_include .add_bt {width:120px; margin-left:5px;}

.bt_include select {width:100%; max-width:100%; flex:1}
.bt_include .input {flex:1}
.bt_include2 {padding-right:65px; margin:0 auto;}


.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}

.note_box {background:#f8f8f8; padding:30px 5%; color:#666666; margin-top:30px;}
.note_box .bg {padding-left:40px; background:url(../img/skin/ico_note.png) no-repeat left 3px;}
.note_box .txt_t {font-size:1.4em; line-height:130%; padding-bottom:10px; font-weight:600; color:#333}

.ico_note {position: relative; padding-left: 25px; line-height: 1.4em; padding-bottom: 3px;}
.ico_note:before {display: block; content: ""; width:20px; height: 20px; border-radius:100%; background: #e5572a; position: absolute; left: 0px; top: 0px;}
.ico_note:after {display: block; content: "!"; width:20px; height: 20px; position: absolute; left: 0px; top: 0px; text-align: center; line-height:22px; color: #fff; font-size: 15px;}


.introduce_wrap {padding:0px 0px 0px 0px;}
.introduce_wrap .first_txt {text-align:center}
.introduce_wrap .first_txt:after {display:block; content:""; width:1px; height:60px; background:#741aed; margin:30px auto 40px auto;}
.introduce_wrap .introduce {display:flex; flex-wrap:wrap; justify-content:space-between} 
.introduce_wrap .introduce > div {width:50%; box-sizing:border-box; max-width:680px;} 
.introduce_wrap .introduce .poster {display: table; /**background-color:#111; */background:url(../img/introduce/poster_bg.jpg) no-repeat center center;} 
.introduce_wrap .introduce .poster > p{display:table-cell; vertical-align:middle;}
.introduce_wrap .poster2 {width:100%; box-sizing:border-box; max-width:1400px; height:400px; display:table; background:url(../img/introduce/poster_bg2.png) no-repeat center center;} 
.introduce_wrap .poster2 > p{display:table-cell; vertical-align:middle;}
.introduce_wrap .introduce .info {padding-left:10px;}
.introduce_wrap .introduce .list > li {margin-top:18px; position:relative; padding-left:40px;} 
.introduce_wrap .introduce .list > li:first-child{margin-top:0px;}
.introduce_wrap .introduce .list > li .ico {position:absolute; left:0px; top:0px;} 
.introduce_wrap .introduce .list > li .txt_t {font-weight:600; padding-top:3px;} 
.introduce_wrap .introduce .list > li .btnNormal {border:none; background:#741aed; border-radius:10px; color:#fff; width:auto; max-width:inherit; padding:0px 15px; padding-top:3px;} 
.introduce_wrap .introduce .list > li .btnNormal img {margin:0px 0px 3px 8px;} 
.introduce_wrap .introduce .list > li .bt > a:nth-child(2) {background:#e44bb0}

.program_view .head_txt {text-align: center; font-size:18px; line-height: 1.4em; padding-bottom: 30px; }
.program_view .body_txt {display: flex; flex-wrap: wrap;}
.program_view .body_txt .pic {width: 175px; height: 175px; border-radius:100%; position: relative; overflow: hidden;}
.program_view .body_txt .pic img {position: absolute; left: 50%; top: 50%; max-width:none; min-width:100%; height: 100%; transform: translate(-50%, -50%)}
.program_view .body_txt .info {flex: 1; padding-left: 25px; font-size: 14px; line-height: 1.4em; color: #333333; padding-bottom: 10px;}
.program_view .body_txt .info .name {padding-bottom: 10px; color:#003CB2; font-size: 16px;}
.program_view .body_txt .info .name .txt_t {font-size: 1.2em; line-height: 1.3em;}

.ico_I {width:16px; height:16px; border-radius:100%; background:#003CB2; display: inline-flex; justify-content: center; align-items: center; color: #fff; font-size:12px; box-sizing: border-box; padding-top: 2px;}

.login_wrap {margin:0 auto; box-sizing:border-box;}
.login_wrap .login_bt {padding-bottom:15px; padding-top:25px; margin-top:10px; border-top:2px solid #000;  }
.login_wrap .login_bt .btn {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding-top:4px; background-color:#003CB2; border-radius:4px; color:#fff; height:70px; display:block; font-size:23px; text-align:center; font-weight:400; width:100%; cursor:pointer; box-sizing:border-box; margin-top:5px;}

.signup {padding:0px 0px 15px 0px;}

.signup li {overflow:hidden; margin-bottom:5px; align-items:center; display:flex; flex-wrap:wrap;  border:1px solid #dbdbdb; border-radius:4px;}
.signup li .ico {width:50px; text-align:center}
.signup li input {flex:1; width:100%; height:60px; padding:8px 10px; display:block; background:#fff; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; text-indent:10px; border:none; outline:none; background:#f8f9fa; padding-left:0px; font-family: 'GmarketSans';}

.find_idpw {text-align:right; padding:0px 0px 15px 0px;}
.find_idpw > li {display:inline-block; vertical-align:top; line-height:20px; padding-left:10px; margin-left:10px; position:relative;}
.find_idpw > li:before {display:block; content:""; width:1px; height:16px; background:#cccccc; position:absolute; left:0px; top:50%; margin-top:-8px;}
.find_idpw > li:first-child {background:none; padding:0px; margin:0px;}
.find_idpw > li:first-child:before {display:none;}
.find_idpw > li a {color:#333; font-weight:400;}
.find_ok {text-align:center; padding:170px 0px 20px 0px; font-size:18px; line-height:150%; background:url(../img/member/ico_mail.gif) no-repeat center top; }


.bul_check > li {position: relative; padding-left:30px; margin-top: 5px; padding-top:1px;}
.bul_check > li:first-child {margin-top:0px;}
.bul_check > li:before {display: block; content: ""; width:22px; height: 22px; border-radius:100%; background: #003CB2; position: absolute; left: 0px; top: 0px;}
.bul_check > li:after {display: block; content: ""; width:22px; height: 22px; background:url(../img/common/check.png) no-repeat center center; position: absolute; left: 0px; top: 0px;}

#sponsors_load #section2 {background: none; padding:40px 0px 20px 0px;}
#sponsors_load #section2 .txt_gr {color: #333; background: none; -webkit-text-fill-color:initial;}
#sponsors_load #section2 .sponsors {padding-top:20px;}
#sponsors_load #section2 .sponsors .box {border: 1px solid #ccc;}

.sub_wrap #sponsors_load #section2 .title_bar{display:none;}

.tit_tr {display: flex; flex-wrap: wrap; padding:50px 0px 15px 0px; align-items: baseline;}
.tit_tr .s_tit {padding-bottom: 0px; margin: 0px;}
.essential {position: relative; padding-left: 10px; display: inline-block;}
.essential:before {display: block; content: "*"; font-size:1.2em; color: #fe0f11; position: absolute; left: 0px; top: 0px;}

.profile_list {border-top:2px solid #003CB2}
.profile_list .box {padding:25px 0px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #ccc;}
.profile_list .box .pic {width: 175px; height: 175px; border-radius:100%; position: relative; overflow: hidden;}
.profile_list .box .pic img {position: absolute; left: 50%; top: 50%; max-width:none; min-width:100%; height: 100%; transform: translate(-50%, -50%)}
.profile_list .box .info {flex: 1; padding-left: 30px; font-size: 16px;}
.profile_list .box .info .head_txt {color:#222222; line-height: 1.4em; padding-bottom: 15px; margin-bottom:15px; border-bottom: 1px solid #ccc;}
.profile_list .box .info .head_txt .name {font-size: 1.4em; font-weight: 600; padding-bottom:10px; color: #003CB2}
.profile_list .box .info .body_txt {font-family:'Noto Sans'; font-weight: 300;}

.sponsor_info {font-size: 0.95em; display: flex; flex-wrap: wrap; margin: -10px; justify-content: space-between}
.sponsor_info > li {width: 33.33333%; box-sizing: border-box; padding: 10px; max-width:452px; }
.sponsor_info > li .img {display: inline-block; border: 1px solid #ccc;}
.sponsor_info > li .ss_tit {margin:25px 0px 10px 0px;}

.sponsor_info_bg {position: relative; padding:50px 0px; margin:50px 0px}
.sponsor_info_bg:before {display: block; content: ""; width: 3000px; height: 100%; background: #f5f5f5; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: -1}

.greeting_img_pc{display:block;}
.greeting_img_m{display:none;}
.greeting_ul{display:flex; flex-wrap: wrap; justify-content: space-between;}
.greeting_ul > li{width:48%;}

.office_box {border: 1px solid #ccc; background: #f5f5f5; padding:30px 20px; overflow: hidden;}
.office_box > h4 {float: left; font-size:1.15em; font-weight: 700;}
.map_txt {font-size: 0px; margin-top: -10px;}
.map_txt > li {position: relative; padding:5px 0px 5px 35px; margin-left:20px; font-weight: bold; color: #333333; font-size:16px; display: inline-block; vertical-align: top; margin-top: 10px;}
.map_txt > li:first-child {display: block;}
.map_txt > li .ico {position: absolute; left:0px; top:3px;}
.map_txt > li .ico img {vertical-align: baseline;}
.map_txt > li > strong {padding-left:7px; font-weight:normal}
.map_txt > li a {color: #000}

.procedure {padding:40px 10px; background: #f9f9f9; overflow:hidden;}
.procedure > li {float:left; width: 33.3333%; box-sizing: border-box; text-align: center; color: #333; position: relative;}
.procedure > li .txt_t {display: block; font-size: 1.2em; line-height: 140%; color:#003CB2;}
.procedure > li .ico {display: block; padding: 15px 0px;}
.procedure > li:before {display: block; content: ""; width:68px; height: 68px; background: url(../img/common/arrow.png) center center;  position: absolute; left: 0px; top:70px; margin-left: -34px;}
.procedure > li:first-child:before {display:none}
.procedure.four > li {width: 25%;}








/* ------------------------------------------------------------
 * Name      :mobile_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position:relative;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}



/* 1400px 이하 */
@media screen and (max-width:1400px) {
/**.conf {text-align:center; min-height:10px;}
.conf_img {display:none;}
*/
/**
.media {min-height:300px; padding-left:10px;}
.media > li {width:100%; max-width:242px; padding:5px;}
.media .box img {max-height:70%;}
*/
}


/* 1280px 이상 */
@media screen and (min-width:1280px) {
	.m_gnb {display:none !important;}
	
}




/* 1280px 이하 */
@media screen and (max-width:1279px) {
	#wrap {padding-top:80px;}
	#header h1 img {height:52px;}

	.top_menu {right:80px; display:none;}
	
	.m_gnbW {display:block;}
	
	
    .in_header {height:80px;}
    .m_gnb_on {display:block; margin:0px;}
    .w_gnb {display:none;}
	

    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}
	
	
	.w_gnb .gnb > ul > li > a > span {font-size:16px;}
	.w_gnb .sub_menu > li > a {font-size:13px;}
	.w_gnb .sub_menu {width:130px;}

	

	
    #sub_tit {font-size:38px;}
    .sub_visual .sub_txt > h2 {padding-bottom:0px}

    #inner_wrap {padding:0px 10px 50px 10px;}
    #inner_wrap.no_visual {padding-top:70px;}

    
    
	#footer .addressW {min-height:auto;}
    #footer_navi > ul {float:none; width:100%;}
    #footer .addressW {padding:30px 0px 30px 0px; background:none; text-align:center;}
	#footerW .copy > p {text-align:center;}


	.media > li {width:100%; max-width:200px; padding:5px;}

	.conf > li.conf_txt{padding-left:30px;}

	.about_wrap .about_01 .box{padding:0px 20px;}

	.spkers_wrap{padding:0px;}
	.slick-prev, .slick-next{display:none !important;}
    
	

	
 
  
    
}
/* 1029px 이하 */
@media screen and (max-width:1028px) {

	.main_visual .visual_txt{text-align:center;}	
	.main_visual .visual_txt .txt_a {font-size:43px}
	.main_visual .visual_txt .txt_b {font-size:30px;}
	.main_visual .visual_txt .txt_c {font-size:23px;}
	.main_visual .visual_txt .com_logo{position:relative;}
	.t_br {display:none;}
	
	
    .section {font-size:15px;}
	
	
    .inner {padding:0px 10px;}
	#section2  .inner {padding:0px;}
    

	.sub_con {font-size:16px;}
 
    

    .title_bar:before {display:none;}
	.location_wrap {display:none;}
	#lnb_wrap {padding:0px; height:auto; border:1px solid #e2e2e2; border-right:none; display:block !important;}
	#lnb_wrap .lnb {padding-left:61px}
	#lnb_wrap .lnb .lnbs {max-width:none;}
	#lnb_wrap .lnbs1 {display:block;}
	#lnb_wrap .lnb .lnbs2 {display:block;}
	#lnb_wrap .lnbs3 {display:none;}
	#lnb_wrap .ico_home {display:block;}

	.media {justify-content: center;  }

	
	
	
	
	
}

/* 768 이하 */
@media screen and (max-width:767px) {
	.main_visual .visual_txt {padding:0px 10px;}
	.main_visual .visual_txt .txt_a {font-size:33px}
	.main_visual .visual_txt .txt_b {font-size:23px;}
	.main_visual .visual_txt .txt_c {font-size:18px;}
	
	
	.m_tit {font-size:30px;}
	.section {font-size:14px; padding:40px 0px;}
	.more > a {font-size:15px; background-size:auto 20px;}
	
	.tab_top {margin-top:0px;}

	.keyword_ul > li {width:100% !important; margin:10px 0px 0px 0px; }
	.keyword_ul > li .box .ico {font-size:18px; transform:scale(0.9);}
	.keyword_ul > li .box > h4 {font-size:33px !important; font-weight:600;}
	.keyword_ul > li .box .bt {padding-top:30px !important;  transform:scale(1);}
	.keyword_ul > li > img {transform:translateX(0)}

	.about_wrap .about_dv{width:100%;}
	.about_wrap .about_01{height:280px; margin-top: 0px; padding-top:30px;}
	.about_wrap .about_01:after{height:280px; right:auto; top:0px;}
	.about_wrap .about_02 .quick_wrap{justify-content: space-around;}


	#section5:before {height:100%;}
	
	
	.web_dis {display:none;}
	
	
	

    #footerW {padding-top:0px; padding-bottom:0px;}
    #footer .addressW {padding:10px; padding-top:0px; text-align:center}
    
    #footer .addressW .copy {padding-top:10px;}
    #footer .go_top > a {padding:7px;}
	
	
    #footer_navi {padding-bottom:0px;}
    #footer_navi > ul {width:100%; float:none; padding:15px 0px; text-align:center}
    #footer_navi > ul li {padding:0px 13px;}
    #footer_navi > ul li a {font-size:13px;}
    #footer .addressW {font-size:13px;padding:15px 10px; background:none;}
    #footerW .familySite p.on {width:130px; line-height:28px;}
	
	#footer .sns {position:relative; right:auto; top:auto; padding-top:10px; display:inline-block;}
	#footer .go_top {top:auto; position:relative; display:inline-block; float:right;}
	
	#footerW .copy > p {font-size:12px;}

    #footerW .familySite {top:-50px;}

    #lnb_wrap .lnb {position:relative;}
	.lnb_tit {font-size:14px; line-height:50px; height:50px;}
	
	
	#lnb_wrap .ico_home a { line-height:50px; height:50px;}
    .lnb ul li a {font-size:14px;}
	.sub_con_wrap {padding:40px 10px; margin:40px -10px;}
	.sub_con {font-size:15px;}
	
	
	.sub_visual .sub_txt {height:200px; padding-bottom:0px;}
    .sub_visual .sub_txt .txt_s {font-size:17px;}
	.sub_visual .sub_txt .txt_s > img{height:21px;}
	.sub_visual .sub_txt .txt1 {font-size:17px}
    #sub_tit {font-size:34px;}
	.location, .location_wrap {display:none;}
	
    .title_bar {padding:0px 0px 0px 0px;}
	.title_bar h2 {font-size:22px;}
	.title_bar .s_txt {font-size:17px;}
	.title_bar .marcellus {font-size:20px;}
    
	.b_txt {font-size:20px; padding:30px 0px 15px 0px}
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
    
	.s_tit {font-size:22px; margin-top:40px;}
	.s_tit_txt {font-size:18px;}
	
	.ss_tit {font-size:18px; padding-left: 23px;}
	.ss_tit:before {width: 18px; height: 18px;}
	.ss_tit:after {left: 4px; top: 5px; width: 6px; height: 6px;}
	.big_tit {font-size:40px;}


	
   	.first_txt {font-size:22px !important;}
    
	
    .b_table.long > dl {padding-left:0px;}
    .b_table.long {padding-top:10px;}
    .b_table.long > dl > dt {position:relative; padding-bottom:0px;}
	
	
    /*atab*/
    .atab li a {height:50px; font-size: 17px;}
    .atab li.on {margin-top:0px;}
    .atab li.on a:after {width:16px; height:16px; bottom:-18px;}

	
    

	
	.m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}
   

	
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:url(../img/common/png_70.png) repeat left top; zoom:1;}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}
	

	.pc_view {display:none}
	.mb_view {display:block}
    .sub_section {padding:50px 10px; margin:50px -10px;}
	
	.over_layerW {position:relative;}
    .over_layer {overflow:auto;}
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:linear-gradient(to right, rgba(255, 255, 255, 10%), rgba(0, 0, 0, 10%));}
    .over_layer > div {min-width:800px;}
	
	.introduce_wrap .introduce > div {width:100%; margin:0 auto; padding:0px;}
	.introduce_wrap .introduce .poster {min-height:320px; margin-bottom:30px; padding:0px 50px;}
	.introduce_wrap .introduce .info {padding:0px;}
	
	.program_view .body_txt .info {flex: initial; width: 100%; padding-left:0px;}
	.program_view .body_txt .pic {margin: 0 auto; margin-bottom: 20px;}
	.program_view .head_txt {font-size: 16px;}
	.program_view .body_txt .info {font-size: 13px;}
	.program_view .body_txt .info .name {font-size: 15px;}
	
	
	.profile_list .box .info{flex: initial; width: 100%; padding-left:0px}
	.profile_list .box .pic  {margin: 0 auto; margin-bottom: 20px;}

	.office_box > h4 {float: none; padding-bottom: 20px;}
    .map_txt {padding-left: 0px; margin-left: -20px;}
    .map_txt > li {display: block; padding-top:9px; font-size:14px;}
	.map_txt > li > strong{word-break: break-all;}

	.greeting_img_pc{display:none;}
	.greeting_img_m{display:block;}
	.greeting_ul > li{width:100%;}
	.br_m{display:none;}
	
	.conf .txt_d {font-size:1.2em; }
	.conf .txt_e {font-size:2.0em; line-height:30px; padding-top:30px;}
	.conf .txt_f {font-size:1.2em; padding-top:30px; line-height:25px;}	
/**
	.media {min-height:300px;}
	.media > li {width:100%; max-width:100px; padding:5px;}
	.media .box img {max-height:40%; height:80px;}
	*/
	.conf{text-align:center; flex-direction: column-reverse;}
	.conf > li{width:100%;}
	.conf > li.conf_txt{padding-left:0px; margin-bottom:30px;}

	.procedure > li .ico {display: block; width:90px; margin:0 auto;}
    .procedure > li:before {width:40px; height: 40px; background-size: 40px auto;margin-left: -20px;}

	#informa-footer .privacy-policy-bottom-menu {display:block; text-align:center;}
	#informa-footer .content {padding-right:0px;}
	#informa-footer .links {justify-content:center;}
	#informa-footer .logos {margin-top:20px;}
	#informa-footer .logos img {max-width:34vw; max-height:50px; height:auto;}

}
/* 600 이하 */
@media screen and (max-width:599px) {
   
    #footer_navi > ul li {font-size:13px;}
    #footer .addressW {text-align:center; font-size:12px;}
    
    .pop_wrap .pop_head .title {font-size:20px; padding:20px 55px 18px 15px !important;}
    .pop_wrap .pop_body {padding:10px;}
   
	#w_lnb {display:none;}
	#m_lnb {display:block;}

    .table_line {width:100%; overflow:auto;}

	.bt_include .add_bt {width:70px;}
	.bt_include .add_bt > a > span {font-size:12px;}
	

    #add_date {padding-right:0px; padding-bottom:45px;}
    #add_date .bt {left:0px; bottom:0px; top:auto; padding-right:40px;}
    #add_date .bt a {display:block; }
    #add_date .bt .tooltip {right:0px; top:0px; position:absolute;}
    #empty a {display:block;}
    .br_box {padding:15px;}
    

    .m_box {padding:20px;}
    .more {right:0px; top:0px;}
	.more a {font-size:0px;}
   

    #footer_navi > ul {text-align:center;}
    #footerW .familySite {display:none;}
	#footer .addressW address .line {height:10px;}	

	.slick-prev, .slick-next{display:none;}
}



/* 480px 이하 */
@media screen and (max-width:479px) {
	#wrap {padding-top:60px;}
	#header h1 {left:10px;}
	#header h1 img {height:40px;}
	.header_top > ul {height:40px;}
	.in_header {height:60px;}
	.menu_btn a {width:40px; height:40px;}
	.top_lang {right:70px;}

	.main_visual {min-height:430px;}
	.main_visual .visual_txt .txt_a {font-size:23px;}
	.main_visual .visual_txt .txt_b {font-size:16px;}
	.main_visual .visual_txt .txt_c {font-size:15px; flex-wrap:wrap;}
	.main_visual .visual_txt .txt_c .line {display:none;}
	.main_visual .visual_txt .txt_c > span {width:100%;}
	.main_visual .visual_txt .txt_b:after {height:20px;}
	.main_visual .visual_txt .com_logo > span > img{width:40%;}
	
	.m_tit {font-size:24px;}
	.section {font-size:14px; padding:30px 0px;}

	.keyword_ul > li .box .bt a.main_bt {width:40px; height:40px;}
	.keyword_ul > li .box .ico img {height:50px;}
	
	
	.keyword_ul > li .box {height:400px;}
	.keyword_ul > li .box > h4 {font-size:24px !important;}
	.keyword_ul > li .box .bt {padding-top:5px !important;}

	
	
	
    
    #footer .go_top {display:none;}

    #footer .addressW address {margin:0px;}
    #footer .addressW address strong {display:block;}
    #footer .addressW address span {padding:2px 5px;}
    #footer_navi > ul li a {font-size:12px;}
    #footer_navi > ul li {margin-left:0px; padding:0px 5px}
    
  
    .pop_wrap .pop_head .title {text-align:left !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
    .pop_wrap .x_btn {right:0px; }
    
	.pop_body .btn-tc {padding:20px 0px;}
    
	
    #add_date .bt .tooltip {height:36px; line-height:34px;}

    #sub_tit {font-size:22px;}
	.sub_visual .sub_txt .txt1 {font-size:15px;}
	
	
    .sub_visual .sub_txt {height:130px;}
	
	
    
    #lnb_wrap .ico_home {display:none;}
	#lnb_wrap .lnb {padding-left:0px;}
	
	.lnb_tit {padding-left:15px; font-size:13px;}

	.lnb ul li a {padding-left:15px;}
	.lnb .four_depth li a {padding-left:25px;}
	.lnb .four_depth li a:before {left:15px;}
    .lnb ul li a {font-size:13px;}
    

	
    
	.btn-tc > a {margin:5px;}
	.btn-tl > a {margin:5px;}
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}

    .block_m {display:block;}
    .block_m.fl {float:none;}
    .list_btn .block_m {margin:2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display:block;}


	
    .sub_con > .s_tit:first-child {margin-top:0px}
	.ss_tit {font-size:16px; margin-top:25px; margin-bottom:10px;}

	.sss_tit {font-size:16px; margin-top:25px;}
    
	
    .s_tit {padding:0px 0px 10px 0px; font-size:20px}
	.s_tit_txt {font-size:15px; margin-top:0px; padding-bottom:10px;}
	
	.big_tit {font-size:34px; padding-bottom:20px;}

    .b_txt {font-size:17px;}
    .txt_in {padding-left:10px;}
	#inner_wrap {padding-bottom:30px;}
    #inner_wrap.no_visual {padding-top:30px;}


    .sub_visual .sub_txt .cell .sub_tit_s {font-size:20px; padding-bottom:20px;}
	.sub_con_wrap {padding:30px 10px; margin:30px -10px;}
    .sub_con {font-size:13px; }
	.section_tit {font-size:1.8em;}
    .layerPop {font-size:0.95em; }
    .title_bar {padding:0px 0px 0px 0px; background-size:auto 60px; }
	.title_bar h2 {font-size:1.3em; }
    .title_bar .s_txt {font-size:14px; padding-top:10px;}
    .title_bar .s_txt br {display:none;}
    .title_bar .s_txt2 {font-size:1.25em; padding-top:0px; margin-bottom:15px;}
	.title_bar .marcellus {font-size:16px; padding-bottom:8px;}
	.title_bar:after {height: 30px; margin: 15px auto 20px auto;}
    .view_tit {padding:10px;}

	.atab li a {font-size: 14px;}
    
    .w_name {width:70px;}
    .w_date {width:80px;}
    .m_block {display:block !important; margin-bottom:3px !important; float:none !important;}
    .scrollbox {height:120px; }
    .atab {margin-bottom:20px;}
 
    
    .radio_group > li {font-size:13px;}
  
	
    .input_etc .pa {font-size:13px; line-height:36px;}
	
    .textarea {padding:5px 5px; font-size:13px;}

	
    .radio_group {margin-top:-5px;}

	
    .print_bt {display:none !important}
    .gray_box {padding:5px;}
  

    .down_file > span {background-size:11px auto; padding-left:16px; }
    .br_box {padding:10px;}
    
    .tit_ico {height:19px; line-height:18px;}
   
    .btn-tc {padding:20px 0px; margin-top:20px;}
	.btn-tl {padding:20px 0px; margin-top:20px;}
	.btn-tr {padding:20px 0px; margin-top:20px;}

    .point_box {padding:10px;}
	
    .bul_list {padding-left:57px !important}
    .bul_list .txt_t {line-height:20px; font-size:13px; padding:0px 5px; min-width:50px;}
    
  
	
	
	.result {float:none; width:100%;}
	
	
	
    .gray_wrap {padding-top:30px; padding-bottom:30px;}


    .ico_txt {background-size:auto 12px; background-position:0px 4px;  padding-left:17px; }

	
    .list_more > a > span {font-size:16px; padding:15px 20px 15px 0px;}
	
	.first_txt {font-size:18px !important}
	.introduce_wrap .first_txt:after {height:40px; margin:20px auto;}
	.introduce_wrap .introduce .list > li {padding-left:25px; margin-top:10px;}
	.introduce_wrap .introduce .list > li .ico img {width:20px;}
	
	.signup li input {height: 50px;}
	.login_wrap .login_bt .btn {height: 55px; font-size:17px;}
	
	.tit_tr {padding: 30px 0px 10px 0px;}
	
	.profile_list .box .info {font-size: 13px;}
	.bul_check > li:before {width: 18px; height: 18px;}
	.bul_check > li:after {width: 18px; height: 18px; background-size:cover}
	.bul_check > li {padding-left: 25px;}
	
	.sponsor_info {justify-content: center; margin:-20px -10px;}
	.sponsor_info > li {width:100%; padding: 20px 10px;}
	.sponsor_info > li .ss_tit {margin: 10px 0px 5px 0px;}

	.procedure > li {float: none; width: 100% !important; padding-top:40px;}
    .procedure > li:first-child {padding-top:0px;}
    .procedure > li:before {background: url(../img/common/arrow_b.png) no-repeat center bottom; left: 50%; margin-left:-20px; top:-15px;  margin-top: 0px !important; }
}







/* 320px 이하 */
@media screen and (max-width:320px) {
    .main_company h3 {font-size:24px; }
    .atab li a {font-size:12px;}
    .title_bar .s_txt {padding-left:10px;}
    .bt_application a {padding:0px 18px;}
    .bt_application a span {text-align:center;}

    
    .btns > li {width:100%; float:none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}
    

    
}


.red {
	color:red !important;
}