/*old layout*/
section.content_type01 > ul > li > h2, section.content_type02 > ul > li > div > h2, section.content_type03 > ul > li > h2, section.content_type04 > ul > li > h2, section.content_type04 > ul > li > div > h2{font-size:30px; line-height:30px; margin:0 0 10px 0}
section.content_type01 > ul > li > p, section.content_type02 > ul > li > div > p, section.content_type03 > ul > li > p, section.content_type04 > ul > li > p, section.content_type04 > ul > li > div > p {font-size:14px; line-height:24px; word-spacing:2px; padding:15px 0}
section.content_type02 > ul > li > img, section.content_type03 > ul > li > img, section.content_type04 > ul > li > img, section.content_type05 > ul > li > img {width:100%} 

section.content_type01 {border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7;}
section.content_type01 > ul > li {padding:30px 0}

section.content_type02 > ul > li {position:relative}
section.content_type02 > ul > li > div {position:absolute; width:100%; top:44%; left:0;}
section.content_type02 > ul > li > div > h2 > span{position:absolute; height:1px; width:40%; left:30%; margin:40px 0}
section.content_type02 > ul > li > div > p{padding:30px 0}

section.content_type03 > ul > li:nth-child(1){padding:20px 0}

section.content_type05{padding:10px}
section.content_type05 > ul > li {padding:0}
section.content_type05 > ul > li:nth-child(2){margin:0 20px}


/*170612 layout Ãß°¡*/
section.contype01 ul, section.contype01 li, section.contype02 ul, section.contype02 li, section.contype03 ul, section.contype03 li, section.contype04 ul, section.contype04 li, section.contype05 ul, section.contype05 li{overflow:hidden; height:auto}
section.contype01 > ul > li > img, section.contype02 > ul > li > img, section.contype03 > ul > li > img, section.contype04 > ul > li > img, section.contype05 > ul > li > img {width:100%} 

section.contype01 {width:100%; margin:0 auto}
section.contype01 > p{padding:10px; margin:20px; font-size:22px;font-weight:bold	}
section.contype01 > ul.conul1 {padding:20px}
section.contype01 > div{margin:80px 0 30px 0}
section.contype01 > ul.conul1 > li > p{margin:0; font-size:14px}
section.contype01 > ul.con_table {padding:10px}
section.contype01 > ul.con_table > li:last-child{float:right}
section.contype01 > ul.con_table > li > p{font-weight:bold; text-indent:20px; font-size:16px; margin:10px 0}
section.contype01 > ul.con_table > li > ul {border-width:2px 0 1px 0; border-style:solid; border-color:gray}
section.contype01 > ul.con_table > li > ul > li:nth-child(2)> ul > li{border-bottom:1px solid rgba(0,0,0,.5)}
section.contype01 > ul.con_table > li > ul > li:nth-child(2)> ul > li:last-child{border-bottom:none}


section.contype02 > h2{font-size:42px; line-height:42px; padding:20px}
section.contype02 > h2 > span{font-size:24px; line-height:24px; margin:10px}
section.contype02 > p{padding:0; margin:10px 0 0 0; font-weight:bold}
section.contype02 > ul {padding:30px}
section.contype02 > ul > li { padding:10px 0px 10px 0px; display:inline-block }
section.contype02 > ul > li:nth-child(even) { text-align:left }
section.contype02 > ul > li > ul{width:100%; padding:20px}
section.contype02 > ul > li > ul.ulright{float:right; width:100%; }
section.contype02 > ul > li > ul > li.title{font-size:4em; min-height:140%; line-height:140%;}
section.contype02 > ul > li > ul > li.line{width:100%; min-height:2px; margin:20px 0;}
section.contype02 > ul > li > ul > li.text01{font-size:22px; margin:0 0 10px 0; font-weight:bold}
section.contype02 > ul > li > ul > li.text02 > p{font-size:14px; margin:0}
section.contype02 > ul > li:nth-child(3){clear:both}


section.contype03 > h2{font-size:42px; line-height:42px; padding:20px}
section.contype03 > h2 > span{font-size:24px; line-height:24px; margin:10px}
section.contype03 > ul{width:80%; margin:0 auto}
section.contype03 > ul > li{font-size:14px}
section.contype03 > ul > li:nth-child(2){padding:20px 0; min-height:1px; line-height:1px}
section.contype03 > ul > li:nth-child(2) > span{display:block; width:80%; margin:0 auto; height:1px;}
section.contype03 > ul > li.limargin{margin:30px 0 0 0}
section.contype03 > ul > li.limargin > p{font-size:20px; line-height:20px}
section.contype03 > ul > li.limargin > span{padding:10px 0 0 0}
section.contype03 > ul > li.limargin > div{border-radius: 5px 3px 0 0; width:80%; margin:0 auto;color:white}
section.contype03 > ul > li.limargin > div > p{margin:0}


