@charset "utf-8";


@media (max-width: 1460px){
	
	
}

/* landscape tablet and desktop */
@media (max-width: 1260px){
	/* header */
	#intro #header .sitelogo {padding:60px 0 80px;}

	#header .sitelogo {padding:60px 0 50px;}

	#gnb ul li {padding:0 50px;}
	#gnb ul li .line {font-size:23px;}
	#gnb ul li .line:before { margin-top:-6px; height:12px;}
	#gnb ul li .eng {font-size:18px;}

	/* main */
	.main-movie-wrap {margin-top:60px;}
	

	/* sub */
	#sub #container {padding:60px 0 80px;}

	/* doc */
	.about-cnt {padding:70px 15px;}
	.about-cnt h2 {font-size:18px; padding-top:20px; margin-bottom:40px;}
	.about-cnt h2:after {margin-left:-36px; width:72px; height:6px;}
	.about-cnt ul li {width:33.333%; padding:0 5px; margin-bottom:20px;}
	.about-cnt ul li:nth-child(5n+1) {clear:none;}
	.about-cnt ul li:nth-child(3n+1) {clear:left;}
	.about-cnt ul li .box .arrow {display:inline-block; position:relative; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #fff;}

	#footer .bar {padding:0 10px;}
	#footer .br {display:block;}
	#footer .br .bar {padding:0;}
	


}

/* Landscape tablet */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {font-size:15px;}

	/* header */
	#intro #header .sitelogo {padding:50px 15px 70px;}

	#header .sitelogo {padding:40px 0 30px;}
	#header .sitelogo img {height:45px;}

	#gnb ul li {padding:0 35px;}
	#gnb ul li .line {font-size:23px;}
	#gnb ul li .line:before { margin-top:-5px; height:10px;}
	#gnb ul li .eng {font-size:17px;}

	/* intro */
	.intro-box {height:586px; padding:40px 40px; margin:0 auto 90px;}
	.intro-box .dots {margin-bottom:10px;}
	.intro-box .dots ul li {padding-right:9px;}
	.intro-box .cnt {font-size:18px;}
	.intro-box .number {font-size:18px;}
	.intro-box .form {margin:30px 0 70px;}
	.intro-box .form .text {font-size:60px; height:120px; margin-bottom:40px;}
	.intro-box .form .check {font-size:40px;}
	.intro-box .form .check ul {margin:0 -7px -14px;}
	.intro-box .form .check ul li {padding:0 7px; width:33.333333%; font-size:22px; margin-bottom:14px;}
	.intro-box .form .check ul li .checkbox input {width:22px !important; height: 22px !important;}
	.intro-box .form .check ul li .checkbox label:before {width:22px !important; height:22px !important;}
	.intro-box .form .check .bar {padding:0 20px;}
	.intro-box .skip {font-size:18px;}
	.intro-box .btn-wrap {margin-top:20px;}
	.intro-box .back {font-size:18px;}
	.intro-box .back:before {top:6px; border-top-width:7px; border-bottom-width:7px; border-right-width:10px;}
	.intro-box .back:hover:before {border-right-width:10px}
	.intro-box .next {font-size:18px;}
	.intro-box .next:before {top:6px; border-top-width:7px; border-bottom-width:7px; border-left-width:10px;}
	.intro-box .next:hover:before {border-left-width:10px;}
	.intro-box .last-top-wrap {padding:30px 20px 0;}
	.intro-box .last-top-wrap .top {font-size:20px;  margin-bottom:60px;}
	.intro-box .group {margin-bottom:20px;}
	.intro-box .group .input {height:48px; font-size:20px; line-height:46px;}
	.intro-box .submit {font-size:30px; margin-top:50px;}
	
	/* main */
	.main-movie-wrap {margin-top:40px;}

	/* sub */
	.contain {padding-left:20px; padding-right:20px;}

	#sub #container {padding:40px 0 60px;}

	#lnb {margin-bottom:30px;}
	.lnb ul {display:inline-flex;}
	.lnb li {line-height:50px;}
	
	/* doc */
	.about-cnt {padding:60px 15px 40px;}
	.about-cnt h2 {font-size:17px; padding-top:15px; margin-bottom:30px;}
	.about-cnt h2:after {margin-left:-30px; width:60px; height:5px;}

	.location .top { margin-bottom:30px;}
	.location .img {margin-bottom:30px;}
	.location .col {margin-bottom:20px;}


	/* board */
	.input,.select,.textarea {font-size:14px;}

	

	.board-list .data-table {padding:12px 20px}
	.board-list .cnt .tit {font-size:16px;}

	.board-view .head .tit {font-size:15px;}
	.board-view .head .info {font-size:13px; padding-top:10px; padding-bottom:10px;}

	.board-write .group {font-size:15px;line-height:32px;}
	.board-write .title {font-size:15px;}

	.prev_next {font-size:14px;}

	.paginate {margin:15px 0;}


	.port-list ul {margin:0 -10px;}
	.port-list ul li {padding:0 10px; margin-bottom:25px;}

	.port-view .movie-wrap {}
	.port-view .body {padding:20px; margin-bottom:20px;}
	.port-view .body .title {font-size:20px;}
	.port-view .body .cnt {font-size:18px;}
	.port-view .form {padding:0 20px;}
	.port-view .form ul {margin:0 -10px;}
	.port-view .form ul li {padding:0 10px; margin-bottom:20px;}
	.port-view .form ul li .tit {font-size:18px;}

	.mailform .col {margin-bottom:25px;}
	.mailform .col .tit {font-size:15px;}
	.mailform .col .tit:after {top:5px;}
	.mailform .col ul {margin:0 -5px 0 0;}
	.mailform .col ul li {padding:0 10px;}

	
	.sub-title {padding:0 0 30px;}
	.sub-title h2 {font-size:22px;} 




	
} 

