@charset "utf-8";
.p_block{display: block!important;}
.t_block{display: none!important;}
.m_block{display: none!important;}

br { font-family:dotum, sans-serif;}
@media all and (max-width:1720px) {
    .top_menu .menu.close{position: absolute; right:14%;}
    .top_menu .menu.close.on{font-size: 14px; background-size:20px; padding-right: 30px; line-height: 36px; top:13px; right:100px;}
    .top_menu ul li dl dd{margin-top: 20px;}
    
    .content_wrap{width:1180px; margin: auto;}
    .container{width:100%;}
    .container_full {padding: 0; display:inline-block; min-height: auto;}
    .container_full {padding-top: 0px;}
    .container_full {padding: 0; width:100%;}

    .container_full.search{padding-top: 80px;}

    
    .container_full .tab_mobile{}
    
    
    .portfolio .portfolio_lnb{width: 100%;}
		.portfolio_pop{padding:0; padding-bottom:100px;}
    
    
    .portfolio_btn{max-width:100%; top:50%; margin-top: -45px;}
    .portfolio_btn>li{position: absolute; margin-top: -45px;}
    .portfolio_btn>li.prev{top:50%; left:0;}
    .portfolio_btn>li.next{top:50%; right:0;}
    
    .sustainavility .kv >li img{width:100%;}
}

