@charset "utf-8";

/*
 * Layout Style
 *
 */

#wrap{width:100%; margin:0px auto;}
#container{width:1058px; min-height:600px; margin:0px auto; }
#container:after { content:""; display:block; clear:both; height:0;}

/******************* popup **************************/
.popupZone {position: relative; background:#606163; width: 100%;  margin: 0px; padding: 0px; z-index: 888; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.popupZone .pop_inner {margin: 0px auto; padding: 0px; width: 1250px; text-align:center; overflow: hidden; position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.popupZone .pop_inner .close {top: 20px; text-align: right; right: 0px; color:#ebebeb; font-size: 13px; position: absolute; }
.popupZone .pop_inner .close img {margin: 0px !important;}
.popupZone .pop_inner .close a {float: right; display: block;}
.popupZone .pop_inner .check {text-align: right; right: 0px; bottom: 10px; color:#fff; clear: both; font-size: 11px; letter-spacing:-0.8px;position: absolute;}


/********************************************
	HEADER
********************************************/
#headbox{width:100%; min-width:1058px; height:42px; background:#ebebeb; margin:0 auto;}
#headbox .headtop{width:1058px;margin:0 auto;text-align:right;}
#headbox .headtop .h_left{float:left;text-align:right; width:718px; height:42px; background:#ebebeb; margin-right:20px; }
#headbox .headtop .h_left ul{display:inline-block;text-align:right;}
#headbox .headtop .h_left li{float:left; text-align:right;line-height:40px; font-size: 12px;font-family:'Nanum Gothic Bold';color: #424242;letter-spacing:-0.5px;text-transform:uppercase; margin-right:20px;}
#headbox .headtop .h_left li a{color: #424242;}
#headbox .headtop .h_left li.img{margin-right:4px;padding-top:12px;}
#headbox .headtop .h_right{float:right;width:320px; height:42px; text-align:center; background: url(/img/tbar_bg.png) no-repeat left top;}
#headbox .headtop .h_right ul{display:inline-block;}
#headbox .headtop .h_right ul li{float:left;padding:12px 10px 0px 10px;}

.gnb_wrap{width:100%; margin:0px auto; position:relative;}
.gnb{width:1058px; height:144px; margin:0px auto; position:relative; z-index:5; padding-top:75px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb .logo{position:absolute; left:0; top:35px; width:180px;text-align:left;}
.gnb nav{width:1058px; margin:0px auto; position:relative; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb nav > ul{float:right; margin-right:50px; margin-top:0px;}
.gnb nav > ul > li{float:left;background:url(/img/gline.png) left center no-repeat; padding-left:28px; margin-left:28px;}
.gnb nav > ul > li:first-child{background:none; padding-left:0; margin-left:0}
.gnb nav > ul > li > a{display:block; line-height:16px; font-family:'Nanum Gothic Bold'; font-size:18px; color:#424242; text-align:center;}
.gnb nav > ul > li.first > a{border-left:0}
.gnb nav > ul > li > a:hover{color:#d50100; }
.gnb nav > ul > li.on > a{color:#d50100; }
.gnb nav > ul > li.on .two-depth{display:block}


.two-depth-bg{width:100%;height:400px; position:absolute; left:0px; top:144px; overflow: hidden; background:#fff; border-top:1px solid #58a2e3; border-bottom:1px solid #ebebeb; display:block; z-index:4; display:none; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth-bg .two-left{display:inline-block;width:50%;height:400px; background:#f5f3ef;}
.two-depth{width:100%;position:absolute; left:0px; top:70px; z-index:5; display:none; font-size:0;background:#fff;}
.two-depth h2{font-size:15px;line-height:15px;color:#218dc6; font-family:'Nanum Gothic Bold'; margin-bottom:20px; }
.two-depth p{font-size:13px;line-height:13px;color:#424242; font-family:'Nanum Gothic'; margin-bottom:12px; letter-spacing:-0.05em;}
.two-depth .atitle{display:inline-block;width:188px; height:398px; text-align: left; background:url(/img/atitle.png) left top no-repeat #f5f3ef;}
.two-depth .list01{display:inline-block;width:125px; height:300px;margin-top:40px; text-align: left; border-right:0px solid #ececec;padding:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-left:30px;}
.two-depth .list02{display:inline-block;width:125px; height:300px;margin-top:40px; text-align: left; border-right:0px solid #ececec;padding:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth .list03{display:inline-block;width:130px; height:300px;margin-top:40px; text-align: left; border-right:0px solid #ececec;padding:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth .list04{display:inline-block;width:120px; height:300px;margin-top:40px; text-align: left; border-right:0px solid #ececec;padding:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth .list05{display:inline-block;width:120px; height:300px;margin-top:40px; text-align: left; border-right:0px solid #ececec;padding:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth .list06{display:inline-block;width:100px; height:300px;margin-top:40px; text-align: left; padding:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth .list07{display:inline-block;width:120px; height:300px;margin-top:40px; text-align: left; padding:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.list_close{text-align: right;padding-top:80px; padding-right:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

A.roll img{display:inline; border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll img.over { display:none; }
A.roll:hover {border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll:hover img { display:none; }
A.roll:hover img.over { display:inline;}

.fixed{background:#fff; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }

/* footer */
.footer_wrap{clear:both; width:100%; margin:0px auto; padding: 20px 0px 40px; border-top:1px solid #d9d9d9; background:#fff; overflow:hidden;}
.footer_wrap:after { content:""; display:block; clear:both; height:0;}

.footer{width:1058px; margin:0px auto; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer .f_menu{display: inline-block;width:100%; margin-bottom:10px; text-align:left;}
.footer .f_menu li{float:left;  background:url(/img/f_line.png) left 2px no-repeat; padding-left:15px; margin-left:15px;font-family:'Nanum Gothic'; FONT-SIZE: 12px; COLOR: #666; line-height: 12px;text-transform:uppercase;}
.footer .f_menu li a{COLOR: #666;}
.footer .f_menu li:first-child{background:none; padding-left:0; margin-left:0}

.footer .f_left{float:left; width:800px; text-align:left; vertical-align:top; font-size:0;}
.footer .f_left .flogo{display: inline-block; width:150px; text-align:left; }
.footer .f_left .fcopy{display: inline-block; width:650px; text-align:left; margin-top:12px; }
.footer .f_left .fcopy p{font-family:'Nanum Gothic'; FONT-SIZE: 12px; COLOR: #666; line-height: 16px; letter-spacing:-0.2px;}

.footer .f_right{float:right; width:200px; text-align:right; vertical-align:top;}


.select_type001{display: inline-block;width:200px;height:40px;text-indent:11px;}
.select_type001 select{display: inline-block;background: url(/img/select_bg.png) right center no-repeat #4d4d4d; /* 네이티브 화살표 대체 */ border-radius: 0px; /* iOS 둥근모서리 제거 */border:1px solid #fafafa;height:40px;padding:0 0 0 5px;margin:0 2px 0 0;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-family:'Nanum Gothic'; FONT-SIZE: 14px;line-height: 20px; COLOR: #fafafa;cursor:pointer;}
.select_type001 select::-ms-expand {display: none;}

/* .btn_up_layer {position:fixed; right:0px;bottom:100px;display:none;padding:0px;z-index:100;} */

/* quick */

.mrightquick_area {position:fixed; width:80px; left:50%; margin-left:540px; top:607px; text-align:right; overflow:hidden;  z-index:2;}
.quick{float: right; width:80px; text-align:left; vertical-align:top;background: url(/img/quick_bg.png) left top repeat-y;}
.quick .quick_t{display:block;text-align:left; vertical-align:top; margin-bottom:15px;}
.quick .quick_b{display:block;text-align:left; vertical-align:top;height:4px;}
.quick li{display: inline-block;width:80px; height:32px; padding-right:5px;text-align:center; font-family:"Nanum Gothic Bold"; color: #424242; font-size:12px;line-height:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-bottom:5px;}
.quick li a{color: #424242;}
.quick li a:hover{color: #fff;}
.quick li:hover{background: url(/img/q_bg.png) left top no-repeat;}
.quick li:hover a{color: #fff;}

.rightquick_area {position:fixed; width:80px; left:50%; margin-left:540px; top:435px; text-align:right; overflow:hidden;  z-index:2;}



/* maincontents */
.maincontents{position: relative; width:100%; /*background: url(/img/main_bg.png) center center repeat;*/ background:#98a0a3; margin:0px auto; overflow: hidden; zoom: 1; border-top:0px solid #e9e9e9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:1}
.maincontents:after { content:""; display:block; clear:both; height:0;}

/* mainbanner */

.image_list_1 {position:relative; width: 1250px; left:50%; margin:0 0 0 -625px;height: 400px; text-align:center; overflow: hidden; zoom: 1;}
.image_list_1 div.images {z-index:1!important;}
/* bar left 일경우 
#mbnav{position: absolute; z-index: 2; padding: 10px 0px 0px 200px;}
#mbnav a{display: inline-block; width: 73px; height: 8px; padding: 0px 3px 0px 3px; background:url(/img/bar_off.png) no-repeat left top; margin-bottom: 0px; text-indent: -9999px;}
#mbnav a.activeSlide{display: inline-block; width: 73px; height: 8px; background:url(/img/bar_on.png) no-repeat left top;}
*/
/* bar center 일경우 */ 
#mbnav{position: absolute; z-index: 2; top:15px; width: 1250px; margin:0px auto; text-align:center;}
#mbnav a{display: inline-block; width: 10px; height: 10px; padding: 0px 3px 0px 3px; background:url(/img/bar_off.png) no-repeat left top; margin-bottom: 0px; text-indent: -9999px;}
#mbnav a.activeSlide{display: inline-block; width: 10px; height: 10px; background:url(/img/bar_on.png) no-repeat left top;}

.mtxt{position: absolute; z-index: 3; top:128px; width: 1800px; margin:0px auto; text-align:center;}

.mcontainer{width:100%; margin:0px auto;background:#f0f0f0; }
.m_section01{width:1058px; margin:0px auto; overflow: hidden;}



.m_content01{width:100%;margin-top:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
.m_content01 .mbox{display: inline-block;width:258px; height:208px; background:#2d8cc4;text-align:left;padding:18px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_content01 .mbox p{font-family:"Nanum Gothic Bold"; color: #fff; font-size: 33px;line-height:33px;letter-spacing:-0.5px;text-transform:uppercase; }
.m_content01 .mbox span{display: inline-block;width: 100%; font-family:"Nanum Gothic Light"; color: #fff; font-size:18px;line-height:20px;letter-spacing:-0.5px;text-transform:uppercase; }
.m_content01 .mbox01{display: inline-block; width:800px; height:208px;background:#fff;text-align: center;position:relative;}
.m_content01 .mbox01 .mpimg{float:left; width:266px; }
.m_content01 .mbox01 .mpimg img{width:100%;height:208px;}
.m_content01 .mbox01 .mptxt{float:left; width:534px;height:208px;display:table;padding-left:70px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_content01 .mbox01 p{display:table-cell; height:100%; text-align: center; vertical-align:middle; }

.arr-btn01{width:800px; position:absolute; left:0; top:0px}
.arr-btn01 .customPrevBtn01{width:19px; height:29px; text-indent:-9999px; background:url(/img/mp_arr_left.png) 0 no-repeat; position:absolute; left:286px; top:96px; cursor:pointer; z-index:100;}
.arr-btn01 .customNextBtn01{width:19px; height:29px; text-indent:-9999px; background:url(/img/mp_arr_right.png) 0 no-repeat; position:absolute; right:20px; top:96px; cursor:pointer; z-index:100;}

.m_content02{width:100%; margin-top:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
.m_content02 .mcbox01{display: inline-block;width:258px; height:208px; background:url(/img/mp02.png) 0 no-repeat; padding-top:77px;text-align:right; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_content02 .mcbox02{display: inline-block;width:266px; height:208px; background:#ccc401;padding:20px;text-align:left; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;position:relative;}
.m_content02 .mcbox03{display: inline-block;width:257px; height:208px; margin-left:10px; background:#8a9a9a;padding:20px;text-align:left; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;position:relative;}
.m_content02 .mcbox03 .cthumb_over{position: absolute;text-align: center; display: inline-block; top:0px; left:0; width:100%; height:100%; background:#546060; -ms-filter: alpha(opacity=0); filter: Alpha(opacity=0); opacity: 0.0; overflow: hidden;  box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;  transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; font-size:0; z-index:3}
.m_content02 .mcbox03:hover .cthumb_over{-ms-filter: alpha(opacity=70); filter: Alpha(opacity=70); opacity: 0.7; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}

.m_content02 .mcbox04{display: inline-block;width:257px; height:208px; margin-left:10px; background:#5587a2;padding:20px;text-align:left; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;position:relative;}
.m_content02 .mcbox04 .cthumb_over01{position: absolute;text-align: center; display: inline-block; top:0px; left:0; width:100%; height:100%; background:#38657d; -ms-filter: alpha(opacity=0); filter: Alpha(opacity=0); opacity: 0.0; overflow: hidden;  box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;  transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; font-size:0; z-index:3}
.m_content02 .mcbox04:hover .cthumb_over01{-ms-filter: alpha(opacity=70); filter: Alpha(opacity=70); opacity: 0.7; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}

.m_content02 h2{font-family:"Nanum Gothic Bold"; color: #fff; font-size: 18px;line-height:18px;letter-spacing:-0.5px;text-transform:uppercase;}
.m_content02 p{font-family:"Nanum Gothic Bold"; color: #fff; font-size: 33px;line-height:33px;letter-spacing:-0.5px;text-transform:uppercase;}
.m_content02 h3{font-family:"Nanum Gothic Bold"; color: #fff; font-size: 20px;line-height:20px;letter-spacing:-0.5px;text-transform:uppercase;}
.m_content02 .mpicon{position:absolute; bottom:20px; right:20px;z-index:2}
.m_content02 .ptext{font-family:"Nanum Gothic Bold"; color: #fff; font-size: 15px;line-height:18px;letter-spacing:-0.5px;text-transform:uppercase;}
.m_content02 .pnbsp{line-height:18px;letter-spacing:-0.5px;text-transform:uppercase;}




.ellipsis02{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.ellipsis03{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 3.9em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 
.ellipsis04{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 5.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 

/* 공지사항테이블 */
.mnews{width:100%; height: 250px;background-color: #fff; border:1px solid #dcdbd9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;margin-bottom:10px;}
.mnews_tab{width:100%; height: 50px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;}
.mnews_tab li{width: 25%; float: left;}
.mnews_tab li a {width: 100%; text-align: center; color: #424242;  padding:16px 0px; line-height: 14px; font-size: 14px;font-family:'Nanum Gothic Bold';  display: block; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mnews_tab li a:hover {line-height: 14px; font-size: 14px;color: #ff782e;}
.mnews_tab li.active a {border-bottom:0px solid #ebebeb; line-height: 14px; font-size: 14px;color: #ff782e; }
.mnews_tab li:first-child {border-left:0px solid #ebebeb; }

.tab_content {width:100%; height:198px; overflow: hidden; text-align:left; vertical-align:top; padding:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0; }
.tab_content ul{display: inline-block; width:100%; text-align:left; margin-bottom:8px;}
.tab_content li.news_subj{float:left; width:85%;text-align:left; vertical-align:top; padding-left:10px; background:url(/img/icon_square.png) no-repeat left 7px;line-height: 15px; font-size: 13px; font-family:'Nanum Gothic Bold'; color:#5f6062; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.tab_content li.news_new{float:right; width:15%; text-align:right; vertical-align:top; }
/* 공지사항테이블 end */

.main_tit{width:100%; margin:0px auto 20px; overflow: hidden; text-align:left; color:#424242; font-family:'Nanum Gothic Bold';FONT-SIZE: 25px;line-height:25px;letter-spacing:-0.5px;}
.m_content03{width:100%; padding:30px; margin:20px auto 0px; background:#fff; overflow: hidden; bordedr:1px solid #dcdcd9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

/* 3개씩 상품박스 */
.plist_box03{width:100%; overflow: hidden; margin: 0px auto; text-align:center; vertical-align:top; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;}
.plist_box03 li{display: inline-block; width: 328px; margin-left:20px; text-align:center; vertical-align:top;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.plist_box03 li:first-child{margin-left:0px; }
.plist_box03 .thumb_img{position:relative; overflow:hidden; cursor:pointer; display: inline-block; margin:0px auto; text-align:center; width: 100%; height:206px; background:#f9f9f9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.plist_box03 .thumb_img img{width: 100%; height:206px; transition:all .2s ease;-webkit-transition:all .2s ease;}
.plist_box03 .thumb_img:hover img{transform:scale(1.05); }
.plist_box03 .newstitle{display: inline-block;width: 100%;padding-top:10px;text-align:center;line-height: 15px; color:#666666; font-size: 15px; font-family:'Nanum Gothic Bold';letter-spacing:-0.5px; }
.plist_box03 .nlink{display: inline-block;width: 100%;padding-top:10px;text-align:center;line-height: 14px; color:#777; font-size: 12px; font-family:'Nanum Gothic Bold';letter-spacing:-0.5px; }
.plist_box03 .nlink a{color:#2d8cc4;padding-left:20px;padding-right:20px;}
.plist_box03 .nlink a:hover{color:#2d8cc4; text-decoration: underline;}

/* 4개씩 상품박스 */
.plist_box04 {width:100%; margin: 0px auto; position: relative; overflow: hidden;font-size:0;}
.plist_box04 ul{margin-top:20px;}
.plist_box04 li{display: inline-block; width:240px; margin-left:12px; text-align:center;background:#fff; position: relative; font-size:0;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;cursor:pointer;}
.plist_box04 li:first-child{margin-left:0px; }
.plist_box04 ul:first-child{margin-top:0px;}
.plist_box04 .thumb{position:relative; overflow:hidden; cursor:pointer; display: inline-block; width:100%; height:215px; background:#fff; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.plist_box04 .thumb img{width: 100%; height:215px; transition:all .2s ease;-webkit-transition:all .2s ease;}
.plist_box04 .thumb:hover img{transform:scale(1.05); }
.plist_box04 .subject{width:100%; padding-top:10px; text-align:center;overflow: hidden;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;color: #424242;font-family:'Nanum Gothic Bold';line-height: 18px;font-size:13px;}
.plist_box04 .subject p{color: #424242;font-family:'Nanum Gothic Bold';line-height: 18px;font-size:13px;}


/* 5개씩 상품박스 */
.plist_box05 {width:100%; margin: 30px auto 0px; position: relative; overflow: hidden;font-size:0;}
.plist_box05 ul{display: inline-block;width:100%; text-align:center;}
.plist_box05 li{display: inline-block; width:190px; margin-left:11px; text-align:center; background:#fff; position: relative; font-size:0;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;cursor:pointer;}
.plist_box05 li:first-child{margin-left:0px; }
.plist_box05 ul:first-child{margin-top:0px;}
.plist_box05 .thumb{position:relative; overflow:hidden; cursor:pointer; display: inline-block; width:100%; height:170px; background:#fff; border:1px solid #eeeeee;  box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.plist_box05 .thumb img{width: 100%; transition:all .2s ease;-webkit-transition:all .2s ease;}
.plist_box05 .thumb:hover img{transform:scale(1.05); }
.plist_box05 .subject{width:100%; padding-top:10px; text-align:center;overflow: hidden;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;color: #959595;font-family:'Nanum Gothic Bold';line-height: 14px;font-size:12px;}
.plist_box05 .subject p{color: #959595;font-family:'Nanum Gothic Bold';line-height: 14px;font-size:12px;}

.m_content04{width:100%; padding:17px; margin:30px auto 40px; background:#fff; overflow: hidden; bordedr:1px solid #dcdcd9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_content04 .ntitle{display: inline-block; width:100%;padding:20px 0px;text-align:center;color: #979797;font-family:'Nanum Gothic Bold';line-height: 15px;font-size:15px;}
.m_content04 .ntitle p{color: #424242;font-family:'Nanum Gothic Bold';line-height:30px;font-size:30px;margin-bottom:8px;}




/* login */
.login_box{width:100%;padding:30px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.login_title{display: block;text-align:left;margin-bottom:35px; padding-bottom:20px; border-bottom:1px solid #b1b0b8; color: #424242; font-size:50px;line-height:50px;font-family:'Nanum Gothic';text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.login_wrap{width:100%;padding:0px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-size:0}
.login_wrap ul{display: inline-block;width:100%;margin-bottom:8px;}
.login_wrap .login_l{display: inline-block;width:370px; text-align:left;padding:0px;color:#858585;font-size:14px;font-family:'Nanum Gothic Bold';}
.login_wrap .login_r{display: inline-block;width:140px; text-align:right;padding:0px; color:#12a8d9;font-size:14px;font-family:'Nanum Gothic Bold';}
.login_wrap .login_c{display: inline-block;width:140px; text-align:center;padding:0px; color:#12a8d9;font-size:14px;font-family:'Nanum Gothic Bold';}
.login_wrap input{display: inline-block;box-sizing: border-box;border:1px solid #dadada;background:#fff;width:100%; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.login_wrap input:focus {outline: none;background:#fff;border-color:#12a8d9}
.login_wrap input[type=checkbox], .login_wrap input[type=radio] {width:12px; height:12px;vertical-align:middle;border:0; margin:0; padding:0; cursor:pointer}

.login_btn{width:100%; margin:30px 0px 0px; text-align:left;padding-bottom:30px;border-bottom:1px solid #b1b0b8; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-size:0}
.login_btn .lbtn{display: inline-block;width:50%; text-align:left;padding:0px;}
.login_btn .rbtn{display: inline-block;width:50%; text-align:right;padding:0px;}

.login_txt{width:100%; margin:0px; padding:0px 30px; text-align:left; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.login_txt h2{font-family:'Nanum Gothic bold';line-height: 20px;font-size:20px;color:#12a8d9;margin-bottom:5px;}
.login_txt p{font-family:'Nanum Gothic bold';line-height: 18px;font-size:14px;color: #a5a5a5;margin-bottom:15px;}

.login_bottom{width:100%; margin-top:30px; height:50px;background:#12a8d9;}

.id_title{display: block;text-align:left;margin-bottom:35px; padding-bottom:20px; border-bottom:1px solid #b1b0b8; color: #424242; font-size:36px;line-height:36px;font-family:'Nanum Gothic';text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.id_wrap{width:100%;margin-bottom:10px;padding:0px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-size:0}
.id_wrap p{font-family:'Nanum Gothic bold';line-height: 18px;font-size:14px;color: #a5a5a5;}
.id_wrap label {display: block;width: 100%;color: #424242;font-size:15px;line-height:15px;font-family:'Nanum Gothic bold';margin-bottom:8px;}
.id_wrap input{display: inline-block;box-sizing: border-box;border:1px solid #dadada;background:#fff;width:100%; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-bottom:15px;}
.id_wrap input:focus {outline: none;background:#fff;border-color:#12a8d9}

.id_tab{display: inline-block;width:100%;}
.id_tab li{width: 50%; margin-left: -1px; margin-bottom:-1px; float: left;}
.id_tab li a {width: 100%; text-align: center; color: #424242; background:#f1f1f1; height:45px; padding:12px 0px; line-height: 16px; font-size: 16px;font-family:'Nanum Gothic Bold';  display: block; border:1px solid #dfdfdf; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.id_tab li a:hover {color: #fff;background:#145374; border:0px solid #cbcbcb;}
.id_tab li.active a {color: #fff;background:#145374; border:0px solid #cbcbcb;}
.id_tab li:first-child {margin-left: 0px;}

.id_stab{display: inline-block;width:100%; margin-bottom:25px;}
.id_stab li{width: 50%; margin-left: -1px; margin-bottom:-1px; float: left;}
.id_stab li a {width: 100%; text-align: center; color: #424242; background:url(/img/id_tab.png) center bottom no-repeat; height:45px; padding:12px 0px; line-height: 16px; font-size: 16px;font-family:'Nanum Gothic Bold';  display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.id_stab li a:hover {background:url(/img/id_tab_on.png) center bottom no-repeat; }
.id_stab li.active a {background:url(/img/id_tab_on.png) center bottom no-repeat;}
.id_stab li:first-child {margin-left: 0px;}

.id_ptab{display: inline-block;width:100%; margin-bottom:25px;}
.id_ptab li{width: 50%; margin-left: -1px; margin-bottom:-1px; float: left;}
.id_ptab li a {width: 100%; text-align: center; color: #424242; background:url(/img/id_tab.png) center bottom no-repeat; height:45px; padding:12px 0px; line-height: 16px; font-size: 16px;font-family:'Nanum Gothic Bold';  display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.id_ptab li a:hover {background:url(/img/id_tab_on.png) center bottom no-repeat; }
.id_ptab li.active a {background:url(/img/id_tab_on.png) center bottom no-repeat;}
.id_ptab li:first-child {margin-left: 0px;}

.id_stitle{display: block;text-align:left; margin-top:30px; margin-bottom:20px; color: #424242; font-size:30px;line-height:30px;font-family:'Nanum Gothic';text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.tab_content01{width:100%; overflow: hidden; text-align:left; vertical-align:top; }
.tab_content02{width:100%; overflow: hidden; text-align:left; vertical-align:top; }

.join_title{display: block;text-align:center;margin-bottom:35px; background:url(/img/l_logo.png) left top no-repeat; padding:10px 0px 20px 145px; border-bottom:1px solid #b1b0b8; color: #424242;letter-spacing:-0.8px; font-size:30px;line-height:33px;font-family:'Nanum Gothic';text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.join_wrap{width:100%; font-size:0; margin-bottom:10px; }
.join_wrap p{display: inline-block; font-family:'Nanum Gothic bold';line-height: 16px;font-size:13px;color: #12a8d9;padding-bottom:15px;padding-top:8px;}
.join_wrap label {display: block;width: 100%;color: #424242;font-size:15px;line-height:15px;font-family:'Nanum Gothic bold';margin-bottom:8px;}
.join_wrap .input100{display: inline-block;box-sizing: border-box;border:1px solid #dadada;background:#fff;width:100%; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.join_wrap input:focus {outline: none;background:#fff;border-color:#12a8d9}
.join_wrap .col001{display: inline-block;width:330px; margin-right: 10px; text-align:left;}
.join_wrap .col002{display: inline-block;width:170px; text-align:left;}
.join_wrap .col003{display: inline-block;width:120px; margin-right: 10px; text-align:left;}
.join_wrap .col004{display: inline-block;width:380px; text-align:left; }
.join_wrap .col005{display: inline-block;width:100%; height:45px;}

.join_wrap .inputbox{display: inline-block;width:100%; border:1px solid #d4d4d5;BACKGROUND-COLOR: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.join_wrap .input170{display: inline-block; box-sizing: border-box;border:1px solid #dadada;background:#fff;width:170px; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-bottom:0px;}
.join_wrap .input_ok{margin:0px; width: 290px; height:45px;vertical-align:middle; color:#858585;font-size:14px;font-family:'Nanum Gothic';padding: 8px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.join_wrap .input_ok01{margin:0px; width: 420px; height:45px;vertical-align:middle; color:#858585;font-size:14px;font-family:'Nanum Gothic';padding: 8px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.join_wrap .i_btn{margin-right:2px;border:0;margin-top:0px;}
.join_wrap .i_btn img{margin:0px;padding-top:3px;}

.join_wrap select {border-radius: 2px; background: url(/img/select_arrow02.png) right center no-repeat #fff; /* 네이티브 화살표 대체 */ /* border-radius: 0px; /* iOS 둥근모서리 제거 */ border:1px solid #cccccc;line-height:45px;height:45px;padding: 8px;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing:content-box;color:#858585;font-size:14px;font-family:'Nanum Gothic';}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.join_wrap select::-ms-expand {display: none;}
.join_wrap .col006{display: inline-block;width:80%; text-align:left;color: #424242;font-size:15px;line-height:15px;font-family:'Nanum Gothic bold';}
.join_wrap .col007{display: inline-block;width:20%; text-align:right;color:#858585;font-size:13px;font-family:'Nanum Gothic bold';}
.join_wrap input[type=checkbox], .join_wrap input[type=radio] {width:12px; height:12px;vertical-align:middle;border:0; margin:0; padding:0; cursor:pointer}
.join_wrap .inputtemp{display: inline-block; box-sizing: border-box;border:0px solid #dadada;background:#fff;width:20px; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-bottom:0px;}


.join_wrap01{width:100%;text-align:left; padding:0px 20px 30px; font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.join_wrap01 h2{ font-family:'Nanum Gothic bold';line-height: 20px;font-size:20px;color: #12a8d9; margin-bottom:10px;}
.join_wrap01 p{font-family:'Nanum Gothic bold';line-height: 18px;font-size:14px;color: #a5a5a5;letter-spacing:-0.5px;}
.join_wrap01 .jbtn{display: inline-block;width:100%;margin-top:10px;text-align:center;}