/* portrait tablet */
@media (max-width: 850px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* header */
	#intro #header .sitelogo {padding:40px 15px 50px;}

	#header .sitelogo {padding:30px 0 25px;}
	#header .sitelogo img {height:39px;}

	#gnb ul li {padding:0 30px;}
	#gnb ul li .line {font-size:20px;}
	#gnb ul li .line:before {margin-top:-5px; height:10px;}
	#gnb ul li .eng {font-size:17px;}


	/* intro */
	.intro-box {height:480px; padding:30px; margin:0 auto 80px;}
	.intro-box .dots ul li {padding-right:9px;}
	.intro-box .cnt {font-size:17px;}
	.intro-box .number {font-size:17px;}
	.intro-box .form {margin:30px 0 70px;}
	.intro-box .form .text {font-size:45px; margin-bottom:20px;}
	.intro-box .form .check {font-size:35px;}
	.intro-box .form .check .bar {padding:0 20px;}
	.intro-box .skip {font-size:17px;}
	.intro-box .btn-wrap {margin-top:20px;}
	.intro-box .back {font-size:17px;}
	.intro-box .back:before {top:5px; border-top-width:6px; border-bottom-width:6px; border-right-width:9px;}
	.intro-box .back:hover:before {border-right-width:9px}
	.intro-box .next {font-size:17px;}
	.intro-box .next:before {top:5px; border-top-width:6px; border-bottom-width:6px; border-left-width:9px;}
	.intro-box .next:hover:before {border-left-width:9px;}
	.intro-box .last-top-wrap {padding:20px 20px 0;}
	.intro-box .last-top-wrap .top {font-size:18px;  margin-bottom:60px;}

	.checkbox input {width: 18px; height: 18px;}
	.checkbox label:before {margin:-.2em 8px 0 0;width:18px;height:18px;}

	#intro .checkbox input {width: 35px; height: 35px;}
	#intro .checkbox label:before {width:35px; height:35px}
	#intro .checkbox input:checked + label:before {background-size:25px;}

	.main-movie-wrap {margin-top:40px;}

	/* footer */
	
	
	/* doc */
	.about-head {margin-bottom:60px;}
	.about {margin:0 auto 60px;}
	.about:after {width:60px; height:6px;}
	.about .tit {font-size:18px; margin-bottom:10px;}
	.about .tit span {width:5px; height:5px;}
	.about .cnt {font-size:15px; margin-bottom:25px;}

	.location .top { margin-bottom:25px;}
	.location .img {margin-bottom:25px;}
	.location .col {margin-bottom:15px;}
	.location .tit {font-size:18px;}
	

	/* sub */
	#sub #container {padding:30px 0 50px;}
	
	/* board */

	.board-cate ul li {padding:0 18px; font-size:14px;}

	.board-list .more {width:40px;}
	.board-list .down {width:160px;}
	.board-list .bt-down {font-size:15px;}

	

	.port-list ul {margin:0 -7px;}
	.port-list ul li {padding:0 7px}
	.port-list .tit {font-size:17px;}
	.port-list p {font-size:15px;}

	.port-view .body .title {font-size:18px;}
	.port-view .body .cnt {font-size:17px;}
	.port-view .form ul {margin:0 -5px;}
	.port-view .form ul li {padding:0 5px}
	.port-view .form ul li:nth-child(3n+1) {clear:left;}
	.port-view .form ul li .tit {font-size:17px;}

	.mailform .col {margin-bottom:25px;}
	.mailform .col .tit:after {top:5px;}
	.mailform .col ul {margin:0 -5px 0 0;}
	.mailform .col ul li {width:20%; padding:0 10px; margin-bottom:5px;}
	.mailform .col ul li:nth-child(5n+1) {clear:left;}

	.complete {padding:40px 15px;}





} 

