@charset "utf-8";





@media screen and (max-width: 1340px){
	.user#main #cont_02 .sosic{height:auto; margin:70px 0 0;}
	.user#main #cont_02 .sosic .contact{padding-bottom:0;}
	.user#main #cont_02 .sosic .contact a{padding:0 35px; font-size:20px;}

	.user#sub #remote .layout{padding:0;}
	#sub.user #remote .print_btn{right:20px;}
	#sub.user #remote .gongu_btn{right:60px;}

	#sub.user #remote .gongu_btn .sharebox{right:-32px; width:120px; margin-left:-60px; padding:9px 21px;}
	#sub.user #remote .gongu_btn .sharebox a.f{padding-right:15px;}
}
@media screen and (max-width: 1140px) and (min-width:751px){
	.user#main #cont_02 .sosic{margin:0;}
}
@media screen and (max-width: 1140px){
	.user#main #cont_02 .layout{margin-bottom:50px;}
	.user#main #cont_02 .notice{width:50%; height:auto; padding:44px 48px 0;}
	.user#main #cont_02 .notice ul li:nth-child(3){display: none;}
	.user#main #cont_02 .sosic{width:50%; height:auto;}
	.user#main #cont_02 .sosic .banner .slides ul{height:36px;}
	.user#main #cont_02 .sosic .banner .slides ul li{width:36px; height:36px;}
	.user#main #cont_02 .sosic .banner .slides ul li a{background-size:30%;}
	.user#main #cont_02 .sosic .banner .slides ul li a.stop{background-size:25%;}
	.user#main #cont_02 .sosic .banner .slides .pages{width:69px; height:36px; padding:8px 13px;}
	.user#main #cont_02 .sosic .banner .slides .pages img{width:7px; padding:5px 2px 0;}
	.user#main #cont_02 .sosic .banner .slides .pages .bold{font-size:14px;}
	.user#main #cont_02 .sosic .banner .slides .pages span{font-size:12px;}
	.user#main #cont_02 .sosic .contact:after{display: none;}
	.user#main #cont_02 .sosic .contact .child{display: none;}
	.user#main #cont_02 .sosic .contact a{float:left; height:173px; line-height:24px; padding:38px 15px; text-align:center;}
	.user#main #cont_02 .sosic .contact a img{display:block; margin:0 auto; padding-right:0; padding-bottom:20px;}
	.user#main #cont_02 .sosic .contact a:nth-child(1){border-bottom:0px; border-right:1px solid rgba(255,255,255,0.2);}
}

