.sub_wrap{width: 100%; position: relative; margin-top: 30px;}
.sub_inner{width: 1160px; margin: 0 auto; max-width: 100%; min-height: 500px;}
.sub_top{text-align: right; min-height: 100px; line-height: 100px; background:#fcfcfc; padding: 0 10px;}
.sub_top img{vertical-align: middle;}


.sub_contents{width: 100%;}
.sub_contents .sub_con_lnb{min-height: 50px; overflow: hidden; margin: 0 0 20px 0;}
.sub_contents .sub_con_lnb .title{float: left; display: inline-block; line-height: 50px;}
.sub_contents .sub_con_lnb .title img{vertical-align: middle;}
.sub_contents .sub_con_lnb .lnb_group{float: right; font-size: 0; text-align: right;}
.sub_contents .sub_con_lnb .lnb_group a{display: inline-block; font-size: 15px; color:#444; margin: 0 0 15px 54px; line-height: 50px;  font-weight: bold;}
.sub_contents .sub_con_lnb .lnb_group a.on{color:#862886; border-bottom: 2px solid #862886; }
.sub_contents .sub_con_lnb .m_lnb_group{display: none;}
.sec{margin: 0 0 30px 0;}
.sec h3{font-size: 24px; font-weight: bold; color:#ff7930; letter-spacing: -0.05em; margin: 0 0 38px 0;}
.sec h4{font-size: 20px; font-weight: bold; color:#ff7930; letter-spacing: -0.05em; margin: 0 0 30px 0;}
.sec h5{font-size: 18px; font-weight: bold; color:#323232; letter-spacing: -0.05em; margin: 0 0 30px 0;}
.sec h3 em{font-size: 36px; font-weight:bold;}
.sec .sub_tit{font-size: 20px; color:#323232; letter-spacing: -0.03em; margin: 0 0 20px 0; line-height: 1.2em;}
img.m{display: none;}

/*-----------------------------------------
음식 알레르기
------------------------------------------*/

/*아토피 피부염*/
.sec .sub01 p{color:#777; margin: 0 0 20px 0;line-height: 1.4em;}
.sec .sub01 .step01{width: 100%; border: 1px solid #d1d1d1; font-size: 0; text-align:center; padding: 10px; margin: 0 0 40px 0;}
.sec .sub01 .step01 span{display: inline-block; font-size: 16px; color:#ff6d1e; vertical-align: middle;  position: relative; line-height: 18px;}
.sec .sub01 .step01 span.arr{padding: 0 110px 0 0; margin: 0 90px 0 0;}
.sec .sub01 .step01 span.arr:before{content: ''; display: block; width: 19px; height: 19px; background: url('/new/img/sub/step_arr.png')no-repeat center center; position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
.sec .sub01 .step01 span.arr2{padding: 0 160px 0 0; margin: 0 110px 0 0;}
.sec .sub01 .img_box{border: 1px solid #d1d1d1; width: 100%; text-align: center; padding: 20px; margin: 0 0 20px 0;}
.sec .sub01 dl{margin: 0 0 30px 0;}
.sec .sub01 dt{font-size: 18px; color:#7f197c; letter-spacing: -0.03em; font-weight: bold; margin: 0 0 20px 0;}
.sec .sub01 dd{text-align: center;}
/* 진단 */
.sec .sub02{width: 100%;}
.sub_list{width: 100%; display: table; margin: 0 0 20px 0;}
.sub_list>div{width: 100%; overflow: hidden; display: table-cell; vertical-align: middle;}
.sub_list>div .img_wrap{display: inline-block; vertical-align: middle;}
.sub_list>div .txt_box{display: inline-block; margin: 0 0 0 20px; width: 78%; vertical-align: middle;}
.sub_list>div .txt_box p{margin: 0;}
.sub_list>div .txt_box dl{display: table-cell; vertical-align: middle; text-align: left;}
.sub_list>div .txt_box dl dt{font-size: 18px; color:#7f197c; font-weight: bold; margin: 0 0 20px 0; }
.sub_list>div .txt_box dl dd{color:#777; line-height: 1.4em;}

/*-----------------------------------------
흡입 알레르기
------------------------------------------*/
.sub_list>div .txt_box dl.cure02 dt{color:#323232; font-size: 14px; padding: 0 0 0 38px; position: relative;}
.sub_list>div .txt_box dl.cure02 dt:before{content: ''; display: block; width: 18px; height: 18px; background: url('/new/img/sub/num_ico.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.sub_list>div .txt_box dl.cure02.ty2 dt:before{content: ''; display: block; width: 18px; height: 18px; background: url('/new/img/sub/num_ico2.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.sub_list>div .txt_box dl.cure02 dd{text-align: left; padding: 0 0 0 35px; position: relative;}
.sub_list>div .txt_box dl.cure02 dd:before{content:''; display: block; width: 8px; height: 8px; background: url('/new/img/sub/sub_arr.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}

.sub03 .bot_wrap{width: 100%;}
.sub03 .bot_wrap dl{margin: 0 0 30px 0;}
.sub03 .bot_wrap dl dt{font-size: 16px; color:#ff7930; letter-spacing: -0.03em; padding: 0 0 0 20px; position: relative; margin: 0 0 20px 0; font-weight: bold; }
.sub03 .bot_wrap dl dt:before{content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background:#ff7930; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.sub03 .bot_wrap dl dd{font-size: 14px; color: #777; line-height: 1.4em;}

/*-------------------------------------------
아토피 피부염
--------------------------------------------*/
.sec .cure03 ol li{margin: 0 0 30px 0;}
.sec .cure03 ol li dt{font-size: 17px; color:#7f197c; letter-spacing: -0.03em; font-weight: bold; margin: 0 0 20px 0; padding: 0 0 0 40px; position: relative;}
.sec .cure03 ol li:nth-child(1) dt:before{content: ''; display: block; width: 33px; height: 22px; background: url('/new/img/sub/cure03_num01.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.sec .cure03 ol li:nth-child(2) dt:before{content: ''; display: block; width: 33px; height: 22px; background: url('/new/img/sub/cure03_num02.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.sec .cure03 ol li:nth-child(3) dt:before{content: ''; display: block; width: 33px; height: 22px; background: url('/new/img/sub/cure03_num03.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.sec .cure03 ol li dd{color:#777; line-height: 1.4em; text-align: left;}
.sec .cure03 ol.step li{font-size: 14px; color:#777; padding: 0 0 0 27px; position: relative; line-height: 1.4em; margin: 0 0 30px 0;}
.sec .cure03 ol.step li:nth-child(1):before{content: ''; display: block; width: 20px; height: 12px; background: url('/new/img/sub/cure03_num04.png')no-repeat center center; position: absolute; left: 0; top: 2px;}
.sec .cure03 ol.step li:nth-child(2):before{content: ''; display: block; width: 20px; height: 12px; background: url('/new/img/sub/cure03_num05.png')no-repeat center center; position: absolute; left: 0; top: 2px; }
.sec .cure03 ol.step li:nth-child(3):before{content: ''; display: block; width: 20px; height: 12px; background: url('/new/img/sub/cure03_num06.png')no-repeat center center; position: absolute; left: 0; top: 2px;}
.sec .cure03 ol.step li span{display: block; padding: 0 0 0 30px; position: relative;}
.sec .cure03 ol.step li span:before{content: ''; display: block; width: 22px; height: 14px; background: url('/new/img/sub/cure03_arr.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.sec .sub02.cure03 p, .sec .sub03.cure03 p{color:#777; font-size: 14px; line-height: 1.4em;}
.sec .sub02.cure03{overflow: hidden;}
.sec .sub02.cure03 .img_box.type1{float: left;width: 49%;}
.sec .sub02.cure03 .img_box.type1 img{width: 100%;}
.sec .sub02.cure03 .img_box.type2{float: right; width: 49%;}
.sec .sub02.cure03 .img_box.type2 img{width: 100%;}

.sec .cure03 ol li{position: relative; padding: 0 0 0 40px; font-size: 18px; color:#7f197c; font-weight:bold; line-height: 1.2em;}
.sec .cure03 ol li.ty1:before{content: ''; display: block; width: 33px; height: 22px; background: url('/new/img/sub/cure03_num01.png')no-repeat center center; position: absolute; left: 0; top: 0;}
.sec .cure03 ol li.ty2:before{content: ''; display: block; width: 33px; height: 22px; background: url('/new/img/sub/cure03_num02.png')no-repeat center center; position: absolute; left: 0; top: 0;}
.sec .cure03 ol li.ty3:before{content: ''; display: block; width: 33px; height: 22px; background: url('/new/img/sub/cure03_num03.png')no-repeat center center; position: absolute; left: 0; top: 0;}
.sec .cure03 .img_box{border: 1px solid #d1d1d1; width: 100%; text-align: center; padding: 20px; margin: 0 0 20px 0;}

/* 알레르기 천식 */
.sec .remodel{display: table; width: 100%; padding: 60px 40px 40px;; position: relative; border: 1px solid #d1d1d1; margin: 0 0 40px 0;  text-align: center;}
.sec .remodel:before{content: ''; display: block; width: 210px; height: 30px; background: url('/new/img/sub/remodel.png')no-repeat center center; box-shadow: 5px 5px 10px #000; position: absolute; top: 0; left: 0;}
.sec .remodel .re_inner{display: table-cell; vertical-align: middle;}

.sec .cure04 ol{margin: 0 0 40px 0;}
.sec .cure04 ol li{position: relative; padding: 0 0 0 40px; font-size: 18px; color:#7f197c; font-weight:bold; line-height: 1.2em;}
.sec .cure04 ol li dl{margin: 0 0 10px 0;}
.sec .cure04 ol li dt{margin: 0 0 10px 0;}
.sec .cure04 ol li:nth-child(1):before{content: ''; display: block; width: 33px; height: 22px; background: url('/new/img/sub/cure03_num01.png')no-repeat center center; position: absolute; left: 0; top: 0px; }
.sec .cure04 ol li:nth-child(2):before{content: ''; display: block; width: 33px; height: 22px; background: url('/new/img/sub/cure03_num02.png')no-repeat center center; position: absolute; left: 0; top: 0px;}

.sec .cure05 ol li{margin: 0 0 40px 0; border: 1px solid #d1d1d1;}
.sec .cure05 ol li strong{display: block; height: 45px; position: relative; padding: 0 0 0 30px; margin: 0 0 0 10px; line-height: 45px; font-size: 15px; color:#323232; letter-spacing: -0.03em;}
.sec .cure05 ol li .txt{border-top: 1px solid #d1d1d1;}
.sec .cure05 ol li .txt p{padding: 30px 40px 0;}
.sec .cure05 ol li .txt p.bot{ padding: 15px 40px; background:#e5e5e5; margin: 0; color:#323232; font-weight: bold;}
.sec .cure05 ol li.cure_list01 strong:before{content: ''; display: block; width: 19px; height: 19px; background: url('/new/img/sub/num_ico.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.sec .cure05 ol li.cure_list02 strong:before{content: ''; display: block; width: 19px; height: 19px; background: url('/new/img/sub/num_ico2.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.sec .cure05 ol li.cure_list03 strong:before{content: ''; display: block; width: 19px; height: 19px; background: url('/new/img/sub/num_ico3.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.sec .cure05 ol li.cure_list04 strong:before{content: ''; display: block; width: 19px; height: 19px; background: url('/new/img/sub/num_ico4.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.sec .cure05 ol li.cure_list05 strong:before{content: ''; display: block; width: 19px; height: 19px; background: url('/new/img/sub/num_ico5.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}

.sec .cure05.sub02>ul>li{margin: 0 0 40px 0;}
.sec .cure05.sub02>ul>li dl{margin: 0 0 40px 0;}
.sec .cure05.sub02>ul>li dt{font-size: 18px; font-weight: bold; color:#872788; letter-spacing: -0.03em; margin: 0 0 20px 0;}
.sec .cure05.sub02>ul>li dd{color:#323232; font-weight: bold; line-height: 1.4em;}
.sec .cure05.sub02>ul>li .progrem_box{padding: 60px 20px 40px; margin-bottom:20px; border: 1px solid #d1d1d1; position: relative;}
.sec .cure05.sub02>ul>li .progrem_box:before{content: ''; display: block; width: 210px; height: 30px; background: url('/new/img/sub/progrem.png')no-repeat center center; box-shadow: 5px 5px 10px #000; position: absolute; left: 0; top: 0;}
.sec .cure05.sub02>ul>li .progrem_box ul{overflow: hidden;}
.sec .cure05.sub02>ul>li .progrem_box ul li{float: left; width: 50%; padding-left: 25px; position: relative;}
.sec .cure05.sub02>ul>li .progrem_box ul li.mb10{margin-bottom: 10px;}
.sec .cure05.sub02>ul>li .progrem_box ul li:before{content:''; width: 3px; height: 12px; background:#a3d214; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.sec .cure05.sub02>ul>li .progrem_box ul li .ty01{color:#85117e;}
.sec .cure05.sub02>ul>li .progrem_box ul li .ty02{color:#ea5420;}
.sec .cure05.sub02>ul>li .txt_box p{line-height: 1.4em;}

.sec .cure05.sub02 .img_list{overflow: hidden;}
.sec .cure05.sub02 .img_list .img{float: left; width: 32%; text-align: center;}
.sec .cure05.sub02 .img_list .img.mid{margin: 0 2%;}
.sec .cure05.sub02 .img_list.nextline {
    margin-left: 12%;
    margin-right: -12%;
    margin-top: 20px;
}

@media screen and (max-width: 768px){
/* 공통 */
.sub_wrap{margin-bottom:30px;}
.sub_top{width: 100%; text-align: center;}
.sub_contents{padding: 0 10px;}
.sub_contents .sub_con_lnb .lnb_group{display: none;}
.sub_contents .sub_con_lnb .m_lnb_group{display: block;}
.sub_contents .sub_con_lnb .m_lnb_group>ul>li{border: 1px solid #862886; position: relative;}
.sub_contents .sub_con_lnb .m_lnb_group>ul>li>a{width: 100%; display: block; height: 45px; line-height: 45px; padding: 0 20px; font-size: 20px; color:#595959; position: relative;}
.sub_contents .sub_con_lnb .m_lnb_group>ul>li>a:after{content: ''; display: block; width: 14px; height: 14px; background: url('/new/img/sub/lnb_arr.png')no-repeat center center; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%);}
.sub_contents .sub_con_lnb .m_lnb_group>ul>li ul{display: none;}
.sub_contents .sub_con_lnb .m_lnb_group>ul>li ul li a{display: block; height: 40px; line-height: 40px; padding: 0 20px; border-top: 1px solid #862886; font-size: 20px;}
img.m{display: block; margin: 0 auto;}
img.pc{display: none;}

/* 아토피 피부염 */
.sec .sub01 .step01{width: 100%; border: 1px solid #d1d1d1; font-size: 0; text-align:center; padding: 10px; margin: 0 0 40px 0;}
.sec .sub01 .step01 span{display: inline-block; width: 100%; font-size: 16px; color:#ff6d1e; vertical-align: middle;  position: relative;}
.sec .sub01 .step01 span.arr{padding: 0 0px 25px 0; margin: 0 0 10px 0;}
.sec .sub01 .step01 span.arr:before{content: ''; display: none; width: 19px; height: 19px; background: url('/new/img/sub/step_arr.png')no-repeat center center; position: absolute; bottom: 0; right:0; left:0; margin: 0 auto; top: 0%; transform: translate(0, 0);}
.sec .sub01 .step01 span.arr:after{content: ''; display: block; width: 19px; height: 19px;  background: url('/new/img/sub/step_arr.png')no-repeat center center; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0) rotate(90deg);}
.sec .sub01 .step01 span.arr2{padding: 0 0px 25px 0; margin: 0 0 10px 0;}
/* 진단 */
.sec .sub02{width: 100%;}
.sub_list{width: 100%; display: table; margin: 0 0 20px 0;}
.sub_list>div{width: 100%; overflow: hidden; display: table-cell; vertical-align: middle;}
.sub_list>div .img_wrap{display: inline-block; width: 100%; vertical-align: middle;}
.sub_list>div .img_wrap img{width: 100%;}
.sub_list>div .txt_box{display: inline-block; margin: 0 0 0 0px; width: 100%; vertical-align: middle;}
.sub_list>div .txt_box dl{display: table-cell; vertical-align: middle; text-align: left;}
.sub_list>div .txt_box dl dt{font-size: 18px; color:#7f197c; font-weight: bold; margin: 0 0 20px 0; }
.sub_list>div .txt_box dl dd{color:#777; line-height: 1.4em; letter-spacing: -0.03em;}

.sec .sub02.cure03 .img_box.type1{width: 100%;}
.sec .sub02.cure03 .img_box.type2{width: 100%;}

.sec .remodel{display: table; width: 100%; padding: 60px 10px 20px 10px; position: relative; border: 1px solid #d1d1d1; margin: 0 0 20px 0; text-align: left;}

.sec .cure03 ol li dt ,.sec .cure04 ol li dt{font-size: 16px; letter-spacing: -0.03em;}

.sec .cure05 ol li .txt p{padding: 15px 20px 0;}
.sec .cure05 ol li .txt p.bot{ padding: 10px 20px; background:#e5e5e5; margin: 0; color:#323232; font-weight: bold; letter-spacing: -0.03em;}

.sec .cure05.sub02>ul>li .progrem_box{padding: 60px 20px 20px; }
.sec .cure05.sub02>ul>li .progrem_box ul li{float: left; width: 100%; padding-left: 25px; position: relative; margin: 0 0 10px 0;}
.sec .cure05.sub02>ul>li .progrem_box ul li.mb10{margin-bottom: 10px;}

.sec .cure05.sub02 .img_list .img{float: left; width: 100%; text-align: center;
    margin-bottom: 20px;}
.sec .cure05.sub02 .img_list .img.mid{margin: 0%;}

.sec .cure05.sub02 .img_list.nextline {
    margin: 0;
}
}