/*layyout*/

/*header*/



/*footer*/



/*gallery*/


@media(max-width : 1200px){
	.board_wrap { padding: 0 20px 100px; }

}

@media(max-width : 1024px){	 
	/*header*/
	#header { height: auto; line-height: normal; padding: 25px 20px; }
	#header .inner_1200 { padding: 0; }
	#header h1 { font-size: 12px; }
	#header h1 img { height: 50px; }
	#header .clearfix h1 .logo_100th{width: 145px;}
	#header .top_nav { float: none; position: fixed; width: 100%; max-width: 400px; height: 100%; right: -150%; top: 0; z-index: 10; text-align: center; padding: 220px 0; font-size: 30px; font-weight: bold; background: #c81050;color: #fff; transition: 0.5s; line-height: normal; box-shadow: -10px 0 20px rgba(0,0,0,0.1); }
	#header .top_nav.on { right: 0; }
	.top_nav .depth01 > li { margin-left: 0; float: none; margin-bottom: 30px; }
	.top_nav .depth01 > li > a { display: inline-block; padding-bottom: 2px; }
	.top_nav .depth01 > li > a { display: inline-block; width: auto; padding-bottom: 2px;  position: relative; padding-bottom: 5px; }
	.top_nav .depth01 > li > a:after { content: ""; position: absolute;
		left: 0;
		bottom: 0;
		width: 0%;
		height: 1px;
		background: rgba(255,255,255,0.2);
		transition: 0.3s;  }
	.top_nav .depth01 > li > a:hover:after { width: 100%; }


	.top_nav .depth01 ul.depth02 { position:static; background: transparent; box-shadow: none; display:block; transform: translate(0); width: auto; height: 0; overflow: hidden; transition: 0.5s; }
	.top_nav .depth01 ul.depth02 li a { color:#fff; border-bottom: 0; display:inline-block;}
	.top_nav .depth01 ul.depth02 li a img { display: none; }
	.top_nav .depth01 ul.depth02.on { height:100%; padding-top: 10px; }

	.top_nav .depth01 ul.depth02 li a { font-size: 24px; font-weight: 500; }	

	#header .nav_open { float:right; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 30px; height:22px; display:block; border:0; background: transparent; cursor: pointer; z-index:11; transition: 0.5s;}
	#header .nav_open span { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 2px; background: #fff; transition: 0.5s; }
	#header .nav_open span:first-child { top:0; opacity:1; transform: translate(0); }
	#header .nav_open span:last-child { top: auto; bottom: 0; transform: translate(0); }

	/*닫기*/
	#header .nav_open.on{ height: 30px; }
	#header .nav_open.on span { background: #fff; }
	#header .nav_open.on  span:first-child { transform: rotate(45deg) translateY(-50%); top: 50%;}
	#header .nav_open.on  span:nth-child(2) { opacity:0; }
	#header .nav_open.on  span:last-child { transform: rotate(-45deg) translateY(-50%); top: 50%;}
	
	/*layout*/
	#body { padding-top: 200px; }

	/*footer*/
	.com_info p:nth-of-type(2) {padding-left:0;}


	/*gall_list*/
	.board_title h3 { font-size: 40px; }
	.board_title .btn_admin { font-size: 14px; }


	.tb_top_wrap { line-height: normal; height: auto; margin-bottom: 30px; }
	.tb_top_wrap .right,.tb_top_wrap .left { float: none; }	
	.tb_top_wrap .right { text-align: right; margin-bottom: 10px;} 

	.tb_top_wrap .search_wrap #search { height: 40px; line-height: 40px; padding-right: 40px; } 
	.tb_top_wrap .search_wrap .btn_search { width: 40px; height: 40px; padding: 7px; }
	.tb_top_wrap .search_wrap .btn_search img{ max-width: 100%; }

	.tb_top_wrap .total { font-size: 14px; height: 40px; line-height: 40px; }


	/*list*/
	.gall_list li { width: calc(50% - 15px) ; margin-right: 20px; margin-top: 30px; min-height: 515px;}
	.gall_list li:nth-child(3n) { margin-right: 20px; }
	.gall_list li:nth-child(2n) { margin-right: 0; }
	.gall_list li .gall_img { height: auto; max-height:395px; }




	/*product*/
	.prd_tab { margin-bottom: 50px;}
    .prd_tab li { font-size: 18px; height: 50px; line-height: 50px;}

	.sec_his .left  { padding-left: 0; padding-right: 0px; margin-bottom: 140px; float: left; }
	.sec_his .right { float: right; width: 40%; }
	.sec_his .left img { width: 300px; }
	.sec_his .left .his_img_ab { left: 30px; top: 30px; }
	.sec_his .left .his_img_ab02 { left: 60px; top: 60px; }
	.sec_his .left .his_img_ab03 { left: 90px; top: 90px; }



	.sec_his .his_graph li:last-child { padding-bottom: 100px; }
	.sec_his .his_graph li { padding-bottom: 60px; }
	.sec_his .his_graph li .year { font-size: 30px; }
	.sec_his .his_graph li .txt { font-size: 20px; } 

	.sec_his .his_graph { padding-left: 80px; }
	.sec_his .his_graph li:before { left: -80px; }
	.sec_his .his_graph li .year:before { width: 80px; left: -80px; }
	.sec_his .his_graph li .year:after { left: -85px; }
	.sec_his .his_graph li:first-child .year:after { left: -90px; }
	.sec_his .his_graph li.on .year:after { left: -90px } 
	.sec_his .his_graph li:after { left: -80px }


	.sec_prd .prd_ul li { padding: 50px 0; }
	.sec_prd .left, .sec_prd .right{ float: none; }
	.sec_prd .prd_ul li .left{ width: 100%; text-align:center; }
	.sec_prd .prd_ul li .right { width: 100%; padding-left: 0; justify-content: center; }
	.sec_prd .prd_ul li .right .prd_txt { width: auto; padding: 30px 35px 0 0; }
	.sec_prd .prd_ul li .right .prd_txt .prd_txt_top { font-size: 20px; }	
	.sec_prd .prd_ul li .right .prd_txt .prd_text_big { font-size: 40px; }
	.sec_prd .prd_ul li .right .prd_txt .prd_bottom { font-size: 20px; }
	.sec_prd .prd_ul li .right .prd_txt .prd_hash { font-size: 15px; }






	/*event*/
	.event_con { padding: 40px; }
	.event_con .event_title	{ font-size: 30px; }
	.event_con .event_title h3 { font-size: 50px; }
	.event_con .event_title img { width: 350px }
	.event_con .sec_title { font-size: 30px; margin-bottom: 15px; }


	.event_con .mint_box_top { padding: 20px; }
	.event_con .mint_box_top .mint_q { font-size: 20px; }

	.event_con .mint_a { font-size: 25px; }
	.event_con .mint_a .quiz_txt_mob { display: inline-block; width: 250px; }
	.event_con .mint_a .quiz_txt_pc { display: none; }

	.event_con .mint_a > span:nth-child(1)	{ margin-right:0; }
	.event_con .mint_a > span { display: block; margin-top: 20px; }

	.event_con .mint_a .blank { vertical-align: middle; width: 40px; height: 40px; border-width: 2px; }

	.mint_select { padding: 20px; }
	.mint_select .mint_radio_wrap { font-size: 20px; margin-right: 20px; }
	.mint_select input[type=radio] + label { width: 20px; height: 20px; background-size: 20px; }
	.mint_select input[type=radio]:checked + label { width: 20px; height: 20px; background-size: 20px; }




	.event_con .blue_box { padding: 30px 20px; }
	.event_con .blue_box dl dt { font-size: 20px; width: 80px; }
	.event_con .blue_box dl dd { width: calc(100% - 80px);font-size: 18px; }

	.event_con .blue_box dl dd input[type=text] { font-size: 18px; }
	.event_con .blue_box dl .addr_btn_wrap .btn_addr { font-size: 18px; }

	.event_con .blue_box .agree_check { padding-left: 80px; font-size: 18px; }
	.event_con .blue_box .agree_check input[type=checkbox] + label { width: 20px; height: 20px; background-size: 20px; }
	.event_con .blue_box .agree_check input[type=checkbox]:checked + label { width: 20px; height: 20px; background-size: 20px; }

	.mint_select .mint_radio_wrap:nth-of-type(1),.mint_select .mint_radio_wrap:nth-of-type(2) { margin-bottom: 15px;}
	.mint_select .mint_radio_wrap:nth-of-type(2n) { margin-right: 0; }



	/*학술정보*/
	.board_table table th, .board_table table td { padding: 10px 5px; font-size:14px; }
	.board_table table .checkbox { width: 40px; }
	.board_table table .number { width: 30px; }
	.board_table table .date { width: 85px; font-size: 13px; }




	/*faq*/
	.faq_list li { font-size: 18px; }							    
	.faq_search_wrap { padding: 20px; }



	/*문의하기*/
	.inquire_con { padding: 50px 20px; }
	.inquire_con .inquire_inner { max-width: 500px; }
	.inquire_con dl dt ,.inquire_con dl dd { float: none; width: 100%; font-size: 20px; }
	.inquire_con dl dt { padding-top: 0;padding-bottom: 10px; }
	.inquire_con dl dd { font-size: 18px; }

	.inquire_con dl dd input[type=text],.inquire_con dl dd textarea { font-size: 18px; }

	.inquire_con .agree_check { padding-left: 80px; font-size: 18px; }
	.inquire_con .agree_check input[type=checkbox] + label { width: 20px; height: 20px; background-size: 20px; }
	.inquire_con .agree_check input[type=checkbox]:checked + label { width: 20px; height: 20px; background-size: 20px; }



	/* noco test */
	.nico_test_con { padding: 40px; }
	.nico_test_con .nico_test_title h3{ font-size: 40px; }
	
	.nico_test_con .nico_form_title	{margin-bottom: 15px; }
	.nico_test_con .nico_form_title h4 { font-size: 30px; }

	.nico_test_form { padding: 20px 0; }


	.nico_test_form .nico_test_q { font-size: 20px; padding: 15px; }
	.nico_test_form .nico_test_a { padding: 15px; }

	
	.nico_test_form .nico_test_a .test_radio_wrap { font-size: 18px; margin-right: 20px; }
	.nico_test_form .nico_test_a .test_radio_wrap input[type=radio] + label { width: 20px; height: 20px; background-size: 20px; }
	.nico_test_form .nico_test_a .test_radio_wrap input[type=radio]:checked + label { width: 20px; height: 20px; background-size: 20px; }

}

@media(max-width : 767px){
	/*header*/
	#header h1 {  }
	#header h1 img { max-width: 100%; /*height: 45px;*/ height: 35px;}
	#header .clearfix h1 .logo_100th{width: 100px;margin-left: 10px;}
	#header .nav_open{ width: 24px; height: 18px;}
	#header .nav_open.on { height: 24px; }
	.top_nav .depth01 > li { font-size: 20px; margin-bottom: 25px; }
	.top_nav .depth01 ul.depth02 { padding-top: 0; }
	.top_nav .depth01 ul.depth02 li a { font-size: 17px; height: 40px; line-height: 40px; }

	#header .top_nav {    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-direction: column;}

	/*layout*/
	#body{ padding-top: 150px; }


	
	/*footer*/
	.page_ft { width: 100%; height: 240px; font-size: 15px; }
	.page_ft .left { float: none; width: 100%; }
	.page_ft .left img { width: 140px; }

	.page_ft .right { float: none; width: 100%; }
	.page_ft .right .com_info { margin: 25px 0 15px; line-height: 1.7; }
	.com_info p { padding: 0 20px; margin-bottom:0;}
	.com_info p:first-child { padding: 0; }
	.com_info p:nth-of-type(2) { padding-left: 0; }
	.page_ft .copy { font-size: 11px; }


	/*gall_list*/
	.board_title { margin-bottom: 40px;  }
	.board_title h3 { font-size: 30px; }
	.tb_top_wrap { line-height: normal; height: auto; margin-bottom: 30px; }
	.tb_top_wrap .right,.tb_top_wrap .left { float: none; }	
	.tb_top_wrap .right { text-align: right; margin-bottom: 30px;} 
	
	.tb_top_wrap .search_wrap{ width: 100%; max-width: 350px; }
	.tb_top_wrap .search_wrap #search { height: 40px; line-height: 40px; padding-right: 40px; } 
	.tb_top_wrap .search_wrap .btn_search { width: 40px; height: 40px; padding: 7px; }
	.tb_top_wrap .search_wrap .btn_search img{ max-width: 100%; }

	.tb_top_wrap .total { font-size: 14px; height: 40px; line-height: 40px; }


	/*list*/
	.gall_list { padding-bottom: 20px; }
	.gall_list li { width: 100%; margin-right: 0 !important; margin-top: 20px; min-height: 50px;}

	.gall_list li .gall_img { height: auto; max-height: 1000px; }
	.gall_list .gall_txt .gall_tit { font-size: 18px; }
	.gall_list .gall_txt .date { font-size: 14px; }



	 /*product*/
	 .prd_tab li { font-size: 16px; }

	 .sec_his .left, .sec_his .right { float: none; width: 100%; }
	 .sec_his .left { margin-bottom: 120px; padding: 0; width: 300px; margin: 0 auto 120px;}
	 .sec_his .left img { width: 220px; }
	 .sec_his .left .his_img_ab { left: 25px; top: 25px; }
	 .sec_his .left .his_img_ab02 { left: 50px; top: 50px; }
	 .sec_his .left .his_img_ab03 { left: 75px; top: 75px; }

	 .sec_his .his_graph { padding-left: 50px; }
	 .sec_his .his_graph li { padding-bottom: 20px; }
	 .sec_his .his_graph li:before { left: -40px; top: 10px; }

	 .sec_his .his_graph li .year { font-size: 20px; }
	 .sec_his .his_graph li .year:before { width: 40px; left: -40px; }
	 .sec_his .his_graph li .year:after { left: -45px; }
	 .sec_his .his_graph li:first-child .year:after { left: -50px; }
	 .sec_his .his_graph li .txt { font-size: 16px; margin-bottom: 5px; }
	 .sec_his .his_graph li .tail { font-size: 14px; }


	.sec_his .his_graph li.on .year:after { left: -50px; }

	.sec_his .his_graph li:after { left: -40px; top:17px }

	 .sec_prd .prd_ul li { padding: 40px 0; }
	 .sec_prd .prd_ul li .right .prd_txt, .sec_prd .prd_ul li .right .open_detail { float:none; }
	 .sec_prd .prd_ul li .right .prd_txt { width: 100%; padding: 30px 0 0; }
	 .sec_prd .prd_ul li .right { display: block; text-align:center; }
	 .sec_prd .prd_ul li .right .prd_txt .prd_txt_top { font-size: 18px; margin-bottom: 5px; }
	 .sec_prd .prd_ul li .right .prd_txt .prd_text_big { font-size: 30px; }
	 .sec_prd .prd_ul li .right .prd_txt .prd_bottom { font-size: 18px; margin-bottom: 5px; }

	.sec_prd .prd_ul li .right .open_detail { margin-top: 20px; width: auto; height: 40px; line-height: 40px; font-size: 18px; padding: 0 30px; }
	.sec_prd .prd_ul li .right .open_detail img { margin-right: 5px; }


	/*event*/
	.event_con { padding: 30px 20px; }
	.event_con .event_title { font-size: 20px; }
	.event_con .event_title h3 { font-size: 30px; }
	.event_con .event_title img { width: 240px; }

	.event_con .sec_title { font-size: 20px; }


	.event_con .mint_box_top .mint_q { padding-bottom: 10px; font-size: 18px; word-break: keep-all; }






	.event_con .blue_box dl dt { font-size: 16px; }
	.event_con .blue_box dl dd input[type=text] { height: 40px; line-height: 40px; border-width: 2px; font-size: 15px; }
	.event_con .blue_box dl dd input[type=text]::placeholder { font-size: 14px; }
	.event_con .blue_box dl .addr_btn_wrap input[type=text] { width: calc(100% - 85px); margin-right: 5px;  }
	.event_con .blue_box dl .addr_btn_wrap .btn_addr { width: 80px; font-size: 14px; height: 40px; line-height: 40px;  }

	.event_con .blue_box .agree_check { font-size: 13px; padding-left: 0; }

	.event_con .e_submit { width: 180px; height: 50px; line-height: 50px; font-size: 20px; border-radius: 25px; margin-top: 30px; }
	.event_con .e_submit img { margin-top: -10px; }
	

	/*faq*/
	.faq_search_wrap { padding: 20px 10px; border-width:2px;} 
	.faq_search_wrap .search_wrap { overflow: hidden; margin-bottom: 15px; }
	.faq_search_wrap .search_wrap #search { width: calc(100% - 45px); float: left;}
	.faq_search_wrap .search_wrap .btn_search { float: right; padding: 7px; }

	.faq_list li { font-size: 18px; }

	.faq_cate li { font-size: 12px; height: 35px; line-height: 35px; }

	.faq_list{ margin-top: 50px; }
	.faq_list li { padding: 0 20px; font-size: 15px; margin-bottom: 20px;}
	.faq_list li .faq_q, .faq_list li .faq_a { padding: 20px 30px;; }
	.faq_list li .faq_bg_left { top: 20px; font-size: 20px; }
	.faq_list li .faq_q .faq_open_fold { top: 20px; width: 15px; height: 15px; }

	
	/* 게시판 - 뷰페이지*/
	.view_con table { font-size: 14px; }
	.view_con table th, .view_con table td { padding: 15px 0px; }
	.view_con table .info td, .view_con table .info th { padding: 10px 0px; }
	.view_con table .info td span { font-size: 12px; }
	.view_con table .title td { font-size: 16px; }


	.view_con table .content .file .file_title { font-size: 14px; padding: 10px; }
	.view_con table .content .file .file_list { font-size: 13px; padding: 10px; }

	.view_nav li { padding: 10px 0;font-size: 12px }
	.view_nav li .view_nav_tit,.view_nav li .date { width: 60px; }
	.view_nav li a { font-size: 15px; width: calc(100% -120px); }

	.border_button { height: 35px; line-height: 35px; font-size: 14px; }
	

	/*문의하기*/
	.inquire_con dl dt { font-size: 16px; }
	.inquire_con dl dd input[type=text] { height: 40px; line-height: 40px; border-width: 2px; font-size: 15px; }
	.inquire_con dl dd input[type=text]::placeholder { font-size: 14px; }
	.inquire_con dl dd textarea { border-width: 2px; font-size: 15px; height: 150px; }


	.inquire_con .agree_check { font-size: 13px; padding-left: 0; }

	.inquire_con .inq_submit { width: 180px; height: 50px; line-height: 50px; font-size: 20px; border-radius: 25px; margin-top: 30px; }
	.inquire_con .inq_submit img { margin-top: -10px; }



	/* noco test */
	.nico_test_con { padding: 30px 20px; }
	.nico_test_con .nico_test_title h3{ font-size: 28px; }
	
	.nico_test_con .nico_form_title	{margin-bottom: 15px; font-size: 16px; }
	.nico_test_con .nico_form_title h4 { font-size: 18px; }

	.nico_test_form { padding: 20px 0; }
	.nico_test_form .nico_test_q { font-size: 16px; }


	.nico_test_form .nico_test_a .test_radio_wrap { display: block; margin: 0 0 15px 0; font-size: 16px; }
	.nico_test_form .nico_test_a .test_radio_wrap:last-of-type { margin-bottom: 0; }
	.nico_test_con  .e_submit { width: 180px; height: 50px; line-height: 50px; font-size: 20px; border-radius: 25px; margin-top: 30px; }




}

@media(max-width : 480px){
	/*header*/
	#header .top_nav { max-width: 100%; }

	/* event */
	.event_con .mint_a .quiz_txt_mob { display: inline-block; width: 150px; }

}