@charset "euc-kr";

.top_contents{color:#404041;}
.top_contents .sec1{margin-bottom:50px; background:#f1f1f2;}
.top_contents .sec1 .sec_inner{overflow:hidden; width:1250px; margin:0 auto;}
.top_contents .sec1 .tit_area{float:left; width:430px; position: relative;}
.top_contents .sec1 .cont_area{overflow:hidden; float:left; width:820px; padding-top:80px;}
.top_contents .sec1 .login_area{float:left; width:150px;}
.top_contents .sec1 .cart_area{float:left; width:580px;}
.top_contents .sec1 .cart_area a{display:inline-block; width:122px; height:30px; line-height: 30px; padding-top:6px; margin-left:20px; margin-bottom:10px; border:1px solid #9b9c9d; font-size:16px; text-align:center;}
.top_contents .sec1 .cart_area a:hover{border-color:#e72e10; color:#e72e10;}
.top_contents .sec1 .cart_area a.sel {border-color:#e72e10; color:#e72e10;}
.top_contents .sec1 .cart_area a:before{display:inline-block; width:25px; height:21px; margin-right:7px; background:url(../images/contents/sec1_btn_icon.png) 0 0 no-repeat; vertical-align:middle; content:"";}
.top_contents .sec1 .cart_area a:hover:before{background-position:-25px 0;}
.top_contents .sec2{margin-bottom:75px;}
.top_contents .sec2 .sec_inner{overflow:hidden; width:1250px; margin:0 auto;}
.top_contents .sec2 .tit_area{padding-left:35px; margin-bottom:16px;}
.top_contents .sec2 .cont_area{padding:32px 0; border:1px solid #8f8e90;}
.top_contents .sec2 .cont_area .inner{overflow:hidden; width:725px; margin:0 auto;}
.top_contents .sec2 .cont_area ol{float:left; width:362px;}
.top_contents .sec2 .cont_area li{padding:12px 0;}
.top_contents .sec2 .cont_area li input {margin-top:18px;}

.bottom_contents{color:#404041;}
.cont_section .sec_tit{background-repeat:no-repeat;}
.cont_section .sec_tit h2{padding-top:23px; font-size:18px; letter-spacing:-1px; color:#fff;}

.cont_type1{margin-bottom:70px;}
.cont_type1 .sec_tit{height:67px; background-image:url(../images/contents/sec_tit_bg2.jpg); background-position:0 0 ;}
.cont_type1 .sec_tit h2{float:right; padding-right:20px;}
.cont_type1 .cont_sec{display:table; width:1100px; margin:0 auto;}
.cont_type1 .tit_area{display:table-cell; padding-right:103px; vertical-align:middle; text-align:center;  letter-spacing:-1px;}
.cont_type1 .tit_area h3{padding-top:160px; padding-bottom:20px; margin-bottom:20px; background:url(../images/contents/n_tit_icon1.png) center 0 no-repeat; border-bottom:2px solid #404041; font-size:40px;}
.cont_type1 .tit_area .txt1{font-size:24px;}
.cont_type1 .cont_area{display:table-cell; width:720px;}
.cont_type1 .cont_area ul{overflow:hidden; margin-top:20px;}
.cont_type1 .cont_area li{float:left; width:192px; height:350px; margin:0 23px 45px;}

.cont_type2{margin-bottom:70px;}
.cont_type2 .sec_tit{height:67px; margin-bottom:30px; background-image:url(../images/contents/sec_tit_bg1.jpg); background-position:0 0 ;}
.cont_type2 .sec_tit h2{float:left; padding-left:15px;}
.cont_type2 .cont_sec{display:table; width:1100px; margin:0 auto;}
.cont_type2 .tit_area{display:table-cell; padding-right:103px; vertical-align:middle; text-align:center;  letter-spacing:-1px;}
.cont_type2 .tit_area h3{padding-top:160px; padding-bottom:20px; margin-bottom:20px; background:url(../images/contents/n_tit_icon2.png) center 0 no-repeat; border-bottom:2px solid #404041; font-size:40px; font-weight:bold;}
.cont_type2 .tit_area .txt1{font-size:24px;}
.cont_type2 .cont_area{overflow:hidden; display:table-cell; width:720px;}
.cont_type2 .cont_area dl{position:relative; float:left; width:218px; height:140px; margin:0 9px 8px; border:1px solid #8d8c8e; letter-spacing:-1px; color:#414142;}
.cont_type2 .cont_area dt{padding:16px 14px 0; margin-bottom:15px;}
.cont_type2 .cont_area dt span{display:inline-block; vertical-align:middle;}
.cont_type2 .cont_area dt .num{position:relative; margin-right:10px; font-size:23px; font-weight:bold;}
.cont_type2 .cont_area dt .num:after{position:absolute; left:0; bottom:0; width:100%; height:2px; background:#404041; content:"";}
.cont_type2 .cont_area dt .tit{font-size:22px;}
.cont_type2 .cont_area dt .time{float:right; padding-top:10px; font-size:13px;}
.cont_type2 .cont_area dd.txt1{padding:0 14px; font-size:11px; letter-spacing:0;}
.cont_type2 .cont_area .btn_area{position:absolute; left:0; bottom:16px; width:100%; text-align:center;}
.cont_type2 .cont_area .btn_area a{display:inline-block; width:32%; padding:5px 0; margin:0 2%; background:#e6e7e8; font-size:12px; text-align:center; color:#272422;}
.cont_type2 .cont_area .btn_area a.cart{background:#82afc9; color:#fff;}

.cont_type3{margin-bottom:70px;}
.cont_type3 .sec_tit{height:67px; margin-bottom:40px; background-image:url(../images/contents/sec_tit_bg2.jpg); background-position:0 0 ;}
.cont_type3 .sec_tit h2{float:right; padding-right:20px;}
.cont_type3 .cont_sec{}
.cont_type3 .tit_area{margin-bottom:70px; text-align:center;  letter-spacing:-1px;}
.cont_type3 .tit_area h3{font-size:40px;}
.cont_type3 .tit_area h3 span{display:inline-block; padding-bottom:15px; margin-bottom:24px; border-bottom:2px solid #404041;}
.cont_type3 .tit_area .txt1{font-size:24px;}
.cont_type3 .cont_area{overflow:hidden; width:1600px; margin:0 auto;}
.cont_type3 .cont_area .col{float:left; width:480px; padding-left:40px; margin-left:40px;}
.cont_type3 .cont_area .col.first{margin-left:0; padding-left:0;}
.cont_type3 .cont_area .col h4{margin-bottom:40px; font-size:40px; text-align:center;}
.cont_type3 .cont_area .col h4 .level{letter-spacing:-48px; color:#ec661b;}
.cont_type3 .cont_area .col .list{position:relative; padding-top:10px;}
.cont_type3 .cont_area .col .list:after{display:block; clear:both; content:"";}
.cont_type3 .cont_area .col .list:before{position:absolute; left:-40px; top:0; width:1px; height:100%; background-color:#c4c3c3; content:"";}
.cont_type3 .cont_area .col.first .list:before{content:none;}
.cont_type3 .cont_area dl{position:relative; float:left; width:228px; height:200px; margin:0 0 15px 18px; border:1px solid #d0d1d2; letter-spacing:-1px; color:#272422;}
.cont_type3 .cont_area dl.odd{margin-left:0;}
.cont_type3 .cont_area dt{padding:16px 14px 0; margin-bottom:15px;}
.cont_type3 .cont_area dt span{}
.cont_type3 .cont_area dt .num{position:relative; font-size:20px; color:#e83f0d;}
.cont_type3 .cont_area dt .tit{font-size:16px; color:#e83f0d;}
.cont_type3 .cont_area dt .tit span{display:inline;}
.cont_type3 .cont_area dt .cart_btn{display:inline-block; float:right; width:60px; padding:3px 0; margin-top:3px; background:#ec661b; font-size:10px; text-align:center; letter-spacing:0; color:#fff;}
.cont_type3 .cont_area dd.txt1{padding:0 14px; margin-bottom:15px; font-size:12px; letter-spacing:0;}
.cont_type3 .cont_area dd.txt2{position:relative; padding:0 60px 0 14px; font-size:14px; letter-spacing:0;}
.cont_type3 .cont_area dd .view_btn{overflow:hidden; position:absolute; right:20px; top:5px; width:30px; height:30px; background:url(../images/contents/video_ico.png) 0 0 no-repeat; text-indent:-9999px;}

.cont_type4{margin-bottom:70px;}
.cont_type4 .sec_tit{height:67px; margin-bottom:30px; background-image:url(../images/contents/sec_tit_bg3.jpg); background-position:0 0 ;}
.cont_type4 .sec_tit h2{float:left; padding-left:15px;}
.cont_type4 .cont_sec{display:table; width:1100px; margin:0 auto;}
.cont_type4 .tit_area{display:table-cell; padding-right:103px; vertical-align:middle; text-align:center;  letter-spacing:-1px;}
.cont_type4 .tit_area h3{padding-top:160px; padding-bottom:20px; margin-bottom:20px; background:url(../images/contents/n_tit_icon3.png) center 0 no-repeat; border-bottom:2px solid #404041; font-size:40px; font-weight:bold;}
.cont_type4 .tit_area .txt1{font-size:24px;}
.cont_type4 .cont_area{overflow:hidden; display:table-cell; width:720px;}
.cont_type4 .cont_area dl{position:relative; float:left; width:218px; height:140px; margin:0 9px 8px; border:1px solid #8d8c8e; letter-spacing:-1px; color:#414142;}
.cont_type4 .cont_area dt{padding:16px 14px 0; margin-bottom:15px;}
.cont_type4 .cont_area dt span{vertical-align:middle;}
.cont_type4 .cont_area dt .num{display:inline-block; position:relative; margin-right:5px; font-size:23px; font-weight:bold;}
.cont_type4 .cont_area dt .num:after{position:absolute; left:0; bottom:0; width:100%; height:2px; background:#404041; content:"";}
.cont_type4 .cont_area dt .tit{font-size:16px;}
.cont_type4 .cont_area dt .time{font-size:14px;}
.cont_type4 .cont_area dd.txt1{padding:0 14px; font-size:11px; letter-spacing:0;}
.cont_type4 .cont_area .btn_area{position:absolute; left:0; bottom:16px; width:100%; text-align:center;}
.cont_type4 .cont_area .btn_area a{display:inline-block; width:25%; padding:5px 0; margin:0 2%; background:#e6e7e8; font-size:12px; text-align:center; color:#272422;}
.cont_type4 .cont_area .btn_area a.cart{background:#87bb9d; color:#fff;}

/*검색버튼*/
.search {height: 40px; background: #5b9bd5; color: #fff; border: 1px solid #5b9bd5; box-shadow: none; margin-left: -4px; font-weight: bold;}

/*mypage*/
.maturity {font-size: 15px; color: red; padding: 5px 10px; border: 1px solid #5b9bd5; display: inline; position: absolute; top: 40px; right: 20px;}
.mypage {position: absolute; padding: 10px 22px; border-radius: 10px; background: #5b9bd5; color: #fff; font-size: 17px; display: table-cell; margin-top: 5px;}

.mypage_cont {text-align: center;}
.mypage_cont .mypage_menu {margin: 40px;}
.mypage_cont .mypage_menu a {padding: 5px 25px; border: 5px solid peachpuff; color: #000; font-weight: bold;}
.mypage_cont .mypage_menu a:first-child {margin-right: 10px;}
.mypage_cont .mypage_menu a.on {color: red;}
.mypage_cont .status table {margin: 0 auto; border: 1px solid #cfcfcf;}
.mypage_cont .status table tr th {padding: 10px 25px; color: #fff; background: #5b9bd5;}
.mypage_cont .status table tr td {padding: 10px 25px;} 
.mypage_cont .status table tr td.blue_text {color: #0095ff; font-weight: bold;}

.mypage_cont .change_mem {text-align: left; padding: 25px 10px; width: 450px; margin: 0 auto; border: 1px solid #cfcfcf;}
.mypage_cont .change_mem li {padding-bottom: 10px; list-style: disc; margin-left: 15px;}
.mypage_cont .change_mem li input {height: 16px; margin-top: -2px; padding-left: 10px;} 
.mypage_cont .change_mem li input#phone::placeholder {color: #000;}
.mypage_cont .change_btn {margin-top: 40px;}
.mypage_cont .change_mem li input#email::placeholder {color: #047dee;}
.mypage_cont .change_btn a {padding: 10px 30px; color: #fff; font-weight: 500;}
.mypage_cont .change_btn a.blue {background: #5b9bd5; margin-right: 10px;}
.mypage_cont .change_btn a.gray {background: #9b9c9d;}