@charset "utf-8";
/*
font-family:'Nanum Gothic',monospace;
font-family:'Nanum Gothic Coding',monospace;
*/


/*웹폰트 가져오기*/
@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/*티몬소리체*/
@font-face { font-family: 'TmonMonsori'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff'); font-weight: normal; font-style: normal; }

/*에스코어드림*/

@font-face { font-family: 'S-CoreDream-1Thin'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }

/*검은고딕 font-family: 'Black Han Sans';*/
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400'); 
/*도현체 font-family: 'BMDOHYEON'; */
@font-face { font-family: 'BMDOHYEON'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff'); font-weight: normal; font-style: normal; }
/*잉크립퀴드체 InkLipquid*/
@font-face { font-family: 'InkLipquid'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff'); font-weight: normal; font-style: normal; }
/*본명조*/
@font-face { font-family: 'NotoSerifKR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff'); font-weight: normal; font-style: normal; }
/*웹폰트 가져오기--end*/

.hanna{ font-family:'Hanna';}
.SCore1 {font-family: S-CoreDream-1Thin;}
.SCore2 {font-family: S-CoreDream-2ExtraLight;}
.SCore3 {font-family: S-CoreDream-3Light;}
.SCore4 {font-family: S-CoreDream-4Regular;}
.SCore5 {font-family: S-CoreDream-5Medium;}
.SCore6 {font-family: S-CoreDream-6Bold;}
.SCore7 {font-family: S-CoreDream-7ExtraBold;}
.SCore8 {font-family: S-CoreDream-8Heavy;}
.SCore9 {font-family: S-CoreDream-9Black;}
#contents_wrap_round {
z-index:4;position:relative;padding:0;
width:100%;min-height:500px;height:auto !important;height:500px;
background:#fff;font-size:1em;zoom:1
}
.content_top_wrap{ }
.content_wrapNo1{ background-color:#FFFFFF;} /*흰색*/
.content_wrapNo2{ background-color:#eaeaea;} /*옅은회색*/
.content_pattern1{ background:url(../img/common/pattern1.gif) repeat;} /*옅은회색*/
.contentNo {
position:relative;width:1000px;padding:0;margin:0 auto; 
}
.contentMovie {
padding:0;margin-left:100px;
}

.masonry {content: ""; display: block; clear:both;}

.radius {
	display:block;
	border:1px solid #d8d8d8;
	}
.radius-dashed {
	border:1px dashed #d8d8d8;
	overflow:hidden;
	}

.radius {
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;		
	}	

.radius10 {
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;		
	}		
.radius20 {
	border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	-webkit-border-radius:20px;		
	}		
.radius30 {
	border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	-webkit-border-radius:30px;		
	}	
.radius40 {
	border-radius:40px;
	-moz-border-radius:40px;
	-ms-border-radius:40px;
	-o-border-radius:40px;
	-webkit-border-radius:40px;	
	}	
.radius50 {
	border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;	
	}	

caption {
	height:0px;
	position:absolute;
    text-indent: -9999px;
}
table th {
    font-size: 1em;
    text-align: center;
    padding: 12px 10px;
	/*background-color:#FEE9F7;*/
    border-left: 1px #666 dashed;
}
table th:first-child {
    border-left: 0px #666 dashed;
}
table thead th {
	    font-size: 1.3em;
    text-align: center;
    color: #333;
    padding: 18px 10px;
    background-color: #f5f5f5;
    border-left: 1px #dadada dashed;
}

table tbody tr td {
    font-size: 1.3em;
    padding: 18px 15px 17px;
    border-top: 1px #dadada solid;
    border-left: 1px #dadada dashed;
    line-height: 22px;
    text-align: center;
}
table td:first-child {
    border-left: 0px #d8d8d8 dashed;
}


.container .optItemWrap {
    border-top: 1px solid #dbdbdb;
    background: #fff;
    text-align: left;
}
.optItemWrap {
    padding: 15px 0px 16px;
    line-height: 20px;
}
	
#all_round {margin:0 auto;width:1000px;}


.high1{height:1px; font-size:1px;line-height:0%;}
.high2{height:2px; font-size:1px;line-height:0%;}
.high3{height:3px; font-size:1px;line-height:0%;}
.high4{height:4px; font-size:1px;line-height:0%;}
.high5{height:5px; font-size:1px;line-height:0%;}
.high6{height:6px; font-size:1px;line-height:0%;}
.high7{height:7px; font-size:1px;line-height:0%;}
.high8{height:8px; font-size:1px;line-height:0%;}
.high9{height:9px; font-size:1px;line-height:0%;}
.h10{height:10px;font-size:1px;line-height:0%;}
.h15{height:15px;font-size:1px;line-height:0%;}
.h20{height:20px;font-size:1px;line-height:0%;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h200{height:200px;}
.h300{height:200px;}

.p1 {padding:1px;}
.p2 {padding:2px;}
.p3 {padding:3px;}
.p4 {padding:4px;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.p11 {padding:11px;}
.p12 {padding:12px;}
.p13 {padding:13px;}
.p14 {padding:14px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p30 {padding:20px;}
.p40 {padding:20px;}
.p50 {padding:20px;}
.pl10 {padding-left:10px;}
.pl11 {padding-left:11px;}
.pl12 {padding-left:12px;}
.pl13 {padding-left:13px;}
.pl14 {padding-left:14px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}

.bold {font-weight:bold;}
.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center;}

.c333333 {color:#333333;}
.c666666 {color:#666666;}
.c777777 {color:#777777;}
.c999999 {color:#999999;}
.FF0099 {color:#FF0099;}

.line14 {line-height:1.4;}
.line15 {line-height:1.5;}
.line16 {line-height:1.6;}
.line17 {line-height:1.7;}
.line18 {line-height:1.8;}
.line19 {line-height:1.9;}
.line20 {line-height:2.0;}

.size10 {font-size:10px;}
.size11 {font-size:11px;}
.size12 {font-size:12px;}
.size13 {font-size:13px;}
.size14 {font-size:14px;}
.size15 {font-size:15px;}
.size16 {font-size:16px;}
.size17 {font-size:17px;}
.size18 {font-size:18px;}
.size19 {font-size:19px;}
.size20 {font-size:20px;}
.size24 {font-size:24px;}
.size30 {font-size:30px;}
.size36 {font-size:36px;}
.size48 {font-size:48px;}
.size60 {font-size:60px;}
.size72 {font-size:72px;}

.f100 {font-weight:100;}
.f200 {font-weight:200;}
.f300 {font-weight:300;}
.f400 {font-weight:400;}
.f500 {font-weight:500;}
.f600 {font-weight:600;}
.f700 {font-weight:700;}
.f800 {font-weight:800;}
.f900 {font-weight:900;}


.max800 {max-width:800px;}
.max900 {max-width:900px;}
.max1000 {max-width:1000px;}

#all_round {
	/* width:100%; */height:auto;	
}
#all_round img {display:block;margin:0;padding:0;}
ul#content_m {margin:0;padding:0;}
ul#content_m li{list-style:none;margin:0;padding:0;}
ul#content_m li img{margin:0;padding:0;}

.gb2 {background:url(<?=$g4['path']?>/images/m1/gb2/bg.png) no-repeat; background-position:750px 720px;}
.table_round {clear:both;float:left;margin:0 0 0 75px; border-top:0px solid #cccccc;}
.table_round2 {clear:both;float:left;margin:0 0 0 40px; border-top:0px solid #cccccc;}
.table_round3 {clear:both;float:left;margin:0 0 0 50px; border-top:0px solid #cccccc;}
.w600 {width:600px;}
.w750 {width:750px;}
.w800 {width:800px;}
.w850 {width:850px;}
.w900 {width:900px;}
.w920 {width:920px;}

.line2pixel {clear:both;height:2px;font-size:1px;background-color:#666666;}
.e22374 {color:#Ff3388;}
.blue_font {color:#3399CC;}
.yellow {color:#FFFF00;}

table {width:100%;}

.indent{
text-indent: -99999px; position:absolute; z-index:1;
}

.line2pixel {clear:both;height:2px;font-size:1px;background-color:#666666;}
.pink {color:#Ff3388;}
.agray {color:#aaa;}
.bgray {color:#bbb;}
.cgray {color:#ccc;}
.dgray {color:#ddd;}
.egray {color:#eee;}
.blue {color:#3399CC;}
.yellow {color:#FFFF00;}
.goodyellow{color:#FC0;}
.deepyellow {color:#FEBF03;}
.black {color:#000;}
.green {color:#0C0;}
.forestgreen {color:#090;}
.white {color:#fff;}
.whitegray {color:#eee;}
.gray {color:#ddd;}
.darkgray {color:#999;}
.deepgray {color:#666;}
.liteorange {color:#F90;}
.orange {color:#F60;}
.red {color:#F00;}
.softred {color:#FE2E2E;}
.heavyred {color:#DF0101;}
.litered {color:#FE2E2E;}
.violet {color:#8D2CEF;}
.lightviolet {color:#a534ba}

.lightsky {color:#48caea}
.heavysky {color:#2ca1c7}




.bg-white {
    background-color:#fff;
	}
.bg-whitegray {
    background-color:#f5f5f5;
	}
.bg-gray {
    background-color:#ddd;
	}
.bg-softskyblue {background-color:#E6EDF9;}	
	
.bg-gradient {
	color:#111;
	
* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
	
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(241,241,241) 50%, rgb(225,225,225) 51%, rgb(246,246,246) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(241,241,241) 50%,rgb(225,225,225) 51%,rgb(246,246,246) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(241,241,241) 50%,rgb(225,225,225) 51%,rgb(246,246,246) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}	

.bg-softyellow 	{ background-color:#FFF282}
.bg-yellow 	{ background-color:#FFFF00;}
.bg-goodyellow 	{ background-color:#FC0;}
.bg-deepyellow 	{ background-color:#FEBF03;}


.bg-orange 	{ background-color:#FF9900;}
.bg-liteorange 	{ background-color:#ffaa00;}
.bg-deeporange 	{ background-color:#ec6f00;}


.bg-softdark 	{background-color: #666;}

.bg-dark 		{background-color: #444;}

.bg-heavydark {
    background-color: #282828;
}

.bg-deepdark {
    background-color: #181818;
}
	
.bg-black {
    background-color: #000;
}
.bg-dark > h4, .bg-dark > ul > li, {
	color:#eee;
}
.bg-forestgreen {
    background-color:#228B22;
	}
.bg-green {
    background-color:#51d333;
}
.bg-pink {
    background-color:#F39;
	}
.bg-whitegray {
    background-color:#f5f5f5;
	}
.bg-morered{
	background-color:#DF0101;
	}
.bg-darkred{
	background-color:#B40404;
	}

.scale {
	-webkit-transition: -webkit-transform 0.3s; /* Safari */
    transition: transform 0.3;
	}
.scale:hover {
	-webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
	}

table {width:100%;}

.indent{
display:block; position:absolute; margin-left:-9999px;text-indent: -99999px; z-index:1;
}

.overhide { overflow:hidden;}

