@charset "utf-8";

.cont_area { font-size: 1.25em; color: #888; line-height: 1.5em;}
.cont_area h3 { position: relative; padding: 40px 0; text-align: center;}
.cont_area h3 > i { position: absolute; left: 50%; top: 0; margin: 0 0 0 -20px; width: 40px; height: 6px; background: #0ba152;}
.cont_area h3 > p { font-family: 'NanumSquare', sans-serif; font-weight: bold; font-size: 2.2em; color: #333; line-height: 1.5em; word-break: keep-all;}
.cont_area h3 > span { display: block; font-size: 1.3em; font-weight: normal; color: #999;}
.cont_area h4 { margin: 0 0 15px; padding-left: 18px; font-family: 'NanumSquare', sans-serif; font-weight: 800; font-size: 1.3em; color: #333; line-height: 1.3em; word-break: keep-all; background: url('/theme/basic/img/common/h4_bg.gif') left 2px no-repeat;}
.cont_area h5 { margin: 0 0 20px; padding: 0 0 5px; font-family: 'NanumSquare', sans-serif; font-weight: 700; font-size: 1.15em; color: #006dca; border-bottom: 1px solid #8bb6db;}
.cont_area ul.list_1 li { padding: 15px 0; color: #777; border-bottom: 1px dashed #ddd;}
.cont_area ul.list_1 li b { display: block; margin: 0 0 5px; font-size: 1.1em; font-weight: normal; color: #444;}
.cont_area ul.list_1 li p {}
.cont_area ul.list_1 li:last-child { border-bottom: none;}

/* ȸ»ç ¼Ò°³ */
.cont_area .company {}

	/* Àλ縻 */
	.company.overview { margin: 0 0 150px;}
	.company.overview .box_1 {  padding: 0 0 100px; background: url('/theme/basic/img/sub/company/overview_bg_1.jpg') right bottom no-repeat;}
	.company.overview .box_1 p { padding: 140px 80px; width: 57%;  font-family: 'NanumSquare', sans-serif; font-weight: 500; font-size: 1.3em; color: #333; line-height: 1.7em; border: 1px solid rgba(0,0,0,0.2);}
	.company.overview .box_2 { background: url('/theme/basic/img/sub/company/overview_bg_2.jpg') left top no-repeat;}
	.company.overview .box_2 p { padding: 90px 0 0; font-size: 1em; font-weight: 400; color: #666; text-align: right; line-height: 1.8em;}


	/* ÀÎÇã°¡Áõ */
	.company.licensing {}
	.company.licensing ul { margin: 20px 0 0; text-align: center; }
	.company.licensing ul:after { display: block; visibility: hidden; clear: both; content: "";}
	.company.licensing li { display: inline-block; margin: 0 5% 30px; width: 22%; text-align: center; box-sizing: border-box; vertical-align: top;}
	.company.licensing li:last-child { /*margin: 0;*/}
	.company.licensing li a { display: block; margin: 0 0 12px; border: 5px solid #555; border-radius: 5px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4); cursor:pointer;}
	.company.licensing li a img { width: 100%;}
	.company.licensing li > p { font-family: 'NanumSquare', sans-serif; font-weight: bold; font-size: 1.2em; color: #333;}

	/* ¿¬Çõ */
	.company.history {}
	.company.history .box_1 ul > li { margin-bottom: 60px; font-weight: 400; }
	.company.history .box_1 ul > li:after { overflow: hidden; clear: both; display: block; content:""; }
	.company.history .box_1 ul > li > p { float: left; }
	.company.history .box_1 ul > li > p.year { width: 10%; font-family: 'NanumSquare', sans-serif; font-weight: 600; font-size: 1.8em; font-style: italic; color: #333;}
	.company.history .box_1 ul > li div { float: right; padding: 0 0 0 50px; width: 89%; border-left: 1px solid #ddd; box-sizing: border-box;} 
	.company.history .box_1 ul > li div p { position: relative; padding: 3px 0 3px 90px; line-height: 1.2em;}
	.company.history .box_1 ul > li div p b.date { position: absolute; left: 0; top: 4px; width: 10%; color: #006aba;}	


	/* ã¾Æ¿À½Ã´Â ±æ */
	.company.map > p { padding: 10px; color: #fff; text-align: center; background: #333;}
	.company.map .map_box { overflow: hidden;}
	.company.map .map_box > div { width: 100%; height: 435px;}
	.company.map .map_box .wrap_btn_zoom { margin-top: 10px; height: auto;}
	.company.map .map_box .root_daum_roughmap .wrap_map { height: 400px !important;}
	.company.map .map_box .root_daum_roughmap .map > div { margin: 20px 0 0 0;}


/* »çȸÀû±â¾÷ ¹®È­¸¶´ç */
.cont_area .social {}

	/* »çȸÀû ±â¾÷À̶õ */
	.social.business {}
	.social.business .box_1 { margin: 0 0 100px; padding: 50px; text-align: center; border: 1px solid #bbb; border-radius: 20px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);}
	.social.business .box_1 p { font-size: 1.2em; line-height: 1.8em; word-break: keep-all;}
	.social.business .box_1 p b { font-size: 1.2em; color: #4b4b4b;}
	.social.business .box_2 { margin: 0 0 20px; height: 295px; background: url('/theme/basic/img/sub/social/social_1_bg1.gif') center top no-repeat; background-size: contain;}
	.social.business .box_2 p { overflow: hidden; text-indent: -9999px;}
	.social.business ul.list_1 { margin: 0 0 80px;}
	.social.business ul.list_2 { margin: 0 0 80px;}
	.social.business ul.list_2 li { padding: 10px 0 10px 10px;}
	.social.business ul.list_2 b { display: block; margin: 0 0 0 -10px; font-weight: 500; color: #555;}
	.social.business .box_3 { overflow: hidden; margin: 0 0 100px; padding: 0 20px 20px; text-align: center; border-radius: 20px; background: #e5e5e5;}
	.social.business .box_3 > p { margin: -200px auto 0; width: 65%; padding: 230px 0 0; height: 335px; border-bottom-left-radius: 335px; border-bottom-right-radius: 335px; background: #368fea;}
	.social.business .box_3 > p { font-family: 'NanumSquare', sans-serif; font-weight: bold; font-size: 1.7em; color: #fff; line-height: 1.3em;}
	.social.business .box_3 > ul { overflow: hidden; margin: 20px 0 0; padding: 20px; border-radius: 200px; background: #fff;}
	.social.business .box_3 > ul li { float: left; margin-left: -2%; width: 26.49%; height: 270px; border-radius: 200px; border: 1px solid #6ca7df;}
	.social.business .box_3 > ul li:nth-child(even) { border: 1px solid #93c97b;}
	.social.business .box_3 > ul li:first-child { margin-left: 0px;}
	.social.business .box_3 > ul li b { display: block; padding: 70px 0 30px; font-family: 'NanumSquare', sans-serif; font-size: 1.3em; color: #333;}
	.social.business .box_3 > ul li p { margin: 0 auto; padding: 0 0 0 6px; width: 70%; text-align: left; background: url('/theme/basic/img/common/bullet_dot_gray.gif') left 10px no-repeat;}

	/* °ø°ø±â°ü ¿ì¼±±¸¸ÅÁ¦µµ */
	.social.public {}
	.social.public h4 { margin-bottom: 35px;}
	.social.public .box > ul { margin: 0 0 20px;}
	.social.public .box > ul li { margin: 0 0 10px; padding: 0 0 0 12px; color: #555;}
	.social.public .box > ul li > p { font-size: 0.9em; color: #888;}
	.social.public .box > ul li > b { display: inline-block; margin: 0 5px 0 -10px;}

	.social.public .box.box_1,
	.social.public .box.box_2,
	.social.public .box.box_3 { margin: 0 0 70px;}
	/* ±Ù°Å¹ý·É */
	.social.public .box .row_box { margin: 0 0 30px; padding: 0 35px 35px; font-size: 0.93em; border: 1px solid #bbb; background: #f8f8f8; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
	.social.public .box .row_box .tit { margin: 0 0 30px; padding: 20px 0; font-size: 1.3em; font-weight: bold; color: #333; text-align: center; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; background: #e9e9e9;}
	.social.public .box .row_box > p.big { margin: 0; padding: 0 0 0 20px; font-size: 1.1em; color: #666;}
	.social.public .box .row_box > p.big b { display: inline-block; margin: 0 5px 0 -18px;}
	.social.public .box .row_box > p { margin: 0 0 15px; padding: 0 0 0 20px; }
	.social.public .box .row_box ol { width: 100%; list-style: none;}
	.social.public .box .row_box ol li { margin: 0 0 15px; position: relative; list-style: none; list-style-position: inherit;}
	.social.public .box .row_box ol li b { position: absolute; top: 0; left: -20px; display: inline-block; font-weight: normal;}

	.social.public .box .graph { margin: 0 0 20px; padding: 30px; border: 1px solid #ddd; border-radius: 20px; background: #f6f6f6;}
	.social.public .box .graph > div { display: table; width: 100%;}
	.social.public .box .graph > div > div { position: relative; display: table-cell; padding: 30px 30px 0 80px; width: 30%; height: 120px; border: 7px solid #ddd; background: #fff;}
	.social.public .box .graph > div > div:nth-child(even) { width: 5%; padding: 0; border: none; background: url('/theme/basic/img/sub/social/public_bullet_grey_1.png') center no-repeat; background-color: #f6f6f6;}
	.social.public .box .graph > div > div i { position: absolute; top: 50%; left: 20px; margin-top: -3%; font-family: 'NanumSquare', sans-serif; font-size: 3.8em; color: #9be2ca;}
	.social.public .box .graph > div > div p { font-size: 0.9em; line-height: 1.1em; word-break: keep-all;}
	.social.public .box .graph > div > div p b { display: block; margin: 0 0 10px; font-size: 1.3em; font-weight: normal; color: #444;}	
	.social.public .box .graph > p { padding: 30px 0 0; background: url('/theme/basic/img/sub/social/public_bullet_grey_2.png') center top no-repeat;}
	.social.public .box .graph > p span { display: block; padding: 10px 20px; width: 100%; font-family: 'NanumSquare', sans-serif; font-size: 1.3em; color: #fff; text-align: center; background: #8bb6db;}

	.social.public .box .tb_box { display: table; margin: 0 0 20px; width: 100%;}
	.social.public .box .tb_box > div { display: table-cell; border: 1px solid #ddd;}
	.social.public .box .tb_box > div:first-child { width: 43%;}
	.social.public .box .tb_box > div:nth-child(2) { width: 2%; border: none;}
	.social.public .box .tb_box > div > p.tit { padding: 10px; font-size: 1.1em; color: #555; text-align: center; background: #ddd;}
	.social.public .box .tb_box > div > p { padding: 25px 30px; font-size: 0.9em; line-height: 1.2em; word-break: keep-all;}



/* ¼­ºñ½º»ç¾÷ */
.cont_area .service {}
/* Ç¥ ½ºÅ¸ÀÏ */
.ul_table { border-top: 2px solid #5d5d5d;}
.ul_table:after { display: block; visibility: hidden; clear: both; content: "";}
.ul_table > li { display: table; width: 100%; vertical-align: middle; border-bottom: 1px solid #cfcfcf;}
.ul_table > li > div { display: table-cell; padding: 5px 10px 5px 20px; height: 50px; vertical-align: middle; word-break: keep-all;}
.ul_table > li > div:first-child { width: 20%; color: #555; background: rgba(0,0,0, 0.05);} /* th ½ºÅ¸ÀÏ */

.ul_table_2 { border-top: 2px solid #5d5d5d;}
.ul_table_2:after { display: block; visibility: hidden; clear: both; content: "";}
.ul_table_2 > li {  border-bottom: 1px solid #cfcfcf;}
.ul_table_2 > li > section { display: table; width: 100%; vertical-align: middle;}
.ul_table_2 > li > section p { display: table-cell; width: 15%; height: 50px; font-size: 0.9em; text-align: center; vertical-align: middle; word-break: keep-all; border-left: 1px solid #cfcfcf; }
.ul_table_2 > li > section p b { display: none; padding: 3px 0;}
.ul_table_2 > li.tb_head > section p { font-size: 0.95em; color: #555; background: rgba(0,0,0, 0.05);} /* th ½ºÅ¸ÀÏ */
.ul_table_2 > li.tb_head > section p em { display: block;}
.ul_table_2 > li.tb_head > section > p:first-child { text-align: center;}
.ul_table_2 > li > section p:first-child { padding: 5px 20px; width: 50%; text-align: left; border-left: none;}
.ul_table_2 > li > section p:nth-child(2) { width: 20%;}

.ul_table_3 { border-top: 2px solid #5d5d5d;}
.ul_table_3:after { display: block; visibility: hidden; clear: both; content: "";}
.ul_table_3 > li { width: 100%; vertical-align: middle;}
.ul_table_3 > li,
.ul_table_3 > li > section div { display: table; width: 100%;}
.ul_table_3 > li > div,
.ul_table_3 > li > section div p { display: table-cell; height: 40px; vertical-align: middle; word-break: keep-all; }
.ul_table_3 > li > div { width: 20%; color: #555; text-align: center; border-bottom: 1px solid #cfcfcf; background: rgba(0,0,0, 0.05);} /* th ½ºÅ¸ÀÏ */
.ul_table_3 > li > section { width: 100%;}
.ul_table_3 > li > section div p:first-child { padding: 0; width: 15%; font-size: 0.95em; color: #555; text-align: center;} /* th ½ºÅ¸ÀÏ */
.ul_table_3 > li > section div p { padding: 0 10px 0 20px; font-size: 0.9em; border-left: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf;}


.table_2 { display: table; width: 100%; border-top: 2px solid #5d5d5d; border-bottom: 1px solid rgba(0,0,0, 0.2);}
.table_2 > div { display: table-cell; border-left: 1px solid rgba(0,0,0, 0.2);}
.table_2 > div:first-child { border-left: none;}
.table_2 > div > p { width: 100%; padding: 12px; color: #555; text-align: center; vertical-align: middle; background: rgba(0,0,0, 0.05);}
.table_2 > div > ul { padding: 20px;}
.table_2 > div > ul li { margin-left: 15px; padding: 3px 0; list-style: none;}
.table_2 > div > ul li i { display: inline-block; margin-left: -15px; width: 15px;}

	/* ½Ã¼³°ü¸® */
	.service_1 { overflow: hidden; clear: both; background: url('/theme/basic/img/sub/service/service_1_bg.png') right bottom no-repeat;}
	.service_1 .box_1 { margin: 0 0 50px; padding: 30px; text-align: center; border: 1px solid #ddd; border-radius: 20px; background: #faf9f8;}
	.service_1 .box_1 p { font-size: 1.1em; color: #555; line-height: 1.8em; word-break: keep-all;}
	.service_1 .box_1 p em { display: block;}
	.service_1 .box_2 { margin: 0 0 100px;}
	.service_1 .box_2 .ul_table { margin: 0 0 0 15px; width: 785px;}

	/* û¼Ò°ü¸® */
	.service_2 { overflow: hidden; clear: both; background: url('/theme/basic/img/sub/service/service_2_bg.png') right top no-repeat;}
	.service_2 .box { margin: 0 0 70px; padding: 5px 0 0 18px;}
	.service_2 .box > p { margin: 0 0 20px; font-size: 1.1em; color: #555; line-height: 1.3em; word-break: keep-all;}
	.service_2 .box > p em { display: block;}
	.service_2 .box_1 .table_2 { width: 61%;}


	/* °æºñ°ü¸® */
	.service_3 { overflow: hidden; clear: both; background: url('/theme/basic/img/sub/service/service_3_bg.png') right bottom no-repeat;}
	.service_3 .box_1 { margin: 0 0 60px; padding: 30px; text-align: center; border: 1px solid #ddd; border-radius: 20px; background: #faf9f8;}
	.service_3 .box_1 p { font-size: 1.1em; color: #555; line-height: 1.8em; word-break: keep-all;}
	.service_3 .box_1 p em { display: block;}
	.service_3 .box_2 { margin-bottom: 50px; padding: 5px 0 0 18px;}
	.service_3 .box_2 .table_2 > div > ul li em { display: block;}
	.service_3 .box_3 { margin-bottom: 100px; padding: 5px 0 0 18px;}
	.service_3 .box_3 .ul_table { width: 62%;}
	.ul_table > li > div:first-child { width: 26%;}
	.service_3 .box_3 .ul_table em { display: block;}


	/* ÁÖÂ÷°ü¸® */
	.service_4 { overflow: hidden; clear: both; margin: 0 0 100px; background: url('/theme/basic/img/sub/service/service_4_bg.png') right bottom no-repeat;}
	.service_4 .ul_table > li { border-bottom: none;}
	.service_4 .ul_table > li > div:first-child { vertical-align: top; background: none;}
	.service_4 .ul_table > li > div:first-child h4 { margin-bottom: 0;}
	.service_4 .ul_table > li > div:nth-child(even) { padding: 0;}
	.service_4 .ul_table > li > div section,
	.service_4 .ul_table > li > div:first-child { padding: 45px 20px; border-bottom: 1px solid #cfcfcf;}
	.service_4 .ul_table > li > div section { width: 60%;}
	.service_4 .ul_table > li > div section p { margin-left: 15px; padding: 3px 0; font-size: 1.1em; color: #555;}
	.service_4 .ul_table > li > div section p i { display: inline-block; margin-left: -15px; width: 15px;}

	/* ¹æ¿ª°ü¸® */
	.service_5 { overflow: hidden; clear: both; margin: 0 0 100px; }
	.service_5 .box { padding: 5px 0 0 18px;}
	.service_5 .box_1 { margin: -30px 0 100px;}
	.service_5 .box_1 > p { margin: 0 0 10px; color: #ff591f; text-align: right;}
	.service_5 .box_2 { background: url('/theme/basic/img/sub/service/service_5_bg.png') right 100px no-repeat;}
	


/* ¾î¸°ÀÌ ³îÀ̽ü³ */
.cont_area .play {}
.cont_area .play h4 { padding: 0; background: none;}

	/* ¾ÈÀüÁ¡°Ë */
	.play_1 { background: url('/theme/basic/img/sub/play/play_1_bg.png') right 600px no-repeat;}
	.play_1 .box_1 { margin: 0 0 50px; padding: 30px; text-align: center; border: 1px solid #ddd; border-radius: 20px; background: #faf9f8;}
	.play_1 .box_1 p { font-size: 1.1em; color: #555; line-height: 1.8em; word-break: keep-all;}
	.play_1 .box_1 p em { display: block;}
	.play_1 .box_2 { margin: 0 0 80px;}
	.play_1 .box_2 > ul { width: 100%; text-align: center;}
	.play_1 .box_2 > ul li { display: inline-block; width: 24.5%; text-align: center;}
	.play_1 .box_2 > ul li img { width: 90%;}
	.play_1 .box_3 { margin: 0 0 100px;}
	.play_1 .box_3 > p em { display: block;}
	.play_1 .box_3 .ul_table { margin-top: 25px; width: 65%;}
	.play_1 .box_4 .ul_table_2 .tb_head section { position: relative;}
	.play_1 .box_4 .ul_table_2 .tb_head section > span { position: absolute; right: 0; width: 45%; color: #555; text-align: center; border-left: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; background: #f2f2f2;}
	.play_1 .box_4 .ul_table_2 .tb_head section p:nth-child(4),
	.play_1 .box_4 .ul_table_2 .tb_head section p:nth-child(5),
	.play_1 .box_4 .ul_table_2 .tb_head section p:nth-child(6) { vertical-align: bottom;}

	.play_1 .box_4 .ul_table_2 > li > section p { max-width: 470px !important; min-width: 100px !important;}
	.play_1 .box_4 .ul_table_2 > li > section p:nth-child(1) { width: 40%;}
	.play_1 .box_4 .ul_table_2 > li > section p:nth-child(2) { width: 15%;}
	.play_1 .box_4 .ul_table_2 > li > section p:nth-child(3),
	.play_1 .box_4 .ul_table_2 > li > section p:nth-child(4),
	.play_1 .box_4 .ul_table_2 > li > section p:nth-child(5) { width: 15%;}


	/* ¸ð·¡¼Òµ¶ */
	.play_2 { }
	.play_2 .box_1 { margin: 0 0 50px; padding: 30px 50px; text-align: left; color: #555; line-height: 1.8em; border: 1px solid #ddd; border-radius: 20px; background: url('/theme/basic/img/sub/play/play_2_bg_1.png') right center no-repeat; background-size: contain; background-color: #faf9f8;}
	.play_2 .box_1 b { font-size: 1.2em;}
	.play_2 .box_1 p { font-size: 1.1em; word-break: keep-all;}	
	.play_2 .box_1 p em { display: block;}

	.play_2 .box_2 { margin: 0 0 20px; font-weight: 400;}
	.play_2 .box_2 b { font-size: 1.2em; color: #555;}
	.play_2 .box_2 p { color: #777; line-height: 1.4em; word-break: keep-all;}	
	.play_2 .box_2 p em { display: block;}

	.play_2 .box_3 { margin: 0 0 50px; padding: 50px 70px 0; border-radius: 30px; background: url('/theme/basic/img/sub/play/play_2_bg_2.png') right bottom no-repeat; background-color: #e3e0d2;}
	.play_2 .box_3 h6 { margin: 0 auto 50px; padding: 0 0 10px; width: 150px; font-size: 1.65em; color: #333; text-align: center; border-bottom: 4px solid #fff;}
	.play_2 .box_3 ul {}
	.play_2 .box_3 ul:after { display: block; visibility: hidden; clear: both; content: "";}
	.play_2 .box_3 ul li { float: left; width: 33.3%; text-align: center;}
	.play_2 .box_3 ul li img { width: 85%;}
	.play_2 .box_3 ul li b { display: block; padding: 15px 0 5px; font-weight: normal; font-size: 1.1em; color: #555;}
	.play_2 .box_3 ul li p { padding: 0 10%; min-height: 90px; font-size: 0.95em; line-height: 1.2em;}
	.play_2 .box_3 ul li p em { display: block;}


	/* ź¼º¸ÅÆ® ¼Òµ¶ */
	.play_3 { padding-bottom: 50px; background: url('/theme/basic/img/sub/play/play_3_bg.png') right bottom no-repeat;}
	.play_3 .box_1 { margin: 0 0 50px; padding: 30px; text-align: center; border: 1px solid #ddd; border-radius: 20px; background: #faf9f8;}
	.play_3 .box_1 p { font-size: 1.1em; color: #555; line-height: 1.8em; word-break: keep-all;}
	.play_3 .box_1 p em { display: block;}
	.play_3 .box_2 { margin: 0 0 80px;}
	.play_3 .box_2 > ul { width: 100%; text-align: center;}
	.play_3 .box_2 > ul li { display: inline-block; width: 29%; text-align: center;}
	.play_3 .box_2 > ul li img { width: 90%;}
	.play_3 .box_3 { margin: 0 0 100px;}
	.play_3 .box_3 > p em { display: block;}
	.play_3 .box_3 .ul_table { margin-top: 25px; width: 65%;}

	/* ³îÀ̽ü³ À¯Áöº¸¼ö */
	.play_4 { }
	.play_4 .box_1 { margin: 0 0 80px; padding: 30px; text-align: center; border: 1px solid #ddd; border-radius: 20px; background: #faf9f8;}
	.play_4 .box_1 p { font-size: 1.1em; color: #555; line-height: 1.8em; word-break: keep-all;}
	.play_4 .box_1 p b,
	.play_4 .box_1 p em { display: block;}
	.play_4 .box_2 { margin: 0 0 150px;}
	.play_4 .box_2 > p { margin: 0 0 20px; font-size: 1.2em; font-weight: bold; color: #333;}
	.play_4 .box_2 > ul { width: 100%; text-align: center;}
	.play_4 .box_2 > ul li { display: inline-block; width: 49%; text-align: right;}
	.play_4 .box_2 > ul li:first-child { text-align : left; border-right: 1px solid #ddd;}
	.play_4 .box_2 > ul li img { width: 87%;}














@media (max-width: 1000px){


/* ȸ»ç ¼Ò°³ */
	/* Àλ縻 */
	.company.overview { padding: 0 5%;}
	.company.overview .box_1 { padding: 0 0  7vw; background-size: 35%;}
	.company.overview .box_1 p { padding: 15vw 5vw; width: 80%; font-size: 1.2em;}
	.company.overview .box_2 { background-size: 43%; background-position: left 5vw;}
	.company.overview .box_2 p { padding: 5vw 0 0;}
	.company.overview .box_2 p em { display: block;}

	/* ÀÎÇã°¡Áõ */
	.company.licensing { padding: 0 5% 30px;}


	/* ¿¬Çõ */
	.company.history { padding: 0 5%;}
	.company.history .box_1 ul > li > p.year { width: 15%;}
	.company.history .box_1 ul > li div { width: 82%;}

/* »çȸÀû±â¾÷ ¹®È­¸¶´ç */
	/* »çȸÀû ±â¾÷À̶õ */
	.social.business { padding: 0 5%;}
	.social.business .box_3 > ul li { height: 220px;}
	.social.business .box_3 > ul li b { padding: 60px 0 10px; font-size: 1.1em; }
	.social.business .box_3 > ul li p { font-size: 0.8em;}

	/* °ø°ø±â°ü ¿ì¼±±¸¸ÅÁ¦µµ */
	.social.public { padding: 0 5%;}
	.social.public .box .graph > p { background-size: 72%;}
	.social.public .box .graph > div > div { padding-bottom: 20px;}
	.social.public .box .tb_box > div > p { padding: 5%;}

/* ¼­ºñ½º»ç¾÷ */
.cont_area .service { padding: 0 5%;}

	/* û¼Ò°ü¸® */
	.service_2 .box { padding: 5px 0 0 0;}

	/* ½Ã¼³°ü¸® */	
	.service_1 { background-size: contain; background-position:;}
	.service_1 .box_2 .ul_table { margin: 0; width: 85%;}
	
	/* °æºñ°ü¸® */
	.service_3 .box_2,
	.service_3 .box_3 { padding: 5px 0 0 0;}

	/* ÁÖÂ÷°ü¸® */
	.service_4 .ul_table > li > div section { width: 100%;}

	/* ¹æ¿ª°ü¸® */
	.service_5 .box { padding: 5px 0 0 0;}

/* ¾î¸°ÀÌ ³îÀ̽ü³ */
	/* ¾ÈÀüÁ¡°Ë */
	.play_1 { padding: 0 5%;}
	.play_1 .box_1 p em { display: inline;}
	.play_1 .box_2 > ul li {}

	/* ¸ð·¡¼Òµ¶ */
	.play_2 { padding: 0 5%;}
	.play_2 .box_1 p i { display: block;}
	.play_2 .box_3 { background-size: 80%;}
	.play_2 .box_3 ul li { width: 50%;}

	/* ź¼º¸ÅÆ®¼Òµ¶ */
	.play_3 { padding: 0 5%;}

	/* ³îÀ̽ü³ À¯Áöº¸¼ö */
	.play_4 { padding: 0 5%;}

}


@media (max-width: 801px){

.cont_area h3 { padding: 20px 0;}
.cont_area h3 > p { font-size: 1.8em;}

/* ȸ»ç ¼Ò°³ */
	/* Àλ縻 */

	/* ¿¬Çõ */
	.company.history .box_1 ul > li > p.year { font-size: 1.5em;}
	.company.history .box_1 ul > li div { padding: 0 0 0 5%;}
	.company.history .box_1 ul > li div p b.date { width: 15%;}
	.company.history .box_1 ul > li div p { padding: 0 0 0 20%;}

	/* ã¾Æ¿À½Ã´Â ±æ */
	.company.map { padding: 0 5%;}


/* »çȸÀû±â¾÷ ¹®È­¸¶´ç */
	/* »çȸÀû ±â¾÷À̶õ */
	.social.business .box_2 { min-height: 400px; background: url('/theme/basic/img/sub/social/social_1_bg1_mo.gif') center top no-repeat; background-size: contain;}
	.social.business .box_3 > ul { padding: 5%; border-radius: 150px;}
	.social.business .box_3 > ul li { width: 50.7%; padding: 0 0 15%; height: auto; min-height: 240px;}
	.social.business .box_3 > ul li:nth-child(3) { margin-top: -2%; margin-left: 0px;}
	.social.business .box_3 > ul li:nth-child(4) { margin-top: -2%;}
	.social.business .box_3 > ul li b { padding: 30% 0 5%; font-size: 1.1em; }
	.social.business .box_3 > ul li p { font-size: 0.8em;}

	/* °ø°ø±â°ü ¿ì¼±±¸¸ÅÁ¦µµ */
	.social.public .box .graph { overflow: hidden; clear: both;}
	.social.public .box .graph > div { float: left; width: 73%; }
	.social.public .box .graph > div > div { display: block; margin-bottom: 10px; padding-bottom:  30px; width: 100%; height: auto;}
	.social.public .box .graph > div > div:nth-child(even) { display: none;}
	.social.public .box .graph > div > div i { margin-top: -1.5%;}
	.social.public .box .graph > p { float: right; display: table; padding: 0 0 0 10%; width: 20%; min-height: 355px; background: url('/theme/basic/img/sub/social/public_bullet_grey_2_2.png') left center no-repeat;}
	.social.public .box .graph > p span { display: table-cell; vertical-align: middle; }


/* ¼­ºñ½º»ç¾÷ */
.ul_table > li > div:first-child { width: 30%; }

.ul_table_2 { border-top: none;}
.ul_table_2 > li { margin-bottom: 15px; border-top: 2px solid #5d5d5d;}
.ul_table_2 > li.tb_head { display: none;}
.ul_table_2 > li.tb_head > section p {}
.ul_table_2 > li > section { display: inherit;}
.ul_table_2 > li > section p { min-width: 30%;}
.ul_table_2 > li > section p em { display: block;}
.ul_table_2 > li > section p:first-child { display: inherit; padding: 10px; width: 100%; height: auto; font-size: 1em; font-weight: bold; color: #555; text-align: center; border-bottom: 1px solid #cfcfcf; background: rgba(0,0,0, 0.05);}
.ul_table_2 > li > section p:nth-child(2) { width: 40%; border-left: none;}
.ul_table_2 > li > section p:first-child b { display: inline-block; margin-right: 5px;}
.ul_table_2 > li > section p b { display: block;}

.ul_table_3 { border-top: none;}
.ul_table_3 > li { display: inherit; margin-bottom: 15px; border-top: 2px solid #5d5d5d;}
.ul_table_3 > li > div { display: inherit; width: 100%; padding: 10px 0; font-size: 1.1em; font-weight: bold; color: #555;}
.ul_table_3 > li > section div p:first-child { width: 20%; font-size: 1em; font-weight: bold; color: #555; border-left: none;}


	/* ½Ã¼³°ü¸® */
	.service_1 { background-position: 60px bottom;}
	.service_1 .box_1 p em { display: inline;}

	/* û¼Ò°ü¸® */
	.service_2 { background-size: 50%; background-position:;}
	.service_2 .box_1 .table_2 { width: 80%;}
	
	/* ÁÖÂ÷°ü¸® */
	.service_4 { background-size: 50%; background-position: right 150px;}

	/* ¹æ¿ª°ü¸® */
	.service_5 .box_1 { margin-top: 0;}
	.service_5 .box_1 > p { text-align: center;}


/* ¾î¸°ÀÌ ³îÀ̽ü³ */

	/* ¾ÈÀüÁ¡°Ë */
	.play_1 { padding: 0 5%; background-size: 50%; background-position: right 580px;}
	.play_1 .box_2 > ul li { margin-bottom: 10px; width: 48%;}
	.play_1 .box_3 { margin: 0 0 15vw;}
	.play_1 .box_3 > p em { display: inline;}
	.play_1 .box_3 .ul_table { width: 100%;}
	.play_1 .box_4 .ul_table_2 > li > section p:nth-child(1),
	.play_1 .box_4 .ul_table_2 > li > section p:nth-child(2) { width: 100%; max-width: 100% !important;}
	.play_1 .box_4 .ul_table_2 > li > section p { min-width: 50px !important;}
	.play_1 .box_4 .ul_table_2 > li > section p:nth-child(1) { text-align: left;}
	.play_1 .box_4 .ul_table_2 > li > section p:nth-child(1) b { display: none;}

	/* ¸ð·¡¼Òµ¶ */
	.play_2 .box_1 { background-position: 150% center;}
	.play_2 .box_1 p b,
	.play_2 .box_1 p i { display: inline;}
	.play_2 .box_3 { padding: 50px 30px 0;}
	.play_2 .box_3 ul li p em { display: inline;}

	/* ź¼º¸ÅÆ®¼Òµ¶ */
	.play_3 { background-size: 70%;}
	.play_3 .box_2 { margin: 0 0 40px;}
	.play_3 .box_2 > ul li { width: 31.5%;}
	.play_3 .box_2 > ul li img { width: 97%;}
	.play_3 .box_3 .ul_table { width: 100%;}

	/* ³îÀ̽ü³ À¯Áöº¸¼ö */
	.play_4 .box_1 { margin: 0 0 40px;}
	.play_4 .box_2 { margin: 0 0 70px;}
	.play_4 .box_2 > ul li { margin-bottom: 15px; width: 100%; text-align: center;}
	.play_4 .box_2 > ul li:first-child { padding-bottom: 15px; text-align: center; border-right: none; border-bottom: 1px solid #ddd;}
	
	


}


@media (max-width: 620px){

.cont_area { font-size: 1.1em; line-height: 1.3em;}

.cont_area h3 > p { line-height: 1.2em;}
.cont_area h3 > p em { display: block;}
.cont_area h3 > span { margin: 10px 0 0; font-size: 1em;}

/* ȸ»ç ¼Ò°³ */
	/* Àλ縻 */
	.company.overview { margin: 0 0 50px; padding: 0;}
	.company.overview .box_1 { padding: 0 0 15vw; background-position: right 40vw; background-size: 60%;}
	.company.overview .box_1 p { margin-left: 5%; padding: 8vw 5vw; width: 90%; font-size: 1.05em; letter-spacing: -0.07em;}
	.company.overview .box_2 { margin-top: 10vw; background-position: -9vw top;}
	.company.overview .box_2 p { padding: 0; margin-right: 5%; line-height: 1.3em;}
	.company.overview .box_2 p:first-child { margin-bottom: 10vw;}

	/* ÀÎÇã°¡Áõ */
	.company.licensing li { margin: 0 4% 25px 0; width: 45%;}

	/* ¿¬Çõ */
	.company.history h3 { margin-bottom: 50px;}
	.company.history .box_1 ul > li { margin-bottom: 30px;}
	.company.history .box_1 ul > li > p.year { font-size: 1.3em;}
	.company.history .box_1 ul > li div { padding: 0 0 0 6%;}
	.company.history .box_1 ul > li div p b.date { display: block; top: 0; width: 100%;}
	.company.history .box_1 ul > li div p { padding: 18px 0 5px 0;}
	.company.history .box_1 ul > li div p em { display: block; width: 1px; height: 1px; overflow: hidden; text-indent: -9999px; }



/* »çȸÀû±â¾÷ ¹®È­¸¶´ç */
	/* »çȸÀû ±â¾÷À̶õ */
	.social.business h3 { display: none; margin-bottom: 15%;}
	.social.business .box_1 { padding: 10%;}
	.social.business .box_1 p { line-height: 1.5em;}
	.social.business .box_2 { min-height: 120%;}
	.social.business .box_3 { padding: 0 2% 2%;}
	.social.business .box_3 > p { width: 100%; height: 310px; font-size: 1.3em;}
	.social.business .box_3 > ul { padding: 3%; border-radius: 90px;}
	.social.business .box_3 > ul li { width: 50.7%; padding: 0 0 5%; height: auto; min-height: 155px;}
	.social.business .box_3 > ul li b { padding: 25% 0 5%; font-size: 1em;}
	.social.business .box_3 > ul li p { width: 80%; background-position: left 6px;}

	/* °ø°ø±â°ü ¿ì¼±±¸¸ÅÁ¦µµ */
	.social.public h3 { margin-bottom: 30px;}
	.social.public .box .row_box { padding: 0 6% 6%;}
	.social.public .box .graph > div { width: 67%; }
	.social.public .box .graph > div > div { padding: 28px 5% 25px 30%;}
	.social.public .box .graph > div > div i { left: 10px; margin-top: -4%; font-size: 3.5em;}
	.social.public .box .tb_box > div:first-child { width: 42%;}
	.social.public .box .tb_box > div > p { word-break: break-all;}

/* ¼­ºñ½º»ç¾÷ */
.service_2 h3 { margin-bottom: 15%;}
.table_2 > div > ul { padding: 12px;}
.table_2 > div > ul li { margin-left: 8px; padding: 5px 0; letter-spacing: -0.06em; line-height: 1.1em;}
.table_2 > div > ul li i { margin-left: -8px; width: 8px;}
.table_2 > div > ul li em { display: block;}

	/* ½Ã¼³°ü¸® */
	.service_1 .box_2 .ul_table { margin: 0; width: 100%;}

	/* û¼Ò°ü¸® */
	.service_2 { background-size: 50%; background-position:;}
	.service_2 .box_1 > p { width: 60%;}
	.service_2 .box > p em { display: inline;}
	.service_2 .box_1 .table_2 { width: 100%;}
	.service_2 .box_1 .table_2 > div:first-child { width: 45%;}

	/* °æºñ°ü¸® */
	.service_3 { background-size: 70%; background-position: right 680px;}
	.service_3 .box_1 p em { display: inline;}
	.service_3 .table_2 { border-top: none;}
	.service_3 .table_2 > div { display: block; border-top: 2px solid #5d5d5d; border-left: none;}
	.service_3 .box_2 .table_2 > div > ul li em { display: inline;}
	.service_3 .box_3 { margin-bottom: 30px;}
	.service_3 .box_3 .ul_table { width: 100%;}
	.service_3 .box_3 .ul_table > li > div:first-child { width: 32%;}
	.service_3 .box_3 .ul_table em { display: inline;}

	/* ÁÖÂ÷°ü¸® */
	.service_4 h3 { margin-bottom: 30px;}
	.service_4 { background-size: 100%; background-position: 150px 270px;}
	.service_4 .ul_table > li { border-bottom: 1px solid #cfcfcf;}
	.service_4 .ul_table > li > div { display: inherit; width: 95%; }
	.service_4 .ul_table > li > div section { margin-left: 5%; margin-top: -20px !important;}
	.service_4 .ul_table > li > div:first-child,
	.service_4 .ul_table > li > div section { padding: 20px 0; border-bottom: none;}

	/* ¹æ¿ª°ü¸® */
	.service_5 h3 { margin-bottom: 30px;}
	.service_5 .box_2 { background-size: 100%; background-position: ;}


/* ¾î¸°ÀÌ ³îÀ̽ü³ */

	/* ¾ÈÀüÁ¡°Ë */
	.play_1 { padding: 0 5%; background-size: 80%; }
	.play_1 .box_2 > ul li img { width: 98%;}

	/* ¸ð·¡¼Òµ¶ */
	.play_2 .box_1 { padding: 20px 30px; background-size: cover; background-position: 220px center; }
	.play_2 .box_3 { padding: 30px 2% 0;}
	.play_2 .box_3 h6 { margin: 0 auto 20px;}
	.play_2 .box_3 ul li b { font-size: 1em;}
	.play_2 .box_3 ul li p em { display: inline;}

	/* ź¼º¸ÅÆ®¼Òµ¶ */
	.play_3 { background-size: 50%; background-position: right 420px;}

	/* ³îÀ̽ü³ À¯Áöº¸¼ö */
	.play_4 .box_2 > ul li img { width: 100%;}


}