@charset "utf-8";

/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 레이아웃

////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 1240px){
	/* layout */
	.user .layout{padding:0 20px;}

	/* Header */
	.user #header h1 {left:20px; margin-left:0;}
	.user #header #global {right:20px; margin-right:0;}
	.user #header #gnb .layout {padding-right:72px;}
	.user #header #gnb ul li {margin-right:26px;}
	.user #header #gnb ul li ul {padding:10px 20px 35px 20px;}
	.user #header .totalsearch {right:20px; margin-right:0;}

	/* Footer */
	.user #footer .top_btn{right:20px;}
	.user #footer .sns{right:120px;}
}


@media screen and (max-width: 1140px){
	/* Header */
	.user #header #gnb ul li {margin-right:18px;}	
		
	/* Footer */
	.user #footer address span:first-child{display: block;}
	.user #footer address span:nth-child(2):before{display: none;}
}


@media screen and (max-width: 1100px){
	/* Header */
	.user #header #gnb ul li a {font-size:22px;}
	.user #header #gnb ul li ul li a span {font-size:17px;}
	.user #header #gnb ul li ul li ul li a span {font-size:15px;}
}


@media screen and (max-width: 1023px){		
	/* Header */
	body.fixed #slide_map {opacity:1; -webkit-opacity:1; right:0;} 
	.user #slide_map {display:block; width:100%; height:100%; overflow:hidden; opacity:0; -webkit-opacity:0; position:fixed; right:-100%; top:0; box-sizing:border-box; z-index:301;
	transition : all 0.5s ease; -webkit-transition : all 0.5s ease;}
	.user #slide_map:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#000; opacity:0.8; -webkit-opacity:0.8;}
	.user #slide_map .inner {width:280px; float:right; border-top:1px solid #d7d7d7; box-sizing:border-box; height:100%; position:relative; z-index:10;}
	.user #slide_map .inner .binds {overflow:auto; height:100%;}
	.user #slide_map .inner .binds .toputil {}
	.user #slide_map .inner .binds .toputil:after {content:""; display:block; clear:both;}
	.user #slide_map .inner .binds .home_btn {display:block; text-align:center; background:#909090; color:#fff; line-height:40px; width:50%; height:40px; float:left;}
	.user #slide_map .inner .binds #mob_global {display:block; width:50%; float:left; position:relative;}
	.user #slide_map .inner .binds #mob_global .drop_btn {display:block; text-align:center; background:#656565; line-height:40px; height:40px; text-transform:uppercase;}
	.user #slide_map .inner .binds #mob_global .drop_btn span {color:#fff; position:relative; padding:0 18px 0 0;}
	.user #slide_map .inner .binds #mob_global .drop_btn span:after {content:""; display:block; position:absolute; right:0; top:50%; margin-top:-1px; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #bebdbd;}
	.user #slide_map .inner .binds #mob_global .drop_btn.on span:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
	.user #slide_map .inner .binds #mob_global ul {position:absolute; width:100%; left:0; top:40px; background:#656565; z-index:10; display:none;}
	.user #slide_map .inner .binds #mob_global ul li {border-top:1px solid #797979;}
	.user #slide_map .inner .binds #mob_global ul li:first-child{display:none;}
	.user #slide_map .inner .binds #mob_global ul li a {display:block; color:#e2e1e1; padding:8px 25px; background:none; border:0;}
	.user #slide_map .inner .binds #mob_global ul li a:after {display:none;}
	.user #slide_map .inner .binds #mob_global ul li a img {display:inline-block; vertical-align:top; margin:0 5px 0 0; width:19px; height:18px;}
	.user #slide_map .inner .binds #mob_global ul li a span {display:inline-block; font-size:13px; line-height:19px; padding:0; color:#fff;}
	.user #slide_map .inner .binds #mob_global ul li a:hover,
	.user #slide_map .inner .binds #mob_global ul li a:active {background:#3c3c3c;}
	.user #slide_map .inner .binds ul {width:100%;}
	.user #slide_map .inner .binds ul li {}
	.user #slide_map .inner .binds ul li a {position:relative; display:block; text-decoration:none; background:#3e3e3e; border-top:1px solid #5a5a5c;}
	.user #slide_map .inner .binds ul li:first-child a {border:0;}
	.user #slide_map .inner .binds ul li a span {display:block; font-size:17px; line-height:21px; padding:15px 20px; color:#d2d2d2; text-transform:uppercase;}
	.user #slide_map .inner .binds ul li a:after {content:""; display:block; width:12px; height:7px; background:url(../../images/talk/layout/mob_bul.png) no-repeat center 50%; opacity:0.7; -webkit-opacity:0.7; position:absolute; right:20px; top:50%; margin-top:-4px;
	transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
	.user #slide_map .inner .binds ul li a.on {background:#099784; border-top:1px solid #099784; color:#f4f9f8;}
	.user #slide_map .inner .binds ul li a.on span {color:#fff;}
	.user #slide_map .inner .binds ul li a.on:after {transform:rotate(0deg); -webkit-transform:rotate(0deg); opacity:1; -webkit-opacity:1;}
	.user #slide_map .inner .binds ul li ul {display:none; width:auto;}
	.user #slide_map .inner .binds ul li ul li {}
	.user #slide_map .inner .binds ul li ul li a {background:#aeaeae; border-top:1px solid #9c9c9c !important;}
	.user #slide_map .inner .binds ul li ul li:first-child a {border-top:0 !important;}
	.user #slide_map .inner .binds ul li ul li a:after {width:16px; height:16px; right:auto; left:20px; margin-top:0; top:15px; background:#767676 url(../../images/fre/layout/mob_depth2_bul.png) no-repeat center 50%; border-radius:50%; -webkit-border-radius:50%; opacity:1; -webkit-opacity:1;
	transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	.user #slide_map .inner .binds ul li ul li a span {font-size:16px; padding:12px 20px 12px 42px; text-transform:none; color:#fff;}
	.user #slide_map .inner .binds ul li ul li a.on {background:#aeaeae;}
	.user #slide_map .inner .binds ul li ul li a.on:after {background:#767676 url(../../images/fre/layout/mob_depth2_bul.png) no-repeat center 50%; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
	.user #slide_map .inner .binds ul li ul li ul {background:#e4e4e4;}
	.user #slide_map .inner .binds ul li ul li ul li {}
	.user #slide_map .inner .binds ul li ul li ul li a {background:none !important; border-top:1px solid #c9c9c9 !important;}
	.user #slide_map .inner .binds ul li ul li ul li:first-child a {border-top:0 !important;}
	.user #slide_map .inner .binds ul li ul li ul li a:after {width:4px; height:4px; background:#a7a7a7; border-radius:0; -webkit-border-radius:0; left:30px; top:17px; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	.user #slide_map .inner .binds ul li ul li ul li a span {color:#6b6b6b; font-size:15px; line-height:18px; padding:10px 20px 10px 42px;}
	.user #slide_map .inner .binds ul li ul li ul li a.on span {text-decoration:underline; color:#2c8d76;}
	.user #slide_map .inner .binds ul li ul li ul li a.on:after {background:#2c8d76; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	.user #slide_map .inner .close {display:block; position:absolute; left:-40px; top:0; width:40px; height:40px; background:#1f1f1f url(../../images/fre/layout/mob_close_ico.png) no-repeat center 50%; overflow:hidden; text-indent:-9999px;}
	.user #header {padding:0; height:90px;}
	.user #header:after {display:none;}
	.user #header h1 {top:50%; margin-top:-22px;}
	.user #header #global {display:none;}
	.user #header #gnb {display:none;}
	.user #header .totalsearch {margin-right:52px; top:50%; margin-top:-26px; z-index:990;}
	.user #header .mob_menu {display:block; position:absolute; right:20px; top:50%; margin-top:-26px; width:51px; height:51px; border:1px solid #777; /*border-left:0;*/ overflow:hidden; text-indent:-9999px; background:url(../../images/fre/layout/menu_btn.png) no-repeat center 50%;}

	#sub #container #remote .gongu_btn {right:20px;}
	#sub #container #remote .print_btn {display:none;}

	/* Footer */
	.user #footer .info{padding-right:0; /*padding-top:48px;*/}
	.user #footer address,
	.user #footer address a,
	.user #footer address span,
	.user #footer .copy{text-align:center;}
	.user #footer .sns{top:0; left:50%; width:196px; margin-left:-98px;}
	.user #footer .top_btn {width:43px; heihgt:43px;}
	.user #footer .top_btn a {padding:0; line-height:43px; font-size:13px;}
}


