@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
html, body  {font-size:14px; line-height:24px; color:#666; font-weight:400; font-family: 'Noto Sans KR', sans-serif !important; }
a  {font-size:color:#333; font-family:'Noto Sans KR', sans-serif !important;}

/*#loading  {
	background-image:url('../img/loading.svg'); background-repeat:no-repeat; background-position:center center;
	position:fixed; width:100%; height:100vh; z-index:99;  background-color:#fff; left:0; top:0;}*/
.mo_sub  {display:none;}
p.h65  {font-size:65px; line-height:75px; word-break:keep-all;}
p.h50  {font-size:50px; line-height:60px; word-break:keep-all;}
p.h45  {font-size:45px; line-height:55px; word-break:keep-all;}
p.h40  {font-size:40px; line-height:50px; word-break:keep-all;}
p.h35  {font-size:35px; line-height:45px; word-break:keep-all;}
p.h30  {font-size:30px; line-height:40px; word-break:keep-all;}
p.h25  {font-size:25px; line-height:35px; word-break:keep-all;}
p.h21  {font-size:21px; line-height:31px; word-break:keep-all;}
p.h18  {font-size:18px; line-height:28px; word-break:keep-all;}
p.h17  {font-size:17px; line-height:27px; word-break:keep-all;}
p.h16  {font-size:16px; line-height:26px; word-break:keep-all;}

#container_wr  {width:100% !important; margin:0;}
#container  {width:100% !important; margin:0; min-height:100vh !important; /*background:#fff;*/ /*overflow:hidden;*/}

/*---2021-03-19----*/
#bo_list  {max-width:1200px !important; margin:auto; padding:100px 0;}
#bo_v  {max-width:1200px !important; margin:auto; padding:100px 0;}
#bo_w  {max-width:1200px !important; margin:auto; padding:100px 0;}
#bo_gall  {max-width:1200px !important; margin:auto; padding:100px 0;}
.hit  {opacity:1 !important; visibility:visible !important; right:0 !important;}


/*---해더----*/
#header  {background:0; transition:0.5s ease-in-out; position:fixed; left:0; top:0; z-index:99; width:100%; border-bottom:1px solid rgba(255,255,255,0.5);}
#header:hover  { background:#fff;}
#header:hover .depth-2  {display:block;}
#header:hover a  {color:#333 !important;}
#header .member_login_out  {position:absolute; right:30px; top:35px;}
#header .member_login_out a  {color:#fff; padding:0 7px;}
#header .header_layout  { position:relative;
transition:0.3s ease-in-out;
/*height:300px;*/
top:0;
/*position:fixed;*/ width:100%; margin:auto; display:flex; justify-content:space-between; align-items:center;
/*overflow:hidden;*/
}


/*#header .header_layout:hover  {height:350px; background:#fff;}*/
#header .header_layout .logo  {position: absolute;
    left: 30px;
    
    top:8px;}
/*#header .header_layout .logo img  {max-width:90px; }*/
#header .header_layout .logo a  {font-size:27px; font-weight:600; color:#fff;}

