@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Monoton);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,900,100);
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
/* '나눔고딕L',NanumGothicLight / 나눔고딕 400 700 800 font-family: 'Monoton'*/

/*  Reset CSS  */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
* { margin:0;  padding:0;}
ol,ul { list-style: none; }
a { text-decoration:none; color:#555; }
img { border:0;}
body { width:100%; font-family:'Nanum Gothic','나눔고딕', 'Dotum'; font-size:12px;}
button { cursor: pointer; }
ul, ol, li, dl, dt, dd { list-style:none; }
select{font-family:'Roboto', sans-serif;}

body {overflow-x:hidden; }
*{-webkit-text-size-adjust:none}
.dim{display:none; position:fixed; width: 100%;height:100%;background:#fff;opacity:0.5;z-index:11;}

/* 스킵네비게이션 */
.wp_direct {position:relative;width:100%;z-index:1000;}
.wp_direct .link_direct {position:fixed;top:-30px;left:0;padding:5px 10px;line-height:14px;background-color:#3d4351;color:#eee;text-align:center;}
.wp_direct .link_direct:active,
.wp_direct .link_direct:focus {overflow:hidden;top:-0px;text-decoration:none;}

/*popup*/
.popup{display:none;position:fixed;top:50%;left:50%;width:50%;height:500px;margin-top:-250px; margin-left:-25%;background:#fff;border:1px solid #dfdfdf;z-index:100;}
.popup>h2{position:absolute;top:0;left:0;line-height:40px;width:99%;height:40px;padding-left:1%; background:#000;color:#fff;font-weight:100;font-family: 'Roboto', sans-serif;}
.popup>h2>a.btn_close{position:absolute;top:0;right:0;width:40px;height:40px;color:#fff;text-align:center;background:#00acf1; font-size:25px;font-weight:100;}
.popup>.map{position:absolute;top:40px;left:0;width:100%;height:92%;}

/*main - ico */
.ico_rt,.ico_ut,.ico_ct{display:inline-block!important;vertical-align:middle;background:url(../../inc/images/common/pictogram.png) no-repeat;background-size:500px auto;}
.ico_rt{width:72px;height:59px; background-position:0 0;}
.ico_ut{width:72px;height:59px; background-position:-100px 15px;}
.ico_ct{width:87px;height:59px; background-position:-200px 0;}


.ico1,.ico2,.ico3,.ico4,.ico5,.ico6,.ico7,.ico8,.ico9,.ico10,
.ico11,.ico12{display:inline-block;vertical-align:middle;background:url(../../inc/images/common/pictogram_s.png) no-repeat;background-size:375px auto;}
.ico1{width:43px;height:64px; background-position:0 0;}
.ico2{width:58px;height:40px; background-position:-75px 0;}
.ico3{width:58px;height:53px; background-position:-150px 0;}
.ico4{width:50px;height:50px; background-position:-225px 0;}
.ico5{width:59px;height:49px; background-position:-300px 0;}
.ico6{width:46px;height:46px; background-position:0px -75px;}
.ico7{width:54px;height:46px; background-position:-75px -75px;}
.ico8{width:56px;height:48px; background-position:-150px -75px;}
.ico9{width:46px;height:32px; background-position:-225px -75px;}
.ico10{width:43px;height:43px; background-position:-300px -75px;}
.ico11{width:48px;height:55px; background-position:0 -150px;}
.ico12{width:66px;height:39px; background-position:-75px -150px;}

.ico_dmp{display:inline-block;width:206px;height:168px;vertical-align:middle;background:url(../../inc/images/main/img_circle.png) no-repeat 0 -202px;background-size:210px auto;}
.ico_tg{display:inline-block;width:400px;height:300px;vertical-align:middle;background:url(../../inc/images/main/img_circle.png) no-repeat -1px -1204px;background-size:420px auto;}
.ico_tg_step1,.ico_tg_step2,.ico_tg_step3,.ico_tg_step_arrow,
.ico_tg_step1 i,.ico_tg_step2 i,.ico_tg_step3 i{display:inline-block;background:url(../../inc/images/main/img_circle.png) no-repeat ;background-size:210px auto;text-align:center;}
.ico_tg_step1 i,.ico_tg_step2 i,.ico_tg_step3 i{}
.ico_tg_step1{width:119px;height:70px; background-position: 0 -795px;}
.ico_tg_step2{width:120px;height:106px; background-position: 0 -913px;}
.ico_tg_step3{width:125px;height:112px; background-position: 0 -1068px;}
.ico_tg_step1 i{width:36px;height:27px; background-position: -127px -837px;margin-top:40px;}
.ico_tg_step2 i{width:42px;height:30px; background-position: -127px -959px;margin-top:50px;}
.ico_tg_step3 i{width:119px;height:75px; background-position: -127px -1107px;margin-top:40px;margin-left: 40px;}

.ico_tg_step_arrow{width:119px;height:45px;background-position: 0px -866px;}

/*ico 모음 */
.btn_top.on{bottom:10px;right:20px;}
.btn_top{position: fixed;bottom:-100px;right:20px;z-index:10;transition:all 1s;  }
.btn_top a{display: block; color: #fff;background:#000;border-radius:25px;width: 50px;height: 50px;line-height: 52px;font-size:15px; text-align: center;font-family: 'Roboto', sans-serif;background: #000 url(../../inc/images/common/ico_arrow.png) no-repeat 20px -82px;background-size:12px auto;}

.ico{display:inline-block!important;width:4px;height:4px;margin-right:5px;border-radius:4px;vertical-align:middle;background:#989898;}
.ico.ty{background:#fff;}
.ico_box{display:inline-block!important;width:5px;height:14px;margin-right:5px;background:url(../../inc/images/common/ico.png) no-repeat 0 -76px}

.right_arrow,.down,.mail{display:inline-block;vertical-align:middle;margin-right:5px;background:url(../../inc/images/common/ico.png) no-repeat 0 0;}
.right_arrow{width:11px;height:18px; background-position:0 0;}
.down		{width:17px;height:26px; background-position:0 -30px;}
.mail		{width:16px;height:14px; background-position:0 -60px;}
#footer_m .mail{display:none;}

/*btn*/
.btn{display: inline-block;border-radius: 5px; height: 22px;line-height: 20px;margin:0;padding:10px 20px;font-size: 18px;  background: #00acf1;color: #fff;vertical-align: top;}
.btn.en{font-family: 'Roboto', sans-serif;}
.btn:hover{background: #0794cc;}
.btn_footer{display: inline-block;border:1px solid #9c9c9c; border-radius: 5px; height: 15px;line-height: 15px;margin-top:5px;padding:5px 20px;font-size: 11px;  background: #1b2733;color: #c0c0c0;vertical-align: top;}
.btn_footer:hover{background: #0d161f;border:1px solid #c0c0c0;color:#fff;}
.btn_footer{display:none;}

.btn_box{overflow:hidden;width:100%;text-align:center;}
.btn_box.ty{padding-top:10px;}
.btn_box.ty2{padding-bottom:30px;}
.btn_box>a{display:inline-block; text-indent:-99999px;}
.btn_box>a.text{min-width: 150px; text-indent:0px;}
.btn_case_study{width:184px;height:42px;background:url(../../inc/images/common/btn.png) no-repeat; }

/*layout*/
.br{display:block;}
/*ad*/
#ad{overflow: hidden;width:100%; height:130px;}
#ad .ad_wrap{ width:1240px;margin:0 auto;position: relative;}
#ad .ad_wrap .ty1,
#ad .ad_wrap .ty2{overflow: hidden; background: #f9f9f9;height: 130px;z-index: 50;zoom:-1;}
#ad .ad_wrap .ty1 li{width: 100%;}
#ad .ad_wrap .ty2 li{width: 50%;float: left;}
#ad .ad_wrap .btn_box{position:absolute;right: 0;bottom: 0;width:200px;height: 30px;padding: 0 0 0 10px; line-height: 30px; color: #fff;  background:#000;}
#ad .ad_wrap .btn_box li {float: left;}
#ad .ad_wrap .btn_box a{color: #fff;}
#ad .ad_wrap .btn_box .close{position:absolute;right: 0;bottom: 0;padding: 0 10px; text-align: center;background: red;}

/*header*/
#topbar{width:100%; height:36px; border-top:1px solid #d1d6e0; border-bottom:1px solid #d1d6e0; }
.topbar_wrap{position:relative; width:1240px;margin:0 auto;}
.topbar_wrap .lang_box{position:absolute;top:5px;right:5px;}
.topbar_wrap .lang_box option.on{color:#fff; background:#99bddd;}
.topbar_wrap select.lang_box {width:140px; padding:3px 0 3px 3px;}

#header_wrap{width:100%;border-bottom:1px solid #d1d6e0;}
#header_wrap.on{position:fixed;top:0;left:0;z-index:20;background:#fff; }
#header{position:relative;width:1240px;margin:0 auto;font-family: 'Roboto', sans-serif;}
#header .bg_header{opacity:0.9;z-index:99;}
#header h1{float:left;}
#header h1 a{display: block; padding:15px 5px 22px 5px;}
#header h1 a img{width:236px;height:66px;}
#header_m{display:none;}

/*gnb*/
#gnb:after {content:""; display:block; clear:both;}
#gnb>li,
#gnb>li h2{font-size:2.1rem;font-weight:800;}
#gnb>li>ul>li,#gnb>li h3{font-size:1.8rem;font-weight:100;}
#gnb>li {
    position: relative;
    letter-spacing: -0.1px;
    width: 20%;
    height: 7.5rem;
    line-height: 7.5rem;
    text-align: center;
}
#gnb>li>a {
    display:block;height:7.5rem;line-height:7.5rem;padding:0 33px;text-align:center; font-weight:900;color:#333;
}
#gnb>li>a:hover {background:#e6ecf0; color:#00a3e5;}
#gnb>li>a.on { background:#e6ecf0; color:#00a3e5;}

#gnb>li>ul {display:none;position:absolute; top:7.5rem; left:0px; width:100%;min-height:124px; /*background:#e6ecf0;*/ z-index:100;}
#gnb>li>ul.on{display:block;}
#gnb>li>ul>li>a.on{}
#gnb>li>ul>li>a { display:block;  width:100%; padding:1rem 0;background:#e6ecf0; color:gray; text-align:center;letter-spacing:-0.01px;}
#gnb>li>ul>li>a:hover {background:#0099dd; color:#fff;}
#gnb>li>ul>li>a.on{background:#0099dd; color:#fff;}
#header>p.tg_link a{position:absolute;top:35px;right:0;padding:4px 17px 5px 20px;border-radius:20px;background:#00acf1;font-size: 17px;line-height:22px; color:#fff;}
#header>p.tg_link a:hover{background:#008cd6;}

/*header_m*/
#header_m{position:fixed;top:0;left:0; width:100%;height:auto;border:1px solid #c4d1da; background:#fff; z-index:99;}
#header_m:after {content:""; display:block; clear:both;}

/*gnb mobile*/
#gnb_m{position:relative; width:100%;font-weight:400;text-align:center;}
#gnb_m:after {content:""; display:block; clear:both;}
#gnb_m h1{text-indent:-99999px;padding-left:25px; }
#gnb_m p.tg_link{width:50%;margin:12px auto; border-radius:5px;text-align:center;background:#29beff;}
#gnb_m p.tg_link>a{padding:0 5px; color:#fff;font-size:11px; height:30px;line-height:30px;}
/*
#gnb_m h1>a{width:138px;height:58px;margin:0 auto; background:url(../../inc/images/common/widerplanet_logo.png) no-repeat center 10px; background-size:138px auto;}*/
#gnb_m h1>a{width:188px;height:68px;margin:0 auto; background:url(../../inc/images/common/widerplanet_logo.png) no-repeat center 5px; background-size:172px auto;}
#gnb_m a{display:block;}
#gnb_m .topbar_m{overflow:hidden;}
#gnb_m .btn_nav{display:block;position:absolute;top:0;left:0;width:30px;height:30px;padding:22px 15px 0 10px;text-indent:-99999px;font-size:0;}
#gnb_m .btn_nav span{display:block;background:#bbcace;width:100%;height:5px;margin-bottom:4px;}
#gnb_m>ul{display:none;border-top:1px solid #c4d1da;}
#gnb_m>ul>li{border-bottom:1px solid #c4d1da;letter-spacing:-0.3px;font-size:15px;font-weight:bold;}
#gnb_m>ul>li>h2{font-size:13px;}
#gnb_m>ul>li>a{padding:8px 0;}
#gnb_m>ul>li>ul{display:none;padding:5px 0;border-top:1px solid #c4d1da;background:#e6ecf0;}
#gnb_m>ul>li>ul.on{display:block;}
#gnb_m>ul>li>ul>li,
#gnb_m>ul>li>ul>li>h3{font-size:13px;}
#gnb_m>ul>li>ul>li>a{padding:10px 0;}
#gnb_m>ul>li .btn_box{width: 90%; margin:15px 5%;border:1px solid #c4d1da;}
#gnb_m>ul>li .btn_box:after {content:""; display:block; clear:both;}
#gnb_m>ul>li .btn_box p {float:left;width:50%;font-size:13px;}
#gnb_m>ul>li .btn_box p select{ -webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:#fff url(../../inc/images/common/ico_arrow.png) no-repeat right -15px;background-size:12px auto;}
#gnb_m>ul>li .btn_box p select.lang_box{margin:12px 0 10px;width:70%;border:0;}
#gnb_m>ul>li .btn_box p select.lang_box:focus{border:0;}
#gnb_m>ul>li .btn_box p a{display:block;width:100%;padding:12px 0;text-align:center;}
#gnb_m>ul>li .btn_box p .ico_right{display:inline-block; width:7px;height:13px;margin-left:5px; background:url(../../inc/images/common/ico_arrow.png) no-repeat 0 0; background-size:12px auto;vertical-align:middle;}
#gnb_m>ul>li .btn_box p:last-child{background:url(../../inc/images/common/line.png) repeat-y top left; }
#gnb_m>ul>li:last-child{border:0;}

/*content*/
/*#container.on{margin-top:148px;}*/

/*footer*/
#footer_m{display:none;}
.wrap_wider_info_m{padding:25px 0; font-size:11px;color:#8f9094; background:#2c3947; text-align:center;}
.wrap_wider_info_m span{display:block;}
.wrap_wider_info_m .logo{display:block;width:119px;height:28px; margin:0 auto;background:url(../../inc/images/common/widerplanet_logo_footer.png) no-repeat 0 -25px;background-size:152px auto;text-indent:-99999px;}

#footer{width:100%;background:#2c3947;font-family: 'Roboto', sans-serif;}
#footer .wrap_footer{width:1240px;margin:0 auto;padding-top:25px;}
#footer .wrap_footer a{display:inline-block; color:#efefef;}

#sitemap{margin-top:55px;}
#sitemap:after {content:""; display:block; clear:both;}
#sitemap>li{float:left;width:16%;}
#sitemap>li>a,
#sitemap>li>a>h2{margin-bottom:10px; padding-left:10px;font-size:17px;font-weight:400;}
#sitemap>li>a>span,
#sitemap>li>a>i>span,
#sitemap>li>a>h2>span{float:left; display:block; width:4px;height:15px;margin:5px 5px 0 -10px;  vertical-align:middle;background:#aeaeae;}
#sitemap>li>a>i.ty,
#sitemap>li>a>h2.ty{font-style:normal;margin-top:10px; font-size:17px;color:#009fe3;font-weight:700;letter-spacing:-1px;}
#sitemap>li>a>h2.ty.lang{margin-top:0;}
#sitemap>li>a>i.ty span,
#sitemap>li>a>h2.ty span{background:#009fe3;}
#sitemap>li>ul{}
#sitemap>li>ul>li>a,
#sitemap>li>ul>li>a>h3{padding-left:10px;font-size:13px;line-height:20px;font-weight:100;}
#footer .wrap_wider_info{overflow:hidden;width:100%;margin-top:85px;background:#232e39; }
#footer .wider_info{position:relative;width:1100px;margin:0 auto;padding:40px 20px 40px 120px;color:#abacaf;font-size: 13px;line-height:17px;font-family:'Nanum Gothic','나눔고딕', 'Dotum';text-align: center; }
#footer .wider_info a{color:#abacaf;}
#footer .wider_info .wider_copy{display:block;margin-top:5px; color:#8f9094;font-size: 11px;}
#footer .logo{position:absolute;top:45%;left:30px; display:block;width:142px;height: 80px;margin:-20px 20px 0 20px;background:url(../../inc/images/common/widerplanet_logo_footer.png) no-repeat;background-size:142px auto;text-indent:-99999px;}
#footer .btn_box{overflow:hidden;border-radius:3px;border:1px solid #3b4856; background:#152333;font-weight:800;}
#footer .btn_box a{float:left; width:50%;height:50px;line-height:50px;font-size:17px; text-align:center;}
#footer .btn_box a:hover{background:#030b14;}
#footer .btn_box a.bg{background:#e74c3c;}
#footer .btn_box a:hover.bg{background:#c92f20;}

.footer_sns{overflow:hidden;width:111px;height:32px;margin:0 auto;margin-bottom:10px;}
.footer_sns ul,
.footer_sns li{float:left;}
.footer_sns li{margin-right:5px;}
.footer_sns>li>a{display:block;width:32px;height:32px;text-indent:-999999px;}
.footer_sns a.btn_facebook{background:url(../../inc/images/common/btn_sns.png) no-repeat 0 0;background-size:32px;}
.footer_sns a.btn_twitter{background:url(../../inc/images/common/btn_sns.png) no-repeat 0 -32px;background-size:32px;}
.footer_sns a.btn_kakaoStory{background:url(../../inc/images/common/btn_sns.png) no-repeat 0 -64px;background-size:32px;}

/*margin*/
.mt1{margin-top:150px;}

/***********************************************************************
Media Query (639px),(640px-768px),(769px-1024px),(1025px-1200px)
************************************************************************/
@media screen and (min-width:1025px) and (max-width:1200px) {
    /*layout*/
    /*ad*/
    #ad .ad_wrap{ width:100%;}
    /*header*/
    .topbar_wrap{width:100%;}
    #header{display:block;width:100%;}
    #header_m{display:none;}
    /*gnb*/
    #gnb>li>a {padding:0 29px;}
    #header>p.tg_link a{top:111px;right:0px;border-radius:0;z-index:1;}
}

@media screen and (min-width:769px) and (max-width:1024px) {
    .btn_footer{display:inline-block;}
    /*layout*/
    /*ad*/
    #ad{display:none;}

    #topbar{display:none;}
    #header{display:none;}
    #header_m{display:block;}

    /*header*/
    .topbar_wrap{width:100%;}
    #header{width:100%;}

    /*content*/
    #container{margin-top:0px;}
    #container.on{margin-top:0px;}

    /*footer*/
    #footer_m{display:none;}
    #footer .wrap_footer{width:95%;}
    #footer .wider_info{width:95%;}
    #footer .wrap_wider_info{margin-top:0;}
    #sitemap>li{width:33.3333%;min-height:120px;}
    #sitemap>li:last-child{min-height:10px;}
    .wrap_footer{display: none;}

    /*margin*/

}

@media screen and (min-width:640px) and (max-width:768px) {
    .btn_footer{display:inline-block;}
    /*layout*/
    /*ad*/
    #ad{display:none;}

    #topbar{display:none;}
    #header{display:none;}
    #header_m{display:block;}
    /*popup*/
    .popup{top:50%;left:50%;width:80%;height:500px;margin-top:-250px; margin-left:-40%;}

    /*header*/
    .topbar_wrap{width:100%;}
    #header{width:100%;}

    /*content*/
    #container{margin-top:0px;}
    #container.on{margin-top:0px;}

    /*footer*/
    #footer_m{display:none;}
    #footer .wrap_footer{width:95%;}
    #footer .wider_info{width:95%;padding:80px 0 40px 5%;}
    #footer .wrap_wider_info{margin-top:0;}
    #footer .logo{height:40px; left:50%;margin-top:-100px;margin-left:-41px;}

    #sitemap>li{width:33.3333%;min-height:120px;}
    #sitemap>li:last-child{min-height:10px;}
    .wrap_footer{display: none;}

    /*margin*/

}

@media screen and (max-width:639px){
    .btn_footer{display:inline-block;}
    /*layout*/
    .br{display:inline-block;}
    /*ad*/
    #ad{display:none;}
    /*
    #ad{position: fixed;top:70px;  overflow: hidden;width:100%;z-index: 98;}
    #ad .ad_wrap{width: 100%;}
    #ad .ad_wrap .btn_box{}
    */
    /*popup*/
    .popup{top:50%;left:50%;width:80%;height:500px;margin-top:-250px; margin-left:-40%;}

    /*main - ico */
    .ico1,.ico2,.ico3,.ico4,.ico5,.ico6,.ico7,.ico8,.ico9,.ico10,
    .ico11,.ico12{display:inline-block;vertical-align:middle;background:url(../../inc/images/common/pictogram_s.png) no-repeat;background-size:187px auto;}
    .ico1{width:21px;height:32px; background-position:0 0;}
    .ico2{width:29px;height:20px; background-position:-37px 0;}
    .ico3{width:28px;height:26px; background-position:-75px 0;}
    .ico4{width:25px;height:25px; background-position:-112px 0;}
    .ico5{width:29px;height:24px; background-position:-150px 0;}
    .ico6{width:23px;height:23px; background-position:0px -37px;}
    .ico7{width:27px;height:23px; background-position:-37px -37px;}
    .ico8{width:28px;height:25px; background-position:-75px -37px;}
    .ico9{width:23px;height:16px; background-position:-112px -37px;}
    .ico10{width:21px;height:21px; background-position:-150px -37px;}
    .ico11{width:24px;height:27px; background-position:0 -75px;}
    .ico12{width:33px;height:20px; background-position:-37px -75px;}

    .ico_dmp{display:inline-block;width:103px;height:84px;vertical-align:middle;background:url(../../inc/images/main/img_circle.png) no-repeat 0 -101px;background-size:105px auto;}
    .ico_tg{display:inline-block;width:200px;height:190px;vertical-align:middle;background:url(../../inc/images/main/img_circle.png) no-repeat -3px -602px;background-size:210px auto;}
    .ico_tg_step1,.ico_tg_step2,.ico_tg_step3,.ico_tg_step_arrow{display:inline-block;background:url(../../inc/images/main/img_circle.png) no-repeat ;background-size:105px auto;}
    .ico_tg_step1 i,.ico_tg_step2 i,.ico_tg_step3 i{background-size:105px auto;}
    .ico_tg_step1{width:59px;height:35px; background-position: 0 -397px;}
    .ico_tg_step2{width:60px;height:53px; background-position: 0 -456px;}
    .ico_tg_step3{width:62px;height:56px; background-position: 0 -534px;}
    .ico_tg_step_arrow{width:59px;height:22px;background-position: 0px -433px;}
    .ico_tg_step1 i{width:18px;height:13px; background-position: -63px -418px;margin-top:18px;}
    .ico_tg_step2 i{width:21px;height:15px; background-position: -63px -479px;margin-top:25px;}
    .ico_tg_step3 i{width:49px;height:8px; background-position: -63px -553px;margin-top:20px;margin-left: 20px;}

    /*btn*/
    .btn_box.ty{padding-top:10px;}

    #header_wrap{border: 0;}
    #topbar{display:none;}
    #header{display:none;}
    #header_m{display:block;}

    /*header*/
    .topbar_wrap{width:100%;}
    #header{width:100%;}

    /*content*/
    #container{margin-top:0px;}
    #container.on{margin-top:0px;}

    /*footer*/
    #footer{display:none;}
    #footer_m{display:block;}

    /*margin*/
    .mt1{margin-top:30px;}
}

/*-- 180330 추가 --*/
.section .box_list{ width:750px; margin:0 auto; border: 10px solid #efefef; padding:15px 20px;}

.section .box_list>ul>li {display: inline;}
.section .box_list>ul {padding: 10px 10px 0 40px;}
.section .box_list>ul:after {content:""; display:block; clear:both;}

.section .box_list .name {font-size: 23px; line-height: 44px; font-weight: 800;}
.section .box_list .con {float:right; width:70%; font-size: 20px; line-height: 30px; letter-spacing: -0.9px; padding: 6px;}
/*-- 180330 추가 끝--*/


@media screen and (max-width:639px) {
    /*-- 180330 추가 --*/
    .section .box_list {
        width: 74%;
        padding: 10px;
    }

    .section .box_list > ul {
        padding: 0 0 6px 0;
    }

    .section .box_list .name {
        font-size: 15px;
        line-height: 30px;
        padding: 2px;
    }

    .section .box_list .con {
        font-size: 13px;
        line-height: 18px;
        padding: 2px;
    }

    /*-- 180330 추가 끝--*/
}

@media screen and (min-width:640px) and (max-width:768px) {
    /*-- 180330 추가 --*/
    .section .box_list {
        width: 84%;
    }

    .section .box_list > ul {
        padding: 6px 10px 0 20px;
    }

    .section .box_list .name {
        font-size: 20px;
        line-height: 42px;
        padding: 6px;
    }

    .section .box_list .con {
        font-size: 16px;
        line-height: 22px;
        padding: 6px;
    }

    /*-- 180330 추가 끝--*/
}

@media screen and (min-width:769px) and (max-width:1024px) {
    /*-- 180330 추가 --*/
    .section .box_list .name {
        font-size: 22px;
    }

    .section .box_list .con {
        font-size: 19px;
        line-height: 25px;
    }

    /*-- 180330 추가 끝--*/
}