@media screen and (max-width: 817px){
	/* layout */	
	.js_mobile_check {display:block;}
}

@media screen and (max-width: 640px){	
	/* Header */
	.user #header {height:80px;}
	.user #header h1 {width:90px; margin-top:-19px;}
	.user #header h1 img{width:100%;}
	.user #header .totalsearch {margin-top:-23px; margin-right:45px;}
	.user #header .totalsearch .btns {width:44px; height:44px;}
	.user #header .totalsearch .find_box {width:380px;}
	.user #header .totalsearch .find_box input[type="text"] {height:46px; line-height:46px; width:294px;}
	.user #header .totalsearch .find_box input[type="submit"] {height:46px;}
	.user #header .totalsearch .find_box .close_btn {height:46px; width:43px;}
	.user #header .mob_menu {width:44px; height:44px; margin-top:-23px;}
}


@media screen and (max-width: 600px){
	/* Footer */	
	.user #footer{padding:25px 0;}
	.user #footer address, .user #footer address a,
	.user #footer address span,
	.user #footer .copy{font-size:14px;}
}


@media screen and (max-width: 480px){
	/* Header */
	.user #header .totalsearch .find_box {width:290px;}
	.user #header .totalsearch .find_box input[type="text"] {width:204px;}
}


@media screen and (max-width: 380px){
	/* Header */
	.user #header {height:70px;}
	.user #header .totalsearch {margin-top:-21px; margin-right:41px;}
	.user #header .totalsearch .btns {width:40px; height:40px;}
	.user #header .totalsearch .find_box {width:240px;}
	.user #header .totalsearch .find_box input[type="text"] {height:42px; line-height:42px; width:170px;}
	.user #header .totalsearch .find_box input[type="submit"] {height:42px; width:35px;}
	.user #header .totalsearch .find_box .close_btn {height:42px; width:35px;}
	.user #header .mob_menu {width:40px; height:40px; margin-top:-21px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 메인
	연관단어 : Main

////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 1400px){
	#main .visual .control a.btn_left{left:0;}
	#main .visual .control a.btn_right{right:0;}
}

