@charset "utf-8";
body {word-break:keep-all}
input[type="text"], input[type="password"], input[type="submit"], input[type="button"], button, select, textarea {font-family:"Noto Sans KR"}
button, input[type="button"], input[type="submit"] {cursor:pointer}
.editor-out p {min-height:1.5em}
.p-small {display:inline-block;font-size:.889em;}

/* 인쇄미리보기 */
@media print {
	#header-wrap, #svisual-wrap, #side-wrap, #charge-satisfy, #footer-wrap, #cont-navi-drop, #contents .cont-top, .c-tab01 {display:none !important}
	#contents {float:none;max-width:none;width:100%;min-height:initial;margin:0;padding:0 15px;box-sizing:border-box}

	/* 등급분류 검색 전용 */
	.open-type-box,
	.sch-grade-print,
	.img-sch-view .sch-view-cont .inwr > .c > .cp-btn {display:none !important}
	.img-sch-view .sch-view-cont {padding:30px 30px 0 !important;box-sizing:border-box}
	.img-sch-view .comp-list li > img {width:50px}
}

/* 반응형br */
.br{ display:block}
@media all and (max-width:1000px)  {
	.br{ display:inline}
}

/* 영상물등급위원회 등급 관련 */
.rank01 {color:#229c56 !important}
.rank02 {color:#ce9a11  !important}
.rank03 {color:#dd7430 !important}
.rank04 {color:#d92b36 !important}
.rank05 {color:#6b6b6b !important}
.rank11 {color:#aaa !important}
.rank12 {color:#555 !important}

/*2021년 이전*/
/*
.rank01 {color:#48a44a !important}
.rank02 {color:#22a2dc !important}
.rank03 {color:#efa126 !important}
.rank04 {color:#cb2126 !important}
.rank05 {color:#6b6b6b !important}
.rank11 {color:#aaa !important}
.rank12 {color:#555 !important}
*/

/* 등급별 이미지 아이콘 */
.rank-ico {position:relative;display:inline-block;background:url(/resources/_Img/Common/rank_ico_spr.png) no-repeat -4px 0;width:43px;height:43px}
.rank-ico.rank-ico01 {background-position:-4px 0}
.rank-ico.rank-ico02 {background-position:-4px -51px}
.rank-ico.rank-ico03 {background-position:-4px -102px}
.rank-ico.rank-ico04 {background-position:-4px -153px}
.rank-ico.rank-ico05 {background-position:-4px -205px}
.rank-ico.rank-ico06 {background-position:-4px -256px}
.rank-ico.rank-ico07 {background-position:-4px -307px}
.rank-ico.rank-ico08 {background-position:-4px -358px}
.rank-ico.rank-ico09 {background-position:-4px -409px}
.rank-ico.rank-ico10 {background-position:-4px -461px}
.rank-ico.rank-ico11 {width:50px;height:50px;background-position:0 -513px}
.rank-ico.rank-ico12 {width:50px;height:50px;background-position:0 -574px}
.rank-ico.rank-ico13 {width:50px;height:50px;background-position:0 -636px}

@media all and (max-width:768px) {
	.rank-ico {background-size:30px auto;width:30px;height:30px}
	.rank-ico.rank-ico01 {background-position:0 2px}
	.rank-ico.rank-ico02 {background-position:0 -27px}
	.rank-ico.rank-ico03 {background-position:0 -58px}
	.rank-ico.rank-ico04 {background-position:0 -89px}
	.rank-ico.rank-ico05 {background-position:0 -120px}
	.rank-ico.rank-ico06 {background-position:0 -150px}
	.rank-ico.rank-ico07 {background-position:0 -180px}
	.rank-ico.rank-ico08 {background-position:0 -210px}
	.rank-ico.rank-ico09 {background-position:0 -243px}
	.rank-ico.rank-ico10 {background-position:0 -275px}
	.rank-ico.rank-ico11 {width:30px;height:30px;background-position:0 -308px}
	.rank-ico.rank-ico12 {width:30px;height:30px;background-position:0 -344px}
	.rank-ico.rank-ico13 {width:30px;height:30px;background-position:0 -381px}
}


/*2021년이전 (old-rank-ico)*/
.old-rank-ico {position:relative;display:inline-block;background:url(/resources/_Img/Common/rank_ico_spr_old.png) no-repeat -4px 0;width:43px;height:43px}
.old-rank-ico.rank-ico01 {background-position:-4px 0}
.old-rank-ico.rank-ico02 {background-position:-4px -51px}
.old-rank-ico.rank-ico03 {background-position:-4px -102px}
.old-rank-ico.rank-ico04 {background-position:-4px -153px}
.old-rank-ico.rank-ico05 {background-position:-4px -205px}
.old-rank-ico.rank-ico06 {background-position:-4px -256px}
.old-rank-ico.rank-ico07 {background-position:-4px -307px}
.old-rank-ico.rank-ico08 {background-position:-4px -358px}
.old-rank-ico.rank-ico09 {background-position:-4px -409px}
.old-rank-ico.rank-ico10 {background-position:-4px -461px}
.old-rank-ico.rank-ico11 {width:50px;height:50px;background-position:0 -513px}
.old-rank-ico.rank-ico12 {width:50px;height:50px;background-position:0 -574px}
.old-rank-ico.rank-ico13 {width:50px;height:50px;background-position:0 -636px}

@media all and (max-width:768px) {
	.old-rank-ico {background-size:30px auto;width:30px;height:30px}
	.old-rank-ico.rank-ico01 {background-position:0 2px}
	.old-rank-ico.rank-ico02 {background-position:0 -27px}
	.old-rank-ico.rank-ico03 {background-position:0 -58px}
	.old-rank-ico.rank-ico04 {background-position:0 -89px}
	.old-rank-ico.rank-ico05 {background-position:0 -120px}
	.old-rank-ico.rank-ico06 {background-position:0 -150px}
	.old-rank-ico.rank-ico07 {background-position:0 -180px}
	.old-rank-ico.rank-ico08 {background-position:0 -210px}
	.old-rank-ico.rank-ico09 {background-position:0 -243px}
	.old-rank-ico.rank-ico10 {background-position:0 -275px}
	.old-rank-ico.rank-ico11 {width:30px;height:30px;background-position:0 -308px}
	.old-rank-ico.rank-ico12 {width:30px;height:30px;background-position:0 -344px}
	.old-rank-ico.rank-ico13 {width:30px;height:30px;background-position:0 -381px}
}

/* apple 기기 */
input[type=text], input[type=password], input[type=button], input[type=submit], button, textarea, select {-webkit-appearance:none;-moz-appearance:none;appearance:none}
select {border:0;height:28px;box-sizing:border-box;border:1px solid #ccc;background:rgba(255,255,255,0.3) url(/resources/_Img/Common/selfrm_arr.gif) no-repeat right 50%;min-width:120px;padding-right:1px;padding-left:5px;padding-top:1px;line-height:1.2em;border-radius:0}
select::-ms-expand {display:none}

/* ie9 업그레이드 안내창 */
.lowIE-update {position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;line-height:1.6}
.lowIE-update .update-cont {position:relative;margin:130px auto 0 auto;width:570px;height:410px;background:#2a2a2a;color:#fff;padding:30px 0 0 0;text-align:center;z-index:7100}
.lowIE-update .update-cont .tit {font-size:21px;padding:65px 0 25px 0;margin:0 40px 25px 40px;background:url(/resources/_Img/Common/ie_logo.png) no-repeat center 0;line-height:1.2;border-bottom:1px solid #444}
.lowIE-update .update-cont .btxt {font-weight:bold;font-size:15px;margin-bottom:10px}
.lowIE-update .update-cont .txt {font-size:12px;color:#c0c0c0;margin-bottom:35px}
.lowIE-update .update-cont .txt .spc {color:#0c8ecb;font-weight:bold}
.lowIE-update .update-cont .btn-upgrade {display:inline-block;font-size:15px;font-weight:bold;color:#fff;padding:15px 20px;background:#0c8ecb}
.lowIE-update .update-cont .btn-upgrade span {display:inline-block;vertical-align:middle;line-height:20px;color:#fff;padding-left:35px;background:url(/resources/_Img/Common/ie_arr.png) no-repeat 0 50%}
.lowIE-update .update-cont .chk-uclose {position:absolute;left:0;bottom:0;width:100%;height:40px;text-align:right;background:#0e0e0e}
.lowIE-update .update-cont .chk-uclose label {display:inline-block;vertical-align:middle;font-size:11px;color:#9f9f9f;padding:0 50px 0 5px;*display:inline;*zoom:1;line-height:40px}
.lowIE-update button {position:absolute;bottom:0;right:0;width:40px;height:40px;background:#000 url(/resources/_Img/Common/ie_close.png) no-repeat 50% 50%;border:0}

/* 라디오 / 체크박스 */
.rdos {display:inline-block}
.rdos input[type="radio"] {position:absolute;left:0;bottom:0;width:0;height:0;padding:0;margin:-1px;overflow:hidden;border:0}
.rdos input[type="radio"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:36px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:1.750;margin-right:5px}
.rdos input[type="radio"] + label:before {content:'';position:absolute;left:0;top:2px;margin:0;width:25px;height:25px;text-align:center;background:#fff;border:1px solid #c0c0c0;border-radius:50%;box-sizing:border-box}
.rdos input[type="radio"]:checked + label:after {content:"";display:block;position:absolute;width:11px;height:11px;left:7px;top:9px;background:#333;border-radius:50%}
.rdos input[type="radio"]:focus + label:before {outline:2px solid rgba(59, 153, 252, .5)}
.chks {display:inline-block;position:relative}
.chks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.chks input[type="checkbox"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:36px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:1.750;margin-right:5px}
.chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:2px;margin:0;width:25px;height:25px;text-align:center;background:#fff;border:1px solid #c0c0c0;box-sizing:border-box}
.chks input[type="checkbox"] + label:after {content:"";display:block;position:absolute;width:11px;height:7px;left:6px;top:7px;border-width:0 0 2px 2px;border-style:solid;border-color:transparent transparent transparent transparent;transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.chks input[type="checkbox"]:checked + label:after {border-color:transparent transparent #d74914 #d74914}
.chks input[type="checkbox"]:focus + label:before {outline:rgb(59, 153, 252) auto 5px}
@media all and (max-width:767px) {
	.rdos input[type="radio"] + label {padding-left:25px}
	.rdos input[type="radio"] + label:before {top:6px;width:18px;height:18px}
	.rdos input[type="radio"]:checked + label:after {width:8px;height:8px;left:5px;top:11px}
	.chks input[type="checkbox"] + label {padding-left:25px}
	.chks input[type="checkbox"] + label:before {top:6px;width:18px;height:18px}
	.chks input[type="checkbox"]:checked + label:after {width:8px;height:4px;left:4px;top:10px}
}

/* 포인트컬러값 */
.csc-p01 {color:#042f7d}
.csc-p02 {color:#184fac}
.csc-p03 {color:#4d85e4}
.csc-p04 {color:#6b93dc}
.csc-p05 {color:#f1f1f1}
.csc-p06 {color:#12a89e}
.csc-p07 {color:#333182}


/* 링크스타일 */
.sico-nwin {color:#006476 !important;letter-spacing:-0.05em;margin:0 5px 0 0}
.sico-nwin:after {content:"";display:inline-block;width:10px;height:10px;background:url(/resources/_Img/Common/ico_nw.gif) no-repeat 0 0;margin:0 0 1px 5px}
.sico-nwin:focus, .sico-nwin:active, .sico-nwin:hover {text-decoration:underline}

/* 탭메뉴 */
.c-tab01 {position:relative;margin-bottom:50px;line-height:1;box-sizing:border-box}
.c-tab01 ul {display:inline-block;background-color:#fff;width:100%;font-size:0;text-align:center;overflow:hidden}
.c-tab01 ul li {display:inline-block;width:16.66%;text-align:center;vertical-align:top}
.c-tab01 ul li a {position:relative;display:block;border:1px solid #585858;border-left:0;height:60px;text-align:center;box-sizing:border-box;transition:all .3s ease}
.c-tab01 ul li:first-child a {border-left:1px solid #585858}
.c-tab01 ul li a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
.c-tab01 ul li a span {display:inline-block;width:99%;padding:0 5px;color:#333;font-size:20px;letter-spacing:-.05em;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box}
.c-tab01 ul li a span:after {content:"";display:none;background:url(/resources/_Img/Templet/Layout/bullet_w.png) no-repeat;width:20px;height:20px;margin:2px auto 0;transition:all .3s ease}
.c-tab01 ul li.over a span:after,
.c-tab01 ul li a:hover span:after {display:block}
.c-tab01 ul li.over a,
.c-tab01 ul li a:hover,
.c-tab01 ul li a:focus {background-color:#232753;border-color:#232753}
.c-tab01 ul li.over a span,
.c-tab01 ul li a:hover span,
.c-tab01 ul li a:focus span {color:#fff}
.c-tab01 ul li a[target="_blank"] span:after {content:"";display:inline-block;width:10px;height:10px;background:url(/resources/_Img/Common/ico_nw.gif) no-repeat 0 0;margin:-2px 0 0 10px;vertical-align:middle}
.c-tab01 ul li.over a[target="_blank"] span:after {background-position:-10px 0px}
.c-tab01.mSet {border:0;margin:-7px 0 20px;z-index:101;overflow:visible}
.c-tab01.mSet:before,
.c-tab01.mSet:after {display:none}
.c-tab01.mSet button.ctab01Ctrl {position:relative;background-color:#fff;border:1px solid #585858;width:100%;height:50px;color:#333;font-size:18px;letter-spacing:-.05em;text-align:left;line-height:50px;box-sizing:border-box}
.c-tab01.mSet button.ctab01Ctrl span {display:block;margin:0 50px 0 18px}
.c-tab01.mSet button.ctab01Ctrl:after {content:"";display:block;position:absolute;top:50%;right:15px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -110px -56px;width:13px;height:7px;margin:-2px 0 0 0;z-index:9;transition:all .3s ease}
.c-tab01.mSet button.ctab01Ctrl.over:after {transform:rotate(180deg)}
.c-tab01.mSet ul {display:none;position:absolute;width:100%;left:0;top:50px;padding:0;box-shadow:0 5px 5px rgba(0, 0, 0, .15)}
.c-tab01.mSet ul li {float:none;width:100% !important;padding:0;margin:0}
.c-tab01.mSet ul li a {background-color:#f1f1f1;border:1px solid #585858;border-top:0;text-align:center;box-sizing:border-box}
.c-tab01.mSet ul li.over a {background-color:#232753;color:#fff}
.c-tab01.mSet ul li a span {display:inline-block;padding:14px 18px 10px;color:#333;font-size:18px;letter-spacing:-.05em;text-align:left}
.c-tab01.mSet ul li a span:after {display:none}
.c-tab01.mSet ul li a:after {display:none !important}
.c-tab01.mSet ul li button,
.c-tab01.mSet ul li a {height:50px}
.c-tab01.mSet ul li button:before,
.c-tab01.mSet ul li a:before {height:44px}
.c-tab01.mSet ul li a:after {display:none}
.c-tab01.mSet ul li.nw a:after {right:20px}
.c-tab01.mSet ul li:first-child.over button,
.c-tab01.mSet ul li:first-child.over a {border:0}
.c-tab01.mSet ul li a:hover span,
.c-tab01.mSet ul li a:focus span {color:#042f7d}
.c-tab01.mSet ul li a[target="_blank"]:hover span:after,
.c-tab01.mSet ul li a[target="_blank"]:focus span:after {background-position:-30px -65px}
.c-tab01.mSet ul li.over a span {color:#fff}
@media all and (max-width:999px) {
	.c-tab01 ul {border-left:1px solid #585858;text-align:left}
	.c-tab01 ul li {width:25%}
	.c-tab01 ul li:first-child a {border-left:0}
	.c-tab01 ul li:nth-child(n+5) a {border-top:0}
}
@media all and (max-width:800px){
	.c-tab01:before {display:none}
	.c-tab01 ul {border-left:0}
	.c-tab01 ul li a {border-bottom:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
	.c-tab01 ul li:first-child a {border-left:1px solid #585858}
}

.c-tab02 {position:relative;line-height:1;margin-bottom:30px}
.c-tab02 ul {display:block;position:relative;font-size:0;width:100%;margin-bottom:-1px;padding-left:60px;overflow:hidden;box-sizing:border-box}
.c-tab02 ul:before,
.c-tab02 ul:after {content:"";display:block;position:absolute;left:0;background-color:#ccc;width:100%;height:1px;z-index:-1}
.c-tab02 ul:before {top:0}
.c-tab02 ul:after {bottom:0}
.c-tab02 ul li {display:inline-block;width:14.28%;vertical-align:top;text-align:center}
.c-tab02 ul li a {display:block;position:relative;padding:0 10px;text-align:center;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .5s ease}
.c-tab02 ul li a span {display:inline-block;position:relative;padding:21px 0;color:#333;font-size:18px;font-weight:500;letter-spacing:-.05em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.c-tab02 ul li a span:after {content:"";display:block;position:absolute;bottom:0;left:0;background-color:#042f7d;width:100%;height:0;transition:all .3s ease}
.c-tab02 ul li.over a span,
.c-tab02 ul li a:hover span,
.c-tab02 ul li a:focus span {color:#042f7d}
.c-tab02 ul li.over a span:after,
.c-tab02 ul li a:hover span:after,
.c-tab02 ul li a:focus span:after {height:4px}
.c-tab02 ul li.all {position:absolute;top:0;left:0;width:60px}
.c-tab02 ul li.all a {background-color:#232753;padding:21px 10px}
.c-tab02 ul li.all a:before,
.c-tab02 ul li.all a:after,
.c-tab02 ul li.all a .txt:before {content:"";display:block;background-color:#fff;width:20px;height:3px;margin:0 auto;transition:all .2s ease}
.c-tab02 ul li.all a:before {margin-bottom:4px}
.c-tab02 ul li.all a:after {margin-top:4px}
.c-tab02 ul li.all a span {display:block;padding:0}
.c-tab02 ul li.all a span:after {display:none}
.c-tab02 ul li.all a:hover:before,
.c-tab02 ul li.all a:hover:after,
.c-tab02 ul li.all a:hover .txt:before {box-shadow: 0 0 7px 3px rgba(255, 255, 255, 0.35)}
.c-tab02.mSet {border:0;margin-bottom:10px;z-index:100;overflow:visible}
.c-tab02.mSet:before,
.c-tab02.mSet:after {display:none}
.c-tab02.mSet button.ctab02Ctrl {position:relative;background-color:#fff;border:1px solid #042f7d;width:100%;height:50px;color:#042f7d;font-size:18px;letter-spacing:-.05em;text-align:left;line-height:50px;box-sizing:border-box}
.c-tab02.mSet button.ctab02Ctrl span {display:block;margin:0 50px 0 18px}
.c-tab02.mSet button.ctab02Ctrl:after {content:"";display:block;position:absolute;top:50%;right:15px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -110px -56px;width:13px;height:7px;margin:-2px 0 0 0;z-index:9;transition:all .3s ease}
.c-tab02.mSet button.ctab02Ctrl.over:after {transform:rotate(180deg)}
.c-tab02.mSet ul {display:none;position:absolute;width:100%;left:0;top:50px;padding:0}
.c-tab02.mSet ul li {float:none;width:100% !important;padding:0;margin:0}
.c-tab02.mSet ul li a {background-color:#fff;border:1px solid #585858;border-top:0;padding:0;text-align:left;box-sizing:border-box}
.c-tab02.mSet ul li.over a,
.c-tab02.mSet ul li.over a span {color:#042f7d}
.c-tab02.mSet ul li a span {display:inline-block;padding:14px 18px 10px;color:#333;font-size:18px;letter-spacing:-.05em;text-align:left}
.c-tab02.mSet ul li a span:after {display:none}
.c-tab02.mSet ul li a:after {display:none !important}
.c-tab02.mSet ul li button,
.c-tab02.mSet ul li a {height:50px}
.c-tab02.mSet ul li button:before,
.c-tab02.mSet ul li a:before {height:44px}
.c-tab02.mSet ul li a:after {display:none}
.c-tab02.mSet ul li.nw a:after {right:20px}
.c-tab02.mSet ul li:first-child.over button,
.c-tab02.mSet ul li:first-child.over a {}
.c-tab02.mSet ul li a:hover span,
.c-tab02.mSet ul li a:focus span {color:#042f7d}
.c-tab02.mSet ul li a[target="_blank"]:hover span:after,
.c-tab02.mSet ul li a[target="_blank"]:focus span:after {background-position:-30px -65px}
.c-tab02.mSet ul li a span {font-weight:400}
.c-tab02.mSet ul li.all a {padding:0}
.c-tab02.mSet ul li.all a .txt {padding:0}
.c-tab02.mSet ul li.all a:before,
.c-tab02.mSet ul li.all a:after,
.c-tab02.mSet ul li.all a .txt:before {display:none}
.c-tab02.mSet ul li.all a .blind {top:auto;left:auto;width:auto;height:auto;text-indent:0;line-height:1}
@media all and (max-width:999px) {
	.c-tab02 ul li {width:33.33%}
}
@media all and (max-width:800px){
	.c-tab02:before {display:none}
	.c-tab02 ul li a {border-bottom:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
}


/* 게시판카테고리탭 :b-tab01 */
.b-tab01 {position:relative;margin-bottom:20px}
.b-tab01:before,
.b-tab01:after {content:"";display:block;position:absolute;left:0;background-color:#585858;width:100%;height:1px}
.b-tab01 ul {margin:0 auto}
.b-tab01 ul li {float:left;max-width:20%;font-size:15px;text-align:center}
.b-tab01 ul li a {display:block;position:relative;height:100%;color:#333;padding:0;text-align:center}
.b-tab01 ul li a > span {display:inline-block;position:relative;height:100%;color:#333;font-size:18px;font-weight:500;letter-spacing:-.05em;transition:all .3s ease}
.b-tab01 ul li a > span:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.b-tab01 ul li a > span:after {content:"";display:block;position:absolute;bottom:0;left:0;background-color:#042f7d;width:100%;height:0;transition:all .3s ease}
.b-tab01 ul li a span .txt {display:inline-block;vertical-align:middle}
.b-tab01 ul li.over a span,
.b-tab01 ul li a:hover span,
.b-tab01 ul li a:focus span,
.b-tab01 ul li a:active span {color:#042f7d}
.b-tab01 ul li.over a > span:after,
.b-tab01 ul li a:hover > span:after,
.b-tab01 ul li a:focus > span:after,
.b-tab01 ul li a:active > span:after {height:4px}

.b-tab01 li a:hover, .b-tab01 li a:focus, .b-tab01 li a:active {text-decoration:none}
.b-tab01 .all {position:absolute;left:61px;top:0;background-color:#232753;width:60px;height:60px;padding:21px 10px;box-sizing:border-box}
.b-tab01 .all:before,
.b-tab01 .all:after,
.b-tab01 .all .txt:before {content:"";display:block;background-color:#fff;width:20px;height:3px;margin:0 auto;transition:all .2s ease}
.b-tab01 .all:before {margin-bottom:4px}
.b-tab01 .all:after {margin-top:4px}
.b-tab01 .all span {display:block;padding:0}
.b-tab01 .all span:after {display:none}
.b-tab01 .all:hover:before,
.b-tab01 .all:hover:after,
.b-tab01 .all:hover .txt:before {box-shadow: 0 0 7px 3px rgba(255, 255, 255, 0.35)}
.b-tab01 button {width:60px;height:100%;position:relative;background:none;border:0;position:absolute;top:0}
.b-tab01 .btn-prev,
.b-tab01 .btn-next {border:0 !important;z-index:1}
.b-tab01 button:before,
.b-tab01 button:after {display:block;content:"";position:absolute;top:50%}
.b-tab01 button:before {background:#fff;border:2px solid #e0e0e0;border-radius:50%;width:45px;height:45px;left:0;right:0;margin:-22px auto 0;box-sizing:border-box}
.b-tab01 button:after {width:7px;height:7px;border-width:2px;border-style:solid;border-color:transparent transparent #aeaeae #aeaeae;margin-top:-4px}
.b-tab01 .btn-prev:before {left:0}
.b-tab01 .btn-next:before {right:0}
.b-tab01 .btn-prev:after {transform:rotate(45deg);-ms-transform:rotate(45deg);left:50%;margin-left:-2px}
.b-tab01 .btn-next:after {transform:rotate(-135deg);-ms-transform:rotate(-135deg);right:50%;margin-right:-4px}
@media all and (max-width:999px) {
	.b-tab01 ul li {max-width:30%}
}
@media all and (max-width:768px) {
	.b-tab01 ul li a > span {font-size:16px;padding:0;line-height:1.2;vertical-align:middle}
	.b-tab01 button {width:45px}
	.b-tab01 .btn-next:before {left:auto}
}


/* 컨텐츠 타이틀 */
.c-tit01 {position:relative;margin-bottom:30px;color:#000;font-size:1.556em;font-weight:500;letter-spacing:-.05em;line-height:1.2}

.c-tit02 {position:relative;margin-bottom:20px;padding: 2px 0 0 6px;color:#042f7d;font-size:1.333em;font-weight:500;letter-spacing:-.05em;line-height:1.2}
.c-tit02:before {content:"";position:absolute;left:2px;top:-4px;background:url(/resources/_Img/Templet/Layout/bullet_b.png) no-repeat;width:10px;height:10px;transform:rotate(90deg)}

.c-tit03 {position:relative;margin-bottom:15px;color:#222;font-size:1.111em;font-weight:500;letter-spacing:-.05em;line-height:1.2}
@media all and (max-width:999px){
	.c-tit01 {margin-bottom:25px}
	.c-tit02 {margin-bottom:20px}
	.c-tit03 {}
}
@media all and (max-width:768px){
	.c-tit01 {margin-bottom:25px;font-size:1.4em}
	.c-tit02 {margin-bottom:15px}
	.c-tit02:before {background-size:7px auto;width:7px;height:7px}
	.c-tit03 {margin-bottom:10px}
}
@media all and (max-width:499px){
}


/* 리스트 스타일 (float:left 속성을 줄경우에는 ie6등에서 배경 이미지가 나오지 않을수 있으므로 width값 설정이 필요합니다.) */
.c-list01,
.c-list02,
.c-list03,
.c-list04 {text-align:left;padding-left:6px}
.c-list01 > li,
.c-list02 > li {position:relative;padding:2px 0 2px 11px;color:#333;letter-spacing:-.05em}
.c-list01 > li:first-child, 
.c-list02 > li:first-child {margin-top:0}
.c-list01 > li:before,
.c-list02 > li:before{content:"";display:block;position:absolute;top:14px;left:0;background-color:#042f7d;width:4px;height:4px}
.c-list01 > li ul,
.c-list02 > li ul {margin:3px 0 0 0}
.c-list01 > li ul li,
.c-list02 > li ul li,
.c-list03 > li ul li,
.c-list04 > li ul li {padding:0 0 0 11px;position:relative;font-size:.944em;color:#333;letter-spacing:-.02em;margin-bottom:1px}
.c-list01 > li ul li:before, .c-list02 > li ul li:before, .c-list03 > li ul li:before , .c-list04 > li ul li:before {content:"";display:block;position:absolute;top:14px;left:2px;background-color:#12a89e;border-radius:50%;width:4px;height:4px}
.c-list01 > li .tit,
.c-list02 > li .tit {display:inline-block;color:#000;font-weight:500;vertical-align:top}
.c-list01 > li .tit:after {content:":";display:inline-block;margin-left:5px}
.c-list01 > li .tit {position:relative;padding:0 3px 0 0}
.c-list01 > li .txt {display:inline-block;vertical-align:top}

.c-list02 > li {padding-left:80px}
.c-list02 > li .tit {display:block;width:70px;position:absolute;top:3px;left:11px}
.c-list02 > li ul {margin-left:-75px}

.c-list03 > li {position:relative;padding:1px 0 1px 33px}
.c-list03 > li .tit {position:absolute;top:1px;left:0;color:#000;font-weight:500;width:30px;text-align:center}
.c-list03 > li .tit:after,
.c-list03 > li .s-tit:after,
.c-list04 > li .s-tit:after {content:".";display:inline-block}
.c-list03 > li ul {margin-top:1px}
.c-list03 > li > ol,
.c-list04 > li > ol {padding-left:2px}
.c-list03 > li > ol li,
.c-list04 > li > ol li {position:relative;padding:1px 0 1px 33px}
.c-list03 > li .s-tit,
.c-list04 > li .s-tit {position:absolute;top:1px;left:0;color:#000;font-weight:500;font-size:.944em;width:30px;text-align:center}

.c-list04 > li {position:relative;padding:0 0 0 28px;margin-top:6px}
.c-list04 > li:first-child {margin-top:0}
.c-list04 > li .tit {display:block;position:absolute;top:3px;left:1px;border-radius:50%;width:22px;height:22px;line-height:22px;color:#fff;font-size:.833em;letter-spacing:-.05em;text-align:center;box-sizing:border-box}
.c-list04.color01 > li .tit {background-color:#042f7d}
.c-list04.color02 > li .tit {background-color:#12a89e}
.c-list04.color03 > li .tit {background-color:#f1f1f1;border:1px solid #dedede;color:#000}
.c-list04 > li:first-child .tit {top:5px}


@media all and (max-width:768px) {
	.c-list01 > li {padding-left:7px}
	.c-list01 > li:before,
	.c-list02 > li:before {top:13px;width:3px;height:3px}
	.c-list01 > li ul li:before,
	.c-list02 > li ul li:before,
	.c-list03 > li ul li:before,
	.c-list04 > li ul li:before {top:12px;width:2px;height:2px}
	.c-list02 > li .tit {left:7px}
	.c-list04 > li .tit {width:20px;height:20px;line-height:20px}
	.c-list04 > li:first-child .tit {top:3px}
	
}

/* ----- 버튼 ----- */
.nw-btn {display:inline-block;margin-right:5px}
.nw-btn:after {content:"";display:inline-block;background:url(/resources/_Img/Common/ico_nw_spr.png) no-repeat 0 -20px;width:10px;height:10px;margin-left:5px;transition:all .3s ease}
.nw-btn:hover:after,
.nw-btn:focus:after {background-position:0 -40px}
a.nw-btn, a.nw-btn:link {color:#0a60bc;text-decoration:none}
.sw-btn:hover, .sg-btn:hover, .sp-btn:hover, .sdp-btn:hover,
.bw-btn:hover, .bg-btn:hover, .bp-btn:hover, .bdp-btn:hover,
.lw-btn:hover, .lg-btn:hover, .lp-btn:hover, .ldp-btn:hover,
.sw-btn:focus, .sg-btn:focus, .sp-btn:focus, .sdp-btn:focus,
.bw-btn:focus, .bg-btn:focus, .bp-btn:focus, .bdp-btn:focus,
.lw-btn:focus, .lg-btn:focus, .lp-btn:focus, .ldp-btn:focus,
.c-btn:hover, .c-btn:focus,
.sw-fbtn:hover, .sg-fbtn:hover, .sp-fbtn:hover, .sdp-fbtn:hover,
.bw-fbtn:hover, .bg-fbtn:hover, .bp-fbtn:hover, .bdp-fbtn:hover,
.lw-fbtn:hover, .lg-fbtn:hover, .lp-fbtn:hover, .ldp-fbtn:hover,
.sw-fbtn:focus, .sg-fbtn:focus, .sp-fbtn:focus, .sdp-fbtn:focus,
.bw-fbtn:focus, .bg-fbtn:focus, .bp-fbtn:focus, .bdp-fbtn:focus,
.lw-fbtn:focus, .lg-fbtn:focus, .lp-fbtn:focus, .ldp-fbtn:focus,
.c-fbtn:hover, .c-fbtn:focus {text-decoration:none}

/* 작은 컨텐츠 버튼 */
.sw-btn, .sg-btn, .sp-btn, .sdp-btn {display:inline-block;min-width:110px;height:40px;font-size:.778em;vertical-align:top;text-align:center;transition:all .25s ease;box-sizing:border-box}
.sw-btn, a.sw-btn {position:relative;background:#fff;border:1px solid #393939;color:#353535}
a.sw-btn:before, a.sw-btn:before {content:"";position:absolute;left:0;top:0;display:none;border:1px solid #042f7d;width:100%;height:100%;box-sizing:border-box;transition:all .3s ease}
.sw-btn:hover, .sw-btn:focus {border:1px solid #042f7d;color:#042f7d}
a.sw-btn:hover:before, a.sw-btn:focus:before {display:block}
input.sw-btn:hover, input.sw-btn:focus, button.sw-btn:hover, button.sw-btn:focus {border:2px solid #042f7d}
.sg-btn, a.sg-btn {background:#393939;border:1px solid #393939;color:#fff}
.sg-btn:hover, .sg-btn:focus {background:#222;border:1px solid #222}
.sp-btn, a.sp-btn {background:#044288;border:1px solid #044288;color:#fff}
.sp-btn:hover, .sp-btn:focus {background:#0a60bc;border:1px solid #0a60bc;color:#fff}
.sdp-btn, a.sdp-btn {background:#333;border:1px solid #333;color:#fff}
.sdp-btn:hover, .sdp-btn:focus {background:#818181;border:1px solid #818181;color:#fff}
a.sw-btn span, a.sg-btn span, a.sp-btn span, a.sdp-btn span {display:block;padding:12px 15px;line-height:1}
input.sw-btn, input.sg-btn, input.sp-btn, input.sdp-btn, button.sw-btn, button.sg-btn, button.sp-btn, button.sdp-btn {padding:0 9px;height:40px}

/* 컨텐츠 버튼 */
.cw-btn, .cg-btn, .cp-btn, .cdp-btn {position:relative;display:inline-block;min-width:180px;height:60px;font-size:18px;letter-spacing:-.05em;vertical-align:middle;transition:all .25s ease;line-height:1.1;box-sizing:border-box}
.cw-btn, a.cw-btn {background:#fff;border:1px solid #353535;color:#333}
.cw-btn:hover, .cw-btn:focus {border:1px solid #042f7d;color:#042f7d}
a.cw-btn:before, a.cw-btn:before {content:"";position:absolute;left:0;top:0;display:none;border:1px solid #042f7d;width:100%;height:100%;box-sizing:border-box;transition:all .3s ease}
.cw-btn:hover, .cw-btn:focus {border:1px solid #042f7d;color:#042f7d}
a.cw-btn:hover:before, a.cw-btn:focus:before {display:block}
.cg-btn, a.cg-btn {background:#393939;border:1px solid #393939;color:#fff}
.cg-btn:hover, .cg-btn:focus {background:#222;border-color:#222}
.cp-btn, a.cp-btn {background:#042f7d;border:1px solid #042f7d;color:#fff}
.cp-btn:hover, .cp-btn:focus {background:#051f4f;border-color:#051f4f}
.cp-btn:focus {outline:2px solid rgba(59, 153, 252, .5)}
.cdp-btn, a.cdp-btn {background:#333;border:1px solid #333;color:#fff}
.cdp-btn:hover, .cdp-btn:focus {background:#818181;border:1px solid #818181;color:#fff}
a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {display:block;padding:20px 59px 20px 22px;line-height:1}
input.cw-btn, button.cw-btn {position:relative;padding:0 40px 0 15px;height:40px;cursor:pointer;vertical-align:top}
.cw-btn span:after,
.cg-btn span:after,
.cp-btn span:after,
.cdp-btn span:after {content:"";display:block;position:absolute;top:50%;right:18px;background:url(/resources/_Img/Common/cbtn_spr.png) no-repeat;width:20px;height:20px;margin-top:-8px;transition:right .3s ease}
.cw-btn .arr:after, .cg-btn .arr:after, .cp-btn .arr:after, .cdp-btn .arr:after {right:13px}
.cw-btn:hover span:after, .cw-btn:focus span:after, .cw-btn:active span:after,
.cg-btn:hover span:after, .cg-btn:focus span:after, .cg-btn:active span:after,
.cp-btn:hover span:after, .cp-btn:focus span:after, .cp-btn:active span:after,
.cdp-btn:hover span:after, .cdp-btn:focus span:after, .cdp-btn:active span:after {right:21px}
.cw-btn:hover .arr:after, .cw-btn:focus .arr:after, .cw-btn:active .arr:after,
.cg-btn:hover .arr:after, .cg-btn:focus span.arrafter, .cg-btn:active .arr:after,
.cp-btn:hover .arr:after, .cp-btn:focus .arr:after, .cp-btn:active .arr:after,
.cdp-btn:hover .arr:after, .cdp-btn:focus .arr:after, .cdp-btn:active .arr:after {right:16px}
.cw-btn .down:after {background-position:0 0}
.cg-btn .down:after, .cp-btn .down:after, .cdp-btn .down:after,
.cp-btn:hover .down:after, .cp-btn:focus .down:after, .cp-btn:active .down:after {background-position:0 -30px}
.cdp-btn:hover .down:after, .cdp-btn:focus .down:after, .cdp-btn:active .down:after {background-position:0 0}

.cw-btn .arr:after, .cg-btn .arr:after {background-position:-82px 0}
.cw-btn .plus:after, .cg-btn .plus:after {background-position:0 0}
.cw-btn .nw:after, .cg-btn .nw:after {background-position:-16px 0}
.cw-btn .zoom:after, .cg-btn .zoom:after {background-position:-32px 0}
.cw-btn .calendar:after, .cg-btn .calendar:after {background-position:-64px 0}
.cp-btn .arr:after, .cdp-btn .arr:after {background-position:-82px -16px}
.cp-btn .plus:after, .cdp-btn .plus:after {background-position:0  -16px}
.cp-btn .nw:after, .cdp-btn .nw:after {background-position:-16px -16px}
.cp-btn .zoom:after, .cdp-btn .zoom:after {background-position:-32px -16px}

.cw-btn span.normal:after,
.cg-btn span.normal:after,
.cp-btn span.normal:after,
.cdp-btn span.normal:after {display:none}
.cw-btn span.normal,
.cg-btn span.normal,
.cp-btn span.normal,
.cdp-btn span.normal {padding:20px;text-align:center;box-sizing:border-box}

input.cp-btn, button.cp-btn {padding:20px;height:60px;vertical-align:top}
@media all and (max-width:599px){
	.cw-btn, .cg-btn, .cp-btn, .cdp-btn {min-width:40px;min-height:40px;height:auto;font-size:14px;margin:0 1px 1px 0}
	a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {padding:17px 50px 17px 15px}
}

/* 프로그램버튼 */
.bw-btn, .bg-btn, .bp-btn, .bdp-btn {position:relative;display:inline-block;min-width:130px;height:50px;font-size:18px;letter-spacing:-.05em;vertical-align:middle;transition:all .25s ease;line-height:1.1;text-align:center;box-sizing:border-box}
.bw-btn, a.bw-btn {background:#fff;border:1px solid #ccc;color:#333}
.bw-btn:hover, .bw-btn:focus {border:1px solid #042f7d;color:#042f7d}
a.bw-btn:before, a.bw-btn:before {content:"";position:absolute;left:0;top:0;display:none;border:1px solid #042f7d;width:100%;height:100%;box-sizing:border-box;transition:all .3s ease}
a.bw-btn:hover:before, a.bw-btn:focus:before {display:block}
.bg-btn, a.bg-btn {background:#f0f0f0;border:1px solid #aaa;color:#444}
.bg-btn:hover, .bg-btn:focus {background:#f0f0f0;border:1px solid #333;color:#444}
.bp-btn, a.bp-btn {background:#042f7d;border:1px solid #042f7d;color:#fff}
.bp-btn:hover, .bp-btn:focus {background:#051f4f;border-color:#051f4f}
.bdp-btn, a.bdp-btn {background:#333;border:1px solid #333;color:#fff}
.bdp-btn:hover, .bdp-btn:focus {background:#818181;border:1px solid #818181}
a.bw-btn span, a.bg-btn span, a.bp-btn span, a.bdp-btn span {display:block;padding:15px;line-height:1}
input.bw-btn, input.bg-btn, input.bp-btn, input.bdp-btn, button.bw-btn, button.bg-btn, button.bp-btn, button.bdp-btn {cursor:pointer}
@media all and (max-width:768px) {
	.bw-btn, .bg-btn, .bp-btn, .bdp-btn {min-width:80px;height:40px;font-size:16px}
	a.bw-btn span, a.bg-btn span, a.bp-btn span, a.bdp-btn span {padding:11px}
}
/* 회원 버튼 */
.lw-btn, .lg-btn, .lp-btn, .ldp-btn {display:inline-block;font-size:15px;font-weight:400;vertical-align:top;transition:all .25s ease}
.lw-btn, a.lw-btn {background:#fff;border:1px solid #909090;color:#444}
.lw-btn:hover, .lw-btn:focus {background:#fff;border:1px solid #c8c8c8;color:#444}
.lg-btn, a.lg-btn {background:#f0f0f0;border:1px solid #aaa;color:#444}
.lg-btn:hover, .lg-btn:focus {background:#f0f0f0;border:1px solid #333;color:#444}
.lp-btn, a.lp-btn {background:#044288;border:1px solid #044288;color:#fff}
.lp-btn:hover, .lp-btn:focus {background:#0a60bc;border:1px solid #0a60bc;color:#fff}
.ldp-btn, a.ldp-btn {background:#333;border:1px solid #333;color:#fff}
.ldp-btn:hover, .ldp-btn:focus {background:#818181;border:1px solid #818181}
a.lw-btn span, a.lg-btn span, a.lp-btn span, a.ldp-btn span {display:block;padding:21px 35px 21px 37px;line-height:1}
input.lw-btn, input.lg-btn, input.lp-btn, input.ldp-btn, button.lw-btn, button.lg-btn, button.lp-btn, button.ldp-btn {padding:0 37px 0 35px;height:60px;cursor:pointer}
@media (max-width:599px){
	.lw-btn, .lg-btn, .lp-btn, .ldp-btn {margin:1px}
}

/* 테이블 */
.tbl-type01 {position:relative;border-top:3px solid #000;font-weight:400;border-bottom:1px solid #000;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center}
.tbl-type01 th,
.tbl-type01 td {padding:18px 20px;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-top:1px solid #cdcdcd;word-wrap:break-word}
.tbl-type01 th {font-weight:400;color:#000}
.tbl-type01 td {font-size:.944em}
.tbl-type01 thead th,
.tbl-type01 th.th-bg {background-color:#f7f7f7;padding:18px 0 21px 0}
.tbl-type01 th:first-child, .tbl-type01 td:first-child {border-left:0}
.tbl-type01 th:last-child,
.tbl-type01 td:last-child {border-right:0}


@media all and (max-width:499px){
	.tbl-type01 thead th {font-size:15px;padding:10px 0 10px 5px}
	.tbl-type01 thead th:after {height:20px}
	.tbl-type01 tfoot th,
	.tbl-type01 tfoot td,
	.tbl-type01 tbody th,
	.tbl-type01 tbody td {padding:10px 5px;font-size:14px}
}

/* 테이블 > 테이블 */
.tbl-type01 table {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;margin-left:-1px;font-weight:400;font-size:15px;border-bottom:1px solid #ddd}
.tbl-type01 table th {font-size:15px;font-weight:500;background:#fff}
.tbl-type01 table th:after {display:none}
.tbl-type01 table th,
.tbl-type01 table td {padding:12px 8px 12px 8px;border-left:1px solid #ddd;border-right:1px solid #ddd;word-wrap:break-word;word-break:break-all}
.tbl-type01 table td {color:#444}
.tbl-type01 table thead th {background:#f7f7f7;color:#333;border-top:1px solid #ccc}
.tbl-type01 table th:first-child,
.tbl-type01 table td:first-child {border-left:0}
.tbl-type01 table th:last-child,
.tbl-type01 table td:last-child {border-right:0}

/* 작은 테이블 스타일 */
.tbl-type-s01 {position:relative;border-top:2px solid #000;border-bottom:1px solid #000;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;margin-left:-1px}
.tbl-type-s01 th {color:#000;font-weight:400}
.tbl-type-s01 td {color:#333;font-size:.944em}
.tbl-type-s01 th,
.tbl-type-s01 td {padding:17px 8px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;word-wrap:break-word;word-break:break-all}
.tbl-type-s01 tbody tr:last-child th,
.tbl-type-s01 tbody tr:last-child td {border-bottom:0}
.tbl-type-s01 thead th {background:#f7f7f7}
.tbl-type-s01 th:first-child,
.tbl-type-s01 td:first-child {border-left:0}
.tbl-type-s01 th:last-child,
.tbl-type-s01 td:last-child {border-right:0}
@media all and (max-width:599px){
	.tbl-type-s01 {font-size:14px}
	.tbl-type-s01 thead th {font-size:15px}
}

/* 반응형 테이블 안내창 */
.wauto-wrap {position:relative}
.is-wauto-box {position:relative;width:100%;padding-top:0px}
.is-wauto-box > table {min-width:720px}
.rsv-info {display:block;position:relative;text-align:center}
.rsv-info .ico {display:inline-block;position:relative;padding:30px 61px;font-size:17px;color:#333;letter-spacing:-.05em;line-height:1.4;font-family:"Noto Sans KR"}
.rsv-info .ico:before,
.rsv-info .ico:after {content:"";display:block;position:absolute;top:30%;background:url(/resources/_Img/Common/tbl_rsv_arr.png) no-repeat;width:45px;height:45px;margin-top:-19px}
.rsv-info .ico:before {left:0;background-position:0 0}
.rsv-info .ico:after {right:0;background-position:-55px 0}
.rsv-info .ico span {position:relative;display:block}
.rsv-info .ico span:after {content:"";display:block;background:url(/resources/_Img/Common/tbl_rsv_arr.png) no-repeat -110px 0;width:33px;height:42px;margin:8px auto 0}
@media all and (max-width:610px){
	.rsv-info .ico {display:block;padding:30px 50px}
	.rsv-info .ico:before {left:10px}
	.rsv-info .ico:after {right:10px}
}
@media all and (max-width:599px){
	.rsv-info .ico {font-size:16px;padding:15px 33px;line-height:1.2}
	.rsv-info .ico:before,
	.rsv-info .ico:after {margin-top:-28px}
}
@media all and (max-width:399px) {
	.rsv-info .ico:before,
	.rsv-info .ico:after {margin-top:-22px;background-size:101px auto;width:32px;height:32px}
	.rsv-info .ico:before {left:5px}
	.rsv-info .ico:after {right:5px;background-position:-38px 0}
	
}


/* info-ex 스타일 */
.info-box,
.info-box01,
.info-box04 {position:relative;display:table;width:100%;min-height:150px;margin-bottom:30px;vertical-align:middle;box-sizing:border-box}
.info-box {background-color:#f7f7f7;padding:45px 30px 45px 222px}
.info-box01 {background-color:#eff2f8;padding:45px 60px 45px 45px}
.info-box:before {content:"";display:block;position:absolute;left:0;top:0;background:url(/resources/_Img/Common/info_box_bg.png) no-repeat;width:292px;height:150px}
.info-box01:before {content:"";display:block;position:absolute;right:0;bottom:0;background:url(/resources/_Img/Common/info_box01_bg.png) no-repeat;width:251px;height:150px}
.info-box:after {content:"Korea Media Rating Board";display:block;position:absolute;bottom:20px;right:30px;color:rgba(51, 51, 51, .2);letter-spacing:.05em;font-weight:700;font-family:oswald, sans-serif}
.info-box .info-txt,
.info-box01 .info-txt {display:table-cell;color:#333;font-size:1em;letter-spacing:-.05em;line-height:1.667;vertical-align:middle}
.info-box02 {position:relative;background-color:#eff2f8;margin-bottom:30px;padding:43px 210px 49px 327px}
.info-box02:before {content:"";display:block;position:absolute;top:20px;right:50px;background:#fff url(/resources/_Img/Common/info02_spr.png) no-repeat;border-radius:50%;width:109px;height:109px;z-index:1}
.info-box02.normal:before,
.info-box02.normal:after {display:none}
.info-box04:before {content:"";display:block;position:absolute;top:12px;left:75px;background:#fff url(/resources/_Img/Common/info02_spr.png) no-repeat;border-radius:50%;width:109px;height:109px;z-index:1}
.info-box02.ico01:before,
.info-box04.ico01:before {background-position:0 0}
.info-box02.ico02:before,
.info-box04.ico02:before {background-position:-119px 0}
.info-box02.ico03:before,
.info-box04.ico03:before {background-position:-238px 0}
.info-box02.ico04:before,
.info-box04.ico04:before {background-position:-357px 0}
.info-box02.ico05:before,
.info-box04.ico05:before {background-position:-476px 0}
.info-box02.ico06:before ,
.info-box04.ico06:before{background-position:-595px 0}
.info-box02.ico07:before,
.info-box04.ico07:before {background-position:-714px 0}
.info-box02.ico08:before,
.info-box04.ico08:before {background-position:-833px 0}
.info-box02.ico09:before,
.info-box04.ico09:before {background-position:-952px 0}
.info-box02.ico10:before,
.info-box04.ico10:before {background-position:-1071px 0}
.info-box02:after,
.info-box04:after {content:"";display:block;position:absolute;top:40px;right:113px;background:url(/resources/_Img/Common/info_box02_after.png) no-repeat;width:71px;height:71px}
.info-box02 .info-tit,
.info-box04 .info-tit {position:absolute;left:52px;top:41px;width:270px;color:#042f7d;font-size:1.555em;font-weight:500;letter-spacing:-.05em;line-height:1.071}
.info-box02 .info-txt,
.info-box04 .info-txt {color:#333;line-height:1.666;letter-spacing:-.05em}
.info-box03 {position:relative;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:15px;padding:23px 25px 25px 90px;box-sizing:border-box;border-radius:5px}
.info-box03:before {content:"";display:block;position:absolute;left:35px;top:22px;background:url(/resources/_Img/Common/info_box03_ico.png) no-repeat;width:35px;height:35px}
.info-box03 .info-txt {color:#042f7d;font-weight:500;letter-spacing:-.05em}
.info-box04 {background-color:#eff2f8;height:130px;min-height:0;padding:48px 0 0 245px;overflow:hidden}
.info-box04:after {right:auto;top:33px;left:51px}
.info-box04 .info-box04-txt {position:relative;height:100%;padding:0 15px 45px 208px;box-sizing:border-box;z-index:1}
.info-box04 .info-box04-txt:before {content:"";display:block;position:absolute;right:0;bottom:0;background:url(/resources/_Img/Common/info_box04_bg.png) no-repeat;width:261px;height:144px;z-index:-1}
.info-box04 .info-tit {left:0;top:0;width:180px}
 
.info-ex01,
.info-ex02,
.info-ex03 {display:inline-block;position:relative;margin:5px 5px 0 0;padding-left:25px;font-size:.944em;color:#444;letter-spacing:-.05em;line-height:1.4;text-align:left}
.info-ex01:before,
.info-ex02:before,
.info-ex03:before,
.info-list ul:before {content:"!";display:block;position:absolute;left:0;top:3px;border-radius:5px;padding-top:2px;width:20px;height:20px;color:#fff;font-weight:500;font-size:15px;line-height:1;font-family:oswald, sans-serif;text-align:center;box-sizing:border-box}
.info-ex01:before,
.info-list ul:before {background-color:#393939}
.info-ex02:before {background-color:#12a89e}
.info-ex02 .tit {font-weight:500;}
.info-ex03:before {background-color:#333186}

.info-list ul {position:relative;padding-left:30px}
.info-list ul li {position:relative;padding:0 0 0 11px;margin:0 0 5px;font-size:.889em}
.info-list ul li:last-child {margin:0}
.info-list ul li:before {content:"";display:block;position:absolute;top:12px;left:0;background-color:#042f7d;width:4px;height:4px}
@media all and (max-width:999px) {
	.info-box:before,
	.info-box01:before,
	.info-box04 .info-box04-txt:before {background-size:204px auto;width:204px;height:105px}
	.info-box {padding:30px 45px 30px 85px}
	.info-box02 {padding:30px 210px 30px 40px}
	.info-box02 .info-tit,
	.info-box04 .info-tit {position:static;left:auto;top:auto;width:auto;margin-bottom:10px}
	.info-box03 {padding-left:70px}
	.info-box03:before {left:27px;top:19px}
	.info-box04 {height:auto;padding-top:35px}
	.info-box04 .info-box04-txt {padding-left:0;padding-bottom:35px}
}
@media all and (max-width:768px) {
	.info-box {padding:30px 25px 45px 30px}
	.info-box:before,
	.info-box01:before,
	.info-box04 .info-box04-txt:before {background-size:100px auto;width:100px;height:51px}
	.info-box:after {font-size:14px}
	.info-box .info-txt,
	.info-box01 .info-txt {line-height: 1.375}
	.info-box01 {padding:20px 25px 30px 25px}
	.info-box02 {padding:30px 130px 30px 40px}
	.info-box02:before,
	.info-box04:before  {background-size:826px auto;right:30px;width:76px;height:76px}
	.info-box02.ico02:before,
	.info-box04.ico02:before {background-position:-83px 0}
	.info-box02.ico03:before,
	.info-box04.ico03:before {background-position:-167px 0}
	.info-box02.ico04:before,
	.info-box04.ico04:before {background-position:-250px 0}
	.info-box02.ico05:before,
	.info-box04.ico05:before {background-position:-333px 0}
	.info-box02.ico06:before,
	.info-box04.ico06:before {background-position:-417px 0}
	.info-box02.ico07:before,
	.info-box04.ico07:before {background-position:-500px 0}
	.info-box02.ico08:before,
	.info-box04.ico08:before {background-position:-583px 0}
	.info-box02.ico09:before,
	.info-box04.ico09:before {background-position:-666px 0}
	.info-box02.ico10:before,
	.info-box04.ico10:before  {background-position:-750px 0}
	.info-box02:after,
	.info-box04:after {top:32px;right:71px;background-size:50px auto;width:50px;height:50px}
	.info-box02 .info-tit,
	.info-box04 .info-tit {font-size:1.33em}
	.info-box03 {padding:15px 15px 15px 50px}
	.info-box03:before {top:13px;left:15px;background-size:25px auto;width:25px;height:25px}
	.info-box04 {padding-left:130px}
	.info-box04:before {right:auto;left:30px}
	.info-box04:after {top:25px;right:auto;left:15px;}
	
	.info-ex01,
	.info-ex02,
	.info-ex03 {padding-left:25px}
	.info-ex01:before,
	.info-ex02:before,
	.info-ex03:before,
	.info-list ul:before {top:3px;width:18px;height:18px;font-size:14px}
	.info-list ul li {padding:0 0 0 7px}
	.info-list ul li:before {top:8px;width:3px;height:3px}
}
@media all and (max-width:599px) {
	.info-box02 {padding:20px}
	.info-box02:before {position:relative;right:auto;top:auto;margin:0 auto 15px}
	.info-box02:after{right:50%}
	.info-box04 {padding:20px 0 0 20px}
	.info-box04:before {position:relative;left:auto;top:auto;margin:0 auto 15px}
	.info-box04:after {left:auto;right:50%;top:32px;}
}

/* 다중폴딩 */
.foldings-wrap {border-top:3px solid #000}
.foldings-list {position:relative;width:100%;overflow:hidden}
.foldings-list > li {border-bottom:1px solid #ccc;overflow:hidden}
.foldings-wrap .foldings-in-wrap {}
.foldings-wrap .foldings-in-wrap a {display:block;position:relative;min-height:64px;padding:15px 90px 9px 120px;color:#333;font-size:1.111em;font-weight:500;cursor:pointer;box-sizing:border-box;transition:all .3s ease}
.foldings-wrap .foldings-in-wrap a .num {position:absolute;top:8px;left:0;display:inline-block;width:90px;margin-right:38px;color:#8c8c8c;font-size:1.667em;font-family:oswald, sans-serif;font-weight:500;text-align:center;vertical-align:middle}
.foldings-wrap .foldings-in-wrap a .num:after {content:"";display:block;position:absolute;top:0;bottom:0;right:0;background-color:#ccc;width:1px;height:43px;margin:auto}
.foldings-wrap .foldings-in-wrap a:before,
.foldings-wrap .foldings-in-wrap a:after {display:block;content:"";position:absolute;top:50%}
.foldings-wrap .foldings-in-wrap a:before {right:30px;border:2px solid #8c8c8c;border-radius:50%;width:45px;height:45px;margin-top:-20px;box-sizing:border-box;transition:all .3s ease}
.foldings-wrap .foldings-in-wrap a:after {right:46px;margin-top:-6px;width:7px;height:7px;border:2px solid #8c8c8c;border-top-color:transparent;border-right-color:transparent;transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:transform .3s ease}

.foldings-wrap .foldings-in-wrap a:hover {color:#393939}
.foldings-wrap .foldings-in-cont {display:none;overflow:hidden;background:#fff;border-top:1px solid #ccc;padding:30px 35px}
.foldings-wrap .foldings-in-cont .flow-list {background:#fff;border:1px solid #ddd;margin-top:10px}
.foldings-wrap .over .foldings-in-wrap, .foldings-wrap.over .foldings-in-wrap {background-color:#f6f6f6}
.foldings-list > li.over {border-bottom-color:#2a373f}
.foldings-wrap .over .foldings-in-wrap a, .foldings-wrap.over .foldings-in-wrap a {color:#000;font-weight:700}
.foldings-wrap .over .foldings-in-wrap a.num, .foldings-wrap.over .foldings-in-wrap a.num {color:#222}
.foldings-wrap .over .foldings-in-wrap a:before, .foldings-wrap.over .foldings-in-wrap a:before {border-color:#393939}
.foldings-wrap .over .foldings-in-wrap a:after, .foldings-wrap.over .foldings-in-wrap a:after {border-color:transparent transparent #393939 #393939;transform:rotate(135deg);-ms-transform:rotate(135deg);margin-top:0}
@media all and (max-width:760px) {
	.foldings-wrap .foldings-in-cont {padding:20px 25px}
	.foldings-wrap .foldings-in-wrap a {padding:15px 60px 15px 50px;font-size:16px}
	.foldings-wrap .foldings-in-wrap a .num {position:absolute;left:0;top:10px;width:40px;font-size:1.33em}
	.foldings-wrap .foldings-in-wrap a .num:after {height:15px}
	.foldings-wrap .foldings-in-wrap a:before {right:10px;width:30px;height:30px;margin-top:-14px}
	.foldings-wrap .foldings-in-wrap a:after {right:19px}
}

/* 준비중, 에러 메시지, 안내 페이지 */
.msg-wrap {max-width:617px;text-align:center;color:#333;padding:120px 0;margin:0 auto}
.msg-wrap:before {content:"";display:block;width:505px;height:281px;background:url(/resources/_Img/Common/msg_spr.png) no-repeat 0 0;margin:0 auto 28px}
.msg-wrap.wait:before {background-position:0 0}
.msg-wrap.error:before {background-position:0 -291px}
.msg-wrap.info:before {background-position:0 -582px;width:413px;height:284px}
.msg-wrap.logout:before {background-position:0 -456px}
.msg-wrap .tit {font-size:1.667em;color:#222;font-weight:500;line-height:1.2;letter-spacing:-.05em}
.msg-wrap .txt {color:#333;line-height:1.667;width:100%;margin-top:24px;letter-spacing:-.05em}
.msg-wrap .msgBox {font-size:15px;color:#666;line-height:1.6;width:100%;margin-top:15px;letter-spacing:-.03em}
.msg-wrap .btnBox {margin:37px auto 0;text-align:center}
.msg-wrap .btnBox a span {min-width:180px;padding:21px 10px}
@media all and (max-width:768px) {
	.msg-wrap {max-width:none;padding:40px 0}
	.msg-wrap:before{background-size:352px auto;width:354px;height:197px}
	.msg-wrap.error:before {background-position:0 -204px}
	.msg-wrap.info:before {background-position:0 -408px;width:289px;height:199px}
	.msg-wrap .tit {font-size:1.444em}
	.msg-wrap .txt {margin-top:10px;line-height:1.375}
	.msg-wrap .btnBox {margin-top:20px}
}
@media all and (max-width:399px) {
	.msg-wrap:before{background-size:253px auto;width:253px;height:141px}
	.msg-wrap.error:before {background-position:0 -146px}
	.msg-wrap.info:before {background-position:0 -291px;width:207px;height:142px}
	.msg-wrap .btnBox a span {min-width:100px;padding:15px 10px}
}


/* 이미지 슬라이드 */
.img-slide-wr {width:100%;max-width:445px;position:relative;margin:0 auto}
.img-slide-wr .item a {display:none;position:absolute;width:45px;height:45px;right:136px;bottom:0;z-index:2;background:url(/resources/_Img/Common/btn_zoom.png) no-repeat 0px 0px;transition:all .3s ease}
.img-slide-wr.hasZoom .active .item a {display:block}
.img-slide-wr .item img {position:relative;z-index:1}
.img-slide-wr .owl-dots {position:absolute;bottom:40px;left:0;width:100%;text-align:center;z-index:400}
.img-slide-wr .owl-dots .owl-dot {display:inline-block;width:10px;height:10px;margin:0 5px;border-radius:50%;background:#fff}
.img-slide-wr .owl-dots .owl-dot.active {background:#0a60bc}
.img-slide-wr .ctrl-btns {position:absolute;bottom:-30px;left:0;width:100%;text-align:center;font-size:0;z-index:400}
.img-slide-wr .ctrl-btns button {position:relative;display:inline-block;width:60px;height:60px;border:0;vertical-align:top;background:rgba(10,96,188,0.9)}
.img-slide-wr .ctrl-btns .btn-prev {background:rgba(10,96,188,0.9) url(/resources/_Img/Common/slide_nav.png) no-repeat 0 0}
.img-slide-wr .ctrl-btns .btn-next {background:rgba(10,96,188,0.9) url(/resources/_Img/Common/slide_nav.png) no-repeat right 0}
.img-slide-wr .owl-nav {right:45px;position:absolute}
.img-slide-wr .owl-nav:after {width:1px;height:14px;margin-top:-7px;background:rgba(255,255,255,0.3)}
.img-slide-wr .owl-nav button {text-indent:-9999em}
.img-slide-wr .owl-nav button:after {width:7px;height:7px;border-left:2px solid #fff;border-bottom:2px solid #fff;margin-top:-5px}
.img-slide-wr .owl-nav .owl-prev:after {transform:rotate(45deg);-ms-transform:rotate(45deg);margin-left:-3px}
.img-slide-wr .owl-nav .owl-next:after {transform:rotate(-135deg);-ms-transform:rotate(-135deg);margin-left:-5px}


.img-slide-wr .ctrl-btns button:after {content:"";position:absolute;top:50%;left:50%;margin-top:-6px}
.img-slide-wr .ctrl-btns .btn-stop:after {width:7px;height:12px;border-left:2px solid #fff;border-right:2px solid #fff;margin-left:-5px}
.img-slide-wr .ctrl-btns .btn-play:after {width:0;height:0;border-width:5px;border-style:solid;border-color:transparent;margin-top:-4px;margin-left:-2px;border-left:7px solid #fff}
.img-slide-wr .owl-theme .owl-nav [class*='owl-']:hover {background:none}

/* 이미지확대보기 */
.img-zoom {position:relative;width:100%}
.img-zoom img {max-width:100%}
.img-zoom .btn-zoom {position:absolute;top:0;right:0;display:block;width:60px;height:60px;background:rgba(0,0,0,0.7) url(/resources/_Img/Common/btn_zoom.png) no-repeat 50% 50%;z-index:5}
@media all and (max-width:768px){
	.img-zoom img {width:100%}
}


/* pdf 뷰어 */
.pdf-view-wr {position:relative;border-top:2px solid #777;background:#fbfbfb;padding:25px}
.pdf-view-wr p {font-size:15px;background:url(/resources/_Img/Common/sicon_acrobat.png) no-repeat;padding-left:38px;line-height:1.8;margin-right:270px}
.pdf-view-wr p .pdf-down {display:block;font-size:13px;font-weight:bold;color:#ff0000;letter-spacing:-0.025em;text-decoration:underline}
.pdf-view-wr .btn-down {position:absolute;top:50%;right:55px;line-height:1.8;margin-top:-12px;font-size:15px;color:#555;padding-right:50px}
.pdf-view-wr .btn-down:before {content:"";display:inline-block;vertical-align:middle;width:19px;height:23px;background:url(/resources/_Img/Common/ficon/pdf.gif) no-repeat 0 0;margin-right:8px;margin-top:-2px}
.pdf-view-wr .btn-down:after {position:absolute;top:50%;right:0;margin-top:-17px;content:"";display:block;width:35px;height:35px;background:url(/resources/_Img/Content/pdf_sprite.png) no-repeat 0 0}
@media all and (max-width:899px){
	.pdf-view-wr p {margin-right:0}
	.pdf-view-wr .btn-down {display:inline-block;position:relative;top:auto;right:auto;margin-top:10px;margin-left:8px}
}
/* 박스 스타일 */
.w-box {background:#fff;border:1px solid #ddd;overflow:hidden;position:relative}
.g-box {background:#f8f8f8;border:1px solid #ddd;overflow:hidden;position:relative;padding:20px}
.r-box {background:#fbf0e6;border:1px dashed #d1001d;overflow:hidden;position:relative}

/* flowlist-01  */
.flowlist-01 {border:1px solid #ccc;padding:50px 0;}
.flowlist-01 ol {overflow:hidden;}
.flowlist-01 li {position:relative;padding:0 80px;width:33%;float:left;box-sizing:border-box}
.flowlist-01 li:before {content:"";display:block;position:absolute;right:0;top:70px;margin-right:-16px;width:36px;height:34px;background:url(/resources/homepage/kor/_Img/Content/apiservice_arr.png);}
.flowlist-01 li:last-child:before {display:none}
.flowlist-01 li .tit {min-height:160px; position:relative;border:1px solid #ebebeb; border-top:3px solid #000; border-bottom:1px solid #000; padding:25px 35px; box-sizing:border-box; font-size:22px; color:#000}
.flowlist-01 li .tit .num {font-family:oswald, snas-serif;color:#c7c7c7; font-size:30px; position:absolute; left:35px; bottom:25px;}
.flowlist-01 li .tit:before {content:""; display:block; position:absolute; right:20px; bottom:25px;  width:80px; height:80px; background:url(/resources/homepage/kor/_Img/Content/apiservice_img01.png) no-repeat center center;}
.flowlist-01 li:nth-child(2) .tit:before {background-image:url(/resources/homepage/kor/_Img/Content/apiservice_img02.png) }
.flowlist-01 li:nth-child(3) .tit:before {background-image:url(/resources/homepage/kor/_Img/Content/apiservice_img03.png) }

@media all and (max-width:1299px){
.flowlist-01 li {padding:0 40px;}
}

@media all and (max-width:1099px){
.flowlist-01 {padding:40px 0;}
.flowlist-01 li {padding:0 40px;width:100%; padding-bottom:60px}
.flowlist-01 li:before {transform: rotate(90deg);top:auto; right:50%; bottom:20px; margin-right:-16px; }
.flowlist-01 li .tit {min-height:auto; padding:15px 35px;font-size:20px}
.flowlist-01 li .tit .num { font-size:18px; position:relative; left:auto; bottom:auto; display:inline-block; padding-right:10px}
.flowlist-01 li .tit:before {display:none }
.flowlist-01 li:last-child {padding-bottom:0px}
}

/*플로우차트 */
.flow li {position:relative;width:21.4%;float:left;border-top:3px solid #000;border-right:1px solid #ebebeb;border-left:1px solid #ebebeb;border-bottom:1px solid #000;box-sizing:border-box;margin-right:4.7%;text-align:center;padding:30px 20px;min-height:340px;}
.flow li:last-child {margin-right:0;} 
.flow li:before {content:"";display:block;position:absolute;right:-18%;top:45%;width:36px;height:34px;background:url(/resources/homepage/kor/_Img/Content/apiservice_arr.png);}
.flow li:last-child:before {display:none;}
.flow li .tit {display:block;width:37%;height:30px;background-color:#184fac;color:#fff;border-radius:15px;position:absolute;top:-15px;left:50%;margin-left:-18.5%;}
.flow li .stit {font-size:30px;color:#efefef;line-height:1;display:block;margin-bottom:10px;}
.flow li .txt {font-size:17px;}
.flow li .txt span {font-size:20px;display:block;font-weight:500;margin-bottom:5px;margin-top:10px;line-height:1.2;}
.flow li .txt:before {content:"";display:block;margin:auto;width:80px;height:80px;background:url(/resources/homepage/kor/_Img/Content/class_ico01.png) no-repeat center center;}
.flow li:nth-child(2) .txt:before {background:url(/resources/homepage/kor/_Img/Content/class_ico02.png)}
.flow li:nth-child(3) .txt:before {background:url(/resources/homepage/kor/_Img/Content/class_ico03.png)}
.flow li:last-child .txt:before {background:url(/resources/homepage/kor/_Img/Content/class_ico04.png)}

@media (max-width:1399px){
	.flow li {min-height:375px;}
}

@media (max-width:1259px){
	.flow li {min-height:420px;}
}

@media (max-width:1089px){
	.flow li {width:45%;min-height:310px;}
	.flow li:before {right:-10%;}
	.flow li:nth-child(2) {margin-right:0;}
	.flow li:first-child,.flow li:nth-child(2) {margin-bottom:40px;}
}

@media (max-width:899px){
	.flow li {width:100%;min-height:auto;margin-right:0;margin-bottom:70px;}
	.flow li:first-child,.flow li:nth-child(2) {margin-bottom:70px;}
	.flow li:last-child {margin-bottom:0;}
	.flow li:before {right:48%;top:105%;transform:rotate(90deg);}
}

@media (max-width:599px){
	.flow li:before {right:46%;}
}




/* 에디터용 */
/*에디터용 출력 소스*/
.editor-wrap {background:#f9f9f9}
.editor-wrap:after {content:"";display:block;clear:both}
.cs-editor-list li {list-style-type:inherit;list-style-position:inside}
.cs-editor-list li {list-style-type:inherit;list-style-position:inside}

table.edit-tbl01 {border-collapse:collapse;border-spacing:0px;empty-cells:show;border-top:2px solid #222}
table.edit-tbl01 td {border:1px solid #ccc;padding:5px}
table.edit-tbl01 th {border:1px solid #ccc;padding:5px}

table.edit-tbl02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:13px;border-top:2px solid #777;border-bottom:1px solid #ccc}
table.edit-tbl02 td {border:1px solid #ddd;padding:5px}
table.edit-tbl02 th {border:1px solid #ddd;padding:5px}

table.edit-tbl03 {border-collapse:collapse;border-spacing:0px;width:100%;clear:both;text-align:center;font-size:13px;border-top:2px solid #044288}
table.edit-tbl03 td {border:1px solid #ddd;padding:10px}
table.edit-tbl03 th {border:1px solid #ddd;padding:10px}