@charset "utf-8";
/* CSS Document */
/********************************************************************************************/
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
/********************************************************************************************/

/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, #sub, #sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, label {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline; color:#444;}
html { overflow-y:scroll; font-family:NanumSquare, 돋움, Verdana, Geneva, sans-serif; transform: skew(-0.001deg);}
/* html5 적용 js 리셋 */
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{ display:block;} 

/*********************************************************************************************/
/***** 디자인 레이아웃 *****/
/* 전체 */
body {}
h1 { font-size:1.5em;}
h2 { font-size:1.3em;}
h3 { font-size:1.1em;}
img { border:0; vertical-align:top;}
strong { font-weight:bold;}
th, td { vertical-align:middle;}
a { cursor: pointer;}
a:focus { outline-width:2px !important; color:#CC6600; outline-: ;style:dotted !important; -moz-outline-radius:4px;}
input:focus { outline-width:2px !important; color:#CC6600; outline-style:dotted !important; -moz-outline-radius:4px;}
input[type="checkbox"] { padding:10px; border:none !important; width:1em !important; vertical-align:middle !important;}
ul { list-style-type: none;}
li { list-style: none;}
.wrap { min-width: 1200px; position: relative; min-height: 800px; margin: 0 auto;}
.only_html { font-size:0; text-indent:-9999; line-height:0; height:0; color:#666;}
.blind { display: none;}
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 고정값;}
.default_table { border-spacing: 0; width: 100%; margin: 0px 0px 70px; border-top: 1px solid #000;}
.default_table caption { /*height: 0; line-height: 0; text-indent: -9999px; font-size: 0;*/ text-align: left; margin-bottom: 10px;}
.default_table th { text-align: left; font-weight: bold; border-bottom: 1px solid #ddd; padding: 20px 0 20px 23px;  color: #aaa; font-size: 2em; font-weight: bold;}
.default_table td { border-bottom: 1px solid #ddd; padding: 10px 0 10px 23px; color: #888; font-size: 1.2em; line-height: 1.4em;}
.default_lists { list-style-type: none; text-align: center;}
.default_lists li { list-style: none; display: inline-block;}
a.btn_type { cursor: pointer; display: block;}

/* 상단 메뉴 영역 */
.gnb_area { width: 100%; height: 94px; /*border-bottom: 1px solid #b5b5b5;*/ background-color: #fff;}
.gnb_box { width: 1200px; margin: 0 auto; position: relative;}
.gnb { height: 94px; list-style-type: none; position: absolute; top: 0; right: 0;}
.gnb:hover { height: 222px; z-index: 100;}
.gnb li { width: 200px; float: left; text-align: center; list-style: none;}
	.gnb a.depth1 { font-weight: 600; text-decoration: none; font-size: 1.1em; display: block; height: 93px; line-height: 93px;}
.depth1_list { height: 93px;}
.depth1_list>li { padding-bottom: 20px; height: 294px; background-color: #fff;}
	.sub50 .depth1_list>li { height: 314px;}
.depth1_list>li:hover { background-color: #e2f4fa;}
.depth2_list {}
.depth2_list a.depth2 { text-decoration: none; display: block; height: 40px; line-height: 40px;}
.depth2_list a.depth2:hover { background-color: #44c8f5; color: #fff;}
.gnb_sub_box { width: 100%; margin-top: -2px; position: relative; display: none; height: 222px; background-color: #bcdce9; z-index: 90;} 
	.gnb_sub_box .depth_bg { width: 1200px; margin: 0 auto; height: 222px; }
	.gnb_sub_box .depth_bg.d1 { background: url("./images/bg_gnb1.jpg") no-repeat left top;}
	.gnb_sub_box .depth_bg.d2 { background: url("./images/bg_gnb2.jpg") no-repeat left top;}
	.gnb_sub_box .depth_bg.d3 { background: url("./images/bg_gnb3.jpg") no-repeat left top;}
	.gnb_sub_box .depth_bg.d4 { background: url("./images/bg_gnb4.jpg") no-repeat left top;}
	
.visual_area { width: 100%; min-width: 1200px; margin: 0 auto; height: 661px; position: relative; background: url("./images/visual1.jpg") no-repeat center top; overflow: hidden;}
	.sub .visual_area { width: 100%; min-width: 1200px; margin: 0 auto; position: relative;}
	.sub10 .visual_area { background: url("./images/bg_sub10.jpg") no-repeat center top; height: 341px;}
	.sub20 .visual_area { background: url("./images/bg_sub20.jpg") no-repeat center top; height: 341px;}
	.sub30 .visual_area { background: url("./images/bg_sub30.jpg") no-repeat center top; height: 341px;}
	.sub40 .visual_area { background: url("./images/bg_sub40.jpg") no-repeat center top; height: 341px;}
	.sub50 .visual_area { background: url("./images/bg_sub50.jpg") no-repeat center top; height: 341px;}
	.sub60 .visual_area { background: url("./images/bg_sub60.jpg") no-repeat center top; height: 341px;}
	.sub_title_box { width: 400px; height: 135px; padding-top: 60px; margin: auto; background-color: #8bd3f0; opacity: 0.8; position: absolute; top: 75px; left: 0; right: 0; text-align: center; z-index: 10;}
	.sub50 .sub_title_box { height: 195px;} 
	.sub_title_box h1 { color: #fff; font-size: 2.5em; font-weight: 800; padding-bottom: 17px; width: 90%; border-bottom: 1px solid #fff; margin: 0 auto 13px; z-index: 5;}
	.sub_title_box p { color: #333; font-size: 1.1em; z-index: 5;}
#index_info { width: 100%; height: 510px; padding-top: 46px; background-color: #bcdce9;}
	#index_info ul { overflow: hidden;}
	#index_info li { float: left; width: 345px; height: 150px; margin: 10px; background-color: #fff; position: relative; padding-top: 30px; padding-left: 35px; outline: 1px solid #ddd;}
	#index_info li strong { color: #00aeef; display: block; font-size: 1.2em; height: 30px; padding-left: 60px; padding-top: 30px; line-height: 30px;}
	#index_info li p { font-size: 0.8em; line-height: 160%; margin-top: 10px;}
		#index_info1 { background: url("./images/index_info1.jpg") no-repeat left top;}
		#index_info2 { background: url("./images/index_info2.jpg") no-repeat left top;}
		#index_info3 { background: url("./images/index_info3.jpg") no-repeat left top;}
		#index_info4 { background: url("./images/index_info4.jpg") no-repeat left top;}
		#index_info5 { background: url("./images/index_info5.jpg") no-repeat left top;}
		#index_info6 { background: url("./images/index_info6.jpg") no-repeat left top;}
	#index_info li a { width: 43px; height: 43px; display: block; border: 4px solid #6dcff6; border-radius: 100%; position: absolute; margin: auto; top: 0; bottom: 0; right: 35px; background: url("./images/ar_info.jpg") no-repeat center top; font-size: 0; text-indent: -9999px;}
	#index_info li { cursor: pointer;}
	#index_info li:hover a,
	#index_info li a:hover { border: 8px solid #6dcff6; right: 31px;}
#index_program { height: 505px; color: #fff; padding-top: 50px;}
	#index_program ul { overflow: hidden; height: 381px; padding-top: 1px; margin-top: 30px;} 
	#index_program li { width: 208px; height: 141px; border: 1px solid #bbb; float: left; margin: 0 10px; padding: 235px 35px 0 35px; background-color: #f3f3f3; position: relative;}
		#index_program1 { background: url("./images/bg_p1.jpg") no-repeat center top;} 
		#index_program2 { background: url("./images/bg_p2.jpg") no-repeat center top;} 
		#index_program3 { background: url("./images/bg_p3.jpg") no-repeat center top;} 
		#index_program4 { background: url("./images/bg_p4.jpg") no-repeat center top;} 
	#index_program li strong { font-size: 1.5em; font-weight: 600; background: url("./images/bg_strong.gif") no-repeat left top; padding-top: 14px;}
	#index_program li:hover strong { color: #4ac4f5;}	
	#index_program li p { font-size: 0.9em; line-height: 160%; margin-top: 10px;}
	#index_program li a { display: block; position: absolute; top: 0; left: 0; width: 278px; height: 376px; z-index: 10; text-indent: -9999px; font-size: 0;}
	#index_program li a:hover { outline: 1px solid #6dcff6; border: 14px solid #6dcff6; width: 250px; height: 348px;}	
#index_banner { width: 100%; min-width: 1200px; height: 475px; background: url("./images/bg_banner.jpg") no-repeat center top; margin: 0 auto; padding-top: 80px;}
	#index_banner h2,
	#index_banner p { color: #fff;}
#index_cs { height: 475px; background-color: #eff6f8; padding-top: 80px;}
	#index_cs p { margin-bottom: 30px;}

/*서브페이지*/
.contents_wrap { background-color: #eaeff1; margin-bottom: 100px;}
	#sub32 .contents_wrap { margin-bottom: 0; padding-bottom: 60px;} 
.contents { width: 1200px; margin: 0 auto; padding-bottom: 80px;}
	.sub .contents { width: 1200px; margin: 0 auto;}
	.txt_box { font-size: 1.1em; line-height: 180%; margin-bottom: 60px; text-align: justify; padding: 0 10px;}
	.txt_box span { color: #00b2f9;}
h2.title { text-align: center; font-size: 2em; font-weight: 800;}
h2.title+p { text-align: center; margin: 10px;}
h2.page_title { background: url("./images/sq2.jpg") no-repeat center top; text-align: center; margin: 65px 0; padding-top: 17px; font-size: 2em; color: #777; font-weight: bold;}
ul.tab_menu { width: 1003px; margin: 50px auto; overflow: hidden; padding: 1px; background-color: #fff; list-style-type: none;} 
	.sub20 ul.tab_menu { width: 803px;} 
	.sub30 ul.tab_menu { width: 600px;} 
	.sub50 ul.tab_menu { width: 803px;} 
ul.tab_menu li { float: left; width: 200px; list-style: none;} 
ul.tab_menu li a { text-decoration: none; display: block; text-align: center; height: 59px; line-height: 59px; outline: 1px solid #eee; font-size: 1.1em; font-weight: 600;}
#sub51 #tab51,#sub52 #tab52,#sub53 #tab53,#sub54 #tab54,
#sub31 #tab31,#sub32 #tab32,#sub33 #tab33,
#sub21 #tab21,#sub22 #tab22,#sub23 #tab23,#sub24 #tab24,
#sub11 #tab11,#sub12 #tab12,#sub13 #tab13,#sub14 #tab14,#sub15 #tab15,
ul.tab_menu li a:hover { background-color: #6dcff6; color: #fff;}
#sub12 .contents ul { width: 1180px; margin: 0 auto;}
#sub12 .contents ul strong { font-size: 2em; color: #00b6ff; background: url("./images/sq_best.jpg") no-repeat left top; display: inline-block; padding: 33px 10px 0 98px;}
#sub12 .contents li { position: relative; height: 361px; padding-top: 40px; background-color: #fafafa; padding-left: 650px; margin-bottom: 50px;}
#sub12 .contents li>img { position: absolute; left: 0; top: 0;}
#sub12 .contents dl { overflow: hidden; margin-top: 20px;}
#sub12 .contents dt { float: left; font-size: 1.1em; color: #22bfff; width: 90px; margin-bottom: 10px; line-height: 180%; padding-left: 10px;}
#sub12 .contents dd { float: left; font-size: 1.1em; width: 400px; margin-bottom: 10px; line-height: 180%;}
#sub12 .contents span.trh { padding: 0 10px;}
#sub13 #btn { text-align: center; margin-bottom: 60px;}
#sub13 #btn a { color: #6dcff6; border: 3px solid #6dcff6; display: inline-block; width: 125px; height: 125px; line-height: 125px; border-radius: 100%; margin: 0 15px; text-decoration: none; font-size: 1.2em;}
#sub13 #btn a.hover,
#sub13 #btn a:hover { background-color: #6dcff6; color: #fff; font-weight: bold;}
#sub15 iframe { width: 1180px; margin: 0 auto;}
#sub15 .contents ul { width: 1180px; margin: 0 auto; text-align: center;}
#sub15 .contents li { display: inline-block; width: 380px; height: 190px; vertical-align: top; margin: 10px 5px;}
#sub15 .contents li a { margin-bottom: 10px; display: block;}
.contents ol { width: 1180px; margin: 0 auto;}
.contents ol>li { list-style: none; margin-bottom: 60px;}
	#sub14 .contents ol>li { list-style: none; margin-bottom: 0px;}
	#sub14 .contents ol>li .txt_box { margin-bottom: 30px;}
	#sub33 .contents ol>li { margin-bottom: 30px; font-size: 1.1em;}
.contents .ol_01 { background: url("./images/ol1.jpg") no-repeat left top;}
	.ol_01 ul { padding-left: 30px;}
	.ol_01 ul li { background: url("./images/sq3.jpg") no-repeat left center; padding-left: 13px; line-height: 170%; font-size: 1.1em;}
	.ol_03 ul { padding-left: 30px;}
	.ol_03 ul li { background: url("./images/sq3.jpg") no-repeat left center; padding-left: 13px; line-height: 170%; font-size: 1.1em;}
	.contents .ol_02 { background: url("./images/ol2.jpg") no-repeat left top;}
	.contents .ol_03 { background: url("./images/ol3.jpg") no-repeat left top;}
	.contents .ol_04 { background: url("./images/ol4.jpg") no-repeat left top;}
	.contents ol strong { font-size: 1.4em; color: #00b2f9; margin-left: 55px; margin-bottom: 10px; padding-top: 11px; display: inline-block;}
	#sub14 .contents ol strong { font-size: 1.1em; padding-top: 15px;}
table.detail { width: 1180px; margin: 0 auto 50px; border-spacing: 0;}
table.detail th { background-color: #6dcff6; color: #fff; border-right: 1px solid #fff;}
table.detail th,
table.detail td { height: 60px; text-align: center;}
table.detail td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
table.detail td:last-child { border-right: none;}
table.detail caption { color: #6dcff6; font-size: 1.5em; text-align: left; margin-bottom: 21px;}
.sub50 table { border-top: 2px solid #444; border-bottom: 1px solid #ddd;}
#gallery { padding-bottom: 120px;}
#cs3 strong { color: #00b7ff; font-size: 1.2em; display: block; margin-bottom: 0px;}
#cs4 ul#sitemap { height: 220px; margin: 0 0 60px 0; padding: 0;}
#cs4 ul#sitemap ul { padding: 20px 0; margin-bottom: 1px solid #ddd; height: 220px;}
#cs4 ul#sitemap>li { float: left; width: 280px; margin: 0px 10px; padding: 0;}
#cs4 ul#sitemap strong { background-color: #e2f4fa; color: #107da7; font-size: 1.2em; width: 250px; height: 61px; line-height: 61px; display: block; border-bottom: 1px solid #ddd; padding-left: 30px;}
#cs4 ul#sitemap a { display: block; width: 250px; padding-left: 30px; font-size: 1.2em; text-decoration: none; margin: 0; line-height: 200%;}
#cs4 ul#sitemap a:hover { background-color: #e2f4fa;}
/*하단 정보영역*/
.inform_area {}
	.inform_bar_wrap { width: 100%; height: 80px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
	.inform_bar { text-align: center;}
	.inform_bar a { display: inline-block; font-size: 1em; font-weight: 600; text-decoration: none; line-height: 80px; padding: 0 2em; background: url("./images/sq.jpg") no-repeat right center;}
	.inform_bar a:last-child { background: none;}
	.information { width: 950px; height: 115px; margin: 0 auto; padding-left: 250px; position: relative; padding-top: 35px;}
	.sub50 .information { width: 1200px; height: 150px;}
	.information a { position: absolute; z-index: 10; left: 10px; top: 53px;}
	.information p { border-left: 1px solid #aaa; padding-left: 40px; font-size: 1.1em; line-height: 150%;}