@charset "utf-8";

/*-- web_v2 --*/
.web_v2 .header-area .top_area_in {position:relative;width:990px;margin:0 auto;}
.web_v2 #wrap {position: relative;width:100%;max-width: 1000px;margin:0 auto;border-left: 1px solid #002b68;box-sizing:border-box;}
.web_v2 .contents_area {width:100%;max-width:822px;}

.web_v2 .lnb_area {/* max-width: 175px; */}
.web_v2 .lnb_area ul li > ul {}
.web_v2 .board.view > dl > dd > dl dt {width: 12%;}
.web_v2 .board.view > dl > dd > dl dd.email {width:35%;}
.web_v2 .subTitle {/*background-size:58%;*/}
.web_v2 .subContents {padding-top: 0;margin-left:0;}
.web_v2 .lnb_area button.btn_depth1 {letter-spacing:-1px;font-size: 14px;}
.web_v2 .lnb_area > ul > li > ul > li {}
.web_v2 .subContents_area {padding-left: 35px;}


/*-- tablet --*/
.tablet .header-area .top_area_in,
.tablet #wrap {width:100%;}
.header-area .top_order {right:10px;}
.tablet .header-area .top_order .ip {display:none;}
.tablet .subContents_area {padding-left: 35px;margin-left: 185px;border-left:1px solid #002b68;padding-right:10px;}
.tablet .lnb_area {width: 19.8%;}
.tablet .lnb_area ul li > ul {position:relative;left:0;/* width:100%; */border:0;}
.tablet .lnb_area > ul > li > ul > li.on, .tablet .lnb_area > ul > li > ul > li:hover {}
.tablet .board.view > dl > dd > dl dt {width: 12%;}
.tablet .board.view > dl > dd > dl dd.email {width:35%;}
.tablet .header-area .link_lang a.line {border-left:0;}
.tablet .subTitle {background-size:320px;    padding-bottom: 20px;}

.tablet .lnb_area > ul > li > ul > li a {padding: 14px 10px;font-size:13px;}
.tablet .lnb_area ul li ul {background:#fff;width: auto;}
.tablet .lnb_area > ul > li > ul > li {width:auto;}


/*-- mobile --*/
.mobile .header-area .top_area_in,
.mobile #wrap {width:100%;}
.mobile .header-area .top_order {right:10px;}
.mobile .header-area .search_top input {width:135px;}
.mobile .header-area .link_lang a.line {border-left:0;}

.mobile #leftmenu {}
.mobile .mobile_btn {display:block;}
.mobile .btn_menu_close {display:none; position:fixed;right:200px; top:0; z-index:99999; }
.mobile .header-area .top_order .ip,
.mobile .header-area .top_order div.link_lang,
.mobile .header-area .top_order div.search_top,
.mobile .lnb_area {display:none;}
.mobile .lnb_area.on {display:block;}
/* .mobile .lnb_area.on {display:block; position:absolute; right:0; top:-60px;}*/
.mobile .lnb_area > ul > li > ul > li {width:auto;}
/*.mobile .subContents_area {padding:0 15px 30px 15px;margin:0;}*/
.mobile .lnb_area ul li > ul {position:relative;left:0;width:100%;border:0;}
.mobile .lnb_area > ul > li > ul > li.on, .mobile .lnb_area > ul > li > ul > li:hover {}
.mobile .lnb_area > ul > li > ul > li a {padding: 14px 10px;font-size:13px;}
.mobile .lnb_area ul li ul {background:#fff;}
.mobile .subTitle {background-size:280px;}
.mobile .subContents {width:99%;padding-top:10px;}

.mobile .board.view > dl > dd > dl dt {width: 12%;}
.mobile .board.view > dl > dd > dl dd.email {width:35%;}
.mobile .board.list > dl > dt.hit, .mobile .board.list > dl > dd.hit {display:none;}
.mobile .board.list > dl > dd.subj, .mobile .board.list > dl > dt.subj {width:70%;}
.mobile .lnb_area .copy,
.mobile .lnb_area .list_menu  {display:none;}

/*-- smobile --*/
.smobile .header-area .top_area_in,
.smobile #wrap {width:100%;border-left:0px none;}
.smobile .header-area,
.header-area .top_area_in{height:80px;}
.smobile .header-area h1.logo{float:none;}
.smobile .header-area .top_order {float:none;right:0;margin-top:0;}
.smobile .header-area .top_order .ip{float:none;margin-left:0;height:20px;line-height:20px;padding:0 10px;color:#888;background:#eee;}
/*.smobile .header-area .top_order .ip,*/
.smobile .header-area .top_order div.link_lang,
.smobile .header-area .top_order div.search_top,
.smobile .board.list > dl > dt.hit, 
.smobile .board.list > dl > dd.hit,
.smobile .board.list > dl > dt.num, 
.smobile .board.list > dl > dd.num,
.smobile .lnb_area {display:none;}
.smobile .lnb_area.on {display:block;}
.smobile .mobile_btn {display:block;}
.smobile .btn_menu_close {display:none; width:31px; height:27px; position:fixed; right:200px; top:0; z-index:99999;}
.smobile .header-area .link_lang a.line {border-left:0;}
.smobile .header-area .top_area_in h1 {margin-left:10px;width:230px;}
.smobile .lnb_area ul li > ul {position:relative;left:0;width:100%;border:0;}
.smobile .lnb_area > ul > li > ul > li.on, .smobile .lnb_area > ul > li > ul > li:hover {background:#ededed;}
.smobile .lnb_area > ul > li > ul > li {width:auto;}
.smobile .lnb_area > ul > li > ul > li a {padding: 14px 10px;font-size:13px;}
.smobile .lnb_area ul li ul {background:#fff;}
.smobile .subTitle {background-size:139px;}
/*.smobile .subContents {padding-top:10px;}*/
/*.smobile .subContents_area {padding:0 15px 30px 15px;margin:0;}*/
.smobile .board.list > dl > dd.subj, 
.smobile .board.list > dl > dt.subj {width:75%;}
.smobile .board.list > dl > dd.date, 
.smobile .board.list > dl > dt.date {width:25%;}
.smobile .board.view > dl > dt {padding:10px;}
.smobile .board.view > dl > dd > dl dt {width: 17%;}
.smobile .board.view > dl > dd > dl dt.hit_tit,
.smobile .board.view > dl > dd > dl dd.hit {display:none;}
.smobile .board.view > dl > dd > div.memos {padding:25px 15px}
.smobile .board.view > dl > dd > dl dd.writer {width:17%;}
.smobile .board.view > dl > dd > dl dd.email {width: 42%;}
/*.smobile .btn_menu_close {display:block;position:absolute;left:-32px;top:0;}*/
.smobile .lnb_area .copy,
.smobile .lnb_area .list_menu {display:none;}
.smobile .subTitle .titexp {padding-top:5px;}

.smobile .self-diagnosis_n ul.depth1>li {position:static; width:100%; }
.smobile .self-diagnosis_n ul.depth1>li>div>ul>li>a { margin:0 0 10px 0;}
.smobile .self-diagnosis_n ul.depth1>li>div{ position:static; background:none; }
.smobile .self-diagnosis_n ul.depth1>li>div>ul>li { width:100%; }


/*-- smobile --*/
.ssmobile .header-area .top_area_in,
.ssmobile #wrap {width:100%;border-left:0px none;}
.ssmobile .header-area .top_order {right:10px;}
.ssmobile .header-area .top_area_in h1 {width:200px; padding-top:11px;}
.ssmobile .header-area .top_order .ip,
.ssmobile .header-area .top_order div.link_lang,
.ssmobile .header-area .top_order div.search_top,
.ssmobile .board.list > dl > dt.hit, 
.ssmobile .board.list > dl > dd.hit,
.ssmobile .board.list > dl > dt.num, 
.ssmobile .board.list > dl > dd.num,
.ssmobile .board > dl > dd > dl,
.ssmobile .board.list > dl > dd.date, 
.ssmobile .board.list > dl > dt.date,
.ssmobile .board.list > dl > dt.subj,
.ssmobile .subTitle .titexp,
.ssmobile .board_search,
.ssmobile .lnb_area {display:none;}

.ssmobile .lnb_area.on,
.ssmobile .mobile_btn {display:block;}
.ssmobile .board.view > dl > dd > div.memos {padding:20px 10px;font-size:12px;line-height:19px;}
.ssmobile .board.list, .board.list > dl.tit {border-top:1px solid #363636;}
.ssmobile .board > dl > dt {padding:10px;font-size:13px;}
.ssmobile .subTitle .location-depth {padding:25px 0 20px 0;}
.ssmobile .subContents_area {padding:0 15px 30px 15px;margin:0;}
.ssmobile .lnb_area ul li > ul {position:relative;left:0;width:100%;border:0;}
.ssmobile .lnb_area > ul > li > ul > li.on, .ssmobile .lnb_area > ul > li > ul > li:hover {background:#ededed;}
.ssmobile .board.view > dl > dd > dl dt {width: 12%;}
.ssmobile .board.view > dl > dd > dl dd.email {width:35%;}
.ssmobile .header-area .link_lang a.line {border-left:0;}
.ssmobile .subTitle {background-size: 171px;}
.ssmobile .subContents {padding-top:10px;width: 100%;}
.ssmobile .lnb_area > ul > li > ul > li a {padding: 14px 10px;font-size:13px;}
.ssmobile .lnb_area ul li ul {background:#fff;}
.ssmobile .board.list > dl > dd.subj, 
.ssmobile .board.list > dl > dt.subj {width:100%;padding:10px 0;}
.ssmobile .lnb_area > ul > li > ul > li {width:auto;}
.ssmobile .btn_menu_close {display:none; width:31px; height:27px; position:fixed; right:200px; top:0; z-index:99999;}
.ssmobile .lnb_area .copy,
.ssmobile .lnb_area .list_menu{display:none;}

.ssmobile .self-diagnosis_n ul.depth1>li {position:static; width:100%; }
.ssmobile .self-diagnosis_n ul.depth1>li>div>ul>li>a { margin:0 0 10px 0;}
.ssmobile .self-diagnosis_n ul.depth1>li>div{ position:static; background:none; }
.ssmobile .self-diagnosis_n ul.depth1>li>div>ul>li { width:100%; }