/*@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);*/
@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
@import url(https://fonts.googleapis.com/css?family=Roboto:500);
@import url(https://fonts.googleapis.com/css?family=Roboto:700);
@import url( "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" );


/************Global**************/

body {font-family: 'Noto Sans Korean'}
a {text-decoration: none;color:#bcbcbc}
img, object, video {max-width: 100%;border: 0;}
ul {line-height: 100%;}
li {list-style: none;}
li img {line-height: 0;font-size: 0;}
caption {display: none}
legend {position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}


#m_gnb_wrap{position: absolute; top: 69px; left: 0; z-index: 500; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); display: none;}


/***** STYLE *****/

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.clear {
	*clear: both;
}
p {
	text-align: left;
}
table {
	width: 100%;
	margin: 0 auto;
}
.img_L {
	float: left;
}
.img_R {
	float: right;
	margin: 0 0 22px 30px;
}
.txt_L  {
	text-align: left;
}
.mgt_15 {
	margin-top: 15px;
}
.mgt_m_5 {
	margin-top: -5px;
}
.txtL {
	text-align: left;
}
.btn_top {
	position: fixed;
	right: 10px;
	bottom: 20px;
	z-index: 2000;
	width: 50px;
	height: 50px;
	background: url("/media/img/common/btn_top.png") no-repeat;
	background-size: 50px 50px;
	text-indent: -9999px;
}
.btn_qna {
	position: fixed;
	right: 10px;
	bottom: 85px;
	z-index: 2000;
	width: 50px;
	height: 43px;
	background: url("/media/img/common/btn_qna.png") no-repeat;
	background-size: 50px 43px;
	text-indent: -9999px;
}

/*성공스토리 뷰페이지*/
.btn_prev {width: 100%;margin-top: 30px;}
.btn_prev ul {width: 100%; float: left;}
.btn_prev ul li {width: 50%; display: inline; float: left;}
.btn_prev ul li.right {text-align: right;}
.btn_prev ul li .btn_pn {padding: 0 20px; display: inline-block; line-height: 34px; height: 34px; background-color: #fff; color:#010101;border:1px solid #7f7f7f;border-radius:5px;font-family: "Noto Sans KR", sans-serif; font-style: normal; font-weight: 350;}



/***** COMMON *********/

body {
	max-width: 100%;
	min-width: 320px;
	background: #fff;
}
#m_gnb {
	display: none;
}
#wrap {
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	text-align: center;
	height: 100%;
	border-top: 3px solid #0784c8;
	overflow: hidden;
}
#container {
	max-width: 100%;
	min-width: 320px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#header {
	width: 100%;
	min-width: 320px;
	height: 95px;
	border-bottom: 1px solid #dbdbdb;
	z-index: 1000;
	position: relative;
}
#header .header_area {
	max-width: 1100px;
	min-width: 320px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	position: relative;
	overflow: hidden
}
#header .w_logo {
	float: left;
	margin: 22px 0 0 0;
	width: 18.7%;
}
#header .w_logo img {
	float: left;
	width:136px;
}
#header .w_gnb {
	float: left;
	width: 70%;
}
#header .w_gnb .dp_1 ul {
	line-height: 0;
	border-bottom: 1px solid #dbdbdb;
}
#header .w_gnb .dp_1 ul li {
	font-size: 1.13em ;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 700;
	overflow: hidden;
	display: inline-block;
	letter-spacing: -0.5px;
	height: 95px;
	line-height: 95px;
	text-align: center;
}
#header .w_gnb .dp_1 ul li.li_1  {
	width: 18%;
}
#header .w_gnb .dp_1 ul li.li_2  {
	width: 29%;
}
#header .w_gnb .dp_1 ul li.li_3  {
	width: 32%;
}
#header .w_gnb .dp_1 ul li.li_4  {
	width: 16.5%;
}
#header .w_gnb .dp_1 ul li a {
	color: #010101;
	display: inline-block;
	width: 100%;
}
#header .w_gnb .dp_1 ul li a:hover, #header .w_gnb .dp_1 ul li.active a{
	color: #0784c8;
	display: inline-block;
}
#header .menu1_dp_2 {
	clear: both;
	border-bottom: 1px solid #e2e2e2;
	background-color: #f9f9f9;
}
#header .menu1_dp_2 ul {
	max-width: 1100px;
	min-width: 320px;
	position: relative;
	display: inline-block;
}
#header .menu1_dp_2 ul li {
	float: left;
	font-size: 0.93em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
	padding: 20px 0px 15px 0px;
}
#header .menu1_dp_2 ul li a {
	color: #333;
}
#header .menu1_dp_2 ul li a:hover{
	color: #0088d2;
}
.menu1_dp_2 .dp_2_box {
	clear: both;
	max-width: 1100px;
	min-width: 320px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.menu1_dp_2 .dp_2_box ul li {
	margin-right: 35px;
}
.menu1_dp_2 .dp_2_box ul li.none {
	margin-right: 5px;
}
.menu1_dp_2 .dp_2_box ul.smart {
	position: relative;
	left: 21%;
}
.menu1_dp_2 .dp_2_box ul.customer {
	position: relative;
	left: 54.5%;
}
.menu1_dp_2 .dp_2_box .about_align {
	max-width: 1100px;
	min-width: 320px;
	margin: 0 auto;
	text-align: right;
	margin-right: 13%;
	position: relative;
}
#header .menu2_dp_2 {
	clear: both;
	border-bottom: 1px solid #e2e2e2;
	background-color: #f9f9f9;
	margin: 0 auto;
	text-align: center;
}
#header .menu2_dp_2 .dp_3_box {
	max-width: 1100px;
	min-width: 320px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0 0px 0;
	overflow: hidden;
	position: relative;
	left: 252px;
}
#header .menu2_dp_2 .dp_3_box .menu {
	width: 21%;
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 1.5%;
}
#header .menu2_dp_2 .dp_3_box .width_200 {
	width: 18.8%;
}
#header .menu2_dp_2 .dp_3_box .none {
	margin-right: 0px;
}
#header .menu2_dp_2 .dp_3_box .menu .tit {
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 350;
	font-size: 0.95em;
	line-height: 18px;
	color: #333;
	padding-bottom: 12px;
	border-bottom: 1px solid #bebebe;
	margin-bottom: 15px;
}
#header .menu2_dp_2 .dp_3_box .menu .img {
	float: left;
	margin-right: 7%;
}
#header .menu2_dp_2 .dp_3_box ul {
	float: left;
}
#header .menu2_dp_2 .dp_3_box ul li {
	font-size: 13px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	/*line-height: 0px;
	padding-top: 3px ;
	padding-top: 5px \0/IE8+9;
	padding-bottom: 20px;
	padding-bottom: 18px \0/IE8+9;*/
	padding-bottom: 6px;
	display: block;
}
#header .menu2_dp_2 .dp_3_box ul li a {
	color: #8a8a8a;
	/* float: left; */
}
#header .menu2_dp_2 .dp_3_box ul li a:hover{
	color: #0088d2;
}
#header .m_btn_en {
	display: none;
}
#header .btn_en {
	float: right;
	text-align: left;
	margin-top: 35px;
	padding-left: 10px;
	height: 27px;
	line-height: 27px;
	width: 82px;
	border: 1px solid #b8b8b8;
	font-size: 13px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	background: url('/media/img/common/arrow_bottom.png') no-repeat 70px 11px;
	background-color: #fff;
	cursor: pointer;
}
#header .btn_en a {
	color: #757575;
}
#header .sum_gnb {
	display: none;
}
#contents {
	max-width: 100%;
	min-width: 320px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	position: relative;
	line-height: 0;
}

/*SLIDE*/
.t_visual {
	display: none;
}
.m_visual {
	display: none;
}
.w_visual {
	display: block;
}
#contents .w_visual .swiper-slide{
	width: 2400px;
	height: 570px;
	line-height: 570px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
#contents .roll_visual {}
#contents .visual_slide {
	margin: 0 auto;
	text-align: center;
	position: relative;
	max-width: 1100px;
}
.swiper-slide img {
	height: auto;
}

/*메인비쥬얼텍스트*/
#contents .visual_slide .visual_text1 {
	position: absolute;
	left: 0;
	top: 100px;
	max-width: 1100px;
	z-index: 100;
	display: none;
	height: auto;
	overflow: hidden;
}
#contents p {
	text-align: left;
}
#contents .visual_slide .visual_text1 p.h1 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #0d2956;
	font-size: 69.56px;
	line-height: 110%;
	letter-spacing: -0.05em;
}
#contents .visual_slide .visual_text1 p.h2 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 100;
	color: #0c2958;
	font-size: 30px;
	line-height: 140%;
	letter-spacing: 100%;
}
#contents .visual_slide .visual_text2 {
	position: absolute;
	left: 0;
	top: 118px;
	max-width: 1100px;
	display: none;
	z-index: 100;
	height: auto;
}
#contents .visual_slide .visual_text2 .br {
	display:block;
}
#contents .visual_slide .visual_text2 p.h1 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #fff;
	font-size: 69.56px;
	line-height: 150%;
	letter-spacing: 0;
}
#contents .visual_slide .visual_text2 p.h2 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 100;
	color: #fff;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 100%;
}
#contents .visual_slide .visual_text3 {
	position: absolute;
	right: 0;
	top: 118px;
	max-width: 1100px;
	display: none;
	z-index: 100;
}
#contents .visual_slide .visual_text3 p.h1 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #fff;
	font-size: 69.56px;
	line-height: 150%;
	letter-spacing: -0.05em;
}
#contents .visual_slide .visual_text3 p.h2 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 100;
	color: #fff;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 100%;
}
#contents .visual_slide .visual_text4 {
	position: absolute;
	right: 0;
	top: 118px;
	max-width: 1100px;
	display: none;
	z-index: 100;
}
#contents .visual_slide .visual_text4 p.h1 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #402410;
	font-size: 69.56px;
	line-height: 150%;
	letter-spacing: 0;
	padding-right: 10px;
}
#contents .visual_slide .visual_text4 p.h2 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 100;
	color: #7f6658;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 100%;
}
#contents .visual_slide .visual_text5 {
	position: absolute;
	left: 0;
	top: 118px;
	max-width: 1100px;
	display: none;
	z-index: 100;
	height: auto;
}
#contents .visual_slide .visual_text5 .br {
	display:block;
}
#contents .visual_slide .visual_text5 p.h1 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #fff;
	font-size: 63px;
	line-height: 110%;
	letter-spacing: -3px;
}
#contents .visual_slide .visual_text5 p.h1 a span {
	font-weight: 500;
	font-size: 35px;
	line-height: 110%;
	display: block;
	margin-top: 10px;
}
#contents .visual_slide .visual_text5 p.h1 + p.h2 {
	margin-top:20px;
}
#contents .visual_slide .visual_text5 p.h2 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 100;
	color: #fff;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 100%;
}
#contents .visual_slide .visual_text6 {
	position: absolute;
	left: 0;
	top: 118px;
	max-width: 1100px;
	display: none;
	z-index: 100;
	height: auto;
}
#contents .visual_slide .visual_text6 .br {
	display:block;
}
#contents .visual_slide .visual_text6 p.h1 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #fff;
	font-size: 63px;
	line-height: 110%;
	letter-spacing: -3px;
}
#contents .visual_slide .visual_text6 p.h1 a span {
	font-weight: 500;
	font-size: 35px;
	line-height: 110%;
	display: block;
	margin-top: 10px;
}
#contents .visual_slide .visual_text6 p.h1 + p.h2 {
	margin-top:20px;
}
#contents .visual_slide .visual_text6 p.h2 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 100;
	color: #fff;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 100%;
}
#contents .visual_slide .visual_text7 {
	position: absolute;
	left: 0;
	top: 138px;
	max-width: 1100px;
	display: none;
	z-index: 100;
	height: auto;
}
#contents .visual_slide .visual_text7 .br {
	display:block;
}
#contents .visual_slide .visual_text7 .logo {
	position: absolute;
	top: -75px;
	width: 168px;
	height: 37px;
	background: url('/media/img/main/logo_graphio.png') no-repeat 0 0;
}
#contents .visual_slide .visual_text7 p.h1 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #fff;
	font-size: 63px;
	line-height: 110%;
	letter-spacing: -3px;
}
#contents .visual_slide .visual_text7 p.h1 a span {
	font-weight: 500;
	font-size: 35px;
	line-height: 110%;
	display: block;
	margin-top: 10px;
}
#contents .visual_slide .visual_text7 p.h1 + p.h2 {
	margin-top:20px;
}
#contents .visual_slide .visual_text7 p.h2 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 100;
	color: #fff;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 100%;
}
#contents .visual_slide .visual_text8 {
	position: absolute;
	left: 0;
	top: 118px;
	max-width: 1100px;
	display: none;
	z-index: 100;
	height: auto;
}
#contents .visual_slide .visual_text8 .br {
	display:block;
}
#contents .visual_slide .visual_text8 p.h1 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #fff;
	font-size: 63px;
	line-height: 110%;
	letter-spacing: -3px;
}
#contents .visual_slide .visual_text8 p.h1 a span {
	font-weight: 500;
	font-size: 35px;
	line-height: 110%;
	display: block;
	margin-top: 10px;
}
#contents .visual_slide .visual_text8 p.h1 + p.h2 {
	margin-top:20px;
}
#contents .visual_slide .visual_text8 p.h2 a {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 100;
	color: #fff;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 100%;
}
#contents .visual_slide .learn_more1 {
	position: absolute;
	top: 319px;
	left: 0;
	z-index: 1000;
	display: none;
}
#contents .visual_slide .learn_more1 p {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	border: 1px solid #0d2956;
	border-radius: 5px;
	width: 152px;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
}
#contents .visual_slide .learn_more1 p a {
	color: #0d2956;
}
#contents .visual_slide .learn_more1 p a:hover {
	color: #fff;
}
#contents .visual_slide .learn_more1 p:hover {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	width: 152px;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
	color: #fff;
	background-color: #0d2956;
	border: 1px solid #0d2956;
}
#contents .visual_slide .learn_more2 {
	position: absolute;
	top: 313px;
	left: 0px;
	z-index: 1000;
	display: none;
}
#contents .visual_slide .learn_more2 p {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	border: 1px solid #fff;
	border-radius: 5px;
	width: 152px;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
}
#contents .visual_slide .learn_more2 p a {
	color: #fff;
}
#contents .visual_slide .learn_more2 p a:hover {
	color: #0d2956;
}
#contents .visual_slide .learn_more2 p:hover {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	width: 152px;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
	background-color: #fff;
	border: 1px solid #fff;
	color: #0d2956;
}
#contents .visual_slide .learn_more3 {
	position: absolute;
	top: 304px;
	right: 0;
	z-index: 1000;
	display: none;
}
#contents .visual_slide .learn_more3 p {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	border: 1px solid #fff;
	border-radius: 5px;
	width: 152px;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
}
#contents .visual_slide .learn_more3 p a {
	color: #fff;
}
#contents .visual_slide .learn_more3 p a:hover {
	color: #fff;
}
#contents .visual_slide .learn_more3 p:hover {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	width: 152px;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
	background-color: #fff;
	border: 1px solid #fff;
	color: #010101;
}
#contents .visual_slide .learn_more4 {
	position: absolute;
	top: 304px;
	right: 0;
	z-index: 1000;
	display: none;
}
#contents .visual_slide .learn_more4 p {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	border: 1px solid #bdae9f;
	border-radius: 5px;
	width: 152px;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
}
#contents .visual_slide .learn_more4 p a {
	color: #fff;
}
#contents .visual_slide .learn_more4 p a:hover {
	color: #fff;
}
#contents .visual_slide .learn_more4 p:hover {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	width: 152px;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
	background-color: #744727;
	border: 1px solid #744727;
	color: #fff;
}
#contents .visual_slide .learn_more5 {
	position: absolute;
	top: 400px;
	left: 0px;
	z-index: 1000;
	display: none;
}
#contents .visual_slide .learn_more5 p {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	border: 1px solid #fff;
	border-radius: 5px;
	/* width: 152px; */
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
}
#contents .visual_slide .learn_more5 p a {
	color: #fff;
}
#contents .visual_slide .learn_more5 p a:hover {
	color: #0d2956;
}
#contents .visual_slide .learn_more5 p:hover {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	/* width: 152px; */
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
	background-color: #fff;
	border: 1px solid #fff;
	color: #0d2956;
}
#contents .visual_slide .learn_more6 {
	position: absolute;
	top: 400px;
	left: 0px;
	z-index: 1000;
	display: none;
}
#contents .visual_slide .learn_more6 p {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	border: 1px solid #fff;
	border-radius: 5px;
	/* width: 152px; */
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
}
#contents .visual_slide .learn_more6 p a {
	color: #fff;
}
#contents .visual_slide .learn_more6 p a:hover {
	color: #0d2956;
}
#contents .visual_slide .learn_more6 p:hover {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	/* width: 152px; */
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
	background-color: #fff;
	border: 1px solid #fff;
	color: #0d2956;
}
#contents .visual_slide .learn_more7 {
	position: absolute;
	top: 400px;
	left: 0px;
	z-index: 1000;
	display: none;
}
#contents .visual_slide .learn_more7 p {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	border: 1px solid #fff;
	border-radius: 5px;
	/* width: 152px; */
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
}
#contents .visual_slide .learn_more7 p a {
	color: #fff;
}
#contents .visual_slide .learn_more7 p a:hover {
	color: #0d2956;
}
#contents .visual_slide .learn_more7 p:hover {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	/* width: 152px; */
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
	background-color: #fff;
	border: 1px solid #fff;
	color: #0d2956;
}
#contents .visual_slide .learn_more8 {
	position: absolute;
	top: 400px;
	left: 0px;
	z-index: 1000;
	display: none;
}
#contents .visual_slide .learn_more8 p {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	border: 1px solid #fff;
	border-radius: 5px;
	/* width: 152px; */
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
}
#contents .visual_slide .learn_more8 p a {
	color: #fff;
}
#contents .visual_slide .learn_more8 p a:hover {
	color: #0d2956;
}
#contents .visual_slide .learn_more8 p:hover {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 100%;
	line-height: 100%;
	/* width: 152px; */
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 19px 0 17px;
	background-color: #fff;
	border: 1px solid #fff;
	color: #0d2956;
}
#contents .visual_slide i {
	margin-left: 56px;
}

