@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}

/* 공통 */
dl, dd, dt {margin:0;padding:0;border:0}
a, input {outline:none;selector-dummy : expression(this.hideFocus=true);}
.clearfix {overflow:auto;}
.clear {clear:both;display:inline;}
.blk {text-indent:-9999px;font-size:0;line-height:0;}
.h10 {height:10px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h35 {height:35px;}
.h40 {height:40px;}
.h45 {height:45px;}
.h50 {height:50px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.str_b {color:#424242;font-weight:bold;}
.strb_red {font-weight:bold;color:#fe5556;}
.strb_black {font-weight:bold;color:#333333;}



/*페이지공통*/
#PageCommon {position:relative;width:100%;margin:30px 0 50px;font-size:16px;line-height:26px;color:#777;letter-spacing:-0.3px}
#PageCommon * {box-sizing:border-box}
#PageCommon .c_orange {color:#c7102d}
#PageCommon h3{ position:relative; width:100%;height:50px;padding-top:13px; margin-bottom:70px;font-size:20px;font-weight:bold; text-align:center;color:#fff; background:url('/sh_page/img/p0101_tit.png') 0 0 no-repeat;background-size:cover}
#PageCommon h3:after { content:""; display:block; position:absolute; left:47%; bottom:-30px; width:44px; height:10px; background:url('/sh_page/img/p0101_icon.png') no-repeat}


/*p0101_hsell*/

.p0101_hsell{text-align:center;}
.p0101_hsell .content{margin-top:40px;}
.p0101_hsell .content .s_tit{display:inline-block;position:relative;margin:50px 0  50px;font-size:30px;color:#333;font-family:'Nanum Pen Script'}
.p0101_hsell .content .s_tit:before{display:block;content:"";position:absolute;left:-35px;top:-10px;z-index:-1;width:26px;height:20px;background:url(/sh_page/img/dda1.png) no-repeat}
.p0101_hsell .content .s_tit:after{display:block;content:"";position:absolute;right:-33px;top:-10px;z-index:-1;width:26px;height:20px;background:url(/sh_page/img/dda2.png) no-repeat}
.p0101_hsell .icon_list {overflow:hidden;width:750px;margin:0 auto}
.p0101_hsell .icon_list li{float:left;position:relative;width:175px}
.p0101_hsell .icon_list li.line{width:80px;height:1px;margin:62px 10px;background:#e0e0e0}
.p0101_hsell .icon_list li .circle{width:127px;height:127px;margin:0 auto;border-radius:80px;behavior:url(/js/PIE.htc);border:3px solid #c7102d;border-right:3px solid #e0e0e0;border-bottom:3px solid #e0e0e0;}
.p0101_hsell .icon_list li .circle1{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.p0101_hsell .icon_list li .circle2{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg)}
.p0101_hsell .icon_list li .circle3{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg)}
.p0101_hsell .icon_list li .list_img_wrap{position:absolute;}
.p0101_hsell .icon_list li .icon-01{top:37px;left:73px;}
.p0101_hsell .icon_list li .icon-02{top:42px;left:62px;}
.p0101_hsell .icon_list li .icon-03{top:44px;left:63px;}
.p0101_hsell .icon_list li p{margin-top:20px;font-size:15px;line-height:23px;color:#515151;}
.p0101_hsell .box_content{margin-top:40px;padding:30px 0;color:#515151;background:#f0f0f0;}


/*p0201_hsell*/

.p0201_hsell .img_wrap{position:relative;width:100%;height:350px;}
.p0201_hsell .img_wrap p{position:absolute;top:0;left:0;width:170px;height:35px;font-size:13px;line-height:35px;letter-spacing:2px;text-align:center;color:#fff;background:#c7102d}
.p0201_hsell .icon_list{margin-top:40px}
.p0201_hsell .icon_list li{position:relative;clear:both;box-sizing:border-box;padding-bottom:30px;margin-bottom:30px;border-bottom:1px dashed #ddd;}
.p0201_hsell .icon_list li:after{content:"";visibility:hidden;display:block;clear:both}
.p0201_hsell .icon_list li div{float:left}
.p0201_hsell .icon_list li .circle{width:100px;height:100px;margin:0 auto;border-radius:80px;behavior: url(/js/PIE.htc);border:3px solid #c7102d;border-right:3px solid #e0e0e0;border-bottom:3px solid #e0e0e0;}
.p0201_hsell .icon_list li .circle1{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.p0201_hsell .icon_list li .circle2{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg)}
.p0201_hsell .icon_list li .circle3{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg)}
.p0201_hsell .icon_list li .circle4{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg)}
.p0201_hsell .icon_list li .list_img_wrap{position:absolute;}
.p0201_hsell .icon_list li .icon-01{top:36px;left:28px;}
.p0201_hsell .icon_list li .icon-02{top:28px;left:31px;}
.p0201_hsell .icon_list li .icon-03{top:32px;left:36px;}
.p0201_hsell .icon_list li .icon-04{top:29px;left:37px;}
.p0201_hsell .icon_list li dl {float:left;margin-left:34px;padding-top:8px;}
.p0201_hsell .icon_list li dl dt{font-size:18px;font-weight:bold;color:#333;}
.p0201_hsell .icon_list li dl dd{margin-top:10px;font-size:15px;line-height:25px;color:#515151;}


/*p0202_hsell*/

.p0202_hsell .section{overflow:hidden;margin-bottom:50px}
.p0202_hsell .section .img_wrap{float:left}
.p0202_hsell .section dl{float:left;width:72%;margin:15px 0 0 30px;padding:10px;background:url('/sh_page/img/p0202_bg1.png') no-repeat, url('/sh_page/img/p0202_bg2.png') no-repeat; background-position:left top, right top}
.p0202_hsell .section dl dt{margin-bottom:20px;font-size:18px;font-weight:bold;color:#333;}
.p0202_hsell .section dl dd{font-size:15px;line-height:25px;color:#515151}
.p0202_hsell .reverse .img_wrap{float:right}
.p0202_hsell .reverse dl{float:right; margin:15px 30px 0 0;padding:10px;text-align:right;background:url('/sh_page/img/p0202_bg2.png') left top no-repeat;}
.p0202_hsell .reverse dl dt{width:auto;display:inline;padding:10px;margin-bottom:20px;background:url('/sh_page/img/p0202_bg1.png') #fff left top no-repeat}
.p0202_hsell .reverse dl dd{margin-top:20px}