.color_full  {background:#fff !important; border-bottom:1px solid #ddd !important;}
.color_full a  {color:#333 !important;}

.scrolldown  {background:#fff !important; border-bottom:1px solid #ddd !important;}
.scrolldown a  {color:#333 !important;}



.hit_header  {background:#fff; border-bottom:0; box-shadow:0 0 0 5px rgba(0,0,0,0.5);}


/*---모바일---*/
#header .mo_header_layout  {display:none;
padding:15px; text-align:left;
z-index:999; background:#fff;
border-bottom:1px solid rgba(0,0,0,0.3);
position:fixed; width:100%; top:0; left:0;
}
.mo_header_layout > a  {font-size:17px;}
#header .mo_header_layout nav  {position:absolute; right:15px; bottom:22px; z-index:999; cursor:pointer;}
#header .mo_header_layout nav p  {width:30px; height:3px; border-radius:3px; background:#666; margin-bottom:5px;}
#header .mo_header_layout .mo_menu  {transition:0.3s ease-in-out; position:fixed; background:#fff; width:70%; right:-20px; top:0; height:100vh; z-index:99; visibility:hidden; opacity:0;}
#header .mo_header_layout .mask  {transition:0.3s ease-in-out; position:fixed; top:0; right:0 !important; width:100%; height:100vh; background:rgba(0,0,0,0.5); z-index:50; visibility:hidden; opacity:0;}
.mo_menu li  {text-align:left;}
.mo_menu > .mo_menu_1  {padding-top:77px;}
.mo_menu > .mo_menu_1 > li:first-child  {border-top:1px solid #ddd;}
.mo_menu > .mo_menu_1 > li  {border-bottom:1px solid #ddd;}
.mo_menu .mo_menu_1 li span  {display:block; padding:10px 15px; cursor:pointer;}
.mo_menu .mo_menu_1 .mo_menu_2  {border-top:1px solid #ddd; background:#f9f9f9; display:none;}
.mo_menu .mo_menu_1 .mo_menu_2 a  {padding:7px 15px; display:block;}
.mo_menu .mo_menu_1 .mo_menu_2 a:hover  {color:#61c2ef;}
/*---모바일---*/

.pc_menu  {display:flex; width:100%; justify-content:center;}
.pc_menu > li  {min-width:160px; position:relative;}
.pc_menu > li:hover .depth-2  {opacity:1; visibility:visible; top:87px;}
.pc_menu > li > a  {padding:30px 0; color:#fff; text-align:center; display:block; font-weight:400; font-size:21px; line-height:27px;}
.pc_menu > li > a:before  {content:''; position:absolute; left:0; top:86.67px; height:2px; background:#ddd; width:0%; transition:0.3s ease-in-out;}
.pc_menu li:hover a:before  {width:100%;}
.depth-2  {display:none; padding:0 0 15px; transition:0.3s ease-in-out; top:116px; width:100%; z-index:99; /*background:#fff;*/}
/*.depth-2:after  {content:''; position:absolute; top:-3px; left:0; height:3px; width:100%; background:#333;}*/
.depth-2 > li > a  {position:relative; transition:0.3s ease-in-out; color:#fff; display:block; text-align:center; font-size:16px; padding:7px 0;}
.depth-2 > li > a:hover  {color:#ddd; /*background:#49c5f2;*/}


.hit_header a  {color:#333 !important;}
.header_layout > .mask  {visibility:hidden; opacity:0; position: fixed; left:0; top:0; width:100%; height:100vh; z-index:5; background:rgba(0,0,0,0.5);}
.header_layout .pc_list  {width: 1200px;
	transition:0.5s ease-in-out;
	visibility:hidden;
	opacity:0;
    padding:45px 15px 20px;
    left: 50%;
    top: 45%;
    position: fixed;
    z-index: 99;
    height: 600px;
    background: #fff;
    transform: translate(-50%, -50%);}
.header_layout .hit_2  {visibility:visible; top:50%; opacity:1; }
.header_layout .hit_3  {visibility:visible; opacity:1;}
.header_layout > .pc_list > ul  {display:flex; justify-content:flex-start; flex-wrap:wrap;} 
.header_layout > .pc_list > ul > li  {width:23%; margin-right:2%; margin-bottom:30px;}
.header_layout > .pc_list > ul > li:last-child  {margin-right:0;}
.header_layout > .pc_list > ul > li > a  {display:block; padding:10px 15px; font-size:17px; font-weight:400; border-bottom:1px solid #999;}
.header_layout .pc_list .all_list a  {display:block; padding:7px 17px; color:#666;}
.header_layout .pc_list .all_list a:hover {color:#49c5f2;}
.header_layout .pc_list .exit  {position:absolute; right:15px; top:15px; cursor:pointer;}

.header_layout .all_list_button  {cursor:pointer; position:absolute; width:30px; height:30px; font-size:30px; right:0; top:35px; color:#333;}
.header_layout .all_list_button p  {width:100%; height:3px; border-radius:3px; background:#333; margin-bottom:5px;}
#container_title  {display:none;}
/*---2021-03-22 해더---*/

.big_img  {position:relative; display:table; width:100%; height:195px; overflow:hidden; margin-top:133.33px;}
.big_img .title_warp  {position:relative; z-index:4; display:table; width:100%; height:100%;}
.big_img .title_page  {display:table-cell; vertical-align:middle; text-align:center; color:#fff; }
.big_img .bg  {position:absolute;  width:100%; height:100%; left:0; top:0; background-size:cover; background-position:center center; background-repeat:no-repeat;
-webkit-animation:ball 50s ease-out Infinite Alternate;
animation:ball 50s ease-out Infinite Alternate;
z-index:0;}
.big_img .sub_tit  {max-width:1200px; display:table-cell; vertical-align:middle; margin:auto; position:relative; z-index:1;}
.big_img .sub_tit p.h35  {color:#fff; max-width:1200px; margin:auto; font-weight:600;}
.big_img .sub_tit p.h21  {max-width:1200px; margin:auto; padding-top: 10px; font-weight:300; color: #fff;}
.big_img .cover  {width:100%; top:0; height:100%; position:absolute; background:rgba(0,0,0,0.5); z-index:1;}
.sub_visual_img01 .bg  {background-image:url('../img/sub_visual_img01.jpg');}
.sub_visual_img01  {height:300px !important;}
.sub_visual_img02 .bg  {background-image:url('../img/sub_visual_img02.jpg');}

.sub_visual_img03 .bg  {background-image:url('../img/sub_visual_img03.jpg');}
.sub_visual_img04 .bg  {background-image:url('../img/sub_visual_img04.jpg');}
.sub_visual_img05 .bg  {background-image:url('../img/sub_visual_img05.jpg');}
.sub_visual_img06 .bg  {background-image:url('../img/sub_visual_img06.jpg');}
.sub_visual_img07 .bg  {background-image:url('../img/sub_visual_img07.jpg');}
.sub_visual_img08 .bg  {background-image:url('../img/sub_visual_img08.jpg');}
.sub_visual_img09 .bg  {background-image:url('../img/sub_visual_img09.jpg');}
.sub_visual_img10 .bg  {background-image:url('../img/sub_visual_img10.jpg');}
.sub_visual_img11 .bg  {background-image:url('../img/sub_visual_img11.jpg');}
.category-wrap  {background:#f6f6f6; border-top:1px solid #ddd; border-bottom:1px solid #ddd; position:relative;}
.sub_navI_warp  {border-top:1px solid #ddd;}
.sub_navI_warp .home_back  {display:block; width:90px; height:45px; float:left; position:relative;}
.sub_navI_warp .home_back:before  {content:url('../img/arrow.png'); right:15px; top:55%; transform:translateY(-50%); position:absolute;}
.sub_navI_warp .all-wrap  {max-width:1200px; margin:auto;}
.category-wrap .sub_navI_warp .loca-area  {display:flex;}
.loca-area > ul  {display:flex; }
.loca-area > ul > li  {position:relative; }
.loca-area > ul > li:last-child  {margin-left:-1px;}
.loca-area > ul > li > button  {color:#333; outline:0; position:relative; padding:0 10px; font-family:'Noto Sans KR', sans-serif; font-size:16px; font-weight:400; background:none; border:0; min-width:160px; line-height:45px; text-align:left;}
.loca-area .float_right  {position:absolute; right:10px; top:50%; transform:translateY(-50%);}

.loca-area .next-depth  {position:absolute; background:#f6f6f6; z-index:99; min-width:182px; width:100%; left:-1px; display:none; border:1px solid #ddd;}
.loca-area .next-depth li  {width:100%; border-bottom:1px solid #ddd;}
.loca-area .next-depth li:last-child  {border-bottom:0;}
.loca-area .next-depth li a  {padding:10px; display:block;}
/*---메인 사업분야---*/
.main_fix_layout  {max-width:1200px; margin:auto;}
.main_fix_layout nav p  {}

.main_news  {padding:125px 0 265px; position:relative; z-index:1; overflow:hidden;}
.main_news:after  {content:url('../img/back_img.png'); position:absolute; left:25%; top:60%; transform:translate(-25%,-60%);  z-index:-1;}
.main_news p.h45  {text-align:center; padding-bottom:45px; color:#333;}
.main_news p.h45 strong  {position:relative; z-index:1;}
.main_news p.h45 strong:before  {content:''; position:absolute; left:0; bottom:8px; width:100%; height:10px; background:#ffaf03; z-index:-1;}
.main_news .tab_li  {display:flex; justify-content:center; max-width:1200px; margin:auto; padding-bottom:50px; }
.main_news .tab_li li  {min-width:140px; cursor:pointer; padding:5px; border-bottom:1px solid #999; text-align:center;}
.main_news .tab_li li.on  {border-bottom:3px solid #ffaf03;}
.main_news .main_fix_layout section  {display:none;}
.main_news .main_fix_layout section.on  {display:block !important;}

.main_about_us  {background:#ffaf03; position:relative; z-index:1; overflow:hidden;}
.main_about_us:after  {content:url('../img/back_img_2.png'); position:absolute; left:80%; top:60%; transform:translate(-80%,-60%);  z-index:-1;}
.main_about_us p.h45  {font-weight:900; color:#803a05;}
.main_about_us p.h45 strong  {position:relative; z-index:1;}
.main_about_us p.h45 strong:before  {content:''; position:absolute; z-index:-1; background:#e88702; bottom:5px; left:0; width:100%; height:15px;}
.main_about_us p.h25  {color:rgba(255,255,255,0.5); transition:0.3s ease-in-out;}
.main_about_us p.h17  {color:#803a05; font-weight:400; margin:30px 0 0;}


.main_about_us  {padding:85px 0 55px;}
.main_about_us .main_fix_layout  {display:flex; justify-content:space-between; max-width:1400px;}
.main_about_us .get_link   {display:flex; flex-wrap:wrap;  max-width:960px; width:100%;}
.main_about_us .get_link li  {
    margin-right:30px;
    margin-bottom:30px; 
    max-width:300px; width:100%; height:100px;  text-align:center;}
.main_about_us .get_link li section:hover a  {border:1px solid #fff;}
.main_about_us .get_link li section:hover a p  {color:#fff;}
.main_about_us .get_link li:nth-child(3n-3)  {margin-right:0;}
.main_about_us .get_link li section  { 
    background-size:cover; background-repeat:no-repeat; background-position:center center;
    display:table; width:100%; height:100%; padding:15px;} 
.main_about_us .get_link li section a  {display:table-cell; transition:0.3s ease-in-out; border:1px solid rgba(255,255,255,0.0); vertical-align:middle; text-align:center;}


.main_online  {padding:120px 0 130px;}
.main_online nav p  {text-align:center; color:#333;}
.main_online nav p.h45  {font-weight:600; position:relative; z-index:1;}
.main_online nav p.h45 strong  {position:relative; z-index:1;}
.main_online nav p.h45 strong:before  {content:url('../img/text-con.png'); position:absolute; z-index:-1; left:-30px;}
.main_online nav p.h17  {margin-top:45px;}
.main_online .icons_link  {display:flex; flex-wrap:wrap; margin-top:45px;}

.main_online .icons_link li  {max-width:380px; width:100%; transition:0.3s ease-in-out; height:313px; margin-bottom:30px; border:1px solid #ddd; margin-right:30px; display:table;}
.main_online .icons_link li:hover  {background:#ffb416;}
.main_online .icons_link section  {text-align:center; vertical-align:middle; display:table-cell;}
.main_online .icons_link section a  {display:block;}
.main_online .icons_link section p.h30  {padding-top:41px;}
.main_online .icons_link li img  {}
.main_online .icons_link li:nth-child(3n-3)  {margin-right:0;}
.main_online .icons_link li.full_color  {background:#ffb416;}
.main_online .icons_link li.full_color p  {color:#803a05; font-weight:600;}

.main_link .main_fix_layout  {display:flex; padding-bottom:100px; justify-content:space-between; align-items:center; padding-bottom:65px;}
.main_link .main_fix_layout a  {display:inline-block; position:relative; padding-right:60px; font-size:25px; margin-right:30px; font-weight:600; color:#803a05;}
.main_link .main_fix_layout a:last-child  {margin-right:0;}
.main_link .main_fix_layout p.h45 strong  {position:relative; z-index:1; color:#333;}
.main_link .main_fix_layout p.h45 strong:before  {content:url('../img/text-con.png'); position:absolute; z-index:-1; left:-30px;}
.main_link .main_fix_layout a:after  {content:url('../img/link_icon.svg'); position:absolute; right:0; width:24px; height:24px;}

.main_banner  {border-top:1px solid #ddd; padding:100px 0 100px;}
.main_banner .main_fix_layout  {max-width:1400px; text-align:center;}
.main_banner .main_fix_layout a  {margin-right:25px;}
.main_banner .main_fix_layout a:last-child  {margin-right:0;}
#ft  {text-align:left; background:#fff; color:#666;}
#ft .ft_1  {border-top:1px solid #ddd; padding:35px 20px; background:#f1f1f1;}
#ft .ft_1 a  {color:#999; display:inline-block; padding:7px 20px; font-size:17px;}

#ft .ft_2  {background:#f1f1f1;display:flex; padding:48px 40px; border-top:1px solid #ddd; font-size:17px; align-items:end;}
#ft .ft_2 nav  {line-height:35px; color:#999; padding-left:30px;}
#ft .ft_2 nav p.h14  {font-size:14px; line-height:24px;}
#ft .ft_2 .content_link a  {font-size:17px; line-height:27px; color: #999; margin-right:15px; font-weight:600;}
/*---2021-03-23---*/
.sub_layout  {padding:150px 0 150px; position:relative;}
.sub_layout > section  {max-width:1200px; margin:auto;}
.sub_layout > section > p.h40  {font-size:40px; font-weight:600; color:#333; padding-bottom:15px; margin-bottom:80px;}

.about strong  {color:#333;}
.about img  {max-width:100%; float:left;}
.about p.h17  {line-height:35px;}
.about p.h21  {line-height:35px; padding-bottom:75px;}

.about p.h30  {color:#333; font-weight:600;}


/*---연혁---*/
.history > section  {border-left:2px dashed #ddd;}
.history > section > article  {position:relative; padding-left:40px; padding-bottom:100px;}
.history > section > article:before  {content:''; position:absolute; width:2px; height:120px; left:-2px; background:#ffaf03;}
.history li  {padding-bottom:40px;}
.history .years  {padding-bottom:45px; font-weight:600; color:#333;}
.history .years:before  {content:''; position:absolute; width:15px; height:15px; left:-9px; border-radius:50%; background:#ffaf03; }
.history .month  {color:#333; float:left; font-weight:600;}
.history .his_contents  {padding-left:105px;}

/*---location----*/
.location #daumRoughmapContainer1616568601415  {width:100% !important;}
.location .h40 {color:#333; font-weight:600; padding-bottom:80px;}
.location .h26  {color:#333; font-weight:600; padding-bottom:15px; position:relative;}
.location .h26:before  {content:'-'; position:absolute;left:-20px;}
.location .address  {display:flex; padding-bottom:70px; margin-bottom:85px; border-bottom:1px solid #333;}
.location .address li  {margin-right:50px;}


/*연혁*/
.history_area {max-width:1200px; margin:auto; padding-top:40px; padding-bottom:100px;}
.history_area .h35  {font-size:35px; padding-top:30px; padding-bottom:75px; display:block; font-weight:600;}

/*--조직도---*/
.organization  section  {text-align:center;}
.organization img  {max-width:1000px;}

/*---학회지---*/
.list_0  h1.h30  {text-align:center; font-size:30px; line-height:45px; font-weight:600; color:#333;padding:15px 0; margin-bottom:45px; border-bottom: 1px solid #ddd;}
  
.list_0 .text_box p.h25  {color:#333; font-weight:600; margin-bottom:35px;}
.list_0 .text_box p.h17  {padding-left: 25px; line-height:35px; padding-bottom:75px;}
.list_0 .text_box  {margin-bottom:30px;}
.list_0 .tab_button  {display:flex; display:flex; justify-content:center; margin-bottom:50px; }
.list_3 strong  {color:#333; display:block; margin-bottom:20px;}
.list_0 .tab_button li  {padding: 10px 0;cursor:pointer;
    border: 1px solid #ddd;
    color: #333;
    margin-right: 20px;
    max-width: 200px;
    width: 100%;
    text-align: center;}
.list_0 .tab_button li.on  {background:#ffaf03; color:#803a05;}
.list_0 .tab_button li:last-child  {margin-right: 0;}
.list_0 .tab_2 p.h21  {color:#333; font-weight:600; margin-bottom:20px; line-height:38px;}
.list_0 #con2 p.h17 span  {display:block; margin-bottom:15px;}
.list_13 section  {display:none;}
.list_13 section.on  {display:block;}

.list_21 p.h21  {margin-bottom:20px; color:#333;}
.list_21 p.h21 span {display:block; margin-bottom:20px;}




.rule h1.h21  {color:#333; font-size:21px; line-height:31px; border-bottom:1px solid #e88702; padding-bottom:20px; margin-bottom:27px;}
.rule ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
.rule ul li  {max-width:580px; width:100%; margin-bottom:50px;}
.rule ul li p.h17  {color:#666; padding-left:25px; position:relative; line-height:30px; padding-bottom:35px; line-height:35px;}
.rule ul li p.h17:before  {content:''; position:absolute; left:0; top:12px; width:10px; height:10px; border-radius:50%; background:#e88702;}

.director p.h30  {padding-bottom:20px; color:#333; font-weight: 600;}
.director table  {border-collapse:collapse; width:100%; margin-bottom:100px;}
.director table tr  {}
.director table th  {text-align:center; color:#333; background:#FFC74F; border:1px solid #ffaf03; font-size:17px; line-height:31px; padding:15px; font-weight: 400;}
.director table td  {text-align:center; color:#333; padding:15px; font-size:17px; border:1px solid #ffaf03;}


.website p.h30  {padding-bottom:20px; color:#333; font-weight: 600;}
.website .table_box table  {border-collapse:collapse; width:100%; margin-bottom:100px;}
.website .table_box table tr  {}
.website .table_box table th  {text-align:center; color:#333; background:#FFC74F; border:1px solid #ffaf03; font-size:17px; line-height:31px; padding:15px; font-weight: 400;}
.website .table_box table td  {text-align:center; color:#333; padding:15px; font-size:17px; border:1px solid #ffaf03;}
.website .table_box table img  {margin-left:25px;}


/*---사업분야----*/

.sub_layout .business_1_list  {padding-top:115px; position:relative; display:flex; justify-content:space-between;}
.sub_layout .business_1_list:before  {content:'BUSINESS'; position:absolute; z-index:0; right:0; top:30px; font-size:230px; font-weight:600; color:#f9f9f9;}
.sub_layout .business_1_list li  {flex:1; margin-right:2%; position:relative; z-index: 2;}
.sub_layout .business_1_list li p  {color:#333;}
.sub_layout .business_1_list li:last-child  {margin-right:0;}
.sub_layout .sub_img_box  {border-radius:30px; background-size:cover; background-position:center center; width:100%; height:350px; margin-bottom:70px;}


/*---자격증----*/
.certificate p.h21  {padding-bottom:20px; color:#333;}
.certificate .table_box  {width:100%; overflow:auto;}
.certificate table  {border-collapse:collapse; width:1190px; margin:auto; margin-bottom:70px;}

.certificate table tr  {}
.certificate table th  {text-align:center; color:#333; background:#FFC74F; font-size:17px; line-height:31px; padding:15px; font-weight:400;}
.certificate table td  {text-align:center; padding:15px; font-size:17px; border:1px solid #ddd;}
.certificate .text_box  {margin-bottom:35px; overflow:auto;}
.certificate .text_box .h25  {color:#333; font-weight:600; padding-bottom:20px; margin-bottom:20px;}
.certificate .text_box .h21  {margin-bottom:20px;}
.certificate .text_box .h17  {padding-left:20px; margin-bottom:20px; line-height:35px;}

.certificate_3 .text_box  {margin-top:75px;}
.certificate .text_box .h21  {color:#333; padding:0; border-bottom:1px solid #ccc; padding-bottom:15px; font-weight:600;}




/*---2021-06-04---*/
.apply_table  {width:100%; border-collapse:collapse; border-top: 2px solid #333;}
.apply_table input[type=text]  {border: 1px solid #ddd; padding:5px; width:70%; font-size: 17px; color: #333;}
.apply_table input[type=text]:placeholder  {color:#ddd; font-size: 17px;}
.apply_table input[type=text]:focus  {border: 1px solid #333; box-shadow:0 0 5px rgba(0,0,0,0.3);}

.apply_table th  {padding:20px 15px; text-align:center; background:#f1f1f1; color: #333; border: 1px solid #ddd;}
.apply_table td  {padding:20px 15px; text-align:left; color: #666; border: 1px solid #ddd}
.apply_table td pre {white-space: normal;font-family: 'Malgun Gothic';font-size:1em;overflow-x: hidden;}

@media (max-width:1600px) {#header .header_layout .logo img  {width:150px;}}


@media (max-width:1200px) {


    #header .header_layout .logo img  {max-width:150px;}
    .pc_menu > li {min-width:110px;}
    .pc_menu > li > a {font-size:14px;}
    #header .member_login_out  {top:32px;}
    #header .member_login_out a  {font-size:14px;}
    .main_news  {padding:125px 15px 256px;}


    .main_about_us .main_fix_layout  {display:block;}
    .main_about_us .main_fix_layout nav  {text-align:center;}
    .main_about_us p.h17  {margin-bottom:35px;}
    .main_about_us .get_link  {margin:auto;}

    .main_online  {padding:70px 15px 100px;}
    .main_online .icons_link  {justify-content:center;}


    .main_online .icons_link li  {max-width:31%; margin-right:2%; margin-bottom:2%;}
    .main_link .main_fix_layout  {display:block; text-align:center;}
    .main_link .main_fix_layout p.h45  {text-align:center;}
    .main_link nav  {padding-top:70px;}
    .main_banner .main_fix_layout  {text-align:left;}

    .big_img .sub_tit  {padding:0 15px;}
    .sub_layout  {padding:150px 15px 150px;}

    .rule ul li  {max-width:48%;}

    #bo_list  {padding:100px 15px;}


}   

@media (max-width:1024px) {
    .pc_menu  {display:none;}
    #header .mo_header_layout  {display:block;}
    .main_about_us .get_link  {justify-content:center;}
    .main_about_us .get_link li  {margin-right:0;}
    .main_link .main_fix_layout  {padding:60px 15px 70px;}

    .main_link .main_fix_layout a  {display:block; padding-right:0; margin-right:0; width:100%;
    margin-bottom:20px;
    }
    .main_banner .main_fix_layout img  { width:33%; margin-right:0}
    .big_img  {margin-top:67px;}
    

}


@media (max-width:767px) {

p.h65  {font-size:35px; line-height:45px;}
p.h50  {font-size:30px; line-height:40px;}
p.h45  {font-size:25px; line-height:35px;}
p.h40  {font-size:25px; line-height:35px;}
p.h35  {font-size:25px; line-height:35px;}
h1.h30  {font-size:21px; line-height:31px;}
p.h30  {font-size:21px; line-height:31px;}
p.h25  {font-size:17px; line-height:27px;}
p.h21  {font-size:16px; line-height:26px;}
p.h18  {font-size:14px; line-height:24px;}
p.h17  {font-size:14px; line-height:24px;}
p.h16  {font-size:14px; line-height:24px;}


.main_news  {padding:70px 15px 150px;}
.main_news .tab_li li  {min-width:100px;}
.main_about_us  {padding:50px 15px 35px;}
.main_about_us .get_link li  {max-width:100%; height:150px;}
.main_online .icons_link li  {max-width:48%; margin-right:2%; margin-bottom:2%;}
.main_online .icons_link li:nth-child(3n-3)  {margin-right:2%;}
.main_online .icons_link section img  {width:100px; !important; height:auto !important;}
.main_banner  {padding:70px 15px 70px;}
.main_banner .main_fix_layout img  {width:49%; margin-right:0; margin-bottom:15px;}

#ft .ft_2  {display:block; text-align:center;}
#ft .ft_2 nav  {padding-left:0;}

.about .h21  {padding-left:0 !important;}
.about img  {float:none; display:block; margin:auto; margin-bottom:50px;}

.history > section > article  {padding-left:20px; padding-bottom:50px; }
.history li  {padding-bottom:20px;}


.rule ul li  {max-width:100%;}
.rule ul li p.h17  { padding-bottom:20px;}

.director table th  {font-size:14px; padding:7px;}
.director table td  {font-size:14px; padding:3px; white-space:nowrap;}

.website p.h30  {padding-bottom:20px; color:#333; font-weight: 600;}
.website .table_box table  {border-collapse:collapse; width:100%; margin-bottom:100px;}
.website .table_box table tr  {}
.website .table_box table th  {text-align:center; color:#333; background:#FFC74F; border:1px solid #ffaf03; font-size:17px; line-height:31px; padding:15px; font-weight: 400;}
.website .table_box table td  {text-align:center; color:#333; padding:8px; font-size:14px; border:1px solid #ffaf03;}
.website .table_box table img  {margin-left:0}



#bo_v  {padding:100px 15px;}


.certificate .text_box .h17  {padding-left:0;}
.certificate_3 img  {display:none;}


}