#contents .arrow {
	clear: both;
	max-width: 1920px;
	min-width: 320px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	position: relative;
	margin-top: -570px;
	overflow: hidden;
}
#contents .arrow .arrowL_img{
	float: left;
	opacity: 0;
}
#contents .arrow .arrowR_img{
	float: right;
	opacity: 0;
}
#contents .dot {
	max-width: 650px;
	min-width: 420px;
	height: auto;
	position: absolute;
	color: #fff;
	z-index: 850;
	bottom: 3%;
	left: 50%;
	overflow: hidden;
}
#contents .dot li {
	float: left;
	margin-right: 10px;
	list-style: none;
}
#contents .dot li.none {
	margin-right: 0px;
}
.dh-container {
	width: 360px;
	height: 133px;
	background: black;
	float: left;
}
.dh-overlay {
	background: rgba(52,73,94,.65);
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 133px;
	color: #fff;
}
.btn_en_m {
	display: none;
}
.notice {
	clear: both;
	max-width: 100%;
	min-width: 320px;
	height: 87px;
	background-color: #7f98aa;
	border-bottom: 1px solid #8aa4b6;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.notice .text {
	max-width: 1100px;
	min-width: 320px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding: 19px 0 0 0;
}
.notice .text span{
	float: left;
	margin-right: 27px;
	margin-top: 7px;
}
.notice .text .tit1 {
	font-size: 18px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	color: #fff;
	height:30px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	padding-right:20px;
}
.notice .text .tit1 a {
	color: #fff;
}
.notice .text .tit2 {
	font-size: 0.95em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	color: #ccdbe4;
	float: left;
}
.notice .btn_more {
	float: right;
	position: relative;
	top: -18px;
	cursor:pointer;
}
.notice .btn_more p {
	border: 1px solid #beccd6;
	border-radius: 5px;
	width: 76px;
	height: 32px;
	line-height: 32px;
	text-align: left;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	padding-left: 11px;
	background: url('/media/img/common/plus_bg.png') no-repeat 52px 9px;
}
.notice .btn_more p:hover {
	background-color: #3b5d76;
	border: 1px solid #3b5d76;
}
.notice .btn_more p a {
	color: #fff
}
#footer {
	clear: both;
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	text-align: center;
	height: 100%;
}
.bottom_gnb {
	background-color: #274a61;
	height: 48px;
	border-top: 1px solid #193140;
	border-bottom: 1px solid #193140;
}
.bottom_gnb .wrap {
	max-width: 1100px;
	min-width: 320px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
.bottom_gnb .wrap .tit {
	width: 33.1%;
	height: 48px;
	float: left;
	border-left: 1px solid #193140;
	cursor: pointer;
}
.bottom_gnb .wrap .tit span {
	float: right;
	padding: 0 20px 0 0;
}
.bottom_gnb .wrap .tit p {
	font-size: 0.95em;
	vertical-align: middle;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #fff;
	margin-left: 20px;
	margin-top: 12px;
}
.r_line {
	border-right: 1px solid #193140;
}
.bottom_gnb2 {
	background-color: #274a61;
	height: 165px;
	display: none;
}
.bottom_gnb2 .wrap {
	max-width: 1100px;
	min-width: 320px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}
.bottom_gnb2 .wrap .tit {
	width: 33.1%;
	float: left;
	height: 149px;
	border-left: 1px solid #193140;
	padding-top: 16px;
	cursor: pointer;
}
.bottom_gnb2 .wrap .tit p {
	font-size: 0.95em;
	line-height: 1.7em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	color: #fff;
	margin-left: 30px;
}
.bottom_gnb2 .wrap .tit a {
	color: #c9d0d4;
}
.bottom_gnb2 .wrap .tit a:hover {
	color: #fff;
}
.lineR {
	border-right: 1px solid #193140;
}
.contact {
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	text-align: center;
	background-color: #262626;
	overflow: hidden;
}
.contact .wrap {
	max-width: 1100px;
	min-width: 320px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.contact .wrap .info {
	width: 61%;
	float: left;
	margin-right: 92px;
}
.contact .wrap .sv {
	width:30%;
	float: right;
}
.contact .wrap .sv .text2 a {
	color: #bcbcbc;
}
.contact .wrap .sv .text2 a:hover {
	text-decoration: none;
	height: 0;
	display: inline;
	background-color: #262626;
}
.contact .wrap .text1 {
	max-width: 755px;
	color: #4aa0d1;
	font-size: 0.951em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 500;
	padding: 30px 0 10px 0;
}
.contact .wrap .text2 {
	color: #8c8c8c;
	font-size: 0.9em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 350;
	text-align: left;
	margin-bottom: 15px;
}
.contact .wrap .text2 span.tit {
	color: #bcbcbc;
}
.contact .wrap .sv .text2 {
	color: #bcbcbc;
	font-size: 12px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 350;
	background: url('/media/img/main/arrow_r.jpg') no-repeat 0px 3px;
	padding-left: 21px;
}



.contact .wrap .text_line {

	/*vertical-align: middle;*/
	margin-bottom: 30px;
	color: #bcbcbc;

}

.sv .txt_cs {
	height: 45px;
    width: 280px;
    line-height: 45px;
    border: 1px solid #bcbcbc;
	border-radius: 3px;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    text-align: center;
}
.sv .txt_cs:hover {
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
	color: #262626;
	transition: all .3s;
}


.copyright {
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	text-align: center;
	background-color: #3a3a3a;
}
.copyright .wrap {
	max-width: 1100px;
	height: auto;
	vertical-align: middle;
	line-height: 48px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.copyright .wrap .copy {
	width: auto;
	float: left;
	font-size: 0.85em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 350;
	color: #8c8c8c;
}
.copyright .wrap .copy span {
	color: #fff;
}
.copyright .wrap .m_copy {
	display: none;
}
.copyright .wrap .down {
	width: auto;
	display: inline-block;
	float: right;
}
.copyright .wrap .down ul {}
.copyright .wrap .down ul li {
	font-size: 0.875em;
	width: auto;
	color: #bcbcbc;
	float: left;
	display: inline-block;
	height: auto;
	vertical-align: middle;
	line-height: 48px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
}
.copyright .wrap .down ul li a {
	color: #bcbcbc;
}
.copyright .wrap .down ul li.lft {
	background: url('/media/img/common/icon_down.jpg') no-repeat 111px 19px;
}
.copyright .wrap .down ul li.lft_iris-presentation {
	background: url('/media/img/common/icon_down.jpg') no-repeat 158px 19px;
}
.copyright .wrap .down ul li.cpy {
	background: url('/media/img/common/icon_down.jpg') no-repeat 124px 19px;
}
.copyright .wrap .down span {
	margin: 0 12px 0 31px;
	color: #bcbcbc;
}
.mglt_10 {
	margin-left: 10px;
}
.mglt_18 {
	margin-left: 18px;
}
.mglt_90 {
	margin-left: 90px;
}
.mglt_20 {
	margin-left: 20px;
}
.mgrt_40 {
	margin-right: 40px;
}
.mgt_30 {
	margin-top: 30px;
}
.mgbt_10 {
	margin-bottom: 10px;
}
.mgbt_15 {
	margin-bottom: 15px;
}
.mgbt_25 {
	margin-bottom: 25px;
}
.mgbt_30 {
	margin-bottom: 30px;
}
.mgbt_35 {
	margin-bottom: 35px;
}
.mgbt_50 {
	margin-bottom: 50px;
}
.mgbt_80 {
	margin-bottom: 80px;
}
.mgt_25 {
	margin-top: 25px;
}
.mgt_20 {
	margin-top: 20px;
}
.mgt_15 {
	margin-top: px;
}
.mgt_10 {
	margin-top: 10px;
}
.sol_mgrt_40 {
	margin-right: 40px;
}
.sub_cltr_img {

}
.sub_cltr_txt {

}
.width_p80 {
	width: 80%
}
/* 배너텍스트 */
.banner_text {
	max-width: 1100px;
	min-width: 320px;
	margin: 0 auto;
	text-align: center;
	padding: 16px 0 36px 0;
	display: flex;
	justify-content: space-between;
}
.banner_text ul {
	/* margin: 0 auto; */
	text-align: center;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #cecece;
	width: 32%;
	height: 131px;
	/* padding-left: 17px; */
}
.banner_text ul.ul_banner1 {
	cursor: pointer;
	background: url('/media/img/main/icon_banner4.gif') no-repeat 10% 29px;
	/* float: left; */
}
.banner_text ul.ul_banner2 {
	cursor: pointer;
	background: url('/media/img/main/icon_banner5.gif') no-repeat 10% 25px;
}
.banner_text ul.ul_banner3 {
	cursor: pointer;
	background: url('/media/img/main/icon_banner6.gif') no-repeat 10% 27px;
	/* float: right; */
}
.banner_text ul li h1 {
	margin: 34px 0 10px 107px;
	text-align: left;
}
.banner_text ul li p {
	margin: 0 0px 0 108px;
	text-align: left;
	padding-right: 35px;
	padding-top: 10px;
}
.banner_text ul li p.tex2 {
	padding-right: 47px;
}
.banner_text ul li h1 {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #363636;
	font-size: 35px;
}
.banner_text ul li p {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	color: #969696;
	font-size: 1em;
}
.banner_text ul li span {
	display: none;
}
/* 배너텍스트END */

.btnPlay  {
	cursor: pointer;
	position: relative;
	right: 130px;
	margin-right: -30px;
}

/*메인 three 탭 메뉴*/
.article {
	clear: both;
	max-width: 100%;
	min-width: 320px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	background: url('/media/img/main/article_bg.jpg') no-repeat center top;
	overflow: hidden;
	padding-bottom: 65px;
	margin-bottom:-4px;
}
.article .con {
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	height: auto;
	padding: 68px 0 0 0;
	overflow: hidden;
}

/*탭*/
.article .con .menu_L {
	float: left;
}
.article .con .menu_R {
	float: right;
	margin: 32px 7px 13px 0;
}
.article .con .line {
	width: 35px;
	border-top: 4px solid #010101;
	margin-bottom: 10px;
}
.article .con h1 {
	display: inline;
	letter-spacing: 0em;
}
.article .con h1 a {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 800;
	color: #010101;
	font-size: 32px;
}
.article .con h1 a span {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
}
.article .con .tab_menu {
	margin-bottom: 13px;
}
.article .con .tab_menu ul {}
.article .con .tab_menu ul li {
	float: left;
	line-height: 0;
	margin-left: 4px;
}
.article .con .tab_menu ul li {
	width: auto;
	padding: 0 20px 0 20px;
	height: 29px;
	line-height: 29px;
	border: 1px solid #8da7b4;
	border-radius: 15px;
	font-size: 13.5px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	text-align: center;
}
.article .con .tab_menu ul li:hover {
	width: auto;
	padding: 0 20px 0 20px;
	height: 29px;
	line-height: 29px;
	border: 1px solid #010101;
	border-radius: 15px;
	font-size: 13.5px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	text-align: center;
	background-color: #010101;
}
.article .con .tab_menu ul li a {
	color: #8da7b4;
}
.article .con .tab_menu ul li a:hover {
	color: #fff;
}
.article .con .sum {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.article .con .sum ul {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
.article .con .sum ul li {
	margin: 0 6px 6px 0;
	float: left;
	position: relative;
	line-height: 0;
	max-height: 270px;
	overflow: hidden;
}
.article .con .sum ul li.noneR {
	margin-right: 0
}
.article .con .sum ul li.noneB {
	margin-bottom: 0
}

.article .con .sum ul li.title1 {
	max-width: 24.5%;
	position: relative;
}
.article .con .sum ul li.title1 p {
	position: absolute;
	top: 46px;
	left: 0%;
}
.article .con .sum ul li.title2 {
	max-width: 49.5%;
	position: relative;
}
.article .con .sum ul li.title2 p {
	position: absolute;
	top: 45px;
	left: 3.5%;
}

.article .con .sum ul li.title2_2 {
	max-width: 49.5%;
	position: relative;
}
.article .con .sum ul li.title2_2 p {
	position: absolute;
	top: 45px;
	left: 3.5%;
}
.article .con .sum ul li.title3 {
	max-width: 74.6%;
	position: relative;
}
.article .con .sum ul li.title3 p {
	position: absolute;
	top: 45px;
	left: 3.5%;
}
.article .con .sum ul li h1 {
	position: absolute;
	top: 34px;
	left: 3.5%;
}
.article .con .sum ul li h1 a {
	font-size: 20px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #fff;
}
.article .con .sum ul li h1 span {
	font-size: 20px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #fff;
}
.article .con .sum ul li p.font_fff {
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}
.article .con .sum ul li p.font_fff a {
	color: #fff;
}
.article .con .sum ul li p.font_bg {
	font-size: 0.95em;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	max-width: auto;
	padding-right: 10%;
	letter-spacing: 0;
	line-height: 20px;
	display: inline-block;
	height: 38px;
	overflow: hidden;
	margin-top: 7px;
}
.article .con .sum ul li p.font_bg a {
	color: #fff;
}
.sum_bg_545 {
	width: 100%;
	height: 110px;
	opacity: 0.4;
	position: absolute;
	top: 0px;
	display: block;
}
.sum_bg_822 {
	width: 822px;
	height: 95px;
	opacity: 0.4;
	position: absolute;
	top: 0px;
	display: block;
}


/* SUB */
#sub_wrap {
	max-width: 1100px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	clear: both;
	position: relative;
}
#sub_wrap #sub_lnb {
	float: left;
	max-width: 185px;
}
#sub_wrap #sub_lnb .sub_lnb_img {
	line-height: 0;
	border-bottom: 1px solid #e8e8e8;
}
#sub_wrap #sub_lnb .sub_lnb_img img {
	max-width: 185px;
}
#sub_wrap #sub_lnb .sub_lnb_1 {
	max-width: 185px;
	height: auto;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	font-size: 0.9em;
}
#sub_wrap #sub_lnb .sub_lnb_1 p {
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #e8e8e8;
	display: block;
	text-align: left;
}
#sub_wrap #sub_lnb .sub_lnb_1 p a {
	color: #666;
	max-width: 183px;
	height: 46px;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	display: block;
	padding-left: 10px;
	background: rgb(255, 255, 255);
}
/*#sub_lnb .sub_lnb_1 a {
	background: url("/media/img/common/arr_lnb_1dep.png") 170px 20px no-repeat rgb(255, 255, 255);
}*/
#sub_wrap #sub_lnb .sub_lnb_1 p a:hover {
	color: #fff;
	max-width: 183px;
	height: 46px;
	border-left: 1px solid #5360c6;
	border-right: 1px solid #5360c6;
	background-color: #5360c6;
	display: block;
}
#sub_wrap #sub_lnb .sub_lnb_2 {
	max-width: 185px;
	height: auto;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	font-size: 0.9em;
	display: none;
}
/* #sub_wrap #sub_lnb .sub_lnb_2 p {
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #e8e8e8;
	display: block;
	text-align: left;
}
#sub_wrap #sub_lnb .sub_lnb_2 p a {
	color: #666;
	max-width: 183px;
	height: 35px;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	background-color: #fff;
	display: block;
	padding-left: 18px;
}
#sub_wrap #sub_lnb .sub_lnb_2 p a:hover {
	color: #5360c6;
	max-width: 183px;
	height: 35px;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	background: url('/media/img/common/arr_lnb_2dep.png') no-repeat 168px 14px;
	background-color: #f8f8f8;
	display: block;
} */
#sub_wrap #sub_lnb .sub_lnb_2 p {
	border-bottom: 1px solid #e8e8e8;
	display: block;
	text-align: left;
}
#sub_wrap #sub_lnb .sub_lnb_2 p a {
	color: #666;
	max-width: 183px;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	background-color: #fff;
	display: block;
	padding: 5px 15px 5px 18px;
	min-height: 25px;
	display: flex;
	align-items: center;
}
#sub_wrap #sub_lnb .sub_lnb_2 p a:hover {
	color: #5360c6;
	max-width: 183px;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	background: url('/media/img/common/arr_lnb_2dep.png') no-repeat 168px center;
	background-color: #f8f8f8;
	display: flex;
	align-items: center;
}
#sub_wrap #sub_lnb .inquiry {
	max-width: 176px;
	height: auto;
	clear: both;
	margin-bottom: 40px;
	padding-left: 7px;
}
#sub_wrap #sub_lnb .inquiry .txt1 {
	font-size: 15px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 350;
	color: #313131;
	margin-top: 30px;
}
#sub_wrap #sub_lnb .inquiry .txt2 {
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	color: #a9a9ad;
}
#sub_wrap #sub_lnb .inquiry .txt2 a {
	color: #a9a9ad;
}
#sub_wrap #sub_lnb .inquiry .txt2 a:hover {
	color: #a9a9ad;
}
#sub_wrap #sub_contents {

}
#sub_wrap #sub_contents .sub_article{
	text-align: left;
	overflow: hidden;
	padding-left: 35px;
}
#sub_wrap #sub_contents .sub_article .area_url {
	color: #8c8c8c;
	font-size: 12px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	background: url('/media/img/common/icon_home.gif') no-repeat 0px 3px;
	padding-left: 16px;
	width: 100%;
	text-align: left;
	line-height: 120%;
	letter-spacing: -0.4px;
	margin-left: -7px;
}
#sub_wrap #sub_contents .sub_article p {
	color: #666;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	line-height: 25px;
}


#sub_wrap #sub_contents .sub_article .mgb_37 {
	margin-bottom: 37px;
}
#sub_wrap #sub_contents .sub_article .mgb_115 {
	margin-bottom: 115px;
	clear: both;
	width: 100%;
}
#sub_wrap #sub_contents .sub_article .img_C {
	padding: 17px 0 17px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
#sub_wrap #sub_contents .sub_article .img_C_img5 {
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
#sub_wrap #sub_contents .sub_article .img_C_img5 img {
	display: inline-block;
	padding: 20px 20px 0 20px;
	width: 14.4%;
}
#sub_wrap #sub_contents .sub_article .img_C_28 {
	padding: 17px 0 28px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
