@charset "utf-8";

#skipnavigation {overflow:hidden; text-indent: -2000px; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0;}
.sknavi{position:absolute;top:-500px;z-index:50;}
.sknavi:focus, .sknavi:active{top:1px;display:block;width:200px;height:18px;padding:3px;margin-left:5px;text-align:center;font-size:100%;font-weight:bold;background-color:#eee;border: 1px solid #135;text-decoration:none;}

.mimg,
.mimg img{max-width:100%;}

label {cursor:text;}
#wrapper{width:100%;}

#head{position:relative;width:100%;min-width:1100px;height:164px;text-align:center;z-index:30;}

/*최상단영역*/
#head .thead{position:relative; display:inline-block; width:1100px; height:50px; margin:0 auto;text-align:left; z-index:20; }
#head .thead .gosite ul{float:left;  margin-top:0px; font-size:13px;}
#head .thead .gosite ul li{float:left; margin-right:10px; }
#head .thead .gosite ul li a{display:inline-block; padding-top:3px; border-top:3px solid #fff;}
#head .thead .gosite ul li a.on,
#head .thead .gosite ul li a:hover{color:#da2027; text-decoration:none; border-top:3px solid #da2027;}

#head .thead .rmenu{position:absolute; top:10px; right:0px; display:inline-block; font-size:13px; }
#head .thead .rmenu .emer{float:left;  margin-right:5px; height:18px; line-height:18px; }
#head .thead .rmenu .emer img{vertical-align:top;}

#head .thead .rmenu .login{float:left; display:inline-block; height:18px; line-height:18px;}
#head .thead .rmenu .login li{float:left; padding-left:5px; margin-right:10px; background:url(/img/common/dot01.gif) no-repeat 0 50%;}
#head .thead .rmenu .login li.log{background:none;}

#head .thead .rmenu .lang{float:left; position:relative; /*position:absolute; top:0; right:0;*/ font-family: 'Roboto', sans-serif; height:18px; line-height:18px; z-index:10;}
#head .thead .rmenu .lang .btn a{display:block;width:70px;height:20px;font-weight:400;color:#334988; background:url(/img/common/arrow_down.gif) no-repeat right 50%;}
#head .thead .rmenu .lang .lang_view{position:absolute;top:20px;left:0; }
#head .thead .rmenu .lang .lang_view ul{width:70px;  background:#f1f5f9;}
#head .thead .rmenu .lang .lang_view ul li{width:70px;padding:5px 0; text-align:center; line-height:100%; border-bottom:1px dotted #334988;}
#head .thead .rmenu .lang .lang_view ul li a{display:block;color:#334988; }
#head .thead .rmenu .lang .lang_view ul li a:hover{color:#ce303a;}

/*#head .thead .sns{position:absolute; top:10px; right:315px; display:inline-block; }
#head .thead .sns li{float:left; margin-right:5px; }
#head .thead .sns li img{vertical-align:top;}*/

/* 로고영역 */
#head .logo_area{position:relative; width:1100px;margin:0 auto; padding:10px 0; text-align:center; z-index:1;}
#head .logo_area h1#logo{display:inline-block;}
#head .logo_area .sns{position:absolute; top:5px; left:0; display:inline-block; }
#head .logo_area .sns li{float:left; margin-right:5px; }
#head .logo_area .sns li img{vertical-align:top;}
#head .logo_area .bt{position:absolute; top:0; right:0; display:inline-block;  }
#head .logo_area .bt li{float:left;  margin-left:7px; }

a#search{display:block; width:42px; height:42px; background:url(/img/common/topbt_search.png) no-repeat; text-indent:-9999px; transition:all 0.2s ease; }
a#search:hover {background-position:0px -42px; transition:all 0.2s ease; }

a#allmn{display:block; width:42px; height:42px; background:url(/img/common/topbt_allmn.png) no-repeat; text-indent:-9999px; transition:all 0.2s ease; }
a#allmn:hover {background-position:0px -42px; transition:all 0.2s ease; }

#search_wrap{position:absolute; top:0; right:49px; width:250px; display:inline-block; background:#fff;}
#search_wrap ul{float:left;  display:inline-block; width:204px; height:42px; background:url(/img/common/search_bg.png) no-repeat 0 0; border-right:0;}
#search_wrap ul li {float:left;}
#search_wrap ul li .search_btn {font-size:0; line-height:0; padding:12px 0 0 5px; margin:0;}
#search_wrap ul li .txt {float:left; margin:5px 0 0 15px; width:130px; font-size:13px; color:#666; line-height:34px; height:34px; border:none; }
#search_wrap ul li label {position:absolute; top:0; left:20px; height:40px; line-height:40px; font-size:13px; letter-spacing:-1px; color:#bdbdbd;}
#search_wrap .close {float:right; font-size:0; line-height:0;}

/*메뉴영역*/
#menu_navi{position:absolute;width:100% !important;top:120px;left:0;height:44px;text-align:center;  border-top:1px solid #b8b8b8; border-bottom:3px solid #da1f26; background:#fff;}
#menu_navi #menu_area{clear:both;width:100%;}
#menu_navi ul{width:1100px; margin:0 auto;text-align:left;} 
#menu_navi ul li{float:left; padding:13px 0 0 0; text-align:center;border-right:1px solid #b8b8b8;}
#menu_navi ul li:first-child{border-left:1px solid #b8b8b8;}
#menu_navi ul li.end{background:none;}
#menu_navi ul li a{display:block;padding-bottom:14px;}
#menu_navi ul li a:hover{background:url(/img/common/arrow_up02.gif) no-repeat center bottom;/*border-bottom:3px solid #fff;*/}


.smenu_area{position:absolute;width:100%;top:47px;left:0;border-bottom:1px solid #ccc;z-index:7;text-align:left;}
.smenu_area2{position:relative;width:1100px;margin:0 auto;}
.smenu_area .tit_box{float:left;width:224px; }
/*.smenu_area .tit_box.bg01{height:310px; background:#fff url(/img/common/menu_s_bg01.gif) no-repeat bottom left;}
.smenu_area .tit_box.bg02{height:310px; background:#fff url(/img/common/menu_s_bg02.gif) no-repeat bottom left;}
.smenu_area .tit_box.bg03{height:310px; background:#fff url(/img/common/menu_s_bg03.gif) no-repeat bottom left;}
.smenu_area .tit_box.bg04{height:310px; background:#fff url(/img/common/menu_s_bg04.gif) no-repeat bottom left;}
.smenu_area .tit_box.bg05{height:310px; background:#fff url(/img/common/menu_s_bg05.gif) no-repeat bottom left;}
.smenu_area .tit_box.bg06{height:310px; background:#fff url(/img/common/menu_s_bg06.gif) no-repeat bottom left;}*/
.smenu_area .tit_box .btxt{padding:35px 0 8px 0;font-size:23px;font-weight:800;color:#0057c3;}
.smenu_area .tit_box .smtxt{margin-bottom:20px; font-size:14px;color:#666;}
.smenu_area .tit_box .num{margin:0; font-size:15px; background:#fff url(/img/common/bullet_bar.gif) no-repeat 0 0;}
.smenu_area .tit_box .num li{float:none !important; border:none; text-align:left;}
.smenu_area .tit_box .yellow_box{position:relative;padding:22px 10px 10px;background:#fbf7e8;border:1px solid #eaeaea;}
.smenu_area .tit_box .yellow_box:before{position:absolute;top:20px;left:10px;content:'';width:30px;height:3px;background:#2c458e;}
.smenu_area .tit_box .yellow_box p{position:relative;margin:5px 0;/*display:flex;gap:10px;*/font-weight:700;font-size:14px;align-items:center;}
.smenu_area .tit_box .yellow_box p:first-child{margin-top:10px;}
.smenu_area .tit_box .yellow_box p strong{position:absolute;top:0;left:0;color:#ce303a;letter-spacing:-1px;}
.smenu_area .tit_box .yellow_box p span{padding-left:60px;display:block;margin-top:2px;font-family:'Roboto',sans-serif;font-size:15px;color:#333;}

.smenu_area .smenu_cont{float:right;width:820px;min-height:300px;padding:25px 0 25px 30px;border-left:1px solid #dbdbdb;}
.smenu_area .smenu_cont .sarea{float:left;width:175px;min-height:300px;border-left:1px solid #dfdfdf;padding:0 15px;}
.smenu_area .smenu_cont .sarea:first-child{padding:0 18px 0 0;border-left:none;}
.smenu_area .smenu_cont .sarea dl{width:100%;padding-bottom:15px; word-break:keep-all;}
.smenu_area .smenu_cont .sarea dl.min{height:40px;}
.smenu_area .smenu_cont .sarea dl.min2{height:30px;}
.smenu_area .smenu_cont .sarea dl dt{margin-bottom:10px; padding-left:12px; color:#535353;font-size:17px;font-weight:600; background:url(/img/common/dot02.png) no-repeat 0 8px;}
.smenu_area .smenu_cont .sarea dl dd{padding:2px 0 2px 10px;color:##7a7a7a;font-size:14px;font-weight:normal;background:url(/img/common/dot01.gif) no-repeat 0 10px;}
#menu_navi ul li .smenu_area .smenu_cont .sarea dl dt a{padding:0;height:auto;color:#000;border-bottom:0 none;}
#menu_navi ul li .smenu_area .smenu_cont .sarea dl dt a:hover{color:#da2127;}
#menu_navi ul li .smenu_area .smenu_cont .sarea dl dd a{padding:0;height:auto;border-bottom:0 none;}
#menu_navi ul li .smenu_area .smenu_cont .sarea dl dd a:hover{color:#da2127;}
#menu_navi ul li .smenu_area .smenu_cont .sarea dl dd a span{display:block;margin-top:3px;font-size:12px;}


/* #menu201 .smenu_cont .sarea{width:165px;}진료센터클리닉 하위 항암제 피부특이반응클리닉 줄바꿈때문에 추가함*/

#menu101{width:100%;background:#fff;}
#menu201{width:100%;background:#fff;}
#menu301{width:100%;background:#fff;}
#menu401{width:100%;background:#fff;}
#menu501{width:100%;background:#fff;}
#menu601{width:100%;background:#fff;}
#menu701{width:100%;background:#fff;}

#menu_navi ul li.menu1{width:145px;}
#menu_navi ul li.menu2{width:180px;}
#menu_navi ul li.menu3{width:190px;}
#menu_navi ul li.menu4{width:145px;}
#menu_navi ul li.menu5{width:145px;}
#menu_navi ul li.menu6{width:145px;}
#menu_navi ul li.menu7{width:140px;}






/*중간영역*/
#container{position:relative;width:100%;text-align:center; z-index:10;}



/*상단팝업*/
#thead_pop{width:100%;background:#f3edf1/*3e5ea9*/;height:120px;}
#thead_pop .area{position:relative;width:1100px;margin:0 auto;}
#thead_pop .area .cont{width:100%;height:100px;margin-bottom:10px;overflow:hidden;clear:both;border:1px}
#thead_pop .area .cont ul{width:2000px;overflow:hidden;clear:both;}
#thead_pop .area .cont ul li{float:left;}
#thead_pop .area .close_btn{position:absolute;right:0;top:38px;}
#thead_pop .info{float:right;}
#thead_pop .info .lst{float:left;font-size:12px;color:#fff;}
#thead_pop .info .lst img{vertical-align:middle;padding:0 10px;}
#thead_pop .close{position:absolute;bottom:-20px;width:1100px;margin:0 auto;padding-bottom:10px;text-align:right;color:#444;font-size:12px;font-weight:bold;}
#thead_pop .close input{vertical-align:middle;}
#thead_pop .close label{color:#000;text-shadow:-1px 0px rgba(255,255,255,1),0px 1px rgba(255,255,255,1),1px 0px rgba(255,255,255,1),0px -1px rgba(255,255,255,1);}
#thead_pop .close a{color:#fff;font-size:13px;}
#thead_pop .close img{vertical-align:middle;margin-left:4px;}



/********************모바일********************/
@media(max-width:736px){ 
	
/*.mobile_no{display:none !important;}*/
#thead_pop{position:relative;padding-bottom:20px;width:100%;height:auto;overflow:hidden;}
#thead_pop .area{position:relative;margin:0 auto;width:100%;}
#thead_pop .area .cont{height:auto;}
#thead_pop .area .cont ul li{float:none;}
#thead_pop .area ul li:not(:first-child){display:none;}
#thead_pop .area ul li img{width:auto;position:relative;left:50%;transform:translate(-50%,0);/*transform:translate(-59%,0)*/}

/*#thead_pop .area ul li img{width:145%;margin-left:-42%}*/

/*#thead_pop{position:relative;padding-bottom:20px;width:100%;height:auto;}
#thead_pop .area{position:relative;margin:0 auto; width:100%;}
#thead_pop .area .cont{height:auto;}
#thead_pop .area ul li img{width:145%;margin-left:-42%}*/
#thead_pop .area .close_btn{position:absolute;right:0;top:38px;width:100%;}
#thead_pop .info{float:right;}
#thead_pop .info .lst{float:left;font-size:12px;color:#fff;}
#thead_pop .info .lst img{vertical-align:middle;padding:0 10px;}
#thead_pop .close{position:absolute;bottom:-25px;right:0;padding-bottom:10px;text-align:right;color:#000;font-size:12px;font-weight:bold;}
#thead_pop .close input{vertical-align:middle;}
#thead_pop .close a{color:#000;font-size:13px;}
#thead_pop .close img{vertical-align:middle;margin-left:4px;}

#thead_pop .area .cont ul{width:100%;overflow:hidden;clear:both;}

#wrapper{width:100%;}
#head{width:100%; min-width:320px; overflow:hidden;clear:both;height:auto; padding:15px 10px; box-sizing:border-box;}

/* 로고영역 */
#head .thead{height:auto;margin-bottom:10px;}
#head .logo_area{width:100%  !important; padding:0;}
#head h1#logo{float:left;width:auto;padding:10px 0 0 10px;}
#head h1#logo img{height:20px;}
#head .mo_menu{text-align:right;}
#head .mo_menu a#mm_bt{display:inline-block; width:42px; height:42px; background:url(/img/common/topbt_allmn.png) no-repeat; font-size:0; transition:all 0.2s ease; }
#head .mo_menu a#mm_bt:hover {background-position:0px -42px; transition:all 0.2s ease; }

#menu_navi{display:none;}

/*모바일전체메뉴*/
nav#menu{background:#fff;border-left:1px solid #dbdbdb;/*box-shadow:-5px 0 7px #716b6b;*/}
.r_menu{padding-bottom:35px;}
.r_menu p.tit{width:100%;padding:15px 0;text-align:center; background:#ce303a;}
.r_menu p.tit span{color:#fff;letter-spacing:-1px;font-size:16px;font-weight:600;}
.r_menu ul.m_list{width:100%;}
.r_menu ul.m_list li{border-top:1px solid #1c1e23;}
.r_menu ul.m_list li:first-child{border-top:none;}
.r_menu ul.m_list li a{display:block;padding:10px 35px 10px 18px;font-size:13px;font-weight:600;color:#fff;background:#3c4150 url(/img/common/allmenu_bu1.png) no-repeat 90% 50%;}
.r_menu ul.m_list li a:hover,
.r_menu ul.m_list li a.on{text-decoration:none;color:#fff;background:#3c4150 url(/img/common/allmenu_bu2.png) no-repeat 91% 50%;}
.r_menu ul.m_list li ul{padding:12px 15px;width:auto; background:#fff;}
.r_menu ul.m_list li ul li{border-top:1px solid #ddd;font-weight:normal;}
.r_menu ul.m_list li ul li:first-child{border-top:0 none;}
.r_menu ul.m_list li ul li a{height:auto;padding:6px 0 6px 15px;font-size:13px;color:#666464;font-weight:normal;background:url(/img/common/dot01.gif) no-repeat 5px 12px;}
.r_menu ul.m_list li ul li a:hover{color:#ce303a;font-weight:600;background:url(/img/common/dot01.gif) no-repeat 5px 12px;}

.r_menu .my{padding:10px 0 10px 10px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f1f1f1;}
.r_menu .my ul{overflow:hidden; margin:10px;text-align:center;}
.r_menu .my ul li{float:left;width:50%;}
.r_menu .my ul li a{display:block; width:85%; margin-right:5px; padding:7px 0;color:#000;font-weight:600;font-size:11px; background:#fff; border:1px solid #bfbfbf; border-right:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4; border-radius:5px;}
.r_menu .my ul li a img{height:20px;margin-bottom:5px;}

.r_menu .site{margin-top:15px; padding-left:18px;}
.r_menu .site ul li{text-align:center; margin-bottom:3px;}
.r_menu .site ul li a{display:block; width:140px; padding:5px 0;font-size:12px;font-weight:600;color:#20479d; border:1px solid #6e8ccc; border-radius:5px;}

.r_menu .sns{margin-top:15px;text-align:center;}




/*중간영역*/
#container{min-width:100% !important; text-align:left;}




}
@media(max-width:550px){

#thead_pop .area ul li img{width:200%;left:auto;right:92%;transform:none;}

}



/********************웹********************/
@media(min-width:737px){




nav#menu{display:none;}
.mm-opening{position:relative;}
.mm-opening .mm-menu{width:0px;height:0;display:none !important;}
.mm-opening .mm-opened{width:0px;height:0;display:none !important;}
.mm-blocker{right:0 !important;}
.mm-page{right:0 !important;}


.web_no{display:none;}




}