@charset "utf-8";
/* CSS Document */
@media (max-width: 1560px) {
	 #s_content{max-width:100%; padding-left:3%; padding-right:3%; padding-bottom:50px; padding-top:50px;}
}
/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px)*/ 
@media all and (min-width:1024px) { 
#m_content_wrap  {max-width:100%;/*padding-left:3%; padding-right:3%; background:#333;*/}
#visual{height:auto;}

/*.t_position01 { left: 5%;  top: 18%;}
.part01_con{width:100%; }
.part02_con{width:100%; }
.customer{margin:20px 0px; width:100%;text-align:center;}
.foot{width:100%;} 
#footer{padding: 20px; margin:10px 0px;}


.box01{width:49%;}
.box02{width:49%;}
.box03{width:49%;}
.box04{width:49%;}


.part02_con > div {margin-right:2%;  margin-bottom: 2%;}

.sns{margin:20px 0px;text-align:center; float:none;}
*/
} 

/* 테블릿 가로 (해상도 768px ~ 1023px)*/ 
@media all and (min-width:768px) and (max-width:1023px) { 

/*메인 및 공통*/
#header{height:80px; background:#fff;}
.site_item{margin:10px 0px;}
#visual{height:auto;}
#visual img{width:55%;}
.v_bg01{ background-size: cover !important;}
.v_img{height:320px;}
.t_position01{ left:4%; top:22%;}
 #m_content_wrap    {max-width:100%;/*padding-left:3%; padding-right:3%; background:#333;*/ }
 #part01{padding:20px;background-size:100%; min-height:650px;}
.part01_con{width:100%; font-size: 15px; line-height: 22px;  font-weight:200;}
.part01_title{width:100%; font-size:25px;line-height:70px;height:70px;}
.part01_txt01{font-size: 15px; line-height: 22px; margin-top: 10px; }
.part01_type1{font-size: 18px; line-height: 22px; }
 #part02{padding:20px;}
.part02_con{width:100%; font-size: 15px; line-height: 22px;  font-weight:200;}
.part02_con > div {margin-right:0px; margin-bottom: 30px;}
.box01{width:100%;}
.n_title{font-size:25px;}
.box02{width:100%;}
.book_title{font-size:25px;}
.box03{width:100%;}
.c_title{font-size:25px;}
.box04{width:100%;}
.c_title{font-size:25px;}
.customer{font-size:25px; margin:10px 0px; width:100%;text-align:center;}
.tel{display:inline-block; font-size:25px; padding-left:20px;}
.sns{margin:0px 0px;text-align:center;} 
#footer{padding: 20px; margin:10px 0px;}
#footer .link{padding:0px 0px;}
#footer .link_anchor{font-size:13px;}
#footer .info {font-size:13px; line-height:20px; padding-top:10px;}
.foot{width:100%;}
.foot img {width:150px; height: auto;}
.link_list{float:none; line-height:24px;}
.info_img{top:0px;}
.info_img img{width:220px; height: auto;}

/*서브*/
.path-wrap {display:none;}
.s_img{height:150px;}
.s_bg01{ background-size: cover !important;}
 #s_content{max-width:100%; padding-left:3%; padding-right:3%; padding-bottom:0px; padding-top:10px;}
.sub_title{font-size:25px;line-height:20px;}
.contents {margin-top:30px;}
h3.con_title{font-size:20px;}
.link_box.type2:before {top:0px;}
.link_box2 .item span {padding-left:0px; width:30%;font-size:16px;}
.content_img {margin:20px 0px;  padding:2px;}
.purpose_list .purpose_item {width:44%; padding: 20px 10px; margin: 20px 20px;}
.purpose_list .purpose_item:nth-child(3) { margin-left: 20px;} 
.purpose_list .purpose_item:nth-child(5) { margin-left: 20px;} 
.purpose_list .purpose_item:nth-child(7) { margin-left: 20px;} 





} 


/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
	
/*메인 및 공통*/
#header{height:80px; background:#fff;}
#visual{height:auto;}
#visual img{width:50%;}
.v_bg01{ background-size: cover !important;}
.v_img{height:200px;}
.t_position01{ left:4%; top:22%;}
 #m_content_wrap  {max-width:100%; /*padding-left:3%; padding-right:3%; background:#333;*/}
 #part01{padding:20px;background-size:100%; min-height:550px;}
.part01_con{width:100%; font-size: 16px; line-height: 22px;  font-weight:200;}
.part01_title{width:100%; font-size:20px;line-height:50px;height:55px;}
.part01_txt01{font-size: 16px; line-height: 22px; margin-top: 10px; }
.part01_type1{font-size: 18px; line-height: 22px; }
 #part02{padding:20px;}
