@charset "utf-8";

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Noto Sans KR','Apple Gothic','Open Sans',sans-serif;font-size:15px;line-height:1.5em;letter-spacing:-.03em;color:#454545;word-break:keep-all;-webkit-text-size-adjust:none;}
img{border:0;vertical-align:top;max-width:100%;}
ul,ol{list-style:none}
fieldset{border:none}
fieldset legend {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}
button{cursor:pointer}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
hr {clear:both;display:none;}
li img, dd img {vertical-align:top;}
* {max-height: 1000000px;}

a{
	color:inherit;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
a:hover,
a:active{
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}


.ul2{list-style:circle}
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
:placeholder-shown {color:#999;}

table caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:-2px 3px 0 0 !important; background:transparent;}
input,select {vertical-align:middle; background:#fff;}
input,textarea,button{-webkit-appearance:none;-webkit-border-radius:0}
input[type='checkbox']{-webkit-appearance:checkbox} 
input[type='radio']{-webkit-appearance:radio}


/* user class */
h1,h2,h3,h4,h5,h6,strong,th,.bold{font-weight:700;}
.semibold {font-weight:500;}
.clear{clear:both;}
.clearfix {*zoom:1;}
.clearfix:after {content:" "; display:block; clear:both;}
.hide {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}
.pointer {cursor:pointer;}
.input {height:35px; padding:5px 9px; font-size:14px; line-height:23px; border:1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.textarea {padding:5px 9px; font-size:14px; line-height:24px; border:1px solid #ddd; overflow:auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.select {height:35px; padding:5px 9px; font-size:14px; line-height:23px; border:1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
input[type=file].input {border:0;padding:0;}

.mgb2 {margin-bottom:2px !important;}
.mgb3 {margin-bottom:3px !important;}
.mgb4 {margin-bottom:4px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb7 {margin-bottom:7px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb9 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb12 {margin-bottom:12px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb55 {margin-bottom:55px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}

.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.fl {float:left;}
.fr {float:right;}
.map {border-bottom:1px solid #ddd;}
.space-left {text-align:left !important;}
.space-center {text-align:center !important;}
.space-right {text-align:right !important;}

.text-blue {color:#2a5caa;}
.text-emphasis {margin-top:10px; color:#2a5caa; line-height:1.7em; font-size:0.9em;}
.text-emphasis-black {margin-top:10px; color:#333333; line-height:1.7em; font-size:0.9em;}
.text-emphasis-bg-1-min {background: linear-gradient(to top, #FF007F 10%, transparent 10%)}
.text-emphasis-bg-1 {background: linear-gradient(to top, #FF007F 20%, transparent 10%)}
.text-emphasis-bg-2 {background: linear-gradient(to top, #FFE400 30%, transparent 40%)}
.text-emphasis-bg-3 {background: linear-gradient(to top, #00D8FF 20%, transparent 40%)}
.text-emphasis-bg-4 {background: linear-gradient(to top, #ABF200 20%, transparent 40%)}
.text-emphasis-bg-5 {background: linear-gradient(to top, #0054FF 10%, transparent 10%)}

.inline-block {display:inline-block;}
.only-mobile {display:block;}
.only-desktop {display:none;}

.checkbox {display:block; position:relative; padding-left:25px; cursor:pointer; font-size:14px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.checkbox input {position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.checkbox .checkmark {position: absolute; top:2px; left:0; height:18px; width:18px; background-color:#eee;}
.checkbox:hover input ~ .checkmark {background-color:#ccc;}
.checkbox input:checked ~ .checkmark {background-color:#2a5caa;}
.checkbox .checkmark:after {content:""; position:absolute; display:none;}
.checkbox input:checked ~ .checkmark:after {display:block;}
.checkbox .checkmark:after {left:7px; top:3px; width:5px; height:10px; border:solid white; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.doc-tit {position:relative; padding-left:16px; margin-bottom:8px; font-size:17px; font-weight:500; line-height:1.3em;}
.doc-tit:before {content:""; position:absolute; top:5px; left:0; width:12px; height:12px; border:3px solid #2a5caa; border-radius:50%;}
.doc-tit small {font-size:15px; font-weight:400; margin-left:6px;}

/* login */
.login {position:relative; height:100vh; background:#2a5caa;}
.login .content {position:absolute; left:20px; right:20px; top:50%; transform:translateY(-50%); padding:25px 25px; background:#fff; border-radius:10px; box-shadow:0 0 7px rgba(0,0,0,.2);}
.login h1 {text-align:center; margin-bottom:20px;}
.login h1 img {height:42px;}
.login .form-group {margin-bottom:10px;}
.login .form-group .input {display:block; width:100%; height:38px; font-size:15px; line-height:24px; padding:6px 10px;}
.login .form-agree {margin-bottom:20px;}
.login .form-agree dt {font-size:14px; font-weight:400; color:#333; line-height:normal;}
.login .form-agree dd {padding:5px 0 0 0; font-size:13px; line-height:18px;}
.login .form-agree .scroll-box {position:relative; height:40px; border:1px solid #d8d8d8; font-size:12px; line-height:16px; background:#f7f7f7; color:#666; padding:5px; overflow:auto;}
.login .form-agree input[type=checkbox] {width:15px; height:15px;}
.login .submit {display:block; background:#2a5caa; width:100%; height:45px; color:#fff; font-size:16px; border:0; border-radius:6px;cursor:pointer;}
.login .copyright {position:absolute; left:0; right:0; bottom:15px; font-size:11px; font-family:"Roboto"; line-height:1.3em; letter-spacing:0; text-align:center; color:#fff; opacity:.5;}

/* content */
.header {padding:10px 0; text-align:center;}
.header img {height:45px;}

.sub-nav-zone {margin-bottom:55px; padding:20px 10px; background:#fff; border-radius:6px; box-shadow:0 0 7px rgba(0,0,0,.2);}
.sub-nav-zone ul {display:flex; flex-wrap:wrap; margin:-8px -3px;}
.sub-nav-zone ul li {padding:8px 3px;}
.sub-nav-zone ul li a {display:block; min-width:80px; padding:0 12px; text-align:center; color:#454545; font-size:15px; font-weight:500; line-height:30px; letter-spacing:-.025em;}
.sub-nav-zone ul li a:hover {background:#ddd;}
.sub-nav-zone ul li.active a {background:#2a5caa; color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,.3); transform:translateY(-5px);}
/* .sub-nav-zone .sub-nav-home {display:inline-block; background:#040b64; color:#fff; padding:6px 10px; border-radius:5px; border:0; margin-right:10px;}
.sub-nav-zone .btn-sub-nav {display:inline-block; background:#2a5caa; color:#fff; padding:6px 10px; border-radius:5px; border:0; margin-right:10px;}
.sub-nav-zone .btn-sub-nav-active {display:inline-block; background:#aa5caa; color:#fff; padding:6px 10px; border-radius:5px; border:0; margin-right:10px;}
.sub-nav-zone .top-txt {padding:10px 5px; font-size:12px; line-height:16px; background:#f2f1f1; border-top:1px solid #040b64; border-bottom:1px solid #040b64;} */

.comp-info {margin-bottom:25px;}
.comp-info .top {padding:18px 18px 100px; background:#2a5caa; font-size:17px; line-height:1.4em; color:#fff;}
.comp-info .top p {margin-bottom:20px; text-align:center;}
.comp-info .top p strong {font-weight:500;}
.comp-info .box {position:relative; margin-top:-100px; margin-left:18px; margin-right:18px; padding:18px; background:#fff; border-radius:6px; box-shadow:0 0 7px rgba(0,0,0,.2);}
.comp-info .box table {width:100%; border-collapse:collapse; border-spacing:0px;}
.comp-info .box th,
.comp-info .box td {padding:5px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.comp-info .box th {width:95px; text-align:left; font-weight:500; padding-left:15px; padding-right:10px;}
.comp-info .box tr.p {color:#2a5caa}
.comp-info .user {position:absolute; top:30px; right:60px; color:#2a5caa; font-size:16px; line-height:1.3em;}
.comp-info .user li {float:left; position:relative; padding-left:13px; margin-left:50px;}
.comp-info .user li:before {content:"·"; position:absolute; top:0; left:0; font-size:20px; font-weight:700;}
.comp-info .user strong {font-weight:500;}

/* preview.website.co.kr */
.comp-info-preview {margin-bottom:25px;}
.comp-info-preview .top {padding:18px 18px 18px; background:#2a5caa; font-size:17px; line-height:1.4em; color:#fff;}
.comp-info-preview .top p {margin-bottom:20px; text-align:center;}
.comp-info-preview .top p strong {font-weight:500;}
.comp-info-preview .box {position:relative; margin-top:-100px; margin-left:18px; margin-right:18px; padding:18px; background:#fff; border-radius:6px; box-shadow:0 0 7px rgba(0,0,0,.2);}
.comp-info-preview .box table {width:100%; border-collapse:collapse; border-spacing:0px;}
.comp-info-preview .box th,
.comp-info-preview .box td {padding:5px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.comp-info-preview .box th {width:95px; text-align:left; font-weight:500; padding-left:15px; padding-right:10px;}
.comp-info-preview .box tr.p {color:#2a5caa}
.comp-info-preview .user {position:absolute; top:30px; right:60px; color:#2a5caa; font-size:16px; line-height:1.3em;}
.comp-info-preview .user li {float:left; position:relative; padding-left:13px; margin-left:50px;}
.comp-info-preview .user li:before {content:"·"; position:absolute; top:0; left:0; font-size:20px; font-weight:700;}
.comp-info-preview .user strong {font-weight:500;}


.contact-info {margin-bottom:25px; padding:0 18px;}
.contact-info .doc-tit {border-bottom:1px solid #ddd; padding-bottom:5px;} 
.contact-info .email {padding:0 0 10px 16px;}
.contact-info .col {float:left; width:50%; padding:0 3px;}
.contact-info .box {display:block; padding:16px 16px; font-size:14px; background:#f5f5f5;}
.contact-info .box .ico {float:left; margin-right:10px; width:46px; height:46px; background-color:#1aa8b4; background-position:50% 50%; background-repeat:no-repeat; background-size:50%; border-radius:50%;}
.contact-info .box .ico.tel {background-image:url("../images/icon_tel.png");}
.contact-info .box .ico.mail {background-image:url("../images/icon_mail.png");}
.contact-info .box .num {font-size:22px; font-weight:700; line-height:1.1em;}
.contact-info .box .txt {font-size:12px; color:#696969; letter-spacing:-.03em;}
.contact-info .box .td {padding:5px 0; border-top:1px solid #ddd;}
.contact-info .col ol {margin:4px 6px;}
.contact-info .col ol li {display:inline-block; padding:4px 2px;}
.contact-info .col ol li a {display:block; padding:0 10px; text-align:center; color:#686868; font-size:13px; font-weight:500; line-height:30px; letter-spacing:-.03em; border-radius:4px; background:#c3c3c3;}

.board-zone {position:relative; margin-bottom:25px;}
.board-zone h2 {padding:10px 18px; background:#2873b8; font-size:18px; font-weight:500; color:#fff; letter-spacing:-.03em;}
.board-zone .sm-txt {position:absolute; top:10px; right:18px; color:#fff; font-size:14px; letter-spacing:-.06em;}
.board-zone .top-txt {padding:10px 18px; font-size:12px; line-height:16px; background:#f2f1f1; border-bottom:1px solid #ddd;}
.board-zone .top-txt .bullet {position:relative; padding-left:7px;}
.board-zone .top-txt .bullet:before {content:""; position:absolute; top:3px; left:0; display:inline-block; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #454545;}
.board-zone .top-txt .bullet.point:before {border-left-color:#2a5caa}
.board-zone .top-txt .point {color:#2a5caa;}
.board-zone .list li {padding:7px 18px; border-bottom:1px solid #ddd; word-break:break-all;}
.board-zone .list .date {color:#999; font-size:.9em; line-height:1.5em;}
.board-zone .list li.has-status {position:relative; padding-right:85px;}
.board-zone .list li.sms .tit {height:3em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.board-zone .list li.sms.active .tit {height:auto; -webkit-line-clamp:10;}
.board-zone .list li.active .more:after {display:none;}
.board-zone .list .tit-wrap {position:relative;}
.board-zone .list .tit-wrap .status {right:0;}
.board-zone .list .status {position:absolute; top:50%; right:18px; transform:translateY(-50%); width:55px; height:28px; text-align:center; color:#fff; font-size:13px; line-height:28px; border-radius:6px;}
.board-zone .list .status.on {background:#6a6a6a;}
.board-zone .list .status.off {background:#2a5caa;}
.board-zone .list .more {display:inline-block; color:#2873b8; margin-top:5px;}
.board-zone .list .more:after {content:""; display:inline-block; vertical-align:middle; margin:-.2em 0 0 8px; width:7px; height:7px; border-top:1px solid #2873b8; border-right:1px solid #2873b8; transform:rotate(45deg);}
.board-zone .list .file {margin-top:5px; font-size:.9em; line-height:1.5em;}
.board-zone .list .file a {display:inline-block; padding-left:18px; color:#2a5caa; background:url("../images/icon_clip.png") 0 4px no-repeat; background-size:auto 12px;}
/*.board-zone .list .cnt-wrap {display:none;}*/
.board-zone .list .cnt-wrap .cnt {padding:8px 0; font-size:14px; line-height:1.5em; color:#666;}
.board-zone .table table {width:100%; border-collapse:collapse; border-spacing:0px;}
.board-zone .table table th {padding:5px 18px; text-align:left; font-size:.9em; font-weight:400; border-bottom:1px solid #ddd; background:#f2f1f1; width:110px; white-space:nowrap;}
.board-zone .table table td {padding:5px 10px; border-bottom:1px solid #ddd; font-size:.9em;}
.board-zone .table .file {display:inline-block; padding-left:18px; color:#2a5caa; line-height:1.5em; background:url("../images/icon_clip.png") 0 4px no-repeat; background-size:auto 12px;}
/*.board-zone .table .inq-cnt {display:none;}*/
.board-zone .table .more {display:inline-block; color:#2873b8; margin-top:8px; margin-right:18px;}
.board-zone .table .more:after {content:""; display:inline-block; vertical-align:middle; margin:-.2em 0 0 8px; width:7px; height:7px; border-top:1px solid #2873b8; border-right:1px solid #2873b8; transform:rotate(45deg);}
.board-zone .table.active .inq-cnt {display:table-row;}
.board-zone .table.active .more:after {display:none;}
.board-zone .add-inq {position:absolute; top:10px; right:18px; padding-left:20px; background:url("../images/icon_comment2.png") 0 50% no-repeat; background-size:auto 14px; color:#fff; font-size:14px; letter-spacing:-.06em;}
.board-zone img.new {vertical-align:middle; margin:-.2em 0 0 0; height:17px;}

.comment {}
.comment:after {content:""; display:block; clear:both;}
.comment textarea {float:left; width:calc(100% - 70px); height:32px; padding:3px; font-size:14px; line-height:24px; border:1px solid #ddd; resize:none;}
.comment .submit {float:right; width:65px; height:32px; background:#555; color:#fff; border:0; font-size:14px;}

.as-head {padding:18px 18px; background:#f2f1f1;}
.as-head .top {padding:18px 0; text-align:center; font-size:14px; line-height:1.4em;}
.as-head .top h2 {font-size:20px; font-weight:500; line-height:1.3em; margin-bottom:12px;}
.as-head .top h2 img {display:inline-block; max-width:250px; margin-bottom:5px;}
.as-head .top h2 span {font-size:17px; font-weight:700; line-height:1.3em; color:#2a5caa;}
.as-head .top p {margin-left:1em; margin-right:1em; text-align:center;}
.as-head .top p strong {font-weight:500;}
.as-head .top p span {display:inline-block;}
.as-head .top p .c1 {color:#6745c7;}
.as-head .box { margin-left:18px; margin-right:18px; font-size:14px; font-weight:500; text-align:center; padding:15px 0; background:#fff; border-radius:6px;}
.as-head .box:after {content:""; display:block; clear:both;}
.as-head .box .col {float:left; width:50%; padding:4px 0;}
.as-head .box .col:first-child {border-right:1px dashed #bbb;}
.as-head .box strong {display:inline-block; margin-top:4px; font-size:17px;}
.as-head .box strong big {font-size:30px; color:#1aa8b4; line-height:1em; font-family:"Roboto"}

.as-list {padding:18px 18px; background:#f2f1f1;}
.as-list .table {width:100%; border-collapse:collapse; border-spacing:0px; background:#fff;}
.as-list .table th,
.as-list .table td {padding:5px 0; text-align:center; border:1px solid #ddd;}
.as-list .table th {font-weight:500;}
.as-list .table tr.foot {color:#2a5caa;}
.as-list .table tr th:first-child,
.as-list .table tr td:first-child {border-left:0;}
.as-list .table tr th:last-child,
.as-list .table tr td:last-child {border-right:0;}
.as-list .table .c1 {color:#2a5caa;}
.as-list .table .c2 {color:#1aa8b4;}
.as-list .wrap {position:relative; height:175px; overflow:hidden;}
.as-list .wrap li {display:table; width:100%; text-align:center; line-height:25px;}
.as-list .wrap li div {display:table-cell;}
.as-list .wrap .date {width:20%}
.as-list .wrap .tit {width:35%}
.as-list .wrap .cat {width:20%}
.as-list .wrap .step {width:25%}

.as-list.pull-left .table {table-layout: fixed;}
.as-list.pull-left .table th,
.as-list.pull-left .table td {border:1px solid rgba(255,255,255,.4)}
.as-list.pull-left .table thead th {height:61px; background:#444; color:#fff;}
.as-list.pull-left .table thead td {height:61px; font-weight:500; background:#444; color:#fff;}
.as-list.pull-left .table tr.foot {background:#47629e; color:#fff;}
.as-list.pull-left .table tr.foot th {font-size:1.1em}
.as-list.pull-left .table tr.foot td strong {font-size:1.2em}

.event {padding:30px 0;}

.footer {padding:0 18px; text-align:center;}
.footer .tel {display:block; background:#f2f1f1;}
.footer .tel img {max-width:320px;}
.footer address {display:block; padding:13px 0; font-style:normal; color:#4e4f4f; font-size:13px; line-height:20px;}

.inq-form {padding:10px 18px 18px;}
.inq-form .doc-tit {padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.inq-form .form-group {margin-bottom:13px;}
.inq-form .label {display:block; margin-bottom:5px;}
.inq-form .textarea {border:1px solid #ddd; width:100%; height:180px;}
.inq-form .input {display:block; border:1px solid #ddd; width:100%; height:35px;}
.inq-form input[type=file] {display:block; border:1px solid #ddd; width:100%; height:35px; margin-bottom:4px;} 
.inq-form .submit {border:0; background:#2a5caa; color:#fff; font-size:16px; font-weight:500; height:40px; width:100%; display:block;}
.inq-form .txt {margin-top:15px; font-size:13px; line-height:18px;}
.inq-form .txt p {position:relative; padding-left:7px;}
.inq-form .txt p:before {content:""; position:absolute; top:3px; left:0; display:inline-block; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #454545;}

.promotion {margin-bottom:25px;}
.promotion .box {background:#5d308f; padding:20px 15px;}
.promotion .title {color:#fff; text-align:center; margin-bottom:10px;}
.promotion .title h2 {font-size:18px; font-weight:500; line-height:1.4em; margin-bottom:8px;}
.promotion .title h2 span {font-weight:700; display:inline-block;}
.promotion .title p {line-height:1.5em; font-size:14px;}
.promotion .cnt {background:#fff; padding:0 15px; border-radius:6px;}
.promotion .cnt table {width:100%; border-collapse:collapse; border-spacing:0px; table-layout:fixed; line-height:1.5em; font-size:14px;}
.promotion .cnt th {width:36%; height:36px; text-align:left; font-weight:500; border-bottom:1px solid #ddd;}
.promotion .cnt td {font-weight:500;  border-bottom:1px solid #ddd;}
.promotion .cnt td.p {color:#2a5caa;}
.promotion .cnt td span {color:#2a5caa;}
.promotion .txt {margin-top:10px; text-align:center; color:#fff; line-height:1.5em; font-size:14px;}

.btn-video-edit {display:inline-block; background:#5d308f; color:#fff; padding:6px 10px; border-radius:5px; border:0; margin-bottom:10px; cursor:pointer;}
.btn-video-view {display:inline-block; background:#2a5caa; color:#fff; padding:6px 10px; border-radius:5px; border:0; margin-bottom:0px; }
.btn-video-responsive {display:inline-block; background:#2a5caa; color:#fff; padding:6px 10px; border-radius:5px; border:0; margin-bottom:5px; }
.video-sp-tit {margin-bottom:0px;}

.ajax-video-wrap {margin:-20px 0;}
.ajax-video-wrap .col {padding:20px 0;}

.wb-serive {background:#f5f5f5; border-radius:10px; padding:28px 16px; margin:0 16px;}
.wb-serive .tit {text-align:center; font-family:'yg-jalnan',sans-serif; color:#e91f40; font-size:22px; font-weight:400; line-height:1.3em; margin-bottom:12px;}
.wb-serive .nav-wrap {margin-bottom:30px;}
.wb-serive .nav {text-align:center; margin-bottom:14px;}
.wb-serive .nav ul {margin:-4px -6px;}
.wb-serive .nav ul li {display:inline-block; padding:4px 2px;}
.wb-serive .nav ul li a {display:block; padding:0 10px; text-align:center; color:#686868; font-size:13px; font-weight:500; line-height:30px; letter-spacing:-.03em; border-radius:4px; background:#c3c3c3;}
.wb-serive .nav ul li a:hover {background:#e91f40; color:#fff;}
.wb-serive .nav ul li.active a {background:#e91f40; color:#fff;}
.wb-serive .nav ul li.ready a {background:#2A5CAA; color:#fff;}
.wb-serive .nav2 {text-align:center; padding-top:10px; border-top:1px solid #ddd;}
.wb-serive .nav2 ul {display:inline-block; background:#fff; padding:0 10px; border-radius:4px;}
.wb-serive .nav2 ul li {display:inline-block; padding:0 7px; vertical-align:top;}
.wb-serive .nav2 ul li a {display:block; position:relative; text-align:center; color:#686868; font-size:13px; font-weight:500; line-height:40px; letter-spacing:-.03em; border-radius:4px;}
.wb-serive .nav2 ul li a:hover {color:#e91f40;}
.wb-serive .nav2 ul li.active a {color:#e91f40;}
.wb-serive .nav2 ul li.active a:before {content:""; position:absolute; top:0; left:0; right:0; height:2px; background:#e91f40;}
.wb-serive .item.video,
.wb-serive .item.youtube,
.wb-serive .item.vimeo {position:relative; padding-bottom:56.25%;}
.wb-serive .item.video .video-js,
.wb-serive .item.video video {position:absolute; top:0; left:0; width:100%; height:100%;}
.wb-serive .item.youtube iframe,
.wb-serive .item.vimeo iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.wb-serive1 {background:#5d308f; border-radius:10px; padding:20px 80px;}
.wb-serive1 .tit {text-align:center; font-family:'yg-jalnan',sans-serif; color:#fff; font-size:30px; font-weight:400; line-height:1.3em; margin-bottom:12px;}
.wb-serive1 .col {float:left; width:50%; padding:0 12px;}
.wb-serive1 .col ol {margin:4px 6px;}
.wb-serive1 .col ol li {display:inline-block; padding:4px 2px;}
.wb-serive1 .col ol li a {display:block; padding:0 10px; text-align:center; color:#686868; font-size:13px; font-weight:500; line-height:30px; letter-spacing:-.03em; border-radius:4px; background:#c3c3c3;}

/* 상세보기 */
.board-view {border-top:2px solid #868686;}
.board-view-tit {padding:16px 16px; border-bottom:1px solid #ddd;}
.board-view-tit h3 {color:#333; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.015em;}
.board-view-info {padding:13px 16px; color:#767676; font-size:15px; line-height:1.3em; border-bottom:1px solid #ddd; overflow:hidden;}
.board-view-info strong {color:#333; font-weight:500;}
.board-view-info .name {float:left; margin-right:15px;}
.board-view-info .date {float:left;}
.board-view-info .hit {float:right;}
.board-view-info .hit strong {margin-right:5px;}
.board-view-files {position:relative; text-align:right; margin-top:10px; font-size:14px; line-height:1.5em;}
.board-view-files > a {text-decoration:none;}
.board-view-files img {vertical-align:middle; margin-top:-.2em;}
.board-view-files .ico-down {vertical-align:middle; margin-left:4px;}
.board-view-files .num {color:#ff4e00;}
.board-view-files .fileLayer {display:none; position:absolute; margin-top:2px; right:0; text-align:left; font-size:12px; font-weight:300; line-height:24px; border:1px solid #f0f0f0; background:#f7f7f7; padding:9px 29px 9px 11px; z-index:5;}
.board-view-files .fileLayer a {display:block; text-decoration:none;}
.board-view-files .fileLayer .divClose {position:absolute; display:inline-block; top:5px; right:5px; line-height:0;}
.board-view-files .fileLayer .divClose img {margin-top:0;}
.board-view-cnt {padding:15px 16px 60px; border-bottom:1px solid #ddd;}
.board-view-cnt img {width:auto !important; height:auto !important; max-width:100%;}
.board-view-cnt .item.video,
.board-view-cnt .item.youtube,
.board-view-cnt .item.vimeo {position:relative; padding-bottom:56.25%;}
.board-view-cnt .item.video .video-js,
.board-view-cnt .item.video video {position:absolute; top:0; left:0; width:100%; height:100%;}
.board-view-cnt .item.youtube iframe,
.board-view-cnt .item.vimeo iframe {position:absolute; top:0; left:0; width:100%; height:100%;}


@media (min-width: 768px) {
	.only-mobile {display:none;}
	.only-desktop {display:block;}

	.doc-tit {padding-left:22px; margin-bottom:10px; font-size:18px;}
	.doc-tit:before {top:4px;width:15px;height:15px;}
	.doc-tit small {font-size:16px;}

	.contain {max-width:1060px; padding-left:30px; padding-right:30px; margin:0 auto;}
	.contain:after {content:""; display:block; clear:both;}

	.login .content {left:50%; right:auto; width:400px; margin-left:-200px; border-radius:20px;}
	.login .form-agree .scroll-box {height:60px;}

	.header {padding:22px 0; text-align:center;}
	.header img {height:51px;}

	.text-emphasis {margin-top:10px; color:#2a5caa; line-height:1.7em; font-size:1.1em;}
	.text-emphasis-black {margin-top:10px; color:#333333; line-height:1.7em; font-size:1.1em;}

	.comp-info {margin-bottom:40px;}
	.comp-info .top {padding:40px 30px 70px; font-size:25px; line-height:1.4em;}
	.comp-info .top p {margin-bottom:20px; text-align:center;}
	.comp-info .top p br {display:none;}
	.comp-info .top p strong {font-weight:700;}
	.comp-info .box {position:relative; margin-top:-70px; margin-left:0; margin-right:0; padding:30px; box-shadow:0 0 20px rgba(0,0,0,.2);}
	.comp-info .box table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #2a5caa;}
	.comp-info .box th,
	.comp-info .box td {padding:13px 0; font-size:16px; border-top:0; border-bottom:1px solid #ddd;}
	.comp-info .box th {text-align:center; padding-left:19px; padding-right:19px; background:url("../images/vline.gif") 0 50% no-repeat;}
	.comp-info .box td {min-width:105px; padding-right:15px; color:#686868; font-weight:300; word-break:break-word;}
	.comp-info .box tr th:first-child {background-image:none;}

/* preview.website.co.kr */
	.comp-info-preview {margin-bottom:40px;}
	.comp-info-preview .top {padding:40px 30px 40px; font-size:25px; line-height:1.4em;}
	.comp-info-preview .top p {margin-bottom:20px; text-align:center;}
	.comp-info-preview .top p br {display:none;}
	.comp-info-preview .top p strong {font-weight:700;}
	.comp-info-preview .box {position:relative; margin-top:-70px; margin-left:0; margin-right:0; padding:30px; box-shadow:0 0 20px rgba(0,0,0,.2);}
	.comp-info-preview .box table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #2a5caa;}
	.comp-info-preview .box th,
	.comp-info-preview .box td {padding:13px 0; font-size:16px; border-top:0; border-bottom:1px solid #ddd;}
	.comp-info-preview .box th {text-align:center; padding-left:19px; padding-right:19px; background:url("../images/vline.gif") 0 50% no-repeat;}
	.comp-info-preview .box td {min-width:105px; padding-right:15px; color:#686868; font-weight:300; word-break:break-word;}
	.comp-info-preview .box tr th:first-child {background-image:none;}

	.contact-info {max-width:1000px; margin:0 auto 40px; padding:0;}
	.contact-info .doc-tit {border-bottom:0; padding-bottom:0;} 
	.contact-info table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #2a5caa;}
	.contact-info th,
	.contact-info td {padding:13px 0; font-size:16px; border-top:0; border-bottom:1px solid #ddd;}
	.contact-info th {text-align:center; font-weight:500; padding-left:19px; padding-right:19px; background:url("../images/vline.gif") 0 50% no-repeat;}
	.contact-info td {min-width:105px; padding-right:15px; color:#686868; font-weight:300; word-break:break-word;}
	.contact-info tr th:first-child {background-image:none;}

	.promotion {margin-bottom:40px;}
	.promotion .box {padding:30px; border-radius:10px;}
	.promotion .title {margin-bottom:23px;}
	.promotion .title h2 {font-size:25px; margin-bottom:12px;}
	.promotion .title p {font-size:18px;}
	.promotion .cnt {padding:0 30px; border-radius:10px;}
	.promotion .cnt table {font-size:16px;}
	.promotion .cnt th {width:20%; height:50px;}
	.promotion .cnt td {font-weight:500;}
	.promotion .cnt td.p {color:#2a5caa;}
	.promotion .cnt td span {color:#2a5caa;}
	.promotion .txt {margin-top:20px; font-size:18px;}

	.board-zone {max-width:1000px; margin:0 auto 40px;}
	.board-zone h2 {padding:12px 30px; font-weight:400;}
	.board-zone .add-inq {font-size:16px; letter-spacing:-.03em; background-size:auto 22px; padding-left:32px;}
	.board-zone .top-txt {padding:11px 30px; font-size:15px; line-height:20px; background:#f5f5f5;}
	.board-zone .top-txt .bullet:before {top:6px;}
	.board-zone .table table th {width:160px; font-size:15px; font-weight:400; padding:10px 30px;}
	.board-zone .table table td {padding:10px 20px; color:#686868; font-weight:300; font-size:15px; line-height:1.65em;}
	.board-zone .table .file {padding-left:23px; background-size:auto 16px;}
	.board-zone .table .more {margin-right:0;}
	.board-zone .table-pc table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686;}
	.board-zone .table-pc thead th {padding:9px; border-bottom:1px solid #ddd; color:#454545; font-size:15px; line-height:25px; font-weight:500; background:url("../images/vline.gif") 0 50% no-repeat;}
	.board-zone .table-pc tbody td {padding:9px; border-bottom:1px solid #ddd; text-align:center; color:#686868; font-size:15px; line-height:25px; font-weight:300;}
	.board-zone .table-pc tbody td.subject {padding-left:15px; text-align:left;}
	.board-zone .table-pc tr th:first-child {background-image:none;}
	.board-zone .table-pc .tit {color:#454545; font-weight:400;}
	.board-zone .table-pc .new {vertical-align:middle; height:20px;}
	.board-zone .table-pc .file {margin-top:3px;}
	.board-zone .table-pc .file a {display:inline-block; padding-left:23px; color:#2a5caa; background:url("../images/icon_clip.png") 0 4px no-repeat; background-size:auto 16px;}
	.board-zone .table-pc .cnt {display:none; margin-top:15px; color:#454545; font-weight:400;}
	.board-zone .table-pc .more {display:inline-block; color:#2873b8;position:relative;top:-25px;margin-bottom:-20px;line-height:20px;}
	.board-zone .table-pc .more:after {content:""; display:inline-block; vertical-align:middle; margin:-.2em 0 0 8px; width:7px; height:7px; border-top:1px solid #2873b8; border-right:1px solid #2873b8; transform:rotate(45deg);}
	.board-zone .table-pc .active .cnt {display:block;}
	.board-zone .table-pc .open .more:after {display:none;}
	.board-zone .table-pc .br-none td {border-bottom:0;padding-bottom:0 !important;}

	.board-view-tit {padding:14px 6px;}
	.board-view-tit h3 {font-size:18px;}
	.board-view-info {padding:13px 6px; font-size:13px;}
	.board-view-cnt {padding:15px 6px 40px;}

	.ajax-video-wrap {display:flex; margin:0 -15px;}
	.ajax-video-wrap .col {width:50%; padding:0 15px;}

	.as-head {max-width:1000px; margin:0 auto; padding:30px 30px 10px;}
	.as-head:after {content:""; display:block; clear:both;}
	.as-head .top {float:left; text-align:left; width:calc(100% - 400px); padding:0;}
	.as-head .top p {text-align:left; margin:0; font-size:16px; font-weight:400; line-height:1.5em; letter-spacing:-.04em;}
	.as-head .top p .c1 {text-decoration:underline;}
	.as-head .top h2 {font-size:22px;}
	.as-head .top h2 img {max-width:304px;}
	.as-head .box {float:right; width:385px; margin:0; padding:24px 0; font-size:17px;}
	.as-head .box .col {padding:20px 0;}
	.as-head .box strong {font-size:22px;}
	.as-head .box strong big {font-size:40px;}
	.as-list-wrap {max-width:1000px; margin:0 auto; padding:30px; background:#f2f1f1;}
	.as-list-wrap:after {content:""; display:block; clear:both;}
	.as-list-wrap .pull-left {float:left; width:calc(50% - 15px);}
	.as-list-wrap .pull-right {float:right; width:calc(50% - 15px);}
	.as-list-wrap .pull-right .table th {height:61px; border-left:0; border-right:0;}
	.as-list {padding:0;}
	.as-list .table {height:240px;}
	.as-list .table th,
	.as-list .table td {border:1px solid #f2f1f1; font-size:16px;}
	.as-list .wrap {height:160px; font-size:15px;}
	.as-list .wrap li {color:#686868; line-height:32px;}

	.event {padding:50px 0;}

	.wb-serive {padding:20px 35px; margin:0;}
	.wb-serive .tit {font-size:35px; margin-bottom:18px;}
	.wb-serive .nav-wrap {margin-bottom:50px;}
	.wb-serive .nav ul li a {padding:0 12px; font-size:15px;}
	.wb-serive .nav2 ul li a {font-size:15px;}



	.footer {padding:24px 0; text-align:left; border-top:1px solid #ddd;}
	.footer address {padding:0; color:#8c8c8c; font-size:14px;}
	.foot-logo {float:left; width:138px; margin-top:12px; margin-left:30px;}
	.foot-info {margin-left:215px;}
}