@charset "utf-8";

div.subContent > div.subConten_in_01{max-width:1200px; margin:0 auto; padding:70px 0 }
div.subContent > div.subConten_in_01-2{max-width:1200px; margin:0 auto; padding:0px 0 70px 0 }

div.subContent > div.subConten_in_02{width:100%; background:#eee; padding:70px 0; overflow:hidden }
div.subContent > div.subConten_in_02-2{width:100%; background:#f2efe6; padding:70px 0; overflow:hidden }
div.subContent > div.subConten_in_03{width:100%;padding:70px 0; overflow:hidden }
div.subContent > div.subConten_in_04{width:100%;padding:0 0; overflow:hidden; }
div.subContent h4{width:100%; text-align:center; font-size:25px; letter-spacing:-2px;font-weight:600; margin-bottom:40px  }
div.subContent h4.busi_line > span{background: url('/images/common/line-yellow.jpg') repeat-x left bottom !important;; }


div.inp_01 table {width:100%; margin:20px 0}
div.inp_01 table td{padding:10px; border:1px solid #ccc; color:#1c5086;}
div.inp_01 table th{padding:10px; border:1px solid #ccc; text-align:center; font-weight:normal !important; background:#eee}

@media (max-width:1200px) {

	div.subContent > div.subConten_in_01{padding:20px 10px }
	div.subContent > div.subConten_in_01-2{padding:20px 10px }
	div.subContent > div.subConten_in_02{padding:20px 10px; }
	div.subContent > div.subConten_in_02-2{padding:20px 10px; }
	div.subContent > div.subConten_in_03{padding:20px 10px; }
	div.subContent > div.subConten_in_04{padding:20px 10px; }
	
}

div.subContent > div > div {max-width:1340px; margin:0 auto; padding-bottom:50px}
.bg_concept_01 {background: url('/images/common/concept_bg01.jpg') no-repeat center bottom; overflow:hidden}
div.concept_01 {background: url('/images/common/concept_bg02.jpg') no-repeat left top; color:#fff; overflow:hidden;padding:150px 0 0 50px; min-height:530px}
div.concept_01 > div.concept_title {background:#fff; float:right;color:#000; width:580px; font-size:40px; font-family: 'NanumSquare'; font-weight:400; line-height:1.1em; padding:70px 0 70px 45px; letter-spacing:-2px; color:#708aa2; box-shadow : 2px 2px 5px #999;}
p.concept_title_line:after {display:block; content:"";height:4px;background-color:#9fb6e4; margin-top:10px}
.bfont {color:#036e87}
div.concept_01 > div.concept_text {float:left; color:#fff; width:calc(100% - 580px); font-size:20px; padding:40px 100px 0 0}
div.concept_02 > ul{margin:10px ; }
div.concept_02 > ul > li{overflow:hidden; margin-bottom:5px; }
div.concept_02 > ul > li span{float:left;display:block;}
div.concept_02 > ul > li span.su{float:left;display:block; margin-right:10px; vertical-align:middle }

div.concept_03 { margin-top:50px; color:#99cc33; 100%; overflow:hidden;padding:50px 0 0 50px; min-height:530px}
div.concept_03 > div.concept_title {float:right;color:#99cc33; width:578px; font-size:40px; font-family: 'NanumSquare'; font-weight:400; line-height:1.1em; padding:150px 0 70px 0px; letter-spacing:-2px;}
div.concept_03 > div.concept_title p:nth-child(1) { font-size:30px; word-break:keep-all;}
div.concept_03 > div.concept_title p:nth-child(2) { font-size:24px; word-break:keep-all;}
div.concept_03 > div.concept_text {float:left; color:#fff; width:calc(100% - 578px); font-size:20px; padding:40px 100px 0 0}
div.concept_03 > div.concept_text p {word-break:keep-all;}
div.concept_03 p.concept_title_line:after{border:none; background-color:transparent;}

@media (max-width:1200px) {
div.concept_01 {background: url('/images/common/concept_bg02.jpg') no-repeat left top; background-size:cover; margin-top:10px; color:#fff; 100%; overflow:hidden;padding:20px 20px 20px 20px; min-height:auto}
div.concept_01 > div.concept_title {background:#fff; float:none;color:#000; width:100%; font-size:25px; text-align:center; font-family: 'NanumSquare'; font-weight:600; line-height:1.1em; padding:30px 10px 30px 10px; letter-spacing:-1px; color:#708aa2; }


div.concept_01 > div.concept_text {float:none; color:#fff; width:100%; font-size:16px; padding:20px 20px 20px 20px}
div.concept_02 > ul{margin:10px ; }
div.concept_02 > ul > li{overflow:hidden; margin-bottom:5px; }


div.concept_03 {background-size:cover; margin-top:10px; color:#fff; width:100%; overflow:hidden;padding:20px 20px 20px 20px; min-height:auto}
div.concept_03 > div.concept_title {float:none;color:#99cc33; width:100%; font-size:25px; text-align:center; font-family: 'NanumSquare'; font-weight:600; line-height:1.3em; padding:30px 10px 30px 10px; letter-spacing:-1px; }
div.concept_03 > div.concept_text {float:none; color:#fff; width:100%; font-size:16px; padding:20px 20px 20px 20px}
div.concept_03 > div.concept_title p:nth-child(1) br{display:none;}
}

.bg_needs {background: url('/images/common/needs_bg01.jpg') no-repeat center top; background-size:cover }
.bg_needs1 {background: url('/images/common/needs_bg02.jpg') no-repeat center top; background-size:cover }
.code_ethics_bg{background: url('/images/common/code_ethics_bg01.jpg') no-repeat center top; background-size:cover;}


span.circle_area { width:206px; height:206px; border-radius:100%; display:inline-block; text-align:center; padding:65px 0 ; background-color:#fff; font-size:30px; line-height:1.3em; margin-right:15px; }

span.circle_area_color{color:#ff6600; display:block; }
span.text_area {vertical-align:baseline;    display: inline-block;    width: 420px;    height: 100%;}

.code_ethics1 ul li {width:50%; margin-bottom:60px; display: inline-block;   float: left; }
.code_ethics1 ul li:after{content:''; clear:both; display:inline-block; }
.code_ethics1:after{content:''; display:block; clear:both;}

@media(max-width:1340px){
	span.text_area { width : calc(100% - 230px);}

}
@media(max-width:1000px){
	.code_ethics1 ul li {padding:20px 10px; text-align:center; margin-bottom:20px;}
	span.circle_area {  width:150px; height:150px; padding:50px 0; display:block; margin: 10px auto; font-size:20px;  }
	span.text_area { width : 100%;}
}

@media(max-width:420px){
	.code_ethics1 ul li {width:100%; margin-bottom:0;}
	span.circle_area {margin-bottom:20px;}
}

dl.needs {max-width:1270px; margin:50px auto; padding:50px; background:#fff}
dl.needs.bg_needs1 {background: url('/images/common/needs_bg02.jpg') no-repeat center top; background-size:cover; margin:0 auto; }
dl.needs > dt {font-size:30px; font-family: 'NanumSquare'; font-weight:600; padding-bottom:40px; letter-spacing:-2px; position:relative }
dl.needs > dd {font-size:18px;  padding-bottom:40px; border-bottom:1px solid #98ccd8; margin-bottom:40px }

.needs_dd_div{display:block; background:#fff; padding:40px; }
.needs_dd_div > ul > li { padding-left: 1em; text-indent: -1.0em; }
.needs_dd_div > ul > li:before {content: '';width:8px; height:8px; display:inline-block; ; border-top: 1px solid #5e7c98; background:#5e7c98; margin-right:10px; }
dl.needs.bg_needs1 dd > ul > li{ padding-left: 1em; text-indent: -1.0em;}
dl.needs.bg_needs1 dd > ul > li:before {content: '·'; /*width:3px; height:3px; border-radius:100%;*/ display:inline-block; ;padding-left: 1em; }

dl.needs.nedds_01 > dd { border-bottom:0;}
.needs_dd_div > .inp_01 { width:100%; max-height:270px; border: 1px solid #f4f4f4; margin-bottom: 20px;overflow-y: auto; }
.needs_dd_div > .inp_01 pre{    word-break: keep-all;
    white-space: pre-wrap;
    font-size: 0.8em;
}
.needs_dd_div > .inp_02 {}
.needs_dd_div > .inp_03 {}

.submit_area { display:block; margin: 0 auto; text-align:center;}
.submit_area > input, .submit_area > a { width:270px; height:46px; line-height:46px; display:inline-block; text-align:center; }
.submit_area > input{color:#fff; background:#336699; margin-right:10px; }
.submit_area > a {color:#fff; background-color:#444;}

@media (max-width:840px) {
.bg_needs {background: url('/images/common/needs_bg01.jpg') no-repeat center top; background-size:cover }
dl.needs {margin:10px auto; padding:20px; }
dl.needs > dt {font-size:20px; font-family: 'NanumSquare'; font-weight:600; padding-bottom:20px; letter-spacing:-1px }
dl.needs > dd {font-size:15px;  padding-bottom:20px; border-bottom:1px solid #98ccd8; margin-bottom:20px }
}
/*ceo 인사말*/
.bg_ceo {background: url('/images/common/bg_ceo.jpg') no-repeat; background-position:center top; min-height:690px}
div.ceo_01 {max-width:1310px; position:relative}
div.ceo_01 > div.ceo_box {margin-top:190px; background:#fff; width:580px; height:420px; border-left:10px solid #b5c7eb; border-bottom:10px solid #b5c7eb; padding:70px; color:#4773cc; }
div.ceo_01 > div.ceo_box > p { font-size:24px; line-height:1.4em;font-family: 'NanumSquare';}
div.ceo_01 > div.ceo_box > p.ceo_box_t01 { font-size:30px; font-weight:600; margin-bottom:30px;line-height:1.2em;}
div.ceo_01 > div.ceo_box > p.ceo_box_t02 { font-size:30px; font-weight:600;line-height:1.2em;}

div.ceo_02 {max-width:1310px; font-size:20px; line-height:1.5em}
div.ceo_02 > p{margin-bottom:30px}

div.ceo_03{max-width:1310px; font-size:18px; line-height:1.5em; }
div.ceo_03 > ul{background:#ffffff !important; padding:20px 40px; margin:0 auto 50px auto;max-width:1280px; }
div.ceo_03 p{margin-bottom:30px}
div.ceo_03 p.ceo_03_title{font-size:27px;padding-top:40px;line-height:1.5em; }
div.ceo_03 p.ceo_03_title > span{font-weight:600; border-bottom:1px solid #b5c7eb}
div.ceo_03 p.ceo_03_sign{text-align:right; font-size:25px}
@media (max-width:840px) {
.bg_ceo {background: url('/images/common/bg_ceo.jpg') no-repeat; background-position:center top;min-height:auto }
div.ceo_01 {max-width:1310px; position:relative}
div.ceo_01 > div.ceo_box { margin-top:30px;background:#fff; width:auto; height:auto; border-left:10px solid #b5c7eb; border-bottom:10px solid #b5c7eb; padding:20px; color:#4773cc; }
div.ceo_01 > div.ceo_box > p { font-size:18px; line-height:1.4em;font-family: 'NanumSquare';}
div.ceo_01 > div.ceo_box > p.ceo_box_t01 { font-size:25px; font-weight:600; margin-bottom:30px;line-height:1.2em;}
div.ceo_01 > div.ceo_box > p.ceo_box_t02 { font-size:25px; font-weight:600;line-height:1.2em;}

div.ceo_02 {max-width:1310px; font-size:16px; line-height:1.5em}
div.ceo_02 > p{margin-bottom:30px}
div.ceo_03{ font-size:16px; }
div.ceo_03 > ul{padding:20px 20px; margin:0 auto 20px auto }
div.ceo_03 p{margin-bottom:20px}
div.ceo_03 p.ceo_03_title{font-size:20px;padding-top:20px;line-height:1.5em; }

div.ceo_03 p.ceo_03_sign{font-size:20px}

}
@media (max-width:680px) {
	.submit_area > input, .submit_area > a {display:block; margin:5px auto; margin-bottom:10px;}
	.needs_dd_div{padding:10px; }
}



/*핵심가치*/
div.goal_01 {width:80%; margin:0 auto; text-align:center}
div.goal_01> p.goaltext_01 { text-align:center; font-size:30px; color:#006699; margin:0 auto 20px auto; line-height:1.2em}
ul.goaltext_02 {max-width:1300px; margin:0 auto; text-align:center}
ul.goaltext_02 > li {width:25%; min-height:383px; float:left; display:block; color:#ccc;background-size:100%; padding-top:147px; font-size:16px}
ul.goaltext_02 > li:nth-child(1) {background: url('/images/common/goaltextbg_01.png') no-repeat center center;}
ul.goaltext_02 > li:nth-child(2) {background: url('/images/common/goaltextbg_02.png') no-repeat center center;}
ul.goaltext_02 > li:nth-child(3) {background: url('/images/common/goaltextbg_03.png') no-repeat center center;}
ul.goaltext_02 > li:nth-child(4) {background: url('/images/common/goaltextbg_04.png') no-repeat center center;}
ul.goaltext_02 > li > p.goaltext_title{font-size:24px;  font-family: 'NanumSquare';}
ul.goaltext_02 > li > p.goaltext_title:before{display:block; content:""; height:1px; width:30px; background:#ccc; margin:0 auto 10px auto; }
ul.goaltext_02 > li > p.goaltext_title{font-size:24px;  font-family: 'NanumSquare'; color:#fff}

@media (max-width:840px) {
div.goal_01 {width:90%; margin:0 auto; text-align:center}
div.goal_01 br{display:block}
div.goal_01> p.goaltext_01 { text-align:center; font-size:20px; color:#006699; margin:0 auto 20px auto; line-height:1.2em}

ul.goaltext_02 > li {width:50%; min-height:220px; float:left; display:block; color:#ccc;background-size:100%; padding-top:147px; font-size:14px}
ul.goaltext_02 > li:nth-child(1) {background: url('/images/common/goaltextbg_01.png') no-repeat center center; background-size:100%}
ul.goaltext_02 > li:nth-child(2) {background: url('/images/common/goaltextbg_02.png') no-repeat center center; background-size:100%}
ul.goaltext_02 > li:nth-child(3) {background: url('/images/common/goaltextbg_03.png') no-repeat center center; background-size:100%}
ul.goaltext_02 > li:nth-child(4) {background: url('/images/common/goaltextbg_04.png') no-repeat center center; background-size:100%}

ul.goaltext_02 > li > p.goaltext_title:before{display:block; content:""; height:1px; width:30px; background:#ccc; margin:0 auto 10px auto; }
ul.goaltext_02 > li > p.goaltext_title{font-size:20px;  font-family: 'NanumSquare'; color:#fff}

}

/* 구성원 행동지침 */
.guideline {width:100%; height:526px; position:relative; display:block; }
.guideline > .guide_txt {background:rgba(255,255,255,0.9); min-height:260px; font-size:40px; color:#19456c; line-height:1.3em; padding:70px 50px 70px 60px;  
position:absolute; left:83px; bottom:50px; max-width:1020px; *letter-spacing:-0.03em; }
.guideline > .guide_txt.shadow{text-shadow: 2px 2px 4px #ccc;}
.guideline > .guide_txt > p {word-break: keep-all;}

.guide_txt span.fbold {font-weight:bold}
.guide_txt span.bborder{border-bottom: 4px solid #96addc; }


.guideline.guideline01{background: url('/images/common/guidelinegb_01.jpg') no-repeat center center; background-size:cover; max-width:1270px; margin-top:30px; }
.guideline.guideline02{background: url('/images/common/guidelinegb_02.jpg') no-repeat center center; background-size:cover; max-width:1270px; margin-top:30px; }


@media (max-width:1000px) {
	.guideline > .guide_txt{ font-size:26px;}
}

@media (max-width:640px) {
	.guideline > .guide_txt{ font-size:24px; padding: 40px; min-height: auto;}
}

/* 사이버신문고 */
.reqstar{color:#f51616;vertical-align: text-bottom;}
.inp_ethics ul {border-bottom:1px solid #99cdd9; width:100%; padding-bottom:20px;  }
.inp_ethics.res_ethics ul li{ line-height:30px; display:block; font-size:0.9em}
.inp_ethics.res_ethics ul li span{font-weight:600; color:#336699; font-size:1.1em }



.inp_ethics ul li {margin-bottom:16px; }

.inp_ethics ul li > span{ width:185px; display:inline-block; vertical-align: top; }

.inp_ethics input[type=email] {    padding: 5px;    height: 40px;    font-size: 16px;    margin-bottom: 0px;    border: 1px solid #ccc; width:360px; margin-right:16px;}
.inp_ethics input[type=text], .inp_ethics input[type=password], .inp_ethics select {width:360px; margin-right:16px;}
.inp_ethics label {margin-left:10px;}
.inp_ethics ul li .inp_100 { width: calc( 100% - 200px ); margin-right:0; display: inline-block;}

@media (max-width:1000px) {
	.inp_ethics ul li > span{display:block; }
	.inp_ethics ul li .inp_100 { width:100%; margin-right:0; }
	.inp_ethics label {margin-left:0px;}
}
@media (max-width:640px) {
	.inp_ethics input[type=text], .inp_ethics input[type=email], .inp_ethics select {width:100%; display:block;}
}


/*오시는 길*/

div.map_01 {max-width:1340px; height:580px;margin:0 auto; border:1px solid #ccc; background:#fff}
div.map_02 > ul {width:100%; overflow:hidden}
div.map_02 > ul > li{width:50%; float:left}
div.map_02 > ul > li > dl{overflow:hidden}
div.map_02 > ul > li > dl > dt, div.map_02 > ul > li > dl > dd{float:left}
div.map_02 > ul > li > dl > dt{width:100px; height:100px; border-radius:50%; color:#fff; padding-top:60px; text-align:center}
div.map_02 > ul > li:nth-child(1) > dl > dt{background:#17469d url('/images/common/ico_map_01.png') no-repeat center 15px;}
div.map_02 > ul > li:nth-child(2) > dl > dt{background:#17469d url('/images/common/ico_map_02.png') no-repeat center 15px;}
div.map_02 > ul > li > dl > dd{padding:40px 0 0 20px}

@media (max-width:840px) {
div.map_01 {max-width:1340px; height:580px;margin:0 auto; border:1px solid #ccc; background:#fff}
div.map_02 > ul {width:100%; overflow:hidden}
div.map_02 > ul > li{width:50%; float:left}
div.map_02 > ul > li > dl{overflow:hidden}
div.map_02 > ul > li > dl > dt, div.map_02 > ul > li > dl > dd{float:none}
div.map_02 > ul > li > dl > dt{width:100px; height:100px; border-radius:50%; color:#fff; padding-top:60px; text-align:center; margin:0 auto}
div.map_02 > ul > li:nth-child(1) > dl > dt{background:#17469d url('/images/common/ico_map_01.png') no-repeat center 15px;}
div.map_02 > ul > li:nth-child(2) > dl > dt{background:#17469d url('/images/common/ico_map_02.png') no-repeat center 15px;}
div.map_02 > ul > li > dl > dd{padding:20px 0 0 0px; text-align:center}
div.map_02 > ul > li > dl > dd br{display:block}
}


/*회사개요*/

div.overview_01{max-width:1100px; margin:0 auto;text-align:center; }
div.overview_01 ul{width:883px; margin:50px auto 80px auto;text-align:center; height:354px; background:url('/images/common/bg_busi.png') no-repeat left top; overflow:hidden}
div.overview_01 ul li{display:block;width:33.33333%; float:left; padding-top:200px; font-size:16px; line-height:1.2em}
div.overview_01 ul li:nth-child(1){background: url('/images/common/ico_busi_01.png') no-repeat center 120px; margin-left:40px;width: calc(33.33333% - 40px); }
div.overview_01 ul li:nth-child(2){background: url('/images/common/ico_busi_02.png') no-repeat center 120px;}
div.overview_01 ul li:nth-child(3){background: url('/images/common/ico_busi_03.png') no-repeat center 120px; margin-left:-40px;width: calc(33.33333% + 40px);}

div.overview_02{margin:20px auto 80px auto }
div.overview_02 > ul{max-width:1000px; overflow:hidden; margin:0 auto }
div.overview_02 > ul > li{float:left; width:25%;text-align:center;}
div.overview_02 > ul > li > dl{margin:0 auto;text-align:center;}
div.overview_02 > ul > li > dl > dt{width:120px; height:120px; border-radius:50%;  color:#fff; padding-top:80px; font-size:16px; margin:0 auto 20px auto}
div.overview_02 > ul > li:nth-child(1) > dl > dt{background:#28909d url('/images/common/ico_overview_01.png') no-repeat center 18px;}
div.overview_02 > ul > li:nth-child(2) > dl > dt{background:#28909d url('/images/common/ico_overview_02.png') no-repeat center 18px;}
div.overview_02 > ul > li:nth-child(3) > dl > dt{background:#28909d url('/images/common/ico_overview_03.png') no-repeat center 18px;}
div.overview_02 > ul > li:nth-child(4) > dl > dt{background:#28909d url('/images/common/ico_overview_04.png') no-repeat center 18px;}


div.overview_03 {text-align:center;margin:20px auto 80px auto}
div.overview_03 h5{color:#fff; font-size:30px; margin-bottom:15px}
div.overview_03 > div{width:100%;padding:80px 0;background: url('/images/common/bg_overview.jpg') no-repeat center center; background-size:cover; margin-top:30px }

@media (max-width:840px) {
div.overview_01{max-width:1100px; margin:0 auto;text-align:center; }
div.overview_01 ul{width:100%; margin:20px auto 40px auto;text-align:center; height:auto; background:none; overflow:hidden}
div.overview_01 ul li{display:block;width:33.33333%; float:left; padding-top:80px; font-size:12px; line-height:1.2em; }
div.overview_01 ul li:nth-child(1){background: url('/images/common/ico_busi_01.png') no-repeat center 10px; margin-left:0; margin-right:10px;width: calc(33.33333% - 10px); }
div.overview_01 ul li:nth-child(2){background: url('/images/common/ico_busi_02.png') no-repeat center 10px;margin-right:10px;width: calc(33.33333% - 10px); }
div.overview_01 ul li:nth-child(3){background: url('/images/common/ico_busi_03.png') no-repeat center 10px; margin-left:0;width: calc(33.33333%);}

div.overview_02{margin:20px auto 20px auto }
div.overview_02 > ul{max-width:1000px; overflow:hidden; margin:0 auto }
div.overview_02 > ul > li{float:left; width:50%;text-align:center; margin-bottom:10px}
div.overview_02 > ul > li > dl{margin:0 auto;text-align:center;}
div.overview_02 > ul > li > dl br{display:block}
div.overview_02 > ul > li > dl > dt{width:120px; height:120px; border-radius:50%;  color:#fff; padding-top:80px; font-size:14px; margin:0 auto 10px auto}
div.overview_02 > ul > li:nth-child(1) > dl > dt{background:#28909d url('/images/common/ico_overview_01.png') no-repeat center 18px;}
div.overview_02 > ul > li:nth-child(2) > dl > dt{background:#28909d url('/images/common/ico_overview_02.png') no-repeat center 18px;}
div.overview_02 > ul > li:nth-child(3) > dl > dt{background:#28909d url('/images/common/ico_overview_03.png') no-repeat center 18px;}
div.overview_02 > ul > li:nth-child(4) > dl > dt{background:#28909d url('/images/common/ico_overview_04.png') no-repeat center 18px;}



	div.overview_03 h5{color:#fff; font-size:20px; margin-bottom:15px}
}
/*연혁*/

div.history {max-width:1340px; margin:0 auto; overflow:hidden}
div.history > div {float:left; width:50%}
div.history p.his_title_01{font-size:20px; text-align:center; margin-bottom:40px}
div.his_left > p {padding-left:25px}
div.history p.his_title{font-size:35px; font-weight:600; margin-bottom:20px; margin-top:100px}

div.history dl{background:url('/images/common/line_his_01.png') repeat-y 20px 0; padding-left:20px}
div.history dl dt{font-size:35px; font-weight:600;padding:50px 0 50px 120px;background: url('/images/common/line_his_02.png') no-repeat left 52px; }
div.history dl dd{padding-left:120px}
div.history dl dd > p{padding-left:15px;background:url('/images/common/ico_history.jpg') no-repeat 0 10px;}
div.history dl dd span{font-weight:600;padding-right:10px; overflow:hidden}

@media (max-width:840px) {
div.history {max-width:1340px; margin:0 auto; overflow:hidden}
div.history > div {float:none; width:90%; margin:0 auto}
div.history p.his_title_01{font-size:16px; text-align:center; margin-bottom:10px}
div.his_left > p {padding-left:25px}
div.history p.his_title{font-size:25px; font-weight:600; margin-bottom:20px; margin-top:50px}

div.history dl{background:url('/images/common/line_his_01.png') repeat-y 20px 0; padding-left:20px}
div.history dl dt{font-size:25px; font-weight:600;padding:50px 0 50px 120px;background: url('/images/common/line_his_02.png') no-repeat left 52px; }
div.history dl dd{padding-left:60px}
div.history dl dd span{font-weight:600;padding-right:10px; overflow:hidden}

}


/*사업영역*/
div.business > ul {max-width:1340px; margin:0 auto; text-align:center}
div.business > ul > li{width:100%; min-height:400px; color:#fff; font-size:18px; margin-bottom:30px}
div.business > ul > li:nth-child(1){background:url('/images/common/bg_busi_01.jpg') no-repeat 0 0; }
div.business > ul > li:nth-child(2){background:url('/images/common/bg_busi_02.jpg') no-repeat 0 0; }
div.business > ul > li:nth-child(3){background:url('/images/common/bg_busi_03.jpg') no-repeat 0 0; }
div.business > ul > li:nth-child(4){background:url('/images/common/bg_busi_04.jpg') no-repeat 0 0; }
div.business > ul > li > dl{width:460px;height:400px;  background:rgba(0,0,0,0.5); text-align:left; padding:30px 40px; float:left}
div.business > ul > li:nth-child(2n) > dl{float:right; text-align:right }
div.business > ul >  li > dl > dt{font-size:40px; font-family: 'NanumSquare'; padding-top:100px; margin-bottom:10px; line-height:1.1em}
div.business > ul >  li:nth-child(1)> dl > dt{background:url('/images/common/ico_business_01.png') no-repeat 0 0;}
div.business > ul >  li:nth-child(2)> dl > dt{background:url('/images/common/ico_business_02.png') no-repeat right 0;}
div.business > ul >  li:nth-child(3)> dl > dt{background:url('/images/common/ico_business_03.png') no-repeat 0 0;}
div.business > ul >  li:nth-child(4)> dl > dt{background:url('/images/common/ico_business_04.png') no-repeat right 0;}
div.business > ul >  li > dl > dd > p > a{display:inline-block; border:1px solid #fff; color:#fff; padding:20px 30px 20px 40px; margin-top:10px;background:url('/images/common/ico_detail.png') no-repeat 15px 18px; font-size:16px}



#busi_partner {max-width:1325px; margin:50px auto; text-align:center; padding:80px 10px; background:#fff; position:relative; overflow:auto !important}
#busi_partner span.close-btn{position:absolute; border:1px solid #ccc; right:0; top:0; cursor:pointer; margin:5px}
#busi_partner > h4{font-size:40px; font-family: 'NanumSquare'; font-weight:600}
#busi_partner > h4:after{display:block; content:""; width:1px; height:50px; background:#666; margin:20px auto 30px auto; }
#busi_partner > p{font-size:25px;font-family: 'NanumSquare'; margin-bottom:30px; line-height:1.5em }
#busi_partner > ul{width:100%; overflow:hidden}
#busi_partner > ul > li{width:33.3333%; float:left; padding:10px}
#busi_partner > ul > li > p > a{display:block;font-size:18px; background:#666; color:#fff; padding:20px 0}

#modal_bg{     background: rgba(0,0,0,0.6);    position: fixed;    width: 100%;    height: 100%;    display: none;    z-index: 999;    left: 0;    right: 0;    top: 0;   bottom: 0; }


@media (max-width:1200px) {

#busi_partner {max-width:1325px; margin:50px auto; text-align:center; padding:40px 10px; background:#fff; }
#busi_partner > h4{font-size:18px; font-family: 'NanumSquare'; font-weight:600}
#busi_partner > h4:after{display:block; content:""; width:1px; height:15px; background:#666; margin:10px auto 10px auto; }
#busi_partner > p{font-size:16px;font-family: 'NanumSquare'; margin-bottom:15px; line-height:1.5em }
#busi_partner > ul{width:100%; overflow:hidden}
#busi_partner > ul > li{width:15%; float:left; padding:10px}
#busi_partner > ul > li > p > a{display:block;font-size:14px; background:#666; color:#fff; padding:10px 0}



}


@media (max-width:840px) {
div.business > ul {max-width:1340px; margin:0 auto; text-align:center}
div.business > ul > li{width:100%; min-height:250px; color:#fff; font-size:14px; margin-bottom:10px}
div.business > ul > li:nth-child(1){background:url('/images/common/bg_busi_01.jpg') no-repeat 0 0; }
div.business > ul > li:nth-child(2){background:url('/images/common/bg_busi_02.jpg') no-repeat 0 0; }
div.business > ul > li:nth-child(3){background:url('/images/common/bg_busi_03.jpg') no-repeat 0 0; }
div.business > ul > li:nth-child(4){background:url('/images/common/bg_busi_04.jpg') no-repeat 0 0; }
div.business > ul > li > dl{width:300px;height:250px;  background:rgba(0,0,0,0.5); text-align:left; padding:10px 20px; float:left}
div.business > ul > li:nth-child(2n) > dl{float:left; text-align:left }
div.business > ul >  li > dl > dt{font-size:20px; font-family: 'NanumSquare'; padding-top:50px; margin-bottom:10px; line-height:1.1em}
div.business > ul >  li:nth-child(1)> dl > dt{background:url('/images/common/ico_business_01.png') no-repeat 0 0; background-size:50px}
div.business > ul >  li:nth-child(2)> dl > dt{background:url('/images/common/ico_business_02.png') no-repeat 0 0; background-size:50px}
div.business > ul >  li:nth-child(3)> dl > dt{background:url('/images/common/ico_business_03.png') no-repeat 0 0; background-size:50px}
div.business > ul >  li:nth-child(4)> dl > dt{background:url('/images/common/ico_business_04.png') no-repeat 0 0; background-size:50px}
div.business > ul >  li > dl > dd > p > a{display:inline-block; border:1px solid #fff; color:#fff; padding:10px 15px 10px 25px; margin-top:10px;background:url('/images/common/ico_detail.png') no-repeat 10px 10px; background-size:15px; font-size:14px}



#busi_partner {max-width:1325px; margin:50px auto; text-align:center; padding:20px 10px; background:#fff; overflow-y:scroll !important }
#busi_partner > h4{font-size:22px; font-family: 'NanumSquare'; font-weight:600}
#busi_partner > h4:after{display:block; content:""; width:1px; height:10px; background:#666; margin:0 auto}
#busi_partner > p{display:none }
#busi_partner > ul{width:100%; overflow:hidden}
#busi_partner > ul > li{width:33.3333%; float:left; padding:10px;position:relative}
#busi_partner > ul > li > p > a{display:block; width:100%;font-size:12px; background:rgba(0,0,0,0.5);color:#fff; padding:10px 0;;position:absolute; bottom:0}



}

/*pcway*/
p.pcway_title {font-size:25px; font-weight:500; text-align:center }
ul.pcway_01 {max-width:1300px; margin:0 auto; text-align:left; }
ul.pcway_01 > li {width: 100%;min-height:380px; margin:10px; float:left; display:block; color:#fff;background-size:100%; padding:0px; overflow:hidden}
ul.pcway_01 > li > div{width: 600px;min-height:380px;padding:0 40px; font-size:20px; background:rgba(0,0,0,0.5); display:flex; flex-direction:column; justify-content:center;line-height:1.5em}
ul.pcway_01 > li > div > p > span{color:#52b6e8; }
ul.pcway_01 > li:nth-child(1) > div,ul.pcway_01 > li:nth-child(3) > div {float:left; text-align:left}
ul.pcway_01 > li:nth-child(2n) > div {float:right; text-align:right}
ul.pcway_01 > li:nth-child(1) {background:#fff url('/images/common/vision_02_01.jpg') no-repeat center right; background-size:cover}
ul.pcway_01 > li:nth-child(2) {background: url('/images/common/vision_02_02.jpg') no-repeat center center; background-size:cover}
ul.pcway_01 > li > div > p.goaltext_title{font-size:40px;  font-weight:500; color:#fff; margin-bottom:20px}

dl.pcway_02 {max-width:1300px; margin:50px auto; display:flex; flex-wrap:wrap }
dl.pcway_02 > dt{width:calc(100% - 585px); display:flex; flex-direction:column; justify-content:center; font-size:20px;line-height:1.5em}
dl.pcway_02 > dd{width:585px; display:flex; flex-direction:column; justify-content:center;  }
dl.pcway_02 > dt > p.goaltext_title{font-size:40px; font-weight:500;  margin-bottom:20px}
dl.pcway_02 > dt > p > span{color:#52b6e8; }


dl.pcway_03 {max-width:1300px; margin:50px auto; padding:80px 40px; background:url('/images/common/vision_03_bg.jpg') no-repeat center top; background-size:cover}
dl.pcway_03 > dt{width:100%;  }
dl.pcway_03 > dt > p.goaltext_title{font-size:40px;  color:#fff; font-weight:500;  margin-bottom:20px;padding-left:40px}
dl.pcway_03 > dd{width:100%;  }

div.pcway_04{max-width:1300px; margin:0 auto; font-size:20px; overflow:hidden;padding:0px 40px; }
div.pcway_04 dl {width:100%; line-height:1.5em;  }
div.pcway_04 dl > dt{width:100%;  margin-bottom:40px; text-align:center; color:#fff;padding:80px 40px; background:url('/images/common/vision_04_bg.jpg') no-repeat center top; background-size:cover}
div.pcway_04 dl > dt > p:last-child{font-size:1.4em; font-weight:600; color:#0082a1; padding-top:40px}
div.pcway_04 > p.goaltext_title{font-size:40px;  line-height:1.5em; font-weight:500;  margin-bottom:20px;}
div.pcway_04 dl > dd{padding-left:20px;text-align:left}
div.pcway_04 dl > dd > ul > li > p{padding-left:20px;}
div.pcway_04 dl > dd > ul > li > p:nth-child(1){font-size:1.2em;font-weight:500;background:url('/images/common/ico_pcway_01.jpg') no-repeat left 10px; margin-bottom:10px}
div.pcway_04 dl > dd > ul > li > ul{padding:20px; font-size:0.9em}
div.pcway_04 dl > dd > ul > li > ul > li{padding-left:20px; background:url('/images/common/ico_pcway_02.jpg') no-repeat left 10px;}
div.pcway_04 div.pcway_more{float:right;  font-size:16px; overflow:hidden; text-align:left}
div.pcway_04 div.pcway_more:after{clear:both;display:block; content:"";}
div.pcway_04 div.pcway_more a{display:block; color:#fff; background:#0082a1; padding:10px ; text-align:center; margin-top:10px; }

div.pcway_2025 {width:100%; background:#fafafa; padding:100px 0;}
div.pcway_2025 > div {max-width:1340px; margin:0 auto;}

@media (max-width:1300px) {

div.pcway_2025 {padding:50px 0;}

}

/* 개인정보취급방침 */
div.privacy{font-size:16px;  max-width:1280px;margin:0 auto 40px auto; line-height:1.8em}
div.privacy > div{margin-bottom:50px}
div.privacy h4{font-family: 'Noto Sans KR'; font-size:1.3em;margin:20px 0; text-align:left; vertical-align:middle; font-weight:700 !important; color:#333}
div.privacy h4:before{display:inline-block; content:""; width:7px; height:7px; margin-top:7px; border-radius:50%; background:#3399cc; margin-right:6px; vertical-align:middle}
div.privacy h4.numb:before{display:inline-block; content:""; width:0px; height:0px; margin-top:0px; border-radius:50%; background:#3399cc; margin-right:0px; vertical-align:middle}
div.privacy_box{padding:0px 0;   }
p.mb{margin-bottom:50px;}

div.privacy_box > ul > li{position:relative;word-break:break-all;}
div.privacy_box2{padding:0px 0;   }
div.privacy_box2 > ul > li{position:relative; padding-left:0; word-break:break-all;}
div.privacy_box2 > ul > li > span {position:absolute;left:0; top:0; display:inline-block;}
div.privacy_box2 > ul > li > div {padding-left:20px}

div.privacy_box3{  }
div.privacy_box3 > ul > li{position:relative; padding-left:0; word-break:break-all;}
div.privacy_box3 > ul > li > span {position:absolute;left:7px; top:12px; display:inline-block; content:""; width:3px; height:3px; border-radius:50%; background:#3399cc; margin-right:3px; vertical-align:middle}
div.privacy_box3 > ul > li > div {padding-left:20px}
div.privacy_box3 > ul > li > a{border:1px solid #ccc; display:block; padding:10px 20px; margin-bottom:5px; width:500px; color:#006699}
div.privacy_box3 > ul > li > a > span{vertical-align:middle}

div.privacy_box4{border:1px solid #ccc; padding:10px  }
div.privacy_box4 > ul > li{position:relative; padding-left:0; word-break:break-all;}
div.privacy_box4 > ul > li > span {position:absolute;left:7px; top:12px; display:inline-block; content:""; width:3px; height:3px; border-radius:50%; background:#3399cc; margin-right:3px; vertical-align:middle}
div.privacy_box4 > ul > li > div {padding-left:20px}
div.privacy_box4 > ul > li > a{border:1px solid #ccc; display:block; padding:10px 20px; margin-bottom:5px; width:500px; color:#006699}
div.privacy_box4 > ul > li > a > span{vertical-align:middle}


div.privacy table {width:100%;border-top:2px solid #000; margin-bottom:10px }
div.privacy table td{padding:10px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
div.privacy table tr td:last-child{border-right:0px}
div.privacy table th{padding:10px; border-bottom:1px solid #ccc;  border-right:1px solid #ccc; text-align:center; font-weight:600;background:#f2f2f2;color:#1c5086; }
div.privacy table th:last-child{ border-right:0}
div.privacy table th.th_02{background:#f2f2f2; border-right:1px solid #e5e5e5; background:#fff;;  }
div.privacy table td.td_02{background:#f2f2f2; border-right:1px solid #e5e5e5; background:#fff}
div.pri_pre{position:absolute; right:0; bottom:5px;font-size:16px; font-weight:400}
div.pri_pre span{margin-left:3px; vertical-align:middle}
div.pri_pre > div{border:1px solid #ccc; background:#fff;padding:10px; text-align:center; width:300px; height:45px; margin-bottom:20px; cursor:pointer;}
.preList{display:none; width:100%; border:1px solid #ccc; padding:10px; background:#fff !important;  width:300px;position:absolute; left:0; z-index:99999999}


span.previewbtn a{display:inline-block; float:right; font-size:0.6em; border:1px solid #0072bc; padding:10px 20px}

@media (max-width:840px) {
div.privacy{font-size:16px;  }
}
@media (max-width:640px) {
div.privacy{font-size:14px;  }
div.privacy_box{padding:10px; margin-bottom:20px }
div.privacy_box2{padding:10px; margin-bottom:20px }
p.mb{margin-bottom:20px;}
}


@media (max-width:840px) {


p.pcway_title {font-size:20px;}
ul.pcway_01 > li {width: 100%;min-height:auto; margin:10px 0 !important; float:left; display:block; color:#fff;background-size:cover; padding:0px; overflow:hidden}
ul.pcway_01 br{display:block}
ul.pcway_01 > li > div{width: 100%;min-height:300px;padding:50px 20px 20px 20px; font-size:14px; background:rgba(0,0,0,0.5); }
ul.pcway_01 > li > div > p.goaltext_title{font-size:20px; }

dl.pcway_02 {margin:20px auto;  }
dl.pcway_02 > dt{width:100%; font-size:14px;}
dl.pcway_02 > dd{width:100%; margin:10px 0; }
dl.pcway_02 > dt > p.goaltext_title{font-size:20px;}
dl.pcway_03 {margin:20px auto; padding:40px 20px;}
dl.pcway_03 > dt > p.goaltext_title{font-size:20px;padding-left:20px}
div.pcway_04{padding:0px 0px;}
div.pcway_04 dl {font-size:14px;}

div.pcway_04 dl > dt{margin-bottom:20px; text-align:center; color:#fff;padding:40px 20px; }
div.pcway_04 > p.goaltext_title{font-size:20px;  }
div.pcway_04 dl > dd > ul > li > ul{padding:10px;}
div.pcway_04 div.pcway_more{  font-size:14px}
div.pcway_04 dl > dd > ul > li > p:nth-child(1){background:url('/images/common/ico_pcway_01.jpg') no-repeat left 5px; margin-bottom:10px}
div.pcway_04 dl > dd > ul > li > ul > li{background:url('/images/common/ico_pcway_02.jpg') no-repeat left 5px;}
}
@media (max-width:640px) {
ul.pcway_01 br{display:none}
}
div.pcway_2024 {width:100%;background:url('/images/way/bg_way.jpg') no-repeat left top; background-size:cover; min-height:600px; color:#fff; padding:100px 0}
div.pcway_2024  > div{max-width:1300px; margin:0 auto; font-size:20px; line-height:1.5em}
div.pcway_2024  > div > p:nth-child(2){font-size:2em;font-family: 'ONE-Mobile-Title'; margin:20px 0;line-height:1.5em}
div.pcway_2024  > div > p > a{display:block; background:#fff; border-radius:30px; padding:7px 40px;font-family: 'ONE-Mobile-Title'; text-align:center; width:300px; height:60px; margin-top:30px}
div.pcway_2024  > div > p > a > span{display:inline-block; vertical-align:middle; background:url('/images/way/ico_way.png') no-repeat center center; background-size:cover; width:38px; height:45px; margin-left:10px}
div.pcway_2024  > div > p > a:hover{color:#006e98}
@media (max-width:1300px) {
div.pcway_2024 {padding:50px 0;min-height:500px;}
div.pcway_2024  > div{padding:0 10px}

}
@media (max-width:840px) {

div.pcway_2024 {min-height:400px;}
div.pcway_2024  > div{font-size:14px;}
div.pcway_2024  > div > p > a{display:block; background:#fff; border-radius:30px; padding:7px 20px;font-family: 'ONE-Mobile-Title'; text-align:center; width:200px; height:40px; margin-top:30px}
div.pcway_2024  > div > p > a > span{display:inline-block; vertical-align:middle; background:url('/images/way/ico_way.png') no-repeat center center; background-size:100%; width:20px; height:24px; margin-left:10px}

}
@media (max-width:640px) {
ul.pcway_01 br{display:none}
div.pcway_2024  > div > p:nth-child(2){font-size:1.8em;margin:10px 0;}
}