#sub_wrap #sub_contents .sub_article .img_C_28_2 {
	padding: 17px 0 28px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
#sub_wrap #sub_contents .sub_article .m_img_C_28 {
	display: none;
}
#sub_wrap #sub_contents .sub_article .img_C_both {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 80px;
}
#sub_wrap #sub_contents .sub_article .img_C_both img {
	margin: 0 30px 0 30px;
}
#sub_wrap #sub_contents .sub_article .visual {
	padding: 0 0 35px 0;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article .tab_line {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
	padding: 30px 0 0 0;
	margin-bottom: 30px;
}
#sub_wrap #sub_contents .sub_article p.h1 {
	color: #010101;
	font-size: 2.250em;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	margin: 0 0 15px -7px;
	width: 100%;
	text-align: left;
	line-height: 100%;
}
#sub_wrap #sub_contents .sub_article p.h2 {
	color: #1736a7;
	font-size: 1.5em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 500;
	margin: 30px 0 8px 0;
	text-align: left;
	line-height: 120%;
}
#sub_wrap #sub_contents .sub_article p.h2 span {
	color: #6F5DDC;
}
#sub_wrap #sub_contents .sub_article p.h3 {
	color: #010101;
	font-size: 1.3em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	margin: 0px 0 15px 0;
}
#sub_wrap #sub_contents .sub_article p.news_view_h3 {
	color: #010101;
	font-size: 22px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 350;
	margin: 0px 0 25px 0;
	color: #007dd5;
}
#sub_wrap #sub_contents .sub_article p.h4 {
	color: #007dd5;
	font-size: 1.1em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	margin: 0px 0 5px 0;
}
#sub_wrap #sub_contents .sub_article p.h5 {
	color: #333;
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	margin: 30px 0 10px 0;
}
#sub_wrap #sub_contents .sub_article p.about_tit {
	color: #007dd5;
	font-size: 18px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	margin: 20px 0 10px 0;
}
#sub_wrap #sub_contents .sub_article p.font_blue {
	color: #007dd5;
	font-size: 1.1em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	line-height: 28px;
	text-align: left;
	margin-bottom: 10px;
}
#sub_wrap #sub_contents .sub_article p.font_grey {
	color: #666;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	line-height: 22px;
}
#sub_wrap #sub_contents .sub_article .text_wrap_1 {
	width: 257px;
	height: 230px;
	text-align: center;
	float: left;
	overflow: hidden;
	margin: 0 0 0 30px;
}
#sub_wrap #sub_contents .sub_article .text_wrap_1 .img {
	margin: 0 0 30px 0;
}
#sub_wrap #sub_contents .sub_article .text_wrap_2 {
	width: 155px;
	height: 225px;
	text-align: center;
	float: left;
	margin: 0 30px 0 30px;
	overflow: hidden;
}
#sub_wrap #sub_contents .sub_article .text_wrap_2 .img {
	margin: 0 0 30px 0;
}
#sub_wrap #sub_contents .sub_article .text_wrap_2 .none {
	margin-right: 0;
}
#sub_wrap #sub_contents .sub_article .text_wrap_2_1 {
	width: 400px;
	height: 300px;
	text-align: center;
	float: left;
	margin: 0 10px 50px 10px;
	overflow: hidden;
}
#sub_wrap #sub_contents .sub_article .text_wrap_2_1 .img {
	margin: 0 0 30px 0;
}
#sub_wrap #sub_contents .sub_article .text_wrap_2_1 .none {
	margin-right: 0;
}
#sub_wrap #sub_contents .sub_article .text_wrap_2_2 {
	width: 400px;
	height: 350px;
	text-align: center;
	float: left;
	margin: 0 10px 50px 10px;
	overflow: hidden;
}
#sub_wrap #sub_contents .sub_article .text_wrap_2_2 .img {
	margin: 0 0 30px 0;
}
#sub_wrap #sub_contents .sub_article .text_wrap_2_2 .none {
	margin-right: 0;
}
#sub_wrap #sub_contents .sub_article .text_wrap_2_3 {
	width: 400px;
	height: 350px;
	text-align: center;
	float: left;
	margin: 0 10px 50px 10px;
	overflow: hidden;
}
#sub_wrap #sub_contents .sub_article .text_wrap_2_3 .img {
	margin: 0 0 30px 0;
}
#sub_wrap #sub_contents .sub_article .text_wrap_2_3 .none {
	margin-right: 0;
}
#sub_wrap #sub_contents .sub_article .text_wrap_3 {
	width: 330px;
	height: 260px;
	text-align: center;
	float: left;
	margin: 0 30px 0 60px;
	overflow: hidden;
}
#sub_wrap #sub_contents .sub_article .text_wrap_3 .img {
	margin: 0 0 30px 0;
}
#sub_wrap #sub_contents .sub_article .text_wrap_3_1 {
	width: 235px;
	height: 250px;
	text-align: center;
	float: left;
	margin: 0 25px 50px 25px;
	overflow: hidden;
}
#sub_wrap #sub_contents .sub_article .text_wrap_3_1 .img {
	margin: 0 0 30px 0;
}
#sub_wrap #sub_contents .sub_article .sol_3_1_img_t {
	width: 240px;
	height: 400px;
	text-align: center;
	float: left;
	margin: 0 23px 50px 23px;
	overflow: hidden;
}
#sub_wrap #sub_contents .sub_article .sol_3_1_img_t .img {
	margin: 0 0 30px 0;
}
#sub_wrap #sub_contents .sub_article .text_wrap_4 {
	width: 170px;
	height: 225px;
	text-align: center;
	float: left;
	margin: 0 45px 0 0;
	overflow: hidden;
}
#sub_wrap #sub_contents .sub_article .text_wrap_4 .img {
	margin: 0 0 30px 0;
}
#sub_wrap #sub_contents .sub_article .text_wrap_4 .none {
	margin-right: 0;
}
#sub_wrap #sub_contents .sub_article .text_wrap_5 {
	width: 257px;
	height: 120px;
	text-align: center;
	float: left;
	overflow: hidden;
	margin: 0 0 45px 30px;
}
#sub_wrap #sub_contents .sub_article .text_both1 {
	width: 380px;
	height: 210px;
	margin-bottom: 40px;
	margin-left: 35px;
	float: left;
}
#sub_wrap #sub_contents .sub_article .text_both2 {
	width: 400px;
	height: 250px;
	margin-bottom: 40px;
	margin-left: 35px;
	float: left;
}
.icon_square {
	background: url('/media/img/common/icon_square.gif') no-repeat 0px 10px;
}
.icon_square_lnb {
	background: url('/media/img/common/icon_square.gif') no-repeat 0px 10px;
}
.icon_square_alignC {
	background: url('/media/img/common/icon_square.gif') no-repeat 0px 10px;
	display: inline-block;
}
.icon_square_s {
	background: url('/media/img/common/icon_square_s.gif') no-repeat 0px 10px;
}
.icon_square_blue {
	background: url('/media/img/common/dot_blue.gif') no-repeat 0px 7px;
	margin-bottom: 25px;
}
.icon_square_blue2 {
	background: url('/media/img/common/dot_blue.gif') no-repeat 0px 7px;
}
.icon_check {
	background: url('/media/img/common/icon_check.gif') no-repeat 0px 7px;
	margin-bottom: 15px;
}
#sub_wrap #sub_contents .sub_article p.top_text {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	color: #005fca;
	margin-bottom: 25px;
}
#sub_wrap #sub_contents .sub_article p.top_text span{
	font-size: 1.2em;
	line-height: 1.4em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	color: #4aa0d1;
	margin-bottom: 20px;
}
table.tbl_type1 {
	border-top: 2px  solid #282828;
}
table.tbl_type1 thead tr {
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 350;
	color: #333;
}
table.tbl_type1 thead th {
	border-bottom: 1px  solid #e7e7e7;
	border-right: 1px  solid #e7e7e7;
	height: 13px;
	background: #f7f7f7;
	padding: 15px 15px 15px 25px;
	text-align: center;
}
table.tbl_type1 thead th.none {
	border-right: 0px  solid #e7e7e7;
}

table.tbl_type1 tbody tr {
	font-size: 0.95em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	color: #666;
}
table.tbl_type1 tbody td {
	border-bottom: 1px  solid #e7e7e7;
	border-right: 1px  solid #e7e7e7;
	height: auto;
	padding: 15px 15px 15px 25px;
}
table.tbl_type1 tbody td.none {
	border-right: 0px  solid #e7e7e7;
}
table.tbl_type2 {
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
}
table.tbl_type2 tbody tr {
	font-size: 0.95em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	color: #666;
}
table.tbl_type2 tbody td {
	border-bottom: 1px  solid #e7e7e7;
	height: 43px;
}
table.tbl_type2 tbody td.none {
	padding: 0 0 0 16px;
}
table.tbl_type2 tbody td.bg_grey {
	background: #f7f7f7;
	padding: 0 0 0 32px;
	color: #333;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
}
table.tbl_type3 {
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	margin-top: 25px;
}
table.tbl_type3 thead tr {
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	color: #333;
}
table.tbl_type3 thead th {
	border-bottom: 1px  solid #bcbcbc;
	height: 44px;
	background: #f7f7f7;
	text-align: center;
}
table.tbl_type3 tbody tr {
	font-size: 0.95em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	color: #666;
}
table.tbl_type3 tbody td {
	border-bottom: 1px  solid #e7e7e7;
	height: 44px;
	text-align: center;
}
table.tbl_type3 tbody td.title {
	text-align: left;
	padding-left: 18px;
}
table.tbl_type3 tbody td.lngtit {
	border-bottom: 1px  solid #e7e7e7;
	height: 64px;
}
#sub_wrap #sub_contents .sub_article .tab_line_top {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
	padding: 22px 0 0 0;
}
#sub_wrap #sub_contents .sub_article .news_img_wrap {
	max-width: 100%;
	max-height: auto;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
	padding-top: 27px;
	padding-bottom: 25px;
}
#sub_wrap #sub_contents .sub_article .news_img_wrap .img {
	float: left;
	overflow: hidden;
	width: 184px;
	height: 120px
	display: inline-block;
	margin-right: 20px;
}
#sub_wrap #sub_contents .sub_article .news_img_wrap .datewrap {
	height: auto;
	overflow: hidden;
	float: left;
	display: block;
	width: 76.4%;
}
#sub_wrap #sub_contents .sub_article .news_img_wrap .ndatewrap {
	height: auto;
	overflow: hidden;
	float: left;
	display: block;
	width: 99.5%;
}
#sub_wrap #sub_contents .sub_article .news_img_wrap p.h3 {
	font-size: 18px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	color: #007dd5;
	float: left;
	line-height: 100%;
	margin-bottom: 10px;
}
#sub_wrap #sub_contents .sub_article .news_img_wrap p.h3 a {
	color: #007dd5;
	font-weight: 400;
}
#sub_wrap #sub_contents .sub_article .news_img_wrap p.date {
	float: right;
	font-size: 14px;
	color: #8c8c8c;
	border:0px solid red
}
#sub_wrap #sub_contents .sub_article .news_img_wrap p.text {
	line-height: 23px;
	float: left;
	display: block;
}

#sub_wrap #sub_contents .sub_article .img_wrap_view {
	max-width: 100%;
	margin: 25px 0 -20px 0;
	height: auto;
	overflow: hidden;
}
#sub_wrap #sub_contents .sub_article .img_wrap_view p.news_view_h3 {
	font-size: 18px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	color: #007dd5;
	float: left;
	width: 70%;
}
#sub_wrap #sub_contents .sub_article .img_wrap_view p.date {
	width: 30%;
	float: right;
	font-size: 14px;
	color: #666;
	text-align: right;
}
#sub_wrap #sub_contents .sub_article .btn_list {
	float: right;
}
#sub_wrap #sub_contents .sub_article .list_btn_R {
	float: right;
	width: 72px;
	height: 35px;
	line-height: 34px;
	height: 34px;
	background-color: #fff;
	color: #010101;
	border: 1px solid #7f7f7f;
	border-radius: 5px;
	text-align: center
}
#sub_wrap #sub_contents .sub_article .list_btn_R a {
	color: #010101;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
}
#sub_wrap #sub_contents .sub_article p.text {
	color: #777;
	font-size: 0.98em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	line-height: 22px;
}
#sub_wrap #sub_contents .sub_article p.text_view {
	clear: both;
}
#sub_wrap #sub_contents .sub_article .tab_line1 {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
	padding: 20px 0 0 0;
	margin-bottom: 30px;
}
#sub_wrap #sub_contents .sub_article .ci_list {
	max-width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin-top: 30px;
}
#sub_wrap #sub_contents .sub_article .ci_list ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#sub_wrap #sub_contents .sub_article .ci_list ul li {
	display: inline-block;
	margin: 0 0 5px 0;
	width: 19%;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .ci_list ul li.noneR {
	margin-right: 0;
}
#sub_wrap #sub_contents .sub_article .ci_list ul li.noneB {
	margin-bottom: 0;
}
#sub_wrap #sub_contents .sub_article .tab_line2 {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
	padding: 65px 0 0 0;
	margin-bottom: 28px;
}
#sub_wrap #sub_contents .sub_article .story_list_wrap {
	text-align: left;
	margin: 0 auto;
	height: auto;
	position: relative;
	width: 100%;
}/*수정*/
#sub_wrap #sub_contents .sub_article .story_list {
	max-width: 273px;
	height: 410px;
	border-top: 1px solid #c9c9c9;/* 2016-08-17 ADD */
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	margin: 0 0.5% 65px 0.5%;
	display: inline-block;
	overflow: hidden;
	position:relative;/* 2016-08-17 ADD */
}/*수정*/
/* 2016-08-17 ADD */
#sub_wrap #sub_contents .sub_article .story_list a{
	display:block;
	width:100%;
	height:100%;
}
#sub_wrap #sub_contents .sub_article .story_list .story_view{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:273px;
	height:230px;
	background:url("../img/common/icon_view.png") no-repeat 0 0;
}
/* 2016-08-17 ADD - mobile 비활성 */
@media all and (min-width: 908px){
	#sub_wrap #sub_contents .sub_article .story_list:hover{
		border:1px solid #00b7f1;
	}
	#sub_wrap #sub_contents .sub_article .story_list:hover .story_view{
		display:block;
	}
}

#sub_wrap #sub_contents .sub_article .story_list div {
	line-height: 0;
}
#sub_wrap #sub_contents .sub_article .story_list div a:hover {
	content: "more";
	width:200px;
	height: 50px;
	background-color: #fff;
}
#sub_wrap #sub_contents .sub_article .story_list p.h3 {
	padding: 16px 19px 0 17px;
	margin-bottom: 10px;
	line-height: 100%;
	text-align: left;
}
/* 2016-08-17 MOD */
#sub_wrap #sub_contents .sub_article .story_list p.h3 span{
	color: #007dd5;
	font-size: 0.85em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
}
/*#sub_wrap #sub_contents .sub_article .story_list p.h3 a {
	color: #007dd5;
	font-size: 0.85em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
}*/
#sub_wrap #sub_contents .sub_article .story_list p.text {
	padding: 0 19px 28px 17px;
	height: auto;
	overflow: hidden;
}
/*#sub_wrap #sub_contents .sub_article .story_list p.text:after {
	content: "more";
	margin: 0 0 0 6px;
	font-size: 0.9em;
	color: #00b7f1;
	text-decoration: underline;
}*/
#sub_wrap #sub_contents .sub_article .certify_list_warp {
	margin: 0 auto;
	text-align: justify;
	margin-top: 40px;
}
#sub_wrap #sub_contents .sub_article .certify_list {
	max-width: 244px;
	height: auto;
	border: 1px solid #bcbcbc;
	margin: 0 2.3% 56px 2.3%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
#sub_wrap #sub_contents .sub_article .certify_list .img_warp {
	background-color: #f4f4f4;
	border-bottom: 1px solid #bcbcbc;
	height: 275px;
	margin: 0 auto;
	text-align: center;
	padding-top: 32px;
}
#sub_wrap #sub_contents .sub_article .certify_list p.text_view0 {
	color: #666;
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	text-align: center;
	padding: 0 30px 5px 30px;
	margin-top: 25px;
}
#sub_wrap #sub_contents .sub_article .certify_list p.text_view1 {
	color: #666;
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	text-align: center;
	padding: 0 30px 10px 30px;
}
#sub_wrap #sub_contents .sub_article .certify_list p.text_view2 {
	color: #999;
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	margin: 0 auto;
	text-align: center;
	line-height: 24px;
	margin-bottom: 25px;
}
#sub_wrap #sub_contents .sub_article .ceo_txt {
	color: #333;
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	float: left;
	margin-top: 10px;
	margin-right: 15px;
}
#sub_wrap #sub_contents .sub_article .ceo_img {
	margin: 0 0 0 15px;
}
#sub_wrap #sub_contents .sub_article .about_list {
	float: left;
	margin: 0 20px 55px 20px;
}
#sub_wrap #sub_contents .sub_article .about_text_warp {
	max-width: 100%;
	height: 100%;
	border: 1px solid #e1e1e1;
	padding: 15px 30px 15px 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#sub_wrap #sub_contents .sub_article .recruit_txt_blue {
	border-bottom: 1px solid #007dd5;
}
#sub_wrap #sub_contents .sub_article .recruit_txt_blue a, a:hover  {
	color: #007dd5;
}
#sub_wrap #sub_contents .sub_article .contact_text_wrap {
	margin: 40px 0 0 0;
}
#sub_wrap #sub_contents .sub_article .contact_text_wrap p.add {
	color: #666;
	font-size: 13px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
}
#sub_wrap #sub_contents .sub_article .map_area {
	max-width: 878px;
	height: 508px;
	border: 1px solid #e1e1e1;
	margin-top: 30px;
}
.about_tabmenu ul {
	margin-top: 10px;
}
.about_tabmenu ul li {
	float: left;
	margin-right: 0px;
	margin-top: 30px;
}
.about_tabmenu ul li.none {
	margin-right: 0px;
}
#sub_wrap #sub_contents .sub_article .well_7_2_wrap1 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article .well_7_2_wrap1 .list {
	width: 410px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 28px 5px;
}
#sub_wrap #sub_contents .sub_article .well_7_2_wrap1 .list_none {
	width: 410px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 0px 5px;
}

