@charset "utf-8";
@import url(media_sub.css);

/**** Media Query *********************************/
@media (max-width:1600px){  


	/* layout */
	.w1600{width:100%;}


	/* main visual */
	.mv_list .video_main video{width:auto;height: 100%;}
	.mv_slog {margin-left: 0px; left:5px}
	.mv_slog p { font-size: 38px;padding-left: 20px;}



	/* header */
	#header .hd_gnb { padding: 0 10px; }


	.sec201_1, .sec401_1 { width: 1200px; }


    /* marti02 */
	.sec201_1 ul li a .over_div, .sec201_1 ul li a figure, .sec201_1 ul li a figure img{ height: 400px; }

	/* footer */
	.ft_in{ margin:0 10px;	width: auto; }


}	 

@media (max-width:1400px){	

	.mv_slog p { font-size: 40px;}



	/* .w1320{width:1200px} */
	.sec201_1, .sec401_1  { width: 1100px; }


	/* header */
	#header .hd_gnb .hd_logo { width: 153px; }
	#header .hd_gnb .gnb ul li a {font-size: 17px;}
    /* marti02 */
	.sec201_1 ul li a .over_div, 
	.sec201_1 ul li a figure,
	.sec201_1 ul li a figure img{ height: 365px; }


    /* marti04 */
    .sec401_1 ul li div p{ line-height: 35px; }
	.sec401_1 ul li div h4{ font-size: 16px; line-height: 27px; }
	
	/* marti05 */
	.marti05 .main_title{ font-size: 30px; }
	.sec501_1 ul li a h4 em{ font-size: 28px; }
	.sec501_1 ul li a p{ font-size: 16px; line-height: 30px; }


}	

@media (max-width:1200px){ 

	
	.mv_slog p { font-size: 28px;}


	/* layout */
	.w1320{width: 100%;}


/* 
	.sec201_1 { width: 960px; }
	.sec401_1 { width: 1000px; } */

    /* marti02 */
	.sec201_1 ul li a .over_div,
	.sec201_1 ul li a figure,
	.sec201_1 ul li a figure img{ height: 320px; width: 100%; }
	.sec201_1 ul li a .text-box p{ font-size: 22px; }

	/* marti05 */
	.sec501_1 ul li a p{ font-size: 14px; line-height: 30px; white-space: nowrap;}
    .marti05 .main_title{ padding-bottom: 5px; font-size: 27px; }

}	

@media (max-width:1024px){ 



	.main_title {font-size: 34px;}
	.sec201_1 { width: 760px; }

    /* marti02 */
	.sec201_1 ul li a .over_div, 
	.sec201_1 ul li a figure, 
	.sec201_1 ul li a figure img{ height: 253px; }

	.sec201_1 ul li a .text-box p{ font-size: 18px; }
	.sec201_1 ul li a .over_div p {font-size: 28px;}


	/* marti04 */
    .sec401_1  { width: calc(100% - 10px);  }
	.sec401_1 ul li div h4 { font-size: 15px; }


    /* marti05 */
	.sec501_1 ul li a{ padding: 0px 25px; }
	.marti05 .main_title{ font-size: 22px; }
	.sec501_1 ul li a{ padding: 0px 15px; }
	.sec501_1 ul li a h4{ font-size: 15px; }
	.sec501_1 ul li a h4 em{ font-size: 25px; }
	.sec501_1 ul li a p {font-size: 13px;}

}	