@media screen and (max-width: 1023px){
	#slide_map{
		opacity:0; display:block; left:100%; top:0; width:100%; height:100%; padding-top:83px; box-sizing:border-box; position:fixed;
		transition:left 0.3s ease;
		-webkit-transition:left 0.3s ease;
	}
	#slide_map .slide_map_titles{display: none;}
	#slide_map .binds {overflow:auto;}

	#slide_map .binds .btn_etc{position:absolute; left:0; top:0; z-index:100; width:100%; height:40px; line-height:40px; background-color:#636363;}
	#slide_map .binds .btn_etc a{
		position:relative; display:inline-block; width:50%; background-color:#636363; text-align:center; font-size:14px; color:#fff;
		transition:background-color 0.3s ease;
		-webkit-transition:background-color 0.3s ease;
	}
	#slide_map .binds .btn_etc a:hover{background-color:#464646;}
	#slide_map .binds .btn_etc a:after{content:""; display: block; position:absolute; top:50%; right:0; width:1px; height:15px; margin-top:-8px; background-color:#fff;}
	#slide_map .binds .btn_etc a:nth-child(2):after{display: none;}


	#slide_map .binds{position:relative; height:100%; padding-top:40px; box-sizing:border-box;}
	#slide_map .binds>ul{position:relative; width:50%; min-height:100%; background-color:#ff8429;}
	#slide_map .binds>ul>li{width:100%;}
	#slide_map .binds>ul>li>a{display: block; width:100%; height:66px; padding:0 20px; background-color: #ff8429; line-height:66px; border-bottom:1px solid rgba(255,255,255,0.4); box-sizing:border-box; font-size:21px; color:#fff;}
	#slide_map .binds>ul>li>a:hover,
	#slide_map .binds>ul>li.on>a{background:#fff url(../../images/kor/layout/sitemap_arrow.png) no-repeat center right; color:#ff8429;}
	#slide_map .binds>ul>li>ul{display:none; position:absolute; top:0px; left:100%; z-index:100; width:100%; height:100%; background-color: #f4f4f4;}
	#slide_map .binds>ul>li.on>ul{display:block; z-index:105;}
	#slide_map .binds>ul>li>ul>li>a{display:block; height:45px; line-height:45px; padding:0 20px; border-bottom:1px solid #dddddd; font-size:16px; color:#333; background-color:#f4f4f4; background-position:top right; background-repeat:no-repeat;}
	#slide_map .binds>ul>li>ul>li>a:hover,
	#slide_map .binds>ul>li>ul>li.on>a{background-color:#fff; color:#ff8429;}
	#slide_map .binds>ul>li>ul>li>a.child{background-image:url(../../images/kor/layout/sitemap_plus.png);}
	#slide_map .binds>ul>li>ul>li.on>a.child{background-image:url(../../images/kor/layout/sitemap_minus.png);}
	#slide_map .binds>ul>li>ul>li>ul{position:relative; display:none; width:100%; height:auto; padding:7px 20px; background-color:#fff; border-bottom:1px solid #ddd; box-sizing:border-box;}
	#slide_map .binds>ul>li>ul>li.on>ul{display:block;}
	#slide_map .binds>ul>li>ul>li>ul>li>a{display:block; position:relative; line-height:16px; padding:8px 7px; font-size:14px; color:#8a8a8a;}
	#slide_map .binds>ul>li>ul>li>ul>li>a:before{content:""; position:absolute; top:15px; left:0; width:3px; height:3px; background-color:#8a8a8a; border-radius:50%;}
	#slide_map .binds>ul>li>ul>li>ul>li>a:hover{text-decoration:underline;}
	#slide_map .binds>ul>li>ul>li>ul>li>ul{display: none;}

	#slide_map .slide_map_close{display:none; position:absolute; top:-55px; right:20px; width:25px; height:25px; background-image: url(../../images/kor/layout/sitemap_close.png); text-indent:-2000px;}


	.user.gnb{background-color:#f4f4f4;}
	.user.gnb #slide_map{opacity:1; left:0;}
	.user.gnb #slide_map:before{content:""; display:block; position:absolute; left:0; top:0; z-index:-1; width:50%; height:100%; background-color:#ff8429;}
	.user.gnb #visual,
	.user.gnb #container,
	.user.gnb #footer{display:none;}
	.user.gnb #header{z-index:200;}
	.user.gnb .site_m{background-image: url(../../images/kor/layout/sitemap_close.png);}


	.user #header{min-height:83px;}
	.user #header .menu{display: none;}
	.user #header:after{display: none;}
	.user #header h1 a img{padding-top:16px;}
	.user #header h1 a span{padding-top:23px;}

	/*2차메뉴*/
	.user.gnb #header{background-color:transparent; background-image: url(../../images/kor/layout/header_bg.png); background-repeat:repeat;}
	.user.gnb #header:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%;}
	.user.gnb #header:after{background-color:#ccc;}
	.user.gnb #header h1 a img{display: none;}
	.user.gnb #header h1 a img.logoon{display: inline-block;}
	.user.gnb #header h1 a span{color:#252525;}

	.user #global,
	.user #global2{display: none;}

	.user .site_m{display: block;}

	.user#main #visual{height:532px;}
	.user#main #visual ul li{height:100%;}
	.user#main #visual ul li .txts{margin:180px auto 0 auto;}
	.user#main #visual ul li .txts img{width:370px;}
	.user#main #visual ul li strong{font-size:60px;}
	.user#main #visual ul li p{font-size:18px;}
	.user#main #visual .slides{bottom:50px;}
	
	.user#main [id*=cont_0] strong.titles{font-size:30px;}
	.user#main #cont_01 .layout{padding:0;}
	.user#main #cont_01 .boxs{height:387px;}
	.user#main #cont_01 .boxs ul li .photos,
	.user#main #cont_01 .boxs ul li .txts{height:347px;}
	.user#main #cont_01 .boxs ul li .txts{background-size:40%;}
	.user#main #cont_01 .boxs ul li .txts:after{width:190px; height:125px;}
	.user#main #cont_01 .boxs ul li .txts a strong{font-size:31px;}
	.user#main #cont_01 .boxs ul li .txts a img{display:inline-block; width:64px; height:64px;}
	.user#main #cont_01 .boxs ul li .txts a{padding:40px 30px 0px 40px;}
	.user#main #cont_01 .boxs ul li .txts a .arrow{bottom:38px;}
	.user#main #cont_01 .boxs ul li .txts a em{top:32px; right:40px;}
	.user#main #cont_01 .boxs ul li .txts a .arrow{right:40px;}
	.user#main #cont_01 .boxs ul li .txts a:hover .arrow{right:30px;}
	
	.user#main #cont_02 .notice{padding:32px 40px 0;}
	.user#main #cont_02 .notice strong{font-size:24px;}
	.user#main #cont_02 .notice a.more{top:37px; right:40px;}
	.user#main #cont_02 .notice ul li a p{line-height:24px; font-size:16px;}
	.user#main #cont_02 .sosic .contact a{line-height:20px; padding:42px 15px; font-size:17px;}
	.user#main #cont_02 .sosic .contact a img{padding-bottom:13px;}

	.user#main #cont_03{background-image:url(../../images/kor/layout/cont3_bg_tab.png); padding:50px 0;}
	.user#main #cont_03 ul li{height:208px;}
	.user#main #cont_03 ul li a{padding:43px 30px;}
	.user#main #cont_03 ul li a .txts{display: none;}
	.user#main #cont_03 ul li a strong{padding-bottom:24px; font-size:21px;}
	.user#main #cont_03 ul li a .btns{left:30px;}

	.user#sub #visual ul li .vi_txt{margin-top:168px;}
}
@media screen and (max-width: 900px) and (min-width:750px){
	.user#main #cont_02 .sosic .banner .slides ul{height:30px;}
	.user#main #cont_02 .sosic .banner .slides ul li{width:30px; height:30px;}
	.user#main #cont_02 .sosic .banner .slides ul li a{background-size:30%;}
	.user#main #cont_02 .sosic .banner .slides ul li a.stop{background-size:25%;}
	.user#main #cont_02 .sosic .banner .slides .pages{width:69px; height:30px; padding:5px 13px;}
	.user#main #cont_02 .sosic .banner .slides .pages img{width:7px; padding:5px 2px 0;}
	.user#main #cont_02 .sosic .banner .slides .pages .bold{font-size:14px;}
	.user#main #cont_02 .sosic .banner .slides .pages span{font-size:12px;}
}
@media screen and (max-width: 900px){
	.user#main #cont_03 ul li:nth-child(1){padding-right:14px;}
	.user#main #cont_03 ul li:nth-child(2){padding:0 6px;}
	.user#main #cont_03 ul li:nth-child(3){padding-left:14px;}
	.user#main #cont_03 ul li a strong{padding-bottom:20px; font-size:19px;}
}
@media screen and (max-width: 900px) and (min-width:751px){
	.user#main #cont_03 ul li{height:200px;}
	.user#main #cont_03 ul li a .icons{width:55px; height:55px; background-size:100%;}
}
@media screen and (max-width: 800px) and (min-width:751px){
	.user#main #cont_03 ul li{height:185px;}
	.user#main #cont_03 ul li a{padding:30px 30px;}
	.user#main #cont_03 ul li a .icons{top:25px; right:30px; width:45px; height:45px;}
	.user#main #cont_03 ul li a .btns{bottom:25px;}
}
@media screen and (max-width: 800px){
	.user#main #cont_01 .boxs ul li .txts a .pp,
	.user#main #cont_01 .boxs ul li .txts a .engti{line-height:22px; font-size:15px;}
	.user#main #cont_01 .boxs ul li .txts a .engti{padding:22px 0 15px}

	#sub.user #remote .js_menu.select .js_menu_select{display: none;}
	#sub.user #remote .js_menu.select .js_menu_select.last{display: block;}
}
@media screen and (max-width: 750px){
	.user#main [id*=cont_0] strong.titles{margin-bottom:16px;}
	.user#main #cont_01 .boxs{margin-top:34px;}
	.user#main #cont_02{padding-bottom:30px;}
	.user#main #cont_02 .layout{margin:0;}
	.user#main #cont_02 .notice{width:100%; padding:28px 22px 0;}
	.user#main #cont_02 .notice a.more{top:28px; right:22px;}
	.user#main #cont_02 .notice ul li:first-child{padding:10px 0 24px 0;}
	.user#main #cont_02 .sosic{width:100%; margin:0;}
	.user#main #cont_02 .sosic .contact a{height:150px; padding:30px 15px;}

	.user#main #cont_03{background-image:url(../../images/kor/layout/cont3_bg_mo.png);}
	.user#main #cont_03 ul li{float: none; width:100%; height:130px; padding-bottom:20px !important; box-sizing:content-box;}
	.user#main #cont_03 ul li:nth-child(1),
	.user#main #cont_03 ul li:nth-child(2){padding:0;}
	.user#main #cont_03 ul li:nth-child(3){padding:0; padding-bottom:0 !important;}
	.user#main #cont_03 ul li a{padding:20px;}
	.user#main #cont_03 ul li a strong:after{display: none;}
	.user#main #cont_03 ul li a .btns{bottom:20px; left:20px; width:127px; height:41px; line-height:41px; padding:0 14px; background-image:url(../../images/kor/layout/cont3_arrow2.png); font-size:13px; background-position:70px 0;}
	.user#main #cont_03 ul li a:hover .btns{background-image: url(../../images/kor/layout/cont3_arrow2_ov.png);}
	.user#main #cont_03 ul li a .icons{top:28px; right:20px;}
	
	.user #footer .ft_bot .menu ul{padding:16px 0;}
	.user #footer .ft_bot .menu ul li{padding:3px 35px 3px 0;}
	.user #footer .ft_bot .info{padding-top:24px; padding-bottom:38px;}
	.user #footer .ft_bot .info address span.enter{display: block;}
}
@media screen and (max-width: 670px){
	.user#main #visual{height:334px;}
	.user#main #visual ul li strong{font-size:38px; padding-top:12px; padding-right:8px;}
	.user#main #visual ul li .txts{margin:135px auto 0 auto;}
	.user#main #visual ul li .txts img{width:217px;}
	.user#main #visual ul li p{font-size:12px;}
	.user#main #visual .slides{bottom:30px; width:107px; height:28px; padding:2px 18px 0;}
	.user#main #visual .slides a.circle{width:17px; height:17px; background-size:100%;}
	.user#main #visual .slides a.stop{width:11px; background-size:100%;}
	.user#main #visual .slides a.play{width:8px;}
	.user#main #visual .slides a.stop,
	.user#main #visual .slides a.play{margin-left:3px;}

	.user#main #cont_01 .slides{width: 382px;}
	.user#main #cont_01 .slides ul li a{padding: 0 6px;}
	.user#main #cont_01 .boxs{height:403px;}
	.user#main #cont_01 .boxs ul li .txts:after{width:170px; height:110px;}
	.user#main #cont_01 .boxs ul li .txts a .engti,
	.user#main #cont_01 .boxs ul li .txts a .pp{display: none;}
	.user#main #cont_01 .boxs ul li .photos{float: none; width:100%; height:238px;}
	.user#main #cont_01 .boxs ul li .txts{float: none; width:100%; height:165px;}
	.user#main #cont_01 .boxs ul li .txts a{padding:20px;}
	.user#main #cont_01 .boxs ul li .txts a .arrow{bottom:20px; right:20px;}
	.user#main #cont_01 .boxs ul li .txts a em{top:20px; right:20px;}
	.user#main #cont_01 .slides ul li a{font-size:14px;}
	.user#main #cont_01.slide_01 .boxs ul li:nth-child(1) .photos,
	.user#main #cont_01.slide_02 .boxs ul li:nth-child(2) .photos,
	.user#main #cont_01.slide_03 .boxs ul li:nth-child(3) .photos{margin-top:0;}

	#sub.user #remote .print_btn{display: none;}
	#sub.user #remote .gongu_btn{right:20px;}
	.user#sub #visual ul li .vi_txt{margin-top:172px; font-size:40px;}
	#sub.user #remote .gongu_btn .sharebox{width:50px; height:85px; margin-left:-25px; padding:9px;}
	#sub.user #remote .gongu_btn .sharebox a{background-position:left top;}
	#sub.user #remote .gongu_btn .sharebox a.f{padding-right:0; padding-bottom:5px;}
}
@media screen and (max-width: 500px){
	.user#main #cont_02 .sosic .banner .slides ul{height:30px;}
	.user#main #cont_02 .sosic .banner .slides ul li{width:30px; height:30px;}
	.user#main #cont_02 .sosic .banner .slides ul li a{background-size:30%;}
	.user#main #cont_02 .sosic .banner .slides ul li a.stop{background-size:25%;}
	.user#main #cont_02 .sosic .banner .slides .pages{width:69px; height:30px; padding:5px 13px;}
	.user#main #cont_02 .sosic .banner .slides .pages img{width:7px; padding:5px 2px 0;}
	.user#main #cont_02 .sosic .banner .slides .pages .bold{font-size:14px;}
	.user#main #cont_02 .sosic .banner .slides .pages span{font-size:12px;}
}
@media screen and (max-width: 470px){
	.user#main #visual ul li p{padding:13px 20px 0;}
	.user#main #visual ul li .txts img{width:170px;}
	.user#main #visual ul li strong{padding-top:10px; padding-right:4px; font-size:28px;}
	.user #footer .ft_bot .menu ul li{padding:3px 15px 3px 0;}
	
	.user#main #cont_01 .slides{width: 324px;}
	.user#main #cont_01 .slides ul li a{/* padding:0 10px; */font-size:12px;}
	.user#main #cont_01 .slides .btns{top:auto; bottom:0;}
	.user#main #cont_01 .slides .btns a{width:25px; height:25px;}

	.user #footer .ft_bot .menu ul li a{font-size:13px;}
	.user #footer .ft_bot address,
	.user #footer .ft_bot address a,
	.user #footer .ft_bot .copy{font-size:13px;}
}
@media screen and (max-width: 430px){
	#slide_map .binds ul li a{padding:0 10px; font-size:18px;}
	#slide_map .binds ul li ul li a{font-size:15px;}
	#slide_map .binds>ul>li>ul>li>a{padding:0 15px;}

	.user #header h1 a{margin:0;}	
	
	.user#main #cont_02 .sosic .banner .slides ul{height:20px;}
	.user#main #cont_02 .sosic .banner .slides ul li{width:20px; height:20px;}
	.user#main #cont_02 .sosic .banner .slides ul li a{background-size:30%;}
	.user#main #cont_02 .sosic .banner .slides ul li a.stop{background-size:25%;}
	.user#main #cont_02 .sosic .banner .slides .pages{width:55px; height:20px; padding:0px 11px;}
	.user#main #cont_02 .sosic .banner .slides .pages img{width:5px; padding:7px 2px 0;}
	.user#main #cont_02 .sosic .banner .slides .pages .bold,
	.user#main #cont_02 .sosic .banner .slides .pages span{font-size:10px;}
	.user#main #cont_02 .sosic .contact a{height:120px; padding:20px 15px; font-size:11px;}
	.user#main #cont_02 .sosic .contact a img{padding-bottom:6px;}

	.user #footer .ft_top .moumbox{padding-left:90px;}
	.user #footer .ft_top .moum{width:90px; padding:14px 0;}
	.user #footer .ft_top strong{display:block;}
	.user #footer .ft_top .btns{margin-top:4px; margin-left:0;}
	.user #footer .ft_top .menu{height:78px;}
	.user #footer .ft_top .menu ul li{padding-right:36px;}
	.user #footer .ft_top .menu ul li a{line-height:78px;}
}






/*sub*/
@media screen and (max-width: 1023px){
	.user#sub #visual,
	.user#sub #visual .vi_slide ul li{height:278px;}
	.user#sub #visual .vi_slide ul li .vi_txt{margin-top:138px;}
}
@media screen and (max-width:750px){
	.user#sub #visual .vi_slide ul li .vi_txt{margin-top:145px; font-size:42px;}
	#sub.user #container #ct_wrap{padding:30px 0 80px 0;}
	#sub.user #container #ct_wrap h3{margin-bottom:35px; padding-bottom:15px; font-size:28px;}
}