/* solution */
#sub_wrap #sub_contents .sub_article .list_none {
	width: 250px;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
#sub_wrap #sub_contents .sub_article .sol_3icon_wrap .3icon_none {
	width: 250px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 0 15px;
}
#sub_wrap #sub_contents .sub_article p.text_alignC {
	margin: 0 auto;
	text-align: left;
	width: 100%;
}
#sub_wrap #sub_contents .sub_article p.text_alignC_blue {
	margin: 0 auto;
	text-align: left;
	width: 100%;
	color: #007dd5;
	font-size: 1.05em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	line-height: 1.5em;
	margin-bottom: 10px;
}
#sub_wrap #sub_contents .sub_article p.text_alignC_grey {
	margin: 0 auto;
	text-align: left;
	width: 100%;
	color: #666;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	line-height: 22px;
}

/*아이콘2*/
#sub_wrap #sub_contents .sub_article .sol_2icon_wrap {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
}
#sub_wrap #sub_contents .sub_article  .sol_2icon_wrap .list {
	width: 330px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 50px 58px 50px;
}
#sub_wrap #sub_contents .sub_article .sol_2icon_wrap .list .img {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}
/*아이콘2 end*/

/*아이콘3*/
#sub_wrap #sub_contents .sub_article .sol_3icon_wrap {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	margin-top: 25px;
}
#sub_wrap #sub_contents .sub_article .sol_3icon_wrap .list {
	width: 250px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 58px 15px;
}
#sub_wrap #sub_contents .sub_article .sol_3icon_wrap .list .img {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}
/*아이콘3 end*/

/*아이콘4*/
#sub_wrap #sub_contents .sub_article .sol_4icon_wrap {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_4icon_wrap .list {
	width: 170px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 58px 20px;
}
#sub_wrap #sub_contents .sub_article .sol_4icon_wrap .list .img {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 35px;
}
/*아이콘4 end*/

/*아이콘4_2*/
#sub_wrap #sub_contents .sub_article .sol_4_2icon_wrap {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_4_2icon_wrap .list {
	width: 170px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 58px 20px;
}
#sub_wrap #sub_contents .sub_article .sol_4_2icon_wrap .list .img {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 35px;
}
/*아이콘4_2 end*/

#sub_wrap #sub_contents .sub_article .sol_1_1_wrap1 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_1_1_wrap1 .list {
	width: 250px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 58px 15px;
}
#sub_wrap #sub_contents .sub_article .sol_1_1_wrap1 .list .img {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 34px;
}
#sub_wrap #sub_contents .sub_article .sol_1_ic_blue {
	margin-bottom: -25px;
}
#sub_wrap #sub_contents .sub_article .sol_1_ic_blue p.tit {
	color: #010101;
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 164px;
	border-right: 2px solid #ececec;
	padding-left: 21px;
	margin-right: 30px;
	float: left;
}
#sub_wrap #sub_contents .sub_article .sol_2_ic_blue {
	margin-bottom: -25px;
}
#sub_wrap #sub_contents .sub_article .sol_2_ic_blue p.tit {
	color: #010101;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 277px;
	border-right: 2px solid #ececec;
	padding-left: 21px;
	margin-right: 30px;
	float: left;
}
#sub_wrap #sub_contents .sub_article .sol_1_3_ic_blue {
	margin-bottom: -25px;
}
#sub_wrap #sub_contents .sub_article .sol_1_3_ic_blue p.tit {
	color: #010101;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 100%;
	border-right: 2px solid #ececec;
	padding-left: 21px;
	margin-right: 30px;
	margin-bottom: 5px;
	float: left;
}
#sub_wrap #sub_contents .sub_article .sol_1_3_ic_blue p.text2 {
	display: inline-block;
}
#sub_wrap #sub_contents .sub_article .sol_2_1_ic_blue {
	margin-bottom: -25px;
}
#sub_wrap #sub_contents .sub_article .sol_2_1_ic_blue p.tit {
	color: #010101;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 26%;
	padding-left: 21px;
	float: left;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_2_1_ic_blue p.text2 {
	display: inline-block;
	border-left: 2px solid #ececec;
	padding-left: 30px;
}
#sub_wrap #sub_contents .sub_article .sol_2_2_ic_blue {
	margin-bottom: -25px;
}
#sub_wrap #sub_contents .sub_article .sol_2_2_ic_blue p.tit {
	color: #010101;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 22%;
	padding-left: 21px;
	float: left;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_2_2_ic_blue p.text2 {
	display: inline-block;
	border-left: 2px solid #ececec;
	padding-left: 28px;
	text-align: left;
	width: 68%
}
#sub_wrap #sub_contents .sub_article .sol_2_3_ic_blue {}
#sub_wrap #sub_contents .sub_article .sol_2_3_ic_blue p.tit {
	color: #010101;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 200px;
	padding-left: 21px;
	float: left;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_2_3_ic_blue p.tit2  {
	color: #010101;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	padding-left: 20px;
	text-align: left;
	width: auto;
}
#sub_wrap #sub_contents .sub_article .sol_2_3_ic_blue p.text2 {
	display: inline-block;
	border-left: 2px solid #ececec;
	padding-left: 30px;
}
#sub_wrap #sub_contents .sub_article .sol_2_4_ic_blue {
	margin-bottom: -25px;
}
#sub_wrap #sub_contents .sub_article .sol_2_4_ic_blue p.tit {
	color: #010101;
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 200px;
	padding-left: 18px;
	float: left;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_2_4_ic_blue p.tit2  {
	color: #010101;
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	padding-left: 20px;
	text-align: left;
	width: auto;
}
#sub_wrap #sub_contents .sub_article .sol_2_4_ic_blue p.text2 {
	display: inline-block;
	border-left: 2px solid #ececec;
	padding-left: 30px;
}
#sub_wrap #sub_contents .sub_article .sol_2_4_ic_blue .sol_2_4_ic_blue_both {
	display: inline-block;
	vertical-align: top;
	margin-right: 50px;
}
#sub_wrap #sub_contents .sub_article .sol_3_1_ic_blue {
	margin-bottom: -25px;
}
#sub_wrap #sub_contents .sub_article .sol_3_1_ic_blue p.tit {
	color: #010101;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 100px;
	padding-left: 18px;
	float: left;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_3_1_ic_blue p.tit2  {
	color: #010101;
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	padding-left: 20px;
	text-align: left;
	width: auto;
}
#sub_wrap #sub_contents .sub_article .sol_3_1_ic_blue p.text2 {
	display: inline-block;
	border-left: 2px solid #ececec;
	padding-left: 28px;
}
#sub_wrap #sub_contents .sub_article .sol_3_1_ic_blue .sol_3_1_ic_blue_both {
	display: inline-block;
	vertical-align: top;
	width: 430px;
}
#sub_wrap #sub_contents .sub_article .sol_3_2_ic_blue {
	margin-bottom: -25px;
	margin-top: 20px;
}
#sub_wrap #sub_contents .sub_article .sol_3_2_ic_blue p.tit {
	color: #010101;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 160px;
	padding-left: 18px;
	float: left;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_3_2_ic_blue p.tit2  {
	color: #010101;
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	padding-left: 20px;
	text-align: left;
	width: auto;
}
#sub_wrap #sub_contents .sub_article .sol_3_2_ic_blue p.text2 {
	display: inline-block;
	border-left: 2px solid #ececec;
	padding-left: 28px;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_3_3_ic_blue {
	margin-bottom: -25px;
}
#sub_wrap #sub_contents .sub_article .sol_3_3_ic_blue p.tit {
	color: #010101;
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 18%;
	padding-left: 18px;
	float: left;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_3_3_ic_blue p.text2 {
	display: inline-block;
	border-left: 2px solid #ececec;
	padding-left: 28px;
	width: 60%;
	margin-left: 50px;
}
#sub_wrap #sub_contents .sub_article .sol_3_3_ic_blue2 {
	margin-top: 50px;
}
#sub_wrap #sub_contents .sub_article .sol_3_3_ic_blue2 .img {
	float: left;
	width: 20%;
	padding-left: 18px;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article .sol_3_3_ic_blue2 .mgt1 {
	padding-top: 35px;
}
#sub_wrap #sub_contents .sub_article .sol_3_3_ic_blue2 p.text {
	display: inline-block;
	border-left: 2px solid #ececec;
	padding-left: 28px;
	width: 60%;
	margin-left: 50px;
}
#sub_wrap #sub_contents .sub_article .sol_1_reference {
	width: 285px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 30px;
}
#sub_wrap #sub_contents .sub_article .sol_1_reference p.tit {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	color: #010101;
	border-bottom: 2px solid #010101;
	width: 260px;
	height: 35px;
	margin-bottom: 13px;
}
#sub_wrap #sub_contents .sub_article .award {
	margin-bottom: 30px;
}
#sub_wrap #sub_contents .sub_article .award .img {
	float: left;
	margin-right: 25px;
}
#sub_wrap #sub_contents .sub_article .award p.tit {
	color: #007dd5;
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	line-height: 0;
	text-align: left;
	padding: 19px 0 16px 0;
}
#sub_wrap #sub_contents .sub_article .sol_1_2_wrap1 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_1_2_wrap1 .list {
	width: 200px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 58px 5px;
}
#sub_wrap #sub_contents .sub_article  .sol_1_2_wrap1 .list .img  {
	margin-bottom: 34px;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_1_2_wrap2 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_1_2_wrap2 .list {
	width: 257px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 58px 5px;
}
#sub_wrap #sub_contents .sub_article .sol_1_3_wrap1 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_1_3_wrap1 .list {
	width: 320px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 35px 58px 35px;
}
#sub_wrap #sub_contents .sub_article  .sol_1_3_wrap1 .list .img  {
	margin-bottom: 34px;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_1_3_wrap2 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_1_3_wrap2 .list {
	width: 215px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 35px 58px 35px;
}
#sub_wrap #sub_contents .sub_article .sol_2_1_wrap1 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_2_1_wrap1 .list {
	width: 250px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 58px 15px;
}
#sub_wrap #sub_contents .sub_article  .sol_2_1_wrap1 .list .img  {
	margin-bottom: 34px;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_2_1_wrap2 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_2_1_wrap2 .list {
	width: 430px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 0px 58px 0px;
}
#sub_wrap #sub_contents .sub_article .sol_2_2_wrap1 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_2_2_wrap1 .list {
	width: 260px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 58px 10px;
}
#sub_wrap #sub_contents .sub_article  .sol_2_2_wrap1 .list .img  {
	margin-bottom: 34px;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_2_2_wrap2 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_2_2_wrap2 .list {
	width: 350px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 3% 58px 3%;
}
#sub_wrap #sub_contents .sub_article .sol_2_3_wrap1 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_2_3_wrap1 .list {
	width: 180px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 58px 15px;
}
#sub_wrap #sub_contents .sub_article  .sol_2_3_wrap1 .list .img  {
	margin-bottom: 34px;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_2_3_wrap2 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_2_3_wrap2 .list {
	width: 375px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 3% 58px 3%;
}
#sub_wrap #sub_contents .sub_article .sol_2_3_wrap3 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_2_3_wrap3 .list {
	width: 375px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 3% 58px 3%;
}
#sub_wrap #sub_contents .sub_article .sol_2_4_wrap1 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_2_4_wrap1 .list {
	width: 255px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 58px 10px;
}
#sub_wrap #sub_contents .sub_article  .sol_2_4_wrap1 .list .img  {
	margin-bottom: 34px;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_2_4_wrap2 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_2_4_wrap2 .list {
	width: 375px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 3% 58px 3%;
}
#sub_wrap #sub_contents .sub_article .sol_3_1_wrap1 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_3_1_wrap1 .list {
	width: 265px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 58px 10px;
}
#sub_wrap #sub_contents .sub_article  .sol_3_1_wrap1 .list .img  {
	margin-bottom: 34px;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_3_1_wrap2 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_3_1_wrap2 .list {
	width: 350px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 3% 58px 3%;
}
#sub_wrap #sub_contents .sub_article .sol_3_2_wrap1 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_3_2_wrap1 .list {
	width: 245px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 58px 20px;
}
#sub_wrap #sub_contents .sub_article  .sol_3_2_wrap1 .list .img  {
	margin-bottom: 34px;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_3_2_wrap2 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_3_2_wrap2 .list {
	width: 340px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 2% 58px 2%;
}
#sub_wrap #sub_contents .sub_article .sol_3_3_wrap1 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article  .sol_3_3_wrap1 .list {
	width: 400px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 58px 10px;
}
#sub_wrap #sub_contents .sub_article  .sol_3_3_wrap1 .list .img  {
	margin-bottom: 34px;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_3_3_wrap2 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	margin-top: 55px;
}

/* about  */
#sub_wrap #sub_contents .sub_article .abo_8_1_ic_blue {
	margin-bottom: -25px;
}
#sub_wrap #sub_contents .sub_article .abo_8_1_ic_blue p.tit {
	color: #010101;
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 79px;
	border-right: 2px solid #ececec;
	padding-left: 21px;
	margin-right: 30px;
	float: left;
}
#sub_wrap #sub_contents .sub_article .abo_8_1_ic_blue p.text2 {
	display: inline-block;
}

/* paging */
.paging {
	width: auto;
	height: 28px;
	text-align: center;
	overflow: hidden;
	font-size: 13px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	margin: 53px 0 0 0;
	position: relative;
	clear: both;
}
.paging ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.paging ul li {
	float: left;
	display: inline-block;
}
.paging a {
	width: 30px;
	height: 28px;
	display: inline-block;
	color: #666;
	text-align: center;
	vertical-align: center;
	border-right: 1px solid #d7d7d7;
	line-height: 28px;
}
.paging a:hover {
	color: #00b7f1;
	width: 30px;
	height: auto;
	display: inline-block;
}
.paging a .now_page {
	color: #00b7f1;
	font-weight: 500;
}
.paging li.none a {
	border-right: 0px;
}

/* 수행내역 */
.conduct_list {
	width: 100%;
	text-align: center;
	margin-bottom: 111px;
}
.conduct_list .year_tab {
	margin-bottom: 20px;
}
.conduct_list .year_tab ul {}
.conduct_list .year_tab ul li {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	height: auto;
	display: inline-block;
	margin: 0 auto;
	color: #010101;
	width: 13%;
	height: 39px;
	line-height: 39px;
	border-bottom: 3px solid #bcbcbc;
}
.conduct_list .year_tab ul li.none {
	margin-right: 0;
}
.conduct_list .year_tab ul a {
	color: #bcbcbc;
}
.conduct_list .year_tab ul li a:hover {
	color: #010101;
}
.conduct_list .list_view {
	clear: both;
	max-width: auto;
	height: auto;
	overflow: hidden;
	text-align: left;
	border-bottom: 1px solid #e7e7e7;
}
.conduct_list .list_view .img_view {
	display: inline-block;
	width: 20%;
	overflow: hidden;
	line-height: 0;
	text-align: left;
	vertical-align: middle;
	margin: 2% 2% 2% 0;
}
.conduct_list .list_view .text_view {
	display: inline-block;
	width: 75%;
	text-align: left;
	vertical-align: middle;
	margin: 2% 0 2% 0;
}
.conduct_list .list_view .text_view_no {
	display: inline-block;
	width: auto;
	text-align: left;
	vertical-align: middle;
	margin: 2.7% 0 2% 0;
}
#sub_wrap #sub_contents .sub_article .conduct_list p.title {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #007dd5;
	font-size: 1.1em;
	line-height: 1.3em;
	text-align: left;
	margin: 0 0 5px 0;
}
#sub_wrap #sub_contents .sub_article .conduct_list p.text_list {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #666;
	font-size: 0.94em;
	line-height: 1.5em;
	text-align: left;
}

/* 연혁 */
.history_list {
	width: 100%;
	text-align: center;
	margin-bottom: 111px;
	margin-top: 30px;
}
.history_list .year_tab {
	margin-bottom: 35px;
	max-width: 100%;
}
.history_list .year_tab ul {
	max-width: auto;
	height: 100%;
	overflow: hidden;
}
.history_list .year_tab ul li {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	height: 46px;
	line-height: 46px;
	display: inline-block;
	color: #010101;
	width: 32%;
}
.history_list .year_tab ul li.none {
	margin-right: 0;
}
.history_list .year_tab ul li.on a {
	color: #010101;
}
.history_list .year_tab ul li.on {
	color: #010101;
	border-bottom: 3px solid #010101;
	max-width: auto;
	display: inline-block;
	/*padding: 14px 11% 1.5% 11%;*/
}
.history_list .year_tab ul li.off a {
	color: #bcbcbc;
}
.history_list .year_tab ul li.off {
	color: #bcbcbc;
	border-bottom: 3px solid #bcbcbc;
	max-width: auto;
	display: inline-block;
	/*padding: 14px 11% 1.5% 11%;*/
}
.history_list .list_view {
	clear: both;
	max-width: 880px;
	height: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}
.history_list .list_view .year_view {
	float: left;
	width: 15%;
	height: 100%;
	line-height: 0;
}
#sub_wrap #sub_contents .sub_article p.year_blue {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	color: #007dd5;
	text-align: center;
	margin: 0 auto;
}
#sub_wrap #sub_contents .sub_article .month_wrap {
	clear: both;
	height: auto;
	overflow: hidden;
}
#sub_wrap #sub_contents .sub_article .month_wrap p.month_sky {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	color: #00b7f1;
	margin-right: 0px;
	width: 3%;
	float: left;
}
#sub_wrap #sub_contents .sub_article .month_wrap p.year_text_view {
	width: 90%;
	float: left;
	text-align: left;
}
.history_list .list_view .con_view {
	float: left;
	width: 81%;
	height: 100%;
}
/* 연혁 end*/

