@charset "utf-8";

/*******************************************CSS초기화**********************************************/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html, body { height:100%; margin:0; padding:0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,address{margin:0;padding:0}
body,h1,h2,h3,h4,h5,input,button{font-family:'Malgun Gothic','맑은고딕','dotum','돋움','Apple SD Gothic Neo','Sans-serif'; font-size:13px; letter-spacing:-0.5px;}
/*body,h1,h2,h3,h4,input,button{font-family:'Nanum Gothic', '나눔고딕', '나눔바른고딕', 'NanumBarunGothic', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움', 'Apple SD Gothic Neo', 'Sans-serif'; font-size:13px;color:#383d41}*/
body{/*background-color:#fff;text-align:center;*/word-break:keep-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
label { font-weight:normal !important;}
a {color:#333; text-decoration:none; }
a:hover, a:focus{ color:#538cda; text-decoration:none; outline:1px dotted #f90;}
table {empty-cells: show;}
caption, legend {font-size: 0; height: 0; line-height: 0; overflow: hidden; padding: 0 !important; visibility: hidden; width: 0;}
.clear .clear:before, .clear:after {display:block; content:" "; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
input[type="checkbox"], input[type="radio"] { margin-top:-3px;}
input[type="text"], input[type="password"], select, textarea { width:100%; border:1px solid #ccc; font-family:'Malgun Gothic','맑은고딕','dotum','돋움','Apple SD Gothic Neo','Sans-serif'; font-size:13px; font-weight:300;}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border:1px solid #999;} 
input[type="file"] { width:100%; font-family:'Malgun Gothic','맑은고딕','dotum','돋움','Apple SD Gothic Neo','Sans-serif'; font-size:13px; font-weight:300; display:inline-block;}
/*input[type="text"], input[type="password"] {height:30px; padding-left:10px; border:1px solid #ddd;}*/
/*#content{display: table-cell; vertical-align: middle;}*/
/*******************************************CSS초기화**********************************************/

/*스크롤탑 hover효과*/
#topcontrol { z-index:101;}
#topcontrol > .scrolltopimg { display:inline;}
#topcontrol > .scrolltopimghover { display:none; }
#topcontrol:hover > .scrolltopimghover, #topcontrol:focus > .scrolltopimghover { display:inline;}
#topcontrol:hover > .scrolltopimg, #topcontrol:focus > .scrolltopimg { display:none; }
/*//스크롤탑 hover효과*/

/*공백*/
.blank05 {height:5px;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank25 {height:25px;}
.blank30 {height:30px;}
.blank35 {height:35px;}
.blank40 {height:40px;}
.blank45 {height:45px;}
.blank50 {height:50px;}
/*//공백*/

/* 여백 마진, 페딩 필요시 추가 */
.ma0 {margin:0px !important;}
.ma5 {margin:5px !important;}
.ma10 {margin:10px !important;}
.ma15 {margin:15px !important;}
.ma20 {margin:20px !important;}
.ma25 {margin:25px !important;}
.ma30 {margin:30px !important;}
.ma35 {margin:35px !important;}
.ma40 {margin:40px !important;}
.ma45 {margin:45px !important;}
.ma50 {margin:50px !important;}

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

.pa0 {padding:0px !important;}
.pa5 {padding:5px !important;}
.pa10 {padding:10px !important;}
.pa15 {padding:15px !important;}
.pa20 {padding:20px !important;}
.pa25 {padding:25px !important;}
.pa30 {padding:30px !important;}
.pa35 {padding:35px !important;}
.pa40 {padding:40px !important;}
.pa45 {padding:45px !important;}
.pa50 {padding:50px !important;}

.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

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

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
/* //여백 마진, 페딩 필요시 추가 */

/*텍스트정렬*/
.txt-left { text-align:left !important; }
.txt-center { text-align:center !important;}
.txt-right { text-align:right !important;}
/*//텍스트정렬*/

/*버튼스타일*/
.btn-group-box { padding:10px 0;}
.btn { display:inline-block; padding:7px 10px; margin:1px; font-size:13px; text-align:center; vertical-align:middle; white-space:nowrap; border-radius:2px; cursor:pointer;}
.btn:hover { text-decoration:none !important;}
	/*버튼사이즈*/
	.btn-xs { font-size: 11px; padding: 1px 5px;}
	.btn-sm { font-size: 12px; padding: 4px 7px;}
	.btn-lg { font-size: 16px; padding: 10px 15px;}
	/*버튼색상*/
	.btn-default { color:#333 !important; border:1px solid #ccc; background:#fff; }
	.btn-default:hover, .btn-default:focus, .btn-default.active { color:#000 !important; border:1px solid #bbb; background:#f9f9f9;}
	.btn-lightgray { color:#333 !important; border:1px solid #ccc; background:#eee; }
	.btn-lightgray:hover, .btn-lightgray:focus, .btn-lightgray.active { color:#000 !important; border:1px solid #999; background:#ddd;}
	.btn-gray { color:#fff !important; border:1px solid #888; background:#999; }
	.btn-gray:hover, .btn-gray:focus, .btn-gray.active { color:#fff !important; border:1px solid #777; background:#888;}
	.btn-darkgray { color:#fff !important; border:1px solid #4e5566; background:#575e6f; }
	.btn-darkgray:hover, .btn-darkgray:focus, .btn-darkgray.active { color:#fff !important; border:1px solid #363d4d; background:#42495a;}
	.btn-blue { color:#fff !important; border:1px solid #3475b4; background:#3e81c2; }
	.btn-blue:hover, .btn-blue:focus, .btn-blue.active { color:#fff !important; border:1px solid #215e9a; background:#2a6aa8;}
	.btn-deepblue { color:#fff !important; border:1px solid #26549f; background:#2d5eb2; }
	.btn-deepblue:hover, .btn-deepblue:focus, .btn-deepblue.active { color:#fff !important; border:1px solid #093682; background:#0c3c90;}
	.btn-red { color:#fff !important; border:1px solid #d43f3a; background:#d9534f; }
	.btn-red:hover, .btn-red:focus, .btn-red.active { color:#fff !important; border:1px solid #9d211e; background:#ac2925;}
	.btn-turkeygreen { color:#fff !important; border:1px solid #2693b3; background:#2ea5c3; }
	.btn-turkeygreen:hover, .btn-turkeygreen:focus, .btn-turkeygreen.active { color:#fff !important; border:1px solid #067293; background:#0a819f;}
	.btn-green { color:#fff !important; border:1px solid #2da169; background:#36b175; }
	.btn-green:hover, .btn-green:focus, .btn-green.active { color:#fff !important; border:1px solid #0f824a; background:#148e52;}
	.btn-orange { color:#fff !important; border:1px solid #ef7118; background:#f17f2e; }
	.btn-orange:hover, .btn-orange:focus, .btn-orange.active { color:#fff !important; border:1px solid #b94c00; background:#c65403;}
	.btn-purple { color:#fff !important; border:1px solid #d43ab8; background:#d94fc0; }
	.btn-purple:hover, .btn-purple:focus, .btn-purple.active { color:#fff !important; border:1px solid #ac128f; background:#ac2293;}
	.btn-violet { color:#fff !important; border:1px solid #7854d1; background:#8666d7; }
	.btn-violet:hover, .btn-violet:focus, .btn-violet.active { color:#fff !important; border:1px solid #4b28a5; background:#5637a7;}
	.btn-niagara { color:#fff !important; border:1px solid #4a7b95; background:#5587a2; }
	.btn-niagara:hover, .btn-niagara:focus, .btn-niagara.active { color:#fff !important; border:1px solid #356680; background:#3f708a;}
	.btn-primrosey { color:#333 !important; border:1px solid #e8c54f; background:#f6d258; }
	.btn-primrosey:hover, .btn-primrosey:focus, .btn-primrosey.active { color:#333 !important; border:1px solid #d9b539; background:#e0bc40;}
	.btn-lapisblue { color:#fff !important; border:1px solid #0a4782; background:#0c4c89; }
	.btn-lapisblue:hover, .btn-lapisblue:focus, .btn-lapisblue.active { color:#fff !important; border:1px solid #033666; background:#053b6f;}	
	.btn-flame { color:#fff !important; border:1px solid #e84f26; background:#ef562d; }
	.btn-flame:hover, .btn-flame:focus, .btn-flame.active { color:#fff !important; border:1px solid #d53a10; background:#dc4016;}
	.btn-islandblue { color:#333 !important; border:1px solid #8accd8; background:#97d5e0; }
	.btn-islandblue:hover, .btn-islandblue:focus, .btn-islandblue.active { color:#333 !important; border:1px solid #69b7c5; background:#73becb;}
	.btn-palewood { color:#333 !important; border:1px solid #e7c1b7; background:#efcec5; }
	.btn-palewood:hover, .btn-palewood:focus, .btn-palewood.active { color:#333 !important; border:1px solid #d7a598; background:#ddaea1;}
	.btn-greenery { color:#fff !important; border:1px solid #7da640; background:#88b14b; }
	.btn-greenery:hover, .btn-greenery:focus, .btn-greenery.active { color:#fff !important; border:1px solid #678f2b; background:#709833;}
	.btn-pinky { color:#fff !important; border:1px solid #c9296f; background:#d13076; }
	.btn-pinky:hover, .btn-pinky:focus, .btn-pinky.active { color:#fff !important; border:1px solid #b5175c; background:#bc1d62;}
	.btn-kale { color:#fff !important; border:1px solid #556a41; background:#5c7148; }
	.btn-kale:hover, .btn-kale:focus, .btn-kale.active { color:#fff !important; border:1px solid #42572e; background:#495f35;}
	.btn-hazelnut { color:#fff !important; border:1px solid #c9a68a; background:#d1af94; }
	.btn-hazelnut:hover, .btn-hazelnut:focus, .btn-hazelnut.active { color:#fff !important; border:1px solid #b58d6d; background:#bc9576;}
/*//버튼스타일*/

/*페이지네이션*/		
.pagenavi { display:block; padding:10px 0;}
.pagenavi a, .pagenavi strong { position: relative; display:inline-block; padding: 3px 8px; margin: 1px; line-height: 1.42857143; background-color:#fff; border:1px solid #ddd;}
.pagenavi a:hover, .pagenavi span:hover, .pagenavi a:focus, .pagenavi span:focus {color:#000; background-color:#eee; border-color:#ddd;}
.pagenavi strong { color: #FFF; background-color: #999; border-color: #999;}
/*페이지네이션*/

.col2 > li, .col3 > li, .col4 > li, .col5 > li, .col6 > li, .col7 > li, .col8 > li, .col9 > li, .col10 > li, .col11 > li, .col12 > li { float:left;}
.col2 > li { width:50%;}
.col3 > li { width:33.333333%;}
.col4 > li { width:25%;}
.col5 > li { width:20%;}
.col6 > li { width:16.666666%;}
.col7 > li { width:14.285714%;}
.col8 > li { width:12.5%;}
.col9 > li { width:11.111111%;}
.col10 > li { width:10%;}
.col11 > li { width:9.090909%;}
.col12 > li { width:8.333333%;}


/****************기본구조*****************/
#u_skip {}
	#u_skip > a { color:#fff;}
	.go-content, .go-head {display: block; position: absolute; top:-50px; left:0; width: 100%; height:34px; line-height:34px; text-align:center; background-color:#303535; z-index:999;}
	.go-content:focus, .go-head:focus {top: 0;}

#wrap { min-width:1050px;}
#header { position:absolute; width:100%; height:80px; background:url(../images/common/bg-header01.png); z-index:110;}
	.header-box { width:980px; margin:0 auto;}

	.head-logo { float:left; width:240px; height:80px;}
		.head-logo > a {display:block; width:240px; height:80px; background:url(../images/common/header-logo.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
	.gnb-ul { float:right;}
	.gnb-ul > li { float:left; position:relative;}
	.gnb-ul > li > a { display:table; height:80px; padding:0 30px; color:#fff; font-size:16px; font-weight:bold; text-align:center;}
	.gnb-ul > li > a > span { display:table-cell; vertical-align:middle;}
	.gnb-ul > li > a > span > em { display:block; font-size:10px; font-weight:normal; color:rgba(255,255,255,0.7);}
	
	.sub-nav-box {position:absolute; display:none; top:80px; left:0; width:200px; padding:10px; background:url(../images/common/bg-header-sub01.png); border-top:5px solid #000; z-index:109;}
	.sub-nav-box > .sub-nav-ul {}
	.sub-nav-box > .sub-nav-ul > li { border-bottom:1px solid #111;}
	.sub-nav-box > .sub-nav-ul > li.last { border-bottom:none;}
	.sub-nav-box > .sub-nav-ul > li > a { display:block;padding:5px 0 5px 10px; color:#fff; background:url(../images/common/bul-submenu.png) 0 50% no-repeat; }
	.sub-nav-box > .sub-nav-ul > li > a:hover, .sub-nav-box > .sub-nav-ul > li > a:focus {}
	.sub-nav-box > .sub-nav-ul > li > a > span { font-size:9px; color:rgba(255,255,255,0.8);}
	.sub-nav-box > .sub-nav-ul > li > a:hover > span, .sub-nav-box > .sub-nav-ul > li > a:focus > span {}
	
#footer {}
.footer-menu-box { background:#e9e9e9;}
.footer-menu { position:relative; width:980px; margin:0 auto;}
.footer-menu > ul {}
.footer-menu > ul > li { float:left; padding:10px 20px; background:url(../images/common/v-bar01.png) 0 50% no-repeat;}
.footer-menu > ul > li:first-child { padding-left:0; background:none;}
.footer-menu > ul > li:last-child { position:absolute; top:8px; right:0; padding:0; background:none;}
	/* Select */
	.select{ position:relative; line-height:normal; display:inline-block; vertical-align:middle; background:#fff; border:1px solid #ccc;width:200px; }
	.select *{ margin:0; padding:0; cursor:pointer;}
	.select .myValue{ position:relative; z-index:2; left:0; top:0; border:0; color:#333; line-height:19px; text-align:left; overflow:visible; background:transparent;}
	.select .myValue.selected{}
	.select.open .myValue, .select .myValue.outLine{ border:2px dotted #f90;}
	.select button.myValue{ height:21px; width:100%; text-indent:5px;}
	.select div.myValue{ height:21px; text-indent:8px;}
	.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:22px; border:0; border-left:1px solid #ddd; background:#eee;}
	.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #666; border-left:3px solid #eee; border-right:3px solid #eee;}
	.select ul{ left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
	.select ul.aList{ display:none;}
	.select.open ul.aList{ display:block; z-index:5; top:-202px;}
	.select ul.iList{ left:-2000%;}
	.select.open ul.iList{ left:0;}
	.select li{ position:relative; overflow:hidden; white-space:nowrap; height:25px; border-left:1px solid #bababa; border-right:1px solid #bababa;}
	.select li input.option{ position:absolute; width:100%; height:25px; line-height:25px;}
	.select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; height:25px; line-height:25px; color:#333; background:#fff;}
	.select li a{ display:block; text-indent:8px; height:25px; line-height:25px; color:#333; background:#fff; text-decoration:none;}
	.select li.hover *{ background:#666; color:#fff;}
.footer-copy-box { width:980px; margin:0 auto; padding:20px 0;}
	.footer-addr {}
	.footer-addr > dl {}
	.footer-addr > dl > dt { float:left; width:150px; padding-top:5px;}
	.footer-addr > dl > dd { padding-left:150px;}
	.copyright { font-size:11px; color:#666;}
	
	/****************서브기본구조*****************/
	.sub-head-box { position:relative; width:100%; height:300px; overflow:hidden;}
		.sub-head-box .sub-txt { position:absolute; top:30px; left:60%; z-index:100; }
		.sub-head-box .sub-carousel {}
		.sub-head-box .sub-carousel li { width:100%; height:300px;}
		.sub-head-box .sub-carousel li.child1 { background:url(../images/main/img01.png) 50% 50% no-repeat;}
		.sub-head-box .sub-carousel li.child2 { background:url(../images/main/img02.png) 50% 50% no-repeat;}
		.sub-head-box .sub-carousel li.child3 { background:url(../images/main/img03.png) 50% 50% no-repeat;}
	.snb-box { float:left; width:200px;}
		.snb-title { width:200px; height:79px; padding:20px 0 0 20px; font-size:18px; font-weight:bold; color:#FFF; line-height:15px; background: url(../images/common/bg-sub-title.png) 0 0 no-repeat;}
		.snb-title > span { font-size:10px; font-weight:normal;}
		.snb-body { border-left:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:10px;}
		.snb-body > ul > li { border-bottom:1px solid #ccc;}
		.snb-body > ul > li > a { display:block; padding:10px 13px;}
		.snb-body > ul > li > a:hover, .snb-body > ul > li > a:focus, .snb-body > ul > li > a.active { background: url(../images/common/bul02.png) 95% 50% no-repeat #F6F6F6;}	
		.pds-title { height:38px; padding:10px 0 0 10px; font-size:12px; font-weight:bold; color:#FFF; background:#505A72;}
		.pds-body { border-left:1px solid #ccc; border-right:1px solid #ccc;}
		.pds-body > ul > li { border-bottom:1px solid #ccc;}
		.pds-body > ul > li > a { display:block; padding:5px 0 5px 15px; font-size:11px; background:url(../images/common/ico-sub-download.png) 92% 50% no-repeat;}
	
	.content-box { float:right; width:750px;}
	/****************서브기본구조*****************/
	
/****************기본구조*****************/

	
/****************메인*****************/
.main-carousel-box { position:relative; width:100%; height:530px;}
.main-carousel-box .main-txt { position:absolute; top:50px; left:55%; z-index:100; }
.main-carousel-box .main-carousel {}
.main-carousel-box .main-carousel li { width:100%; height:530px;}
.main-carousel-box .main-carousel li.child1 { background:url(../images/main/main-carousel001.jpg) 50% 50% no-repeat;}
.main-carousel-box .main-carousel li.child2 { background:url(../images/main/main-carousel002.jpg) 50% 50% no-repeat;}
.main-carousel-box .main-carousel li.child3 { background:url(../images/main/main-carousel003.jpg) 50% 50% no-repeat;}
.main-carousel-box .bx-prev { background:url(../images/main/btn-prev.png) 50% 50% no-repeat; background-size: 100%; width: 50px; height: 50px; border-radius: 50%; display: block; text-indent: -999px; overflow: hidden; position: absolute; top: 50%; left: 20px; margin-top:-25px; z-index:100;}
.main-carousel-box .bx-next { background:url(../images/main/btn-next.png) 50% 50% no-repeat; background-size: 100%; width: 50px; height: 50px; border-radius: 50%; display: block; text-indent: -999px; overflow: hidden; position: absolute; top: 50%; right: 20px; margin-top:-25px; z-index:100;}
.main-carousel-box .bx-pager { position:absolute; bottom:10px; width:100%; text-align:center; z-index:100}
.main-carousel-box .bx-pager-item { display:inline-block; margin:0 5px; width:15px; height:15px;}
.main-carousel-box .bx-pager-item a {display:block; width:15px; height:15px; border-radius:50%; background:#fff; text-indent:-9999px; overflow:hidden;}
.main-carousel-box .bx-pager-item a.active { background:#f60;}

.main-contents { width:980px; margin:0 auto;}
.main-content-box {}
/* .main-contents-ul {}
.main-contents-ul > li { float:left;}
.main-contents-ul > li:nth-child(1) { width:380px; margin:0 20px 20px 0;}
.main-contents-ul > li:nth-child(2) { width:280px; margin:0 20px 20px 0;}
.main-contents-ul > li:nth-child(3) { width:280px; margin:0 0 20px 0;}
.main-contents-ul > li:nth-child(4) { width:680px; margin:0 20px 20px 0;}
.main-contents-ul > li:nth-child(5) { width:280px; margin:0 0 20px 0; } */

.main-contents-ul { display: block; padding-bottom: 50px; }
.main-contents-ul > li { display: block; float: left; box-sizing: border-box; margin-bottom: 50px; }
.main-contents-ul > li:nth-child(1) { width: 50%; padding: 0 15px; border-right: 1px dotted #ccc; border-left: 1px dotted #ccc; }
.main-contents-ul > li:nth-child(2) { width: 25%; padding: 0 15px; border-right: 1px dotted #ccc; }
.main-contents-ul > li:nth-child(3) { width: 25%; padding: 0 15px; border-right: 1px dotted #ccc; }
.main-contents-ul > li:nth-child(4) { width: 75%; position: relative; }
.main-contents-ul > li:nth-child(4) .main-content-head { position: absolute; top: 0; left: 0; right: 0; z-index: 1; width: 100%; color: #fff; background-color: #252e43; padding-left: 20px; }
.main-contents-ul > li:nth-child(5) { width: 25%; background-color: #f5f5f5; }
.main-contents-ul > li:nth-child(5) .main-content-head { padding-left: 20px; background-color: #dfdfdf; }

/* .main-content-head { position:relative; height:40px; line-height:40px; font-size:18px;} */

.main-content-head { position: relative; display: block; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; letter-spacing: -2px; }
.main-content-head .more-notice { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; }
.main-content-head .more-notice a { display: block; overflow: hidden; width: 100%; height: 100%; background: url(../images/main/btn-notice-more.png) 50% 50% no-repeat; text-indent: -9999px; }

/* .main-content-body { position:relative;}
.main-content-body.main-download {height:195px; padding:10px 20px 0 10px; border:1px solid #37425a; background:#404b64;} */

.main-content-body { position: relative; display: block; }
.main-content-body > p { height: 150px; text-align: right; color: #fff; font: 28px Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; letter-spacing: 3px; background: url("../images/main/ban-img001.png") no-repeat center 0; background-size: 100%; padding: 20px 20px 0 0; }
.main-content-body > p i { display: block; font-size: 16px; font-weight: bold; letter-spacing: -1px; }
.main-content-body > img { width: 100%; height: 150px; }
.main-content-body > a { width: 100%; height: 100%; }
.main-content-body > a > img { width: 100%; height: 150px; }
.main-content-body > ul { display: block; height: 227px; border: 1px solid #dfdfdf; border-top: 0; padding: 0 20px; box-sizing: border-box; }
.main-content-body > ul li { display: block; height: 55px; padding: 10px 0; border-top: 1px solid #fff; box-sizing: border-box; }
.main-content-body > ul li:first-child { border: 0; }
.main-content-body > ul li a { display: block; height: 20px; line-height: 20px; }
.main-content-body > ul li span { float: right; height: 15px; line-height: 15px; font-size: 11px; letter-spacing: 1px; color: #808080; }

/*행사안내버튼*/
.main-content-body .main-info-btn { position: absolute; right: 20px; bottom: 20px; }
.main-content-body .main-info-btn a { display: inline-block; float: left; padding: 10px 20px; margin-left: 10px; color: #fff; border: 1px solid #af1662; background: #d91378; }
.main-content-body .main-info-btn a:hover,
.main-content-body .main-info-btn a:focus { background: #af1662; }

/*지난대회영상버튼*/
/* .main-content-body .main-play-btn { padding-left: 20px; padding-top: -100px; } */
.main-content-body .main-play-btn { position: absolute; top:0; bottom: 0; right: 0; left: 0; display: block; width: 100%; height: 100%; background: url("../images/main/btn-paly.png") no-repeat center 50%; background-size: 60px; text-indent: -9999px; }

/*자료다운로드*/
.main-content-body.main-download { padding: 10px; padding-top: 50px; border: 1px solid #252e43; background: #404b64; box-sizing: border-box; }
.main-content-body.main-download:before { position: absolute; top: 60px; bottom: 20px; right: 50%; content: ""; display: block; overflow: hidden; width: 1px; height: auto; background-color: #252e43; }
.main-content-body.main-download dl { position: relative; display: block; padding: 10px; padding-left: 100px; }
.main-content-body.main-download dt { position: absolute; left: 0; top: 10px; display: block; overflow: hidden; width: 100px; height: 80px; text-align: center; color: #fff; font-size: 14px; background: url("../images/main/ico-download-example.png") no-repeat center top; background-size: 40px; padding-top: 50px; }
.main-content-body.main-download dd { display: block; }
.main-content-body.main-download ul { display: block; }
.main-content-body.main-download li { display: block; height: 30px; margin-top: 1px; }
.main-content-body.main-download li:first-child { margin: 0; }
.main-content-body.main-download a { position: relative; display: block; overflow: hidden; height: 30px; line-height: 30px; color: #fff; background: #505a72; padding: 0 30px 0 15px; box-sizing: border-box; }
.main-content-body.main-download a:before { position: absolute; top: 50%; margin-top: -15px; right: 5px; content: ""; display: block; overflow: hidden; width: 30px; height: 30px; background: url("../images/main/ico-download.png") no-repeat 50% 50%; }
.main-content-body.main-download > div { float: left; width: 50%; }
.main-content-body.main-download > div:first-child dt { background-image: url("../images/main/ico-download-pds.png"); }
.main-content-body.main-download > div:first-child li { height: 36px; }
.main-content-body.main-download > div:first-child a { height: 36px; line-height: 36px; }
/*
	.main-download-pds { float:left; width:50%; padding-right:10px;}
	.main-download-example { float:left; width:50%; padding-left:10px; border-left:1px solid #252e43;}
	.main-download-pds > dl > dt, .main-download-example > dl > dt { float:left; width:90px; padding-top:70px; text-align:center; color:#fff; font-size:16px; font-weight:bold;}
	.main-download-pds > dl > dt { background:url(../images/main/ico-download-pds.png) 50% 0 no-repeat;}
	.main-download-example > dl > dt { background:url(../images/main/ico-download-example.png) 50% 0 no-repeat;}
	.main-download-pds > dl > dd, .main-download-example > dl > dd { padding-left:90px;}
	.main-download-pds > dl > dd > ul > li, .main-download-example > dl > dd > ul > li { margin-bottom:1px;}
	.main-download-pds > dl > dd > ul > li > a { display:block; padding:8px 10px; font-size:12px; color:#eee; background:url(../images/main/ico-download.png) 95% 50% no-repeat #505a72; }
	.main-download-example > dl > dd > ul > li > a { display:block; padding:3px 10px;font-size:12px; color:#eee; background:url(../images/main/ico-download.png) 95% 50% no-repeat #505a72; }
	.main-download-pds > dl > dd > ul > li > a:hover,	.main-download-pds > dl > dd > ul > li > a:focus,	.main-download-example > dl > dd > ul > li > a:hover, .main-download-example > dl > dd > ul > li > a:focus {color:#fff; background:url(../images/main/ico-download-on.png) 95% 50% no-repeat #5f6980;}
.main-content-body.main-notice { height:195px; padding:0 15px; border:1px solid #ededed; background:#f9f9f9;}
	.more-notice { display:block; position:absolute; width:20px; height:20px; top:10px; right:0;}
	.more-notice > a { display:block; width:20px; height:20px; background:url(../images/main/btn-notice-more.png) 50% 50% no-repeat; text-indent:-9999px; overflow:hidden;}
	.main-notice > ul { padding-top:10px;}
	.main-notice > ul > li { position:relative; padding:8px 0; border-bottom:1px dotted #ddd; background:url(../images/main/bul-notice.png) 0 50% no-repeat;}
	.main-notice > ul > li:last-child { border-bottom:none;}
	.main-notice > ul > li a { display:block; width:190px; padding-left:10px;}
	.main-notice > ul > li span { position:absolute; top:10px; right:0; font-size:11px; color:#666;}
.main-info-btn { position:absolute; bottom:35px; right:20px;}
.main-info-btn a { display:inline-block; padding:3px 10px; margin:0 1px; color:#fff; border:1px solid #387dc4; background:#4b92db; }
.main-info-btn a:hover, .main-info-btn a:focus { border:1px solid #2b6fb5; background:#387dc4;}
.main-play-btn { position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px;} */

.host-box { background:#f9f9f9;}
	.host-inbox { width:980px; margin:0 auto; padding:15px 0;}
		.host-left { float:left;}
		.host-right { float:right;}
		.host-left > dl {}
		.host-left > dl > dt, .host-right > dl > dt { float:left; width:50px; line-height:32px; font-size:16px; font-weight:bold;}
		.host-left > dl > dd, .host-right > dl > dd { padding-left:50px;}
		.host-left > dl > dd > ul > li, .host-right > dl > dd > ul > li { float:left; padding:0 30px;}
/****************메인*****************/		
		
		.sub-title { position:relative; height:79px; padding:20px 0 0 0; margin-bottom:20px; font-size:30px; font-weight:bold; border-bottom:1px solid #d9d9d9; letter-spacing:-0.05em;}		
		.history_bar { position:absolute; top:30px; right:10px; color:#999; font-size:12px;}
		.history_bar strong { color:#333;}
	
		.tbl-board-list { table-layout:fixed; border-collapse:collapse;}
		.tbl-board-list th { border-top:2px solid #06315c; border-bottom:1px solid #eee; padding:10px 0; text-align:center; color:#FFF; background:#4b92db;}
		.tbl-board-list td { border-bottom:1px solid #eee; padding:10px 5px; text-align:center;}
		.tbl-board-list td a {}
		
		.list-notice { background:#f6f6f6;}
		.bag-list-notice { display:inline-block; padding:2px 10px; border-radius:2px; background:#f60; color:#FFF;}
		.btn-box { text-align:center; padding:20px 0;}
		.board-search { text-align:center; padding:10px; margin-bottom:20px; border:1px solid #e6e6e6; background:#f0f0f0; border-radius:3px;}
		
		.tbl-board-view {table-layout:fixed; border-collapse:collapse; border-top:2px solid #4b92db;}
		.tbl-board-view th { text-align:center; padding:10px; border-bottom:1px solid #eee; background:#f9f9f9;}
		.tbl-board-view td { padding:10px; border-bottom:1px solid #eee;}
		.link-att { display:block;}
		
		.press-ul {}
		.press-ul > li { border:9px solid #f9f9f9; outline:1px solid #eee; padding:15px; margin:20px 0;}
		
		.commentbox {}
		.comment-head { padding:10px; font-size:14px; font-weight:bold; background:#eee; border-radius:3px;}
		.comment-body {}
		.comment-body > ul {}
		.comment-body > ul > li { padding:5px 0; border-bottom:1px solid #eee;}
		.comment-user { padding:10px 0;}
		.comment-user span { color:#999;}
		.comment-txt { padding:10px; background:#F9F9F9; border-radius:3px;}
		.comment-foot { margin:20px 0;}
		.comment-foot-head {padding:10px; font-size:14px; font-weight:bold; background:#eee; border-radius:3px;}
		.comment-foot-body { padding:10px; background:#F9F9F9; border-radius:3px;}
		
/*페이지네비 CSS추가*/		
.pagination { display:inline-block; padding-left: 0; margin:0; /*margin: 20px 0;*/ border-radius: 4px;}
.pagination > span:first-child {margin-left: 0;  border-top-left-radius: 4px;  border-bottom-left-radius: 4px;}
.pagination > span:last-child {  border-top-right-radius: 4px;  border-bottom-right-radius: 4px;}
.pagination a, .pagination strong, .pagination span { position: relative; float: left; font-size:11px; padding: 3px 8px; margin-left: -1px; line-height: 1.42857143; color: #428bca; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination a:hover, .pagination span:hover, .pagination a:focus, .pagination span:focus {color: #2a6496; background-color: #eee; border-color: #ddd;}
.pagination strong { color: #FFF; background-color: #428bca; border-color: #428bca;}
/*페이지네비 CSS추가*/
	
	
/*사진보기 페이징 css 추가*/
.photo-tab-ul {}
.photo-tab-ul > li { float:left; width:33.333333%; border-left:1px solid #eee; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.photo-tab-ul > li:last-child { border-right:1px solid #eee;}
.photo-tab-ul > li > a { display:block; padding:10px; font-size:14px; text-align:center; background:#f9f9f9;}
.photo-tab-ul > li > a:hover, .photo-tab-ul > li > a:focus, .photo-tab-ul > li > a.active { color:#FFF; background:#84c6e1;}
.photo-tab-ul > li > a.active { font-weight:bold; color:#FFF; background:#2a8fc3;}

.photo-box { position:relative; width:750px; margin-top:20px; border:9px solid #fff; outline:1px solid #eee;}
.photo-box .bx-pager { padding:20px 0 10px 0; text-align:center;}
.photo-box .bx-pager-item { display:inline-block; padding:0 5px;}
.photo-box .bx-pager-link { display:block; width:15px; height:15px; background:url(../images/common/pagenavi_off.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
.photo-box .bx-pager-link:hover, .photo-box .bx-pager-link:focus, .photo-box .bx-pager-link.active {background:url(../images/common/pagenavi_on.png) 0 0 no-repeat;}

.photo-box .bx-prev {position:absolute;  display:block;top:213px; left:-10px; width:60px; height:60px; background:url(../images/common/btn-pre.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
.photo-box .bx-prev:hover, .photo-box .bx-prev:focus {background:url(../images/common/btn-pre-on.png) 0 0 no-repeat;}
.photo-box .bx-next {position:absolute;  display:block;top:213px; right:-10px; width:60px; height:60px; background:url(../images/common/btn-next.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
.photo-box .bx-next:hover, .photo-box .bx-next:focus {background:url(../images/common/btn-next-on.png) 0 0 no-repeat;}	
/*사진보기 페이징 css 추가*/
		
	.title-01 { padding:15px; text-align:center; font-size:16px; font-weight:bold; color:#ca4c0d; background:#fdfaf6; border:1px solid #ede2d7; margin-bottom:10px;}
	.p_txt {padding:5px 0 15px 0; color:#da7120; }
	.p_txt2 {color:#df662b; font-weight:bold; text-decoration:underline;}
	
	.info_ul { margin:20px 0;}
	.info_ul > li > p {line-height:190%;}
	.info_ul > li.item { padding:10px 0 0 22px; border-bottom:none; font-weight:bold; font-size:15px; background: url(../images/common/t_icon3.png) 4px 15px no-repeat; text-align:left; letter-spacing:-0.05em;}
	.info_ul > li .item2 { padding:10px 0 0 14px; border-bottom:none; background: url(../images/common/t_icon2.png) 2px 18px no-repeat; text-align:left;}
	.info_ul > li .item2 > strong { font-size:13px;}
	.info_ul > li {padding:5px 0 10px 20px;  border-bottom:1px solid #eee;}
	
	/*table style 파란색*/
	.tbl_style_b {table-layout:fixed; border-top:1px solid #06315c; padding-top:20px;  text-align:left; margin:10px 0; }
	.tbl_style_b th {padding:8px 20px; background:#4b92db; border-left:1px solid #b5d0ec; padding-left:20px; color:#fff; font-weight:bold;}
	.tbl_style_b th:first-child {border-left:none;}
	.tbl_style_b td { padding:8px 20px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; color:#191919;}
	.tbl_style_b td:first-child {border-left:none;}
	.tbl_style_b td a:link {color:#121212;}
	.tbl_style_b td a:hover {text-decoration:underline;}
		
	/*table style 파란색2*/
	.tbl_style_b_2 {table-layout:fixed; border-top:1px solid #06315c; padding-top:20px; margin:10px 0;}
	.tbl_style_b_2 th {padding:6px; background:#4b92db; border-left:1px solid #b5d0ec; color:#fff; font-weight:bold; text-align:center;}
	.tbl_style_b_2 th.t_first {border-left:none;}
	.tbl_style_b_2 td { padding:8px 2px; border:1px solid #ddd; color:#191919;text-align:center;}
	.g_bg {background:#e8f3ff; font-weight:bold; }
	.b_top {border-top:1px solid #b5d0ec}
	
	/*table style 기본*/
	.tbl_style { table-layout:fixed; border-top:2px solid #0066b9; padding-top:20px; text-align:center;}
	.tbl_style th { padding:8px 0; background:#fafcff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
	.tbl_style td { padding:8px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd;;}
	.tbl_style td a:link { color:#121212; }
	.tbl_style td a:hover { text-decoration:underline; }
	.b_right {border-right:0 !important; }


	.game-info {padding:20px; border:1px solid #eee; border-radius:4px; line-height:150%; background:#f9f9f9;}
	.game-tip {padding:20px; border:1px solid #eee; border-radius:4px; line-height:150%;}
	
	.og-step-box {background:url(../images/info/bg-arr.png) 50% 10px no-repeat;}
	.og-step1 {}
	.og-step1 > li { padding:10px 0;}
	.og-step1 > li > div { width:50%; padding:10px; margin:0 auto; border:1px solid #226fbb; background:#2D7CCA; color:#fff; text-align:center; }
	.og-step1 > li > .og-step2 > li { float:left; width:25%; padding:30px 0 0;}
	.og-step1 > li > .og-step2 > li > div { width:95%; padding:10px 0; margin:0 auto; border:1px solid #226fbb; background:#2D7CCA; color:#fff; text-align:center; }