@charset "utf-8";
ul {margin:0; padding:0;}
li{list-style:none;}
img {border:0;}
a {text-decoration:none;}

@font-face { font-family: ngb; src:url(http://www.hdweb.co.kr/NanumGothicBold.eot); } 
#comingsoon {width:100%;padding-top:100px;text-align:center}

/*page0101 시작*/
.page0101 {position:relative; width:100%; min-height:600px; font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'}
.page0101 p {text-align:center; font-size:2em; color:#666; padding:10px 0}
.page0101 p strong {color:#fe9600}

.right {position:relative; min-height:300px; background-image:url(/sh_page/img/0101.jpg); background-repeat:no-repeat;  text-align:center}
.r01 {position:relative; height:120px; color:#333; font-size:1.5em; font-weight:bold; padding-top:50px; padding-bottom:20px}
.r02 {position:relative; float:left; color:#333; font-size:18px; font-weight:bold; margin-left:260px}
.r03 {position:relative; float:right; color:#333; font-size:18px; font-weight:bold; margin-right:260px}

.txt01 {font-size:1.3em; line-height:1.6em; color:#3b3b3b; position:relative; width:100%; margin-top:30px; background:#fff}
.page0101 p.t01 {font-size:2em; line-height:20px; color:#3b3b3b; font-weight:bold; text-align:right; width:100%; background:#fff}


/*page0101 끝*/


.page0102 {position:relative; width:800px; font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'}
.img0102 {background-image:url(/sh_page/img/mm.png); background-position:0px 0px; width:400px; height:535px; background-repeat:no-repeat; position:relative; float:left; margin-top:50px}
.r0102 {position:relative; float:right; width:400px}
.sh_title_page02 {font-size:25px; color:#ff9600;}
.sh_month {font-size:15px; font-weight:bold; color:#9d9d9d; line-height:25px;}


.p0301 {width:800px; margin:0 auto}
.page0301 {position:relative; float:left; width:240px; height:120px; border:2px solid #c0c0c0; margin-bottom:30px; font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'}
.box {width:52px; height:43px; color:#FFF; margin:8px 0 0 8px; font-size:20px; line-height:43px; text-align:center; float:left; background-image:url(/sh_page/img/mm.png); background-position:0 -533px; }
.next {width:20px; position:relative; float:left; font-size:2em; margin:50px 5px 0 5px; font-weight:bold; color:#CCC}
.p0301_t {color:#606060; font-size:1.3em; line-height:290%; font-weight:bold;  float:left; position:relative; left:10px; color:#444444; margin-top:2px;}
.p0301_c {color:#606060; font-size:1.1em; line-height:18px; position:relative; float:left; width:220px; margin:8px 0 0 8px; color:#a4a3a3;}

/*page33 start*/
#p33 .tit{padding-bottom:20px;font-size:34px;color:#222;letter-spacing:-0.2px;font-family:'notokr-bold',sans-serif}
#p33 .txt{position:relative;top:0;left:0;margin:0 0 100px;padding:20px 0;font-size:14px;line-height:26px;color:#666;letter-spacing:-0.1px}
#p33 .txt01{background:url(/sh_page/img/p33_img01.png)no-repeat right 0;font-family:'notokr-regular',sans-serif}
#p33 .txt01:before{display:block;position:absolute;top:1px;left:0;width:154px;height:1px;background:#c9c9c9;content:""}
#p33 .txt01:after{display:block;position:absolute;top:0;left:0;width:43px;height:3px;background:#139032;content:""}
#p33 .txt02{background:url(/sh_page/img/p33_img02.png)no-repeat;text-align:right}
#p33 .txt02:before{display:block;position:absolute;top:1px;right:0;width:154px;height:1px;background:#c9c9c9;content:""}
#p33 .txt02:after{display:block;position:absolute;top:0;right:0;width:43px;height:3px;background:#139032;content:""}
#p33 .bold01{font-size:16px;color:#149133;font-family:'notokr-bold',sans-serif}
#p33 .bold02{font-weight:bold;color:#333}

/*page34 start*/
#p34{background:url(/sh_page/img/p34_img.png)no-repeat right 50px;font-family:'notokr-regular'}
#p34 .tit01{font-size:34px;line-height:48px;color:#222;letter-spacing:-0.2px;font-family:'notokr-medium',sans-serif}
#p34 .tit01 span{color:#139032}
#p34 .tit02{margin:30px 0 50px;font-size:50px;color:#f2f1f1;letter-spacing:-0.25px;font-family:'notokr-bold',sans-serif}
#p34 tr{padding:0;margin:0}
#p34 dl{overflow:hidden;width:710px;margin:0;padding:20px 0;border-bottom:1px dotted #ddd;line-height:27px}
#p34 .cont01{}
#p34 .cont02,#p34 .cont03{}
#p34 dt{float:left;font-size:28px;color:#062f10;letter-spacing:-0.2px;font-family:'notokr-medium',sans-serif}
#p34 dd{float:right;width:600px;font-size:15px;color:#555;letter-spacing:-0.2px;font-family:'notokr-regular',sans-serif}
#p34 dd .day{padding:0 30px 0 0;color:#5072b7;font-family:'notokr-medium'}
#p34 .small{padding-left:56px;font-size:14px;}

/*page36 start*/
#p36 .tit{padding-bottom:20px;font-size:34px;color:#222;letter-spacing:-0.2px;font-family:'notokr-bold',sans-serif}
#p36 .tit span{color:#139032}
#p36 .txt{position:relative;top:0;left:0;padding:20px 0 0;font-size:16px;color:#666;letter-spacing:-0.2px;font-family:'notokr-regular'}
#p36 .txt:before{display:block;position:absolute;top:1px;left:0;width:154px;height:1px;background:#c9c9c9;content:""}
#p36 .txt:after{display:block;position:absolute;top:0;left:0;width:43px;height:3px;background:#139032;content:""}
#p36 .img{margin:60px 0 40px;text-align:center}

/*제품 공통*/

#page_area .tabs_area .tabs{overflow:hidden}
#page_area .tabs_area .tabs li{float:left;background:#ebebeb;border:1px solid #d5d5d5;margin-left:5px;padding:10px 32px;font-size:1.2em;font-weight:bold;color:#6f6f6f;letter-spacing:-0.05em;cursor:pointer}
#page_area .tabs_area .tabs li:hover{transition: all 280ms;background:#004b9f;color:#fff}
#page_area .tabs_area .tabs li.first{margin-left:0}
#page_area .tabs_area .tabs li.on{background:#004b9f;border:none;color:#fff;padding:11px 33px}


#page_area .box01{margin:20px 0 30px;padding:37px 53px;;border:1px solid #e4e4e4;border-top:2px solid #133a75;background:#f8f8f8}
#page_area .box01 .tit{margin-bottom:28px;padding-bottom:10px;border-bottom:1px solid #CCC;font-weight:bold;font-size:28px;color:#133a75}
#page_area .box01 li{padding-bottom:10px;}
#page_area .box01 .b_ul{padding-left:86px}
#page_area .s_tit{font-weight:normal;font-size:15px;}
#page_area .txt{font-size:14px;line-height:26px;color:#8d8d8d}
#page_area .c_txt{display:block;padding-bottom:10px;font-weight:bold;font-size:14px;color:#8d8d8d}

#page_area .box_ul{overflow:hidden;padding: 0 10px;margin-bottom:30px;}
#page_area .box_ul ul{float:left;color:#666}
#page_area .box_ul ul li{font-size:15px;line-height:26px;}
#page_area .s_ul{margin-left:90px;}
#page_area .c_ul{margin-left:62px;}
#page_area .b_ul{margin-left:47px;}
#page_area .box_ul .arr{}
#page_area .box_ul .arr li{padding-left:20px;font-size:15px;line-height:26px;background:url(/sh_page/img/p38_li_arr.png) left 7px no-repeat}
#page_area .box_tit{padding:10px 0 10px 0;font-weight:bold;font-size:18px;color:#333;background:url(/sh_page/img/p_arr.png) top left no-repeat}
#page_area .box_ul .img_box{float:left}
#page_area .box_ul .box_stit{padding-bottom:10px;font-size:18px;}

#page_area .box03 {margin-top:40px;}
#page_area .box03 table{margin-bottom:30px;}
#page_area .box03 .red_bg{background:#ffdcdc}
#page_area .box03 td{padding:5px 10px;font-size:12px;line-height:24px;background:#fff}
#page_area .box03 .tit{border-top:3px solid #133a75;text-align:center;font-size:13px;color:#fff;background:#345c99}