/*고객문의*/
#sub_wrap #sub_contents .sub_article .inquiry_board {
	max-width: 880px;
	border-top: 2px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	height: auto;
	background-color: #f7f7f7;
	margin-bottom: 49px;
	margin-top: 26px;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna {
	padding: 10px;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna td {
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	color: #666666;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna input {
	width: 80%;
	border: 0;
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	color: #9f9f9f;
	margin-left:10px;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna td.box2 {
	width: 423px;
	height: 36px;
	vertical-align: middle;
	border-top: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	background-color: #fff;
	padding-left: 15px;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna td.box2_line {
	border-bottom: 1px solid #e8e8e8;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna td.line {
	width: 10px;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna td.line_h {
	height: 8px;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna .mobile {
	width: 76px;
	vertical-align: middle;
	float: left;
	margin-right: 15px;
	color: #777;
	/*background: url('/media/img/common/mobile_bg.gif') no-repeat 53px 14px;*/
}

#sub_wrap #sub_contents .sub_article .inquiry_board span.phone_line {
	margin: 0 10px 0 10px;
}
#sub_wrap #sub_contents .sub_article .inquiry_board input.phone_input {
	width: 50px;
}
#sub_wrap #sub_contents .sub_article .inquiry_board select.division_select {
	width: 87%;
}


#sub_wrap #sub_contents .sub_article .inquiry_board .qna select {
	border: none;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna textarea {
	float: left;
	width: 100%;
	height: 248px;
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	color: #9f9f9f;
	padding: 16px 0 0 0;
	border: none;
	overflow: hidden;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna td.file {
	background-color: #f7f7f7;
	text-align: center;
	border: 1px solid #f7f7f7;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna td.file a {
	color: #fff;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna td.file_text {
	background-color: #f7f7f7;
	color: #777;
	text-align: left;
	border: none;
	height: 43px;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna td.file_text a {
	color: #777;
}
#sub_wrap #sub_contents .sub_article p.inquiry_h3 {
	font-size: 20px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #333;
}
#sub_wrap #sub_contents .sub_article .agreement {
	max-width: 100%;
	height: 74px;
	margin: 15px 0 15px 0;
	border: 1px solid #e1e1e1;
	padding: 29px 0 31px 26px;
}
#sub_wrap #sub_contents .sub_article .agreement li {
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #777;
	margin-bottom: 14px;
	padding-left: 10px;
}
#sub_wrap #sub_contents .sub_article .agreement .icon_square {
	background: url('/media/img/common/icon_square.gif') no-repeat 0px 8px;
}
#ch {display: none;}
	#ch + label {
		text-align: center;
		vertical-align: middle;
		display: inline-block;
		width: 38px;
		height: 38px;
		line-height: 38px;
		border: 2px solid #bcbcbc;
		border-radius: 2px;
		cursor: pointer;
		background: #fff;
		vertical-align: middle;
	}
#ch:checked + label:after{   /* inputbox가 체크 되었을때 바로 뒤 label 위에 컨텐츠를 넣는다.*/
	position: relative;
	top: 0px;
	left: 0px;   /* 브라우저마다 위치값이 조금씩 다르니 위치를 잡아준다. */
	content: "\2714";  /* 요 값이 체크박스 이미지*/
	font-size: 26px; /* 크기도 지정할 수 있다. */
}
#sub_wrap #sub_contents .sub_article .check {
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	color: #777;
	margin-left: 5px;
}
#sub_wrap #sub_contents .sub_article .summit {
	float: right;
	margin-top: 80px;
	margin-bottom: 115px;
}
#sub_wrap #sub_contents .sub_article .summit ul {}
#sub_wrap #sub_contents .sub_article .summit ul li {
	width: 82px;
	height: 34px;
	text-align: center;
	vertical-align: middle;
	line-height: 34.4px;
	border: 0px solid #010101;
	border-radius: 5px;
	display: inline-block;
	margin-left: 6px;
	cursor: pointer;
}
#sub_wrap #sub_contents .sub_article .summit ul li a {
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	color: #0784c8;
	border: 1px solid #0784c8;
	border-radius: 5px;
	display:block;

}
#sub_wrap #sub_contents .sub_article .summit ul li a:hover {
	color: #ffffff;
	border: 0px solid #010101;
	background-color:#0784c8;

}
#sub_wrap #sub_contents .sub_article .qnatext {
	width: 76px;
	vertical-align: middle;
	margin-right: 15px;
	color: #777;
	background: url('/media/img/common/mobile_bg.gif') no-repeat 53px 14px;
}
.m_480 {
	display: none;
}


/*팝업페이지*/
.popup_wrap {
	margin: 0 auto;
	text-align: center;
	background-color: #f8fafd;
	padding: 80px 0 80px 0;
}
.popup_wrap .popup {
	margin: 0 auto;
	text-align: center;
	max-width: 506px;
	max-height: 1282px;
	border: 1px solid #fff;
	border-radius: 5px;
	background-color: #fff;
}
.popup_wrap .popup h1 {
	font-size: 25px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #010101;
	margin-top: 20px;
	margin-bottom: 17px;
}
.popup_wrap .popup .menu {
	border-top: 2px solid #909093;
	margin: 0 20px 40px 20px;
}
.popup_wrap .popup .menu .tit {
	height: 44px;
	line-height: 44px;
	background-color: #f7f7f7;
	color: #333;
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 500;
	border-bottom: 1px solid #e7e7e7;
}
.popup_wrap .popup .menu .down {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e7e7e7;
}
.popup_wrap .popup .menu .down p {
	font-size: 14.05px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	color: #777;
	float: left;
	width: 38%;
	padding-left: 16px;
	text-align: left;
}
.popup_wrap .popup .menu .down ul {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	width: auto;
}
.popup_wrap .popup .menu .down ul li a {
	color: #ccc;
}
.popup_wrap .popup .menu .down ul li a:hover {
	color: #00b7f1;
}
.popup_wrap .popup .menu .down ul li:hover {
	color:#00b7f1;
	display: inline-block;
	border: 1px solid #00b7f1;
	border-radius: 3px;
	width: 123px;
	height: 29px;
	line-height: 29px;
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
}
.popup_wrap .popup .menu .down ul li.brochure a {
	color: #00b7f1;
}
.popup_wrap .popup .menu .down li.brochure {
	color:#00b7f1;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #00b7f1;
	border-radius: 3px;
	width: 123px;
	height: 29px;
	line-height: 29px;
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
}
.popup_wrap .popup .menu .down ul li.onlykorbrchr {
	width:261px;
}
.popup_wrap .popup .menu .down li.over a {
	color: #00b7f1;
}
.popup_wrap .popup .menu .down ul li.on {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 123px;
	height: 29px;
	line-height: 29px;
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	margin-top: 9px;
}
.popup_wrap .popup .menu .down ul li.dim_onlykorbrchr {
	width:261px;
}
.popup_wrap .popup .menu .down ul li.on a {
	color: #ccc;
}

.popup_wrap .popup .menu .down2 {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e7e7e7;
}
.popup_wrap .popup .menu .down2 p {
	font-size: 14.05px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	color: #777;
	float: left;
	width: 60%;
	padding-left: 16px;
	text-align: left;
}
.popup_wrap .popup .menu .down2 ul {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	width: auto;
}
.popup_wrap .popup .menu .down2 ul li a {
	color: #ccc;
}
.popup_wrap .popup .menu .down2 ul li a:hover {
	color: #00b7f1;
}
.popup_wrap .popup .menu .down2 ul li:hover {
	color:#00b7f1;
	display: inline-block;
	border: 1px solid #00b7f1;
	border-radius: 3px;
	width: 123px;
	height: 29px;
	line-height: 29px;
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
}
.popup_wrap .popup .menu .down2 ul li.brochure a {
	color: #00b7f1;
}
.popup_wrap .popup .menu .down2 li.brochure {
	color:#00b7f1;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #00b7f1;
	border-radius: 3px;
	width: 123px;
	height: 29px;
	line-height: 29px;
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
}
.popup_wrap .popup .menu .down2 ul li.onlykorbrchr {
	width:261px;
}
.popup_wrap .popup .menu .down2 li.over a {
	color: #00b7f1;
}
.popup_wrap .popup .menu .down2 ul li.on {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 123px;
	height: 29px;
	line-height: 29px;
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	margin-top: 9px;
}
.popup_wrap .popup .menu .down2 ul li.dim_onlykorbrchr {
	width:261px;
}
.popup_wrap .popup .menu .down2 ul li.on a {
	color: #ccc;
}



.popup_wrap .popup .close_wrap {
	margin: 50px 0 61px 0;
}
.popup_wrap .popup .close_wrap .close {
	border: 1px solid #010101;
	border-radius: 5px;
	width: 102px;
	height: 43px;
	line-height: 43px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	color: #010101;
}
.popup_wrap .popup .close_wrap .close a {
	color: #010101;
}
.w_visual .swiper-wrapper .bg1 {background: url(/media/img/main/w_visual_00.jpg) center 0 no-repeat;background-color: #0b2653;}
.w_visual .swiper-wrapper .bg2 {background: url(/media/img/main/w_visual_01.jpg) center 0 no-repeat;background-color: #010101;}
.w_visual .swiper-wrapper .bg3 {background: url(/media/img/main/w_visual_02.jpg) center 0 no-repeat;background-color: #020943;}
.w_visual .swiper-wrapper .bg4 {background: url(/media/img/main/w_visual_03.jpg) center 0 no-repeat;background-color: #341a11;}
/* .w_visual .swiper-wrapper .bg5 {background: url(/media/img/main/w_visual_04.jpg) center 0 no-repeat;background-color: #000;} */
.w_visual .swiper-wrapper .bg5 {background: url(/media/img/main/w_visual_07.jpg) center 0 no-repeat;background-color: #000;}
.w_visual .swiper-wrapper .bg6 {background: url(/media/img/main/w_visual_05.jpg) center 0 no-repeat;background-color: #000;}
.w_visual .swiper-wrapper .bg7 {background: url(/media/img/main/w_visual_graphio.png) center 0 no-repeat, linear-gradient(to top, rgba(179, 73, 168, 1), #9f6bc4);}
.w_visual .swiper-wrapper .bg8 {background: url(/media/img/main/w_visual_graphio_defense.jpg) center 0 no-repeat;background-color: #000;}

.bg_L a {position: absolute;left: 0;top: 0;width: 50px;z-index: 900; height: 570px;}
.bg_L:hover {position: absolute;left: 0;top: 0;width: 50px;background: #010101;z-index: 900;opacity:0.5; filter:alpha(opacity=50); height: 570px;}
.bg_R a {position: absolute;right: 0;top: 0;width: 50px;z-index: 900; height: 570px;}
.bg_R:hover {position: absolute;right: 0;top: 0;width: 50px;background: #010101;z-index: 900;opacity:0.5; filter:alpha(opacity=50); height: 570px;}

.img_R_1100 {
	float: right;
	margin: 0 0 22px 30px;
}

/***** COMMON END *****/



/***** Desktop Device *****/
/********* 1280 *********/
@media all and (max-width: 1280px){

/*style*/

/*#wrap {border: 0px solid red}*/

#contents .visual_slide .visual_text1 {
	left: 30px;
}
#contents .visual_slide .visual_text2 {
	left: 30px;
}
#contents .visual_slide .visual_text3 {
	right: 30px;
}
#contents .visual_slide .visual_text4 {
	right: 30px;
}
#contents .visual_slide .visual_text5 {
	/* right: 30px; */
}
#contents .visual_slide .visual_text6 {
	right: 30px;
}
#contents .visual_slide .learn_more1 {
	left: 30px;
}
#contents .visual_slide .learn_more2 {
	left: 30px;
}
#contents .visual_slide .learn_more3 {
	right: 394px;
}
#contents .visual_slide .learn_more4 {
	right: 434px;
}
#contents .visual_slide .learn_more5 {
	left: 0;
}
#contents .visual_slide .learn_more6 {
	left: 0;
}
#sub_wrap #sub_contents .sub_article  .sol_2icon_wrap .list {
	margin: 0 30px 58px 20px;
}
#sub_wrap #sub_contents .sub_article  .sol_3icon_wrap .list {
	margin: 0 60px 58px 60px;
}
#sub_wrap #sub_contents .sub_article  .sol_4icon_wrap .list {
	width: 320px;
	margin: 0 40px 58px 40px;
}
#sub_wrap #sub_contents .sub_article .sol_3_2_ic_blue p.text2 {
	border-left: 0;
	padding-left: 20px;
	display: inline-block;
	text-align: left;
	width: 90%;
}
#sub_wrap #sub_contents .sub_article .sol_3_3_ic_blue p.text2 {
	display: inline-block;
	border-left: 0px solid #ececec;
	padding-left: 20px;
	width: 90%;
	margin-left: 0px;
}
#sub_wrap #sub_contents .sub_article .sol_3_3_ic_blue p.tit {
	width: 100%;
	padding-left: 18px;
}
#sub_wrap #sub_contents .sub_article .sol_3_3_ic_blue2 p.text {
	display: inline-block;
	border-left: 0px solid #ececec;
	padding-left: 20px;
	width: 90%;
	margin-left: 0px;
}
#sub_wrap #sub_contents .sub_article .sol_3_3_ic_blue2 .img {
	width: 100%;
	padding-left: 20px;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .story_list {
	margin: 0 0.2% 65px 0.2%;
}


}/* 1280 END */



/********* 1100 *********/
@media all and (max-width: 1100px){

/*style*/

/*#wrap {border: 0px solid orange}*/

#header .header_area {
	padding: 0 15px 0 15px;
}
.banner_text {
	padding: 16px 15px 36px 15px;
}
.article .con {
	padding: 68px 15px 0 15px;
}
.notice {
	padding: 0 15px 0 15px;
}
.bottom_gnb .wrap .tit p {
	margin-left: 15px;
}
.bottom_gnb2 .wrap .tit p {
	margin-left: 15px;
}
.contact .wrap {
	padding: 0 15px 0 15px;
}
.copyright .wrap {
	padding: 0 15px 0 15px;
}
.menu1_dp_2 .dp_2_box ul.smart {
	position: relative;
	left: 21.7%;
}
.menu1_dp_2 .dp_2_box .about_align {
	margin-right: 14.2%;
}
#header .menu2_dp_2 .dp_3_box {
	left: 23%;
}
#header .menu2_dp_2 .dp_3_box .menu {
	width: 22.4%;
	margin-right: 1.4%;
}
#header .menu2_dp_2 .dp_3_box .width_200 {
	width: 18%;
}
#header .menu2_dp_2 .dp_3_box .menu .img {
	margin-right: 5%;
}
#sub_wrap #sub_lnb {
	margin-left: 15px;
}
#sub_wrap #sub_contents .sub_article{
	padding-right: 15px;
}
#contents .visual_slide .visual_text1 {
	left: 70px;
}
#contents .visual_slide .visual_text2 {
	left: 70px;
}
#contents .visual_slide .visual_text3 {
	right: 70px;
}
#contents .visual_slide .visual_text4 {
	right: 70px;
}
#contents .visual_slide .visual_text5 {
	left: 70px;
}
#contents .visual_slide .visual_text5 p.h1 a {
	font-size: 50px;
}
#contents .visual_slide .visual_text6 {
	left: 70px;
}
#contents .visual_slide .visual_text6 p.h1 a {
	font-size: 62px;
}
#contents .visual_slide .visual_text7 {
	left: 70px;
}
#contents .visual_slide .visual_text7 p.h1 a {
	font-size: 62px;
}
#contents .visual_slide .visual_text8 {
	left: 70px;
}
#contents .visual_slide .visual_text8 p.h1 a {
	font-size: 62px;
}
#contents .visual_slide .learn_more1 {
	left: 70px;
}
#contents .visual_slide .learn_more2 {
	left: 70px;
}
#contents .visual_slide .learn_more3 {
	right: 430px;
}
#contents .visual_slide .learn_more4 {
	right: 423px;
}
#contents .visual_slide .learn_more5 {
	left: 70px;
}
#contents .visual_slide .learn_more6 {
	left: 70px;
}
#contents .visual_slide .learn_more7 {
	left: 70px;
}
#contents .visual_slide .learn_more8 {
	left: 70px;
}

.w_visual .swiper-wrapper .bg1 {background: url(/media/img/main/w_visual2_00.jpg) center 0 no-repeat;}
.w_visual .swiper-wrapper .bg2 {background: url(/media/img/main/w_visual2_01.jpg) center 0 no-repeat;}
.w_visual .swiper-wrapper .bg3 {background: url(/media/img/main/w_visual2_02.jpg) center 0 no-repeat;}
.w_visual .swiper-wrapper .bg4 {background: url(/media/img/main/w_visual2_03.jpg) center 0 no-repeat;}
/* .w_visual .swiper-wrapper .bg5 {background: url(/media/img/main/w_visual2_04.jpg) center 0 no-repeat;} */
.w_visual .swiper-wrapper .bg5 {background: url(/media/img/main/w_visual2_07.jpg) center 0 no-repeat;}
.w_visual .swiper-wrapper .bg6 {background: url(/media/img/main/w_visual2_05.jpg) center 0 no-repeat;}
.w_visual .swiper-wrapper .bg7 {background: url(/media/img/main/w_visual2_graphio.jpg) center 0 no-repeat;}
.w_visual .swiper-wrapper .bg8 {background: url(/media/img/main/w_visual2_graphio_defense.jpg) center 0 no-repeat;}

