@charset "utf-8";
/**
* @author    Enoch Choi <enoch_choi@naver.com>
* @copyright Copyright (c) 2018.02.04
* reset
*/
@import url('./SBAggro.css');
@import url('./GmarketSans.css');
/*
@font-face {font-family: 'Noto Sans KR'; src: url('/dorun/font/NotoKR-Thin/notokr-thin.eot'); src: url('/dorun/font/NotoKR-Thin/notokr-thin.eot?#iefix') format('embedded-opentype'), url('/dorun/font/NotoKR-Thin/notokr-thin.woff2') format('woff2'), url('/dorun/font/NotoKR-Thin/notokr-thin.woff') format('woff'), url('/dorun/font/NotoKR-Thin/notokr-thin.ttf') format('truetype'), url('/dorun/font/NotoKR-Thin/notokr-thin.svg#notokr-thin') format('svg'); font-weight: 100; font-style: normal; }
@font-face {font-family: 'Noto Sans KR'; src: url('/dorun/font/NotoKR-Light/notokr-light.eot'); src: url('/dorun/font/NotoKR-Light/notokr-light.eot?#iefix') format('embedded-opentype'), url('/dorun/font/NotoKR-Light/notokr-light.woff2') format('woff2'), url('/dorun/font/NotoKR-Light/notokr-light.woff') format('woff'), url('/dorun/font/NotoKR-Light/notokr-light.ttf') format('truetype'), url('/dorun/font/NotoKR-Light/notokr-light.svg#notokr-light') format('svg'); font-weight: 200; font-style: normal; }
@font-face {font-family: 'Noto Sans KR'; src: url('/dorun/font/NotoKR-DemiLight/notokr-demilight.eot'); src: url('/dorun/font/NotoKR-DemiLight/notokr-demilight.eot?#iefix') format('embedded-opentype'), url('/dorun/font/NotoKR-DemiLight/notokr-demilight.woff2') format('woff2'), url('/dorun/font/NotoKR-DemiLight/notokr-demilight.woff') format('woff'), url('/dorun/font/NotoKR-DemiLight/notokr-demilight.ttf') format('truetype'), url('/dorun/font/NotoKR-DemiLight/notokr-demilight.svg#notokr-demilight') format('svg'); font-weight: 300; font-style: normal; }
@font-face {font-family: 'Noto Sans KR'; src: url('/dorun/font/NotoKR-Regular/notokr-regular.eot'); src: url('/dorun/font/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'), url('/dorun/font/NotoKR-Regular/notokr-regular.woff2') format('woff2'), url('/dorun/font/NotoKR-Regular/notokr-regular.woff') format('woff'), url('/dorun/font/NotoKR-Regular/notokr-regular.ttf') format('truetype'), url('/dorun/font/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg'); font-weight: 400; font-style: normal; }
@font-face {font-family: 'Noto Sans KR'; src: url('/dorun/font/NotoKR-Medium/notokr-medium.eot'); src: url('/dorun/font/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'), url('/dorun/font/NotoKR-Medium/notokr-medium.woff2') format('woff2'), url('/dorun/font/NotoKR-Medium/notokr-medium.woff') format('woff'), url('/dorun/font/NotoKR-Medium/notokr-medium.ttf') format('truetype'), url('/dorun/font/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg'); font-weight: 500; font-style: normal; }
@font-face {font-family: 'Noto Sans KR'; src: url('/dorun/font/NotoKR-Bold/notokr-bold.eot'); src: url('/dorun/font/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'), url('/dorun/font/NotoKR-Bold/notokr-bold.woff2') format('woff2'), url('/dorun/font/NotoKR-Bold/notokr-bold.woff') format('woff'), url('/dorun/font/NotoKR-Bold/notokr-bold.ttf') format('truetype'), url('/dorun/font/NotoKR-Bold/notokr-bold.svg#notokr-bold') format('svg'); font-weight: 700; font-style: normal; }
@font-face {font-family: 'Noto Sans KR'; src: url('/dorun/font/NotoKR-Black/notokr-black.eot'); src: url('/dorun/font/NotoKR-Black/notokr-black.eot?#iefix') format('embedded-opentype'), url('/dorun/font/NotoKR-Black/notokr-black.woff2') format('woff2'), url('/dorun/font/NotoKR-Black/notokr-black.woff') format('woff'), url('/dorun/font/NotoKR-Black/notokr-black.ttf') format('truetype'), url('/dorun/font/NotoKR-Black/notokr-black.svg#notokr-black') format('svg'); font-weight: 900; font-style: normal; }*/
::-moz-selection{background-color: #555; color:#fff; }
::selection{background-color: #555; color:#fff; }
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; font-size: 14px; word-break: keep-all; }
html, body{width: 100%; height: 100%;}
html, input, button, select, textarea, optgroup{font-family: "SBAggro", dotum, sans-serif; line-height: 1.45; }
button{cursor: pointer; }
button, input, select, textarea{outline: none; }
button, img, iframe, input, select, textarea{border: 0; }
button, a{background-color: transparent; }
a{text-decoration: none; -webkit-text-decoration-skip: objects; }
a, input, button, select, textarea{color: inherit; }
textarea{resize: none; }
table{border-collapse: collapse; border-spacing: 0; }
h1{font-size: 2em; }
small{font-size: 80%; }
hr{border: 0; border-bottom: 1px dashed #aaa; }
button, input, select, option, textarea{font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, form, iframe{display: block; }
button, input, textarea, option, td, th, ul, ol, li{padding: 0; }
body, p, pre, h1, h2, h3, h4, h5, h6, form, ul, ol, li, input[type="radio"], input[type="checkbox"], textarea{margin: 0; }
ul, li{list-style: none; }
/*input::-ms-clear {display: none; }*/
select::-ms-value {background: none; color: inherit; }
select::-ms-expand {display: none; }
/*input, select, button{appearance: none; -moz-appearance: none; -webkit-appearance: none; }*/
input{border-radius: 0; }
button{overflow: visible; }

/**
 * animate
*/
@-webkit-keyframes pulse {

    from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    50% {-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
    to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes pulse {
    from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    50% {-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
    to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite {-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge {-webkit-animation-duration: 2s; animation-duration: 2s; }
.pulse {-webkit-animation-name: pulse; animation-name: pulse; }

/**
 * import
 */

.clear-b:after{content: ""; display: block; clear: both; }
.hidden{display: none; }
.d-b{display: none; }
.w100{width: 100%; }
.ws-n{white-space: nowrap; }
.wb-ba{word-break: break-all; }
.bs-bb{-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
/**
* elements
*/
.el-select2{position: relative; display: inline-block; vertical-align: middle; width: 48%; min-width: 100px; height: 40px; line-height: 40px; border: 1px solid #ccc; background-color: #fff; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.el-select2 > select{width: 100%; height: 100%; padding: 0 10px; border: 0; outline: 0; background-color: transparent; }
.el-select2:after{content: ""; position: absolute; display: inline-block; top: 0; right: 0; width: 40px; height: 38px; background: url(../img/ico_arrow_search.png) no-repeat center; background-color: inherit; pointer-events: none; }
.el-select-gl{position: relative; display: inline-block; vertical-align: middle; width: 100%; min-width: 250px; height: 40px; line-height: 40px; border: 1px solid #ccc; background-color: #fff; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.el-select-gl > select{width: 100%; height: 100%; padding: 0 10px; border: 0; outline: 0; background-color: transparent; }
.el-select-gl:after{content: ""; position: absolute; display: inline-block; top: 0; right: 0; width: 40px; height: 38px; background: url(../img/ico_arrow_search.png) no-repeat center; background-color: inherit; pointer-events: none; }
.el-select{position: relative; display: inline-block; vertical-align: middle; width: 100%; min-width: 100px; height: 40px; line-height: 40px; border: 1px solid #ccc; background-color: #fff; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.el-select > select{width: 100%; height: 100%; padding: 0 10px; border: 0; outline: 0; background-color: transparent; }
.el-select:after{content: ""; position: absolute; display: inline-block; top: 0; right: 0; width: 40px; height: 38px; background: url(../img/ico_arrow_search.png) no-repeat center; background-color: inherit; pointer-events: none; }



.el-input{display: block; width: 100%; min-width: 40px; height: 40px; border: 1px solid #ccc; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }
.el-input > input{line-height: 40px; width: 100%; height: 100%; padding: 0 10px; }
.el-input > input{line-height: 40px; width: 100%; height: 100%; padding: 0 10px;}
.el-input > input[disabled],
.el-input > input[readonly] {background-color: #f7f7f7; }

@media screen and (max-width: 800px){
.el-input > input{padding: 0 5px; font-size: 13px;}
}



.el-radio
     {position: relative; display: inline-block; vertical-align: middle; cursor: pointer; 
     height: 40px; line-height: 40px; margin-left: 10px; white-space: nowrap; }

.el-radio:last-child{margin-right: 10px; }

.el-radio > input{position: absolute; width: 0; height: 0; opacity: 0;}

.el-radio > i {display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; 
	width: 23px; height: 23px; font-size: 16px; margin-right: 5px; 
        border: 4px solid #ccc; background-color: #fff; box-sizing: border-box; }

/* 체크 표시 (기본 숨김) */
.el-radio > i::after {content: "✔"; font-size: 26px; color: #C00; font-weight: 600; display: none; line-height: 1;}

/* 선택 시: 보더 강조 */
.el-radio > input:checked + i {border-color: #ccc;}

/* 선택 시: ✔ 표시 */
.el-radio > input:checked + i::after {display: block;}


.el-checkbox {position: relative; display: inline-block; vertical-align: middle; height: 40px; line-height: 40px; margin-left: 10px; cursor: pointer; }
.el-checkbox:last-child{margin-right: 10px; }
.el-checkbox > input{position: absolute; width: 0; }
.el-checkbox > input:checked + i {position: absolute; top: 8px; left: 3px; width: 20px; height: 10px; border: 4px solid #000; border-top: 0; border-right: 0; transform : rotate(-45deg); }
.el-checkbox:before{content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: 5px; border: 4px solid #ccc; background-color: #fff; }

.el-btn{display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; background-color: #666; color: #fff; letter-spacing: -1px; }
.el-btns{margin-top: 20px; text-align: center; }
.el-btns > a,
.el-btns > button{transition-property : background-color, color, border-color ; transition-duration : .3s; transition-timing-function : ease; display: inline-block; vertical-align: middle; background-color: #7c509d; width:200px; padding: 0 10px; color: #fff; height: 70px; line-height: 68px; border: 2px solid transparent; }
.el-btns > a:hover,
.el-btns > button:hover{background-color: #fff; color: #7c509d; border-color: #7c509d; }
.el-btns > .active{background-color: #666; }
.el-btns > .active:hover{border-color: #666; color: #666; }
.el-btns > .active2{background-color: #fff; color: #333; border-color: #333; }
.el-btns > .active2:hover{background-color: #333; color: #fff; border-color: #333; }
.el-btns-wide > a,
.el-btns-wide > button{min-width: 200px;}
.el-file{position: relative; display: inline-block; vertical-align: middle; width: 100%; height: 40px; line-height:  40px; border: 1px solid #ccc; background-color: #f7f7f7; }
.el-file:after{content: "찾기"; position: absolute; top: 0; right: 0; width: 90px; background-color: #666; color: #fff; text-align: center; outline: 1px solid #666; pointer-events: none; }
.el-file > span{display: block; margin-left: 10px; white-space: nowrap; overflow: hidden; }
.el-file > input{position: absolute; opacity: 0; }
/**/
.form_down table {width:100%; margin-bottom:50px; text-align:center;}
.form{max-width: 600px; margin: 0 auto; }
.form > table{width: 100%; border-collapse: separate; border-spacing: 0 5px; }
.form > table th{padding: 13px 10px; vertical-align: top; white-space: nowrap; text-align: left; letter-spacing:0px; font-weight: 400; }
.form > table th p{font-size: 12px; font-weight: 300;}
.form .tb-active{font-weight: 700; color: #7c509d; }
.form .tb-blank:after{content: ""; position: relative; display: block; height: 1px; margin: 3px 0; background-color: #ccc; }
.form .tb-order{margin: 30px 0 20px; padding: 8px 0; background-color: #eee; border: 1px solid #ccc; text-align: center; font-weight: 700; }
.form .tb-order2{position: relative; margin: 0px -21px 20px; padding: 0 15px; height: 45px; line-height: 45px; background-color: #fff; border: 1px solid #ccc; font-weight: 700; }
.form .tb-order2 > label{position: absolute; top: 0; right: 5px; }
.form-list{font-size: 16px; }
.form-list > table{border-spacing: 0 !important;}

.textbox{max-width: 640px; margin: 0 auto; border: 1px solid #ccc; text-align: left; }
.textbox.active{border: 3px solid #0066cc; }
.textbox.active2{border: 3px solid #333; }
.textbox > h2{font-size: 18px; padding: 10px 10px; background-color: #f4f4f4; border-bottom: 1px solid #ccc; }
.textbox > h2 > label{font-size: 16px; }
.textbox > .bt{border-top: 1px solid #ccc; }
.textbox-info,
.textbox-table{padding: 20px 30px; font-size: 16px; }
.textbox-table th{padding: 5px 10px; vertical-align: top; }
.textbox-table td{padding: 5px 20px; color: #0066cc; }
.textbox-table tb-order2{position: relative; margin: -31px -21px 20px; padding: 0 15px; height: 45px; line-height: 45px; background-color: #fff; border: 1px solid #ccc; font-weight: 700; }
.textbox-table tb-order2 > label{position: absolute; top: 0; right: 5px; }
.textbox-table tb-blank:after{content: ""; position: relative; display: block; height: 1px; margin: 3px 0; background-color: #ccc; }
.textbox. tb-blank:after{content: ""; position: relative; display: block; height: 1px; margin: 3px 0; background-color: #ccc; }
.textbox. tb-order2{position: relative; margin: -31px -21px 20px; padding: 0 15px; height: 45px; line-height: 45px; background-color: #fff; border: 1px solid #ccc; font-weight: 700; }
.textbox. tb-order2 > label{position: absolute; top: 0; right: 5px; }
.textbox-info > .active{color: #ff0100; }
.textbox-info > .active2{color: #0066cf; }
.textbox-info > .active3{color: #43a9ab; }
.textbox-info > small{color: #999; }
.textbox-info-line{border-top: 1px solid #ccc; }

/* social */
.social{text-align: right; }
.social > a{display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-left: 7px; background-position: center; background-repeat: no-repeat; }
.social-facebook{background-image: url(../img/ico_facebook.png); }
.social-twitter{background-image: url(../img/ico_twitter.png); }
.social-kakao{background-image: url(../img/ico_kakao.png); }
.social-band{background-image: url(../img/ico_band.png); }

/* qna */
.qna{border-bottom: 1px solid #ccc; }/*border-top: 1px solid #ccc; */
.qna > button{float: right; margin: 10px 0; padding: 0 15px; height: 40px; line-height: 40px; font-size: 15px; color: #7c509d; }
.qna > button:after{content:"모두보기"; }
.qna > .active:after{content:"모두닫기"; }
.qna-box > button{transition-property: background-color, color, border-color ; transition-duration: .3s; transition-timing-function: ease; position: relative; display: block; width: 100%; padding: 20px 55px; font-size: 17px; text-align: left; border-top: 1px solid #ccc; }
.qna-box > button > span{position: absolute; top: 50% ; left: 15px; width: 25px; height: 25px; line-height: 25px; margin-top: -12.5px; border-radius: 100%; background-color: #7c509d; color: #fff; text-align: center; font-size: 14px; }
.qna-box > button:after{content:"내용보기"; position: absolute; top: 50%; right: 15px; margin-top: -10px; font-weight: 400; font-size: 15px; color: #7c509d; }
.qna-box > div{display: none; padding: 25px 15px; font-size: 15px; line-height: 180%; font-weight: 300; color: #000; }
.qna-box > .active{background-color: #fff; color: #000; font-size: 18px; font-weight: 400; border-bottom: 2px solid #000; border-top: 2px solid #000;  }
.qna-box > .active > span{background-color: #7c509d; color: #fff; }/*제목 옆 번호*/
.qna-box > .active:after{content: "내용닫기"; }

.title_subject{font-size:24px; line-height:140%; font-weight: 400; margin-bottom: 20px; height: 32px; 
	           background-image:url(/dorun/new_images/h2_title.gif); background-repeat:no-repeat; padding-left: 40px;}

/* 테이블 표 스타일 table1
    .table1{width: 100%; border-top: 2px solid #000; }
    .table1 tr{transition: background-color .3s ease; border-bottom: 1px solid #ccc; }
    .table1 tr:hover{background-color: #f9f9f9; }
    .table1 thead{background-color: #f9f9f9; }
    .table1 thead th{padding: 15px 10px; font-size: 16px; color:#666 }
    .table1 tbody td{padding: 15px 10px; font-size: 16px; }
    .table1 tbody td.new:after{content: ""; display: inline-block; vertical-align: middle; margin-left: 5px; width: 18px; height: 18px; background: url(../img/ico_new.png) no-repeat center; }
    .table1 .file{display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../img/ico_attach_file.png) no-repeat center; background-size: 18px; }
    .table1 .table1-small{white-space: nowrap; }
	 */
	.pstyle_gr {width:100%;}
	.pstyle_gr .table1-small{white-space: nowrap; overflow: scroll;}
    .pstyle_gr tr:hover{background-color: #f9f9f9; }
	.pstyle_gr th {background-color:#7c509d; color:#fff; text-align:center; 
		           padding:20px 0px;font-size:18px; font-weight:300;}
	.pstyle_gr td {border:1px solid #ccc; color:#000; text-align:center; font-size:16px; line-height:140%; padding:20px 0px; font-weight:300;}
	.pstyle_gr .leftth {background-color:#f4f7ee; border-right:1px solid #ccc;}
	.pstyle_gr .leftth2 {font-size:18px; }
	.pstyle_gr .grdot {background-image:url(/dorun/new_images/pstyle_greendot.jpg); background-repeat:repeat;}
	.pstyle_gr .pidot {background-image:url(/dorun/new_images/pstyle_pinkdot.jpg); background-repeat:repeat;}
	.pstyle_gr .bldot {background-image:url(/dorun/new_images/pstyle_bluedot.jpg); background-repeat:repeat;}
	.pstyle_gr .vidot {background-image:url(/dorun/new_images/pstyle_vidot.gif); background-repeat:repeat;}
	.pstyle_gr .yedot {background-image:url(/dorun/new_images/pstyle_yellowdot.gif); background-repeat:repeat;}
	.pstyle_gr .grline {border-right:1px solid #00b04e;}
	.pstyle_gr .grlineb {border-bottom:1px solid #00b04e;}
	.pstyle_gr .grlinet {border-top:1px solid #00b04e;}
	.pstyle_gr .graylinelr {border-right:1px solid #d8dad9; border-left:1px solid #d8dad9; }

	.pstyle_gray {width:100%;}
	.pstyle_gray th {background-color:#f8f8f8; color:#000; border-bottom:1px solid #dcdcdc; text-align:center; padding:20px 0px;font-size:18px; font-weight:600;}
	.pstyle_gray th span{font-size:14px;}
	.pstyle_gray td {border-bottom:1px solid #dcdcdc; color:#666; text-align:left; font-size:18px; line-height:140%; padding:20px 20px; font-weight:500;}
	.pstyle_gray td span{font-size:14px;}
	.pstyle_gray .topline{border-top:2px solid #3c3c3a;}

@media screen and (max-width: 800px)
    {
	.table-scroll-wrap {width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */}
	.table-scroll-wrap table {min-width: 800px; /* 실제 컬럼 수에 맞게 조절 가능 */}

	.pstyle_gr th {padding:10px 5px;font-size:14px; }
	.pstyle_gr td {font-size:12px;padding:10px 5px;}
}


/*현금영수증 체크박스 스타일*/
.cash-receipt-wrap {display: flex; gap: 20px; padding: 10px 10px 10px 10px;}
.cash-receipt-wrap .point{color: #E40003; line-height: 23px;}

		/* label 전체 클릭 가능 */
		.check-radio {
			display: inline-flex; align-items: center; gap: 8px; cursor: pointer;
			font-size: 14px; line-height: 23px; font-weight: 500; color: #000;}

		/* 실제 radio 숨김 */
		.check-radio input[type="radio"] {display: none;}

		/* 체크 박스 */
		.custom-check {
			width: 23px; height: 23px; border: 4px solid #ccc; background-color: #fff;
			box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; }

		/* 체크 표시 */
		.custom-check::after { content: "✔"; font-size: 26px; font-weight: 600; color: #c00; display: none;}

		/* 선택된 상태 */
		.check-radio input[type="radio"]:checked + .custom-check::after {display: block;}

		/* 선택 시 텍스트 강조 (선택사항) */
		.check-radio input[type="radio"]:checked ~ .label-text {color: #000}
/**/
@media (max-width: 768px) {
	.cash-receipt-wrap {
		flex-direction: column;   /* 한 줄에 하나씩 */
		gap: 12px;               /* 모바일 간격 조정 */
	}

	.check-radio {
		width: 100%;             /* 터치 영역 확장 */
	}
}



.main{width: 100%; }
.main-banner .swiper-pagination{bottom: 40px !important; }
.main-banner .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px; border: 2px solid #fff; background-color: transparent; opacity: 1; }
.main-banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #fff; }

.main-banner .swiper-slide{background-color: #fff; overflow: hidden; height:500px !important;   background-size:cover;background-position:center center;}
.main-banner .swiper-slide > img{position: absolute; top: -5%; left: -5%; width: 110%; min-width: 1600px; opacity: 1; }
.main-banner-text{position: relative; z-index: 1;  color: #fff; text-shadow: 3px 3px 1px #000; padding-top:50px;}
.main-banner-text > h1{font-size: 60px; }
.main-banner-text > p{display: inline-block; padding: 0 0px 10px 0; font-size: 24px; border-bottom: 1px solid #ccc; }
@media screen and (max-width: 1100px)
{
	.main-banner .swiper-slide .main-banner-text {padding:70px 30px 0;}
	.main-banner-text > h1{font-size: 40px; }
	.main-banner-text > p{font-size:20px;}
}

@media screen and (max-width: 799px)
{
    .main-banner .swiper-pagination{display: none; }
    .main-banner .swiper-slide{background-color: #000; overflow: hidden; height:420px !important;}
    .main-banner .swiper-slide > img{position: absolute; top: -10%; left: -160%; width: 320%; opacity: 0.7; }
    .main-banner-text{position: relative; z-index: 1; padding: 60px 15px; color: #fff; text-shadow: 3px 3px 1px #000; text-align: center; letter-spacing: -1.5px; }
    .main-banner-text > h1{font-size: 32px; }
    .main-banner-text > p{display: inline-block; padding: 0 0 10px 0; font-size: 18px; border-bottom: 1px solid #ccc; }
}


@media screen and (min-width: 800px)

{
    /**
     * mobile version hidden
     */

    .nav-btn,
    .nav-m-link{display: none; }
    /**
     * desktop import
     */

    .container{max-width: 1100px; margin: 0 auto; }
    .container-tb{padding-top: 30px; padding-bottom: 30px; }
    .blank{height: 30px; }
    /**
     * common
     */
     /* title */
    .title{position: relative; padding: 0px 0; text-align: center; overflow: hidden;background: #fff; border-bottom: 1px solid #e2e2e2; display: flex;align-items: center;justify-content: center;flex-direction: column;gap:24px;height: 100px;}
	/*color: #000; */
    .title:before{ content: "";position: absolute;width: 100%;height: 20px;left:0%;bottom:0;}
	               /*background: url(/dorun/new_images/wave_bg.png) center 0 repeat-x;*/
	
    .title > .container{position: relative; }
    .title-position{margin-top: 10px; }
    .title-position:before{content: ""; display: inline-block; vertical-align: middle; width: 17px; height: 15px; background: url(../img/ico_home2.png) no-repeat center; }
    .title-position > i{display: inline-block; vertical-align: middle; width: 10px; height: 15px; margin: 0 5px; background: url(../img/ico_arrow_pr.png) no-repeat center; }
    /* form */
    .form{padding: 30px 20px; border: 1px solid #ccc; background-color: #f4f4f4; }
    .form .tb-order{margin-left: -21px; margin-right: -21px; background-color: #fff; width: 640px; }
    .form-support{position: relative; height: 60px; line-height: 60px; margin: -30px -21px -35px; background-color: #fff; /*margin: 0 auto;width: 640px;*/ }
    .form-support-rbox{position: absolute; top: 0; right: 0; }
    .form-support > button{position: absolute; top: 50%; right: 0; width: 70px; margin-top: -20px; }
	.form-support .el-select{position: relative; display: inline-block; vertical-align: middle; width: 100%; min-width: 100px; height: 40px; line-height: 40px; border: 1px solid #ccc; background-color: #fff; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
	.form-support .el-select > select{width: 100%; height: 100%; padding: 0 10px; border: 0; outline: 0; background-color: transparent; }
	.form-support .el-select:after{content: ""; position: absolute; display: inline-block; top: 0; right: 0; width: 40px; height: 38px; background: url(../img/ico_arrow_search.png) no-repeat center; background-color: inherit; pointer-events: none; }
    .form-title{padding: 0 0 10px; max-width: 640px; margin: 0 auto; text-align: center; border-bottom: 3px solid #000; }
    /* btn group */
	.btngroup-btns{/*font-family: GmarketSans;*/}
    .btngroup-btns > a,
    .btngroup-btns > button{float: left; width: 25%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; font-weight: 500; border: 1px solid #e2e2e2; border-left-width: 0; background-color: #f6f6f6; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
    .btngroup-btns > a:first-child,
    .btngroup-btns > button:first-child{border-left-width: 1px; }
    .btngroup-btns > .active{position: relative; background-color: #7c509d; border-color: #7c509d; color: #fff; }
    .btngroup-btns > .active:after{content: ""; position: absolute; bottom: -8px; left: 50%; margin-left: -4px; border-style: solid; border-color: #7c509d transparent; border-width: 8px 8px 0; }
    .btngroup-btns-1 > a,
    .btngroup-btns-1 > button{width: 100% !important; }
    .btngroup-btns-2 > a,
    .btngroup-btns-2 > button{width: 50% !important; }
    .btngroup-btns-3 > a,
    .btngroup-btns-3 > button{width: 33.3333% !important; }
    .btngroup-btns-5 > a,
    .btngroup-btns-5 > button{width: 20% !important; }
    .btngroup-btns-6 > a,
    .btngroup-btns-6 > button{width: 16.6666% !important; }
    .btngroup-btns-7 > a,
    .btngroup-btns-7 > button{width: 14.28% !important; }
    .btngroup-mbtn{display: none; }
    /* sub title*/
	.titlemain{font-size: 44px;font-weight: 600;text-align: center;margin-bottom: 20px;padding: 20px 0;/*font-family: GmarketSans;*/}
	.titlemain p{display: none;}
    .titlesub{text-align: center; /*font-family: GmarketSans;*/}
    .titlesub > h1{font-size: 38px; }
    .titlesub > p{font-size: 16px; color: #999; }
    /* position */
    .position{position: relative; width: 700px; height: 75px; margin: 0 auto; }
    .position > .active{color: #0066cc; }
    .position > .active > span{border: 5px solid #276096; background-color: #0066cc; color: #fff; }
    .position-box{position: absolute; left: 0; top: 0; width: 200px; color: #aaa; text-align: center; font-size: 17px; }
    .position-box > span{display: block; width: 36px; height: 36px; line-height: 36px; margin: 0 auto 5px; border: 5px solid #ccc; background-color: #fff; border-radius: 100%; font-size: 14px; font-weight: 500; }
    .position-box-2{left: 50% !important; margin-left: -100px; }
    .position-box-3{left: auto !important; right: 0; }

    .position-bar1,
    .position-bar2{position: absolute; z-index: -1; top: 20px; right: 100px; width: 230px; border: 3px solid #ccc; }
    .position-bar1{left: 100px; right: auto; }

    .position-bar1.active,
    .position-bar2.active{border-color: #0066cc; }

    /* info box 1 */
    .infobox{padding: 15px; background: url(../img/bg_pattern2.png); }
    .infobox-sm{max-width: 610px; margin: 0 auto; }
	
    .infobox-con{padding: 20px; background-color: #fff; }
    .infobox-con > h2{font-weight: 400; padding-top: 15px; }
    .infobox-con > h3{font-weight: 400; color: #7c509d; }
	.infobox-con > p{line-height: 1.7; padding-bottom: 15px; font-weight: 300; }
	
    .infobox-completion{padding: 70px 40px; background-color: #fff; }
    .infobox-completion > img{float: left; }
    .infobox-completion-text{margin-left: 200px; }
    .infobox-completion-text > h2{margin: 20px 0 5px; }
    .infobox-completion-text > p{font-size: 19px; font-weight: 400; }
    .infobox-completion-text-bg{width: 304px; height: 56px; background: url(../img/completion_text.png) no-repeat center; }
    /* long box */
    .longbox{border: 1px solid #ccc; }
    .longbox > h2{font-size: 18px; font-weight: 400; padding: 20px; background-color: #e3dde8; }
    .longbox-con{font-weight: 300; line-height: 160%; height: 150px; padding: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow-y: scroll; }
    .longbox-checkbox{position: relative; min-height: 55px; padding: 20px 20px 10px 50px; background-color: #f4f4f4; font-size: 13px; font-weight: 400; }
    .longbox-checkbox > .el-checkbox{position: absolute; z-index: 1; top: 13px; left: 5px; } 
    .longbox-wrap > div{float: left; width: 100%; }
    .longbox-wrap > div:first-child{border-bottom: 0; }

    
	
    /* searchform */
    .searchform{position: relative; text-align:center }
    .searchform-total{height: 40px; line-height: 40px; }
    .searchform-box1{position: absolute; top: 0; right: 290px; }
    .searchform-box1 > label{width: 150px; }
    .searchform-box2{position: absolute; top: 0; right: 0; }
    .searchform-box2 > button{float: left; width: 80px; }

    .searchform-box2 > label{float: left; width: 200px; }

    /* pagination */

    .pagination{text-align: center; }

    .pagination > div{display: inline-block; vertical-align: middle;}

    .pagination > div > a{transition-property: background-color, border-color, color ; transition-duration: .3s; transition-timing-function: ease; float: left; width: 40px; height: 40px; line-height: 40px; margin: 0 3px; border: 1px solid #ccc; font-size: 16px; }

    .pagination > div > a.active,

    .pagination > div > a:hover{border-color: #636363; background-color: #636363; color: #fff; }

    .pagination .prev{background: url(../img/ico_arrow_pl2.png) no-repeat center; }

    .pagination .prev2{background: url(../img/ico_arrow_pl1.png) no-repeat center; }

    .pagination .next{background: url(../img/ico_arrow_pr2.png) no-repeat center; }

    .pagination .next2{background: url(../img/ico_arrow_pr1.png) no-repeat center; }

    .pagination .prev:hover,

    .pagination .prev2:hover,

    .pagination .next:hover,

    .pagination .next2:hover{background-color: transparent; border-color: #000; }

    /* photo */

    .photo{width: 100%; overflow: hidden; border-top: 2px solid #000; padding-top: 20px; }

    .photo > ul {padding: 0; margin: 0; margin-left: -15px; }

    .photo > ul > li {float: left; width: 20%; padding-left: 15px; padding-bottom: 15px; }

    .photo-box{position: relative; display: block; height: 280px; background-color: #f4f4f4; overflow: hidden; cursor: pointer; }

    .photo-box > img{transition: transform .3s ease; position: absolute; top: 0; left: -30%; width: 160%; }

    .photo-box:hover > img{transform : scale(1.2, 1.2); }

    /* view */

    .view-title{width: 100%; border-top: 2px solid #000; border-bottom: 1px solid #ccc; background-color: #f4f4f4; font-size: 18px; font-weight: 500; padding: 15px; }

    .view-title-info{border-bottom: 1px solid #ccc; }

    .view-title-info > div{float: left; width: 25%; padding: 15px; font-size: 15px; white-space: nowrap; }

    .view-title-info > div > strong{display: inline-block; vertical-align: baseline; width: 80px; margin-right: 10px; border-right: 1px solid #ccc; }

    .view-file{width: 100% !important; }

    .view-file > a {display: inline-block; vertical-align: baseline; text-decoration: underline; }

    .view-file > a:before{content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 5px; background: url(../img/ico_attach_file.png) no-repeat center; background-size: 18px; }

    .view-con{min-height: 150px; padding: 40px 15px; }

    .view-btn{padding: 20px 0; border-top: 1px solid #ccc; }

    .view-btn > button{float: right; display: inline-block; padding: 0 30px; height: 40px; line-height: 40px; border: 1px solid #aaa; font-size: 15px; }

    .view-link{border-top: 1px solid #333; border-bottom: 1px solid #333; }

    .view-link > div {padding: 15px; }

    .view-link > div:first-child {border-bottom: 1px solid #ccc; }

    .view-link > div:first-child > span:after{background-image: url(../img/ico_arrow_v.png) ; }

    .view-link > div > span {display: inline-block; vertical-align: middle; width: 90px; }

    .view-link > div > span:after {content: ""; display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-left: 5px; background: url(../img/ico_arrow_v2.png) no-repeat center; }

    /* wirte */

    .write{border-top: 2px solid #000; width: 100%; }

    .write-title{position: relative; padding: 10px 10px 10px 70px; background-color: #f4f4f4; border-bottom: 1px solid #ccc; }

    .write-title > span{position: absolute; top: 50%; left: 20px; margin-top: -10px; }

    .write-title > label{width: 100%; }

    .write-info{border-bottom: 1px solid #ccc; }

    .write-info > div{float: left; position: relative; width: 25%; padding: 10px 10px 10px 70px; }

    .write-info > div > span{position: absolute; top: 50%; left: 20px; margin-top: -10px; }

    .write-info-file{width: 100% !important; }

    .write-info-file > .el-file{max-width: 500px; }

    /**

     * header

     */

    .header{height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; text-align: right; }

    .header-home,

    .header-mail{font-size: 12px; margin-right: 10px; color: #999; }

    .header-home:before,

    .header-mail:before{content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: 3px; background: url(../img/ico_home.png) no-repeat center 2px; }

    .header-mail:before{background: url(../img/ico_msg.png) no-repeat center; }

    .header-inquiry{display: inline-block; width: 162px; line-height: 40px; background-color: #99cc33; color: #fff; text-align: center; }

    .header-inquiry:before{content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 17px; margin-right: 5px;  color: #fff; background: url(../img/ico_inquiry.png) no-repeat center; }

    /**

     * footer

     */

    .footer{background-color: #f7f7f7; width: 100%; padding-bottom: 100px; }

    .footer-link{position: relative; height: 75px; line-height: 75px; font-size: 15px; font-weight: 500; color: #666; }

    .footer-link > a{display: inline-block; margin-right: 10px; }

    .footer-link > .el-select{position:  absolute; top: 50%; right: 0; width: 240px; margin-top: -20px; background-color: #f7f7f7; }

    .footer-link > .el-select > select{font-weight: 700;}

    .footer-info{line-height: 1.7; padding-top: 30px; border-top: 1px solid #ccc; color: #5b5b5b; }

    .footer-info > em{margin: 0 7px; }

    .footer-copyright{margin-top: 15px; font-size: 11px; }

    .footer-copyright > span{display: inline-block; vertical-align: middle; margin-top: 10px; padding: 2px 7px; background-color: #ccc; }

    .footer-copyright > span > strong{font-size: 11px; }
    /**

     * nav
     */
    .nav{position: relative; z-index: 20;/*font-family: GmarketSans;*/}
    .nav-wrap{transition-property : height, background-color, color; transition-duration : .3s; transition-timing-function : ease; height: 100px; position: fixed;width: 100%;}
    .nav-wrap > .container{position: relative; height: 100%; text-align: right; max-width: none;padding-right: 80px;}
    .nav-logo{position: absolute; left: 55px; top: 50%; transform:translatey(-50%); width: 200px; height: 70px; background: url(../new_images/logo.png) no-repeat left;  background-size: auto 100%;}
    .nav-main{position: relative; display: inline-block; vertical-align: middle; text-align: center; color:#000;}
 .nav-main > button{transition-property : height, line-height, color; transition-duration : .3s; transition-timing-function : ease; position: relative; height: 100px; font-weight: 300; font-size: 20px; line-height:100%; letter-spacing: 0px; /*font-family: GmarketSans;*/}
 .nav-main > button P {font-size: 14px; }

	.nav-main > button{color: #000;}
	.nav-main > button:after{transition-property : left, width ; transition-duration : .3s; transition-timing-function : ease-out; content: ""; position: absolute; left: 50%; top:50%; height: 15px; width: 0; color: #ff9900; border-radius:0px; transform:translatey(-2px);}/*background-color: #ff9900; */
	.nav-main > button:hover,
    .nav-main > button.active{color: #ff9900;}/*대메뉴 오버컬러*/
    .nav-main > button.active:after,
    .nav-main > button:hover:after{left: 0; width: 100%;  }
	.nav-main > button>span{position: relative;z-index: 5;}
    .nav-main > button>span>p{display: none;}
    .nav-b1{width: 140px; }
    .nav-b2{width: 160px; }
    .nav-b3{width: 140px; }
    .nav-b4{width: 160px; }
    .nav-b5{width: 140px; }
    .nav-b6{width: 120px; }
    /* nav sub */

    .nav-sub{display: none; position: absolute; left: 0; right: 0; padding: 0 0 30px ;height: 250px;}
    .nav-sub > a {transition: color .3s ease-out; display: block; padding: 8px 0; letter-spacing: 0px; text-align: center; color: #fff; font-size: 15px; position: relative;}
    .nav-sub > a>span{position: relative;}
    .nav-sub > a>span>strong{position: relative;z-index: 5;font-weight: 300;}
    .nav-sub > a>span:after{transition-property : left, width ; transition-duration : .3s; transition-timing-function : ease-out; content: ""; position: absolute; left: 50%; top:50%; height: 9px; width: 0; background-color: #ff9900; border-radius:0px;transform:translatey(2px);}
    .nav-sub > a:hover>span:after{left: 0; width: 100%; }
    /* nav effect */

    .nav-shadow{display: none; position: absolute; top: 0px; left: 0; right: 0; background-color: rgba(106, 47, 151, 0.9); /* border-top: 1px solid rgba(255, 255, 255, 0.6);  */}
    .nav-wrap.nav-small{/* height: 70px; */ }
    .nav-wrap.nav-fixed{position: fixed; top: 0; left: 0; right: 0; background-color: rgba(106, 47, 151, 0.9);}/*background-color: #0066cb; */
    .nav-wrap.nav-fixed .nav-logo{background: url(../new_images/logo_w.png) no-repeat left;}
    .nav-wrap.nav-fixed .nav-main > button{color: #fff; }
    .nav-wrap.nav-fixed .nav-main > button.active,
    .nav-wrap.nav-fixed .nav-main > button:hover{color: #ff9900; }
    .nav-wrap.nav-small .nav-main > button{/* height: 70px;  */line-height: 100%; }
    .nav-wrap.nav-small > .nav-shadow{/* top: 70px;  */}
	/* .nav.active .nav-wrap{background-color: rgba(106, 47, 151, 0.9);} */
	.nav.active .nav-main > button{color:#fff}
	.nav.active .nav-main > button:hover, .nav.active .nav-main > button.active{color:#ff9900}
	
	.nav.active .nav-wrap.nav-fixed{background: none;}
	
    /**

     * main

     */

    /* block 1 left */
    .main-block1{margin: 30px 0; height: 91px; }
    .main-block1-left{float: left; width: 580px; height: 100%; line-height: 91px; background: url(../img/bg_pattern.png); font-size: 18px; font-weight: 500; text-align: center; }

    .main-block1-left-title{color: #666600; font-weight: 700; }

    .main-block1-left-time{margin-left: 15px; }
    .main-block1-left-time > strong{display: inline-block; vertical-align: bottom; font-size: 22px; }

    .main-block1-left-time > .active{color: #cc0000; font-weight: 700; }

    /* block 1 right */

    .main-block1-right{margin-left: 580px; line-height: 91px; text-align: center; }

    .main-block1-right > a{transition: background .3s ease; float: left; width: 33.3333%; color: #fff; font-size: 16px; }

    .main-block1-right > a:before{transition: transform .4s ease; content: ""; display: inline-block; vertical-align: sub; margin-right: 5px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; }

    .main-block1-right > a:hover:before{transform : rotate(40deg); }

    .main-block1-right-link1{background-color: #ff6600; }

    .main-block1-right-link2{background-color: #7c509d; }

    .main-block1-right-link3{background-color: #99cc33; }

    .main-block1-right-link1:hover{background-color: #b34700; }

    .main-block1-right-link2:hover{background-color: #5a2b7d; }

    .main-block1-right-link3:hover{background-color: #6b8f24; }

    .main-block1-right-link1:before{background-image: url(../img/ico_note1.png); }

    .main-block1-right-link2:before{background-image: url(../img/ico_note2.png); }

    .main-block1-right-link3:before{background-image: url(../img/ico_monitor.png); }

    /* block 2 left */

    .main-block2-left{float: left; width: 550px; }

    .main-block2-left > h2{margin-bottom: 10px; }

    .main-block2-left > div{border: 10px solid #ddd; height: 220px; padding: 40px 30px 0; font-size: 15px; line-height: 1.7; }

    .main-block2-left-list > a{float: left; width: 390px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .main-block2-left-list > span{display: block; color: #999; margin-left: 390px; letter-spacing: -0.5px; }

    /* block 2 right */

    .main-block2-right{margin-left: 580px; }

    .main-block2-right > h2{margin-bottom: 10px; }

    .main-block2-right > .swiper-container{height: 220px; overflow: hidden; }

    .main-block2-right > .swiper-container .swiper-slide > img{width: 100%; height: 100%; }

    .main-block2-right .swiper-button-next,

    .main-block2-right .swiper-button-prev{width: 42px; height: 43px; background-size: 42px; }

    .main-block2-right .swiper-button-prev{left: 0; background-image: url(../img/ico_arrow_l_banner.png); }

    .main-block2-right .swiper-button-next{right: 0; background-image: url(../img/ico_arrow_r_banner.png); }

    /* block 3 left */

    .main-block3{margin: 30px 0 50px; }

    .main-block3-left{float: left; width: 28%; }

    .main-block3-left > h2{margin-bottom: 10px; padding: 5px 0 5px 45px; background: url(../img/ico_bank.png) no-repeat center left; }

    .main-block3-left-text{padding-left: 45px; font-weight: 500; font-size: 17px; }

    .main-block3-left-text > strong{margin-left: 5px; color: #26a1a1; }

    .main-block3-left-text > span{margin-top: 10px; display: inline-block; color: #999; }

    /* block 3 center */

    .main-block3-center{float: left; width: 30%; }

    .main-block3-center > h2{margin-bottom: 10px; padding: 5px 0 5px 45px; background: url(../img/ico_call.png) no-repeat center left; }

    .main-block3-center-text{padding-left: 45px; font-weight: 500; font-size: 17px; }

    .main-block3-center-text > span{display: inline-block; vertical-align: top; margin-bottom: 5px; width: 75px; color: #999; }

    .main-block3-center-text > strong{display: inline-block; vertical-align: top; }

    .main-block3-center-text > .active{color: #cc3333; }

    .main-block3-center-text > .active2{margin-left: -4px; font-size: 12px; font-weight: 300; letter-spacing: -0.5px; }

    /* block 3 right */

    .main-block3-right{float: left; width: 42%; padding-left: 40px; text-align: center; }

    .main-block3-right > a{float: left; width: 33.3333%; height: 150px; padding-top: 30px; border: 1px solid #ddd; border-left-width: 0; font-size: 16px; font-weight: 500; }

    .main-block3-right > a:first-child{border-left-width: 1px; }

    .main-block3-right > a:before{transition: transform .4s ease; content: ""; display: block; margin: 0 auto 5px; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; }

    .main-block3-right-course:before{background-image: url(../img/ico_course.png); }

    .main-block3-right-note3:before{background-image: url(../img/ico_note3.png); }

    .main-block3-right-sound:before{background-image: url(../img/ico_sound.png); }

    .main-block3-right > a:hover:before{transform: rotate(360deg); }

    /* block 4 */

    .main-block4{padding: 30px 0; text-align: center; border-top: 1px solid #dadada; }

    .main-block4 > a{margin: 0 10px; }

 }

@media screen and (max-width: 799px)

{

    /**

     * desktop version hidden

     */

    .header,

    .nav-shadow{display: none; }

    /**

     * mobile import

     */

    body {}

    .container{width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }

    .container-tb{padding-top: 15px; padding-bottom: 15px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }

    .blank{height: 30px; }

    .m-hidden{display: none; }

    /**

     * common

     */


	.title{position: relative; padding:0 30px; color: #fff; text-align: center; height: 56px;overflow: hidden;background: #fff; border-bottom: 1px solid #e2e2e2; display: flex;align-items: center;justify-content: center;flex-direction: column;gap:24px;}
    .title:before{ content: "";position: absolute;width: 100%;height: 20px;left:0%;bottom:0;;}/*background: url(/dorun/new_images/wave_bg.png) center 0 repeat-x*/

/*     .title:before{ content: "";position: absolute;width: 100%;height: 200px;background: url(../images/visual_text.png) center 0 no-repeat;left:0;top:60%;transform:translatey(-50%);
    background-size: auto 100%;} */

    .title > .container{position: relative; }

    .title > .container > h1{font-size: 22px; }

    .title-position{margin-top: 10px; font-size: 12px; }

    .title-position:before{content: ""; display: inline-block; vertical-align: middle; width: 17px; height: 15px; background: url(../img/ico_home2.png) no-repeat center; }

    .title-position > i{display: inline-block; vertical-align: middle; width: 10px; height: 15px; margin: 0 5px; background: url(../img/ico_arrow_pr.png) no-repeat center; }

    /* form */
	.form > table th{padding: 13px 5px;}
    .form > table th p{font-size: 10px; font-weight: 300;}
    .form .tb-order2{margin: 20px 0; border: 1px solid #ccc; background-color: #f4f4f4; }

    .form-title{padding: 0 0 10px; max-width: 640px; margin: 0 auto 20px; border-bottom: 3px solid #000; }

    .form-support{position: relative; height: 50px; line-height: 50px; margin-top: -15px; margin-bottom: -30px; }
    .form-support-rbox{position: absolute; top: 0; right: 0; }
    .form-support > button{position: absolute; top: 50%; right: 0; width: 70px; margin-top: -20px; }

    /* btn group */

    .btngroup{margin: -15px -15px 0 -15px; position: relative; z-index: 1; display: block; height: 50px; /*font-family: GmarketSans;*/}

    .btngroup-btns{display: none; }

    .btngroup-btns > a{display: block; padding: 0 10px; height: 50px; line-height: 50px; border: 1px solid #ccc; background-color: #f9f9f9; border-top: 0; }

    .btngroup-mbtn{display: block; width: 100%; padding: 0 10px; height: 50px; line-height: 50px; color: #fff; text-align: left; background: #7c509d url(../img/ico_arrow_sb.png) no-repeat right 15px center; background-size: 20px; /*font-family: GmarketSans;*/}

    /* sub title*/

    .titlesub{text-align: center; }

	.titlemain{font-size: 32px;font-weight: 600;text-align: center;margin-bottom: 20px;padding: 20px 0;/*font-family: GmarketSans;*/}
	.titlemain p{display: none;}
    .titlesub > h1{font-size: 26px; /*font-family: GmarketSans;*/}


    .titlesub > p{color: #999; letter-spacing: -1px; }

    /* position */

    .position{position: relative; width: 280px; height: 60px; margin: 0 auto; overflow: hidden; }

    .position > .active{color: #0066cc; }

    .position > .active > span{border: 5px solid #276096; background-color: #0066cc; color: #fff; }

    .position-box{position: absolute; left: 0; top: 0; width: 80px; color: #aaa; font-size: 12px; text-align: center; }

    .position-box > span{display: block; width: 26px; height: 26px; line-height: 26px; margin: 0 auto 5px; border: 5px solid #ccc; background-color: #fff; border-radius: 100%; font-weight: 500; }

    .position-box-2{left: 50% !important; margin-left: -40px; }

    .position-box-3{left: auto !important; right: 0; }

    .position-bar1,

    .position-bar2{position: absolute; z-index: -1; top: 15px; right: 30px; width: 90px; border: 3px solid #ccc; }

    .position-bar1{left: 30px; right: auto; }

    .position-bar1.active,

    .position-bar2.active{border-color: #0066cc; }

    /* info box 1 */

    .infobox{padding: 15px; background: url(../img/bg_pattern2.png); }

    .infobox-con{padding: 20px 20px 5px; background-color: #fff; }

    .infobox-con > h2{margin-bottom: 10px; }

    .infobox-con > p{margin-bottom: 15px; line-height: 1.7; font-size: 12px; letter-spacing: -1px; }

    .infobox-completion{padding: 30px 10px; background-color: #fff; letter-spacing: -1px; text-align: center; }

    .infobox-completion > img{display: block; width: 100px; margin: 0 auto; }

    .infobox-completion-text > h2{font-size: 15px; margin: 20px 0 5px; }

    .infobox-completion-text > p{font-size: 14px; font-weight: 400; }

    .infobox-completion-text-bg{width: 200px; margin: 20px auto 0; height: 37px; background: url(../img/completion_text_m.png) no-repeat center; }

    /* long box */

    .longbox{border: 1px solid #ccc; }

    .longbox > h2{font-size: 16px; padding: 15px 20px; background-color: #f4f4f4; letter-spacing: -1px; }

    .longbox-con{height: 100px; padding: 15px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow-y: scroll; font-size: 13px; }

    .longbox-checkbox{position: relative; min-height: 30px; padding: 10px 20px 10px 50px; background-color: #f4f4f4; font-size: 12px; }

    .longbox-checkbox > .el-checkbox{position: absolute; z-index: 1; top: 3px; left: 5px; }

    .longbox-wrap > div:first-child{border-bottom: 0; }

    /* text box */

    .textbox > h2{font-size: 16px; }

    .textbox > h2 > label{font-size: 14px; }

    .textbox-info,

    .textbox-table{padding: 20px 15px; }

    .textbox-table th{padding: 5px 5px; }

    .textbox-table td{padding: 5px 10px;}

    .textbox-info{font-size: 14px; }

   
	
    /* searchform */

    .searchform{position: relative; }

    .searchform-total{padding-bottom: 10px; }

    .searchform-box2{margin-top: 3px; }

    .searchform-box2 > button{float: left; width: 29%; }

    .searchform-box2 > label{float: left; width: 71%; }

    /* pagination */

    .pagination{text-align: center; }

    .pagination > div{display: inline-block; vertical-align: middle;}

    .pagination > div > a{transition-property: background-color, border-color, color ; transition-duration: .3s; transition-timing-function: ease; float: left; width: 35px; height: 35px; line-height: 35px; margin: 0 2px 2px; border: 1px solid #ccc; font-size: 14px; }

    .pagination > div > a.active,

    .pagination > div > a:hover{border-color: #636363; background-color: #636363; color: #fff; }

    .pagination .prev{background: url(../img/ico_arrow_pl2.png) no-repeat center; }

    .pagination .prev2{background: url(../img/ico_arrow_pl1.png) no-repeat center; }

    .pagination .next{background: url(../img/ico_arrow_pr2.png) no-repeat center; }

    .pagination .next2{background: url(../img/ico_arrow_pr1.png) no-repeat center; }

    .pagination .prev:hover,

    .pagination .prev2:hover,

    .pagination .next:hover,

    .pagination .next2:hover{background-color: transparent; border-color: #000; }

    /* photo */

    .photo{width: 100%; overflow: hidden; border-top: 2px solid #000; padding-top: 20px; }

    .photo > ul > li {padding-bottom: 15px; }

    .photo-box{position: relative; display: block; height: 250px; background-color: #f4f4f4; overflow: hidden; cursor: pointer; }

    .photo-box > img{transition: transform .3s ease; position: absolute; top: 0; left: -15%; width: 130%; }

    .photo-box:hover > img{transform : scale(1.2, 1.2); }

    /* view */

    .view-title{width: 100%; border-top: 2px solid #000; border-bottom: 1px solid #ccc; background-color: #f4f4f4; font-size: 16px; font-weight: 500; padding: 15px; }

    .view-title-info{border-bottom: 1px solid #ccc; }

    .view-title-info > div{padding: 10px 15px; border-top: 1px solid #ccc; font-size: 13px; white-space: nowrap; }

    .view-title-info > div:first-child{border-top: 0; }

    .view-title-info > div > strong{display: inline-block; vertical-align: baseline; width: 60px; margin-right: 10px; border-right: 1px solid #ccc; }

    .view-con{min-height: 100px; padding: 30px 15px; }

    .view-btn{padding: 15px 0; border-top: 1px solid #ccc; }

    .view-btn > button{float: right; display: inline-block; padding: 0 30px; height: 40px; line-height: 40px; border: 1px solid #aaa; font-size: 15px; }

    .view-link{border-top: 1px solid #333; border-bottom: 1px solid #333; }

    .view-link > div {position: relative; padding: 13px; }

    .view-link > div:first-child {border-bottom: 1px solid #ccc; }

    .view-link > div:first-child > span:after{background-image: url(../img/ico_arrow_v.png) ; }

    .view-link > div > span {position: absolute; top: 50%; left: 15px; margin-top: -10px; }

    .view-link > div > span:after {content: ""; display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-left: 5px; background: url(../img/ico_arrow_v2.png) no-repeat center; }

    .view-link > div > a{display: block; padding-left: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    /* qna */

    .qna > button{font-size: 14px;}

    .qna-box > button{padding: 15px 55px; font-size: 15px; letter-spacing: -1px;}

    .qna-box > button > span{font-size: 14px; }

    .qna-box > button:after{font-size: 14px; }

    .qna-box > div{font-size: 13px; }

    /* wirte */

    .write{border-top: 2px solid #000; width: 100%; }

    .write-title{position: relative; padding: 10px 10px 10px 70px; background-color: #f4f4f4; border-bottom: 1px solid #ccc; }

    .write-title > span{position: absolute; top: 50%; left: 20px; margin-top: -10px; }

    .write-title > label{width: 100%; }

    .write-info > div{position: relative; padding: 10px 10px 10px 70px; border-bottom: 1px solid #ccc; }

    .write-info > div > span{position: absolute; top: 50%; left: 20px; margin-top: -10px; }

    .write-info-file{width: 100% !important; }

    /**

     * nav

     */

    .nav{position: fixed; z-index: 200; top: 0; left: 0; right: 0; }

    .nav-wrap > .container{transition: background-color .3s ease; position: absolute; height: 56px; /* background-color: #fff;  background-color: #0066cb; */}

    .nav-logo{position: absolute; top: 32%; left:0px; margin-top: -11px; width: 310px; height: 42px; background: url(../new_images/logo.png) no-repeat  30px center; background-size: auto 100%; }

    .nav-btn{position: absolute; top: 50%; right: 15px; width: 36px; height: 36px; margin-top: -18px; background: #7c509d url(../img/ico_menu.png) no-repeat center; background-size: 20px; }

    .nav-m{display: none; position: absolute; z-index: -1; top: 0; left: 0; right: 0; max-height: 100vh; padding: 56px 0 0; background-color: #fff; overflow-y: auto; box-sizing: border-box; }

    .nav-main > button{position: relative; display: block; width: 100%; height: 51px; padding: 0 20px; text-align: left; font-size: 16px; line-height:100%; font-weight: 500; border-bottom: 1px solid #ccc; }
    .nav-main > button p {font-size: 12px;display: none;}
    .nav-main > button:after{transition: transform .3s ease; content: ""; position: absolute; top: 50%; right: 15px; width: 36px; height: 36px; margin-top: -18px; background: url(../img/ico_menu_arrow.png) no-repeat center; background-size: 20px; }

    /*.nav-main > button.active{background-color: #99CC01; color: #fff; }*/

    .nav-main > button.active:after{transform : rotate(180deg); }

    .nav-sub{display: none; }

    .nav-sub > a{display: block; height: 51px; line-height: 51px; padding: 0 20px 0 40px; background-color: #fff; border: 1px solid #ccc; border-top: 0; }

    .nav-m-link{padding: 15px; border-bottom: 1px solid #ccc; text-align: center; }

    .nav-m-link > a{float: left; width: 50%; height: 45px; line-height: 45px; color: #fff; background-color: #7c509d; font-size: 15px; font-weight: 400; }

    .nav-m-link > button{width: 50%; height: 45px; line-height: 45px; color: #fff; background-color: #666; font-size: 15px; font-weight: 400; }

    /* nav effect */

    .nav-wrap.nav-fixed > .container{background-color: #fff; border-bottom: 1px solid #e2e2e2; }

    .nav-wrap.nav-fixed .nav-logo{ }

    /**

     * footer

     */

    .footer{position: relative; padding-bottom: 70px; background-color: #f7f7f7; }

    .footer-link{height: 50px; line-height: 50px; font-weight: 500; color: #666; }

    .footer-link > a{display: inline-block; margin-right: 10px; }

    .footer-link > .el-select{position: absolute; bottom: 15px; left: 15px; right: 15px; width: auto; background-color: #f7f7f7; }

    .footer-link > .el-select > select{font-weight: 700;}

    .footer-link > .el-select:after{transform : rotate(180deg); }

    .footer-info{line-height: 1.7; padding-top: 15px; border-top: 1px solid #ccc; color: #5b5b5b; font-size: 13px; letter-spacing: -1px; }

    .footer-info > em{margin: 0 5px; }

    .footer-info-email{display: block; }

    .footer-copyright{margin-top: 15px; font-size: 12px; }

    .footer-copyright > span{display: inline-block; vertical-align: middle; margin-top: 10px; padding: 2px 7px; background-color: #ccc; }

    .footer-copyright > span > strong{font-size: 15px; }

    /**

     * main

     */

    .main{width: 100%; }


    /* block 1 left */

    .main-block1{margin: 15px 0; }

    .main-block1-left{display: block; padding: 15px 10px; font-size: 16px; font-weight: 500; text-align: center; background: url(../img/bg_pattern.png); letter-spacing: -1px; }

    .main-block1-left-title{color: #666600; font-weight: 700; }

    .main-block1-left-time{display: block; }

    .main-block1-left-time > strong{display: inline-block; vertical-align: bottom; font-size: 20px; }

    .main-block1-left-time > .active{color: #cc0000; font-weight: 700; }

    /* block 1 right */

    .main-block1-right{text-align: center; }

    .main-block1-right > a{float: left; width: 50%; height: 50px; line-height: 50px; color: #fff; }

    .main-block1-right > a:before{content: ""; display: inline-block; vertical-align: middle; margin-right: 5px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: 16px; }

    .main-block1-right-link1{background-color: #ff6600; }

    .main-block1-right-link2{background-color: #0066cc; }

    .main-block1-right-link3{background-color: #99cc33; width: 100% !important; }

    .main-block1-right-link1:before{background-image: url(../img/ico_note1.png); }

    .main-block1-right-link2:before{background-image: url(../img/ico_note2.png); }

    .main-block1-right-link3:before{background-image: url(../img/ico_monitor.png); }

    /* block 2 left */

    .main-block2-left > h2{margin: 30px 0 10px; }

    .main-block2-left > div{border: 10px solid #ddd; padding: 20px 15px; font-size: 15px; line-height: 1.7; }

    .main-block2-left-list > a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .main-block2-left-list > span{display: none; }

    /* block 2 right */

    .main-block2-right > h2{margin: 30px 0 10px; }

    .main-block2-right > .swiper-container{overflow: hidden; }

    .main-block2-right > .swiper-container .swiper-slide > img{width: 100%; }

    .main-block2-right .swiper-button-next,

    .main-block2-right .swiper-button-prev{width: 30px; height: 31px; background-size: 30px; }

    .main-block2-right .swiper-button-prev{left: 0; background-image: url(../img/ico_arrow_l_banner.png); }

    .main-block2-right .swiper-button-next{right: 0; background-image: url(../img/ico_arrow_r_banner.png); }

    /* block 3 left */

    .main-block3-left{margin: 30px 0 10px; }

    .main-block3-left > h2{margin-bottom: 10px; padding: 5px 0 5px 45px; background: url(../img/ico_bank.png) no-repeat center left; }

    .main-block3-left-text{padding-left: 45px; font-weight: 500; font-size: 15px; }

    .main-block3-left-text > strong{margin-left: 5px; color: #26a1a1; }

    .main-block3-left-text > span{margin-top: 10px; display: inline-block; color: #999; }

    /* block 3 center */

    .main-block3-center{margin: 30px 0 10px; }

    .main-block3-center > h2{margin-bottom: 10px; padding: 5px 0 5px 45px; background: url(../img/ico_call.png) no-repeat center left; }

    .main-block3-center-text{padding-left: 45px; font-weight: 500; font-size: 15px; }

    .main-block3-center-text > span{display: inline-block; vertical-align: top; margin-bottom: 5px; width: 70px; color: #999; }

    .main-block3-center-text > strong{display: inline-block; vertical-align: top; }

    .main-block3-center-text > .active{color: #cc3333; }

    .main-block3-center-text > .active2{width: 190px; margin-left: -4px; font-size: 12px; font-weight: 300; letter-spacing: -0.5px; }

    /* block 3 right */

    .main-block3-right{text-align: left; margin: 30px 0 10px; }

    .main-block3-right > a{position: relative; display: block; height: 50px; line-height: 50px; padding: 0 15px; border: 1px solid #ddd; border-top-width: 0; font-size: 16px; font-weight: 500; color: #666; }

    .main-block3-right > a:first-child{border-top-width: 1px; }

    .main-block3-right > a:before{content: ""; display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px; background-size: 20px; background-position: center; background-repeat: no-repeat; }

    .main-block3-right > a:after{content: ""; position: absolute; top: 50% ; right: 15px; width: 20px; height: 30px; margin-top: -15px; background: url(../img/ico_arrow_r_f.png) no-repeat center; background-size: 8px; }

    .main-block3-right-course:before{background-image: url(../img/ico_course.png); }

    .main-block3-right-note3:before{background-image: url(../img/ico_note3.png); background-size: 16px !important; }

    .main-block3-right-sound:before{background-image: url(../img/ico_sound.png); }

    /* block 4 */

    .main-block4{max-width: 400px; margin: 0 auto; padding: 15px 0; text-align: center; }

    .main-block4:after{content: ""; display: block; clear: both; }

    .main-block4 > a{float: left; width: 50%; }

    .main-block4 > a:last-child{padding-top: 3px; }
    .main-block4 > a > img{width: 90%;}

}

/* go 추가*/

.record_view {width:100%; margin-top:10px; border-top: 3px solid #000;  }

.record_view td {border-bottom:1px solid #CCC; text-align:center; padding:10px 0px;}

.record_view th {text-align:center; padding:15px 0px; background-color:#f9f9f9;}

.textbox_record{margin: 0 auto; text-align: center; }

.textbox_record div{max-width: 100px; margin-left:auto; margin-right:0; text-align: center; }

.form-title_record{padding: 0 0 10px; max-width: 640px; margin: 0 auto; text-align: center; }

.textbox_record > button{float: right; display: inline-block; padding: 0 30px; height: 40px; line-height: 40px; border: 1px solid #aaa; font-size: 15px; }

    /*라인줄 있는것*/

    .view-btn_w{padding: 20px 0 60px; border-top: 1px solid #ccc;  }

    .view-btn_w > button{float: right; display: inline-block; margin-right:5px; padding: 0 30px; height: 40px; line-height: 40px; border: 1px solid #aaa; font-size: 15px; }

	.view-btn_w > .blue{background-color:#0066cc; color:#FFF; border: 1px solid #0066cc;}

	/*라인줄 X것*/

	.view-btn_w2{padding: 20px 0 60px; }

    .view-btn_w2 > button{float: right; display: inline-block; margin-right:5px; padding: 0 30px; height: 40px; line-height: 40px; border: 1px solid #aaa; font-size: 15px; }

	.view-btn_w2 > .blue{background-color:#0066cc; color:#FFF; border: 1px solid #0066cc;}

	.view-btn_b{padding: 20px 0; background-color: #0066cc; }

    .view-btn_b > button{float: right; display: inline-block; padding: 0 30px; height: 40px; line-height: 40px; border: 1px solid #aaa; font-size: 15px; }

/*파란색오버효과버튼 상단라인줄 X것*/

.el-btns_write{padding: 20px 0 60px;}

.el-btns_write > a,

.el-btns_write > button{transition-property : background-color, color, border-color ; transition-duration : .3s; transition-timing-function : ease; float: right; display: inline-block; vertical-align: middle; background-color: #7c509d; min-width: 120px; padding: 0 30px; color: #fff; height: 40px; line-height: 38px; border: 2px solid transparent; font-size: 15px; }

.el-btns_write > a:hover,

.el-btns_write > button:hover{background-color: #fff; color: #7c509d; border-color: #7c509d; }

.el-btns_write > .active{background-color: #666; }

.el-btns_write > .active:hover{border-color: #666; color: #666; }

.el-btns_write > .active2{background-color: #fff; color: #333; border-color: #333; }

.el-btns_write > .active2:hover{background-color: #333; color: #fff; border-color: #333; }

/*파란색오버효과버튼 상단라인줄 있는것*/

.el-btns_write_line{padding: 20px 0 60px; border-top: 1px solid #ccc; }

.el-btns_write_line > a,

.el-btns_write_line > button{transition-property : background-color, color, border-color ; transition-duration : .3s; transition-timing-function : ease; float: right; display: inline-block; vertical-align: middle; background-color: #0066cc; min-width: 120px; padding: 0 30px; color: #fff; height: 40px; line-height: 38px; border: 2px solid transparent; }

.el-btns_write_line > a:hover,

.el-btns_write_line > button:hover{background-color: #fff; color: #0066cc; border-color: #0066cc; }

.el-btns_write_line > .active{background-color: #666; }

.el-btns_write_line > .active:hover{border-color: #666; color: #666; }

.el-btns_write_line > .active2{background-color: #fff; color: #333; border-color: #333; }

.el-btns_write_line > .active2:hover{background-color: #333; color: #fff; border-color: #333; }

.rednotice {color:#F00;}

/**/

.marathon_3d_title h2 {font-size:16px; line-height:160%; color:#333;}

.marathon_3d_title h2 .skyblue {color:#0099ff;}

.marathon_3d_title h2 .blue {color:#0066cb;}

.marathon_3d_title h2 .red {color:#c00;}

.marathon_3d_title h2 .orang {color:#f60;}

.marathon_3d_title h2 .green {color:#093;}

/*컬러글씨*/
.skyblue {color:#0099ff;}
.blue {color:#0066cb;}
.red {color:#f00;}
.orang {color:#f60;}
.green {color:#093;}


/*작은글씨*/
.font12pt {font-size: 12px;}
.font11pt {font-size: 11px;}
.font10pt {font-size: 10px;}
.font9pt {font-size: 9px;}
.font8pt {font-size: 8px;}


.marathon_con ul li {background:url(/dorun/img/liicon_01.gif) 0px 5px no-repeat; padding-left:10px;}

/*대회요강*/

.marathon_3d {width:100%; line-height:200%;border-bottom:1px solid #d7d7d7; margin-top:20px;}
.marathon_3d th {width:20%; font-size:16px; border:1px solid #d7d7d7; border-bottom:none;background-color:#f9f9f9; border-right:none;background-color:#f9f9f9;padding:17px; font-weight: 400;}
.marathon_3d td {text-align:left;border:1px solid #d7d7d7; border-left:none; border-bottom:none; padding:12px; font-size:16px;  font-weight: 300; }
.marathon_3d td img {height: 40px;}
.marathon_3d .rline {border-right:1px solid #d7d7d7; }
.infotext {font-size:16px; line-height:140%; padding-bottom:30px;}

@media screen and (max-width: 800px){
	.marathon_3d th {font-size:14px; letter-spacing: -1px; padding:15px 10px;}
	.marathon_3d td {font-size:14px;}
	.infotext {font-size:14px; }
	
}
/*오시는길

.marathon_3dmap {width:100%; line-height:130%;border-bottom:1px solid #d7d7d7; margin-top:20px;}

.marathon_3dmap th {font-size:14px; border:1px solid #d7d7d7; border-bottom:none;background-color:#f9f9f9; border-right:none;background-color:#f9f9f9;padding:7px;}

.marathon_3dmap td {border:1px solid #d7d7d7; border-left:none; border-bottom:none; padding:12px; }

.marathon_3dmap .rline {border-right:1px solid #d7d7d7; }*/

/*시상안내 및 기념품*/

.marathon_goodsbox{max-width: 700px; margin: 0 auto; text-align: center; border:1px solid #cfcfcf;}

.marathon_goodsbox .goodsment{font-size:18px; line-height:140%; background-color:#f4f4f4;}

.marathon_goods {width:100%; line-height:120%;border-bottom:1px solid #d7d7d7; margin-top:10px; }

.marathon_goods th {font-size:14px; border:1px solid #d7d7d7; border-bottom:none;background-color:#f9f9f9; background-color:#f9f9f9; text-align:center;min-height:60px; padding:10px 0px;}

.marathon_goods td {text-align:center;border:1px solid #d7d7d7; border-bottom:none; padding:7px 0px; }

.marathon_goods.infotext {font-size:14px; line-height:140%; padding-bottom:30px;}

/*코스*/

.marathon_coursebox{max-width: 800px; margin: 0 auto; text-align: center; }

.marathon_coursebox img {border:1px solid #cfcfcf;}

/*대회장안내도*/

.marathon_mapbox{max-width: 800px; margin: 0 auto; text-align: center; }

/*padding*/
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}
.pt130 {padding-top:130px;}


.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}






/*float*/

.float_r {float:right;}

.float_l {float:left;}