@charset "utf-8";


/*서브-상단비주얼 */
#svisual  {width:100%; height:350px; background: url(../img/sub/sub01.jpg) no-repeat center -50px; min-width:1100px; display:none}
#svisual.a{width:100%; height:350px; background: url(../img/sub/sub01.jpg) no-repeat center -50px; min-width:1100px; }
#svisual.b{width:100%; height:350px; background: url(../img/sub/sub01.jpg) no-repeat center -50px; min-width:1100px; }
#svisual.c{width:100%; height:350px; background: url(../img/sub/sub01.jpg) no-repeat center -50px; min-width:1100px; }
#svisual.d{width:100%; height:350px; background: url(../img/sub/sub01.jpg) no-repeat center -50px; min-width:1100px; }
#svisual_comm{width:100%; height:210px; background: url(../img/sub/sub01.jpg) no-repeat center center; min-width:1100px; }
#svisual .svisual_in{width:100%; margin:0 auto; height:160px; /*text-align:center;*/ letter-spacing:-1.2px; }
#svisual .svisual_in .s_text h2{font-size:1.7em; font-weight:600; color:#fff; text-align:center; text-shadow:1px 1px 5px rgba(0,0,0,.5)}
#svisual .svisual_in .s_text h2::before{content:""; display:block; width:40px; height:3px; background:#fff ; margin:0px auto 20px}
#svisual .svisual_in .s_text p{font-size: 3.50em; color:#fff; font-weight:bold; text-align:center; text-shadow:1px 1px 5px rgba(0,0,0,.5)}
#svisual_comm .svisual_in{width:1100px; margin:0 auto; height:235px; /*text-align:center;*/ letter-spacing:-1.2px; }
#svisual_comm .svisual_in .s_text h2{font-size:5.0em; font-weight:500; padding-top:45px; color:#fff; text-align:center}
#svisual_comm .svisual_in .s_text p{font-size: 1.20em; color:rgba(255,255,255,0.7); padding-top:10px; font-weight:400;text-align:center}
@media (max-width: 991px) {
#svisual{height:100px; background: url(../img/sub/s_main01.jpg) no-repeat center top; background-size:cover; min-width:100%; display:none;}
#svisual_comm{height:140px; background: url(../img/sub/s_main01.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual .svisual_in{width:100%; height:120px;}
#svisual .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center; display:none;}
#svisual .svisual_in .s_text p{display:none;font-size: 1.20em; color:rgba(255,255,255,0.7); padding-top:10px; font-weight:400;text-align:center; line-height:1.2em}
#svisual_comm .svisual_in{width:100%; height:120px;}
#svisual_comm .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual_comm .svisual_in .s_text p{font-size: 1.20em; color:rgba(255,255,255,0.7); padding-top:10px; font-weight:400;text-align:center; line-height:1.2em}

}


.treat_list{ width:100%; padding:0; margin:0}
.treat_list ul{}
.treat_list li{ display:inline-block; width:49%; margin:0 1% 0 0}
.treat_list li:nth-child(2n){ display:inline-block; width:49%; margin:0 0 0 1%}
/*.treat_list li:first-child{display:inline-block; width:32%; margin:0 1% 0 0}
.treat_list li:nth-child(3n+4){display:inline-block; width:32%; margin:0 1% 0 0}
.treat_list li:nth-child(3n+3){display:inline-block; width:32%; margin:0 0 0 1%}
.treat_list li:last-child{display:inline-block; width:97%; margin:0 1.5%}*/
.treat_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08);  margin-bottom:30px}
.treat_list li .box .photo img{ width:100%}
.treat_list li .box .content{ padding:20px; text-align:center; border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;}
.treat_list li .box .content p.title{font-size:2.0em; line-height:0.8em;color:#55514d; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.055em}
.treat_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.055em}
.treat_list li .box .content p{ color:#807d79; font-size:1.02em; line-height:1.4em; margin:17px 0 0}
@media screen and (max-width:991px) {
.treat_list{ width:100%; padding:0; margin:0}
.treat_list ul{}
.treat_list li{ display:inline-block; width:96%; margin:0 2%}
.treat_list li:nth-child(2n){ display:inline-block; width:96%; margin:0 2%}
/*.treat_list li:last-child{display:inline-block; width:96%; margin:0 2%}*/
.treat_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08);}
.treat_list li .box .photo{ max-width:100%}
.treat_list li .box .content{ text-align:center;border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;}
}

.proimg img{ border-radius:5px;}
@media screen and (max-width:767px) {
.proimg div{ padding:0 10px 0 0}
.proimg div:last-child{ padding:0 0 0 0}
}


.s2_list ul{ width:60%; margin:0px auto}
.s2_list li{display:inline-block; width:48%; margin:0 1% 0 0; transition: all 0.5s; vertical-align:top; text-align:center}
.s2_list li .img{ margin:0 0 25px}
.s2_list li .img img{ height:80px; width:auto}
.s2_list li h4{    color: #333;
    line-height: 1.5em;
    font-weight: 600;
    margin: 8px 0 20px;
    font-size: 1.35em;}
.s2_list li p{    color: #757575;
    font-size: 1.17em;
    font-weight: 400;
    line-height: normal;
    word-break: keep-all;}
@media screen and (max-width:767px) {
.s2_list li{  display:inline-block; width:100%; margin:0 0 30px; transition: all 0.5s;}
.s2_list li h4{    color: #333;
    line-height: 1.5em;
    font-weight: 600;
    margin: 8px 0 20px;
    font-size: 1.15em;}
.s2_list li p{    color: #757575;
    font-size: 1.05em;
    font-weight: 400;
    line-height: normal;
    word-break: keep-all;}
}

.s3_list ul{ width:84%; margin:0px auto}
.s3_list li{display:inline-block; width:30.333%; margin:0 1.5% 0 0; transition: all 0.5s; vertical-align:top; text-align:center}
.s3_list li .img{ margin:0 0 25px}
.s3_list li .img img{ height:80px; width:auto}
.s3_list li h4{    color: #333;
    word-break: keep-all;
    line-height: 1.5em;
    font-weight: 600;
    margin: 8px 0 20px;
    font-size: 1.35em;}