@media all and (max-width:1200px) {
    .p_block{display: none!important;}
    .t_block{display: block!important;}
    
    p{font-size: 16px;}
    h5{font-size: 16px; line-height: 1.6;}
    
    .pb50{padding-bottom: 30px;}
    .mt20{margin-top: 15px;}
    .mt50{margin-top: 30px;}
    .mt80{margin-top: 50px;}
    .mb30{margin-bottom: 20px;}
    .mb40{margin-bottom: 25px;}
    .mb50{margin-bottom: 30px;}
    .mb60{margin-bottom: 40px;}
    .mb80{margin-bottom: 50px;}
    .dv_line{margin: 60px 0;}
    .btn{margin-top: 60px;}
    .conbox{padding-bottom: 60px; margin-bottom: 60px;}
    input[type="radio"] + label {font-size: 16px; line-height: 1.2;}
    input[type="checkbox"] + label{font-size: 16px; line-height: 1.2;}
    input[type="checkbox"] + label p{ position: relative; padding-left: 25px;}
    .p2030 input[type="checkbox"] + label {position:relative;}
    .p2030 input[type="checkbox"] + label span{position: absolute; top:8px; left:0px;}
    input[type="text"]{width:100%;}
    input[type="text"].w535{width:100%;}
    .email_area input[type="text"]{width:31%; margin-right: 2%;}
    .email_area input[type="text"]:first-child{margin-right: 0;}
    .email_area select{width:30%; background-position-x:90%; float: right;}
    .email_area input[type="text"] + .span{width:5%;}
    
    i.attach{width:15px; height:15px; margin-right: 5px;}
    
    .paging{margin-top: 20px;}
    
	.btn a{font-size:20px; height:60px; line-height:60px;}
	.btn a span{width:18px; height:17px; background-size:cover;}

    ul.txtList li{font-size: 16px; margin-bottom: 5px; padding-left: 10px;}
    .tag_group>li{font-size: 14px;}
    
    .header_wrap .header{height:100%; width:100%;}
    .header_wrap .header .logo{width:22%; height:50px; background-size:100%; top:45px; left:60px;}
    .header_wrap .header .logo a{height:100%;}
    .header_wrap .header .menu {
		font-size: 1.15em;
		background-size: 30px;
		padding-right: 40px;
		line-height: 43px;
		top: 40px;
		right: 60px;
		width: 12em;
    }
	  
	.header_wrap .header .pdfdown {display:none;}  
    .header_wrap .header h2.title{width:220px; margin-left:-110px; background-size:100%;  padding-top: 20px; font-size: 12px; transition:all .6s;}
    .header_wrap.on {height:60px;}
    .header_wrap.on .header{}
    .header_wrap.on .header{height:100%; width:100%;}
    .header_wrap.on .header .logo{width:170px; height:36px; background-size:100%; top:10px; left:60px;}
    .header_wrap.on .header .logo a{height:100%;}
    .header_wrap .header h2.title p.sub{font-size: 18px; background-size:4px; margin-top: 10px; padding-top: 4px;}
    .header_wrap .header h2.title.on{padding-top: 45px;}
    .header_wrap .header h2.title.on p.sub{font-size: 1.4em;}
    
	
    .container_full .lnb_container{left:0; top:50px; transition:all .3s; padding:0 60px;}
    .container_full .lnb_container.on{top:60px;}
    .container_full .lnb{width:100%;}
    .top_menu ul{top:15%; width:80%;}
    .top_menu ul li{width:33.333%;height: 320px;margin-top: 0;margin-bottom: 20px;}
    .top_menu ul li:nth-child(4),.top_menu ul li:nth-child(5){height:auto;}
		.top_menu ul li:nth-child(5) dl{margin-right:-100px;}
    .top_menu ul li:before{display: none;}
		.top_menu ul li dl dt{font-size:22px;}
		.top_menu ul li dl dd{font-size:14px;}

    .top_menu .menu.close{font-size: 14px; background-size:20px; padding-right: 30px; line-height: 36px; position: fixed; right:70px; top: 12px;}
    .top_menu .menu.close.on{font-size: 14px; background-size:20px; padding-right: 30px; line-height: 36px;  position: fixed; top:13px; right:70px;}
    .content_wrap{padding: 180px 60px 150px; width:100%;}
    .content_wrap h3.sub_title{font-size: 30px; margin-bottom: 40px;}
    .content_wrap h3.sub_title.inner{margin-bottom: 10px;}
    .content_wrap h3.sub_title.line{padding-bottom: 15px;}
    .content_wrap h3.sub_title p.guide{font-size: 16px; margin-top: 15px;}
    .content_wrap h3.sub_title.mb50{margin-bottom: 30px;}
    .content_wrap h3.sub_title.inner2{margin-top: 40px; margin-bottom: 25px;}
    .content_wrap h4.s_title p.guide{font-size: 16px;}
    .content_wrap h4.s_title{font-size: 22px;}
    .content_wrap h4.s_title.normal{font-size: 22px; margin: 60px 0 30px;}
    
    .container_full .filter.compaign{width:35%;}
    .container_full{padding:0; display:inline-block;}
      
    .footer_wrap{padding: 10px 0px; position: relative; width:100%; margin: auto;}
    .footer_wrap nav ul.foot_menu li a{font-size: 16px;}
    .footer_wrap address p{font-size:16px; line-height: 1.5;}
    .footer_wrap .fl{width:30%; padding: 20px 0 0 2%;}
    .footer_wrap .fr{width:60%; padding:10px 0 0 3%;}
	
    .footer_wrap .fr nav {text-align: left; margin-top: 10px;}
    .footer_wrap .fr nav .family{width:210px; height:30px; line-height: 30px;; font-size: 14px;}
    .footer_wrap .family_wrap{float: right; margin-left: 0;}
    .footer_wrap .family_lnb{width:210px; bottom:30px;}
    
    .footer_wrap .fr nav ul.lang li a{line-height: 30px;}
    .footer_wrap .fr nav ul.sns li a{width:30px; height:30px; background-size:100%;}
	  .footer_wrap .fr nav ul.sns li:first-child a{margin-left:0;}
    .footer_wrap a.scrollTop{right:3%; width:40px; height:40px; background-size:20px; margin-top:-20px; top:-60px; 
			background: #fff url(../images/ico_stop.png) center no-repeat;
	   }
    .footer_wrap a.scrollTop:hover{background-size:20px; background: #000 url(../images/ico_stop_on.png) center no-repeat;}
	
	  .footer_wrap a.main_scrollTop{right:60px; width:40px; height:40px; background-size:20px; margin-top: -20px; top:-60px}
    .footer_wrap a.main_scrollTop:hover{background-size:20px;}
    
    .popWrap.portfolio_pop >.content_wrap .pop_title{width:100%;}
    .portfolio_pop .container{width:660px;}
    .portfolio_pop_con .thumArea{height:auto;}
    .swiper-slide .con img{}
    .pop_close.poa{top:0;}
    
    /* content - company */
    .company .fl{background-size:400px;background-position:right bottom; }
	  .company .fl p{font-size:16px;}
    .company .portpolio {font-size:20px; margin-top:50px;}


    
    .portfolio .gallery> li{border:1px solid #e5e5e5}
    .portfolio .gallery> li{width:48%; margin-right: 4%;}
    .portfolio .gallery> li:nth-child(3n){margin-right: 4%;}
    .portfolio .gallery> li:nth-child(2n){margin-right: 0;}
	.portfolio .gallery> li a .thumb{height: 0; padding-bottom: 61.111%;}
    .portfolio_btn{max-width:100%; top:50%; margin-top: -36px; height:auto;}
    .portfolio_btn>li{position: absolute;  margin-top: -36px; width:auto; height:auto;}
    .portfolio_btn>li.prev{top:50%; left:0;}
    .portfolio_btn>li.next{top:50%; right:0;}
    .portfolio_btn>li.prev .arrow{width:40px;height:40px; background-size:20px;}
    .portfolio_btn>li.next .arrow{width:40px;height:40px; background-size:20px;}
    .portfolio_btn>li .txt{width:40px; font-size: 14px;}
}
    
@media all and (max-width:1200px) {
	  .top_menu .lang_wrap{width:80%; bottom:5%;}
	  /*모바일페이지 부분*/
		.mobile_content {
			width: 100%; padding:2em; margin: 0 5% 8% 0; 
			border-radius:14px;
		}

		.mobile_content ul li {float: left; width:33.33%; padding: 1em;}
		.mobile_content ul li p{
				float: left;
				width: 100%;
				height: 100%;
		}
		.mobile_content ul li p img{width:100%; height:100%;}

		.mobile_content .congroup{width:100%; padding:2em; text-align: center;}
		.mobile_content .congroup p{width:50%; padding:1em 0; background-image:none;}
		.mobile_content .congroup p img{margin-top:1em;  width:80%;}
		.mobile_content .congroup dl{float:left; width:50%; padding:1em;}
		.mobile_content .congroup dl dt{font-size:1.6em; color:#666666; font-weight:400;}
		.mobile_content .congroup dl dd{font-size:1.2em; color:#999999; padding: 1em 0;}
		.mobile_content .congroup dl a{
			width:50%; height:2.5em;  
			font-size: 1em; color:#fff;
		}


		.mobile_half {
			float: left;
			width: 48%; padding:1em; margin: 0 2% 8% 0; 
			border-radius:14px; overflow:hidden; transition: 0.25s ease-out;
			box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
		}
		.moright {width: 48%; padding:1em; margin: 0 0 8% 2%; }

		.mobile_half ul li {float: left; width:100%; padding: 3em;}
		.mobile_half ul li p {
				float: left;
				width: 100%;
				height: 100%;
				background: url(../images/mobile_bg.png) no-repeat center / 100%;
		}
		.mobile_half ul li p img{width:100%; height:100%;}

		.mobile_half .congroup{padding:2em;}
		.mobile_half .congroup dl{padding:1em;}
		.mobile_half .congroup dl dt{font-size:1.5em; color:#666666; font-weight:400; margin-top:0;}
		.mobile_half .congroup dl dd{font-size:1em; color:#999999; padding: 1em 0; line-height:1.4;}
		.mobile_half .congroup dl a{
			margin-top: 30px;
			width:90%; height:2.5em;  
			background-color: #5c6d91; display: inline-block; border-radius:25px; text-align:center;
			font-size: 1.2em; color:#fff; font-weight: 400; line-height: 2.5;
		}
	
	  /*ABOUT 부분*/
		#about .available .graphic ul li{
			width: calc(100%/5);
			padding: 10px 15px 10px 0;
		}
		#about .available .publishing ul li{
			width: calc(100%/3);
			padding: 10px 20px 10px 0;
		}
    
	  #about .technical p {
				font-size: 1.5rem;
		}
		#about .technical ul li dl dt{font-size: 1.2em;}
		#about .technical ul li dl dd{font-size: 1em;}

		#about .career ul li p img {
			width: 50%;
			transform: translateY(0);
			vertical-align: bottom;
		}
    
	  #about .career p {
			font-size: 1.5rem;
		}
		#about .career ul li dl dt{
			font-size: 0.7em;
			color: #333366;
		}
		#about .career ul li dl dd{
			font-size: 0.6em;
			line-height: 1.5;
		}

		#about .individual p{font-size:1.5rem;}
		#about .individual .academic dl dt{font-size: 1em;}
		#about .individual .academic dl dd{font-size: 0.8em;}

		#about .individual .certificate ul li{font-size:0.9em;}
		#about .individual .certificate ul li:before {
			content: "";
			width:3px; height:3px;
		} 
	}

