/*¼­ºê °øÅë CSS*/

/**°øÅë**/
article{margin-bottom:80px;}
article:after {content:""; display:block; clear:both;}


#contbody{width:100%; padding:0; margin:50px auto;}







.sub_img1{width:100%; text-align:center;}
.sub_img1 img{width:100%; vertical-align:top;}
.sub_img2{width:100%; text-align:center;}
.sub_img2 img{ width:25%; vertical-align:top;}
.sub_img3{width:50%; text-align:center; max-height:285px; overflow:hidden;}
.sub_img3 img{width:100%; vertical-align:top;}
.text_box{line-height:18px; color:#666;}
.text_box:after {content:""; display:block; clear:both;}
.text{width:48%;}
.text_box:after {content:""; display:block; clear:both;}
.left{float:left;}
.right{float:right;}
.page_title_s{width:100%; border-top:1px solid #eeeeee; position:relative; margin-bottom:70px;}
.page_title_s_b{width:90px; height:3px; background:#a40000; position:absolute; top:-2px;}
.page_title_s > p{  font-size:2.2em; margin-top:8px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:30px;}
.mb30{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.f20{font-size:2em; line-height:26px;}
.ta_c{text-align:center;}
.ta_l{text-align:left;}
.ta_r{text-align:right;}
.history{line-height:20px;}
.history_list{margin-bottom:30px;}
.history_list:after {content:""; display:block; clear:both;}
.yer{float:left;font-weight:600; font-size:1.5em; margin-right:25px;}
.pp{float:left; color:#666666;}
.visionbox:after {content:""; display:block; clear:both;}
.vision{width:50%; height:285px; color:#fff; padding:30px; box-sizing:border-box; line-height:20px;}
.vision > strong{font-size:1.8em; display:block;}
.bc31{background:#313131;}
.bc85{background:#850000;}
.color33{color:#000;}

/*¿À¸®Áö³¯ ȸ¿ø css*/

.login_box1 { padding:0; text-align:center; margin:0; }
.login_box1 .txt_01  { font-size:12px; font-weight:bold; padding:0; margin:0; background:#f7f7f7;}
/*.login_box .find   { margin-top:25px; padding:25px 0; text-align:center;font-size:12px; font-weight:bold; color:#777; }*/
/*.login_box1 .box1  { border:1px #cdcdcd solid; padding:0; height:25px; line-height:25px; width:80%; background-color:#f6f6f6; }*/

/*ÀϹÝÆäÀÌÁö ¾Æ¿ô ¶óÀÎ*/
#rwd_defaultline { width:740px; margin:0 auto;}

/*±âŸÆäÀÌÁö ¾Æ¿ô ¶óÀÎ*/
#rwd_etcline { width:740px; margin:0 auto;}

/*ȸ¿ø°ü·Ã ¾Æ¿ô ¶óÀÎ*/
#rwd_memline { width:740px; margin:0 auto;}

/*ȸ¿øÅ»Åð*/
#rwd_memout { width:740px; margin:0 auto;}

/* Å×À̺í */
.tableline_sub   { width:100%; border-top:1px #dddddd solid; border-bottom:0px #dddddd solid; border-left:1px #e5e5e5 solid; font-size:0.80em;}
.tableline_sub td  { border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; padding:4px; }

.clearboth {clear:both;}




/**PC**/
@media all and (min-width: 801px){

#contbody{width:100%; padding:0; margin:50px auto 150px auto; font-size:0.90em; line-height:1.60em;}

/*page-title*/
.page {padding:0; width:100%; margin:0 0 50px 0; height:100px; line-height:100px; border-bottom:#cccccc 1px solid;}

.page .page_title {width:50%; float:left; text-align:left; }
.page .page_title .text_big{display:none;}
.page .page_title .text_small{font-size:1.80em;}

.page .home {width:50%; float:left; text-align:right; color:#999999;  font-size:12px; font-weight:300;}
.page .home a:link, a:visited, a:hover{ color:#999999;text-decoration:none;}



/*ã¾Æ¿À½Ã´Â±æ*/

#boxzone {width:100%; margin:40px auto; padding:0; text-align:center;}


#boxzone .address { display:block; margin:20px 0; padding:0; text-align:left; line-height:200%; font-size:14px;  font-weight:300;}
#boxzone .address strong{ font-weight:500; font-size:18px;}

#boxzone a:link{margin:0 10px 0 0;padding:0 0;float:left; text-decoration:none;}

#boxzone .boxlistst {margin:0;  display:block; width:200px; height:50px; line-height:50px; background-color:#cccccc; color:#333333; font-size:0.90em; font-weight:bold; text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#boxzone .boxlistst:hover{margin:0;  display:block; width:200px; height:50px; line-height:50px; background-color:#ff0000; color:#ffffff; font-size:0.90em; font-weight:bold; text-align:center;}


/*ȸ¿ø °¡ÀÔ ¿©ºÎ*/
.join_agree {margin:0 auto; width:560px;}


/*rwd login*/
#rwd_login {width:340px; margin:30px auto; padding:10px 30px;  border:#dddddd 1px solid;}
#rwd_login .rl_box_left {float:left; width:240px; text-align:left;}
#rwd_login .rl_box_left .id_in {width:80px;float:left; padding:2px 0;}
#rwd_login .rl_box_left .id_in2 {float:left; width:150px; padding:2px 0;}
#rwd_login .rl_box_left .pw_in {width:80px;float:left; padding:2px 0;}
#rwd_login .rl_box_left .pw_in2 {float:left; width:150px; padding:2px 0;}
#rwd_login .rl_box_right {float:right;}

/*CEOÀλ縻 PC*/
#aboutcont {width:740px; padding:0; margin:0 auto 100px auto; text-aling:center;}
/*title*/
.ac_tit1 {font-size:2.00em; font-weight:normal; color:#4f4f4f; text-align:left; line-height:100%; margin:0; padding:0; }
.ac_tit2 {font-size:3.00em; font-weight:normal; color:#4f4f4f; text-align:left; line-height:100%;  margin:0; padding:0; text-transform:uppercase;}
/*description*/
.ac_desc1 {font-size:1.20em; font-weight:bold; color:#535353; text-align:left; line-height:100%;  margin:50px 0 0 0; padding:0 0 0 0; }
.ac_desc2 {font-size:1.00em; font-weight:normal; color:#838383; text-align:left; line-height:150%;  margin:20px 0 0 0; padding:0; }
/*img*/
.ac_img1 {width:100%; margin:50px 0; padding:0; }
.ac_img1 img{ }


/*ȸ»ç¿¬Çõ PC*/
#historycont {width:740px; padding:0; margin:0 auto 100px auto; text-aling:center;}
/*title*/
.hc_tit_line { border-bottom:#333333 1px solid; height:10px;}
.hc_tit1 {font-size:1.00em; font-weight:normal; color:#999999; text-align:left; margin:0; padding:25px 0 0 0; text-transform:uppercase; float:left; }
.hc_tit2 {font-size:3.00em; font-weight:normal; color:#4f4f4f; text-align:left; margin:0; padding:15px 0 0 0; text-transform:uppercase; float:right;}
.hc_tit2 span{ color:#cc0000;}
/*desc*/
.hc_year {padding:0; margin:40px 0; width:100%; border-bottom:#cccccc 1px solid;}
.hc_year_tit {font-size:2.00em; color:#333333; text-align:left; margin:10px 0 0 0; padding:0 0 0 0;  float:left; width:20%; }
.hc_year_desc { text-align:left; margin:0; padding:10px 0; float:right; width:80%; }
.hc_year_tit_s {font-size:1.00em; color:#333333; text-align:left; margin:0; padding:0 0 0 0;float:left; width:20%:#cccccc 1px solid;}
.hc_year_desc_d {font-size:1.00em; color:#333333; text-align:left; margin:0; padding:0 0 0 0;float:right;width:80%; font-weight:300;}


/*¼­ºñ½º PC*/
#servicecont {width:740px; padding:0; margin:0 auto 50px auto;}
/*title*/
.sc_tit1 {font-size:20px; font-weight:300; color:#535353; text-align:left; line-height:100%; margin:0; padding:0;text-transform:uppercase; }
.sc_tit2 {font-size:40px; font-weight:500; color:#0563b8; text-align:left; line-height:100%;  margin:0 0 30px 0; padding:0; text-transform:uppercase;}
/*description*/
.sc_box1 {width:100%; padding:0; margin:0;}
.sc_box1 .box1_left {width:40%; height:460px; padding:0; margin:0; float:left; background-color:#0563b8;}
.sc_box1 .box1_left .sc_desc1 {font-size:1.00em; font-weight:300; color:#ffffff; text-align:left; line-height:130%;  margin:50px 30px 10px 30px; padding:0 0 0 0; }
.sc_box1 .box1_left .sc_desc2 {font-size:1.00em; font-weight:300; color:#ffffff; text-align:left; line-height:130%;  margin:50px 30px 10px 30px; padding:0 0 0 0;}
.sc_box1 .box1_right {width:60%; height:460px; padding:0; margin:0; float:left; background-color:#f2f2f2;}
.sc_box1 .box1_right .sc_desc_list {margin:50px 30px 10px 30px; padding:0 0 0 0; }
.sc_box1 .box1_right .sc_desc_list_title {font-size:1.10em; font-weight:500; color:#535353; text-align:left; line-height:130%;  margin:0; padding:0 0 0 0; }
.sc_box1 .box1_right .sc_desc_list_title_desc {font-size:0.80em; font-weight:bold; color:#999999; text-align:left; line-height:140%;  margin:5px 0 30px 0; padding:0 0 0 0; }
/*bottom*/
.sc_bt {width:100%; padding:0; margin:50px 0; text-align:center;color:#535353;}
.sc_bt .sc_bt_tit1 {font-size:1.50em; font-weight:300; line-height:100%; margin:0; padding:0;text-transform:uppercase; }
.sc_bt .sc_bt_tit2 {font-size:2.00em; font-weight:500; line-height:100%;  margin:0; padding:0; text-transform:uppercase;}
.sc_bt .sc_bt_tit2 span { font-style:italic;}



}










/**¸ð¹ÙÀÏ**/
@media all and (max-width:800px) {


#contbody{width:95%; padding:0 auto; margin:20px auto;font-size:1.00em; line-height:1.80em;}

/*page-title*/
.page {padding:0; width:100% auto; margin:30px 15px 50px 15px;}

.page .page_title {width:100%; text-align:center; margin:0 0 30px 0; }
.page .page_title .text_big{text-transform:uppercase; font-size:1.00em;}
.page .page_title .text_small{font-size:1.80em;}

.page .home {display:none;}




.mb30{margin-bottom:10px;}


 .left{width:100%; float:none;}
 .right{width:100%; float:none;}
 .text_normal{width:100%; line-height:18px;}
 .sub_img2{width:100%; text-align:center;}
 .sub_img2 img{ width:50%; vertical-align:top;}
 
 .sub_img3{width:100%; text-align:center;}
 .vision{width:100%; height:auto;}
.home{ display:none;}



/*ȸ¿ø °¡ÀÔ ¿©ºÎ*/
.join_agree {margin:0 auto; width:100%; font-size:0.90em;}


/*ã¾Æ¿À½Ã´Â±æ*/
#boxzone {width:95%; margin:40px auto; padding:0; text-align:center;}
#boxzone .address { display:block; margin:20px 0; padding:0; text-align:left; line-height:200%;}

/*#boxzone a:link{margin:0 10px 0 0;padding:0 0;float:left; text-decoration:none;}*/

#boxzone .boxlistst{ margin:5px auto; padding:0;  display:block; width:100%; height:30px; line-height:30px; background-color:#cccccc; color:#333333; font-size:0.90em; font-weight:bold; text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}



/*rwd login*/

.login_box1 { padding:0; text-align:center; margin:0 auto; font-size:0.95em;  width:100%;}
.find1   { margin-top:25px; padding:25px 0; text-align:center; font-size:12px; font-weight:bold; color:#777; }



#rwd_login {width:260px; margin:0 auto; }
#rwd_login .rl_box_left {float:left; width:170px; text-align:left;}


#rwd_login .rl_box_left .id_in {width:60px;float:left; padding:2px 0;}
#rwd_login .rl_box_left .id_in2 {float:left; width:100px; padding:2px 0;}
#rwd_login .rl_box_left .id_in2 input {border:1px #cdcdcd solid; padding:0; height:20px; line-height:20px; max-width:100px; background-color:#f6f6f6;}

#rwd_login .rl_box_left .pw_in {width:60px;float:left; padding:2px 0;}
#rwd_login .rl_box_left .pw_in2 {float:left; width:100px; padding:2px 0;}
#rwd_login .rl_box_left .pw_in2 input {border:1px #cdcdcd solid; padding:0; height:20px; line-height:20px; max-width:100px; background-color:#f6f6f6;}


#rwd_login .rl_box_right {float:right;}

/*ÀϹÝÆäÀÌÁö ¾Æ¿ô ¶óÀÎ*/
#rwd_defaultline { width:100%; margin:0 auto;}


/*±âŸÆäÀÌÁö ¾Æ¿ô ¶óÀÎ*/
#rwd_etcline { width:100%; margin:0;}


/*ȸ¿ø°ü·Ã ¾Æ¿ô ¶óÀÎ*/
#rwd_memline { width:100%; margin:0;}

/*ȸ¿øÅ»Åð*/
#rwd_memout { width:100%; margin:0;}


/*CEOÀλ縻 ¸ð¹ÙÀÏ*/
#aboutcont {width:100%; padding:0; margin:0 0 100px 0; text-aling:center;}
/*title*/
.ac_tit1 {font-size:1.40em; font-weight:normal; color:#4f4f4f; line-height:140%; margin:0; padding:0; }
.ac_tit2 {font-size:2.00em; font-weight:normal; color:#4f4f4f; line-height:100%;  margin:0; padding:0; text-transform:uppercase;}
/*description*/
.ac_desc1 {font-size:1.00em; font-weight:bold; color:#535353; text-align:left; line-height:150%;  margin:30px 0 0 0; padding:0; }
.ac_desc2 {font-size:0.90em; font-weight:normal; color:#838383; text-align:left; line-height:160%;  margin:20px 0 0 0; padding:0; }
/*img*/
.ac_img1 {width:100%; margin:30px 0; padding:0; }
.ac_img1 img{width:100%; }




/*ȸ»ç¿¬Çõ ¸ð¹ÙÀÏ*/
#historycont {width:100%; padding:0; margin:0 0 100px 0; text-align:center;}
/*title*/
.hc_tit_line { border-bottom:#333333 2px solid; height:2px;}
.hc_tit1 {display:none;}
.hc_tit2 {display:none;}
.hc_tit2 span{ display:none;}
/*desc*/
.hc_year {padding:0; margin:20px 0 40px 0; width:100%; border-bottom:#cccccc 1px solid;}
.hc_year_tit {display:none;}
.hc_year_desc { text-align:left; margin:0; padding:10px 0; float:right; width:100%; }
.hc_year_tit_s {font-size:0.90em; color:#333333; text-align:left; margin:0; padding:0 0 0 0;float:left; width:25%:#cccccc 1px solid; font-weight:bold;}
.hc_year_desc_d {font-size:0.90em; color:#333333; text-align:left; margin:0; padding:0 0 0 0;float:right;width:75%;}

/*¼­ºñ½º ¸ð¹ÙÀÏ*/
#servicecont {width:100%; padding:0; margin:0 auto 50px auto;text-align:center; }
/*title*/
.sc_tit1 {font-size:1.00em; font-weight:normal; color:#535353; line-height:100%; margin:0; padding:0;text-transform:uppercase; }
.sc_tit2 {font-size:2.00em; font-weight:normal; color:#0563b8; line-height:100%;  margin:0; padding:0; text-transform:uppercase;}
/*description*/
.sc_box1 {width:100%; padding:0; margin:0;}
.sc_box1 .box1_left {width:100%; padding:20px 0 20px 0; margin:20px 0 0 0; background-color:#0563b8;}
.sc_box1 .box1_left .sc_desc1 {font-size:1.00em; font-weight:normal; color:#ffffff; text-align:left; line-height:130%;  margin:0px 30px 10px 30px; padding:0 0 0 0; }
.sc_box1 .box1_left .sc_desc2 {font-size:1.00em; font-weight:normal; color:#ffffff; text-align:left; line-height:130%;  margin:20px 30px 10px 30px; padding:0 0 0 0;}
.sc_box1 .box1_right {width:100%; padding:0; margin:0;  background-color:#f2f2f2;}
.sc_box1 .box1_right .sc_desc_list {margin:0px 30px 10px 30px; padding:50px 0 ; }
.sc_box1 .box1_right .sc_desc_list_title {font-size:0.90em; font-weight:bold; color:#535353; text-align:left; line-height:130%;  margin:0; padding:0 0 0 0; }
.sc_box1 .box1_right .sc_desc_list_title_desc {font-size:0.80em; font-weight:bold; color:#999999; text-align:left; line-height:140%;  margin:5px 0 30px 0; padding:0 0 0 0; }
/*bottom*/
.sc_bt {width:100%; padding:0; margin:50px 0; text-align:center;color:#535353;}
.sc_bt .sc_bt_tit1 {font-size:1.00em; font-weight:normal; line-height:200%; margin:0; padding:0;text-transform:uppercase; }
.sc_bt .sc_bt_tit2 {font-size:2.00em; font-weight:normal; line-height:100%;  margin:0; padding:0; text-transform:uppercase;}
.sc_bt .sc_bt_tit2 span { font-style:italic;}






}