@media screen and (max-width: 1240px){
	#cont_02 .graybx:after{margin-left:-550px;}
	#cont_03 .bx ul li a .cell{padding:0 20px;}
	#cont_02 .movies .frame .cell .modal_movie {padding:0 20px; box-sizing:border-box;}
}

@media screen and (max-width: 1140px){
	#cont_02 .graybx:after{margin-left:-485px;}
}

@media screen and (max-width: 1023px){
	#cont_01{padding:50px 0 55px;}
	#cont_01 .bx ul li:first-child{padding-right:12px;}
	#cont_01 .bx ul li:nth-child(2){padding:0 8px;}
	#cont_01 .bx ul li:nth-child(3){padding-left:12px;}
	#cont_01 .bx ul li a span.txts{min-height:100px;}
	#cont_02 .graybx:after{margin-left:-430px;}
	#cont_03 .bx ul li:first-child{padding-right:12px;}
	#cont_03 .bx ul li:nth-child(2){padding:0 8px;}
	#cont_03 .bx ul li:nth-child(3){padding-left:12px;}
}

@media screen and (max-width: 950px){
	#main .visual .move ul li .txts .cell strong{line-height:50px; font-size:48px;}
	#main .visual .move ul li .txts .cell p{font-size:24px;}
	#cont_01 .bx ul li a strong{line-height:24px; font-size:22px;}
	#cont_01 .bx ul li a span.txts{line-height:18px; font-size:16px;}
}

@media screen and (max-width: 950px) and (min-width: 801px){
	#cont_01 .bx ul li a{padding:30px;}
	#cont_01 .bx ul li a:after{right:30px; bottom:30px;}
	#cont_01 .bx ul li a span.txts{min-height:90px;}
}