@media all and (max-width:640px) {
    .w400{width:400px!important;}
	  br {display:none;}
    p{font-size: 14px; line-height: 22px;}
    h5{font-size: 14px; line-height: 22px;}
    .m_br{display: block;}
    .mt20{margin-top: 10px;}
    .mt50{margin-top: 20px;}
    .mb5{margin-bottom: 0;}
    .mb10{margin-bottom: 5px;}
    .mb40{margin-bottom: 15px;}
    .mb50{margin-bottom: 20px;}
    .mb60{margin-bottom: 20px;}
    

    .m_block{display: block!important;}
    .pc_block{display: none!important;}
	
	.dv_line{margin: 30px 0;}
    .info_txt{line-height: 1.6;}
    .info_txt .ico.poa{top:2px; background-size:15px;}
    .caution{font-size: 12px; padding-left: 7px;}
    .caution i.ico{width:2px; background-size:100%; top:2px;}
    .conbox{padding-bottom: 30px; margin-bottom: 30px;}
    .p2030{padding: 20px;}
    
    i.attach{width:12px; height:12px; margin-right: 3px;}
    
    ul.txtList li{font-size: 14px; padding-left: 6px;}
    ul.txtList li:before{width: 2px; height: 2px; top:8px;}
    
    
    input[type="checkbox"] + label{font-size: 14px;}
    input[type="checkbox"] + label p{ position: relative; padding-left: 20px;}
    input[type="checkbox"] + label span{width:15px; height:15px; background-size:100%; position: absolute; top:5px; left:0px;}
    
    input[type="radio"] + label{font-size: 14px;}
    input[type="radio"] + label span{width:15px; height:15px; background-size:100%; margin-right: 5px;}
    input[type="radio"]:checked + label span{ background-size:100%;}
    
    .rd_box input[type="radio"] + label{margin-right: 10px;}
    
    
    .paging{margin-top: 10px;}    
    .paging .prev{width:30px; height:30px; background-size:10px;}
    .paging .next{width:30px; height:30px; background-size:10px;}
    
    h3 .select_type1.poa{top:0px;}
    .select_type1 .sel{font-size: 14px; min-width:170px;}
    .select_type1 .sel a.select{padding-right: 0;}
    .select_type1 .select_lnb{min-width:170px; padding: 15px;}
    
    .search_tit{font-size: 20px; margin-bottom: 20px;}
    
    .btn{margin-top: 0px; padding: 20px; padding-bottom: 0;}
    .btn a{width:80%; line-height: 50px; font-size: 18px; background: #000; color:#fff;}
    
    .header_wrap{min-width:360px; background: #000117; height:50px;}
	  .subwhite{background: #ffffff;}
    .header_wrap .header{height:50px; min-width:360px; transition:all .3s}
    .header_wrap .header .logo{left:10px; top:10px; width:110px; height:33px;}
    
	  
	 .header_wrap .header .menu {
		width: 115px;
		height: 25px;
		line-height: 22px;
		border: 1px solid #445bac;
		right: 10px;
		top: 6px;
		background-size: 25px;
		padding-right: 30px;
		background: url(../images/box_mbtn.png) right 15px center no-repeat;
		color: #fff;
		font-size: 0.8em;
		padding-left: 15px;
	}
    .header_wrap .header .submenu{
			line-height: 22px;
			font-weight: 300;
			padding:0 20px 0 13px;
			width: 95px;
			font-size: 0.7em;
			background:#000117 url(../images/box_mbtn.png) right 7px center no-repeat;
	  }
	    
	
    .header_wrap.on{height:50px;}
    .header_wrap.on .header{height:50px;}
    .header_wrap.on .header .logo{left:10px; top:10px; width:100px; height:30px;}
    .header_wrap.on .header .menu{
		    color:#333333;
			text-align: center;
			right:5px; top:5px; 
	        font-size: 0.7em;
			font-weight: 300;
			letter-spacing: -0.4px;
			width: 95px;
			height: 25px;
			background-size:30px;
			padding-right: 18px;
			line-height: 23px;
			transition: all .3s;
			background: #ffcc00 url(../images/box_smbtn.png) right 12px center no-repeat;
			padding-left:5px;
			border: 1px solid #cfa600;
	  }
    .header_wrap .header h2.title{width: 110px;
			height: 65px;
			margin-left: -55px;
			padding-top: 12px;
			font-size: 0.6em;
	  }
	  
    .header_wrap .header h2.title p.sub{margin-top: 5px; padding-top: 2px; font-size: 1.3em;}
		.header_wrap .header h2.title p.sub:before {
			content: "";
			width: 25px;
			height: 1px;
			background: #fff;
			display: inline-block;
			position: absolute;
			left: 40%;
			top: 0;
	  }  
    .header_wrap .header h2.title p.sub.row2.small{font-size: 12px;}
    .header_wrap .header h2.title.on{width:125px; height:70px; margin-left:-60px; padding-top: 10px;top:-90px; }
    .header_wrap .header h2.title.row2.on{top:-90px; padding-top: 10px; top:0;}
    .header_wrap .header h2.title.on p.sub.row2.small{font-size: 14px;}
	
    .top_menu .menu.close{right:10px; top:10px; line-height: 30px; background-size:18px; padding-right: 28px;}
    .top_menu .menu.close.on{right:10px; top:10px; line-height: 30px; background-size:18px; padding-right: 28px;}
    .top_menu ul{width:100%; transform:translate(-50%, 0); top:100px;}
    .top_menu ul li {width:100%; height:auto; margin: auto; padding: 0 20px;}
    .top_menu ul li dl{}
    .top_menu ul li:last-child dl{border-bottom: 1px solid rgba(255,255,255,0.2);}
    .top_menu ul li dl dt {font-size: 20px;  line-height: 50px; height:50px; background: url(../images/ico_m_menu.png) right center no-repeat; background-size:20px; border-top: 1px solid rgba(255,255,255,0.2); }
    .top_menu ul li dl dt.on{}
    .top_menu ul li dl dd{margin-top: 20px;}
    .top_menu ul li dl dd:last-child{padding-bottom: 30px;}
	.top_menu ul li:nth-child(5) dl{margin-right:0px;}

    .content_wrap{padding: 130px 20px 30px;}
	.content_wrap .list6{min-height:auto;}
	.content_wrap .list7{min-height:auto;}
	.content_wrap .list10{min-height:auto;}
	.content_wrap .mlist{min-height:auto;}
	
    .content_wrap h3.sub_title{font-size: 22px; margin-bottom: 20px; line-height: 1.2;}
    .content_wrap h3.sub_title.inner{line-height: 1.2;}
    .content_wrap h3.sub_title.line{padding-bottom: 10px; line-height: 1.2;}
    .content_wrap h3.sub_title p.guide{font-size: 14px;background-size: 3px!important; background-position-y: 5px!important; padding-left:10px!important;}
    .content_wrap h3.sub_title.mb50{margin-bottom: 20px;}
    .content_wrap h3.sub_title.inner2{margin-top: 25px; margin-bottom: 15px;}
    .content_wrap h4.s_title p.guide{font-size: 14px;}
    .content_wrap h4.s_title{font-size:16px;  margin:0 0 15px;}
    .content_wrap h4.s_title.normal{font-size: 18px;  margin: 30px 0 15px;}
    .content_wrap h4.s_title.mt50{margin-top: 30px;}
    .content_wrap p.sub_top{margin-bottom: 15px; font-size: 16px;}
    .container_full{max-height:auto; min-height: auto;}
    .container_full .filter{}
    .container_full .filter >li{width: 48%; margin-right: 4%;font-size: 18px; font-weight: normal; margin-bottom: 5px;}
    .container_full .filter >li:nth-child(2){margin-right: 0;}
    .container_full .filter >li:nth-child(3){width:100%; margin-top: 10px; padding-right: 50px;margin-bottom: 20px;}
    .container_full .filter >li a.select{background-size:15px!important;}
    .container_full .filter >li .keyword{height:40px;}
    .container_full .filter >li .search{width:40px; height:40px; background-size:20px;}
    
    .container_full .lnb_container{padding:0 10px; transition:all .3s; }
    .container_full .lnb_container.on{ top:50px; display: block;}
    .container_full .lnb_container.on .lnb{display: none;}
    .container_full .lnb_container.on .lnb.on{display: block;}
    .container_full .tab_mobile{transition:margin .3s; text-align: center; color:#fff; background: #14245c; height:40px; width:100%; 
			padding:0 20px; border-radius:5px 5px 10px 10px; overflow: hidden; margin-top: -50px;}
    .container_full .tab_mobile.scroll{margin-top: 0;}
    .container_full .tab_mobile.scroll.on{border-bottom: 1px solid #512bdd;}
    .container_full .tab_mobile >p{width:100%; font-size:16px; margin-top:0;  line-height:40px;}
    .container_full .tab_mobile.on{border-radius:0;}
    .container_full .tab_mobile.on >p{background: url(../images/ico_select_w_on.png) right center no-repeat; border-radius:0}
    .container_full .lnb .loc{display: none;}
    .container_full .lnb{padding:0; display:none;}
    .container_full .lnb>li{width:100%; margin:0; text-align: center; height:50px; border-bottom:1px solid rgba(255,255,255,0.3); line-height: 50px;}
    .container_full .lnb >li.active a{font-weight: normal; color:#fff;}
    
    .footer_wrap{padding:5px; width:100%; min-width:360px;}
	  .footer_wrap .fl {width:25%; padding:20px 0 0 1%;}
	  .footer_wrap .fl img{width:100%;}
	  .footer_wrap .fr {width:75%; padding: 10px 0 0 5%;}
	  .footer_wrap address p {font-size:0.7em; line-height:1.5; letter-spacing: -0.7px;}
	
    .footer_wrap address{text-align:left; padding-top:5px;}
    .footer_wrap .fr nav .family{width:100%; margin: auto;display: block;}
    .footer_wrap .family_wrap{float: none; width:50%;  position: absolute; right:20px; top:107px;}
    .footer_wrap .family_lnb{width:100%; bottom:30px; padding: 15px;}
    .footer_wrap a.scrollTop{right:20px; top:-10px;}
    .footer_wrap a.main_scrollTop{right:20px; top:0;}
    
    
    .portfolio .live{width:30px; height:30px; background-size:5px;}
    .portfolio .gallery> li:nth-last-child(1),.portfolio .gallery> li:nth-last-child(2){margin-bottom: 0;}
    .portfolio .gallery> li a .info{padding: 15px;}
    .portfolio .gallery> li a .info .client{font-size:1em;}
    .portfolio .gallery> li a .info .title{font-size:0.8em;}
    .portfolio .portfolio_lnb{padding: 10px;}
    .portfolio .portfolio_lnb li{font-size: 14px;}
    .portfolio .portfolio_lnb>li:last-child{margin-bottom:10px;}
    
    .portfolio_btn{top:auto; bottom:0; overflow: hidden; height:40px;}
    .portfolio_btn>li{ width:90px;}
    .portfolio_btn>li .arrow {margin-bottom: 0; display:inline-block; float: left;}
    .portfolio_btn>li .txt{float: right; line-height: 40px;}
    .portfolio_btn>li.prev,.portfolio_btn>li.next{top:0; margin-top: 0;}
    
}




@media all and (max-width:890px) and (min-width:640px) {
    .contact .cp dl{height:100px;}
    .contact .cp dl dd{width:100%; margin-bottom: 5px;}
}



/**** add modify 200122 ***/


@media all and (max-width:640px) {
	.top_menu .lang_wrap{width:100%; bottom:auto; top:5px;}
	.top_menu .lang{padding:0 20px; float:left;}
	

		.mobile_content ul li {float: left; width:33.33%; padding: 0.5em;}
		.mobile_content ul li p{
				float: left;
				width: 100%;
				height: 100%;
		}
		.mobile_content ul li p img{width:100%; height:100%;}

		.mobile_content .congroup{width:100%; padding:0em; text-align: center;}
		.mobile_content .congroup p{width:50%; padding:1em 0; background-image:none;}
		.mobile_content .congroup p img{margin-top:1em;  width:90%;}
		.mobile_content .congroup dl{float:left; width:50%; padding:1em;}
		.mobile_content .congroup dl dt{font-size:1.1em;}
		.mobile_content .congroup dl dd{font-size:0.8em;}
		.mobile_content .congroup dl a{
			width:100%; height:2.5em;  
			font-size: 0.8em;
			border-radius:15px;
		}


		.mobile_half {
			float: left;
			width: 48%; padding:1em; margin: 0 2% 8% 0; 
			border-radius:14px; overflow:hidden; transition: 0.25s ease-out;
		}
		.moright {width: 48%; padding:1em; margin: 0 0 8% 2%;}
	   
	
		.mobile_half ul li {float: left; width:100%; padding:1em;}
		.mobile_half ul li p {
				width: 100%;
		}

		.mobile_half .congroup{padding:0.2em; height:180px; position:relative;}
		.mobile_half .congroup dl{padding:0.8em;}
		.mobile_half .congroup dl dt{font-size:1.3em; margin-top:0;}
		.mobile_half .congroup dl dd{font-size:0.8em; padding: 1em 0; line-height:1.4; color: #454545; word-break:break-word;}
		.mobile_half .congroup dl a{
			position: absolute; bottom: 5px; transform:translateX(-5%);
			margin-top: 0px;
			width:90%; height:2.5em; border-radius:15px;
			font-size: 0.7em;line-height: 2.5;
		}
	
	  /*about*/

		#about .available {
			padding: 1em;
			width:100%; 
			border:1px solid #bfbfbf; box-sizing:border-box; 
		}
		#about .available .graphic{width:100%; padding:0; text-align: center;}
		#about .available .graphic ul li{
			float: left; 
			width: calc(100%/5);
			padding: 10px;
		}

		#about .available .publishing{width:100%; padding:0; text-align: center;}
		#about .available .publishing ul li{
			float: left; 
			width: calc(100%/3);
			padding: 10px 25px;
		}


		#about .technical{width:100%; text-align:center;}
		#about .technical p{font-size:1.2rem; height: 1.3em;}
		#about .technical ul li{float:left; width:100%; border-radius:30px; margin-right:0; margin-bottom: 20px;}
		#about .technical ul li dl dt{
			line-height: 2.5;
			font-size: 1em;
			background: #516ca4;
			border-radius: 18px;
			width: 90%;
			margin: 10px auto;
			color: #fff;
		}
		#about .technical ul li dl dd{
			line-height: 1.5;
			font-size: 0.8em;
		}

		#about .career{width:100%; text-align:center;} 
		#about .career p{
			font-size: 1.2rem;
			height: 1.3em;
		}

		#about .career p span{color:#cc66ff; font-weight:bold;}
		#about .career ul li{
				width: 100%;
				border: 1px solid #bfbfbf;
				margin-right: 0%;
			  margin-bottom: 20px;
		}
		#about .career ul li:last-child {margin-right:0;}
		#about .career ul li p {height:75px; border-bottom:none;}
		#about .career ul li p img {
			width: 60%;
			transform: translateY(25px);
			vertical-align: bottom;
		}
		#about .career ul li dl dt{
			font-size: 1em;
			color: #333366;
		}
		#about .career ul li dl dd{
			font-size: 0.8em;
			line-height: 1.5;
		}
		#about .individual{width:100%; text-align:center;} 
		#about .individual p{font-size:1.2rem; color:#666666; border-bottom: 1px solid #c2c2c2; height: 1.2em;}

		#about .individual .academic{width:100%; text-align: center; margin-bottom:30px; }
		#about .individual .academic dl{width:100%; margin-bottom:20px;}
		#about .individual .academic dl dt{font-size: 1.2em;}
		#about .individual .academic dl dd{font-size: 1em; line-height:1.5;}

		#about .individual .certificate{width:100%;}
		#about .individual .certificate ul{width:100%;}
		#about .individual .certificate ul li{width:100%; font-size: 1em; line-height: 2; padding-left:0;}
		#about .individual .certificate ul li:before {
			display: none;
		} 
	
	  /*contactus*/
		#contactus {width:100%;}
		#contactus .point h5{font-size: 1.2em;}
	  #contactus .point{float:left; width:100%; padding-right:1%; margin-bottom: 50px;}
		#contactus .point dl{width:100%; padding:15px 0;}
		#contactus .point dl dt{float:left; width:50%; font-size: 1em;}
		#contactus .point dl dd{float:left; width:50%; font-size: 1em;}

		#contactus .message{float:left; width:100%; padding-right:1%;}
		#contactus .message h5{font-family: 'Noto Sans KR'; font-size: 1.2em; font-weight: 400;}
		#contactus .message span {display:block; float: left; font-size: 1em; width: 20%;}
		#contactus .message form ul li{margin: 10px 0; height: 30px;}

		#contactus .addressIn h5 {font-size: 1.2em;}
		#contactus .addressIn span {font-size: 0.9em; line-height: 2em;}
	  
	  #contactus form .email select {
			width: 32%;
		}
	
	  #contactus .addressIn .mapIn {
			height: 250px;
		}
	  
	  
}