@charset "utf-8";
/* main */

/*web*/
@media all and (min-width:801px) {
/*Introduce1*/
.content { width:980px;  margin:auto; margin-top:50px; margin-bottom:50px; overflow:hidden; min-width:980px;}
.content .txt { width:720px; float:left }
.content .txt p { float:left; width:45%; font-size:13px; line-height:18px; color:#707070; text-align:justify; padding-right:5% }
.content .img_r { width:260px; float:right; text-align:right }
.content span { text-align:right; display:block; float:right; margin-top:20px }
.content span img { width:98%; height:auto }
/*Introduce2*/
.content .career .history { width:720px; background:url(/Assets/images/contents/bg_line_dot.jpg) repeat-x left bottom; float:left; padding-top:20px; padding-bottom:20px }
.content .career .topline {/* border-top:1px solid #000*/ }
.content .career .history h2.h2_year { float:left; width:150px; }
.content .career .history ul.year { float:left; width:130px; padding-top:20px; }
.content .career .history ul.year li { color:#707070; font-size:13px; line-height:18px }
.content .career .history ul.year li ul { display:none }
.content .career .history ul.list { float:left; padding-top:20px; width:440px }
.content .career .history ul.list li { color:#707070; font-size:13px; line-height:18px}
.content .img_career { width:260px; float:right; text-align:right; padding-top:20px }
/*Introduce3*/
.content .award { width:100%;  float:left; }
.content .award .list{ float:right; width:420px }
.content .award .list ul.year { float:left; width:120px; }
.content .award .list ul.year li { color:#707070; font-size:13px; line-height:18px }
.content .award .list ul.year li ul { display:none }
.content .award .list ul.list { float:left;width:300px }
.content .award .list ul.list li { color:#707070; font-size:13px; line-height:18px }
.content .img_award {width:560px; float:left; text-align:center; }
}

/*Tablet*/
@media all and (min-width: 481px) and (max-width: 768px) {
/*Introduce1*/
.content { padding:0 2% 0 2%; overflow:hidden; float:left; margin-bottom:50px ;}
.content .txt { width:60%; float:left }
.content .txt p { font-size:95%; line-height:150%; color:#707070; text-align:justify; }
.content .img_r { width:35%; float:right; text-align:right; }
.content span { text-align:right; display:block; float:right; margin-top:1.25em }
.content span img { width:80%; height:auto }
/*Introduce2*/
.content .career .history { width:100%; background:url(/Assets/images/contents/bg_line_dot.jpg) repeat-x left bottom; float:left; padding-bottom:10px ; min-width:769px}
.content .career .history_toppadding {padding-top:10px}
.content .career .history h2.h2_year { float:left; width:16%; height:auto}
.content .career .history h2 img.resize{width:97px}
.content .career .history h2 img.resize2{width:74px}
.content .career .history h2 img.resize3{width:29px}
.content .career .history ul.year { float:left; width:17%; padding-top:10px; }
.content .career .history ul.year li { color:#707070; font-size:95%; line-height:150%; padding-left:0.7em }
.content .career .history ul.year li ul { display:none ;}
.content .career .history ul.list { float:left; padding-top:10px; width:67%;}
.content .career .history ul.list li { color:#707070; font-size:95%; line-height:150% }
.content .img_career { display:none }
/*Introduce3*/
.content .award { width:100%;  float:left;  }
.content .award .list{ float:right; width:70% }
.content .award .list ul.year { float:left; width:20%; }
.content .award .list ul.year li { color:#707070; font-size:95%; line-height:150% }
.content .award .list ul.year li ul { display:none }
.content .award .list ul.list { float:left;width:70% }
.content .award .list ul.list li { color:#707070; font-size:95%; line-height:150% }
.content .img_award { width:30%; float:left; text-align:center; }
.content .img_award img{width:85%}
}


/*Tablet(아이폰5)568*/
@media all and (min-width: 568px) and (max-width: 568px) {
/*Introduce2*/

.content .career {width:100%}
.content .career .history {font-size:14px}
.content .career .history h2 {float:left; width:80px; padding-right:20px}
.content .career .history ul.year { float:left; width:100px; font-size:14px; padding-top:10px; padding-right:10px}
.content .career .history ul.list { float:left; width:300px;font-size:14px;padding-top:10px}

}


/*Tablet(갤럭시노트)800*/
@media all and (min-width: 769px) and (max-width: 800px) {
/*Introduce1*/
.content { width:100%; height:auto; margin:auto; overflow:hidden; }
.content .txt { width:60%; float:left }
.content .txt p { font-size:95%; line-height:150%; color:#707070; text-align:justify; }
.content .img_r { width:35%; float:right; text-align:right; }
.content span { text-align:right; display:block; float:right; margin-top:1.25em }
.content span img { width:80%; height:auto }
/*Introduce2*/
.content .career .history { width:100%; background:url(/Assets/images/contents/bg_line_dot.jpg) repeat-x left bottom; float:left; padding-bottom:10px; min-width:769px }
.content .career .history_toppadding {padding-top:10px}
.content .career .history h2.h2_year { float:left; width:15%; height:auto}
.content .career .history h2 img.resize{width:100%;}
.content .career .history h2 img.resize2{width:75%}
.content .career .history h2 img.resize3{width:30%}
.content .career .history ul.year { float:left; width:17%; padding-top:15px; }
.content .career .history ul.year li { color:#707070; font-size:95%; line-height:150%; padding-left:0.7em }
.content .career .history ul.year li ul { display:none ;}
.content .career .history ul.list { float:left; padding-top:15px; width:68%;}
.content .career .history ul.list li { color:#707070; font-size:95%; line-height:150% }
.content .img_career { display:none }
/*Introduce3*/
.content .award { width:100%;  float:left;  }
.content .award .list{ float:right; width:70% }
.content .award .list ul.year { float:left; width:20%; }
.content .award .list ul.year li { color:#707070; font-size:95%; line-height:150% }
.content .award .list ul.year li ul { display:none }
.content .award .list ul.list { float:left;width:70% }
.content .award .list ul.list li { color:#707070; font-size:95%; line-height:150% }
.content .img_award { width:30%; float:left; text-align:center; }
.content .img_award img{width:85%}
}

/*mobile*/
@media all and (max-width: 480px) {
/*Introduce1*/
.content { padding:0 2% 0 2%; overflow:hidden; float:left; margin-bottom:50px }
.content .txt p { font-size:120%; line-height:1.2em; color:#707070; text-align:justify;  padding-top:1em }
.content span { text-align:right; display:block; margin-top:1.25em; margin-bottom:2em }
.content span img { width:60%; height:auto }
/*Introduce2*/
.content .career .history { width:100%; background:url(/Assets/images/contents/bg_line_dot.jpg) repeat-x left bottom; padding-top:1em; padding-bottom:1em }
.content .career .history h2.h2_year { width:10em; }
.content .career .history ul.year { width:100%; padding-top:1.1em; }
.content .career .history ul.year li { color:#707070; font-size:130%; line-height:1.2em;font-weight:bold; padding-bottom:2px  }
.content .career .history ul.year li.mobile_hidden { display:none }
.content .career .history ul.year li ul.mobile li { color:#707070; font-size:100%; line-height:1.2em; margin-bottom:0.7em; font-weight:400 }
.content .career .history ul.list { display:none }
.content .career .history ul.list li { display:none }
.content .img_career { display:none }
/*Introduce3*/
.content .award .list { width:100%; }
.content .award .list h2.h2_year { width:10em; }
.content .award .list ul.year { width:100%; padding-top:1.1em; }
.content .award .list ul.year li { color:#707070; font-size:130%; line-height:1.2em;font-weight:bold; padding-bottom:2px }
.content .award .list ul.year li.mobile_hidden { display:none }
.content .award .list ul.year li ul.mobile li { color:#707070; font-size:100%; line-height:1.2em; margin-bottom:0.7em;font-weight:400 }
.content .award .list ul.list { display:none }
.content .award .list ul.list li { display:none }
.content  .img_award img{width:100%;padding-top:20px;}
}

/*mobile아이폰320*/
@media all and (max-width: 320px) {
}