@media screen and (max-width: 900px){
	#main #content .titles{line-height:33px; font-size:30px;}
	#cont_01 .titles{padding-bottom:15px;}
	#cont_02{position:relative;}
	#cont_02 .graybx{background-color:transparent; background:none; padding:0;}
	#cont_02 .graybx:after{display: none;}
	#cont_02 .graybx .layout{padding:0;}
	#cont_02 .graybx .report,
	#cont_02 .graybx .services{float:none;}
	#cont_02 .graybx .report{overflow:visible; position:relative; width:100%; height:286px; padding:50px 20px 0; background-color:#e5e5e5; background-image: url(../../images/fre/layout/report_bg.jpg); background-repeat:no-repeat; background-position:bottom -85px center;}
	#cont_02 .graybx .report:after{content:""; position:absolute; bottom:0; left:50%; z-index:0; display: block; width:470px; height:218px; margin-left:-190px; background-image: url(../../images/fre/layout/report_book.png); background-repeat:no-repeat; background-position:center bottom; background-size:100%;}
	#cont_02 .graybx .report .titles{padding-right:0; text-align:center;}
	#cont_02 .graybx .report .downs{float:none; position:absolute; bottom:-35px; left:0; z-index:10; width:100%; margin-top:0; padding:0 20px; box-sizing:border-box;}
	#cont_02 .graybx .report .downs ul{overflow: hidden;}
	#cont_02 .graybx .report .downs ul li{float:left; display: block; width:49.5%; height:55px; margin-left:1%; line-height:55px; padding:0; box-sizing:border-box;}
	#cont_02 .graybx .report .downs ul li:first-child{margin-left:0;}
	#cont_02 .graybx .report .downs ul li a{padding:0 30px 0 15px; background-position:center right 20px;}
	#cont_02 .graybx .report .more{top:50px;}
	#cont_02 .graybx .services,
	#cont_02 .movies{float:left;}
	#cont_02 .graybx .services{width:100%; padding:0 385px 0 20px; margin:90px 0 55px;}
	#cont_02 .graybx .services .titles{padding-bottom:18px;}
	#cont_02 .graybx .services .ser_lst ul li a{background-color:#e5e5e5;}
	#cont_02 .movies{position:absolute; bottom:55px; right:0; width:365px; padding:0;}
	#cont_02 .movies .frame{height:202px;}
	#cont_02 .movies .frame .cell .video video {padding:0;}
	#cont_03{padding:60px 0;}
	#banner {padding:45px 0 55px 0;}
	#banner .titles{padding-bottom:25px;}
	#banner .control {top:-56px;}
	#banner .move {height:70px;}
	#banner .move ul li a {height:70px;}
	}

	@media screen and (max-width: 900px) and (min-width: 601px){
	#cont_03 .bx ul li{height:175px;}
	#cont_03 .bx ul li a .cell .icons{position:static; top:auto; left:auto; margin-top:0; margin:0 auto; padding-bottom:13px;}
	#cont_03 .bx ul li a .cell .cell_wr{padding-left:0;}
	#cont_03 .bx ul li a .cell strong{padding-left:0; text-align:center;}
	/*
	높이 auto로했을때
	#cont_03 .bx ul li{height:173px;}
	#cont_03 .bx ul li a .cell{display:block; padding:95px 20px 30px 20px; box-sizing:border-box;}
	#cont_03 .bx ul li a .cell .cell_wr{position:static; padding-left:0;}
	#cont_03 .bx ul li a .cell .icons{top:30px; left:50%; margin-top:0; margin-left:-25px;}
	#cont_03 .bx ul li a .cell strong{padding-left:0; text-align:center;}
	*/
}

@media screen and (max-width: 900px) and (min-width:701px){
	#cont_02 .movies .frame{position:relative;}
	#cont_02 .movies .frame{height:180px;}
	#cont_02 .movies .frame .cell .titles{text-align:left;}
	#cont_02 .movies .frame .cell .titles{position:absolute; top:-75px; left:0; color:#444;}
	#cont_02 .movies .frame .cell .titles .yellow{color:#0f599c !important;}
}