#sub_wrap #sub_contents .sub_article  .sol_3icon_wrap .list {
	margin: 0 34px 58px 34px;
}
#sub_wrap #sub_contents .sub_article  .sol_4icon_wrap .list {
	width: 280px;
	margin: 0 19px 58px 19px;
}
#sub_wrap #sub_contents .sub_article .sol_2_ic_blue p.tit {
	border-right: 0px solid #ececec;
	display: inline-block;
	width: 100%;
}
#sub_wrap #sub_contents .sub_article .sol_2_ic_blue p.text {
	padding-left: 20px;
}
#sub_wrap #sub_contents .sub_article .sol_2_1_ic_blue p.tit {
	display: inline-block;
	width: 100%;
}
#sub_wrap #sub_contents .sub_article .sol_2_1_ic_blue p.text2 {
	border-left: 0px solid #ececec;
	padding-left: 20px;
}
#sub_wrap #sub_contents .sub_article .sol_2_2_ic_blue p.tit {
	color: #010101;
	width: 90%;
	padding-left: 21px;
	float: left;
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .sol_2_2_ic_blue p.text2 {
	display: inline-block;
	border-left: 0px solid #ececec;
	padding-left: 20px;
	width: 90%
}
#sub_wrap #sub_contents .sub_article .sol_2_3_ic_blue p.tit {
	display: inline-block;
	width: 90%;
}
#sub_wrap #sub_contents .sub_article .sol_2_3_ic_blue p.text2 {
	display: inline-block;
	padding-left: 20px;
	width: 90%;
	border-left :2px solid #fff;
}
#sub_wrap #sub_contents .sub_article .story_list {
	margin: 0 20px 65px 20px;
}
.img_R_1100 {
	clear: both;
	display: block;
	width: 100%;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article .story_list_wrap {
	text-align: center;
}/*수정*/
#sub_wrap #sub_contents .sub_article .story_list {
	margin: 0 20px 65px 20px;
}/*수정*/
#sub_wrap #sub_contents .sub_article .news_img_wrap {
	max-width: 100%;
	max-height: auto;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
	padding-top: 27px;
	padding-bottom: 25px;
}
#sub_wrap #sub_contents .sub_article .news_img_wrap .img {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article .news_img_wrap .datewrap {
	width: 100%;
	margin-top: 20px;
}
#sub_wrap #sub_contents .sub_article .news_img_wrap .datewrap p.date {
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
#sub_wrap #sub_contents .sub_article .news_img_wrap p.text {
	width: 100%;
}
#sub_wrap #sub_contents .sub_article .certify_list_warp {
	max-width: 80%;
}
#sub_wrap #sub_contents .sub_article .certify_list {
	margin: 0 0% 56px 0%;
}
#sub_wrap #sub_contents .sub_article .well_7_2_wrap1 {
	text-align: left;
}
#sub_wrap #sub_contents .sub_article .img_C_img5 img {
	padding: 20px 16px 0 16px;
}

.img_C_1100 {
	text-align: center;
	margin:0 auto;
	width: 100%;
}


}/* 1100 END */



/**** Tablet ****/
/***** 908 *****/
@media all and (max-width: 908px){

/*style*/

#wrap {
	border-top: 0;
}
.btn_visual {
	display: none;
}
.w_gnb {
	display: none;
}
#header {
	height: 69px;
}
#header .w_logo {
	margin: 10px 0 0 15px;
	width: auto;
}
#header .header_area {
	padding: 0;
}
#header .btn_en {
	margin-top: 21px;
}
#header .btn_en:hover {
	margin-top: 21px;
}
#header .sum_gnb {
	display: block;
	float: right;
	height: 69px;
	margin-left: 40px;
}

/*모바일GNB*/
#m_gnb {
	display: none;
	position: absolute;
	width: auto;
	height: 100%;
	background-color: #fff;
	right: 0px;
	top: 69px;
	z-index: 5001;
	border-top: 1px solid #bcbcbc;
}
#m_gnb .m_gnb_menu1 {
	height: auto;
	display: block;
}
#m_gnb .m_gnb_dep_1 {
	width: auto;
	border-bottom: 1px solid #bcbcbc;
	height: 50px;
	line-height: 50px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
}
#m_gnb .m_gnb_dep_1 p {
	font-size: 20px;
	width: auto;
	text-align: left;
}
#m_gnb .m_gnb_dep_1 a {
	color: #343434;
	height: 50px;
	line-height: 50px;
	width: auto;
	display: block;
	background-color: #fff;
	padding-left: 20px;
}
#m_gnb .m_gnb_dep_1 a:hover{
	color: #fff;
	height: 50px;
	line-height: 50px;
	width: auto;
	display: block;
	background-color: #04466b;
	padding-left: 20px;
}
#m_gnb .m_gnb_dep_2 {
	width: auto;
	height: auto;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 300;
	background-color: #f6f6f6;
	word-break: break-all;
}
#m_gnb .m_gnb_dep_2 p {
	font-size: 16px;
	width: auto;
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid #bcbcbc;
	text-align: left;
}
#m_gnb .m_gnb_dep_2 a {
	color: #888;
	height: 39px;
	line-height: 39px;
	width: auto;
	display: block;
	padding-left: 30px;
}
#m_gnb .m_gnb_dep_2 a:hover{
	color: #0784c8;
	height: 39px;
	line-height: 39px;
	width: auto;
	display: block;
	padding-left: 30px;
}
#m_gnb .m_gnb_dep_3 {
	width: auto;
	height: auto;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	background-color: #fff;
	padding: 10px 0 20px 0;
	border-bottom: 1px solid #bcbcbc;
}
/* #m_gnb .m_gnb_dep_3 p {
	font-size: 16px;
	width: auto;
	border-bottom: 0px;
	padding-left: 5px;
	height: 27px;
}
#m_gnb .m_gnb_dep_3 a {
	color: #9f9f9f;
	height: auto;
	width: auto;
	padding: 0px 0 0 35px;
}
#m_gnb .m_gnb_dep_3 a:hover{
	color: #0088d2;
	height: auto;
	width: auto;
	padding: 0px 0 0 35px;
} */
#m_gnb .m_gnb_dep_3 p {
	font-size: 16px;
	width: auto;
	border-bottom: 0px;
	padding-left: 5px;
	height: 27px;
	height: auto;
	min-height: 27px;
}
#m_gnb .m_gnb_dep_3 a {
	color: #9f9f9f;
	height: auto;
	width: auto;
	padding: 4px 0 3px 35px;
	line-height: 20px;
}
#m_gnb .m_gnb_dep_3 a:hover{
	color: #0088d2;
	height: auto;
	width: auto;
	padding: 4px 0 3px 35px;
	line-height: 20px;
}
#m_gnb .m_gnb_dep_4 {
	width: auto;
	height: 100%;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 400;
	background-color: #fff;
	border-bottom: 1px solid #bcbcbc;
}
/*모바일GNB END*/

.t_visual {
	display: none;
}
.m_visual {
	display: none;
}
/*
.w_visual {
	display: none;
}
*/
/*SLIDE*/
#contents .w_visual .swiper-slide{
	width: auto;
	height: 570px;
	line-height: 570px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
#contents .roll_visual {}
#contents .visual_slide {
	margin: 0 auto;
	text-align: center;
	position: relative;
	max-width: auto;
}
.swiper-slide img {
	height: auto;
}

/* 배너텍스트 */
.banner_text {
	max-width: 100%;
	padding: 16px 15px 14px 15px;
}
.banner_text ul {
	height: 202px;
}
.banner_text ul:hover {
	border: 1px solid #0092dd;
}
.banner_text ul.ul_banner1 {
	background: url('/media/img/main/icon_banner1.gif') no-repeat 50% 20px;
}
.banner_text ul.ul_banner2 {
	background: url('/media/img/main/icon_banner2.gif') no-repeat 50% 27px;
}
.banner_text ul.ul_banner3 {
	background: url('/media/img/main/icon_banner3.gif') no-repeat 50% 36px;
}
.banner_text ul li h1 {
	margin: 111px 0 10px 0;
	text-align: center;
}
.banner_text ul li p {
	margin: 0 auto;
	text-align: center;
	padding-right: 0;
	color: #969696;
	font-size: 0.88em;
	line-height: 1.3em;
}/* 배너텍스트End */

#sub_lnb {
	display: none;
}
#sub_wrap #sub_contents .sub_article{
	padding-left: 15px;
}
.article .con .sum ul li.title1 {
	max-width: 24.4%;
}
.article .con .sum ul li.title2 {
	max-width: 49.2%;
}
.article .con .sum ul li.title2_2 {
	max-width: 49.2%;
}
.article .con .sum ul li.title3 {
	max-width: 74.3%;
}
.article .con .sum ul li h1 a {
	font-size: 20px;
}
.article .con {
	padding: 20px 15px 0 15px;
}
.article .con h1 a {
	font-size: 30px;
}
.article .con .tab_menu ul li {
	padding: 0 10px 0 10px;
}
.article .con .tab_menu ul li:hover {
	padding: 0 10px 0 10px;
}
#contents .visual_slide .visual_text1 {
	left: 24px;
	top: 79px;
}
#contents .visual_slide .visual_text1 p.h1 a {
	font-size: 56px;
}
#contents .visual_slide .visual_text2 {
	left: 24px;
	top: 66px;
}
#contents .visual_slide .visual_text2 p.h1 a {
	font-size: 56px;
}
#contents .visual_slide .visual_text3 {
	right: 18px;
	top: 66px;
}
#contents .visual_slide .visual_text3 p.h1 a {
	font-size: 56px;
}
#contents .visual_slide .visual_text4 {
	right: 20px;
	top: 66px;
}
#contents .visual_slide .visual_text4 p.h1 a {
	font-size: 56px;
}
#contents .visual_slide .visual_text5 {
	left: 24px;
	top: 79px;
}
#contents .visual_slide .visual_text5 p.h1 a {
	font-size: 56px;
}
#contents .visual_slide .visual_text5 p.h1 a strong {
	display: block;
}
#contents .visual_slide .visual_text5 p.h1 a span {
	font-weight: 400;
	font-size: 26px;
}
#contents .visual_slide .visual_text6 {
	left: 24px;
	top: 79px;
}
#contents .visual_slide .visual_text6 p.h1 a {
	font-size: 56px;
}
#contents .visual_slide .visual_text7 {
	left: 24px;
	/* top: 79px; */
}
#contents .visual_slide .visual_text7 p.h1 a {
	font-size: 56px;
}
#contents .visual_slide .visual_text8 {
	left: 24px;
	top: 79px;
}
#contents .visual_slide .visual_text8 p.h1 a {
	font-size: 56px;
}
#contents .visual_slide .learn_more1 {
	top: 298px;
	left: 24px;
}
#contents .visual_slide .learn_more2 {
	top: 253px;
	left: 24px;
}
#contents .visual_slide .learn_more3 {
	top: 251px;
	right: 383px;
}
#contents .visual_slide .learn_more4 {
	top: 252px;
	right: 373px;
}
#contents .visual_slide .learn_more5 {
	top: 400px;
	left: 24px;
}
#contents .visual_slide .learn_more6 {
	top: 350px;
	left: 24px;
}
#contents .visual_slide .learn_more7 {
	/* top: 350px; */
	left: 24px;
}
#contents .visual_slide .learn_more8 {
	top: 350px;
	left: 24px;
}
.w_visual .swiper-wrapper .bg1 {background: url(/media/img/main/t_visual_00.jpg) center 0 no-repeat;}
.w_visual .swiper-wrapper .bg2 {background: url(/media/img/main/t_visual_01.jpg) center 0 no-repeat;}
.w_visual .swiper-wrapper .bg3 {background: url(/media/img/main/t_visual_02.jpg) center 0 no-repeat;}
.w_visual .swiper-wrapper .bg4 {background: url(/media/img/main/t_visual_03.jpg) center 0 no-repeat;}
/* .w_visual .swiper-wrapper .bg5 {background: url(/media/img/main/t_visual_04.jpg) center 0 no-repeat;} */
.w_visual .swiper-wrapper .bg5 {background: url(/media/img/main/t_visual_07.jpg) center 0 no-repeat;}
.w_visual .swiper-wrapper .bg6 {background: url(/media/img/main/t_visual_05.jpg) center 0 no-repeat;}
.w_visual .swiper-wrapper .bg7 {background: url(/media/img/main/t_visual_graphio.jpg) center 0 no-repeat;}
.w_visual .swiper-wrapper .bg8 {background: url(/media/img/main/t_visual_graphio_defense.jpg) center 0 no-repeat;}
/*2016.06.17 Footer 디자인 수정 */
.contact .wrap .info {
	width: 100%;
	float: left;
	margin-right: 0px;
}
.contact .wrap .sv {
	width:100%;
	float: left;
	margin-right: 60px;
	margin-bottom: 40px;
	padding-left: 0px;
}
.sv .txt_cs {
	height: 60px;
    width: 100%;
    line-height: 60px;
    border: 1px solid #bcbcbc;
	border-radius: 3px;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    text-align: center;
}
.m_txt2 {
	font-size: 1em;
}
/*#sub_wrap #sub_contents .sub_article .story_list_wrap {
	width: 79%;
}수정*/


}/* 908 END */



/**** Mobile ****/
/***** 768 *********/
@media all and (max-width: 768px){

/*style*/

/*#wrap {border: 5px solid green}*/

.notice .btn_more {
	display: none;
}
.visual {
	display: none;
}
#sub_wrap #sub_contents .sub_article .m_visual {
	display: block;
	padding: 29px 0 30px 0;
	margin: 0 auto;
	text-align: center;
}
#sub_wrap #sub_contents .sub_article .ci_list ul li {
	width: 162px;
}
#sub_wrap #sub_contents .sub_article .img_C_28 {
	display: none;
}
#sub_wrap #sub_contents .sub_article .m_img_C_28 {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.banner_text {
	max-width: 100%;
	padding: 15px;
}
.banner_text ul {
	height: 155px;
}
.banner_text ul li p {
	display: none
}
.article {
	background: none;
}
.article .con {
	padding: 55px 15px 0 15px;
}

/*제품소개 3탭*/
.article .con .menu_L {
	float: left;
	margin-bottom: 20px;
}
.article .con .menu_R {
	display: none;
}
.article .con .sum ul li h1 a {
    font-size: 22px;
}
.article .con .sum {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.article .con .sum ul {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.article .con .sum ul li {
	margin: 0 0 10px 0;
	float: left;
	max-height: 289px;
}
.article .con .sum ul li.alignR {
	margin-right: 0;
	float: right;
}
.article .con .sum ul li.title1 {
	max-width: 49%;
}
.article .con .sum ul li.title1_text {
	max-width: 49%;
}
.article .con .sum ul li.title2 {
	max-width: 49%;
}
.article .con .sum ul li.title2_2 {
	max-width: 100%;
}
.article .con .sum ul li p.font_fff {
	font-size: 20px;
}
.article .con .sum ul li.title3 {
	max-width: 100%;
	position: relative;
}
.article .con .sum ul li.m_btm {
	max-width: 49%;
}
.article .con .sum ul li.m_btm100 {
	max-width: 100%;
}
.article .con .sum ul li p.font_bg {
	display: none;
}
.article .con .sum ul li p.m_font_bg {
	font-size: 22px;
}
.article .con .sum .m_h1 {
	text-align: left;
	margin-top: -17px;
	line-height: 140%;
}
.article .con .sum .m_h2 {
	text-align: left;
	margin-top: -15px;
	line-height: 140%;
}
.article .con .sum .h1_block {
	display: block;
}
.sum_bg_545 {
	height: 88px;
}
.sum_bg_822 {
	height: 88px;
}
.sum_bg_m_txt1 {
	height: 60px;
}
/*// 제품소개 3탭 */

.contact .wrap .text1 {
	font-size: 25px;
}
.contact .wrap .text2 {
	font-size: 0.9em;
}
.contact .wrap .m_txt2{
	font-size: 1em;
}
.contact .wrap .text2 span.tit {
	color: #fff;
}

.contact .wrap .text2 span.hide {
	display: none;
}
.contact .wrap .text2 span.block {
	display: block;
}
#sub_wrap #sub_contents .sub_article p.h2 span.block {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.copyright .wrap .down {
	clear: both;
	display: block;
	float: left;
	margin-top: 10px;
}
.copyright .wrap .down ul li {
	font-size: 15.49px;
	line-height: 48px;
}
.copyright .wrap .down ul li.lft {
	background: url('/media/img/common/icon_down.jpg') no-repeat 121px 19px;
}
.copyright .wrap .down ul li.cpy {
	background: url('/media/img/common/icon_down.jpg') no-repeat 137px 19px;
}
.copyright .wrap .copy {
	display: none;
}
.copyright .wrap .m_copy {
	display: block;
	width: auto;
	float: left;
	font-size: 15px;
	font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 350;
	color: #bcbcbc;
}
.copyright .wrap .m_copy span {
	color: #fff;
}
#contents .w_visual .swiper-slide{
	height: 475px;
	line-height: 475px;
}
/*#contents .visual_slide .visual_text5 p.h1 a {
	font-size: 45px;
}*/
#contents .visual_slide .visual_text5 {
	top:60px;
}
#contents .visual_slide .visual_text5 p.h1 a {
	line-height: 120%;
	font-size:45px;
}
#contents .visual_slide .visual_text5 p.h2 {
	margin-top: 20px;
}
#contents .visual_slide .visual_text5 p.h2 a {
	line-height: 120%;
	font-size:20px;
}
#contents .visual_slide .visual_text6 p.h1 a {
	line-height: 120%;
	font-size:45px;
}
#contents .visual_slide .visual_text6 p.h2 {
	margin-top: 20px;
}
#contents .visual_slide .visual_text6 p.h2 a {
	line-height: 120%;
	font-size:20px;
}
#contents .visual_slide .visual_text7 p.h1 a {
	line-height: 120%;
	font-size:45px;
}
#contents .visual_slide .visual_text7 p.h2 {
	margin-top: 20px;
}
#contents .visual_slide .visual_text7 p.h2 a {
	line-height: 120%;
	font-size:20px;
}
#contents .visual_slide .visual_text8 p.h1 a {
	line-height: 120%;
	font-size:45px;
}
#contents .visual_slide .visual_text8 p.h2 {
	margin-top: 20px;
}
#contents .visual_slide .visual_text8 p.h2 a {
	line-height: 120%;
	font-size:20px;
}
#contents .visual_slide .learn_more5 {
	top: 350px;
	left: 24px;
}
#contents .visual_slide .learn_more7 {
	top: 350px;
	left: 24px;
}
.w_visual .swiper-wrapper .bg1 {background: url('/media/img/main/m_visual_00.jpg') center 0 no-repeat;}
.w_visual .swiper-wrapper .bg2 {background: url('/media/img/main/m_visual_01.jpg') center 0 no-repeat;}
.w_visual .swiper-wrapper .bg3 {background: url('/media/img/main/m_visual_02.jpg') center 0 no-repeat;}
.w_visual .swiper-wrapper .bg4 {background: url('/media/img/main/m_visual_03.jpg') center 0 no-repeat;}
/* .w_visual .swiper-wrapper .bg5 {background: url('/media/img/main/m_visual_04.jpg') center 0 no-repeat;} */
.w_visual .swiper-wrapper .bg5 {background: url('/media/img/main/m_visual_07.jpg') center 0 no-repeat;}
.w_visual .swiper-wrapper .bg6 {background: url('/media/img/main/m_visual_05.jpg') center 0 no-repeat;}
.w_visual .swiper-wrapper .bg7 {background: url('/media/img/main/m_visual_graphio.jpg') center 0 no-repeat;}
.w_visual .swiper-wrapper .bg8 {background: url('/media/img/main/m_visual_graphio_defense.jpg') center 0 no-repeat;}