section.contype04 > h2{margin:50px 0 90px; font-size:24px}
section.contype04 > ul > li > h3 {padding:20px 30px 0 30px; font-size:18px}
section.contype04 > ul > li > p {width:auto; padding:20px 0 0; margin:0 30px; line-height:18px }
section.contype04 > div{width:60%; margin:0 auto; height:1px; margin-top:50px; margin-bottom:50px}
section.contype04 > ul > li > ul{margin:30px 0 }
section.contype04 > ul > li > ul > li:first-child{border-right:1px solid #c0c0c0}
section.contype04 > ul > li > ul > li.tb_title > ul > li:first-child{font-size:18px}
section.contype04 > ul > li > ul > li.tb_title > ul > li:first-child > strong{font-size:24px}
section.contype04 > ul > li > ul > li.tb_title > ul > li:first-child > p{width:85%; height:2px; margin:5px 0 0}
section.contype04 > ul > li > ul > li:nth-child(2) > ul > li{min-height:20px; line-height:20px}


section.contype05 > h2{font-size:18px; line-height:20px; margin:10px; font-weight:normal}
section.contype05 > p{font-size:14px; line-height:14px}
section.contype05 > span{width:50%; margin:0 auto; margin-top:50px; margin-bottom:50px; border-width:0 0 1px 0; border-style:dashed; display:block}
section.contype05 > ul > li > h3{font-size:18px; line-height:18px; padding:40px 0 10px 0; margin:0}
section.contype05 > ul > li > p{font-size:13px; line-height:13px; margin:0}
section.contype05 > ul.type2{margin:50px 0 40px 0}
section.contype05 > div{margin:0 0 20px 0; font-size:18px; line-height:18px}


/*ÄÁÅÙÃ÷ ·£µù*/
section.content_landing{width:100%; height:auto; }
section.content_landing h3{font-size:30px; padding:20px 0 40px 0; font-weight:bold}
section.content_landing h4{font-size:28px; padding:20px 0; margin:0; font-weight:bold}
section.content_landing h5{font-size:20px; padding:0 0 10px 0; margin:0; font-weight:normal}
section.content_landing h6{font-size:20px; padding:0 0 10px 0; margin:0; font-weight:normal}
section.content_landing > ul{height:auto; padding:50px 0; overflow:hidden;}
section.content_landing > ul > li {padding:0 40px; white-space:normal}
section.content_landing > ul > li h5.line{width:40%; height:3px;}/*line¼³Á¤*/
section.content_landing > ul > li p{font-size:14px; line-height:24px; word-spacing:3px}
section.content_landing > ul > li > span{font-size:14px; line-height:22px; }


section.content_landing ul.landing_table > li{padding:0}

section.content_landing ul.landing_table > li > ul > li{min-height:39px; border-top:1px solid #666}
section.content_landing ul.landing_table > li > ul > li:last-child{border-bottom:1px solid #666}
section.content_landing ul.landing_table > li > ul > li:first-child{border:none}


/*¸·´ëíƮ*/
.block, .block div, .block ul, .blockli {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.block {margin: 25px 25px 0 0; border-radius: 5px; float: left;	width: 300px;overflow: hidden;}
.block > div{ width: 800px;  margin:0 auto; padding: 0 1rem; color: gray;}
.block > div:nth-child(1) {height: 500px; position: relative;}
.block > div:nth-child(1) > p{position:absolute; bottom:-15px}	
.block > div:nth-child(1) > ul{ position: absolute; left: 0; bottom: 0rem; width: 100%; padding: 1rem 1rem 0 2rem; height:100%}
.block > div:nth-child(1) > ul:nth-child(1) > li { height: 15%; border-top: 1px solid gray;}
.block > div:nth-child(1) > ul:nth-child(1) > li:before { content: attr(data-ejeY); display: inline-block; width: 100%; text-align: left; line-height: 0; position: relative; left: -2.5rem; top: -20px; color:gray} 

.block > div:nth-child(1) > ul:nth-child(1) > li:last-child{height:1px}
.block > div:nth-child(1) > ul:nth-child(2) {height: 2.5rem; bottom: 32px;}
.block > div:nth-child(1) > ul:nth-child(2) > li { position: relative;}
.block > div:nth-child(1) > ul:nth-child(2) > li:before { content: ''; position: absolute; bottom: 1.9rem; width: 70%; right: 5%; box-shadow: 3px 0 rgba(0,0,0,.1), 3px -3px rgba(0,0,0,.1);}
.block > div:nth-child(1) > ul:nth-child(2) > li > i{font-size:12px}

.block > div:nth-child(2) {margin-top:10px}
.block > div:nth-child(2) > ul{height:auto}
.block > div:nth-child(2) > ul > li > span{width:5px; height:5px; display:inline-block; margin: 0 5px 2px 0}


	/*íƮ »ùÇðª*/
.block > div:nth-child(1) > ul:nth-child(2) > li:nth-child(1):before { background: #cd5c5c; height: 160px;}
.block > div:nth-child(1) > ul:nth-child(2) > li:nth-child(2):before { background: #008b8b; height: 330px;}
.block > div:nth-child(1) > ul:nth-child(2) > li:nth-child(3):before { background: #ff6347; height: 360px;}
.block > div:nth-child(1) > ul:nth-child(2) > li:nth-child(4):before { background: #87cefa; height: 260px;}
.block > div:nth-child(1) > ul:nth-child(2) > li:nth-child(5):before { background: #ffd700; height: 180px;}
.block > div:nth-child(1) > ul:nth-child(2) > li:nth-child(6):before { background: #ffc0cb; height: 200px;}
.block > div:nth-child(1) > ul:nth-child(2) > li:nth-child(7):before { background: #20b2aa; height: 150px;}
.block > div:nth-child(1) > ul:nth-child(2) > li:nth-child(8):before { background: #a52a2a; height: 120px;}
	/*//íƮ »ùÇðª*/

/*//¸·´ëíƮ*/


/*µ¿±Û¹ðÀÌ Ã­Æ®*/
.donut-block {width:500px; margin:0 auto; padding:0}
.donut-block > div.donut-chart {position:relative; width:200px; height:200px; margin:0 auto 2rem; border-radius:100% }
.donut-block > ul{width:500px; margin:0 auto; height:auto; overflow:hidden}
.donut-block > ul > li { border-left: 1px solid #696969; padding:0}
.donut-block > ul > li:nth-child(1){border-top: 4px solid #e64c65;}
.donut-block > ul > li:nth-child(2){border-top: 4px solid #11a8ab;}
.donut-block > ul > li:nth-child(3){border-top: 4px solid #fcb150;}
.donut-block > ul > li:nth-child(4){border-top: 4px solid #4fc4f6;}
.donut-block > ul > li > p:first-child {margin: 0;padding: 10px 0 5px;}

div.donut-chart > div {border-radius:50%; clip:rect(0px, 200px, 200px, 100px); height:100%; position:absolute;  width:100%; }
div.donut-chart > div > div {border-radius:50%; clip:rect(0px, 100px, 200px, 0px); height:100%; position:absolute;width:100%; font-family:monospace; font-size: 1.5rem;  }
div.donut-chart > div.circle1{transform: rotate(0deg); }

	/*íƮ »ùÇðª*/
div.donut-chart > div.circle1 > div { background-color:#E64C65; transform:rotate(140deg); }
div.donut-chart > div.circle2{ transform: rotate(140deg); }
div.donut-chart > div.circle2 > div { background-color: #11A8AB; transform:rotate(170deg); }
div.donut-chart > div.circle3 { transform: rotate(310deg); }
div.donut-chart > div.circle3 > div { background-color: #4FC4F6; transform:rotate(50deg);}
div.donut-chart > div.circle4 {transform:rotate(-10deg);}
div.donut-chart > div.circle4 > div {background-color:#FCB150; transform:rotate(10deg);  }
	/*//íƮ »ùÇðª*/

/*//µ¿±Û¹ðÀÌ Ã­Æ®*/

@media all and (max-width:1279px){
/*old layout*/
section.content_type04 > ul > li{width:100%; margin:0}
section.content_type05 > ul > li{width:49%; margin:0}
section.content_type05 > ul > li:nth-child(2){margin:0 0 0 2%}	
section.contype01 > ul.con_table > li {width:100%}


/*ÄÁÅÙÃ÷ ·£µù*/
section.content_landing h3{font-size:23px; padding:20px 0 30px 0; font-weight:bold}
section.content_landing h4{font-size:18px; padding:20px 0; margin:0; font-weight:bold}
section.content_landing h5{font-size:14px; padding:0 0 10px 0; margin:0; font-weight:normal}
section.content_landing > ul{padding:30px 20px; }
section.content_landing > ul > li{margin:0; padding:10px}



/*íƮ*/
.block > div{ width: 100%;  margin:0 auto; padding: 0 1rem; color: gray;}
.donut-block{width:100%}
.donut-block > ul {width:100%}



}


/* ÄÁÅÙÃ÷ ¿¡µðÅÍ À̹ÌÁö */
div.subject1 { padding:10px; border-bottom:3px solid #f37321 }
div.subject1 > h4 { font-family: 'NS', 'µ¸¿ò', '³ª´®°íµñ'; font-weight:bold; font-size: 30px; font-weight: 300; letter-spacing: -0.3px; line-height: 1.571em; border: 0 none; margin: 0; padding: 0; }
div.subject1 > p { font-family: 'NS', 'µ¸¿ò', '³ª´®°íµñ'; font-size:14px; border: 0 none; margin: 0; padding: 0; }

div.subject2 { padding:10px; border-top:3px solid #f37321; border-bottom:3px solid #f37321 }
div.subject2 > h4 { font-family: 'NS', 'µ¸¿ò', '³ª´®°íµñ'; font-weight:bold; font-size: 30px; font-weight: 300; letter-spacing: -0.3px; line-height: 1.571em; border: 0 none; margin: 0; padding: 0; }
div.subject2 > p { font-family: 'NS', 'µ¸¿ò', '³ª´®°íµñ'; font-size:14px; border: 0 none; margin: 0; padding: 0; }

div.subject_row { width:100%;height:100px; text-align:center  }
div.subject_row > div { width:2px; background:#f37321; height:100px; margin:0 auto;}