@media screen and (max-width: 800px){
	#main .visual{height:435px;}
	#main .visual .move ul li .txts .cell strong{line-height:42px; font-size:40px; font-weight:700;}
	#main .visual .move ul li .txts .cell p{line-height:27px; font-size:22px;}
	#main .visual .control ul{bottom:65px;}
	#main .visual .control a.btn_play,
	#main .visual .control a.btn_stop{bottom:70px;}
	#cont_01 .bx ul li{width:100%; padding:0 !important; margin-bottom:10px;}
	#cont_01 .bx ul li:last-child{margin-bottom:0;}
	#cont_01 .bx ul li a{display:table; padding:35px 45px;}
	#cont_01 .bx ul li a:after{display:table-cell; position:static; bottom:auto; right:auto; width:73px; height:73px; background-size:100%;}
	#cont_01 .bx ul li:nth-child(2) a:after{background-size:95%;}
	#cont_01 .bx ul li a strong{padding-bottom:13px;}
	#cont_01 .bx ul li a span.txts{min-height:auto; padding-bottom:18px;}
	#cont_01 .bx ul li a strong,
	#cont_01 .bx ul li a span.txts{padding-right:20px;}
	#cont_01 .bx ul li a .more{height:27px; line-height:25px;}
	#cont_01 .bx ul li a .more:after{margin-top:-2px;}
	#cont_02 .graybx .report {height:335px;}
	#cont_02 .graybx .report .downs{padding:0 15%;}
	#cont_02 .graybx .report:after {bottom:50px;}
	#cont_02 .graybx .report .downs ul li{float:none; width:100%; margin:5px 0 0 0;}
	#cont_02 .graybx .report .downs ul li:first-child {margin:0;}
	#cont_02 .graybx .report .downs ul li a {}
	#cont_02 .movies .frame .cell .modal_movie .inner .close_btn {top:-40px; width:40px; height:40px;}
}

@media screen and (max-width: 800px) and (min-width:601px){
	#cont_02 .graybx .services{padding:0 365px 0 20px;}
}

@media screen and (max-width: 765px) and (min-width:701px){
	#cont_02 .graybx .services .ser_lst ul li a{padding:18px 40px 18px 20px; font-size:18px;}
	#cont_02 .graybx .services .ser_lst ul li a:after{right:20px;}
}
@media screen and (max-width: 720px) and (min-width:701px){
	#cont_02 .movies .frame{height:190px;}
	#cont_02 .movies .frame .cell .titles{top:-85px;}
}

@media screen and (max-width: 700px){
	#cont_02 .graybx .services,
	#cont_02 .movies{float:none;}
	#cont_02 .graybx .services{width:100%; padding:0 20px;}
	#cont_02 .graybx .services .titles{text-align:center;}
	#cont_02 .movies{position:static; bottom:auto; right:auto; width:100%; padding-bottom:55px;}
	#cont_02 .movies .layout{padding:0;}
	#cont_02 .movies .frame{height:250px;}
	#cont_02 .movies .frame .cell .control a {width:50px; height:50px;}
}

@media screen and (max-width: 600px){
	#main .visual{height:335px;}
	#main .visual .move ul li .txts .cell{padding:0 20px;}
	#main .visual .move ul li .txts .cell strong{line-height:30px; font-size:28px; font-weight:800;}
	#main .visual .control ul{bottom:35px;}
	#main .visual .control a.btn_play,
	#main .visual .control a.btn_stop{bottom:40px;}
	#main #content .titles{line-height:26px; font-size:24px;}
	#cont_01{padding:35px 0 40px;}
	#cont_01 .titles{font-size:28px !important;}
	#cont_01 .bx ul li{margin-bottom:20px;}
	#cont_01 .bx ul li a{padding:25px 30px;}
	#cont_01 .bx ul li a:after{position:absolute; bottom:25px; right:30px; width:52px; height:52px;}
	#cont_01 .bx ul li a strong{padding-bottom:12px; font-size:20px;}
	#cont_01 .bx ul li a span.txts{padding-bottom:30px; font-size:16px;}
	#cont_01 .bx ul li a strong,
	#cont_01 .bx ul li a span.txts{padding-right:0;}
	
	
	#cont_02 .graybx .report{padding:35px 20px 0; height:300px;}
	#cont_02 .graybx .report:after{width:400px; margin-left:-155px; bottom:50px;}
	#cont_02 .graybx .report .titles{padding-right:55px; text-align:left;}
	#cont_02 .graybx .report .downs{padding:0 20px;}
	#cont_02 .graybx .report .downs ul li{float:none; display: block; width:auto; box-sizing:border-box; height:auto; line-height:19px;}
	#cont_02 .graybx .report .downs ul li a {padding:15px 45px 15px 30px;}
	#cont_02 .graybx .report .more{top:35px; right:20px;}
	
	
	#cont_02 .graybx .services{margin:90px 0 40px;}
	#cont_02 .graybx .services .ser_lst ul li a{line-height:20px; font-size:18px;}
	#cont_02 .movies{padding-bottom:0;}
	#cont_02 .movies .frame{height:200px;}
	#cont_03{background:none; padding:40px 0;}
	#cont_03 .bx ul li{width:100%; height:65px; margin-bottom:10px;}
	#cont_03 .bx ul li:last-child{margin-bottom:0;}
	#cont_03 .bx ul li a{background-color:#28856e;}
	#cont_03 .bx ul li a:hover{background-color:#0057a8;}
	#cont_03 .bx ul li:first-child{padding-right:0;}
	#cont_03 .bx ul li:nth-child(2){padding:0;}
	#cont_03 .bx ul li:nth-child(3){padding-left:0;}
	#cont_03 .bx ul li a .cell{position:relative; text-align:left; padding:0 50px;}
	#cont_03 .bx ul li a .cell .cell_wr{position:static; padding-left:55px;}
	#cont_03 .bx ul li a .cell .icons{left:50px; width:38px; height:38px; margin-top:-19px; background-size:100%;}
	#cont_03 .bx ul li a .cell strong{line-height:23px; padding-left:0; font-size:18px;}
	#banner {padding:35px 0 40px 0;}
	#banner .titles{padding-bottom:25px;}
	#banner .control {top:-50px;}
	#banner .control a {width:26px; height:26px;}
	#banner .move {height:60px;}
	#banner .move ul li {padding:0 14px 0 0;}
	#banner .move ul li a {height:60px;}
	#banner .mob1 {display:block;}
}

