@CHARSET "UTF-8";

@import url(common.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


#Wrap					{ position: relative; float: left; min-width: 100%; }
#Wrap .container		{ position: relative; width: 1100px; margin: 0 auto; }
#Wrap .container2		{ position: relative; width: 950px; margin: 0 auto; }

#billboard				{ position: absolute; left: 0; top: 150px; width: 100%; height: 200px; border-top: 1px solid #DCEDF3; background: #F3F8FC url(../img/inc/sub_bg01.jpg) top center no-repeat; }
#billboard dl			{ margin: 0 auto; margin-top: 85px; color: #ffffff; text-align: center; text-shadow: 1px 1px 8px #000; }
#billboard dl dt		{ padding-bottom: 19px; font-size: 31px; font-weight: 700; letter-spacing: 1px; background: url(../img/inc/bar_title) bottom center no-repeat; }
#billboard dl dd		{ padding-bottom: 6px; font-size: 16px; font-weight: 400; }

#contwrap			{ position: relative; float: left; width: 100%; margin-top: 350px; }
#contwrap .fix		{ position: fixed; top: 150px; box-shadow: 1px 1px 8px #c2c2c2; }
#contwrap .fix_m	{ position: fixed; top: 51px; box-shadow: 1px 1px 8px #c2c2c2; }
#contwrap .cont		{ margin-top: 33px; }
#contwrap .cont_m	{ margin-top: 30px!important}

.titleroad								{ z-index: 20; position: relative; float: left; width: 100%; height: 41px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #c4cce0; background: #fcfcfc; }
.titleroad .Position					{ float: left; line-height: 40px; }
.titleroad .Position li					{ float: left; padding: 0 15px 0 15px; background: url(../img/inc/arrow_position.png) left 17px no-repeat; }
.titleroad .Position li:first-child		{ border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; background: #fff none; }
.titleroad .Position li:nth-child(2)	{ background: none; }
.titleroad .Position a					{ color: #a7a7a7; font-size: 13.3px; }
.titleroad .Position .highlight			{ color: #7b7b7b; font-weight: 400; font-size: 14px; line-height: 3; }
.titleroad .Position a:hover			{ color: #2374ce; }
.titleroad .Position .highlight:hover	{ color: #3587e2; }

#Submenu									{ position: relative; width: 100%; margin-top: 85px; text-align: center; }
#Submenu li									{ display: inline-block; position: relative; margin: 0 -3px 1px 1px; width: 14%; border: 1px solid #ccc; border-bottom: 1px solid #aeaeae; border-radius: 4px; }
#Submenu li a								{ display: block; padding: 17px 0; color: #505050; font-size: 16px; font-weight: 400; }
#Submenu li:hover							{ border-top: 2px solid #249ef2; }
#Submenu li ul								{ display: none; }
#Submenu .sidebar1 ul						{ position: absolute; left: -1px; top: 54px; }
#Submenu .sidebar2 ul						{ position: absolute; left: -159px; top: 54px; }
#Submenu .sidebar3 ul						{ position: absolute; left: -316px; top: 54px; }
#Submenu .sidebar4 ul						{ position: absolute; left: 0; top: 54px; }
#Submenu .sidebar5 ul						{ position: absolute; left: -631px; top: 54px; }
#Submenu .sidebarActive						{ border-top: 2px solid #249ef2; }
#Submenu .sidebarActive a					{ color: #249ef2; }
#Submenu .sidebarActive ul					{ display: block; width: 1000px; text-align: left; }
#Submenu .sidebarActive ul li				{ clear: both; padding: 9px 13px; width: auto; border: 1px solid #e5e5e5; border-bottom: 1px solid #ccc; border-radius: 2px; }
#Submenu .sidebarActive ul li a				{ display: block; padding: 0; color: #777777; font-size: 13px; font-weight: 300; }
#Submenu .sidebarActive ul li:hover			{ border: 1px solid #cecece; border-bottom: 1px solid #249ef2; }
#Submenu .sidebarActive .sidebarActive2		{ border: 1px solid #cecece; border-bottom: 1px solid #249ef2; }
#Submenu .sidebarActive .sidebarActive2 a	{ color: #4baff4; }

#Leftbox										{ position: relative; float: left; width: 205px; margin-top: 50px; margin-right: 40px; margin-bottom: 50px; }
#Leftbox .menutitle								{ height: 55px; font-size: 24px; font-weight: 300; line-height: 60px; color: #fff; text-align: center; letter-spacing: -1px; border-bottom: 6px solid #93b63b; background: #a6d136; }

#Leftbox .leftmenu ul li a						{ display: inline-block; width: 190px; padding-left: 15px; font-size: 15px; line-height: 43px; letter-spacing: -1px; border-bottom: 1px solid #ddd; }
#Leftbox .leftmenu ul li:hover					{ background: #f5f5f5 url(../img/inc/submenu_dot.png) 193px 15px no-repeat; }
#Leftbox .leftmenu .sidebarActive a				{ color: #7fa224; font-weight: 300; font-size: 15px; letter-spacing: -1px; background: #f8f8f8 url(../img/inc/submenu_dot.png) 193px 15px no-repeat; }
#Leftbox .leftmenu li ul						{ padding: 5px 0; border-bottom: 1px solid #dfdfdf; }
#Leftbox .leftmenu li ul li						{ display: inline-block; }
#Leftbox .leftmenu li ul li a:hover				{ text-decoration: none; color: #7fa224; }
#Leftbox .leftmenu li ul li a, 
#Leftbox .leftmenu .sidebarActive ul li a		{ width: 150px; margin-left: 15px; padding-left: 10px; border-bottom: 0; font-size: 14px; line-height: 1.7; font-weight: 300; color: #666; background: url(../img/inc/sidebar_dot.gif) no-repeat left 12px; }
#Leftbox .leftmenu .sidebarActive .sidebarActive2 a	{ color: #7fa224; }

.sMenuM		{ display: none; }

#Leftbox .link-btn		{ display: none; }
#Leftbox .link-btn h4		{ margin: 40px 0 0 0; line-height: 50px; font-size: 18px; font-weight: 500; text-align: center; background-color: #444; color: #fff; }
#Leftbox .link-btn ul		{ display: inline-block; border-left: 1px solid #ddd; }
#Leftbox .link-btn ul li	{ float: left; width: 50%; }
#Leftbox .link-btn ul li a	{ display: inline-block; width: 100%; letter-spacing: -0.5px; text-align: center; font-size: 13px; line-height: 35px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; background-color: #f8f8f8; }

#Start						{ float: left; width: 855px; margin-top: 63px; }
#Start .Subtitle			{ float: left; width: 100%; margin-bottom: 50px; padding-bottom: 15px; font-size: 30px; font-weight: 500; color: #343434; letter-spacing: -1.5px; border-bottom: 1px solid #acacac; }
#Start .contents			{ float: left; width: 100%; line-height: 26px; margin-bottom: 50px;  letter-spacing:-0.5px;font-size:15px}
#Start .lbox				{ float: left; width: 48%; }
#Start .rbox				{ float: right; width: 48%; }
#Start .fsize01				{ font-size: 20px; line-height: 30px; letter-spacing: -0.5px; }
#Start .fsize02				{ font-size: 17px; line-height: 25px; }
#Start .fsize03				{ font-size: 16px; }
#Start .fsize04				{ font-size: 15px; }
#Start .fsize05				{ font-size: 14px; }
#Start .fcolor01			{ color: #0e77e6; }
#Start .contents h3			{ font-size: 20px; color: #0548A1; font-weight: normal; padding-bottom: 20px; }
#Start .contents p img		{ max-width: 100%; }
#Start .contents div img	{ max-width: 100%; }


.sitemap								{ clear: both; height: 360px; }
.sitemap ul li							{ width: 30%; height: 360px; float: left; margin-left: 25px; }
.sitemap ul li a						{ display: inline-block; width: 100%; font-size: 17px; font-weight: 500; color: #2e4768; text-align: center; line-height: 45px; border: 1px solid #c3c7d5; background-color: #EEF0F7; border-radius: 6px; }
.sitemap ul li a:hover					{ color: #276ac2; }
.sitemap ul li ul li					{ width: 100%; height: auto; clear: both; border-bottom: 1px dotted #dfdfdf; margin: 0; }
.sitemap ul li ul li a					{ text-decoration: none; color: #232323; font-size: 14px; font-weight: 300; background: none; text-align: left; padding: 0 10px; line-height: 40px; border: 0; }
.sitemap ul li ul li a:hover			{ color: #276ac2; }
.sitemap ul li ul li ul					{ border-top: 0; }
.sitemap ul li ul li ul li				{ border-bottom: 0; background-color: #f7f9fe; margin: 0; }
.sitemap ul li ul li ul li a			{ text-decoration: none; color: #4b4b4b; font-size: 12px; line-height: 25px; }
.sitemap ul li ul li ul li a:hover		{ color: #276ac2; }
.sitemap .SiteMap1						{ height: 480px; }
.sitemap .SiteMap2						{ height: 480px; }
.sitemap .SiteMap3						{ height: 480px; }


/*개인정보처리방침&이용약관*/
.stipul_box .stipul_txt									{ border: 1px solid #dfdfdf; border-bottom: 0; background-color: #f7f9fe; padding: 10px 20px; display: inline-block; }
.stipul_box strong										{ color: #4a4a4a; font-weight: 400; }
.stipul_box .stipul_con									{ padding: 20px; margin-bottom: 10px; height: 400px; overflow-y: scroll; text-align: justify; border: 1px solid #dfdfdf; }
.stipul_box .stipul_con h5								{ font-weight: 500; color: #06C; font-size: 16px; margin-bottom: 10px; }
.stipul_box .stipul_con p, .stipul_box .stipul_con ul	{ margin-bottom: 20px; }
.stipul_box .stipul_con dt								{ font-weight: 500; }
.stipul_box .stipul_con ul li							{ margin-bottom: 25px; }
.stipul_box .stipul_con ul li ol li						{ margin-bottom: 0; }

.goTop_menu			{ z-index: 999; position: fixed; right: 100px; bottom: 200px; padding: 3px 3px 0 3px; width: 33px; height: 50px; text-align: center; border-bottom: 2px solid #656a77; background: #ffffff; }
.goTop_menu span	{ width: 100%; display: block; }
.goTop_menu img		{ margin-bottom: 20px; }
.goTop_menu a		{ font-size: 11px; font-weight: 300; }
.goTop_menu a:hover	{ color: #e51939; }
.goTop_menu:hover	{ border-bottom: 2px solid #e51939; }

/* 내용 속성 모음 */
.wrap_over	{ overflow-x: auto; }

#Start .contents .product	h3			{ padding-bottom: 30px; color: #964a00; font-size: 30px; font-weight: 600; text-align: center; font-family: 'Nanum Myeongjo', serif; border-bottom: 1px solid #d6d6d6; }
#Start .contents .product	h3 span		{ display: block; margin-top: 5px; color: #393939; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; }

#Start .contents .product ul						{ float: left; margin-top: 30px; width: 100%; }
#Start .contents .product ul li						{ float: left; }
#Start .contents .product ul li:nth-child(1)		{ display: table; width: 117px; height:117px; margin-right: 30px; }
#Start .contents .product .course					{ display: table-cell; vertical-align: middle; padding-top: 20px; text-align: center; color: #ffffff; font-size: 60px; font-weight: 400; font-family: 'Nanum Myeongjo', serif; background: url(../img/page/bg_prod.png) left top no-repeat; }
#Start .contents .product .course span				{ display: block; padding-top: 10px; font-size: 16px; }
#Start .contents .product ul li:nth-child(2)		{ margin-top: 15px; width: 700px; font-size: 25px; font-weight: 700; }
#Start .contents .product ul li:nth-child(2) span	{ display: inline-block; width: 95px; }
#Start .contents .product ul li:nth-child(3)		{ margin-top: 7px; width: 700px; color: #606060; font-size: 19px; font-weight: 500; }
#Start .contents .product ul li:nth-child(3) span	{ display: inline-block; width: 95px; }
#Start .contents .product ul li:nth-child(4)		{ margin-top: 5px; width: 700px; color: #606060; font-size: 19px; font-weight: 500; }
#Start .contents .product ul li:nth-child(4) span	{ display: inline-block; width: 95px; }
#Start .contents .product ul li:nth-child(5)		{ margin-top: 25px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }

#Start .contents .product .acces					{ display: table-cell; vertical-align: middle; padding-top: 20px; text-align: center; color: #ffffff; font-size: 25px; font-weight: 400; font-family: 'Nanum Myeongjo', serif; background: url(../img/page/bg_prod.png) left top no-repeat; }
#Start .contents .product .acces span				{ display: block; padding-top: 0; font-size: 16px; }

#Start .contents .product .cps					{ display: table-cell; vertical-align: middle; padding-top: 0; text-align: center; color: #ffffff; font-size: 25px; font-weight: 400; background: url(../img/page/bg_prod.png) left top no-repeat; }
#Start .contents .product .cps span				{ display: block; padding-top: 3px; font-size: 16px; line-height: 20px; }

#Start .contents .product .cpsp					{ display: table-cell; vertical-align: middle; padding-top: 15px; text-align: center; color: #ffffff; font-size: 19px; font-weight: 400; letter-spacing: -2px; font-family: 'Nanum Myeongjo', serif; background: url(../img/page/bg_prod.png) left top no-repeat; }
#Start .contents .product .cpsp span			{ display: block; padding-top: 0; font-size: 16px; line-height: 20px; font-family: 'Noto Sans KR', sans-serif; }


.D1000					{ z-index:100; float: left; width: 100%; height: auto; }
.D1000 dl				{ margin: 0 auto; margin-top: 30px; width: 97%; }
.D1000 dl dd			{ float: left; padding: 30px 0 80px 0; text-align: justify; line-height: 1.8; }
.D1000 dl dd b			{ font-weight: 500; color: #6aad26; }

.D2000					{ z-index:100; float: left; width: 100%; height: auto; }
.D2000 dl				{ float: left; margin: 0 auto; margin-top: 50px; width: 92%; }
.D2000 dl dt			{ float: left; width: 100%; padding-left: 85px; text-align: justify; font-size: 19px; font-weight: 500; line-height: 1.8; color: #6aad26; background: url(../img/bullet07.png) 40px 2px no-repeat; }
.D2000 dl dd			{ float: left; width: 100%; padding: 20px 40px 20px 65px; text-align: justify; line-height: 1.8; }
.D2000 dl dd b			{ font-weight: 500; color: #6aad26; }
.D2000 dl dd ul			{ margin-left: 25px; }
.D2000 dl dd ul li		{ width: 400px; margin-bottom: 20px; padding: 10px 0 10px 20px; text-align: left; font-weight: 500; font-size: 17px; color: #66a427; border: 4px solid #80d52a; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 40%, #e4e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 40%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 40%,#e4e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 40%,#e4e4e4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 40%,#e4e4e4 100%); /* W3C */
}


.company				{ float: left; width: 100%; }
.company dl				{ float: left; width: 100%; }
.company dl img			{ float: left; margin-left: 5px; }
.company dl dt			{ float: right; word-wrap: break-word; word-break: keep-all; }
.company dl dd			{ float: right; margin: 5px 0; font-size: 16px; text-align: justify; letter-spacing: 0; word-wrap: break-word; word-break: keep-all; }
.company dl .ceo		{ font-size: 24px; font-weight: 500; letter-spacing: -1px; line-height: 1.3; }
.company dl .ceo strong	{ font-size: 24px; font-weight: 500; color: #6aad26; }

.company .wf57			{ float: left; width: 100%; }
.company .wf57 dt		{ width: 57%; }
.company .wf57 dd		{ width: 57%; }

.company .wf60			{ float: left; width: 100%; }
.company .wf60 dt		{ width: 60%; }
.company .wf60 dd		{ width: 60%; }

.tstyle			{ margin: 0 auto; width: 98%; border-collapse: collapse; }
.tstyle thead	{ border-top: 2px solid #93b63b; }
.tstyle th		{ word-break: keep-all; width: 105px; font-size: 16px; font-weight: 300; text-align: center; color: #7c9d27; letter-spacing: -1px; padding: 10px; border: 1px solid #dbdee6; border-bottom: 0; border-collapse: collapse; background-color: #f9f9f9; }
.tstyle td		{ word-break: keep-all; font-size: 14px; text-align: center; letter-spacing: -1px; padding: 9px 10px 8px 10px; border: 1px solid #dbdee6; border-collapse: collapse; vertical-align: middle; }

.tstyle .all	{ text-align: left; }
.tstyle .alr	{ text-align: right; }
.tstyle .bdr	{ border: 1px solid #dbdee6; }

.dlstyle						{ margin: 0 0 25px 0; padding: 0 0 5px 0; }
.dlstyle>dt						{ margin: 0 0 15px 0; padding: 0 0 15px 0; font-weight: 500; font-size: 22px; border-bottom: 5px solid #cccccc; }
.dlstyle>dd						{ float: left; margin: 0 0 10px 0; width: 50%; }


@media screen and (max-width: 800px) {
	#Wrap .container		{ margin: 0 auto; width: 100%; }
	#Wrap .container2		{ margin: 0 auto; width: 90%; }

	#billboard				{ top: 50px; height: 120px; background: #f9f9f9 url(../img/inc/sub_bg01.jpg) top center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
	#billboard dl			{ margin-top: 35px; }
	#billboard dl dt		{ padding-bottom: 11px; font-size: 27px; letter-spacing: -1px; }
	#billboard dl dd		{ font-size: 14px; }

	#contwrap				{ z-index: 1; margin-top: 171px; }

	.titleroad .Position li				{ padding: 0 10px 0 10px; background: url(../img/inc/arrow_position.png) left 16px no-repeat; }
	.titleroad .Position a				{ letter-spacing: -1px; }

	.sMenuM			{ display: block; float: left; margin-bottom: 30px; width: 100%; text-align: center; }
	.sMenuMin		{ display: block; margin: 0 auto; width: 95%; text-align: left; }
	.sMenuMin li	{ float: left; width: 49.5%; border: 1px solid #dbdee6; margin: 0 0 1px 1px; line-height: 30px; }
	.sMenuMin a		{ padding: 0 0 0 10px; font-size: 13px; letter-spacing: -1px; }
	.sMenuMin span	{ float: right; margin-right: 10px; font-size: 10px; }

	#Leftbox, #Submenu, .goTop_menu		{ display: none; }

	#Start				{ position: relative; float: left; width: 100%; margin-top: 25px; }
	#Start .contents	{ clear: both; margin: 0 auto; line-height: 1.3; margin-bottom: 20px; }

	.company dl img			{ width: 33%; }
	.company dl dd			{ line-height: 1.5; letter-spacing: -1px; }
	.company dl .ceo		{ font-size: 24px; }
	.company dl .ceo strong	{ font-size: 24px; }
	.company dl .ceosign img{ width: 50%; margin-right: 30px; }

	.products dl img		{ margin-top: 20px; width: 45%; }
	.products dl dd			{ line-height: 1.5; letter-spacing: -1px; }
	.products dl dd img		{ margin-top: 0; margin-right: 30px; width: 30%; }
	.products dl dd b		{ font-size: 13px; }

	.products .full dd img	{ width: 15%; }
	.products .full .mvf70	{ width: 70%; }
	.products .full .mvf80	{ width: 80%; }
	.products .full .mvf100	{ width: 100%; }

	.products .mvf50 dt		{ width: 50%; }
	.products .mvf50 dd		{ width: 50%; }

	.products .mvfull				{ width: 100%; }
	.products .mvfull .mvfull		{ width: 95% }
	.products .mvfull .mvfull img	{ width: 15%; }

	.products .mvf100		{ width: 100%; }
	.products .mvf100 dt	{ width: 100%; }
	.products .mvf100 dd	{ width: 100%; }
	.products .mvf100 dd img{ width: 15%; }

	.products .mvf25		{ width: 25%; }
	.products .mvf30		{ width: 30%; }
	.products .mvf35		{ width: 35%; }
	.products .mvf40		{ width: 40%; }

	.tstyle th		{ font-size: 14px; }
	.products dl dd .tstyle th img	{ clear: both; margin: 0; width: 100%; vertical-align: middle; }


}

@media screen and (max-width: 650px) {


}

@media screen and (max-width: 400px) {
	.titleroad .Position a				{ font-size: 12px; }
	.titleroad .Position a .highlight	{ font-size: 11px; }

	#billboard dl			{ margin-top: 37px; }
	#billboard dl dt		{ padding-bottom: 12px; font-size: 23px; }
	#billboard dl dd		{ font-size: 13px; }

	.sMenuMin li	{ width: 49%; border: 1px solid #dbdee6; margin: 0 0 1px 1px; line-height: 25px; }
	.sMenuMin a		{ padding: 0 0 0 10px; font-size: 12px; letter-spacing: -1px; }
	.sMenuMin span	{ float: right; margin-right: 10px; font-size: 10px; }
	.sMenuMin_C5000 li a	{ padding: 0 0 0 3px; }
	.sMenuMin_C5000 li:nth-child(4)	span	{ display: none; }

	.company dl img			{ width: 33%; }
	.company dl dt			{ letter-spacing: -2px; }
	.company dl dd			{ margin: 0 0; font-size: 12px; line-height: 1.6; letter-spacing: -1px; word-wrap: break-word; word-break: break-all; }
	.company dl .ceo		{ font-size: 17px; }
	.company dl .ceo strong	{ font-size: 17px; }
	.company dl .ceosign	{ font-size: 14px; }
	.company dl .ceosign img{ width: 80%; margin-top: 10px; margin-right: 10px; }

	.mvb10				{ margin-bottom: 10px; }
	.mvt10				{ margin-top: 10px; }
	.mvt20				{ margin-top: 20px; }
	.company .mvf100	{ width: 100%; }

	.products dl img		{ margin-top: 10px; }
	.products dl dt			{ padding-top: 5px; font-size: 14px; }
	.products dl dt span	{ margin: 0 0 10px 0; font-size: 22px; line-height: 1; }
	.products dl dd			{ margin: 5px 0 60px 8px; font-size: 12px; line-height: 1.6; letter-spacing: -1px; word-wrap: break-word; word-break: break-all; }
	.products dl dd img		{ margin-right: 20px; }
	.products dl dd b		{ text-align: left; }

	.products .full dd img		{ width: 30%; }
	.products .wf60 .mvf100_400	{ width: 100%; }
	.products .wf60 .mvfull		{ width: 100%; }
	.products .wf60 .mvfull img	{ width: 20%; }

	.products .full .mvf20_400		{ width: 20%; }
	.products .mvf35_400		{ width: 35%; }
	.products .mvf40_400		{ width: 40%; }
	.products .mvf100_400		{ width: 100%; }

	.products .mvt10		{ margin-top: 10px; }
	.products .mvt30		{ margin-top: 30px; }

	.tstyle th		{ font-size: 11px; }
	.tstyle td		{ font-size: 11px; }

	.dlstyle		{ padding: 0 0 15px 0; }
	.dlstyle>dt		{ margin: 0 0 15px 0; padding: 0 0 8px 0; font-size: 17px; background: url(../img/page/dott1m.png) 1px bottom no-repeat; }
	.dlstyle>dd		{ font-size:12px; }




}


@media screen and (max-width: 320px) {
	.titleroad .Position a				{ font-size: 10px; }
	.titleroad .Position a .highlight	{ font-size: 10px; }

	.sMenuMin a		{ padding: 0 0 0 5px; font-size: 10px; }
	.sMenuMin span	{ display: none; }

}