.notice {
	height: 74px;
	position: relative;
}
.notice .text {
	height: auto;
	padding-top: 0;
}
.notice .btn_more {
	top: -4px;
}
.notice .text .tit1 {
	position: relative;
	left: 0;
	top: 25px;
}
.notice .text span{
	position: relative;
	left: 0;
	top: 13px;
}
.notice .text .tit2 {
	display: none;
}
#sub_wrap #sub_contents .sub_article  .sol_3icon_wrap .list {
	margin: 0 20px 58px 20px;
}
#sub_wrap #sub_contents .sub_article  .sol_4icon_wrap .list {
	width: 255px;
	margin: 0 20px 58px 20px;
}
#sub_wrap #sub_contents .sub_article .sol_1_3_ic_blue p.tit {
	border-right: 0px solid #ececec;
	display: inline-block;
	width: 100%;
}
#sub_wrap #sub_contents .sub_article .sol_1_3_ic_blue p.text {
	padding-left: 20px;
}
#sub_wrap #sub_contents .sub_article .sol_1_3_ic_blue p.text2 {
	padding-left: 20px;
}
.conduct_list .year_tab ul li {
	display: inline-block;
	width: 17%;
}
.conduct_list .year_tab ul li.li_at {
	display: inline-block;
	width: 10%;
}
/*#sub_wrap #sub_contents .sub_article .story_list_wrap {
	width: 70%;
	text-align: center;
}수정*/
#sub_wrap #sub_contents .sub_article .img_C_img5 img {
	padding: 20px 30px 0 30px;
	width: 127px;
}
#contents .visual_slide .visual_text2 .br {
	display:inline;
}
#sub_wrap #sub_contents .sub_article .inquiry_board input.phone_input {
	width: 39px;
}
#sub_wrap #sub_contents .sub_article .inquiry_board select.division_select {
	width: 85%;
}
#sub_wrap #sub_contents .sub_article .certify_list_warp {
	max-width: 85%;
}


}/* 768 END */



/***** 640 *********/
@media all and (max-width: 640px){

/*style*/

/*#wrap {border: 5px solid blue}*/


.bottom_gnb {
	display: none;
}
.bottom_gnb2 {
	display: none;
}

/*팝업페이지*/
.popup_wrap .popup {
	max-width: 320px;
	max-height: 1450px;
}
.popup_wrap .popup .menu {
	margin: 0 10px 0 10px;
}
.popup_wrap .popup .menu .tit {
	height: 60px;
	line-height: 60px;
}
.popup_wrap .popup .menu .down {
	height: 105px;
	line-height: 105px;
	border-top: 1px solid #e7e7e7;
}
.popup_wrap .popup .menu .down p {
	clear: both;
	width: 100%;
	text-align: center;
	height: 45px;
	line-height: 45px;
}
.popup_wrap .popup .menu .down ul {
	height: 50px;
	line-height: 50px;
	width: auto;
	margin-top: -50px;
	margin-bottom: 10px;
}
.popup_wrap .popup .menu .down ul li {
	margin-right: 6px;
}
.popup_wrap .popup .menu .down ul li:hover {
	margin-right: 6px;
}
/*0915 추가내용*/
.popup_wrap .popup .menu .down2 {
	height: 105px;
	line-height: 105px;
	border-top: 1px solid #e7e7e7;
}
.popup_wrap .popup .menu .down2 p {
	clear: both;
	width: 100%;
	text-align: center;
	height: 45px;
	line-height: 45px;
}
.popup_wrap .popup .menu .down2 ul {
	height: 50px;
	line-height: 50px;
	width: auto;
	margin-top: -50px;
	margin-bottom: 10px;
}
.popup_wrap .popup .menu .down2 ul li {
	margin-right: 6px;
}
.popup_wrap .popup .menu .down2 ul li:hover {
	margin-right: 6px;
}
.popup_wrap .popup .menu .down2 p {
	font-size: 14.05px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	color: #777;
	float: left;
	width: 100%;
	padding-left: 0px;
	text-align: center;
}
/*0915추가내용*/
.popup_wrap .popup .close_wrap {
	margin: 30px 0 50px 0;
}
#contents .visual_slide .visual_text1 {
	top: 85px;
}
#contents .visual_slide .visual_text2 {
	top: 85px;
}
#contents .visual_slide .visual_text3 {
	top: 70px;
	left: 24px;
}
#contents .visual_slide .visual_text4 {
	top: 85px;
	left: 24px;
}
#contents .visual_slide .visual_text5 {
	top: 85px;
}
#contents .visual_slide .visual_text6 {
	top: 85px;
}
#contents .visual_slide .learn_more1 {
	top: 350px;
}
#contents .visual_slide .learn_more2 {
	top: 250px;
}
#contents .visual_slide .learn_more3 {
	top: 295px;
	left: 24px;
}
#contents .visual_slide .learn_more4 {
	top: 325px;
	left: 24px;
}
#contents .visual_slide .learn_more5 {
	top: 350px;
}
#contents .visual_slide .learn_more6 {
	top: 325px;
}
#contents .visual_slide .visual_text1 p.h1 a {
	line-height: 100%;
}
#contents .visual_slide .visual_text1 p.h2 {
	margin-top: 20px;
}
#contents .visual_slide .visual_text2 p.h1 a {
	line-height: 100%;
}
#contents .visual_slide .visual_text2 p.h2 {
	margin-top: 20px;
}
#contents .visual_slide .visual_text3 p.h1 {
	/* margin-bottom: -15px; */
}
#contents .visual_slide .visual_text4 p.h1 a {
	line-height: 100%;
}
#contents .visual_slide .visual_text4 p.h2 {
	margin-top: 15px;
}
#contents .visual_slide .visual_text4 p.h2 a {
	line-height: 100%;
}
#contents .visual_slide .visual_text5 p.h1 a {
	line-height: 120%;
	font-size:33px;
}
#contents .visual_slide .visual_text5 p.h1 a strong {
	display:inline;
}
#contents .visual_slide .visual_text5 p.h1 a span {
	font-weight: 400;
	font-size: 24px;
}
#contents .visual_slide .visual_text5 p.h2 {
	margin-top: 20px;
}
#contents .visual_slide .visual_text5 p.h2 a {
	line-height: 120%;
	font-size:17px;
}
#contents .visual_slide .visual_text6 p.h1 a {
	line-height: 120%;
	font-size:33px;
}
#contents .visual_slide .visual_text6 p.h1 a span {
	font-weight: 400;
	font-size: 24px;
}
#contents .visual_slide .visual_text6 p.h2 {
	margin-top: 20px;
}
#contents .visual_slide .visual_text6 p.h2 a {
	line-height: 120%;
	font-size:17px;
}
#contents .visual_slide .visual_text7 p.h1 a {
	line-height: 120%;
	font-size:33px;
}
#contents .visual_slide .visual_text7 p.h1 a span {
	font-weight: 400;
	font-size: 24px;
}
#contents .visual_slide .visual_text7 p.h2 {
	margin-top: 20px;
}
#contents .visual_slide .visual_text7 p.h2 a {
	line-height: 120%;
	font-size:17px;
}
#contents .visual_slide .visual_text8 p.h1 a {
	line-height: 120%;
	font-size:33px;
}
#contents .visual_slide .visual_text8 p.h1 a span {
	font-weight: 400;
	font-size: 24px;
}
#contents .visual_slide .visual_text8 p.h2 {
	margin-top: 20px;
}
#contents .visual_slide .visual_text8 p.h2 a {
	line-height: 120%;
	font-size:17px;
}
#sub_wrap #sub_contents .sub_article .award .img {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
#sub_wrap #sub_contents .sub_article .sol_1_ic_blue p.tit {
	border-right: 0px solid #ececec;
}
#sub_wrap #sub_contents .sub_article .sol_1_ic_blue p.text {
	display: inline-block;
	width: 100%;
	padding-left: 20px;
}
#sub_wrap #sub_contents .sub_article .sol_2_4_ic_blue_both p.text2 {
	border-left: 0px solid #ececec;
	padding-left: 20px;
	display: inline-block;
	width: 100%;
}
#sub_wrap #sub_contents .sub_article .sol_3_1_ic_blue_both p.text2 {
	border-left: 0px solid #ececec;
	padding-left: 20px;
	display: inline-block;
	width: 100%;
}
.conduct_list .list_view .text_view {
	display: block;
	width: auto;
	text-align: left;
	margin: 0px 0 20px 0;
}
.conduct_list .year_tab ul li {
	display: inline-block;
	width: 27%;
}
.conduct_list .year_tab ul li.li_at {
	display: inline-block;
	width: 20%;
}
#sub_wrap #sub_contents .sub_article .month_wrap p.year_text_view {
	width: 85%;
}
.history_list .list_view .con_view {
	width: 67%;
}
#sub_wrap #sub_contents .sub_article .abo_8_1_ic_blue p.tit {
	width: 100%;
	border-right: 0;
	padding-left: 21px;
}
#sub_wrap #sub_contents .sub_article .abo_8_1_ic_blue p.text2 {
	padding-left: 21px;
}
#sub_wrap #sub_contents .sub_article .abo_8_1_ic_blue p.text {
	padding-left: 21px;
}
.article .con .sum ul li.title1 p {
	line-height: 120%;
	top: 30px;
}

#sub_wrap #sub_contents .sub_article .inquiry_board .qna input {
	width: 70%;
	margin-left:10px;
}
#sub_wrap #sub_contents .sub_article .inquiry_board input.phone_input {
	width: 33px;
	margin-left:0px;
}

#sub_wrap #sub_contents .sub_article .certify_list_warp {
	text-align: center;
}

}/* 640 END */



/***** 480 *********/
@media all and (max-width: 480px){

/*style*/

/*#wrap {border: 5px solid purple}*/

.banner_text {
	max-width: 450px;
	min-width: 100px;
	padding: 27px 15px;
	height: 100%;
	overflow:hidden;
}
.banner_text ul {
	height: 72px;
	line-height: 72px;
	margin-bottom: 10px;
}
.banner_text ul li h1 {
	margin: 0 0 10px 71px;
	text-align: left;
	font-size: 22px;
}
.banner_text ul.ul_banner1 {
	background: url('/media/img/main/m_icon_banner1.gif') no-repeat 21px 13px;
	width: 100%
}
.banner_text ul li span {
	display: block;
	margin-top: -72px;
	margin-left: 90%;
}
.banner_text ul.ul_banner2 {
	background: url('/media/img/main/m_icon_banner2.gif') no-repeat 21px 11px;
	width: 100%
}
.banner_text ul.ul_banner3 {
	background: url('/media/img/main/m_icon_banner3.gif') no-repeat 21px 17px;
	width: 100%;
	float: left;
}
.web {
	display: none;
}
.m_480 {
	display: block;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna input {
	width: 98%;
	margin-left: 0;
}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna input.add {
	width: 100%;
}
#sub_wrap #sub_contents .sub_article .inquiry_h3 {
	margin-left: 10px;
}
#sub_wrap #sub_contents .sub_article .agreement {
	max-width: 100%;
	height: auto;
	margin: 15px 10px 15px 10px;
	border: 1px solid #e1e1e1;
	padding: 18px 38px 6px 14px;
}
#sub_wrap #sub_contents .sub_article .agreement li {
	padding-left: 23px;
	margin-bottom: 10px;
	color: #777;
	line-height: 160%;
}
#sub_wrap #sub_contents .sub_article .agreement .icon_square {
	background: url('/media/img/common/icon_square.gif') no-repeat 10px 8px;
}
#sub_wrap #sub_contents .sub_article .m_summit {
	margin: 0 auto;
	text-align: center;
	padding: 50px 0 50px 0;
}
#sub_wrap #sub_contents .sub_article .m_summit ul {}
#sub_wrap #sub_contents .sub_article .m_summit ul li {
	width: 46%;
	height: 43px;
	text-align: center;
	vertical-align: middle;
	line-height: 43px;
	border: 1px solid #010101;
	border-radius: 3px;
	display: inline-block;
	margin-right: 6px;
}
#sub_wrap #sub_contents .sub_article .m_summit ul li.none {
	margin-right: 0;
}
#sub_wrap #sub_contents .sub_article .m_summit ul li a {
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	color: #010101;
	display:block;
}
#contents .visual_slide .visual_text1 p.h1 a {
	font-size: 57px;
}
#contents .visual_slide .visual_text1 p.h2 a {
	font-size: 24px;
}
#contents .visual_slide .visual_text2 p.h1 a {
	font-size: 57px;
}
#contents .visual_slide .visual_text1 p.h2 {
	width: 300px;
}
#contents .visual_slide .visual_text2 p.h1 {
	width: 300px;
}
#contents .visual_slide .visual_text2 p.h2 {
	width: 300px;
}
#contents .visual_slide .visual_text3 p.h2 {
	width: 300px;
	margin-bottom: 15px;
}
#contents .visual_slide .visual_text4 p.h2 {
	width: 300px;
}
#contents .visual_slide .visual_text2 p.h2 a {
	font-size: 24px;
}
#contents .visual_slide .visual_text3 p.h1 a {
	font-size: 57px;
}
#contents .visual_slide .visual_text3 p.h2 a {
	font-size: 24px;
}
#contents .visual_slide .visual_text4 p.h1 a {
	font-size: 57px
}
#contents .visual_slide .visual_text4 p.h2 {
	margin-top: 15px;
}
#contents .visual_slide .visual_text4 p.h2 a {
	font-size: 24px;
}
#contents .visual_slide .visual_text5 p.h1 {
	/*width: 300px;*/
}
#contents .visual_slide .visual_text5 p.h1 a {
	font-size: 33px;
}
#contents .visual_slide .visual_text5 p.h2 {
	/*width: 300px;*/
}
#contents .visual_slide .visual_text5 p.h2 a {
	font-size: 19px;
}
#contents .visual_slide .visual_text6 p.h1 {
	/*width: 300px;*/
}
#contents .visual_slide .visual_text6 p.h1 a {
	font-size: 33px;
}
#contents .visual_slide .visual_text6 p.h2 {
	/*width: 300px;*/
}
#contents .visual_slide .visual_text6 p.h2 a {
	font-size: 19px;
}
#contents .visual_slide .visual_text1 {
	top: 85px;
	left: 14px;
}
#contents .visual_slide .visual_text2 {
	top: 85px;
	left: 14px;
}
#contents .visual_slide .visual_text3 {
	top: 70px;
	left: 14px;
}
#contents .visual_slide .visual_text4 {
	top: 85px;
	left: 14px;
}
#contents .visual_slide .visual_text5 {
	top: 85px;
	left: 14px;
}
#contents .visual_slide .visual_text6 {
	top: 85px;
	left: 14px;
}
#contents .visual_slide .learn_more1 {
	top: 295px;
	left: 14px;
}
#contents .visual_slide .learn_more2 {
	top: 350px;
	left: 14px;
}
#contents .visual_slide .learn_more3 {
	top: 290px;
	left: 14px;
}
#contents .visual_slide .learn_more4 {
	top: 325px;
	left: 14px;
}
#contents .visual_slide .learn_more5 {
	top: 350px;
	left: 14px;
}
#contents .visual_slide .learn_more6 {
	top: 350px;
	left: 14px;
}
#header .btn_en {
	padding-left: 5px;
	width: 62px;
	background: url('/media/img/common/arrow_bottom.png') no-repeat 54px 11px;
}
#header .btn_en:hover {
	padding-left: 5px;
	width: 62px;
	background: url('/media/img/common/arrow_bottom.png') no-repeat 54px 11px;
	background-color: #0784c8;
}
#header .sum_gnb {
	margin-left: 13px;
}
.article .con h1 {
	letter-spacing: -0.06em;
}
.br_48  {
	display: block;
}
.copyright .wrap .down ul li {
	width: 250px;
	height: 30px;
	margin-bottom: -8px;
}
.copyright .wrap .down ul li span  {
	display: none;
}
.m_copy {
	line-height: 120%;
	margin-top: 25px;
	margin-bottom: 35px;
	text-align: left;
}
#m_gnb .m_gnb_dep_1 p {
	font-size: 15px;
}
#m_gnb .m_gnb_dep_2 p {
	font-size: 14px;
}
.conduct_list .year_tab ul li {
	display: inline-block;
	width: 30%;
}
.conduct_list .year_tab ul li.li_at {
	display: inline-block;
	width: 22%;
}
#sub_wrap #sub_contents .sub_article .story_list_wrap {
	width: 100%;
}
.history_list .year_tab ul li a {
	letter-spacing: -0.05em;
}
#sub_wrap #sub_contents .sub_article .month_wrap p.year_text_view {
	width: 85%;
}
#sub_wrap #sub_contents .sub_article p.year_blue {
	text-align: left;
	margin-bottom: 20px;
}
.history_list .list_view .con_view {
	width: 100%;
}
.article .con .sum ul li.title1 p {
	line-height: 120%;
	top: 16px;
	letter-spacing: -0.08em;
}
.article .con .sum ul li h1 a {
	font-size: 22x;
}
.article .con .sum ul li p.font_fff {
	font-size: 18px;
}
.article .con .sum ul li p.font_bg {
	font-size: 22px;
}
#sub_wrap #sub_contents .sub_article .sol_2icon_wrap .list .img {
	text-align: center;
}
#sub_wrap #sub_contents .sub_article .sol_3_1_ic_blue p.tit {
	width: 100%;
}
#sub_wrap #sub_contents .sub_article .sol_3_1_ic_blue p.text2 {
	border-left: 0;
	padding-left: 20px;
	width: 90%
}
.article .con .sum ul li {
	margin: 0 0 6px 0;
}

