/* PC , 테블릿 가로 (해상도 768px ~ 3023px)*/
@media all and (min-width:768px) and (max-width:3023px) { /*스타일입력*/}

/* 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { /*스타일입력*/

.callcenter{
width:100%;
height:300px;
background: url('/theme/basic/img/callcenter.jpg?ver=01') no-repeat; 
background-size: cover;
display:block;
}
.picline{    
    width: 90%;
    position: relative;
    border: 1px solid #c8c8c8;
	padding:1em;
	text-align:center;
}

.picline img
 {  
 width: 80%  !important;
  border: 0px solid #ccc !important;

}
 .displaynone {
    display: none !important;
}
 .location .floatright {
    padding-left: 1em;
}
 .m-text-align-center{

 }
.text-emphasis03 {
    font-size: 1.5em;
    letter-spacing: -0.5px;
}
.m-borderbttom{

}
.borderleft {
    border-left: 1px solid #ccc;
}

.content-diagram02{
width:100%;
height:750px;
position: relative;
display:block;
background: url('/theme/basic/img/core_1.jpg') no-repeat; 
background-position: center center;
}
.content-diagram02 div img{

        image-rendering: -moz-crisp-edges;         /* Firefox */
        image-rendering: -o-crisp-edges;         /* Opera */
        image-rendering: -webkit-optimize-contrast;/* Webkit 표준 X */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /* IE 표준 X */

}

.content-diagram02 .content-diagram02-1{
    position: absolute;
	 top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content-diagram02 .content-diagram02-2{
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.content-diagram02 .content-diagram02-3{
    position: absolute;
    top: 65%;
    left: 21%;
    transform: translate(-50%, -50%);
}
.content-diagram02 .content-diagram02-4{
    position: absolute;
    top: 65%;
    left: 75%;
    transform: translate(-50%, -50%);
}


.width98 {
    width: 98% !important;
}

.displayblock {
    display: block !important;
}
/*title*/
.main_title_2{
text-align: center;
width:100%;
height:70px;
padding-top:2em;

display: inline-block;
}
.main_title_2 h3{
color:#000;
font-size:2.4em;
position: relative;
}
.main_title{
text-align: center;
width:100%;
height:70px;
padding-top:1em;

display: inline-block;
}
.main_title a span{
float: right;
}

.main_title h3{
color:#000;
font-size:2.5em;
position: relative;
}

.main_title h3 span{
    display: inline-block;
    font-size: 40px;
    position: relative;
    color: #111;
    padding-bottom:10px;
    font-weight: bold;
    line-height: 1em;
}

.main_title h3 span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background: #ed2724;
}



.main_title p{
font-size:1.2em;

font-weight:bold;
text-align:left
}
.main_title p span{
color:#000;
font-size:1em;
font-weight:normal;

}



.sub_title{
text-align: center;
width:100%;
height:70px;
padding-top:0.3em;
display: inline-block;
border-bottom: 1px solid #bdbdbd;
}
.sub_title_no{
border-bottom: 0px solid #bdbdbd !important;
}
.sub_title h3{
color:#000;
font-size:2.5em;
position: relative;
}

.sub_title h3 span{
    display: inline-block;
    font-size: 32px;
    position: relative;
    color: #111;
    padding-bottom:5px;
    font-weight: bold;
    line-height: 1em;
	letter-spacing:-3px
}
.sub_title h3 span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background: #ed2724;
}


/* sns */
.sns-list { display:flex; align-items:center; }
.sns-list .sns { background-position:center; background-repeat:no-repeat; background-size:100% auto; }
.sns.facebook { background-image:url('../img/sns/facebook.png'); background-image:url('../img/sns/facebook.svg'); }
.sns.instagram { background-image:url('../img/sns/instagram.png'); background-image:url('../img/sns/instagram.svg'); }
.sns.youtube { background-image:url('../img/sns/youtube.png'); background-image:url('../img/sns/youtube.svg'); }
.sns.linkedin { background-image:url('../img/sns/linkedin.png'); background-image:url('../img/sns/linkedin.svg'); }


#snsToggle { position:relative; background:white; box-shadow:0px 5px 15px rgba(0 0 0 / .16); z-index:1; }
#snsToggle .bar { 
   position: absolute;
    left: 10px; 
    top: 15px; 
    content: '';
    width: 10px; /* 사이즈 */
    height: 10px; /* 사이즈 */
    border-top: 2px solid #333; /* 선 두께 */
    border-right: 2px solid #333; /* 선 두께 */
	transition-delay: 250ms;
	transition-duration: 500ms;
    transform: rotate(225deg); /* 각도 */ 
	-webkit-transform: rotate(225deg); /* 각도 */ 
  }


#snsToggle .bar:before {  }

#snsToggle:hover{ 
-webkit-transform:scale(1.2); transform:scale(1.2); opacity:1; -webkit-font-smoothing:antialiased; text-rendering:auto; transition:all .3s;
}



#topscroll { --sub-color: #1B3E6C; --border-color: #ddd; --accent-color: #ED2724; --base-color: #222; }
#topscroll .btn-floating { display:block; width:40px; height:40px; border-radius:50%; }
#topscroll .sns-wrap { position:fixed; bottom:27px; right:80px; z-index:1; }
#topscroll .sns-list { position:absolute; top:50%; right:0; gap:15px; padding:10px 44px 10px 22px; background:white; border-radius:100px; box-shadow:0px 5px 15px rgba(0 0 0 / .16); -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:0; visibility:hidden; transition:opacity .3s; }
#topscroll .sns { width:24px; height:24px; }

#topscroll .sns-wrap.active #snsToggle { box-shadow:none; color:var(--border-color); }
#topscroll .sns-wrap.active #snsToggle .bar {     
    position: absolute;
    left: 10px; 
    top: 15px; 
    content: '';
    width: 10px; /* 사이즈 */
    height: 10px; /* 사이즈 */
    border-top: 2px solid #333; /* 선 두께 */
    border-right: 2px solid #333; /* 선 두께 */
    transform: rotate(45deg); /* 각도 */ 
	-webkit-transform: rotate(45deg); /* 각도 */ }

#topscroll .sns-wrap.active .sns-list { opacity:1; visibility:visible; }

#btnTop { position:fixed; bottom:30px; right:20px; background:var(--sub-color); color:white; z-index:1; }
#btnTop:before { content:"\f077"; display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--sub-color); border-radius:50%; font-weight:100; /*font-family:'Font Awesome 6 Free';*/font-family:'FontAwesome'; color:var(--base-color); -webkit-font-smoothing:antialiased; text-rendering:auto; opacity:0; transition:all .3s; }
#btnTop:hover:before { -webkit-transform:scale(1.2); transform:scale(1.2); opacity:1; color:var(--accent-color);   }



.imgline_auto {
    padding: 0.5em;
    border: solid 1px #eee;
    margin: 0.5em;
}


ul.ul_li_fontsize9 li{
font-size:1em;
line-height:1em !important;
letter-spacing:-1px;
}

/*서치*/
#sch_result{
padding:0.5em;
}
#sch_res_detail .frm_input {
width: 60%;
}

#sch_res_detail .btn_submit {

    width: 30%;

}
#sch_stx::placeholder {

  color:#000;

}

#sch_stx{
  padding-left:1em;
}

#hd_sch {
position: relative;
    margin:0px auto;
	clear:both;
    background: #f3f3f3;
    border-bottom: 1px solid #ccc;
}

#hd_sch #sch_submit {

 right: 0;
top: 3px;
}

#hd_sch #sch_stx {
 
    background: #c2c7cc;

    color: #000;
}
/*추가소스*/
#mc-search-form{
display:none;
}
.mwidth50 {
width:50%;
}
.floatright {
float:right;
}
.etc_2{

}
.etc_1{

}
.etc_0{

}
.sort_list li.sort_B {float:left; 
float: left;
    margin-top: 1.8em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 1.5em;
    height: 230px;
    width: 31%;
}

.sort_list li.sort_B .list_div {overflow:hidden; position:relative;    width: 100%;
    height: 100%;}