/* 태블릿, 모바일 */
@media (max-width:800px){		  


	#header{display: none!important;}
	.m_header{position: relative;display:block!important;}
	.m_header_box{position:fixed;top:0px;left:0;width:100%;height:100px;background: rgba(255,255,255,0.95);;z-index: 999;border-bottom: 1px solid #e8e8e8;}

	.m_header .hd_info{position: absolute;top:0;left:0;width:100%;height: 100%;background: #1363ae; height: 40px; text-align: right; border-bottom: 1px solid transparent}
	.m_header .hd_info h6{color: #fff; font-size: 13px; font-weight: 400; line-height: 40px; text-align: left; cursor:pointer; position: relative; padding-left: 20px;	box-sizing:border-box;}
	.m_header .hd_info h6 img{ vertical-align: middle; position: absolute; right: 20px; top: 50%; margin-top: -3.5px;}
	.m_header .hd_info ul{display: none; position: absolute; width: 100%; top: 40px; z-index: 99999; box-shadow:0 0 10px rgba(255,255,255,0.1); background-color: #1363ae; padding: 20px;  box-sizing:border-box;} 
	.m_header .hd_info ul li{margin-bottom: 10px;}
	.m_header .hd_info ul li a{color: #fff; text-align: left; font-size: 13px; line-height: 1.5;}
	.m_header .hd_infosb{float: left;width:50%;box-sizing:border-box;border-left: 1px solid rgba(255,255,255,0.2); position: relative;}
	.m_header .hd_infosb2{float: left;width:50%;box-sizing:border-box;border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2);}
	.m_header .hd_infosb2 h6{width: 100%;}

	.m_logo{position: relative;top: 40px;height: 30px;z-index: 97;height: 60px;}
	.m_logo a{position: absolute;left: 3vw;top: 0px;right: 0;bottom: 0;margin: auto; height: 30px;background:url(../../images/layout/m_hd_logo.png) no-repeat left center;background-size:contain;}

	.gnb_btn {position: absolute; top: 40px;  right: 0px;width: 60px;height: 60px;box-sizing:border-box;z-index:999;background:#1363ae;cursor: pointer;display:table;}
	.gnb_btn_inner{display:table-cell;vertical-align:middle;width:100%;height:100%;}
	.gnb_btn_inner>div {position: relative; width: 40%;margin:0 auto; height: 2px;  margin-bottom: 6px;  border-radius: 2px;  background-color: #fff; -webkit-transition: all .3s ease;-moz-transition: all .3s ease; -o-transition: all .3s ease;transition: all .3s ease;}
	.gnb_btn_inner>div:last-child{margin-bottom:0;}
	.gnb_btn_line1.gnb_on { -webkit-transform: rotate3d(0,0,1,45deg);  -moz-transform: rotate3d(0,0,1,45deg);  -o-transform: rotate3d(0,0,1,45deg);  transform: rotate3d(0,0,1,45deg);top: 8px;}
	.gnb_btn_line2.gnb_on { opacity: 0;}
	.gnb_btn_line3.gnb_on {  -webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg);  -o-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);top: -8px;}


	.m_nav_wrap{position: fixed;top:99px;right:-65%;width:65%;height: calc(100% - 60px );background: rgba(255,255,255,0.95);z-index:999;/*transition:all 0.5s;*/overflow-y: scroll;}
	.m_nav_wrap .lang_ul{width:100%;height:60px;padding:10px 30px;box-sizing:border-box;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
	.m_nav_wrap .lang_ul li{position: relative;float:left;margin-right:20px;}
	.m_nav_wrap .lang_ul li:after{display: block;content: '';position: absolute;top:15px;right:-10px;width:1px;height:12px;background:#ddd;}
	.m_nav_wrap .lang_ul li:last-child:after{display:none;}
	.m_nav_wrap .lang_ul li a{font-size:12px;color:#999;line-height: 40px;}
	.m_nav_wrap .lang_ul li.on a{color:#202020;}

	.m_btn_sitemap {font-size: 13px;color: #1363ae;padding: 15px 10%;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;/* background: url(../../images/layout/m_site_bg2.png) no-repeat 86% 50%; */}

	.m_gnb{width:100%;height:auto;margin-top:10px}
	.m_gnb>li{width: 90%; border-bottom: 1px solid #e1e5ec; margin: 0 auto;}
	.m_gnb>li .m_g_dep1, 
	.m_gnb>li .m_g_dep11{position: relative;display: block;width: 100%; padding: 0 5%;font-size: 13px;color: #404040; line-height: 45px; box-sizing: border-box;cursor:pointer;background: url(../../images/layout/m_gnb_list_bg.png) no-repeat 90% 50%;}
	.m_gnb>li .m_g_dep1.on{ color: #303030; font-weight: 500;background: #f3f3f3  url(../../images/layout/m_gnb_list_bg_on.png) no-repeat 90% 50%;}
	.m_gnb>li>a{font-size: 14px;color: #333; line-height: 50px; box-sizing: border-box;}
	.m_gnb>li>ul>li>a{/*position:relative;*/font-size:13px;line-height:33px;color: #999;}
	.m_gnb>li>ul{padding:0 5%;}

	.m_footer .ft_right ul li{margin-right:10px;font-size: 12px;cursor:pointer;}
	.m_footer .ft_right ul li.btn_privacy {color: #f18d00;}

	.m_bg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:99}
	.w_wrap{margin-top:-10px;}	

	/* main title */	
	.mv_slog p {font-size: 34px;width: 280px;padding-left: 20px;;}


    /* marti02 */

	.sec201_1{ max-width:760px; width: calc(100% - 20px); margin:0 10px;}
	.sec201_1 ul li a .over_div, .sec201_1 ul li a figure, .sec201_1 ul li a figure img{ height: auto; }
	.sec201_1 ul li a .text-box {height: 50px;}
	.sec201_1 ul li a .text-box p{ font-size: 14px; }

	/* marti04 */
	.sec401_1 ul li{ width: 45.5%; margin: 0 0 3% 3%;}
	.sec401_1 ul li a figure img{ height: 20vw; width: 100%; }
	.sec401_1 ul li div{ height: 16vw; background-size:cover; background-position: bottom;	padding: 16px 20px; }

	/* marti05  */
	.marti05 .main_title{ width: 100%; margin-bottom: 30px;}
	.sec501_1 ul{ width: 100%; }
	.sec501_1 ul li{width: 33.3%;}
	.sec501_1 ul li:first-child{ border:none }
	.sec501_1 ul li a h4 { font-size: 13px; }
	.sec501_1 ul li a h4 em{ font-size: 20px; }
	.sec501_1 { padding: 0px 0 60px 10px;}
	.sec501_1 ul li a p {font-size: 10px;}
	.sec501_1 ul li:last-child {width: 33.3%;}

	/* 온라인 문의 quick */
	.main-scroll-simbol a{width: 80px; height: 80px;padding-top: 14px;}
	.main-scroll-simbol a img{width:30%}
	.main-scroll-simbol a p{font-size:12px;}
	.circle-animation {height: 141px; width: 141px;}
	.ball-scale-multiple > div{top:13px; width: 141px;height: 141px;}

	
}   

@media (max-width:640px){ 



	/* main */
	.marti04 .main_title,
	.main_title{ padding-top: 40px; margin-bottom:25px; font-size: 25px; }
	.main_title:before{width: 25px; height: 2px; }



	/* marti02 */
	.sec201_1 ul {display: block;}
	.sec201_1 ul li{ width: 100%; float:none; margin:auto;	}
	.sec201_1 ul li:last-child{ margin:0 auto;	}
	.sec201_1 ul li:nth-child(2){ margin:25px auto;	}
	.sec201_1 ul li a .over_div, .sec201_1 ul li a figure img{ height: 100%; width: 100%; }
	.sec201_1 ul li a p img{ width: 5%; }
	.sec201_1 ul li a figure{display:none}
	.sec201_1 ul li a figure.m_img{display: block; height: 20vw; overflow: hidden; }
	.sec201_1 ul li a p{ line-height: 45px; }
	.sec201_1 ul li a p img { margin-top: 9px;}


	/* marti03 */
	.sec301_1 ul li{ height: 100px; }
	.sec301_1 ul li a{ height: 100px; }
	.sec301_1 ul li a .notice_date h5{ font-size: 30px; }
	.sec301_1 ul li a .notice_date h4 {font-size: 1px}
	.sec301_1 ul li a .notice_list p.p_bold{ font-size: 13px; }
	.sec301_1 ul li a .notice_go { line-height: 24px; width: 30px; height: 30px;right: 30px; }
	.sec301_1 ul li a .notice_go img{ width: 25%; }
	.sec301_1 ul li a .notice_list p.p_bold { margin-bottom: 0; }
	.sec301_1 ul li a .notice_list {padding-left: 10px;}
	/* marti04 */
	.marti04 .main_title{ padding-top: 55px; margin-bottom:25px; }
	.sec401_1 ul li div{ padding: 10px 15px; height: 20vw; max-height:120px ;}
	.sec401_1 ul li div h4 {line-height: 20px; font-size: 12px;}
	.sec401_1 ul li a figure img {height: 25vw;}

	/* quick */
/* 	.main-scroll-simbol{display: none;} */
	.main-scroll-simbol a{width: 60px; height: 60px; padding-top: 12px; margin: 0 auto;}
	
	.circle-animation{height:111px; width:111px; margin:0px auto; line-height: 111px;}
	.circle-animation.inquiry{width:96px; height:96px;}
	.circle-animation.inquiry img{margin:-44px 0 0 -44px;}
	.ball-scale-multiple > div{top: 3px;width: 111px; height: 111px; }
	.main-scroll-simbol a p{ font-size: 10px; margin-top: 7px;}
	.main-scroll-simbol a img{ width: 30%; }
	.main-scroll-simbol {bottom: 6.5%;}

	/* footer */
	.footer, .ft_top ul li, .ft_bottom p.copy, .btn_top p{ font-size: 14px; }
	.ft_top ul li:nth-child(4){ padding: 0;	 }
	.ft_bottom ul{ float: left; }
	.ft_bottom ul li:nth-child(1) a{ padding: 0; }

}

@media (max-width:440px){ 

	/* header */
	.m_header_box{height: 90px;}
	.m_header .hd_info{height: 30px;}
	.m_header .hd_info h6{font-size: 11px;line-height: 30px;}
	.m_header .hd_info ul{top:30px;padding: 15px;}
	.m_header .hd_info ul li a{font-size:11px;}
	.m_header .hd_info ul li:last-child{margin-bottom: 0;}

	.m_logo, 
	.gnb_btn{top:30px;}
	.m_logo a{height: 22px;}

	.m_nav_wrap{top:89px}


	
	/* main visual title */
	.main_title{ padding-top: 0; margin-bottom:25px; font-size: 23px; padding-bottom: 0px; padding-top: 50px;}
	.sec201_1 ul li a p {font-size: 13px; line-height: 33px;}
	.sec201_1 ul li:nth-child(2) { margin: 20px auto;}
	.mv_slog p {width: 200px;font-size: 22px;line-height: 1.8;;}



	/* marti03 */
	.sec301_1 ul li,
	.sec301_1 ul li a{ height: 80px; }
	.sec301_1 ul li a .notice_date h5{ font-size: 23px; line-height: 40px;}
	.sec301_1 ul li a .notice_list p.p_bold{ font-size: 12px; height: 23px; }
	.sec301_1 ul li a .notice_go img{ width: 20%; }
	.sec301_1 ul li a .notice_list {width: 60%;padding-left: 5px;}
	.sec301_1 ul li a .notice_date{ width: 19%; }
	.sec301_1 ul li a .notice_go {line-height: 21px; width: 27px; height: 27px; right: 24px;}

	/* marti04 */

	.sec401_1 ul li div span {width: 48px; height: 20px; line-height: 20px; top: -12px; font-size: 10px;}
	.sec401_1 ul li div {padding: 0px 10px; height: 22vw;}
	.sec401_1 ul li div p {line-height: 20px; padding-top: 7px; font-size: 10px;	}
	.sec401_1 ul li div h4 {line-height: 14px; font-size: 10px;}
	.marti04 .main_title {margin-bottom: 20px; padding-bottom: 0;}


	/* marti05 */
	.sec501_1 { padding: 30px 0 20px 0px}
	.marti05 .main_title{margin-bottom: 20px; padding-bottom: 0;}
	.sec501_1 ul li a h4{ font-size: 10px; }
	.sec501_1 ul li a h4 em { font-size: 14px; }
	.sec501_1 ul li a p { width: 133px; text-overflow: ellipsis; overflow: hidden; font-size: 10px; width: 84px; }
	.sec501_1 ul li a { padding: 0px 0px;}
	.sec501_1 ul li{ padding: 0 0 0 5px; }


	/* footer */
	.footer, 
	.ft_top ul li, 
	.ft_bottom p.copy, 
	.btn_top p{ font-size: 12px; }
	.ft_top {padding: 20px 0;}
	.ft_top ul li:nth-child(2)::before,
	.ft_top ul li:nth-child(3)::before,
	.ft_top ul li:nth-child(5)::before{ display: none }
	.ft_top ul li:nth-child(3),
	.ft_top ul li:nth-child(6){ padding: 0; }
	.ft_top ul li:nth-child(4) {padding: 0 11px 0 0;}
	.ft_top ul li, 
	.ft_bottom p.copy { line-height: 18px; }
	.ft_bottom p.copy{ padding-bottom: 14px; }
	.ft_bottom{ padding-top: 20px; }

	.btn_top {width: 53px;height: 53px;margin-top: -12px;}


}