.s3_list li p{    color: #757575;
    font-size: 1.17em;
    font-weight: 400;
    line-height: normal;
    word-break: keep-all;}
@media screen and (max-width:767px) {
.s3_list li{  display:inline-block; width:100%; margin:0 0 30px; transition: all 0.5s;}
.s3_list li h4{    color: #333;
    line-height: 1.5em;
    font-weight: 600;
    margin: 8px 0 20px;
    font-size: 1.15em;}
.s3_list li p{    color: #757575;
    font-size: 1.05em;
    font-weight: 400;
    line-height: normal;
    word-break: keep-all;}
}

/* 제품 4ea 배너*/
.pro4_list{ width:100%; padding:0; margin:0}
.pro4_list ul{}
.pro4_list li:first-child{ display:inline-block; width:24.25%; margin:0 0.5% 0 0; transition: all 0.5s;}
.pro4_list li:nth-child(2){ display:inline-block; width:24.25%; margin:0 0.5% 0 0.5%; transition: all 0.5s;}
.pro4_list li:nth-child(3){ display:inline-block; width:24.25%; margin:0 0.5% 0 0.5%; transition: all 0.5s;}
.pro4_list li:nth-child(4){ display:inline-block; width:24.25%; margin:0 0 0 0.5%; transition: all 0.5s;}
.pro4_list li:nth-child(5){ display:inline-block; width:25%; margin:0; transition: all 0.5s;}
.pro4_list li:nth-child(6){ display:inline-block; width:24.25%; margin:0 0.25% 0 0.5%; transition: all 0.5s;}
.pro4_list li .box{ /*box-shadow: 0 1px 1px rgba(0,0,0,0.08); */ margin-bottom:10px}
.pro4_list li .box .photo img{ width:100%; max-height:400px}
.pro4_list li .box .photo{border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-top:1px solid #d5d5d5;}
.pro4_list li .box .content{ padding:10px; text-align:center; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; min-height: 100px;}
.pro4_list li .box .content p.title{font-size:1.35em; line-height:0.8em;color:#55514d; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.055em; margin:0 0 10px}
.pro4_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.055em}
.pro4_list li .box .content p{ color:#5f5f5f; font-size:1.02em; line-height:1.4em; margin:0 0 7px}

@media screen and (max-width:767px) {
.pro4_list{ width:100%; padding:0; margin:0}
.pro4_list ul{}
.pro4_list li:first-child{ display:inline-block; width:49%; margin:0 1% 0 0; transition: all 0.5s;}
.pro4_list li:nth-child(2){ display:inline-block; width:49%; margin:0 0 0 1%; transition: all 0.5s;}
.pro4_list li:nth-child(3){ display:inline-block; width:49%; margin:0 1% 0 0; transition: all 0.5s;}
.pro4_list li:nth-child(4){display:inline-block; width:49%; margin:0 0 0 1%; transition: all 0.5s;}
.pro4_list li:nth-child(5){ display:inline-block; width:49%; margin:0 1% 0 0; transition: all 0.5s;}
.pro4_list li:nth-child(6){ display:inline-block; width:49%; margin:0 0 0 1%; transition: all 0.5s;}
.pro4_list li .box{ /*box-shadow: 0 1px 1px rgba(0,0,0,0.08);*/}
.pro4_list li .box .photo img{ width:100%;  max-height:100%}
.pro4_list li .box .photo{border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-top:1px solid #d5d5d5;}
.pro4_list li .box .content{ text-align:center;border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
}



/*3차메뉴*/
.subtitle_tabs {
    width: 100%;
    text-align: center;
    border-top: 1px solid #cac6c5;
    margin-bottom: 65px;
}
.subtitle_tabs li {
    display: inline-block;
    font-size: 14px;
}
@media screen and (max-width:767px) {
.subtitle_tabs li {
    display: inline-block;
    font-size: 14px;
	width:100%;
}	
}
.subtitle_tabs li.active a {
    border-bottom: 2px solid #00002c;
    color: #292956;
	font-weight:500;
}
@media screen and (max-width:767px) {
.subtitle_tabs li.active a {
    /*border: 1px solid #00002c;*/
	border-radius:5px;
    color: #292956;
	font-weight:500;
	background: #f5f4fb;
}	
}
.subtitle_tabs li a {
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0 33px;
}
.subtitle_tabs_line {
    width: 100%;
    height: 1px;
    background: #cac6c5;
    margin-top: -1px;
    z-index: -10;
}


/* 반응형 박스형 문단처리 */
.sub_imgcontent_wrap5 {
    width: 100%;
    /*margin-bottom: 35px;*/
    border: 1px solid #e6e4e4;
    min-height: 100px;
    overflow: hidden;
}
.sub_imgcontent_wrap5 h3 {
    display: inline-block;
    width: 100%;
    height: 45px;
    float: left;
    text-align: center;
    font-size: 1.5em;
	font-weight:600;
	line-height:45px;
    /*font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
}

.sub_imgcontent_img {
    width: 48%;
    float: left;
    min-height: 100px;
}

.sub_imgcontent_text {
    width: 52%;
    float: right;
}
.sub_imgcontent_text p {
    width: 90%;
    margin: 25px auto 35px auto;
    line-height: 180%;
	font-size: 1.00em;
    color: #555;
	font-weight: 300;
}

@media screen and (max-width:767px) {
.sub_imgcontent_img {
    width: 100%;
    float: left;
    min-height: 150px;
}

.sub_imgcontent_text {
    width: 100%;
    float: right;
}
}

/*인사말*/
.gray_sarea{background:#fff; text-align:center;  padding:50px 0; letter-spacing:-0.5px;}
.gray_sarea h3{font-size:2.9em; line-height:1.7em; font-weight: 600; color:#111}
.gray_sarea h3:after{ content:''; display:block; margin:20px auto 20px; width:80px; height:1px; background:#999}
.gray_sarea p{font-size:1.57em; color: #414753; font-weight: 600;}
.gray_sarea .b_dong:after{display:block; content:""; clear:both;}
.gray_sarea .b_dong{padding:30px 0 0; width:1200px; margin:0 auto;  transition: all 0.5s;}
.gray_sarea .b_dong li{ transition: all 0.5s;}
.gray_sarea .b_dong p{margin-top:40px; font-size:1.23em;}
.gray_sarea .b_dong p.e{margin-top:40px; font-size:1.17em; color:#222}
.gray_sarea .b_dong h4{color:#000; line-height:1.6em; font-weight:600; margin:20px 0; font-size:2.0em}
.gray_sarea .b_dong h4.manager{ font-size:1.5em}
.gray_sarea .b_dong div{color:#757575; font-size:1.27em; font-weight:400; line-height:normal; word-break: keep-all;}
.gray_sarea .b_dong div.cont{ width:284px; font-size:1.0em; margin:0px auto; }
@media (max-width: 1199px) {
.gray_sarea .b_dong{padding:100px 0 0px; width:100%; margin:0 auto;}
}
@media (max-width: 991px) {
.gray_sarea{padding:30px 0 10px;}
.gray_sarea h2{font-size:1.3em; line-height:1.2em;}
.gray_sarea h3{font-size:1.9em;}
.gray_sarea p{font-size:1.15em; color: #333; font-weight: 500;}
.gray_sarea .b_dong li{ transition: all 0.5s;}
.gray_sarea .b_dong h3{display:block; font-size:1em;}
.gray_sarea .b_dong h4{color:#000; line-height:1.5em; font-weight:600; margin:8px 0 0; font-size:1.30em}
.gray_sarea .b_dong{width:100%; padding-top:20px;}
.gray_sarea .b_dong .img_area{height:180px; overflow:hidden;  transition: all 0.5s;}
.gray_sarea .b_dong .img_area img{ width:100%;  transition: all 0.5s;}
.gray_sarea .b_dong p.e{margin-top:40px; font-size:1.17em; color:#222}
.gray_sarea .b_dong div{margin-bottom:30px; font-size:1em; padding:10px;}
}

/*네트워크*/
.network_img {
    /*height: 60px;*/
    padding: 29px 0;
    border: 1px solid #d8d8db;
    text-align: center;
    background: url(../img/sub/network_pattern.png) 0 0 repeat;
}

/*미션*/
.mission{width:100%; background:url(../img/sub/mission.jpg) no-repeat center top; padding:440px 0 0 0; height:700px}
@media screen and (max-width:767px) {
.mission{width:100%; background:url(../img/sub/m_mission.jpg) no-repeat center top; padding:350px 0 0 0; height:700px; background-size:100%}
}

.manager_01{ width:270px; height:270px; border-radius:100%; background:#183879; padding:40px 20px 10px; float:right; transition: all 0.5s;}
.manager_01 img{ margin:0 0 10px}
.manager_01 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em; margin: 0 0 7px;}
.manager_01 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:500 ;letter-spacing:-.055em; opacity:0.7}

.manager_02{ width:270px; height:270px; border-radius:100%; background:#f1b922; padding:40px 20px 10px; margin:0px auto; transition: all 0.5s;}
.manager_02 img{ margin:0 0 10px}
.manager_02 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em; margin: 0 0 7px;}
.manager_02 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:500 ;letter-spacing:-.055em; opacity:0.7}

.manager_03{ width:270px; height:270px; border-radius:100%; background:#000b30; padding:40px 20px 10px; float:left; transition: all 0.5s;}
.manager_03 img{ margin:0 0 10px}
.manager_03 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em; margin: 0 0 7px;}
.manager_03 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:500 ;letter-spacing:-.055em; opacity:0.7}

.manager_04{ width:270px; height:270px; border-radius:100%; background:#292b89; padding:60px 0 10px 0; margin:0px auto}
.manager_04 .t{padding:0;word-break:break-all; font-size:1.85em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em;}
.manager_04 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

@media screen and (max-width:767px) {
.manager_01{ width:270px; height:270px; border-radius:100%; background:#183879; padding:40px 20px 10px; margin:10px auto; float:none; transition: all 0.5s;}
.manager_01 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em; margin: 0 0 7px;}
.manager_01 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:500 ;letter-spacing:-.055em; opacity:0.7}

.manager_02{ width:270px; height:270px; border-radius:100%; background:#f1b922; padding:40px 20px 10px; margin:10px auto; transition: all 0.5s;}
.manager_02 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em; margin: 0 0 7px;}
.manager_02 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:500 ;letter-spacing:-.055em; opacity:0.7}

.manager_03{ width:270px; height:270px; border-radius:100%; background:#000b30 padding:40px 20px 10px; margin:10px auto; float:none; transition: all 0.5s;}
.manager_03 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em; margin: 0 0 7px;}
.manager_03 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:500 ;letter-spacing:-.055em; opacity:0.7}

.manager_04{ width:270px; height:270px; border-radius:100%; background:#292b89; padding:60px 0 10px 0; margin:10px auto}
.manager_04 .t{padding:0;word-break:break-all; font-size:1.85em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.095em;}
.manager_04 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}	
}

/*파트너십*/
.siteLink li{ width:23%; margin:0 1%; display:inline-block}
.siteLink li img{ width:190px}
.siteLink li:nth-child(4n+1){ width:24%; margin:0 1% 0 0}
.siteLink li:nth-child(4n){ width:24%; margin:0 0 0 1%}
.siteLink li a{border:1px solid #d0d8e2; padding:7px 12px; text-align:center; display:block; margin:0 0 8px}
@media screen and (max-width:767px) {
.siteLink li{ width:48%; margin:0 1%}
.siteLink li:nth-child(1n){ width:48%; margin:0 2% 0 0}
.siteLink li:nth-child(2n){ width:48%; margin:0 0 0 2%}	
.siteLink li:nth-child(4n){ width:48%; margin:0 0 0 2%}	
}


/* 오시는길 */
#location .col-sm-6{ margin:0; padding:0}
.location {
    background:#0daff2;;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    color: #fff;
    padding: 4% 5% !important;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 530px;
    height: auto;
    height: 530px;
}
.location h1{font-family: Arial, Helvetica, sans-serif;font-weight: 700;line-height: 1.4em; font-size: 2.6em;margin-bottom: 20px;}
.location p{ color: #fff; font-size: 15px;}
.location .bar{border-right: 1px solid rgb(255,255,255,0.5);border-right: 1px solid rgba(255,255,255,0.5);border-left: 1px solid rgb(255,255,255,0.5);border-left: 1px solid rgba(255,255,255,0.5); border-top: 1px solid rgb(255,255,255,0.5);border-top: 1px solid rgba(255,255,255,0.5);font-size: 16px; padding: 10px 5% !important;}

@media (max-width: 500px) {
.location{min-height: 320px;height: 320px;}
}

/* start 내용_단락01*/
.page01 .para_list{ /*border:1px solid #dfdfdf; padding:20px; border-radius:3px; box-shadow: 1px 1px 1px #dfdfdf*/}
.page01 .para_list h4 { font-size: 1.50em; line-height: 1.0em; font-weight: 500; letter-spacing: -.095em; display: block; padding: 5px 0 15px 0; color: #555; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.page01 .para_list li{font-size:1.20em; margin-bottom:8px;padding-left:12px;background:url(../img/common/bul_li_t1.png) no-repeat 0 8px; font-weight:500; width: 100%;}
.page01 para_list li.none{margin-bottom:8px;padding-left:12px;background:none; }
.page01 .para_list li span.check{color:#de3434 !important}
.page01 .para_list li em{font-weight:bold;color:#2166b2;font-size:1.20em; line-height:1.8em;letter-spacing:-.055em}
.page01 .para_list li li{margin-bottom:0;padding-left:10px;background:url(../img/common/bul_li_t2.png) no-repeat 0 7px;font-size:0.90em; letter-spacing:-.015em; color:#666; font-weight:400}
.page01 .para_list li li.none{margin-bottom:0;padding-left:10px;background:none;font-size:1.00em; letter-spacing:-.015em; color:#666}
/* end 내용_단락01*/

/* start 내용_단락01*/
.para_list{ /*border:1px solid #dfdfdf; padding:20px; border-radius:3px; box-shadow: 1px 1px 1px #dfdfdf*/}
.para_list h4 { font-size: 1.50em; line-height: 1.0em; font-weight: 500; letter-spacing: -.095em; display: block; padding: 5px 0 15px 0; color: #555; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.para_list li{font-size:1.20em; margin-bottom:8px;padding-left:12px;background:url(../img/common/bul_li_t1.png) no-repeat 0 8px; font-weight:500; width: 100%;}
.para_list li.none{margin-bottom:8px;padding-left:12px;background:none; }
.para_list li span.check{color:#de3434 !important}
.para_list li em{font-weight:bold;color:#2166b2;font-size:1.20em; line-height:1.8em;letter-spacing:-.055em}
.para_list li li{margin-bottom:0;padding-left:10px;background:url(../img/common/bul_li_t2.png) no-repeat 0 7px;font-size:0.90em; letter-spacing:-.015em; color:#666; font-weight:400}
.para_list li li.none{margin-bottom:0;padding-left:10px;background:none;font-size:1.00em; letter-spacing:-.015em; color:#666}
/* end 내용_단락01*/

/* start 내용_단락02*/
.para_list02{width: 86%;margin: 15px 7%;}
.para_list02 h4 { font-size: 1.50em; line-height: 1.0em; font-weight: bold; letter-spacing: -.095em; display: block; padding: 5px 0 15px 0; color: #v; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.para_list02 li{margin-bottom:8px;background:url(../img/common/bul_li_t1.png) no-repeat 0 10px; }
.para_list02 li.none{margin-bottom:8px;padding-left:12px;background:none; }
.para_list02 li em{font-weight:500;color:#4a4a4a;font-size:1.35em; line-height:1.2em;letter-spacing:-.055em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.para_list02 li li{margin:5px 0 0 0;background:url(../img/common/bul_li_t2.png) no-repeat 0 7px;font-size:1.05em; letter-spacing:-.015em; color:#666}
.para_list02 li li.none{margin-bottom:0;padding-left:10px;background:none;font-size:1.00em; letter-spacing:-.015em; color:#666}
/* end 내용_단락02*/
@media screen and (max-width:767px) {
/* start 내용_단락02*/
.para_list02{width: 86%;margin: 15px 7%;}
.para_list02 h4 { font-size: 1.50em; line-height: 1.0em; font-weight: bold; letter-spacing: -.095em; display: block; padding: 5px 0 15px 0; color: #v; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.para_list02 li{margin-bottom:8px;background:url(../img/common/bul_li_t1.png) no-repeat 0 10px; text-align:center}
.para_list02 li.none{margin-bottom:8px;padding-left:12px;background:none; }
.para_list02 li em{font-weight:500;color:#4a4a4a;font-size:1.00em; line-height:1.2em;letter-spacing:-.055em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.para_list02 li li{margin:5px 0 0 0;background:url(../img/common/bul_li_t2.png) no-repeat 0 7px;font-size:0.90em; letter-spacing:-.015em; color:#666}
.para_list02 li li.none{margin-bottom:0;padding-left:10px;background:none;font-size:1.00em; letter-spacing:-.015em; color:#666}
/* end 내용_단락02*/

/* start 내용_단락01*/
.page01 .para_list{ /*border:1px solid #dfdfdf; padding:20px; border-radius:3px; box-shadow: 1px 1px 1px #dfdfdf*/}
.page01 .para_list h4 { font-size: 1.30em; line-height: 1.0em; font-weight: 500; letter-spacing: -.095em; display: block; padding: 5px 0 15px 0; color: #555; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.page01 .para_list li{font-size:1.10em; margin-bottom:8px;padding-left:12px;background:url(../img/common/bul_li_t1.png) no-repeat 0 8px; font-weight:500; width: 100%;}
.page01 para_list li.none{margin-bottom:8px;padding-left:12px;background:none; }
.page01 .para_list li span.check{color:#de3434 !important}
.page01 .para_list li em{font-weight:bold;color:#2166b2;font-size:1.20em; line-height:1.8em;letter-spacing:-.055em}
.page01 .para_list li li{margin-bottom:0;padding-left:10px;background:url(../img/common/bul_li_t2.png) no-repeat 0 7px;font-size:0.90em; letter-spacing:-.015em; color:#666; font-weight:400}
.page01 .para_list li li.none{margin-bottom:0;padding-left:10px;background:none;font-size:1.00em; letter-spacing:-.015em; color:#666}
/* end 내용_단락01*/

}

/*SERVICE*/
.service{ background:url(../img/sub/service_bg.jpg) no-repeat; min-height:713px; padding: 20px 0;}
.service ul{ width:92%; padding:0; margin:0 4% 4%}
.service li{ min-height:275px; padding:20px;}
.service li:first-child{ background:rgb(17,50,117,0.7); background:rgba(17,50,117,0.7)}
.service li:nth-child(2){ background:rgb(0,0,0,0.7); background:rgba(0,0,0,0.7)}

.service li:nth-child(3){ background:rgb(0,0,0,0.7); background:rgba(0,0,0,0.7)}
.service li:nth-child(4){ background:rgb(17,50,117,0.7); background:rgba(17,50,117,0.7)}
.service li:nth-child(5){ background:rgb(17,50,117,0.7); background:rgba(17,50,117,0.7)}
.service li:nth-child(6){ background:rgb(0,0,0,0.7); background:rgba(0,0,0,0.7)}
.service li.col-md-6{ margin:2%; width:46%}
.service li dt{ font-size:1.35em; color:#fff; border-bottom:1px solid rgb(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.4); line-height:4.0em; margin:0 0 20px}
.service li dd{ font-size:1.15em; color:rgb(255,255,255,0.7); color:rgba(255,255,255,0.7); padding-left: 15px; background: url(../img/common/bul_li_t3.png) no-repeat 0 7px;}
@media screen and (max-width:767px) {
.service{ background:none; min-height:auto; padding:0}
.service ul{ width:100%; padding:0; margin:0}
.service li.col-md-6{ width:100%; margin:2% 0 }
.service li:nth-child(5){ background:rgb(17,50,117,0.7); background:rgba(17,50,117,0.7)}
}




/* 내용-인사말 */
.greet01{background:url(../img/sub/greet01_2.jpg) no-repeat right 580px; padding-bottom:70px;}
.greet01 h2{font-size:2.7em; color:#113275; line-height:1.5em; font-weight:bold;}
.greet01 p{color:#333; font-size:2.2em; margin-bottom:30px;}
.greet01 p span{color:#2b99d8}
.greet01 div{font-size:1.2em; line-height:1.7em; color:#999; font-weight:300;}
.greet01 div.padding{padding-right:200px;}
.greet01 img{margin:55px 0;}
.greet01 h3{font-size:1.34em; color:#333; margin-bottom:30px;}
.greet01 p.sign{color:#000; margin-top:30px; font-size:1.45em;}
.greet01 p.sign span{ font-family:"Comic Sans MS", cursive; font-size:1.33em; display:inline-block; padding-left:15px;}
@media (max-width: 991px) {
.greet01{background:url(../img/sub/greet01_2.jpg) no-repeat right bottom; background-size:50%}
.greet01 h2{font-size:1.5em;}
.greet01 p{font-size:1.1em; margin-bottom:15px;}
.greet01 div{font-size:1em;}
.greet01 div.padding{padding-right:0;}
.greet01 img{width:100%; margin:20px 0;}
.greet01 h3{font-size:1.2em; margin-bottom:15px;}
.greet01 p.sign{font-size:1.3em;}
.greet01 p.sign span{ font-size:1.2em;}
}



/* 4ea 배너*/
.b4_list{ width:100%; padding:0; margin:0}
.b4_list ul{}
.b4_list li:first-child{ display:inline-block; width:25%; margin:0}
.b4_list li:nth-child(2){ display:inline-block; width:24.25%; margin:0 0.25% 0 0.5%}
.b4_list li:nth-child(3){ display:inline-block; width:24.25%; margin:0 0.5% 0 0.25%}
.b4_list li:nth-child(4){ display:inline-block; width:25%; margin:0}
.b4_list li:nth-child(5){ display:inline-block; width:25%; margin:0}
.b4_list li:nth-child(6){ display:inline-block; width:24.25%; margin:0 0.25% 0 0.5%}
.b4_list li .boxarea { /*box-shadow: 0 1px 1px rgba(0,0,0,0.08); */ margin-bottom:30px}
.b4_list li .boxarea .photo{ width:100%; padding:5%; background:#eaeaea;  text-align:center}
.b4_list li .boxarea .photo img{ height:150px; text-align:center}
.b4_list li .boxarea .content{ padding:30px; text-align:center; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; min-height:210px}
.b4_list li .boxarea .content p.title{font-size:1.35em; line-height:1.4em;color:#2254a8; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.01em; margin:0 0 10px}
.b4_list li .boxarea .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.055em}
.b4_list li .boxarea .content p{ color:#747481; font-size:1.02em; line-height:1.4em; margin:0 0 7px}

@media screen and (max-width:767px) {
.b4_list{ width:100%; padding:0; margin:0}
.b4_list ul{}
.b4_list li:first-child{ display:inline-block; width:49%; margin:0 1% 0 0}
.b4_list li:nth-child(2){ display:inline-block; width:49%; margin:0 0 0 1%}
.b4_list li:nth-child(3){ display:inline-block; width:49%; margin:0 1% 0 0}
.b4_list li:nth-child(4){display:inline-block; width:49%; margin:0 0 0 1%}
.b4_list li:nth-child(5){ display:inline-block; width:49%; margin:0 1% 0 0}
.b4_list li:nth-child(6){ display:inline-block; width:49%; margin:0 0 0 1%}
.b4_list li .boxarea { /*box-shadow: 0 1px 1px rgba(0,0,0,0.08);*/}
.b4_list li .boxarea .photo img{ width:100%; height:auto; }
.b4_list li .boxarea .content{ text-align:center;border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; min-height:300px}
}

/* 조직도 */
.org_wrap {width:100%; margin:20px 0 0 0; position: relative;}
.org_wrap .org_headoffice{position:relative; background:url(../img/sub/bg_org_headoffice.gif) no-repeat center 50px; text-align:center; }
.org_wrap .org_headoffice .headoffice_top span{display:inline-block; }
.org_wrap .org_headoffice .headoffice_top span.chief_st{width:178px; height:50px; padding:11px; font-size:1.286em; color:#fff; font-weight:600; letter-spacing:-1px;}
.org_wrap .org_headoffice .headoffice_top span.chief{background:#f1592a; }
.org_wrap .org_headoffice .headoffice_top span.deputy_chief{margin-top:30px; background:#113275; }
.org_wrap .org_headoffice .headoffice_top span.immediate_st{margin-top:30px; position:relative; width:178px; /*height:50px;*/ padding:11px; font-size:1.143em; color:#fff; font-weight:600; letter-spacing:-1px; background:#113275;left: 50%; margin-left: -550px; }
.org_wrap .org_headoffice .headoffice_top span.immediate_part1{top:43px; right:0; }
.org_wrap .org_headoffice .headoffice_top span.immediate_part2{/*top:128px; right:0*/; }
.org_wrap .org_headoffice .headoffice_top .org_part{overflow:hidden; margin:93px 0 0 -10px; }
.org_wrap .org_headoffice .headoffice_top .org_part li{float:left; width:200px; margin-bottom:10px; padding:18px 0; background:#eee; border:1px solid #e0e0e0; font-size:1.071em; color:#333; letter-spacing:-1px; }
.org_wrap .org_headoffice .headoffice_top .org_part li a{display:block; margin-left:10px; padding:18px 0; background:#eee; border:1px solid #e0e0e0; font-size:1.071em; color:#333; letter-spacing:-1px; }

/* 내용-조직도 상부팀 */
.org_wrap .org_headoffice .headoffice_substructure{overflow:hidden; margin:60px 0 0 0; display: inline-block;}
.org_wrap .org_headoffice .headoffice_substructure .org_subbox{float:left; width:180px; margin:5px; /*background:url(/images/kr/intro/bg_org_sub.gif) no-repeat;*/ text-align:center;  }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont p.org_sub_title{width:180px; /*height:37px;*/ padding:10px 0; font-size:1.10em; color:#fff;  font-weight:400; letter-spacing:-.050em; background:#3a3a3a;; }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont ul{margin-top:21px; }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont ul li{margin-bottom:5px; font-size:1.071em; letter-spacing:-1px; padding:8px 0; border:2px solid #ddd; color:#333; background: #fff;}
.org_wrap .org_headoffice .headoffice_substructure .org_subcont ul li a{display:block; padding:12px 0; border:1px solid #ddd; color:#333; }

/* 내용-조직도 하부팀 */
.org_wrap .org_substructure {overflow:hidden; margin:45px 0 0 0; display: inline-block;}
.org_wrap .org_substructure .org_subbox{float:left; width:100px; margin:5px; /*background:url(/images/kr/intro/bg_org_sub.gif) no-repeat;*/ text-align:center;  }
.org_wrap .org_substructure .org_subcont p.org_sub_title{width:100px; height:37px; padding:5px 0 0 0; font-size:1.143em; color:#fff;  font-weight:600; letter-spacing:-1px; background:#6d727c; }
.org_wrap .org_substructure .org_subcont ul{margin-top:21px; }
.org_wrap .org_substructure .org_subcont ul li{margin-bottom:5px; font-size:1.071em; letter-spacing:-1px; }
.org_wrap .org_substructure .org_subcont ul li a{display:block; padding:12px 0; border:1px solid #ddd; color:#333; }

.org_wrap .org_substructure .org_dong{width:300px;}
.org_wrap .org_substructure .org_dong ul{overflow:hidden; margin-left:-4px;}
.org_wrap .org_substructure .org_dong ul li{float:left; width:50%;}
.org_wrap .org_substructure .org_dong ul li a{display:block; margin-left:4px; color:#333; }


@media (max-width: 570px) {
/* 내용-행정조직도 */
.org_wrap {width:100%; margin:20px 0 0 0; position: relative;}
.org_wrap .org_headoffice{position:relative; background:none; text-align:center; }
.org_wrap .org_headoffice .headoffice_top span{display:inline-block; }
.org_wrap .org_headoffice .headoffice_top span.chief_st{width:100%; height:50px; padding:11px; font-size:1.286em; color:#fff; font-weight:600; letter-spacing:-1px;}
.org_wrap .org_headoffice .headoffice_top span.chief{background:#f1592a; }
.org_wrap .org_headoffice .headoffice_top span.deputy_chief{margin-top:30px; background:#113275; }
.org_wrap .org_headoffice .headoffice_top span.immediate_st{margin-top:30px; position:relative; width:100%; height:50px; padding:11px; font-size:1.143em; color:#fff; font-weight:600; letter-spacing:-1px; background:#113275; left: 0; margin-left: 0;}
.org_wrap .org_headoffice .headoffice_top span.immediate_part1{top:43px; right:0; }
.org_wrap .org_headoffice .headoffice_top span.immediate_part2{/*top:128px; right:0;*/ }
.org_wrap .org_headoffice .headoffice_top .org_part{overflow:hidden; margin:93px 0 0 -10px; }
.org_wrap .org_headoffice .headoffice_top .org_part li{float:left; width:100%; margin-bottom:10px;  }
.org_wrap .org_headoffice .headoffice_top .org_part li a{display:block; margin-left:10px; padding:18px 0; background:#eee; border:1px solid #e0e0e0; font-size:1.071em; color:#333; letter-spacing:-1px; }

/* 내용-조직도 상부조직 */
.org_wrap .org_headoffice .headoffice_substructure{overflow:hidden; margin:40px 0 0 0; display: inline-block; width: 100%;}
.org_wrap .org_headoffice .headoffice_substructure .org_subbox{float:left; width:100%; margin:10px 0; /*background:url(/images/kr/intro/bg_org_sub.gif) no-repeat;*/ text-align:center;  }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont p.org_sub_title{width:100%; /*height:37px;*/ padding:10px 0; font-size:1.143em; color:#fff;  font-weight:600; letter-spacing:-1px; background:#1b1b1b;; }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont ul{margin-top:21px; }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont ul li{margin-bottom:5px; font-size:1.071em; letter-spacing:-1px; }
.org_wrap .org_headoffice .headoffice_substructure .org_subcont ul li a{display:block; padding:12px 0; border:1px solid #ddd; color:#333; }

/* 내용-조직도 하부조직 */
.org_wrap .org_substructure {overflow:hidden; margin:45px 0 0 0; display: inline-block;  width: 100%;}
.org_wrap .org_substructure .org_subbox{float:left; width:100%; margin:5px 0; /*background:url(/images/kr/intro/bg_org_sub.gif) no-repeat;*/ text-align:center;  }
.org_wrap .org_substructure .org_subcont p.org_sub_title{width:100%; height:37px; padding:5px 0 0 0; font-size:1.143em; color:#fff;  font-weight:600; letter-spacing:-1px; background:#6d727c; }
.org_wrap .org_substructure .org_subcont ul{margin-top:21px; }
.org_wrap .org_substructure .org_subcont ul li{margin-bottom:5px; font-size:1.071em; letter-spacing:-1px; }
.org_wrap .org_substructure .org_subcont ul li a{display:block; padding:12px 0; border:1px solid #ddd; color:#333;}

.org_wrap .org_substructure .org_dong{width:300px;}
.org_wrap .org_substructure .org_dong ul{overflow:hidden; margin-left:-4px;}
.org_wrap .org_substructure .org_dong ul li{float:left; width:50%;}
.org_wrap .org_substructure .org_dong ul li a{display:block; margin-left:4px; color:#333; }
}

/*ci*/
.ciimg {
    padding: 29px 0;
    border: 1px solid #d8d8db;
    text-align: center;
    background: url(../img/sub/bg_ci_pattern.png) 0 0 repeat;
}

/*tab*/
/* wrapper */
.wrapper {
  max-width:100%;
  margin-right: auto;
  margin-left: auto;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px !important;
    font-weight: 700;
}

/* tabs */
.tabs {
  /*border-right: 1px solid #ccc;*/
}
.tabs:after {
  content: "";
  display: table;
  clear: both;
}
.tabs input[type=radio] {
  display: none;
}
.tabs label {
  display: block;
  float: left;
  width: 20%;
  padding:10px 18px;
  border-top: 1px solid #113275;;
  border-bottom: 1px solid #113275;;
  /*border-right: none;*/
  background: #fff;
  text-align: center;
  font-weight: 500;
  color: #113275;
  cursor: pointer;
  -webkit-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
  font-size: 1.2em;
}
.tabs label:hover {
  background-color: white;
}
.tabs [id^="tab"]:checked + label {
  /*border-bottom-color: white;*/
  background:#113275;
  color: #fff;
}

.tab-content {
  display: none;
  float: left;
  width: 100%;
  padding: 3em 0 1em 0;
  background:#fff;
}

#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
  display: block;
}

#tab4:checked ~ #tab-content4,
#tab5:checked ~ #tab-content5,
#tab6:checked ~ #tab-content6 {
  display: block;
}
.other-content {
  color: white;
}

@media only screen and (max-width: 768px) {
  .tabs label {
    float: none;
    width: 100%;
	border-top: 1px solid #113275;;
	border-bottom: 0px solid #113275;;
  }
}
@media only screen and (max-width: 480px) {
}




/************************************************내용작업*********************************************/

/*조직도*/
.organi{ position:relative; text-align:center;}
.organi .org1{ text-align:left; margin-top:40px;}
.organi .org2{ position:absolute; top:398px; right:40px;}
@media (max-width: 991px) {
.organi img{ width:100%;}
.organi .org1{ text-align:center; margin-top:30px;}
.organi .org2{ position:relative; top:auto; right:auto; margin-top:30px;}
.organi .org2 img{ width:70%;}
}

/* 연혁 */
.his{ background:url(../img/sub/global_map.jpg) no-repeat right 70%/auto 400px; margin:0 auto;}
.his_ul li{/*border-bottom:1px solid #e5e6e6;*/overflow:hidden;padding:10px 0 30px 0;position:relative;/*margin-left:10px*/}
.his_ul li.no_border{border:none}
.his_ul li strong{ display:inline-block; width:105px; height:105px; border-radius:50%; background:url(../img/sub/his_dong.png) no-repeat right center #355e8c; border:3px solid #fff; box-shadow:0px 2px 3px #aaa; font-family: 'Spoqa Han Sans', sans-serif; color:#fff;font-size:1.8em; font-weight:normal;
 text-align:center;line-height:100px;position:absolute;top:15px;left:0;}
/*.his_ul li strong:before{ display:block; content:""; width:15px; height:15px; background:#303192; border:3px solid #fff; border-radius:50px; position:absolute; top:12px; left:-5px;}*/
.his_ul li .history_dl{margin:0 0 0;padding:10px 0 0 10%;position:relative; min-height:130px;}
.his_ul li .history_dl *{margin:0;padding:0;}
.his_ul li .history_dl dt{font-weight:400;left:17%;position:absolute;top:5px;}
.his_ul li .history_dl dd{ width:67%; padding:8px 0 8px 10px; margin-left:7%; font-size: 1.15em; color:#777; border-bottom:1px dotted #ddd; position:relative;}
.his_ul li .history_dl dd span{ display:inline-block;font-family: 'Spoqa Han Sans', sans-serif;font-weight:bold; font-size:1.1em; color:#333; width:40px;}
.his_ul{background:url(../img/sub/y_line.gif) repeat-y 52px top;}
@media (max-width:991px) {
.his{ background:none; width:100%;}
.his div{ padding:0;}
.his_ul li{ padding:0 0 10px 0;}
.his_ul li strong{ width:60px; height:60px;font-size:1.2em;line-height:55px; top:15px;left:0; background-position:80% top;}
.his_ul li .history_dl{padding:30px 0 0px 70px; min-height:90px;}
.his_ul li .history_dl dt{position:relative;top:auto;left:auto}
.his_ul li .history_dl dd{ width:100%; padding:7px 0 7px 10px; font-size:1em; margin-left:0;}
.his_ul li .history_dl dd span{ width:30px;}
.his_ul{ background-position:27px top;}
}


/*오시는 길*/
.map{ border:1px solid #ddd; padding:25px 25px; color:#666;}
.map h4{font-size:1.5em; margin-bottom:10px; font-weight:600; color:#e80c0e;}
.map .info{margin-bottom:20px;}
.map .info svg{color:#122c5d;}
.map .info p{margin-left:5px; margin-bottom:5px; font-size:14px; font-weight:normal;}
.map .info p.add{ color:#122c5d;}
.map .info p b{display:inline-block; background:#666; color:#fff; border-radius:3px; padding:0 5px; font-size:11px; line-height:1.5em; margin-left:8px;}
.map .info span{ font-size:13px; color:#555;}
@media (max-width: 991px) {
.map{ padding:25px 10px;}
}


/*idea HR*/
.idea p{ font-size:1.2em; color:#666;}
.idea p strong{ color:#294b8f;}
.idea h1{ font-size:2.2em; font-weight:bold; letter-spacing:-1px; margin:10px 0 50px 0;}
@media (max-width: 991px) {
.idea p{ font-size:1em; line-height:1.3em;}
.idea h1{ font-size:1.5em;}
}


/*제품상세*/
#pro{ font-size:1.2em; color:#444; letter-spacing:0;}
#pro .mb_50{ margin-bottom:50px;}
#pro h1{ font-size:1.8em; font-weight:500; color:#222; margin-bottom:20px; position:relative; padding-left:20px;}
#pro h1:before{ display:block; content:""; width:18px; height:18px; border-radius:50%; border:5px solid #ccc; border-top:5px solid #2196f3; border-right:5px solid #2196f3; position:absolute; top:6px; left:0px;}
#pro h2{ font-size:1.5em; font-weight:600; color:#222; margin-bottom:10px;}
#pro h3{ font-size:1.2em; font-weight:500; color:#222; margin-bottom:10px; position:relative; padding-left:18px;}
#pro h3:before{ display:block; content:""; width:15px; height:15px; border-radius:50%; border:4px solid #ccc; border-top:4px solid #abd4f4; border-right:4px solid #abd4f4; position:absolute; top:3px; left:0px;}
#pro p{ font-size:1em; color:#444;}
#pro span.sst1{ font-size:13px; color:#555;}
#pro span.sst2{ font-size:1em; color:#fff; background:#034694; display:inline-block; border-radius:5px; padding:2px 5px; margin-left:5px;}
#pro .pdl{ padding-left:40px;}
#pro .pimg{ margin-top:20px;}
#pro .pimg2{ margin-bottom:20px;}
@media (max-width: 991px) {
#pro{ font-size:1em;}
#pro .mb_50{ margin-bottom:30px;}
#pro h1{ padding-left:17px;}
#pro h1:before{ width:15px; height:15px; top:5px; }
#pro h3{ padding-left:15px;}
#pro h3:before{ width:12px; height:12px; top:2px;}
#pro span.sst1{ font-size:12px;}
#pro .pdl{ padding-left:0px; margin-top:20px;}
#pro .pimg{ margin-top:10px;}
#pro .pimg2{ margin-bottom:10px;}
#pro .pimg img{ width:100%;}
#pro .pimg2 img{ width:100%;}
}


/*제품소개*/
/*#product .pro_t{ font-size:2em; font-weight:400; color:#222; letter-spacing:-1px; position:relative; padding-left:19px;}
#product .pro_t:before{ display:block; content:""; width:15px; height:15px; border-radius:50%; border:5px solid #002c6c; position:absolute; top:11px; left:0px;}
#product li{ border-bottom:1px solid #ddd;}
#product dl{ padding:30px 10px;}
#product dl:after{ display:block; content:""; clear:both;}
#product dt{ float:left;}
#product dd{ float:left; text-align:center; margin:30px 0 0 80px;}
#product dd h2{ font-size:2.5em; font-weight:500; color:#222; letter-spacing:-1px; margin-bottom:40px;}
#product dd h3{ font-size:2em; font-weight:500; color:#222; letter-spacing:-1px; margin-bottom:20px;}
#product .pro_btn{ font-size:1.3em; text-align:center;}
#product .pro_btn .pbtn{ border:0; background:#fff; border:1px solid #ccc; color:#313640; line-height:40px; padding:0 30px; margin:0 10px 5px 0; outline:none;}
#product .pro_btn .pbtn:hover{ background:#f1f1f1; border:1px solid 313640;}
#product .pro_btn a{ display:inline-block; color:#fff; background:#313640; line-height:40px; padding:0 30px; outline:none;}
.modal-dialog{ width:800px;}
.pclose{ position:absolute; top:0px; right:20px; font-size:40px; font-weight:bold; color:#eee; border:0; background:none;}
.modal-header{ text-align:center; font-size:2em; font-weight:500; color:#fff; padding:15px 0; border-bottom:0; background:#355e8c;}
.modal-body{ padding:0 20px;}
.modal-body .pvimg{ text-align:center; margin:30px 0 30px 0;}
.modal-body .pvimg .p{ display:block; text-align:left !important; font-size:1.2em; color:#555; margin-left:30px;}
.modal-body .pv_t{ margin:30px 0 10px 0; font-size:1.5em; font-weight:500; color:#222; letter-spacing:-1px; position:relative; padding-left:13px;}
.modal-body .pv_t:before{ display:block; content:""; width:10px; height:10px; border-radius:50%; border:3px solid #002c6c; position:absolute; top:9px; left:0px;}
.modal-footer{ padding:10px 20px; margin-top:20px;}
@media (max-width: 991px) {
#product .pro_t{ font-size:1.5em; letter-spacing:-0.5px; padding-left:15px;}
#product .pro_t:before{ width:12px; height:12px; border:4px solid #002c6c; top:8px;}
#product dt{ float:none;}
#product dt img{ width:100%;}
#product dd{ float:none; margin:10px 0 0 0px;}
#product dd h2{ font-size:2em; margin-bottom:20px;}
#product dd h3{ font-size:1.6em;}
#product .pro_btn .pbtn{ padding:0 15px; margin:0 5px 5px 0; }
#product .pro_btn a{ padding:0 15px;}
.modal-dialog{ width:100%; margin:10px 0 !important;}
.pclose{ font-size:30px; right:10px;}
.modal-header{ font-size:1.5em;}
.modal-body{ padding:0 10px;}
.modal-body .pvimg{ margin:20px 0;}
.modal-body .pvimg img{ width:100%;}
.modal-body .pvimg .p{font-size:1em; margin-left:0px;}
.mb_10{ margin-bottom:10px;}
}*/