.part02_con{width:100%; font-size: 16px; line-height: 22px;  font-weight:200;}
.part02_con > div {margin-right:0px; margin-bottom: 10px;}
.box01{width:100%;}
.n_title{font-size:22px;}
.box02{width:100%;}
.book_title{font-size:22px;}
.box03{width:100%;}
.c_title{font-size:22px;}
.box04{width:100%;}
.c_title{font-size:22px;}
.customer{font-size:22px; margin:10px 0px; width:100%; text-align:center;}
.tel{display:inline-block; font-size:25px; padding-left:20px;}
.sns{margin:0px 0px; text-align:center;} 
.sns img {padding: 0px 0px;}
#footer{padding: 20px; margin:10px 0px;}
#footer .link{padding:0px 0px;}
#footer .link_anchor{font-size:13px;}
#footer .info {font-size:13px; line-height:20px; padding-top:10px;}
.foot{width:100%;}
.foot img {width:150px; height: auto;}
.link_list{float:none; line-height:24px;}
.info_img{top:0px;}
.info_img img{width:220px; height: auto;}

/*서브*/
.path-wrap {display:none;}
.s_img{height:150px;}
.s_bg01{ background-size: cover !important;}
 #s_content{max-width:100%; padding-left:3%; padding-right:3%; padding-bottom:0px; padding-top:10px;}
.sub_title{font-size:22px;line-height:20px;}
.contents {margin-top:20px;}
.manuscript .manuscript_box{ width:90%; padding:20px 30px;}
.wrap_history{padding:20px 0px;}
.wrap_history .detail{width:100%;padding-bottom:20px;}
.wrap_history .detail:nth-child(even) {background-position: left top; text-align: left; padding-right:20px;padding-left: 80px; width:100%;}
.wrap_history .detail:nth-child(even) strong:before {left: -90px;}
.wrap_history .month strong {font-size:22px;margin-bottom:0px;}
.wrap_history .desc {margin-bottom:5px; font-size:16px;}
h3.con_title{font-size:20px;}
.bi_box ul li {float:none;width: 100%; padding:10% 3%}
.link_box .box_wrap {padding: 24px 40px 20px 0;}
.link_box {padding-right:0px; padding-bottom:0px;}
.link_box .box_title {font-size: 25px;}
.link_box.type2:before {background: none;}
.link_box2 .item {font-size:16px; line-height:25px; padding:10px 0px;} 
.link_box2 .item span {padding-left:0px; width:100%;font-size:16px;}
.content_img {margin:0px;  padding:0px;}
.list_tab li {width: 100%; float: left;margin-left: 1px; }	
.list_tab li a{padding:5px 0px; font-size:16px; }
.list_tab li.on a { padding:5px 0;/*margin-left: 0px;*/}
.list_tab li a:hover {padding:5px 0;   /* margin-left: 0px;*/}
.list_tab li:nth-child(1) { margin-left: 0px;}
.sub_book_title {font-size:25px; width:100%; line-height:22px;}
.book-media{width:100%;}
.study_title{font-size:25px;line-height: 35px;}
.study_box_title{width:100%;}
.box_bg01{background-image:none; background-color:#f8f8f8;}
.line.type1{margin:40px 0px;}
.stepbox.divide4 .step_item {width: 100%;}
.stepbox .step_item:after{background-image:none;}
.stepbox{padding:20px 20px 5px 20px;}

}


	
/* 모바일 세로 (해상도 ~ 479px)
@media all and (max-width:479px) {
#header{height:60px;}
#visual{height:auto;}
#visual img{width:50%;}
.v_bg01{ background-size: cover !important;}
.v_img{height:200px;}
.t_position01{ left:4%; top:22%;}

#part01{padding:20px;background-size:100%; min-height:550px;}
.part01_con{width:100%; font-size: 15px; line-height: 22px;  font-weight:200;}
.part01_title{width:100%; font-size:20px;line-height:50px;height:55px;}
.part01_txt01{font-size: 15px; line-height: 22px; margin-top: 10px; }
.part01_type1{font-size: 18px; line-height: 22px; }
 #part02{padding:20px;}
.part02_con{width:100%; font-size: 15px; line-height: 22px;  font-weight:200;}
.part02_con > div {margin-right:0px; margin-bottom: 10px;}
.box01{width:100%;}
.n_title{font-size:22px;}
.box02{width:100%;}
.book_title{font-size:22px;}
.box03{width:100%;}
.c_title{font-size:22px;}
.box04{width:100%;}
.c_title{font-size:22px;}
.customer{font-size:22px; margin:10px 0px; width:100%; text-align:center;}
.tel{display:inline-block; font-size:25px; padding-left:20px;}
.sns{margin:0px 0px; text-align:center;} 
.sns img {padding: 0px 0px;}
#footer{padding: 20px; margin:10px 0px;}
#footer .link{padding:0px 0px;}
#footer .link_anchor{font-size:13px;}
#footer .info {font-size:13px; line-height:20px; padding-top:10px;}
.foot{width:100%;}
.foot img {width:150px; height: auto;}
.link_list{float:none; line-height:24px;}
.info_img{top:0px;}
.info_img img{width:220px; height: auto;}
}
*/