/* Landscape phone */
@media (max-width: 700px) {
	.only-desktop-tablet {display:none;}
	tr.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}
	tr.only-mobile {display:table-row;}

	.contain {padding-left:15px; padding-right:15px;}

	/* header */
	#intro #header .sitelogo {padding:30px 15px 40px;}

	#header .sitelogo {padding:20px 0 20px;}
	#header .sitelogo img {height:31px;}

	#gnb ul li {padding:0 25px;}
	#gnb ul li .line {font-size:18px; font-weight:bold;}
	#gnb ul li .line:before {margin-top:-4px; height:8px;}
	#gnb ul li .eng {font-size:16px;}

	/* intro */
	.intro-box {height:auto;  min-height:400px; padding:25px 20px; margin:0 auto 60px;}
	.intro-box .dots ul li {padding-right:7px;}
	.intro-box .cnt {font-size:16px;}
	.intro-box .number {font-size:16px;}
	.intro-box .form {margin:20px 0 50px;}
	.intro-box .form .text {font-size:40px; height:100px; margin-bottom:40px;}
	.intro-box .form .check ul {margin:0 -5px -10px;}
	.intro-box .form .check ul li {padding:0 5px; width:50%; font-size:16px; margin-bottom:10px;}
	.intro-box .form .check ul li .checkbox input {width:18px !important; height: 18px !important;}
	.intro-box .form .check ul li .checkbox label:before {width:18px !important; height:18px !important;}
	.intro-box .form .check {font-size:30px;}
	.intro-box .form .check .bar {padding:0 20px;}
	.intro-box .skip {font-size:16px;}
	.intro-box .btn-wrap {margin-top:20px;}

	.intro-box .last-top-wrap {padding:20px 20px 0;}
	.intro-box .last-top-wrap .top {font-size:18px;  margin-bottom:20px;}
	.intro-box .submit {font-size:25px; margin-top:0;}
	.intro-box .submit span:before {height:10px;}
	

	.checkbox input {width: 18px; height: 18px;}
	.checkbox label:before {margin:-.2em 8px 0 0;width:18px;height:18px;}

	#intro .checkbox input {width: 30px; height: 30px;}
	#intro .checkbox label:before {width:30px; height:30px}
	#intro .checkbox input:checked + label:before {background-size:20px;}

	/* main */
	.main-movie-wrap {margin-top:20px;}


	/* footer */
	
	/* sub */
	.contain {padding-left:15px; padding-right:15px;}
	#sub #container {padding:30px 0 40px;}

	.sub-title {padding:0 0 25px;}
	.sub-title h2 {font-size:18px; font-weight:bold} 

	
	#lnb {margin-bottom:25px;}
	.lnb li {font-size:15px;}

	/* doc */
	.about-cnt {padding:40px 15px 20px;}
	.about-cnt ul li {width:50%; margin-bottom:20px;}
	.about-cnt ul li:nth-child(3n+1) {clear:none;}
	.about-cnt ul li:nth-child(2n+1) {clear:left;}
	.about-cnt ul li .box {height:100px;}
	.about-cnt ul li .box .tit {font-size:18px; font-weight:bold}
	.about .tit {font-size:16px; font-weight:bold;}
	.about .cnt {font-size:14px;}
	
	.location .tit {font-size:16px; font-weight:bold;}
	.location p {font-size:14px;}
	

	/* board  */
	.input {height:32px; padding:5px; font-size:14px; line-height:20px;}
	.select {height:32px; padding:5px; font-size:14px; line-height:20px;}
	.textarea {padding:5px; font-size:14px; line-height:20px;}

	.board-search .input {height:40px; line-height:36px; padding-left:15px;}
	.board-search button {width:40px; height:40px;}

	.board-list {display:none;}
	.m-board-list {display:block; border-top:1px solid #ddd;}
	.m-board-list li {border-bottom:1px solid #ddd;}
	.m-board-list li a {display:block; padding:10px 5px;}
	.m-board-list li .info {padding:2px 0 0 0; color:#959595; font-size:14px; line-height:1.3em;}
	.m-board-list li img {vertical-align:middle;}
	.m-board-list li.none {padding:40px 0; text-align:center; font-size:12px; color:#777;}
	.m-board-list .qna-cnt {background:#f8f8f8;padding:0;color:#656565;}
	.m-board-list .bbs-question{position:relative;padding:10px 5px 10px 27px;text-align:left;}
	.m-board-list .bbs-question a {padding:0;}
	.m-board-list .bbs-question .txt {color:#555;}
	.m-board-list .bbs-answer{position:relative;width:100%;margin:0 auto;padding:10px 5px 10px 27px;text-align:left;border-top:1px dotted #c0c0c0;}
	.m-board-list .bbs-answer a {padding:0;}
	.m-board-list .bbs-answer .txt {color:#555;}
	.m-board-list .ico {display:inline-block;overflow:hidden;vertical-align:middle;font-size:0;line-height:200px !important;}
	.m-board-list .ico.ico-question {position:absolute;top:12px;left:7px;width:13px;height:15px;background:url('../images/shop/icon_q.png') 0 0 no-repeat; background-size:13px auto;}
	.m-board-list .ico.ico-answer {position:absolute;top:12px;left:7px;width:13px;height:15px;background:url('../images/shop/icon_a.png') 0 0 no-repeat; background-size:13px auto;}
	.m-board-list .qna-state {display:inline-block;zoom:1;*display:inline;width:47px;height:16px;margin:-2px 6px 0 0;border:1px solid #afb5c1;background:#fff;text-align:center;letter-spacing:-1px;font-family:Dotum;font-size:11px;line-height:16px;color:#677791;;vertical-align:middle;}
	.m-board-list .apply {display:inline-block; vertical-align:middle; width:80px; height:30px; font-size:14px; line-height:28px; border-radius:5px; border:1px solid #1b86ca; text-align:center; color:#fff;}
	.m-board-list .apply.ing {background-color:#1b86ca}
	.m-board-list .apply.waiting {color:#1b86ca; background-color:#fff;}
	.m-board-list .apply.ok {background-color:#555; border-color:#555}

	.board-view {margin:0 -15px;}
	.board-view .head .tit {font-size:15px; padding:10px 15px;}
	.board-view .head .info {font-size:12px; padding:8px 15px;}
	.board-view .head .files {padding:10px 0 0; font-size:12px;}
	.board-view .head .files .fileLayer {max-width:60%; right:15px;}
	.board-view .head .files .fileLayer a {word-break:break-all; line-height:1.2em;}
	.board-view .head .files .fileLayer img {vertical-align:middle;}
	.board-view .body {padding:15px 15px 25px;}

	.board-write {margin:0 -15px;}
	.board-write .group {padding:5px 0 5px 90px;}
	.board-write .title {top:10px; left:15px; width:75px;}
	.board-write .files_table .input {width:50% !important;}
	.board-write .textarea {width:100% !important;}
	.board-write input#title {width:75% !important;}

	.buttons {margin:10px 0;}

	.btn-pack.medium {height:32px; font-size:13px; line-height:30px; padding:0 15px;}
	.btn-pack.large {height:40px; line-height:38px; font-size:15px; padding:0 22px;}
	.btn-pack.xlarge {height:45px; font-size:16px; line-height:43px; padding:0 30px;}
	.btn-pack.submit,
	.btn-pack.cancel {width:120px; height:40px; font-size:14px; line-height:36px;}
	.btn-pack.print {width:85px; height:auto; padding:10px 0; word-break:kepp-all; text-align:center; font-size:12px; line-height:1.3em; white-space:normal; border-radius:5px;}
	.btn-pack.print:before {display:block; width:24px; height:24px; background-size:contain; margin:0 auto 5px;}

	.prev_next {margin:0 -15px;}
	.prev_next dt {width:73px; padding:0 0 0 15px; text-align:left; margin-right:0;}
	.prev_next dd {margin-left:80px; padding-right:15px; color:#777;}
	.prev_next dd a {display:inline-block; vertical-align:top; max-width:95%; color:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.board-password {width:100%; padding:75px 10px 35px; background-size:45px;}
	.board-password dl dt {font-size:15px;}
	.board-password .input {width:50% !important;}

	.paginate a, .paginate strong {font-size:14px; line-height:35px;}
	.paginate a.direction {width:35px; height:35px;}


	.port-list ul {margin:0 -5px;}
	.port-list ul li {width:50%; padding:0 5px; margin-bottom:20px;}
	.port-list ul li:nth-child(3n+1) {clear:none}
	.port-list ul li:nth-child(2n+1) {clear:left}
	.port-list .tit {font-size:16px;}

	
	.port-view .body {padding:15px; margin-bottom:15px;}
	.port-view .body .title {font-size:16px;}
	.port-view .body .cnt {font-size:16px;}
	.port-view .form {padding:0 15px;}
	.port-view .form ul {margin:0 -5px;}
	.port-view .form ul li {width:50%; padding:0 5px; margin-bottom:15px;}
	.port-view .form ul li:nth-child(3n+1) {clear:none;}
	.port-view .form ul li:nth-child(2n+1) {clear:left;}
	.port-view .form ul li .tit {font-size:16px;}
	.port-view .form ul li .tit:after {top:5px;}
	.port-view .form ul li .input {font-size:15px}

	.mailform .col {margin-bottom:25px;}
	.mailform .col ul {margin:0 -5px 0 0;}
	.mailform .col ul li {width:33.3333%;}
	.mailform .col ul li:nth-child(5n+1) {clear:none;}
	.mailform .col ul li:nth-child(3n+1) {clear:left;}
	.mailform .col .tit {font-weight:bold;}

	#proday {width:80% !important}
	#company,
	#homepage,
	#name,
	#phone,
	#email {width:80% !important}

	.form-agree .btn span{display:none;}

	.complete {margin-top:20px; font-size:20px; padding:40px 15px; margin-bottom:30px;}

	#footer {padding:25px 0;}
	#footer .bar {padding:0 7px;}
	#footer .br2 {display:block;}

	
} 

/* Landscape phones and down */
@media (max-width: 480px) {
	.mobile-navigation {width:100%;}

	#gnb ul {margin:0 -10px;}
	#gnb ul li {padding:0 10px;}
	#gnb ul li .line {font-size:18px;}
	#gnb ul li .line:before {margin-top:-3px; height:6px;}
	#gnb ul li .eng {font-size:13px;}


	.intro-box {min-height:350px;  margin:0 auto 40px;}
	.intro-box .dots ul li {padding-right:7px;}
	.intro-box .cnt {font-size:15px; padding-right:10%;}
	.intro-box .number {font-size:16px;}
	.intro-box .form {padding:20px 0 0; margin:0;}
	.intro-box .form .text {font-size:25px; height:80px; margin-bottom:20px;}
	.intro-box .form .check {font-size:20px;}
	.intro-box .form .check .bar {padding:0 10px;}
	.intro-box .skip {font-size:16px;}
	.intro-box .btn-wrap {margin-top:20px;}
	.intro-box .last-top-wrap {padding:20px 10px 0;}
	.intro-box .last-top-wrap .top {font-size:16px;  margin-bottom:15px;}
	.intro-box .last-top-wrap br {display:none;}
	.intro-box .group {margin-bottom:10px;}
	.intro-box .group .input {height:40px; font-size:16px; line-height:38px;}
	.intro-box .submit {font-size:18px; padding:0 15px; margin-top:20px;}


	#intro .checkbox input {width: 20px; height: 20px;}
	#intro .checkbox label:before {width:20px; height:20px; border-width:2px;}
	#intro .checkbox input:checked + label:before {background-size:15px;}
		
	#header .sitelogo img {height:25px;}

	.main-movie-wrap {margin-top:15px;}


	/* doc */
	.about-cnt ul li {float:none; width:100%;}
	.about-cnt ul li:nth-child(2n+1) {clear:none;}
	.about-cnt ul li .box .tit {font-size:15px;}
	.about-cnt ul li .box .eng {font-size:14px;}
	.about-cnt ul li p {font-size:14px; padding-left:10px;}
	.about-cnt ul li p:after {top:9px; width:4px; height:4px;}
	.about-cnt ul li p br {display:none}
	
	.port-view .form ul {margin:0;}
	.port-view .form ul li {width:100%; float:none; padding:0; margin-bottom:10px;}
	.port-view .form ul li:nth-child(2n+1) {clear:none;}

	
	.mailform .col {margin-bottom:25px;}
	.mailform .col ul li {width:50%;}
	.mailform .col ul li:nth-child(3n+1) {clear:none;}
	.mailform .col ul li:nth-child(2n+1) {clear:left;}

	#proday {width:100% !important; margin-bottom:5px;}
	#company,
	#homepage,
	#name,
	#phone,
	#email {width:100% !important}

	.complete {margin-top:15px; font-size:18px; padding:30px 15px; margin-bottom:20px;}

	.port-list .tit {font-size:14px;}

	.sub-title {padding:0 0 20px;}
	.sub-title h2 {font-size:17px;} 

}