@media screen and (max-width: 480px){
	#cont_02 .graybx .report .downs ul li{height:auto; line-height:19px;}
	#cont_02 .graybx .report .downs ul li a{padding:15px 30px 15px 15px; background-position:center right 15px;}
	#banner .titles {text-align:left;}
	#banner .mob2 {display:block;}
}

@media screen and (max-width: 380px){
	#cont_03 .bx ul li a .cell{padding:0 30px;}
	#cont_03 .bx ul li a .cell .icons{left:30px;}
}





/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 서브
	연관단어 : Sub

////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 900px){
	#sub .visual ul li{height:200px;}
	#sub .visual ul li .txts h2{margin-top:0; font-size:35px;}

	#sub #container #txt{padding:40px 0 100px;}
	#sub #container #txt h3{line-height:42px; margin-bottom:40px; font-size:40px;}

	#sub #container #remote{margin-top:0;}
	#sub #container #remote .js_menu.select .home{width:50px; height:50px;}
	#sub #container #remote .js_menu.select .js_menu_select{height:50px; padding:0 20px;}
	#sub #container #remote .js_menu.select .js_menu_select strong a{line-height:50px; font-size:16px;}
	#sub #container #remote .js_menu.select .js_menu_select ul{top:50px;}
	#sub #container #remote .js_menu.select .js_menu_select ul li{height:40px;}
	#sub #container #remote .js_menu.select .js_menu_select ul li a{line-height:18px; padding:0 20px 0 35px; font-size:16px;}
	#sub #container #remote .js_menu.select .js_menu_select ul li a:before{top:19px; left:20px;}
	#sub #container #remote .gongu_btn,
	#sub #container #remote .print_btn{height:50px;}
	#sub #container #remote .print_btn{right:20px;}
}
@media screen and (max-width: 650px){
	#sub .visual ul li{height:130px;}
	#sub .visual ul li .txts h2{font-size:28px;}
	
	#sub #container #txt{padding:30px 0 70px;}
	#sub #container #txt h3{line-height:30px; margin-bottom:30px; font-size:28px;}

	#sub #container #remote .js_menu.select .home{display: none;}
	#sub #container #remote{margin-top:0;}
	#sub #container #remote .js_menu.select .js_menu_select{position:static; width:40%; padding:0 10px;}
	#sub #container #remote .js_menu.select .js_menu_select strong a{padding-right:20px; background-size:12px; background-position:right center; font-size:14px;}
	#sub #container #remote .js_menu.select .js_menu_select ul li a{line-height:16px; padding:0 10px 0 25px; font-size:14px;}
	#sub #container #remote .js_menu.select .js_menu_select ul li a:before{top:20px; left:10px; width:5px; height:1px;}
}
@media screen and (max-width: 450px){
	#sub #container #remote .js_menu.select .js_menu_select{width:43%;}
	#sub #container #remote .js_menu.select .js_menu_select strong a:after{width:12px;}
	#sub #container #remote .gongu_btn{right:13px;}
	#sub #container #remote .print_btn{display: none;}
}