@charset "utf-8";
@import url("./common.css");
/* °øÅë */

.common_page .content .t_tit {overflow:hidden}
.common_page .content .tit_01 {position:absolute;padding:0 35px;height:70px;line-height:70px;text-align:center;font-size:26px;letter-spacing:-0.5px;color:#fff;font-style:italic;font-family:'notokr-medium';background-color:#1963fd}
.common_page .content .tit_02 {float:left;padding-left:250px;width:100%;height:70px;line-height:70px;font-size:20px;color:#333;font-family:'notokr-bold';background-color:#f5f5f5;box-sizing:border-box}
.common_page .content .tit_03 {float:left;padding-left:293px;width:100%;height:70px;line-height:70px;font-size:20px;color:#333;font-family:'notokr-bold';background-color:#f5f5f5;box-sizing:border-box}
.common_page .content .t02 {padding-left:400px}
.common_page .content .t03 {padding-left:290px}
.common_page .content .t_img {overflow:hidden;padding:30px}
.common_page .content .t_img>.l_img {float:left;width:400px;height:285px;background:url(../img/p33_bg.png) no-repeat}
.common_page .content .t_img>.r_txt {float:left;padding:30px;font-size:16px;line-height:28px;letter-spacing:-0.3px;color:#555;font-family:'notokr-regular'}
.common_page .content .t_img>.r_txt>span {color:#222}
.common_page .content .t_img>.r_txt2 {float:left;padding:30px;font-size:16px;line-height:30px;letter-spacing:-0.3px;color:#555;font-family:'notokr-regular'}
.common_page .content .t_img>.r_txt2>span {color:#222}
.common_page .content .t_img>.l_img2 {float:left;width:402px;height:294px;background:url(../img/p34_bg.png) no-repeat}
.common_page .content .t_bo {padding:30px}
.common_page .content dl {position:relative;padding:10px}
.common_page .content dt {position:absolute;top:17px;left:3px;width:4px;height:4px;background-color:#444}
.common_page .content dd {padding-left:10px;font-size:16px;letter-spacing:-0.3px;color:#555;font-family:'notokr-regular'}
.common_page .cont_h {overflow:hidden;padding:40px 30px}
.common_page .cont_h li {overflow:hidden;margin-bottom:50px}
.common_page .cont_h li .icon {float:left;width:60px;height:60px}
.common_page .cont_h li .icon01 {background:url(../img/p36_icon01.png) no-repeat center #555}
.common_page .cont_h li .icon02 {background:url(../img/p36_icon02.png) no-repeat center #555}
.common_page .cont_h li .icon03 {background:url(../img/p36_icon03.png) no-repeat center #555}
.common_page .cont_h li .icon04 {background:url(../img/p36_icon04.png) no-repeat center #555}
.common_page .cont_h li .icon05 {background:url(../img/p36_icon05.png) no-repeat center #555}
.common_page .cont_h li .icon06 {background:url(../img/p36_icon06.png) no-repeat center #555}
.common_page .cont_h li .icon07 {background:url(../img/p36_icon07.png) no-repeat center #555}
.common_page .cont_h li .icon08 {background:url(../img/p36_icon08.png) no-repeat center #555}
.common_page .cont_h li .icon09 {background:url(../img/p36_icon09.png) no-repeat center #555}
.common_page .cont_h li .icon10 {background:url(../img/p36_icon10.png) no-repeat center #555}
.common_page .cont_h li .t_txt {float:left;padding-left:30px}
.common_page .cont_h li .t_txt>.t_t {padding-bottom:15px;font-size:24px;letter-spacing:-0.5px;color:#333;font-family:'notokr-medium'}
.common_page .cont_h li .t_txt>.t_t>span {font-family:'notokr-bold'}
.common_page .cont_h li .t_txt>.s_t {;font-size:16px;line-height:28px;letter-spacing:-0.5px;color:#555;font-family:'notokr-regular'} 
.common_page .cont_h li .doc_img {float:left;padding-left:80px;padding-top:20px;width:600px;height:400px}
.common_page .cont_h li .img01 {background:url(../img/3.png) no-repeat center #ffffff}
.common_page .cont_h li .img02 {background:url(../img/1-2.png) no-repeat center #ffffff}
.common_page .cont_h li .img03 {background:url(../img/1-3.png) no-repeat center #ffffff}
.common_page .cont_h li .img04 {background:url(../img/1-4.png) no-repeat center #ffffff}

/* Å×ÀÌºí °øÅë */
.tb_con {overflow:hidden;float:left;margin:15px 0;padding-left:90px}
.table{width:100%;clear:both;table-layout:fixed;display:table;border-collapse:collapse;margin: 10px 0 10px;font-family:'notokr-regular'}
.tbl_wrap{margin-top: 15px;}
.table caption{display:none}
.table thead th{background:#555;text-align:center;color:#FFF;height:46px;/*border-top:2px solid #222222;*/border-right:1px solid #d2d2d2; font-size:16px;border-bottom: 1px solid #d2d2d2;font-weight:normal}
.table thead th.last{border-right:none}
.table .t_fir{color:#222}
.table .t_last{border-right: 1px solid #d2d2d2}
.table .last0 {text-align:left;padding-left:20px}
.table .last0>span {padding-left:100px}
.table tfoot th{background:#00a78e;color:#FFF;height:46px;/*border-bottom:2px solid #222222;*/border-right:1px solid #d2d2d2; font-size:16px}
.table tfoot th.last{border-right:none}
.table tbody{color:#777777}
.table tbody th{background:#0076d1;font-weight:bold;font-size:1.25em;letter-spacing:-0.05em;height:35px;border-bottom:1px solid #dfdfdf;color: #fff;}
.table tbody td{text-align:center;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;line-height:1.9em;letter-spacing:-0.05em;font-size: 15px;padding: 5px;}
.table tbody td.txt_p{text-align:center;color:#484848;font-size:1.25em;padding-left:0px}
.table .gy{background-color:#f9f9f9}


/* ÅÇ */
.common_page .tabs_area {margin-bottom:35px}
.common_page .tabs_area .tabs{overflow:hidden;font-family:'notokr-medium'}
.common_page .tabs_area .tabs li{float:left;background:#ebebeb;border:1px solid #d5d5d5;margin-left:5px;padding:10px 32px;font-size:1.2em;color:#6f6f6f;letter-spacing:-0.05em;cursor:pointer}
.common_page .tabs_area .tabs li.first{margin-left:0}
.common_page .tabs_area .tabs li.on{background:#0080bc;border:none;color:#fff;padding:11px 33px}



/* µ¥ÀÌÅͺ¹±¸¶õ? */
#p33 .content .t_bo {padding:30px}
#p33 .content dl {position:relative;padding:10px}
#p33 .content dt {position:absolute;top:17px;left:3px;width:4px;height:4px;background-color:#444}
#p33 .content dd {padding-left:10px;font-size:16px;letter-spacing:-0.3px;color:#555;font-family:'notokr-regular'}

/* Çϵåµð½ºÅ© */
#p36 .content {margin-bottom:50px}
#p36 .content h3 {margin-bottom:15px;font-size:20px;letter-spacing:-0.3px;color:#333;font-family:'notokr-medium'}


#container {position:relative; z-index:0;;}

.sub_visual {position:relative; text-align:center; overflow:hidden; width:100%; height:360px; background-repeat:no-repeat; background-position:center top; background-image:url(../images/sub/sub_visual_default.jpg)}

.sub_visual .this_title{padding-top:130px; font-size:40px; line-height:40px; color:#fff; font-weight:bold;font-family: 'Nanum Square'; }
.sub_visual .this_title span{display:block; font-size:16px; font-weight:normal; }

#container_sub {position:relative;}


/*·¹ÇÁÆ®¸Þ´º*/
#left {position:absolute; width:100%; left:0px; top:-49px; }


ul#leftMenu { text-align:center; font-size:0px;}
ul#leftMenu li {font-size:15px; display:inline-block; margin-right:1px; letter-spacing:-0.5px; }
ul#leftMenu li a.left_first_depth {display:block; color:#555555;  line-height:49px;  padding:0 10px; min-width:160px; background:#fff; }
ul#leftMenu li a.left_first_depth:hover {text-decoration:underline;}
ul#leftMenu li a.left_first_depth.on {font-weight:bold; color:#fff;; line-height:49px; background:#336fec;}

ul#leftMenu li div {display:none;position:relative; background:#eeeeee; overflow:hidden;}
ul#leftMenu li div.on {display:block;}
ul#leftMenu li div ul { padding:10px 0;border:1px #cbcbcb solid; border-top:0px; border-bottom:0px;}
ul#leftMenu li div ul li {font-size:13px; border-bottom:0px;}
ul#leftMenu li div ul li a {display:block;border:0px; color:#777;padding:0 0 0 35px; line-height:23px;background:url(../images/sub/three_depth_dot.jpg) 20px top no-repeat;}



#contentGroup {overflow:hidden; padding-top:20px; margin:0 auto;  width:1000px;}


/*°¡À̵å¹Ú½º*/
#guideGroup {position:relative;  border-bottom:1px #eaeaea solid;  }
//#guideGroup h3 { font-size:25px;padding-bottom:10px; color:#2870a8; font-weight:normal; letter-spacing:-1.5px;  font-family: 'Nanum Square';}
#guideGroup h3 {	font-size:18px; font-weight:600; padding:20px 0 12px 5px; color:#333;  border-bottom:1px solid #dcdcdc;}
#guideGroup .guide { position:absolute; top:0px; right:0px;}
#guideGroup .guide li{float:left;color:#777777;line-height:23px; font-size:13px; padding:0 12px 0 12px;background:url(../images/sub/guide_dot.jpg) left 9px no-repeat; }
#guideGroup .guide li.home {padding:0 12px 0 0;background:none; }
#guideGroup .guide li.home a{display:block; padding-left:13px; background:url(../images/sub/guide_home.jpg) left 7px no-repeat;   }
#guideGroup .guide li a {color:#777777;}
#guideGroup .guide li.this { color:#777777; padding-right:0px;}


#guideGroup .page_config {position:absolute; top:-30px; right:0px;}
#guideGroup .page_config li{float:left; height:38px; text-align:center;  border:1px #e8e8e8 solid; border-top:0px;}
#guideGroup .page_config li a{display:block; width:93px; line-height:38px;   border-top:0px; font-size:11px; color:#898989; background-color:#f8f8f8; }
#guideGroup .page_config li a:hover{text-decoration:underline; }

#footerGroup {position:relative;  border-top:1px #ddd solid;  padding-top:30px;}

/*ÄÁÅÙÃ÷¹Ú½º*/
#content {position:relative; min-height:400px; margin:30px 0 40px 0; padding-bottom:160px; }



/* ÅǸ޴º */
div.tapMenu { overflow:hidden;}
div.tapMenu ul { float:left; font-size:13px; width:100%; text-align:center; letter-spacing:-1px;}
div.tapMenu ul li { float:left; width:24%; border:1px solid #ccc; border-radius:50px; margin:10px 0 0 1%;line-height:35px; box-sizing:border-box;}
div.tapMenu ul li a {  color:#555; display:block; border-radius:50px; }
div.tapMenu ul li:first-child,div.tapMenu ul li:nth-child(4n+1) { margin:10px 0 0 0;}
div.tapMenu ul li:hover a { background:#e0e6f5; color:#4266b6; font-weight:bold;} 
div.tapMenu ul li.on { border:1px solid #3758a0;  }
div.tapMenu ul li.on a { background:#7256c5; color:#fff; font-weight:bold; }


/* ÄÁÅÙÃ÷ °øÅë ½ºÅ¸ÀÏ */
h4.cStyle {clear:both; font-size:20px; padding:0 0 0 24px; color:#222; background:url(../images/sub/h4_dot.jpg) left 7px no-repeat; line-height:24px; margin-bottom:10px;}
h5.cStyle {clear:both; font-size:16px; padding:0 0 0 26px; color:#014e8d; background:url(../images/sub/h5_dot.jpg) 7px 6px no-repeat; line-height:24px; margin-bottom:10px;}
h6.cStyle {clear:both; font-size:15px; padding:0 0 0 30px; color:#555 ; background:url(../images/sub/h6_dot.jpg) 18px 7px no-repeat; line-height:24px; margin-bottom:10px;}

dl.cStyle {clear:both;}
dl.cStyle dt {padding:0 0 0 36px; margin:15px 0 0 0; color:#555; background:url(../images/sub/dt_dot.jpg) 25px 9px no-repeat; line-height:20px; }
dl.cStyle dd {padding:0 0 0 46px; margin:5px 0 0 0; color:#767676; background:url(../images/sub/dd_dot.jpg) 35px 10px no-repeat; line-height:20px;}
dl.cStyle dd a {color:#767676;}
dl.cStyle dd a:hover {color:#000; text-decoration:underline;}

table.cStyle {border-top:2px solid #2fc2f9; width:100%; border-left:1px solid #ddd; font-size:12px; border-spacing:0;}
table.cStyle tr.bg {background:#e9eff3; font-weight:bold;}
table.cStyle th {background:#f2f6f9; color:#333; line-height:20px; padding:7px 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
table.cStyle td {color:#666; padding:6px 5px; line-height:20px; letter-spacing:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
table.cStyle .center {text-align:center;}
table.cStyle .left {text-align:left;}
table.cStyle td.bg {background:#f9f9f9; font-weight:bold;}



ul.cStyle {overflow:hidden;}
ul.cStyle li{padding:0 2px 0 0; font-size:14px;  color:#555; background:url(../images/sub/dt_dot.jpg) 15px 9px no-repeat; line-height:28px; }


p.cStyle {clear:both; font-size:13px; padding:0 0 0 8px;}
p.cStyle b {color:#fb7a0b; letter-spacing:0;}
p.cStyle img {max-width:100%;}

p.cStyle2 {clear:both; font-size:13px; padding:0;}
p.cStyle2 b {color:#fb7a0b; letter-spacing:0;}
p.cStyle2 img {max-width:100%;}

p.cStyle3 {text-align:center;}
p.cStyle3 img{max-width:100%;}

table{border-collapse:collapse; border-spacing:0;}
#sub_contents { position:relative; width:1000px; margin:0 auto; }

#sub_contents  .info { position:relative;  top:0;  min-height:600px; height:100%; width:1000px;  border-left:0px solid #dcdcdc; border-right:0px solid #dcdcdc;}
#sub_contents  .info2 {width:1000px;  border-left:0px solid #dcdcdc; border-right:0px solid #dcdcdc;}
#sub_contents  .info2 .info_tit {font-size:18px; font-weight:600; padding:20px 0 12px 5px; color:#333;  border-bottom:1px solid #dcdcdc;; }
#sub_contents  .info2 .info_tit span { font-size:12px; font-weight:normal; line-height:50px; *margin-top:-60px; color:#999; padding-right:30px; float:right; }
#sub_contents  .info2 .info_tit span img {vertical-align:middle; padding-right:5px; }

#sub_contents  .info .info_de { padding-top:15px; width:100%}
#sub5 #sub_contents  .info .info_de {position:relative; padding:25px 40px 40px 40px; }
#sub_contents  .info .info_de table { width:100%; border-top:1px solid #b8c6e1; } 
#sub_contents  .info .info_de table input {vertical-align:middle}
#sub_contents  .info .info_de table th { padding:10px 0; background-color:#c8dafe; border:1px solid #b8c6e1;}
#sub_contents  .info .info_de table td {padding:10px 10px; text-align:center; border-bottom:1px solid #b8c6e1; border-left:1px solid #b8c6e1; border-right:1px solid #b8c6e1;}
#sub5 #sub_contents  .info .info_de table td {padding:10px 10px; text-align:center; border-bottom:1px solid #b8c6e1; border-left:none;}
#sub6 #sub_contents  .info .info_de table td {padding:10px 10px; text-align:center; border-bottom:1px solid #b8c6e1; border-left:none;}
#sub4 #sub_contents  .info .info_de table td {padding:10px 10px; text-align:center; border-bottom:1px solid #b8c6e1; border-left:none;}
#sub_contents  .info .info_de table td input {width:100%;}
#sub_contents  .info .info_de h3 {font-size:20px; font-weight:600; padding-bottom:15px; letter-spacing:-1px;}
#sub_contents  .info .info_de p{font-size:14px; color:#555; line-height:21px;}
#sub_contents  .info .info_tit {font-size:18px; font-weight:600; padding:20px 0 12px 5px; color:#333;  border-bottom:1px solid #dcdcdc;; }
#sub_contents  .info .info_tit img  { vertical-align:middle; }
#sub_contents  .info .info_tit span { font-size:12px; font-weight:normal; line-height:50px; *margin-top:-60px; color:#999; padding-right:30px; float:right; }
#sub_contents  .info .info_tit span img {vertical-align:middle; padding-right:5px; }
#sub_contents  .leftmenu .tel { padding-top:30px;font-size:14px; font-weight:bold; Width:170px; }
#sub_contents  .leftmenu .tel .tt { font-weight:bold; font-size:21px; color:#6eb92c; letter-spacing:-0.5px; line-height:40px; }
#sub_contents  .leftmenu .tel .ttt { font-weight:normal; font-size:12px; color:#aaa; }
#sub_contents  .leftmenu .tel .ttt img { float:left; padding-right:10px; }
#sub_contents  .info .info_de .ruswjr > p { padding:15px 0 10px 0; font-weight:bold; font-size:16px;}
#sub_contents  .info .info_de table .ch span{ display:inline-block; width:40px; padding-right:5px; text-align:right;}
#sub_contents  .info .info_de .ruswjr .send a {display:block; width:200px; margin:0 auto; height:40px; background-color:#38b8e1; text-align:center; line-height:40px; color:#fff; font-weight:bold; margin-top:20px;}
#sub_contents  .info .info_de .ruswjr textarea {width:100%; height:300px;}
#sub_contents  .info .info_de .result  table td {text-align:center;}
#sub_contents  .info .info_de .result {padding-top:30px;}
#sub_contents  .info .info_de .result  table {border-top:2px solid #444;}
#sub_contents  .info .info_de .result  table .sul_left {text-align:left;}
#sub_contents  .info .info_de .dan .t_in {font-size:12px;}
.t_tit {padding:10px 0 5px 0; font-weight:600;}

#sub_contents .info .info_de table .view_tit {font-size:18px; text-align:left; padding:15px;}
.view_tit span{font-size:12px; float:right; font-weight:normal;}
#sub_contents  .info .info_de .result  table .view_info {padding:40px 30px;}
#sub4 #sub_contents  .info .info_de .img_list {margin-top:10px;clear:both; padding:20px 10px 0 10px; border-top:2px solid #333;  border-bottom:1px solid #aaa; overflow:hidden;}
#sub4 #sub_contents  .info .info_de .img_list dl {width:150px; float:left; padding:0 14px; padding-bottom:20px; }
#sub4 #sub_contents  .info .info_de .img_list dt { height:100px; overflow:hidden;}
#sub4 #sub_contents  .info .info_de .img_list dt img{width:150px;}
#sub4 #sub_contents  .info .info_de .img_list dd {text-align:center; line-height:30px;}
.ran{padding:30px; background-color:#ffd1c6; margin-bottom:50px; border:1px solid #f7d7cf;}

/* Ãß°¡ 2017_03_10_fri */
.using_pc {display: table;}
.using_mobile {display: none;}