#sub_wrap #sub_contents .sub_article .img_wrap_view p.date {
	width: 100%;
}
}/* 480 END */



/***** 320 *********/
@media all and (max-width: 320px){

/*style*/

/*#wrap {border: 5px solid black}*/


#contents .w_visual .swiper-slide{
	height: 280px;
	line-height: 280px;
}
.block  {
	display: inline;
}
.br_48  {
	display: inline;
}
.br_32 {
	display: block;
}
#contents .visual_slide .visual_text1 p.h1 a {
	font-size: 40px;
}
#contents .visual_slide .visual_text1 p.h2 {
	margin-top: 0px;
}
#contents .visual_slide .visual_text1 p.h2 a {
	font-size: 25px;
	line-height: 128%;
}
#contents .visual_slide .visual_text2 p.h1 {
	margin-bottom: 10px;
}
#contents .visual_slide .visual_text2 p.h1 a {
	font-size: 40px;
}
#contents .visual_slide .visual_text2 p.h2 a {
	font-size: 23px;
	line-height: 110%;
}
#contents .visual_slide .visual_text3 p.h1 {
	margin-bottom: 10px;
}
#contents .visual_slide .visual_text3 p.h1 a {
	font-size: 40px;
}
#contents .visual_slide .visual_text3 p.h2 a {
	font-size: 23px;
	line-height: 100%;
}
#contents .visual_slide .visual_text3 p.h2 {
	margin-top: -15px;
}
#contents .visual_slide .visual_text4 p.h1 {
	margin-bottom: 13px;
}
#contents .visual_slide .visual_text4 p.h1 a {
	font-size: 40px
}
#contents .visual_slide .visual_text4 p.h2 {
	margin-top: -3px;
}
#contents .visual_slide .visual_text4 p.h2 a {
	font-size: 23px;
}
#contents .visual_slide .visual_text5 p.h1 {
	/*margin-bottom: 10px;*/
}
#contents .visual_slide .visual_text5 p.h1 a {
	font-size: 28px;
}
#contents .visual_slide .visual_text5 p.h2 {
	margin-top: -15px;
}
#contents .visual_slide .visual_text5 p.h2 a {
	font-size: 18px;
	line-height: 100%;
}
#contents .visual_slide .visual_text5 p.h1 + p.h2 {
	margin-top:10px;
}
#contents .visual_slide .visual_text6 p.h1 {
	/*margin-bottom: 10px;*/
}
#contents .visual_slide .visual_text6 p.h1 a {
	font-size: 28px;
}
#contents .visual_slide .visual_text6 p.h2 {
	margin-top: -15px;
}
#contents .visual_slide .visual_text6 p.h2 a {
	font-size: 18px;
	line-height: 100%;
}
#contents .visual_slide .visual_text6 p.h1 + p.h2 {
	margin-top:10px;
}
#contents .visual_slide .visual_text1 {
	top: 27px;
	left: 14px;
}
#contents .visual_slide .visual_text2 {
	top: 27px;
	left: 10px;
}
#contents .visual_slide .visual_text3 {
	top: 25px;
	left: 10px;
}
#contents .visual_slide .visual_text4 {
	top: 25px;
	left: 10px;
}
#contents .visual_slide .visual_text5 {
	top: 20px;
	left: 10px;
}
#contents .visual_slide .visual_text6 {
	top: 20px;
	left: 10px;
}
#contents .visual_slide .learn_more1 {
	top: 190px;
	left: 14px;
}
#contents .visual_slide .learn_more2 {
	top: 190px;
	left: 14px;
}
#contents .visual_slide .learn_more3 {
	top: 190px;
	left: 14px;
}
#contents .visual_slide .learn_more4 {
	top: 190px;
	left: 14px;
}
#contents .visual_slide .learn_more5 {
	top: 220px;
	left: 14px;
}
#contents .visual_slide .learn_more6 {
	top: 220px;
	left: 14px;
}
#header .btn_en {
	display: none;
}
#header .m_btn_en {
	display: block;
}
#header .m_btn_en {
	float: right;
	text-align: left;
	margin-top: 18px;
	padding-left: 10px;
	height: 33px;
	line-height: 33px;
	width: 48px;
	border: 1px solid #b8b8b8;
	font-size: 17px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	background: url('/media/img/common/arrow_bottom.png') no-repeat 40px 15px;
	background-color: #fff;
	cursor: pointer;
}
#header .m_btn_en:hover {
	float: right;
	text-align: left;
	margin-top: 18px;
	padding-left: 10px;
	height: 33px;
	line-height: 33px;
	width: 48px;
	border: 1px solid #b8b8b8;
	font-size: 17px;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 350;
	background: url('/media/img/common/arrow_bottom.png') no-repeat 40px 15px;
	background-color: #0784c8;
	cursor: pointer;
}
#header .m_btn_en a {
	color: #757575;
}
#header .m_btn_en a:hover {
	color: #fff;
}
.article .con {
	padding: 60px 15px 0 15px;
}
.contact .wrap .text2 {
	width: auto;
	letter-spacing: -0.05em;
}
#m_gnb .m_gnb_dep_1 p {
	font-size: 14px;
}
#m_gnb .m_gnb_dep_2 p {
	font-size: 13px;
}
#m_gnb .m_gnb_dep_1 a {
	padding-left: 15px;
}
.history_list .year_tab ul li {
	width: auto;
}
.article .con .sum ul li {
	margin: 0 auto;
	clear: left;
	display: block;
	overflow: hidden;
	padding-bottom: 10px;
}
.article .con .sum ul li.title1 {
	max-width: 100%;
	position: relative;
}
.article .con .sum ul li.title1 p {
	position: absolute;
	top: 37px;
	left: 0%;
}
.article .con .sum ul li.title2 {
	max-width: 100%;
	position: relative;
}
.article .con .sum ul li.title2 p {
	position: absolute;
	top: 45px;
	left: 3.5%;
}
.article .con .sum ul li.title2_2 {
	max-width: 100%;
	position: relative;
}
.article .con .sum ul li.title2_2 p {
	position: absolute;
	top: 45px;
	left: 3.5%;
}
.article .con .sum ul li.title3 {
	max-width: 100%;
	position: relative;
}
.article .con .sum ul li.title3 p {
	position: absolute;
	top: 45px;
	left: 3.5%;
}
.article .con .sum ul li h1 {
	position: absolute;
	top: 0px;
	left: 3.5%;
}
.article .con .sum ul li h1 a {
	font-size: 20px;
}
.article .con .sum ul li p.font_fff {
	font-size: 25px;
}
.article .con .sum ul li p.font_bg {
	font-size: 22px;
}
.article .con .sum .m_h1 {
	margin-top: 20px;
}
.article .con .sum .m_h2 {
	margin-top: 20px;
}

.swiper-pagination {
	display: none;
}

}/* 320 END */

/* footer Button */
.sv .text_line {cursor: pointer;}

/* popup over */
.menu .down ul li.on a {cursor: default;}





/* 성공스토리 - 2015.11.26 */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.successStory {font-family:"Noto Sans KR",sans-serif;font-size:1em;font-weight:300;color:#666;line-height:24px;}
.successStory h4{font-size:1.25em;font-weight:400;color:#173ca7;line-height:1.5;margin-bottom:18px;}
.successStory h5{font-weight:400;color:#007dd5;line-height:1.5;margin-bottom:5px;padding-left:15px;background:url("/media/img/common/dot_blue.gif") no-repeat 3px 50%;}
.successStory .ssCont{margin-bottom:25px}
.successStory .contTxt{text-indent:15px;}
.successStory .contListBox{background:#e3f5fc;border-left:3px solid #47c9f9;padding:20px 25px;margin-top:12px;}
.successStory ul{line-height:25px;}
.successStory .contListBox li span{color:#56a1f4;}
.successStory .contListBox > ul > li > span{color:#3788e2;padding-left:8px;display:block;background:url("/media/img/common/icon_square_blue.gif") no-repeat 0 10px;}
.successStory .contListBox > ul ul{padding-left:10px;margin-bottom:5px;}
.successStory table{border-collapse:collapse;border-spacing:0;border-top:2px solid #bcbcbc;border-bottom:2px solid #bcbcbc;margin-top:12px;}
.successStory table > thead th{background:#f7f7f7;text-align:center;color:#333;font-weight:400;padding:10px 0;}
.successStory table > thead th + th{border-left:1px solid #e7e7e7;}
.successStory table > tbody th{background:#f7f7f7;border-right:1px solid #e7e7e7;text-align:center;color:#333;font-weight:400;}
.successStory table > tbody tr + tr th{border-top:1px solid #e7e7e7;}
.successStory table td{border-top:1px solid #e7e7e7;padding:7px 12px;vertical-align:top;}
.successStory table td + td{border-left:1px solid #e7e7e7;}
.successStory table td.txt_blue{color:#005fca;}
.successStory table td span.txt_blue{color:#5d99dc;}
.successStory table td > ul > li > span{padding-left:8px;display:block;background:url("/media/img/common/icon_square.gif") no-repeat 0 10px;}
.successStory .contImg{margin-top:12px;}
#sub_wrap #sub_contents .sub_article .successStory table td p{font-size:100%;}

/*제품소개 - 2016.03.07 */
#sub_wrap #sub_contents .sub_article p.tit3  {
	color: #010101;
	font-size: 1em;
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	padding-left: 10px;
	text-align: left;
	width: auto;
}
.icon_arrow {
	background: url('/media/img/common/icon_arrow.gif') no-repeat 0px 8px;
}
.pl20 {
	padding-left: 20px;
}
.pl15 {
	padding-left: 15px;
}
.sol_ditail {
	margin-bottom: 10px;
}
.detail-blockquote
{
	padding-left: 25px;
	margin-bottom: 2px;
}
.detail-blockquote p
{
	margin-top: 5px;
}
.detail-blockquote ul {
	padding-left: 20px;
	color:#666;line-height:22px;
}
.detail-blockquote ul > li > span{font-size:0.95em; color: #666; font-weight: 300; padding-left:8px;display:block;background:url("/media/img/common/icon_square.gif") no-repeat 0 10px;}
#sub_wrap #sub_contents .sub_article .sol_1_reference span.tit {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	color: #010101;
	border-bottom: 2px solid #010101;
	width: 260px;
	height: 35px;
	margin-bottom: 13px;
}
.icon_openlink {
	margin-left: 5px;
}

#sub_wrap #sub_contents .sub_article .sol_2icon_wrap .list {
	width: 35%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 5% 58px 5%;
}
.icon_square_blue3 {
	background: url('/media/img/common/dot_blue.gif') no-repeat 0px 8px;
	margin-bottom: 10px;
}
/*breadcrumb 수정 2016.05.10*/
.breadcrumb {
	padding: 0;
	margin: 25px 0 30px 0;
}
.breadcrumb>li+li:before {
    padding: 0 0px;
    color: hsla(0, 0%, 65%, 1);
    content: "/\00a0";
}
.breadcrumb>li {
	display: inline-block;
}
.breadcrumb span.active {
	color: #00b7f1;
}

#header .w_gnb .dp_1 ul li.active {
	color: #00b7f1;
}
/*언어선택 버튼 수정 2016.05.13*/


div #lang_select_box {
	position: absolute;
    top: 35px;
    right: 0;
    width: 90px;
    height: 25px;
    background: url(/media/img/common/arrow_bottom.png) 72px center no-repeat;
    border: 1px solid #bcbcbc;
    font-family: "Noto Sans KR", sans-serif;
}
div#lang_select_box label {
	position: absolute;
    font-size: 0.9em;
    color: #666;
    top: 2px;
    left: 8px;
}
div#lang_select_box select#slct_lang{
	width: 100%;
    height: 25px;
    min-height: 25px;
    line-height: 25px;
    padding: 0 10px;
    opacity: 0;
}
.header_area option {
	color:#8c8c8c;
	font-family: "Noto Sans KR", sans-serif;
}
/***** 908 *****/
@media all and (max-width: 908px){

/*style*/
div #lang_select_box {
	top: 20px;
	margin-right: 90px;
}

}

/*SNS버튼 */
/*.button-group{
  float: left;
  margin-bottom: 30px;
}*/
.button{
  width: 40px;
  height: 40px;
  border-radius: 25px;
  color:#858585;
  text-align:center;
  line-height:40px;
  font-size: 1.4em;
  transition: all .3s;
  float: left;
  margin-right: 10px;
}
/**button1-facebook**/
/*.btn-sns{
  background: #262626;
  border: 1px solid #bcbcbc;
  color: #bcbcbc;
}
.btn-sns:hover{
	background: #e1e1e1;
	border: 1px solid #e1e1e1;
	color: #262626;
	cursor: pointer;
}
.sns-blog {
	font-size: 0.45em;
	line-height: 40px;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-align: center;
}*/
/*2016.06.23 서브페이지 LNB 2depth 표기*/
#sub_wrap #sub_lnb i {
	margin-left: 5px;
	color: #c3c7e7;
}

/* 2018.02.05 IRIS lnb 배너*/
.sub_lnb_banner {margin-top:10px;}

/* 2018.11.28 Wiki */
#sub_wrap #sub_contents .sub_article.sub_wiki{position:relative;padding:0;}
.sub_wiki iframe{margin-left: -41px;margin-top: -158px;width: calc(100% + 41px);height:59000px;}
.bottom_gnb2{height:216px;}
.bottom_gnb2 .wrap .tit{height:200px;}
.notice{display:none;}



#sub_wrap #sub_contents .sub_article .inquiry_board .qna td{font-size:0;}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna td.box2_line{background:none;border:none;padding:0 15px;}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna td > *{display:inline-block;vertical-align:middle;font-size:14px;}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna td label{width:60px;}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna input{width:calc(100% - 60px);height:32px;border:1px solid #e8e8e8;padding:0 6px;box-sizing:border-box;margin-left:0;}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna select{width:;height:32px;border:1px solid #e8e8e8;padding:0;box-sizing:border-box;}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna select.division_select{width:auto;}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna span.phone_line{margin:0 5px;}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna input.phone_input{width:60px;}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna textarea{border:1px solid #e8e8e8;padding:10px;box-sizing:border-box;}
#sub_wrap #sub_contents .sub_article .inquiry_board .qna td.file input{border:none;}

/* 2020.08.03 */
.main-box {overflow:hidden; max-width:100%; min-width:320px;  margin: 0 auto; padding-bottom:50px;}
.main-box .con {overflow:hidden; max-width:1100px; height:auto; margin:0 auto; padding:50px 0 0 0;}
.main-box .con .line {width:35px; border-top:4px solid #010101; margin-bottom:10px;}
.main-box .con p {padding-bottom:15px; font-family:'Roboto', sans-serif; font-style:normal; font-weight:800; color:#010101; font-size:32px; text-align:left;}
.main-box .con p > span {font-family:'Roboto', sans-serif; font-style:normal; font-weight:300;}
.main-box +.main-box .con {padding:0;}
.main-list {overflow:hidden; margin:0 -0.5%;}
.main-list > li {position:relative; float:left; width:32.2%; height:0; margin:0.5%; padding-bottom:30%;}
.main-list > li:hover {box-shadow:2px 3px 6px 2px rgba(0, 0, 0, 0.1);}
.main-list > li > a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #cecece;}
.main-list > li > a > .btn-view {display:block; position:absolute; bottom:12px; right:10px; padding:2px 7px 1px 7px; border:1px solid #307de5; border-radius:11px; line-height:15px; text-align:center; color:#307de5; font-size:11px;}
.main-list > li > a > .img-area {display:block; width:100%; aspect-ratio: 358 / 179; overflow: hidden;}
.main-list > li > a > .img-area > img {width:100%;}
.main-list > li > a > .text-area {padding:15px; text-align:left;}
.main-list > li > a > .text-area > .title {color:#4d4d4d; font-size:14px; font-weight:bold; font-family:"Noto Sans KR", sans-serif;}
.main-list > li > a > .text-area > .title.space{ letter-spacing:-1px;}
.main-list > li > a > .text-area > div {color:#999; font-size:13px; line-height:1.4; margin-top:10px; font-family:"Noto Sans KR", sans-serif;}

.button-group {margin-bottom:30px;}
.button-group > .btn-sns {display:inline-block; height:29px; background:url(/media/img/common/footer_button_group.png) no-repeat;}
.button-group > .btn-sns.blog {width:93px; background-position:0 0;}
.button-group > .btn-sns.tistory {width:84px; background-position:-98px 0;}
.button-group > .btn-sns.facebook {width:101px; background-position:-187px 0;}
.button-group > .btn-sns.youtube {width:84px;background-position:-293px 0;}
.button-group > .btn-sns.blog:hover {width:93px; background-position:0 -34px;}
.button-group > .btn-sns.tistory:hover {width:84px; background-position:-98px -34px;}
.button-group > .btn-sns.facebook:hover {width:101px; background-position:-187px -34px;}
.button-group > .btn-sns.youtube:hover {width:84px;background-position:-293px -34px;}
.button-group > .btn-sns > span {overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}


@media (max-width: 1024px){
.main-list > li { padding-bottom:35%;}
}

@media (max-width: 768px){
.main-box {margin:0 10px;}
.main-list {margin:0;}
.main-list > li {width:calc(100% - 2px); margin:0 0 10px 0;  padding-bottom:74%;}
.main-list > li > a > .text-area > .title {font-size:16px;}
.main-list > li > a > .text-area > div {font-size:14px;}
}

@media (max-width: 480px){
.main-list > li { padding-bottom:93%;}
}

/* 2021-02-25 ADD LNB 3depth */
#sub_wrap #sub_lnb .sub_lnb_2 .sub_lnb_3 a {font-size: 13px; font-weight: normal; padding-left: 25px;}

/* 2025-05-28 swiper */
.swiper-container-horizontal {display:flex; justify-content: center;}
.w_visual.swiper-container-horizontal .swiper-pagination {left:auto; bottom: 30px; margin: 0; width: 170px; height: 24px; background: rgba(0, 0, 0, .5); border-radius: 12px; padding-left: 20px; transition: none;}
.swiper-pagination .btnPlay {position: absolute; left: 15px; right: auto; margin-right: 0;}