.sort_list li.sort_B .list_div .icon {text-align:center;overflow:hidden; border:1px solid #c8c8c8; 
box-sizing:border-box; transition-duration:0.3s; -webkit-transition-duration:0.3s; position:relative; margin-bottom:8px; 

height:100%; width:100%;


}
.sort_list li.sort_B .list_div:hover .icon {border:1px solid #41a1dd;}
.sort_list li.sort_B .list_div .icon img {transition-duration:0.5s; -webkit-transition-duration:0.5s;width:60%;vertical-align:middle;padding-top:2em; }
.sort_list li.sort_B .list_div:hover .icon img {transform:scale(1.05); -webkit-transform:scale(1.05);image-rendering: auto;
}
.sort_list li.sort_B .list_div p {overflow:hidden; text-align:center; position:absolute; line-height:35px; bottom:0px;width: 99%;}
.sort_list li.sort_B .list_div p:after {color:#666; font-size:14px; position:absolute; right:0px; bottom:0px;
content: url('');

}
.sort_list li.sort_B .list_div p span {display:block; overflow:hidden; color:#000; font-size:1.1em;font-weight:bold; line-height:1.25em; 
position:relative; transition-duration:0.2s; -webkit-transition-duration:0.2s; padding-right:5px; min-height:35px;}
.sort_list li.sort_B .list_div p span:after {background-color:#fff; content:""; position:absolute; right:0; bottom:1px; height:6px; width:12px; z-index:1;}
.sort_list li.sort_B .list_div:hover span {color:#41a1dd;}
.sort_list li.sort_B .list_div:hover p:after {color:#41a1dd;}
.sort_list li.sort_B .list_div a {/*background-color:#ccc; opacity:.2;*/ position:absolute; left:0; top:0; height:100%; width:100%; z-index:1;}


/*제품*/
.border_rightnone {
    border-right: 0px !important;
}
table.type05 > thead > tr > th:nth-child(n+3):nth-child(-n+10),table.type05 > tbody > tr > td:nth-child(n+3):nth-child(-n+10){
display:none;
}


.tbl_head01 caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
table.type05 {
  border-collapse: collapse;
  text-align: left;
  line-height: 1.5;
  border-left: 1px solid #ccc;
  width:100%;
}

table.type05 thead th {
padding: 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #6889af;
    border-bottom: 2px solid #6889af;
    background: #a9c8eb;
    text-align: center;
    color: #264a73;
    height: 60px;

}
table.type05 tbody th {
  width: 150px;
  padding: 0px;
  font-weight: bold;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align:center;
  font-size:1.5em;
  color:#fff;
  height:3.8em;
  vertical-align: middle;
}
table.type05 td {
  font-size:1em;
  padding: 4px;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  text-align:center;
  height: 35px;
}
.td_90{
width:90px !important;
}

table.type05 td.textleft {
    text-align:left;
	  padding-left: 15px;
}
table.type05 tr:nth-child(odd) {
    background-color: #e5e9eb;
}


#bo_btn_top{
    margin: 2px 0 !important;
}
a.button {
  display: block;
  position: relative;
  float: left;
  width: 120px;
    padding: 0;
    margin: 0.5em 1em 0.5em 0;
  font-weight: 600;
  text-align: center;
  line-height: 35px;
  color: #FFF;
  border-radius: 5px;
  transition: all 0.2s ;

}
a.button span{
  font-size: 0.9em;
 max-width: calc(100% - 38px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.btnLightBlueLight {
    background: #f0f5f9;
}
.borderline {
    border: solid 1px #cfcfcf;
}
.fontcolorblue {
    color: #5286c3 !important;
}

.sec02{
width:100%;
margin: 0em 0em 0em 0.5em;

}

.sec02 > ul {
list-style-type : none;
margin:0 auto;
clear:both;
padding: 0;
width:100%;
height:auto;
}

.sec02 > ul > li {
list-style-type : none;
float:left;
text-align:center;
display:inline-block
position: relative;
padding-right:0.5em;
}

.width70{
width:70%  !important;
}
.width50{
width:50%  !important;
}

.width30{
width:30%;
}
.mwidth30{
width:32%  !important;
}

/* 진료과목-index List */
figure {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.sort_list {overflow:hidden; margin: 0px 0px 0px 0px;padding-left:0.9em}
.sort_list ul {overflow:hidden; margin-top:-25px; margin-left:-9px;}
.sort_list li.sort_A {float:left; margin-top:25px; margin-left:9px; height:350px; width:100%;}

.sort_list li.sort_A .list_div {overflow:hidden; position:relative;}
.sort_list li.sort_A .list_div .icon {text-align:center;overflow:hidden; border:1px solid #c8c8c8; box-sizing:border-box; transition-duration:0.3s; -webkit-transition-duration:0.3s; position:relative; margin-bottom:8px; height:300px; width:45%;}
.sort_list li.sort_A .list_div:hover .icon {border:1px solid #41a1dd;}
.sort_list li.sort_A .list_div .icon img {transition-duration:0.5s; -webkit-transition-duration:0.5s; }
.sort_list li.sort_A .list_div:hover .icon img {transform:scale(1.05); -webkit-transform:scale(1.05);}
.sort_list li.sort_A .list_div p {overflow:hidden; text-align:left; position: absolute;top:10px; right:15px;width:50%}
.sort_list li.sort_A .list_div p:after {content:"..."; color:#666; font-size:14px; position:absolute; right:-1px; bottom:1px;}
.sort_list li.sort_A .list_div p span {display:block; overflow:hidden; color:#666; font-size:16px;letter-spacing:-0.5px; line-height:1.25em; position:relative; transition-duration:0.2s; -webkit-transition-duration:0.2s; padding-right:5px;}
.sort_list li.sort_A .list_div p span.title{font-size:1.1em;font-weight:bold;color:#11406d;letter-spacing:-1px;}
.sort_list li.sort_A .list_div ul.content{overflow:hidden; text-align:left; position: absolute;top:4.8em; right:0px;width:50%}
.sort_list li.sort_A .list_div p span:after {}

.sort_list li.sort_A .list_div:hover span {color:#41a1dd;}
.sort_list li.sort_A .list_div:hover p:after {color:#41a1dd;}
.sort_list li.sort_A .list_div a {/*background-color:#ccc; opacity:.2;*/ position:absolute; left:0; top:0; height:100%; width:100%; z-index:1;}

.sort_list li.sort_A .list_div span.button {
  display: block;
  position: absolute;

  left: 50%;
  bottom:0px;
  transform: translate(0%, 0%);

  bottom:5px;
  width: 150px;
  padding: 0;
  margin: 30px 20px 10px 20px;
  font-weight: 600;
  text-align: center;
  font-size:1.2em  !important;
  line-height: 60px !important;
  color: #FFF  !important;
  border-radius: 5px;
  transition: all 0.2s ;
  background: #ea4335;
}
.sort_list li.sort_A .list_div:hover span.button {
  background: #fa6458;
}


/*MODULE*/

.container_gallery{width:100%;margin:0 auto;overflow:hidden;}
.gallery{margin:0px 0px;box-sizing:border-box;}
.gallery:after{content:"";display:block;clear:both;visibility: hidden;}
.gallery li{width:50%;float:left;box-sizing:border-box;padding:0 5px;margin:0 0 5px 0;}
.gallery li img{width:100%;height:auto;    border: 1px solid #ccc;cursor:pointer}
.gallery li p{
text-align:center;
font-size:1em;
padding:0.2em;
font-weight:bold;
letter-spacing:-1px;
    display: block;
    height: 50px;
}


/*부서별 연락처*/
.box{
width:32%;
height:200px;
display:inline-block;
border: 1px solid #b3d1ed;
margin-bottom: 1em;
}
.box h2{
font-size:1.3em;
text-align:center;
padding:0.5em;
border-bottom: 2px solid #b3d1ed;
}
.box p{
font-size:1.2em;
padding:0.5em;
line-height:1.5em;
}
.box p span{
font-size:0.9em !important;
}
.floatcenter{
margin-left:1em;
}
/*COSAL Road Map*/

ul.lee{
list-style-position: outside;
list-style-type: circle;
padding: 0px 0px 0px 20px;
}
ul.lee > li{
    display:list-item;
    border-bottom: 0px solid #eee;
    line-height: 1.5em;
	padding:0px 0px 10px 0px;
	
}

ul.lee > li.title2{
padding:0.3em;
line-height:0.9em;
}
ul.lee > li.title2::before{
content:" - ";
}

ul.ul_img_W{
display:inline-block;
float:left;
width:100%
}

ul ul.li_floatleft_w10{

}


ul ul.li_floatleft_w10 li{
width:20%;
float:left;
padding:0px;	
}
ul.ul_img_W li{
line-height:1.2em;

width: 100%;
border-bottom:0px solid #eee;
padding:5px 0px 5px 0px;
}
ul.ul_img_W li p{
font-size: 1em;
font-weight:bold;
letter-spacing:-1px;
}

ul.ul_img_W li  h2 {
    font-size: 1em;
    line-height: 1.1em;
    color: #0550a3;
	letter-spacing:-1px;
}
.noborder{
border-bottom:0px solid #eee !important;
}

ul.ul_img_W  li span{
padding:0 0 10px 0;
}

ul.ul_img_W  li span img{
display:inline-block;
}


ul.ul_img_W > li >  ul > li.title{
font-weight: bold;
}

div.item{
width:100%;
display: table-cell;
font-weight:bold;
float:left;
padding-bottom:0.5em;
font-size:17px;
}
div.item::after{

}

div.i_value{
width:100%;
display: table-cell;
float:left;
padding-bottom:0.5em;
font-size:0.9em;
letter-spacing: 0px;
}

.imgline{
width:100%;
border:solid 0px #eee;
position: relative;
min-height: 200px;
  display: inline-block;

}
.imgline img{

    width: 80%;

 
 }

#ctt_con{
padding:0px !important;
}
.width50 {
    width: 100% !important;
    padding-top: 1em;
    display: inline-block;
}
.textaligncenter {
    text-align: center;
}

.btnLightBlue {
    background: #30689d;
}
.span_button {
  display: block;
  position: relative;
  padding: 0;

  font-weight: 800;
  text-align: center;
  line-height: 50px;
  color: #FFF;
  border-radius: 5px;
  transition: all 0.2s ;
}
/* 찾아오시는길*/
.location,.contents{
width:100%;
}
.floatleft {
    float: left;
}



.btnBlueGreen {
    background: #11406c;
}

.btnOrange {
    background: #ea4335;
}



#ctt_con > h2{
font-size:1.1em;
line-height:1.4em;
color:#11406d;
 letter-spacing:-1px;

}



h2.arrow{font-size:1.1em;line-height:1.1em;letter-spacing:-0.025em;color: #11406d;}
p.arrow{padding-left:1em;font-size:1em;line-height:1.45;letter-spacing:-0.025em;color:#424242;}

/* 조직도*/
.wrap-vertical{
  width: 100%;
  padding: 0px;
  overflow: scroll;
  border: 0px solid #000;
   /* 가로 스크롤 */
  overflow: auto;
  white-space: nowrap;
  text-align:center;
}
.wrap-vertical-auto{
  width: 100%;
  padding: 0px;
  overflow: scroll;
  border: 0px solid #000;
   /* 가로 스크롤 */
  overflow: auto;
  white-space: nowrap;
  text-align:center;
}




/*연혁*/

.organization{
padding-left:28px;
    max-width: none !important;
}

.__tab {display:table;width:100%;table-layout:fixed;margin-bottom:1em;}
.__tab a {display:table-cell;vertical-align:middle;height:60px;position:relative;text-align:center;color:#333;background:#f2f2f2;border-top:2px solid transparent;border-bottom:2px solid transparent;font-size:1em;}
.__tab a:hover {color:#1b3e6c;background:#e5ebf4;}
.__tab .active {color:#1b3e6c;font-weight:bold;border-bottom-color:#1b3e6c;background:#e5ebf4;}

._box {display:none;}
._box.active {display:block;}


.__history {position:relative;padding-left:180px;}
.__history h3 {position:absolute;left:0;top:0;font-size:35px;font-weight:bold;color:#111;}
.__history h3 em {font-style:normal;font-weight:normal;}
.__history .area {border-top:20px solid #dfe0e1;padding-top:25px;}
.__history .area dl {border-bottom:1px solid #ddd;margin-bottom:25px;padding-bottom:25px;position:relative;padding-left:80px;}
.__history .area dl:last-child {margin-bottom:0;}
.__history .area dl dt {position:absolute;left:0;top:5px;font-size:20px;color:#1b3e6c;font-weight:bold;}
.__history .area dl dd {font-size:18px;color:#000;line-height:2em;}


/*비전 시작*/

#ctt_con > h3{
font-size:1.1em;
line-height:1.5em;
color:#555;
padding-bottom:1em;
 letter-spacing:-0.2px;
}

.content-diagram01{
     width: 100%;
    margin: 0em;
    min-height: 345px;
}
.content-diagram01 ul{
   list-style-type: none;
    margin: 0 auto;
    clear: both;
    padding: 2em;
    width: 100%;
    height: auto;
}
.content-diagram01 ul li{
    list-style-type: none;
    float: left;
    text-align: center;
    display: block;
    position: relative;
   padding: 0.5em;
   width: 33%;
}


.content-imgbg-title01{
background-image: url( "/theme/new/img/sub01_5.jpg" );
background-size:100%;
font-size: 1.2em;
    text-align: center;
    width: 100%;
    height: 86px;
    line-height: 86px;
    display: block;
	color:#fff;
    margin-bottom: 2px;
}

.content-imgbg-title02{
/*background-image: url( "/theme/new/img/sub01_7.jpg" );*/
background-size:100%;
display: block;
border-bottom: 1px solid #ccc;
min-height: 120px;
}


.content-imgbg-title02 ul li{
padding:0.2em;
display:inline-block;
min-height: 120px;
}
.content-imgbg-title02 ul li:nth-child(1){
padding-top:0.7em;
width:25%;
float:left;
text-align:center;
font-size: 1em;
line-height: 1.1em;
color:#11406d;

background-color: #e2e2e2;
}
.content-imgbg-title02 ul li:nth-child(1) span{
font-size: 0.9em;
line-height: 0.9em;
}

.content-imgbg-title02 ul li:nth-child(2){
padding-top:0.5em;
width:75%;
float:right;
}
.content-imgbg-title02 ul li:nth-child(2) p{

}

 .content-title01{
 letter-spacing:-0.2px;
 }
 .text-align-center{
 text-align:center;
 }

 .text-emphasis01{
 font-size:1.1em;
 color:#296cac;
  letter-spacing:-0.5px;
 }

/*비전 끝*/

img.ft_logo{
position: absolute;
width:20%;
right:0;
top:1em;;
}
.ft_logo_text > ul{
width:100%;
margin:0px auto;
}

.ft_logo_text > ul > li{
display:inline-block;
padding:0.8em 0.8em 0.8em 0em;
color:#fff;
}
.ft_logo_text > ul > li > h3{
font-size:20px;
}
.ft_logo_text > ul > li > p{
font-size:12px;
line-height: 22px;
letter-spacing:-1px;
}

.ft_logo_text > ul > li > p > span{
font-size:12px;
color:#838689;
}

div.ft_logo_text > ul > li:nth-child(1){
text-align:left;
width:100%;
}



.ft_logo_text{
padding-top:1.1em;
display:block;
color:#25282d;
text-align:center;
    position: relative;
}

.ft_logo_text a{
color:#b2c6e6;
}
.ft_logo_text a:hover {
        color:#5286c3;
}
.sec05{
margin: 0em 0em 0em 0em;
clear:both;

display:block;
}
.sec05 h3{
color:#fff;
}

.sec03{
width:100%;
margin: 0.5em 0.5em 0.5em 0.5em;
}

.sec03 > ul {


}

.sec03 > ul > li {
list-style-type : none;
float:left;
text-align:center;
display:block;
position: relative;
padding-right:0.8em;
padding-bottom:1em;
width: 24.5%;
}

.sec03 > ul > li:nth-child(1){

}
.sec03 > ul > li > a{
color:#333;
border: 1px solid #ccc;
    display: inline-block;
}
.sec03 > ul > li > a:hover{
color:#2d75b9;
}
.sec03 > ul > li > a > div{
width:100%;
text-align:center;
}
.sec03 > ul > li >  div > img {
width:100%;
}
.sec03 > ul > li > a > div > img {
width:100%;
}

.sec03 > ul > li > a > h3{
font-size: 1.2em;
    text-align: center;
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: block;
    background-color: #fff;
	color:#000;
}
.sec03 > ul > li > a > p{
font-size:0.9em;
text-align:center;
width:100%;
height:60px;
line-height:20px;
display:block;
background-color:#fff;
padding:0.5em;
}



.main_title_2{
width:100%;
}
.main_title_2 h3{
color:#000;
font-size:2em;
position: relative;
text-align:center;
line-height: 2em;
padding-top: 0.3em;
}
.bgcolor_gray {
    background-color: #e9edf6;
}

.bgcolor_white {
    background-color: #fff;
}

.heightdiv_100 {
    height: 80px !important;
}


.sec0555{
margin: 0em;
height:360px;
clear:both;
display: block;
position: relative;
}

.sec0555_1{
position:absolute; 
left:0%;
color:#fff;
width:100%;
height:278px;

}

.sec0555_1 h1{
padding-left:1em;
font-size:20px;
font-weight:bold;
color:#fff;
text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
}

.sec0555_1 h2{
padding-left:1.5em;
font-size:20px;
font-weight:bold;
color:#fff;
text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
}
.sec0555_1 ul{
padding-left:2.3em;
}
.sec0555_1 ul li{
padding:0.1em;
float:left;
}
.sec0555_1 ul li a{
color:#fff;
font-size:18px;
font-weight:bold;
text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
}
.sec0555_1 ul li::before {
  content: " · ";
 }

ul.com_title{

list-style-position: inside;
list-style-type: none;
padding: 0px 0px 0px 25px;

}
ul.com_title > li > span{
width:115px;
display:inline-block;
font-weight:bold;
letter-spacing:-1px;
}
ul.com_title > li{
letter-spacing:-0.5px;
line-height: 1.2;
font-size: 13pt;
display:list-item;
border-bottom: 0px solid #eee;
padding:0px 0px 10px 0px;
margin:0px 0px 0px -20px;
}


ul.com01{

list-style-position: outside;
list-style-type: disc;
padding: 0px 0px 0px 25px;

}

ul.com01 > li{
line-height: 1.2;
font-size: 13pt;
display:list-item;
border-bottom: 0px solid #eee;
padding:0px 0px 10px 0px;
}
ul.com01_not{

list-style-position: outside;
list-style-type: none;
padding: 0px 0px 0px 25px;

}

ul.com01_not > li:first-child {
margin:0px 0px 0px -10px;
}
ul.com01_not > li{
line-height: 1.2;
font-size: 13pt;
display:list-item;
border-bottom: 0px solid #eee;
padding:0px 0px 5px 0px;
}


ul.com02_not{

list-style-position: outside;
list-style-type: none;
padding: 0px 0px 0px 25px;

}

ul.com02_not > li{
line-height: 1.2;
font-size: 13pt;
display:list-item;
border-bottom: 0px solid #eee;
padding:0px 0px 10px 0px;
}


.overflowx{
overflow-x:auto;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    height: 0px;
}

/****TABLE LIST*******/
table.tbl_list { width:600px;border-collapse:collapse; border-spacing:0;}
table.tbl_list th{margin:1px 0 1px 0 ; border-bottom:#fff 1px solid ;}
table.tbl_list th.borderR{border:#d6d6d61px solid;}
table.tbl_list td{line-height:35px;  border:#d6dbde 1px solid ;padding: 0.2em 0.2em 0.2em .2em;}
table.tbl_list td img{line-height:20px;vertical-align:text-bottom}
table.tbl_list td.title { text-align:center; width:90px; color:#ff3333 }
table.tbl_list td.detail { padding-left:10px; text-align:left; }
table.tbl_list th { background-color: #5077a3;  color:#fff;padding:5px 0 0 10px;text-align:left;font-weight:bold }
table.tbl_list th a{
color:#fff;
}
.tbl_list .news2{
width:380px !important;
}
dl.detailList { margin:0; padding:0; width:400px; border-top:#f9fbfb 1px solid; }
dl.detailList dt { background-color:#bcd4db; width:60px; text-align:center; color:#fff; height:18px; display:block; font-size:90%; vertical-align:middle; float:left; padding:2px 0 3px; margin:0 5px 0 0 }
dl.detailList dd { width:370px; display:block; height:18px; padding:2px 0 3px; color:#666 ;}
td.detail strong { font-size:110%; padding:5px 0; display:block; }
table.tbl_list td.non{border-bottom:none}
table.tbl_list td.text01{ text-align:center; border-left:#afcdd6 1px solid; width:150px}

/****TABLE News ******/
table.news tbody tr{

}
table.news td.num{ width:40px;text-align:center;height:30px;}
table.news td.cat{width:60px;color:#004b70; text-align:center;}
table.news td.writer{width:100px; text-align:center;}
table.news td..date{ width:100px; text-align:center;}

ul.floatleft li{

width:100%;
padding:0.5em;
}
.Joingoto{
width:100% !important;
}
/* btn */
.btn_set{text-align:center; margin:10px 0px 0px;}
.btn_set:after{display:block;clear:both;content:''} 
.btn_set .a_right a{float:left; margin-left:5px;}
.btn_set .a_left a{float:left; margin-right:5px;}

.btn_set  div.div_right{ width:100% }
.btn_set  div.div_left{float:left; margin-right:5px;}

.btn_set  div.div_right .btn_color01{
display:block; line-height:70px; width:92px; vertical-align:middle; color:#FFFFFF; font-weight:bold; font-size:16px; margin: 0 auto; background-color:#074e9c;
cursor:pointer;
}
.btn_color01{display:inline-block;}
.btn_color01 span{display:block; line-height:32px; height:32px; vertical-align:middle; color:#FFFFFF; font-weight:bold; font-size:12px; padding:0px 20px; background-color:#f78628;}

.btn_gray{display:inline-block;}
.btn_gray span{display:block; line-height:32px; height:32px; vertical-align:middle; color:#FFFFFF; font-weight:bold; font-size:12px; padding:0px 20px; background-color:#95999a;}

/* 가운데 정렬 */
.outer {
  text-align: center;
 padding:0.5em;
}
.fontcolorred {
    color: #df5038 !important;
}
.main_title{
text-align: center;
width:100%	;
height:30px;
padding-top:1em;

display: inline-block;
}
.main_title a span{
float: right;
}

.main_title h3{
color:#5077a3;
font-size:2em;
}
.main_title h3 span{
color:#999;
font-size:0.8em;
line-height:15px;
}
.main_title p{
font-size:1.2em;

font-weight:bold;
text-align:left
}
.main_title p span{
color:#000;
font-size:0.9em;
font-weight:normal;

}

.inner_block {
  display: inline-block;
}


.request{
text-align: center;
width:350px;
height:70px;
padding-top:1em;
background:url('/theme/basic/img/request.png') no-repeat 0% 10px;
display: inline-block;
}

.request h3{
color:#fff;
font-size:1.3em;
}
.request h4{
font-size:1em;
color:#c2e47a;
}
.request h4 span{
color:#fff;
font-size:1em;
}


.online_request{
width:100%;
padding:1em;
background-color: #acb3bb;
display: inline-block;
}


.online_request > h3{
font-size:1.2em;
line-height:30px;
color: #20548f;
letter-spacing: -1.5px;
}
.online_request > ul{
float:left;
}
.online_request > ul > li{
font-size:1em;
font-weight:normal;
}
.online_request > div.Joingoto{
width:150px;
float:right;
font-size: 1.1em;
background-color:#bec9d6;
}
.online_request > div.Joingoto:hover{
background-color:#fff;
}


.btn_go{
  background:#56647c;
  color:#fff;
  border:none;
  position:relative;
  height:50px;
  font-size:1.1em;
  padding:0 2em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
  text-align:center;
  width:20%;
  font-weight:bold;
}


.btn_go:hover{
  background:#fff;
  color:#000;
}
.btn_go:before,.btn_go:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #006ab5;
  transition:400ms ease all;
}
.btn_go:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn_go:hover:before,.btn_go:hover:after{
  width:100%;
  transition:800ms ease all;
}

.btn_go a {
line-height:50px;
color:#fff;
}
.ft_info a{
color:#a4bfdf;
}


.con_0101{
    background: url('/theme/basic/img/0101.jpg') no-repeat top left;
padding-left: 105px;
    padding-top: 80px;
    background-size: 100%;
}
.con_0101 > h3{
font-size:1.3em;
color: #467ebb;
padding:20px 0px 5px 0px;
}

.con_0101 > h4{
font-size:1.1em;
color: #467ebb;
padding:10px 0px 5px 0px;
}


 .signin-wrapper {
  border: 15px solid transparent;

  border-image: url('/theme/basic/img/m-05.png') 1%;
}

.signin-wrapper2 {
    position: relative;   
    width:100%;
	height:445px;
	display: block; 
	background-image: url('/g5/theme/newtheme/img/sub/con01.jpg'); 

}

.signin-wrapper .column {


	padding: 10px;
	background-color: #FFF; 
	width: 100%; 
	min-height: 340px; 

	position: relative; 
	z-index: 100; 
	background-position: 0px 0px; 
	background-repeat: initial initial;

	}



 .signin-wrapper .column h1{
	font-family: 'Nanum Gothic','Lato', sans-serif;
	text-align:center;
	font-size:20px;
	font-weight:550;
	line-height:35px;
	margin-top: 5px;
	letter-spacing: -2px;
	width:100%;
	}
.signin-wrapper .column h2{
		text-align:center;
		font-size:24px;
		line-height:30px;
	}

 .signin-wrapper .column p{
		text-align:center;
		font-size:20px;
		line-height:30px;
	}

 .signin-wrapper .column h1 span{
		font-size:24px;

	}
 .signin-wrapper .column h1 span.fontcolor{
		color:#52a0d1;
		font-size:30px;
    }
.h1_p_0201 {
    padding-left: 0px;
    text-align: left !important;
}
ul.u_p_0201 {
    position: absolute;
    top: 60px;
    left: 20px;
}
ul.u_p_0201 li{
display:block;
}

ul.u_p_0201 span{
color: #327aa7;
}

.yscoll{
overflow:scroll;
width:100%;
}

table.type08 {
  border-collapse: collapse;
  text-align: left;
  line-height: 1.5;
  border-left: 1px solid #ccc;
  margin: 10px 0px 10px 0px;
  width:600px;

}

table.type08 thead th {
    padding: 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #c39a85;
    background: #467dbb;
    text-align: center;
    color: #f7f8fc;
}
table.type08 tbody th {
  width: 150px;
  padding: 0px;
  font-weight: bold;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align:center;
  font-size:1.5em;
  color:#fff;
  height:3.8em;
  vertical-align: middle;
}
table.type08 td {
  font-size:1em;
  padding: 8px;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
    text-align:center;
}
table.type08 td.textleft {
    text-align:left;
	  padding-left: 15px;
}
table.type08 tr:nth-child(odd) {
    background-color: #e5e9eb;
}

/*tab css*/
        .allWrap{width: 100%;margin:0 auto;}
        .tabBox{margin:20px 0}
        .tab-link{width: 49%;display: inline-block;padding:15px;text-align: center;background-color:#929090;border-radius: 5px;color:#fff;cursor: pointer;
        }
        .tab-link.current{
            background-color: #5077a3;
            font-weight: 600;
        }
        .tab-content{
            display: none;
        }
        .tab-content.current{
            display: block;
            width: 98%;
            min-height: 300px;
        
            text-align: center;
            line-height: 250px;
        }


.tab-content.current p {
            text-align: left;
		    line-height: 24px;
}

.tab-content.current p strong{
line-height: 30px;
    font-size: 1.2em;
    padding-top: 0.5em;
    display: inline-block;
}


.css_cer{
width:100%;
text-align:center;

}

.css_cer .css_cer1{
display:none;
float:left;
width:20%;
background:url('/theme/basic/img/title_cer.jpg') no-repeat 6px 10px;
height:500px;
position:relative; 
}
.css_cer .css_cer1 span{
position:absolute;
top:150px;
left:10px;
font-family:'Malgun Gothic';font-size: 16px;font-weight: bold;
letter-spacing:-1px;
text-align:left;
line-height: 20px;
}
.css_cer .css_cer2{
background:url('/theme/basic/img/arr.jpg') no-repeat 300px 60px;
font-family:'Malgun Gothic';
float:left;
width:50%;
text-align:left;
padding:10px 5px 0px 0px;
}
.css_cer .css_cer2 h1{
text-align:left;
font-size: 20px;line-height: 30px;
color:#1562bb;
}
.css_cer .css_cer2 p{
text-align:left;
font-size: 13px;line-height: 18px;
}
.css_cer .css_cer3{
float:left;
width:50%;
padding:10px 0px 0px 0px;
}
.css_cer .css_cer3 h1{
text-align:left;
font-size: 20px;line-height: 30px;
color:#1562bb;
}
.css_cer .css_cer3 p{
text-align:left;
font-size: 13px;line-height: 18px;
}

.css_cer .css_cer2 input{
height:35px;width:85%;margin:3px 0 3px 0px;
}

/* -------------------- Page Styles (not required) */


/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   background: url(/images/common/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 140px;
   margin:0 0 10px 0;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 220px;
}

.styled-select.slate {
  background: url(/images/common/2e3ybe1.jpg) no-repeat right center;
  height: 45px;
  width: 100%;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 14px;
   height: 34px;
   width: 100%;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #000; }
.black select   { color: #fff; }


/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("/images/common/15xvbd5.png") no-repeat scroll 319px center;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http:///images/common/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

select#soflow-color {
   color: #fff;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
}



.certi{
margin:0px 20px 2px 20px;
width:92px;
float:left;
opacity: 0.5;
}
.certi  img{

}

.certi2{
margin:0px 20px 2px 20px;
width:92px;
float:left;
opacity: 0.5;
}
.certi2  img{

}


.recei{
margin:0px 0px 0px 0px;
width:92px;
float:left;
opacity: 0.5;
}
.recei  img{

}



}

/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (min-width:480px) and (max-width:767px) { /*스타일입력*/

.displaynone{
display:none !important;
} 
.imgline_auto {
    padding: 0.5em;
    border: solid 1px #eee;
    margin: 0.5em;
}


ul.ul_li_fontsize9 li{
font-size:1em;
line-height:1em !important;
letter-spacing:-1px;
}

/*서치*/
#sch_result{
padding:0.5em;
}
#sch_res_detail .frm_input {
width: 60%;
}

#sch_res_detail .btn_submit {

    width: 30%;

}
#sch_stx::placeholder {

  color:#000;

}

#sch_stx{
  padding-left:1em;
}

#hd_sch {
position: relative;
    margin:0px auto;
	clear:both;
    background: #f3f3f3;
    border-bottom: 1px solid #ccc;
}

#hd_sch #sch_submit {

 right: 0;
top: 3px;
}

#hd_sch #sch_stx {
 
    background: #c2c7cc;

    color: #000;
}
/*추가소스*/
#mc-search-form{
display:none;
}
.mwidth50 {
width:50%;
}
.floatright {
float:right;
}
.etc_2{

}
.etc_1{

}
.etc_0{

}
.sort_list li.sort_B {float:left; 
float: left;
    margin-top: 1.8em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 1.5em;
    height: 230px;
    width: 45%;
}

.sort_list li.sort_B .list_div {overflow:hidden; position:relative;    width: 100%;
    height: 100%;}
.sort_list li.sort_B .list_div .icon {text-align:center;overflow:hidden; border:1px solid #c8c8c8; 
box-sizing:border-box; transition-duration:0.3s; -webkit-transition-duration:0.3s; position:relative; margin-bottom:8px; 

height:100%; width:100%;


}
.sort_list li.sort_B .list_div:hover .icon {border:1px solid #41a1dd;}
.sort_list li.sort_B .list_div .icon img {transition-duration:0.5s; -webkit-transition-duration:0.5s;width:60%;vertical-align:middle;padding-top:2em; }
.sort_list li.sort_B .list_div:hover .icon img {transform:scale(1.05); -webkit-transform:scale(1.05);image-rendering: auto;
}
.sort_list li.sort_B .list_div p {overflow:hidden; text-align:center; position:absolute; line-height:35px; bottom:0px;width: 99%;}
.sort_list li.sort_B .list_div p:after {color:#666; font-size:14px; position:absolute; right:0px; bottom:0px;
content: url('');

}
.sort_list li.sort_B .list_div p span {display:block; overflow:hidden; color:#000; font-size:1.1em;font-weight:bold; line-height:1.25em; 
position:relative; transition-duration:0.2s; -webkit-transition-duration:0.2s; padding-right:5px; min-height:35px;}
.sort_list li.sort_B .list_div p span:after {background-color:#fff; content:""; position:absolute; right:0; bottom:1px; height:6px; width:12px; z-index:1;}
.sort_list li.sort_B .list_div:hover span {color:#41a1dd;}
.sort_list li.sort_B .list_div:hover p:after {color:#41a1dd;}
.sort_list li.sort_B .list_div a {/*background-color:#ccc; opacity:.2;*/ position:absolute; left:0; top:0; height:100%; width:100%; z-index:1;}


/*제품*/
.border_rightnone {
    border-right: 0px !important;
}
table.type05 > thead > tr > th:nth-child(n+3):nth-child(-n+10),table.type05 > tbody > tr > td:nth-child(n+3):nth-child(-n+10){
display:none;
}


.tbl_head01 caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
table.type05 {
  border-collapse: collapse;
  text-align: left;
  line-height: 1.5;
  border-left: 1px solid #ccc;
  width:100%;
}

table.type05 thead th {
padding: 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #6889af;
    border-bottom: 2px solid #6889af;
    background: #a9c8eb;
    text-align: center;
    color: #264a73;
    height: 60px;

}
table.type05 tbody th {
  width: 150px;
  padding: 0px;
  font-weight: bold;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align:center;
  font-size:1.5em;
  color:#fff;
  height:3.8em;
  vertical-align: middle;
}
table.type05 td {
  font-size:1em;
  padding: 4px;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  text-align:center;
  height: 35px;
}
.td_90{
width:90px !important;
}

table.type05 td.textleft {
    text-align:left;
	  padding-left: 15px;
}
table.type05 tr:nth-child(odd) {
    background-color: #e5e9eb;
}


#bo_btn_top{
    margin: 2px 0 !important;
}
a.button {
  display: block;
  position: relative;
  float: left;
  width: 120px;
    padding: 0;
    margin: 0.5em 1em 0.5em 0;
  font-weight: 600;
  text-align: center;
  line-height: 35px;
  color: #FFF;
  border-radius: 5px;
  transition: all 0.2s ;

}
a.button span{
  font-size: 0.9em;
 max-width: calc(100% - 38px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.btnLightBlueLight {
    background: #f0f5f9;
}
.borderline {
    border: solid 1px #cfcfcf;
}
.fontcolorblue {
    color: #5286c3 !important;
}

.sec02{
width:100%;
margin: 0em 0em 0em 0.5em;

}

.sec02 > ul {
list-style-type : none;
margin:0 auto;
clear:both;
padding: 0;
width:100%;
height:auto;
}

.sec02 > ul > li {
list-style-type : none;
float:left;
text-align:center;
display:inline-block
position: relative;
padding-right:0.5em;
}

.width70{
width:70%  !important;
}
.width50{
width:50%  !important;
}

.width30{
width:100%;
}
.mwidth30{
width:32%  !important;
}

/* 진료과목-index List */
figure {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.sort_list {overflow:hidden; margin: 0px 0px 0px 0px;padding-left:0.9em}
.sort_list ul {overflow:hidden; margin-top:-25px; margin-left:-9px;}
.sort_list li.sort_A {float:left; margin-top:25px; margin-left:9px; height:350px; width:100%;}

.sort_list li.sort_A .list_div {overflow:hidden; position:relative;}
.sort_list li.sort_A .list_div .icon {text-align:center;overflow:hidden; border:1px solid #c8c8c8; box-sizing:border-box; transition-duration:0.3s; -webkit-transition-duration:0.3s; position:relative; margin-bottom:8px; height:300px; width:45%;}
.sort_list li.sort_A .list_div:hover .icon {border:1px solid #41a1dd;}
.sort_list li.sort_A .list_div .icon img {transition-duration:0.5s; -webkit-transition-duration:0.5s; }
.sort_list li.sort_A .list_div:hover .icon img {transform:scale(1.05); -webkit-transform:scale(1.05);}
.sort_list li.sort_A .list_div p {overflow:hidden; text-align:left; position: absolute;top:10px; right:15px;width:50%}
.sort_list li.sort_A .list_div p:after {content:"..."; color:#666; font-size:14px; position:absolute; right:-1px; bottom:1px;}
.sort_list li.sort_A .list_div p span {display:block; overflow:hidden; color:#666; font-size:16px;letter-spacing:-0.5px; line-height:1.25em; position:relative; transition-duration:0.2s; -webkit-transition-duration:0.2s; padding-right:5px;}
.sort_list li.sort_A .list_div p span.title{font-size:1.1em;font-weight:bold;color:#11406d;letter-spacing:-1px;}
.sort_list li.sort_A .list_div ul.content{overflow:hidden; text-align:left; position: absolute;top:4.8em; right:0px;width:50%}
.sort_list li.sort_A .list_div p span:after {}

.sort_list li.sort_A .list_div:hover span {color:#41a1dd;}
.sort_list li.sort_A .list_div:hover p:after {color:#41a1dd;}
.sort_list li.sort_A .list_div a {/*background-color:#ccc; opacity:.2;*/ position:absolute; left:0; top:0; height:100%; width:100%; z-index:1;}

.sort_list li.sort_A .list_div span.button {
  display: block;
  position: absolute;

  left: 50%;
  bottom:0px;
  transform: translate(0%, 0%);

  bottom:5px;
  width: 150px;
  padding: 0;
  margin: 30px 20px 10px 20px;
  font-weight: 600;
  text-align: center;
  font-size:1.2em  !important;
  line-height: 60px !important;
  color: #FFF  !important;
  border-radius: 5px;
  transition: all 0.2s ;
  background: #ea4335;
}
.sort_list li.sort_A .list_div:hover span.button {
  background: #fa6458;
}


/*MODULE*/

.container_gallery{width:100%;margin:0 auto;overflow:hidden;}
.gallery{margin:0px 0px;box-sizing:border-box;}
.gallery:after{content:"";display:block;clear:both;visibility: hidden;}
.gallery li{width:50%;float:left;box-sizing:border-box;padding:0 5px;margin:0 0 5px 0;}
.gallery li img{width:100%;height:auto;    border: 1px solid #ccc;cursor:pointer}
.gallery li p{
text-align:center;
font-size:1em;
padding:0.2em;
font-weight:bold;
letter-spacing:-1px;
    display: block;
    height: 50px;
}


/*부서별 연락처*/
.box{
width:100%;
height:200px;
display:inline-block;
border: 1px solid #b3d1ed;
margin-bottom: 1em;
}
.box h2{
font-size:1.3em;
text-align:center;
padding:0.5em;
border-bottom: 2px solid #b3d1ed;
}
.box p{
font-size:1.2em;
padding:0.5em;
line-height:1.5em;
}
.box p span{
font-size:0.9em !important;
}
.floatcenter{
margin-left:0em;
}
/*COSAL Road Map*/

ul.lee{
list-style-position: outside;
list-style-type: circle;
padding: 0px 0px 0px 20px;
}
ul.lee > li{
    display:list-item;
    border-bottom: 0px solid #eee;
    line-height: 1.5em;
	padding:0px 0px 10px 0px;
	
}

ul.lee > li.title2{
padding:0.3em;
line-height:0.9em;
}
ul.lee > li.title2::before{
content:" - ";
}

ul.ul_img_W{
display:inline-block;
float:left;
width:100%
}

ul ul.li_floatleft_w10{

}


ul ul.li_floatleft_w10 li{
width:20%;
float:left;
padding:0px;	
}
ul.ul_img_W li{
line-height:1.2em;

width: 100%;
border-bottom:0px solid #eee;
padding:5px 0px 5px 0px;
}
ul.ul_img_W li p{
font-size: 1em;
font-weight:bold;
letter-spacing:-1px;
}

ul.ul_img_W li  h2 {
    font-size: 1em;
    line-height: 1.1em;
    color: #0550a3;
	letter-spacing:-1px;
}
.noborder{
border-bottom:0px solid #eee !important;
}

ul.ul_img_W  li span{
padding:0 0 10px 0;
}

ul.ul_img_W  li span img{
display:inline-block;
}


ul.ul_img_W > li >  ul > li.title{
font-weight: bold;
}

div.item{
width:100%;
display: table-cell;
font-weight:bold;
float:left;
padding-bottom:0.5em;
font-size:17px;
}
div.item::after{

}

div.i_value{
width:100%;
display: table-cell;
float:left;
padding-bottom:0.5em;
font-size:0.9em;
letter-spacing: 0px;
}

.imgline{
width:100%;
border:solid 0px #eee;
position: relative;
min-height: 200px;
  display: inline-block;

}
.imgline img{

    width: 80%;

 
 }

#ctt_con{
padding:0px !important;
}
.width50 {
    width: 100% !important;
    padding-top: 1em;
    display: inline-block;
}
.textaligncenter {
    text-align: center;
}

.btnLightBlue {
    background: #30689d;
}
.span_button {
  display: block;
  position: relative;
  padding: 0;

  font-weight: 800;
  text-align: center;
  line-height: 50px;
  color: #FFF;
  border-radius: 5px;
  transition: all 0.2s ;
}
/* 찾아오시는길*/
.location,.contents{
width:100%;
}
.floatleft {
    float: left;
}

.width70 {
    width: 100% !important;
	margin-bottom:1em;
}

.btnBlueGreen {
    background: #11406c;
}

.btnOrange {
    background: #ea4335;
}



#ctt_con > h2{
font-size:1.1em;
line-height:1.4em;
color:#11406d;
 letter-spacing:-1px;

}



h2.arrow{font-size:1.1em;line-height:1.2em;letter-spacing:-0.025em;color: #11406d;}
p.arrow{padding-left:1em;font-size:1.1em;line-height:1.45;letter-spacing:-0.025em;color:#424242;}

/* 조직도*/
.wrap-vertical{
  width: 100%;
  padding: 0px;
  overflow: scroll;
  border: 0px solid #000;
   /* 가로 스크롤 */
  overflow: auto;
  white-space: nowrap;
  text-align:center;
}
.wrap-vertical-auto{
  width: 100%;
  padding: 0px;
  overflow: scroll;
  border: 0px solid #000;
   /* 가로 스크롤 */
  overflow: auto;
  white-space: nowrap;
  text-align:center;
}

.wrap-vertical-auto img{
  width: 100%;
}


/*연혁*/

.organization{
padding-left:28px;
    max-width: none !important;
}

.__tab {display:table;width:100%;table-layout:fixed;margin-bottom:1em;}
.__tab a {display:table-cell;vertical-align:middle;height:60px;position:relative;text-align:center;color:#333;background:#f2f2f2;border-top:2px solid transparent;border-bottom:2px solid transparent;font-size:1em;}
.__tab a:hover {color:#1b3e6c;background:#e5ebf4;}
.__tab .active {color:#1b3e6c;font-weight:bold;border-bottom-color:#1b3e6c;background:#e5ebf4;}

._box {display:none;}
._box.active {display:block;}


.__history {position:relative;padding-left:0px;}
.__history h3 {position:absolute;left:0;top:0;font-size:45px;font-weight:bold;color:#111;display:none}
.__history h3 em {font-style:normal;font-weight:normal;}
.__history .area {border-top:1px solid #ddd;padding-top:25px;}
.__history .area dl {border-bottom:1px solid #ddd;margin-bottom:25px;padding-bottom:25px;position:relative;padding-left:6em;}
.__history .area dl:last-child {margin-bottom:0;}
.__history .area dl dt {position:absolute;left:0;top:5px;font-size:22px;color:#1b3e6c;font-weight:bold;}
.__history .area dl dd {font-size:1em;color:#000;line-height:1.2em;}

/*비전 시작*/

#ctt_con > h3{
font-size:1.1em;
line-height:1.5em;
color:#555;
padding-bottom:1em;
 letter-spacing:-0.2px;
}

.content-diagram01{
     width: 100%;
    margin: 0em;
    min-height: 345px;
}
.content-diagram01 ul{
   list-style-type: none;
    margin: 0 auto;
    clear: both;
    padding: 2em;
    width: 100%;
    height: auto;
}
.content-diagram01 ul li{
    list-style-type: none;
    float: left;
    text-align: center;
    display: block;
    position: relative;
   padding: 0.5em;
}


.content-imgbg-title01{
background-image: url( "/theme/new/img/sub01_5.jpg" );
background-size:100%;
font-size: 1.2em;
    text-align: center;
    width: 100%;
    height: 86px;
    line-height: 86px;
    display: block;
	color:#fff;
    margin-bottom: 2px;
}

.content-imgbg-title02{
/*background-image: url( "/theme/new/img/sub01_7.jpg" );*/
background-size:100%;
display: block;
border-bottom: 1px solid #ccc;
min-height: 120px;
}


.content-imgbg-title02 ul li{
padding:0.2em;
display:inline-block;
min-height: 120px;
}
.content-imgbg-title02 ul li:nth-child(1){
padding-top:0.7em;
width:25%;
float:left;
text-align:center;
font-size: 1em;
line-height: 1.1em;
color:#11406d;

background-color: #e2e2e2;
}
.content-imgbg-title02 ul li:nth-child(1) span{
font-size: 0.9em;
line-height: 0.9em;
}

.content-imgbg-title02 ul li:nth-child(2){
padding-top:0.5em;
width:75%;
float:right;
}
.content-imgbg-title02 ul li:nth-child(2) p{

}

 .content-title01{
 letter-spacing:-0.2px;
 }
 .text-align-center{
 text-align:center;
 }

 .text-emphasis01{
 font-size:1.1em;
 color:#296cac;
  letter-spacing:-0.5px;
 }

/*비전 끝*/

img.ft_logo{
position: absolute;
width:20%;
right:0;
top:1em;;
}
.ft_logo_text > ul{
width:100%;
margin:0px auto;
}

.ft_logo_text > ul > li{
display:inline-block;
padding:0.8em 0.8em 0.8em 0em;
color:#fff;
}
.ft_logo_text > ul > li > h3{
font-size:20px;
}
.ft_logo_text > ul > li > p{
font-size:12px;
line-height: 22px;
letter-spacing:-1px;
}

.ft_logo_text > ul > li > p > span{
font-size:12px;
color:#838689;
}

div.ft_logo_text > ul > li:nth-child(1){
text-align:left;
width:100%;
}



.ft_logo_text{
padding-top:1.1em;
display:block;
color:#25282d;
text-align:center;
    position: relative;
}

.ft_logo_text a{
color:#333;
}
.ft_logo_text a:hover {
        color:#5286c3;
}
.sec05{
margin: 0em 0em 0em 0em;
clear:both;

display:block;
}
.sec05 h3{
color:#fff;
}

.sec03{
width:100%;
margin: 0.5em 0.5em 0.5em 0.5em;
}

.sec03 > ul {


}

.sec03 > ul > li {
list-style-type : none;
float:left;
text-align:center;
display:block;
position: relative;
padding-right:0.8em;
padding-bottom:1em;
width: 46%;
}

.sec03 > ul > li:nth-child(1){

}
.sec03 > ul > li > a{
color:#333;
border: 1px solid #ccc;
    display: inline-block;
}
.sec03 > ul > li > a:hover{
color:#2d75b9;
}
.sec03 > ul > li > a > div{
width:100%;
text-align:center;
}
.sec03 > ul > li >  div > img {
width:100%;
}
.sec03 > ul > li > a > div > img {
width:100%;
}

.sec03 > ul > li > a > h3{
font-size: 1.4em;
    text-align: center;
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: block;
    background-color: #fff;
	color:#000;
}
.sec03 > ul > li > a > p{
font-size:1em;
text-align:center;
width:100%;
height:60px;
line-height:20px;
display:block;
background-color:#fff;
padding:0.5em;
}



.main_title_2{
width:100%;
}
.main_title_2 h3{
color:#000;
font-size:2em;
position: relative;
text-align:center;
line-height: 2em;
padding-top: 0.3em;
}
.bgcolor_gray {
    background-color: #e9edf6;
}

.bgcolor_white {
    background-color: #fff;
}

.heightdiv_100 {
    height: 80px !important;
}


.sec0555{
margin: 0em;
height:360px;
clear:both;
display: block;
position: relative;
}

.sec0555_1{
position:absolute; 
left:0%;
color:#fff;
width:100%;
height:278px;

}

.sec0555_1 h1{
padding-left:1em;
font-size:20px;
font-weight:bold;
color:#fff;
text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
}

.sec0555_1 h2{
padding-left:1.5em;
font-size:20px;
font-weight:bold;
color:#fff;
text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
}
.sec0555_1 ul{
padding-left:2.3em;
}
.sec0555_1 ul li{
padding:0.1em;
float:left;
}
.sec0555_1 ul li a{
color:#fff;
font-size:18px;
font-weight:bold;
text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
}
.sec0555_1 ul li::before {
  content: " · ";
 }

ul.com_title{

list-style-position: inside;
list-style-type: none;
padding: 0px 0px 0px 25px;

}
ul.com_title > li > span{
width:115px;
display:inline-block;
font-weight:bold;
letter-spacing:-1px;
}
ul.com_title > li{
letter-spacing:-0.5px;
line-height: 1.2;
font-size: 13pt;
display:list-item;
border-bottom: 0px solid #eee;
padding:0px 0px 10px 0px;
margin:0px 0px 0px -20px;
}


ul.com01{

list-style-position: outside;
list-style-type: disc;
padding: 0px 0px 0px 25px;

}

ul.com01 > li{
line-height: 1.2;
font-size: 13pt;
display:list-item;
border-bottom: 0px solid #eee;
padding:0px 0px 10px 0px;
}
ul.com01_not{

list-style-position: outside;
list-style-type: none;
padding: 0px 0px 0px 25px;

}

ul.com01_not > li:first-child {
margin:0px 0px 0px -10px;
}
ul.com01_not > li{
line-height: 1.2;
font-size: 13pt;
display:list-item;
border-bottom: 0px solid #eee;
padding:0px 0px 5px 0px;
}


ul.com02_not{

list-style-position: outside;
list-style-type: none;
padding: 0px 0px 0px 25px;

}

ul.com02_not > li{
line-height: 1.2;
font-size: 13pt;
display:list-item;
border-bottom: 0px solid #eee;
padding:0px 0px 10px 0px;
}


.overflowx{
overflow-x:auto;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    height: 0px;
}

/****TABLE LIST*******/
table.tbl_list { width:600px;border-collapse:collapse; border-spacing:0;}
table.tbl_list th{margin:1px 0 1px 0 ; border-bottom:#fff 1px solid ;}
table.tbl_list th.borderR{border:#d6d6d61px solid;}
table.tbl_list td{line-height:35px;  border:#d6dbde 1px solid ;padding: 0.2em 0.2em 0.2em .2em;}
table.tbl_list td img{line-height:20px;vertical-align:text-bottom}
table.tbl_list td.title { text-align:center; width:90px; color:#ff3333 }
table.tbl_list td.detail { padding-left:10px; text-align:left; }
table.tbl_list th { background-color: #5077a3;  color:#fff;padding:5px 0 0 10px;text-align:left;font-weight:bold }
table.tbl_list th a{
color:#fff;
}
.tbl_list .news2{
width:380px !important;
}
dl.detailList { margin:0; padding:0; width:400px; border-top:#f9fbfb 1px solid; }
dl.detailList dt { background-color:#bcd4db; width:60px; text-align:center; color:#fff; height:18px; display:block; font-size:90%; vertical-align:middle; float:left; padding:2px 0 3px; margin:0 5px 0 0 }
dl.detailList dd { width:370px; display:block; height:18px; padding:2px 0 3px; color:#666 ;}
td.detail strong { font-size:110%; padding:5px 0; display:block; }
table.tbl_list td.non{border-bottom:none}
table.tbl_list td.text01{ text-align:center; border-left:#afcdd6 1px solid; width:150px}

/****TABLE News ******/
table.news tbody tr{

}
table.news td.num{ width:40px;text-align:center;height:30px;}
table.news td.cat{width:60px;color:#004b70; text-align:center;}
table.news td.writer{width:100px; text-align:center;}
table.news td..date{ width:100px; text-align:center;}

ul.floatleft li{

width:100%;
padding:0.5em;
}
.Joingoto{
width:100% !important;
}
/* btn */
.btn_set{text-align:center; margin:10px 0px 0px;}
.btn_set:after{display:block;clear:both;content:''} 
.btn_set .a_right a{float:left; margin-left:5px;}
.btn_set .a_left a{float:left; margin-right:5px;}

.btn_set  div.div_right{ width:100% }
.btn_set  div.div_left{float:left; margin-right:5px;}

.btn_set  div.div_right .btn_color01{
display:block; line-height:70px; width:92px; vertical-align:middle; color:#FFFFFF; font-weight:bold; font-size:16px; margin: 0 auto; background-color:#074e9c;
cursor:pointer;
}
.btn_color01{display:inline-block;}
.btn_color01 span{display:block; line-height:32px; height:32px; vertical-align:middle; color:#FFFFFF; font-weight:bold; font-size:12px; padding:0px 20px; background-color:#f78628;}

.btn_gray{display:inline-block;}
.btn_gray span{display:block; line-height:32px; height:32px; vertical-align:middle; color:#FFFFFF; font-weight:bold; font-size:12px; padding:0px 20px; background-color:#95999a;}

/* 가운데 정렬 */
.outer {
  text-align: center;
 padding:0.5em;
}
.fontcolorred {
    color: #df5038 !important;
}
.main_title{
text-align: center;
width:100%	;
height:30px;
padding-top:1em;

display: inline-block;
}
.main_title a span{
float: right;
}

.main_title h3{
color:#5077a3;
font-size:2em;
}
.main_title h3 span{
color:#999;
font-size:0.8em;
line-height:15px;
}
.main_title p{
font-size:1.2em;

font-weight:bold;
text-align:left
}
.main_title p span{
color:#000;
font-size:0.9em;
font-weight:normal;

}

.inner_block {
  display: inline-block;
}


.request{
text-align: center;
width:350px;
height:70px;
padding-top:1em;
background:url('/theme/basic/img/request.png') no-repeat 0% 10px;
display: inline-block;
}

.request h3{
color:#fff;
font-size:1.3em;
}
.request h4{
font-size:1em;
color:#c2e47a;
}
.request h4 span{
color:#fff;
font-size:1em;
}


.online_request{
width:100%;
padding:1em;
background-color: #acb3bb;
display: inline-block;
}


.online_request > h3{
font-size:1.2em;
line-height:30px;
color: #20548f;
letter-spacing: -1.5px;
}
.online_request > ul{
float:left;
}
.online_request > ul > li{
font-size:1em;
font-weight:normal;
}
.online_request > div.Joingoto{
width:150px;
float:right;
font-size: 1.1em;
background-color:#bec9d6;
}
.online_request > div.Joingoto:hover{
background-color:#fff;
}


.btn_go{
  background:#56647c;
  color:#fff;
  border:none;
  position:relative;
  height:50px;
  font-size:1.1em;
  padding:0 2em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
  text-align:center;
  width:20%;
  font-weight:bold;
}


.btn_go:hover{
  background:#fff;
  color:#000;
}
.btn_go:before,.btn_go:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #006ab5;
  transition:400ms ease all;
}
.btn_go:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn_go:hover:before,.btn_go:hover:after{
  width:100%;
  transition:800ms ease all;
}

.btn_go a {
line-height:50px;
color:#fff;
}
.ft_info a{
color:#a4bfdf;
}


.con_0101{
    background: url('/theme/basic/img/0101.jpg') no-repeat top left;
padding-left: 105px;
    padding-top: 80px;
    background-size: 100%;
}
.con_0101 > h3{
font-size:1.3em;
color: #467ebb;
padding:20px 0px 5px 0px;
}

.con_0101 > h4{
font-size:1.1em;
color: #467ebb;
padding:10px 0px 5px 0px;
}


 .signin-wrapper {
  border: 15px solid transparent;

  border-image: url('/theme/basic/img/m-05.png') 1%;
}

.signin-wrapper2 {
    position: relative;   
    width:100%;
	height:445px;
	display: block; 
	background-image: url('/g5/theme/newtheme/img/sub/con01.jpg'); 

}

.signin-wrapper .column {


	padding: 10px;
	background-color: #FFF; 
	width: 100%; 
	min-height: 340px; 

	position: relative; 
	z-index: 100; 
	background-position: 0px 0px; 
	background-repeat: initial initial;

	}



 .signin-wrapper .column h1{
	font-family: 'Nanum Gothic','Lato', sans-serif;
	text-align:center;
	font-size:20px;
	font-weight:550;
	line-height:35px;
	margin-top: 5px;
	letter-spacing: -2px;
	width:100%;
	}
.signin-wrapper .column h2{
		text-align:center;
		font-size:24px;
		line-height:30px;
	}

 .signin-wrapper .column p{
		text-align:center;
		font-size:20px;
		line-height:30px;
	}

 .signin-wrapper .column h1 span{
		font-size:24px;

	}
 .signin-wrapper .column h1 span.fontcolor{
		color:#52a0d1;
		font-size:30px;
    }
.h1_p_0201 {
    padding-left: 0px;
    text-align: left !important;
}
ul.u_p_0201 {
    position: absolute;
    top: 60px;
    left: 20px;
}
ul.u_p_0201 li{
display:block;
}

ul.u_p_0201 span{
color: #327aa7;
}

.yscoll{
overflow:scroll;
width:100%;
}

table.type08 {
  border-collapse: collapse;
  text-align: left;
  line-height: 1.5;
  border-left: 1px solid #ccc;
  margin: 10px 0px 10px 0px;
  width:600px;

}

table.type08 thead th {
    padding: 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #c39a85;
    background: #467dbb;
    text-align: center;
    color: #f7f8fc;
}
table.type08 tbody th {
  width: 150px;
  padding: 0px;
  font-weight: bold;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align:center;
  font-size:1.5em;
  color:#fff;
  height:3.8em;
  vertical-align: middle;
}
table.type08 td {
  font-size:1em;
  padding: 8px;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
    text-align:center;
}
table.type08 td.textleft {
    text-align:left;
	  padding-left: 15px;
}
table.type08 tr:nth-child(odd) {
    background-color: #e5e9eb;
}

/*tab css*/
        .allWrap{width: 100%;margin:0 auto;}
        .tabBox{margin:20px 0}
        .tab-link{width: 49%;display: inline-block;padding:15px;text-align: center;background-color:#929090;border-radius: 5px;color:#fff;cursor: pointer;
        }
        .tab-link.current{
            background-color: #5077a3;
            font-weight: 600;
        }
        .tab-content{
            display: none;
        }
        .tab-content.current{
            display: block;
            width: 98%;
            min-height: 300px;
        
            text-align: center;
            line-height: 250px;
        }


.tab-content.current p {
            text-align: left;
		    line-height: 24px;
}

.tab-content.current p strong{
line-height: 30px;
    font-size: 1.2em;
    padding-top: 0.5em;
    display: inline-block;
}


.css_cer{
width:100%;
text-align:center;

}

.css_cer .css_cer1{
display:none;
float:left;
width:20%;
background:url('/theme/basic/img/title_cer.jpg') no-repeat 6px 10px;
height:500px;
position:relative; 
}
.css_cer .css_cer1 span{
position:absolute;
top:150px;
left:10px;
font-family:'Malgun Gothic';font-size: 16px;font-weight: bold;
letter-spacing:-1px;
text-align:left;
line-height: 20px;
}
.css_cer .css_cer2{
background:url('/theme/basic/img/arr.jpg') no-repeat 300px 60px;
font-family:'Malgun Gothic';
float:left;
width:50%;
text-align:left;
padding:10px 5px 0px 0px;
}
.css_cer .css_cer2 h1{
text-align:left;
font-size: 20px;line-height: 30px;
color:#1562bb;
}
.css_cer .css_cer2 p{
text-align:left;
font-size: 13px;line-height: 18px;
}
.css_cer .css_cer3{
float:left;
width:50%;
padding:10px 0px 0px 0px;
}
.css_cer .css_cer3 h1{
text-align:left;
font-size: 20px;line-height: 30px;
color:#1562bb;
}
.css_cer .css_cer3 p{
text-align:left;
font-size: 13px;line-height: 18px;
}

.css_cer .css_cer2 input{
height:35px;width:85%;margin:3px 0 3px 0px;
}

/* -------------------- Page Styles (not required) */


/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   background: url(/images/common/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 140px;
   margin:0 0 10px 0;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 220px;
}

.styled-select.slate {
  background: url(/images/common/2e3ybe1.jpg) no-repeat right center;
  height: 45px;
  width: 100%;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 14px;
   height: 34px;
   width: 100%;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #000; }
.black select   { color: #fff; }


/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("/images/common/15xvbd5.png") no-repeat scroll 319px center;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http:///images/common/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

select#soflow-color {
   color: #fff;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
}



.certi{
margin:0px 20px 2px 20px;
width:92px;
float:left;
opacity: 0.5;
}
.certi  img{

}

.certi2{
margin:0px 20px 2px 20px;
width:92px;
float:left;
opacity: 0.5;
}
.certi2  img{

}


.recei{
margin:0px 0px 0px 0px;
width:92px;
float:left;
opacity: 0.5;
}
.recei  img{

}


}

/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/

.callcenter{
width:100%;
height:200px;
background: url('/theme/basic/img/callcenter.jpg?ver=01') no-repeat; 
background-size: cover;
display:block;
}
@media all and (max-width:479px) { /*스타일입력*/

ul.floatleftp0{
width:100%;
}
ul.floatleftp0 li{
	padding:0.5em;
}
ul.floatleftp0 li a img{
width:100%;
}



.list-style-none{
list-style: none !important;
}
.m-paddingleft{
padding-left: 1em;
}
.picline{    
    width: 100%;
    position: relative;
    border: 1px solid #c8c8c8;
	padding:1em;
	text-align:center;
}

.picline img
 {  
 width: 80%  !important;
  border: 0px solid #ccc !important;

}
.displaynone {
    display: none !important;
}
 .m-text-align-center{
 text-align:center;
 }
.text-emphasis03 {
    font-size: 1.5em;
    letter-spacing: -0.5px;
}
.m-borderbttom{
    border-bottom: 2px solid #e8e7e7;
    padding-bottom: 0.3em;
}
.content-diagram02{
width:100%;

position: relative;
display:block;
/*background: url('/theme/basic/img/core_1.jpg') no-repeat; 
background-position: center center;*/
}
.content-diagram02 div img{

        width:100%;
		
		image-rendering: -moz-crisp-edges;         /* Firefox */
        image-rendering: -o-crisp-edges;         /* Opera */
        image-rendering: -webkit-optimize-contrast;/* Webkit 표준 X */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /* IE 표준 X */

}

.content-diagram02 .content-diagram02-1{
   margin: auto;
	width:70%;
	padding-bottom:1em;

}

.content-diagram02 .content-diagram02-2{
 margin: auto;
	width:70%;
	padding-bottom:1em;


}
.content-diagram02 .content-diagram02-3{
  margin: auto;
	width:70%;
	padding-bottom:1em;


}
.content-diagram02 .content-diagram02-4{
 margin: auto;
	width:70%;
padding-bottom:1em;

}


.width98 {
    width: 98% !important;
}

.displayblock {
    display: block !important;
}
/*title*/
.main_title_2{
text-align: center;
width:100%;
height:70px;
padding-top:2em;

display: inline-block;
}
.main_title_2 h3{
color:#000;
font-size:2.4em;
position: relative;
}
.main_title{
text-align: center;
width:100%;
height:70px;
padding-top:1em;

display: inline-block;
}
.main_title a span{
float: right;
}

.main_title h3{
color:#000;
font-size:2.5em;
position: relative;
}

.main_title h3 span{
    display: inline-block;
    font-size: 40px;
    position: relative;
    color: #111;
    padding-bottom:10px;
    font-weight: bold;
    line-height: 1em;
}

.main_title h3 span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background: #ed2724;
}



.main_title p{
font-size:1.2em;

font-weight:bold;
text-align:left
}
.main_title p span{
color:#000;
font-size:1em;
font-weight:normal;

}



.sub_title{
text-align: center;
width:100%;
height:70px;
padding-top:1em;
display: inline-block;
border-bottom: 1px solid #bdbdbd;
}
.sub_title_no{
border-bottom: 0px solid #bdbdbd !important;
}
.sub_title h3{
color:#000;
font-size:2.5em;
position: relative;
}

.sub_title h3 span{
    display: inline-block;
    font-size: 32px;
    position: relative;
    color: #111;
    padding-bottom:5px;
    font-weight: bold;
    line-height: 1em;
	letter-spacing:-3px
}
.sub_title h3 span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background: #ed2724;
}


/* sns */
.sns-list { display:flex; align-items:center; }
.sns-list .sns { background-position:center; background-repeat:no-repeat; background-size:100% auto; }
.sns.facebook { background-image:url('../img/sns/facebook.png'); background-image:url('../img/sns/facebook.svg'); }
.sns.instagram { background-image:url('../img/sns/instagram.png'); background-image:url('../img/sns/instagram.svg'); }
.sns.youtube { background-image:url('../img/sns/youtube.png'); background-image:url('../img/sns/youtube.svg'); }
.sns.linkedin { background-image:url('../img/sns/linkedin.png'); background-image:url('../img/sns/linkedin.svg'); }


#snsToggle { position:relative; background:white; box-shadow:0px 5px 15px rgba(0 0 0 / .16); z-index:1; }
#snsToggle .bar { 
   position: absolute;
    left: 10px; 
    top: 15px; 
    content: '';
    width: 10px; /* 사이즈 */
    height: 10px; /* 사이즈 */
    border-top: 2px solid #333; /* 선 두께 */
    border-right: 2px solid #333; /* 선 두께 */
	transition-delay: 250ms;
	transition-duration: 500ms;
    transform: rotate(225deg); /* 각도 */ 
	-webkit-transform: rotate(225deg); /* 각도 */ 
  }


#snsToggle .bar:before {  }

#snsToggle:hover{ 
-webkit-transform:scale(1.2); transform:scale(1.2); opacity:1; -webkit-font-smoothing:antialiased; text-rendering:auto; transition:all .3s;
}



#topscroll { --sub-color: #1B3E6C; --border-color: #ddd; --accent-color: #ED2724; --base-color: #222; }
#topscroll .btn-floating { display:block; width:40px; height:40px; border-radius:50%; }
#topscroll .sns-wrap { position:fixed; bottom:27px; right:80px; z-index:1; }
#topscroll .sns-list { position:absolute; top:50%; right:0; gap:15px; padding:10px 44px 10px 22px; background:white; border-radius:100px; box-shadow:0px 5px 15px rgba(0 0 0 / .16); -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:0; visibility:hidden; transition:opacity .3s; }
#topscroll .sns { width:24px; height:24px; }

#topscroll .sns-wrap.active #snsToggle { box-shadow:none; color:var(--border-color); }
#topscroll .sns-wrap.active #snsToggle .bar {     
    position: absolute;
    left: 10px; 
    top: 15px; 
    content: '';
    width: 10px; /* 사이즈 */
    height: 10px; /* 사이즈 */
    border-top: 2px solid #333; /* 선 두께 */
    border-right: 2px solid #333; /* 선 두께 */
    transform: rotate(45deg); /* 각도 */ 
	-webkit-transform: rotate(45deg); /* 각도 */ }

#topscroll .sns-wrap.active .sns-list { opacity:1; visibility:visible; }

#btnTop { position:fixed; bottom:30px; right:20px; background:var(--sub-color); color:white; z-index:1; }
#btnTop:before { content:"\f077"; display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--sub-color); border-radius:50%; font-weight:100; /*font-family:'Font Awesome 6 Free';*/font-family:'FontAwesome'; color:var(--base-color); -webkit-font-smoothing:antialiased; text-rendering:auto; opacity:0; transition:all .3s; }
#btnTop:hover:before { -webkit-transform:scale(1.2); transform:scale(1.2); opacity:1; color:var(--accent-color);   }



.imgline_auto {
    padding: 0.5em;
    border: solid 1px #eee;
    margin: 0.5em;
}


ul.ul_li_fontsize9 li{
font-size:1.1em;
line-height:1.2em !important;
letter-spacing:-1px;
}

/*서치*/
#sch_result{
padding:0.5em;
}
#sch_res_detail .frm_input {
width: 60%;
}

#sch_res_detail .btn_submit {

    width: 30%;

}
#sch_stx::placeholder {

  color:#000;

}

#sch_stx{
  padding-left:1em;
}
.lang{
display:none;
}
#hd_sch {
display:none;
position: relative;
    margin:0px auto;
	clear:both;
    background: #f3f3f3;
    border-bottom: 1px solid #ccc;
}

#hd_sch #sch_submit {

 right: 0;
top: 3px;
}

#hd_sch #sch_stx {
 
    background: #c2c7cc;

    color: #000;
}
/*추가소스*/
#mc-search-form{
display:none;
}
.mwidth50 {
width:50%;
}
.floatright {
float:right;
}
.mfloatright {
float:none !important;
}



.etc_2{

}
.etc_1{

}
.etc_0{

}
.sort_list li.sort_B {float:left; 
float: left;
    margin-top: 1.8em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 1.5em;
    height: 230px;
    width: 45%;
}

.sort_list li.sort_B .list_div {overflow:hidden; position:relative;    width: 100%;
    height: 100%;}
.sort_list li.sort_B .list_div .icon {text-align:center;overflow:hidden; border:1px solid #c8c8c8; 
box-sizing:border-box; transition-duration:0.3s; -webkit-transition-duration:0.3s; position:relative; margin-bottom:8px; 

height:100%; width:100%;


}
.sort_list li.sort_B .list_div:hover .icon {border:1px solid #41a1dd;}
.sort_list li.sort_B .list_div .icon img {transition-duration:0.5s; -webkit-transition-duration:0.5s;width:60%;vertical-align:middle;padding-top:2em; }
.sort_list li.sort_B .list_div:hover .icon img {transform:scale(1.05); -webkit-transform:scale(1.05);image-rendering: auto;
}
.sort_list li.sort_B .list_div p {overflow:hidden; text-align:center; position:absolute; line-height:35px; bottom:0px;width: 99%;}
.sort_list li.sort_B .list_div p:after {color:#666; font-size:14px; position:absolute; right:0px; bottom:0px;
content: url('');

}
.sort_list li.sort_B .list_div p span {display:block; overflow:hidden; color:#000; font-size:1.1em;font-weight:bold; line-height:1.25em; 
position:relative; transition-duration:0.2s; -webkit-transition-duration:0.2s; padding-right:5px; min-height:35px;}
.sort_list li.sort_B .list_div p span:after {background-color:#fff; content:""; position:absolute; right:0; bottom:1px; height:6px; width:12px; z-index:1;}
.sort_list li.sort_B .list_div:hover span {color:#41a1dd;}
.sort_list li.sort_B .list_div:hover p:after {color:#41a1dd;}
.sort_list li.sort_B .list_div a {/*background-color:#ccc; opacity:.2;*/ position:absolute; left:0; top:0; height:100%; width:100%; z-index:1;}


/*제품*/
.border_rightnone {
    border-right: 0px !important;
}
table.type05 > thead > tr > th:nth-child(n+3):nth-child(-n+10),table.type05 > tbody > tr > td:nth-child(n+3):nth-child(-n+10){
display:none;
}


.tbl_head01 caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
table.type05 {
  border-collapse: collapse;
  text-align: left;
  line-height: 1.5;
  border-left: 1px solid #ccc;
  width:100%;
}

table.type05 thead th {
padding: 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #6889af;
    border-bottom: 2px solid #6889af;
    background: #a9c8eb;
    text-align: center;
    color: #264a73;
    height: 60px;

}
table.type05 tbody th {
  width: 150px;
  padding: 0px;
  font-weight: bold;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align:center;
  font-size:1.5em;
  color:#fff;
  height:3.8em;
  vertical-align: middle;
}
table.type05 td {
  font-size:1em;
  padding: 4px;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  text-align:center;
  height: 35px;
}
.td_90{
width:90px !important;
}

table.type05 td.textleft {
    text-align:left;
	  padding-left: 15px;
}
table.type05 tr:nth-child(odd) {
    background-color: #e5e9eb;
}


#bo_btn_top{
    margin: 2px 0 !important;
}
a.button {
  display: block;
  position: relative;
  float: left;
  width: 120px;
    padding: 0;
    margin: 0.5em 1em 0.5em 0;
  font-weight: 600;
  text-align: center;
  line-height: 35px;
  color: #FFF;
  border-radius: 5px;
  transition: all 0.2s ;

}
a.button span{
  font-size: 0.9em;
 max-width: calc(100% - 38px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.btnLightBlueLight {
    background: #f0f5f9;
}
.borderline {
    border: solid 1px #cfcfcf;
}
.fontcolorblue {
    color: #5286c3 !important;
}

.sec02{
width:100%;
margin: 0em 0em 0em 0.5em;

}

.sec02 > ul {
list-style-type : none;
margin:0 auto;
clear:both;
padding: 0;
width:100%;
height:auto;
}

.sec02 > ul > li {
list-style-type : none;
float:left;
text-align:center;
display:inline-block
position: relative;
padding-right:0.5em;
}

.width70{
width:70%  !important;
}
.width50{
width:50%  !important;
}

.width30{
width:100%;
margin-bottom: 1em;
}
.mwidth30{
width:32%  !important;
}

/* 진료과목-index List */
figure {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	background-image: none !important;
}
.sort_list {overflow:hidden; margin: 0px 0px 0px 0px;padding-left:0.9em}
.sort_list ul {overflow:hidden; margin-top:-25px; margin-left:-9px;}
.sort_list li.sort_A {float:left; margin-top:25px; margin-left:9px; height:300px; width:100%;}

.sort_list li.sort_A .list_div {overflow:hidden; position:relative;}
.sort_list li.sort_A .list_div .icon {text-align:center;overflow:hidden; border:0px solid #c8c8c8; box-sizing:border-box; transition-duration:0.3s; -webkit-transition-duration:0.3s; position:relative; margin-bottom:8px; height:300px; width:99%;}
.sort_list li.sort_A .list_div:hover .icon {border:1px solid #41a1dd;}
.sort_list li.sort_A .list_div .icon img {transition-duration:0.5s; -webkit-transition-duration:0.5s; }
.sort_list li.sort_A .list_div:hover .icon img {transform:scale(1.05); -webkit-transform:scale(1.05);}
.sort_list li.sort_A .list_div p {overflow:hidden; text-align:left; position: absolute;top:10px; right:15px;width:98%}
.sort_list li.sort_A .list_div p:after {content:"..."; color:#666; font-size:14px; position:absolute; right:-1px; bottom:1px;}
.sort_list li.sort_A .list_div p span {display:block; overflow:hidden; color:#666; font-size:16px;letter-spacing:-0.5px; line-height:1.25em; position:relative; transition-duration:0.2s; -webkit-transition-duration:0.2s; padding-right:5px;}
.sort_list li.sort_A .list_div p span.title{font-size:1.3em;font-weight:bold;color:#11406d;letter-spacing:-1px;}
.sort_list li.sort_A .list_div ul.content{overflow:hidden; text-align:left; position: absolute;top:4.8em; right:0px;width:98%}
.sort_list li.sort_A .list_div p span:after {}

.sort_list li.sort_A .list_div:hover span {color:#41a1dd;}
.sort_list li.sort_A .list_div:hover p:after {color:#41a1dd;}
.sort_list li.sort_A .list_div a {/*background-color:#ccc; opacity:.2;*/ position:absolute; left:0; top:0; height:100%; width:100%; z-index:1;}

.sort_list li.sort_A .list_div span.button {
  display: block;
  position: absolute;

  left: 45%;
  bottom:0px;
  transform: translate(0%, 0%);

  bottom:5px;
  width: 150px;
  padding: 0;
  margin: 30px 20px 10px 20px;
  font-weight: 600;
  text-align: center;
  font-size:1.2em  !important;
  line-height: 60px !important;
  color: #FFF  !important;
  border-radius: 5px;
  transition: all 0.2s ;
  background: #ea4335;
}
.sort_list li.sort_A .list_div:hover span.button {
  background: #fa6458;
}


/*MODULE*/

.container_gallery{width:100%;margin:0 auto;overflow:hidden;}
.gallery{margin:0px 0px;box-sizing:border-box;}
.gallery:after{content:"";display:block;clear:both;visibility: hidden;}
.gallery li{width:50%;float:left;box-sizing:border-box;padding:0 5px;margin:0 0 5px 0;}
.gallery li img{width:100%;height:auto;    border: 1px solid #ccc;cursor:pointer}
.gallery li p{
text-align:center;
font-size:1em;
padding:0.2em;
font-weight:bold;
letter-spacing:-1px;
    display: block;
    height: 50px;
}


/*부서별 연락처*/
.box{
width:100%;
height:200px;
display:inline-block;
border: 1px solid #b3d1ed;
margin-bottom: 1em;
}
.box h2{
font-size:1.3em;
text-align:center;
padding:0.5em;
border-bottom: 2px solid #b3d1ed;
}
.box p{
font-size:1.2em;
padding:0.5em;
line-height:1.5em;
}
.box p span{
font-size:0.9em !important;
}
.floatcenter{
margin-left:0em;
}
/*COSAL Road Map*/

ul.lee{
list-style-position: outside;
list-style-type: circle;
padding: 0px 0px 0px 20px;
}
ul.lee > li{
    display:list-item;
    border-bottom: 0px solid #eee;
    line-height: 1.2em;
	padding:0px 0px 10px 0px;
	
}

ul.lee > li.title2{
padding:0.3em;
line-height:0.9em;
}
ul.lee > li.title2::before{
content:" - ";
}

ul.ul_img_W{
display:inline-block;
float:left;
width:100%
}

ul ul.li_floatleft_w10{

}


ul ul.li_floatleft_w10 li{
width:20%;
float:left;
padding:0px;	
}
ul.ul_img_W li{
line-height:1.2em;

width: 100%;
border-bottom:0px solid #eee;
padding:5px 0px 5px 0px;
}
ul.ul_img_W li p{
font-size: 1em;
font-weight:bold;
letter-spacing:-1px;
}

ul.ul_img_W li  h2 {
    font-size: 1em;
    line-height: 1.1em;
    color: #0550a3;
	letter-spacing:-1px;
}
.noborder{
border-bottom:0px solid #eee !important;
}

ul.ul_img_W  li span{
padding:0 0 10px 0;
}

ul.ul_img_W  li span img{
display:inline-block;
}


ul.ul_img_W > li >  ul > li.title{
font-weight: bold;
}

div.item{
width:100%;
display: table-cell;
font-weight:bold;
float:left;
padding-bottom:0.5em;
font-size:17px;
}
div.item::after{

}

div.i_value{
width:100%;
display: table-cell;
float:left;
padding-bottom:0.5em;
font-size:0.9em;
letter-spacing: 0px;
}

.imgline{
width:100%;
border:solid 0px #eee;
position: relative;
min-height: 200px;
  display: inline-block;
padding-top: 50px;
}
.imgline img{

    width: 80%;

 
 }

#ctt_con{
padding:0px !important;
}
.width50 {
    width: 100% !important;
    padding-top: 1em;
    display: inline-block;
}
.textaligncenter {
    text-align: center;
}

.btnLightBlue {
    background: #30689d;
}
.span_button {
  display: block;
  position: relative;
  padding: 0;

  font-weight: 800;
  text-align: center;
  line-height: 50px;
  color: #FFF;
  border-radius: 5px;
  transition: all 0.2s ;
}
/* 찾아오시는길*/
.location,.contents{
width:100%;
}
.floatleft {
    float: left;
}

.width70 {
    width: 100% !important;
	margin-bottom:1em;
}

.btnBlueGreen {
    background: #11406c;
}

.btnOrange {
    background: #ea4335;
}



#ctt_con > h2{
font-size:1.1em;
line-height:1.4em;
color:#11406d;
 letter-spacing:-1px;

}



h2.arrow{font-size:1em;line-height:1.2em;letter-spacing:-0.025em;color: #11406d;}
p.arrow{padding-left:1em;font-size:0.9em;line-height:1.45;letter-spacing:-0.025em;color:#424242;}




/* 조직도*/
.wrap-vertical{
  width: 100%;
  padding: 0px;
  overflow: scroll;
  border: 0px solid #000;
   /* 가로 스크롤 */
  overflow: auto;
  white-space: nowrap;
  text-align:center;
}
.wrap-vertical-auto{
  width: 100%;
  padding: 0px;
  overflow: scroll;
  border: 0px solid #000;
   /* 가로 스크롤 */
  overflow: auto;
  white-space: nowrap;
  text-align:center;
}

table.news3 tbody tr td{
line-height: 18px;
padding:0.7em 0.5em 0.7em 1.5em;
}
table.news3 tbody tr th{
 border: #d6dbde 1px solid;
 	width:8%;
}
table.news3 tbody tr td{
	width:30%;
}
.iframe_wrapper {
	 position: relative;
     width: 100%;
     padding-bottom: 56.25%; /* 16:9 일반 영상 비율 */
}
.iframe_wrapper iframe  {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/*연혁*/

.organization{
padding-left:28px;
    max-width: none !important;
}

.__tab {display:table;width:100%;table-layout:fixed;margin-bottom:1em;}
.__tab a {display:table-cell;vertical-align:middle;height:60px;position:relative;text-align:center;color:#333;background:#f2f2f2;border-top:2px solid transparent;border-bottom:2px solid transparent;font-size:1em;}
.__tab a:hover {color:#1b3e6c;background:#e5ebf4;}
.__tab .active {color:#1b3e6c;font-weight:bold;border-bottom-color:#1b3e6c;background:#e5ebf4;}

._box {display:none;}
._box.active {display:block;}


.__history {position:relative;padding-left:0px;}
.__history h3 {position:absolute;left:0;top:0;font-size:35px;font-weight:bold;color:#111; display:none}
.__history h3 em {font-style:normal;font-weight:normal; display:none}
.__history .area {border-top:20px solid #dfe0e1;padding-top:25px;}
.__history .area dl {border-bottom:1px solid #ddd;margin-bottom:25px;padding-bottom:25px;position:relative;padding-left:80px;}
.__history .area dl:last-child {margin-bottom:0;}
.__history .area dl dt {position:absolute;left:0;top:5px;font-size:20px;color:#1b3e6c;font-weight:bold;}
.__history .area dl dd {font-size:1.1em;color:#000;line-height:1.5em;}


/*비전 시작*/

#ctt_con > h3{
font-size:1.1em;
line-height:1.5em;
color:#555;
padding-bottom:1em;
 letter-spacing:-0.2px;
}

.content-diagram01{
     width: 100%;
    margin: 0em;
    min-height: 345px;
}
.content-diagram01 ul{
   list-style-type: none;
    margin: 0 auto;
    clear: both;
    padding: 2em;
    width: 100%;
    height: auto;
}
.content-diagram01 ul li{
    list-style-type: none;
    float: left;
    text-align: center;
    display: block;
    position: relative;
   padding: 0.5em;
}


.content-imgbg-title01{
background-image: url( "/theme/new/img/sub01_5.jpg" );
background-size:100%;
font-size: 1.2em;
    text-align: center;
    width: 100%;
    height: 86px;
    line-height: 86px;
    display: block;
	color:#fff;
    margin-bottom: 2px;
}

.content-imgbg-title02{
/*background-image: url( "/theme/new/img/sub01_7.jpg" );*/
background-size:100%;
display: block;
border-bottom: 1px solid #ccc;
min-height: 120px;
}


.content-imgbg-title02 ul li{
padding:0.2em;
display:inline-block;
min-height: 120px;
}
.content-imgbg-title02 ul li:nth-child(1){
padding-top:0.7em;
width:25%;
float:left;
text-align:center;
font-size: 1em;
line-height: 1.1em;
color:#11406d;

background-color: #e2e2e2;
}
.content-imgbg-title02 ul li:nth-child(1) span{
font-size: 0.9em;
line-height: 0.9em;
}

.content-imgbg-title02 ul li:nth-child(2){
padding-top:0.5em;
width:75%;
float:right;
}
.content-imgbg-title02 ul li:nth-child(2) p{

}

 .content-title01{
 letter-spacing:-0.2px;
 }
 .text-align-center{
 text-align:center;
 }

 .text-emphasis01{
 font-size:1.1em;
 color:#296cac;
  letter-spacing:-0.5px;
 }

/*비전 끝*/

img.ft_logo{
position: absolute;
width:20%;
right:0;
top:1em;;
}
.ft_logo_text > ul{
width:100%;
margin:0px auto;
}

.ft_logo_text > ul > li{
display:inline-block;
padding:0.8em 0.8em 0.8em 0em;
color:#fff;
}
.ft_logo_text > ul > li > h3{
font-size:20px;
}
.ft_logo_text > ul > li > p{
font-size:12px;
line-height: 22px;
letter-spacing:-1px;
}

.ft_logo_text > ul > li > p > span{
font-size:12px;
color:#838689;
}

div.ft_logo_text > ul > li:nth-child(1){
text-align:left;
width:100%;
}



.ft_logo_text{
padding-top:3em;
display:block;
color:#25282d;
text-align:center;
    position: relative;
}

.ft_logo_text a{
color:#b2c6e6;
}
.ft_logo_text a:hover {
        color:#5286c3;
}
.sec05{
margin: 0em 0em 0em 0em;
clear:both;

display:block;
}
.sec05 h3{
color:#fff;
}

.sec03{
width:100%;
margin: 0.5em 0.5em 0.5em 0.5em;
}

.sec03 > ul {


}

.sec03 > ul > li {
list-style-type : none;
float:left;
text-align:center;
display:block;
position: relative;
padding-right:0.8em;
padding-bottom:1em;
width: 46%;
}

.sec03 > ul > li:nth-child(1){

}
.sec03 > ul > li > a{
color:#333;
border: 1px solid #ccc;
    display: inline-block;
}
.sec03 > ul > li > a:hover{
color:#2d75b9;
}
.sec03 > ul > li > a > div{
width:100%;
text-align:center;
}
.sec03 > ul > li >  div > img {
width:100%;
}
.sec03 > ul > li > a > div > img {
width:100%;
}

.sec03 > ul > li > a > h3{
font-size: 1.2em;
    text-align: center;
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: block;
    background-color: #fff;
	color:#000;
	letter-spacing:-1px;
}

.sec03 > ul.Vietnam > li > a > h3{
    font-size: 1em;
    text-align: center;
    width: 100%;
    height: 45px;
    line-height: 1em;
    display: block;
    background-color: #fff;
    color: #000;
    letter-spacing: -1px;
    padding-top: 0.4em;
}
.sec03 > ul > li > a > p{
font-size:1em;
text-align:center;
width:100%;
height:60px;
line-height:20px;
display:block;
background-color:#fff;
padding:0.5em;
}
.sec03 > ul.Vietnam > li > a > p{
font-size:0.8em;
text-align:center;
width:100%;
height:60px;
   line-height: 1em;
display:block;
background-color:#fff;
padding:0.2em;
letter-spacing:-1px;
}


.wrap_address{
width:100%;
}
.wrap_address h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
}
.wrap_address h3  span{
  font-size: 0.8em;
}
address {
    font-style: normal;
}
.wrap_address address {font-size: 1em}
.wrap_address address ul li {letter-spacing:-0.5px;font-size: 1em;display:inline-block;vertical-align:top;position:relative;padding-right:20px;margin-right:19px;line-height:2.1em;color:rgba(255,255,255,0.8);}
.wrap_address address ul li:before {content:"";display:block;width:1px;height:10px;background:#4b4e52;position:absolute;right:0;top:50%;margin-top:-5px;}
.wrap_address address ul li:last-child {padding-right:0;margin-right:0;}
.wrap_address address ul li:last-child:before {display:none;}
.wrap_address .copy {font-size: 0.8em;color:rgba(255,255,255,0.3);margin-top:15px;}



.main_title_2{
width:100%;
}
.main_title_2 h3{
color:#000;
font-size:2em;
position: relative;
text-align:center;
line-height: 1em;

}
.bgcolor_gray {
    background-color: #e9edf6;
}

.bgcolor_white {
    background-color: #fff;
}

.heightdiv_100 {
    height: 90px !important;
}


.sec0555{
margin: 0em;
height:360px;
clear:both;
display: block;
position: relative;
}

.sec0555_1{
position:absolute; 
left:0%;
color:#fff;
width:100%;
height:278px;

}

.sec0555_1 h1{
padding-left:1em;
font-size:20px;
font-weight:bold;
color:#fff;
text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
}

.sec0555_1 h2{
padding-left:1.5em;
font-size:20px;
font-weight:bold;
color:#fff;
text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
}
.sec0555_1 ul{
padding-left:2.3em;
}
.sec0555_1 ul li{
padding:0.1em;
float:left;
}
.sec0555_1 ul li a{
color:#fff;
font-size:18px;
font-weight:bold;
text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
}
.sec0555_1 ul li::before {
  content: " · ";
 }

ul.com_title{

list-style-position: inside;
list-style-type: none;
padding: 0px 0px 0px 25px;

}
ul.com_title > li > span{
width:115px;
display:inline-block;
font-weight:bold;
letter-spacing:-1px;
}
ul.com_title > li{
letter-spacing:-0.5px;
line-height: 1.2;
font-size: 13pt;
display:list-item;
border-bottom: 0px solid #eee;
padding:0px 0px 10px 0px;
margin:0px 0px 0px -20px;
}


ul.com01{

list-style-position: outside;
list-style-type: disc;
padding: 0px 0px 0px 25px;

}

ul.com01 > li{
line-height: 1.2;
font-size: 13pt;
display:list-item;
border-bottom: 0px solid #eee;
padding:0px 0px 10px 0px;
}
ul.com01_not{

list-style-position: outside;
list-style-type: none;
padding: 0px 0px 0px 25px;

}

ul.com01_not > li:first-child {
margin:0px 0px 0px -10px;
}
ul.com01_not > li{
line-height: 1.2;
font-size: 13pt;
display:list-item;
border-bottom: 0px solid #eee;
padding:0px 0px 5px 0px;
}


ul.com02_not{

list-style-position: outside;
list-style-type: none;
padding: 0px 0px 0px 25px;

}

ul.com02_not > li{
line-height: 1.2;
font-size: 13pt;
display:list-item;
border-bottom: 0px solid #eee;
padding:0px 0px 10px 0px;
}


.overflowx{
overflow-x:auto;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    height: 0px;
}
.mclear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    height: 0px;
}
.mclear2 {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    height: 0px;
}
/****TABLE LIST*******/
table.tbl_list { width:600px;border-collapse:collapse; border-spacing:0;}
table.tbl_list th{margin:1px 0 1px 0 ; border-bottom:#fff 1px solid ;}
table.tbl_list th.borderR{border:#d6d6d61px solid;}
table.tbl_list td{line-height:35px;  border:#d6dbde 1px solid ;padding: 0.2em 0.2em 0.2em .2em;}
table.tbl_list td img{line-height:20px;vertical-align:text-bottom}
table.tbl_list td.title { text-align:center; width:90px; color:#ff3333 }
table.tbl_list td.detail { padding-left:10px; text-align:left; }
table.tbl_list th { background-color: #5077a3;  color:#fff;padding:5px 0 0 10px;text-align:left;font-weight:bold }
table.tbl_list th a{
color:#fff;
}
.tbl_list .news2{
width:380px !important;
}
dl.detailList { margin:0; padding:0; width:400px; border-top:#f9fbfb 1px solid; }
dl.detailList dt { background-color:#bcd4db; width:60px; text-align:center; color:#fff; height:18px; display:block; font-size:90%; vertical-align:middle; float:left; padding:2px 0 3px; margin:0 5px 0 0 }
dl.detailList dd { width:370px; display:block; height:18px; padding:2px 0 3px; color:#666 ;}
td.detail strong { font-size:110%; padding:5px 0; display:block; }
table.tbl_list td.non{border-bottom:none}
table.tbl_list td.text01{ text-align:center; border-left:#afcdd6 1px solid; width:150px}

/****TABLE News ******/
table.news tbody tr{

}
table.news td.num{ width:40px;text-align:center;height:30px;}
table.news td.cat{width:60px;color:#004b70; text-align:center;}
table.news td.writer{width:100px; text-align:center;}
table.news td..date{ width:100px; text-align:center;}

ul.floatleft li{

width:100%;
padding:0.5em;
}
.Joingoto{
width:100% !important;
}
/* btn */
.btn_set{text-align:center; margin:10px 0px 0px;}
.btn_set:after{display:block;clear:both;content:''} 
.btn_set .a_right a{float:left; margin-left:5px;}
.btn_set .a_left a{float:left; margin-right:5px;}

.btn_set  div.div_right{ width:100% }
.btn_set  div.div_left{float:left; margin-right:5px;}

.btn_set  div.div_right .btn_color01{
display:block; line-height:70px; width:92px; vertical-align:middle; color:#FFFFFF; font-weight:bold; font-size:16px; margin: 0 auto; background-color:#074e9c;
cursor:pointer;
}
.btn_color01{display:inline-block;}
.btn_color01 span{display:block; line-height:32px; height:32px; vertical-align:middle; color:#FFFFFF; font-weight:bold; font-size:12px; padding:0px 20px; background-color:#f78628;}

.btn_gray{display:inline-block;}
.btn_gray span{display:block; line-height:32px; height:32px; vertical-align:middle; color:#FFFFFF; font-weight:bold; font-size:12px; padding:0px 20px; background-color:#95999a;}

/* 가운데 정렬 */
.outer {
  text-align: center;
 padding:0.5em;
}
.fontcolorred {
    color: #df5038 !important;
}
.main_title{
text-align: center;
width:100%	;
height:30px;
padding-top:1em;

display: inline-block;
}
.main_title a span{
float: right;
}

.main_title h3{
color:#5077a3;
font-size:2em;
}
.main_title h3 span{
color:#999;
font-size:0.8em;
line-height:15px;
}
.main_title p{
font-size:1.2em;

font-weight:bold;
text-align:left
}
.main_title p span{
color:#000;
font-size:0.9em;
font-weight:normal;

}

.inner_block {
  display: inline-block;
}


.request{
text-align: center;
width:350px;
height:70px;
padding-top:1em;
background:url('/theme/basic/img/request.png') no-repeat 0% 10px;
display: inline-block;
}

.request h3{
color:#fff;
font-size:1.3em;
}
.request h4{
font-size:1em;
color:#c2e47a;
}
.request h4 span{
color:#fff;
font-size:1em;
}


.online_request{
width:100%;
padding:1em;
background-color: #acb3bb;
display: inline-block;
}


.online_request > h3{
font-size:1.2em;
line-height:30px;
color: #20548f;
letter-spacing: -1.5px;
}
.online_request > ul{
float:left;
}
.online_request > ul > li{
font-size:1em;
font-weight:normal;
}
.online_request > div.Joingoto{
width:150px;
float:right;
font-size: 1.1em;
background-color:#bec9d6;
}
.online_request > div.Joingoto:hover{
background-color:#fff;
}


.btn_go{
  background:#56647c;
  color:#fff;
  border:none;
  position:relative;
  height:50px;
  font-size:1.1em;
  padding:0 2em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
  text-align:center;
  width:20%;
  font-weight:bold;
}


.btn_go:hover{
  background:#fff;
  color:#000;
}
.btn_go:before,.btn_go:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #006ab5;
  transition:400ms ease all;
}
.btn_go:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn_go:hover:before,.btn_go:hover:after{
  width:100%;
  transition:800ms ease all;
}

.btn_go a {
line-height:50px;
color:#fff;
}
.ft_info a{
color:#a4bfdf;
}


.con_0101{
    background: url('/theme/basic/img/0101.jpg') no-repeat top left;
padding-left: 105px;
    padding-top: 80px;
    background-size: 100%;
}
.con_0101 > h3{
font-size:1.3em;
color: #467ebb;
padding:20px 0px 5px 0px;
}

.con_0101 > h4{
font-size:1.1em;
color: #467ebb;
padding:10px 0px 5px 0px;
}


 .signin-wrapper {
  border: 15px solid transparent;

  border-image: url('/theme/basic/img/m-05.png') 1%;
}

.signin-wrapper2 {
    position: relative;   
    width:100%;
	height:445px;
	display: block; 
	background-image: url('/g5/theme/newtheme/img/sub/con01.jpg'); 

}

.signin-wrapper .column {


	padding: 10px;
	background-color: #FFF; 
	width: 100%; 
	min-height: 340px; 

	position: relative; 
	z-index: 100; 
	background-position: 0px 0px; 
	background-repeat: initial initial;

	}



 .signin-wrapper .column h1{
	font-family: 'Nanum Gothic','Lato', sans-serif;
	text-align:center;
	font-size:20px;
	font-weight:550;
	line-height:35px;
	margin-top: 5px;
	letter-spacing: -2px;
	width:100%;
	}
.signin-wrapper .column h2{
		text-align:center;
		font-size:24px;
		line-height:30px;
	}

 .signin-wrapper .column p{
		text-align:center;
		font-size:20px;
		line-height:30px;
	}

 .signin-wrapper .column h1 span{
		font-size:24px;

	}
 .signin-wrapper .column h1 span.fontcolor{
		color:#52a0d1;
		font-size:30px;
    }
.h1_p_0201 {
    padding-left: 0px;
    text-align: left !important;
}
ul.u_p_0201 {
    position: absolute;
    top: 60px;
    left: 20px;
}
ul.u_p_0201 li{
display:block;
}

ul.u_p_0201 span{
color: #327aa7;
}

.yscoll{
overflow:scroll;
width:100%;
}

table.type08 {
  border-collapse: collapse;
  text-align: left;
  line-height: 1.5;
  border-left: 1px solid #ccc;
  margin: 10px 0px 10px 0px;
  width:340px;

}

table.type08 thead th {
    padding: 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #c39a85;
    background: #467dbb;
    text-align: center;
    color: #f7f8fc;
}
table.type08 tbody th {
  width: 150px;
  padding: 0px;
  font-weight: bold;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align:center;
  font-size:1.5em;
  color:#fff;
  height:3.8em;
  vertical-align: middle;
}
table.type08 td {
  font-size:1em;
  padding: 8px;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
    text-align:center;
}
table.type08 td.textleft {
    text-align:left;
	  padding-left: 15px;
}
table.type08 tr:nth-child(odd) {
    background-color: #e5e9eb;
}

/*tab css*/
        .allWrap{width: 100%;margin:0 auto;}
        .tabBox{margin:20px 0}
        .tab-link{width: 49%;display: inline-block;padding:15px;text-align: center;background-color:#929090;border-radius: 5px;color:#fff;cursor: pointer;
        }
        .tab-link.current{
            background-color: #5077a3;
            font-weight: 600;
        }
        .tab-content{
            display: none;
        }
        .tab-content.current{
            display: block;
            width: 98%;
            min-height: 300px;
        
            text-align: center;
            line-height: 250px;
        }


.tab-content.current p {
            text-align: left;
		    line-height: 24px;
}

.tab-content.current p strong{
line-height: 30px;
    font-size: 1.2em;
    padding-top: 0.5em;
    display: inline-block;
}


.css_cer{
width:100%;
text-align:center;

}

.css_cer .css_cer1{
display:none;
float:left;
width:20%;
background:url('/theme/basic/img/title_cer.jpg') no-repeat 6px 10px;
height:500px;
position:relative; 
}
.css_cer .css_cer1 span{
position:absolute;
top:150px;
left:10px;
font-family:'Malgun Gothic';font-size: 16px;font-weight: bold;
letter-spacing:-1px;
text-align:left;
line-height: 20px;
}
.css_cer .css_cer2{
background:url('/theme/basic/img/arr.jpg') no-repeat 300px 60px;
font-family:'Malgun Gothic';
float:left;
width:50%;
text-align:left;
padding:10px 5px 0px 0px;
}
.css_cer .css_cer2 h1{
text-align:left;
font-size: 20px;line-height: 30px;
color:#1562bb;
}
.css_cer .css_cer2 p{
text-align:left;
font-size: 13px;line-height: 18px;
}
.css_cer .css_cer3{
float:left;
width:50%;
padding:10px 0px 0px 0px;
}
.css_cer .css_cer3 h1{
text-align:left;
font-size: 20px;line-height: 30px;
color:#1562bb;
}
.css_cer .css_cer3 p{
text-align:left;
font-size: 13px;line-height: 18px;
}

.css_cer .css_cer2 input{
height:35px;width:85%;margin:3px 0 3px 0px;
}

/* -------------------- Page Styles (not required) */


/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   background: url(/images/common/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 140px;
   margin:0 0 10px 0;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 220px;
}

.styled-select.slate {
  background: url(/images/common/2e3ybe1.jpg) no-repeat right center;
  height: 45px;
  width: 100%;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 14px;
   height: 34px;
   width: 100%;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #000; }
.black select   { color: #fff; }


/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("/images/common/15xvbd5.png") no-repeat scroll 319px center;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http:///images/common/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

select#soflow-color {
   color: #fff;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
}



.certi{
margin:0px 20px 2px 20px;
width:92px;
float:left;
opacity: 0.5;
}
.certi  img{

}

.certi2{
margin:0px 20px 2px 20px;
width:92px;
float:left;
opacity: 0.5;
}
.certi2  img{

}


.recei{
margin:0px 0px 0px 0px;
width:92px;
float:left;
opacity: 0.5;
}
.recei  img{

}



}